@tradecanvas/chart 1.20.0 → 1.21.0

package/dist/index.js

@@ -1,8 +1,8 @@
-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-DepARyHT.js";
-import { CHART_STYLE_KEYS as de, DARK_TERMINAL as fe, DARK_THEME as pe, DARK_THEME as me, DEFAULT_DRAWING_STYLE as he, DEFAULT_RECONNECT as d, DEFAULT_SIGNAL_STYLE as f, DEFAULT_STREAM_CONFIG as p, DEFAULT_TIMEFRAME_FAVORITES as m, DEFAULT_TRADE_ZONE_STYLE as h, DEFAULT_TRADING_CONFIG as g, HNX_SESSIONS as _, HOSE_SESSIONS as v, LIGHT_THEME as y, LIGHT_THEME as b, MARKET_CRYPTO as x, MARKET_HNX as S, MARKET_HOSE as C, MARKET_HOSE_ETF as w, MARKET_NYSE as T, MARKET_UPCOM as E, MARKET_VN30F as D, PRICE_SOURCES as O, TC_PALETTE as k, TC_SERIES_COLORS as A, TIMEFRAMES_CRYPTO as j, TIMEFRAMES_FOREX as M, TIMEFRAMES_STOCK as N, UPCOM_SESSIONS as P, VN30F_SESSIONS as F, VN_COLORS as I, VOLUME_ALPHA as L, barsAreDaily as R, computePriceLimits as ge, createVNTheme as _e, formatFraction as ve, formatNumber as ye, formatVND as be, formatVolumeLoc as xe, fractionTick as Se, getCurrentSession as Ce, getLocale as we, indicatorSource as Te, isPriceSource as Ee, isTimeFrame as De, isValidTimeZone as Oe, marketStatus as ke, normalizeBar as Ae, normalizeBarTime as je, offsetAt as Me, parseIndicatorSource as Ne, parseTimeframe as Pe, pickBaseTimeframe as Fe, priceFormatterFor as Ie, priceStepAt as Le, rankSymbols as Re, readNews as ze, readQuote as Be, registerLocale as Ve, resampleBars as He, roundToPriceStep as Ue, scaleMarketPrices as We, setLocale as Ge, sourcePrice as Ke, stepDecimals as qe, t as Je, tickBarCount as Ye, timeframeBucketStart as Xe, timeframeToMs as Ze, vn30fContracts as Qe, vn30fLastTradingDay as $e, volumeColor as et, wallToUtc as tt, zoneOffsetMinutes as nt } from "@tradecanvas/commons";
-import { AlertManager as rt, Animator as it, BarCountdown as at, BaseFinanceChart as z, BinanceAdapter as ot, BybitAdapter as st, ChartLegend as ct, ChartStateManager as lt, CoinbaseAdapter as ut, CompareRenderer as dt, CrosshairTooltip as ft, CurrentPriceLine as pt, DEFAULT_LEGEND_CONFIG as B, DEFAULT_MAX_WEBGL_CHARTS as mt, DEFAULT_SESSION_HOURS as ht, DataExporter as gt, DrawingBase as _t, Easing as vt, FinanceCrosshair as V, IndicatorBase as yt, IndicatorValueMap as bt, KeyboardHandler as xt, KrakenAdapter as St, MAX_ALERT_BARS as Ct, MIN_ALERT_BARS as wt, MockAdapter as Tt, PaperExecutionAdapter as Et, PollingAdapter as Dt, RANGE_PRESETS as Ot, ReplayManager as kt, ResamplingAdapter as At, Screenshot as jt, SessionBreaks as Mt, SessionShading as Nt, SignalMarkerManager as Pt, StreamManager as Ft, TickAggregator as It, TickBarAdapter as Lt, TickBarBuilder as Rt, TradeZoneManager as zt, UndoRedoManager as Bt, VolumeRenderer as Vt, Watermark as Ht, WebSocketAdapter as Ut, barIndexToTime as Wt, barIndexToX as Gt, barIndexToX as H, formatTooltipTime as Kt, isPriceLevelAlert as qt, layoutSquarifiedTreemap as Jt, layoutUniformGrid as Yt, lttbDownsample as Xt, lttbVisibleIndices as Zt, priceToY as Qt, priceToYMapper as $t, priceToYMapper as en, rangePresetStart as tn, renderDepthChart as nn, renderEquityCurve as rn, renderGauge as an, renderHeatmap as on, renderSparkline as sn, renderWaterfall as cn, servesTimeframe as ln, setMaxWebGLCharts as un, timeToX as dn, timestampToBarIndex as fn, timestampToBarIndex as pn, toHeikinAshi as mn, toKagi as hn, toLineBreak as gn, toPointAndFigure as _n, toRangeBars as vn, toRenko as yn, withResampling as bn, withTickBars as xn, xToBarIndex as Sn, xToBarIndex as U, xToTime as Cn, yToPrice as wn, yToPrice as Tn } 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-CMgqwsEU.js";
+import { CHART_STYLE_KEYS as de, DARK_TERMINAL as fe, DARK_THEME as pe, DARK_THEME as me, DEFAULT_DRAWING_STYLE as he, DEFAULT_RECONNECT as ge, DEFAULT_SIGNAL_STYLE as _e, DEFAULT_STREAM_CONFIG as ve, DEFAULT_TIMEFRAME_FAVORITES as ye, DEFAULT_TRADE_ZONE_STYLE as be, DEFAULT_TRADING_CONFIG as xe, HNX_SESSIONS as Se, HOSE_SESSIONS as d, LIGHT_THEME as f, LIGHT_THEME as p, MARKET_CRYPTO as m, MARKET_HNX as h, MARKET_HOSE as g, MARKET_HOSE_ETF as _, MARKET_NYSE as v, MARKET_UPCOM as y, MARKET_VN30F as b, PRICE_SOURCES as x, TC_PALETTE as S, TC_SERIES_COLORS as C, TIMEFRAMES_CRYPTO as w, TIMEFRAMES_FOREX as T, TIMEFRAMES_STOCK as E, UPCOM_SESSIONS as D, VN30F_SESSIONS as O, VN_COLORS as k, VOLUME_ALPHA as A, barsAreDaily as j, computePriceLimits as Ce, createVNTheme as we, formatFraction as Te, formatNumber as Ee, formatVND as De, formatVolumeLoc as Oe, fractionTick as ke, getCurrentSession as Ae, getLocale as je, indicatorSource as Me, isPriceSource as Ne, isTimeFrame as Pe, isValidTimeZone as Fe, marketStatus as Ie, normalizeBar as Le, normalizeBarTime as Re, offsetAt as ze, parseIndicatorSource as Be, parseTimeframe as Ve, pickBaseTimeframe as He, priceFormatterFor as Ue, priceStepAt as We, rankSymbols as Ge, readNews as Ke, readQuote as qe, registerLocale as Je, resampleBars as Ye, roundToPriceStep as Xe, scaleMarketPrices as Ze, setLocale as Qe, sourcePrice as $e, stepDecimals as et, t as tt, tickBarCount as nt, timeframeBucketStart as rt, timeframeToMs as it, vn30fContracts as at, vn30fLastTradingDay as ot, volumeColor as st, wallToUtc as ct, zoneOffsetMinutes as lt } from "@tradecanvas/commons";
+import { AlertManager as ut, Animator as dt, BarCountdown as ft, BaseFinanceChart as M, BinanceAdapter as pt, BybitAdapter as mt, ChartLegend as ht, ChartStateManager as gt, CoinbaseAdapter as _t, CompareRenderer as vt, CrosshairTooltip as yt, CurrentPriceLine as bt, DEFAULT_LEGEND_CONFIG as xt, DEFAULT_MAX_WEBGL_CHARTS as St, DEFAULT_SESSION_HOURS as Ct, DataExporter as wt, DrawingBase as Tt, Easing as Et, FinanceCrosshair as N, GROUP_HEADER as Dt, IndicatorBase as Ot, IndicatorValueMap as kt, KeyboardHandler as At, KrakenAdapter as jt, MAX_ALERT_BARS as Mt, MIN_ALERT_BARS as Nt, MockAdapter as Pt, PaperExecutionAdapter as Ft, PollingAdapter as P, RANGE_PRESETS as It, ReplayManager as Lt, ResamplingAdapter as Rt, Screenshot as zt, SessionBreaks as Bt, SessionShading as Vt, SignalMarkerManager as Ht, StreamManager as Ut, TickAggregator as Wt, TickBarAdapter as Gt, TickBarBuilder as Kt, TradeZoneManager as qt, UndoRedoManager as Jt, VolumeRenderer as Yt, Watermark as Xt, WebSocketAdapter as Zt, barIndexToTime as Qt, barIndexToX as $t, barIndexToX as F, canvasMeasure as en, computeBarLayout as tn, computeCalendarLayout as nn, computeDonutLayout as rn, computeHistogramLayout as an, computeMatrixLayout as on, computeScatterLayout as sn, correlationMatrix as cn, formatTooltipTime as ln, histogramBins as un, hitBar as I, hitDay as L, hitMatrixCell as R, hitSlice as z, isPriceLevelAlert as dn, layoutGroupedTreemap as fn, layoutSquarifiedTreemap as pn, layoutUniformGrid as mn, lttbDownsample as hn, lttbVisibleIndices as gn, nearestPoint as B, niceScale as _n, priceToY as vn, priceToYMapper as yn, priceToYMapper as bn, rangePresetStart as xn, renderBarChart as Sn, renderCalendar as Cn, renderDepthChart as wn, renderDonut as Tn, renderEquityCurve as En, renderGauge as Dn, renderHeatmap as On, renderHistogram as kn, renderMatrix as An, renderScatter as jn, renderSparkline as Mn, renderWaterfall as Nn, servesTimeframe as Pn, setMaxWebGLCharts as Fn, timeToX as In, timestampToBarIndex as Ln, timestampToBarIndex as Rn, toHeikinAshi as zn, toKagi as Bn, toLineBreak as Vn, toPointAndFigure as Hn, toRangeBars as Un, toRenko as Wn, withResampling as Gn, withTickBars as Kn, xToBarIndex as qn, xToBarIndex as V, xToTime as Jn, yToPrice as Yn, yToPrice as Xn } from "@tradecanvas/core";
 //#region src/frameworks/syncIndicators.ts
