@tradecanvas/chart 1.19.1 → 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-CrkDLmvG.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, LIGHT_THEME as _, LIGHT_THEME as v, MARKET_CRYPTO as y, MARKET_HNX as b, MARKET_HOSE as x, MARKET_NYSE as S, MARKET_UPCOM as C, PRICE_SOURCES as w, TC_PALETTE as T, TC_SERIES_COLORS as E, TIMEFRAMES_CRYPTO as D, TIMEFRAMES_FOREX as O, TIMEFRAMES_STOCK as k, VN_COLORS as A, VOLUME_ALPHA as j, barsAreDaily as M, computePriceLimits as N, createVNTheme as P, formatFraction as F, formatNumber as I, formatVND as L, formatVolumeLoc as R, fractionTick as ge, getCurrentSession as _e, getLocale as ve, indicatorSource as ye, isPriceSource as be, isTimeFrame as xe, isValidTimeZone as Se, marketStatus as Ce, normalizeBar as we, normalizeBarTime as Te, offsetAt as Ee, parseIndicatorSource as De, parseTimeframe as Oe, pickBaseTimeframe as ke, priceFormatterFor as Ae, rankSymbols as je, readNews as Me, readQuote as Ne, registerLocale as Pe, resampleBars as Fe, setLocale as Ie, sourcePrice as Le, stepDecimals as Re, t as ze, tickBarCount as Be, timeframeBucketStart as Ve, timeframeToMs as He, volumeColor as Ue, wallToUtc as We, zoneOffsetMinutes as Ge } from "@tradecanvas/commons";
-import { AlertManager as Ke, Animator as qe, BarCountdown as Je, BaseFinanceChart as z, BinanceAdapter as Ye, BybitAdapter as Xe, ChartLegend as Ze, ChartStateManager as Qe, CoinbaseAdapter as $e, CompareRenderer as et, CrosshairTooltip as tt, CurrentPriceLine as nt, DEFAULT_LEGEND_CONFIG as rt, DEFAULT_MAX_WEBGL_CHARTS as it, DEFAULT_SESSION_HOURS as at, DataExporter as ot, DrawingBase as st, Easing as ct, FinanceCrosshair as B, IndicatorBase as lt, IndicatorValueMap as ut, KeyboardHandler as dt, KrakenAdapter as ft, MAX_ALERT_BARS as pt, MIN_ALERT_BARS as mt, MockAdapter as ht, PaperExecutionAdapter as gt, PollingAdapter as _t, RANGE_PRESETS as vt, ReplayManager as yt, ResamplingAdapter as bt, Screenshot as xt, SessionBreaks as St, SessionShading as Ct, SignalMarkerManager as wt, StreamManager as Tt, TickAggregator as Et, TickBarAdapter as Dt, TickBarBuilder as Ot, TradeZoneManager as kt, UndoRedoManager as At, VolumeRenderer as jt, Watermark as Mt, WebSocketAdapter as Nt, barIndexToTime as Pt, barIndexToX as Ft, barIndexToX as V, formatTooltipTime as It, isPriceLevelAlert as Lt, layoutSquarifiedTreemap as Rt, layoutUniformGrid as zt, lttbDownsample as Bt, lttbVisibleIndices as Vt, priceToY as Ht, priceToYMapper as Ut, priceToYMapper as Wt, rangePresetStart as Gt, renderDepthChart as Kt, renderEquityCurve as qt, renderGauge as Jt, renderHeatmap as Yt, renderSparkline as Xt, renderWaterfall as Zt, servesTimeframe as Qt, setMaxWebGLCharts as $t, timeToX as en, timestampToBarIndex as tn, timestampToBarIndex as nn, toHeikinAshi as rn, toKagi as an, toLineBreak as on, toPointAndFigure as sn, toRangeBars as cn, toRenko as ln, withResampling as un, withTickBars as dn, xToBarIndex as fn, xToBarIndex as H, xToTime as pn, yToPrice as mn, yToPrice as hn } 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 gn(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 gn(e) {
 		r
 	]);
 }
