@tradecanvas/chart 1.20.0 → 1.22.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-C6Romi6A.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 Ce, LIGHT_THEME as d, LIGHT_THEME as f, MARKET_CRYPTO as p, MARKET_HNX as m, MARKET_HOSE as h, MARKET_HOSE_ETF as g, MARKET_NYSE as _, MARKET_UPCOM as v, MARKET_VN30F as y, PRICE_SOURCES as b, TC_PALETTE as x, TC_SERIES_COLORS as S, TIMEFRAMES_CRYPTO as C, TIMEFRAMES_FOREX as w, TIMEFRAMES_STOCK as T, UPCOM_SESSIONS as E, VN30F_SESSIONS as D, VN_COLORS as O, VOLUME_ALPHA as k, barsAreDaily as A, computePriceLimits as we, createVNTheme as Te, formatFraction as Ee, formatNumber as De, formatVND as Oe, formatVolumeLoc as ke, fractionTick as Ae, getCurrentSession as je, getLocale as Me, indicatorSource as Ne, isPriceSource as Pe, isTimeFrame as Fe, isValidTimeZone as Ie, marketStatus as Le, normalizeBar as Re, normalizeBarTime as ze, offsetAt as Be, parseIndicatorSource as Ve, parseTimeframe as He, pickBaseTimeframe as Ue, priceFormatterFor as We, priceStepAt as Ge, rankSymbols as Ke, readNews as qe, readQuote as Je, registerLocale as Ye, resampleBars as Xe, roundToPriceStep as Ze, scaleMarketPrices as Qe, setLocale as $e, sourcePrice as et, stepDecimals as tt, t as nt, tickBarCount as rt, timeframeBucketStart as it, timeframeToMs as at, vn30fContracts as ot, vn30fLastTradingDay as st, volumeColor as ct, wallToUtc as lt, zoneOffsetMinutes as ut } from "@tradecanvas/commons";
+import { AlertManager as dt, Animator as ft, BarCountdown as pt, BaseFinanceChart as j, BinanceAdapter as mt, BybitAdapter as ht, ChartLegend as gt, ChartStateManager as _t, CoinbaseAdapter as vt, CompareRenderer as yt, CrosshairTooltip as bt, CurrentPriceLine as xt, DEFAULT_LEGEND_CONFIG as St, DEFAULT_MAX_WEBGL_CHARTS as Ct, DEFAULT_SESSION_HOURS as wt, DataExporter as Tt, DrawingBase as Et, Easing as Dt, FinanceCrosshair as M, GROUP_HEADER as Ot, IndicatorBase as kt, IndicatorValueMap as At, KeyboardHandler as jt, KrakenAdapter as Mt, MAX_ALERT_BARS as Nt, MIN_ALERT_BARS as Pt, MockAdapter as Ft, PaperExecutionAdapter as It, PollingAdapter as Lt, RANGE_PRESETS as Rt, ReplayManager as zt, ResamplingAdapter as Bt, Screenshot as N, SessionBreaks as Vt, SessionShading as Ht, SignalMarkerManager as Ut, StreamManager as Wt, TickAggregator as Gt, TickBarAdapter as Kt, TickBarBuilder as qt, TradeZoneManager as Jt, UndoRedoManager as Yt, VolumeRenderer as Xt, Watermark as Zt, WebSocketAdapter as Qt, barIndexToTime as $t, barIndexToX as en, barIndexToX as P, canvasMeasure as tn, computeBarLayout as nn, computeCalendarLayout as rn, computeCounterClockLayout as an, computeDonutLayout as on, computeHistogramLayout as sn, computeMatrixLayout as cn, computeScatterLayout as ln, correlationMatrix as un, counterClockPhase as dn, counterClockPhase as fn, counterClockPoints as pn, counterClockPoints as mn, formatTooltipTime as hn, histogramBins as gn, hitBar as F, hitDay as I, hitMatrixCell as L, hitSlice as R, isPriceLevelAlert as _n, layoutGroupedTreemap as vn, layoutSquarifiedTreemap as yn, layoutUniformGrid as bn, lttbDownsample as xn, lttbVisibleIndices as Sn, nearestCounterClockPoint as z, nearestPoint as B, niceScale as Cn, priceToY as wn, priceToYMapper as Tn, priceToYMapper as En, rangePresetStart as Dn, renderBarChart as On, renderCalendar as kn, renderCounterClock as An, renderDepthChart as jn, renderDonut as Mn, renderEquityCurve as Nn, renderGauge as Pn, renderHeatmap as Fn, renderHistogram as In, renderMatrix as Ln, renderScatter as Rn, renderSparkline as zn, renderWaterfall as Bn, servesTimeframe as Vn, setMaxWebGLCharts as Hn, shownCount as Un, timeToX as Wn, timestampToBarIndex as Gn, timestampToBarIndex as Kn, toHeikinAshi as qn, toKagi as Jn, toLineBreak as Yn, toPointAndFigure as Xn, toRangeBars as Zn, toRenko as Qn, withResampling as $n, withTickBars as er, xToBarIndex as tr, xToBarIndex as V, xToTime as nr, yToPrice as rr, yToPrice as ir } from "@tradecanvas/core";
 //#region src/frameworks/syncIndicators.ts
