@tradecanvas/chart 1.47.0 → 1.48.0

package/dist/widget/index.js

@@ -1,4 +1,4 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, t as o, w as s } from "../LayoutSession-Ccv3vSuZ.js";
+import { T 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-DSoR1CO8.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, symbolTimeZone as Ce, tickBarCount as we, timeParts as Te, timeframeBucketStart as Ee, timeframeToMs as S, tzLabel as De, wallToUtc as Oe, zoneOffsetMinutes as ke } from "@tradecanvas/commons";
 import { ChartStateManager as Ae, INDICATOR_CATEGORIES as je, INTERVAL_LIMITS as Me, INTERVAL_UNITS as Ne, MAX_ALERT_BARS as Pe, MIN_ALERT_BARS as Fe, RANGE_PRESETS as Ie, SYMBOL_INDICATOR_IDS as Le, indicatorCategory as Re, indicatorValuePrecision as ze, isSeriesPalette as Be, plotColor as Ve, plotShown as He, rangePresetStart as Ue, servesTimeframe as We, sourceParam as Ge, withResampling as Ke } from "@tradecanvas/core";
@@ -8503,10 +8503,10 @@ var Ms = 0, Ns = class {
 		this.close(), this.backdrop.remove();
 	}
 	check() {
-		this.submit.disabled = this.busy || a(this.input.value) === null;
+		this.submit.disabled = this.busy || o(this.input.value) === null;
 	}
 	async done() {
-		let e = this.request, t = a(this.input.value);
+		let e = this.request, t = o(this.input.value);
 		if (!(!e || t === null || this.busy)) {
 			this.busy = !0, this.check();
 			try {
@@ -10442,9 +10442,9 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 	hostMenus = /* @__PURE__ */ new Set();
 	hostLayer = null;
 	priceAxisAddDefault = !1;
-	constructor(e, n = {}) {
-		this.options = n, this.symbols = n.symbols ?? St;
-		let r = n.chartOptions;
+	constructor(e, t = {}) {
+		this.options = t, this.symbols = t.symbols ?? St;
+		let r = t.chartOptions;
 		if (this.settingsState = {
 			...Ct,
 			...r?.numberLocale ? { numberLocale: r.numberLocale } : {},
@@ -10453,23 +10453,23 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 			...r?.highLowLines === void 0 ? {} : { highLowLines: r.highLowLines },
 			...r?.extendedHours === void 0 ? {} : { extendedHours: r.extendedHours },
 			...r?.chartTypeOptions ? { chartTypeOptions: ge(r.chartTypeOptions) } : {}
-		}, this.t = d(f(n.locale, n.messages)), this.featureState = qt(n), n.persistLayouts) {
-			let e = n.persistLayouts === !0 ? {} : n.persistLayouts;
+		}, this.t = d(f(t.locale, t.messages)), this.featureState = qt(t), t.persistLayouts) {
+			let e = t.persistLayouts === !0 ? {} : t.persistLayouts;
 			this.layoutKeyPrefix = e.keyPrefix ?? "tcw:layout:", this.layoutDebounceMs = e.debounceMs ?? 1500;
 		}
-		let a = this.resolveIsDark(n.theme), o = this.resolveTheme(n.theme);
+		let i = this.resolveIsDark(t.theme), o = this.resolveTheme(t.theme);
 		this.themeOf = {
 			...this.themeOf,
-			[a ? "dark" : "light"]: o
+			[i ? "dark" : "light"]: o
 		};
 		let s = {
 			drawings: !0,
 			drawingMagnet: !0,
 			drawingUndoRedo: !0,
 			indicators: !0,
-			trading: n.trading !== !1,
+			trading: t.trading !== !1,
 			tradingContextMenu: !1,
-			priceAxisAddButton: this.featureState.alerts || n.trading !== !1 || this.featureState.sidebar,
+			priceAxisAddButton: this.featureState.alerts || t.trading !== !1 || this.featureState.sidebar,
 			volume: !0,
 			legend: !0,
 			crosshair: !0,
@@ -10480,7 +10480,7 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 			barCountdown: !0,
 			logScale: !0,
 			watermark: !0,
-			...n.chartOptions?.features
+			...t.chartOptions?.features
 		};
 		this.priceAxisAddDefault = s.priceAxisAddButton === !0;
 		let c = {
@@ -10492,16 +10492,16 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 			legendVisible: s.legend !== !1,
 			barCountdown: s.barCountdown !== !1,
 			indicatorValueLabels: s.indicatorValueLabels === !0
-		}, this.settingsState = { ...this.settingsDefaults }, this.timeframes = Ln(jn(n.timeframes, s.timeframes), this.customTimeframes.list(), s.timeframes), !this.timeframes.some((e) => this.timeframeFavorites.has(e))) {
-			let e = Mn(this.timeframes, s.defaultTimeframeFavorites, !!n.timeframes?.length);
+		}, this.settingsState = { ...this.settingsDefaults }, this.timeframes = Ln(jn(t.timeframes, s.timeframes), this.customTimeframes.list(), s.timeframes), !this.timeframes.some((e) => this.timeframeFavorites.has(e))) {
+			let e = Mn(this.timeframes, s.defaultTimeframeFavorites, !!t.timeframes?.length);
 			for (let t of e) this.timeframeFavorites.add(t);
 		}
-		let l = n.timeframe ?? "5m", u = !s.timeframes?.length || s.timeframes.includes(l) ? l : this.timeframes[0] ?? l;
+		let l = t.timeframe ?? "5m", u = !s.timeframes?.length || s.timeframes.includes(l) ? l : this.timeframes[0] ?? l;
 		this.state = {
-			symbol: n.symbol ?? this.symbols[0] ?? "BTCUSDT",
+			symbol: t.symbol ?? this.symbols[0] ?? "BTCUSDT",
 			timeframe: u,
-			chartType: n.chartOptions?.chartType ?? "candlestick",
-			isDark: a,
+			chartType: t.chartOptions?.chartType ?? "candlestick",
+			isDark: i,
 			activeIndicators: /* @__PURE__ */ new Map(),
 			activeTool: null,
 			magnetEnabled: s.drawingMagnet !== !1,
@@ -10509,14 +10509,14 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 			eraser: !1,
 			zoomArea: !1,
 			stayInDrawing: !1,
-			connectionState: n.adapter ? "connecting" : "disconnected",
-			connectionMessage: n.adapter ? this.t("status.connecting") : ""
-		}, an(), this.root = document.createElement("div"), this.root.className = "tcw-root", this.root.dataset.tcwTheme = a ? "dark" : "light";
-		let m = n.dir === "ltr" || n.dir === "rtl" ? n.dir : ql(n.locale) ? "rtl" : "ltr";
+			connectionState: t.adapter ? "connecting" : "disconnected",
+			connectionMessage: t.adapter ? this.t("status.connecting") : ""
+		}, an(), this.root = document.createElement("div"), this.root.className = "tcw-root", this.root.dataset.tcwTheme = i ? "dark" : "light";
+		let m = t.dir === "ltr" || t.dir === "rtl" ? t.dir : ql(t.locale) ? "rtl" : "ltr";
 		this.root.dir = m, this.portal.dir = m, e.appendChild(this.root), this.tooltip = new yc(this.root), this.portal.className = "tcw-root tcw-portal", this.portal.dataset.tcwTheme = this.root.dataset.tcwTheme, this.stopKeyboardInset = $s([this.root, this.portal]), this.stopNarrow = ec(this.root, (e) => {
 			this.toolbar?.fit(), e || this.sidebar?.closeOverlay(), this.syncRail();
-		}), this.ui = G(n.ui);
-		let h = n.ui !== void 0;
+		}), this.ui = G(t.ui);
+		let h = t.ui !== void 0;
 		K(this.root, this.ui, { variables: h }), K(this.portal, this.ui, { variables: h }), this.markSwitchedOff(), this.stopFormControls = yt([this.root, this.portal], {
 			layer: this.overlayHost,
 			labels: () => ({
@@ -10529,7 +10529,7 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 			symbols: this.symbols,
 			timeframes: this.timeframeMenu(),
 			timeframeFavorites: this.pinnedTimeframes(),
-			chartTypes: n.chartTypes ? bt.filter((e) => n.chartTypes.includes(e.value)) : bt
+			chartTypes: t.chartTypes ? bt.filter((e) => t.chartTypes.includes(e.value)) : bt
 		}, {
 			onSymbolClick: () => this.handleSymbolClick(),
 			onSymbolInfo: () => this.toggleSymbolInfo(),
@@ -10545,18 +10545,18 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 			onToggleReplay: () => this.toggleReplay(),
 			onToggleAlerts: () => this.toggleAlerts(),
 			onToggleObjects: () => this.toggleObjects(),
-			onToggleAccount: n.trading === !1 ? void 0 : () => this.toggleAccountPanel(),
-			onLayouts: n.layouts === !1 ? void 0 : (e) => void this.layoutsUI?.openMenu(e),
-			onBracket: n.trading === !1 ? void 0 : (e) => this.startBracket(e),
-			onToggleLadder: n.trading !== !1 && n.depthLadder ? () => this.toggleLadder() : void 0,
-			onOrderTicket: n.trading === !1 ? void 0 : () => this.openOrderTicket(),
-			onCompare: n.adapter && s.compareSymbols !== !1 ? () => this.handleAddCompare() : void 0,
+			onToggleAccount: t.trading === !1 ? void 0 : () => this.toggleAccountPanel(),
+			onLayouts: t.layouts === !1 ? void 0 : (e) => void this.layoutsUI?.openMenu(e),
+			onBracket: t.trading === !1 ? void 0 : (e) => this.startBracket(e),
+			onToggleLadder: t.trading !== !1 && t.depthLadder ? () => this.toggleLadder() : void 0,
+			onOrderTicket: t.trading === !1 ? void 0 : () => this.openOrderTicket(),
+			onCompare: t.adapter && s.compareSymbols !== !1 ? () => this.handleAddCompare() : void 0,
 			onUndo: () => this.chart.undo(),
 			onRedo: () => this.chart.redo(),
 			onToggleFullscreen: typeof document < "u" && document.fullscreenEnabled ? () => this.toggleFullscreen() : void 0
 		}, this.t, this.overlayHost);
 		let g = document.createElement("div");
-		g.className = "tcw-body", n.drawingFavorites && this.favoritesStore.seedDefaults(n.drawingFavorites), this.sidebar = new ar(g, {
+		g.className = "tcw-body", t.drawingFavorites && this.favoritesStore.seedDefaults(t.drawingFavorites), this.sidebar = new ar(g, {
 			drawingToolGroups: wn(xt, this.t),
 			favorites: this.favoritesStore.list(),
 			shortcuts: ki()
@@ -10594,9 +10594,9 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 			railShown: () => this.railShown(),
 			focusAfterClose: (e) => this.panelFocusTarget(e),
 			room: () => g.clientWidth
-		}), n.watchlist && this.createWatchlist(g, n.watchlist === !0 ? {} : n.watchlist), this.root.appendChild(g);
+		}), t.watchlist && this.createWatchlist(g, t.watchlist === !0 ? {} : t.watchlist), this.root.appendChild(g);
 		let _ = document.createElement("div");
-		_.className = "tcw-account-dock", k(_, "accountPanel"), this.root.appendChild(_), this.chart = new t(this.chartContainer, {
+		_.className = "tcw-account-dock", k(_, "accountPanel"), this.root.appendChild(_), this.chart = new n(this.chartContainer, {
 			chartType: this.state.chartType,
 			theme: o,
 			autoScale: !0,
@@ -10613,9 +10613,9 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 					return n === t ? e : n;
 				}
 			} },
-			...n.chartOptions,
+			...t.chartOptions,
 			features: c
-		}), n.chartOptions?.shapes || this.applyChartShapes(), this.applyLegendFont();
+		}), t.chartOptions?.shapes || this.applyChartShapes(), this.applyLegendFont();
 		for (let [e, t] of this.indicatorDefaults.all()) this.chart.setIndicatorDefaults(e, t.style);
 		this.chart.on("visibleRangeChange", (e) => {
 			let { from: t, to: n } = e.payload;
@@ -10636,7 +10636,7 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 			}
 		}), this.marketTimer = setInterval(() => this.refreshMarket(), 3e4), this.onPageShown = () => {
 			Pl() || this.refreshMarket();
-		}, document.addEventListener("visibilitychange", this.onPageShown), this.dragDrop = new i(this.chartContainer, {
+		}, document.addEventListener("visibilitychange", this.onPageShown), this.dragDrop = new a(this.chartContainer, {
 			onData: (e, t, n) => {
 				this.setData(e);
 				let r = p(this.t("toast.fileLoaded"), {
@@ -10902,7 +10902,7 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 			title: this.t("interval.title"),
 			hint: this.t("interval.hint"),
 			invalid: this.t("interval.invalid")
-		}, (e) => this.selectTypedTimeframe(e)), n.layouts !== !1 && this.setupLayouts(n.layouts === !0 || n.layouts === void 0 ? {} : n.layouts), n.trading !== !1) {
+		}, (e) => this.selectTypedTimeframe(e)), t.layouts !== !1 && this.setupLayouts(t.layouts === !0 || t.layouts === void 0 ? {} : t.layouts), t.trading !== !1) {
 			this.orderTicket = new Os(this.root, {
 				onSubmit: (e) => {
 					this.chart.placeOrderIntent(e), this.say(p(this.t("ticket.sent"), {
@@ -10938,7 +10938,7 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 				"indicatorUpdate"
 			]) this.chart.on(e, () => this.refreshAccountSoon());
 		}
-		if (n.trading !== !1) {
+		if (t.trading !== !1) {
 			if (this.bracketBar = new Nc(this.chartContainer, {
 				onConfirm: () => this.chart.confirmBracket(),
 				onCancel: () => {
@@ -10947,7 +10947,7 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 			}, this.t), this.chart.on("bracketPlace", (e) => {
 				let t = e.payload;
 				this.bracketBar?.hide(), this.say(p(this.t(t.side === "buy" ? "bracket.longPlaced" : "bracket.shortPlaced"), { rr: t.riskReward.toFixed(2) }));
-			}), n.depthLadder) {
+			}), t.depthLadder) {
 				this.depthLadder = new Lc(this.root, {
 					onTrade: (e, t) => {
 						this.chart.placeOrderIntent({
@@ -10988,7 +10988,7 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 		}, this.t), this.chart.on("alertAdd", () => this.refreshAlerts()), this.chart.on("alertRemove", () => this.refreshAlerts()), this.chart.on("alertUpdate", () => this.refreshAlerts()), this.chart.on("alertExpired", (e) => {
 			let t = e.payload;
 			this.refreshAlerts(), this.featureState.alerts && this.say(p(this.t("alerts.expiredToast"), { text: t.message ?? this.alertText(t) }));
-		}), n.alertNotifications && (this.alertNotifier = new Pc(n.alertNotifications)), this.chart.on("alertTriggered", (e) => {
+		}), t.alertNotifications && (this.alertNotifier = new Pc(t.alertNotifications)), this.chart.on("alertTriggered", (e) => {
 			let t = e.payload;
 			if (this.refreshAlerts(), !this.featureState.alerts) return;
 			let n = `${this.alertText(t)}${t.message ? ` — ${t.message}` : ""}`;
@@ -11107,11 +11107,11 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 				if (X() || !t || !n("hotkeys.help") || !this.featureState.hotkeySheet) return;
 				e.preventDefault(), this.openHotkeySheet();
 			}
-		}, document.addEventListener("keydown", this.boundGlobalKeydown), document.addEventListener("fullscreenchange", this.onFullscreenChange), this.unregisterKeys = Ws(this.root, [this.portal]), n.adapter ? (this.adapter = n.adapter, this.connectStream()) : this.chart.setDataTimeframe(this.state.timeframe), this.watchlist && (this.watchlistInterval = setInterval(() => this.tickWatchlist(), 1e3)), this.markSwitchedOff(), requestAnimationFrame(() => {
+		}, document.addEventListener("keydown", this.boundGlobalKeydown), document.addEventListener("fullscreenchange", this.onFullscreenChange), this.unregisterKeys = Ws(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(), queueMicrotask(() => {
 			if (!this.destroyed) try {
-				n.onReady?.(this.chart, this);
+				t.onReady?.(this.chart, this);
 			} finally {
 				this.destroyed || this.restoreSharedView();
 			}
@@ -12923,7 +12923,7 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 		return t ? (await this.restoreLayout(t), !0) : !1;
 	}
 	setupLayouts(e) {
-		let t = new o(e.storage ?? n(), {
+		let t = new s(e.storage ?? r(), {
 			capture: () => ({
 				content: this.getLayoutContent(),
 				symbol: this.state.symbol,
@@ -12980,14 +12980,14 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 		}
 	}
 	syncIndicatorsFromChart() {
-		let e = /* @__PURE__ */ new Map();
-		for (let t of this.chart.getActiveIndicators()) e.set(t.instanceId, {
-			id: t.id,
-			label: s(t.id, t.params, t.descriptor.defaultConfig, t.descriptor.shortName)
+		let t = /* @__PURE__ */ new Map();
+		for (let n of this.chart.getActiveIndicators()) t.set(n.instanceId, {
+			id: n.id,
+			label: e(n.id, n.params, n.descriptor.defaultConfig, n.descriptor.shortName)
 		});
 		this.state = {
 			...this.state,
-			activeIndicators: e
+			activeIndicators: t
 		}, this.updateUI(), this.indicatorPicker?.setCounts(this.indicatorCounts());
 	}
 	toggleIndicatorPicker() {
@@ -13287,29 +13287,29 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 	}
 	renderLegend() {
 		if (!this.indicatorLegend || this.destroyed) return;
-		let e = this.chart.getData().length - 1, t = this.chart.isTimeAligned() ? this.legendHoverIndex : null, n = t === null ? e : Math.min(Math.max(t, 0), e), r = /* @__PURE__ */ new Map();
-		for (let e of this.chart.getIndicatorPanes()) (e.instanceIds ?? [e.instanceId]).forEach((t, n) => r.set(t, {
+		let t = this.chart.getData().length - 1, n = this.chart.isTimeAligned() ? this.legendHoverIndex : null, r = n === null ? t : Math.min(Math.max(n, 0), t), i = /* @__PURE__ */ new Map();
+		for (let e of this.chart.getIndicatorPanes()) (e.instanceIds ?? [e.instanceId]).forEach((t, n) => i.set(t, {
 			...e.rect,
 			row: n
 		}));
-		let i = this.settingsState.numberLocale || "en-US", a = this.chart.getActiveIndicators().map((e) => {
-			let t = r.get(e.instanceId) ?? null, a = n >= 0 ? this.chart.getIndicatorOutput(e.instanceId)?.series?.[n] : null, o = this.chart.getIndicatorStyle(e.instanceId), c = e.visible && e.shown === !1, l = c ? [] : kc(e.descriptor, a, o?.colors ?? [], o?.plots);
+		let a = this.settingsState.numberLocale || "en-US", o = this.chart.getActiveIndicators().map((t) => {
+			let n = i.get(t.instanceId) ?? null, o = r >= 0 ? this.chart.getIndicatorOutput(t.instanceId)?.series?.[r] : null, s = this.chart.getIndicatorStyle(t.instanceId), c = t.visible && t.shown === !1, l = c ? [] : kc(t.descriptor, o, s?.colors ?? [], s?.plots);
 			return {
-				instanceId: e.instanceId,
-				label: s(e.id, e.params, e.descriptor.defaultConfig, e.descriptor.shortName),
-				visible: e.visible,
+				instanceId: t.instanceId,
+				label: e(t.id, t.params, t.descriptor.defaultConfig, t.descriptor.shortName),
+				visible: t.visible,
 				offInterval: c,
 				values: l.map((e) => ({
-					text: t ? Mc(e.value, i) : this.chart.formatPrice(e.value),
+					text: n ? Mc(e.value, a) : this.chart.formatPrice(e.value),
 					color: e.color
 				})),
-				pane: t ? {
-					x: t.x + wl,
-					y: t.y + Math.min(Tl + t.row * El, Math.max(Tl, t.height - El)),
-					width: t.width - 2 * wl
+				pane: n ? {
+					x: n.x + wl,
+					y: n.y + Math.min(Tl + n.row * El, Math.max(Tl, n.height - El)),
+					width: n.width - 2 * wl
 				} : null
 			};
-		}), o = this.chart.getPlotRect(), c = this.chart.getMaximizedPane(), l = (e) => a.find((t) => t.instanceId === e)?.label ?? "", u = this.chart.getIndicatorPanes().map((e) => ({
+		}), s = this.chart.getPlotRect(), c = this.chart.getMaximizedPane(), l = (e) => o.find((t) => t.instanceId === e)?.label ?? "", u = this.chart.getIndicatorPanes().map((e) => ({
 			instanceId: e.instanceId,
 			x: e.rect.x + e.rect.width - wl,
 			y: e.rect.y + Dl,
@@ -13319,8 +13319,8 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 			canMoveUp: this.chart.canMovePane(e.instanceId, -1),
 			canMoveDown: this.chart.canMovePane(e.instanceId, 1)
 		}));
-		this.indicatorLegend.update(a, {
-			left: o.x + wl,
+		this.indicatorLegend.update(o, {
+			left: s.x + wl,
 			top: this.chart.getLegendBottom() + 1
 		}, u);
 	}
@@ -13395,28 +13395,28 @@ var wl = 4, Tl = 7, El = 17, Dl = 3, Ol = [
 		return !0;
 	}
 };
-function Ll(e, t) {
-	let n = (e) => {
+function Ll(t, n) {
+	let r = (e) => {
 		let t = Ge(e.descriptor);
 		return t && pe(e.params[t])?.instanceId || null;
-	}, r = new Set([e]);
+	}, i = new Set([t]);
 	for (let e = !0; e;) {
 		e = !1;
-		for (let i of t) {
-			let t = n(i);
-			t && r.has(t) && !r.has(i.instanceId) && (r.add(i.instanceId), e = !0);
+		for (let t of n) {
+			let n = r(t);
+			n && i.has(n) && !i.has(t.instanceId) && (i.add(t.instanceId), e = !0);
 		}
 	}
-	let i = [];
-	for (let e of t) {
-		if (r.has(e.instanceId)) continue;
-		let t = s(e.id, e.params, e.descriptor.defaultConfig, e.descriptor.shortName);
-		for (let n of e.descriptor.plots ?? []) i.push({
-			value: ce(e.instanceId, n.key),
-			label: `${t}: ${n.title}`
+	let a = [];
+	for (let t of n) {
+		if (i.has(t.instanceId)) continue;
+		let n = e(t.id, t.params, t.descriptor.defaultConfig, t.descriptor.shortName);
+		for (let e of t.descriptor.plots ?? []) a.push({
+			value: ce(t.instanceId, e.key),
+			label: `${n}: ${e.title}`
 		});
 	}
-	return i;
+	return a;
 }
 var Rl = "tcw:recentCommands", zl = 10;
 function Bl() {
@@ -13913,7 +13913,7 @@ var tu = class {
 		e.innerHTML = `${A("save", 14)}<span class="tcw-layouts-label">${j(t)}</span>` + (n ? "<span class=\"tcw-layouts-dirty\" aria-hidden=\"true\"></span>" : "") + A("chevronDown", 12), e.title = r, e.setAttribute("aria-label", r);
 	}
 	setupLayouts(e) {
-		let t = new o(e.storage ?? n("tcw:grid-layouts:"), {
+		let t = new s(e.storage ?? r("tcw:grid-layouts:"), {
 			capture: () => {
 				let e = this.cells[this.active].widget;
 				return {
@@ -13952,6 +13952,6 @@ function nu(e, t) {
 	return n;
 }
 //#endregion
-export { _ as CHART_TYPE_ICONS, Il as ChartWidget, tu as ChartWidgetGrid, Jl as DEFAULT_GRID_SYNC, ee as DRAWING_TOOL_ICONS, l as EN_MESSAGES, Xl as GRID_SHAPES, o as LayoutSession, r as MAX_LAYOUT_NAME, ie as UI_ICONS, m as VI_MESSAGES, Bt as WIDGET_FEATURES, $i as WIDGET_UI_PRESETS, K as applyWidgetUI, a as cleanLayoutName, ln as createChartTypeIcon, A as createIcon, cn as createToolIcon, u as findWidgetLocale, se as iconSvg, n as localStorageLayouts, e as memoryLayouts, eu as readGridLayout, hi as readWatchlists, Ys as readWidgetLayout, c as registerWidgetLocale, G as resolveWidgetUI, sa as widgetUIVariables };
+export { _ as CHART_TYPE_ICONS, Il as ChartWidget, tu as ChartWidgetGrid, Jl as DEFAULT_GRID_SYNC, ee as DRAWING_TOOL_ICONS, l as EN_MESSAGES, Xl as GRID_SHAPES, s as LayoutSession, i as MAX_LAYOUT_NAME, ie as UI_ICONS, m as VI_MESSAGES, Bt as WIDGET_FEATURES, $i as WIDGET_UI_PRESETS, K as applyWidgetUI, o as cleanLayoutName, ln as createChartTypeIcon, A as createIcon, cn as createToolIcon, u as findWidgetLocale, se as iconSvg, r as localStorageLayouts, t as memoryLayouts, eu as readGridLayout, hi as readWatchlists, Ys as readWidgetLayout, c as registerWidgetLocale, G as resolveWidgetUI, sa as widgetUIVariables };
 
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tradecanvas/chart",
-  "version": "1.47.0",
+  "version": "1.48.0",
   "type": "module",
   "description": "High-performance canvas trading chart with built-in indicators, drawing tools, and real-time streaming. Zero external dependencies.",
   "license": "MIT",
@@ -58,8 +58,8 @@
     "README.md"
   ],
   "dependencies": {
-    "@tradecanvas/commons": "1.47.0",
-    "@tradecanvas/core": "1.47.0"
+    "@tradecanvas/commons": "1.48.0",
+    "@tradecanvas/core": "1.48.0"
   },
   "devDependencies": {
     "jsdom": "^25.0.1",