@tradecanvas/chart 0.4.0 → 0.6.0

package/dist/Chart-CrrTKx3r.js

@@ -0,0 +1,1027 @@
+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, computePriceLimits as s, mergeBar as c, setLocale as l, timeframeToMs as u } from "@tradecanvas/commons";
+import { AlertManager as d, Animator as f, AreaRenderer as p, BarCountdown as m, BarRenderer as ee, BaselineRenderer as h, CandlestickRenderer as g, ChartLegend as te, ChartStateManager as _, CompareRenderer as v, CrosshairHandler as y, CrosshairTooltip as ne, CurrentPriceLine as re, DataExporter as b, DrawingManager as ie, DrawingRenderer as ae, EventBus as oe, GridRenderer as se, HollowCandleRenderer as ce, IndicatorEngine as x, InteractionManager as le, KagiRenderer as ue, KeyboardHandler as de, LineRenderer as S, PanHandler as C, PointAndFigureRenderer as w, PriceAxis as T, RenderEngine as E, RenkoRenderer as D, ReplayManager as O, Screenshot as k, SessionBreaks as A, StreamManager as j, TimeAxis as M, TradingManager as N, TradingRenderer as P, UndoRedoManager as F, Viewport as I, VolumeRenderer as L, Watermark as R, ZoomHandler as z, registerBuiltInDrawingTools as B, registerBuiltInIndicators as V, toHeikinAshi as H, toKagi as fe, toLineBreak as pe, toPointAndFigure as me, toRangeBars as he, toRenko as ge } from "@tradecanvas/core";
+//#region src/charts/ChartTypeStrategy.ts
+function _e(e) {
+	switch (e) {
+		case "candlestick":
+		case "heikinAshi":
+		case "lineBreak":
+		case "rangeBars": return new g();
+		case "line": return new S();
+		case "area": return new p();
+		case "bar": return new ee();
+		case "hollowCandle": return new ce();
+		case "baseline": return new h();
+		case "renko": return new D();
+		case "kagi": return new ue();
+		case "pointAndFigure": return new w();
+		default: return new g();
+	}
+}
+function ve(e, t) {
+	if (t.length === 0) return t;
+	switch (e) {
+		case "heikinAshi": return H(t);
+		case "renko": return ge(t, {
+			brickSize: 0,
+			useATR: !0,
+			atrPeriod: 14
+		});
+		case "lineBreak": return pe(t, 3);
+		case "kagi": return fe(t, 4);
+		case "pointAndFigure": return me(t, U(t) * .01, 3);
+		case "rangeBars": return he(t, { rangeSize: U(t) * .005 });
+		default: return t;
+	}
+}
+function U(e) {
+	let t = 0;
+	for (let n of e) t += n.close;
+	return t / e.length;
+}
+//#endregion
+//#region src/charts/IndicatorPriceRange.ts
+var W = {
+	min: 0,
+	max: 100
+}, G = .1;
+function ye(e, t, n) {
+	if (!e) return { ...W };
+	let r = Infinity, i = -Infinity, 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 { ...W };
+	let o = i - r || 1;
+	return {
+		min: r - o * G,
+		max: i + o * G
+	};
+}
+//#endregion
+//#region src/state/AutoSaveScheduler.ts
+var be = 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 K(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 q(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 J = class {
+	data = [];
+	getData() {
+		return this.data;
+	}
+	setData(e) {
+		this.data = e.filter(K).map(q);
+	}
+	appendBar(e) {
+		K(e) && this.data.push(q(e));
+	}
+	updateLastBar(e) {
+		if (!K(e)) return;
+		let t = q(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] = c(this.data[this.data.length - 1], e)));
+	}
+	getLength() {
+		return this.data.length;
+	}
+	clear() {
+		this.data = [];
+	}
+}, Y = 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 };
+	}
+}, X = 200, Z = 80, Q = class {
+	panels = [];
+	containerWidth = 0;
+	containerHeight = 0;
+	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 ? X : t),
+			minSize: a ? Z : 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 ? X : t, r.minSize = a ? Z : i);
+		}
+	}
+	setPanelSize(e, t) {
+		let n = this.panels.find((t) => t.id === e);
+		n && (n.size = Math.max(n.minSize, t));
+	}
+	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), s = t.reduce((e, t) => e + t.size, 0), c = n.reduce((e, t) => e + t.size, 0), l = r.reduce((e, t) => e + t.size, 0), u = {
+			x: i,
+			y: c,
+			width: Math.max(0, this.containerWidth - i - s - a),
+			height: Math.max(0, this.containerHeight - c - l - o)
+		}, d = [], f = [], p = 0;
+		for (let t of e) d.push({
+			config: t,
+			rect: {
+				x: p,
+				y: 0,
+				width: t.size,
+				height: this.containerHeight - o
+			}
+		}), f.push({
+			panelId: t.id,
+			rect: {
+				x: p + t.size - 2,
+				y: 0,
+				width: 4,
+				height: this.containerHeight
+			},
+			orientation: "vertical"
+		}), p += t.size;
+		let m = 0;
+		for (let e of n) d.push({
+			config: e,
+			rect: {
+				x: i,
+				y: m,
+				width: u.width,
+				height: e.size
+			}
+		}), f.push({
+			panelId: e.id,
+			rect: {
+				x: i,
+				y: m + e.size - 2,
+				width: u.width,
+				height: 4
+			},
+			orientation: "horizontal"
+		}), m += e.size;
+		m = u.y + u.height;
+		for (let e of r) d.push({
+			config: e,
+			rect: {
+				x: i,
+				y: m,
+				width: u.width,
+				height: e.size
+			}
+		}), f.push({
+			panelId: e.id,
+			rect: {
+				x: i,
+				y: m - 2,
+				width: u.width,
+				height: 4
+			},
+			orientation: "horizontal"
+		}), m += e.size;
+		p = i + u.width + a;
+		for (let e of t) d.push({
+			config: e,
+			rect: {
+				x: p,
+				y: 0,
+				width: e.size,
+				height: this.containerHeight - o
+			}
+		}), f.push({
+			panelId: e.id,
+			rect: {
+				x: p - 2,
+				y: 0,
+				width: 4,
+				height: this.containerHeight
+			},
+			orientation: "vertical"
+		}), p += e.size;
+		return {
+			mainChartRect: u,
+			panels: d,
+			dividers: f
+		};
+	}
+	getMainChartRect() {
+		return this.resolve().mainChartRect;
+	}
+}, $ = class {
+	constructor(e) {
+		this.indicatorEngine = e;
+	}
+	registerIndicator(e) {
+		this.indicatorEngine.register(e);
+	}
+}, xe = class {
+	static version = "0.3.0";
+	engine;
+	viewport;
+	dataManager;
+	themeManager;
+	layoutManager;
+	pluginManager;
+	indicatorEngine;
+	drawingManager;
+	drawingRenderer;
+	tradingManager;
+	tradingRenderer;
+	eventBus;
+	streamManager = null;
+	autoScrollOnNewBar = !0;
+	displayDataCache = null;
+	resolvedLayoutCache = null;
+	panelInfoCache = null;
+	renderScheduled = !1;
+	containerSizeCache = null;
+	containerSizeCacheTime = 0;
+	chartLegend;
+	watermark;
+	barCountdown;
+	sessionBreaks;
+	compareRenderer;
+	countdownInterval = null;
+	volumeRenderer;
+	alertManager;
+	replayManager;
+	undoRedoManager;
+	autoSaveScheduler = new be((e) => this.saveState(e));
+	animator;
+	crosshairTooltip;
+	interactionManager;
+	crosshairHandler;
+	chartRenderer;
+	gridRenderer;
+	priceAxis;
+	timeAxis;
+	options;
+	features;
+	marketConfig = null;
+	container;
+	currentPriceLine;
+	numberLocale;
+	keyboardHandler = null;
+	onWindowKeyDown = null;
+	currentSymbol = "";
+	constructor(e, t) {
+		this.container = e, this.options = t, this.numberLocale = t.numberLocale ?? "en-US";
+		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 ?? !0,
+			indicators: n.indicators ?? !0,
+			indicatorIds: n.indicatorIds ?? [],
+			panning: n.panning ?? !0,
+			zooming: n.zooming ?? !0,
+			crosshair: n.crosshair ?? !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 J(), this.themeManager = new Y(t.theme), this.layoutManager = new Q(), this.indicatorEngine = new x(), this.pluginManager = new $(this.indicatorEngine), this.eventBus = new oe(), V(this.indicatorEngine), this.drawingManager = new ie(), B(this.drawingManager), this.drawingRenderer = new ae(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 F(), 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 N(), this.tradingRenderer = new P(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 E(e);
+		let i = this.engine.dprManager.getContainerSize();
+		this.viewport = new I(i.width, i.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), 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 se(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new T(), this.priceAxis.setLocale(this.numberLocale), this.timeAxis = new M(), this.crosshairHandler = new y(), 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;
+				this.chartLegend.setHoverBar(r ?? null), r && this.crosshairTooltip.show(t, r, this.themeManager.getTheme(), this.cachedContainerSize()), this.eventBus.emit("crosshairMove", {
+					point: t,
+					bar: r,
+					barIndex: e
+				});
+			} else this.crosshairTooltip.hide(), this.chartLegend.setHoverBar(null);
+		}), this.chartLegend = new te(), this.chartLegend.setChartType(t.chartType), this.watermark = new R(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new L(), this.barCountdown = new m(), this.sessionBreaks = new A(), this.compareRenderer = new v(), 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 f(), this.crosshairTooltip = new ne(), this.crosshairTooltip.create(e), this.keyboardHandler = new de({
+			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 re(), this.alertManager = new d(), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.alertManager.on("triggered", (e) => {
+			this.eventBus.emit("dataUpdate", {
+				alert: "triggered",
+				alertId: e.id,
+				price: e.price,
+				message: e.message
+			});
+		}), this.replayManager = new O(), this.interactionManager = new le(e), this.features.panning && this.interactionManager.setPanHandler(new C((e) => {
+			this.viewport.scrollBy(e), this.updateViewportAndRender();
+		})), this.features.zooming && this.interactionManager.setZoomHandler(new z((e, t) => {
+			this.viewport.zoom(e, t), this.updateViewportAndRender();
+		})), this.features.crosshair && this.interactionManager.setCrosshairHandler(this.crosshairHandler), this.features.drawings && this.interactionManager.setDrawingManager(this.drawingManager, () => this.viewport.getState()), this.features.trading && this.interactionManager.setTradingManager(this.tradingManager, () => this.viewport.getState()), this.interactionManager.setOverlayDirtyCallback(() => {
+			this.engine.requestRender(r.Overlay), this.layoutManager.getPanels().length > 0 && this.engine.requestRender(r.UI);
+		}), 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.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) {
+		this.dataManager.appendBar(e), this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.autoScrollOnNewBar && this.viewport.scrollToEnd(), this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.updateViewportAndRender();
+	}
+	appendBars(e) {
+		if (e.length !== 0) {
+			for (let t of e) this.dataManager.appendBar(t);
+			this.displayDataCache = null, this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.crosshairHandler.setData(this.dataManager.getData()), this.updateViewportAndRender(this.viewport.isAtEnd());
+		}
+	}
+	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), this.indicatorEngine.recalculateAll(this.dataManager.getData()), 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), this.indicatorEngine.recalculateAll(this.dataManager.getData()), 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);
+	}
+	static indicators() {
+		let e = new x();
+		return V(e), e.getAvailableIndicators();
+	}
+	setPanelPosition(e, t) {
+		this.layoutManager.setPanelPosition(e, t), this.engine.requestRender();
+	}
+	setPanelSize(e, t) {
+		this.layoutManager.setPanelSize(e, t), this.engine.requestRender();
+	}
+	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);
+	}
+	getDrawings() {
+		return this.drawingManager.getDrawings();
+	}
+	setDrawings(e) {
+		this.drawingManager.setDrawings(e);
+	}
+	removeDrawing(e) {
+		this.drawingManager.removeDrawing(e);
+	}
+	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 = b.toJSON(o);
+			b.download(e, t ?? "chart-data.json", "application/json");
+		} else {
+			let e = b.toCSV(o);
+			b.download(e, t ?? "chart-data.csv", "text/csv");
+		}
+	}
+	exportAllData(e = "csv", t) {
+		let n = this.dataManager.getData();
+		if (e === "json") {
+			let e = b.toJSON(n);
+			b.download(e, t ?? "chart-data.json", "application/json");
+		} else {
+			let e = b.toCSV(n);
+			b.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();
+	}
+	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);
+	}
+	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);
+	}
+	setTradingConfig(e) {
+		this.features.trading && this.tradingManager.setConfig(e);
+	}
+	async connect(e) {
+		this.disconnectStream(), this.streamManager = new j(), this.streamManager.on("snapshot", (e) => {
+			this.setData(e);
+		}), this.streamManager.on("barClose", (e) => {
+			this.dataManager.appendBar(e), this.crosshairHandler.setData(this.dataManager.getData()), this.autoScrollOnNewBar && this.viewport.scrollToEnd(), this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.updateViewportAndRender();
+		}), this.streamManager.on("barUpdate", (e) => {
+			this.dataManager.updateLastBar(e), this.currentPriceLine.setPrice(e.close), this.indicatorEngine.recalculateAll(this.dataManager.getData()), this.scheduleRender();
+		}), this.streamManager.on("priceChange", ({ price: e }) => {
+			this.tradingManager.setCurrentPrice(e), this.currentPriceLine.setPrice(e), this.engine.requestRender(r.Overlay), this.engine.requestRender(r.UI);
+		}), 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, await this.streamManager.connect(e);
+		let t = u(e.timeframe);
+		this.barCountdown.setTimeframeMs(t), this.countdownInterval && clearInterval(this.countdownInterval), this.countdownInterval = setInterval(() => {
+			this.barCountdown.isVisible() && this.engine.requestRender(r.UI);
+		}, 1e3);
+	}
+	async switchStream(e, t) {
+		this.streamManager && (this.currentSymbol = e, 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);
+	}
+	setBarCountdownVisible(e) {
+		this.barCountdown.setVisible(e), this.engine.requestRender(r.UI);
+	}
+	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();
+	}
+	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(), r = 0, i = n.length - 1;
+		for (let t = 0; t < n.length; t++) if (n[t].time >= e) {
+			r = t;
+			break;
+		}
+		for (let e = n.length - 1; e >= 0; e--) if (n[e].time <= t) {
+			i = e;
+			break;
+		}
+		let a = i - r + 1;
+		if (a > 0) {
+			let e = this.viewport.getState().chartRect.width, t = e / a, n = Math.max(2, t - this.viewport.getState().barSpacing);
+			this.viewport.zoom((n - this.viewport.getState().barWidth) / this.viewport.getState().barWidth, e / 2);
+		}
+		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.getData();
+		e.length !== 0 && this.setVisibleRange(e[0].time, e[e.length - 1].time);
+	}
+	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.updateViewportAndRender();
+	}
+	isAutoScale() {
+		return this.options.autoScale !== !1;
+	}
+	setCrosshairMode(e) {
+		this.crosshairHandler.setMode(e), this.engine.requestRender(r.Overlay);
+	}
+	getCrosshairMode() {
+		return this.crosshairHandler.getMode();
+	}
+	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);
+	}
+	setTooltipVisible(e) {
+		e || this.crosshairTooltip.hide();
+	}
+	setLegend(e) {
+		this.chartLegend.setConfig(e), this.engine.requestRender(r.UI);
+	}
+	setSymbolName(e) {
+		this.chartLegend.setSymbol(e), this.engine.requestRender(r.UI);
+	}
+	setStatusText(e) {
+		this.chartLegend.setStatusText(e), this.engine.requestRender(r.UI);
+	}
+	screenshot(e) {
+		this.features.screenshot && k.download(this.container, e, this.themeManager.getTheme().background);
+	}
+	screenshotDataURL() {
+		return this.features.screenshot ? k.toDataURL(this.container, this.themeManager.getTheme().background) : null;
+	}
+	async screenshotBlob() {
+		return this.features.screenshot ? k.toBlob(this.container, this.themeManager.getTheme().background) : null;
+	}
+	addAlert(e, t = "crossing", n) {
+		if (!this.features.alerts) return null;
+		let r = this.alertManager.addAlert(e, t, n);
+		return this.scheduleAutoSave(), r;
+	}
+	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);
+	}
+	replay(e) {
+		if (!this.features.replay) return;
+		let t = this.dataManager.getData();
+		this.replayManager.load(t), this.replayManager.on("bar", ({ bar: e, index: n }) => {
+			let r = t.slice(0, n + 1);
+			this.dataManager.setData(r), this.crosshairHandler.setData(r), this.indicatorEngine.recalculateAll(r), this.updateViewportAndRender();
+		}), this.replayManager.play(e);
+	}
+	replayPause() {
+		this.replayManager.pause();
+	}
+	replayResume() {
+		this.replayManager.resume();
+	}
+	replayStop() {
+		this.replayManager.stop();
+	}
+	replaySeek(e) {
+		this.replayManager.seekTo(e);
+	}
+	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 = _.capture({
+			getDrawings: () => this.getDrawings(),
+			getTheme: () => this.getTheme(),
+			getAlerts: () => this.getAlerts()
+		}, { chartType: this.options.chartType }), n = _.serialize(t);
+		return e && _.saveToStorage(e, t), n;
+	}
+	loadState(e) {
+		if (!this.features.saveLoad) return;
+		let t = _.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 = _.loadFromStorage(e);
+		return t ? (this.loadState(_.serialize(t)), !0) : !1;
+	}
+	downloadState(e) {
+		if (!this.features.saveLoad) return;
+		let t = _.capture({
+			getDrawings: () => this.getDrawings(),
+			getTheme: () => this.getTheme(),
+			getAlerts: () => this.getAlerts()
+		}, { chartType: this.options.chartType });
+		_.downloadFile(t, e);
+	}
+	async loadStateFromFile() {
+		if (!this.features.saveLoad) return;
+		let e = await _.loadFromFile();
+		this.loadState(_.serialize(e));
+	}
+	setLocale(e) {
+		l(e), this.engine.requestRender();
+	}
+	setNumberLocale(e) {
+		this.numberLocale = e, this.priceAxis.setLocale(e), this.crosshairHandler.setLocale(e), this.syncRenderContext(), this.engine.requestRender();
+	}
+	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.crosshairHandler.setPricePrecision(e.pricePrecision)), this.syncRenderContext(), this.engine.requestRender();
+	}
+	getMarket() {
+		return this.marketConfig;
+	}
+	setPriceLimits(e) {
+		this.marketConfig && (s(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 && 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.onWindowKeyDown &&= (window.removeEventListener("keydown", this.onWindowKeyDown), null), this.keyboardHandler = null, this.interactionManager.detach(), this.tradingManager.destroy(), this.animator.dispose(), this.crosshairTooltip.destroy(), this.replayManager.dispose(), this.undoRedoManager.clear(), this.engine.destroy(), this.eventBus.destroy(), this.container.innerHTML = "";
+	}
+	createChartRenderer(e) {
+		return _e(e);
+	}
+	getDisplayData() {
+		if (this.displayDataCache) return this.displayDataCache;
+		let e = this.dataManager.getData();
+		if (e.length === 0) return e;
+		let t = ve(this.options.chartType, e);
+		return this.displayDataCache = t, t;
+	}
+	scheduleRender() {
+		this.renderScheduled || (this.renderScheduled = !0, requestAnimationFrame(() => {
+			this.renderScheduled = !1;
+			let e = this.getDisplayData();
+			this.viewport.updateData(e, this.options.autoScale !== !1), this.syncRenderContext(), this.engine.requestRender();
+		}));
+	}
+	updateViewportAndRender(e = !1) {
+		this.resolvedLayoutCache = null, this.panelInfoCache = null;
+		let t = this.getResolvedLayout();
+		this.viewport.setChartRect(t.mainChartRect);
+		let n = this.getDisplayData();
+		if (this.viewport.updateData(n, this.options.autoScale !== !1), this.options.autoScale !== !1) {
+			let e = this.viewport.getState(), t = this.indicatorEngine.getOverlayPriceRange(e.visibleRange.from, Math.min(e.visibleRange.to, n.length - 1));
+			if (t) {
+				let n = e.priceRange, r = Math.min(n.min, t.min), i = Math.max(n.max, t.max);
+				if (r < n.min || i > n.max) {
+					let e = i - r || 1;
+					this.viewport.setPriceRange(r - e * .02, i + e * .02);
+				}
+			}
+		}
+		e && this.viewport.scrollToEnd(), this.syncRenderContext(), this.engine.requestRender();
+	}
+	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 = ye(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() {
+		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;
+		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.streamManager?.priceLine ?? this.currentPriceLine,
+			chartLegend: this.features.legend ? this.chartLegend : null,
+			volumeRenderer: this.features.volume ? this.volumeRenderer : null,
+			watermark: this.features.watermark ? this.watermark : null,
+			barCountdown: this.barCountdown,
+			sessionBreaks: this.sessionBreaks,
+			compareRenderer: this.compareRenderer,
+			panels: t,
+			priceLimits: this.buildPriceLimits(),
+			timeAxisY: r,
+			viewport: this.viewport.getState(),
+			theme: this.themeManager.getTheme(),
+			data: this.getDisplayData(),
+			numberLocale: this.numberLocale
+		});
+	}
+	buildPriceLimits() {
+		if (!this.marketConfig?.priceLimits?.enabled || !this.marketConfig.priceLimits.referencePrice) return null;
+		let e = s(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;
+	}
+};
+//#endregion
+export { J as a, Y as i, $ as n, Q as r, xe as t };
+
+//# sourceMappingURL=Chart-CrrTKx3r.js.map