@tradecanvas/chart 1.2.0 → 1.3.0

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export * from './plugins/index.js';
 export { parseOHLCV, DragDropImporter } from './io/index.js';
 export type { ParseResult, DragDropImporterCallbacks } from './io/index.js';
 export type { OHLCBar, DataSeries, TimeFrame, ChartOptions, ChartType, Theme, ThemeName, ChartEventType, ChartEvent, ChartEventMap, IndicatorPlugin, IndicatorDescriptor, IndicatorConfig, IndicatorOutput, IndicatorValue, TauriBridgeOptions, ViewportState, CrosshairMovePayload, BarClickPayload, VisibleRangeChangePayload, OrderModifyPayload, OrderCancelPayload, PositionModifyPayload, PositionClosePayload, OrderPlacePayload, IndicatorChangePayload, ThemeChangePayload, ResizePayload, ZoomChangePayload, PriceRangeChangePayload, DrawingCreatePayload, DrawingRemovePayload, SignalMarkerAddPayload, SignalMarkerRemovePayload, TradeZoneAddPayload, TradeZoneRemovePayload, DrawingToolType, DrawingState, DrawingStyle, DrawingPlugin, DrawingDescriptor, FeaturesConfig, SessionBreakOptions, PriceAxisOptions, TimeAxisOptions, AnchorPoint, PanelPosition, PanelConfig, ResolvedLayout, TradingOrder, TradingPosition, DepthData, DepthLevel, TradingConfig, OrderSide, OrderType, OrderStatus, OrderLabel, OrderPlaceIntent, OrderModifyIntent, OrderCancelIntent, PositionModifyIntent, PositionCloseIntent, ExecutionAdapter, ExecutionConfig, ExecutionEvent, ExecutionEventType, ExecutionListener, FillEvent, ExecutionError, Locale, LocaleStrings, MarketConfig, MarketType, StockExchange, MarketColorScheme, TradingSession, PriceLimitInfo, DataAdapter, DataAdapterConfig, DataAdapterEventType, StreamConfig, ConnectionState, ConnectionInfo, RawTick, AggregatedBar, ReconnectConfig, ResolvedIndicatorStyle, WatermarkConfig, GridOptions, CrosshairOptions, SignalMarker, SignalDirection, SignalMarkerStyle, TradeZone, TradeZoneDirection, TradeZoneStyle, } from '@tradecanvas/commons';
-export { DARK_THEME, LIGHT_THEME, DARK_TERMINAL, DEFAULT_DRAWING_STYLE, DEFAULT_TRADING_CONFIG, DEFAULT_SIGNAL_STYLE, DEFAULT_TRADE_ZONE_STYLE, TIMEFRAMES_CRYPTO, TIMEFRAMES_STOCK, TIMEFRAMES_FOREX, DEFAULT_TIMEFRAME_FAVORITES, } from '@tradecanvas/commons';
+export { DARK_THEME, LIGHT_THEME, DARK_TERMINAL, TC_PALETTE, TC_SERIES_COLORS, DEFAULT_DRAWING_STYLE, DEFAULT_TRADING_CONFIG, DEFAULT_SIGNAL_STYLE, DEFAULT_TRADE_ZONE_STYLE, TIMEFRAMES_CRYPTO, TIMEFRAMES_STOCK, TIMEFRAMES_FOREX, DEFAULT_TIMEFRAME_FAVORITES, } from '@tradecanvas/commons';
 export { normalizeBarTime, normalizeBar } from '@tradecanvas/commons';
 export { setLocale, getLocale, t, registerLocale, formatNumber, formatVND, formatVolumeLoc } from '@tradecanvas/commons';
 export { MARKET_HOSE, MARKET_HNX, MARKET_UPCOM, MARKET_CRYPTO, MARKET_NYSE, VN_COLORS, createVNTheme, computePriceLimits, getCurrentSession, } from '@tradecanvas/commons';
@@ -25,7 +25,8 @@ export { AlertManager, ReplayManager, ChartStateManager, UndoRedoManager, Signal
 export type { PriceAlert, AlertCondition, ReplayConfig, ChartSnapshot, UndoableAction } from '@tradecanvas/core';
 export { Animator, Easing } from '@tradecanvas/core';
 export type { EasingFn, AnimationOptions } from '@tradecanvas/core';
-export { KeyboardHandler, CrosshairTooltip } from '@tradecanvas/core';
+export { KeyboardHandler, CrosshairTooltip, formatTooltipTime } from '@tradecanvas/core';
+export type { CrosshairTooltipContext } from '@tradecanvas/core';
 export { ChartGrid } from './grid/ChartGrid.js';
 export type { GridLayout, GridCellConfig, ChartGridOptions } from './grid/ChartGrid.js';
 export { SparklineChart, DepthChart, EquityCurveChart, HeatmapChart, WaterfallChart, GaugeChart, PerformanceDashboard } from './finance/index.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,8 +1,8 @@
-import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as ee, t as te, u as ne } from "./DragDropImporter-BcTzFeRP.js";
-import { DARK_TERMINAL as re, DARK_THEME as ie, DARK_THEME as ae, DEFAULT_DRAWING_STYLE as oe, DEFAULT_RECONNECT as se, DEFAULT_SIGNAL_STYLE as d, DEFAULT_STREAM_CONFIG as ce, DEFAULT_TIMEFRAME_FAVORITES as le, DEFAULT_TRADE_ZONE_STYLE as ue, DEFAULT_TRADING_CONFIG as de, LIGHT_THEME as fe, LIGHT_THEME as f, MARKET_CRYPTO as p, MARKET_HNX as m, MARKET_HOSE as h, MARKET_NYSE as g, MARKET_UPCOM as _, TIMEFRAMES_CRYPTO as v, TIMEFRAMES_FOREX as y, TIMEFRAMES_STOCK as b, VN_COLORS as x, computePriceLimits as S, createVNTheme as C, formatNumber as w, formatVND as T, formatVolumeLoc as E, getCurrentSession as D, getLocale as O, normalizeBar as k, normalizeBarTime as A, registerLocale as j, setLocale as M, t as N, timeframeBucketStart as P } from "@tradecanvas/commons";
-import { AlertManager as F, Animator as I, BarCountdown as L, BaseFinanceChart as R, BinanceAdapter as z, BybitAdapter as B, ChartLegend as V, ChartStateManager as pe, CoinbaseAdapter as me, CompareRenderer as he, CrosshairTooltip as ge, CurrentPriceLine as _e, DEFAULT_LEGEND_CONFIG as ve, DEFAULT_SESSION_HOURS as ye, DataExporter as be, DrawingBase as xe, Easing as Se, FinanceCrosshair as H, IndicatorBase as Ce, IndicatorValueMap as we, KeyboardHandler as Te, KrakenAdapter as U, MockAdapter as Ee, PaperExecutionAdapter as De, PollingAdapter as Oe, ReplayManager as ke, Screenshot as Ae, SessionBreaks as je, SessionShading as Me, SignalMarkerManager as Ne, StreamManager as Pe, TickAggregator as Fe, TradeZoneManager as Ie, UndoRedoManager as Le, VolumeRenderer as Re, Watermark as ze, WebSocketAdapter as Be, layoutSquarifiedTreemap as Ve, layoutUniformGrid as He, lttbDownsample as Ue, lttbVisibleIndices as We, renderDepthChart as Ge, renderEquityCurve as Ke, renderGauge as qe, renderHeatmap as Je, renderSparkline as Ye, renderWaterfall as Xe, toHeikinAshi as Ze, toKagi as Qe, toLineBreak as $e, toPointAndFigure as et, toRangeBars as tt, toRenko as nt } from "@tradecanvas/core";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as ee, u as te } from "./DragDropImporter-cURSpfUb.js";
+import { DARK_TERMINAL as ne, DARK_THEME as re, DARK_THEME as ie, DEFAULT_DRAWING_STYLE as ae, DEFAULT_RECONNECT as oe, DEFAULT_SIGNAL_STYLE as se, DEFAULT_STREAM_CONFIG as ce, DEFAULT_TIMEFRAME_FAVORITES as le, DEFAULT_TRADE_ZONE_STYLE as ue, DEFAULT_TRADING_CONFIG as de, LIGHT_THEME as fe, LIGHT_THEME as f, MARKET_CRYPTO as p, MARKET_HNX as m, MARKET_HOSE as h, MARKET_NYSE as g, MARKET_UPCOM as _, TC_PALETTE as v, TC_SERIES_COLORS as y, TIMEFRAMES_CRYPTO as b, TIMEFRAMES_FOREX as x, TIMEFRAMES_STOCK as S, VN_COLORS as C, computePriceLimits as w, createVNTheme as T, formatNumber as E, formatVND as D, formatVolumeLoc as O, getCurrentSession as k, getLocale as A, normalizeBar as j, normalizeBarTime as M, registerLocale as N, setLocale as P, t as F, timeframeBucketStart as I } from "@tradecanvas/commons";
+import { AlertManager as L, Animator as R, BarCountdown as z, BaseFinanceChart as B, BinanceAdapter as V, BybitAdapter as pe, ChartLegend as me, ChartStateManager as he, CoinbaseAdapter as ge, CompareRenderer as _e, CrosshairTooltip as ve, CurrentPriceLine as ye, DEFAULT_LEGEND_CONFIG as be, DEFAULT_SESSION_HOURS as xe, DataExporter as Se, DrawingBase as Ce, Easing as we, FinanceCrosshair as H, IndicatorBase as Te, IndicatorValueMap as Ee, KeyboardHandler as De, KrakenAdapter as Oe, MockAdapter as ke, PaperExecutionAdapter as Ae, PollingAdapter as je, ReplayManager as Me, Screenshot as Ne, SessionBreaks as Pe, SessionShading as Fe, SignalMarkerManager as Ie, StreamManager as Le, TickAggregator as Re, TradeZoneManager as ze, UndoRedoManager as Be, VolumeRenderer as Ve, Watermark as He, WebSocketAdapter as Ue, formatTooltipTime as We, layoutSquarifiedTreemap as Ge, layoutUniformGrid as Ke, lttbDownsample as qe, lttbVisibleIndices as Je, renderDepthChart as Ye, renderEquityCurve as Xe, renderGauge as Ze, renderHeatmap as Qe, renderSparkline as $e, renderWaterfall as et, toHeikinAshi as tt, toKagi as nt, toLineBreak as rt, toPointAndFigure as it, toRangeBars as at, toRenko as ot } from "@tradecanvas/core";
 //#region src/grid/ChartGrid.ts
