@tradecanvas/chart 2.0.0-beta.1 → 2.0.0-beta.3

package/dist/index.js

@@ -1,4 +1,4 @@
-import { A as e, C as t, D as n, E as r, M as i, N as a, O as o, S as s, T as c, a as l, b as u, c as ee, d, f as te, g as ne, h as f, i as re, j as ie, k as ae, l as p, m as oe, n as se, p as ce, r as le, s as m, t as ue, w as de, x as fe, y as pe } from "./LayoutSession-D1AIWXuH.js";
+import { A as e, C as t, D as n, E as r, M as i, N as a, O as o, S as s, T as c, a as l, b as u, c as ee, d, f as te, g as ne, h as f, i as re, j as ie, k as ae, l as p, m as oe, n as se, p as ce, r as le, s as m, t as ue, w as de, x as fe, y as pe } from "./LayoutSession-CV28T-KY.js";
 import { CHART_SPACING as me, CHART_STYLE_KEYS as he, DARK_PRICE_LIMITS as ge, DARK_TERMINAL as _e, DARK_THEME as ve, DARK_THEME as ye, DEFAULT_DRAWING_STYLE as be, DEFAULT_FONT_FAMILY as xe, DEFAULT_RECONNECT as Se, DEFAULT_SIGNAL_STYLE as Ce, DEFAULT_STREAM_CONFIG as we, DEFAULT_TIMEFRAME_FAVORITES as Te, DEFAULT_TRADE_ZONE_STYLE as Ee, DEFAULT_TRADING_CONFIG as De, HNX_SESSIONS as Oe, HOSE_SESSIONS as ke, KRX_SESSIONS as Ae, KR_COLORS as je, LIGHT_PRICE_LIMITS as Me, LIGHT_THEME as Ne, LIGHT_THEME as Pe, MARKET_CRYPTO as Fe, MARKET_HNX as Ie, MARKET_HOSE as Le, MARKET_HOSE_ETF as h, MARKET_KRX as g, MARKET_NXT as Re, MARKET_NYSE as ze, MARKET_UPBIT_KRW as Be, MARKET_UPCOM as Ve, MARKET_VN30F as He, MS_TIME_THRESHOLD as Ue, NXT_SESSIONS as We, PRICE_SOURCES as Ge, SANS_FONT_FAMILY as Ke, TC_PALETTE as qe, TC_SERIES_COLORS as Je, TIMEFRAMES_CRYPTO as Ye, TIMEFRAMES_FOREX as Xe, TIMEFRAMES_STOCK as Ze, UPCOM_SESSIONS as Qe, VN30F_SESSIONS as $e, VN_COLORS as et, VOLUME_ALPHA as tt, barTimeUnit as nt, barsAreDaily as rt, computePriceLimits as it, contrastRatio as at, createMarketTheme as ot, createVNTheme as st, formatFraction as ct, formatNumber as lt, formatVND as ut, formatVolumeLoc as dt, fractionTick as ft, getCurrentSession as pt, getLocale as mt, indicatorSource as ht, inkOn as gt, isPriceSource as _t, isTimeFrame as vt, isValidTimeZone as yt, marketStatus as bt, normalizeBar as xt, normalizeBarTime as St, offsetAt as Ct, parseIndicatorSource as wt, parseTimeframe as Tt, pickBaseTimeframe as Et, priceFormatterFor as Dt, priceStepAt as Ot, rankSymbols as kt, readNews as At, readQuote as jt, readableOn as Mt, registerLocale as Nt, resampleBars as Pt, roundToPriceStep as Ft, scaleMarketPrices as It, setLocale as Lt, sourcePrice as Rt, stepDecimals as zt, symbolTimeZone as Bt, t as Vt, tickBarCount as Ht, tickerOf as Ut, timeframeBucketStart as Wt, timeframeBucketStart as Gt, timeframeToMs as Kt, usesKoreanUnits as qt, vn30fContracts as Jt, vn30fLastTradingDay as Yt, volumeColor as Xt, wallToUtc as Zt, zoneOffsetMinutes as Qt } from "@tradecanvas/commons";
 import { AlertManager as $t, Animator as en, BarCountdown as tn, BaseFinanceChart as _, BinanceAdapter as nn, BybitAdapter as rn, CANDLE_PATTERNS as an, ChartLegend as on, ChartStateManager as sn, CoinbaseAdapter as cn, CompareRenderer as ln, CrosshairTooltip as un, CurrentPriceLine as dn, DEFAULT_LEGEND_CONFIG as fn, DEFAULT_MAX_WEBGL_CHARTS as pn, DEFAULT_SESSION_HOURS as mn, DataExporter as hn, DrawingBase as gn, Easing as _n, FinanceCrosshair as v, GROUP_HEADER as vn, INDICATOR_CATEGORIES as yn, IndicatorBase as bn, IndicatorValueMap as xn, KEPT_BUCKETS as Sn, KeyboardHandler as Cn, KrakenAdapter as wn, MAX_ALERT_BARS as Tn, MIN_ALERT_BARS as En, ManualFeed as Dn, MockAdapter as On, PaperExecutionAdapter as kn, PollingAdapter as An, RANGE_PRESETS as jn, ReconnectManager as Mn, ReplayController as Nn, ReplayManager as Pn, ResamplingAdapter as Fn, ReshapeMemo as In, Screenshot as Ln, SessionBreaks as Rn, SessionShading as zn, SignalMarkerManager as Bn, StreamManager as Vn, TickAggregator as Hn, TickBarAdapter as Un, TickBarBuilder as Wn, TradeZoneManager as Gn, UndoRedoManager as y, UpbitAdapter as Kn, VolumeRenderer as qn, Watermark as Jn, WebSocketAdapter as Yn, adapterFromFeed as Xn, axisTimes as Zn, barIndexToTime as Qn, barIndexToX as $n, barIndexToX as b, canvasMeasure as er, computeBarLayout as tr, computeCalendarLayout as nr, computeCounterClockLayout as rr, computeDonutLayout as ir, computeHistogramLayout as ar, computeMatrixLayout as or, computeScatterLayout as sr, correlationMatrix as cr, counterClockPhase as lr, counterClockPhase as ur, counterClockPoints as dr, counterClockPoints as fr, describeInputs as pr, detectCandlePatterns as mr, feedFromAdapter as hr, formatTooltipTime as gr, histogramBins as _r, hitBar as x, hitDay as S, hitMatrixCell as C, hitSlice as w, indicatorCategory as vr, isDataFeed as yr, isDataFeed as br, isPriceLevelAlert as xr, layoutGroupedTreemap as Sr, layoutSquarifiedTreemap as Cr, layoutUniformGrid as wr, lttbDownsample as Tr, lttbVisibleIndices as Er, nearestCounterClockPoint as T, nearestPoint as E, niceScale as Dr, priceToY as Or, priceToYMapper as kr, priceToYMapper as Ar, rangePresetStart as jr, renderBarChart as Mr, renderCalendar as Nr, renderCounterClock as Pr, renderDepthChart as Fr, renderDonut as Ir, renderEquityCurve as Lr, renderGauge as Rr, renderHeatmap as zr, renderHistogram as Br, renderMatrix as Vr, renderScatter as Hr, renderSparkline as Ur, renderWaterfall as Wr, servesTimeframe as Gr, setMaxWebGLCharts as Kr, shownCount as qr, timeToX as Jr, timestampToBarIndex as Yr, timestampToBarIndex as Xr, toHeikinAshi as Zr, toKagi as Qr, toLineBreak as $r, toPointAndFigure as ei, toRangeBars as ti, toRenko as ni, withResampling as ri, withTickBars as ii, xToBarIndex as ai, xToBarIndex as D, xToTime as oi, yToPrice as si, yToPrice as ci } from "@tradecanvas/core";
 //#region src/frameworks/syncIndicators.ts
