@tradecanvas/chart 0.9.0 → 0.14.0

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

@@ -1,57 +1,57 @@
 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, 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";
 //#region src/charts/ChartTypeStrategy.ts
-function Ve(e) {
+function Je(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 w();
+		case "kagi": return new _e();
+		case "pointAndFigure": return new x();
+		case "volumeCandles": return new Fe();
+		case "equivolume": return new de();
+		case "hlcArea": return new me();
+		case "stepLine": return new De();
+		case "lineWithMarkers": return new be();
+		default: return new g();
 	}
 }
-function He(e, t) {
+function Ye(e, t) {
 	if (t.length === 0) return t;
 	switch (e) {
-		case "heikinAshi": return Fe(t);
-		case "renko": return Be(t, {
+		case "heikinAshi": return A(t);
+		case "renko": return Ke(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 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 });
 		default: return t;
 	}
 }
-function A(e) {
+function j(e) {
 	let t = 0;
 	for (let n of e) t += n.close;
 	return t / e.length;
 }
 //#endregion
 //#region src/charts/IndicatorPriceRange.ts
-var j = {
+var M = {
 	min: 0,
 	max: 100
-}, M = .1;
-function Ue(e, t, n) {
-	if (!e) return { ...j };
+}, N = .1;
+function Xe(e, t, n) {
+	if (!e) return { ...M };
 	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 +60,16 @@ function Ue(e, t, n) {
 		}
 		a++;
 	}
-	if (r === Infinity) return { ...j };
+	if (r === Infinity) return { ...M };
 	let o = i - r || 1;
 	return {
-		min: r - o * M,
-		max: i + o * M
+		min: r - o * N,
+		max: i + o * N
 	};
 }
 //#endregion
 //#region src/state/AutoSaveScheduler.ts
-var We = class {
+var Ze = class {
 	timer = null;
 	delayMs = 0;
 	key = null;
@@ -99,12 +99,12 @@ var We = class {
 };
 //#endregion
 //#region src/DataManager.ts
-function N(e) {
+function P(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 F(e) {
 	return {
 		...e,
 		high: Math.max(e.open, e.high, e.low, e.close),
@@ -112,20 +112,20 @@ function P(e) {
 		volume: e.volume === void 0 ? 0 : Math.max(0, e.volume)
 	};
 }
-var F = class {
+var I = class {
 	data = [];
 	getData() {
 		return this.data;
 	}
 	setData(e) {
-		this.data = e.filter(N).map(P);
+		this.data = e.filter(P).map(F);
 	}
 	appendBar(e) {
-		N(e) && this.data.push(P(e));
+		P(e) && this.data.push(F(e));
 	}
 	updateLastBar(e) {
-		if (!N(e)) return;
-		let t = P(e);
+		if (!P(e)) return;
+		let t = F(e);
 		if (this.data.length === 0) {
 			this.data.push(t);
 			return;
@@ -141,7 +141,7 @@ var F = class {
 	clear() {
 		this.data = [];
 	}
-}, I = class {
+}, L = class {
 	theme;
 	constructor(t) {
 		!t || t === "dark" ? this.theme = { ...e } : t === "light" ? this.theme = { ...n } : this.theme = { ...t };
@@ -152,7 +152,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 {
+}, R = 200, z = 80, B = class {
 	panels = [];
 	containerWidth = 0;
 	containerHeight = 0;
@@ -164,8 +164,8 @@ var F = class {
 		this.panels.push({
 			id: e,
 			position: n,
-			size: r ?? (a ? L : t),
-			minSize: a ? R : i,
+			size: r ?? (a ? R : t),
+			minSize: a ? z : i,
 			content: {
 				type: "indicator",
 				indicatorInstanceId: e
@@ -179,7 +179,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 ? R : t, r.minSize = a ? z : i);
 		}
 	}
 	setPanelSize(e, t) {
@@ -280,14 +280,14 @@ var F = class {
 	getMainChartRect() {
 		return this.resolve().mainChartRect;
 	}
-}, B = class {
+}, V = class {
 	constructor(e) {
 		this.indicatorEngine = e;
 	}
 	registerIndicator(e) {
 		this.indicatorEngine.register(e);
 	}
-}, Ge = class {
+}, Qe = class {
 	static version = "0.7.0";
 	engine;
 	viewport;
@@ -313,17 +313,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 Ze((e) => this.saveState(e));
 	animator;
 	crosshairTooltip;
 	pinnedTooltip;
@@ -375,22 +380,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 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(() => {
 			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 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({
 			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 Me(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 C(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 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 (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 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) => {
 			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 +404,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 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({
 			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 Te(), 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 +429,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 Ee(), 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 +469,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 Ae(), 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 T(), 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 ze((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 +492,40 @@ 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);
+		}
+		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 = qe(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 +540,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();
@@ -550,15 +600,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 = Be(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 +716,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 +732,23 @@ 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();
+	}
+	placeOrderIntent(e) {
+		this.features.trading && this.eventBus.emit("orderPlace", e);
+	}
 	setPositions(e) {
 		this.features.trading && this.tradingManager.setPositions(e);
 	}
@@ -658,13 +756,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 Oe(), 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();
@@ -725,6 +836,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 +957,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 +1028,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 && E.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;
+			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 ? E.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 ? E.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();
@@ -1037,13 +1221,13 @@ var F = class {
 		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 = "";
 	}
 	createChartRenderer(e) {
-		return Ve(e);
+		return Je(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 = Ye(this.options.chartType, e);
 		return this.displayDataCache = t, t;
 	}
 	scheduleRender() {
@@ -1058,7 +1242,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 +1268,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 = Xe(this.indicatorEngine.getOutput(e.config.id), n, r), a = {
 				x: e.rect.x,
 				y: e.rect.y + 20,
 				width: e.rect.width,
@@ -1114,9 +1302,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,
@@ -1146,26 +1339,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] === "{" ? $e(t) : et(t) : {
 		data: [],
 		rowCount: 0,
 		skipped: 0
 	};
 }
-function Ke(e) {
+function $e(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -1175,19 +1368,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) ? it(e) : rt(e);
 		t ? n.push(t) : r++;
 	}
 	return Q(n, t.length, r);
 }
-function qe(e) {
+function et(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 = 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) : {
 		time: 0,
 		open: 1,
 		high: 2,
@@ -1198,7 +1391,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 +1412,7 @@ function qe(e) {
 	}
 	return Q(o, t.length - +!!i, s);
 }
-function Je(e) {
+function tt(e) {
 	let t = {
 		",": 0,
 		";": 0,
@@ -1231,7 +1424,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 +1432,25 @@ function J(e, t) {
 	}
 	return n.push(r), n;
 }
-function Y(e) {
+function nt(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 rt(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 +1465,7 @@ function Ye(e) {
 		volume: Number.isFinite(s) ? s : 0
 	};
 }
-function Xe(e) {
+function it(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 +1505,7 @@ function Q(e, t, n) {
 }
 //#endregion
 //#region src/io/DragDropImporter.ts
-var Ze = class {
+var at = class {
 	host;
 	overlay = null;
 	callbacks;
@@ -1345,7 +1538,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 +1573,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 { B as a, V as i, J as n, L as o, Qe as r, I as s, at as t };
 
-//# sourceMappingURL=DragDropImporter-6QOjnfSj.js.map
+//# sourceMappingURL=DragDropImporter-Br2ez5Gz.js.map