-var W = {
+var U = {
 	"1x1": {
 		cols: 1,
 		rows: 1
@@ -35,7 +35,7 @@ var W = {
 		cols: 2,
 		rows: 3
 	}
-}, rt = class {
+}, st = class {
 	root;
 	cells = [];
 	layout;
@@ -46,11 +46,11 @@ var W = {
 		this.options = t, this.layout = t.layout ?? "2x2", this.root = document.createElement("div"), this.root.style.cssText = "display:grid;width:100%;height:100%;overflow:hidden;", e.appendChild(this.root), this.applyLayout(), this.createCells();
 	}
 	applyLayout() {
-		let { cols: e, rows: t } = W[this.layout], n = this.options.gap ?? 1;
+		let { cols: e, rows: t } = U[this.layout], n = this.options.gap ?? 1;
 		this.root.style.gridTemplateColumns = `repeat(${e}, 1fr)`, this.root.style.gridTemplateRows = `repeat(${t}, 1fr)`, this.root.style.gap = `${n}px`;
 	}
 	createCells() {
-		let { cols: e, rows: t } = W[this.layout], n = e * t;
+		let { cols: e, rows: t } = U[this.layout], n = e * t;
 		for (let e = 0; e < n; e++) {
 			let t = this.options.cells?.[e] ?? {}, n = document.createElement("div");
 			n.style.cssText = "position:relative;overflow:hidden;min-width:0;min-height:0;", this.root.appendChild(n);
@@ -95,7 +95,7 @@ var W = {
 	}
 	setLayout(e) {
 		if (e === this.layout) return;
-		let t = this.cells.length, { cols: n, rows: r } = W[e], i = n * r;
+		let t = this.cells.length, { cols: n, rows: r } = U[e], i = n * r;
 		if (i < t) for (let e = t - 1; e >= i; e--) {
 			let t = this.cells[e];
 			t.chart.destroy(), t.container.remove(), this.cells.pop();
@@ -157,13 +157,13 @@ var W = {
 			this.cells = [], this.root.remove();
 		}
 	}
-}, it = class extends R {
+}, ct = class extends B {
 	options;
 	constructor(e, t) {
 		super(e, t.theme), this.options = t, this.requestRender();
 	}
 	renderChart(e, t, n, r) {
-		Ye(e, t, n, this.options, r);
+		$e(e, t, n, this.options, r);
 	}
 	update(e) {
 		this.options = {
@@ -177,7 +177,7 @@ var W = {
 			...e
 		}, this.requestRender();
 	}
-}, at = class extends R {
+}, lt = class extends B {
 	options;
 	crosshair = null;
 	constructor(e, t) {
@@ -185,7 +185,7 @@ var W = {
 	}
 	renderChart(e, t, n, r) {
 		let i = this.crosshair?.getPosition() ?? null;
-		Ge(e, t, n, this.options, r, i);
+		Ye(e, t, n, this.options, r, i);
 	}
 	update(e) {
 		this.options = {
@@ -202,7 +202,7 @@ var W = {
 	destroy() {
 		this.crosshair?.destroy(), super.destroy();
 	}
-}, G = class extends R {
+}, W = class extends B {
 	options;
 	crosshair = null;
 	constructor(e, t) {
@@ -210,7 +210,7 @@ var W = {
 	}
 	renderChart(e, t, n, r) {
 		let i = this.crosshair?.getPosition() ?? null;
-		Ke(e, t, n, this.options, r, i);
+		Xe(e, t, n, this.options, r, i);
 	}
 	update(e, t) {
 		this.options = {
@@ -230,7 +230,7 @@ var W = {
 	destroy() {
 		this.crosshair?.destroy(), super.destroy();
 	}
-}, K = class extends R {
+}, G = class extends B {
 	options;
 	crosshair = null;
 	cachedRects = [];
@@ -256,8 +256,8 @@ var W = {
 				id: e.id,
 				weight: e.weight ?? (Math.abs(e.value) || 1)
 			}));
-			this.cachedRects = Ve(n, e, t);
-		} else this.cachedRects = He(this.currentData.map((e) => ({ id: e.id })), e, t);
+			this.cachedRects = Ge(n, e, t);
+		} else this.cachedRects = Ke(this.currentData.map((e) => ({ id: e.id })), e, t);
 	}
 	onCanvasClick(e, t) {
 		if (this.options.onCellClick) for (let n of this.cachedRects) {
@@ -272,7 +272,7 @@ var W = {
 	renderChart(e, t, n, r) {
 		(t !== this.lastLayoutWidth || n !== this.lastLayoutHeight) && this.recomputeLayout();
 		let i = this.crosshair?.getPosition() ?? null;
-		Je(e, t, n, this.currentData, this.cachedRects, this.options, r, i);
+		Qe(e, t, n, this.currentData, this.cachedRects, this.options, r, i);
 	}
 	update(e) {
 		this.currentData = e, this.options = {
@@ -289,7 +289,7 @@ var W = {
 	destroy() {
 		this.crosshair?.destroy(), this.handleClick && this.canvas.removeEventListener("click", this.handleClick), super.destroy();
 	}
-}, ot = class extends R {
+}, ut = class extends B {
 	options;
 	crosshair = null;
 	constructor(e, t) {
@@ -297,7 +297,7 @@ var W = {
 	}
 	renderChart(e, t, n, r) {
 		let i = this.crosshair?.getPosition() ?? null;
-		Xe(e, t, n, this.options, r, i);
+		et(e, t, n, this.options, r, i);
 	}
 	update(e) {
 		this.options = {
@@ -314,12 +314,12 @@ var W = {
 	destroy() {
 		this.crosshair?.destroy(), super.destroy();
 	}
-}, st = 500;
-function ct(e) {
+}, dt = 500;
+function K(e) {
 	let t = 1 - e;
 	return 1 - t * t * t;
 }
-var lt = class extends R {
+var ft = class extends B {
 	options;
 	currentValue;
 	targetValue;
@@ -330,7 +330,7 @@ var lt = class extends R {
 		super(e, t.theme), this.options = t, this.currentValue = t.value, this.targetValue = t.value, this.requestRender();
 	}
 	renderChart(e, t, n, r) {
-		qe(e, t, n, this.options, r, this.currentValue);
+		Ze(e, t, n, this.options, r, this.currentValue);
 	}
 	setValue(e) {
 		if (this.options.animate === !1) {
@@ -360,7 +360,7 @@ var lt = class extends R {
 		if (this.animationFrameId !== null) return;
 		let e = () => {
 			if (this.animationFrameId = null, this.animationStart === null) return;
-			let t = this.options.animationDuration ?? st, n = performance.now() - this.animationStart, r = Math.min(1, n / Math.max(1, t)), i = ct(r);
+			let t = this.options.animationDuration ?? dt, n = performance.now() - this.animationStart, r = Math.min(1, n / Math.max(1, t)), i = K(r);
 			this.currentValue = this.animationFrom + (this.targetValue - this.animationFrom) * i, this.requestRender(), r < 1 ? this.animationFrameId = requestAnimationFrame(e) : (this.currentValue = this.targetValue, this.animationStart = null);
 		};
 		this.animationFrameId = requestAnimationFrame(e);
@@ -371,7 +371,7 @@ var lt = class extends R {
 	destroy() {
 		this.cancelAnimation(), super.destroy();
 	}
-}, ut = [
+}, pt = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -406,7 +406,7 @@ function Y(e) {
 	if (e.length === 0) return [];
 	let t = [];
 	for (let n of e) {
-		let e = P(n.time, "1M"), r = t[t.length - 1];
+		let e = I(n.time, "1M"), r = t[t.length - 1];
 		r && r.key === e ? r.close = n.equity : t.push({
 			key: e,
 			close: n.equity
@@ -419,7 +419,7 @@ function Y(e) {
 		let a = new Date(e.key), o = a.getUTCFullYear(), s = a.getUTCMonth();
 		r.push({
 			id: `${o}-${String(s + 1).padStart(2, "0")}`,
-			label: ut[s],
+			label: pt[s],
 			group: String(o),
 			value: i
 		});
@@ -479,9 +479,9 @@ function Q(e) {
 //#endregion
 //#region src/finance/PerformanceDashboard.ts
 function $(e) {
-	return !e || e === "dark" ? ae : e === "light" ? f : e;
+	return !e || e === "dark" ? ie : e === "light" ? f : e;
 }
-var dt = class {
+var mt = class {
 	options;
 	theme;
 	root;
@@ -524,7 +524,7 @@ var dt = class {
 			"gap:14px"
 		].join(";"), this.root.appendChild(o);
 		let s = this.buildPanel("Equity Curve", i, a);
-		s.wrap.style.gridColumn = "1 / -1", o.appendChild(s.wrap), this.equityChart = new G(s.body, {
+		s.wrap.style.gridColumn = "1 / -1", o.appendChild(s.wrap), this.equityChart = new W(s.body, {
 			data: q(t.equityCurve),
 			theme: e,
 			lineColor: e.candleUp,
@@ -532,7 +532,7 @@ var dt = class {
 			crosshair: !0
 		});
 		let c = this.buildPanel("Drawdown", i, a);
-		o.appendChild(c.wrap), this.drawdownChart = new G(c.body, {
+		o.appendChild(c.wrap), this.drawdownChart = new W(c.body, {
 			data: J(t.equityCurve),
 			theme: e,
 			lineColor: e.candleDown,
@@ -541,7 +541,7 @@ var dt = class {
 			valueFormat: (e) => `${e.toFixed(1)}%`
 		});
 		let l = Y(t.equityCurve), u = this.buildPanel("Monthly Returns", i, a);
-		o.appendChild(u.wrap), this.heatmap = new K(u.body, {
+		o.appendChild(u.wrap), this.heatmap = new G(u.body, {
 			data: l,
 			theme: e,
 			showValues: !0,
@@ -630,6 +630,6 @@ var dt = class {
 	}
 };
 //#endregion
-export { F as AlertManager, I as Animator, L as BarCountdown, z as BinanceAdapter, B as BybitAdapter, u as Chart, rt as ChartGrid, V as ChartLegend, pe as ChartStateManager, me as CoinbaseAdapter, he as CompareRenderer, ge as CrosshairTooltip, _e as CurrentPriceLine, re as DARK_TERMINAL, ie as DARK_THEME, oe as DEFAULT_DRAWING_STYLE, ve as DEFAULT_LEGEND_CONFIG, se as DEFAULT_RECONNECT, ye as DEFAULT_SESSION_HOURS, d as DEFAULT_SIGNAL_STYLE, ce as DEFAULT_STREAM_CONFIG, le as DEFAULT_TIMEFRAME_FAVORITES, ue as DEFAULT_TRADE_ZONE_STYLE, de as DEFAULT_TRADING_CONFIG, be as DataExporter, o as DataManager, at as DepthChart, te as DragDropImporter, xe as DrawingBase, Se as Easing, G as EquityCurveChart, lt as GaugeChart, K as HeatmapChart, Ce as IndicatorBase, we as IndicatorValueMap, Te as KeyboardHandler, U as KrakenAdapter, fe as LIGHT_THEME, r as LayoutManager, p as MARKET_CRYPTO, m as MARKET_HNX, h as MARKET_HOSE, g as MARKET_NYSE, _ as MARKET_UPCOM, Ee as MockAdapter, a as PLUGIN_API_VERSION, De as PaperExecutionAdapter, dt as PerformanceDashboard, i as PluginManager, Oe as PollingAdapter, ke as ReplayManager, Ae as Screenshot, je as SessionBreaks, Me as SessionShading, Ne as SignalMarkerManager, it as SparklineChart, Pe as StreamManager, v as TIMEFRAMES_CRYPTO, y as TIMEFRAMES_FOREX, b as TIMEFRAMES_STOCK, l as ThemeManager, Fe as TickAggregator, Ie as TradeZoneManager, Le as UndoRedoManager, x as VN_COLORS, Re as VolumeRenderer, ot as WaterfallChart, ze as Watermark, Be as WebSocketAdapter, e as clearGlobalPlugins, J as computeDrawdownCurve, Y as computeMonthlyReturns, S as computePriceLimits, C as createVNTheme, w as formatNumber, T as formatVND, E as formatVolumeLoc, D as getCurrentSession, c as getGlobalPlugins, O as getLocale, Ue as lttbDownsample, We as lttbVisibleIndices, k as normalizeBar, A as normalizeBarTime, ne as overlaysForLayer, s as parseOHLCV, n as pluginKey, j as registerLocale, ee as registerPlugin, Q as selectKeyStats, M as setLocale, N as t, q as toEquityPoints, Ze as toHeikinAshi, Qe as toKagi, $e as toLineBreak, et as toPointAndFigure, tt as toRangeBars, nt as toRenko, t as unregisterPlugin };
+export { L as AlertManager, R as Animator, z as BarCountdown, V as BinanceAdapter, pe as BybitAdapter, u as Chart, st as ChartGrid, me as ChartLegend, he as ChartStateManager, ge as CoinbaseAdapter, _e as CompareRenderer, ve as CrosshairTooltip, ye as CurrentPriceLine, ne as DARK_TERMINAL, re as DARK_THEME, ae as DEFAULT_DRAWING_STYLE, be as DEFAULT_LEGEND_CONFIG, oe as DEFAULT_RECONNECT, xe as DEFAULT_SESSION_HOURS, se as DEFAULT_SIGNAL_STYLE, ce as DEFAULT_STREAM_CONFIG, le as DEFAULT_TIMEFRAME_FAVORITES, ue as DEFAULT_TRADE_ZONE_STYLE, de as DEFAULT_TRADING_CONFIG, Se as DataExporter, o as DataManager, lt as DepthChart, ee as DragDropImporter, Ce as DrawingBase, we as Easing, W as EquityCurveChart, ft as GaugeChart, G as HeatmapChart, Te as IndicatorBase, Ee as IndicatorValueMap, De as KeyboardHandler, Oe as KrakenAdapter, fe as LIGHT_THEME, r as LayoutManager, p as MARKET_CRYPTO, m as MARKET_HNX, h as MARKET_HOSE, g as MARKET_NYSE, _ as MARKET_UPCOM, ke as MockAdapter, a as PLUGIN_API_VERSION, Ae as PaperExecutionAdapter, mt as PerformanceDashboard, i as PluginManager, je as PollingAdapter, Me as ReplayManager, Ne as Screenshot, Pe as SessionBreaks, Fe as SessionShading, Ie as SignalMarkerManager, ct as SparklineChart, Le as StreamManager, v as TC_PALETTE, y as TC_SERIES_COLORS, b as TIMEFRAMES_CRYPTO, x as TIMEFRAMES_FOREX, S as TIMEFRAMES_STOCK, l as ThemeManager, Re as TickAggregator, ze as TradeZoneManager, Be as UndoRedoManager, C as VN_COLORS, Ve as VolumeRenderer, ut as WaterfallChart, He as Watermark, Ue as WebSocketAdapter, e as clearGlobalPlugins, J as computeDrawdownCurve, Y as computeMonthlyReturns, w as computePriceLimits, T as createVNTheme, E as formatNumber, We as formatTooltipTime, D as formatVND, O as formatVolumeLoc, k as getCurrentSession, c as getGlobalPlugins, A as getLocale, qe as lttbDownsample, Je as lttbVisibleIndices, j as normalizeBar, M as normalizeBarTime, te as overlaysForLayer, s as parseOHLCV, n as pluginKey, N as registerLocale, d as registerPlugin, Q as selectKeyStats, P as setLocale, F as t, q as toEquityPoints, tt as toHeikinAshi, nt as toKagi, rt as toLineBreak, it as toPointAndFigure, at as toRangeBars, ot as toRenko, t as unregisterPlugin };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/grid/ChartGrid.ts","../src/finance/SparklineChart.ts","../src/finance/DepthChart.ts","../src/finance/EquityCurveChart.ts","../src/finance/HeatmapChart.ts","../src/finance/WaterfallChart.ts","../src/finance/GaugeChart.ts","../src/finance/performanceData.ts","../src/finance/PerformanceDashboard.ts"],"sourcesContent":["import type { ChartOptions, Theme, TimeFrame, DataSeries, DataAdapter, StreamConfig } from '@tradecanvas/commons';\r\nimport { Chart } from '../Chart.js';\r\n\r\nexport type GridLayout = '1x1' | '1x2' | '2x1' | '2x2' | '1x3' | '3x1' | '2x3' | '3x2';\r\n\r\nexport interface GridCellConfig {\r\n  symbol?: string;\r\n  timeframe?: TimeFrame;\r\n  chartOptions?: Partial<ChartOptions>;\r\n}\r\n\r\nexport interface ChartGridOptions {\r\n  layout?: GridLayout;\r\n  theme?: ChartOptions['theme'];\r\n  syncCrosshair?: boolean;\r\n  syncTimeAxis?: boolean;\r\n  gap?: number;\r\n  cells?: GridCellConfig[];\r\n  chartOptions?: Partial<ChartOptions>;\r\n}\r\n\r\ninterface GridCell {\r\n  container: HTMLDivElement;\r\n  chart: Chart;\r\n  symbol: string;\r\n  timeframe: TimeFrame;\r\n}\r\n\r\nconst LAYOUT_MAP: Record<GridLayout, { cols: number; rows: number }> = {\r\n  '1x1': { cols: 1, rows: 1 },\r\n  '1x2': { cols: 2, rows: 1 },\r\n  '2x1': { cols: 1, rows: 2 },\r\n  '2x2': { cols: 2, rows: 2 },\r\n  '1x3': { cols: 3, rows: 1 },\r\n  '3x1': { cols: 1, rows: 3 },\r\n  '2x3': { cols: 3, rows: 2 },\r\n  '3x2': { cols: 2, rows: 3 },\r\n};\r\n\r\nexport class ChartGrid {\r\n  private root: HTMLDivElement;\r\n  private cells: GridCell[] = [];\r\n  private layout: GridLayout;\r\n  private options: ChartGridOptions;\r\n  private destroyed = false;\r\n  private syncing = false;\r\n\r\n  constructor(container: HTMLElement, options: ChartGridOptions = {}) {\r\n    this.options = options;\r\n    this.layout = options.layout ?? '2x2';\r\n\r\n    this.root = document.createElement('div');\r\n    this.root.style.cssText = 'display:grid;width:100%;height:100%;overflow:hidden;';\r\n    container.appendChild(this.root);\r\n\r\n    this.applyLayout();\r\n    this.createCells();\r\n  }\r\n\r\n  private applyLayout(): void {\r\n    const { cols, rows } = LAYOUT_MAP[this.layout];\r\n    const gap = this.options.gap ?? 1;\r\n    this.root.style.gridTemplateColumns = `repeat(${cols}, 1fr)`;\r\n    this.root.style.gridTemplateRows = `repeat(${rows}, 1fr)`;\r\n    this.root.style.gap = `${gap}px`;\r\n  }\r\n\r\n  private createCells(): void {\r\n    const { cols, rows } = LAYOUT_MAP[this.layout];\r\n    const count = cols * rows;\r\n\r\n    for (let i = 0; i < count; i++) {\r\n      const cellConfig = this.options.cells?.[i] ?? {};\r\n\r\n      const cellEl = document.createElement('div');\r\n      cellEl.style.cssText = 'position:relative;overflow:hidden;min-width:0;min-height:0;';\r\n      this.root.appendChild(cellEl);\r\n\r\n      const chartOpts: ChartOptions = {\r\n        chartType: 'candlestick',\r\n        autoScale: true,\r\n        features: {\r\n          crosshair: true,\r\n          keyboard: true,\r\n          volume: true,\r\n          legend: true,\r\n          priceAxis: true,\r\n          timeAxis: true,\r\n          grid: true,\r\n        },\r\n        ...this.options.chartOptions,\r\n        ...cellConfig.chartOptions,\r\n        theme: this.options.theme,\r\n      };\r\n\r\n      const chart = new Chart(cellEl, chartOpts);\r\n\r\n      const cell: GridCell = {\r\n        container: cellEl,\r\n        chart,\r\n        symbol: cellConfig.symbol ?? `Chart ${i + 1}`,\r\n        timeframe: cellConfig.timeframe ?? '5m',\r\n      };\r\n\r\n      if (this.options.syncCrosshair !== false) {\r\n        chart.on('crosshairMove', (e) => {\r\n          if (this.syncing) return;\r\n          this.syncing = true;\r\n          for (const other of this.cells) {\r\n            if (other.chart !== chart) {\r\n              other.chart.setCrosshairPosition(e.payload.point);\r\n            }\r\n          }\r\n          this.syncing = false;\r\n        });\r\n      }\r\n\r\n      if (this.options.syncTimeAxis !== false) {\r\n        chart.on('visibleRangeChange', (e) => {\r\n          if (this.syncing) return;\r\n          this.syncing = true;\r\n          const { from, to } = e.payload;\r\n          const srcData = chart.getData();\r\n          if (srcData.length > 0 && from >= 0 && to < srcData.length) {\r\n            const fromTime = srcData[from]?.time;\r\n            const toTime = srcData[to]?.time;\r\n            if (fromTime && toTime) {\r\n              for (const other of this.cells) {\r\n                if (other.chart !== chart) {\r\n                  other.chart.setVisibleRange(fromTime, toTime);\r\n                }\r\n              }\r\n            }\r\n          }\r\n          this.syncing = false;\r\n        });\r\n      }\r\n\r\n      this.cells.push(cell);\r\n    }\r\n  }\r\n\r\n  setLayout(layout: GridLayout): void {\r\n    if (layout === this.layout) return;\r\n    const oldCount = this.cells.length;\r\n    const { cols, rows } = LAYOUT_MAP[layout];\r\n    const newCount = cols * rows;\r\n\r\n    if (newCount < oldCount) {\r\n      for (let i = oldCount - 1; i >= newCount; i--) {\r\n        const cell = this.cells[i];\r\n        cell.chart.destroy();\r\n        cell.container.remove();\r\n        this.cells.pop();\r\n      }\r\n    }\r\n\r\n    this.layout = layout;\r\n    this.applyLayout();\r\n\r\n    if (newCount > oldCount) {\r\n      for (let i = oldCount; i < newCount; i++) {\r\n        const cellConfig = this.options.cells?.[i] ?? {};\r\n        const cellEl = document.createElement('div');\r\n        cellEl.style.cssText = 'position:relative;overflow:hidden;min-width:0;min-height:0;';\r\n        this.root.appendChild(cellEl);\r\n\r\n        const chart = new Chart(cellEl, {\r\n          chartType: 'candlestick',\r\n          autoScale: true,\r\n          ...this.options.chartOptions,\r\n          ...cellConfig.chartOptions,\r\n          theme: this.options.theme,\r\n        });\r\n\r\n        this.cells.push({\r\n          container: cellEl,\r\n          chart,\r\n          symbol: cellConfig.symbol ?? `Chart ${i + 1}`,\r\n          timeframe: cellConfig.timeframe ?? '5m',\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  getChart(index: number): Chart | null {\r\n    return this.cells[index]?.chart ?? null;\r\n  }\r\n\r\n  getCharts(): Chart[] {\r\n    return this.cells.map(c => c.chart);\r\n  }\r\n\r\n  getCellCount(): number {\r\n    return this.cells.length;\r\n  }\r\n\r\n  setData(index: number, data: DataSeries): void {\r\n    this.cells[index]?.chart.setData(data);\r\n  }\r\n\r\n  setAllData(data: DataSeries): void {\r\n    for (const cell of this.cells) {\r\n      cell.chart.setData(data);\r\n    }\r\n  }\r\n\r\n  async connectCell(index: number, config: StreamConfig): Promise<void> {\r\n    const cell = this.cells[index];\r\n    if (!cell) return;\r\n    cell.symbol = config.symbol;\r\n    cell.timeframe = config.timeframe;\r\n    await cell.chart.connect(config);\r\n  }\r\n\r\n  async connectAll(adapter: DataAdapter, symbols: string[], timeframe: TimeFrame, historyLimit = 500): Promise<void> {\r\n    const promises: Promise<void>[] = [];\r\n    for (let i = 0; i < this.cells.length && i < symbols.length; i++) {\r\n      promises.push(this.connectCell(i, {\r\n        adapter,\r\n        symbol: symbols[i],\r\n        timeframe,\r\n        historyLimit,\r\n      }));\r\n    }\r\n    await Promise.all(promises);\r\n  }\r\n\r\n  setTheme(theme: Theme): void {\r\n    for (const cell of this.cells) {\r\n      cell.chart.setTheme(theme);\r\n    }\r\n  }\r\n\r\n  destroy(): void {\r\n    if (this.destroyed) return;\r\n    this.destroyed = true;\r\n    for (const cell of this.cells) {\r\n      cell.chart.destroy();\r\n      cell.container.remove();\r\n    }\r\n    this.cells = [];\r\n    this.root.remove();\r\n  }\r\n}\r\n","import type { SparklineOptions, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, renderSparkline } from '@tradecanvas/core';\r\n\r\nexport class SparklineChart extends BaseFinanceChart {\r\n  private options: SparklineOptions;\r\n\r\n  constructor(container: HTMLElement, options: SparklineOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    renderSparkline(ctx, width, height, this.options, theme);\r\n  }\r\n\r\n  update(data: number[]): void {\r\n    this.options = { ...this.options, data };\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<SparklineOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n}\r\n","import type { DepthChartOptions, DepthData, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, FinanceCrosshair, renderDepthChart } from '@tradecanvas/core';\r\n\r\nexport class DepthChart extends BaseFinanceChart {\r\n  private options: DepthChartOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n\r\n  constructor(container: HTMLElement, options: DepthChartOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderDepthChart(ctx, width, height, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: DepthData): void {\r\n    this.options = { ...this.options, data };\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<DepthChartOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { EquityCurveOptions, EquityPoint, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, FinanceCrosshair, renderEquityCurve } from '@tradecanvas/core';\r\n\r\nexport class EquityCurveChart extends BaseFinanceChart {\r\n  private options: EquityCurveOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n\r\n  constructor(container: HTMLElement, options: EquityCurveOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderEquityCurve(ctx, width, height, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: EquityPoint[], benchmark?: EquityPoint[]): void {\r\n    this.options = { ...this.options, data };\r\n    if (benchmark !== undefined) {\r\n      this.options = { ...this.options, benchmark };\r\n    }\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<EquityCurveOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { HeatmapCell, HeatmapOptions, Theme } from '@tradecanvas/commons';\r\nimport {\r\n  BaseFinanceChart,\r\n  FinanceCrosshair,\r\n  layoutUniformGrid,\r\n  layoutSquarifiedTreemap,\r\n  renderHeatmap,\r\n} from '@tradecanvas/core';\r\nimport type { LayoutRect } from '@tradecanvas/core';\r\n\r\nexport class HeatmapChart extends BaseFinanceChart {\r\n  private options: HeatmapOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n  private cachedRects: LayoutRect[] = [];\r\n  private currentData: HeatmapCell[] = [];\r\n  private lastLayoutWidth = 0;\r\n  private lastLayoutHeight = 0;\r\n  private handleClick: ((e: MouseEvent) => void) | null = null;\r\n\r\n  constructor(container: HTMLElement, options: HeatmapOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n    this.currentData = options.data ?? [];\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    if (options.onCellClick) {\r\n      this.handleClick = (e: MouseEvent) => {\r\n        const rect = this.canvas.getBoundingClientRect();\r\n        const x = e.clientX - rect.left;\r\n        const y = e.clientY - rect.top;\r\n        this.onCanvasClick(x, y);\r\n      };\r\n      this.canvas.addEventListener('click', this.handleClick);\r\n    }\r\n\r\n    this.recomputeLayout();\r\n    this.requestRender();\r\n  }\r\n\r\n  private recomputeLayout(): void {\r\n    const bounds = { x: 0, y: 0, width: this.width, height: this.height };\r\n    const padding = this.options.cellPadding ?? 2;\r\n    this.lastLayoutWidth = this.width;\r\n    this.lastLayoutHeight = this.height;\r\n\r\n    if (this.options.weighted) {\r\n      const weighted = this.currentData.map(c => ({\r\n        id: c.id,\r\n        weight: c.weight ?? (Math.abs(c.value) || 1),\r\n      }));\r\n      this.cachedRects = layoutSquarifiedTreemap(weighted, bounds, padding);\r\n    } else {\r\n      this.cachedRects = layoutUniformGrid(\r\n        this.currentData.map(c => ({ id: c.id })),\r\n        bounds,\r\n        padding,\r\n      );\r\n    }\r\n  }\r\n\r\n  private onCanvasClick(x: number, y: number): void {\r\n    if (!this.options.onCellClick) return;\r\n\r\n    for (const lr of this.cachedRects) {\r\n      const r = lr.rect;\r\n      if (x >= r.x && x <= r.x + r.width && y >= r.y && y <= r.y + r.height) {\r\n        const cell = this.currentData.find(c => c.id === lr.id);\r\n        if (cell) this.options.onCellClick(cell);\r\n        return;\r\n      }\r\n    }\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    if (width !== this.lastLayoutWidth || height !== this.lastLayoutHeight) {\r\n      this.recomputeLayout();\r\n    }\r\n\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderHeatmap(ctx, width, height, this.currentData, this.cachedRects, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: HeatmapCell[]): void {\r\n    this.currentData = data;\r\n    this.options = { ...this.options, data };\r\n    this.recomputeLayout();\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<HeatmapOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    if (opts.data) {\r\n      this.currentData = opts.data;\r\n    }\r\n    this.recomputeLayout();\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    if (this.handleClick) {\r\n      this.canvas.removeEventListener('click', this.handleClick);\r\n    }\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { Theme, WaterfallBar, WaterfallOptions } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, FinanceCrosshair, renderWaterfall } from '@tradecanvas/core';\r\n\r\nexport class WaterfallChart extends BaseFinanceChart {\r\n  private options: WaterfallOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n\r\n  constructor(container: HTMLElement, options: WaterfallOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderWaterfall(ctx, width, height, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: WaterfallBar[]): void {\r\n    this.options = { ...this.options, data };\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<WaterfallOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { GaugeOptions, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, renderGauge } from '@tradecanvas/core';\r\n\r\nconst DEFAULT_ANIMATION_MS = 500;\r\n\r\nfunction easeOutCubic(t: number): number {\r\n  const inv = 1 - t;\r\n  return 1 - inv * inv * inv;\r\n}\r\n\r\nexport class GaugeChart extends BaseFinanceChart {\r\n  private options: GaugeOptions;\r\n  private currentValue: number;\r\n  private targetValue: number;\r\n  private animationStart: number | null = null;\r\n  private animationFrom = 0;\r\n  private animationFrameId: number | null = null;\r\n\r\n  constructor(container: HTMLElement, options: GaugeOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n    this.currentValue = options.value;\r\n    this.targetValue = options.value;\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    renderGauge(ctx, width, height, this.options, theme, this.currentValue);\r\n  }\r\n\r\n  setValue(value: number): void {\r\n    const animate = this.options.animate !== false;\r\n    if (!animate) {\r\n      this.cancelAnimation();\r\n      this.currentValue = value;\r\n      this.targetValue = value;\r\n      this.options = { ...this.options, value };\r\n      this.requestRender();\r\n      return;\r\n    }\r\n\r\n    this.targetValue = value;\r\n    this.animationFrom = this.currentValue;\r\n    this.animationStart = performance.now();\r\n    this.options = { ...this.options, value };\r\n    this.startAnimationLoop();\r\n  }\r\n\r\n  setOptions(opts: Partial<GaugeOptions>): void {\r\n    const next = { ...this.options, ...opts };\r\n    // If `value` is part of the partial, route through animation path\r\n    if (opts.value !== undefined && opts.value !== this.targetValue) {\r\n      this.options = next;\r\n      this.setValue(opts.value);\r\n      return;\r\n    }\r\n    this.options = next;\r\n    this.requestRender();\r\n  }\r\n\r\n  private startAnimationLoop(): void {\r\n    if (this.animationFrameId !== null) return;\r\n    const step = (): void => {\r\n      this.animationFrameId = null;\r\n      if (this.animationStart === null) return;\r\n\r\n      const duration = this.options.animationDuration ?? DEFAULT_ANIMATION_MS;\r\n      const elapsed = performance.now() - this.animationStart;\r\n      const t = Math.min(1, elapsed / Math.max(1, duration));\r\n      const eased = easeOutCubic(t);\r\n      this.currentValue = this.animationFrom + (this.targetValue - this.animationFrom) * eased;\r\n\r\n      this.requestRender();\r\n\r\n      if (t < 1) {\r\n        this.animationFrameId = requestAnimationFrame(step);\r\n      } else {\r\n        this.currentValue = this.targetValue;\r\n        this.animationStart = null;\r\n      }\r\n    };\r\n    this.animationFrameId = requestAnimationFrame(step);\r\n  }\r\n\r\n  private cancelAnimation(): void {\r\n    if (this.animationFrameId !== null) {\r\n      cancelAnimationFrame(this.animationFrameId);\r\n      this.animationFrameId = null;\r\n    }\r\n    this.animationStart = null;\r\n  }\r\n\r\n  destroy(): void {\r\n    this.cancelAnimation();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { EquityPoint, HeatmapCell } from '@tradecanvas/commons';\r\nimport { timeframeBucketStart } from '@tradecanvas/commons';\r\n\r\n/** Minimal equity sample shape — structurally satisfied by analytics' EquityPoint. */\r\nexport interface EquitySample {\r\n  time: number;\r\n  equity: number;\r\n}\r\n\r\n/** Subset of analytics RiskMetrics needed to render the stats strip. */\r\nexport interface RiskMetricsLike {\r\n  totalReturnPct: number;\r\n  cagr: number;\r\n  sharpe: number;\r\n  sortino: number;\r\n  maxDrawdownPct: number;\r\n  winRate: number;\r\n  profitFactor: number;\r\n  trades: number;\r\n}\r\n\r\nexport interface DashboardStat {\r\n  label: string;\r\n  value: string;\r\n  tone: 'positive' | 'negative' | 'neutral';\r\n}\r\n\r\nconst MONTH_LABELS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\r\n\r\n/** Map an analytics equity curve to the finance EquityCurveChart point shape. */\r\nexport function toEquityPoints(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\r\n  return curve.map((p) => ({ time: p.time, value: p.equity }));\r\n}\r\n\r\n/**\r\n * Underwater drawdown curve as a percentage (<= 0). Each point is the equity's\r\n * shortfall from the running peak: `equity / peak - 1`, expressed in percent.\r\n */\r\nexport function computeDrawdownCurve(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\r\n  let peak = -Infinity;\r\n  return curve.map((p) => {\r\n    if (p.equity > peak) peak = p.equity;\r\n    const dd = peak > 0 ? (p.equity / peak - 1) * 100 : 0;\r\n    return { time: p.time, value: dd };\r\n  });\r\n}\r\n\r\n/**\r\n * Calendar-month returns as heatmap cells. Each month's return is chained off\r\n * the prior month's closing equity (the first month chains off its own opening\r\n * equity), so the series reads as sequential monthly performance. `group` is\r\n * the year and `value` is the return in percent.\r\n */\r\nexport function computeMonthlyReturns(curve: ReadonlyArray<EquitySample>): HeatmapCell[] {\r\n  if (curve.length === 0) return [];\r\n\r\n  // Collapse the curve to one closing equity per calendar month, in order.\r\n  const months: { key: number; close: number }[] = [];\r\n  for (const p of curve) {\r\n    const key = timeframeBucketStart(p.time, '1M');\r\n    const last = months[months.length - 1];\r\n    if (last && last.key === key) {\r\n      last.close = p.equity;\r\n    } else {\r\n      months.push({ key, close: p.equity });\r\n    }\r\n  }\r\n\r\n  let prevClose = curve[0].equity;\r\n  const cells: HeatmapCell[] = [];\r\n  for (const m of months) {\r\n    const base = prevClose === 0 ? 1 : prevClose;\r\n    const returnPct = (m.close / base - 1) * 100;\r\n    prevClose = m.close;\r\n    const d = new Date(m.key);\r\n    const year = d.getUTCFullYear();\r\n    const month = d.getUTCMonth();\r\n    cells.push({\r\n      id: `${year}-${String(month + 1).padStart(2, '0')}`,\r\n      label: MONTH_LABELS[month],\r\n      group: String(year),\r\n      value: returnPct,\r\n    });\r\n  }\r\n  return cells;\r\n}\r\n\r\nfunction pct(value: number): string {\r\n  const sign = value > 0 ? '+' : '';\r\n  return `${sign}${value.toFixed(2)}%`;\r\n}\r\n\r\nfunction tone(value: number): DashboardStat['tone'] {\r\n  if (value > 0) return 'positive';\r\n  if (value < 0) return 'negative';\r\n  return 'neutral';\r\n}\r\n\r\n/** The headline stats rendered as cards above the charts. */\r\nexport function selectKeyStats(metrics: RiskMetricsLike): DashboardStat[] {\r\n  return [\r\n    { label: 'Total Return', value: pct(metrics.totalReturnPct), tone: tone(metrics.totalReturnPct) },\r\n    { label: 'CAGR', value: pct(metrics.cagr * 100), tone: tone(metrics.cagr) },\r\n    { label: 'Sharpe', value: metrics.sharpe.toFixed(2), tone: tone(metrics.sharpe) },\r\n    { label: 'Sortino', value: metrics.sortino.toFixed(2), tone: tone(metrics.sortino) },\r\n    { label: 'Max Drawdown', value: pct(metrics.maxDrawdownPct), tone: 'negative' },\r\n    { label: 'Win Rate', value: `${(metrics.winRate * 100).toFixed(1)}%`, tone: 'neutral' },\r\n    { label: 'Profit Factor', value: Number.isFinite(metrics.profitFactor) ? metrics.profitFactor.toFixed(2) : '∞', tone: tone(metrics.profitFactor - 1) },\r\n    { label: 'Trades', value: String(metrics.trades), tone: 'neutral' },\r\n  ];\r\n}\r\n","import type { Theme, ThemeName } from '@tradecanvas/commons';\r\nimport { DARK_THEME, LIGHT_THEME } from '@tradecanvas/commons';\r\nimport { EquityCurveChart } from './EquityCurveChart.js';\r\nimport { HeatmapChart } from './HeatmapChart.js';\r\nimport {\r\n  toEquityPoints,\r\n  computeDrawdownCurve,\r\n  computeMonthlyReturns,\r\n  selectKeyStats,\r\n  type EquitySample,\r\n  type RiskMetricsLike,\r\n  type DashboardStat,\r\n} from './performanceData.js';\r\n\r\n/** Structurally satisfied by analytics' `BacktestResult`. */\r\nexport interface PerformanceResult {\r\n  equityCurve: ReadonlyArray<EquitySample>;\r\n  metrics: RiskMetricsLike;\r\n}\r\n\r\nexport interface PerformanceDashboardOptions {\r\n  result: PerformanceResult;\r\n  theme?: ThemeName | Theme;\r\n  title?: string;\r\n  subtitle?: string;\r\n}\r\n\r\nfunction resolveTheme(theme?: ThemeName | Theme): Theme {\r\n  if (!theme || theme === 'dark') return DARK_THEME;\r\n  if (theme === 'light') return LIGHT_THEME;\r\n  return theme as Theme;\r\n}\r\n\r\n/**\r\n * A composed strategy-performance dashboard: a headline stats strip, an equity\r\n * curve, an underwater drawdown panel, and a monthly-returns heatmap. Built\r\n * entirely from a backtest `result`, reusing the finance chart renderers.\r\n *\r\n * ```ts\r\n * const result = new Backtester(opts).run(bars, strategy);\r\n * const dash = new PerformanceDashboard(el, { result, theme: 'dark' });\r\n * ```\r\n */\r\nexport class PerformanceDashboard {\r\n  private options: PerformanceDashboardOptions;\r\n  private theme: Theme;\r\n  private root: HTMLDivElement;\r\n  private equityChart: EquityCurveChart | null = null;\r\n  private drawdownChart: EquityCurveChart | null = null;\r\n  private heatmap: HeatmapChart | null = null;\r\n\r\n  constructor(container: HTMLElement, options: PerformanceDashboardOptions) {\r\n    this.options = options;\r\n    this.theme = resolveTheme(options.theme);\r\n    this.root = document.createElement('div');\r\n    this.build();\r\n    container.appendChild(this.root);\r\n  }\r\n\r\n  private build(): void {\r\n    const t = this.theme;\r\n    const { result, title, subtitle } = this.options;\r\n    const surface = this.panelBackground();\r\n    const border = t.grid;\r\n\r\n    this.root.style.cssText = [\r\n      'display:flex',\r\n      'flex-direction:column',\r\n      'gap:14px',\r\n      'width:100%',\r\n      'box-sizing:border-box',\r\n      'padding:16px',\r\n      `background:${t.background}`,\r\n      `color:${t.text}`,\r\n      `font-family:${t.font.family}`,\r\n    ].join(';');\r\n\r\n    if (title || subtitle) {\r\n      const header = document.createElement('div');\r\n      if (title) {\r\n        const h = document.createElement('div');\r\n        h.textContent = title;\r\n        h.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;letter-spacing:-0.01em;`;\r\n        header.appendChild(h);\r\n      }\r\n      if (subtitle) {\r\n        const s = document.createElement('div');\r\n        s.textContent = subtitle;\r\n        s.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};margin-top:2px;`;\r\n        header.appendChild(s);\r\n      }\r\n      this.root.appendChild(header);\r\n    }\r\n\r\n    // Stats strip\r\n    this.root.appendChild(this.buildStatsStrip(selectKeyStats(result.metrics), surface, border));\r\n\r\n    // Chart grid\r\n    const grid = document.createElement('div');\r\n    grid.style.cssText = [\r\n      'display:grid',\r\n      'grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))',\r\n      'grid-auto-rows:220px',\r\n      'gap:14px',\r\n    ].join(';');\r\n    this.root.appendChild(grid);\r\n\r\n    const equityPanel = this.buildPanel('Equity Curve', surface, border);\r\n    equityPanel.wrap.style.gridColumn = '1 / -1';\r\n    grid.appendChild(equityPanel.wrap);\r\n    this.equityChart = new EquityCurveChart(equityPanel.body, {\r\n      data: toEquityPoints(result.equityCurve),\r\n      theme: t,\r\n      lineColor: t.candleUp,\r\n      fillArea: true,\r\n      crosshair: true,\r\n    });\r\n\r\n    const ddPanel = this.buildPanel('Drawdown', surface, border);\r\n    grid.appendChild(ddPanel.wrap);\r\n    this.drawdownChart = new EquityCurveChart(ddPanel.body, {\r\n      data: computeDrawdownCurve(result.equityCurve),\r\n      theme: t,\r\n      lineColor: t.candleDown,\r\n      fillArea: true,\r\n      crosshair: true,\r\n      valueFormat: (v) => `${v.toFixed(1)}%`,\r\n    });\r\n\r\n    const monthlyCells = computeMonthlyReturns(result.equityCurve);\r\n    const heatPanel = this.buildPanel('Monthly Returns', surface, border);\r\n    grid.appendChild(heatPanel.wrap);\r\n    this.heatmap = new HeatmapChart(heatPanel.body, {\r\n      data: monthlyCells,\r\n      theme: t,\r\n      showValues: true,\r\n      valueFormat: (v) => `${v >= 0 ? '+' : ''}${v.toFixed(1)}`,\r\n      colorScale: { negative: t.candleDown, zero: surface, positive: t.candleUp },\r\n    });\r\n  }\r\n\r\n  private buildStatsStrip(stats: DashboardStat[], surface: string, border: string): HTMLDivElement {\r\n    const strip = document.createElement('div');\r\n    strip.style.cssText = [\r\n      'display:grid',\r\n      'grid-template-columns:repeat(auto-fit, minmax(120px, 1fr))',\r\n      'gap:10px',\r\n    ].join(';');\r\n\r\n    const t = this.theme;\r\n    for (const stat of stats) {\r\n      const card = document.createElement('div');\r\n      card.style.cssText = [\r\n        `background:${surface}`,\r\n        `border:1px solid ${border}`,\r\n        'border-radius:10px',\r\n        'padding:10px 12px',\r\n        'display:flex',\r\n        'flex-direction:column',\r\n        'gap:4px',\r\n      ].join(';');\r\n\r\n      const label = document.createElement('div');\r\n      label.textContent = stat.label;\r\n      label.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};text-transform:uppercase;letter-spacing:0.04em;`;\r\n\r\n      const value = document.createElement('div');\r\n      value.textContent = stat.value;\r\n      const color = stat.tone === 'positive' ? t.candleUp : stat.tone === 'negative' ? t.candleDown : t.text;\r\n      value.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;color:${color};font-variant-numeric:tabular-nums;`;\r\n\r\n      card.appendChild(label);\r\n      card.appendChild(value);\r\n      strip.appendChild(card);\r\n    }\r\n    return strip;\r\n  }\r\n\r\n  private buildPanel(title: string, surface: string, border: string): { wrap: HTMLDivElement; body: HTMLDivElement } {\r\n    const t = this.theme;\r\n    const wrap = document.createElement('div');\r\n    wrap.style.cssText = [\r\n      `background:${surface}`,\r\n      `border:1px solid ${border}`,\r\n      'border-radius:10px',\r\n      'overflow:hidden',\r\n      'display:flex',\r\n      'flex-direction:column',\r\n    ].join(';');\r\n\r\n    const head = document.createElement('div');\r\n    head.textContent = title;\r\n    head.style.cssText = [\r\n      `font-size:${t.font.sizeSmall}px`,\r\n      'font-weight:600',\r\n      `color:${t.textSecondary}`,\r\n      'padding:8px 12px',\r\n      `border-bottom:1px solid ${border}`,\r\n      'text-transform:uppercase',\r\n      'letter-spacing:0.04em',\r\n    ].join(';');\r\n\r\n    const body = document.createElement('div');\r\n    body.style.cssText = 'flex:1;min-height:0;position:relative;';\r\n\r\n    wrap.appendChild(head);\r\n    wrap.appendChild(body);\r\n    return { wrap, body };\r\n  }\r\n\r\n  /** A subtle surface tint distinct from the page background, per theme. */\r\n  private panelBackground(): string {\r\n    return this.theme.name === 'light' ? 'rgba(0,0,0,0.02)' : 'rgba(255,255,255,0.03)';\r\n  }\r\n\r\n  /** Replace the displayed result and re-render all panels. */\r\n  update(result: PerformanceResult): void {\r\n    this.options = { ...this.options, result };\r\n    this.destroyCharts();\r\n    this.root.replaceChildren();\r\n    this.build();\r\n  }\r\n\r\n  setTheme(theme: ThemeName | Theme): void {\r\n    this.theme = resolveTheme(theme);\r\n    this.options = { ...this.options, theme };\r\n    this.destroyCharts();\r\n    this.root.replaceChildren();\r\n    this.build();\r\n  }\r\n\r\n  private destroyCharts(): void {\r\n    this.equityChart?.destroy();\r\n    this.drawdownChart?.destroy();\r\n    this.heatmap?.destroy();\r\n    this.equityChart = null;\r\n    this.drawdownChart = null;\r\n    this.heatmap = null;\r\n  }\r\n\r\n  destroy(): void {\r\n    this.destroyCharts();\r\n    this.root.remove();\r\n  }\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/grid/ChartGrid.ts","../src/finance/SparklineChart.ts","../src/finance/DepthChart.ts","../src/finance/EquityCurveChart.ts","../src/finance/HeatmapChart.ts","../src/finance/WaterfallChart.ts","../src/finance/GaugeChart.ts","../src/finance/performanceData.ts","../src/finance/PerformanceDashboard.ts"],"sourcesContent":["import type { ChartOptions, Theme, TimeFrame, DataSeries, DataAdapter, StreamConfig } from '@tradecanvas/commons';\r\nimport { Chart } from '../Chart.js';\r\n\r\nexport type GridLayout = '1x1' | '1x2' | '2x1' | '2x2' | '1x3' | '3x1' | '2x3' | '3x2';\r\n\r\nexport interface GridCellConfig {\r\n  symbol?: string;\r\n  timeframe?: TimeFrame;\r\n  chartOptions?: Partial<ChartOptions>;\r\n}\r\n\r\nexport interface ChartGridOptions {\r\n  layout?: GridLayout;\r\n  theme?: ChartOptions['theme'];\r\n  syncCrosshair?: boolean;\r\n  syncTimeAxis?: boolean;\r\n  gap?: number;\r\n  cells?: GridCellConfig[];\r\n  chartOptions?: Partial<ChartOptions>;\r\n}\r\n\r\ninterface GridCell {\r\n  container: HTMLDivElement;\r\n  chart: Chart;\r\n  symbol: string;\r\n  timeframe: TimeFrame;\r\n}\r\n\r\nconst LAYOUT_MAP: Record<GridLayout, { cols: number; rows: number }> = {\r\n  '1x1': { cols: 1, rows: 1 },\r\n  '1x2': { cols: 2, rows: 1 },\r\n  '2x1': { cols: 1, rows: 2 },\r\n  '2x2': { cols: 2, rows: 2 },\r\n  '1x3': { cols: 3, rows: 1 },\r\n  '3x1': { cols: 1, rows: 3 },\r\n  '2x3': { cols: 3, rows: 2 },\r\n  '3x2': { cols: 2, rows: 3 },\r\n};\r\n\r\nexport class ChartGrid {\r\n  private root: HTMLDivElement;\r\n  private cells: GridCell[] = [];\r\n  private layout: GridLayout;\r\n  private options: ChartGridOptions;\r\n  private destroyed = false;\r\n  private syncing = false;\r\n\r\n  constructor(container: HTMLElement, options: ChartGridOptions = {}) {\r\n    this.options = options;\r\n    this.layout = options.layout ?? '2x2';\r\n\r\n    this.root = document.createElement('div');\r\n    this.root.style.cssText = 'display:grid;width:100%;height:100%;overflow:hidden;';\r\n    container.appendChild(this.root);\r\n\r\n    this.applyLayout();\r\n    this.createCells();\r\n  }\r\n\r\n  private applyLayout(): void {\r\n    const { cols, rows } = LAYOUT_MAP[this.layout];\r\n    const gap = this.options.gap ?? 1;\r\n    this.root.style.gridTemplateColumns = `repeat(${cols}, 1fr)`;\r\n    this.root.style.gridTemplateRows = `repeat(${rows}, 1fr)`;\r\n    this.root.style.gap = `${gap}px`;\r\n  }\r\n\r\n  private createCells(): void {\r\n    const { cols, rows } = LAYOUT_MAP[this.layout];\r\n    const count = cols * rows;\r\n\r\n    for (let i = 0; i < count; i++) {\r\n      const cellConfig = this.options.cells?.[i] ?? {};\r\n\r\n      const cellEl = document.createElement('div');\r\n      cellEl.style.cssText = 'position:relative;overflow:hidden;min-width:0;min-height:0;';\r\n      this.root.appendChild(cellEl);\r\n\r\n      const chartOpts: ChartOptions = {\r\n        chartType: 'candlestick',\r\n        autoScale: true,\r\n        features: {\r\n          crosshair: true,\r\n          keyboard: true,\r\n          volume: true,\r\n          legend: true,\r\n          priceAxis: true,\r\n          timeAxis: true,\r\n          grid: true,\r\n        },\r\n        ...this.options.chartOptions,\r\n        ...cellConfig.chartOptions,\r\n        theme: this.options.theme,\r\n      };\r\n\r\n      const chart = new Chart(cellEl, chartOpts);\r\n\r\n      const cell: GridCell = {\r\n        container: cellEl,\r\n        chart,\r\n        symbol: cellConfig.symbol ?? `Chart ${i + 1}`,\r\n        timeframe: cellConfig.timeframe ?? '5m',\r\n      };\r\n\r\n      if (this.options.syncCrosshair !== false) {\r\n        chart.on('crosshairMove', (e) => {\r\n          if (this.syncing) return;\r\n          this.syncing = true;\r\n          for (const other of this.cells) {\r\n            if (other.chart !== chart) {\r\n              other.chart.setCrosshairPosition(e.payload.point);\r\n            }\r\n          }\r\n          this.syncing = false;\r\n        });\r\n      }\r\n\r\n      if (this.options.syncTimeAxis !== false) {\r\n        chart.on('visibleRangeChange', (e) => {\r\n          if (this.syncing) return;\r\n          this.syncing = true;\r\n          const { from, to } = e.payload;\r\n          const srcData = chart.getData();\r\n          if (srcData.length > 0 && from >= 0 && to < srcData.length) {\r\n            const fromTime = srcData[from]?.time;\r\n            const toTime = srcData[to]?.time;\r\n            if (fromTime && toTime) {\r\n              for (const other of this.cells) {\r\n                if (other.chart !== chart) {\r\n                  other.chart.setVisibleRange(fromTime, toTime);\r\n                }\r\n              }\r\n            }\r\n          }\r\n          this.syncing = false;\r\n        });\r\n      }\r\n\r\n      this.cells.push(cell);\r\n    }\r\n  }\r\n\r\n  setLayout(layout: GridLayout): void {\r\n    if (layout === this.layout) return;\r\n    const oldCount = this.cells.length;\r\n    const { cols, rows } = LAYOUT_MAP[layout];\r\n    const newCount = cols * rows;\r\n\r\n    if (newCount < oldCount) {\r\n      for (let i = oldCount - 1; i >= newCount; i--) {\r\n        const cell = this.cells[i];\r\n        cell.chart.destroy();\r\n        cell.container.remove();\r\n        this.cells.pop();\r\n      }\r\n    }\r\n\r\n    this.layout = layout;\r\n    this.applyLayout();\r\n\r\n    if (newCount > oldCount) {\r\n      for (let i = oldCount; i < newCount; i++) {\r\n        const cellConfig = this.options.cells?.[i] ?? {};\r\n        const cellEl = document.createElement('div');\r\n        cellEl.style.cssText = 'position:relative;overflow:hidden;min-width:0;min-height:0;';\r\n        this.root.appendChild(cellEl);\r\n\r\n        const chart = new Chart(cellEl, {\r\n          chartType: 'candlestick',\r\n          autoScale: true,\r\n          ...this.options.chartOptions,\r\n          ...cellConfig.chartOptions,\r\n          theme: this.options.theme,\r\n        });\r\n\r\n        this.cells.push({\r\n          container: cellEl,\r\n          chart,\r\n          symbol: cellConfig.symbol ?? `Chart ${i + 1}`,\r\n          timeframe: cellConfig.timeframe ?? '5m',\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  getChart(index: number): Chart | null {\r\n    return this.cells[index]?.chart ?? null;\r\n  }\r\n\r\n  getCharts(): Chart[] {\r\n    return this.cells.map(c => c.chart);\r\n  }\r\n\r\n  getCellCount(): number {\r\n    return this.cells.length;\r\n  }\r\n\r\n  setData(index: number, data: DataSeries): void {\r\n    this.cells[index]?.chart.setData(data);\r\n  }\r\n\r\n  setAllData(data: DataSeries): void {\r\n    for (const cell of this.cells) {\r\n      cell.chart.setData(data);\r\n    }\r\n  }\r\n\r\n  async connectCell(index: number, config: StreamConfig): Promise<void> {\r\n    const cell = this.cells[index];\r\n    if (!cell) return;\r\n    cell.symbol = config.symbol;\r\n    cell.timeframe = config.timeframe;\r\n    await cell.chart.connect(config);\r\n  }\r\n\r\n  async connectAll(adapter: DataAdapter, symbols: string[], timeframe: TimeFrame, historyLimit = 500): Promise<void> {\r\n    const promises: Promise<void>[] = [];\r\n    for (let i = 0; i < this.cells.length && i < symbols.length; i++) {\r\n      promises.push(this.connectCell(i, {\r\n        adapter,\r\n        symbol: symbols[i],\r\n        timeframe,\r\n        historyLimit,\r\n      }));\r\n    }\r\n    await Promise.all(promises);\r\n  }\r\n\r\n  setTheme(theme: Theme): void {\r\n    for (const cell of this.cells) {\r\n      cell.chart.setTheme(theme);\r\n    }\r\n  }\r\n\r\n  destroy(): void {\r\n    if (this.destroyed) return;\r\n    this.destroyed = true;\r\n    for (const cell of this.cells) {\r\n      cell.chart.destroy();\r\n      cell.container.remove();\r\n    }\r\n    this.cells = [];\r\n    this.root.remove();\r\n  }\r\n}\r\n","import type { SparklineOptions, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, renderSparkline } from '@tradecanvas/core';\r\n\r\nexport class SparklineChart extends BaseFinanceChart {\r\n  private options: SparklineOptions;\r\n\r\n  constructor(container: HTMLElement, options: SparklineOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    renderSparkline(ctx, width, height, this.options, theme);\r\n  }\r\n\r\n  update(data: number[]): void {\r\n    this.options = { ...this.options, data };\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<SparklineOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n}\r\n","import type { DepthChartOptions, DepthData, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, FinanceCrosshair, renderDepthChart } from '@tradecanvas/core';\r\n\r\nexport class DepthChart extends BaseFinanceChart {\r\n  private options: DepthChartOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n\r\n  constructor(container: HTMLElement, options: DepthChartOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderDepthChart(ctx, width, height, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: DepthData): void {\r\n    this.options = { ...this.options, data };\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<DepthChartOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { EquityCurveOptions, EquityPoint, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, FinanceCrosshair, renderEquityCurve } from '@tradecanvas/core';\r\n\r\nexport class EquityCurveChart extends BaseFinanceChart {\r\n  private options: EquityCurveOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n\r\n  constructor(container: HTMLElement, options: EquityCurveOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderEquityCurve(ctx, width, height, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: EquityPoint[], benchmark?: EquityPoint[]): void {\r\n    this.options = { ...this.options, data };\r\n    if (benchmark !== undefined) {\r\n      this.options = { ...this.options, benchmark };\r\n    }\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<EquityCurveOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { HeatmapCell, HeatmapOptions, Theme } from '@tradecanvas/commons';\r\nimport {\r\n  BaseFinanceChart,\r\n  FinanceCrosshair,\r\n  layoutUniformGrid,\r\n  layoutSquarifiedTreemap,\r\n  renderHeatmap,\r\n} from '@tradecanvas/core';\r\nimport type { LayoutRect } from '@tradecanvas/core';\r\n\r\nexport class HeatmapChart extends BaseFinanceChart {\r\n  private options: HeatmapOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n  private cachedRects: LayoutRect[] = [];\r\n  private currentData: HeatmapCell[] = [];\r\n  private lastLayoutWidth = 0;\r\n  private lastLayoutHeight = 0;\r\n  private handleClick: ((e: MouseEvent) => void) | null = null;\r\n\r\n  constructor(container: HTMLElement, options: HeatmapOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n    this.currentData = options.data ?? [];\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    if (options.onCellClick) {\r\n      this.handleClick = (e: MouseEvent) => {\r\n        const rect = this.canvas.getBoundingClientRect();\r\n        const x = e.clientX - rect.left;\r\n        const y = e.clientY - rect.top;\r\n        this.onCanvasClick(x, y);\r\n      };\r\n      this.canvas.addEventListener('click', this.handleClick);\r\n    }\r\n\r\n    this.recomputeLayout();\r\n    this.requestRender();\r\n  }\r\n\r\n  private recomputeLayout(): void {\r\n    const bounds = { x: 0, y: 0, width: this.width, height: this.height };\r\n    const padding = this.options.cellPadding ?? 2;\r\n    this.lastLayoutWidth = this.width;\r\n    this.lastLayoutHeight = this.height;\r\n\r\n    if (this.options.weighted) {\r\n      const weighted = this.currentData.map(c => ({\r\n        id: c.id,\r\n        weight: c.weight ?? (Math.abs(c.value) || 1),\r\n      }));\r\n      this.cachedRects = layoutSquarifiedTreemap(weighted, bounds, padding);\r\n    } else {\r\n      this.cachedRects = layoutUniformGrid(\r\n        this.currentData.map(c => ({ id: c.id })),\r\n        bounds,\r\n        padding,\r\n      );\r\n    }\r\n  }\r\n\r\n  private onCanvasClick(x: number, y: number): void {\r\n    if (!this.options.onCellClick) return;\r\n\r\n    for (const lr of this.cachedRects) {\r\n      const r = lr.rect;\r\n      if (x >= r.x && x <= r.x + r.width && y >= r.y && y <= r.y + r.height) {\r\n        const cell = this.currentData.find(c => c.id === lr.id);\r\n        if (cell) this.options.onCellClick(cell);\r\n        return;\r\n      }\r\n    }\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    if (width !== this.lastLayoutWidth || height !== this.lastLayoutHeight) {\r\n      this.recomputeLayout();\r\n    }\r\n\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderHeatmap(ctx, width, height, this.currentData, this.cachedRects, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: HeatmapCell[]): void {\r\n    this.currentData = data;\r\n    this.options = { ...this.options, data };\r\n    this.recomputeLayout();\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<HeatmapOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    if (opts.data) {\r\n      this.currentData = opts.data;\r\n    }\r\n    this.recomputeLayout();\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    if (this.handleClick) {\r\n      this.canvas.removeEventListener('click', this.handleClick);\r\n    }\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { Theme, WaterfallBar, WaterfallOptions } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, FinanceCrosshair, renderWaterfall } from '@tradecanvas/core';\r\n\r\nexport class WaterfallChart extends BaseFinanceChart {\r\n  private options: WaterfallOptions;\r\n  private crosshair: FinanceCrosshair | null = null;\r\n\r\n  constructor(container: HTMLElement, options: WaterfallOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n\r\n    if (options.crosshair !== false) {\r\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\r\n    }\r\n\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    const pos = this.crosshair?.getPosition() ?? null;\r\n    renderWaterfall(ctx, width, height, this.options, theme, pos);\r\n  }\r\n\r\n  update(data: WaterfallBar[]): void {\r\n    this.options = { ...this.options, data };\r\n    this.requestRender();\r\n  }\r\n\r\n  setOptions(opts: Partial<WaterfallOptions>): void {\r\n    this.options = { ...this.options, ...opts };\r\n    this.requestRender();\r\n  }\r\n\r\n  destroy(): void {\r\n    this.crosshair?.destroy();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { GaugeOptions, Theme } from '@tradecanvas/commons';\r\nimport { BaseFinanceChart, renderGauge } from '@tradecanvas/core';\r\n\r\nconst DEFAULT_ANIMATION_MS = 500;\r\n\r\nfunction easeOutCubic(t: number): number {\r\n  const inv = 1 - t;\r\n  return 1 - inv * inv * inv;\r\n}\r\n\r\nexport class GaugeChart extends BaseFinanceChart {\r\n  private options: GaugeOptions;\r\n  private currentValue: number;\r\n  private targetValue: number;\r\n  private animationStart: number | null = null;\r\n  private animationFrom = 0;\r\n  private animationFrameId: number | null = null;\r\n\r\n  constructor(container: HTMLElement, options: GaugeOptions) {\r\n    super(container, options.theme);\r\n    this.options = options;\r\n    this.currentValue = options.value;\r\n    this.targetValue = options.value;\r\n    this.requestRender();\r\n  }\r\n\r\n  protected renderChart(\r\n    ctx: CanvasRenderingContext2D,\r\n    width: number,\r\n    height: number,\r\n    theme: Theme,\r\n  ): void {\r\n    renderGauge(ctx, width, height, this.options, theme, this.currentValue);\r\n  }\r\n\r\n  setValue(value: number): void {\r\n    const animate = this.options.animate !== false;\r\n    if (!animate) {\r\n      this.cancelAnimation();\r\n      this.currentValue = value;\r\n      this.targetValue = value;\r\n      this.options = { ...this.options, value };\r\n      this.requestRender();\r\n      return;\r\n    }\r\n\r\n    this.targetValue = value;\r\n    this.animationFrom = this.currentValue;\r\n    this.animationStart = performance.now();\r\n    this.options = { ...this.options, value };\r\n    this.startAnimationLoop();\r\n  }\r\n\r\n  setOptions(opts: Partial<GaugeOptions>): void {\r\n    const next = { ...this.options, ...opts };\r\n    // If `value` is part of the partial, route through animation path\r\n    if (opts.value !== undefined && opts.value !== this.targetValue) {\r\n      this.options = next;\r\n      this.setValue(opts.value);\r\n      return;\r\n    }\r\n    this.options = next;\r\n    this.requestRender();\r\n  }\r\n\r\n  private startAnimationLoop(): void {\r\n    if (this.animationFrameId !== null) return;\r\n    const step = (): void => {\r\n      this.animationFrameId = null;\r\n      if (this.animationStart === null) return;\r\n\r\n      const duration = this.options.animationDuration ?? DEFAULT_ANIMATION_MS;\r\n      const elapsed = performance.now() - this.animationStart;\r\n      const t = Math.min(1, elapsed / Math.max(1, duration));\r\n      const eased = easeOutCubic(t);\r\n      this.currentValue = this.animationFrom + (this.targetValue - this.animationFrom) * eased;\r\n\r\n      this.requestRender();\r\n\r\n      if (t < 1) {\r\n        this.animationFrameId = requestAnimationFrame(step);\r\n      } else {\r\n        this.currentValue = this.targetValue;\r\n        this.animationStart = null;\r\n      }\r\n    };\r\n    this.animationFrameId = requestAnimationFrame(step);\r\n  }\r\n\r\n  private cancelAnimation(): void {\r\n    if (this.animationFrameId !== null) {\r\n      cancelAnimationFrame(this.animationFrameId);\r\n      this.animationFrameId = null;\r\n    }\r\n    this.animationStart = null;\r\n  }\r\n\r\n  destroy(): void {\r\n    this.cancelAnimation();\r\n    super.destroy();\r\n  }\r\n}\r\n","import type { EquityPoint, HeatmapCell } from '@tradecanvas/commons';\r\nimport { timeframeBucketStart } from '@tradecanvas/commons';\r\n\r\n/** Minimal equity sample shape — structurally satisfied by analytics' EquityPoint. */\r\nexport interface EquitySample {\r\n  time: number;\r\n  equity: number;\r\n}\r\n\r\n/** Subset of analytics RiskMetrics needed to render the stats strip. */\r\nexport interface RiskMetricsLike {\r\n  totalReturnPct: number;\r\n  cagr: number;\r\n  sharpe: number;\r\n  sortino: number;\r\n  maxDrawdownPct: number;\r\n  winRate: number;\r\n  profitFactor: number;\r\n  trades: number;\r\n}\r\n\r\nexport interface DashboardStat {\r\n  label: string;\r\n  value: string;\r\n  tone: 'positive' | 'negative' | 'neutral';\r\n}\r\n\r\nconst MONTH_LABELS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\r\n\r\n/** Map an analytics equity curve to the finance EquityCurveChart point shape. */\r\nexport function toEquityPoints(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\r\n  return curve.map((p) => ({ time: p.time, value: p.equity }));\r\n}\r\n\r\n/**\r\n * Underwater drawdown curve as a percentage (<= 0). Each point is the equity's\r\n * shortfall from the running peak: `equity / peak - 1`, expressed in percent.\r\n */\r\nexport function computeDrawdownCurve(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\r\n  let peak = -Infinity;\r\n  return curve.map((p) => {\r\n    if (p.equity > peak) peak = p.equity;\r\n    const dd = peak > 0 ? (p.equity / peak - 1) * 100 : 0;\r\n    return { time: p.time, value: dd };\r\n  });\r\n}\r\n\r\n/**\r\n * Calendar-month returns as heatmap cells. Each month's return is chained off\r\n * the prior month's closing equity (the first month chains off its own opening\r\n * equity), so the series reads as sequential monthly performance. `group` is\r\n * the year and `value` is the return in percent.\r\n */\r\nexport function computeMonthlyReturns(curve: ReadonlyArray<EquitySample>): HeatmapCell[] {\r\n  if (curve.length === 0) return [];\r\n\r\n  // Collapse the curve to one closing equity per calendar month, in order.\r\n  const months: { key: number; close: number }[] = [];\r\n  for (const p of curve) {\r\n    const key = timeframeBucketStart(p.time, '1M');\r\n    const last = months[months.length - 1];\r\n    if (last && last.key === key) {\r\n      last.close = p.equity;\r\n    } else {\r\n      months.push({ key, close: p.equity });\r\n    }\r\n  }\r\n\r\n  let prevClose = curve[0].equity;\r\n  const cells: HeatmapCell[] = [];\r\n  for (const m of months) {\r\n    const base = prevClose === 0 ? 1 : prevClose;\r\n    const returnPct = (m.close / base - 1) * 100;\r\n    prevClose = m.close;\r\n    const d = new Date(m.key);\r\n    const year = d.getUTCFullYear();\r\n    const month = d.getUTCMonth();\r\n    cells.push({\r\n      id: `${year}-${String(month + 1).padStart(2, '0')}`,\r\n      label: MONTH_LABELS[month],\r\n      group: String(year),\r\n      value: returnPct,\r\n    });\r\n  }\r\n  return cells;\r\n}\r\n\r\nfunction pct(value: number): string {\r\n  const sign = value > 0 ? '+' : '';\r\n  return `${sign}${value.toFixed(2)}%`;\r\n}\r\n\r\nfunction tone(value: number): DashboardStat['tone'] {\r\n  if (value > 0) return 'positive';\r\n  if (value < 0) return 'negative';\r\n  return 'neutral';\r\n}\r\n\r\n/** The headline stats rendered as cards above the charts. */\r\nexport function selectKeyStats(metrics: RiskMetricsLike): DashboardStat[] {\r\n  return [\r\n    { label: 'Total Return', value: pct(metrics.totalReturnPct), tone: tone(metrics.totalReturnPct) },\r\n    { label: 'CAGR', value: pct(metrics.cagr * 100), tone: tone(metrics.cagr) },\r\n    { label: 'Sharpe', value: metrics.sharpe.toFixed(2), tone: tone(metrics.sharpe) },\r\n    { label: 'Sortino', value: metrics.sortino.toFixed(2), tone: tone(metrics.sortino) },\r\n    { label: 'Max Drawdown', value: pct(metrics.maxDrawdownPct), tone: 'negative' },\r\n    { label: 'Win Rate', value: `${(metrics.winRate * 100).toFixed(1)}%`, tone: 'neutral' },\r\n    { label: 'Profit Factor', value: Number.isFinite(metrics.profitFactor) ? metrics.profitFactor.toFixed(2) : '∞', tone: tone(metrics.profitFactor - 1) },\r\n    { label: 'Trades', value: String(metrics.trades), tone: 'neutral' },\r\n  ];\r\n}\r\n","import type { Theme, ThemeName } from '@tradecanvas/commons';\r\nimport { DARK_THEME, LIGHT_THEME } from '@tradecanvas/commons';\r\nimport { EquityCurveChart } from './EquityCurveChart.js';\r\nimport { HeatmapChart } from './HeatmapChart.js';\r\nimport {\r\n  toEquityPoints,\r\n  computeDrawdownCurve,\r\n  computeMonthlyReturns,\r\n  selectKeyStats,\r\n  type EquitySample,\r\n  type RiskMetricsLike,\r\n  type DashboardStat,\r\n} from './performanceData.js';\r\n\r\n/** Structurally satisfied by analytics' `BacktestResult`. */\r\nexport interface PerformanceResult {\r\n  equityCurve: ReadonlyArray<EquitySample>;\r\n  metrics: RiskMetricsLike;\r\n}\r\n\r\nexport interface PerformanceDashboardOptions {\r\n  result: PerformanceResult;\r\n  theme?: ThemeName | Theme;\r\n  title?: string;\r\n  subtitle?: string;\r\n}\r\n\r\nfunction resolveTheme(theme?: ThemeName | Theme): Theme {\r\n  if (!theme || theme === 'dark') return DARK_THEME;\r\n  if (theme === 'light') return LIGHT_THEME;\r\n  return theme as Theme;\r\n}\r\n\r\n/**\r\n * A composed strategy-performance dashboard: a headline stats strip, an equity\r\n * curve, an underwater drawdown panel, and a monthly-returns heatmap. Built\r\n * entirely from a backtest `result`, reusing the finance chart renderers.\r\n *\r\n * ```ts\r\n * const result = new Backtester(opts).run(bars, strategy);\r\n * const dash = new PerformanceDashboard(el, { result, theme: 'dark' });\r\n * ```\r\n */\r\nexport class PerformanceDashboard {\r\n  private options: PerformanceDashboardOptions;\r\n  private theme: Theme;\r\n  private root: HTMLDivElement;\r\n  private equityChart: EquityCurveChart | null = null;\r\n  private drawdownChart: EquityCurveChart | null = null;\r\n  private heatmap: HeatmapChart | null = null;\r\n\r\n  constructor(container: HTMLElement, options: PerformanceDashboardOptions) {\r\n    this.options = options;\r\n    this.theme = resolveTheme(options.theme);\r\n    this.root = document.createElement('div');\r\n    this.build();\r\n    container.appendChild(this.root);\r\n  }\r\n\r\n  private build(): void {\r\n    const t = this.theme;\r\n    const { result, title, subtitle } = this.options;\r\n    const surface = this.panelBackground();\r\n    const border = t.grid;\r\n\r\n    this.root.style.cssText = [\r\n      'display:flex',\r\n      'flex-direction:column',\r\n      'gap:14px',\r\n      'width:100%',\r\n      'box-sizing:border-box',\r\n      'padding:16px',\r\n      `background:${t.background}`,\r\n      `color:${t.text}`,\r\n      `font-family:${t.font.family}`,\r\n    ].join(';');\r\n\r\n    if (title || subtitle) {\r\n      const header = document.createElement('div');\r\n      if (title) {\r\n        const h = document.createElement('div');\r\n        h.textContent = title;\r\n        h.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;letter-spacing:-0.01em;`;\r\n        header.appendChild(h);\r\n      }\r\n      if (subtitle) {\r\n        const s = document.createElement('div');\r\n        s.textContent = subtitle;\r\n        s.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};margin-top:2px;`;\r\n        header.appendChild(s);\r\n      }\r\n      this.root.appendChild(header);\r\n    }\r\n\r\n    // Stats strip\r\n    this.root.appendChild(this.buildStatsStrip(selectKeyStats(result.metrics), surface, border));\r\n\r\n    // Chart grid\r\n    const grid = document.createElement('div');\r\n    grid.style.cssText = [\r\n      'display:grid',\r\n      'grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))',\r\n      'grid-auto-rows:220px',\r\n      'gap:14px',\r\n    ].join(';');\r\n    this.root.appendChild(grid);\r\n\r\n    const equityPanel = this.buildPanel('Equity Curve', surface, border);\r\n    equityPanel.wrap.style.gridColumn = '1 / -1';\r\n    grid.appendChild(equityPanel.wrap);\r\n    this.equityChart = new EquityCurveChart(equityPanel.body, {\r\n      data: toEquityPoints(result.equityCurve),\r\n      theme: t,\r\n      lineColor: t.candleUp,\r\n      fillArea: true,\r\n      crosshair: true,\r\n    });\r\n\r\n    const ddPanel = this.buildPanel('Drawdown', surface, border);\r\n    grid.appendChild(ddPanel.wrap);\r\n    this.drawdownChart = new EquityCurveChart(ddPanel.body, {\r\n      data: computeDrawdownCurve(result.equityCurve),\r\n      theme: t,\r\n      lineColor: t.candleDown,\r\n      fillArea: true,\r\n      crosshair: true,\r\n      valueFormat: (v) => `${v.toFixed(1)}%`,\r\n    });\r\n\r\n    const monthlyCells = computeMonthlyReturns(result.equityCurve);\r\n    const heatPanel = this.buildPanel('Monthly Returns', surface, border);\r\n    grid.appendChild(heatPanel.wrap);\r\n    this.heatmap = new HeatmapChart(heatPanel.body, {\r\n      data: monthlyCells,\r\n      theme: t,\r\n      showValues: true,\r\n      valueFormat: (v) => `${v >= 0 ? '+' : ''}${v.toFixed(1)}`,\r\n      colorScale: { negative: t.candleDown, zero: surface, positive: t.candleUp },\r\n    });\r\n  }\r\n\r\n  private buildStatsStrip(stats: DashboardStat[], surface: string, border: string): HTMLDivElement {\r\n    const strip = document.createElement('div');\r\n    strip.style.cssText = [\r\n      'display:grid',\r\n      'grid-template-columns:repeat(auto-fit, minmax(120px, 1fr))',\r\n      'gap:10px',\r\n    ].join(';');\r\n\r\n    const t = this.theme;\r\n    for (const stat of stats) {\r\n      const card = document.createElement('div');\r\n      card.style.cssText = [\r\n        `background:${surface}`,\r\n        `border:1px solid ${border}`,\r\n        'border-radius:10px',\r\n        'padding:10px 12px',\r\n        'display:flex',\r\n        'flex-direction:column',\r\n        'gap:4px',\r\n      ].join(';');\r\n\r\n      const label = document.createElement('div');\r\n      label.textContent = stat.label;\r\n      label.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};text-transform:uppercase;letter-spacing:0.04em;`;\r\n\r\n      const value = document.createElement('div');\r\n      value.textContent = stat.value;\r\n      const color = stat.tone === 'positive' ? t.candleUp : stat.tone === 'negative' ? t.candleDown : t.text;\r\n      value.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;color:${color};font-variant-numeric:tabular-nums;`;\r\n\r\n      card.appendChild(label);\r\n      card.appendChild(value);\r\n      strip.appendChild(card);\r\n    }\r\n    return strip;\r\n  }\r\n\r\n  private buildPanel(title: string, surface: string, border: string): { wrap: HTMLDivElement; body: HTMLDivElement } {\r\n    const t = this.theme;\r\n    const wrap = document.createElement('div');\r\n    wrap.style.cssText = [\r\n      `background:${surface}`,\r\n      `border:1px solid ${border}`,\r\n      'border-radius:10px',\r\n      'overflow:hidden',\r\n      'display:flex',\r\n      'flex-direction:column',\r\n    ].join(';');\r\n\r\n    const head = document.createElement('div');\r\n    head.textContent = title;\r\n    head.style.cssText = [\r\n      `font-size:${t.font.sizeSmall}px`,\r\n      'font-weight:600',\r\n      `color:${t.textSecondary}`,\r\n      'padding:8px 12px',\r\n      `border-bottom:1px solid ${border}`,\r\n      'text-transform:uppercase',\r\n      'letter-spacing:0.04em',\r\n    ].join(';');\r\n\r\n    const body = document.createElement('div');\r\n    body.style.cssText = 'flex:1;min-height:0;position:relative;';\r\n\r\n    wrap.appendChild(head);\r\n    wrap.appendChild(body);\r\n    return { wrap, body };\r\n  }\r\n\r\n  /** A subtle surface tint distinct from the page background, per theme. */\r\n  private panelBackground(): string {\r\n    return this.theme.name === 'light' ? 'rgba(0,0,0,0.02)' : 'rgba(255,255,255,0.03)';\r\n  }\r\n\r\n  /** Replace the displayed result and re-render all panels. */\r\n  update(result: PerformanceResult): void {\r\n    this.options = { ...this.options, result };\r\n    this.destroyCharts();\r\n    this.root.replaceChildren();\r\n    this.build();\r\n  }\r\n\r\n  setTheme(theme: ThemeName | Theme): void {\r\n    this.theme = resolveTheme(theme);\r\n    this.options = { ...this.options, theme };\r\n    this.destroyCharts();\r\n    this.root.replaceChildren();\r\n    this.build();\r\n  }\r\n\r\n  private destroyCharts(): void {\r\n    this.equityChart?.destroy();\r\n    this.drawdownChart?.destroy();\r\n    this.heatmap?.destroy();\r\n    this.equityChart = null;\r\n    this.drawdownChart = null;\r\n    this.heatmap = null;\r\n  }\r\n\r\n  destroy(): void {\r\n    this.destroyCharts();\r\n    this.root.remove();\r\n  }\r\n}\r\n"],"mappings":"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"}

package/dist/interaction/verticalPanGate.d.ts

@@ -0,0 +1,22 @@
+/** Net vertical travel (px) a drag needs before it may move the price scale. */
+export declare const VERTICAL_PAN_ENGAGE_PX = 24;
+/** …and that travel must be at least this share of the horizontal travel. */
+export declare const VERTICAL_PAN_MIN_RATIO = 0.5;
+/**
+ * Decides, per drag gesture, when a chart-body drag should also pan the price
+ * scale (which turns auto-scale off). A horizontal drag always drifts a few
+ * pixels vertically; engaging on that drift knocked the chart off auto-scale
+ * mid-pan, so the price scale stopped following the bars and wobbled with the
+ * hand — the drag felt stuck. Now it takes a deliberate vertical move.
+ * With auto-scale already off the price scale pans freely, as before.
+ */
+export declare class VerticalPanGate {
+    private netY;
+    private travelX;
+    private engaged;
+    /** Start of a new drag gesture. */
+    reset(): void;
+    /** Feed one drag step; true once vertical panning is engaged for this gesture. */
+    step(deltaX: number, deltaY: number, autoScaleOn: boolean): boolean;
+}
+//# sourceMappingURL=verticalPanGate.d.ts.map

package/dist/interaction/verticalPanGate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"verticalPanGate.d.ts","sourceRoot":"","sources":["../../src/interaction/verticalPanGate.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,6EAA6E;AAC7E,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;;;;;GAOG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,IAAI,CAAK;IACjB,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,OAAO,CAAS;IAExB,mCAAmC;IACnC,KAAK,IAAI,IAAI;IAMb,kFAAkF;IAClF,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,GAAG,OAAO;CAYpE"}

package/dist/widget/WidgetHotkeySheet.d.ts

@@ -2,7 +2,7 @@ import { Translator } from './i18n.js';
 /**
  * Keyboard-shortcut reference sheet. Bound to `?` (and `Shift+/`). Surfaces
  * shortcuts so users discover the widget's hidden interaction model — a
- * premium-feel detail TradingView, Linear, Figma, etc. all ship.
+ * premium-feel detail polished desktop tools all ship.
  */
 export interface HotkeySheetCallbacks {
     onClose: () => void;

package/dist/widget/WidgetHotkeySheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetHotkeySheet.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetHotkeySheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,UAAU,EAAE,MAAM,WAAW,CAAC;AAExD;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA2ED,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,CAAC,CAAa;IACtB,OAAO,CAAC,YAAY,CAA6B;gBAErC,SAAS,EAAE,oBAAoB,EAAE,CAAC,EAAE,UAAU;IAW1D,IAAI,IAAI,IAAI;IAuFZ,KAAK,IAAI,IAAI;IASb,MAAM,IAAI,OAAO;IAIjB,OAAO,IAAI,IAAI;CAGhB"}
+{"version":3,"file":"WidgetHotkeySheet.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetHotkeySheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,UAAU,EAAE,MAAM,WAAW,CAAC;AAExD;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA8ED,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,CAAC,CAAa;IACtB,OAAO,CAAC,YAAY,CAA6B;gBAErC,SAAS,EAAE,oBAAoB,EAAE,CAAC,EAAE,UAAU;IAW1D,IAAI,IAAI,IAAI;IAuFZ,KAAK,IAAI,IAAI;IASb,MAAM,IAAI,OAAO;IAIjB,OAAO,IAAI,IAAI;CAGhB"}

package/dist/widget/WidgetLoadingOverlay.d.ts

@@ -5,7 +5,9 @@
  */
 export declare const LOADING_SHOW_DELAY_MS = 200;
 /**
- * TradingView-style loading state for the chart area.
+ * Loading state for the chart area: a run of candles lit one after another
+ * over a sweeping accent line. The status text is for screen readers only;
+ * an error message is shown.
  *
  * - First load (nothing to show yet): opaque skeleton, shown immediately.
  * - Switch (a chart is already on screen): the old chart stays visible and is

package/dist/widget/WidgetLoadingOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetLoadingOverlay.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetLoadingOverlay.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAIzC;;;;;;;;GAQG;AACH,qBAAa,oBAAoB;IAOE,OAAO,CAAC,QAAQ,CAAC,WAAW;IAN7D,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAiB;IACpC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAiB;IACvC,OAAO,CAAC,SAAS,CAA8C;IAE/D,OAAO,CAAC,KAAK,CAA4C;gBAE7C,MAAM,EAAE,WAAW,EAAmB,WAAW,EAAE,MAAM;IA+BrE;;;OAGG;IACH,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,UAAQ,GAAG,IAAI;IAgBnD,8EAA8E;IAC9E,GAAG,IAAI,IAAI;IAMX,wEAAwE;IACxE,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAS3B,8EAA8E;IAC9E,QAAQ,IAAI,OAAO;IAInB,iEAAiE;IACjE,SAAS,IAAI,OAAO;IAIpB,uDAAuD;IACvD,OAAO,IAAI,OAAO;IAIlB,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,UAAU;CAMnB"}
+{"version":3,"file":"WidgetLoadingOverlay.d.ts","sourceRoot":"","sources":["../../src/widget/WidgetLoadingOverlay.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,MAAM,CAAC;AAkBzC;;;;;;;;;;GAUG;AACH,qBAAa,oBAAoB;IAOE,OAAO,CAAC,QAAQ,CAAC,WAAW;IAN7D,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAiB;IACpC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAiB;IACvC,OAAO,CAAC,SAAS,CAA8C;IAE/D,OAAO,CAAC,KAAK,CAA4C;gBAE7C,MAAM,EAAE,WAAW,EAAmB,WAAW,EAAE,MAAM;IAyCrE;;;OAGG;IACH,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,UAAQ,GAAG,IAAI;IAgBnD,8EAA8E;IAC9E,GAAG,IAAI,IAAI;IAMX,wEAAwE;IACxE,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAS3B,8EAA8E;IAC9E,QAAQ,IAAI,OAAO;IAInB,iEAAiE;IACjE,SAAS,IAAI,OAAO;IAIpB,uDAAuD;IACvD,OAAO,IAAI,OAAO;IAIlB,OAAO,IAAI,IAAI;IAKf,OAAO,CAAC,UAAU;CAMnB"}

package/dist/widget/WidgetObjectTree.d.ts

@@ -26,7 +26,7 @@ export interface ObjectTreeCallbacks {
     onRemoveCompare?: (id: string) => void;
 }
 /**
- * Object-tree panel — TradingView's layers manager. Lists every active
+ * Object-tree panel — a layers manager. Lists every active
  * indicator and drawing on the chart with per-item controls: indicators can be
  * removed; drawings can be shown/hidden, locked/unlocked, and removed. Toggled
  * from the toolbar layers button; the host wires actions back to the chart.