@tradecanvas/chart 0.9.0 → 1.0.0

package/dist/{DragDropImporter-6QOjnfSj.js → DragDropImporter-C4x09P7e.js}

@@ -1,57 +1,66 @@
 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, AxisDragHandler as m, BarCountdown as ee, BarRenderer as te, BaselineRenderer as ne, CandlestickRenderer as h, ChartLegend as g, ChartStateManager as _, CompareRenderer as re, CrosshairHandler as ie, CrosshairTooltip as ae, CurrentPriceLine as oe, DataExporter as v, DrawingManager as se, DrawingRenderer as ce, EquivolumeRenderer as le, EventBus as ue, GridRenderer as de, HLCAreaRenderer as fe, HollowCandleRenderer as pe, IndicatorEngine as y, InteractionManager as me, KagiRenderer as he, KeyboardHandler as ge, LineRenderer as _e, LineWithMarkersRenderer as ve, MeasureOverlay as ye, PanHandler as be, PinnedTooltip as xe, PointAndFigureRenderer as Se, PriceAxis as Ce, RenderEngine as we, RenkoRenderer as Te, ReplayManager as b, Screenshot as x, SessionBreaks as S, SignalMarkerManager as C, StepLineRenderer as w, StreamManager as T, TimeAxis as E, TradeZoneManager as D, TradingManager as O, TradingRenderer as Ee, UndoRedoManager as De, Viewport as Oe, VolumeCandleRenderer as ke, VolumeProfileRenderer as Ae, VolumeRenderer as je, Watermark as Me, ZoomHandler as Ne, registerBuiltInDrawingTools as Pe, registerBuiltInIndicators as k, toHeikinAshi as Fe, toKagi as Ie, toLineBreak as Le, toPointAndFigure as Re, toRangeBars as ze, toRenko as Be } from "@tradecanvas/core";
+import { AlertDragHandler as d, AlertManager as f, Animator as p, AreaRenderer as m, AxisDragHandler as ee, BarCountdown as te, BarRenderer as h, BaselineRenderer as ne, CandlestickRenderer as g, ChartLegend as re, ChartStateManager as _, CompareRenderer as ie, CrosshairHandler as ae, CrosshairTooltip as oe, CurrentPriceLine as se, DataExporter as v, DepthHeatmapRenderer as ce, DrawingManager as le, DrawingRenderer as ue, EquivolumeRenderer as de, EventBus as fe, GridRenderer as pe, HLCAreaRenderer as me, HollowCandleRenderer as he, IndicatorEngine as y, InteractionManager as ge, KagiRenderer as _e, KeyboardHandler as ve, LineRenderer as ye, LineWithMarkersRenderer as be, MarketProfileRenderer as xe, MeasureOverlay as Se, PanHandler as Ce, PaneResizeHandler as we, PeriodLevelsRenderer as Te, PinnedTooltip as Ee, PivotMarkersRenderer as De, PointAndFigureRenderer as Oe, PriceAxis as ke, RenderEngine as Ae, RenkoRenderer as b, ReplayManager as x, Screenshot as S, SessionBreaks as C, SessionShading as je, SignalMarkerManager as Me, StepLineRenderer as Ne, StreamManager as Pe, TimeAxis as Fe, TradeZoneManager as Ie, TradingManager as Le, TradingRenderer as Re, UndoRedoManager as ze, Viewport as Be, VolumeCandleRenderer as Ve, VolumeProfileRenderer as He, VolumeRenderer as Ue, Watermark as We, ZoomHandler as Ge, findDominantSwing as Ke, registerBuiltInDrawingTools as qe, registerBuiltInIndicators as w, toHeikinAshi as Je, toKagi as Ye, toLineBreak as Xe, toPointAndFigure as Ze, toRangeBars as Qe, toRenko as T, xToBarIndex as $e } from "@tradecanvas/core";
 //#region src/charts/ChartTypeStrategy.ts
