@tradecanvas/chart 0.14.0 → 1.0.1

package/dist/{DragDropImporter-Br2ez5Gz.js → DragDropImporter-D_WpWB5H.js}

@@ -1,7 +1,7 @@
 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 { 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, PeriodLevelsRenderer as we, PinnedTooltip as Te, PivotMarkersRenderer as b, PointAndFigureRenderer as x, PriceAxis as S, RenderEngine as C, RenkoRenderer as w, ReplayManager as T, Screenshot as E, SessionBreaks as D, SessionShading as O, SignalMarkerManager as Ee, StepLineRenderer as De, StreamManager as Oe, TimeAxis as ke, TradeZoneManager as Ae, TradingManager as je, TradingRenderer as Me, UndoRedoManager as Ne, Viewport as Pe, VolumeCandleRenderer as Fe, VolumeProfileRenderer as Ie, VolumeRenderer as Le, Watermark as Re, ZoomHandler as ze, findDominantSwing as Be, registerBuiltInDrawingTools as Ve, registerBuiltInIndicators as k, toHeikinAshi as A, toKagi as He, toLineBreak as Ue, toPointAndFigure as We, toRangeBars as Ge, toRenko as Ke, xToBarIndex as qe } 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 Je(e) {
+function et(e) {
 	switch (e) {
 		case "candlestick":
 		case "heikinAshi":
@@ -12,46 +12,55 @@ function Je(e) {
 		case "bar": return new h();
 		case "hollowCandle": return new he();
 		case "baseline": return new ne();
-		case "renko": return new w();
+		case "renko": return new b();
 		case "kagi": return new _e();
-		case "pointAndFigure": return new x();
-		case "volumeCandles": return new Fe();
+		case "pointAndFigure": return new Oe();
+		case "volumeCandles": return new Ve();
 		case "equivolume": return new de();
 		case "hlcArea": return new me();
-		case "stepLine": return new De();
+		case "stepLine": return new Ne();
 		case "lineWithMarkers": return new be();
 		default: return new g();
 	}
 }
-function Ye(e, t) {
+function tt(e, t) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return A(t);
-		case "renko": return Ke(t, {
+		case "heikinAshi": return Je(t);
+		case "renko": return T(t, {
 			brickSize: 0,
 			useATR: !0,
 			atrPeriod: 14
 		});
-		case "lineBreak": return Ue(t, 3);
-		case "kagi": return He(t, 4);
-		case "pointAndFigure": return We(t, j(t) * .01, 3);
-		case "rangeBars": return Ge(t, { rangeSize: j(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 j(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 M = {
+var D = {
 	min: 0,
 	max: 100
-}, N = .1;
-function Xe(e, t, n) {
-	if (!e) return { ...M };
+}, 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 Xe(e, t, n) {
 		}
 		a++;
 	}
-	if (r === Infinity) return { ...M };
+	if (r === Infinity) return { ...D };
 	let o = i - r || 1;
 	return {
-		min: r - o * N,
-		max: i + o * N
+		min: r - o * O,
+		max: i + o * O
 	};
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var Ze = class {
+var at = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -99,12 +108,12 @@ var Ze = class {
 };
 //#endregion
 //#region src/DataManager.ts
-function P(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 F(e) {
+function A(e) {
 	return {
 		...e,
 		high: Math.max(e.open, e.high, e.low, e.close),
@@ -112,20 +121,20 @@ function F(e) {
 		volume: e.volume === void 0 ? 0 : Math.max(0, e.volume)
 	};
 }
-var I = class {
+var j = class {
 	data = [];
 	getData() {
 		return this.data;
 	}
 	setData(e) {
-		this.data = e.filter(P).map(F);
+		this.data = e.filter(k).map(A);
 	}
 	appendBar(e) {
-		P(e) && this.data.push(F(e));
+		k(e) && this.data.push(A(e));
 	}
 	updateLastBar(e) {
-		if (!P(e)) return;
-		let t = F(e);
+		if (!k(e)) return;
+		let t = A(e);
 		if (this.data.length === 0) {
 			this.data.push(t);
 			return;
@@ -141,7 +150,7 @@ var I = class {
 	clear() {
 		this.data = [];
 	}
-}, L = 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 I = class {
 	setTheme(t) {
 		t === "dark" ? this.theme = { ...e } : t === "light" ? this.theme = { ...n } : this.theme = { ...t };
 	}
-}, R = 200, z = 80, B = class {
+}, N = 200, P = 80, F = class {
 	panels = [];
 	containerWidth = 0;
 	containerHeight = 0;
@@ -164,8 +173,8 @@ var I = class {
 		this.panels.push({
 			id: e,
 			position: n,
-			size: r ?? (a ? R : t),
-			minSize: a ? z : i,
+			size: r ?? (a ? N : t),
+			minSize: a ? P : i,
 			content: {
 				type: "indicator",
 				indicatorInstanceId: e
@@ -179,7 +188,7 @@ var I = 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 ? R : t, r.minSize = a ? z : i);
+			r.position = n, e !== a && (r.size = a ? N : t, r.minSize = a ? P : i);
 		}
 	}
 	setPanelSize(e, t) {
@@ -280,15 +289,95 @@ var I = class {
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, V = 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;
+	}
+	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);
 	}
-}, Qe = class {
-	static version = "0.7.0";
+	return () => {
+		for (let e of n) e();
+	};
+}
+//#endregion
+//#region src/Chart.ts
+var dt = class {
+	static version = "1.0.1";
 	engine;
 	viewport;
 	dataManager;
@@ -302,6 +391,8 @@ var I = class {
 	tradingRenderer;
 	eventBus;
 	streamManager = null;
+	executionAdapter = null;
+	execTeardown = null;
 	autoScrollOnNewBar = !0;
 	displayDataCache = null;
 	resolvedLayoutCache = null;
@@ -309,6 +400,9 @@ var I = class {
 	renderScheduled = !1;
 	containerSizeCache = null;
 	containerSizeCacheTime = 0;
+	lastEmittedRange = null;
+	lastEmittedPriceRange = null;
+	lastEmittedBarWidth = null;
 	chartLegend;
 	watermark;
 	barCountdown;
@@ -328,7 +422,7 @@ var I = class {
 	measureOverlay;
 	replayManager;
 	undoRedoManager;
-	autoSaveScheduler = new Ze((e) => this.saveState(e));
+	autoSaveScheduler = new at((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
@@ -380,22 +474,22 @@ var I = 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 I(), this.themeManager = new L(t.theme), this.layoutManager = new B(), this.indicatorEngine = new y(), this.pluginManager = new V(this.indicatorEngine), this.eventBus = new fe(), k(this.indicatorEngine), this.drawingManager = new le(), Ve(this.drawingManager), this.drawingRenderer = new ue(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 Ne(), 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 je({
+		}), 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 Me(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 C(e);
+		}), this.engine = new Ae(e);
 		let i = this.engine.dprManager.getContainerSize();
-		if (this.viewport = new Pe(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 pe(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new S(), this.priceAxis.setLocale(this.numberLocale), this.timeAxis = new ke(), this.crosshairHandler = new ae(), 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", {
@@ -404,12 +498,12 @@ var I = class {
 					barIndex: e
 				});
 			} else this.crosshairTooltip.hide(), this.chartLegend.setHoverBar(null);
-		}), this.chartLegend = new re(), this.chartLegend.setChartType(t.chartType), this.watermark = new Re(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new Le(), this.volumeProfile = new Ie(), this.marketProfile = new xe(), this.depthHeatmap = new ce(), this.periodLevels = new we(), this.pivotMarkers = new b(), this.barCountdown = new te(), this.sessionBreaks = new D(), this.sessionShading = new O(), this.compareRenderer = new ie(), 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 p(), this.crosshairTooltip = new oe(), this.crosshairTooltip.create(e), this.pinnedTooltip = new Te(), this.pinnedTooltip.create(e), this.keyboardHandler = new ve({
+		}) : 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();
@@ -461,7 +555,7 @@ var I = class {
 				message: e.message,
 				triggered: e.triggered
 			});
-		}), this.signalMarkerManager = new Ee(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.dataManager.getData()), this.signalMarkerManager.on("added", (e) => {
+		}), 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,
@@ -469,21 +563,21 @@ var I = class {
 			});
 		}), this.signalMarkerManager.on("removed", (e) => {
 			this.eventBus.emit("signalMarkerRemove", { id: e });
-		}), this.tradeZoneManager = new Ae(), 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 T(), this.measureOverlay = new Se(), this.interactionManager = new ge(e), this.features.panning && this.interactionManager.setPanHandler(new Ce((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 ze((e, t) => {
+			this.interactionManager.setZoomHandler(new Ge((e, t) => {
 				this.viewport.zoom(e, t), this.updateViewportAndRender();
 			}));
 			let e = new ee((e) => {
-				this.options.autoScale = !1, this.viewport.scalePriceRange(e), this.syncRenderContext(), this.engine.requestRender();
+				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();
@@ -502,7 +596,8 @@ var I = class {
 			let e = new d(this.alertManager, () => this.viewport.getState());
 			this.interactionManager.setAlertDragHandler(e);
 		}
-		this.interactionManager.setAltClickHandler((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);
@@ -513,7 +608,7 @@ var I = class {
 				x: e.x,
 				y: e.y
 			}), t.length === 0) return;
-			let n = qe(e.x, this.viewport.getState());
+			let n = $e(e.x, this.viewport.getState());
 			n < 0 || n >= t.length || this.eventBus.emit("barClick", {
 				bar: t[n],
 				barIndex: n,
@@ -581,15 +676,18 @@ var I = 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));
@@ -622,7 +720,7 @@ var I = class {
 	}
 	autoFib() {
 		if (!this.features.drawings) return null;
-		let e = this.getDisplayData(), t = this.viewport.getState(), n = Be(e, t.visibleRange.from, t.visibleRange.to);
+		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]]
@@ -746,6 +844,20 @@ var I = class {
 	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);
 	}
@@ -775,7 +887,7 @@ var I = class {
 		this.features.trading && this.tradingManager.setConfig(e);
 	}
 	async connect(e) {
-		this.disconnectStream(), this.streamManager = new Oe(), 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();
@@ -803,6 +915,27 @@ var I = 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);
 	}
@@ -1028,22 +1161,22 @@ var I = class {
 		this.chartLegend.setStatusText(e), this.engine.requestRender(r.UI);
 	}
 	screenshot(e) {
-		this.features.screenshot && E.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 E.toBlob(this.container, this.themeManager.getTheme().background), t = globalThis.ClipboardItem;
+			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 ? E.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 ? E.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, r = "price", i) {
 		if (!this.features.alerts) return null;
@@ -1104,7 +1237,7 @@ var I = 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 }) => {
@@ -1218,16 +1351,16 @@ var I = 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 Je(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 = Ye(this.options.chartType, e);
+		let t = rt(this.options.chartType, e, (e) => this.pluginManager.getChartType(e));
 		return this.displayDataCache = t, t;
 	}
 	scheduleRender() {
@@ -1256,7 +1389,25 @@ var I = class {
 				}
 			}
 		}
-		e && this.viewport.scrollToEnd(), this.syncRenderContext(), this.engine.requestRender();
+		e && this.viewport.scrollToEnd(), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
+	}
+	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;
@@ -1268,7 +1419,7 @@ var I = 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 = Xe(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,
@@ -1324,9 +1475,20 @@ var I = 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);
@@ -1352,13 +1514,13 @@ var I = class {
 ];
 function J(e) {
 	let t = e.trim();
-	return t ? t[0] === "[" || t[0] === "{" ? $e(t) : et(t) : {
+	return t ? t[0] === "[" || t[0] === "{" ? ft(t) : pt(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function $e(e) {
+function ft(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -1368,19 +1530,19 @@ function $e(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) ? it(e) : rt(e);
+		let t = Array.isArray(e) ? _t(e) : gt(e);
 		t ? n.push(t) : r++;
 	}
 	return Q(n, t.length, r);
 }
-function et(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 = tt(t[0]), r = Y(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? nt(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,
@@ -1412,7 +1574,7 @@ function et(e) {
 	}
 	return Q(o, t.length - +!!i, s);
 }
-function tt(e) {
+function mt(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -1432,7 +1594,7 @@ function Y(e, t) {
 	}
 	return n.push(r), n;
 }
-function nt(e) {
+function ht(e) {
 	let t = (t) => e.findIndex((e) => t.includes(e));
 	return {
 		time: t(H),
@@ -1443,7 +1605,7 @@ function nt(e) {
 		volume: t(q)
 	};
 }
-function rt(e) {
+function gt(e) {
 	let t = (t) => {
 		for (let n of t) {
 			if (e[n] !== void 0) return e[n];
@@ -1465,7 +1627,7 @@ function rt(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function it(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 || ![
@@ -1505,7 +1667,7 @@ function Q(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var at = class {
+var vt = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -1573,6 +1735,6 @@ function $(e) {
 	return e.dataTransfer?.types?.includes("Files") ?? !1;
 }
 //#endregion
-export { B as a, V as i, J as n, L as o, Qe as r, I as s, at 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-Br2ez5Gz.js.map
+//# sourceMappingURL=DragDropImporter-D_WpWB5H.js.map