-function En(e) {
+function Zn(e) {
 	let { id: t, params: n = {}, position: r = null } = typeof e == "string" ? { id: e } : e;
 	return JSON.stringify([
 		t,
@@ -10,9 +10,9 @@ function En(e) {
 		r
 	]);
 }
-function Dn(e, t, n) {
+function Qn(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = t.map((e) => {
-		let t = En(e), n = r.get(t) ?? 0;
+		let t = Zn(e), n = r.get(t) ?? 0;
 		return r.set(t, n + 1), {
 			spec: e,
 			key: `${t}#${n}`
@@ -27,18 +27,18 @@ function Dn(e, t, n) {
 }
 //#endregion
 //#region src/plugins/overlayScale.ts
-function On(e) {
-	let { viewport: t, data: n } = e, r = en(t), i = n.length - 1, a = Math.max(0, Math.floor(t.visibleRange.from)), o = Math.min(i, Math.ceil(t.visibleRange.to)), s = (e) => n.length > 0 ? pn(e, n) : e;
+function $n(e) {
+	let { viewport: t, data: n } = e, r = bn(t), i = n.length - 1, a = Math.max(0, Math.floor(t.visibleRange.from)), o = Math.min(i, Math.ceil(t.visibleRange.to)), s = (e) => n.length > 0 ? Rn(e, n) : e;
 	return {
-		timeToX: (e) => H(s(e), t),
+		timeToX: (e) => F(s(e), t),
 		xToTime: (e) => {
-			let r = U(e, t);
-			return n.length > 0 ? Wt(r, n) : r;
+			let r = V(e, t);
+			return n.length > 0 ? Qt(r, n) : r;
 		},
-		indexToX: (e) => H(e, t),
-		xToIndex: (e) => U(e, t),
+		indexToX: (e) => F(e, t),
+		xToIndex: (e) => V(e, t),
 		priceToY: r,
-		yToPrice: (e) => Tn(e, t),
+		yToPrice: (e) => Xn(e, t),
 		barWidth: t.barWidth,
 		visible: o < a ? {
 			from: 0,
@@ -51,7 +51,7 @@ function On(e) {
 }
 //#endregion
 //#region src/grid/ChartGrid.ts
-var W = {
+var H = {
 	"1x1": {
 		cols: 1,
 		rows: 1
@@ -84,7 +84,7 @@ var W = {
 		cols: 2,
 		rows: 3
 	}
-}, kn = class {
+}, er = class {
 	root;
 	cells = [];
 	layout;
@@ -95,11 +95,11 @@ var W = {
 		this.options = t, this.layout = t.layout ?? "2x2", this.root = document.createElement("div"), this.root.style.cssText = "display:grid;width:100%;height:100%;overflow:hidden;", e.appendChild(this.root), this.applyLayout(), this.createCells();
 	}
 	applyLayout() {
-		let { cols: e, rows: t } = W[this.layout], n = this.options.gap ?? 1;
+		let { cols: e, rows: t } = H[this.layout], n = this.options.gap ?? 1;
 		this.root.style.gridTemplateColumns = `repeat(${e}, 1fr)`, this.root.style.gridTemplateRows = `repeat(${t}, 1fr)`, this.root.style.gap = `${n}px`;
 	}
 	createCells() {
-		let { cols: e, rows: t } = W[this.layout], n = e * t;
+		let { cols: e, rows: t } = H[this.layout], n = e * t;
 		for (let e = 0; e < n; e++) this.cells.push(this.createCell(e));
 	}
 	createCell(e) {
@@ -144,7 +144,7 @@ var W = {
 	}
 	setLayout(e) {
 		if (e === this.layout) return;
-		let t = this.cells.length, { cols: n, rows: r } = W[e], i = n * r;
+		let t = this.cells.length, { cols: n, rows: r } = H[e], i = n * r;
 		if (i < t) for (let e = t - 1; e >= i; e--) {
 			let t = this.cells[e];
 			t.chart.destroy(), t.container.remove(), this.cells.pop();
@@ -191,13 +191,13 @@ var W = {
 			this.cells = [], this.root.remove();
 		}
 	}
-}, An = class extends z {
+}, tr = class extends M {
 	options;
 	constructor(e, t) {
 		super(e, t.theme), this.options = t, this.requestRender();
 	}
 	renderChart(e, t, n, r) {
-		sn(e, t, n, this.options, r);
+		Mn(e, t, n, this.options, r);
 	}
 	update(e) {
 		this.options = {
@@ -211,15 +211,15 @@ var W = {
 			...e
 		}, this.requestRender();
 	}
-}, jn = class extends z {
+}, nr = class extends M {
 	options;
 	crosshair = null;
 	constructor(e, t) {
-		super(e, t.theme), this.options = t, t.crosshair !== !1 && (this.crosshair = new V(this.canvas, () => this.requestRender())), this.requestRender();
+		super(e, t.theme), this.options = t, t.crosshair !== !1 && (this.crosshair = new N(this.canvas, () => this.requestRender())), this.requestRender();
 	}
 	renderChart(e, t, n, r) {
 		let i = this.crosshair?.getPosition() ?? null;
-		nn(e, t, n, this.options, r, i);
+		wn(e, t, n, this.options, r, i);
 	}
 	update(e) {
 		this.options = {
@@ -236,15 +236,15 @@ var W = {
 	destroy() {
 		this.crosshair?.destroy(), super.destroy();
 	}
-}, G = class extends z {
+}, U = class extends M {
 	options;
 	crosshair = null;
 	constructor(e, t) {
-		super(e, t.theme), this.options = t, t.crosshair !== !1 && (this.crosshair = new V(this.canvas, () => this.requestRender())), this.requestRender();
+		super(e, t.theme), this.options = t, t.crosshair !== !1 && (this.crosshair = new N(this.canvas, () => this.requestRender())), this.requestRender();
 	}
 	renderChart(e, t, n, r) {
 		let i = this.crosshair?.getPosition() ?? null;
-		rn(e, t, n, this.options, r, i);
+		En(e, t, n, this.options, r, i);
 	}
 	update(e, t) {
 		this.options = {
@@ -264,19 +264,24 @@ var W = {
 	destroy() {
 		this.crosshair?.destroy(), super.destroy();
 	}
-}, K = class extends z {
+}, W = class extends M {
 	options;
 	crosshair = null;
 	cachedRects = [];
+	cachedGroups = [];
 	currentData = [];
 	lastLayoutWidth = 0;
 	lastLayoutHeight = 0;
 	handleClick = null;
 	constructor(e, t) {
-		super(e, t.theme), this.options = t, this.currentData = t.data ?? [], t.crosshair !== !1 && (this.crosshair = new V(this.canvas, () => this.requestRender())), t.onCellClick && (this.handleClick = (e) => {
+		super(e, t.theme), this.options = t, this.currentData = t.data ?? [], t.crosshair !== !1 && (this.crosshair = new N(this.canvas, () => this.requestRender())), t.onCellClick && (this.handleClick = (e) => {
 			let t = this.canvas.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top;
 			this.onCanvasClick(n, r);
-		}, this.canvas.addEventListener("click", this.handleClick)), this.recomputeLayout(), this.requestRender();
+		}, this.canvas.addEventListener("click", this.handleClick)), this.applyLabel(), this.recomputeLayout(), this.requestRender();
+	}
+	applyLabel() {
+		let e = new Set(this.currentData.map((e) => e.group).filter(Boolean)).size, t = this.options.grouped && e > 0 ? `Market map of ${this.currentData.length} cells in ${e} groups` : `Heatmap of ${this.currentData.length} cells`;
+		this.setLabel(this.options.ariaLabel ?? t);
 	}
 	recomputeLayout() {
 		let e = {
@@ -285,13 +290,21 @@ var W = {
 			width: this.width,
 			height: this.height
 		}, t = this.options.cellPadding ?? 2;
-		if (this.lastLayoutWidth = this.width, this.lastLayoutHeight = this.height, this.options.weighted) {
+		if (this.lastLayoutWidth = this.width, this.lastLayoutHeight = this.height, this.cachedGroups = [], this.options.grouped) {
+			let { groups: n, cells: r } = fn(this.currentData.map((e) => ({
+				id: e.id,
+				weight: e.weight ?? (Math.abs(e.value) || 1),
+				group: e.group,
+				value: e.value
+			})), e, t, Dt);
+			this.cachedRects = r, this.cachedGroups = n;
+		} else if (this.options.weighted) {
 			let n = this.currentData.map((e) => ({
 				id: e.id,
 				weight: e.weight ?? (Math.abs(e.value) || 1)
 			}));
-			this.cachedRects = Jt(n, e, t);
-		} else this.cachedRects = Yt(this.currentData.map((e) => ({ id: e.id })), e, t);
+			this.cachedRects = pn(n, e, t);
+		} else this.cachedRects = mn(this.currentData.map((e) => ({ id: e.id })), e, t);
 	}
 	onCanvasClick(e, t) {
 		if (this.options.onCellClick) for (let n of this.cachedRects) {
@@ -306,32 +319,32 @@ var W = {
 	renderChart(e, t, n, r) {
 		(t !== this.lastLayoutWidth || n !== this.lastLayoutHeight) && this.recomputeLayout();
 		let i = this.crosshair?.getPosition() ?? null;
-		on(e, t, n, this.currentData, this.cachedRects, this.options, r, i);
+		On(e, t, n, this.currentData, this.cachedRects, this.options, r, i, this.cachedGroups);
 	}
 	update(e) {
 		this.currentData = e, this.options = {
 			...this.options,
 			data: e
-		}, this.recomputeLayout(), this.requestRender();
+		}, this.applyLabel(), this.recomputeLayout(), this.requestRender();
 	}
 	setOptions(e) {
 		this.options = {
 			...this.options,
 			...e
-		}, e.data && (this.currentData = e.data), this.recomputeLayout(), this.requestRender();
+		}, e.data && (this.currentData = e.data), this.applyLabel(), this.recomputeLayout(), this.requestRender();
 	}
 	destroy() {
 		this.crosshair?.destroy(), this.handleClick && this.canvas.removeEventListener("click", this.handleClick), super.destroy();
 	}
-}, Mn = class extends z {
+}, rr = class extends M {
 	options;
 	crosshair = null;
 	constructor(e, t) {
-		super(e, t.theme), this.options = t, t.crosshair !== !1 && (this.crosshair = new V(this.canvas, () => this.requestRender())), this.requestRender();
+		super(e, t.theme), this.options = t, t.crosshair !== !1 && (this.crosshair = new N(this.canvas, () => this.requestRender())), this.requestRender();
 	}
 	renderChart(e, t, n, r) {
 		let i = this.crosshair?.getPosition() ?? null;
-		cn(e, t, n, this.options, r, i);
+		Nn(e, t, n, this.options, r, i);
 	}
 	update(e) {
 		this.options = {
@@ -348,12 +361,12 @@ var W = {
 	destroy() {
 		this.crosshair?.destroy(), super.destroy();
 	}
-}, Nn = 500;
-function Pn(e) {
+}, ir = 500;
+function ar(e) {
 	let t = 1 - e;
 	return 1 - t * t * t;
 }
-var Fn = class extends z {
+var or = class extends M {
 	options;
 	currentValue;
 	targetValue;
@@ -364,7 +377,7 @@ var Fn = class extends z {
 		super(e, t.theme), this.options = t, this.currentValue = t.value, this.targetValue = t.value, this.requestRender();
 	}
 	renderChart(e, t, n, r) {
-		an(e, t, n, this.options, r, this.currentValue);
+		Dn(e, t, n, this.options, r, this.currentValue);
 	}
 	setValue(e) {
 		if (this.options.animate === !1) {
@@ -394,7 +407,7 @@ var Fn = class extends z {
 		if (this.animationFrameId !== null) return;
 		let e = () => {
 			if (this.animationFrameId = null, this.animationStart === null) return;
-			let t = this.options.animationDuration ?? Nn, n = performance.now() - this.animationStart, r = Math.min(1, n / Math.max(1, t)), i = Pn(r);
+			let t = this.options.animationDuration ?? ir, n = performance.now() - this.animationStart, r = Math.min(1, n / Math.max(1, t)), i = ar(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);
@@ -405,7 +418,192 @@ var Fn = class extends z {
 	destroy() {
 		this.cancelAnimation(), super.destroy();
 	}
-}, In = [
+}, G = class extends M {
+	options;
+	layout = null;
+	layoutFor = null;
+	crosshair;
+	onClick = (e) => {
+		let t = this.canvas.getBoundingClientRect();
+		this.layout && this.clickAt(this.layout, e.clientX - t.left, e.clientY - t.top);
+	};
+	onMove = (e) => {
+		if (!this.layout || !this.clickable()) return;
+		let t = this.canvas.getBoundingClientRect();
+		this.canvas.style.cursor = this.hits(this.layout, e.clientX - t.left, e.clientY - t.top) ? "pointer" : "";
+	};
+	constructor(e, t) {
+		super(e, t.theme), this.options = t, this.crosshair = new N(this.canvas, () => this.requestRender()), this.canvas.addEventListener("click", this.onClick), this.canvas.addEventListener("pointermove", this.onMove), this.applyLabel(), this.requestRender();
+	}
+	renderChart(e, t, n, r) {
+		let i = this.options.crosshair === !1 ? null : this.crosshair.getPosition(), a = this.layoutFor;
+		(!this.layout || !a || a.options !== this.options || a.width !== t || a.height !== n || a.theme !== r) && (this.layout = this.compute(t, n, r, en(e, r)), this.layoutFor = {
+			options: this.options,
+			width: t,
+			height: n,
+			theme: r
+		}), this.draw(e, t, n, r, i, this.layout);
+	}
+	setOptions(e) {
+		this.options = {
+			...this.options,
+			...e
+		}, "theme" in e && this.setTheme(e.theme ?? "dark"), this.applyLabel(), this.requestRender();
+	}
+	applyLabel() {
+		this.setLabel(this.options.ariaLabel ?? this.describe());
+	}
+	destroy() {
+		this.crosshair.destroy(), this.canvas.removeEventListener("click", this.onClick), this.canvas.removeEventListener("pointermove", this.onMove), super.destroy();
+	}
+}, sr = class extends G {
+	compute(e, t, n, r) {
+		return tn(this.options, e, t, n, r);
+	}
+	draw(e, t, n, r, i, a) {
+		Sn(e, t, n, this.options, r, i, a);
+	}
+	describe() {
+		return `Bar chart of ${this.options.series.map((e) => e.name).join(", ")}, ${this.options.categories.length} categories`;
+	}
+	clickable() {
+		return this.options.onBarClick !== void 0;
+	}
+	hits(e, t, n) {
+		return I(e, t, n) !== null;
+	}
+	clickAt(e, t, n) {
+		let r = I(e, t, n);
+		r && this.options.onBarClick?.({
+			category: r.category,
+			series: r.series,
+			value: r.value,
+			index: r.index
+		});
+	}
+	update(e, t) {
+		this.setOptions({
+			categories: e,
+			series: t
+		});
+	}
+}, cr = class extends G {
+	compute(e, t, n, r) {
+		return rn(this.options, e, t, n, r);
+	}
+	draw(e, t, n, r, i, a) {
+		Tn(e, t, n, this.options, r, i, a);
+	}
+	describe() {
+		let e = this.options.data.filter((e) => Number.isFinite(e.value) && e.value > 0).map((e) => e.label).join(", ");
+		return `${(this.options.innerRadius ?? .6) > 0 ? "Donut" : "Pie"} chart of ${e}`;
+	}
+	clickable() {
+		return this.options.onSliceClick !== void 0;
+	}
+	hits(e, t, n) {
+		return z(e, t, n) !== null;
+	}
+	clickAt(e, t, n) {
+		let r = z(e, t, n);
+		r && this.options.onSliceClick?.(r.slice);
+	}
+	update(e) {
+		this.setOptions({ data: e });
+	}
+}, lr = class extends G {
+	compute(e, t, n, r) {
+		return sn(this.options, e, t, n, r);
+	}
+	draw(e, t, n, r, i, a) {
+		jn(e, t, n, this.options, r, i, a);
+	}
+	describe() {
+		let e = this.options.series.reduce((e, t) => e + t.points.length, 0);
+		return `Scatter chart${this.options.xLabel && this.options.yLabel ? ` of ${this.options.yLabel} against ${this.options.xLabel}` : ""}, ${e} points`;
+	}
+	clickable() {
+		return this.options.onPointClick !== void 0;
+	}
+	hits(e, t, n) {
+		return B(e, t, n) !== null;
+	}
+	clickAt(e, t, n) {
+		let r = B(e, t, n);
+		r && this.options.onPointClick?.(r.point, r.series);
+	}
+	update(e) {
+		this.setOptions({ series: e });
+	}
+}, ur = class extends G {
+	compute(e, t, n, r) {
+		return an(this.options, e, t, n, r);
+	}
+	draw(e, t, n, r, i, a) {
+		kn(e, t, n, this.options, r, i, a);
+	}
+	describe() {
+		return `Histogram of ${this.options.values.length} values`;
+	}
+	clickable() {
+		return !1;
+	}
+	hits() {
+		return !1;
+	}
+	clickAt() {}
+	update(e) {
+		this.setOptions({ values: e });
+	}
+}, dr = class extends G {
+	compute(e, t, n, r) {
+		return nn(this.options, e, t, n, r);
+	}
+	draw(e, t, n, r, i, a) {
+		Cn(e, t, n, this.options, r, i, a);
+	}
+	describe() {
+		let e = this.options.data.map((e) => e.date).filter((e) => /^\d{4}-\d{2}-\d{2}$/.test(e)).sort(), t = this.options.from ?? e[0], n = this.options.to ?? e[e.length - 1];
+		return t && n ? `Calendar of daily values from ${t} to ${n}` : "Calendar of daily values";
+	}
+	clickable() {
+		return this.options.onDayClick !== void 0;
+	}
+	hits(e, t, n) {
+		return L(e, t, n)?.day !== void 0;
+	}
+	clickAt(e, t, n) {
+		let r = L(e, t, n)?.day;
+		r && this.options.onDayClick?.(r);
+	}
+	update(e) {
+		this.setOptions({ data: e });
+	}
+}, K = 12, fr = class extends G {
+	compute(e, t, n, r) {
+		return on(this.options, e, t, n, r);
+	}
+	draw(e, t, n, r, i, a) {
+		An(e, t, n, this.options, r, i, a);
+	}
+	describe() {
+		let { rows: e, columns: t } = this.options;
+		return t ? e.length + t.length <= K ? `Matrix of ${e.join(", ")} by ${t.join(", ")}` : `Matrix of ${e.length} rows by ${t.length} columns` : e.length <= K ? `Matrix of ${e.join(", ")}` : `Matrix of ${e.length} rows`;
+	}
+	clickable() {
+		return this.options.onCellClick !== void 0;
+	}
+	hits(e, t, n) {
+		return R(e, t, n) !== null;
+	}
+	clickAt(e, t, n) {
+		let r = R(e, t, n);
+		r && this.options.onCellClick?.(r.cell);
+	}
+	update(e) {
+		this.setOptions({ values: e });
+	}
+}, pr = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -440,7 +638,7 @@ function Y(e) {
 	if (e.length === 0) return [];
 	let t = [];
 	for (let n of e) {
-		let e = Xe(n.time, "1M"), r = t[t.length - 1];
+		let e = rt(n.time, "1M"), r = t[t.length - 1];
 		r && r.key === e ? r.close = n.equity : t.push({
 			key: e,
 			close: n.equity
@@ -453,7 +651,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: In[s],
+			label: pr[s],
 			group: String(o),
 			value: i
 		});
@@ -513,9 +711,9 @@ function Q(e) {
 //#endregion
 //#region src/finance/PerformanceDashboard.ts
 function $(e) {
-	return !e || e === "dark" ? me : e === "light" ? b : e;
+	return !e || e === "dark" ? me : e === "light" ? p : e;
 }
-var Ln = class {
+var mr = class {
 	options;
 	theme;
 	root;
@@ -558,7 +756,7 @@ var Ln = class {
 			"gap:14px"
 		].join(";"), this.root.appendChild(o);
 		let s = this.buildPanel("Equity Curve", i, a);
-		s.wrap.style.gridColumn = "1 / -1", o.appendChild(s.wrap), this.equityChart = new G(s.body, {
+		s.wrap.style.gridColumn = "1 / -1", o.appendChild(s.wrap), this.equityChart = new U(s.body, {
 			data: q(t.equityCurve),
 			theme: e,
 			lineColor: e.candleUp,
@@ -566,7 +764,7 @@ var Ln = class {
 			crosshair: !0
 		});
 		let c = this.buildPanel("Drawdown", i, a);
-		o.appendChild(c.wrap), this.drawdownChart = new G(c.body, {
+		o.appendChild(c.wrap), this.drawdownChart = new U(c.body, {
 			data: J(t.equityCurve),
 			theme: e,
 			lineColor: e.candleDown,
@@ -575,7 +773,7 @@ var Ln = class {
 			valueFormat: (e) => `${e.toFixed(1)}%`
 		});
 		let l = Y(t.equityCurve), u = this.buildPanel("Monthly Returns", i, a);
-		o.appendChild(u.wrap), this.heatmap = new K(u.body, {
+		o.appendChild(u.wrap), this.heatmap = new W(u.body, {
 			data: l,
 			theme: e,
 			showValues: !0,
@@ -664,6 +862,6 @@ var Ln = class {
 	}
 };
 //#endregion
-export { rt as AlertManager, it as Animator, at as BarCountdown, ot as BinanceAdapter, st as BybitAdapter, de as CHART_STYLE_KEYS, i as Chart, kn as ChartGrid, ct as ChartLegend, lt as ChartStateManager, ut as CoinbaseAdapter, dt as CompareRenderer, ft as CrosshairTooltip, pt as CurrentPriceLine, fe as DARK_TERMINAL, pe as DARK_THEME, he as DEFAULT_DRAWING_STYLE, r as DEFAULT_HISTORY_PAGE_SIZE, B as DEFAULT_LEGEND_CONFIG, mt as DEFAULT_MAX_WEBGL_CHARTS, d as DEFAULT_RECONNECT, ht as DEFAULT_SESSION_HOURS, f as DEFAULT_SIGNAL_STYLE, p as DEFAULT_STREAM_CONFIG, m as DEFAULT_TIMEFRAME_FAVORITES, h as DEFAULT_TRADE_ZONE_STYLE, g as DEFAULT_TRADING_CONFIG, gt as DataExporter, e as DataManager, jn as DepthChart, ne as DragDropImporter, _t as DrawingBase, u as EXCHANGE_TIMEZONE, vt as Easing, G as EquityCurveChart, Fn as GaugeChart, le as HISTORY_RETRY_MS, _ as HNX_SESSIONS, v as HOSE_SESSIONS, K as HeatmapChart, yt as IndicatorBase, bt as IndicatorValueMap, xt as KeyboardHandler, St 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_HOSE_ETF, T as MARKET_NYSE, E as MARKET_UPCOM, D as MARKET_VN30F, Ct as MAX_ALERT_BARS, te as MAX_LAYOUT_NAME, wt as MIN_ALERT_BARS, Tt as MockAdapter, c as PLUGIN_API_VERSION, O as PRICE_SOURCES, Et as PaperExecutionAdapter, Ln as PerformanceDashboard, se as PluginManager, Dt as PollingAdapter, Ot as RANGE_PRESETS, kt as ReplayManager, At as ResamplingAdapter, jt as Screenshot, Mt as SessionBreaks, Nt as SessionShading, Pt as SignalMarkerManager, An as SparklineChart, Ft as StreamManager, k as TC_PALETTE, A as TC_SERIES_COLORS, j as TIMEFRAMES_CRYPTO, M as TIMEFRAMES_FOREX, N as TIMEFRAMES_STOCK, ue as ThemeManager, It as TickAggregator, Lt as TickBarAdapter, Rt as TickBarBuilder, zt as TradeZoneManager, P as UPCOM_SESSIONS, Bt as UndoRedoManager, F as VN30F_SESSIONS, I as VN_COLORS, L as VOLUME_ALPHA, Vt as VolumeRenderer, Mn as WaterfallChart, Ht as Watermark, Ut as WebSocketAdapter, Gt as barIndexToX, R as barsAreDaily, ie as cleanLayoutName, a as clearGlobalPlugins, J as computeDrawdownCurve, Y as computeMonthlyReturns, ge as computePriceLimits, _e as createVNTheme, ve as formatFraction, ye as formatNumber, Kt as formatTooltipTime, be as formatVND, xe as formatVolumeLoc, Se as fractionTick, Ce as getCurrentSession, o as getGlobalPlugins, we as getLocale, Te as indicatorSource, qt as isPriceLevelAlert, Ee as isPriceSource, De as isTimeFrame, Oe as isValidTimeZone, l as localStorageLayouts, Xt as lttbDownsample, Zt as lttbVisibleIndices, ke as marketStatus, n as memoryLayouts, Ae as normalizeBar, je as normalizeBarTime, Me as offsetAt, On as overlayScale, s as overlaysForLayer, Ne as parseIndicatorSource, ae as parseOHLCV, Pe as parseTimeframe, Fe as pickBaseTimeframe, t as pluginKey, Ie as priceFormatterFor, Le as priceStepAt, Qt as priceToY, $t as priceToYMapper, tn as rangePresetStart, Re as rankSymbols, ze as readNews, Be as readQuote, Ve as registerLocale, re as registerPlugin, He as resampleBars, Ue as roundToPriceStep, We as scaleMarketPrices, Q as selectKeyStats, ln as servesTimeframe, Ge as setLocale, un as setMaxWebGLCharts, Ke as sourcePrice, qe as stepDecimals, Dn as syncIndicators, Je as t, Ye as tickBarCount, dn as timeToX, Ze as timeframeToMs, fn as timestampToBarIndex, q as toEquityPoints, mn as toHeikinAshi, hn as toKagi, gn as toLineBreak, _n as toPointAndFigure, vn as toRangeBars, yn as toRenko, ee as unregisterPlugin, Qe as vn30fContracts, $e as vn30fLastTradingDay, et as volumeColor, tt as wallToUtc, bn as withResampling, xn as withTickBars, Sn as xToBarIndex, Cn as xToTime, wn as yToPrice, nt as zoneOffsetMinutes };
+export { ut as AlertManager, dt as Animator, sr as BarChart, ft as BarCountdown, pt as BinanceAdapter, mt as BybitAdapter, de as CHART_STYLE_KEYS, dr as CalendarChart, i as Chart, er as ChartGrid, ht as ChartLegend, gt as ChartStateManager, _t as CoinbaseAdapter, vt as CompareRenderer, yt as CrosshairTooltip, bt as CurrentPriceLine, fe as DARK_TERMINAL, pe as DARK_THEME, he as DEFAULT_DRAWING_STYLE, r as DEFAULT_HISTORY_PAGE_SIZE, xt as DEFAULT_LEGEND_CONFIG, St as DEFAULT_MAX_WEBGL_CHARTS, ge as DEFAULT_RECONNECT, Ct as DEFAULT_SESSION_HOURS, _e as DEFAULT_SIGNAL_STYLE, ve as DEFAULT_STREAM_CONFIG, ye as DEFAULT_TIMEFRAME_FAVORITES, be as DEFAULT_TRADE_ZONE_STYLE, xe as DEFAULT_TRADING_CONFIG, wt as DataExporter, e as DataManager, nr as DepthChart, cr as DonutChart, ne as DragDropImporter, Tt as DrawingBase, u as EXCHANGE_TIMEZONE, Et as Easing, U as EquityCurveChart, or as GaugeChart, le as HISTORY_RETRY_MS, Se as HNX_SESSIONS, d as HOSE_SESSIONS, W as HeatmapChart, ur as HistogramChart, Ot as IndicatorBase, kt as IndicatorValueMap, At as KeyboardHandler, jt as KrakenAdapter, f as LIGHT_THEME, ce as LayoutManager, oe as LayoutSession, m as MARKET_CRYPTO, h as MARKET_HNX, g as MARKET_HOSE, _ as MARKET_HOSE_ETF, v as MARKET_NYSE, y as MARKET_UPCOM, b as MARKET_VN30F, Mt as MAX_ALERT_BARS, te as MAX_LAYOUT_NAME, Nt as MIN_ALERT_BARS, fr as MatrixChart, Pt as MockAdapter, c as PLUGIN_API_VERSION, x as PRICE_SOURCES, Ft as PaperExecutionAdapter, mr as PerformanceDashboard, se as PluginManager, P as PollingAdapter, It as RANGE_PRESETS, Lt as ReplayManager, Rt as ResamplingAdapter, lr as ScatterChart, zt as Screenshot, Bt as SessionBreaks, Vt as SessionShading, Ht as SignalMarkerManager, tr as SparklineChart, Ut as StreamManager, S as TC_PALETTE, C as TC_SERIES_COLORS, w as TIMEFRAMES_CRYPTO, T as TIMEFRAMES_FOREX, E as TIMEFRAMES_STOCK, ue as ThemeManager, Wt as TickAggregator, Gt as TickBarAdapter, Kt as TickBarBuilder, qt as TradeZoneManager, D as UPCOM_SESSIONS, Jt as UndoRedoManager, O as VN30F_SESSIONS, k as VN_COLORS, A as VOLUME_ALPHA, Yt as VolumeRenderer, rr as WaterfallChart, Xt as Watermark, Zt as WebSocketAdapter, $t as barIndexToX, j as barsAreDaily, ie as cleanLayoutName, a as clearGlobalPlugins, J as computeDrawdownCurve, Y as computeMonthlyReturns, Ce as computePriceLimits, cn as correlationMatrix, we as createVNTheme, Te as formatFraction, Ee as formatNumber, ln as formatTooltipTime, De as formatVND, Oe as formatVolumeLoc, ke as fractionTick, Ae as getCurrentSession, o as getGlobalPlugins, je as getLocale, un as histogramBins, Me as indicatorSource, dn as isPriceLevelAlert, Ne as isPriceSource, Pe as isTimeFrame, Fe as isValidTimeZone, l as localStorageLayouts, hn as lttbDownsample, gn as lttbVisibleIndices, Ie as marketStatus, n as memoryLayouts, _n as niceScale, Le as normalizeBar, Re as normalizeBarTime, ze as offsetAt, $n as overlayScale, s as overlaysForLayer, Be as parseIndicatorSource, ae as parseOHLCV, Ve as parseTimeframe, He as pickBaseTimeframe, t as pluginKey, Ue as priceFormatterFor, We as priceStepAt, vn as priceToY, yn as priceToYMapper, xn as rangePresetStart, Ge as rankSymbols, Ke as readNews, qe as readQuote, Je as registerLocale, re as registerPlugin, Ye as resampleBars, Xe as roundToPriceStep, Ze as scaleMarketPrices, Q as selectKeyStats, Pn as servesTimeframe, Qe as setLocale, Fn as setMaxWebGLCharts, $e as sourcePrice, et as stepDecimals, Qn as syncIndicators, tt as t, nt as tickBarCount, In as timeToX, it as timeframeToMs, Ln as timestampToBarIndex, q as toEquityPoints, zn as toHeikinAshi, Bn as toKagi, Vn as toLineBreak, Hn as toPointAndFigure, Un as toRangeBars, Wn as toRenko, ee as unregisterPlugin, at as vn30fContracts, ot as vn30fLastTradingDay, st as volumeColor, ct as wallToUtc, Gn as withResampling, Kn as withTickBars, qn as xToBarIndex, Jn as xToTime, Yn as yToPrice, lt as zoneOffsetMinutes };
 
 //# sourceMappingURL=index.js.map