@tradecanvas/chart 1.3.0 → 1.7.0

package/dist/DragDropImporter-cURSpfUb.js

@@ -1,1883 +0,0 @@
-import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, PRICE_AXIS_WIDTH as a, TIME_AXIS_HEIGHT as o, autoPricePrecision as s, computePriceLimits as c, formatPrice as l, mergeBar as u, setLocale as d, timeframeToMs as f } from "@tradecanvas/commons";
-import { AlertDragHandler as p, AlertManager as m, Animator as ee, AreaRenderer as te, AxisDragHandler as ne, BarCountdown as re, BarRenderer as ie, BaselineRenderer as ae, CandlestickRenderer as h, ChartLegend as oe, ChartStateManager as g, CompareRenderer as se, CrosshairHandler as ce, CrosshairTooltip as le, CurrentPriceLine as ue, DataExporter as _, DepthHeatmapRenderer as de, DrawingManager as fe, DrawingRenderer as pe, EquivolumeRenderer as me, EventBus as he, GridRenderer as ge, HLCAreaRenderer as _e, HollowCandleRenderer as ve, IndicatorEngine as v, InteractionManager as ye, KagiRenderer as be, KeyboardHandler as xe, LineRenderer as Se, LineWithMarkersRenderer as Ce, MarketProfileRenderer as we, MeasureOverlay as Te, PanHandler as Ee, PaneResizeHandler as De, PeriodLevelsRenderer as Oe, PinnedTooltip as ke, PivotMarkersRenderer as Ae, PointAndFigureRenderer as je, PriceAxis as Me, RenderEngine as Ne, RenkoRenderer as y, ReplayManager as b, Screenshot as x, SelectionBoxOverlay as Pe, SessionBreaks as Fe, SessionShading as Ie, SignalMarkerManager as Le, StepLineRenderer as Re, StreamManager as ze, TimeAxis as Be, TradeZoneManager as Ve, TradingManager as He, TradingRenderer as Ue, UndoRedoManager as We, Viewport as Ge, VolumeCandleRenderer as Ke, VolumeProfileRenderer as qe, VolumeRenderer as Je, Watermark as Ye, ZoomHandler as Xe, barTimeStep as Ze, findDominantSwing as Qe, registerBuiltInDrawingTools as $e, registerBuiltInIndicators as S, timestampToBarIndex as C, toHeikinAshi as et, toKagi as tt, toLineBreak as nt, toPointAndFigure as rt, toRangeBars as it, toRenko as at, xToBarIndex as ot } from "@tradecanvas/core";
-//#region src/charts/ChartTypeStrategy.ts
-function st(e) {
-	switch (e) {
-		case "candlestick":
-		case "heikinAshi":
-		case "lineBreak":
-		case "rangeBars": return new h();
-		case "line": return new Se();
-		case "area": return new te();
-		case "bar": return new ie();
-		case "hollowCandle": return new ve();
-		case "baseline": return new ae();
-		case "renko": return new y();
-		case "kagi": return new be();
-		case "pointAndFigure": return new je();
-		case "volumeCandles": return new Ke();
-		case "equivolume": return new me();
-		case "hlcArea": return new _e();
-		case "stepLine": return new Re();
-		case "lineWithMarkers": return new Ce();
-		default: return new h();
-	}
-}
-function ct(e, t) {
-	if (t.length === 0) return t;
-	switch (e) {
-		case "heikinAshi": return et(t);
-		case "renko": return at(t, {
-			brickSize: 0,
-			useATR: !0,
-			atrPeriod: 14
-		});
-		case "lineBreak": return nt(t, 3);
-		case "kagi": return tt(t, 4);
-		case "pointAndFigure": return rt(t, w(t) * .01, 3);
-		case "rangeBars": return it(t, { rangeSize: w(t) * .005 });
-		default: return t;
-	}
-}
-function w(e) {
-	let t = 0;
-	for (let n of e) t += n.close;
-	return t / e.length;
-}
-function lt(e, t) {
-	let n = t?.(e);
-	return n ? n.createRenderer() : st(e);
-}
-function ut(e, t, n) {
-	if (t.length === 0) return t;
-	let r = n?.(e);
-	return r?.transform ? r.transform(t) : ct(e, t);
-}
-//#endregion
-//#region src/charts/IndicatorPriceRange.ts
-var T = {
-	min: 0,
-	max: 100
-}, E = .1;
-function dt(e, t, n) {
-	if (!e) return { ...T };
-	let r = Infinity, i = -Infinity;
-	if (e.series) {
-		let a = Math.min(n, e.series.length - 1);
-		for (let n = Math.max(0, t); n <= a; n++) {
-			let t = e.series[n];
-			if (t) for (let e in t) {
-				let n = t[e];
-				n !== void 0 && Number.isFinite(n) && (n < r && (r = n), n > i && (i = n));
-			}
-		}
-	} else {
-		let a = 0;
-		for (let [, o] of e.values) {
-			if (a >= t && a <= n) for (let e in o) {
-				let t = o[e];
-				t !== void 0 && Number.isFinite(t) && (t < r && (r = t), t > i && (i = t));
-			}
-			a++;
-		}
-	}
-	if (r === Infinity) return { ...T };
-	let a = i - r || 1;
-	return {
-		min: r - a * E,
-		max: i + a * E
-	};
-}
-//#endregion
-//#region src/state/AutoSaveScheduler.ts
-var ft = class {
-	timer = null;
-	delayMs = 0;
-	key = null;
-	constructor(e) {
-		this.save = e;
-	}
-	enable(e, t) {
-		this.key = e, this.delayMs = t;
-	}
-	disable() {
-		this.key = null, this.delayMs = 0, this.cancel();
-	}
-	schedule() {
-		this.delayMs <= 0 || !this.key || (this.timer && clearTimeout(this.timer), this.timer = setTimeout(() => {
-			this.timer = null, this.key && this.save(this.key);
-		}, this.delayMs));
-	}
-	cancel() {
-		this.timer &&= (clearTimeout(this.timer), null);
-	}
-	isEnabled() {
-		return this.delayMs > 0 && this.key !== null;
-	}
-	hasPending() {
-		return this.timer !== null;
-	}
-};
-//#endregion
-//#region src/DataManager.ts
-function D(e) {
-	if (!e || typeof e.time != "number") return !1;
-	let { open: t, high: n, low: r, close: i } = e;
-	return !(!isFinite(t) || !isFinite(n) || !isFinite(r) || !isFinite(i) || t < 0 || n < 0 || r < 0 || i < 0 || n < r || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0));
-}
-function pt(e) {
-	return e.volume !== void 0 && e.high >= e.open && e.high >= e.close && e.low <= e.open && e.low <= e.close;
-}
-function O(e) {
-	return {
-		...e,
-		high: Math.max(e.open, e.high, e.low, e.close),
-		low: Math.min(e.open, e.high, e.low, e.close),
-		volume: e.volume === void 0 ? 0 : Math.max(0, e.volume)
-	};
-}
-var k = class {
-	data = [];
-	getData() {
-		return this.data;
-	}
-	setData(e) {
-		let t = [];
-		for (let n = 0; n < e.length; n++) {
-			let r = e[n];
-			D(r) && t.push(pt(r) ? r : O(r));
-		}
-		this.data = t;
-	}
-	appendBar(e) {
-		D(e) && this.data.push(O(e));
-	}
-	updateLastBar(e) {
-		if (!D(e)) return;
-		let t = O(e);
-		if (this.data.length === 0) {
-			this.data.push(t);
-			return;
-		}
-		this.data[this.data.length - 1] = t;
-	}
-	updateLastBarFromTick(e) {
-		this.data.length !== 0 && (!isFinite(e.price) || e.price < 0 || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0) || (this.data[this.data.length - 1] = u(this.data[this.data.length - 1], e)));
-	}
-	getLength() {
-		return this.data.length;
-	}
-	clear() {
-		this.data = [];
-	}
-}, A = class {
-	theme;
-	constructor(t) {
-		!t || t === "dark" ? this.theme = { ...e } : t === "light" ? this.theme = { ...n } : this.theme = { ...t };
-	}
-	getTheme() {
-		return this.theme;
-	}
-	setTheme(t) {
-		t === "dark" ? this.theme = { ...e } : t === "light" ? this.theme = { ...n } : this.theme = { ...t };
-	}
-}, j = 200, M = 80, N = class {
-	panels = [];
-	containerWidth = 0;
-	containerHeight = 0;
-	priceAxisWidth = a;
-	resize(e, t) {
-		this.containerWidth = e, this.containerHeight = t;
-	}
-	addPanel(e, n = "bottom", r) {
-		let a = n === "left" || n === "right";
-		this.panels.push({
-			id: e,
-			position: n,
-			size: r ?? (a ? j : t),
-			minSize: a ? M : i,
-			content: {
-				type: "indicator",
-				indicatorInstanceId: e
-			}
-		});
-	}
-	removePanel(e) {
-		this.panels = this.panels.filter((t) => t.id !== e);
-	}
-	setPanelPosition(e, n) {
-		let r = this.panels.find((t) => t.id === e);
-		if (r) {
-			let e = r.position === "left" || r.position === "right", a = n === "left" || n === "right";
-			r.position = n, e !== a && (r.size = a ? j : t, r.minSize = a ? M : i);
-		}
-	}
-	setPanelSize(e, t) {
-		let n = this.panels.find((t) => t.id === e);
-		n && (n.size = Math.max(n.minSize, t));
-	}
-	setPriceAxisWidth(e) {
-		this.priceAxisWidth = e;
-	}
-	getPanels() {
-		return this.panels;
-	}
-	resolve() {
-		let e = this.panels.filter((e) => e.position === "left"), t = this.panels.filter((e) => e.position === "right"), n = this.panels.filter((e) => e.position === "top"), r = this.panels.filter((e) => e.position === "bottom"), i = e.reduce((e, t) => e + t.size, 0), a = t.reduce((e, t) => e + t.size, 0), s = n.reduce((e, t) => e + t.size, 0), c = r.reduce((e, t) => e + t.size, 0), l = {
-			x: i,
-			y: s,
-			width: Math.max(0, this.containerWidth - i - a - this.priceAxisWidth),
-			height: Math.max(0, this.containerHeight - s - c - o)
-		}, u = [], d = [], f = 0;
-		for (let t of e) u.push({
-			config: t,
-			rect: {
-				x: f,
-				y: 0,
-				width: t.size,
-				height: this.containerHeight - o
-			}
-		}), d.push({
-			panelId: t.id,
-			rect: {
-				x: f + t.size - 2,
-				y: 0,
-				width: 4,
-				height: this.containerHeight
-			},
-			orientation: "vertical"
-		}), f += t.size;
-		let p = 0;
-		for (let e of n) u.push({
-			config: e,
-			rect: {
-				x: i,
-				y: p,
-				width: l.width,
-				height: e.size
-			}
-		}), d.push({
-			panelId: e.id,
-			rect: {
-				x: i,
-				y: p + e.size - 2,
-				width: l.width,
-				height: 4
-			},
-			orientation: "horizontal"
-		}), p += e.size;
-		p = l.y + l.height;
-		for (let e of r) u.push({
-			config: e,
-			rect: {
-				x: i,
-				y: p,
-				width: l.width,
-				height: e.size
-			}
-		}), d.push({
-			panelId: e.id,
-			rect: {
-				x: i,
-				y: p - 2,
-				width: l.width,
-				height: 4
-			},
-			orientation: "horizontal"
-		}), p += e.size;
-		f = i + l.width + this.priceAxisWidth;
-		for (let e of t) u.push({
-			config: e,
-			rect: {
-				x: f,
-				y: 0,
-				width: e.size,
-				height: this.containerHeight - o
-			}
-		}), d.push({
-			panelId: e.id,
-			rect: {
-				x: f - 2,
-				y: 0,
-				width: 4,
-				height: this.containerHeight
-			},
-			orientation: "vertical"
-		}), f += e.size;
-		return {
-			mainChartRect: l,
-			panels: u,
-			dividers: d
-		};
-	}
-	getMainChartRect() {
-		return this.resolve().mainChartRect;
-	}
-}, mt = 14, ht = 14, gt = 22, P = 4;
-function _t(e) {
-	let { min: t, max: n, lastPrice: r, locale: i, fontFamily: o, fontSizeSmall: c, measure: u } = e, d = s(t, n), f = e.tagPrecision ?? d, p = r === null ? [t, n] : [
-		t,
-		n,
-		r
-	], m = a;
-	for (let e of p) {
-		if (!Number.isFinite(e)) continue;
-		let t = l(e, d, i), n = l(e, f, i);
-		m = Math.max(m, u(t, `500 ${c}px ${o}`) + mt, u(n, `bold 11px ${o}`) + ht, u(n, `600 ${c}px ${o}`) + gt);
-	}
-	return m <= a ? a : Math.ceil(m / P) * P;
-}
-function vt(e, t) {
-	return t > e || t <= e - 12 ? t : e;
-}
-var yt = class {
-	netY = 0;
-	travelX = 0;
-	engaged = !1;
-	reset() {
-		this.netY = 0, this.travelX = 0, this.engaged = !1;
-	}
-	step(e, t, n) {
-		if (this.engaged) return !0;
-		if (this.netY += t, this.travelX += Math.abs(e), !n) this.engaged = !0;
-		else {
-			let e = Math.abs(this.netY);
-			this.engaged = e > 24 && e >= this.travelX * .5;
-		}
-		return this.engaged;
-	}
-}, bt = 1;
-function F(e, t) {
-	return e.filter((e) => (e.descriptor.layer ?? "overlay") === t);
-}
-function I(e) {
-	switch (e.kind) {
-		case "indicator": return `indicator:${e.plugin.descriptor.id}`;
-		case "drawing": return `drawing:${e.plugin.descriptor.type}`;
-		case "chartType": return `chartType:${e.plugin.descriptor.type}`;
-		case "overlay": return `overlay:${e.plugin.descriptor.id}`;
-	}
-}
-//#endregion
-//#region src/plugins/registry.ts
-var L = /* @__PURE__ */ new Map();
-function xt(e) {
-	L.set(I(e), e);
-}
-function St(e) {
-	return L.delete(e);
-}
-function R() {
-	return [...L.values()];
-}
-function Ct() {
-	L.clear();
-}
-//#endregion
-//#region src/plugins/PluginManager.ts
-var z = class {
-	plugins = /* @__PURE__ */ new Map();
-	constructor(e, t = {}) {
-		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of R()) this.add(e);
-		for (let e of t.plugins ?? []) this.add(e);
-	}
-	register(e) {
-		this.add(e);
-	}
-	unregister(e) {
-		return this.plugins.delete(e);
-	}
-	list() {
-		return [...this.plugins.values()];
-	}
-	registerIndicator(e) {
-		this.add({
-			kind: "indicator",
-			plugin: e
-		});
-	}
-	getChartType(e) {
-		let t = this.plugins.get(`chartType:${e}`);
-		return t?.kind === "chartType" ? t.plugin : void 0;
-	}
-	getOverlays() {
-		let e = [];
-		for (let t of this.plugins.values()) t.kind === "overlay" && e.push(t.plugin);
-		return e;
-	}
-	add(e) {
-		this.plugins.set(I(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
-	}
-}, B = {
-	orderPlace: (e, t) => e.placeOrder(t),
-	orderModify: (e, t) => e.modifyOrder(t),
-	orderCancel: (e, t) => e.cancelOrder(t),
-	positionModify: (e, t) => e.modifyPosition(t),
-	positionClose: (e, t) => e.closePosition(t)
-};
-function wt(e, t) {
-	let n = [], r = (e) => t.setOrders(e.data ?? []), i = (e) => t.setPositions(e.data ?? []), a = (e) => t.onError(e.data ?? { message: "Execution error" });
-	e.on("orders", r), e.on("positions", i), e.on("error", a), n.push(() => e.off("orders", r), () => e.off("positions", i), () => e.off("error", a));
-	for (let r of Object.keys(B)) {
-		let i = B[r], a = t.onIntent(r, (n) => {
-			Promise.resolve(i(e, n)).catch((e) => t.onError({
-				message: `Execution command failed: ${r}`,
-				cause: e
-			}));
-		});
-		n.push(a);
-	}
-	return () => {
-		for (let e of n) e();
-	};
-}
-//#endregion
-//#region src/Chart.ts
-var Tt = class {
-	static version = "1.3.0";
-	engine;
-	viewport;
-	dataManager;
-	themeManager;
-	layoutManager;
-	pluginManager;
-	indicatorEngine;
-	drawingManager;
-	drawingRenderer;
-	tradingManager;
-	tradingRenderer;
-	eventBus;
-	streamManager = null;
-	executionAdapter = null;
-	execTeardown = null;
-	autoScrollOnNewBar = !0;
-	displayDataCache = null;
-	resolvedLayoutCache = null;
-	panelInfoCache = null;
-	renderScheduled = !1;
-	priceAxisWidth = a;
-	measureCtx;
-	containerSizeCache = null;
-	containerSizeCacheTime = 0;
-	lastEmittedRange = null;
-	lastEmittedPriceRange = null;
-	lastEmittedBarWidth = null;
-	chartLegend;
-	watermark;
-	barCountdown;
-	sessionBreaks;
-	sessionShading;
-	compareRenderer;
-	countdownInterval = null;
-	volumeRenderer;
-	volumeProfile;
-	marketProfile;
-	depthHeatmap;
-	periodLevels;
-	pivotMarkers;
-	alertManager;
-	signalMarkerManager;
-	tradeZoneManager;
-	measureOverlay;
-	selectionBoxOverlay = new Pe();
-	replayManager;
-	replayBarUnsub = null;
-	replaySeeking = !1;
-	undoRedoManager;
-	autoSaveScheduler = new ft((e) => this.saveState(e));
-	animator;
-	crosshairTooltip;
-	pinnedTooltip;
-	interactionManager;
-	crosshairHandler;
-	chartRenderer;
-	gridRenderer;
-	priceAxis;
-	timeAxis;
-	options;
-	features;
-	marketConfig = null;
-	container;
-	currentPriceLine;
-	numberLocale;
-	defaultAutoScale;
-	keyboardHandler = null;
-	onWindowKeyDown = null;
-	currentSymbol = "";
-	constructor(e, t) {
-		this.container = e, this.options = t, this.numberLocale = t.numberLocale ?? "en-US", this.defaultAutoScale = t.autoScale !== !1;
-		let n = t.features ?? {};
-		this.features = {
-			drawings: n.drawings ?? !0,
-			drawingTools: n.drawingTools ?? [],
-			drawingMagnet: n.drawingMagnet ?? !0,
-			drawingUndoRedo: n.drawingUndoRedo ?? !0,
-			trading: n.trading ?? !0,
-			tradingContextMenu: n.tradingContextMenu ?? !1,
-			indicators: n.indicators ?? !0,
-			indicatorIds: n.indicatorIds ?? [],
-			panning: n.panning ?? !0,
-			zooming: n.zooming ?? !0,
-			crosshair: n.crosshair ?? !0,
-			crosshairTooltip: n.crosshairTooltip ?? !0,
-			keyboard: n.keyboard ?? !0,
-			priceAxis: n.priceAxis ?? !0,
-			timeAxis: n.timeAxis ?? !0,
-			grid: n.grid ?? t.grid?.visible ?? !0,
-			legend: n.legend ?? !0,
-			volume: n.volume ?? !0,
-			watermark: n.watermark ?? !0,
-			saveLoad: n.saveLoad ?? !0,
-			screenshot: n.screenshot ?? !0,
-			alerts: n.alerts ?? !0,
-			replay: n.replay ?? !0,
-			sessionBreaks: n.sessionBreaks ?? !0,
-			barCountdown: n.barCountdown ?? !0,
-			compareSymbols: n.compareSymbols ?? !0,
-			dataExport: n.dataExport ?? !0,
-			logScale: n.logScale ?? !0,
-			timeframes: n.timeframes ?? [],
-			defaultTimeframeFavorites: n.defaultTimeframeFavorites ?? []
-		}, e.style.position = "relative", e.style.overflow = "hidden", e.tabIndex = 0, e.style.outline = "none", this.dataManager = new k(), this.themeManager = new A(t.theme), this.layoutManager = new N(), this.indicatorEngine = new v(), this.pluginManager = new z(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new he(), S(this.indicatorEngine), this.drawingManager = new fe(), $e(this.drawingManager), this.drawingRenderer = new pe(this.drawingManager), this.drawingManager.setRequestRender(() => {
-			this.syncRenderContext(), this.engine.requestRender(r.Overlay), this.scheduleAutoSave();
-		}), this.drawingManager.setEventCallback((e, t) => {
-			this.eventBus.emit(e, t);
-		}), this.undoRedoManager = new We(), this.drawingManager.setUndoRedoManager(this.undoRedoManager), this.drawingManager.setDataGetter(() => this.dataManager.getData()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), t.crosshair?.mode === "magnet" && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new He({
-			enabled: this.features.trading,
-			contextMenu: { enabled: this.features.tradingContextMenu }
-		}), this.tradingRenderer = new Ue(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradingManager.setEventCallback((e, t) => {
-			this.eventBus.emit(e, t);
-		}), this.engine = new Ne(e);
-		let i = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new Ge(i.width, i.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), this.viewport.setPanLimits({
-			freePan: t.freePan ?? !0,
-			minVisibleBars: t.panLimits?.minVisibleBars ?? 3
-		}), this.layoutManager.resize(i.width, i.height), this.engine.onContainerResize = (e) => {
-			if (e.width <= 0 || e.height <= 0) return;
-			let t = this.viewport.isAtEnd();
-			this.viewport.resize(e.width, e.height), this.layoutManager.resize(e.width, e.height), this.updateViewportAndRender(t);
-		}, this.chartRenderer = this.createChartRenderer(t.chartType), this.gridRenderer = new ge(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new Me(), this.priceAxis.setLocale(this.numberLocale), this.timeAxis = new Be(), this.crosshairHandler = new ce(), this.crosshairHandler.setLocale(this.numberLocale), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), this.crosshairHandler.setCallback((e, t) => {
-			if (e !== null && t) {
-				let n = this.dataManager.getData(), r = e < n.length ? n[e] : void 0;
-				if (this.chartLegend.setHoverBar(r ?? null), r && this.features.crosshairTooltip) {
-					let i = this.viewport.getState();
-					this.crosshairTooltip.show(t, r, this.themeManager.getTheme(), this.cachedContainerSize(), {
-						prevClose: e > 0 ? n[e - 1]?.close : void 0,
-						priceRange: i.priceRange,
-						plot: i.chartRect,
-						barStepMs: Ze(n)
-					});
-				}
-				this.pinnedTooltip.isPinned() && this.pinnedTooltip.reposition(this.viewport.getState(), r ?? null, e, this.themeManager.getTheme()), this.eventBus.emit("crosshairMove", {
-					point: t,
-					bar: r,
-					barIndex: e
-				});
-			} else this.crosshairTooltip.hide(), this.chartLegend.setHoverBar(null);
-		}), this.chartLegend = new oe(), this.chartLegend.setChartType(t.chartType), this.chartLegend.setLocale(this.numberLocale), this.watermark = new Ye(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Je(), this.volumeProfile = new qe(), this.marketProfile = new we(), this.depthHeatmap = new de(), this.periodLevels = new Oe(), this.pivotMarkers = new Ae(), this.barCountdown = new re(), this.sessionBreaks = new Fe(), this.sessionBreaks.setLocale(this.numberLocale), this.sessionShading = new Ie(), this.compareRenderer = new se(), t.sessionBreaks ? this.sessionBreaks.setConfig({
-			visible: t.sessionBreaks.visible ?? !0,
-			color: t.sessionBreaks.color,
-			lineStyle: t.sessionBreaks.lineStyle,
-			lineWidth: t.sessionBreaks.lineWidth
-		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.viewport.setLogScale(!0), this.animator = new ee(), this.crosshairTooltip = new le(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new ke(), this.pinnedTooltip.create(e), this.keyboardHandler = new xe({
-			scrollBars: (e) => {
-				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
-				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
-			},
-			zoom: (e) => {
-				let t = this.viewport.getState().chartRect.width;
-				this.viewport.zoom(e, t / 2), this.updateViewportAndRender();
-			},
-			goToStart: () => {
-				this.viewport.scrollBy(-Infinity), this.updateViewportAndRender();
-			},
-			goToEnd: () => {
-				this.viewport.scrollToEnd(), this.updateViewportAndRender();
-			},
-			fitContent: () => this.fitContent()
-		}), this.keyboardHandler.setEnabled(this.features.keyboard), this.onWindowKeyDown = (e) => {
-			if (!this.keyboardHandler) return;
-			let t = document.activeElement;
-			t && t !== this.container && !this.container.contains(t) || t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable) || this.keyboardHandler.handleKey(e) && e.preventDefault();
-		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new ue(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new m(), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.alertManager.on("triggered", (e) => {
-			let t = {
-				id: e.id,
-				price: e.price,
-				condition: e.condition,
-				message: e.message,
-				triggered: e.triggered
-			};
-			this.eventBus.emit("alertTriggered", t), this.eventBus.emit("dataUpdate", {
-				alert: "triggered",
-				alertId: e.id,
-				price: e.price,
-				message: e.message
-			});
-		}), this.alertManager.on("added", (e) => {
-			this.eventBus.emit("alertAdd", {
-				id: e.id,
-				price: e.price,
-				condition: e.condition,
-				message: e.message,
-				triggered: e.triggered
-			});
-		}), this.alertManager.on("removed", (e) => {
-			this.eventBus.emit("alertRemove", { id: e });
-		}), this.alertManager.on("updated", (e) => {
-			this.eventBus.emit("alertUpdate", {
-				id: e.id,
-				price: e.price,
-				condition: e.condition,
-				message: e.message,
-				triggered: e.triggered
-			});
-		}), this.signalMarkerManager = new Le(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.dataManager.getData()), this.signalMarkerManager.on("added", (e) => {
-			this.eventBus.emit("signalMarkerAdd", {
-				id: e.id,
-				source: e.source,
-				direction: e.direction
-			});
-		}), this.signalMarkerManager.on("removed", (e) => {
-			this.eventBus.emit("signalMarkerRemove", { id: e });
-		}), this.tradeZoneManager = new Ve(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradeZoneManager.setDataGetter(() => this.dataManager.getData()), this.tradeZoneManager.on("added", (e) => {
-			this.eventBus.emit("tradeZoneAdd", {
-				id: e.id,
-				direction: e.direction
-			});
-		}), this.tradeZoneManager.on("removed", (e) => {
-			this.eventBus.emit("tradeZoneRemove", { id: e });
-		}), this.replayManager = new b(), this.measureOverlay = new Te(), this.interactionManager = new ye(e), this.features.panning) {
-			let e = new yt();
-			this.interactionManager.setPanHandler(new Ee((t, n) => {
-				t && this.viewport.scrollBy(t), e.step(t, n, this.options.autoScale !== !1) && n && (this.options.autoScale = !1, this.viewport.panPriceRange(n)), this.updateViewportAndRender();
-			}, () => e.reset()));
-		}
-		if (this.features.zooming) {
-			this.interactionManager.setZoomHandler(new Xe((e, t) => {
-				this.viewport.zoom(e, t), this.updateViewportAndRender();
-			}));
-			let e = new ne((e) => {
-				this.options.autoScale = !1, this.viewport.scalePriceRange(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
-			}, (e) => {
-				let t = this.viewport.getState().chartRect.width;
-				this.viewport.zoom(1 / e - 1, t / 2), this.updateViewportAndRender();
-			});
-			this.interactionManager.setAxisDragHandler(e, () => this.viewport.getState(), (e) => {
-				e === "price" ? (this.options.autoScale = !0, this.updateViewportAndRender()) : this.fitContent();
-			});
-		}
-		if (this.features.crosshair && this.interactionManager.setCrosshairHandler(this.crosshairHandler), this.features.drawings && this.interactionManager.setDrawingManager(this.drawingManager, () => ({
-			...this.viewport.getState(),
-			data: this.getDisplayData()
-		})), this.features.trading && this.interactionManager.setTradingManager(this.tradingManager, () => ({
-			...this.viewport.getState(),
-			data: this.getDisplayData()
-		})), this.features.alerts) {
-			let e = new p(this.alertManager, () => this.viewport.getState());
-			this.interactionManager.setAlertDragHandler(e);
-		}
-		let a = new De();
-		a.configure(() => this.getResolvedLayout(), (e, t) => this.setPanelSize(e, t)), this.interactionManager.setPaneResizeHandler(a), this.interactionManager.setAltClickHandler((e) => {
-			let t = this.getDisplayData();
-			if (t.length === 0) return;
-			let n = this.viewport.getState(), i = n.barWidth + n.barSpacing, a = Math.round((n.offset + e.x) / i);
-			a < 0 || a >= t.length || (this.pinnedTooltip.isPinned() && this.pinnedTooltip.getPinnedIndex() === a ? this.pinnedTooltip.unpin() : this.pinnedTooltip.pin(t[a], a, this.themeManager.getTheme()), this.pinnedTooltip.reposition(this.viewport.getState(), this.dataManager.getData()[a] ?? null, a, this.themeManager.getTheme()), this.engine.requestRender(r.Overlay));
-		}), this.interactionManager.setClickHandler((e) => {
-			let t = this.getDisplayData();
-			if (this.eventBus.emit("click", {
-				x: e.x,
-				y: e.y
-			}), t.length === 0) return;
-			let n = ot(e.x, this.viewport.getState());
-			n < 0 || n >= t.length || this.eventBus.emit("barClick", {
-				bar: t[n],
-				barIndex: n,
-				point: e
-			});
-		}), this.interactionManager.setEscapeHandler(() => {
-			if (this.features.trading && this.tradingManager.isBracketActive()) {
-				this.tradingManager.cancelBracket(), this.eventBus.emit("dataUpdate", { bracket: "cancelled" });
-				return;
-			}
-			this.pinnedTooltip.isPinned() && (this.pinnedTooltip.unpin(), this.engine.requestRender(r.Overlay));
-		}), this.interactionManager.setConfirmHandler(() => this.features.trading && this.tradingManager.isBracketActive() ? (this.tradingManager.confirmBracket(), !0) : !1), this.interactionManager.setMeasureHandlers({
-			begin: (e) => {
-				this.measureOverlay.begin(e, this.viewport.getState(), this.getDisplayData());
-			},
-			move: (e) => {
-				this.measureOverlay.update(e, this.viewport.getState(), this.getDisplayData());
-			},
-			end: () => {
-				this.measureOverlay.end();
-			}
-		});
-		let o = (e) => {
-			let t = this.viewport.getState().chartRect;
-			return {
-				x: Math.max(t.x, Math.min(t.x + t.width, e.x)),
-				y: Math.max(t.y, Math.min(t.y + t.height, e.y))
-			};
-		};
-		this.interactionManager.setBoxSelectHandlers({
-			begin: (e) => this.selectionBoxOverlay.begin(o(e)),
-			move: (e) => this.selectionBoxOverlay.update(o(e)),
-			end: () => {
-				let e = this.selectionBoxOverlay.end();
-				if (!e || !this.features.drawings) return;
-				let t = {
-					...this.viewport.getState(),
-					data: this.getDisplayData()
-				};
-				e.isClick ? this.drawingManager.toggleSelectionAt({
-					x: e.x1,
-					y: e.y1
-				}, t) : this.drawingManager.selectInRect(e, t), this.engine.requestRender(r.Overlay);
-			},
-			cancel: () => this.selectionBoxOverlay.cancel()
-		}), this.interactionManager.setOverlayDirtyCallback((e) => {
-			this.engine.requestRender(e ? r.Hover : r.Overlay);
-		}), this.interactionManager.attach(), this.syncRenderContext(), this.engine.start();
-	}
-	setData(e) {
-		this.dataManager.setData(e), this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.sessionBreaks.invalidateCache(), this.options.autoScale = this.defaultAutoScale, this.alertManager.clearLastValues(), this.indicatorEngine.recalculateAll(this.dataManager.getData()), e.length > 0 && this.currentPriceLine.setPrice(e[e.length - 1].close), this.updateViewportAndRender(!0), this.eventBus.emit("dataUpdate", { length: e.length });
-	}
-	appendBar(e) {
-		let t = this.autoScrollOnNewBar && this.viewport.isAtEnd();
-		this.dataManager.appendBar(e);
-		let n = this.dataManager.getData();
-		this.crosshairHandler.setData(n), this.displayDataCache = null, this.indicatorEngine.recalculateFrom(n, n.length - 2), this.updateViewportAndRender(t);
-	}
-	appendBars(e) {
-		if (e.length === 0) return;
-		let t = this.viewport.isAtEnd(), n = this.dataManager.getLength() - 1;
-		for (let t of e) this.dataManager.appendBar(t);
-		this.displayDataCache = null, this.indicatorEngine.recalculateFrom(this.dataManager.getData(), n), this.crosshairHandler.setData(this.dataManager.getData()), this.updateViewportAndRender(t);
-	}
-	updateLastBar(e) {
-		this.dataManager.updateLastBar(e), this.currentPriceLine.setPrice(e.close), this.options.chartType !== "candlestick" && this.options.chartType !== "line" && this.options.chartType !== "area" && this.options.chartType !== "bar" && this.options.chartType !== "hollowCandle" && (this.displayDataCache = null);
-		let t = this.dataManager.getData();
-		this.indicatorEngine.recalculateFrom(t, t.length - 1), this.scheduleRender();
-	}
-	updateLastBarFromTick(e) {
-		this.dataManager.updateLastBarFromTick(e), this.currentPriceLine.setPrice(e.price), this.options.chartType !== "candlestick" && this.options.chartType !== "line" && this.options.chartType !== "area" && this.options.chartType !== "bar" && this.options.chartType !== "hollowCandle" && (this.displayDataCache = null);
-		let t = this.dataManager.getData();
-		this.indicatorEngine.recalculateFrom(t, t.length - 1), this.scheduleRender();
-	}
-	setChartType(e) {
-		this.options.chartType = e, this.chartRenderer = this.createChartRenderer(e), this.chartLegend.setChartType(e), this.displayDataCache = null, this.updateViewportAndRender(!0);
-	}
-	addIndicator(e, t = {}, n = "bottom") {
-		if (!this.features.indicators || this.features.indicatorIds.length > 0 && !this.features.indicatorIds.includes(e)) return null;
-		let r = this.indicatorEngine.addIndicator(e, t, this.dataManager.getData());
-		return this.indicatorEngine.getAvailableIndicators().find((t) => t.id === e)?.placement === "panel" ? (this.layoutManager.addPanel(r, n), this.updateViewportAndRender()) : this.engine.requestRender(), this.eventBus.emit("indicatorAdd", {
-			instanceId: r,
-			id: e
-		}), r;
-	}
-	updateIndicator(e, t) {
-		this.indicatorEngine.updateIndicator(e, t, this.dataManager.getData()), this.engine.requestRender();
-	}
-	removeIndicator(e) {
-		let t = this.layoutManager.getPanels().some((t) => t.id === e);
-		this.indicatorEngine.removeIndicator(e), this.layoutManager.removePanel(e), this.eventBus.emit("indicatorRemove", { instanceId: e }), t ? this.updateViewportAndRender() : this.engine.requestRender();
-	}
-	getIndicatorOutput(e) {
-		return this.indicatorEngine.getOutput(e);
-	}
-	registerIndicator(e) {
-		this.pluginManager.registerIndicator(e);
-	}
-	get plugins() {
-		return this.pluginManager;
-	}
-	static indicators() {
-		let e = new v();
-		return S(e), e.getAvailableIndicators();
-	}
-	setPanelPosition(e, t) {
-		this.layoutManager.setPanelPosition(e, t), this.engine.requestRender();
-	}
-	setPanelSize(e, t) {
-		this.layoutManager.setPanelSize(e, t), this.updateViewportAndRender();
-	}
-	setDrawingTool(e) {
-		this.features.drawings && (e && this.features.drawingTools.length > 0 && !this.features.drawingTools.includes(e) || this.drawingManager.setActiveTool(e));
-	}
-	getDrawingTool() {
-		return this.drawingManager.getActiveTool();
-	}
-	setDrawingStyle(e) {
-		this.drawingManager.setStyle(e);
-	}
-	getDrawingStyle() {
-		return this.drawingManager.getActiveStyle();
-	}
-	getSelectedDrawingId() {
-		return this.drawingManager.getSelectedDrawingId();
-	}
-	setSelectedDrawingStyle(e, t) {
-		return this.drawingManager.setSelectedDrawingStyle(e, t);
-	}
-	getDrawings() {
-		return this.drawingManager.getDrawings();
-	}
-	setDrawings(e) {
-		this.drawingManager.setDrawings(e);
-	}
-	addDrawing(e) {
-		if (!this.features.drawings) return null;
-		let t = this.drawingManager.addDrawing(e);
-		return this.scheduleAutoSave(), t;
-	}
-	autoFib() {
-		if (!this.features.drawings) return null;
-		let e = this.getDisplayData(), t = this.viewport.getState(), n = Qe(e, t.visibleRange.from, t.visibleRange.to);
-		return n ? this.addDrawing({
-			type: "fibRetracement",
-			anchors: [n[0], n[1]]
-		}) : null;
-	}
-	removeDrawing(e) {
-		this.drawingManager.removeDrawing(e);
-	}
-	setDrawingVisible(e, t) {
-		this.drawingManager.setDrawingVisible(e, t);
-	}
-	setDrawingLocked(e, t) {
-		this.drawingManager.setDrawingLocked(e, t);
-	}
-	clearDrawings() {
-		this.drawingManager.clearDrawings();
-	}
-	registerDrawingTool(e) {
-		this.drawingManager.register(e);
-	}
-	undo() {
-		return this.features.drawingUndoRedo ? this.drawingManager.undo() : !1;
-	}
-	redo() {
-		return this.features.drawingUndoRedo ? this.drawingManager.redo() : !1;
-	}
-	getUndoRedoState() {
-		return this.undoRedoManager.getState();
-	}
-	setDrawingMagnet(e) {
-		this.drawingManager.setMagnetMode(e ? "magnet" : "none");
-	}
-	getDrawingMagnet() {
-		return this.drawingManager.getMagnetMode() === "magnet";
-	}
-	lockAllDrawings() {
-		this.drawingManager.lockAllDrawings();
-	}
-	unlockAllDrawings() {
-		this.drawingManager.unlockAllDrawings();
-	}
-	hideAllDrawings() {
-		this.drawingManager.hideAllDrawings();
-	}
-	showAllDrawings() {
-		this.drawingManager.showAllDrawings();
-	}
-	duplicateDrawing(e) {
-		let t = e ?? this.drawingManager.getSelectedDrawingId();
-		return t ? this.drawingManager.duplicateDrawing(t) : null;
-	}
-	exportVisibleData(e = "csv", t) {
-		let n = this.viewport.getState(), r = this.dataManager.getData(), i = Math.max(0, n.visibleRange.from), a = Math.min(r.length - 1, n.visibleRange.to), o = r.slice(i, a + 1);
-		if (e === "json") {
-			let e = _.toJSON(o);
-			_.download(e, t ?? "chart-data.json", "application/json");
-		} else {
-			let e = _.toCSV(o);
-			_.download(e, t ?? "chart-data.csv", "text/csv");
-		}
-	}
-	exportAllData(e = "csv", t) {
-		let n = this.dataManager.getData();
-		if (e === "json") {
-			let e = _.toJSON(n);
-			_.download(e, t ?? "chart-data.json", "application/json");
-		} else {
-			let e = _.toCSV(n);
-			_.download(e, t ?? "chart-data.csv", "text/csv");
-		}
-	}
-	setAutoSave(e, t = 5e3) {
-		this.autoSaveScheduler.enable(e, t);
-	}
-	disableAutoSave() {
-		this.autoSaveScheduler.disable();
-	}
-	scheduleAutoSave() {
-		this.autoSaveScheduler.schedule();
-	}
-	getAvailableIndicators() {
-		return this.indicatorEngine.getAvailableIndicators();
-	}
-	getIndicatorInputs(e) {
-		let t = this.indicatorEngine.getAvailableIndicators().find((t) => t.id === e);
-		return t ? {
-			id: t.id,
-			params: t.defaultConfig
-		} : null;
-	}
-	getActiveIndicators() {
-		return this.indicatorEngine.getActiveIndicators();
-	}
-	setIndicatorVisible(e, t) {
-		this.indicatorEngine.setVisible(e, t) !== null && this.updateViewportAndRender();
-	}
-	getIndicatorConfig(e) {
-		let t = this.indicatorEngine.getIndicatorConfig(e);
-		return t ? {
-			id: t.id,
-			params: { ...t.params }
-		} : null;
-	}
-	updateIndicatorStyle(e, t) {
-		this.indicatorEngine.updateIndicatorStyle(e, t), this.engine.requestRender();
-	}
-	setOrders(e) {
-		this.features.trading && this.tradingManager.setOrders(e);
-	}
-	startBracket(e, t) {
-		if (!this.features.trading) return !1;
-		let n = this.dataManager.getData(), r = t ?? (n.length > 0 ? n[n.length - 1].close : null);
-		return r === null ? !1 : (this.tradingManager.startBracket(e, r), !0);
-	}
-	cancelBracket() {
-		this.features.trading && this.tradingManager.cancelBracket();
-	}
-	confirmBracket() {
-		return this.features.trading ? this.tradingManager.confirmBracket() : !1;
-	}
-	isBracketActive() {
-		return this.features.trading && this.tradingManager.isBracketActive();
-	}
-	startOrderDraft(e, t) {
-		if (!this.features.trading) return !1;
-		let n = this.dataManager.getData(), r = t ?? (n.length > 0 ? n[n.length - 1].close : null);
-		return r === null ? !1 : (this.tradingManager.startOrderDraft(e, r), !0);
-	}
-	cancelOrderDraft() {
-		this.features.trading && this.tradingManager.cancelOrderDraft();
-	}
-	confirmOrderDraft() {
-		return this.features.trading ? this.tradingManager.confirmOrderDraft() : !1;
-	}
-	isOrderDraftActive() {
-		return this.features.trading && this.tradingManager.isOrderDraftActive();
-	}
-	placeOrderIntent(e) {
-		this.features.trading && this.eventBus.emit("orderPlace", e);
-	}
-	setPositions(e) {
-		this.features.trading && this.tradingManager.setPositions(e);
-	}
-	setDepthData(e) {
-		this.features.trading && this.tradingManager.setDepthData(e);
-	}
-	setCurrentPrice(e, t) {
-		this.tradingManager.setCurrentPrice(e), this.currentPriceLine.setPrice(e), this.scheduleRender(), this.features.alerts && (this.alertManager.checkPrice(e), this.feedIndicatorAlerts());
-	}
-	feedIndicatorAlerts() {
-		let e = this.alertManager.getAlerts(), t = this.dataManager.getData();
-		if (t.length === 0) return;
-		let n = t.length - 1, r = /* @__PURE__ */ new Set();
-		for (let t of e) {
-			if (t.channel === "price" || r.has(t.channel)) continue;
-			r.add(t.channel);
-			let e = t.channel.indexOf(":");
-			if (e < 0) continue;
-			let i = t.channel.slice(0, e), a = t.channel.slice(e + 1), o = this.indicatorEngine.getOutput(i)?.series?.[n]?.[a];
-			typeof o == "number" && Number.isFinite(o) && this.alertManager.checkChannel(t.channel, o);
-		}
-	}
-	setTradingConfig(e) {
-		this.features.trading && this.tradingManager.setConfig(e);
-	}
-	async connect(e) {
-		this.disconnectStream(), this.streamManager = new ze(), this.streamManager.on("snapshot", (e) => {
-			this.setData(e);
-		}), this.streamManager.on("barClose", (e) => {
-			let t = this.autoScrollOnNewBar && this.viewport.isAtEnd();
-			this.dataManager.appendBar(e);
-			let n = this.dataManager.getData();
-			this.crosshairHandler.setData(n), this.displayDataCache = null, this.indicatorEngine.recalculateFrom(n, n.length - 2), this.updateViewportAndRender(t);
-		}), this.streamManager.on("barUpdate", (e) => {
-			this.dataManager.updateLastBar(e), this.currentPriceLine.setPrice(e.close);
-			let t = this.dataManager.getData();
-			this.indicatorEngine.recalculateFrom(t, t.length - 1), this.scheduleRender();
-		}), this.streamManager.on("priceChange", ({ price: e, previousClose: t }) => {
-			this.tradingManager.setCurrentPrice(e), this.currentPriceLine.setPrice(e, t ?? void 0), this.engine.requestRender(r.Overlay);
-		}), this.streamManager.on("connectionChange", (e) => {
-			this.eventBus.emit("dataUpdate", { connection: e });
-		}), this.streamManager.on("error", (e) => {
-			this.eventBus.emit("dataUpdate", { error: e.message });
-		}), this.autoScrollOnNewBar = e.autoScroll !== !1, this.currentSymbol = e.symbol;
-		let t = this.streamManager;
-		if (await t.connect(e), this.streamManager !== t) return;
-		let n = f(e.timeframe);
-		this.barCountdown.setTimeframeMs(n), this.countdownInterval && clearInterval(this.countdownInterval), this.countdownInterval = setInterval(() => {
-			this.barCountdown.isVisible() && this.engine.requestRender(r.Hover);
-		}, 1e3);
-	}
-	async switchStream(e, t) {
-		this.streamManager && (this.currentSymbol = e, this.barCountdown.setTimeframeMs(f(t)), await this.streamManager.switchTo(e, t));
-	}
-	async setTimeframe(e) {
-		if (!this.streamManager) throw Error("No active stream. Call connect() first.");
-		await this.switchStream(this.currentSymbol, e);
-	}
-	disconnectStream() {
-		this.streamManager &&= (this.streamManager.dispose(), null);
-	}
-	connectExecution(e, t = {}) {
-		if (!this.features.trading) throw Error("connectExecution requires features.trading to be enabled");
-		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = wt(e, {
-			onIntent: (e, t) => {
-				let n = (e) => t(e.payload);
-				return this.eventBus.on(e, n), () => this.eventBus.off(e, n);
-			},
-			setOrders: (e) => this.setOrders(e),
-			setPositions: (e) => this.setPositions(e),
-			onError: (e) => this.eventBus.emit("executionError", e)
-		}), Promise.resolve(e.connect(t)).catch((e) => this.eventBus.emit("executionError", {
-			message: "Execution connect failed",
-			cause: e
-		}));
-	}
-	disconnectExecution() {
-		this.execTeardown &&= (this.execTeardown(), null), this.executionAdapter &&= (this.executionAdapter.disconnect(), null);
-	}
-	getExecutionAdapter() {
-		return this.executionAdapter;
-	}
-	setBarCountdownVisible(e) {
-		this.barCountdown.setVisible(e), this.engine.requestRender(r.Hover);
-	}
-	setSessionBreaksVisible(e) {
-		this.sessionBreaks.setVisible(e), this.engine.requestRender(r.Background);
-	}
-	addCompareSymbol(e, t, n, i) {
-		this.compareRenderer.addSymbol({
-			id: e,
-			label: t,
-			data: n,
-			color: i,
-			visible: !0
-		}), this.engine.requestRender(r.Main);
-	}
-	removeCompareSymbol(e) {
-		this.compareRenderer.removeSymbol(e), this.engine.requestRender(r.Main);
-	}
-	updateCompareData(e, t) {
-		this.compareRenderer.setSymbolData(e, t), this.engine.requestRender(r.Main);
-	}
-	setCompareMode(e) {
-		this.compareRenderer.setMode(e), this.engine.requestRender(r.Main);
-	}
-	clearCompareSymbols() {
-		this.compareRenderer.clear(), this.engine.requestRender(r.Main);
-	}
-	setLogScale(e) {
-		this.viewport.setLogScale(e), this.updateViewportAndRender();
-	}
-	isLogScale() {
-		return this.viewport.isLogScale();
-	}
-	setScaleMode(e) {
-		this.viewport.setScaleMode(e), this.updateViewportAndRender();
-	}
-	getScaleMode() {
-		return this.viewport.getScaleMode();
-	}
-	setSessionBreaksConfig(e) {
-		this.sessionBreaks.setConfig(e), this.engine.requestRender(r.Background);
-	}
-	getConnectionState() {
-		return this.streamManager?.getConnectionState() ?? "disconnected";
-	}
-	getConnectionInfo() {
-		return this.streamManager?.getConnectionInfo() ?? { state: "disconnected" };
-	}
-	setAutoScroll(e) {
-		this.autoScrollOnNewBar = e;
-	}
-	scrollTo(e) {
-		let t = this.dataManager.getData();
-		for (let n = 0; n < t.length; n++) if (t[n].time >= e) {
-			let e = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
-			this.viewport.scrollBy(n * e - this.viewport.getState().offset), this.updateViewportAndRender();
-			return;
-		}
-	}
-	scrollToEnd() {
-		this.viewport.scrollToEnd(), this.updateViewportAndRender();
-	}
-	setVisibleRange(e, t) {
-		let n = this.dataManager.getData();
-		if (n.length === 0) return;
-		let r = C(Math.min(e, t), n), i = C(Math.max(e, t), n);
-		this.viewport.zoomToBarRange(r, i), this.updateViewportAndRender();
-	}
-	setPanLimits(e) {
-		this.viewport.setPanLimits(e), this.updateViewportAndRender();
-	}
-	zoomIn() {
-		let e = this.viewport.getState().chartRect.width;
-		this.viewport.zoom(.2, e / 2), this.updateViewportAndRender();
-	}
-	zoomOut() {
-		let e = this.viewport.getState().chartRect.width;
-		this.viewport.zoom(-.2, e / 2), this.updateViewportAndRender();
-	}
-	fitContent() {
-		let e = this.dataManager.getLength();
-		e !== 0 && (this.viewport.zoomToBarRange(0, e - 1 + this.viewport.getRightMargin()), this.viewport.scrollToEnd(), this.updateViewportAndRender());
-	}
-	on(e, t) {
-		this.eventBus.on(e, t);
-	}
-	off(e, t) {
-		this.eventBus.off(e, t);
-	}
-	enableTauriBridge(e) {
-		this.eventBus.enableTauriBridge({
-			enabled: !0,
-			...e
-		});
-	}
-	disableTauriBridge() {
-		this.eventBus.disableTauriBridge();
-	}
-	setTheme(e) {
-		this.themeManager.setTheme(e), this.syncRenderContext(), this.container.style.backgroundColor = this.themeManager.getTheme().background, this.engine.requestRender(), this.eventBus.emit("themeChange", { theme: e });
-	}
-	getTheme() {
-		return this.themeManager.getTheme();
-	}
-	setWatermark(e, t) {
-		this.watermark.setConfig({
-			text: e,
-			...t
-		}), this.engine.requestRender(r.Background);
-	}
-	setAutoScale(e) {
-		this.options.autoScale = e, this.defaultAutoScale = e, this.updateViewportAndRender();
-	}
-	isAutoScale() {
-		return this.options.autoScale !== !1;
-	}
-	setCrosshairMode(e) {
-		this.crosshairHandler.setMode(e), this.engine.requestRender(r.Hover);
-	}
-	getCrosshairMode() {
-		return this.crosshairHandler.getMode();
-	}
-	setCrosshairPosition(e) {
-		e && this.crosshairHandler.onPointerMove(e), this.engine.requestRender(r.Hover);
-	}
-	getData() {
-		return this.dataManager.getData();
-	}
-	setGridVisible(e) {
-		this.gridRenderer.setVisible(e), this.engine.requestRender(r.Background);
-	}
-	isGridVisible() {
-		return this.gridRenderer.isVisible();
-	}
-	setVolumeVisible(e) {
-		this.volumeRenderer.setVisible(e), this.engine.requestRender(r.Main);
-	}
-	setVolumeProfileVisible(e) {
-		this.volumeProfile.setVisible(e), this.engine.requestRender(r.Main);
-	}
-	isVolumeProfileVisible() {
-		return this.volumeProfile.isVisible();
-	}
-	setVolumeProfileConfig(e) {
-		e.buckets !== void 0 && this.volumeProfile.setBuckets(e.buckets), e.widthRatio !== void 0 && this.volumeProfile.setWidthRatio(e.widthRatio), e.opacity !== void 0 && this.volumeProfile.setOpacity(e.opacity), e.highlightPoC !== void 0 && this.volumeProfile.setHighlightPoC(e.highlightPoC), this.engine.requestRender(r.Main);
-	}
-	setMarketProfileVisible(e) {
-		this.marketProfile.setVisible(e), this.engine.requestRender(r.Main);
-	}
-	isMarketProfileVisible() {
-		return this.marketProfile.isVisible();
-	}
-	setMarketProfileConfig(e) {
-		e.buckets !== void 0 && this.marketProfile.setBuckets(e.buckets), e.widthRatio !== void 0 && this.marketProfile.setWidthRatio(e.widthRatio), e.opacity !== void 0 && this.marketProfile.setOpacity(e.opacity), e.valueAreaPct !== void 0 && this.marketProfile.setValueAreaPct(e.valueAreaPct), e.highlightPoC !== void 0 && this.marketProfile.setHighlightPoC(e.highlightPoC), e.showStats !== void 0 && this.marketProfile.setShowStats(e.showStats), e.splitBySession !== void 0 && this.marketProfile.setSplitBySession(e.splitBySession), e.letters !== void 0 && this.marketProfile.setLetters(e.letters), this.engine.requestRender(r.Main);
-	}
-	getMarketProfileStats() {
-		return this.marketProfile.getStats();
-	}
-	setDepthHeatmapVisible(e) {
-		this.depthHeatmap.setVisible(e), this.engine.requestRender(r.Main);
-	}
-	isDepthHeatmapVisible() {
-		return this.depthHeatmap.isVisible();
-	}
-	setDepthHeatmapConfig(e) {
-		e.opacity !== void 0 && this.depthHeatmap.setOpacity(e.opacity), e.capacity !== void 0 && this.depthHeatmap.setCapacity(e.capacity), this.engine.requestRender(r.Main);
-	}
-	pushDepthSnapshot(e) {
-		let t = this.dataManager.getData();
-		t.length !== 0 && (this.depthHeatmap.push(t[t.length - 1].time, e), this.depthHeatmap.isVisible() && this.engine.requestRender(r.Main));
-	}
-	clearDepthHeatmap() {
-		this.depthHeatmap.clear(), this.engine.requestRender(r.Main);
-	}
-	setPeriodLevelsVisible(e) {
-		this.periodLevels.setVisible(e), this.engine.requestRender(r.Main);
-	}
-	isPeriodLevelsVisible() {
-		return this.periodLevels.isVisible();
-	}
-	setPeriodLevelsPeriod(e) {
-		this.periodLevels.setPeriod(e), this.engine.requestRender(r.Main);
-	}
-	setTimezoneOffset(e) {
-		this.timeAxis.setTimezoneOffset(e), this.crosshairHandler.setTimezoneOffset(e), this.crosshairTooltip.setTimezoneOffset(e), this.engine.requestRender(r.UI);
-	}
-	setPivotMarkersVisible(e) {
-		this.pivotMarkers.setVisible(e), this.engine.requestRender(r.Overlay);
-	}
-	isPivotMarkersVisible() {
-		return this.pivotMarkers.isVisible();
-	}
-	setPivotMarkersConfig(e) {
-		(e.left !== void 0 || e.right !== void 0) && this.pivotMarkers.setStrength(e.left ?? 5, e.right ?? e.left ?? 5), e.showLabels !== void 0 && this.pivotMarkers.setShowLabels(e.showLabels), e.structureLabels !== void 0 && this.pivotMarkers.setStructureLabels(e.structureLabels), this.engine.requestRender(r.Overlay);
-	}
-	setSessionShadingVisible(e) {
-		this.sessionShading.setVisible(e), this.engine.requestRender(r.Background);
-	}
-	isSessionShadingVisible() {
-		return this.sessionShading.isVisible();
-	}
-	setSessionShadingConfig(e) {
-		this.sessionShading.setConfig(e), this.engine.requestRender(r.Background);
-	}
-	setTooltipVisible(e) {
-		e || this.crosshairTooltip.hide();
-	}
-	setLegend(e) {
-		this.chartLegend.setConfig(e), this.engine.requestRender(r.Hover);
-	}
-	setSymbolName(e) {
-		this.chartLegend.setSymbol(e), this.engine.requestRender(r.Hover);
-	}
-	setStatusText(e) {
-		this.chartLegend.setStatusText(e), this.engine.requestRender(r.Hover);
-	}
-	screenshot(e) {
-		this.features.screenshot && x.download(this.container, e, this.themeManager.getTheme().background);
-	}
-	async copyScreenshot() {
-		if (!this.features.screenshot) return !1;
-		try {
-			let e = await x.toBlob(this.container, this.themeManager.getTheme().background), t = globalThis.ClipboardItem;
-			return !e || !navigator.clipboard?.write || !t ? !1 : (await navigator.clipboard.write([new t({ "image/png": e })]), !0);
-		} catch {
-			return !1;
-		}
-	}
-	screenshotDataURL() {
-		return this.features.screenshot ? x.toDataURL(this.container, this.themeManager.getTheme().background) : null;
-	}
-	async screenshotBlob() {
-		return this.features.screenshot ? x.toBlob(this.container, this.themeManager.getTheme().background) : null;
-	}
-	addAlert(e, t = "crossing", n, r = "price", i) {
-		if (!this.features.alerts) return null;
-		let a = this.alertManager.addAlert(e, t, n, !1, r, i);
-		return this.scheduleAutoSave(), a;
-	}
-	removeAlert(e) {
-		this.alertManager.removeAlert(e), this.scheduleAutoSave();
-	}
-	getAlerts() {
-		return this.alertManager.getAlerts();
-	}
-	clearAlerts() {
-		this.alertManager.clearAlerts(), this.scheduleAutoSave();
-	}
-	saveAlerts(e) {
-		this.alertManager.saveToStorage(e);
-	}
-	loadAlerts(e) {
-		this.alertManager.loadFromStorage(e), this.engine.requestRender(r.Overlay);
-	}
-	addSignalMarker(e) {
-		return this.signalMarkerManager.addMarker(e);
-	}
-	removeSignalMarker(e) {
-		this.signalMarkerManager.removeMarker(e);
-	}
-	getSignalMarkers() {
-		return this.signalMarkerManager.getMarkers();
-	}
-	setSignalMarkers(e) {
-		this.signalMarkerManager.setMarkers(e);
-	}
-	clearSignalMarkers() {
-		this.signalMarkerManager.clearMarkers();
-	}
-	setSignalMarkerStyle(e) {
-		this.signalMarkerManager.setStyle(e);
-	}
-	addTradeZone(e) {
-		return this.tradeZoneManager.addZone(e);
-	}
-	updateTradeZone(e, t) {
-		this.tradeZoneManager.updateZone(e, t);
-	}
-	removeTradeZone(e) {
-		this.tradeZoneManager.removeZone(e);
-	}
-	getTradeZones() {
-		return this.tradeZoneManager.getZones();
-	}
-	setTradeZones(e) {
-		this.tradeZoneManager.setZones(e);
-	}
-	clearTradeZones() {
-		this.tradeZoneManager.clearZones();
-	}
-	setTradeZoneStyle(e) {
-		this.tradeZoneManager.setStyle(e);
-	}
-	replayStart(e) {
-		if (!this.features.replay) return;
-		let t = this.dataManager.getData();
-		this.replayManager.load(t);
-		let n = -1;
-		this.replayBarUnsub?.(), this.replayBarUnsub = this.replayManager.on("bar", ({ bar: e, index: r }) => {
-			let i = r + 1, a = n > 0 && i > n && this.dataManager.getLength() === n, o = !(a && !this.replaySeeking) || this.autoScrollOnNewBar && this.viewport.isAtEnd();
-			if (a) {
-				for (let e = n; e < i; e++) this.dataManager.appendBar(t[e]);
-				this.indicatorEngine.recalculateFrom(this.dataManager.getData(), n);
-			} else this.dataManager.setData(t.slice(0, i)), this.indicatorEngine.recalculateAll(this.dataManager.getData());
-			n = i, this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.updateViewportAndRender(o);
-		}), this.replayManager.play(e);
-	}
-	replayPause() {
-		this.replayManager.pause();
-	}
-	replayResume() {
-		this.replayManager.resume();
-	}
-	replayStop() {
-		this.replayManager.stop();
-	}
-	replaySeek(e) {
-		this.replaySeeking = !0;
-		try {
-			this.replayManager.seekTo(e);
-		} finally {
-			this.replaySeeking = !1;
-		}
-	}
-	setReplaySpeed(e) {
-		this.replayManager.setSpeed(e);
-	}
-	getReplayState() {
-		return this.replayManager.getState();
-	}
-	getReplayProgress() {
-		return this.replayManager.getProgress();
-	}
-	saveState(e) {
-		if (!this.features.saveLoad) return null;
-		let t = g.capture({
-			getDrawings: () => this.getDrawings(),
-			getTheme: () => this.getTheme(),
-			getAlerts: () => this.getAlerts()
-		}, { chartType: this.options.chartType }), n = g.serialize(t);
-		return e && g.saveToStorage(e, t), n;
-	}
-	loadState(e) {
-		if (!this.features.saveLoad) return;
-		let t = g.deserialize(e);
-		if (t.chartType && this.setChartType(t.chartType), t.drawings && this.setDrawings(t.drawings), t.theme && this.setTheme(t.theme), t.alerts) {
-			this.clearAlerts();
-			for (let e of t.alerts) this.addAlert(e.price, e.condition, e.message);
-		}
-	}
-	loadStateFromStorage(e) {
-		if (!this.features.saveLoad) return !1;
-		let t = g.loadFromStorage(e);
-		return t ? (this.loadState(g.serialize(t)), !0) : !1;
-	}
-	downloadState(e) {
-		if (!this.features.saveLoad) return;
-		let t = g.capture({
-			getDrawings: () => this.getDrawings(),
-			getTheme: () => this.getTheme(),
-			getAlerts: () => this.getAlerts()
-		}, { chartType: this.options.chartType });
-		g.downloadFile(t, e);
-	}
-	async loadStateFromFile() {
-		if (!this.features.saveLoad) return;
-		let e = await g.loadFromFile();
-		this.loadState(g.serialize(e));
-	}
-	setLocale(e) {
-		d(e), this.engine.requestRender();
-	}
-	setNumberLocale(e) {
-		this.numberLocale = e, this.priceAxis.setLocale(e), this.crosshairHandler.setLocale(e), this.chartLegend.setLocale(e), this.crosshairTooltip.setLocale(e), this.sessionBreaks.setLocale(e), this.currentPriceLine.setLocale(e), this.updateViewportAndRender();
-	}
-	getNumberLocale() {
-		return this.numberLocale;
-	}
-	setMarket(e) {
-		if (this.marketConfig = e, e.colorScheme) {
-			let t = {
-				...this.themeManager.getTheme(),
-				candleUp: e.colorScheme.up,
-				candleDown: e.colorScheme.down,
-				candleUpWick: e.colorScheme.up,
-				candleDownWick: e.colorScheme.down,
-				volumeUp: e.colorScheme.up.replace(")", ", 0.3)").replace("rgb(", "rgba(") || `${e.colorScheme.up}4D`,
-				volumeDown: e.colorScheme.down.replace(")", ", 0.3)").replace("rgb(", "rgba(") || `${e.colorScheme.down}4D`
-			};
-			this.themeManager.setTheme(t);
-		}
-		e.pricePrecision !== void 0 && (this.tradingManager.setConfig({ pricePrecision: e.pricePrecision }), this.alertManager.setPricePrecision(e.pricePrecision), this.streamManager?.priceLine.setPricePrecision(e.pricePrecision), this.currentPriceLine.setPricePrecision(e.pricePrecision), this.crosshairHandler.setPricePrecision(e.pricePrecision), this.chartLegend.setPricePrecision(e.pricePrecision), this.crosshairTooltip.setPricePrecision(e.pricePrecision)), this.updateViewportAndRender();
-	}
-	getMarket() {
-		return this.marketConfig;
-	}
-	setPriceLimits(e) {
-		this.marketConfig && (c(e, this.marketConfig) && (this.marketConfig.priceLimits = {
-			...this.marketConfig.priceLimits,
-			referencePrice: e
-		}), this.engine.requestRender());
-	}
-	getFeatures() {
-		return this.features;
-	}
-	setFeatures(e) {
-		Object.assign(this.features, e), (e.crosshair === !1 || e.crosshairTooltip === !1) && this.crosshairTooltip.hide(), e.grid !== void 0 && this.engine.requestRender(r.Background), e.volume !== void 0 && (this.volumeRenderer.setVisible(e.volume), this.engine.requestRender(r.Main)), e.drawings === !1 && this.drawingManager.setActiveTool(null), e.trading === !1 && (this.tradingManager.setOrders([]), this.tradingManager.setPositions([])), e.keyboard !== void 0 && this.keyboardHandler?.setEnabled(e.keyboard), this.engine.requestRender();
-	}
-	resize() {
-		let e = this.engine.dprManager.readContainerSize();
-		if (e.width <= 0 || e.height <= 0) return;
-		this.containerSizeCache = e, this.containerSizeCacheTime = Date.now();
-		let t = this.engine.dprManager.getDpr();
-		this.engine.layerManager.resize(e, t);
-		let n = this.viewport.isAtEnd();
-		this.viewport.resize(e.width, e.height), this.layoutManager.resize(e.width, e.height), this.updateViewportAndRender(n), this.eventBus.emit("resize", e);
-	}
-	destroy() {
-		this.countdownInterval && clearInterval(this.countdownInterval), this.disableAutoSave(), this.disconnectStream(), this.disconnectExecution(), this.onWindowKeyDown &&= (window.removeEventListener("keydown", this.onWindowKeyDown), null), this.keyboardHandler = null, this.interactionManager.detach(), this.tradingManager.destroy(), this.animator.dispose(), this.crosshairTooltip.destroy(), this.pinnedTooltip.destroy(), this.replayManager.dispose(), this.undoRedoManager.clear(), this.engine.destroy(), this.eventBus.destroy(), this.container.innerHTML = "";
-	}
-	createChartRenderer(e) {
-		return lt(e, (e) => this.pluginManager.getChartType(e));
-	}
-	getDisplayData() {
-		if (this.displayDataCache) return this.displayDataCache;
-		let e = this.dataManager.getData();
-		if (e.length === 0) return e;
-		let t = ut(this.options.chartType, e, (e) => this.pluginManager.getChartType(e));
-		return this.displayDataCache = t, t;
-	}
-	scheduleRender() {
-		this.renderScheduled || (this.renderScheduled = !0, requestAnimationFrame(() => {
-			this.renderScheduled = !1, this.applyDataToViewport(), this.fitPriceAxisWidth() && this.applyDataToViewport(), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
-		}));
-	}
-	applyDataToViewport(e = !1) {
-		let t = this.getDisplayData(), n = this.options.autoScale !== !1;
-		this.viewport.updateData(t, n && !e), e && (this.viewport.scrollToEnd(), n && this.viewport.updateData(t, !0));
-		let r = this.viewport.getState();
-		if (t.length > 0) {
-			let e = Math.max(0, Math.min(r.visibleRange.from, t.length - 1));
-			this.viewport.setScaleBaseline(t[e]?.close);
-		}
-		if (n) {
-			let e = this.indicatorEngine.getOverlayPriceRange(r.visibleRange.from, Math.min(r.visibleRange.to, t.length - 1));
-			if (e) {
-				let t = r.priceRange, n = Math.min(t.min, e.min), i = Math.max(t.max, e.max);
-				if (n < t.min || i > t.max) {
-					let e = i - n || 1;
-					this.viewport.setPriceRange(n - e * .02, i + e * .02);
-				}
-			}
-		}
-		return t;
-	}
-	updateViewportAndRender(e = !1) {
-		this.resolvedLayoutCache = null, this.panelInfoCache = null;
-		let t = this.getResolvedLayout();
-		this.viewport.setChartRect(t.mainChartRect), this.applyDataToViewport(e), this.fitPriceAxisWidth() && this.applyDataToViewport(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
-	}
-	fitPriceAxisWidth() {
-		if (!this.features.priceAxis) return !1;
-		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = _t({
-			min: e.min,
-			max: e.max,
-			lastPrice: this.currentPriceLine.getPrice(),
-			tagPrecision: this.marketConfig?.pricePrecision ?? null,
-			locale: this.numberLocale,
-			fontFamily: t.font.family,
-			fontSizeSmall: t.font.sizeSmall,
-			measure: (e, t) => this.measureText(e, t)
-		}), r = vt(this.priceAxisWidth, n);
-		return r === this.priceAxisWidth ? !1 : (this.priceAxisWidth = r, this.layoutManager.setPriceAxisWidth(r), this.viewport.setPriceAxisWidth(r), this.resolvedLayoutCache = null, this.panelInfoCache = null, this.viewport.setChartRect(this.getResolvedLayout().mainChartRect), !0);
-	}
-	measureText(e, t) {
-		this.measureCtx === void 0 && (this.measureCtx = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null);
-		let n = this.measureCtx;
-		return n ? (n.font = t, n.measureText(e).width) : e.length * 7;
-	}
-	emitViewportEvents() {
-		let e = this.viewport.getState(), t = Math.max(0, Math.floor(e.visibleRange.from)), n = Math.max(t, Math.ceil(e.visibleRange.to));
-		(!this.lastEmittedRange || this.lastEmittedRange.from !== t || this.lastEmittedRange.to !== n) && (this.lastEmittedRange = {
-			from: t,
-			to: n
-		}, this.eventBus.emit("visibleRangeChange", {
-			from: t,
-			to: n
-		}));
-		let { min: r, max: i } = e.priceRange;
-		(!this.lastEmittedPriceRange || this.lastEmittedPriceRange.min !== r || this.lastEmittedPriceRange.max !== i) && (this.lastEmittedPriceRange = {
-			min: r,
-			max: i
-		}, this.eventBus.emit("priceRangeChange", {
-			min: r,
-			max: i
-		})), this.lastEmittedBarWidth !== e.barWidth && (this.lastEmittedBarWidth = e.barWidth, this.eventBus.emit("zoomChange", { barWidth: e.barWidth }));
-	}
-	getResolvedLayout() {
-		return this.resolvedLayoutCache ||= this.layoutManager.resolve(), this.resolvedLayoutCache;
-	}
-	cachedContainerSize() {
-		let e = Date.now();
-		return (!this.containerSizeCache || e - this.containerSizeCacheTime > 500) && (this.containerSizeCache = this.engine.dprManager.getContainerSize(), this.containerSizeCacheTime = e), this.containerSizeCache;
-	}
-	buildPanelRenderInfos() {
-		if (this.panelInfoCache) return this.panelInfoCache;
-		let e = this.getResolvedLayout(), t = this.viewport.getState(), { from: n, to: r } = t.visibleRange, i = e.panels.map((e) => {
-			let i = dt(this.indicatorEngine.getOutput(e.config.id), n, r), a = {
-				x: e.rect.x,
-				y: e.rect.y + 20,
-				width: e.rect.width,
-				height: Math.max(0, e.rect.height - 20)
-			};
-			return {
-				instanceId: e.config.id,
-				rect: e.rect,
-				viewport: {
-					...t,
-					chartRect: a,
-					priceRange: i
-				}
-			};
-		});
-		return this.panelInfoCache = i, i;
-	}
-	syncRenderContext() {
-		this.pinnedTooltip.isPinned() && this.pinnedTooltip.reposition(this.viewport.getState(), null, null, this.themeManager.getTheme());
-		let e = this.getResolvedLayout(), t = this.features.indicators ? this.buildPanelRenderInfos() : [], n = e.panels.filter((e) => e.config.position === "bottom").reduce((e, t) => e + t.rect.height, 0), r = e.mainChartRect.y + e.mainChartRect.height + n, i = this.getDisplayData();
-		this.engine.setRenderContext({
-			chartRenderer: this.chartRenderer,
-			gridRenderer: this.features.grid ? this.gridRenderer : null,
-			priceAxis: this.features.priceAxis ? this.priceAxis : null,
-			timeAxis: this.features.timeAxis ? this.timeAxis : null,
-			crosshairHandler: this.features.crosshair ? this.crosshairHandler : null,
-			indicatorEngine: this.features.indicators ? this.indicatorEngine : null,
-			drawingRenderer: this.features.drawings ? this.drawingRenderer : null,
-			tradingRenderer: this.features.trading ? this.tradingRenderer : null,
-			currentPriceLine: this.currentPriceLine,
-			chartLegend: this.features.legend ? this.chartLegend : null,
-			volumeRenderer: this.features.volume ? this.volumeRenderer : null,
-			volumeProfile: this.volumeProfile,
-			marketProfile: this.marketProfile,
-			depthHeatmap: this.depthHeatmap,
-			periodLevels: this.periodLevels,
-			pivotMarkers: this.pivotMarkers,
-			watermark: this.features.watermark ? this.watermark : null,
-			barCountdown: this.barCountdown,
-			sessionBreaks: this.sessionBreaks,
-			sessionShading: this.sessionShading,
-			compareRenderer: this.compareRenderer,
-			alertManager: this.features.alerts ? this.alertManager : null,
-			measureOverlay: this.measureOverlay,
-			selectionBoxOverlay: this.selectionBoxOverlay,
-			signalMarkerManager: this.signalMarkerManager,
-			tradeZoneManager: this.tradeZoneManager,
-			panels: t,
-			priceLimits: this.buildPriceLimits(),
-			timeAxisY: r,
-			viewport: {
-				...this.viewport.getState(),
-				data: i
-			},
-			theme: this.themeManager.getTheme(),
-			data: i,
-			numberLocale: this.numberLocale,
-			renderOverlayPlugins: (e, t) => this.drawOverlayPlugins(e, t)
-		});
-	}
-	drawOverlayPlugins(e, t) {
-		let n = F(this.pluginManager.getOverlays(), t);
-		if (n.length === 0) return;
-		let r = {
-			viewport: this.viewport.getState(),
-			data: this.getDisplayData(),
-			theme: this.themeManager.getTheme()
-		};
-		for (let t of n) t.render(e, r);
-	}
-	buildPriceLimits() {
-		if (!this.marketConfig?.priceLimits?.enabled || !this.marketConfig.priceLimits.referencePrice) return null;
-		let e = c(this.marketConfig.priceLimits.referencePrice, this.marketConfig);
-		return e ? {
-			...e,
-			colors: this.marketConfig.colorScheme ? {
-				ceiling: this.marketConfig.colorScheme.ceiling,
-				floor: this.marketConfig.colorScheme.floor,
-				reference: this.marketConfig.colorScheme.reference
-			} : void 0
-		} : null;
-	}
-}, V = [
-	"time",
-	"timestamp",
-	"date",
-	"datetime",
-	"t"
-], H = ["open", "o"], U = ["high", "h"], W = ["low", "l"], G = ["close", "c"], K = [
-	"volume",
-	"vol",
-	"v"
-];
-function q(e) {
-	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? Et(t) : Dt(t) : {
-		data: [],
-		rowCount: 0,
-		skipped: 0
-	};
-}
-function Et(e) {
-	let t;
-	try {
-		t = JSON.parse(e);
-	} catch (e) {
-		throw Error(`Invalid JSON: ${e.message}`);
-	}
-	if (!Array.isArray(t)) throw Error("Expected a JSON array of OHLCV rows");
-	let n = [], r = 0;
-	for (let e of t) {
-		let t = Array.isArray(e) ? At(e) : Y(e);
-		t ? n.push(t) : r++;
-	}
-	return Q(n, t.length, r);
-}
-function Dt(e) {
-	let t = e.split(/\r?\n/).filter((e) => e.trim().length > 0);
-	if (t.length === 0) return {
-		data: [],
-		rowCount: 0,
-		skipped: 0
-	};
-	let n = Ot(t[0]), r = J(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? kt(r) : {
-		time: 0,
-		open: 1,
-		high: 2,
-		low: 3,
-		close: 4,
-		volume: 5
-	};
-	if (a.time < 0 || a.open < 0 || a.high < 0 || a.low < 0 || a.close < 0) throw Error("CSV is missing required column(s): time, open, high, low, close");
-	let o = [], s = 0;
-	for (let e = +!!i; e < t.length; e++) {
-		let r = J(t[e], n), i = Z(r[a.time]), c = X(r[a.open]), l = X(r[a.high]), u = X(r[a.low]), d = X(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
-		if (i === null || ![
-			c,
-			l,
-			u,
-			d
-		].every(Number.isFinite)) {
-			s++;
-			continue;
-		}
-		o.push({
-			time: i,
-			open: c,
-			high: l,
-			low: u,
-			close: d,
-			volume: Number.isFinite(f) ? f : 0
-		});
-	}
-	return Q(o, t.length - +!!i, s);
-}
-function Ot(e) {
-	let t = {
-		",": 0,
-		";": 0,
-		"	": 0,
-		"|": 0
-	};
-	for (let n of e) n in t && t[n]++;
-	let n = ",", r = 0;
-	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
-	return n;
-}
-function J(e, t) {
-	let n = [], r = "", i = !1;
-	for (let a = 0; a < e.length; a++) {
-		let o = e[a];
-		o === "\"" ? i && e[a + 1] === "\"" ? (r += "\"", a++) : i = !i : o === t && !i ? (n.push(r), r = "") : r += o;
-	}
-	return n.push(r), n;
-}
-function kt(e) {
-	let t = (t) => e.findIndex((e) => t.includes(e));
-	return {
-		time: t(V),
-		open: t(H),
-		high: t(U),
-		low: t(W),
-		close: t(G),
-		volume: t(K)
-	};
-}
-function Y(e) {
-	let t = (t) => {
-		for (let n of t) {
-			if (e[n] !== void 0) return e[n];
-			let t = n.toUpperCase();
-			if (e[t] !== void 0) return e[t];
-		}
-	}, n = Z(String(t(V) ?? "")), r = Number(t(H)), i = Number(t(U)), a = Number(t(W)), o = Number(t(G)), s = Number(t(K) ?? 0);
-	return n === null || ![
-		r,
-		i,
-		a,
-		o
-	].every(Number.isFinite) ? null : {
-		time: n,
-		open: r,
-		high: i,
-		low: a,
-		close: o,
-		volume: Number.isFinite(s) ? s : 0
-	};
-}
-function At(e) {
-	if (e.length < 5) return null;
-	let t = Z(String(e[0])), n = Number(e[1]), r = Number(e[2]), i = Number(e[3]), a = Number(e[4]), o = e.length >= 6 ? Number(e[5]) : 0;
-	return t === null || ![
-		n,
-		r,
-		i,
-		a
-	].every(Number.isFinite) ? null : {
-		time: t,
-		open: n,
-		high: r,
-		low: i,
-		close: a,
-		volume: Number.isFinite(o) ? o : 0
-	};
-}
-function X(e) {
-	return e === void 0 || e.trim() === "" ? NaN : Number(e);
-}
-function Z(e) {
-	let t = e.trim();
-	if (!t) return null;
-	let n = Number(t);
-	if (Number.isFinite(n) && n > 0) return n < 0xe8d4a51000 ? n * 1e3 : n;
-	let r = Date.parse(t);
-	return Number.isFinite(r) ? r : null;
-}
-function Q(e, t, n) {
-	e.sort((e, t) => e.time - t.time);
-	let r = [];
-	for (let t of e) r.length > 0 && r[r.length - 1].time === t.time ? r[r.length - 1] = t : r.push(t);
-	return {
-		data: r,
-		rowCount: t,
-		skipped: n
-	};
-}
-//#endregion
-//#region src/io/DragDropImporter.ts
-var jt = class {
-	host;
-	overlay = null;
-	callbacks;
-	bound;
-	depth = 0;
-	constructor(e, t) {
-		this.host = e, this.callbacks = t, this.bound = {
-			dragenter: (e) => this.onDragEnter(e),
-			dragover: (e) => this.onDragOver(e),
-			dragleave: (e) => this.onDragLeave(e),
-			drop: (e) => this.onDrop(e)
-		};
-	}
-	attach() {
-		this.host.addEventListener("dragenter", this.bound.dragenter), this.host.addEventListener("dragover", this.bound.dragover), this.host.addEventListener("dragleave", this.bound.dragleave), this.host.addEventListener("drop", this.bound.drop);
-	}
-	detach() {
-		this.host.removeEventListener("dragenter", this.bound.dragenter), this.host.removeEventListener("dragover", this.bound.dragover), this.host.removeEventListener("dragleave", this.bound.dragleave), this.host.removeEventListener("drop", this.bound.drop), this.hideOverlay();
-	}
-	onDragEnter(e) {
-		$(e) && (e.preventDefault(), this.depth++, this.showOverlay());
-	}
-	onDragOver(e) {
-		$(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
-	}
-	onDragLeave(e) {
-		$(e) && (this.depth = Math.max(0, this.depth - 1), this.depth === 0 && this.hideOverlay());
-	}
-	async onDrop(e) {
-		e.preventDefault(), this.depth = 0, this.hideOverlay();
-		let t = e.dataTransfer?.files?.[0];
-		if (t) try {
-			let e = q(await t.text());
-			if (e.data.length === 0) throw Error(`No valid OHLCV rows found in "${t.name}"`);
-			this.callbacks.onData(e.data, e, t);
-		} catch (e) {
-			this.callbacks.onError?.(e, t);
-		}
-	}
-	showOverlay() {
-		this.overlay || (this.overlay = document.createElement("div"), Object.assign(this.overlay.style, {
-			position: "absolute",
-			inset: "8px",
-			zIndex: "90",
-			pointerEvents: "none",
-			borderRadius: "10px",
-			border: "2px dashed var(--tcw-accent, #f2a93b)",
-			background: "rgba(79, 136, 255, 0.06)",
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center",
-			color: "var(--tcw-accent, #f2a93b)",
-			fontSize: "14px",
-			fontWeight: "600",
-			letterSpacing: "-0.005em",
-			fontFamily: "inherit",
-			backdropFilter: "blur(2px)"
-		}), this.overlay.textContent = "Drop CSV or JSON to load chart data", getComputedStyle(this.host).position === "static" && (this.host.style.position = "relative"), this.host.appendChild(this.overlay));
-	}
-	hideOverlay() {
-		this.overlay?.remove(), this.overlay = null;
-	}
-};
-function $(e) {
-	return e.dataTransfer?.types?.includes("Files") ?? !1;
-}
-//#endregion
-export { Ct as a, St as c, I as d, N as f, z as i, bt as l, k as m, q as n, R as o, A as p, Tt as r, xt as s, jt as t, F as u };
-
-//# sourceMappingURL=DragDropImporter-cURSpfUb.js.map