-function En(e) {
+function ar(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 or(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = t.map((e) => {
-		let t = En(e), n = r.get(t) ?? 0;
+		let t = ar(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 sr(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 ? Kn(e, n) : e;
 	return {
-		timeToX: (e) => H(s(e), t),
+		timeToX: (e) => P(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 ? $t(r, n) : r;
 		},
-		indexToX: (e) => H(e, t),
-		xToIndex: (e) => U(e, t),
+		indexToX: (e) => P(e, t),
+		xToIndex: (e) => V(e, t),
 		priceToY: r,
-		yToPrice: (e) => Tn(e, t),
+		yToPrice: (e) => ir(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 {
+}, cr = 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 {
+}, lr = class extends j {
 	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);
+		zn(e, t, n, this.options, r);
 	}
 	update(e) {
 		this.options = {
@@ -211,15 +211,15 @@ var W = {
 			...e
 		}, this.requestRender();
 	}
-}, jn = class extends z {
+}, ur = class extends j {
 	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 M(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);
+		jn(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 j {
 	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 M(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);
+		Nn(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 j {
 	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 M(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 } = vn(this.currentData.map((e) => ({
+				id: e.id,
+				weight: e.weight ?? (Math.abs(e.value) || 1),
+				group: e.group,
+				value: e.value
+			})), e, t, Ot);
+			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 = yn(n, e, t);
+		} else this.cachedRects = bn(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);
+		Fn(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 {
+}, dr = class extends j {
 	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 M(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);
+		Bn(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) {
+}, fr = 500;
+function pr(e) {
 	let t = 1 - e;
 	return 1 - t * t * t;
 }
-var Fn = class extends z {
+var mr = class extends j {
 	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);
+		Pn(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 ?? fr, n = performance.now() - this.animationStart, r = Math.min(1, n / Math.max(1, t)), i = pr(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,218 @@ var Fn = class extends z {
 	destroy() {
 		this.cancelAnimation(), super.destroy();
 	}
-}, In = [
+}, G = class extends j {
+	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 M(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, tn(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();
+	}
+}, hr = class extends G {
+	compute(e, t, n, r) {
+		return nn(this.options, e, t, n, r);
+	}
+	draw(e, t, n, r, i, a) {
+		On(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 F(e, t, n) !== null;
+	}
+	clickAt(e, t, n) {
+		let r = F(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
+		});
+	}
+}, gr = class extends G {
+	compute(e, t, n, r) {
+		return on(this.options, e, t, n, r);
+	}
+	draw(e, t, n, r, i, a) {
+		Mn(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 R(e, t, n) !== null;
+	}
+	clickAt(e, t, n) {
+		let r = R(e, t, n);
+		r && this.options.onSliceClick?.(r.slice);
+	}
+	update(e) {
+		this.setOptions({ data: e });
+	}
+}, _r = class extends G {
+	compute(e, t, n, r) {
+		return ln(this.options, e, t, n, r);
+	}
+	draw(e, t, n, r, i, a) {
+		Rn(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 });
+	}
+}, vr = class extends G {
+	compute(e, t, n, r) {
+		return sn(this.options, e, t, n, r);
+	}
+	draw(e, t, n, r, i, a) {
+		In(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 });
+	}
+}, yr = class extends G {
+	compute(e, t, n, r) {
+		return rn(this.options, e, t, n, r);
+	}
+	draw(e, t, n, r, i, a) {
+		kn(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 I(e, t, n)?.day !== void 0;
+	}
+	clickAt(e, t, n) {
+		let r = I(e, t, n)?.day;
+		r && this.options.onDayClick?.(r);
+	}
+	update(e) {
+		this.setOptions({ data: e });
+	}
+}, K = 12, br = class extends G {
+	compute(e, t, n, r) {
+		return cn(this.options, e, t, n, r);
+	}
+	draw(e, t, n, r, i, a) {
+		Ln(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 L(e, t, n) !== null;
+	}
+	clickAt(e, t, n) {
+		let r = L(e, t, n);
+		r && this.options.onCellClick?.(r.cell);
+	}
+	update(e) {
+		this.setOptions({ values: e });
+	}
+}, xr = class extends G {
+	compute(e, t, n, r) {
+		return an(this.options, e, t, n, r);
+	}
+	draw(e, t, n, r, i, a) {
+		An(e, t, n, this.options, r, i, a);
+	}
+	describe() {
+		return `Counter-clock chart of price against volume, ${this.options.period ?? 25}-bar averages`;
+	}
+	clickable() {
+		return this.options.onPointClick !== 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.onPointClick?.(r.point);
+	}
+	getPhase() {
+		return fn(mn(this.options.data, this.options.period ?? 25, Un(this.options)));
+	}
+	update(e) {
+		this.setOptions({ data: e });
+	}
+}, Sr = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -440,7 +664,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 = it(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 +677,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: Sr[s],
 			group: String(o),
 			value: i
 		});
@@ -513,9 +737,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" ? f : e;
 }
-var Ln = class {
+var Cr = class {
 	options;
 	theme;
 	root;
@@ -558,7 +782,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 +790,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 +799,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 +888,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 { dt as AlertManager, ft as Animator, hr as BarChart, pt as BarCountdown, mt as BinanceAdapter, ht as BybitAdapter, de as CHART_STYLE_KEYS, yr as CalendarChart, i as Chart, cr as ChartGrid, gt as ChartLegend, _t as ChartStateManager, vt as CoinbaseAdapter, yt as CompareRenderer, xr as CounterClockChart, bt as CrosshairTooltip, xt as CurrentPriceLine, fe as DARK_TERMINAL, pe as DARK_THEME, he as DEFAULT_DRAWING_STYLE, r as DEFAULT_HISTORY_PAGE_SIZE, St as DEFAULT_LEGEND_CONFIG, Ct as DEFAULT_MAX_WEBGL_CHARTS, ge as DEFAULT_RECONNECT, wt 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, Tt as DataExporter, e as DataManager, ur as DepthChart, gr as DonutChart, ne as DragDropImporter, Et as DrawingBase, u as EXCHANGE_TIMEZONE, Dt as Easing, U as EquityCurveChart, mr as GaugeChart, le as HISTORY_RETRY_MS, Se as HNX_SESSIONS, Ce as HOSE_SESSIONS, W as HeatmapChart, vr as HistogramChart, kt as IndicatorBase, At as IndicatorValueMap, jt as KeyboardHandler, Mt as KrakenAdapter, d as LIGHT_THEME, ce as LayoutManager, oe as LayoutSession, p as MARKET_CRYPTO, m as MARKET_HNX, h as MARKET_HOSE, g as MARKET_HOSE_ETF, _ as MARKET_NYSE, v as MARKET_UPCOM, y as MARKET_VN30F, Nt as MAX_ALERT_BARS, te as MAX_LAYOUT_NAME, Pt as MIN_ALERT_BARS, br as MatrixChart, Ft as MockAdapter, c as PLUGIN_API_VERSION, b as PRICE_SOURCES, It as PaperExecutionAdapter, Cr as PerformanceDashboard, se as PluginManager, Lt as PollingAdapter, Rt as RANGE_PRESETS, zt as ReplayManager, Bt as ResamplingAdapter, _r as ScatterChart, N as Screenshot, Vt as SessionBreaks, Ht as SessionShading, Ut as SignalMarkerManager, lr as SparklineChart, Wt as StreamManager, x as TC_PALETTE, S as TC_SERIES_COLORS, C as TIMEFRAMES_CRYPTO, w as TIMEFRAMES_FOREX, T as TIMEFRAMES_STOCK, ue as ThemeManager, Gt as TickAggregator, Kt as TickBarAdapter, qt as TickBarBuilder, Jt as TradeZoneManager, E as UPCOM_SESSIONS, Yt as UndoRedoManager, D as VN30F_SESSIONS, O as VN_COLORS, k as VOLUME_ALPHA, Xt as VolumeRenderer, dr as WaterfallChart, Zt as Watermark, Qt as WebSocketAdapter, en as barIndexToX, A as barsAreDaily, ie as cleanLayoutName, a as clearGlobalPlugins, J as computeDrawdownCurve, Y as computeMonthlyReturns, we as computePriceLimits, un as correlationMatrix, dn as counterClockPhase, pn as counterClockPoints, Te as createVNTheme, Ee as formatFraction, De as formatNumber, hn as formatTooltipTime, Oe as formatVND, ke as formatVolumeLoc, Ae as fractionTick, je as getCurrentSession, o as getGlobalPlugins, Me as getLocale, gn as histogramBins, Ne as indicatorSource, _n as isPriceLevelAlert, Pe as isPriceSource, Fe as isTimeFrame, Ie as isValidTimeZone, l as localStorageLayouts, xn as lttbDownsample, Sn as lttbVisibleIndices, Le as marketStatus, n as memoryLayouts, Cn as niceScale, Re as normalizeBar, ze as normalizeBarTime, Be as offsetAt, sr as overlayScale, s as overlaysForLayer, Ve as parseIndicatorSource, ae as parseOHLCV, He as parseTimeframe, Ue as pickBaseTimeframe, t as pluginKey, We as priceFormatterFor, Ge as priceStepAt, wn as priceToY, Tn as priceToYMapper, Dn as rangePresetStart, Ke as rankSymbols, qe as readNews, Je as readQuote, Ye as registerLocale, re as registerPlugin, Xe as resampleBars, Ze as roundToPriceStep, Qe as scaleMarketPrices, Q as selectKeyStats, Vn as servesTimeframe, $e as setLocale, Hn as setMaxWebGLCharts, et as sourcePrice, tt as stepDecimals, or as syncIndicators, nt as t, rt as tickBarCount, Wn as timeToX, at as timeframeToMs, Gn as timestampToBarIndex, q as toEquityPoints, qn as toHeikinAshi, Jn as toKagi, Yn as toLineBreak, Xn as toPointAndFigure, Zn as toRangeBars, Qn as toRenko, ee as unregisterPlugin, ot as vn30fContracts, st as vn30fLastTradingDay, ct as volumeColor, lt as wallToUtc, $n as withResampling, er as withTickBars, tr as xToBarIndex, nr as xToTime, rr as yToPrice, ut as zoneOffsetMinutes };
 
 //# sourceMappingURL=index.js.map