-function _n(e, t, n) {
+function Qn(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = t.map((e) => {
-		let t = gn(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 _n(e, t, n) {
 }
 //#endregion
 //#region src/plugins/overlayScale.ts
-function vn(e) {
-	let { viewport: t, data: n } = e, r = Wt(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 ? nn(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) => V(s(e), t),
+		timeToX: (e) => F(s(e), t),
 		xToTime: (e) => {
-			let r = H(e, t);
-			return n.length > 0 ? Pt(r, n) : r;
+			let r = V(e, t);
+			return n.length > 0 ? Qt(r, n) : r;
 		},
-		indexToX: (e) => V(e, t),
-		xToIndex: (e) => H(e, t),
+		indexToX: (e) => F(e, t),
+		xToIndex: (e) => V(e, t),
 		priceToY: r,
-		yToPrice: (e) => hn(e, t),
+		yToPrice: (e) => Xn(e, t),
 		barWidth: t.barWidth,
 		visible: o < a ? {
 			from: 0,
@@ -51,7 +51,7 @@ function vn(e) {
 }
 //#endregion
 //#region src/grid/ChartGrid.ts
-var U = {
+var H = {
 	"1x1": {
 		cols: 1,
 		rows: 1
@@ -84,7 +84,7 @@ var U = {
 		cols: 2,
 		rows: 3
 	}
-}, yn = class {
+}, er = class {
 	root;
 	cells = [];
 	layout;
@@ -95,11 +95,11 @@ var U = {
 		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 } = U[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 } = U[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 U = {
 	}
 	setLayout(e) {
 		if (e === this.layout) return;
-		let t = this.cells.length, { cols: n, rows: r } = U[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 U = {
 			this.cells = [], this.root.remove();
 		}
 	}
-}, bn = 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) {
-		Xt(e, t, n, this.options, r);
+		Mn(e, t, n, this.options, r);
 	}
 	update(e) {
 		this.options = {
@@ -211,15 +211,15 @@ var U = {
 			...e
 		}, this.requestRender();
 	}
-}, xn = 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 B(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;
-		Kt(e, t, n, this.options, r, i);
+		wn(e, t, n, this.options, r, i);
 	}
 	update(e) {
 		this.options = {
@@ -236,15 +236,15 @@ var U = {
 	destroy() {
 		this.crosshair?.destroy(), super.destroy();
 	}
-}, W = 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 B(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;
-		qt(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 U = {
 	destroy() {
 		this.crosshair?.destroy(), super.destroy();
 	}
-}, G = 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 B(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 U = {
 			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 = Rt(n, e, t);
-		} else this.cachedRects = zt(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 U = {
 	renderChart(e, t, n, r) {
 		(t !== this.lastLayoutWidth || n !== this.lastLayoutHeight) && this.recomputeLayout();
 		let i = this.crosshair?.getPosition() ?? null;
-		Yt(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();
 	}
-}, K = 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 B(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;
-		Zt(e, t, n, this.options, r, i);
+		Nn(e, t, n, this.options, r, i);
 	}
 	update(e) {
 		this.options = {
@@ -348,12 +361,12 @@ var U = {
 	destroy() {
 		this.crosshair?.destroy(), super.destroy();
 	}
-}, Sn = 500;
-function Cn(e) {
+}, ir = 500;
+function ar(e) {
 	let t = 1 - e;
 	return 1 - t * t * t;
 }
-var wn = class extends z {
+var or = class extends M {
 	options;
 	currentValue;
 	targetValue;
@@ -364,7 +377,7 @@ var wn = 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) {
-		Jt(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 wn = class extends z {
 		if (this.animationFrameId !== null) return;
 		let e = () => {
 			if (this.animationFrameId = null, this.animationStart === null) return;
-			let t = this.options.animationDuration ?? Sn, n = performance.now() - this.animationStart, r = Math.min(1, n / Math.max(1, t)), i = Cn(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 wn = class extends z {
 	destroy() {
 		this.cancelAnimation(), super.destroy();
 	}
-}, Tn = [
+}, 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 = Ve(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: Tn[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" ? v : e;
+	return !e || e === "dark" ? me : e === "light" ? p : e;
 }
-var En = class {
+var mr = class {
 	options;
 	theme;
 	root;
@@ -558,7 +756,7 @@ var En = 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 U(s.body, {
 			data: q(t.equityCurve),
 			theme: e,
 			lineColor: e.candleUp,
@@ -566,7 +764,7 @@ var En = 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 U(c.body, {
 			data: J(t.equityCurve),
 			theme: e,
 			lineColor: e.candleDown,
@@ -575,7 +773,7 @@ var En = 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 W(u.body, {
 			data: l,
 			theme: e,
 			showValues: !0,
@@ -664,6 +862,6 @@ var En = class {
 	}
 };
 //#endregion
-export { Ke as AlertManager, qe as Animator, Je as BarCountdown, Ye as BinanceAdapter, Xe as BybitAdapter, de as CHART_STYLE_KEYS, i as Chart, yn as ChartGrid, Ze as ChartLegend, Qe as ChartStateManager, $e as CoinbaseAdapter, et as CompareRenderer, tt as CrosshairTooltip, nt as CurrentPriceLine, fe as DARK_TERMINAL, pe as DARK_THEME, he as DEFAULT_DRAWING_STYLE, r as DEFAULT_HISTORY_PAGE_SIZE, rt as DEFAULT_LEGEND_CONFIG, it as DEFAULT_MAX_WEBGL_CHARTS, d as DEFAULT_RECONNECT, at 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, ot as DataExporter, e as DataManager, xn as DepthChart, ne as DragDropImporter, st as DrawingBase, u as EXCHANGE_TIMEZONE, ct as Easing, W as EquityCurveChart, wn as GaugeChart, le as HISTORY_RETRY_MS, G as HeatmapChart, lt as IndicatorBase, ut as IndicatorValueMap, dt as KeyboardHandler, ft as KrakenAdapter, _ as LIGHT_THEME, ce as LayoutManager, oe as LayoutSession, y as MARKET_CRYPTO, b as MARKET_HNX, x as MARKET_HOSE, S as MARKET_NYSE, C as MARKET_UPCOM, pt as MAX_ALERT_BARS, te as MAX_LAYOUT_NAME, mt as MIN_ALERT_BARS, ht as MockAdapter, c as PLUGIN_API_VERSION, w as PRICE_SOURCES, gt as PaperExecutionAdapter, En as PerformanceDashboard, se as PluginManager, _t as PollingAdapter, vt as RANGE_PRESETS, yt as ReplayManager, bt as ResamplingAdapter, xt as Screenshot, St as SessionBreaks, Ct as SessionShading, wt as SignalMarkerManager, bn as SparklineChart, Tt as StreamManager, T as TC_PALETTE, E as TC_SERIES_COLORS, D as TIMEFRAMES_CRYPTO, O as TIMEFRAMES_FOREX, k as TIMEFRAMES_STOCK, ue as ThemeManager, Et as TickAggregator, Dt as TickBarAdapter, Ot as TickBarBuilder, kt as TradeZoneManager, At as UndoRedoManager, A as VN_COLORS, j as VOLUME_ALPHA, jt as VolumeRenderer, K as WaterfallChart, Mt as Watermark, Nt as WebSocketAdapter, Ft as barIndexToX, M as barsAreDaily, ie as cleanLayoutName, a as clearGlobalPlugins, J as computeDrawdownCurve, Y as computeMonthlyReturns, N as computePriceLimits, P as createVNTheme, F as formatFraction, I as formatNumber, It as formatTooltipTime, L as formatVND, R as formatVolumeLoc, ge as fractionTick, _e as getCurrentSession, o as getGlobalPlugins, ve as getLocale, ye as indicatorSource, Lt as isPriceLevelAlert, be as isPriceSource, xe as isTimeFrame, Se as isValidTimeZone, l as localStorageLayouts, Bt as lttbDownsample, Vt as lttbVisibleIndices, Ce as marketStatus, n as memoryLayouts, we as normalizeBar, Te as normalizeBarTime, Ee as offsetAt, vn as overlayScale, s as overlaysForLayer, De as parseIndicatorSource, ae as parseOHLCV, Oe as parseTimeframe, ke as pickBaseTimeframe, t as pluginKey, Ae as priceFormatterFor, Ht as priceToY, Ut as priceToYMapper, Gt as rangePresetStart, je as rankSymbols, Me as readNews, Ne as readQuote, Pe as registerLocale, re as registerPlugin, Fe as resampleBars, Q as selectKeyStats, Qt as servesTimeframe, Ie as setLocale, $t as setMaxWebGLCharts, Le as sourcePrice, Re as stepDecimals, _n as syncIndicators, ze as t, Be as tickBarCount, en as timeToX, He as timeframeToMs, tn as timestampToBarIndex, q as toEquityPoints, rn as toHeikinAshi, an as toKagi, on as toLineBreak, sn as toPointAndFigure, cn as toRangeBars, ln as toRenko, ee as unregisterPlugin, Ue as volumeColor, We as wallToUtc, un as withResampling, dn as withTickBars, fn as xToBarIndex, pn as xToTime, mn as yToPrice, Ge 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