@tradecanvas/chart 1.12.0 → 1.14.0

package/dist/index.js

@@ -1,6 +1,31 @@
-import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as ee, n as te, o as ne, p as re, r as ie, s as ae, t as oe, u as se, v as ce, x as le, y as ue } from "./LayoutSession-2yRujs2S.js";
-import { DARK_TERMINAL as de, DARK_THEME as fe, DARK_THEME as pe, DEFAULT_DRAWING_STYLE as d, DEFAULT_RECONNECT as f, DEFAULT_SIGNAL_STYLE as p, DEFAULT_STREAM_CONFIG as m, DEFAULT_TIMEFRAME_FAVORITES as h, DEFAULT_TRADE_ZONE_STYLE as g, DEFAULT_TRADING_CONFIG as _, LIGHT_THEME as v, LIGHT_THEME as y, MARKET_CRYPTO as b, MARKET_HNX as x, MARKET_HOSE as S, MARKET_NYSE as C, MARKET_UPCOM as w, PRICE_SOURCES as T, TC_PALETTE as E, TC_SERIES_COLORS as D, TIMEFRAMES_CRYPTO as O, TIMEFRAMES_FOREX as k, TIMEFRAMES_STOCK as A, VN_COLORS as j, VOLUME_ALPHA as M, barsAreDaily as N, computePriceLimits as P, createVNTheme as F, formatFraction as I, formatNumber as L, formatVND as R, formatVolumeLoc as z, fractionTick as B, getCurrentSession as me, getLocale as he, indicatorSource as ge, isPriceSource as _e, isTimeFrame as ve, isValidTimeZone as ye, marketStatus as be, normalizeBar as xe, normalizeBarTime as Se, offsetAt as Ce, parseIndicatorSource as we, parseTimeframe as Te, pickBaseTimeframe as Ee, priceFormatterFor as De, rankSymbols as Oe, readNews as ke, readQuote as Ae, registerLocale as je, resampleBars as Me, setLocale as Ne, sourcePrice as Pe, stepDecimals as Fe, t as Ie, tickBarCount as Le, timeframeBucketStart as Re, timeframeToMs as ze, volumeColor as Be, wallToUtc as Ve, zoneOffsetMinutes as He } from "@tradecanvas/commons";
-import { AlertManager as Ue, Animator as We, BarCountdown as Ge, BaseFinanceChart as V, BinanceAdapter as Ke, BybitAdapter as qe, ChartLegend as Je, ChartStateManager as Ye, CoinbaseAdapter as Xe, CompareRenderer as Ze, CrosshairTooltip as Qe, CurrentPriceLine as $e, DEFAULT_LEGEND_CONFIG as et, DEFAULT_MAX_WEBGL_CHARTS as tt, DEFAULT_SESSION_HOURS as nt, DataExporter as rt, DrawingBase as it, Easing as at, FinanceCrosshair as H, IndicatorBase as ot, IndicatorValueMap as st, KeyboardHandler as ct, KrakenAdapter as lt, MAX_ALERT_BARS as ut, MIN_ALERT_BARS as dt, MockAdapter as ft, PaperExecutionAdapter as pt, PollingAdapter as mt, RANGE_PRESETS as ht, ReplayManager as gt, ResamplingAdapter as _t, Screenshot as vt, SessionBreaks as yt, SessionShading as bt, SignalMarkerManager as xt, StreamManager as St, TickAggregator as Ct, TickBarAdapter as wt, TickBarBuilder as Tt, TradeZoneManager as Et, UndoRedoManager as Dt, VolumeRenderer as Ot, Watermark as kt, WebSocketAdapter as At, formatTooltipTime as jt, isPriceLevelAlert as Mt, layoutSquarifiedTreemap as Nt, layoutUniformGrid as Pt, lttbDownsample as Ft, lttbVisibleIndices as It, rangePresetStart as Lt, renderDepthChart as Rt, renderEquityCurve as zt, renderGauge as Bt, renderHeatmap as Vt, renderSparkline as Ht, renderWaterfall as Ut, servesTimeframe as Wt, setMaxWebGLCharts as Gt, toHeikinAshi as Kt, toKagi as qt, toLineBreak as Jt, toPointAndFigure as Yt, toRangeBars as Xt, toRenko as Zt, withResampling as Qt, withTickBars as $t } from "@tradecanvas/core";
+import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as ee, n as te, o as ne, p as re, r as ie, s as ae, t as oe, u as se, v as ce, x as le, y as ue } from "./LayoutSession-BTfv1oBV.js";
+import { CHART_STYLE_KEYS as de, DARK_TERMINAL as fe, DARK_THEME as pe, DARK_THEME as d, DEFAULT_DRAWING_STYLE as f, DEFAULT_RECONNECT as p, DEFAULT_SIGNAL_STYLE as m, DEFAULT_STREAM_CONFIG as h, DEFAULT_TIMEFRAME_FAVORITES as g, DEFAULT_TRADE_ZONE_STYLE as _, DEFAULT_TRADING_CONFIG as v, LIGHT_THEME as y, LIGHT_THEME as b, MARKET_CRYPTO as x, MARKET_HNX as S, MARKET_HOSE as C, MARKET_NYSE as w, MARKET_UPCOM as T, PRICE_SOURCES as E, TC_PALETTE as D, TC_SERIES_COLORS as O, TIMEFRAMES_CRYPTO as k, TIMEFRAMES_FOREX as A, TIMEFRAMES_STOCK as j, VN_COLORS as M, VOLUME_ALPHA as N, barsAreDaily as P, computePriceLimits as F, createVNTheme as I, formatFraction as L, formatNumber as R, formatVND as z, formatVolumeLoc as B, fractionTick as me, getCurrentSession as he, getLocale as ge, indicatorSource as _e, isPriceSource as ve, isTimeFrame as ye, isValidTimeZone as be, marketStatus as xe, normalizeBar as Se, normalizeBarTime as Ce, offsetAt as we, parseIndicatorSource as Te, parseTimeframe as Ee, pickBaseTimeframe as De, priceFormatterFor as Oe, rankSymbols as ke, readNews as Ae, readQuote as je, registerLocale as Me, resampleBars as Ne, setLocale as Pe, sourcePrice as Fe, stepDecimals as Ie, t as Le, tickBarCount as Re, timeframeBucketStart as ze, timeframeToMs as Be, volumeColor as Ve, wallToUtc as He, zoneOffsetMinutes as Ue } from "@tradecanvas/commons";
+import { AlertManager as We, Animator as Ge, BarCountdown as Ke, BaseFinanceChart as V, BinanceAdapter as qe, BybitAdapter as Je, ChartLegend as Ye, ChartStateManager as Xe, CoinbaseAdapter as Ze, CompareRenderer as Qe, CrosshairTooltip as $e, CurrentPriceLine as et, DEFAULT_LEGEND_CONFIG as tt, DEFAULT_MAX_WEBGL_CHARTS as nt, DEFAULT_SESSION_HOURS as rt, DataExporter as it, DrawingBase as at, Easing as ot, FinanceCrosshair as H, IndicatorBase as st, IndicatorValueMap as ct, KeyboardHandler as lt, KrakenAdapter as ut, MAX_ALERT_BARS as dt, MIN_ALERT_BARS as ft, MockAdapter as pt, PaperExecutionAdapter as mt, PollingAdapter as ht, RANGE_PRESETS as gt, ReplayManager as _t, ResamplingAdapter as vt, Screenshot as yt, SessionBreaks as bt, SessionShading as xt, SignalMarkerManager as St, StreamManager as Ct, TickAggregator as wt, TickBarAdapter as Tt, TickBarBuilder as Et, TradeZoneManager as Dt, UndoRedoManager as Ot, VolumeRenderer as kt, Watermark as At, WebSocketAdapter as jt, formatTooltipTime as Mt, isPriceLevelAlert as Nt, layoutSquarifiedTreemap as Pt, layoutUniformGrid as Ft, lttbDownsample as It, lttbVisibleIndices as Lt, rangePresetStart as Rt, renderDepthChart as zt, renderEquityCurve as Bt, renderGauge as Vt, renderHeatmap as Ht, renderSparkline as Ut, renderWaterfall as Wt, servesTimeframe as Gt, setMaxWebGLCharts as Kt, toHeikinAshi as qt, toKagi as Jt, toLineBreak as Yt, toPointAndFigure as Xt, toRangeBars as Zt, toRenko as Qt, withResampling as $t, withTickBars as en } from "@tradecanvas/core";
+//#region src/frameworks/syncIndicators.ts
+function tn(e) {
+	let { id: t, params: n = {}, position: r = null } = typeof e == "string" ? { id: e } : e;
+	return JSON.stringify([
+		t,
+		Object.keys(n).sort().map((e) => [e, n[e]]),
+		r
+	]);
+}
+function nn(e, t, n) {
+	let r = /* @__PURE__ */ new Map(), i = t.map((e) => {
+		let t = tn(e), n = r.get(t) ?? 0;
+		return r.set(t, n + 1), {
+			spec: e,
+			key: `${t}#${n}`
+		};
+	}), a = new Set(i.map((e) => e.key));
+	for (let [t, r] of [...n]) a.has(t) || (e.removeIndicator(r), n.delete(t));
+	for (let { spec: t, key: r } of i) {
+		if (n.has(r)) continue;
+		let i = typeof t == "string" ? e.addIndicator(t) : t.position === void 0 ? e.addIndicator(t.id, t.params ?? {}) : e.addIndicator(t.id, t.params ?? {}, t.position);
+		i && n.set(r, i);
+	}
+}
+//#endregion
 //#region src/grid/ChartGrid.ts
 var U = {
 	"1x1": {
@@ -35,7 +60,7 @@ var U = {
 		cols: 2,
 		rows: 3
 	}
-}, en = class {
+}, W = class {
 	root;
 	cells = [];
 	layout;
@@ -142,13 +167,13 @@ var U = {
 			this.cells = [], this.root.remove();
 		}
 	}
-}, tn = class extends V {
+}, rn = class extends V {
 	options;
 	constructor(e, t) {
 		super(e, t.theme), this.options = t, this.requestRender();
 	}
 	renderChart(e, t, n, r) {
-		Ht(e, t, n, this.options, r);
+		Ut(e, t, n, this.options, r);
 	}
 	update(e) {
 		this.options = {
@@ -162,7 +187,7 @@ var U = {
 			...e
 		}, this.requestRender();
 	}
-}, nn = class extends V {
+}, an = class extends V {
 	options;
 	crosshair = null;
 	constructor(e, t) {
@@ -170,7 +195,7 @@ var U = {
 	}
 	renderChart(e, t, n, r) {
 		let i = this.crosshair?.getPosition() ?? null;
-		Rt(e, t, n, this.options, r, i);
+		zt(e, t, n, this.options, r, i);
 	}
 	update(e) {
 		this.options = {
@@ -187,7 +212,7 @@ var U = {
 	destroy() {
 		this.crosshair?.destroy(), super.destroy();
 	}
-}, W = class extends V {
+}, G = class extends V {
 	options;
 	crosshair = null;
 	constructor(e, t) {
@@ -195,7 +220,7 @@ var U = {
 	}
 	renderChart(e, t, n, r) {
 		let i = this.crosshair?.getPosition() ?? null;
-		zt(e, t, n, this.options, r, i);
+		Bt(e, t, n, this.options, r, i);
 	}
 	update(e, t) {
 		this.options = {
@@ -215,7 +240,7 @@ var U = {
 	destroy() {
 		this.crosshair?.destroy(), super.destroy();
 	}
-}, G = class extends V {
+}, K = class extends V {
 	options;
 	crosshair = null;
 	cachedRects = [];
@@ -241,8 +266,8 @@ var U = {
 				id: e.id,
 				weight: e.weight ?? (Math.abs(e.value) || 1)
 			}));
-			this.cachedRects = Nt(n, e, t);
-		} else this.cachedRects = Pt(this.currentData.map((e) => ({ id: e.id })), e, t);
+			this.cachedRects = Pt(n, e, t);
+		} else this.cachedRects = Ft(this.currentData.map((e) => ({ id: e.id })), e, t);
 	}
 	onCanvasClick(e, t) {
 		if (this.options.onCellClick) for (let n of this.cachedRects) {
@@ -257,7 +282,7 @@ var U = {
 	renderChart(e, t, n, r) {
 		(t !== this.lastLayoutWidth || n !== this.lastLayoutHeight) && this.recomputeLayout();
 		let i = this.crosshair?.getPosition() ?? null;
-		Vt(e, t, n, this.currentData, this.cachedRects, this.options, r, i);
+		Ht(e, t, n, this.currentData, this.cachedRects, this.options, r, i);
 	}
 	update(e) {
 		this.currentData = e, this.options = {
@@ -274,7 +299,7 @@ var U = {
 	destroy() {
 		this.crosshair?.destroy(), this.handleClick && this.canvas.removeEventListener("click", this.handleClick), super.destroy();
 	}
-}, rn = class extends V {
+}, on = class extends V {
 	options;
 	crosshair = null;
 	constructor(e, t) {
@@ -282,7 +307,7 @@ var U = {
 	}
 	renderChart(e, t, n, r) {
 		let i = this.crosshair?.getPosition() ?? null;
-		Ut(e, t, n, this.options, r, i);
+		Wt(e, t, n, this.options, r, i);
 	}
 	update(e) {
 		this.options = {
@@ -299,12 +324,12 @@ var U = {
 	destroy() {
 		this.crosshair?.destroy(), super.destroy();
 	}
-}, an = 500;
-function on(e) {
+}, sn = 500;
+function cn(e) {
 	let t = 1 - e;
 	return 1 - t * t * t;
 }
-var sn = class extends V {
+var ln = class extends V {
 	options;
 	currentValue;
 	targetValue;
@@ -315,7 +340,7 @@ var sn = class extends V {
 		super(e, t.theme), this.options = t, this.currentValue = t.value, this.targetValue = t.value, this.requestRender();
 	}
 	renderChart(e, t, n, r) {
-		Bt(e, t, n, this.options, r, this.currentValue);
+		Vt(e, t, n, this.options, r, this.currentValue);
 	}
 	setValue(e) {
 		if (this.options.animate === !1) {
@@ -345,7 +370,7 @@ var sn = class extends V {
 		if (this.animationFrameId !== null) return;
 		let e = () => {
 			if (this.animationFrameId = null, this.animationStart === null) return;
-			let t = this.options.animationDuration ?? an, n = performance.now() - this.animationStart, r = Math.min(1, n / Math.max(1, t)), i = on(r);
+			let t = this.options.animationDuration ?? sn, n = performance.now() - this.animationStart, r = Math.min(1, n / Math.max(1, t)), i = cn(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);
@@ -356,7 +381,7 @@ var sn = class extends V {
 	destroy() {
 		this.cancelAnimation(), super.destroy();
 	}
-}, K = [
+}, un = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -391,7 +416,7 @@ function Y(e) {
 	if (e.length === 0) return [];
 	let t = [];
 	for (let n of e) {
-		let e = Re(n.time, "1M"), r = t[t.length - 1];
+		let e = ze(n.time, "1M"), r = t[t.length - 1];
 		r && r.key === e ? r.close = n.equity : t.push({
 			key: e,
 			close: n.equity
@@ -404,7 +429,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: K[s],
+			label: un[s],
 			group: String(o),
 			value: i
 		});
@@ -464,9 +489,9 @@ function Q(e) {
 //#endregion
 //#region src/finance/PerformanceDashboard.ts
 function $(e) {
-	return !e || e === "dark" ? pe : e === "light" ? y : e;
+	return !e || e === "dark" ? d : e === "light" ? b : e;
 }
-var cn = class {
+var dn = class {
 	options;
 	theme;
 	root;
@@ -509,7 +534,7 @@ var cn = 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 W(s.body, {
+		s.wrap.style.gridColumn = "1 / -1", o.appendChild(s.wrap), this.equityChart = new G(s.body, {
 			data: q(t.equityCurve),
 			theme: e,
 			lineColor: e.candleUp,
@@ -517,7 +542,7 @@ var cn = class {
 			crosshair: !0
 		});
 		let c = this.buildPanel("Drawdown", i, a);
-		o.appendChild(c.wrap), this.drawdownChart = new W(c.body, {
+		o.appendChild(c.wrap), this.drawdownChart = new G(c.body, {
 			data: J(t.equityCurve),
 			theme: e,
 			lineColor: e.candleDown,
@@ -526,7 +551,7 @@ var cn = 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 G(u.body, {
+		o.appendChild(u.wrap), this.heatmap = new K(u.body, {
 			data: l,
 			theme: e,
 			showValues: !0,
@@ -615,6 +640,6 @@ var cn = class {
 	}
 };
 //#endregion
-export { Ue as AlertManager, We as Animator, Ge as BarCountdown, Ke as BinanceAdapter, qe as BybitAdapter, i as Chart, en as ChartGrid, Je as ChartLegend, Ye as ChartStateManager, Xe as CoinbaseAdapter, Ze as CompareRenderer, Qe as CrosshairTooltip, $e as CurrentPriceLine, de as DARK_TERMINAL, fe as DARK_THEME, d as DEFAULT_DRAWING_STYLE, r as DEFAULT_HISTORY_PAGE_SIZE, et as DEFAULT_LEGEND_CONFIG, tt as DEFAULT_MAX_WEBGL_CHARTS, f as DEFAULT_RECONNECT, nt as DEFAULT_SESSION_HOURS, p as DEFAULT_SIGNAL_STYLE, m as DEFAULT_STREAM_CONFIG, h as DEFAULT_TIMEFRAME_FAVORITES, g as DEFAULT_TRADE_ZONE_STYLE, _ as DEFAULT_TRADING_CONFIG, rt as DataExporter, e as DataManager, nn as DepthChart, ne as DragDropImporter, it as DrawingBase, u as EXCHANGE_TIMEZONE, at as Easing, W as EquityCurveChart, sn as GaugeChart, le as HISTORY_RETRY_MS, G as HeatmapChart, ot as IndicatorBase, st as IndicatorValueMap, ct as KeyboardHandler, lt as KrakenAdapter, v as LIGHT_THEME, ce as LayoutManager, oe as LayoutSession, b as MARKET_CRYPTO, x as MARKET_HNX, S as MARKET_HOSE, C as MARKET_NYSE, w as MARKET_UPCOM, ut as MAX_ALERT_BARS, te as MAX_LAYOUT_NAME, dt as MIN_ALERT_BARS, ft as MockAdapter, c as PLUGIN_API_VERSION, T as PRICE_SOURCES, pt as PaperExecutionAdapter, cn as PerformanceDashboard, se as PluginManager, mt as PollingAdapter, ht as RANGE_PRESETS, gt as ReplayManager, _t as ResamplingAdapter, vt as Screenshot, yt as SessionBreaks, bt as SessionShading, xt as SignalMarkerManager, tn as SparklineChart, St as StreamManager, E as TC_PALETTE, D as TC_SERIES_COLORS, O as TIMEFRAMES_CRYPTO, k as TIMEFRAMES_FOREX, A as TIMEFRAMES_STOCK, ue as ThemeManager, Ct as TickAggregator, wt as TickBarAdapter, Tt as TickBarBuilder, Et as TradeZoneManager, Dt as UndoRedoManager, j as VN_COLORS, M as VOLUME_ALPHA, Ot as VolumeRenderer, rn as WaterfallChart, kt as Watermark, At as WebSocketAdapter, N as barsAreDaily, ie as cleanLayoutName, a as clearGlobalPlugins, J as computeDrawdownCurve, Y as computeMonthlyReturns, P as computePriceLimits, F as createVNTheme, I as formatFraction, L as formatNumber, jt as formatTooltipTime, R as formatVND, z as formatVolumeLoc, B as fractionTick, me as getCurrentSession, o as getGlobalPlugins, he as getLocale, ge as indicatorSource, Mt as isPriceLevelAlert, _e as isPriceSource, ve as isTimeFrame, ye as isValidTimeZone, l as localStorageLayouts, Ft as lttbDownsample, It as lttbVisibleIndices, be as marketStatus, n as memoryLayouts, xe as normalizeBar, Se as normalizeBarTime, Ce as offsetAt, s as overlaysForLayer, we as parseIndicatorSource, ae as parseOHLCV, Te as parseTimeframe, Ee as pickBaseTimeframe, t as pluginKey, De as priceFormatterFor, Lt as rangePresetStart, Oe as rankSymbols, ke as readNews, Ae as readQuote, je as registerLocale, re as registerPlugin, Me as resampleBars, Q as selectKeyStats, Wt as servesTimeframe, Ne as setLocale, Gt as setMaxWebGLCharts, Pe as sourcePrice, Fe as stepDecimals, Ie as t, Le as tickBarCount, ze as timeframeToMs, q as toEquityPoints, Kt as toHeikinAshi, qt as toKagi, Jt as toLineBreak, Yt as toPointAndFigure, Xt as toRangeBars, Zt as toRenko, ee as unregisterPlugin, Be as volumeColor, Ve as wallToUtc, Qt as withResampling, $t as withTickBars, He as zoneOffsetMinutes };
+export { We as AlertManager, Ge as Animator, Ke as BarCountdown, qe as BinanceAdapter, Je as BybitAdapter, de as CHART_STYLE_KEYS, i as Chart, W as ChartGrid, Ye as ChartLegend, Xe as ChartStateManager, Ze as CoinbaseAdapter, Qe as CompareRenderer, $e as CrosshairTooltip, et as CurrentPriceLine, fe as DARK_TERMINAL, pe as DARK_THEME, f as DEFAULT_DRAWING_STYLE, r as DEFAULT_HISTORY_PAGE_SIZE, tt as DEFAULT_LEGEND_CONFIG, nt as DEFAULT_MAX_WEBGL_CHARTS, p as DEFAULT_RECONNECT, rt as DEFAULT_SESSION_HOURS, m as DEFAULT_SIGNAL_STYLE, h as DEFAULT_STREAM_CONFIG, g as DEFAULT_TIMEFRAME_FAVORITES, _ as DEFAULT_TRADE_ZONE_STYLE, v as DEFAULT_TRADING_CONFIG, it as DataExporter, e as DataManager, an as DepthChart, ne as DragDropImporter, at as DrawingBase, u as EXCHANGE_TIMEZONE, ot as Easing, G as EquityCurveChart, ln as GaugeChart, le as HISTORY_RETRY_MS, K as HeatmapChart, st as IndicatorBase, ct as IndicatorValueMap, lt as KeyboardHandler, ut as KrakenAdapter, y as LIGHT_THEME, ce as LayoutManager, oe as LayoutSession, x as MARKET_CRYPTO, S as MARKET_HNX, C as MARKET_HOSE, w as MARKET_NYSE, T as MARKET_UPCOM, dt as MAX_ALERT_BARS, te as MAX_LAYOUT_NAME, ft as MIN_ALERT_BARS, pt as MockAdapter, c as PLUGIN_API_VERSION, E as PRICE_SOURCES, mt as PaperExecutionAdapter, dn as PerformanceDashboard, se as PluginManager, ht as PollingAdapter, gt as RANGE_PRESETS, _t as ReplayManager, vt as ResamplingAdapter, yt as Screenshot, bt as SessionBreaks, xt as SessionShading, St as SignalMarkerManager, rn as SparklineChart, Ct as StreamManager, D as TC_PALETTE, O as TC_SERIES_COLORS, k as TIMEFRAMES_CRYPTO, A as TIMEFRAMES_FOREX, j as TIMEFRAMES_STOCK, ue as ThemeManager, wt as TickAggregator, Tt as TickBarAdapter, Et as TickBarBuilder, Dt as TradeZoneManager, Ot as UndoRedoManager, M as VN_COLORS, N as VOLUME_ALPHA, kt as VolumeRenderer, on as WaterfallChart, At as Watermark, jt as WebSocketAdapter, P as barsAreDaily, ie as cleanLayoutName, a as clearGlobalPlugins, J as computeDrawdownCurve, Y as computeMonthlyReturns, F as computePriceLimits, I as createVNTheme, L as formatFraction, R as formatNumber, Mt as formatTooltipTime, z as formatVND, B as formatVolumeLoc, me as fractionTick, he as getCurrentSession, o as getGlobalPlugins, ge as getLocale, _e as indicatorSource, Nt as isPriceLevelAlert, ve as isPriceSource, ye as isTimeFrame, be as isValidTimeZone, l as localStorageLayouts, It as lttbDownsample, Lt as lttbVisibleIndices, xe as marketStatus, n as memoryLayouts, Se as normalizeBar, Ce as normalizeBarTime, we as offsetAt, s as overlaysForLayer, Te as parseIndicatorSource, ae as parseOHLCV, Ee as parseTimeframe, De as pickBaseTimeframe, t as pluginKey, Oe as priceFormatterFor, Rt as rangePresetStart, ke as rankSymbols, Ae as readNews, je as readQuote, Me as registerLocale, re as registerPlugin, Ne as resampleBars, Q as selectKeyStats, Gt as servesTimeframe, Pe as setLocale, Kt as setMaxWebGLCharts, Fe as sourcePrice, Ie as stepDecimals, nn as syncIndicators, Le as t, Re as tickBarCount, Be as timeframeToMs, q as toEquityPoints, qt as toHeikinAshi, Jt as toKagi, Yt as toLineBreak, Xt as toPointAndFigure, Zt as toRangeBars, Qt as toRenko, ee as unregisterPlugin, Ve as volumeColor, He as wallToUtc, $t as withResampling, en as withTickBars, Ue as zoneOffsetMinutes };
 
 //# 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';\nimport { Chart } from '../Chart.js';\n\nexport type GridLayout = '1x1' | '1x2' | '2x1' | '2x2' | '1x3' | '3x1' | '2x3' | '3x2';\n\nexport interface GridCellConfig {\n  symbol?: string;\n  timeframe?: TimeFrame;\n  chartOptions?: Partial<ChartOptions>;\n}\n\nexport interface ChartGridOptions {\n  layout?: GridLayout;\n  theme?: ChartOptions['theme'];\n  syncCrosshair?: boolean;\n  syncTimeAxis?: boolean;\n  gap?: number;\n  cells?: GridCellConfig[];\n  chartOptions?: Partial<ChartOptions>;\n}\n\ninterface GridCell {\n  container: HTMLDivElement;\n  chart: Chart;\n  symbol: string;\n  timeframe: TimeFrame;\n}\n\nconst LAYOUT_MAP: Record<GridLayout, { cols: number; rows: number }> = {\n  '1x1': { cols: 1, rows: 1 },\n  '1x2': { cols: 2, rows: 1 },\n  '2x1': { cols: 1, rows: 2 },\n  '2x2': { cols: 2, rows: 2 },\n  '1x3': { cols: 3, rows: 1 },\n  '3x1': { cols: 1, rows: 3 },\n  '2x3': { cols: 3, rows: 2 },\n  '3x2': { cols: 2, rows: 3 },\n};\n\nexport class ChartGrid {\n  private root: HTMLDivElement;\n  private cells: GridCell[] = [];\n  private layout: GridLayout;\n  private options: ChartGridOptions;\n  private destroyed = false;\n  private syncing = false;\n\n  constructor(container: HTMLElement, options: ChartGridOptions = {}) {\n    this.options = options;\n    this.layout = options.layout ?? '2x2';\n\n    this.root = document.createElement('div');\n    this.root.style.cssText = 'display:grid;width:100%;height:100%;overflow:hidden;';\n    container.appendChild(this.root);\n\n    this.applyLayout();\n    this.createCells();\n  }\n\n  private applyLayout(): void {\n    const { cols, rows } = LAYOUT_MAP[this.layout];\n    const gap = this.options.gap ?? 1;\n    this.root.style.gridTemplateColumns = `repeat(${cols}, 1fr)`;\n    this.root.style.gridTemplateRows = `repeat(${rows}, 1fr)`;\n    this.root.style.gap = `${gap}px`;\n  }\n\n  private createCells(): void {\n    const { cols, rows } = LAYOUT_MAP[this.layout];\n    const count = cols * rows;\n    for (let i = 0; i < count; i++) this.cells.push(this.createCell(i));\n  }\n\n  private createCell(i: number): GridCell {\n    const cellConfig = this.options.cells?.[i] ?? {};\n\n    const cellEl = document.createElement('div');\n    cellEl.style.cssText = 'position:relative;overflow:hidden;min-width:0;min-height:0;';\n    this.root.appendChild(cellEl);\n\n    const chartOpts: ChartOptions = {\n      chartType: 'candlestick',\n      autoScale: true,\n      features: {\n        crosshair: true,\n        keyboard: true,\n        volume: true,\n        legend: true,\n        priceAxis: true,\n        timeAxis: true,\n        grid: true,\n      },\n      ...this.options.chartOptions,\n      ...cellConfig.chartOptions,\n      theme: this.options.theme,\n    };\n\n    const chart = new Chart(cellEl, chartOpts);\n\n    const cell: GridCell = {\n      container: cellEl,\n      chart,\n      symbol: cellConfig.symbol ?? `Chart ${i + 1}`,\n      timeframe: cellConfig.timeframe ?? '5m',\n    };\n\n    // Charts can differ in symbol and timeframe, so the crosshair is linked by\n    // time: the others show a vertical line on the bar containing that time.\n    if (this.options.syncCrosshair !== false) {\n      chart.on('crosshairMove', (e) => {\n        const time = e.payload.bar?.time;\n        if (time === undefined) return;\n        for (const other of this.cells) {\n          if (other.chart !== chart) other.chart.setCrosshairTime(time);\n        }\n      });\n      chart.on('crosshairLeave', () => {\n        for (const other of this.cells) {\n          if (other.chart !== chart) other.chart.setCrosshairTime(null);\n        }\n      });\n    }\n\n    if (this.options.syncTimeAxis !== false) {\n      chart.on('visibleRangeChange', (e) => {\n        if (this.syncing) return;\n        this.syncing = true;\n        const { from, to } = e.payload;\n        const srcData = chart.getData();\n        if (srcData.length > 0 && from >= 0 && to < srcData.length) {\n          const fromTime = srcData[from]?.time;\n          const toTime = srcData[to]?.time;\n          if (fromTime && toTime) {\n            for (const other of this.cells) {\n              if (other.chart !== chart) {\n                other.chart.setVisibleRange(fromTime, toTime);\n              }\n            }\n          }\n        }\n        this.syncing = false;\n      });\n    }\n\n    return cell;\n  }\n\n  setLayout(layout: GridLayout): void {\n    if (layout === this.layout) return;\n    const oldCount = this.cells.length;\n    const { cols, rows } = LAYOUT_MAP[layout];\n    const newCount = cols * rows;\n\n    if (newCount < oldCount) {\n      for (let i = oldCount - 1; i >= newCount; i--) {\n        const cell = this.cells[i];\n        cell.chart.destroy();\n        cell.container.remove();\n        this.cells.pop();\n      }\n    }\n\n    this.layout = layout;\n    this.applyLayout();\n\n    // New cells get the same options and linking as the first ones.\n    for (let i = oldCount; i < newCount; i++) this.cells.push(this.createCell(i));\n  }\n\n  getChart(index: number): Chart | null {\n    return this.cells[index]?.chart ?? null;\n  }\n\n  getCharts(): Chart[] {\n    return this.cells.map(c => c.chart);\n  }\n\n  getCellCount(): number {\n    return this.cells.length;\n  }\n\n  setData(index: number, data: DataSeries): void {\n    this.cells[index]?.chart.setData(data);\n  }\n\n  setAllData(data: DataSeries): void {\n    for (const cell of this.cells) {\n      cell.chart.setData(data);\n    }\n  }\n\n  async connectCell(index: number, config: StreamConfig): Promise<void> {\n    const cell = this.cells[index];\n    if (!cell) return;\n    cell.symbol = config.symbol;\n    cell.timeframe = config.timeframe;\n    await cell.chart.connect(config);\n  }\n\n  /**\n   * Connect each chart to a symbol. An adapter keeps one stream, so pass a\n   * function that makes one per chart (`() => new BinanceAdapter()`); a single\n   * adapter object serves one chart only.\n   */\n  async connectAll(\n    adapter: DataAdapter | ((symbol: string, index: number) => DataAdapter),\n    symbols: string[],\n    timeframe: TimeFrame,\n    historyLimit = 500,\n  ): Promise<void> {\n    const promises: Promise<void>[] = [];\n    for (let i = 0; i < this.cells.length && i < symbols.length; i++) {\n      promises.push(this.connectCell(i, {\n        adapter: typeof adapter === 'function' ? adapter(symbols[i], i) : adapter,\n        symbol: symbols[i],\n        timeframe,\n        historyLimit,\n      }));\n    }\n    await Promise.all(promises);\n  }\n\n  setTheme(theme: Theme): void {\n    for (const cell of this.cells) {\n      cell.chart.setTheme(theme);\n    }\n  }\n\n  destroy(): void {\n    if (this.destroyed) return;\n    this.destroyed = true;\n    for (const cell of this.cells) {\n      cell.chart.destroy();\n      cell.container.remove();\n    }\n    this.cells = [];\n    this.root.remove();\n  }\n}\n","import type { SparklineOptions, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, renderSparkline } from '@tradecanvas/core';\n\nexport class SparklineChart extends BaseFinanceChart {\n  private options: SparklineOptions;\n\n  constructor(container: HTMLElement, options: SparklineOptions) {\n    super(container, options.theme);\n    this.options = options;\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    renderSparkline(ctx, width, height, this.options, theme);\n  }\n\n  update(data: number[]): void {\n    this.options = { ...this.options, data };\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<SparklineOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n}\n","import type { DepthChartOptions, DepthData, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, FinanceCrosshair, renderDepthChart } from '@tradecanvas/core';\n\nexport class DepthChart extends BaseFinanceChart {\n  private options: DepthChartOptions;\n  private crosshair: FinanceCrosshair | null = null;\n\n  constructor(container: HTMLElement, options: DepthChartOptions) {\n    super(container, options.theme);\n    this.options = options;\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderDepthChart(ctx, width, height, this.options, theme, pos);\n  }\n\n  update(data: DepthData): void {\n    this.options = { ...this.options, data };\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<DepthChartOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    super.destroy();\n  }\n}\n","import type { EquityCurveOptions, EquityPoint, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, FinanceCrosshair, renderEquityCurve } from '@tradecanvas/core';\n\nexport class EquityCurveChart extends BaseFinanceChart {\n  private options: EquityCurveOptions;\n  private crosshair: FinanceCrosshair | null = null;\n\n  constructor(container: HTMLElement, options: EquityCurveOptions) {\n    super(container, options.theme);\n    this.options = options;\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderEquityCurve(ctx, width, height, this.options, theme, pos);\n  }\n\n  update(data: EquityPoint[], benchmark?: EquityPoint[]): void {\n    this.options = { ...this.options, data };\n    if (benchmark !== undefined) {\n      this.options = { ...this.options, benchmark };\n    }\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<EquityCurveOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    super.destroy();\n  }\n}\n","import type { HeatmapCell, HeatmapOptions, Theme } from '@tradecanvas/commons';\nimport {\n  BaseFinanceChart,\n  FinanceCrosshair,\n  layoutUniformGrid,\n  layoutSquarifiedTreemap,\n  renderHeatmap,\n} from '@tradecanvas/core';\nimport type { LayoutRect } from '@tradecanvas/core';\n\nexport class HeatmapChart extends BaseFinanceChart {\n  private options: HeatmapOptions;\n  private crosshair: FinanceCrosshair | null = null;\n  private cachedRects: LayoutRect[] = [];\n  private currentData: HeatmapCell[] = [];\n  private lastLayoutWidth = 0;\n  private lastLayoutHeight = 0;\n  private handleClick: ((e: MouseEvent) => void) | null = null;\n\n  constructor(container: HTMLElement, options: HeatmapOptions) {\n    super(container, options.theme);\n    this.options = options;\n    this.currentData = options.data ?? [];\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    if (options.onCellClick) {\n      this.handleClick = (e: MouseEvent) => {\n        const rect = this.canvas.getBoundingClientRect();\n        const x = e.clientX - rect.left;\n        const y = e.clientY - rect.top;\n        this.onCanvasClick(x, y);\n      };\n      this.canvas.addEventListener('click', this.handleClick);\n    }\n\n    this.recomputeLayout();\n    this.requestRender();\n  }\n\n  private recomputeLayout(): void {\n    const bounds = { x: 0, y: 0, width: this.width, height: this.height };\n    const padding = this.options.cellPadding ?? 2;\n    this.lastLayoutWidth = this.width;\n    this.lastLayoutHeight = this.height;\n\n    if (this.options.weighted) {\n      const weighted = this.currentData.map(c => ({\n        id: c.id,\n        weight: c.weight ?? (Math.abs(c.value) || 1),\n      }));\n      this.cachedRects = layoutSquarifiedTreemap(weighted, bounds, padding);\n    } else {\n      this.cachedRects = layoutUniformGrid(\n        this.currentData.map(c => ({ id: c.id })),\n        bounds,\n        padding,\n      );\n    }\n  }\n\n  private onCanvasClick(x: number, y: number): void {\n    if (!this.options.onCellClick) return;\n\n    for (const lr of this.cachedRects) {\n      const r = lr.rect;\n      if (x >= r.x && x <= r.x + r.width && y >= r.y && y <= r.y + r.height) {\n        const cell = this.currentData.find(c => c.id === lr.id);\n        if (cell) this.options.onCellClick(cell);\n        return;\n      }\n    }\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    if (width !== this.lastLayoutWidth || height !== this.lastLayoutHeight) {\n      this.recomputeLayout();\n    }\n\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderHeatmap(ctx, width, height, this.currentData, this.cachedRects, this.options, theme, pos);\n  }\n\n  update(data: HeatmapCell[]): void {\n    this.currentData = data;\n    this.options = { ...this.options, data };\n    this.recomputeLayout();\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<HeatmapOptions>): void {\n    this.options = { ...this.options, ...opts };\n    if (opts.data) {\n      this.currentData = opts.data;\n    }\n    this.recomputeLayout();\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    if (this.handleClick) {\n      this.canvas.removeEventListener('click', this.handleClick);\n    }\n    super.destroy();\n  }\n}\n","import type { Theme, WaterfallBar, WaterfallOptions } from '@tradecanvas/commons';\nimport { BaseFinanceChart, FinanceCrosshair, renderWaterfall } from '@tradecanvas/core';\n\nexport class WaterfallChart extends BaseFinanceChart {\n  private options: WaterfallOptions;\n  private crosshair: FinanceCrosshair | null = null;\n\n  constructor(container: HTMLElement, options: WaterfallOptions) {\n    super(container, options.theme);\n    this.options = options;\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderWaterfall(ctx, width, height, this.options, theme, pos);\n  }\n\n  update(data: WaterfallBar[]): void {\n    this.options = { ...this.options, data };\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<WaterfallOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    super.destroy();\n  }\n}\n","import type { GaugeOptions, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, renderGauge } from '@tradecanvas/core';\n\nconst DEFAULT_ANIMATION_MS = 500;\n\nfunction easeOutCubic(t: number): number {\n  const inv = 1 - t;\n  return 1 - inv * inv * inv;\n}\n\nexport class GaugeChart extends BaseFinanceChart {\n  private options: GaugeOptions;\n  private currentValue: number;\n  private targetValue: number;\n  private animationStart: number | null = null;\n  private animationFrom = 0;\n  private animationFrameId: number | null = null;\n\n  constructor(container: HTMLElement, options: GaugeOptions) {\n    super(container, options.theme);\n    this.options = options;\n    this.currentValue = options.value;\n    this.targetValue = options.value;\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    renderGauge(ctx, width, height, this.options, theme, this.currentValue);\n  }\n\n  setValue(value: number): void {\n    const animate = this.options.animate !== false;\n    if (!animate) {\n      this.cancelAnimation();\n      this.currentValue = value;\n      this.targetValue = value;\n      this.options = { ...this.options, value };\n      this.requestRender();\n      return;\n    }\n\n    this.targetValue = value;\n    this.animationFrom = this.currentValue;\n    this.animationStart = performance.now();\n    this.options = { ...this.options, value };\n    this.startAnimationLoop();\n  }\n\n  setOptions(opts: Partial<GaugeOptions>): void {\n    const next = { ...this.options, ...opts };\n    // If `value` is part of the partial, route through animation path\n    if (opts.value !== undefined && opts.value !== this.targetValue) {\n      this.options = next;\n      this.setValue(opts.value);\n      return;\n    }\n    this.options = next;\n    this.requestRender();\n  }\n\n  private startAnimationLoop(): void {\n    if (this.animationFrameId !== null) return;\n    const step = (): void => {\n      this.animationFrameId = null;\n      if (this.animationStart === null) return;\n\n      const duration = this.options.animationDuration ?? DEFAULT_ANIMATION_MS;\n      const elapsed = performance.now() - this.animationStart;\n      const t = Math.min(1, elapsed / Math.max(1, duration));\n      const eased = easeOutCubic(t);\n      this.currentValue = this.animationFrom + (this.targetValue - this.animationFrom) * eased;\n\n      this.requestRender();\n\n      if (t < 1) {\n        this.animationFrameId = requestAnimationFrame(step);\n      } else {\n        this.currentValue = this.targetValue;\n        this.animationStart = null;\n      }\n    };\n    this.animationFrameId = requestAnimationFrame(step);\n  }\n\n  private cancelAnimation(): void {\n    if (this.animationFrameId !== null) {\n      cancelAnimationFrame(this.animationFrameId);\n      this.animationFrameId = null;\n    }\n    this.animationStart = null;\n  }\n\n  destroy(): void {\n    this.cancelAnimation();\n    super.destroy();\n  }\n}\n","import type { EquityPoint, HeatmapCell } from '@tradecanvas/commons';\nimport { timeframeBucketStart } from '@tradecanvas/commons';\n\n/** Minimal equity sample shape — structurally satisfied by analytics' EquityPoint. */\nexport interface EquitySample {\n  time: number;\n  equity: number;\n}\n\n/** Subset of analytics RiskMetrics needed to render the stats strip. */\nexport interface RiskMetricsLike {\n  totalReturnPct: number;\n  cagr: number;\n  sharpe: number;\n  sortino: number;\n  maxDrawdownPct: number;\n  winRate: number;\n  profitFactor: number;\n  trades: number;\n}\n\nexport interface DashboardStat {\n  label: string;\n  value: string;\n  tone: 'positive' | 'negative' | 'neutral';\n}\n\nconst MONTH_LABELS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n/** Map an analytics equity curve to the finance EquityCurveChart point shape. */\nexport function toEquityPoints(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\n  return curve.map((p) => ({ time: p.time, value: p.equity }));\n}\n\n/**\n * Underwater drawdown curve as a percentage (<= 0). Each point is the equity's\n * shortfall from the running peak: `equity / peak - 1`, expressed in percent.\n */\nexport function computeDrawdownCurve(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\n  let peak = -Infinity;\n  return curve.map((p) => {\n    if (p.equity > peak) peak = p.equity;\n    const dd = peak > 0 ? (p.equity / peak - 1) * 100 : 0;\n    return { time: p.time, value: dd };\n  });\n}\n\n/**\n * Calendar-month returns as heatmap cells. Each month's return is chained off\n * the prior month's closing equity (the first month chains off its own opening\n * equity), so the series reads as sequential monthly performance. `group` is\n * the year and `value` is the return in percent.\n */\nexport function computeMonthlyReturns(curve: ReadonlyArray<EquitySample>): HeatmapCell[] {\n  if (curve.length === 0) return [];\n\n  // Collapse the curve to one closing equity per calendar month, in order.\n  const months: { key: number; close: number }[] = [];\n  for (const p of curve) {\n    const key = timeframeBucketStart(p.time, '1M');\n    const last = months[months.length - 1];\n    if (last && last.key === key) {\n      last.close = p.equity;\n    } else {\n      months.push({ key, close: p.equity });\n    }\n  }\n\n  let prevClose = curve[0].equity;\n  const cells: HeatmapCell[] = [];\n  for (const m of months) {\n    const base = prevClose === 0 ? 1 : prevClose;\n    const returnPct = (m.close / base - 1) * 100;\n    prevClose = m.close;\n    const d = new Date(m.key);\n    const year = d.getUTCFullYear();\n    const month = d.getUTCMonth();\n    cells.push({\n      id: `${year}-${String(month + 1).padStart(2, '0')}`,\n      label: MONTH_LABELS[month],\n      group: String(year),\n      value: returnPct,\n    });\n  }\n  return cells;\n}\n\nfunction pct(value: number): string {\n  const sign = value > 0 ? '+' : '';\n  return `${sign}${value.toFixed(2)}%`;\n}\n\nfunction tone(value: number): DashboardStat['tone'] {\n  if (value > 0) return 'positive';\n  if (value < 0) return 'negative';\n  return 'neutral';\n}\n\n/** The headline stats rendered as cards above the charts. */\nexport function selectKeyStats(metrics: RiskMetricsLike): DashboardStat[] {\n  return [\n    { label: 'Total Return', value: pct(metrics.totalReturnPct), tone: tone(metrics.totalReturnPct) },\n    { label: 'CAGR', value: pct(metrics.cagr * 100), tone: tone(metrics.cagr) },\n    { label: 'Sharpe', value: metrics.sharpe.toFixed(2), tone: tone(metrics.sharpe) },\n    { label: 'Sortino', value: metrics.sortino.toFixed(2), tone: tone(metrics.sortino) },\n    { label: 'Max Drawdown', value: pct(metrics.maxDrawdownPct), tone: 'negative' },\n    { label: 'Win Rate', value: `${(metrics.winRate * 100).toFixed(1)}%`, tone: 'neutral' },\n    { label: 'Profit Factor', value: Number.isFinite(metrics.profitFactor) ? metrics.profitFactor.toFixed(2) : '∞', tone: tone(metrics.profitFactor - 1) },\n    { label: 'Trades', value: String(metrics.trades), tone: 'neutral' },\n  ];\n}\n","import type { Theme, ThemeName } from '@tradecanvas/commons';\nimport { DARK_THEME, LIGHT_THEME } from '@tradecanvas/commons';\nimport { EquityCurveChart } from './EquityCurveChart.js';\nimport { HeatmapChart } from './HeatmapChart.js';\nimport {\n  toEquityPoints,\n  computeDrawdownCurve,\n  computeMonthlyReturns,\n  selectKeyStats,\n  type EquitySample,\n  type RiskMetricsLike,\n  type DashboardStat,\n} from './performanceData.js';\n\n/** Structurally satisfied by analytics' `BacktestResult`. */\nexport interface PerformanceResult {\n  equityCurve: ReadonlyArray<EquitySample>;\n  metrics: RiskMetricsLike;\n}\n\nexport interface PerformanceDashboardOptions {\n  result: PerformanceResult;\n  theme?: ThemeName | Theme;\n  title?: string;\n  subtitle?: string;\n}\n\nfunction resolveTheme(theme?: ThemeName | Theme): Theme {\n  if (!theme || theme === 'dark') return DARK_THEME;\n  if (theme === 'light') return LIGHT_THEME;\n  return theme as Theme;\n}\n\n/**\n * A composed strategy-performance dashboard: a headline stats strip, an equity\n * curve, an underwater drawdown panel, and a monthly-returns heatmap. Built\n * entirely from a backtest `result`, reusing the finance chart renderers.\n *\n * ```ts\n * const result = new Backtester(opts).run(bars, strategy);\n * const dash = new PerformanceDashboard(el, { result, theme: 'dark' });\n * ```\n */\nexport class PerformanceDashboard {\n  private options: PerformanceDashboardOptions;\n  private theme: Theme;\n  private root: HTMLDivElement;\n  private equityChart: EquityCurveChart | null = null;\n  private drawdownChart: EquityCurveChart | null = null;\n  private heatmap: HeatmapChart | null = null;\n\n  constructor(container: HTMLElement, options: PerformanceDashboardOptions) {\n    this.options = options;\n    this.theme = resolveTheme(options.theme);\n    this.root = document.createElement('div');\n    this.build();\n    container.appendChild(this.root);\n  }\n\n  private build(): void {\n    const t = this.theme;\n    const { result, title, subtitle } = this.options;\n    const surface = this.panelBackground();\n    const border = t.grid;\n\n    this.root.style.cssText = [\n      'display:flex',\n      'flex-direction:column',\n      'gap:14px',\n      'width:100%',\n      'box-sizing:border-box',\n      'padding:16px',\n      `background:${t.background}`,\n      `color:${t.text}`,\n      `font-family:${t.font.family}`,\n    ].join(';');\n\n    if (title || subtitle) {\n      const header = document.createElement('div');\n      if (title) {\n        const h = document.createElement('div');\n        h.textContent = title;\n        h.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;letter-spacing:-0.01em;`;\n        header.appendChild(h);\n      }\n      if (subtitle) {\n        const s = document.createElement('div');\n        s.textContent = subtitle;\n        s.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};margin-top:2px;`;\n        header.appendChild(s);\n      }\n      this.root.appendChild(header);\n    }\n\n    // Stats strip\n    this.root.appendChild(this.buildStatsStrip(selectKeyStats(result.metrics), surface, border));\n\n    // Chart grid\n    const grid = document.createElement('div');\n    grid.style.cssText = [\n      'display:grid',\n      'grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))',\n      'grid-auto-rows:220px',\n      'gap:14px',\n    ].join(';');\n    this.root.appendChild(grid);\n\n    const equityPanel = this.buildPanel('Equity Curve', surface, border);\n    equityPanel.wrap.style.gridColumn = '1 / -1';\n    grid.appendChild(equityPanel.wrap);\n    this.equityChart = new EquityCurveChart(equityPanel.body, {\n      data: toEquityPoints(result.equityCurve),\n      theme: t,\n      lineColor: t.candleUp,\n      fillArea: true,\n      crosshair: true,\n    });\n\n    const ddPanel = this.buildPanel('Drawdown', surface, border);\n    grid.appendChild(ddPanel.wrap);\n    this.drawdownChart = new EquityCurveChart(ddPanel.body, {\n      data: computeDrawdownCurve(result.equityCurve),\n      theme: t,\n      lineColor: t.candleDown,\n      fillArea: true,\n      crosshair: true,\n      valueFormat: (v) => `${v.toFixed(1)}%`,\n    });\n\n    const monthlyCells = computeMonthlyReturns(result.equityCurve);\n    const heatPanel = this.buildPanel('Monthly Returns', surface, border);\n    grid.appendChild(heatPanel.wrap);\n    this.heatmap = new HeatmapChart(heatPanel.body, {\n      data: monthlyCells,\n      theme: t,\n      showValues: true,\n      valueFormat: (v) => `${v >= 0 ? '+' : ''}${v.toFixed(1)}`,\n      colorScale: { negative: t.candleDown, zero: surface, positive: t.candleUp },\n    });\n  }\n\n  private buildStatsStrip(stats: DashboardStat[], surface: string, border: string): HTMLDivElement {\n    const strip = document.createElement('div');\n    strip.style.cssText = [\n      'display:grid',\n      'grid-template-columns:repeat(auto-fit, minmax(120px, 1fr))',\n      'gap:10px',\n    ].join(';');\n\n    const t = this.theme;\n    for (const stat of stats) {\n      const card = document.createElement('div');\n      card.style.cssText = [\n        `background:${surface}`,\n        `border:1px solid ${border}`,\n        'border-radius:10px',\n        'padding:10px 12px',\n        'display:flex',\n        'flex-direction:column',\n        'gap:4px',\n      ].join(';');\n\n      const label = document.createElement('div');\n      label.textContent = stat.label;\n      label.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};text-transform:uppercase;letter-spacing:0.04em;`;\n\n      const value = document.createElement('div');\n      value.textContent = stat.value;\n      const color = stat.tone === 'positive' ? t.candleUp : stat.tone === 'negative' ? t.candleDown : t.text;\n      value.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;color:${color};font-variant-numeric:tabular-nums;`;\n\n      card.appendChild(label);\n      card.appendChild(value);\n      strip.appendChild(card);\n    }\n    return strip;\n  }\n\n  private buildPanel(title: string, surface: string, border: string): { wrap: HTMLDivElement; body: HTMLDivElement } {\n    const t = this.theme;\n    const wrap = document.createElement('div');\n    wrap.style.cssText = [\n      `background:${surface}`,\n      `border:1px solid ${border}`,\n      'border-radius:10px',\n      'overflow:hidden',\n      'display:flex',\n      'flex-direction:column',\n    ].join(';');\n\n    const head = document.createElement('div');\n    head.textContent = title;\n    head.style.cssText = [\n      `font-size:${t.font.sizeSmall}px`,\n      'font-weight:600',\n      `color:${t.textSecondary}`,\n      'padding:8px 12px',\n      `border-bottom:1px solid ${border}`,\n      'text-transform:uppercase',\n      'letter-spacing:0.04em',\n    ].join(';');\n\n    const body = document.createElement('div');\n    body.style.cssText = 'flex:1;min-height:0;position:relative;';\n\n    wrap.appendChild(head);\n    wrap.appendChild(body);\n    return { wrap, body };\n  }\n\n  /** A subtle surface tint distinct from the page background, per theme. */\n  private panelBackground(): string {\n    return this.theme.name === 'light' ? 'rgba(0,0,0,0.02)' : 'rgba(255,255,255,0.03)';\n  }\n\n  /** Replace the displayed result and re-render all panels. */\n  update(result: PerformanceResult): void {\n    this.options = { ...this.options, result };\n    this.destroyCharts();\n    this.root.replaceChildren();\n    this.build();\n  }\n\n  setTheme(theme: ThemeName | Theme): void {\n    this.theme = resolveTheme(theme);\n    this.options = { ...this.options, theme };\n    this.destroyCharts();\n    this.root.replaceChildren();\n    this.build();\n  }\n\n  private destroyCharts(): void {\n    this.equityChart?.destroy();\n    this.drawdownChart?.destroy();\n    this.heatmap?.destroy();\n    this.equityChart = null;\n    this.drawdownChart = null;\n    this.heatmap = null;\n  }\n\n  destroy(): void {\n    this.destroyCharts();\n    this.root.remove();\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/frameworks/syncIndicators.ts","../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 { PanelPosition } from '@tradecanvas/commons';\n\n/**\n * An indicator a framework component shows: its id (`'rsi'`), or its id with\n * its inputs and, for one in a pane, where the pane goes.\n */\nexport type IndicatorSpec =\n  | string\n  | { id: string; params?: Record<string, number | string | boolean>; position?: PanelPosition };\n\n/** What the components need of a chart to keep its indicators in step. */\nexport interface IndicatorHost {\n  addIndicator(...args: [string, Record<string, number | string | boolean>?, PanelPosition?]): string | null;\n  removeIndicator(instanceId: string): void;\n}\n\n/** One spec as text: the same indicator with the same inputs (in any order) and place reads the same. */\nfunction specKey(spec: IndicatorSpec): string {\n  const { id, params = {}, position = null } = typeof spec === 'string' ? { id: spec } : spec;\n  return JSON.stringify([id, Object.keys(params).sort().map((k) => [k, params[k]]), position]);\n}\n\n/**\n * Brings the chart's indicators to `specs`: those no longer asked for go,\n * new ones come, and one whose inputs or place changed is put back with\n * them. `current` maps each spec (and its count, for two alike) to its\n * instance on the chart, and is kept up to date.\n */\nexport function syncIndicators(chart: IndicatorHost, specs: readonly IndicatorSpec[], current: Map<string, string>): void {\n  const seen = new Map<string, number>();\n  const wanted = specs.map((spec) => {\n    const key = specKey(spec);\n    const n = seen.get(key) ?? 0;\n    seen.set(key, n + 1);\n    return { spec, key: `${key}#${n}` };\n  });\n  const keys = new Set(wanted.map((w) => w.key));\n  for (const [key, instanceId] of [...current]) {\n    if (keys.has(key)) continue;\n    chart.removeIndicator(instanceId);\n    current.delete(key);\n  }\n  for (const { spec, key } of wanted) {\n    if (current.has(key)) continue;\n    const instanceId = typeof spec === 'string'\n      ? chart.addIndicator(spec)\n      : spec.position !== undefined\n        ? chart.addIndicator(spec.id, spec.params ?? {}, spec.position)\n        : chart.addIndicator(spec.id, spec.params ?? {});\n    if (instanceId) current.set(key, instanceId);\n  }\n}\n","import type { ChartOptions, Theme, TimeFrame, DataSeries, DataAdapter, StreamConfig } from '@tradecanvas/commons';\nimport { Chart } from '../Chart.js';\n\nexport type GridLayout = '1x1' | '1x2' | '2x1' | '2x2' | '1x3' | '3x1' | '2x3' | '3x2';\n\nexport interface GridCellConfig {\n  symbol?: string;\n  timeframe?: TimeFrame;\n  chartOptions?: Partial<ChartOptions>;\n}\n\nexport interface ChartGridOptions {\n  layout?: GridLayout;\n  theme?: ChartOptions['theme'];\n  syncCrosshair?: boolean;\n  syncTimeAxis?: boolean;\n  gap?: number;\n  cells?: GridCellConfig[];\n  chartOptions?: Partial<ChartOptions>;\n}\n\ninterface GridCell {\n  container: HTMLDivElement;\n  chart: Chart;\n  symbol: string;\n  timeframe: TimeFrame;\n}\n\nconst LAYOUT_MAP: Record<GridLayout, { cols: number; rows: number }> = {\n  '1x1': { cols: 1, rows: 1 },\n  '1x2': { cols: 2, rows: 1 },\n  '2x1': { cols: 1, rows: 2 },\n  '2x2': { cols: 2, rows: 2 },\n  '1x3': { cols: 3, rows: 1 },\n  '3x1': { cols: 1, rows: 3 },\n  '2x3': { cols: 3, rows: 2 },\n  '3x2': { cols: 2, rows: 3 },\n};\n\nexport class ChartGrid {\n  private root: HTMLDivElement;\n  private cells: GridCell[] = [];\n  private layout: GridLayout;\n  private options: ChartGridOptions;\n  private destroyed = false;\n  private syncing = false;\n\n  constructor(container: HTMLElement, options: ChartGridOptions = {}) {\n    this.options = options;\n    this.layout = options.layout ?? '2x2';\n\n    this.root = document.createElement('div');\n    this.root.style.cssText = 'display:grid;width:100%;height:100%;overflow:hidden;';\n    container.appendChild(this.root);\n\n    this.applyLayout();\n    this.createCells();\n  }\n\n  private applyLayout(): void {\n    const { cols, rows } = LAYOUT_MAP[this.layout];\n    const gap = this.options.gap ?? 1;\n    this.root.style.gridTemplateColumns = `repeat(${cols}, 1fr)`;\n    this.root.style.gridTemplateRows = `repeat(${rows}, 1fr)`;\n    this.root.style.gap = `${gap}px`;\n  }\n\n  private createCells(): void {\n    const { cols, rows } = LAYOUT_MAP[this.layout];\n    const count = cols * rows;\n    for (let i = 0; i < count; i++) this.cells.push(this.createCell(i));\n  }\n\n  private createCell(i: number): GridCell {\n    const cellConfig = this.options.cells?.[i] ?? {};\n\n    const cellEl = document.createElement('div');\n    cellEl.style.cssText = 'position:relative;overflow:hidden;min-width:0;min-height:0;';\n    this.root.appendChild(cellEl);\n\n    const chartOpts: ChartOptions = {\n      chartType: 'candlestick',\n      autoScale: true,\n      features: {\n        crosshair: true,\n        keyboard: true,\n        volume: true,\n        legend: true,\n        priceAxis: true,\n        timeAxis: true,\n        grid: true,\n      },\n      ...this.options.chartOptions,\n      ...cellConfig.chartOptions,\n      theme: this.options.theme,\n    };\n\n    const chart = new Chart(cellEl, chartOpts);\n\n    const cell: GridCell = {\n      container: cellEl,\n      chart,\n      symbol: cellConfig.symbol ?? `Chart ${i + 1}`,\n      timeframe: cellConfig.timeframe ?? '5m',\n    };\n\n    // Charts can differ in symbol and timeframe, so the crosshair is linked by\n    // time: the others show a vertical line on the bar containing that time.\n    if (this.options.syncCrosshair !== false) {\n      chart.on('crosshairMove', (e) => {\n        const time = e.payload.bar?.time;\n        if (time === undefined) return;\n        for (const other of this.cells) {\n          if (other.chart !== chart) other.chart.setCrosshairTime(time);\n        }\n      });\n      chart.on('crosshairLeave', () => {\n        for (const other of this.cells) {\n          if (other.chart !== chart) other.chart.setCrosshairTime(null);\n        }\n      });\n    }\n\n    if (this.options.syncTimeAxis !== false) {\n      chart.on('visibleRangeChange', (e) => {\n        if (this.syncing) return;\n        this.syncing = true;\n        const { from, to } = e.payload;\n        const srcData = chart.getData();\n        if (srcData.length > 0 && from >= 0 && to < srcData.length) {\n          const fromTime = srcData[from]?.time;\n          const toTime = srcData[to]?.time;\n          if (fromTime && toTime) {\n            for (const other of this.cells) {\n              if (other.chart !== chart) {\n                other.chart.setVisibleRange(fromTime, toTime);\n              }\n            }\n          }\n        }\n        this.syncing = false;\n      });\n    }\n\n    return cell;\n  }\n\n  setLayout(layout: GridLayout): void {\n    if (layout === this.layout) return;\n    const oldCount = this.cells.length;\n    const { cols, rows } = LAYOUT_MAP[layout];\n    const newCount = cols * rows;\n\n    if (newCount < oldCount) {\n      for (let i = oldCount - 1; i >= newCount; i--) {\n        const cell = this.cells[i];\n        cell.chart.destroy();\n        cell.container.remove();\n        this.cells.pop();\n      }\n    }\n\n    this.layout = layout;\n    this.applyLayout();\n\n    // New cells get the same options and linking as the first ones.\n    for (let i = oldCount; i < newCount; i++) this.cells.push(this.createCell(i));\n  }\n\n  getChart(index: number): Chart | null {\n    return this.cells[index]?.chart ?? null;\n  }\n\n  getCharts(): Chart[] {\n    return this.cells.map(c => c.chart);\n  }\n\n  getCellCount(): number {\n    return this.cells.length;\n  }\n\n  setData(index: number, data: DataSeries): void {\n    this.cells[index]?.chart.setData(data);\n  }\n\n  setAllData(data: DataSeries): void {\n    for (const cell of this.cells) {\n      cell.chart.setData(data);\n    }\n  }\n\n  async connectCell(index: number, config: StreamConfig): Promise<void> {\n    const cell = this.cells[index];\n    if (!cell) return;\n    cell.symbol = config.symbol;\n    cell.timeframe = config.timeframe;\n    await cell.chart.connect(config);\n  }\n\n  /**\n   * Connect each chart to a symbol. An adapter keeps one stream, so pass a\n   * function that makes one per chart (`() => new BinanceAdapter()`); a single\n   * adapter object serves one chart only.\n   */\n  async connectAll(\n    adapter: DataAdapter | ((symbol: string, index: number) => DataAdapter),\n    symbols: string[],\n    timeframe: TimeFrame,\n    historyLimit = 500,\n  ): Promise<void> {\n    const promises: Promise<void>[] = [];\n    for (let i = 0; i < this.cells.length && i < symbols.length; i++) {\n      promises.push(this.connectCell(i, {\n        adapter: typeof adapter === 'function' ? adapter(symbols[i], i) : adapter,\n        symbol: symbols[i],\n        timeframe,\n        historyLimit,\n      }));\n    }\n    await Promise.all(promises);\n  }\n\n  setTheme(theme: Theme): void {\n    for (const cell of this.cells) {\n      cell.chart.setTheme(theme);\n    }\n  }\n\n  destroy(): void {\n    if (this.destroyed) return;\n    this.destroyed = true;\n    for (const cell of this.cells) {\n      cell.chart.destroy();\n      cell.container.remove();\n    }\n    this.cells = [];\n    this.root.remove();\n  }\n}\n","import type { SparklineOptions, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, renderSparkline } from '@tradecanvas/core';\n\nexport class SparklineChart extends BaseFinanceChart {\n  private options: SparklineOptions;\n\n  constructor(container: HTMLElement, options: SparklineOptions) {\n    super(container, options.theme);\n    this.options = options;\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    renderSparkline(ctx, width, height, this.options, theme);\n  }\n\n  update(data: number[]): void {\n    this.options = { ...this.options, data };\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<SparklineOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n}\n","import type { DepthChartOptions, DepthData, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, FinanceCrosshair, renderDepthChart } from '@tradecanvas/core';\n\nexport class DepthChart extends BaseFinanceChart {\n  private options: DepthChartOptions;\n  private crosshair: FinanceCrosshair | null = null;\n\n  constructor(container: HTMLElement, options: DepthChartOptions) {\n    super(container, options.theme);\n    this.options = options;\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderDepthChart(ctx, width, height, this.options, theme, pos);\n  }\n\n  update(data: DepthData): void {\n    this.options = { ...this.options, data };\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<DepthChartOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    super.destroy();\n  }\n}\n","import type { EquityCurveOptions, EquityPoint, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, FinanceCrosshair, renderEquityCurve } from '@tradecanvas/core';\n\nexport class EquityCurveChart extends BaseFinanceChart {\n  private options: EquityCurveOptions;\n  private crosshair: FinanceCrosshair | null = null;\n\n  constructor(container: HTMLElement, options: EquityCurveOptions) {\n    super(container, options.theme);\n    this.options = options;\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderEquityCurve(ctx, width, height, this.options, theme, pos);\n  }\n\n  update(data: EquityPoint[], benchmark?: EquityPoint[]): void {\n    this.options = { ...this.options, data };\n    if (benchmark !== undefined) {\n      this.options = { ...this.options, benchmark };\n    }\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<EquityCurveOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    super.destroy();\n  }\n}\n","import type { HeatmapCell, HeatmapOptions, Theme } from '@tradecanvas/commons';\nimport {\n  BaseFinanceChart,\n  FinanceCrosshair,\n  layoutUniformGrid,\n  layoutSquarifiedTreemap,\n  renderHeatmap,\n} from '@tradecanvas/core';\nimport type { LayoutRect } from '@tradecanvas/core';\n\nexport class HeatmapChart extends BaseFinanceChart {\n  private options: HeatmapOptions;\n  private crosshair: FinanceCrosshair | null = null;\n  private cachedRects: LayoutRect[] = [];\n  private currentData: HeatmapCell[] = [];\n  private lastLayoutWidth = 0;\n  private lastLayoutHeight = 0;\n  private handleClick: ((e: MouseEvent) => void) | null = null;\n\n  constructor(container: HTMLElement, options: HeatmapOptions) {\n    super(container, options.theme);\n    this.options = options;\n    this.currentData = options.data ?? [];\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    if (options.onCellClick) {\n      this.handleClick = (e: MouseEvent) => {\n        const rect = this.canvas.getBoundingClientRect();\n        const x = e.clientX - rect.left;\n        const y = e.clientY - rect.top;\n        this.onCanvasClick(x, y);\n      };\n      this.canvas.addEventListener('click', this.handleClick);\n    }\n\n    this.recomputeLayout();\n    this.requestRender();\n  }\n\n  private recomputeLayout(): void {\n    const bounds = { x: 0, y: 0, width: this.width, height: this.height };\n    const padding = this.options.cellPadding ?? 2;\n    this.lastLayoutWidth = this.width;\n    this.lastLayoutHeight = this.height;\n\n    if (this.options.weighted) {\n      const weighted = this.currentData.map(c => ({\n        id: c.id,\n        weight: c.weight ?? (Math.abs(c.value) || 1),\n      }));\n      this.cachedRects = layoutSquarifiedTreemap(weighted, bounds, padding);\n    } else {\n      this.cachedRects = layoutUniformGrid(\n        this.currentData.map(c => ({ id: c.id })),\n        bounds,\n        padding,\n      );\n    }\n  }\n\n  private onCanvasClick(x: number, y: number): void {\n    if (!this.options.onCellClick) return;\n\n    for (const lr of this.cachedRects) {\n      const r = lr.rect;\n      if (x >= r.x && x <= r.x + r.width && y >= r.y && y <= r.y + r.height) {\n        const cell = this.currentData.find(c => c.id === lr.id);\n        if (cell) this.options.onCellClick(cell);\n        return;\n      }\n    }\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    if (width !== this.lastLayoutWidth || height !== this.lastLayoutHeight) {\n      this.recomputeLayout();\n    }\n\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderHeatmap(ctx, width, height, this.currentData, this.cachedRects, this.options, theme, pos);\n  }\n\n  update(data: HeatmapCell[]): void {\n    this.currentData = data;\n    this.options = { ...this.options, data };\n    this.recomputeLayout();\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<HeatmapOptions>): void {\n    this.options = { ...this.options, ...opts };\n    if (opts.data) {\n      this.currentData = opts.data;\n    }\n    this.recomputeLayout();\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    if (this.handleClick) {\n      this.canvas.removeEventListener('click', this.handleClick);\n    }\n    super.destroy();\n  }\n}\n","import type { Theme, WaterfallBar, WaterfallOptions } from '@tradecanvas/commons';\nimport { BaseFinanceChart, FinanceCrosshair, renderWaterfall } from '@tradecanvas/core';\n\nexport class WaterfallChart extends BaseFinanceChart {\n  private options: WaterfallOptions;\n  private crosshair: FinanceCrosshair | null = null;\n\n  constructor(container: HTMLElement, options: WaterfallOptions) {\n    super(container, options.theme);\n    this.options = options;\n\n    if (options.crosshair !== false) {\n      this.crosshair = new FinanceCrosshair(this.canvas, () => this.requestRender());\n    }\n\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    const pos = this.crosshair?.getPosition() ?? null;\n    renderWaterfall(ctx, width, height, this.options, theme, pos);\n  }\n\n  update(data: WaterfallBar[]): void {\n    this.options = { ...this.options, data };\n    this.requestRender();\n  }\n\n  setOptions(opts: Partial<WaterfallOptions>): void {\n    this.options = { ...this.options, ...opts };\n    this.requestRender();\n  }\n\n  destroy(): void {\n    this.crosshair?.destroy();\n    super.destroy();\n  }\n}\n","import type { GaugeOptions, Theme } from '@tradecanvas/commons';\nimport { BaseFinanceChart, renderGauge } from '@tradecanvas/core';\n\nconst DEFAULT_ANIMATION_MS = 500;\n\nfunction easeOutCubic(t: number): number {\n  const inv = 1 - t;\n  return 1 - inv * inv * inv;\n}\n\nexport class GaugeChart extends BaseFinanceChart {\n  private options: GaugeOptions;\n  private currentValue: number;\n  private targetValue: number;\n  private animationStart: number | null = null;\n  private animationFrom = 0;\n  private animationFrameId: number | null = null;\n\n  constructor(container: HTMLElement, options: GaugeOptions) {\n    super(container, options.theme);\n    this.options = options;\n    this.currentValue = options.value;\n    this.targetValue = options.value;\n    this.requestRender();\n  }\n\n  protected renderChart(\n    ctx: CanvasRenderingContext2D,\n    width: number,\n    height: number,\n    theme: Theme,\n  ): void {\n    renderGauge(ctx, width, height, this.options, theme, this.currentValue);\n  }\n\n  setValue(value: number): void {\n    const animate = this.options.animate !== false;\n    if (!animate) {\n      this.cancelAnimation();\n      this.currentValue = value;\n      this.targetValue = value;\n      this.options = { ...this.options, value };\n      this.requestRender();\n      return;\n    }\n\n    this.targetValue = value;\n    this.animationFrom = this.currentValue;\n    this.animationStart = performance.now();\n    this.options = { ...this.options, value };\n    this.startAnimationLoop();\n  }\n\n  setOptions(opts: Partial<GaugeOptions>): void {\n    const next = { ...this.options, ...opts };\n    // If `value` is part of the partial, route through animation path\n    if (opts.value !== undefined && opts.value !== this.targetValue) {\n      this.options = next;\n      this.setValue(opts.value);\n      return;\n    }\n    this.options = next;\n    this.requestRender();\n  }\n\n  private startAnimationLoop(): void {\n    if (this.animationFrameId !== null) return;\n    const step = (): void => {\n      this.animationFrameId = null;\n      if (this.animationStart === null) return;\n\n      const duration = this.options.animationDuration ?? DEFAULT_ANIMATION_MS;\n      const elapsed = performance.now() - this.animationStart;\n      const t = Math.min(1, elapsed / Math.max(1, duration));\n      const eased = easeOutCubic(t);\n      this.currentValue = this.animationFrom + (this.targetValue - this.animationFrom) * eased;\n\n      this.requestRender();\n\n      if (t < 1) {\n        this.animationFrameId = requestAnimationFrame(step);\n      } else {\n        this.currentValue = this.targetValue;\n        this.animationStart = null;\n      }\n    };\n    this.animationFrameId = requestAnimationFrame(step);\n  }\n\n  private cancelAnimation(): void {\n    if (this.animationFrameId !== null) {\n      cancelAnimationFrame(this.animationFrameId);\n      this.animationFrameId = null;\n    }\n    this.animationStart = null;\n  }\n\n  destroy(): void {\n    this.cancelAnimation();\n    super.destroy();\n  }\n}\n","import type { EquityPoint, HeatmapCell } from '@tradecanvas/commons';\nimport { timeframeBucketStart } from '@tradecanvas/commons';\n\n/** Minimal equity sample shape — structurally satisfied by analytics' EquityPoint. */\nexport interface EquitySample {\n  time: number;\n  equity: number;\n}\n\n/** Subset of analytics RiskMetrics needed to render the stats strip. */\nexport interface RiskMetricsLike {\n  totalReturnPct: number;\n  cagr: number;\n  sharpe: number;\n  sortino: number;\n  maxDrawdownPct: number;\n  winRate: number;\n  profitFactor: number;\n  trades: number;\n}\n\nexport interface DashboardStat {\n  label: string;\n  value: string;\n  tone: 'positive' | 'negative' | 'neutral';\n}\n\nconst MONTH_LABELS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n/** Map an analytics equity curve to the finance EquityCurveChart point shape. */\nexport function toEquityPoints(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\n  return curve.map((p) => ({ time: p.time, value: p.equity }));\n}\n\n/**\n * Underwater drawdown curve as a percentage (<= 0). Each point is the equity's\n * shortfall from the running peak: `equity / peak - 1`, expressed in percent.\n */\nexport function computeDrawdownCurve(curve: ReadonlyArray<EquitySample>): EquityPoint[] {\n  let peak = -Infinity;\n  return curve.map((p) => {\n    if (p.equity > peak) peak = p.equity;\n    const dd = peak > 0 ? (p.equity / peak - 1) * 100 : 0;\n    return { time: p.time, value: dd };\n  });\n}\n\n/**\n * Calendar-month returns as heatmap cells. Each month's return is chained off\n * the prior month's closing equity (the first month chains off its own opening\n * equity), so the series reads as sequential monthly performance. `group` is\n * the year and `value` is the return in percent.\n */\nexport function computeMonthlyReturns(curve: ReadonlyArray<EquitySample>): HeatmapCell[] {\n  if (curve.length === 0) return [];\n\n  // Collapse the curve to one closing equity per calendar month, in order.\n  const months: { key: number; close: number }[] = [];\n  for (const p of curve) {\n    const key = timeframeBucketStart(p.time, '1M');\n    const last = months[months.length - 1];\n    if (last && last.key === key) {\n      last.close = p.equity;\n    } else {\n      months.push({ key, close: p.equity });\n    }\n  }\n\n  let prevClose = curve[0].equity;\n  const cells: HeatmapCell[] = [];\n  for (const m of months) {\n    const base = prevClose === 0 ? 1 : prevClose;\n    const returnPct = (m.close / base - 1) * 100;\n    prevClose = m.close;\n    const d = new Date(m.key);\n    const year = d.getUTCFullYear();\n    const month = d.getUTCMonth();\n    cells.push({\n      id: `${year}-${String(month + 1).padStart(2, '0')}`,\n      label: MONTH_LABELS[month],\n      group: String(year),\n      value: returnPct,\n    });\n  }\n  return cells;\n}\n\nfunction pct(value: number): string {\n  const sign = value > 0 ? '+' : '';\n  return `${sign}${value.toFixed(2)}%`;\n}\n\nfunction tone(value: number): DashboardStat['tone'] {\n  if (value > 0) return 'positive';\n  if (value < 0) return 'negative';\n  return 'neutral';\n}\n\n/** The headline stats rendered as cards above the charts. */\nexport function selectKeyStats(metrics: RiskMetricsLike): DashboardStat[] {\n  return [\n    { label: 'Total Return', value: pct(metrics.totalReturnPct), tone: tone(metrics.totalReturnPct) },\n    { label: 'CAGR', value: pct(metrics.cagr * 100), tone: tone(metrics.cagr) },\n    { label: 'Sharpe', value: metrics.sharpe.toFixed(2), tone: tone(metrics.sharpe) },\n    { label: 'Sortino', value: metrics.sortino.toFixed(2), tone: tone(metrics.sortino) },\n    { label: 'Max Drawdown', value: pct(metrics.maxDrawdownPct), tone: 'negative' },\n    { label: 'Win Rate', value: `${(metrics.winRate * 100).toFixed(1)}%`, tone: 'neutral' },\n    { label: 'Profit Factor', value: Number.isFinite(metrics.profitFactor) ? metrics.profitFactor.toFixed(2) : '∞', tone: tone(metrics.profitFactor - 1) },\n    { label: 'Trades', value: String(metrics.trades), tone: 'neutral' },\n  ];\n}\n","import type { Theme, ThemeName } from '@tradecanvas/commons';\nimport { DARK_THEME, LIGHT_THEME } from '@tradecanvas/commons';\nimport { EquityCurveChart } from './EquityCurveChart.js';\nimport { HeatmapChart } from './HeatmapChart.js';\nimport {\n  toEquityPoints,\n  computeDrawdownCurve,\n  computeMonthlyReturns,\n  selectKeyStats,\n  type EquitySample,\n  type RiskMetricsLike,\n  type DashboardStat,\n} from './performanceData.js';\n\n/** Structurally satisfied by analytics' `BacktestResult`. */\nexport interface PerformanceResult {\n  equityCurve: ReadonlyArray<EquitySample>;\n  metrics: RiskMetricsLike;\n}\n\nexport interface PerformanceDashboardOptions {\n  result: PerformanceResult;\n  theme?: ThemeName | Theme;\n  title?: string;\n  subtitle?: string;\n}\n\nfunction resolveTheme(theme?: ThemeName | Theme): Theme {\n  if (!theme || theme === 'dark') return DARK_THEME;\n  if (theme === 'light') return LIGHT_THEME;\n  return theme as Theme;\n}\n\n/**\n * A composed strategy-performance dashboard: a headline stats strip, an equity\n * curve, an underwater drawdown panel, and a monthly-returns heatmap. Built\n * entirely from a backtest `result`, reusing the finance chart renderers.\n *\n * ```ts\n * const result = new Backtester(opts).run(bars, strategy);\n * const dash = new PerformanceDashboard(el, { result, theme: 'dark' });\n * ```\n */\nexport class PerformanceDashboard {\n  private options: PerformanceDashboardOptions;\n  private theme: Theme;\n  private root: HTMLDivElement;\n  private equityChart: EquityCurveChart | null = null;\n  private drawdownChart: EquityCurveChart | null = null;\n  private heatmap: HeatmapChart | null = null;\n\n  constructor(container: HTMLElement, options: PerformanceDashboardOptions) {\n    this.options = options;\n    this.theme = resolveTheme(options.theme);\n    this.root = document.createElement('div');\n    this.build();\n    container.appendChild(this.root);\n  }\n\n  private build(): void {\n    const t = this.theme;\n    const { result, title, subtitle } = this.options;\n    const surface = this.panelBackground();\n    const border = t.grid;\n\n    this.root.style.cssText = [\n      'display:flex',\n      'flex-direction:column',\n      'gap:14px',\n      'width:100%',\n      'box-sizing:border-box',\n      'padding:16px',\n      `background:${t.background}`,\n      `color:${t.text}`,\n      `font-family:${t.font.family}`,\n    ].join(';');\n\n    if (title || subtitle) {\n      const header = document.createElement('div');\n      if (title) {\n        const h = document.createElement('div');\n        h.textContent = title;\n        h.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;letter-spacing:-0.01em;`;\n        header.appendChild(h);\n      }\n      if (subtitle) {\n        const s = document.createElement('div');\n        s.textContent = subtitle;\n        s.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};margin-top:2px;`;\n        header.appendChild(s);\n      }\n      this.root.appendChild(header);\n    }\n\n    // Stats strip\n    this.root.appendChild(this.buildStatsStrip(selectKeyStats(result.metrics), surface, border));\n\n    // Chart grid\n    const grid = document.createElement('div');\n    grid.style.cssText = [\n      'display:grid',\n      'grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))',\n      'grid-auto-rows:220px',\n      'gap:14px',\n    ].join(';');\n    this.root.appendChild(grid);\n\n    const equityPanel = this.buildPanel('Equity Curve', surface, border);\n    equityPanel.wrap.style.gridColumn = '1 / -1';\n    grid.appendChild(equityPanel.wrap);\n    this.equityChart = new EquityCurveChart(equityPanel.body, {\n      data: toEquityPoints(result.equityCurve),\n      theme: t,\n      lineColor: t.candleUp,\n      fillArea: true,\n      crosshair: true,\n    });\n\n    const ddPanel = this.buildPanel('Drawdown', surface, border);\n    grid.appendChild(ddPanel.wrap);\n    this.drawdownChart = new EquityCurveChart(ddPanel.body, {\n      data: computeDrawdownCurve(result.equityCurve),\n      theme: t,\n      lineColor: t.candleDown,\n      fillArea: true,\n      crosshair: true,\n      valueFormat: (v) => `${v.toFixed(1)}%`,\n    });\n\n    const monthlyCells = computeMonthlyReturns(result.equityCurve);\n    const heatPanel = this.buildPanel('Monthly Returns', surface, border);\n    grid.appendChild(heatPanel.wrap);\n    this.heatmap = new HeatmapChart(heatPanel.body, {\n      data: monthlyCells,\n      theme: t,\n      showValues: true,\n      valueFormat: (v) => `${v >= 0 ? '+' : ''}${v.toFixed(1)}`,\n      colorScale: { negative: t.candleDown, zero: surface, positive: t.candleUp },\n    });\n  }\n\n  private buildStatsStrip(stats: DashboardStat[], surface: string, border: string): HTMLDivElement {\n    const strip = document.createElement('div');\n    strip.style.cssText = [\n      'display:grid',\n      'grid-template-columns:repeat(auto-fit, minmax(120px, 1fr))',\n      'gap:10px',\n    ].join(';');\n\n    const t = this.theme;\n    for (const stat of stats) {\n      const card = document.createElement('div');\n      card.style.cssText = [\n        `background:${surface}`,\n        `border:1px solid ${border}`,\n        'border-radius:10px',\n        'padding:10px 12px',\n        'display:flex',\n        'flex-direction:column',\n        'gap:4px',\n      ].join(';');\n\n      const label = document.createElement('div');\n      label.textContent = stat.label;\n      label.style.cssText = `font-size:${t.font.sizeSmall}px;color:${t.textSecondary};text-transform:uppercase;letter-spacing:0.04em;`;\n\n      const value = document.createElement('div');\n      value.textContent = stat.value;\n      const color = stat.tone === 'positive' ? t.candleUp : stat.tone === 'negative' ? t.candleDown : t.text;\n      value.style.cssText = `font-size:${t.font.sizeLarge}px;font-weight:600;color:${color};font-variant-numeric:tabular-nums;`;\n\n      card.appendChild(label);\n      card.appendChild(value);\n      strip.appendChild(card);\n    }\n    return strip;\n  }\n\n  private buildPanel(title: string, surface: string, border: string): { wrap: HTMLDivElement; body: HTMLDivElement } {\n    const t = this.theme;\n    const wrap = document.createElement('div');\n    wrap.style.cssText = [\n      `background:${surface}`,\n      `border:1px solid ${border}`,\n      'border-radius:10px',\n      'overflow:hidden',\n      'display:flex',\n      'flex-direction:column',\n    ].join(';');\n\n    const head = document.createElement('div');\n    head.textContent = title;\n    head.style.cssText = [\n      `font-size:${t.font.sizeSmall}px`,\n      'font-weight:600',\n      `color:${t.textSecondary}`,\n      'padding:8px 12px',\n      `border-bottom:1px solid ${border}`,\n      'text-transform:uppercase',\n      'letter-spacing:0.04em',\n    ].join(';');\n\n    const body = document.createElement('div');\n    body.style.cssText = 'flex:1;min-height:0;position:relative;';\n\n    wrap.appendChild(head);\n    wrap.appendChild(body);\n    return { wrap, body };\n  }\n\n  /** A subtle surface tint distinct from the page background, per theme. */\n  private panelBackground(): string {\n    return this.theme.name === 'light' ? 'rgba(0,0,0,0.02)' : 'rgba(255,255,255,0.03)';\n  }\n\n  /** Replace the displayed result and re-render all panels. */\n  update(result: PerformanceResult): void {\n    this.options = { ...this.options, result };\n    this.destroyCharts();\n    this.root.replaceChildren();\n    this.build();\n  }\n\n  setTheme(theme: ThemeName | Theme): void {\n    this.theme = resolveTheme(theme);\n    this.options = { ...this.options, theme };\n    this.destroyCharts();\n    this.root.replaceChildren();\n    this.build();\n  }\n\n  private destroyCharts(): void {\n    this.equityChart?.destroy();\n    this.drawdownChart?.destroy();\n    this.heatmap?.destroy();\n    this.equityChart = null;\n    this.drawdownChart = null;\n    this.heatmap = null;\n  }\n\n  destroy(): void {\n    this.destroyCharts();\n    this.root.remove();\n  }\n}\n"],"mappings":";;;;AAiBA,SAAS,GAAQ,GAA6B;CAC5C,IAAM,EAAE,OAAI,YAAS,EAAE,EAAE,cAAW,SAAS,OAAO,KAAS,WAAW,EAAE,IAAI,GAAM,GAAG;AACvF,QAAO,KAAK,UAAU;EAAC;EAAI,OAAO,KAAK,EAAO,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC,GAAG,EAAO,GAAG,CAAC;EAAE;EAAS,CAAC;;AAS9F,SAAgB,GAAe,GAAsB,GAAiC,GAAoC;CACxH,IAAM,oBAAO,IAAI,KAAqB,EAChC,IAAS,EAAM,KAAK,MAAS;EACjC,IAAM,IAAM,GAAQ,EAAK,EACnB,IAAI,EAAK,IAAI,EAAI,IAAI;AAE3B,SADA,EAAK,IAAI,GAAK,IAAI,EAAE,EACb;GAAE;GAAM,KAAK,GAAG,EAAI,GAAG;GAAK;GACnC,EACI,IAAO,IAAI,IAAI,EAAO,KAAK,MAAM,EAAE,IAAI,CAAC;AAC9C,MAAK,IAAM,CAAC,GAAK,MAAe,CAAC,GAAG,EAAQ,CACtC,GAAK,IAAI,EAAI,KACjB,EAAM,gBAAgB,EAAW,EACjC,EAAQ,OAAO,EAAI;AAErB,MAAK,IAAM,EAAE,SAAM,YAAS,GAAQ;AAClC,MAAI,EAAQ,IAAI,EAAI,CAAE;EACtB,IAAM,IAAa,OAAO,KAAS,WAC/B,EAAM,aAAa,EAAK,GACxB,EAAK,aAAa,KAAA,IAEhB,EAAM,aAAa,EAAK,IAAI,EAAK,UAAU,EAAE,CAAC,GAD9C,EAAM,aAAa,EAAK,IAAI,EAAK,UAAU,EAAE,EAAE,EAAK,SAAS;AAEnE,EAAI,KAAY,EAAQ,IAAI,GAAK,EAAW;;;;;ACrBhD,IAAM,IAAiE;CACrE,OAAO;EAAE,MAAM;EAAG,MAAM;EAAG;CAC3B,OAAO;EAAE,MAAM;EAAG,MAAM;EAAG;CAC3B,OAAO;EAAE,MAAM;EAAG,MAAM;EAAG;CAC3B,OAAO;EAAE,MAAM;EAAG,MAAM;EAAG;CAC3B,OAAO;EAAE,MAAM;EAAG,MAAM;EAAG;CAC3B,OAAO;EAAE,MAAM;EAAG,MAAM;EAAG;CAC3B,OAAO;EAAE,MAAM;EAAG,MAAM;EAAG;CAC3B,OAAO;EAAE,MAAM;EAAG,MAAM;EAAG;CAC5B,EAEY,IAAb,MAAuB;CACrB;CACA,QAA4B,EAAE;CAC9B;CACA;CACA,YAAoB;CACpB,UAAkB;CAElB,YAAY,GAAwB,IAA4B,EAAE,EAAE;AASlE,EARA,KAAK,UAAU,GACf,KAAK,SAAS,EAAQ,UAAU,OAEhC,KAAK,OAAO,SAAS,cAAc,MAAM,EACzC,KAAK,KAAK,MAAM,UAAU,wDAC1B,EAAU,YAAY,KAAK,KAAK,EAEhC,KAAK,aAAa,EAClB,KAAK,aAAa;;CAGpB,cAA4B;EAC1B,IAAM,EAAE,SAAM,YAAS,EAAW,KAAK,SACjC,IAAM,KAAK,QAAQ,OAAO;AAGhC,EAFA,KAAK,KAAK,MAAM,sBAAsB,UAAU,EAAK,SACrD,KAAK,KAAK,MAAM,mBAAmB,UAAU,EAAK,SAClD,KAAK,KAAK,MAAM,MAAM,GAAG,EAAI;;CAG/B,cAA4B;EAC1B,IAAM,EAAE,SAAM,YAAS,EAAW,KAAK,SACjC,IAAQ,IAAO;AACrB,OAAK,IAAI,IAAI,GAAG,IAAI,GAAO,IAAK,MAAK,MAAM,KAAK,KAAK,WAAW,EAAE,CAAC;;CAGrE,WAAmB,GAAqB;EACtC,IAAM,IAAa,KAAK,QAAQ,QAAQ,MAAM,EAAE,EAE1C,IAAS,SAAS,cAAc,MAAM;AAE5C,EADA,EAAO,MAAM,UAAU,+DACvB,KAAK,KAAK,YAAY,EAAO;EAmB7B,IAAM,IAAQ,IAAI,EAAM,GAAQ;GAhB9B,WAAW;GACX,WAAW;GACX,UAAU;IACR,WAAW;IACX,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,WAAW;IACX,UAAU;IACV,MAAM;IACP;GACD,GAAG,KAAK,QAAQ;GAChB,GAAG,EAAW;GACd,OAAO,KAAK,QAAQ;GAGU,CAAU,EAEpC,IAAiB;GACrB,WAAW;GACX;GACA,QAAQ,EAAW,UAAU,SAAS,IAAI;GAC1C,WAAW,EAAW,aAAa;GACpC;AAwCD,SApCI,KAAK,QAAQ,kBAAkB,OACjC,EAAM,GAAG,kBAAkB,MAAM;GAC/B,IAAM,IAAO,EAAE,QAAQ,KAAK;AACxB,aAAS,KAAA,EACb,MAAK,IAAM,KAAS,KAAK,MACvB,CAAI,EAAM,UAAU,KAAO,EAAM,MAAM,iBAAiB,EAAK;IAE/D,EACF,EAAM,GAAG,wBAAwB;AAC/B,QAAK,IAAM,KAAS,KAAK,MACvB,CAAI,EAAM,UAAU,KAAO,EAAM,MAAM,iBAAiB,KAAK;IAE/D,GAGA,KAAK,QAAQ,iBAAiB,MAChC,EAAM,GAAG,uBAAuB,MAAM;AACpC,OAAI,KAAK,QAAS;AAClB,QAAK,UAAU;GACf,IAAM,EAAE,SAAM,UAAO,EAAE,SACjB,IAAU,EAAM,SAAS;AAC/B,OAAI,EAAQ,SAAS,KAAK,KAAQ,KAAK,IAAK,EAAQ,QAAQ;IAC1D,IAAM,IAAW,EAAQ,IAAO,MAC1B,IAAS,EAAQ,IAAK;AAC5B,QAAI,KAAY,QACT,IAAM,KAAS,KAAK,MACvB,CAAI,EAAM,UAAU,KAClB,EAAM,MAAM,gBAAgB,GAAU,EAAO;;AAKrD,QAAK,UAAU;IACf,EAGG;;CAGT,UAAU,GAA0B;AAClC,MAAI,MAAW,KAAK,OAAQ;EAC5B,IAAM,IAAW,KAAK,MAAM,QACtB,EAAE,SAAM,YAAS,EAAW,IAC5B,IAAW,IAAO;AAExB,MAAI,IAAW,EACb,MAAK,IAAI,IAAI,IAAW,GAAG,KAAK,GAAU,KAAK;GAC7C,IAAM,IAAO,KAAK,MAAM;AAGxB,GAFA,EAAK,MAAM,SAAS,EACpB,EAAK,UAAU,QAAQ,EACvB,KAAK,MAAM,KAAK;;AAKpB,EADA,KAAK,SAAS,GACd,KAAK,aAAa;AAGlB,OAAK,IAAI,IAAI,GAAU,IAAI,GAAU,IAAK,MAAK,MAAM,KAAK,KAAK,WAAW,EAAE,CAAC;;CAG/E,SAAS,GAA6B;AACpC,SAAO,KAAK,MAAM,IAAQ,SAAS;;CAGrC,YAAqB;AACnB,SAAO,KAAK,MAAM,KAAI,MAAK,EAAE,MAAM;;CAGrC,eAAuB;AACrB,SAAO,KAAK,MAAM;;CAGpB,QAAQ,GAAe,GAAwB;AAC7C,OAAK,MAAM,IAAQ,MAAM,QAAQ,EAAK;;CAGxC,WAAW,GAAwB;AACjC,OAAK,IAAM,KAAQ,KAAK,MACtB,GAAK,MAAM,QAAQ,EAAK;;CAI5B,MAAM,YAAY,GAAe,GAAqC;EACpE,IAAM,IAAO,KAAK,MAAM;AACnB,QACL,EAAK,SAAS,EAAO,QACrB,EAAK,YAAY,EAAO,WACxB,MAAM,EAAK,MAAM,QAAQ,EAAO;;CAQlC,MAAM,WACJ,GACA,GACA,GACA,IAAe,KACA;EACf,IAAM,IAA4B,EAAE;AACpC,OAAK,IAAI,IAAI,GAAG,IAAI,KAAK,MAAM,UAAU,IAAI,EAAQ,QAAQ,IAC3D,GAAS,KAAK,KAAK,YAAY,GAAG;GAChC,SAAS,OAAO,KAAY,aAAa,EAAQ,EAAQ,IAAI,EAAE,GAAG;GAClE,QAAQ,EAAQ;GAChB;GACA;GACD,CAAC,CAAC;AAEL,QAAM,QAAQ,IAAI,EAAS;;CAG7B,SAAS,GAAoB;AAC3B,OAAK,IAAM,KAAQ,KAAK,MACtB,GAAK,MAAM,SAAS,EAAM;;CAI9B,UAAgB;AACV,YAAK,WACT;QAAK,YAAY;AACjB,QAAK,IAAM,KAAQ,KAAK,MAEtB,CADA,EAAK,MAAM,SAAS,EACpB,EAAK,UAAU,QAAQ;AAGzB,GADA,KAAK,QAAQ,EAAE,EACf,KAAK,KAAK,QAAQ;;;GCzOT,KAAb,cAAoC,EAAiB;CACnD;CAEA,YAAY,GAAwB,GAA2B;AAG7D,EAFA,MAAM,GAAW,EAAQ,MAAM,EAC/B,KAAK,UAAU,GACf,KAAK,eAAe;;CAGtB,YACE,GACA,GACA,GACA,GACM;AACN,KAAgB,GAAK,GAAO,GAAQ,KAAK,SAAS,EAAM;;CAG1D,OAAO,GAAsB;AAE3B,EADA,KAAK,UAAU;GAAE,GAAG,KAAK;GAAS;GAAM,EACxC,KAAK,eAAe;;CAGtB,WAAW,GAAuC;AAEhD,EADA,KAAK,UAAU;GAAE,GAAG,KAAK;GAAS,GAAG;GAAM,EAC3C,KAAK,eAAe;;GCzBX,KAAb,cAAgC,EAAiB;CAC/C;CACA,YAA6C;CAE7C,YAAY,GAAwB,GAA4B;AAQ9D,EAPA,MAAM,GAAW,EAAQ,MAAM,EAC/B,KAAK,UAAU,GAEX,EAAQ,cAAc,OACxB,KAAK,YAAY,IAAI,EAAiB,KAAK,cAAc,KAAK,eAAe,CAAC,GAGhF,KAAK,eAAe;;CAGtB,YACE,GACA,GACA,GACA,GACM;EACN,IAAM,IAAM,KAAK,WAAW,aAAa,IAAI;AAC7C,KAAiB,GAAK,GAAO,GAAQ,KAAK,SAAS,GAAO,EAAI;;CAGhE,OAAO,GAAuB;AAE5B,EADA,KAAK,UAAU;GAAE,GAAG,KAAK;GAAS;GAAM,EACxC,KAAK,eAAe;;CAGtB,WAAW,GAAwC;AAEjD,EADA,KAAK,UAAU;GAAE,GAAG,KAAK;GAAS,GAAG;GAAM,EAC3C,KAAK,eAAe;;CAGtB,UAAgB;AAEd,EADA,KAAK,WAAW,SAAS,EACzB,MAAM,SAAS;;GCrCN,IAAb,cAAsC,EAAiB;CACrD;CACA,YAA6C;CAE7C,YAAY,GAAwB,GAA6B;AAQ/D,EAPA,MAAM,GAAW,EAAQ,MAAM,EAC/B,KAAK,UAAU,GAEX,EAAQ,cAAc,OACxB,KAAK,YAAY,IAAI,EAAiB,KAAK,cAAc,KAAK,eAAe,CAAC,GAGhF,KAAK,eAAe;;CAGtB,YACE,GACA,GACA,GACA,GACM;EACN,IAAM,IAAM,KAAK,WAAW,aAAa,IAAI;AAC7C,KAAkB,GAAK,GAAO,GAAQ,KAAK,SAAS,GAAO,EAAI;;CAGjE,OAAO,GAAqB,GAAiC;AAK3D,EAJA,KAAK,UAAU;GAAE,GAAG,KAAK;GAAS;GAAM,EACpC,MAAc,KAAA,MAChB,KAAK,UAAU;GAAE,GAAG,KAAK;GAAS;GAAW,GAE/C,KAAK,eAAe;;CAGtB,WAAW,GAAyC;AAElD,EADA,KAAK,UAAU;GAAE,GAAG,KAAK;GAAS,GAAG;GAAM,EAC3C,KAAK,eAAe;;CAGtB,UAAgB;AAEd,EADA,KAAK,WAAW,SAAS,EACzB,MAAM,SAAS;;GCjCN,IAAb,cAAkC,EAAiB;CACjD;CACA,YAA6C;CAC7C,cAAoC,EAAE;CACtC,cAAqC,EAAE;CACvC,kBAA0B;CAC1B,mBAA2B;CAC3B,cAAwD;CAExD,YAAY,GAAwB,GAAyB;AAoB3D,EAnBA,MAAM,GAAW,EAAQ,MAAM,EAC/B,KAAK,UAAU,GACf,KAAK,cAAc,EAAQ,QAAQ,EAAE,EAEjC,EAAQ,cAAc,OACxB,KAAK,YAAY,IAAI,EAAiB,KAAK,cAAc,KAAK,eAAe,CAAC,GAG5E,EAAQ,gBACV,KAAK,eAAe,MAAkB;GACpC,IAAM,IAAO,KAAK,OAAO,uBAAuB,EAC1C,IAAI,EAAE,UAAU,EAAK,MACrB,IAAI,EAAE,UAAU,EAAK;AAC3B,QAAK,cAAc,GAAG,EAAE;KAE1B,KAAK,OAAO,iBAAiB,SAAS,KAAK,YAAY,GAGzD,KAAK,iBAAiB,EACtB,KAAK,eAAe;;CAGtB,kBAAgC;EAC9B,IAAM,IAAS;GAAE,GAAG;GAAG,GAAG;GAAG,OAAO,KAAK;GAAO,QAAQ,KAAK;GAAQ,EAC/D,IAAU,KAAK,QAAQ,eAAe;AAI5C,MAHA,KAAK,kBAAkB,KAAK,OAC5B,KAAK,mBAAmB,KAAK,QAEzB,KAAK,QAAQ,UAAU;GACzB,IAAM,IAAW,KAAK,YAAY,KAAI,OAAM;IAC1C,IAAI,EAAE;IACN,QAAQ,EAAE,WAAW,KAAK,IAAI,EAAE,MAAM,IAAI;IAC3C,EAAE;AACH,QAAK,cAAc,GAAwB,GAAU,GAAQ,EAAQ;QAErE,MAAK,cAAc,GACjB,KAAK,YAAY,KAAI,OAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EACzC,GACA,EACD;;CAIL,cAAsB,GAAW,GAAiB;AAC3C,WAAK,QAAQ,YAElB,MAAK,IAAM,KAAM,KAAK,aAAa;GACjC,IAAM,IAAI,EAAG;AACb,OAAI,KAAK,EAAE,KAAK,KAAK,EAAE,IAAI,EAAE,SAAS,KAAK,EAAE,KAAK,KAAK,EAAE,IAAI,EAAE,QAAQ;IACrE,IAAM,IAAO,KAAK,YAAY,MAAK,MAAK,EAAE,OAAO,EAAG,GAAG;AACvD,IAAI,KAAM,KAAK,QAAQ,YAAY,EAAK;AACxC;;;;CAKN,YACE,GACA,GACA,GACA,GACM;AACN,GAAI,MAAU,KAAK,mBAAmB,MAAW,KAAK,qBACpD,KAAK,iBAAiB;EAGxB,IAAM,IAAM,KAAK,WAAW,aAAa,IAAI;AAC7C,KAAc,GAAK,GAAO,GAAQ,KAAK,aAAa,KAAK,aAAa,KAAK,SAAS,GAAO,EAAI;;CAGjG,OAAO,GAA2B;AAIhC,EAHA,KAAK,cAAc,GACnB,KAAK,UAAU;GAAE,GAAG,KAAK;GAAS;GAAM,EACxC,KAAK,iBAAiB,EACtB,KAAK,eAAe;;CAGtB,WAAW,GAAqC;AAM9C,EALA,KAAK,UAAU;GAAE,GAAG,KAAK;GAAS,GAAG;GAAM,EACvC,EAAK,SACP,KAAK,cAAc,EAAK,OAE1B,KAAK,iBAAiB,EACtB,KAAK,eAAe;;CAGtB,UAAgB;AAKd,EAJA,KAAK,WAAW,SAAS,EACrB,KAAK,eACP,KAAK,OAAO,oBAAoB,SAAS,KAAK,YAAY,EAE5D,MAAM,SAAS;;GC5GN,KAAb,cAAoC,EAAiB;CACnD;CACA,YAA6C;CAE7C,YAAY,GAAwB,GAA2B;AAQ7D,EAPA,MAAM,GAAW,EAAQ,MAAM,EAC/B,KAAK,UAAU,GAEX,EAAQ,cAAc,OACxB,KAAK,YAAY,IAAI,EAAiB,KAAK,cAAc,KAAK,eAAe,CAAC,GAGhF,KAAK,eAAe;;CAGtB,YACE,GACA,GACA,GACA,GACM;EACN,IAAM,IAAM,KAAK,WAAW,aAAa,IAAI;AAC7C,KAAgB,GAAK,GAAO,GAAQ,KAAK,SAAS,GAAO,EAAI;;CAG/D,OAAO,GAA4B;AAEjC,EADA,KAAK,UAAU;GAAE,GAAG,KAAK;GAAS;GAAM,EACxC,KAAK,eAAe;;CAGtB,WAAW,GAAuC;AAEhD,EADA,KAAK,UAAU;GAAE,GAAG,KAAK;GAAS,GAAG;GAAM,EAC3C,KAAK,eAAe;;CAGtB,UAAgB;AAEd,EADA,KAAK,WAAW,SAAS,EACzB,MAAM,SAAS;;GCrCb,KAAuB;AAE7B,SAAS,GAAa,GAAmB;CACvC,IAAM,IAAM,IAAI;AAChB,QAAO,IAAI,IAAM,IAAM;;AAGzB,IAAa,KAAb,cAAgC,EAAiB;CAC/C;CACA;CACA;CACA,iBAAwC;CACxC,gBAAwB;CACxB,mBAA0C;CAE1C,YAAY,GAAwB,GAAuB;AAKzD,EAJA,MAAM,GAAW,EAAQ,MAAM,EAC/B,KAAK,UAAU,GACf,KAAK,eAAe,EAAQ,OAC5B,KAAK,cAAc,EAAQ,OAC3B,KAAK,eAAe;;CAGtB,YACE,GACA,GACA,GACA,GACM;AACN,KAAY,GAAK,GAAO,GAAQ,KAAK,SAAS,GAAO,KAAK,aAAa;;CAGzE,SAAS,GAAqB;AAE5B,MADgB,KAAK,QAAQ,YAAY,IAC3B;AAKZ,GAJA,KAAK,iBAAiB,EACtB,KAAK,eAAe,GACpB,KAAK,cAAc,GACnB,KAAK,UAAU;IAAE,GAAG,KAAK;IAAS;IAAO,EACzC,KAAK,eAAe;AACpB;;AAOF,EAJA,KAAK,cAAc,GACnB,KAAK,gBAAgB,KAAK,cAC1B,KAAK,iBAAiB,YAAY,KAAK,EACvC,KAAK,UAAU;GAAE,GAAG,KAAK;GAAS;GAAO,EACzC,KAAK,oBAAoB;;CAG3B,WAAW,GAAmC;EAC5C,IAAM,IAAO;GAAE,GAAG,KAAK;GAAS,GAAG;GAAM;AAEzC,MAAI,EAAK,UAAU,KAAA,KAAa,EAAK,UAAU,KAAK,aAAa;AAE/D,GADA,KAAK,UAAU,GACf,KAAK,SAAS,EAAK,MAAM;AACzB;;AAGF,EADA,KAAK,UAAU,GACf,KAAK,eAAe;;CAGtB,qBAAmC;AACjC,MAAI,KAAK,qBAAqB,KAAM;EACpC,IAAM,UAAmB;AAEvB,OADA,KAAK,mBAAmB,MACpB,KAAK,mBAAmB,KAAM;GAElC,IAAM,IAAW,KAAK,QAAQ,qBAAqB,IAC7C,IAAU,YAAY,KAAK,GAAG,KAAK,gBACnC,IAAI,KAAK,IAAI,GAAG,IAAU,KAAK,IAAI,GAAG,EAAS,CAAC,EAChD,IAAQ,GAAa,EAAE;AAK7B,GAJA,KAAK,eAAe,KAAK,iBAAiB,KAAK,cAAc,KAAK,iBAAiB,GAEnF,KAAK,eAAe,EAEhB,IAAI,IACN,KAAK,mBAAmB,sBAAsB,EAAK,IAEnD,KAAK,eAAe,KAAK,aACzB,KAAK,iBAAiB;;AAG1B,OAAK,mBAAmB,sBAAsB,EAAK;;CAGrD,kBAAgC;AAK9B,EAJI,KAAK,qBAAqB,SAC5B,qBAAqB,KAAK,iBAAiB,EAC3C,KAAK,mBAAmB,OAE1B,KAAK,iBAAiB;;CAGxB,UAAgB;AAEd,EADA,KAAK,iBAAiB,EACtB,MAAM,SAAS;;GCxEb,KAAe;CAAC;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAM;AAGzG,SAAgB,EAAe,GAAmD;AAChF,QAAO,EAAM,KAAK,OAAO;EAAE,MAAM,EAAE;EAAM,OAAO,EAAE;EAAQ,EAAE;;AAO9D,SAAgB,EAAqB,GAAmD;CACtF,IAAI,IAAO;AACX,QAAO,EAAM,KAAK,MAAM;AACtB,EAAI,EAAE,SAAS,MAAM,IAAO,EAAE;EAC9B,IAAM,IAAK,IAAO,KAAK,EAAE,SAAS,IAAO,KAAK,MAAM;AACpD,SAAO;GAAE,MAAM,EAAE;GAAM,OAAO;GAAI;GAClC;;AASJ,SAAgB,EAAsB,GAAmD;AACvF,KAAI,EAAM,WAAW,EAAG,QAAO,EAAE;CAGjC,IAAM,IAA2C,EAAE;AACnD,MAAK,IAAM,KAAK,GAAO;EACrB,IAAM,IAAM,GAAqB,EAAE,MAAM,KAAK,EACxC,IAAO,EAAO,EAAO,SAAS;AACpC,EAAI,KAAQ,EAAK,QAAQ,IACvB,EAAK,QAAQ,EAAE,SAEf,EAAO,KAAK;GAAE;GAAK,OAAO,EAAE;GAAQ,CAAC;;CAIzC,IAAI,IAAY,EAAM,GAAG,QACnB,IAAuB,EAAE;AAC/B,MAAK,IAAM,KAAK,GAAQ;EACtB,IAAM,IAAO,MAAc,IAAI,IAAI,GAC7B,KAAa,EAAE,QAAQ,IAAO,KAAK;AACzC,MAAY,EAAE;EACd,IAAM,IAAI,IAAI,KAAK,EAAE,IAAI,EACnB,IAAO,EAAE,gBAAgB,EACzB,IAAQ,EAAE,aAAa;AAC7B,IAAM,KAAK;GACT,IAAI,GAAG,EAAK,GAAG,OAAO,IAAQ,EAAE,CAAC,SAAS,GAAG,IAAI;GACjD,OAAO,GAAa;GACpB,OAAO,OAAO,EAAK;GACnB,OAAO;GACR,CAAC;;AAEJ,QAAO;;AAGT,SAAS,EAAI,GAAuB;AAElC,QAAO,GADM,IAAQ,IAAI,MAAM,KACd,EAAM,QAAQ,EAAE,CAAC;;AAGpC,SAAS,EAAK,GAAsC;AAGlD,QAFI,IAAQ,IAAU,aAClB,IAAQ,IAAU,aACf;;AAIT,SAAgB,EAAe,GAA2C;AACxE,QAAO;EACL;GAAE,OAAO;GAAgB,OAAO,EAAI,EAAQ,eAAe;GAAE,MAAM,EAAK,EAAQ,eAAe;GAAE;EACjG;GAAE,OAAO;GAAQ,OAAO,EAAI,EAAQ,OAAO,IAAI;GAAE,MAAM,EAAK,EAAQ,KAAK;GAAE;EAC3E;GAAE,OAAO;GAAU,OAAO,EAAQ,OAAO,QAAQ,EAAE;GAAE,MAAM,EAAK,EAAQ,OAAO;GAAE;EACjF;GAAE,OAAO;GAAW,OAAO,EAAQ,QAAQ,QAAQ,EAAE;GAAE,MAAM,EAAK,EAAQ,QAAQ;GAAE;EACpF;GAAE,OAAO;GAAgB,OAAO,EAAI,EAAQ,eAAe;GAAE,MAAM;GAAY;EAC/E;GAAE,OAAO;GAAY,OAAO,IAAI,EAAQ,UAAU,KAAK,QAAQ,EAAE,CAAC;GAAI,MAAM;GAAW;EACvF;GAAE,OAAO;GAAiB,OAAO,OAAO,SAAS,EAAQ,aAAa,GAAG,EAAQ,aAAa,QAAQ,EAAE,GAAG;GAAK,MAAM,EAAK,EAAQ,eAAe,EAAE;GAAE;EACtJ;GAAE,OAAO;GAAU,OAAO,OAAO,EAAQ,OAAO;GAAE,MAAM;GAAW;EACpE;;;;AClFH,SAAS,EAAa,GAAkC;AAGtD,QAFI,CAAC,KAAS,MAAU,SAAe,IACnC,MAAU,UAAgB,IACvB;;AAaT,IAAa,KAAb,MAAkC;CAChC;CACA;CACA;CACA,cAA+C;CAC/C,gBAAiD;CACjD,UAAuC;CAEvC,YAAY,GAAwB,GAAsC;AAKxE,EAJA,KAAK,UAAU,GACf,KAAK,QAAQ,EAAa,EAAQ,MAAM,EACxC,KAAK,OAAO,SAAS,cAAc,MAAM,EACzC,KAAK,OAAO,EACZ,EAAU,YAAY,KAAK,KAAK;;CAGlC,QAAsB;EACpB,IAAM,IAAI,KAAK,OACT,EAAE,WAAQ,UAAO,gBAAa,KAAK,SACnC,IAAU,KAAK,iBAAiB,EAChC,IAAS,EAAE;AAcjB,MAZA,KAAK,KAAK,MAAM,UAAU;GACxB;GACA;GACA;GACA;GACA;GACA;GACA,cAAc,EAAE;GAChB,SAAS,EAAE;GACX,eAAe,EAAE,KAAK;GACvB,CAAC,KAAK,IAAI,EAEP,KAAS,GAAU;GACrB,IAAM,IAAS,SAAS,cAAc,MAAM;AAC5C,OAAI,GAAO;IACT,IAAM,IAAI,SAAS,cAAc,MAAM;AAGvC,IAFA,EAAE,cAAc,GAChB,EAAE,MAAM,UAAU,aAAa,EAAE,KAAK,UAAU,6CAChD,EAAO,YAAY,EAAE;;AAEvB,OAAI,GAAU;IACZ,IAAM,IAAI,SAAS,cAAc,MAAM;AAGvC,IAFA,EAAE,cAAc,GAChB,EAAE,MAAM,UAAU,aAAa,EAAE,KAAK,UAAU,WAAW,EAAE,cAAc,mBAC3E,EAAO,YAAY,EAAE;;AAEvB,QAAK,KAAK,YAAY,EAAO;;AAI/B,OAAK,KAAK,YAAY,KAAK,gBAAgB,EAAe,EAAO,QAAQ,EAAE,GAAS,EAAO,CAAC;EAG5F,IAAM,IAAO,SAAS,cAAc,MAAM;AAO1C,EANA,EAAK,MAAM,UAAU;GACnB;GACA;GACA;GACA;GACD,CAAC,KAAK,IAAI,EACX,KAAK,KAAK,YAAY,EAAK;EAE3B,IAAM,IAAc,KAAK,WAAW,gBAAgB,GAAS,EAAO;AAGpE,EAFA,EAAY,KAAK,MAAM,aAAa,UACpC,EAAK,YAAY,EAAY,KAAK,EAClC,KAAK,cAAc,IAAI,EAAiB,EAAY,MAAM;GACxD,MAAM,EAAe,EAAO,YAAY;GACxC,OAAO;GACP,WAAW,EAAE;GACb,UAAU;GACV,WAAW;GACZ,CAAC;EAEF,IAAM,IAAU,KAAK,WAAW,YAAY,GAAS,EAAO;AAE5D,EADA,EAAK,YAAY,EAAQ,KAAK,EAC9B,KAAK,gBAAgB,IAAI,EAAiB,EAAQ,MAAM;GACtD,MAAM,EAAqB,EAAO,YAAY;GAC9C,OAAO;GACP,WAAW,EAAE;GACb,UAAU;GACV,WAAW;GACX,cAAc,MAAM,GAAG,EAAE,QAAQ,EAAE,CAAC;GACrC,CAAC;EAEF,IAAM,IAAe,EAAsB,EAAO,YAAY,EACxD,IAAY,KAAK,WAAW,mBAAmB,GAAS,EAAO;AAErE,EADA,EAAK,YAAY,EAAU,KAAK,EAChC,KAAK,UAAU,IAAI,EAAa,EAAU,MAAM;GAC9C,MAAM;GACN,OAAO;GACP,YAAY;GACZ,cAAc,MAAM,GAAG,KAAK,IAAI,MAAM,KAAK,EAAE,QAAQ,EAAE;GACvD,YAAY;IAAE,UAAU,EAAE;IAAY,MAAM;IAAS,UAAU,EAAE;IAAU;GAC5E,CAAC;;CAGJ,gBAAwB,GAAwB,GAAiB,GAAgC;EAC/F,IAAM,IAAQ,SAAS,cAAc,MAAM;AAC3C,IAAM,MAAM,UAAU;GACpB;GACA;GACA;GACD,CAAC,KAAK,IAAI;EAEX,IAAM,IAAI,KAAK;AACf,OAAK,IAAM,KAAQ,GAAO;GACxB,IAAM,IAAO,SAAS,cAAc,MAAM;AAC1C,KAAK,MAAM,UAAU;IACnB,cAAc;IACd,oBAAoB;IACpB;IACA;IACA;IACA;IACA;IACD,CAAC,KAAK,IAAI;GAEX,IAAM,IAAQ,SAAS,cAAc,MAAM;AAE3C,GADA,EAAM,cAAc,EAAK,OACzB,EAAM,MAAM,UAAU,aAAa,EAAE,KAAK,UAAU,WAAW,EAAE,cAAc;GAE/E,IAAM,IAAQ,SAAS,cAAc,MAAM;AAC3C,KAAM,cAAc,EAAK;GACzB,IAAM,IAAQ,EAAK,SAAS,aAAa,EAAE,WAAW,EAAK,SAAS,aAAa,EAAE,aAAa,EAAE;AAKlG,GAJA,EAAM,MAAM,UAAU,aAAa,EAAE,KAAK,UAAU,2BAA2B,EAAM,sCAErF,EAAK,YAAY,EAAM,EACvB,EAAK,YAAY,EAAM,EACvB,EAAM,YAAY,EAAK;;AAEzB,SAAO;;CAGT,WAAmB,GAAe,GAAiB,GAAgE;EACjH,IAAM,IAAI,KAAK,OACT,IAAO,SAAS,cAAc,MAAM;AAC1C,IAAK,MAAM,UAAU;GACnB,cAAc;GACd,oBAAoB;GACpB;GACA;GACA;GACA;GACD,CAAC,KAAK,IAAI;EAEX,IAAM,IAAO,SAAS,cAAc,MAAM;AAE1C,EADA,EAAK,cAAc,GACnB,EAAK,MAAM,UAAU;GACnB,aAAa,EAAE,KAAK,UAAU;GAC9B;GACA,SAAS,EAAE;GACX;GACA,2BAA2B;GAC3B;GACA;GACD,CAAC,KAAK,IAAI;EAEX,IAAM,IAAO,SAAS,cAAc,MAAM;AAK1C,SAJA,EAAK,MAAM,UAAU,0CAErB,EAAK,YAAY,EAAK,EACtB,EAAK,YAAY,EAAK,EACf;GAAE;GAAM;GAAM;;CAIvB,kBAAkC;AAChC,SAAO,KAAK,MAAM,SAAS,UAAU,qBAAqB;;CAI5D,OAAO,GAAiC;AAItC,EAHA,KAAK,UAAU;GAAE,GAAG,KAAK;GAAS;GAAQ,EAC1C,KAAK,eAAe,EACpB,KAAK,KAAK,iBAAiB,EAC3B,KAAK,OAAO;;CAGd,SAAS,GAAgC;AAKvC,EAJA,KAAK,QAAQ,EAAa,EAAM,EAChC,KAAK,UAAU;GAAE,GAAG,KAAK;GAAS;GAAO,EACzC,KAAK,eAAe,EACpB,KAAK,KAAK,iBAAiB,EAC3B,KAAK,OAAO;;CAGd,gBAA8B;AAM5B,EALA,KAAK,aAAa,SAAS,EAC3B,KAAK,eAAe,SAAS,EAC7B,KAAK,SAAS,SAAS,EACvB,KAAK,cAAc,MACnB,KAAK,gBAAgB,MACrB,KAAK,UAAU;;CAGjB,UAAgB;AAEd,EADA,KAAK,eAAe,EACpB,KAAK,KAAK,QAAQ"}

package/dist/style/styleOptions.d.ts

@@ -0,0 +1,8 @@
+import { ChartOptions, ChartStyleOverridesPatch } from '@tradecanvas/commons';
+/**
+ * The overrides a chart starts with: the grid's and crosshair's line options
+ * read as their keys (they are shorthand for them), then `overrides`, which
+ * win where both set a key.
+ */
+export declare function startOverrides(options: Pick<ChartOptions, 'grid' | 'crosshair' | 'overrides'>): ChartStyleOverridesPatch;
+//# sourceMappingURL=styleOptions.d.ts.map

package/dist/style/styleOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleOptions.d.ts","sourceRoot":"","sources":["../../src/style/styleOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,wBAAwB,EAAwB,MAAM,sBAAsB,CAAC;AAazG;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,WAAW,GAAG,WAAW,CAAC,GAAG,wBAAwB,CAaxH"}

package/dist/widget/ChartWidget.d.ts

@@ -7,9 +7,12 @@ import { indicatorChipLabel } from '../indicatorLabel.js';
 import { ResolvedWidgetUI, WidgetUIPreset, WidgetUITheme } from './widgetUI.js';
 import { WidgetLayoutContent } from './widgetLayout.js';
 import { LayoutSession } from '../state/LayoutSession.js';
+import { WidgetFeature, WidgetFeatures } from './widgetFeatures.js';
 export declare class ChartWidget {
     private chart;
     private state;
+    /** The theme for each mode: the host's own where it gave one, so the toggle brings it back. */
+    private themeOf;
     private toolbar;
     private sidebar;
     private settings;
@@ -133,6 +136,14 @@ export declare class ChartWidget {
     private baseSeries;
     private baseTimeframeMs;
     private compares;
+    /** Every switch, on or off (see `setFeatures`). */
+    private featureState;
+    /** The menus of the host's toolbar dropdowns. */
+    private readonly hostMenus;
+    /** The host's layer over the chart (`getSlot('chart')`), made when first asked for. */
+    private hostLayer;
+    /** Whether the chart shows the "+" by the price axis while its switch is on. */
+    private priceAxisAddDefault;
     constructor(container: HTMLElement, options?: ChartWidgetOptions);
     /** Replace the searchable symbol catalog. Does not change the active symbol. */
     setSymbols(symbols: string[]): void;
@@ -217,11 +228,43 @@ export declare class ChartWidget {
      * last; nothing when it has no entries.
      */
     private openChartMenu;
+    /**
+     * Turn switches on or off while running, by name (`WIDGET_FEATURES`): a
+     * name without a dot is a whole capability (`alerts`, `settings`), a dotted
+     * one a single place (`toolbar.screenshot`, `menu.chart.order`). Names not
+     * given stay as they are.
+     */
+    setFeatures(patch: WidgetFeatures): void;
+    /** Every switch, on (`true`) or off. */
+    getFeatures(): Record<WidgetFeature, boolean>;
+    /** Whether a switch is on. */
+    isFeatureOn(name: WidgetFeature): boolean;
+    /** What a switch just turned off was showing goes with it: a replay ends, its panel, dialog or menu closes. */
+    private closeSwitchedOff;
+    /** Puts the switches that are off on the widget and its dialogs (their parts hide), and tidies the bars' dividers. */
+    private markSwitchedOff;
     /**
      * A button of your own on the toolbar: an icon (built-in or yours), text,
-     * a switch. `null` without a toolbar.
+     * a switch. Shown while the toolbar is.
      */
     addToolbarButton(spec: import('./types.js').ToolbarButtonSpec): import('./types.js').ToolbarButtonHandle | null;
+    /**
+     * A menu button of your own on the toolbar: its entries come from `items`,
+     * asked for each time it opens. Shown while the toolbar is.
+     */
+    addToolbarDropdown(spec: import('./types.js').ToolbarDropdownSpec): import('./types.js').ToolbarDropdownHandle | null;
+    /** A button of your own on the drawing sidebar, under its switches. Shown while the sidebar is. */
+    addSidebarButton(spec: import('./types.js').SidebarButtonSpec): import('./types.js').SidebarButtonHandle | null;
+    /** An item of your own on the status bar: text, or a button with `onClick`. Shown while the status bar is. */
+    addStatusBarItem(spec: import('./types.js').StatusBarItemSpec): import('./types.js').StatusBarItemHandle | null;
+    /**
+     * A place for anything of yours: beside the toolbar's chart controls
+     * (`'toolbar.left'`) or its panel buttons (`'toolbar.right'`), under the
+     * drawing sidebar's switches, on the status bar's left or right, or over
+     * the chart (`'chart'`, a layer the pointer passes through). `null` for a
+     * name it doesn't know.
+     */
+    getSlot(name: import('./types.js').WidgetSlot): HTMLElement | null;
     private runChartMenuAction;
     /** Open or close the account panel (no argument: the other way from now). */
     toggleAccountPanel(open?: boolean): void;
@@ -328,6 +371,8 @@ export declare class ChartWidget {
     private handleRemoveIndicator;
     private toggleCommandPalette;
     private buildCommandItems;
+    /** Whether a command's switch (when it has one) is on. */
+    private commandOn;
     private handleAction;
     private handleDrawingTool;
     /** The cursor button: no tool, no eraser, no zoom box. */
@@ -343,6 +388,11 @@ export declare class ChartWidget {
      * exposed so apps can post their own (e.g. "alert triggered at 64,200").
      */
     toast(message: string, kind?: 'info' | 'error'): void;
+    /**
+     * The widget's own notices, unless the `toasts` switch is off; its errors
+     * show either way (yours, through `toast`, always show).
+     */
+    private say;
     /** Named layouts: save, open, rename, delete, auto-save. `null` with `layouts: false`. */
     getLayoutSession(): LayoutSession | null;
     /** The symbol showing. */
@@ -403,6 +453,8 @@ export declare class ChartWidget {
     private exitReplay;
     private teardownReplayUi;
     private applySettings;
+    /** The settings' colours as the chart draws them now (they show in the settings panel). */
+    private syncSettingsColours;
     private resetSettings;
     /**
      * A settings change the user made: applied, and put in the chart's undo
@@ -410,6 +462,11 @@ export declare class ChartWidget {
      * (a colour dragged across the picker) is one step.
      */
     private changeSettings;
+    /**
+     * The user's overrides on the settings' colours (null: none set), with the
+     * theme they go with: what an undo of a colour puts back.
+     */
+    private settingsStyle;
     /** Settings back as they were (an undo or redo), shown in the settings if they're open. */
     private restoreSettings;
     private connectStream;