-function Ve(e) {
+function et(e) {
 	switch (e) {
 		case "candlestick":
 		case "heikinAshi":
 		case "lineBreak":
-		case "rangeBars": return new h();
-		case "line": return new _e();
-		case "area": return new p();
-		case "bar": return new te();
-		case "hollowCandle": return new pe();
+		case "rangeBars": return new g();
+		case "line": return new ye();
+		case "area": return new m();
+		case "bar": return new h();
+		case "hollowCandle": return new he();
 		case "baseline": return new ne();
-		case "renko": return new Te();
-		case "kagi": return new he();
-		case "pointAndFigure": return new Se();
-		case "volumeCandles": return new ke();
-		case "equivolume": return new le();
-		case "hlcArea": return new fe();
-		case "stepLine": return new w();
-		case "lineWithMarkers": return new ve();
-		default: return new h();
+		case "renko": return new b();
+		case "kagi": return new _e();
+		case "pointAndFigure": return new Oe();
+		case "volumeCandles": return new Ve();
+		case "equivolume": return new de();
+		case "hlcArea": return new me();
+		case "stepLine": return new Ne();
+		case "lineWithMarkers": return new be();
+		default: return new g();
 	}
 }
-function He(e, t) {
+function tt(e, t) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return Fe(t);
-		case "renko": return Be(t, {
+		case "heikinAshi": return Je(t);
+		case "renko": return T(t, {
 			brickSize: 0,
 			useATR: !0,
 			atrPeriod: 14
 		});
-		case "lineBreak": return Le(t, 3);
-		case "kagi": return Ie(t, 4);
-		case "pointAndFigure": return Re(t, A(t) * .01, 3);
-		case "rangeBars": return ze(t, { rangeSize: A(t) * .005 });
+		case "lineBreak": return Xe(t, 3);
+		case "kagi": return Ye(t, 4);
+		case "pointAndFigure": return Ze(t, E(t) * .01, 3);
+		case "rangeBars": return Qe(t, { rangeSize: E(t) * .005 });
 		default: return t;
 	}
 }
-function A(e) {
+function E(e) {
 	let t = 0;
 	for (let n of e) t += n.close;
 	return t / e.length;
 }
+function nt(e, t) {
+	let n = t?.(e);
+	return n ? n.createRenderer() : et(e);
+}
+function rt(e, t, n) {
+	if (t.length === 0) return t;
+	let r = n?.(e);
+	return r?.transform ? r.transform(t) : tt(e, t);
+}
 //#endregion
 //#region src/charts/IndicatorPriceRange.ts
-var j = {
+var D = {
 	min: 0,
 	max: 100
-}, M = .1;
-function Ue(e, t, n) {
-	if (!e) return { ...j };
+}, O = .1;
+function it(e, t, n) {
+	if (!e) return { ...D };
 	let r = Infinity, i = -Infinity, a = 0;
 	for (let [, o] of e.values) {
 		if (a >= t && a <= n) for (let e in o) {
@@ -60,16 +69,16 @@ function Ue(e, t, n) {
 		}
 		a++;
 	}
-	if (r === Infinity) return { ...j };
+	if (r === Infinity) return { ...D };
 	let o = i - r || 1;
 	return {
-		min: r - o * M,
-		max: i + o * M
+		min: r - o * O,
+		max: i + o * O
 	};
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var We = class {
+var at = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -99,12 +108,12 @@ var We = class {
 };
 //#endregion
 //#region src/DataManager.ts
-function N(e) {
+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 P(e) {
+function A(e) {
 	return {
 		...e,
 		high: Math.max(e.open, e.high, e.low, e.close),
@@ -112,20 +121,20 @@ function P(e) {
 		volume: e.volume === void 0 ? 0 : Math.max(0, e.volume)
 	};
 }
-var F = class {
+var j = class {
 	data = [];
 	getData() {
 		return this.data;
 	}
 	setData(e) {
-		this.data = e.filter(N).map(P);
+		this.data = e.filter(k).map(A);
 	}
 	appendBar(e) {
-		N(e) && this.data.push(P(e));
+		k(e) && this.data.push(A(e));
 	}
 	updateLastBar(e) {
-		if (!N(e)) return;
-		let t = P(e);
+		if (!k(e)) return;
+		let t = A(e);
 		if (this.data.length === 0) {
 			this.data.push(t);
 			return;
@@ -141,7 +150,7 @@ var F = class {
 	clear() {
 		this.data = [];
 	}
-}, I = class {
+}, M = class {
 	theme;
 	constructor(t) {
 		!t || t === "dark" ? this.theme = { ...e } : t === "light" ? this.theme = { ...n } : this.theme = { ...t };
@@ -152,7 +161,7 @@ var F = class {
 	setTheme(t) {
 		t === "dark" ? this.theme = { ...e } : t === "light" ? this.theme = { ...n } : this.theme = { ...t };
 	}
-}, L = 200, R = 80, z = class {
+}, N = 200, P = 80, F = class {
 	panels = [];
 	containerWidth = 0;
 	containerHeight = 0;
@@ -164,8 +173,8 @@ var F = class {
 		this.panels.push({
 			id: e,
 			position: n,
-			size: r ?? (a ? L : t),
-			minSize: a ? R : i,
+			size: r ?? (a ? N : t),
+			minSize: a ? P : i,
 			content: {
 				type: "indicator",
 				indicatorInstanceId: e
@@ -179,7 +188,7 @@ var F = class {
 		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 ? L : t, r.minSize = a ? R : i);
+			r.position = n, e !== a && (r.size = a ? N : t, r.minSize = a ? P : i);
 		}
 	}
 	setPanelSize(e, t) {
@@ -280,15 +289,95 @@ var F = class {
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, B = class {
-	constructor(e) {
-		this.indicatorEngine = e;
+}, ot = 1;
+function I(e, t) {
+	return e.filter((e) => (e.descriptor.layer ?? "overlay") === t);
+}
+function L(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 R = /* @__PURE__ */ new Map();
+function st(e) {
+	R.set(L(e), e);
+}
+function ct(e) {
+	return R.delete(e);
+}
+function z() {
+	return [...R.values()];
+}
+function lt() {
+	R.clear();
+}
+//#endregion
+//#region src/plugins/PluginManager.ts
+var B = class {
+	plugins = /* @__PURE__ */ new Map();
+	constructor(e, t = {}) {
+		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of z()) 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.indicatorEngine.register(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;
 	}
-}, Ge = class {
-	static version = "0.7.0";
+	add(e) {
+		this.plugins.set(L(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
+	}
+}, V = {
+	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 ut(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(V)) {
+		let i = V[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 dt = class {
+	static version = "1.0.0";
 	engine;
 	viewport;
 	dataManager;
@@ -302,6 +391,8 @@ var F = class {
 	tradingRenderer;
 	eventBus;
 	streamManager = null;
+	executionAdapter = null;
+	execTeardown = null;
 	autoScrollOnNewBar = !0;
 	displayDataCache = null;
 	resolvedLayoutCache = null;
@@ -313,17 +404,22 @@ var F = class {
 	watermark;
 	barCountdown;
 	sessionBreaks;
+	sessionShading;
 	compareRenderer;
 	countdownInterval = null;
 	volumeRenderer;
 	volumeProfile;
+	marketProfile;
+	depthHeatmap;
+	periodLevels;
+	pivotMarkers;
 	alertManager;
 	signalMarkerManager;
 	tradeZoneManager;
 	measureOverlay;
 	replayManager;
 	undoRedoManager;
-	autoSaveScheduler = new We((e) => this.saveState(e));
+	autoSaveScheduler = new at((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
@@ -375,22 +471,22 @@ var F = class {
 			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 F(), this.themeManager = new I(t.theme), this.layoutManager = new z(), this.indicatorEngine = new y(), this.pluginManager = new B(this.indicatorEngine), this.eventBus = new ue(), k(this.indicatorEngine), this.drawingManager = new se(), Pe(this.drawingManager), this.drawingRenderer = new ce(this.drawingManager), this.drawingManager.setRequestRender(() => {
+		}, e.style.position = "relative", e.style.overflow = "hidden", e.tabIndex = 0, e.style.outline = "none", this.dataManager = new j(), this.themeManager = new M(t.theme), this.layoutManager = new F(), this.indicatorEngine = new y(), this.pluginManager = new B(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new fe(), w(this.indicatorEngine), this.drawingManager = new le(), qe(this.drawingManager), this.drawingRenderer = new ue(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 De(), 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 O({
+		}), this.undoRedoManager = new ze(), 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 Le({
 			enabled: this.features.trading,
 			contextMenu: { enabled: this.features.tradingContextMenu }
-		}), this.tradingRenderer = new Ee(this.tradingManager), this.tradingManager.setContainer(e), this.tradingManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradingManager.setEventCallback((e, t) => {
+		}), this.tradingRenderer = new Re(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 we(e);
+		}), this.engine = new Ae(e);
 		let i = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new Oe(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 (this.viewport = new Be(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 de(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new Ce(), this.priceAxis.setLocale(this.numberLocale), this.timeAxis = new E(), this.crosshairHandler = new ie(), this.crosshairHandler.setLocale(this.numberLocale), t.crosshair?.mode && this.crosshairHandler.setMode(t.crosshair.mode), this.crosshairHandler.setCallback((e, t) => {
+		}, this.chartRenderer = this.createChartRenderer(t.chartType), this.gridRenderer = new pe(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new ke(), this.priceAxis.setLocale(this.numberLocale), this.timeAxis = new Fe(), this.crosshairHandler = new ae(), 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.pinnedTooltip.isPinned() && this.pinnedTooltip.reposition(this.viewport.getState(), r ?? null, e, this.themeManager.getTheme()), this.eventBus.emit("crosshairMove", {
@@ -399,12 +495,12 @@ var F = class {
 					barIndex: e
 				});
 			} else this.crosshairTooltip.hide(), this.chartLegend.setHoverBar(null);
-		}), this.chartLegend = new g(), this.chartLegend.setChartType(t.chartType), this.watermark = new Me(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new je(), this.volumeProfile = new Ae(), this.barCountdown = new ee(), this.sessionBreaks = new S(), this.compareRenderer = new re(), t.sessionBreaks ? this.sessionBreaks.setConfig({
+		}), this.chartLegend = new re(), this.chartLegend.setChartType(t.chartType), this.watermark = new We(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Ue(), this.volumeProfile = new He(), this.marketProfile = new xe(), this.depthHeatmap = new ce(), this.periodLevels = new Te(), this.pivotMarkers = new De(), this.barCountdown = new te(), this.sessionBreaks = new C(), this.sessionShading = new je(), this.compareRenderer = new ie(), 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 ae(), this.crosshairTooltip.create(e), this.pinnedTooltip = new xe(), this.pinnedTooltip.create(e), this.keyboardHandler = new ge({
+		}) : t.features?.sessionBreaks !== !1 && this.sessionBreaks.setVisible(!0), t.logScale && this.viewport.setLogScale(!0), this.animator = new p(), this.crosshairTooltip = new oe(), this.crosshairTooltip.create(e), this.pinnedTooltip = new Ee(), this.pinnedTooltip.create(e), this.keyboardHandler = new ve({
 			scrollBars: (e) => {
 				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
 				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
@@ -424,14 +520,39 @@ var F = class {
 			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 oe(), this.alertManager = new d(), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.alertManager.on("triggered", (e) => {
-			this.eventBus.emit("dataUpdate", {
+		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new se(), this.alertManager = new f(), 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.signalMarkerManager = new C(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.dataManager.getData()), this.signalMarkerManager.on("added", (e) => {
+		}), 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 Me(), 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,
@@ -439,20 +560,20 @@ var F = class {
 			});
 		}), this.signalMarkerManager.on("removed", (e) => {
 			this.eventBus.emit("signalMarkerRemove", { id: e });
-		}), this.tradeZoneManager = new D(), this.tradeZoneManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.tradeZoneManager.setDataGetter(() => this.dataManager.getData()), this.tradeZoneManager.on("added", (e) => {
+		}), this.tradeZoneManager = new Ie(), 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 ye(), this.interactionManager = new me(e), this.features.panning && this.interactionManager.setPanHandler(new be((e) => {
+		}), this.replayManager = new x(), this.measureOverlay = new Se(), this.interactionManager = new ge(e), this.features.panning && this.interactionManager.setPanHandler(new Ce((e) => {
 			this.viewport.scrollBy(e), this.updateViewportAndRender();
 		})), this.features.zooming) {
-			this.interactionManager.setZoomHandler(new Ne((e, t) => {
+			this.interactionManager.setZoomHandler(new Ge((e, t) => {
 				this.viewport.zoom(e, t), this.updateViewportAndRender();
 			}));
-			let e = new m((e) => {
+			let e = new ee((e) => {
 				this.options.autoScale = !1, this.viewport.scalePriceRange(e), this.syncRenderContext(), this.engine.requestRender();
 			}, (e) => {
 				let t = this.viewport.getState().chartRect.width;
@@ -462,20 +583,41 @@ var F = class {
 				e === "price" ? (this.options.autoScale = !0, this.updateViewportAndRender()) : this.fitContent();
 			});
 		}
-		this.features.crosshair && this.interactionManager.setCrosshairHandler(this.crosshairHandler), this.features.drawings && this.interactionManager.setDrawingManager(this.drawingManager, () => ({
+		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.interactionManager.setAltClickHandler((e) => {
+		})), this.features.alerts) {
+			let e = new d(this.alertManager, () => this.viewport.getState());
+			this.interactionManager.setAlertDragHandler(e);
+		}
+		let a = new we();
+		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 = $e(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.setMeasureHandlers({
+		}), 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());
 			},
@@ -490,7 +632,7 @@ var F = class {
 		}), 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 });
+		this.dataManager.setData(e), this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.sessionBreaks.invalidateCache(), 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) {
 		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();
@@ -531,15 +673,18 @@ var F = class {
 	registerIndicator(e) {
 		this.pluginManager.registerIndicator(e);
 	}
+	get plugins() {
+		return this.pluginManager;
+	}
 	static indicators() {
 		let e = new y();
-		return k(e), e.getAvailableIndicators();
+		return w(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();
+		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));
@@ -550,15 +695,43 @@ var F = class {
 	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 = Ke(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();
 	}
@@ -638,6 +811,9 @@ var F = class {
 	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 ? {
@@ -651,6 +827,37 @@ var F = class {
 	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);
 	}
@@ -658,13 +865,26 @@ var F = class {
 		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.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 T(), this.streamManager.on("snapshot", (e) => {
+		this.disconnectStream(), this.streamManager = new Pe(), 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();
@@ -692,6 +912,27 @@ var F = class {
 	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 = ut(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.UI);
 	}
@@ -725,6 +966,12 @@ var F = class {
 	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);
 	}
@@ -840,6 +1087,64 @@ var F = class {
 	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.engine.requestRender(r.UI), this.engine.requestRender(r.Overlay);
+	}
+	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();
 	}
@@ -853,18 +1158,27 @@ var F = class {
 		this.chartLegend.setStatusText(e), this.engine.requestRender(r.UI);
 	}
 	screenshot(e) {
-		this.features.screenshot && x.download(this.container, e, this.themeManager.getTheme().background);
+		this.features.screenshot && S.download(this.container, e, this.themeManager.getTheme().background);
+	}
+	async copyScreenshot() {
+		if (!this.features.screenshot) return !1;
+		try {
+			let e = await S.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;
+		return this.features.screenshot ? S.toDataURL(this.container, this.themeManager.getTheme().background) : null;
 	}
 	async screenshotBlob() {
-		return this.features.screenshot ? x.toBlob(this.container, this.themeManager.getTheme().background) : null;
+		return this.features.screenshot ? S.toBlob(this.container, this.themeManager.getTheme().background) : null;
 	}
-	addAlert(e, t = "crossing", n) {
+	addAlert(e, t = "crossing", n, r = "price", i) {
 		if (!this.features.alerts) return null;
-		let r = this.alertManager.addAlert(e, t, n);
-		return this.scheduleAutoSave(), r;
+		let a = this.alertManager.addAlert(e, t, n, !1, r, i);
+		return this.scheduleAutoSave(), a;
 	}
 	removeAlert(e) {
 		this.alertManager.removeAlert(e), this.scheduleAutoSave();
@@ -920,7 +1234,7 @@ var F = class {
 	setTradeZoneStyle(e) {
 		this.tradeZoneManager.setStyle(e);
 	}
-	replay(e) {
+	replayStart(e) {
 		if (!this.features.replay) return;
 		let t = this.dataManager.getData();
 		this.replayManager.load(t), this.replayManager.on("bar", ({ bar: e, index: n }) => {
@@ -1034,16 +1348,16 @@ var F = class {
 		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.pinnedTooltip.destroy(), this.replayManager.dispose(), this.undoRedoManager.clear(), this.engine.destroy(), this.eventBus.destroy(), this.container.innerHTML = "";
+		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 Ve(e);
+		return nt(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 = He(this.options.chartType, e);
+		let t = rt(this.options.chartType, e, (e) => this.pluginManager.getChartType(e));
 		return this.displayDataCache = t, t;
 	}
 	scheduleRender() {
@@ -1058,7 +1372,11 @@ var F = class {
 		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) {
+		if (this.viewport.updateData(n, this.options.autoScale !== !1), n.length > 0) {
+			let e = this.viewport.getState(), t = Math.max(0, Math.min(e.visibleRange.from, n.length - 1));
+			this.viewport.setScaleBaseline(n[t]?.close);
+		}
+		if (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);
@@ -1080,7 +1398,7 @@ var F = class {
 	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 = Ue(this.indicatorEngine.getOutput(e.config.id), n, r), a = {
+			let i = it(this.indicatorEngine.getOutput(e.config.id), n, r), a = {
 				x: e.rect.x,
 				y: e.rect.y + 20,
 				width: e.rect.width,
@@ -1114,9 +1432,14 @@ var F = class {
 			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,
@@ -1131,9 +1454,20 @@ var F = class {
 			},
 			theme: this.themeManager.getTheme(),
 			data: i,
-			numberLocale: this.numberLocale
+			numberLocale: this.numberLocale,
+			renderOverlayPlugins: (e, t) => this.drawOverlayPlugins(e, t)
 		});
 	}
+	drawOverlayPlugins(e, t) {
+		let n = I(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 = s(this.marketConfig.priceLimits.referencePrice, this.marketConfig);
@@ -1146,26 +1480,26 @@ var F = class {
 			} : void 0
 		} : null;
 	}
-}, V = [
+}, H = [
 	"time",
 	"timestamp",
 	"date",
 	"datetime",
 	"t"
-], H = ["open", "o"], U = ["high", "h"], W = ["low", "l"], G = ["close", "c"], K = [
+], U = ["open", "o"], W = ["high", "h"], G = ["low", "l"], K = ["close", "c"], q = [
 	"volume",
 	"vol",
 	"v"
 ];
-function q(e) {
+function J(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? Ke(t) : qe(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? ft(t) : pt(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function Ke(e) {
+function ft(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -1175,19 +1509,19 @@ function Ke(e) {
 	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) ? Xe(e) : Ye(e);
+		let t = Array.isArray(e) ? _t(e) : gt(e);
 		t ? n.push(t) : r++;
 	}
 	return Q(n, t.length, r);
 }
-function qe(e) {
+function pt(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 = Je(t[0]), r = J(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? Y(r) : {
+	let n = mt(t[0]), r = Y(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? ht(r) : {
 		time: 0,
 		open: 1,
 		high: 2,
@@ -1198,7 +1532,7 @@ function qe(e) {
 	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;
+		let r = Y(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,
@@ -1219,7 +1553,7 @@ function qe(e) {
 	}
 	return Q(o, t.length - +!!i, s);
 }
-function Je(e) {
+function mt(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -1231,7 +1565,7 @@ function Je(e) {
 	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
 	return n;
 }
-function J(e, t) {
+function Y(e, t) {
 	let n = [], r = "", i = !1;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -1239,25 +1573,25 @@ function J(e, t) {
 	}
 	return n.push(r), n;
 }
-function Y(e) {
+function ht(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)
+		time: t(H),
+		open: t(U),
+		high: t(W),
+		low: t(G),
+		close: t(K),
+		volume: t(q)
 	};
 }
-function Ye(e) {
+function gt(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);
+	}, n = Z(String(t(H) ?? "")), r = Number(t(U)), i = Number(t(W)), a = Number(t(G)), o = Number(t(K)), s = Number(t(q) ?? 0);
 	return n === null || ![
 		r,
 		i,
@@ -1272,7 +1606,7 @@ function Ye(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function Xe(e) {
+function _t(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 || ![
@@ -1312,7 +1646,7 @@ function Q(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var Ze = class {
+var vt = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -1345,7 +1679,7 @@ var Ze = class {
 		e.preventDefault(), this.depth = 0, this.hideOverlay();
 		let t = e.dataTransfer?.files?.[0];
 		if (t) try {
-			let e = q(await t.text());
+			let e = J(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) {
@@ -1380,6 +1714,6 @@ function $(e) {
 	return e.dataTransfer?.types?.includes("Files") ?? !1;
 }
 //#endregion
-export { z as a, B as i, q as n, I as o, Ge as r, F as s, Ze as t };
+export { lt as a, ct as c, L as d, F as f, B as i, ot as l, j as m, J as n, z as o, M as p, dt as r, st as s, vt as t, I as u };
 
-//# sourceMappingURL=DragDropImporter-6QOjnfSj.js.map
+//# sourceMappingURL=DragDropImporter-C4x09P7e.js.map