@@ -275,7 +275,7 @@ var ki = class {
 }, Ai = class extends _ {
 	options;
 	constructor(e, t) {
-		super(e, t.theme), this.options = t, this.requestRender();
+		super(e, t.theme), this.options = t, this.applyBaseOptions({ ariaLabel: t.ariaLabel }), this.requestRender();
 	}
 	renderChart(e, t, n, r) {
 		Ur(e, t, n, this.options, r);
@@ -290,16 +290,18 @@ var ki = class {
 		this.options = {
 			...this.options,
 			...e
-		}, this.requestRender();
+		}, this.applyBaseOptions(e), this.requestRender();
 	}
 }, ji = class extends _ {
 	options;
-	crosshair = null;
+	crosshair;
 	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, this.crosshair = new v(this.canvas, () => {
+			this.options.crosshair !== !1 && this.requestRender();
+		}), this.applyBaseOptions({ ariaLabel: t.ariaLabel }), this.requestRender();
 	}
 	renderChart(e, t, n, r) {
-		let i = this.crosshair?.getPosition() ?? null;
+		let i = this.options.crosshair === !1 ? null : this.crosshair.getPosition();
 		Fr(e, t, n, this.options, r, i);
 	}
 	update(e) {
@@ -312,19 +314,21 @@ var ki = class {
 		this.options = {
 			...this.options,
 			...e
-		}, this.requestRender();
+		}, this.applyBaseOptions(e), this.requestRender();
 	}
 	destroy() {
-		this.crosshair?.destroy(), super.destroy();
+		this.crosshair.destroy(), super.destroy();
 	}
 }, H = class extends _ {
 	options;
-	crosshair = null;
+	crosshair;
 	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, this.crosshair = new v(this.canvas, () => {
+			this.options.crosshair !== !1 && this.requestRender();
+		}), this.applyBaseOptions({ ariaLabel: t.ariaLabel }), this.requestRender();
 	}
 	renderChart(e, t, n, r) {
-		let i = this.crosshair?.getPosition() ?? null;
+		let i = this.options.crosshair === !1 ? null : this.crosshair.getPosition();
 		Lr(e, t, n, this.options, r, i);
 	}
 	update(e, t) {
@@ -340,25 +344,27 @@ var ki = class {
 		this.options = {
 			...this.options,
 			...e
-		}, this.requestRender();
+		}, this.applyBaseOptions(e), this.requestRender();
 	}
 	destroy() {
-		this.crosshair?.destroy(), super.destroy();
+		this.crosshair.destroy(), super.destroy();
 	}
 }, U = class extends _ {
 	options;
-	crosshair = null;
+	crosshair;
 	cachedRects = [];
 	cachedGroups = [];
 	currentData = [];
 	lastLayoutWidth = 0;
 	lastLayoutHeight = 0;
-	handleClick = null;
+	handleClick = (e) => {
+		let t = this.canvas.getBoundingClientRect();
+		this.onCanvasClick(e.clientX - t.left, e.clientY - t.top);
+	};
 	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) => {
-			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.applyLabel(), this.recomputeLayout(), this.requestRender();
+		super(e, t.theme), this.options = t, this.currentData = t.data ?? [], this.crosshair = new v(this.canvas, () => {
+			this.options.crosshair !== !1 && 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`;
@@ -399,7 +405,7 @@ var ki = class {
 	}
 	renderChart(e, t, n, r) {
 		(t !== this.lastLayoutWidth || n !== this.lastLayoutHeight) && this.recomputeLayout();
-		let i = this.crosshair?.getPosition() ?? null;
+		let i = this.options.crosshair === !1 ? null : this.crosshair.getPosition();
 		zr(e, t, n, this.currentData, this.cachedRects, this.options, r, i, this.cachedGroups);
 	}
 	update(e) {
@@ -412,19 +418,21 @@ var ki = class {
 		this.options = {
 			...this.options,
 			...e
-		}, e.data && (this.currentData = e.data), this.applyLabel(), this.recomputeLayout(), this.requestRender();
+		}, "theme" in e && this.applyBaseOptions({ theme: e.theme }), 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();
+		this.crosshair.destroy(), this.canvas.removeEventListener("click", this.handleClick), super.destroy();
 	}
 }, Mi = class extends _ {
 	options;
-	crosshair = null;
+	crosshair;
 	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, this.crosshair = new v(this.canvas, () => {
+			this.options.crosshair !== !1 && this.requestRender();
+		}), this.applyBaseOptions({ ariaLabel: t.ariaLabel }), this.requestRender();
 	}
 	renderChart(e, t, n, r) {
-		let i = this.crosshair?.getPosition() ?? null;
+		let i = this.options.crosshair === !1 ? null : this.crosshair.getPosition();
 		Wr(e, t, n, this.options, r, i);
 	}
 	update(e) {
@@ -437,10 +445,10 @@ var ki = class {
 		this.options = {
 			...this.options,
 			...e
-		}, this.requestRender();
+		}, this.applyBaseOptions(e), this.requestRender();
 	}
 	destroy() {
-		this.crosshair?.destroy(), super.destroy();
+		this.crosshair.destroy(), super.destroy();
 	}
 }, Ni = 500;
 function Pi(e) {
@@ -455,7 +463,7 @@ var Fi = class extends _ {
 	animationFrom = 0;
 	animationFrameId = null;
 	constructor(e, t) {
-		super(e, t.theme), this.options = t, this.currentValue = t.value, this.targetValue = t.value, this.requestRender();
+		super(e, t.theme), this.options = t, this.currentValue = t.value, this.targetValue = t.value, this.applyBaseOptions({ ariaLabel: t.ariaLabel }), this.requestRender();
 	}
 	renderChart(e, t, n, r) {
 		Rr(e, t, n, this.options, r, this.currentValue);
@@ -478,7 +486,7 @@ var Fi = class extends _ {
 			...this.options,
 			...e
 		};
-		if (e.value !== void 0 && e.value !== this.targetValue) {
+		if (this.applyBaseOptions(e), e.value !== void 0 && e.value !== this.targetValue) {
 			this.options = t, this.setValue(e.value);
 			return;
 		}