@tradecanvas/chart 1.4.0 → 1.7.0

package/dist/LayoutSession-CWn3sdbs.js

@@ -0,0 +1,3967 @@
+import { DARK_THEME as e, DEFAULT_PANEL_HEIGHT as t, LIGHT_THEME as n, LayerType as r, MIN_PANEL_HEIGHT as i, PRICE_AXIS_WIDTH as a, TIME_AXIS_HEIGHT as o, autoPricePrecision as s, computePriceLimits as c, formatPrice as l, fractionTick as u, indicatorSource as d, isValidTimeZone as f, mergeBar as p, normalizeBarTime as m, parseIndicatorSource as h, priceFormatterFor as g, readChartTypeOptions as _, sessionMinute as v, setLocale as ee, stepDecimals as te, tickBarCount as ne, timeframeToMs as y, zonedDateFormatter as re } from "@tradecanvas/commons";
+import { AlertDragHandler as ie, AlertManager as ae, Animator as oe, AreaRenderer as se, AxisDragHandler as ce, BarCountdown as le, BarRenderer as ue, BaselineRenderer as de, CandlestickRenderer as fe, ChartLegend as pe, ChartStateManager as b, CompareRenderer as me, CompareSymbolIndicator as he, CrosshairHandler as ge, CrosshairTooltip as _e, CurrentPriceLine as ve, DEFAULT_SESSION_HOURS as ye, DataExporter as x, DepthHeatmapRenderer as be, DrawingManager as xe, DrawingRenderer as Se, EquivolumeRenderer as Ce, EventBus as we, GridRenderer as Te, HLCAreaRenderer as Ee, HiLoRenderer as S, HollowCandleRenderer as De, IndicatorEngine as C, InteractionManager as Oe, KagiRenderer as ke, KeyboardHandler as Ae, LineRenderer as je, LineWithMarkersRenderer as Me, MarketProfileRenderer as Ne, MeasureOverlay as Pe, PanHandler as Fe, PaneResizeHandler as Ie, PeriodLevelsRenderer as Le, PinnedTooltip as Re, PivotMarkersRenderer as ze, PointAndFigureRenderer as Be, PriceAxis as w, PriceAxisAddButton as Ve, PriceLines as He, RenderEngine as Ue, RenkoRenderer as We, ReplayManager as Ge, Screenshot as T, SelectionBoxOverlay as Ke, SessionBreaks as qe, SessionShading as Je, SignalMarkerManager as Ye, SpreadIndicator as Xe, StepLineRenderer as Ze, StreamManager as Qe, SymbolSeriesStore as $e, TimeAxis as et, TradeZoneManager as tt, TradingManager as nt, TradingRenderer as rt, UndoRedoManager as it, Viewport as at, VolumeCandleRenderer as ot, VolumeProfileRenderer as st, VolumeRenderer as ct, Watermark as lt, ZoomHandler as ut, barTimeStepMs as dt, findDominantSwing as ft, isRegularSession as pt, mergeSessionHours as mt, rangePresetStart as ht, readAlertOptions as gt, registerBuiltInDrawingTools as _t, registerBuiltInIndicators as E, servesTimeframe as D, sourceParam as O, timestampToBarIndex as k, toHeikinAshi as vt, toKagi as yt, toLineBreak as bt, toPointAndFigure as xt, toRangeBars as St, toRenko as A, withResampling as Ct, xToBarIndex as wt, xToTime as j, yToPrice as M } from "@tradecanvas/core";
+//#region src/regularHours.ts
+var Tt = 864e5, Et = 10;
+function Dt(e, t) {
+	let n = e?.timezone;
+	if (!n || !f(n) || t.length < 2) return null;
+	let r = (e?.sessions ?? []).flatMap((e) => {
+		let t = v(e.start), n = v(e.end);
+		return t === null || n === null ? [] : [{
+			startMinute: t,
+			endMinute: n
+		}];
+	});
+	if (r.length === 0) return null;
+	let i = Infinity;
+	for (let e = Math.max(1, t.length - Et); e < t.length; e++) {
+		let n = m(t[e].time) - m(t[e - 1].time);
+		n > 0 && n < i && (i = n);
+	}
+	if (!(i < Tt)) return null;
+	let a = {
+		timeZone: n,
+		windows: r,
+		startMinute: r[0].startMinute,
+		endMinute: r[r.length - 1].endMinute
+	};
+	return (e) => pt(m(e), a);
+}
+//#endregion
+//#region src/chartA11y.ts
+var N = {
+	role: "chart",
+	summary: "{what}. Last price {close}.",
+	empty: "Chart, no data.",
+	view: "Showing {count} bars, {from} to {to}. High {high}, low {low}.",
+	bar: "{time}: open {open}, high {high}, low {low}, close {close}, volume {volume}.",
+	keys: "Arrow keys scroll and zoom, Home and End go to the start and the end. Comma and period read the bars one at a time."
+}, P = (e, t) => e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : e), Ot = [
+	"role",
+	"aria-roledescription",
+	"aria-label",
+	"aria-describedby"
+], kt = 400, At = 1e3, jt = class {
+	live;
+	help;
+	labels;
+	cursor = null;
+	viewTimer = null;
+	before = /* @__PURE__ */ new Map();
+	summaryAt = 0;
+	summaryTimer = null;
+	onBlur = () => {
+		this.cursor = null, this.source.showBar(null);
+	};
+	constructor(e, t, n = {}) {
+		this.container = e, this.source = t, this.labels = {
+			...N,
+			...n
+		};
+		for (let t of Ot) this.before.set(t, e.getAttribute(t));
+		e.setAttribute("role", "application"), this.help = F("div", "tc-sr-only"), this.help.id = `tc-chart-keys-${Math.random().toString(36).slice(2, 10)}`, e.setAttribute("aria-describedby", this.help.id), this.live = F("div", "tc-sr-only tc-sr-live"), this.live.setAttribute("aria-live", "polite"), this.live.setAttribute("aria-atomic", "true"), e.append(this.help, this.live), e.addEventListener("blur", this.onBlur), this.applyLabels();
+	}
+	setLabels(e) {
+		this.labels = {
+			...N,
+			...e
+		}, this.applyLabels();
+	}
+	refresh(e = !1) {
+		let t = At - (Date.now() - this.summaryAt);
+		if (e || t <= 0 || this.container.getAttribute("aria-label") === this.labels.empty) {
+			this.summaryTimer && clearTimeout(this.summaryTimer), this.summaryTimer = null, this.summaryAt = Date.now(), this.container.setAttribute("aria-label", this.summary());
+			return;
+		}
+		this.summaryTimer ??= setTimeout(() => {
+			this.summaryTimer = null, this.refresh(!0);
+		}, t);
+	}
+	viewMoved() {
+		this.cursor = null, this.viewTimer && clearTimeout(this.viewTimer), this.viewTimer = setTimeout(() => {
+			this.viewTimer = null, this.say(this.viewText());
+		}, kt);
+	}
+	readBar(e) {
+		let t = this.source.bars();
+		if (t.length === 0) {
+			this.say(this.labels.empty);
+			return;
+		}
+		let { to: n } = this.source.visibleRange(), r = Math.max(0, Math.min(t.length - 1, Math.floor(n)));
+		this.cursor = this.cursor === null ? r : Math.max(0, Math.min(t.length - 1, this.cursor + e));
+		let i = t[this.cursor];
+		this.source.showBar(i.time);
+		let a = this.source.formatPrice;
+		this.say(P(this.labels.bar, {
+			time: this.source.formatTime(i.time),
+			open: a(i.open),
+			high: a(i.high),
+			low: a(i.low),
+			close: a(i.close),
+			volume: Mt(i.volume ?? 0)
+		}));
+	}
+	destroy() {
+		this.viewTimer && clearTimeout(this.viewTimer), this.summaryTimer && clearTimeout(this.summaryTimer), this.container.removeEventListener("blur", this.onBlur);
+		for (let [e, t] of this.before) t === null ? this.container.removeAttribute(e) : this.container.setAttribute(e, t);
+		this.help.remove(), this.live.remove();
+	}
+	applyLabels() {
+		this.container.setAttribute("aria-roledescription", this.labels.role), this.help.textContent = this.labels.keys, this.refresh(!0);
+	}
+	summary() {
+		let e = this.source.bars();
+		if (e.length === 0) return this.labels.empty;
+		let t = this.source.chartType(), n = [
+			this.source.symbol(),
+			this.labels.typeName ? this.labels.typeName(t) : t,
+			this.source.timeframe()
+		].filter(Boolean).join(", ");
+		return P(this.labels.summary, {
+			what: n,
+			close: this.source.formatPrice(e[e.length - 1].close)
+		});
+	}
+	viewText() {
+		let e = this.source.bars();
+		if (e.length === 0) return this.labels.empty;
+		let t = this.source.visibleRange(), n = Math.max(0, Math.min(e.length - 1, Math.ceil(t.from))), r = Math.max(n, Math.min(e.length - 1, Math.floor(t.to))), i = -Infinity, a = Infinity;
+		for (let t = n; t <= r; t++) i = Math.max(i, e[t].high), a = Math.min(a, e[t].low);
+		return P(this.labels.view, {
+			count: r - n + 1,
+			from: this.source.formatTime(e[n].time),
+			to: this.source.formatTime(e[r].time),
+			high: this.source.formatPrice(i),
+			low: this.source.formatPrice(a)
+		});
+	}
+	say(e) {
+		this.live.textContent = e;
+	}
+};
+function F(e, t) {
+	let n = document.createElement(e);
+	return n.className = t, Object.assign(n.style, {
+		position: "absolute",
+		width: "1px",
+		height: "1px",
+		margin: "-1px",
+		padding: "0",
+		overflow: "hidden",
+		clip: "rect(0 0 0 0)",
+		whiteSpace: "nowrap",
+		border: "0"
+	}), n;
+}
+function Mt(e) {
+	return Number.isInteger(e) ? String(e) : e.toFixed(2);
+}
+//#endregion
+//#region src/indicatorLabel.ts
+function I(e, t, n, r) {
+	let i = Object.keys(n || t).map((e) => t[e]).filter((e) => typeof e == "number" && Number.isFinite(e)).slice(0, 3).map((e) => String(Number(e.toFixed(4)))), a = typeof t.symbol == "string" && t.symbol ? [t.symbol] : [];
+	return [
+		e === "spread" && t.mode === "ratio" ? "Ratio" : r ?? e.toUpperCase(),
+		...a,
+		...i
+	].join(" ");
+}
+//#endregion
+//#region src/charts/ChartTypeStrategy.ts
+function Nt(e) {
+	switch (e) {
+		case "candlestick":
+		case "heikinAshi":
+		case "lineBreak":
+		case "rangeBars": return new fe();
+		case "line": return new je();
+		case "area": return new se();
+		case "bar": return new ue();
+		case "hollowCandle": return new De();
+		case "baseline": return new de();
+		case "renko": return new We();
+		case "kagi": return new ke();
+		case "pointAndFigure": return new Be();
+		case "volumeCandles": return new ot();
+		case "equivolume": return new Ce();
+		case "hlcArea": return new Ee();
+		case "stepLine": return new Ze();
+		case "lineWithMarkers": return new Me();
+		case "hiLo": return new S();
+		default: return new fe();
+	}
+}
+function Pt(e, t, n = {}) {
+	if (t.length === 0) return t;
+	switch (e) {
+		case "heikinAshi": return vt(t);
+		case "renko": {
+			let e = n.renko?.boxSize;
+			return typeof e == "number" ? A(t, { brickSize: e }) : A(t, {
+				brickSize: 0,
+				useATR: !0,
+				atrPeriod: n.renko?.atrPeriod ?? 14
+			});
+		}
+		case "lineBreak": return bt(t, n.lineBreak?.lines ?? 3);
+		case "kagi": return yt(t, n.kagi?.reversal ?? 4, n.kagi?.reversalType ?? "percent");
+		case "pointAndFigure": {
+			let e = n.pointAndFigure?.boxSize;
+			return xt(t, typeof e == "number" ? e : It(t) * .01, n.pointAndFigure?.reversal ?? 3);
+		}
+		case "rangeBars": {
+			let e = n.rangeBars?.range;
+			return St(t, { rangeSize: typeof e == "number" ? e : It(t) * .005 });
+		}
+		default: return t;
+	}
+}
+function Ft(e) {
+	switch (e) {
+		case "heikinAshi":
+		case "renko":
+		case "lineBreak":
+		case "kagi":
+		case "pointAndFigure":
+		case "rangeBars": return !0;
+		default: return !1;
+	}
+}
+function L(e) {
+	return e !== "heikinAshi" && Ft(e);
+}
+function It(e) {
+	let t = 0;
+	for (let n of e) t += n.close;
+	return t / e.length;
+}
+function Lt(e, t) {
+	let n = t?.(e);
+	return n ? n.createRenderer() : Nt(e);
+}
+function Rt(e, t, n, r) {
+	if (t.length === 0) return t;
+	let i = n?.(e);
+	return i?.transform ? i.transform(t) : Pt(e, t, r);
+}
+//#endregion
+//#region src/state/AutoSaveScheduler.ts
+var zt = class {
+	timer = null;
+	delayMs = 0;
+	key = null;
+	constructor(e) {
+		this.save = e;
+	}
+	enable(e, t) {
+		this.key = e, this.delayMs = t;
+	}
+	disable() {
+		this.key = null, this.delayMs = 0, this.cancel();
+	}
+	schedule() {
+		this.delayMs <= 0 || !this.key || (this.timer && clearTimeout(this.timer), this.timer = setTimeout(() => {
+			this.timer = null, this.key && this.save(this.key);
+		}, this.delayMs));
+	}
+	cancel() {
+		this.timer &&= (clearTimeout(this.timer), null);
+	}
+	isEnabled() {
+		return this.delayMs > 0 && this.key !== null;
+	}
+	hasPending() {
+		return this.timer !== null;
+	}
+};
+//#endregion
+//#region src/DataManager.ts
+function R(e) {
+	if (!e || typeof e.time != "number" || !Number.isFinite(e.time)) 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 Bt(e) {
+	return e.volume !== void 0 && e.high >= e.open && e.high >= e.close && e.low <= e.open && e.low <= e.close;
+}
+function z(e) {
+	return {
+		...e,
+		high: Math.max(e.open, e.high, e.low, e.close),
+		low: Math.min(e.open, e.high, e.low, e.close),
+		volume: e.volume === void 0 ? 0 : Math.max(0, e.volume)
+	};
+}
+var B = class {
+	data = [];
+	getData() {
+		return this.data;
+	}
+	setData(e) {
+		let t = [];
+		for (let n = 0; n < e.length; n++) {
+			let r = e[n];
+			R(r) && t.push(Bt(r) ? r : z(r));
+		}
+		this.data = t;
+	}
+	prependBars(e) {
+		let t = this.data.length > 0 ? this.data[0].time : Infinity, n = [];
+		for (let r = 0; r < e.length; r++) {
+			let i = e[r];
+			!R(i) || i.time >= t || n.push(Bt(i) ? i : z(i));
+		}
+		if (n.length === 0) return 0;
+		n.sort((e, t) => e.time - t.time);
+		let r = 0;
+		for (let e = 0; e < n.length; e++) r > 0 && n[r - 1].time === n[e].time || (n[r++] = n[e]);
+		return n.length = r, this.data = n.concat(this.data), r;
+	}
+	appendBar(e) {
+		R(e) && this.data.push(z(e));
+	}
+	updateLastBar(e) {
+		if (!R(e)) return;
+		let t = z(e);
+		if (this.data.length === 0) {
+			this.data.push(t);
+			return;
+		}
+		this.data[this.data.length - 1] = t;
+	}
+	updateLastBarFromTick(e) {
+		this.data.length !== 0 && (!isFinite(e.price) || e.price < 0 || e.volume !== void 0 && (!isFinite(e.volume) || e.volume < 0) || (this.data[this.data.length - 1] = p(this.data[this.data.length - 1], e)));
+	}
+	getLength() {
+		return this.data.length;
+	}
+	clear() {
+		this.data = [];
+	}
+}, Vt = 5e3, Ht = 6e4, Ut = 500, Wt = class {
+	loader = null;
+	pageSize = 500;
+	loading = !1;
+	exhausted = !1;
+	failures = 0;
+	retryAt = 0;
+	seq = 0;
+	constructor(e) {
+		this.host = e;
+	}
+	setLoader(e, t = 500) {
+		this.loader = e, this.pageSize = Math.max(1, Math.floor(t)), this.reset();
+	}
+	hasLoader() {
+		return this.loader !== null;
+	}
+	reset() {
+		this.seq++, this.loading = !1, this.exhausted = !1, this.failures = 0, this.retryAt = 0;
+	}
+	isLoading() {
+		return this.loading;
+	}
+	hasMore() {
+		return !this.exhausted;
+	}
+	maybeLoad(e, t) {
+		e >= t || !this.canLoad() || this.failures >= 5 || this.now() < this.retryAt || this.loadMore();
+	}
+	async loadMore() {
+		let e = this.loader, t = this.host.oldestTime();
+		if (!e || !this.canLoad() || t === null) return 0;
+		let n = this.seq;
+		this.loading = !0, this.emit({
+			state: "loading",
+			count: 0
+		});
+		let r;
+		try {
+			r = await e(t, this.pageSize);
+		} catch (e) {
+			return n === this.seq ? (this.loading = !1, this.failures++, this.retryAt = this.now() + Math.min(Ht, Vt * 2 ** (this.failures - 1)), this.emit({
+				state: "error",
+				count: 0,
+				error: e instanceof Error ? e.message : String(e)
+			}), 0) : 0;
+		}
+		if (n !== this.seq) return 0;
+		this.loading = !1, this.failures = 0, this.retryAt = 0;
+		let i = this.host.prepend(r);
+		return i === 0 ? (this.exhausted = !0, this.emit({
+			state: "end",
+			count: 0
+		})) : this.emit({
+			state: "loaded",
+			count: i
+		}), i;
+	}
+	canLoad() {
+		return this.loader !== null && !this.loading && !this.exhausted;
+	}
+	emit(e) {
+		try {
+			this.host.emit(e);
+		} catch (e) {
+			console.error("[TradeCanvas] A historyLoad listener threw:", e);
+		}
+	}
+	now() {
+		return this.host.now ? this.host.now() : Date.now();
+	}
+}, Gt = class {
+	theme;
+	shape = null;
+	constructor(t) {
+		!t || t === "dark" ? this.theme = { ...e } : t === "light" ? this.theme = { ...n } : this.theme = { ...t };
+	}
+	getTheme() {
+		return this.theme;
+	}
+	setTheme(t) {
+		t === "dark" ? this.theme = { ...e } : t === "light" ? this.theme = { ...n } : this.theme = { ...t }, this.shape && (this.theme = {
+			...this.theme,
+			shape: {
+				...this.theme.shape,
+				...this.shape
+			}
+		});
+	}
+	setShape(e) {
+		this.shape = e ? { ...e } : null, this.theme = {
+			...this.theme,
+			shape: e ? {
+				...this.theme.shape,
+				...e
+			} : this.theme.shape
+		};
+	}
+}, Kt = 200, qt = 80, V = (e) => e.position === "top" || e.position === "bottom", Jt = class {
+	panels = [];
+	containerWidth = 0;
+	containerHeight = 0;
+	priceAxisWidth = a;
+	leftAxisWidth = 0;
+	maximized = null;
+	resize(e, t) {
+		this.containerWidth = e, this.containerHeight = t;
+	}
+	addPanel(e, n = "bottom", r) {
+		this.maximized = null;
+		let a = n === "left" || n === "right";
+		this.panels.push({
+			id: e,
+			position: n,
+			size: r ?? (a ? Kt : t),
+			minSize: a ? qt : i,
+			content: {
+				type: "indicator",
+				indicatorInstanceId: e
+			}
+		});
+	}
+	renamePanel(e, t) {
+		let n = this.panels.find((t) => t.id === e);
+		n && (n.id = t, n.content = {
+			...n.content,
+			indicatorInstanceId: t
+		}, this.maximized === e && (this.maximized = t));
+	}
+	removePanel(e) {
+		this.panels = this.panels.filter((t) => t.id !== e), this.maximized === e && (this.maximized = null);
+	}
+	setPanelCollapsed(e, t) {
+		let n = this.panels.find((t) => t.id === e);
+		return !n || !V(n) || this.maximized === null && !!n.collapsed === t ? !1 : (this.maximized = null, n.collapsed = t || void 0, !0);
+	}
+	isPanelCollapsed(e) {
+		return !!this.panels.find((t) => t.id === e)?.collapsed;
+	}
+	isPanelShownCollapsed(e) {
+		let t = this.panels.find((t) => t.id === e);
+		return !t || !V(t) ? !1 : this.maximized === null ? !!t.collapsed : this.maximized !== e;
+	}
+	setPanelScale(e, t) {
+		let n = this.panels.find((t) => t.id === e);
+		if (!n) return !1;
+		let r = !1;
+		return t.log !== void 0 && !!n.logScale !== t.log && (n.logScale = t.log || void 0, r = !0), t.invert !== void 0 && !!n.invertScale !== t.invert && (n.invertScale = t.invert || void 0, r = !0), t.percent !== void 0 && !!n.percentScale !== t.percent && (n.percentScale = t.percent || void 0, r = !0), r;
+	}
+	canMovePanel(e, t) {
+		let n = this.panels.find((t) => t.id === e);
+		if (!n) return !1;
+		let r = this.panels.filter((e) => e.position === n.position);
+		return r[r.indexOf(n) + t] !== void 0;
+	}
+	setMaximizedPanel(e) {
+		let t = e === null ? null : this.panels.find((t) => t.id === e);
+		return e !== null && (!t || !V(t)) || this.maximized === e ? !1 : (this.maximized = e, t && (t.collapsed = void 0), !0);
+	}
+	getMaximizedPanel() {
+		return this.maximized;
+	}
+	movePanel(e, t) {
+		let n = this.panels.find((t) => t.id === e);
+		if (!n) return !1;
+		let r = this.panels.filter((e) => e.position === n.position), i = r[r.indexOf(n) + t];
+		if (!i) return !1;
+		let a = this.panels.indexOf(n), o = this.panels.indexOf(i), s = [...this.panels];
+		return s[a] = i, s[o] = n, this.panels = s, !0;
+	}
+	orderPanels(e) {
+		let t = (t) => {
+			let n = e.indexOf(t.id);
+			return n < 0 ? e.length + this.panels.indexOf(t) : n;
+		};
+		this.panels = [...this.panels].sort((e, n) => t(e) - t(n));
+	}
+	shownSize(e, t) {
+		return V(e) ? this.maximized ? e.id === this.maximized ? t : 20 : e.collapsed ? 20 : e.size : e.size;
+	}
+	setPanelPosition(e, n) {
+		let r = this.panels.find((t) => t.id === e);
+		if (r) {
+			let a = r.position === "left" || r.position === "right", o = n === "left" || n === "right";
+			r.position = n, a !== o && (r.size = o ? Kt : t, r.minSize = o ? qt : i), o && (r.collapsed = void 0, this.maximized === e && (this.maximized = null));
+		}
+	}
+	setPanelSize(e, t) {
+		let n = this.panels.find((t) => t.id === e);
+		if (n) {
+			let e = V(n) ? this.containerHeight - o - 48 : this.containerWidth / 2, r = e > n.minSize ? Math.min(t, e) : t;
+			n.size = Math.max(n.minSize, r), n.collapsed = void 0, this.maximized = null;
+		}
+	}
+	setPriceAxisWidth(e) {
+		this.priceAxisWidth = e;
+	}
+	setLeftAxisWidth(e) {
+		this.leftAxisWidth = Math.max(0, e);
+	}
+	getPanels() {
+		return this.panels;
+	}
+	resolve() {
+		let e = this.panels.filter((e) => e.position === "left"), t = this.panels.filter((e) => e.position === "right"), n = this.panels.filter((e) => e.position === "top"), r = this.panels.filter((e) => e.position === "bottom"), i = (n.length + r.length - 1) * 20, a = this.maximized ? this.panels.find((e) => e.id === this.maximized) : void 0, s = Math.max(a?.minSize ?? 0, this.containerHeight - o - 48 - i), c = (e) => this.shownSize(e, s), l = e.reduce((e, t) => e + t.size, 0), u = t.reduce((e, t) => e + t.size, 0), d = n.reduce((e, t) => e + c(t), 0), f = r.reduce((e, t) => e + c(t), 0), p = l + this.leftAxisWidth, m = {
+			x: p,
+			y: d,
+			width: Math.max(0, this.containerWidth - p - u - this.priceAxisWidth),
+			height: Math.max(0, this.containerHeight - d - f - o)
+		}, h = [], g = [], _ = 0;
+		for (let t of e) h.push({
+			config: t,
+			rect: {
+				x: _,
+				y: 0,
+				width: t.size,
+				height: this.containerHeight - o
+			}
+		}), g.push({
+			panelId: t.id,
+			rect: {
+				x: _ + t.size - 2,
+				y: 0,
+				width: 4,
+				height: this.containerHeight
+			},
+			orientation: "vertical"
+		}), _ += t.size;
+		let v = 0;
+		for (let e of n) {
+			let t = c(e);
+			h.push({
+				config: e,
+				rect: {
+					x: p,
+					y: v,
+					width: m.width,
+					height: t
+				}
+			}), g.push({
+				panelId: e.id,
+				rect: {
+					x: p,
+					y: v + t - 2,
+					width: m.width,
+					height: 4
+				},
+				orientation: "horizontal"
+			}), v += t;
+		}
+		v = m.y + m.height;
+		for (let e of r) {
+			let t = c(e);
+			h.push({
+				config: e,
+				rect: {
+					x: p,
+					y: v,
+					width: m.width,
+					height: t
+				}
+			}), g.push({
+				panelId: e.id,
+				rect: {
+					x: p,
+					y: v - 2,
+					width: m.width,
+					height: 4
+				},
+				orientation: "horizontal"
+			}), v += t;
+		}
+		_ = p + m.width + this.priceAxisWidth;
+		for (let e of t) h.push({
+			config: e,
+			rect: {
+				x: _,
+				y: 0,
+				width: e.size,
+				height: this.containerHeight - o
+			}
+		}), g.push({
+			panelId: e.id,
+			rect: {
+				x: _ - 2,
+				y: 0,
+				width: 4,
+				height: this.containerHeight
+			},
+			orientation: "vertical"
+		}), _ += e.size;
+		return {
+			mainChartRect: m,
+			panels: h,
+			dividers: g
+		};
+	}
+	getMainChartRect() {
+		return this.resolve().mainChartRect;
+	}
+}, Yt = 14, Xt = 14, Zt = 22, Qt = 4;
+function $t(e) {
+	let { min: t, max: n, lastPrice: r, locale: i, fontFamily: o, fontSizeSmall: c, measure: u } = e, d = s(t, n), f = e.tagPrecision ?? d, p = r === null ? [t, n] : [
+		t,
+		n,
+		r
+	], m = a;
+	for (let t of p) {
+		if (!Number.isFinite(t)) continue;
+		let n = e.format ? e.format(t) : l(t, d, i), r = e.format ? n : l(t, f, i);
+		m = Math.max(m, u(n, `500 ${c}px ${o}`) + Yt, u(r, `bold 11px ${o}`) + Xt, u(r, `600 ${c}px ${o}`) + Zt);
+	}
+	return m <= a ? a : Math.ceil(m / Qt) * Qt;
+}
+function en(e, t) {
+	return t > e || t <= e - 12 ? t : e;
+}
+var tn = class {
+	netY = 0;
+	travelX = 0;
+	engaged = !1;
+	reset() {
+		this.netY = 0, this.travelX = 0, this.engaged = !1;
+	}
+	step(e, t, n) {
+		if (this.engaged) return !0;
+		if (this.netY += t, this.travelX += Math.abs(e), !n) this.engaged = !0;
+		else {
+			let e = Math.abs(this.netY);
+			this.engaged = e > 24 && e >= this.travelX * .5;
+		}
+		return this.engaged;
+	}
+}, nn = 1;
+function rn(e, t) {
+	return e.filter((e) => (e.descriptor.layer ?? "overlay") === t);
+}
+function H(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 U = /* @__PURE__ */ new Map();
+function an(e) {
+	U.set(H(e), e);
+}
+function on(e) {
+	return U.delete(e);
+}
+function sn() {
+	return [...U.values()];
+}
+function cn() {
+	U.clear();
+}
+//#endregion
+//#region src/plugins/PluginManager.ts
+var ln = class {
+	plugins = /* @__PURE__ */ new Map();
+	constructor(e, t = {}) {
+		if (this.indicatorEngine = e, t.inheritGlobal !== !1) for (let e of sn()) this.add(e);
+		for (let e of t.plugins ?? []) this.add(e);
+	}
+	register(e) {
+		this.add(e);
+	}
+	unregister(e) {
+		return this.plugins.delete(e);
+	}
+	list() {
+		return [...this.plugins.values()];
+	}
+	registerIndicator(e) {
+		this.add({
+			kind: "indicator",
+			plugin: e
+		});
+	}
+	getChartType(e) {
+		let t = this.plugins.get(`chartType:${e}`);
+		return t?.kind === "chartType" ? t.plugin : void 0;
+	}
+	getOverlays() {
+		let e = [];
+		for (let t of this.plugins.values()) t.kind === "overlay" && e.push(t.plugin);
+		return e;
+	}
+	add(e) {
+		this.plugins.set(H(e), e), e.kind === "indicator" && this.indicatorEngine.register(e.plugin);
+	}
+}, un = {
+	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),
+	positionReverse: (e, t, n) => dn(e, t, n)
+};
+async function dn(e, t, n) {
+	let { reversing: r } = n;
+	if (!r.has(t.positionId)) {
+		r.add(t.positionId);
+		try {
+			if (e.reversePosition) {
+				await e.reversePosition(t);
+				return;
+			}
+			let r = n.positions().find((e) => e.id === t.positionId);
+			if (!r) throw Error(`No position ${t.positionId} to reverse`);
+			let i = r.quantity - (r.closedQuantity ?? 0);
+			if (!(i > 0)) throw Error(`Position ${t.positionId} has nothing open to reverse`);
+			await e.closePosition({ positionId: r.id });
+			try {
+				await e.placeOrder({
+					side: r.side === "buy" ? "sell" : "buy",
+					type: "market",
+					price: r.entryPrice,
+					quantity: i
+				});
+			} catch (e) {
+				throw Error(`Position ${t.positionId} was closed, but the order the other way failed`, { cause: e });
+			}
+		} finally {
+			r.delete(t.positionId);
+		}
+	}
+}
+function fn(e, t) {
+	let n = [], r = null, i = {
+		positions: () => r ?? t.getPositions?.() ?? [],
+		reversing: /* @__PURE__ */ new Set()
+	}, a = (e) => t.setOrders(e.data ?? []), o = (e) => {
+		r = e.data ?? [], t.setPositions([...r]);
+	}, s = (e) => t.onError(e.data ?? { message: "Execution error" }), c = (e) => {
+		e.data && t.onFill?.(e.data);
+	};
+	e.on("orders", a), e.on("positions", o), e.on("error", s), e.on("fill", c), n.push(() => e.off("orders", a), () => e.off("positions", o), () => e.off("error", s), () => e.off("fill", c));
+	for (let r of Object.keys(un)) {
+		let a = un[r], o = t.onIntent(r, (n) => {
+			Promise.resolve(a(e, n, i)).catch((e) => t.onError({
+				message: `Execution command failed: ${r}`,
+				cause: e
+			}));
+		});
+		n.push(o);
+	}
+	return () => {
+		for (let e of n) e();
+	};
+}
+//#endregion
+//#region src/Chart.ts
+var pn = {
+	min: 0,
+	max: 100
+}, mn = 0xe8d4a51000, hn = "exchange";
+function gn(e) {
+	if (typeof e == "string" && e !== "exchange" && !f(e)) throw RangeError(`Unknown time zone: ${e}`);
+	if (typeof e == "number" && !Number.isFinite(e)) throw RangeError(`Invalid UTC offset: ${e}`);
+}
+var _n = 2, vn = .08, yn = 800, bn = 20, xn = 8, Sn = class {
+	static version = "1.7.0";
+	engine;
+	viewport;
+	dataManager;
+	themeManager;
+	layoutManager;
+	pluginManager;
+	indicatorEngine;
+	drawingManager;
+	drawingRenderer;
+	tradingManager;
+	tradingRenderer;
+	eventBus;
+	streamManager = null;
+	executionAdapter = null;
+	execTeardown = null;
+	autoScrollOnNewBar = !0;
+	displayDataCache = null;
+	indicatorUpdateFrom = null;
+	resolvedLayoutCache = null;
+	panelInfoCache = null;
+	renderScheduled = !1;
+	priceAxisWidth = a;
+	measureCtx;
+	containerSizeCache = null;
+	containerSizeCacheTime = 0;
+	lastEmittedRange = null;
+	lastEmittedPriceRange = null;
+	lastEmittedBarWidth = null;
+	chartLegend;
+	watermark;
+	barCountdown;
+	unrestoredIndicators = [];
+	indicatorHistoryDepth = 0;
+	removedDrawingAlerts = /* @__PURE__ */ new Map();
+	zoomAreaMode = !1;
+	priceAxisAddButton = new Ve();
+	displayTz = null;
+	timezoneSetting = null;
+	symbolInfo = null;
+	symbolInfoSeq = 0;
+	sessionBreaks;
+	sessionShading;
+	hostSessionHours = { ...ye };
+	compareRenderer;
+	countdownInterval = null;
+	volumeRenderer;
+	volumeProfile;
+	marketProfile;
+	depthHeatmap;
+	periodLevels;
+	pivotMarkers;
+	alertManager;
+	signalMarkerManager;
+	tradeZoneManager;
+	measureOverlay;
+	selectionBoxOverlay = new Ke();
+	replayManager;
+	replayBarUnsub = null;
+	replaySeeking = !1;
+	replaySession = null;
+	replayStepsSeries = null;
+	replayCoarse = null;
+	undoRedoManager;
+	autoSaveScheduler = new zt((e) => this.saveState(e));
+	animator;
+	crosshairTooltip;
+	pinnedTooltip;
+	interactionManager;
+	crosshairHandler;
+	chartRenderer;
+	chartTypeOptions = {};
+	mainSeriesVisible = !0;
+	priceLines = new He();
+	symbolSeries = new $e();
+	extendedHours = !0;
+	replayRestarting = !1;
+	fullSeries = null;
+	requestedSymbols = /* @__PURE__ */ new Set();
+	gridRenderer;
+	priceAxis;
+	leftPriceAxis = new w();
+	leftScaleRequested = !1;
+	leftAxisWidth = a;
+	leftViewport = null;
+	timeAxis;
+	options;
+	features;
+	marketConfig = null;
+	container;
+	currentPriceLine;
+	numberLocale;
+	marketPricePrecision = null;
+	priceFormatter = null;
+	priceUnit = null;
+	paneTitles = !0;
+	defaultAutoScale;
+	keyboardHandler = null;
+	a11y = null;
+	onWindowKeyDown = null;
+	currentSymbol = "";
+	streamTimeframe = null;
+	announcedSymbol = null;
+	announcedTimeframe = null;
+	streamAdapter = null;
+	history;
+	historyFromStream = !1;
+	hostHistoryLoader = !1;
+	snapshotKey = null;
+	historyCheckQueued = !1;
+	constructor(e, t) {
+		t.timeZone != null && gn(t.timeZone), this.container = e, this.options = {
+			...t,
+			chartType: t.chartType ?? "candlestick"
+		}, this.numberLocale = t.numberLocale ?? "en-US", this.defaultAutoScale = t.autoScale !== !1;
+		let n = t.features ?? {};
+		this.features = {
+			drawings: n.drawings ?? !0,
+			drawingTools: n.drawingTools ?? [],
+			drawingMagnet: n.drawingMagnet ?? !0,
+			drawingUndoRedo: n.drawingUndoRedo ?? !0,
+			trading: n.trading ?? !0,
+			tradingContextMenu: n.tradingContextMenu ?? !1,
+			priceAxisAddButton: n.priceAxisAddButton ?? !1,
+			indicators: n.indicators ?? !0,
+			indicatorIds: n.indicatorIds ?? [],
+			panning: n.panning ?? !0,
+			zooming: n.zooming ?? !0,
+			crosshair: n.crosshair ?? !0,
+			crosshairTooltip: n.crosshairTooltip ?? !0,
+			keyboard: n.keyboard ?? !0,
+			priceAxis: n.priceAxis ?? !0,
+			timeAxis: n.timeAxis ?? !0,
+			grid: n.grid ?? t.grid?.visible ?? !0,
+			legend: n.legend ?? !0,
+			indicatorValueLabels: n.indicatorValueLabels ?? !0,
+			volume: n.volume ?? !0,
+			watermark: n.watermark ?? !0,
+			saveLoad: n.saveLoad ?? !0,
+			screenshot: n.screenshot ?? !0,
+			alerts: n.alerts ?? !0,
+			replay: n.replay ?? !0,
+			sessionBreaks: n.sessionBreaks ?? !0,
+			barCountdown: n.barCountdown ?? !0,
+			compareSymbols: n.compareSymbols ?? !0,
+			dataExport: n.dataExport ?? !0,
+			logScale: n.logScale ?? !0,
+			timeframes: n.timeframes ?? [],
+			defaultTimeframeFavorites: n.defaultTimeframeFavorites ?? []
+		}, e.style.position = "relative", e.style.overflow = "hidden", e.tabIndex = 0, e.style.outline = "none", this.dataManager = new B(), this.history = new Wt({
+			oldestTime: () => this.dataManager.getData()[0]?.time ?? null,
+			prepend: (e) => this.prependBars(e),
+			emit: (e) => this.eventBus.emit("historyLoad", e)
+		}), this.themeManager = new Gt(t.theme), this.layoutManager = new Jt(), this.indicatorEngine = new C(), this.pluginManager = new ln(this.indicatorEngine, { plugins: t.plugins }), this.eventBus = new we(), E(this.indicatorEngine), this.indicatorEngine.register(new he(this.symbolSeries)), this.indicatorEngine.register(new Xe(this.symbolSeries)), this.drawingManager = new xe(), _t(this.drawingManager), this.drawingRenderer = new Se(this.drawingManager), this.drawingManager.setRequestRender(() => {
+			this.syncRenderContext(), this.engine.requestRender(r.Overlay), this.scheduleAutoSave();
+		}), this.drawingManager.setEventCallback((e, t) => {
+			this.followDrawingAlerts(e, t?.id), this.eventBus.emit(e, t), (e === "drawingCreate" || e === "drawingUpdate" || e === "drawingRemove") && this.announceStateChange();
+		}), this.drawingManager.setToolFilter((e) => this.features.drawings && (this.features.drawingTools.length === 0 || this.features.drawingTools.includes(e))), this.undoRedoManager = new it();
+		let i = "";
+		this.undoRedoManager.setOnChange(() => {
+			let { canUndo: e, canRedo: t } = this.undoRedoManager.getState(), n = `${e}|${t}`;
+			n !== i && (i = n, this.eventBus.emit("historyChange", {
+				canUndo: e,
+				canRedo: t
+			}));
+		}), this.drawingManager.setUndoRedoManager(this.undoRedoManager), this.drawingManager.setSelectionListener((e) => this.eventBus.emit("drawingSelect", {
+			ids: e,
+			primary: e[0] ?? null
+		})), this.drawingManager.setForeignHistory((e, t) => {
+			e.type === "custom" ? e.custom?.[t]() : this.applyIndicatorStep(e, t);
+		}), this.drawingManager.setDataGetter(() => this.dataManager.getData()), this.drawingManager.setDisplayDataGetter(() => this.getDisplayData()), t.crosshair?.mode === "magnet" && this.features.drawingMagnet && this.drawingManager.setMagnetMode("magnet"), this.tradingManager = new nt({
+			enabled: this.features.trading,
+			contextMenu: { enabled: this.features.tradingContextMenu }
+		}), this.tradingRenderer = new rt(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 Ue(e);
+		let a = this.engine.dprManager.getContainerSize();
+		if (this.viewport = new at(a.width, a.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), this.viewport.setPanLimits({
+			freePan: t.freePan ?? !0,
+			minVisibleBars: t.panLimits?.minVisibleBars ?? 3
+		}), this.layoutManager.resize(a.width, a.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(this.options.chartType), this.gridRenderer = new Te(), t.grid?.visible === !1 && this.gridRenderer.setVisible(!1), this.priceAxis = new w(), this.priceAxis.setLocale(this.numberLocale), this.leftPriceAxis.setLocale(this.numberLocale), this.timeAxis = new et(), this.crosshairHandler = new ge(), 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);
+				let i = this.viewport.getState(), a = t.y >= i.chartRect.y && t.y <= i.chartRect.y + i.chartRect.height;
+				r && a && this.features.crosshairTooltip ? this.crosshairTooltip.show(t, r, this.themeManager.getTheme(), this.cachedContainerSize(), {
+					prevClose: e > 0 ? n[e - 1]?.close : void 0,
+					priceRange: i.priceRange,
+					plot: i.chartRect,
+					barStepMs: dt(n)
+				}) : this.crosshairTooltip.hide(), this.pinnedTooltip.isPinned() && this.pinnedTooltip.reposition(this.viewport.getState(), r ?? null, e, this.themeManager.getTheme()), this.eventBus.emit("crosshairMove", {
+					point: t,
+					bar: r,
+					barIndex: e
+				});
+			} else this.crosshairTooltip.hide(), this.chartLegend.setHoverBar(null), this.eventBus.emit("crosshairLeave", {});
+		}), this.chartLegend = new pe(), this.chartLegend.setChartType(this.options.chartType), this.chartLegend.setLocale(this.numberLocale), this.watermark = new lt(), t.watermark && this.watermark.setConfig(t.watermark), this.volumeRenderer = new ct(), this.volumeProfile = new st(), this.marketProfile = new Ne(), this.depthHeatmap = new be(), this.periodLevels = new Le(), this.pivotMarkers = new ze(), this.barCountdown = new le(), this.barCountdown.setVisible(this.features.barCountdown), this.sessionBreaks = new qe(), this.sessionBreaks.setLocale(this.numberLocale), this.sessionShading = new Je(), this.compareRenderer = new me(), 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.features.logScale && this.viewport.setLogScale(!0), this.animator = new oe(), this.crosshairTooltip = new _e(), this.crosshairTooltip.create(e), this.crosshairTooltip.setLocale(this.numberLocale), this.pinnedTooltip = new Re(), this.pinnedTooltip.create(e), t.priceFormat && this.applyPriceFormat(t.priceFormat), t.chartTypeOptions && (this.chartTypeOptions = _(t.chartTypeOptions)), t.highLowLines && this.priceLines.setHighLow(!0), t.shapes && this.themeManager.setShape(Tn(t.shapes)), this.priceLines.setPriceText((e) => this.formatPrice(e)), t.extendedHours === !1 && (this.extendedHours = !1), t.timeFormatter && this.applyTimeFormatter(t.timeFormatter), this.keyboardHandler = new Ae({
+			scrollBars: (e) => {
+				let t = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
+				this.viewport.scrollBy(e * t), this.updateViewportAndRender();
+			},
+			zoom: (e) => {
+				let t = this.viewport.getState().chartRect.width;
+				this.viewport.zoom(e, t / 2), this.updateViewportAndRender();
+			},
+			goToStart: () => {
+				this.viewport.scrollBy(-Infinity), this.updateViewportAndRender();
+			},
+			goToEnd: () => {
+				this.viewport.scrollToEnd(), this.updateViewportAndRender();
+			},
+			fitContent: () => this.fitContent()
+		}), this.keyboardHandler.setEnabled(this.features.keyboard), t.a11y !== !1) {
+			this.a11y = new jt(e, {
+				symbol: () => this.currentSymbol || this.symbolInfo?.symbol || "",
+				timeframe: () => this.streamTimeframe ?? "",
+				chartType: () => this.options.chartType ?? "candlestick",
+				bars: () => this.getDisplayData(),
+				visibleRange: () => this.viewport.getState().visibleRange,
+				formatPrice: (e) => this.formatPrice(e),
+				formatTime: (e) => re(this.numberLocale || "en-US", {
+					dateStyle: "medium",
+					timeStyle: "short"
+				}, this.displayTz)(e > mn ? e : e * 1e3),
+				showBar: (e) => this.setCrosshairTime(e)
+			}, t.a11y?.labels);
+			for (let e of [
+				"dataUpdate",
+				"chartTypeChange",
+				"symbolChange",
+				"timeframeChange"
+			]) this.eventBus.on(e, () => this.a11y?.refresh(e !== "dataUpdate"));
+		}
+		if (this.onWindowKeyDown = (e) => {
+			if (!this.keyboardHandler) return;
+			let t = document.activeElement;
+			if (!(t && t !== this.container && !this.container.contains(t)) && !(t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable)) && !(t && t !== this.container && t.matches("button, a[href], select, [role=\"button\"], [role=\"menuitem\"]"))) {
+				if (this.a11y && this.features.keyboard && (e.key === "," || e.key === ".") && !e.ctrlKey && !e.metaKey && !e.altKey) {
+					e.preventDefault(), this.a11y.readBar(e.key === "." ? 1 : -1);
+					return;
+				}
+				this.keyboardHandler.handleKey(e) && (e.preventDefault(), this.a11y?.viewMoved());
+			}
+		}, window.addEventListener("keydown", this.onWindowKeyDown), this.currentPriceLine = new ve(), this.currentPriceLine.setLocale(this.numberLocale), this.priceAxis.setReservedPriceProvider(() => this.currentPriceLine.isVisible() ? this.currentPriceLine.getPrice() : null), this.alertManager = new ae(), this.alertManager.setDrawingLevels((e) => this.drawingLevelsNow(e)), this.alertManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.alertManager.on("triggered", (e) => {
+			this.eventBus.emit("alertTriggered", G(e)), this.eventBus.emit("dataUpdate", {
+				alert: "triggered",
+				alertId: e.id,
+				price: e.price,
+				message: e.message
+			});
+		}), this.alertManager.on("added", (e) => {
+			this.eventBus.emit("alertAdd", G(e));
+		}), this.alertManager.on("removed", (e) => {
+			this.eventBus.emit("alertRemove", { id: e });
+		}), this.alertManager.on("expired", (e) => {
+			this.eventBus.emit("alertExpired", G(e));
+		}), this.alertManager.on("updated", (e) => {
+			this.eventBus.emit("alertUpdate", G(e));
+		}), this.signalMarkerManager = new Ye(), this.signalMarkerManager.setRequestRender(() => this.engine.requestRender(r.Overlay)), this.signalMarkerManager.setDataGetter(() => this.dataManager.getData()), this.signalMarkerManager.on("added", (e) => {
+			this.eventBus.emit("signalMarkerAdd", {
+				id: e.id,
+				source: e.source,
+				direction: e.direction
+			});
+		}), this.signalMarkerManager.on("removed", (e) => {
+			this.eventBus.emit("signalMarkerRemove", { id: e });
+		}), this.tradeZoneManager = new tt(), 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 Ge(), this.replayManager.on("stateChange", (e) => {
+			this.replayRestarting || this.eventBus.emit("replayState", { state: e });
+		}), this.measureOverlay = new Pe(), this.interactionManager = new Oe(e), this.features.panning) {
+			let e = new tn();
+			this.interactionManager.setPanHandler(new Fe((t, n) => {
+				t && this.viewport.scrollBy(t), e.step(t, n, this.options.autoScale !== !1) && n && (this.options.autoScale = !1, this.viewport.panPriceRange(n)), this.updateViewportAndRender();
+			}, () => e.reset()));
+		}
+		if (this.interactionManager.setAxisStrips(() => ({
+			plot: this.viewport.getState().chartRect,
+			timeAxisTop: this.timeAxisTop(),
+			left: {
+				width: this.isLeftPriceScaleShown() ? this.leftAxisWidth : 0,
+				scales: !this.indicatorEngine.hasLeftScaleOverlays()
+			}
+		})), this.features.zooming) {
+			this.interactionManager.setZoomHandler(new ut((e, t) => {
+				this.viewport.zoom(e, t - this.viewport.getState().chartRect.x), this.updateViewportAndRender();
+			}));
+			let e = new ce((e) => {
+				this.options.autoScale = !1, this.viewport.scalePriceRange(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
+			}, (e) => {
+				let t = this.viewport.getState().chartRect.width;
+				this.viewport.zoom(1 / e - 1, t / 2), this.updateViewportAndRender();
+			});
+			this.interactionManager.setAxisDragHandler(e, () => this.viewport.getState(), (e) => {
+				e === "price" ? (this.options.autoScale = !0, this.updateViewportAndRender()) : this.fitContent();
+			});
+		}
+		if (this.features.crosshair && this.interactionManager.setCrosshairHandler(this.crosshairHandler), this.features.drawings && (this.interactionManager.setDrawingManager(this.drawingManager, () => ({
+			...this.viewport.getState(),
+			data: this.getDisplayData()
+		})), this.interactionManager.setDrawingDoubleClick((e) => this.eventBus.emit("drawingDoubleClick", { id: e })), this.interactionManager.setDrawingContextMenu((e, t) => {
+			this.drawingManager.select(e) && this.eventBus.emit("drawingContextMenu", {
+				id: e,
+				x: t.x,
+				y: t.y
+			});
+		})), this.interactionManager.setChartContextMenu((e, t) => this.eventBus.hasListeners("chartContextMenu") ? (this.eventBus.emit("chartContextMenu", this.contextAt(e, t)), !0) : !1), this.priceAxisAddButton.setEnabled(this.features.priceAxisAddButton && this.features.crosshair), this.interactionManager.setPriceAxisAddButton(this.priceAxisAddButton, (e) => {
+			let t = M(e.y, this.viewport.getState());
+			Number.isFinite(t) && this.eventBus.emit("priceAxisAdd", {
+				price: t,
+				x: e.x,
+				y: e.y
+			});
+		}), this.features.trading && this.interactionManager.setTradingManager(this.tradingManager, () => ({
+			...this.viewport.getState(),
+			data: this.getDisplayData()
+		})), this.features.alerts) {
+			let e = new ie(this.alertManager, () => this.viewport.getState());
+			this.interactionManager.setAlertDragHandler(e);
+		}
+		let o = new Ie();
+		o.configure(() => this.getResolvedLayout(), (e, t) => this.setPanelSize(e, t)), this.interactionManager.setPaneResizeHandler(o), 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.setSignalMarkerHitTest((e) => this.eventBus.hasListeners("signalMarkerHover") || this.eventBus.hasListeners("signalMarkerClick") ? this.signalMarkerManager.markerAt(e, this.viewport.getState()) : null, (e, t) => this.eventBus.emit("signalMarkerHover", {
+			marker: e,
+			x: t.x,
+			y: t.y
+		}), () => this.eventBus.hasListeners("signalMarkerClick")), this.interactionManager.setClickHandler((e) => {
+			let t = this.getDisplayData(), n = this.eventBus.hasListeners("signalMarkerClick") ? this.signalMarkerManager.markerAt(e, this.viewport.getState()) : null;
+			if (n) {
+				this.eventBus.emit("signalMarkerClick", {
+					marker: n,
+					x: e.x,
+					y: e.y
+				});
+				return;
+			}
+			if (this.eventBus.emit("click", {
+				x: e.x,
+				y: e.y
+			}), t.length === 0) return;
+			let r = wt(e.x, this.viewport.getState());
+			r < 0 || r >= t.length || this.eventBus.emit("barClick", {
+				bar: t[r],
+				barIndex: r,
+				point: e
+			});
+		}), this.interactionManager.setEscapeHandler(() => {
+			if (this.zoomAreaMode) {
+				this.setZoomAreaMode(!1);
+				return;
+			}
+			if (this.features.trading && this.tradingManager.isBracketActive()) {
+				this.tradingManager.cancelBracket(), this.eventBus.emit("dataUpdate", { bracket: "cancelled" });
+				return;
+			}
+			this.pinnedTooltip.isPinned() && (this.pinnedTooltip.unpin(), this.engine.requestRender(r.Overlay));
+		}), this.interactionManager.setConfirmHandler(() => this.features.trading && this.tradingManager.isBracketActive() ? (this.tradingManager.confirmBracket(), !0) : !1), this.interactionManager.setMeasureHandlers({
+			begin: (e) => {
+				this.measureOverlay.begin(e, this.viewport.getState(), this.getDisplayData());
+			},
+			move: (e) => {
+				this.measureOverlay.update(e, this.viewport.getState(), this.getDisplayData());
+			},
+			end: () => {
+				this.measureOverlay.end();
+			}
+		});
+		let s = (e) => {
+			let t = this.viewport.getState().chartRect;
+			return {
+				x: Math.max(t.x, Math.min(t.x + t.width, e.x)),
+				y: Math.max(t.y, Math.min(t.y + t.height, e.y))
+			};
+		};
+		this.interactionManager.setBoxSelectHandlers({
+			begin: (e) => this.selectionBoxOverlay.begin(s(e)),
+			move: (e) => this.selectionBoxOverlay.update(s(e)),
+			end: () => {
+				let e = this.selectionBoxOverlay.end();
+				if (e && this.zoomAreaMode) {
+					if (e.x1 - e.x0 < xn) return;
+					this.zoomToBox(e), this.setZoomAreaMode(!1);
+					return;
+				}
+				if (!e || !this.features.drawings) return;
+				let t = {
+					...this.viewport.getState(),
+					data: this.getDisplayData()
+				};
+				e.isClick ? this.drawingManager.toggleSelectionAt({
+					x: e.x1,
+					y: e.y1
+				}, t) : this.drawingManager.selectInRect(e, t), this.engine.requestRender(r.Overlay);
+			},
+			cancel: () => {
+				this.selectionBoxOverlay.cancel(), this.setZoomAreaMode(!1);
+			}
+		}), this.interactionManager.setOverlayDirtyCallback((e) => {
+			this.engine.requestRender(e ? r.Hover : r.Overlay);
+		}), this.interactionManager.attach(), t.timeZone !== void 0 && t.timeZone !== null && this.setTimezone(t.timeZone), t.leftPriceScale && (this.leftScaleRequested = !0), this.syncRenderContext(), this.engine.start();
+	}
+	setData(e) {
+		this.loadSeries(e, !1);
+	}
+	loadSeries(e, t) {
+		this.snapshotKey = null, this.endReplaySession(), this.history.reset(), this.dataManager.setData(this.regularOnly(e)), this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.sessionBreaks.invalidateCache(), this.options.autoScale = this.defaultAutoScale, t || this.alertManager.clearLastValues(), this.recalcIndicators(this.dataManager.getData()), e.length > 0 && this.currentPriceLine.setPrice(e[e.length - 1].close), this.updateViewportAndRender(!0), this.eventBus.emit("dataUpdate", { length: e.length });
+	}
+	prependBars(e) {
+		if (this.replaySession) return 0;
+		let t = null;
+		if (this.fullSeries) {
+			let n = this.fullSeries[0]?.time, r = /* @__PURE__ */ new Set(), i = e.filter((e) => Mn(e) && (n === void 0 || e.time < n) && !r.has(e.time) && r.add(e.time)).sort((e, t) => e.time - t.time);
+			this.fullSeries = [...i, ...this.fullSeries];
+			let a = this.sessionKeep(this.fullSeries);
+			t = i.length, e = a ? i.filter((e) => a(e.time)) : i;
+		}
+		let n = this.getDisplayData(), r = Math.max(0, Math.min(n.length - 1, Math.floor(this.viewport.getState().visibleRange.from))), i = n[r]?.time, a = this.dataManager.prependBars(e);
+		if (a === 0) return t ?? 0;
+		let o = this.dataManager.getData();
+		if (this.crosshairHandler.setData(o), this.displayDataCache = null, this.sessionBreaks.invalidateCache(), this.pinnedTooltip.isPinned() && this.pinnedTooltip.unpin(), this.measureOverlay.end(), this.recalcIndicators(o), i !== void 0) {
+			let e = Math.round(k(i, this.getDisplayData()));
+			this.viewport.prependBars(e - r);
+		}
+		return this.updateViewportAndRender(), t ?? a;
+	}
+	mergeSnapshot(e) {
+		let t = this.fullSeries ?? this.dataManager.getData(), n = e[0]?.time, r = 0;
+		for (; n !== void 0 && r < t.length && t[r].time < n;) r++;
+		if (r === 0 || r === t.length) {
+			this.setData(e);
+			return;
+		}
+		let i = this.viewport.isAtEnd();
+		this.dataManager.setData(this.regularOnly(t.slice(0, r).concat(e)));
+		let a = this.dataManager.getData();
+		this.crosshairHandler.setData(a), this.displayDataCache = null, this.sessionBreaks.invalidateCache(), this.recalcIndicators(a), a.length > 0 && this.currentPriceLine.setPrice(a[a.length - 1].close), this.updateViewportAndRender(i), this.eventBus.emit("dataUpdate", { length: a.length });
+	}
+	setHistoryLoader(e, t) {
+		this.historyFromStream = !1, this.hostHistoryLoader = e !== null, this.history.setLoader(e, t?.pageSize), this.checkHistory();
+	}
+	loadMoreHistory() {
+		return this.replaySession ? Promise.resolve(0) : this.history.loadMore();
+	}
+	hasMoreHistory() {
+		return this.history.hasLoader() && this.history.hasMore();
+	}
+	isLoadingHistory() {
+		return this.history.isLoading();
+	}
+	checkHistory() {
+		this.historyCheckQueued || !this.history.hasLoader() || (this.historyCheckQueued = !0, queueMicrotask(() => {
+			if (this.historyCheckQueued = !1, this.replaySession || !this.history.hasLoader() || L(this.options.chartType)) return;
+			let { from: e, to: t } = this.viewport.getState().visibleRange;
+			this.history.maybeLoad(Math.max(0, Math.floor(e)), Math.max(bn, t - e));
+		}));
+	}
+	useStreamHistory(e, t) {
+		if (this.hostHistoryLoader) return;
+		let n = Ct(e), r = n.fetchHistoryBefore, i = this.streamTimeframe;
+		if (!r || i === null || ne(i) !== null) {
+			this.historyFromStream && this.history.setLoader(null), this.historyFromStream = !1;
+			return;
+		}
+		let a = this.currentSymbol;
+		this.history.setLoader((e, t) => r.call(n, a, i, e, t), t), this.historyFromStream = !0, this.checkHistory();
+	}
+	appendBar(e) {
+		if (this.replaySession) {
+			this.replaySession.live.appendBar(e);
+			return;
+		}
+		if (!this.takeBar(e, "append")) return;
+		let t = this.autoScrollOnNewBar && this.viewport.isAtEnd();
+		this.dataManager.appendBar(e);
+		let n = this.dataManager.getData();
+		this.crosshairHandler.setData(n), this.displayDataCache = null, this.recalcIndicatorsFrom(n, n.length - 2), this.updateViewportAndRender(t);
+	}
+	appendBars(e) {
+		if (e.length === 0) return;
+		if (this.replaySession) {
+			for (let t of e) this.replaySession.live.appendBar(t);
+			return;
+		}
+		if (e = e.filter((e) => this.takeBar(e, "append")), e.length === 0) return;
+		let t = this.viewport.isAtEnd(), n = this.dataManager.getLength() - 1;
+		for (let t of e) this.dataManager.appendBar(t);
+		this.displayDataCache = null, this.recalcIndicatorsFrom(this.dataManager.getData(), n), this.crosshairHandler.setData(this.dataManager.getData()), this.updateViewportAndRender(t);
+	}
+	updateLastBar(e) {
+		if (this.replaySession) {
+			this.replaySession.live.updateLastBar(e);
+			return;
+		}
+		if (!this.takeBar(e, "update")) {
+			this.currentPriceLine.setPrice(e.close), this.scheduleRender();
+			return;
+		}
+		this.dataManager.updateLastBar(e), this.currentPriceLine.setPrice(e.close), this.options.chartType !== "candlestick" && this.options.chartType !== "line" && this.options.chartType !== "area" && this.options.chartType !== "bar" && this.options.chartType !== "hollowCandle" && (this.displayDataCache = null);
+		let t = this.dataManager.getData();
+		this.recalcIndicatorsFrom(t, t.length - 1), this.scheduleRender();
+	}
+	updateLastBarFromTick(e) {
+		if (this.replaySession) {
+			this.replaySession.live.updateLastBarFromTick(e), Number.isFinite(e.price) && (this.replaySession.price = { price: e.price });
+			return;
+		}
+		let t = this.fullSeries ? this.sessionKeep(this.fullSeries) : null;
+		if (t && !t(e.time)) {
+			this.currentPriceLine.setPrice(e.price), this.scheduleRender();
+			return;
+		}
+		this.dataManager.updateLastBarFromTick(e), this.currentPriceLine.setPrice(e.price);
+		let n = this.fullSeries, r = this.dataManager.getData()[this.dataManager.getLength() - 1];
+		n && r && n.length > 0 && n[n.length - 1].time === r.time && (n[n.length - 1] = r), this.options.chartType !== "candlestick" && this.options.chartType !== "line" && this.options.chartType !== "area" && this.options.chartType !== "bar" && this.options.chartType !== "hollowCandle" && (this.displayDataCache = null);
+		let i = this.dataManager.getData();
+		this.recalcIndicatorsFrom(i, i.length - 1), this.scheduleRender();
+	}
+	setChartType(e) {
+		let t = this.options.chartType ?? "candlestick";
+		this.options.chartType = e, this.chartRenderer = this.createChartRenderer(e), this.chartLegend.setChartType(e), this.displayDataCache = null, this.updateViewportAndRender(!0), this.markStateChanged(), e !== t && this.eventBus.emit("chartTypeChange", {
+			type: e,
+			previous: t
+		});
+	}
+	setChartTypeOptions(e) {
+		this.chartTypeOptions = {
+			...this.chartTypeOptions,
+			..._(e)
+		}, this.displayDataCache = null, this.updateViewportAndRender(!0), this.markStateChanged();
+	}
+	getChartTypeOptions() {
+		return _(this.chartTypeOptions);
+	}
+	setExtendedHours(e) {
+		e !== this.extendedHours && (this.extendedHours = e, this.reapplyExtendedHours(), this.markStateChanged());
+	}
+	isExtendedHoursVisible() {
+		return this.extendedHours;
+	}
+	sessionKeep(e) {
+		return this.extendedHours ? null : Dt(this.symbolInfo, e);
+	}
+	shownBars(e) {
+		let t = this.sessionKeep(e);
+		return t ? e.filter((e) => t(e.time)) : e.slice();
+	}
+	regularOnly(e) {
+		let t = this.sessionKeep(e);
+		return this.fullSeries = t ? e.slice() : null, t ? e.filter((e) => t(e.time)) : e;
+	}
+	placeStreamBar(e) {
+		let t = K(this.dataManager.getData(), e);
+		return t === "stale" ? !1 : (t === "append" ? this.dataManager.appendBar(e) : this.dataManager.updateLastBar(e), !0);
+	}
+	takeBar(e, t) {
+		if (!this.fullSeries && !this.extendedHours && !this.replaySession) {
+			let n = this.dataManager.getData(), r = n.slice(-12), i = t === "append" || r.length === 0 ? [...r, e] : [...r.slice(0, -1), e];
+			if (this.sessionKeep(i)) {
+				this.fullSeries = n.slice();
+				let e = this.sessionKeep(this.fullSeries.length > 1 ? this.fullSeries : i);
+				e && n.some((t) => !e(t.time)) && (this.dataManager.setData(n.filter((t) => e(t.time))), this.displayDataCache = null);
+			}
+		}
+		let n = this.fullSeries;
+		if (!n) return !0;
+		t === "append" || n.length === 0 ? n.push(e) : n[n.length - 1] = e;
+		let r = this.sessionKeep(n);
+		return !r || r(e.time);
+	}
+	reapplyExtendedHours() {
+		if (this.replaySession) return;
+		let e = this.fullSeries ?? this.dataManager.getData().slice();
+		if (!this.fullSeries && !this.sessionKeep(e)) return;
+		this.dataManager.setData(this.regularOnly(e));
+		let t = this.dataManager.getData();
+		this.crosshairHandler.setData(t), this.displayDataCache = null, this.sessionBreaks.invalidateCache(), this.recalcIndicators(t), this.updateViewportAndRender(!0), this.eventBus.emit("dataUpdate", { length: t.length });
+	}
+	quoteLines() {
+		return this.priceLines.setQuoteShown(this.replaySession === null), this.priceLines;
+	}
+	setShapes(e) {
+		let t = Tn(e);
+		t.tagRadius !== void 0 && (this.themeManager.setShape({
+			...this.themeManager.getTheme().shape,
+			...t
+		}), this.syncRenderContext(), this.engine.requestRender());
+	}
+	getShapes() {
+		return { ...this.themeManager.getTheme().shape };
+	}
+	setMainSeriesVisible(e) {
+		this.mainSeriesVisible = e, this.syncRenderContext(), this.engine.requestRender();
+	}
+	isMainSeriesVisible() {
+		return this.mainSeriesVisible;
+	}
+	setHighLowLines(e) {
+		this.priceLines.setHighLow(e), this.engine.requestRender();
+	}
+	isHighLowLinesVisible() {
+		return this.priceLines.isHighLowVisible();
+	}
+	setBidAsk(e) {
+		this.priceLines.setBidAsk(e), this.engine.requestRender(r.Overlay);
+	}
+	getBidAsk() {
+		return this.priceLines.getBidAsk();
+	}
+	addIndicator(e, t = {}, n = "bottom", r = {}) {
+		return this.recordIndicators(void 0, () => this.addIndicatorNow(e, t, n, r));
+	}
+	addIndicatorNow(e, t, n, r) {
+		if (!this.features.indicators || this.features.indicatorIds.length > 0 && !this.features.indicatorIds.includes(e)) return null;
+		let i = this.indicatorEngine.getAvailableIndicators().find((t) => t.id === e), a = i ? this.paneFor(i, t, r.pane) : null, o = this.indicatorEngine.addIndicator(e, t, this.dataManager.getData(), {
+			...a ? { pane: a } : {},
+			...r.scale === "left" ? { scale: "left" } : {},
+			...r.instanceId ? { instanceId: r.instanceId } : {}
+		});
+		return i?.placement === "panel" && !a && this.layoutManager.addPanel(o, n), this.updateViewportAndRender(), this.eventBus.emit("indicatorAdd", {
+			instanceId: o,
+			id: e
+		}), this.markStateChanged(), this.requestMissingSymbols(o), o;
+	}
+	setSymbolSeries(e, t) {
+		e = e.trim(), this.symbolSeries.set(e, t), this.requestedSymbols.delete(e);
+		let n = this.dataManager.getData(), r = !1;
+		for (let t of this.indicatorEngine.getActiveIndicators()) !W.has(t.id) || String(t.params.symbol ?? "").trim() !== e.trim() || (this.indicatorEngine.updateIndicator(t.instanceId, {}, n), r = !0);
+		r && (this.announceIndicatorUpdate(0), this.updateViewportAndRender());
+	}
+	forgetUnreadSymbols() {
+		let e = new Set(this.getRequiredSymbols());
+		for (let t of this.requestedSymbols) e.has(t) || this.requestedSymbols.delete(t);
+	}
+	getSymbolSeries(e) {
+		return this.symbolSeries.get(e) ?? null;
+	}
+	getRequiredSymbols() {
+		let e = /* @__PURE__ */ new Set();
+		for (let t of this.indicatorEngine.getActiveIndicators()) {
+			let n = t.params.symbol;
+			W.has(t.id) && typeof n == "string" && n.trim() && e.add(n.trim());
+		}
+		return [...e];
+	}
+	requestMissingSymbols(e) {
+		this.forgetUnreadSymbols();
+		let t = this.indicatorEngine.getIndicatorConfig(e), n = t && W.has(t.id) && typeof t.params.symbol == "string" ? t.params.symbol.trim() : "";
+		!n || this.symbolSeries.has(n) || this.requestedSymbols.has(n) || (this.requestedSymbols.add(n), this.eventBus.emit("symbolSeriesRequest", { symbol: n }));
+	}
+	updateIndicator(e, t) {
+		this.recordIndicators(e, () => this.updateIndicatorNow(e, t));
+	}
+	updateIndicatorNow(e, t) {
+		let n = this.indicatorEngine.getIndicatorDescriptor(e), r = n ? O(n) : null, i = r ? this.indicatorEngine.getIndicatorConfig(e)?.params[r] : void 0;
+		this.indicatorEngine.updateIndicator(e, t, this.dataManager.getData()), this.announceIndicatorUpdate(0), this.markStateChanged(), this.eventBus.emit("indicatorChange", {
+			instanceId: e,
+			change: "params"
+		}), this.requestMissingSymbols(e);
+		let a = this.indicatorEngine.getIndicatorConfig(e);
+		if (n?.placement === "overlay" && a && r && a.params[r] !== i) {
+			let t = h(a.params[r]), n = t ? this.paneHostOf(t.instanceId, e) : h(i) ? null : a.pane ?? null;
+			(n ?? void 0) !== a.pane && (this.indicatorEngine.setPane(e, n), this.eventBus.emit("indicatorChange", {
+				instanceId: e,
+				change: "pane"
+			}));
+		}
+		this.updateViewportAndRender();
+	}
+	paneFor(e, t, n, r) {
+		if (n) return this.paneHostOf(n, r);
+		if (e.placement !== "overlay") return null;
+		let i = O(e), a = i ? h(t[i]) : null;
+		return a ? this.paneHostOf(a.instanceId, r) : null;
+	}
+	paneHostOf(e, t) {
+		if (e === t) return null;
+		if (this.layoutManager.getPanels().some((t) => t.id === e)) return e;
+		let n = this.indicatorEngine.getIndicatorConfig(e)?.pane;
+		return n && n !== t ? n : null;
+	}
+	getIndicatorLevels(e) {
+		return this.indicatorEngine.getLevels(e);
+	}
+	setIndicatorScale(e, t) {
+		return this.recordIndicators(e, () => this.setIndicatorScaleNow(e, t));
+	}
+	setIndicatorScaleNow(e, t) {
+		return this.indicatorEngine.setScale(e, t) ? (this.updateViewportAndRender(), this.markStateChanged(), this.eventBus.emit("indicatorChange", {
+			instanceId: e,
+			change: "scale"
+		}), !0) : !1;
+	}
+	getIndicatorScale(e) {
+		return this.indicatorEngine.getIndicatorConfig(e)?.scale === "left" ? "left" : "right";
+	}
+	setLeftPriceScaleVisible(e) {
+		this.leftScaleRequested = e, this.updateViewportAndRender();
+	}
+	isLeftPriceScaleShown() {
+		return this.features.priceAxis !== !1 && (this.leftScaleRequested || this.indicatorEngine.hasLeftScaleOverlays());
+	}
+	getLeftPriceRange() {
+		return this.leftViewport ? { ...this.leftViewport.priceRange } : null;
+	}
+	computeLeftViewport() {
+		if (!this.isLeftPriceScaleShown()) return null;
+		let e = this.viewport.getState();
+		if (!this.indicatorEngine.hasLeftScaleOverlays()) return e;
+		let t = this.indicatorEngine.getOverlayPriceRange(e.visibleRange.from, e.visibleRange.to, "left");
+		if (!t) return e;
+		let n = t.max - t.min || Math.abs(t.max) || 1;
+		return {
+			...e,
+			priceRange: {
+				min: t.min - n * vn,
+				max: t.max + n * vn
+			},
+			logScale: !1,
+			scaleMode: "regular",
+			invertScale: !1,
+			formatPrice: void 0,
+			priceUnit: void 0
+		};
+	}
+	setIndicatorLevels(e, t) {
+		this.recordIndicators(e, () => this.setIndicatorLevelsNow(e, t));
+	}
+	setIndicatorLevelsNow(e, t) {
+		this.indicatorEngine.setLevels(e, t) && (this.updateViewportAndRender(), this.markStateChanged(), this.eventBus.emit("indicatorChange", {
+			instanceId: e,
+			change: "levels"
+		}));
+	}
+	removeIndicator(e) {
+		this.recordIndicators(void 0, () => this.removeIndicatorNow(e));
+	}
+	removeIndicatorNow(e) {
+		if (!this.indicatorEngine.getIndicatorConfig(e)) return;
+		let t = [e, ...this.indicatorEngine.getDependents(e)];
+		for (let e of t.reverse()) this.detachIndicator(e);
+		this.markStateChanged(), this.updateViewportAndRender();
+	}
+	detachIndicator(e) {
+		if (!this.indicatorEngine.getIndicatorConfig(e)) return;
+		let t = this.layoutManager.getPanels().find((t) => t.id === e), n = this.indicatorEngine.getPaneMembers(e), r = t ? n.find((e) => this.indicatorEngine.getIndicatorDescriptor(e)?.placement === "panel") ?? null : null;
+		this.indicatorEngine.removeIndicator(e), r ? (this.indicatorEngine.setPane(r, null), this.layoutManager.renamePanel(e, r)) : this.layoutManager.removePanel(e);
+		for (let e of n) e !== r && this.indicatorEngine.setPane(e, r), this.eventBus.emit("indicatorChange", {
+			instanceId: e,
+			change: "pane"
+		});
+		this.eventBus.emit("indicatorRemove", { instanceId: e }), this.forgetUnreadSymbols();
+	}
+	getIndicatorStyle(e) {
+		return this.indicatorEngine.getIndicatorStyle(e);
+	}
+	getIndicatorOutput(e) {
+		return this.indicatorEngine.getOutput(e);
+	}
+	registerIndicator(e) {
+		this.pluginManager.registerIndicator(e);
+	}
+	get plugins() {
+		return this.pluginManager;
+	}
+	static indicators() {
+		let e = new C();
+		return E(e), e.getAvailableIndicators();
+	}
+	setPanelPosition(e, t) {
+		this.layoutManager.setPanelPosition(e, t), this.updateViewportAndRender(), this.eventBus.emit("indicatorChange", {
+			instanceId: e,
+			change: "pane"
+		});
+	}
+	setPanelSize(e, t) {
+		this.layoutManager.setPanelSize(e, t), this.updateViewportAndRender(), this.eventBus.emit("paneResize", {
+			instanceId: e,
+			size: t
+		}), this.markStateChanged();
+	}
+	moveIndicatorToPane(e, t) {
+		return this.recordIndicators(e, () => this.moveIndicatorToPaneNow(e, t));
+	}
+	canMoveIndicatorToPane(e, t) {
+		return this.paneMoveHost(e, t) !== void 0;
+	}
+	paneMoveHost(e, t) {
+		let n = this.indicatorEngine.getIndicatorConfig(e), r = this.indicatorEngine.getIndicatorDescriptor(e);
+		if (!n || !r) return;
+		let i = O(r);
+		if (r.placement === "overlay" && i && h(n.params[i])) return;
+		if (t === "price") return r.placement === "overlay" && n.pane ? null : void 0;
+		if (t === "new") {
+			let t = this.layoutManager.getPanels().some((t) => t.id === e);
+			return r.placement === "panel" && !t ? null : void 0;
+		}
+		let a = this.paneHostOf(t, e);
+		return a && a !== n.pane && a !== e ? a : void 0;
+	}
+	moveIndicatorToPaneNow(e, t) {
+		let n = this.paneMoveHost(e, t), r = this.indicatorEngine.getIndicatorConfig(e);
+		if (n === void 0 || !r) return !1;
+		let i = r.pane, a = this.layoutManager.getPanels().some((t) => t.id === e), o = new Set([e]);
+		if (a) {
+			let t = this.indicatorEngine.getPaneMembers(e), r = new Set(this.indicatorEngine.getDependents(e)), i = t.filter((e) => !r.has(e)), a = i.find((e) => this.indicatorEngine.getIndicatorDescriptor(e)?.placement === "panel") ?? null;
+			if (a) {
+				this.indicatorEngine.setPane(a, null), this.layoutManager.renamePanel(e, a);
+				for (let e of i) e !== a && this.indicatorEngine.setPane(e, a);
+			} else {
+				this.layoutManager.removePanel(e);
+				for (let e of i) this.indicatorEngine.setPane(e, null);
+			}
+			for (let i of t) r.has(i) && this.indicatorEngine.setPane(i, n ?? e), o.add(i);
+		}
+		if (this.indicatorEngine.setPane(e, n), t === "new") {
+			this.layoutManager.addPanel(e, "bottom");
+			for (let t of this.indicatorEngine.getDependents(e)) this.indicatorEngine.getIndicatorConfig(t)?.pane === i && (this.indicatorEngine.setPane(t, e), o.add(t));
+		}
+		for (let e of o) this.eventBus.emit("indicatorChange", {
+			instanceId: e,
+			change: "pane"
+		});
+		return this.updateViewportAndRender(), this.markStateChanged(), !0;
+	}
+	setPaneCollapsed(e, t) {
+		let n = this.paneOf(e);
+		return this.recordIndicators(n, () => this.paneChange(n, "collapsed", () => this.layoutManager.setPanelCollapsed(n, t)));
+	}
+	isPaneCollapsed(e) {
+		return this.layoutManager.isPanelShownCollapsed(this.paneOf(e));
+	}
+	setMaximizedPane(e) {
+		let t = e === null ? null : this.paneOf(e), n = t ?? this.layoutManager.getMaximizedPanel() ?? "";
+		return this.recordIndicators(n, () => this.paneChange(n, "maximized", () => this.layoutManager.setMaximizedPanel(t)));
+	}
+	getMaximizedPane() {
+		return this.layoutManager.getMaximizedPanel();
+	}
+	setPaneScale(e, t) {
+		let n = this.paneOf(e);
+		return this.recordIndicators(n, () => this.paneChange(n, "scale", () => this.layoutManager.setPanelScale(n, t)));
+	}
+	getPaneScale(e) {
+		let t = this.layoutManager.getPanels().find((t) => t.id === this.paneOf(e));
+		return {
+			log: !!t?.logScale,
+			invert: !!t?.invertScale,
+			percent: !!t?.percentScale
+		};
+	}
+	paneBaseline(e, t, n) {
+		let r = this.indicatorEngine.getOutput(e)?.series, i = this.indicatorEngine.getIndicatorDescriptor(e);
+		if (!r || !i) return;
+		let a = i.plots?.[0]?.key;
+		for (let e = Math.max(0, t); e <= n && e < r.length; e++) {
+			let t = r[e];
+			if (!t) continue;
+			let n = a === void 0 ? Object.values(t).find((e) => typeof e == "number" && Number.isFinite(e)) : t[a];
+			if (typeof n == "number" && Number.isFinite(n) && n !== 0) return n;
+		}
+	}
+	movePane(e, t) {
+		let n = this.paneOf(e);
+		return this.recordIndicators(n, () => this.paneChange(n, "order", () => this.layoutManager.movePanel(n, t)));
+	}
+	canMovePane(e, t) {
+		return this.layoutManager.canMovePanel(this.paneOf(e), t);
+	}
+	paneOf(e) {
+		return this.indicatorEngine.getIndicatorConfig(e)?.pane ?? e;
+	}
+	paneChange(e, t, n) {
+		return n() ? (this.updateViewportAndRender(), this.eventBus.emit("paneChange", {
+			instanceId: e,
+			change: t
+		}), this.markStateChanged(), !0) : !1;
+	}
+	getIndicatorPanes() {
+		return this.buildPanelRenderInfos().map((e) => ({
+			instanceId: e.instanceId,
+			instanceIds: [e.instanceId, ...e.members ?? []],
+			rect: { ...e.rect }
+		}));
+	}
+	setIndicatorValueLabelsVisible(e) {
+		this.features.indicatorValueLabels = e, this.syncRenderContext(), this.engine.requestRender();
+	}
+	setPaneTitlesVisible(e) {
+		this.paneTitles = e, this.engine.requestRender();
+	}
+	getLegendBottom() {
+		let e = this.viewport.getState().chartRect.y;
+		return this.features.legend ? e + this.chartLegend.getHeight() : e;
+	}
+	isTimeAligned() {
+		return L(this.options.chartType) ? !1 : this.getDisplayData().length === this.dataManager.getLength();
+	}
+	roundPrice(e) {
+		if (!Number.isFinite(e)) return e;
+		let t = this.symbolInfo?.minTick ?? this.priceUnit ?? void 0;
+		if (t !== void 0 && t > 0) return Number((Math.round(e / t) * t).toFixed(te(t)));
+		let { min: n, max: r } = this.viewport.getState().priceRange;
+		return Number(e.toFixed(this.marketPricePrecision ?? s(n, r)));
+	}
+	setPriceFormat(e) {
+		this.applyPriceFormat(e), this.updateViewportAndRender();
+	}
+	getPriceFormatter() {
+		return this.priceFormatter;
+	}
+	applyPriceFormat(e) {
+		this.priceFormatter = g(e), this.priceUnit = e && typeof e != "function" ? u(e) : null, this.viewport.setPriceFormat(this.priceFormatter, this.priceUnit), this.crosshairTooltip.setPriceFormatter(this.priceFormatter), this.pinnedTooltip.setPriceFormatter(this.priceFormatter);
+	}
+	setTimeFormatter(e) {
+		this.applyTimeFormatter(e), this.engine.requestRender();
+	}
+	applyTimeFormatter(e) {
+		this.timeAxis.setTimeFormatter(e), this.crosshairHandler.setTimeFormatter(e), this.crosshairTooltip.setTimeFormatter(e);
+	}
+	formatPrice(e) {
+		if (this.priceFormatter) return this.priceFormatter(e);
+		let { min: t, max: n } = this.viewport.getState().priceRange;
+		return l(e, this.marketPricePrecision ?? s(t, n), this.numberLocale);
+	}
+	setDrawingTool(e) {
+		this.features.drawings && (e && this.features.drawingTools.length > 0 && !this.features.drawingTools.includes(e) || (e && this.setZoomAreaMode(!1), this.drawingManager.setActiveTool(e)));
+	}
+	getDrawingTool() {
+		return this.drawingManager.getActiveTool();
+	}
+	setStayInDrawingMode(e) {
+		this.drawingManager.setStayInDrawingMode(e);
+	}
+	isStayInDrawingMode() {
+		return this.drawingManager.isStayInDrawingMode();
+	}
+	copyDrawings() {
+		return this.drawingManager.copySelection();
+	}
+	pasteDrawings() {
+		return this.features.drawings ? this.drawingManager.paste() : [];
+	}
+	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), this.dropOrphanDrawingAlerts(), this.announceStateChange();
+	}
+	addDrawing(e) {
+		if (!this.features.drawings) return null;
+		let t = this.drawingManager.addDrawing(e);
+		return this.markStateChanged(), t;
+	}
+	autoFib() {
+		if (!this.features.drawings) return null;
+		let e = this.getDisplayData(), t = this.viewport.getState(), n = ft(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);
+	}
+	removeDrawings(e) {
+		return this.drawingManager.removeDrawings(e);
+	}
+	getDrawingToolDescriptor(e) {
+		let t = this.drawingManager.getDescriptor(e);
+		return t ? structuredClone(t) : null;
+	}
+	getDrawingOptionDefs(e) {
+		return this.drawingManager.getOptionDefs(e);
+	}
+	getDrawingOptions(e) {
+		return this.drawingManager.getDrawingOptions(e);
+	}
+	setDrawingOptions(e, t) {
+		return this.updateDrawing(e, { options: t });
+	}
+	updateDrawing(e, t) {
+		let n = this.drawingManager.updateDrawing(e, t);
+		return n && this.markStateChanged(), n;
+	}
+	beginDrawingEdit(e) {
+		return this.drawingManager.beginEdit(e);
+	}
+	endDrawingEdit(e, t = {}) {
+		this.drawingManager.endEdit(e, t), this.markStateChanged();
+	}
+	setDrawingToolDefaults(e, t) {
+		this.drawingManager.setToolDefaults(e, t);
+	}
+	getDrawingToolDefaults(e) {
+		return this.drawingManager.getToolDefaults(e);
+	}
+	setDrawingVisible(e, t) {
+		this.drawingManager.setDrawingVisible(e, t);
+	}
+	setDrawingLocked(e, t) {
+		this.drawingManager.setDrawingLocked(e, t);
+	}
+	setDrawingsVisible(e, t) {
+		this.drawingManager.setDrawingsVisible(e, t);
+	}
+	setDrawingsLocked(e, t) {
+		this.drawingManager.setDrawingsLocked(e, t);
+	}
+	clearDrawings() {
+		this.drawingManager.clearDrawings(), this.dropOrphanDrawingAlerts();
+	}
+	registerDrawingTool(e) {
+		this.drawingManager.register(e);
+	}
+	undo() {
+		return this.features.drawingUndoRedo ? this.drawingManager.undo() : !1;
+	}
+	redo() {
+		return this.features.drawingUndoRedo ? this.drawingManager.redo() : !1;
+	}
+	selectDrawing(e) {
+		let t = this.drawingManager.select(e);
+		return t && this.engine.requestRender(), t;
+	}
+	getUndoRedoState() {
+		return this.undoRedoManager.getState();
+	}
+	recordUndo(e) {
+		if (!this.features.drawingUndoRedo || typeof e?.undo != "function" || typeof e.redo != "function") return;
+		let t = performance.now(), n = this.undoRedoManager.last();
+		if (e.subject !== void 0 && n?.type === "custom" && n.custom?.subject === e.subject && t - n.custom.at < yn) {
+			this.undoRedoManager.replaceLast({
+				...n,
+				custom: {
+					undo: n.custom.undo,
+					redo: e.redo,
+					subject: e.subject,
+					at: t
+				}
+			});
+			return;
+		}
+		this.undoRedoManager.push({
+			type: "custom",
+			before: null,
+			after: null,
+			custom: {
+				undo: e.undo,
+				redo: e.redo,
+				subject: e.subject,
+				at: t
+			}
+		});
+	}
+	setDrawingMagnet(e) {
+		this.setDrawingMagnetMode(e ? "weak" : "off");
+	}
+	getDrawingMagnet() {
+		return this.drawingManager.getMagnetMode() !== "none";
+	}
+	setDrawingMagnetMode(e) {
+		let t = this.features.drawingMagnet && e !== "off";
+		this.drawingManager.setMagnetMode(t ? e === "strong" ? "strong" : "magnet" : "none");
+	}
+	getDrawingMagnetMode() {
+		let e = this.drawingManager.getMagnetMode();
+		return e === "none" ? "off" : e === "strong" ? "strong" : "weak";
+	}
+	contextAt(e, t) {
+		let n = {
+			...this.viewport.getState(),
+			data: this.getDisplayData()
+		}, r = {
+			area: e,
+			x: t.x,
+			y: t.y
+		};
+		if ((e === "plot" || e === "priceAxis") && (r.price = M(t.y, n)), (e === "plot" || e === "timeAxis") && n.data.length > 0 && (r.time = j(t.x, n)), e === "pane") {
+			let e = this.getIndicatorPanes().find((e) => t.y >= e.rect.y && t.y <= e.rect.y + e.rect.height);
+			e && (r.pane = e.instanceId);
+		}
+		return r;
+	}
+	setPriceAxisAddButton(e) {
+		this.features.priceAxisAddButton = e, this.priceAxisAddButton.setEnabled(e && this.features.crosshair), this.engine.requestRender(r.Overlay);
+	}
+	setEraserMode(e) {
+		e && this.setZoomAreaMode(!1), this.drawingManager.setEraser(e && this.features.drawings);
+	}
+	isEraserMode() {
+		return this.drawingManager.isEraser();
+	}
+	setZoomAreaMode(e) {
+		e !== this.zoomAreaMode && (this.zoomAreaMode = e, e && (this.drawingManager.setEraser(!1), this.drawingManager.setActiveTool(null)), this.interactionManager?.setZoomAreaMode(e), this.eventBus.emit("toolModeChange", { zoomArea: e }));
+	}
+	isZoomAreaMode() {
+		return this.zoomAreaMode;
+	}
+	zoomToBox(e) {
+		let t = {
+			...this.viewport.getState(),
+			data: this.getDisplayData()
+		};
+		this.setVisibleRange(j(e.x0, t), j(e.x1, t));
+	}
+	lockAllDrawings() {
+		this.drawingManager.lockAllDrawings();
+	}
+	unlockAllDrawings() {
+		this.drawingManager.unlockAllDrawings();
+	}
+	hideAllDrawings() {
+		this.drawingManager.hideAllDrawings();
+	}
+	showAllDrawings() {
+		this.drawingManager.showAllDrawings();
+	}
+	duplicateDrawing(e) {
+		let t = e ?? this.drawingManager.getSelectedDrawingId();
+		return t ? this.drawingManager.duplicateDrawing(t) : null;
+	}
+	exportVisibleData(e = "csv", t, n = {}) {
+		this.features.dataExport && this.download(e, t, {
+			...n,
+			range: "visible"
+		});
+	}
+	exportAllData(e = "csv", t, n = {}) {
+		this.features.dataExport && this.download(e, t, {
+			...n,
+			range: "all"
+		});
+	}
+	getExportData(e = {}) {
+		let t = this.dataManager.getData(), n = 0, r = t.length - 1;
+		if (e.range === "visible") {
+			let { visibleRange: e } = this.viewport.getState();
+			n = Math.max(0, e.from), r = Math.min(t.length - 1, e.to);
+		}
+		let i = t.slice(n, r + 1);
+		if (e.indicators === !1) return {
+			bars: i,
+			columns: []
+		};
+		let a = [];
+		for (let e of this.indicatorEngine.getActiveIndicators()) {
+			let t = this.indicatorEngine.getOutput(e.instanceId)?.series;
+			if (!t) continue;
+			let r = I(e.id, e.params, e.descriptor.defaultConfig, e.descriptor.shortName), o = e.descriptor.plots ?? Object.keys(t.find((e) => e) ?? {}).map((e) => ({
+				key: e,
+				title: e
+			}));
+			for (let e of o) {
+				let s = o.length > 1 ? ` ${e.title ?? e.key}` : "";
+				a.push({
+					name: `${r}${s}`,
+					values: i.map((r, i) => t[n + i]?.[e.key] ?? null)
+				});
+			}
+		}
+		let o = /* @__PURE__ */ new Map();
+		for (let e of a) {
+			let t = (o.get(e.name) ?? 0) + 1;
+			o.set(e.name, t), t > 1 && (e.name = `${e.name} (${t})`);
+		}
+		return {
+			bars: i,
+			columns: a
+		};
+	}
+	getExportText(e = "csv", t = {}) {
+		let { bars: n, columns: r } = this.getExportData(t);
+		return e === "json" ? x.toJSON(n, r) : x.toCSV(n, r);
+	}
+	download(e, t, n) {
+		let r = this.getExportText(e, n);
+		e === "json" ? x.download(r, t ?? "chart-data.json", "application/json") : x.download(r, t ?? "chart-data.csv", "text/csv");
+	}
+	setAutoSave(e, t = 5e3) {
+		this.autoSaveScheduler.enable(e, t);
+	}
+	disableAutoSave() {
+		this.autoSaveScheduler.disable();
+	}
+	scheduleAutoSave() {
+		this.autoSaveScheduler.schedule();
+	}
+	markStateChanged() {
+		this.scheduleAutoSave(), this.announceStateChange();
+	}
+	announceStateChange() {
+		this.eventBus.hasListeners("stateChange") && this.eventBus.emit("stateChange", {});
+	}
+	getAvailableIndicators() {
+		return this.indicatorEngine.getAvailableIndicators();
+	}
+	getIndicatorInputs(e) {
+		let t = this.indicatorEngine.getAvailableIndicators().find((t) => t.id === e);
+		return t ? {
+			id: t.id,
+			params: t.defaultConfig
+		} : null;
+	}
+	getActiveIndicators() {
+		return this.indicatorEngine.getActiveIndicators();
+	}
+	setIndicatorVisible(e, t) {
+		this.recordIndicators(e, () => this.setIndicatorVisibleNow(e, t));
+	}
+	setIndicatorVisibleNow(e, t) {
+		this.indicatorEngine.setVisible(e, t) !== null && (this.updateViewportAndRender(), this.markStateChanged(), this.eventBus.emit("indicatorChange", {
+			instanceId: e,
+			change: "visible"
+		}));
+	}
+	getIndicatorConfig(e) {
+		let t = this.indicatorEngine.getIndicatorConfig(e);
+		return t ? {
+			id: t.id,
+			params: { ...t.params }
+		} : null;
+	}
+	updateIndicatorStyle(e, t) {
+		this.recordIndicators(e, () => this.updateIndicatorStyleNow(e, t));
+	}
+	updateIndicatorStyleNow(e, t) {
+		this.indicatorEngine.updateIndicatorStyle(e, t), this.engine.requestRender(), this.markStateChanged(), this.eventBus.emit("indicatorChange", {
+			instanceId: e,
+			change: "style"
+		});
+	}
+	setOrders(e) {
+		this.features.trading && (this.tradingManager.setOrders(e), this.eventBus.emit("ordersChange", { orders: 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), this.eventBus.emit("positionsChange", { positions: e }));
+	}
+	getOrders() {
+		return this.tradingManager.getOrders();
+	}
+	getPositions() {
+		return this.tradingManager.getPositions();
+	}
+	getFills() {
+		return this.tradingManager.getFills();
+	}
+	getRealisedPnl() {
+		return this.tradingManager.getRealisedPnl();
+	}
+	addFill(e) {
+		this.features.trading && (this.tradingManager.addFill(e), this.eventBus.emit("executionFill", e));
+	}
+	clearFills() {
+		this.tradingManager.setFills([]);
+	}
+	cancelOrderIntent(e) {
+		this.features.trading && this.eventBus.emit("orderCancel", { orderId: e });
+	}
+	closePositionIntent(e) {
+		this.features.trading && this.eventBus.emit("positionClose", { positionId: e });
+	}
+	reversePositionIntent(e) {
+		this.features.trading && this.eventBus.emit("positionReverse", { positionId: e });
+	}
+	modifyPositionIntent(e) {
+		this.features.trading && this.eventBus.emit("positionModify", e);
+	}
+	setDepthData(e) {
+		this.features.trading && this.tradingManager.setDepthData(e);
+	}
+	setCurrentPrice(e, t) {
+		this.followLivePrice(e), this.replaySession ? this.replaySession.price = { price: e } : (this.currentPriceLine.setPrice(e), this.scheduleRender());
+	}
+	replayTrades() {
+		return this.replaySession !== null && this.executionAdapter?.setMarkPrice !== void 0;
+	}
+	followLivePrice(e) {
+		this.replayTrades() || this.tradingManager.setCurrentPrice(e), this.features.alerts && this.checkAlerts(e);
+	}
+	checkAlerts(e) {
+		let t = this.replaySession ? this.replaySession.live.getData() : this.dataManager.getData();
+		this.alertManager.setBarTime(t.length > 0 ? t[t.length - 1].time : null);
+		let n = new Map([["price", e]]);
+		this.replaySession || this.collectIndicatorValues(n), this.alertManager.checkChannels(n, { together: !0 }), this.alertManager.checkDrawings(e);
+	}
+	collectIndicatorValues(e) {
+		let t = this.dataManager.getData();
+		if (t.length === 0) return;
+		let n = t.length - 1, r = this.alertManager.getAlerts().flatMap((e) => e.target ? [e.channel, e.target] : [e.channel]);
+		for (let t of r) {
+			if (e.has(t)) continue;
+			let r = t.indexOf(":");
+			if (r < 0) continue;
+			let i = this.indicatorEngine.getOutput(t.slice(0, r))?.series?.[n]?.[t.slice(r + 1)];
+			typeof i == "number" && Number.isFinite(i) && e.set(t, i);
+		}
+	}
+	setTradingConfig(e) {
+		this.features.trading && this.tradingManager.setConfig(e);
+	}
+	async connect(e) {
+		if (!D(e.adapter, e.timeframe)) throw RangeError(`${e.adapter.name} cannot serve the ${e.timeframe} timeframe`);
+		this.snapshotKey = null, this.replayStop(), this.disconnectStream(), this.streamManager = new Qe(), this.streamManager.on("snapshot", (t) => {
+			let n = `${this.currentSymbol}|${this.streamTimeframe}`;
+			this.replaySession ? this.replaySession.live.setData(t) : n === this.snapshotKey && this.dataManager.getLength() > 0 ? this.mergeSnapshot(t) : this.setData(t), this.snapshotKey = n, this.useStreamHistory(e.adapter, e.historyPageSize);
+		}), this.streamManager.on("barClose", (e) => {
+			if (this.replaySession) {
+				this.replaySession.live.appendBar(e);
+				return;
+			}
+			let t = K(this.fullSeries ?? this.dataManager.getData(), e);
+			if (t === "stale" || !this.takeBar(e, t)) return;
+			let n = this.autoScrollOnNewBar && this.viewport.isAtEnd();
+			if (!this.placeStreamBar(e)) return;
+			let r = this.dataManager.getData();
+			this.crosshairHandler.setData(r), this.displayDataCache = null, this.recalcIndicatorsFrom(r, r.length - 2), this.updateViewportAndRender(n);
+		}), this.streamManager.on("barUpdate", (e) => {
+			if (this.replaySession) {
+				this.replaySession.live.updateLastBar(e);
+				return;
+			}
+			this.currentPriceLine.setPrice(e.close);
+			let t = K(this.fullSeries ?? this.dataManager.getData(), e);
+			if (t === "stale" || !this.takeBar(e, t) || !this.placeStreamBar(e)) {
+				this.scheduleRender();
+				return;
+			}
+			let n = this.dataManager.getData();
+			this.recalcIndicatorsFrom(n, n.length - 1), this.scheduleRender();
+		}), this.setBidAsk(null), this.streamManager.on("quote", (e) => {
+			let t = this.priceLines.getBidAsk();
+			this.setBidAsk({
+				bid: e.bid ?? t?.bid,
+				ask: e.ask ?? t?.ask
+			});
+		}), this.streamManager.on("priceChange", ({ price: e, previousClose: t }) => {
+			if (this.followLivePrice(e), this.replaySession) {
+				this.replaySession.price = {
+					price: e,
+					previousClose: t ?? void 0
+				};
+				return;
+			}
+			this.currentPriceLine.setPrice(e, t ?? void 0), this.engine.requestRender(r.Overlay);
+		}), this.streamManager.on("connectionChange", (e) => {
+			this.eventBus.emit("dataUpdate", { connection: e });
+		}), this.streamManager.on("error", (e) => {
+			this.eventBus.emit("dataUpdate", { error: e.message });
+		}), this.autoScrollOnNewBar = e.autoScroll !== !1, this.setStreamTarget(e.symbol, e.timeframe), this.streamAdapter = e.adapter;
+		let t = this.streamManager;
+		if (this.resolveStreamSymbol(e.adapter, e.symbol), await t.connect(e), this.streamManager !== t) return;
+		let n = y(e.timeframe);
+		this.barCountdown.setTimeframeMs(n), this.countdownInterval && clearInterval(this.countdownInterval), this.countdownInterval = setInterval(() => {
+			this.barCountdown.isVisible() && this.engine.requestRender(r.Hover);
+		}, 1e3);
+	}
+	setStreamTarget(e, t) {
+		let n = this.announcedSymbol, r = this.announcedTimeframe;
+		this.currentSymbol = e, this.streamTimeframe = t, e !== n && (this.announcedSymbol = e, this.eventBus.emit("symbolChange", {
+			symbol: e,
+			previous: n
+		})), t !== r && (this.announcedTimeframe = t, this.eventBus.emit("timeframeChange", {
+			timeframe: t,
+			previous: r
+		}));
+	}
+	async switchStream(e, t) {
+		if (!this.streamManager) return;
+		let n = this.streamAdapter;
+		if (n && !D(n, t)) throw RangeError(`${n.name} cannot serve the ${t} timeframe`);
+		this.setStreamTarget(e, t), this.historyFromStream && this.history.setLoader(null), this.barCountdown.setTimeframeMs(y(t)), n && this.resolveStreamSymbol(n, e), await this.streamManager.switchTo(e, t);
+	}
+	isTimeframeAllowed(e) {
+		let t = this.features.timeframes;
+		return t.length === 0 || t.includes(e);
+	}
+	async setTimeframe(e) {
+		if (!this.streamManager) throw Error("No active stream. Call connect() first.");
+		this.isTimeframeAllowed(e) && await this.switchStream(this.currentSymbol, e);
+	}
+	disconnectStream() {
+		this.symbolInfoSeq++, this.priceLines.setBidAsk(null), this.streamManager &&= (this.streamManager.dispose(), null), this.historyFromStream &&= (this.history.setLoader(null), !1), this.streamAdapter = null;
+	}
+	connectExecution(e, t = {}) {
+		if (!this.features.trading) throw Error("connectExecution requires features.trading to be enabled");
+		this.disconnectExecution(), this.executionAdapter = e, this.execTeardown = fn(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),
+			onFill: (e) => {
+				this.tradingManager.addFill(e), this.eventBus.emit("executionFill", e);
+			},
+			getPositions: () => this.tradingManager.getPositions()
+		}), Promise.resolve(e.connect(t)).catch((e) => this.eventBus.emit("executionError", {
+			message: "Execution connect failed",
+			cause: e
+		}));
+	}
+	disconnectExecution() {
+		this.returnMarkToLive(), this.execTeardown &&= (this.execTeardown(), null), this.executionAdapter &&= (this.executionAdapter.disconnect(), null);
+	}
+	getExecutionAdapter() {
+		return this.executionAdapter;
+	}
+	setBarCountdownVisible(e) {
+		this.barCountdown.setVisible(e && this.features.barCountdown), this.engine.requestRender(r.Hover);
+	}
+	setSessionBreaksVisible(e) {
+		this.sessionBreaks.setVisible(e), this.engine.requestRender(r.Background);
+	}
+	addCompareSymbol(e, t, n, r) {
+		this.features.compareSymbols && (this.compareRenderer.addSymbol({
+			id: e,
+			label: t,
+			data: n,
+			color: r,
+			visible: !0
+		}), this.updateViewportAndRender());
+	}
+	removeCompareSymbol(e) {
+		this.compareRenderer.removeSymbol(e), this.updateViewportAndRender();
+	}
+	updateCompareData(e, t) {
+		this.compareRenderer.setSymbolData(e, t), this.updateViewportAndRender();
+	}
+	setCompareMode(e) {
+		this.compareRenderer.setMode(e), this.updateViewportAndRender();
+	}
+	clearCompareSymbols() {
+		this.compareRenderer.clear(), this.updateViewportAndRender();
+	}
+	setLogScale(e) {
+		e && !this.features.logScale || (this.viewport.setLogScale(e), this.updateViewportAndRender());
+	}
+	isLogScale() {
+		return this.viewport.isLogScale();
+	}
+	setInvertScale(e) {
+		this.viewport.setInvertScale(e), this.updateViewportAndRender();
+	}
+	isInvertScale() {
+		return this.viewport.isInvertScale();
+	}
+	setScaleMode(e) {
+		e === "logarithmic" && !this.features.logScale || (this.viewport.setScaleMode(e), this.updateViewportAndRender());
+	}
+	getScaleMode() {
+		return this.viewport.getScaleMode();
+	}
+	setSessionBreaksConfig(e) {
+		this.sessionBreaks.setConfig(e), this.engine.requestRender(r.Background);
+	}
+	getConnectionState() {
+		return this.streamManager?.getConnectionState() ?? "disconnected";
+	}
+	getConnectionInfo() {
+		return this.streamManager?.getConnectionInfo() ?? { state: "disconnected" };
+	}
+	setAutoScroll(e) {
+		this.autoScrollOnNewBar = e;
+	}
+	scrollTo(e) {
+		let t = this.dataManager.getData();
+		for (let n = 0; n < t.length; n++) if (t[n].time >= e) {
+			let e = this.viewport.getState().barWidth + this.viewport.getState().barSpacing;
+			this.viewport.scrollBy(n * e - this.viewport.getState().offset), this.updateViewportAndRender();
+			return;
+		}
+	}
+	goToTime(e) {
+		let t = this.getDisplayData();
+		if (t.length === 0 || !Number.isFinite(e)) return -1;
+		let n = Math.max(0, Math.min(t.length - 1, Math.floor(k(e, t)))), r = this.viewport.getState(), i = n * (r.barWidth + r.barSpacing) + r.barWidth / 2 - r.chartRect.width / 2;
+		return this.viewport.scrollBy(i - r.offset), this.updateViewportAndRender(), n;
+	}
+	setVisibleRangePreset(e) {
+		let t = this.getDisplayData();
+		if (t.length === 0) return;
+		let n = t.length - 1, r = t[n].time > mn ? 1 : 1e3, i = ht(e, t[n].time * r, this.displayTz), a = i === null ? null : i / r;
+		if (a === null || a < t[0].time) {
+			this.fitContent();
+			return;
+		}
+		let o = k(a, t), s = Math.min(n, e === "YTD" ? Math.ceil(o) : Math.floor(o) + 1);
+		this.viewport.zoomToBarRange(s, n + this.viewport.getRightMargin()), this.viewport.scrollToEnd(), this.updateViewportAndRender();
+	}
+	scrollToEnd() {
+		this.viewport.scrollToEnd(), this.updateViewportAndRender();
+	}
+	scrollBars(e) {
+		if (!Number.isFinite(e) || e === 0) return;
+		let { barWidth: t, barSpacing: n } = this.viewport.getState();
+		this.viewport.scrollBy(e * (t + n)), this.updateViewportAndRender();
+	}
+	setVisibleRange(e, t) {
+		let n = this.dataManager.getData();
+		if (n.length === 0) return;
+		let r = k(Math.min(e, t), n), i = k(Math.max(e, t), n);
+		this.viewport.zoomToBarRange(r, i), this.updateViewportAndRender();
+	}
+	setPanLimits(e) {
+		this.viewport.setPanLimits(e), this.updateViewportAndRender();
+	}
+	zoomIn() {
+		let e = this.viewport.getState().chartRect.width;
+		this.viewport.zoom(.2, e / 2), this.updateViewportAndRender();
+	}
+	zoomOut() {
+		let e = this.viewport.getState().chartRect.width;
+		this.viewport.zoom(-.2, e / 2), this.updateViewportAndRender();
+	}
+	fitContent() {
+		let e = this.dataManager.getLength();
+		e !== 0 && (this.viewport.zoomToBarRange(0, e - 1 + this.viewport.getRightMargin()), this.viewport.scrollToEnd(), this.updateViewportAndRender());
+	}
+	on(e, t) {
+		this.eventBus.on(e, t);
+	}
+	off(e, t) {
+		this.eventBus.off(e, t);
+	}
+	enableTauriBridge(e) {
+		this.eventBus.enableTauriBridge({
+			enabled: !0,
+			...e
+		});
+	}
+	disableTauriBridge() {
+		this.eventBus.disableTauriBridge();
+	}
+	setTheme(e) {
+		this.themeManager.setTheme(e), this.syncRenderContext(), this.container.style.backgroundColor = this.themeManager.getTheme().background, this.engine.requestRender(), this.eventBus.emit("themeChange", { theme: e }), this.markStateChanged();
+	}
+	getTheme() {
+		return this.themeManager.getTheme();
+	}
+	setWatermark(e, t) {
+		this.watermark.setConfig({
+			text: e,
+			...t
+		}), this.engine.requestRender(r.Background);
+	}
+	setAutoScale(e) {
+		this.options.autoScale = e, this.defaultAutoScale = e, this.updateViewportAndRender();
+	}
+	isAutoScale() {
+		return this.options.autoScale !== !1;
+	}
+	setCrosshairMode(e) {
+		this.crosshairHandler.setMode(e), this.engine.requestRender(r.Hover);
+	}
+	getCrosshairMode() {
+		return this.crosshairHandler.getMode();
+	}
+	setCrosshairPosition(e) {
+		e ? this.crosshairHandler.onPointerMove(e) : this.crosshairHandler.onPointerLeave(), this.engine.requestRender(r.Hover);
+	}
+	setCrosshairTime(e) {
+		let t = this.getDisplayData(), n = e === null || t.length === 0 ? null : Math.floor(k(e, t));
+		n !== this.crosshairHandler.getSyncedSlot() && (this.crosshairHandler.setSyncedSlot(n), this.engine.requestRender(r.Hover));
+	}
+	getData() {
+		return this.dataManager.getData();
+	}
+	setGridVisible(e) {
+		this.gridRenderer.setVisible(e), this.engine.requestRender(r.Background);
+	}
+	isGridVisible() {
+		return this.gridRenderer.isVisible();
+	}
+	setVolumeVisible(e) {
+		this.volumeRenderer.setVisible(e), this.engine.requestRender(r.Main);
+	}
+	setVolumeProfileVisible(e) {
+		this.volumeProfile.setVisible(e), this.engine.requestRender(r.Main);
+	}
+	isVolumeProfileVisible() {
+		return this.volumeProfile.isVisible();
+	}
+	setVolumeProfileConfig(e) {
+		e.buckets !== void 0 && this.volumeProfile.setBuckets(e.buckets), e.widthRatio !== void 0 && this.volumeProfile.setWidthRatio(e.widthRatio), e.opacity !== void 0 && this.volumeProfile.setOpacity(e.opacity), e.highlightPoC !== void 0 && this.volumeProfile.setHighlightPoC(e.highlightPoC), this.engine.requestRender(r.Main);
+	}
+	setMarketProfileVisible(e) {
+		this.marketProfile.setVisible(e), this.engine.requestRender(r.Main);
+	}
+	isMarketProfileVisible() {
+		return this.marketProfile.isVisible();
+	}
+	setMarketProfileConfig(e) {
+		e.buckets !== void 0 && this.marketProfile.setBuckets(e.buckets), e.widthRatio !== void 0 && this.marketProfile.setWidthRatio(e.widthRatio), e.opacity !== void 0 && this.marketProfile.setOpacity(e.opacity), e.valueAreaPct !== void 0 && this.marketProfile.setValueAreaPct(e.valueAreaPct), e.highlightPoC !== void 0 && this.marketProfile.setHighlightPoC(e.highlightPoC), e.showStats !== void 0 && this.marketProfile.setShowStats(e.showStats), e.splitBySession !== void 0 && this.marketProfile.setSplitBySession(e.splitBySession), e.letters !== void 0 && this.marketProfile.setLetters(e.letters), this.engine.requestRender(r.Main);
+	}
+	getMarketProfileStats() {
+		return this.marketProfile.getStats();
+	}
+	setDepthHeatmapVisible(e) {
+		this.depthHeatmap.setVisible(e), this.engine.requestRender(r.Main);
+	}
+	isDepthHeatmapVisible() {
+		return this.depthHeatmap.isVisible();
+	}
+	setDepthHeatmapConfig(e) {
+		e.opacity !== void 0 && this.depthHeatmap.setOpacity(e.opacity), e.capacity !== void 0 && this.depthHeatmap.setCapacity(e.capacity), this.engine.requestRender(r.Main);
+	}
+	pushDepthSnapshot(e) {
+		let t = this.dataManager.getData();
+		t.length !== 0 && (this.depthHeatmap.push(t[t.length - 1].time, e), this.depthHeatmap.isVisible() && this.engine.requestRender(r.Main));
+	}
+	clearDepthHeatmap() {
+		this.depthHeatmap.clear(), this.engine.requestRender(r.Main);
+	}
+	setPeriodLevelsVisible(e) {
+		this.periodLevels.setVisible(e), this.engine.requestRender(r.Main);
+	}
+	isPeriodLevelsVisible() {
+		return this.periodLevels.isVisible();
+	}
+	setPeriodLevelsPeriod(e) {
+		this.periodLevels.setPeriod(e), this.engine.requestRender(r.Main);
+	}
+	setTimezone(e) {
+		gn(e), this.timezoneSetting = e, this.applyTimezone();
+	}
+	getTimezone() {
+		return this.timezoneSetting;
+	}
+	getEffectiveTimezone() {
+		return this.displayTz;
+	}
+	applyTimezone() {
+		let e = this.symbolInfo?.timezone, t = this.timezoneSetting === "exchange" ? e && f(e) ? e : "UTC" : this.timezoneSetting;
+		this.displayTz = t, this.timeAxis.setTimezoneOffset(t), this.crosshairHandler.setTimezoneOffset(t), this.crosshairTooltip.setTimezoneOffset(t), this.pinnedTooltip.setTimezone(t), this.sessionBreaks.setTimezone(t), this.engine.requestRender();
+	}
+	setSymbolInfo(e) {
+		this.symbolInfo = e ? {
+			...e,
+			sessions: e.sessions?.map((e) => ({ ...e }))
+		} : null, this.marketConfig?.pricePrecision === void 0 && this.applyPricePrecision(this.symbolInfo?.pricePrecision ?? null);
+		let t = (this.symbolInfo?.sessions ?? []).flatMap((e) => {
+			let t = v(e.start), n = v(e.end);
+			return t === null || n === null ? [] : [{
+				startMinute: t,
+				endMinute: n
+			}];
+		}), n = this.symbolInfo?.timezone;
+		this.sessionShading.replaceConfig(t.length > 0 && n && f(n) ? {
+			timeZone: n,
+			windows: t,
+			startMinute: t[0].startMinute,
+			endMinute: t[t.length - 1].endMinute
+		} : this.hostSessionHours), this.timezoneSetting === "exchange" && this.applyTimezone(), this.reapplyExtendedHours(), this.updateViewportAndRender(), this.eventBus.emit("symbolInfoChange", { info: this.symbolInfo });
+	}
+	getSymbolInfo() {
+		return this.symbolInfo;
+	}
+	resolveStreamSymbol(e, t) {
+		let n = e.resolveSymbol?.bind(e);
+		if (!n) return;
+		let r = ++this.symbolInfoSeq;
+		this.symbolInfo && this.symbolInfo.symbol !== t && this.setSymbolInfo(null), Promise.resolve().then(() => n(t)).then((e) => {
+			e && r === this.symbolInfoSeq && this.currentSymbol === t && this.setSymbolInfo(e);
+		}, (e) => {
+			r === this.symbolInfoSeq && console.warn(`No symbol info for "${t}":`, e);
+		});
+	}
+	setTimezoneOffset(e) {
+		this.setTimezone(e);
+	}
+	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.hostSessionHours = mt(this.hostSessionHours, e), this.sessionShading.replaceConfig(this.hostSessionHours), this.engine.requestRender(r.Background);
+	}
+	setTooltipVisible(e) {
+		e || this.crosshairTooltip.hide();
+	}
+	setLegend(e) {
+		this.chartLegend.setConfig(e), this.engine.requestRender(r.Hover);
+	}
+	setSymbolName(e) {
+		this.chartLegend.setSymbol(e), this.engine.requestRender(r.Hover);
+	}
+	setStatusText(e) {
+		this.chartLegend.setStatusText(e), this.engine.requestRender(r.Hover);
+	}
+	screenshot(e) {
+		this.features.screenshot && T.download(this.container, e, this.themeManager.getTheme().background);
+	}
+	async copyScreenshot() {
+		if (!this.features.screenshot) return !1;
+		try {
+			let e = await T.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 ? T.toDataURL(this.container, this.themeManager.getTheme().background) : null;
+	}
+	async screenshotBlob() {
+		return this.features.screenshot ? T.toBlob(this.container, this.themeManager.getTheme().background) : null;
+	}
+	addAlert(e, t = "crossing", n, r = "price", i, a = {}) {
+		if (!this.features.alerts) return null;
+		let o = this.alertManager.addAlert(e, t, n, !1, r, i, a);
+		return this.markStateChanged(), o;
+	}
+	removeAlert(e) {
+		this.alertManager.removeAlert(e), this.markStateChanged();
+	}
+	getSelectedDrawingIds() {
+		return this.drawingManager.getSelectedDrawingIds();
+	}
+	moveDrawing(e, t) {
+		let n = this.drawingManager.moveDrawing(e, t);
+		return n && this.markStateChanged(), n;
+	}
+	groupDrawings(e, t) {
+		let n = this.drawingManager.groupDrawings(e, t);
+		return n && this.markStateChanged(), n;
+	}
+	ungroupDrawings(e) {
+		return this.afterDrawingChange(this.drawingManager.ungroup(e));
+	}
+	renameDrawingGroup(e, t) {
+		return this.afterDrawingChange(this.drawingManager.renameGroup(e, t));
+	}
+	setDrawingGroupVisible(e, t) {
+		return this.afterDrawingChange(this.drawingManager.setGroupVisible(e, t));
+	}
+	setDrawingGroupLocked(e, t) {
+		return this.afterDrawingChange(this.drawingManager.setGroupLocked(e, t));
+	}
+	getDrawingGroups() {
+		return this.drawingManager.getGroups();
+	}
+	afterDrawingChange(e) {
+		return e && this.markStateChanged(), e;
+	}
+	canAddDrawingAlert(e) {
+		return this.features.alerts && this.drawingLevelsNow(e) !== null;
+	}
+	drawingLevelsNow(e) {
+		let t = this.replaySession ? this.replaySession.live.getData() : this.getDisplayData();
+		if (t.length === 0) return null;
+		let n = {
+			...this.viewport.getState(),
+			data: t
+		};
+		return this.drawingManager.priceAt(e, t[t.length - 1].time, n);
+	}
+	followDrawingAlerts(e, t) {
+		if (!(!t || !this.alertManager)) {
+			if (e === "drawingRemove") {
+				let e = this.alertManager.takeDrawingAlerts(t);
+				e.length > 0 && this.removedDrawingAlerts.set(t, e);
+			} else if (e === "drawingCreate") {
+				let e = this.removedDrawingAlerts.get(t);
+				if (!e) return;
+				this.removedDrawingAlerts.delete(t), this.alertManager.restoreAlerts(e);
+			}
+		}
+	}
+	dropOrphanDrawingAlerts() {
+		this.removedDrawingAlerts.clear(), this.alertManager && this.alertManager.pruneDrawingAlerts(new Set(this.drawingManager.getDrawings().map((e) => e.id))) > 0 && this.markStateChanged();
+	}
+	addDrawingAlert(e, t = {}) {
+		if (!this.canAddDrawingAlert(e)) return null;
+		let n = this.alertManager.addDrawingAlert(e, t.condition ?? "crossing", t.message, t.repeating ?? !1, t.label);
+		return this.markStateChanged(), n;
+	}
+	getAlerts() {
+		return this.alertManager.getAlerts();
+	}
+	clearAlerts() {
+		this.alertManager.clearAlerts(), this.markStateChanged();
+	}
+	saveAlerts(e) {
+		this.alertManager.saveToStorage(e);
+	}
+	loadAlerts(e) {
+		this.alertManager.loadFromStorage(e), this.alertManager.pruneDrawingAlerts(new Set(this.drawingManager.getDrawings().map((e) => e.id))), this.engine.requestRender(r.Overlay);
+	}
+	addSignalMarker(e) {
+		return this.signalMarkerManager.addMarker(e);
+	}
+	removeSignalMarker(e) {
+		this.signalMarkerManager.removeMarker(e);
+	}
+	getSignalMarkers() {
+		return this.signalMarkerManager.getMarkers();
+	}
+	setSignalMarkers(e) {
+		this.signalMarkerManager.setMarkers(e);
+	}
+	clearSignalMarkers() {
+		this.signalMarkerManager.clearMarkers();
+	}
+	setSignalMarkerStyle(e) {
+		this.signalMarkerManager.setStyle(e);
+	}
+	addTradeZone(e) {
+		return this.tradeZoneManager.addZone(e);
+	}
+	updateTradeZone(e, t) {
+		this.tradeZoneManager.updateZone(e, t);
+	}
+	removeTradeZone(e) {
+		this.tradeZoneManager.removeZone(e);
+	}
+	getTradeZones() {
+		return this.tradeZoneManager.getZones();
+	}
+	setTradeZones(e) {
+		this.tradeZoneManager.setZones(e);
+	}
+	clearTradeZones() {
+		this.tradeZoneManager.clearZones();
+	}
+	setTradeZoneStyle(e) {
+		this.tradeZoneManager.setStyle(e);
+	}
+	replayStart(e) {
+		if (!this.features.replay) return;
+		if (this.history.reset(), !this.replaySession) {
+			if (this.dataManager.getLength() === 0) return;
+			let e = new B();
+			e.setData(this.fullSeries ?? this.dataManager.getData()), this.replaySession = {
+				live: e,
+				price: null,
+				fedTime: null
+			};
+		}
+		let t = this.shownBars(this.replaySession.live.getData()), { steps: n, ...r } = e ?? {}, i = n ? jn(n, t) : null;
+		this.replayStepsSeries = i, this.replayCoarse = t, this.options.autoScale = !0, this.replayRestarting = !0;
+		try {
+			this.replayManager.load(i ?? t);
+		} finally {
+			this.replayRestarting = !1;
+		}
+		i && r.startIndex !== void 0 && (r.startIndex = Pn(i, t, r.startIndex)), this.replayBarUnsub?.();
+		let a = -1, o = -1, s = null, c = i ?? t;
+		this.replayBarUnsub = this.replayManager.on("bar", ({ index: e }) => {
+			let n = e, r = t[e];
+			if (i) {
+				let c = i[e];
+				n = Nn(t, c.time), s = s !== null && o === e - 1 && n === a - 1 && s ? In(s, c) : Fn(t[n], i, e), r = s;
+			}
+			o = e;
+			let l = n + 1, u = a > 0 && l >= a && this.dataManager.getLength() === a, d = !(u && !this.replaySeeking) || this.autoScrollOnNewBar && this.viewport.isAtEnd();
+			if (u) {
+				i && l > a && this.dataManager.updateLastBar(t[a - 1]);
+				for (let e = a; e < l - 1; e++) this.dataManager.appendBar(t[e]);
+				l > a ? this.dataManager.appendBar(r) : this.dataManager.updateLastBar(r), this.recalcIndicatorsFrom(this.dataManager.getData(), Math.max(0, a - 1));
+			} else this.dataManager.setData([...t.slice(0, n), r]), this.recalcIndicators(this.dataManager.getData());
+			a = l, this.currentPriceLine.setPrice(r.close, n > 0 ? t[n - 1].close : void 0), this.crosshairHandler.setData(this.dataManager.getData()), this.displayDataCache = null, this.updateViewportAndRender(d), this.feedReplaySteps(c, e);
+			let f = c[e + 1]?.time ?? c[e].time + (e > 0 ? c[e].time - c[e - 1].time : 0);
+			this.eventBus.emit("replayStep", {
+				barIndex: n,
+				time: t[n].time,
+				until: f
+			});
+		}), this.replayManager.play(r);
+	}
+	replaySeekToTime(e) {
+		if (!this.replaySession || !this.replayCoarse) return;
+		let t = this.replayStepsSeries ?? this.replayCoarse, n = 0, r = t.length - 1;
+		for (; n < r;) {
+			let i = n + r + 1 >> 1;
+			t[i].time < e ? n = i : r = i - 1;
+		}
+		this.replaySeek(n);
+	}
+	feedReplayPrice(e, t) {
+		let n = this.executionAdapter;
+		n?.setMarkPrice && (n.setMarkPrice(e, t), this.tradingManager.setCurrentPrice(e));
+	}
+	returnMarkToLive() {
+		let e = this.replaySession;
+		if (!e || !this.replayTrades()) return;
+		let t = e.live.getData(), n = e.price?.price ?? t[t.length - 1]?.close;
+		n !== void 0 && this.feedReplayPrice(n);
+	}
+	feedReplaySteps(e, t) {
+		let n = this.replaySession, r = this.executionAdapter, i = e[t];
+		if (!n || !r?.setMarkPrice || !i) return;
+		if (n.fedTime === null) {
+			n.fedTime = i.time, this.feedReplayPrice(i.close, i.time);
+			return;
+		}
+		if (i.time <= n.fedTime) return;
+		let a = e.slice(On(e, n.fedTime), t + 1);
+		n.fedTime = i.time;
+		let o = Math.ceil(a.length / Dn);
+		for (let e = 0; e < a.length; e += o) for (let [t, n] of kn(a.slice(e, e + o))) r.setMarkPrice(t, n);
+		this.tradingManager.setCurrentPrice(i.close);
+	}
+	getReplayBarIndex() {
+		if (!this.replaySession) return -1;
+		let { current: e } = this.replayManager.getProgress(), t = this.replayStepsSeries;
+		return t && this.replayCoarse ? Nn(this.replayCoarse, t[e]?.time ?? -Infinity) : e;
+	}
+	replaySeekToBar(e) {
+		let t = this.replayStepsSeries;
+		this.replaySeek(t && this.replayCoarse ? Pn(t, this.replayCoarse, e) : e);
+	}
+	replayPause() {
+		this.replayManager.pause();
+	}
+	replayResume() {
+		this.replayManager.resume();
+	}
+	replayStop() {
+		let e = this.replaySession;
+		this.endReplaySession(), e && (this.loadSeries(e.live.getData(), !0), e.price && this.currentPriceLine.setPrice(e.price.price, e.price.previousClose));
+	}
+	isReplayActive() {
+		return this.replaySession !== null;
+	}
+	getPlotRect() {
+		let { x: e, y: t, width: n, height: r } = this.viewport.getState().chartRect;
+		return {
+			x: e,
+			y: t,
+			width: n,
+			height: r
+		};
+	}
+	endReplaySession() {
+		this.replaySession && (this.returnMarkToLive(), this.replaySession = null, this.replayStepsSeries = null, this.replayCoarse = null, this.replayBarUnsub?.(), this.replayBarUnsub = null, this.replayManager.stop());
+	}
+	replaySeek(e) {
+		this.replaySeeking = !0;
+		try {
+			this.replayManager.seekTo(e);
+		} finally {
+			this.replaySeeking = !1;
+		}
+	}
+	setReplaySpeed(e) {
+		this.replayManager.setSpeed(e);
+	}
+	getReplayState() {
+		return this.replayManager.getState();
+	}
+	getReplayProgress() {
+		return this.replayManager.getProgress();
+	}
+	captureSnapshot() {
+		return b.capture({
+			getDrawings: () => this.getDrawings(),
+			getTheme: () => this.getTheme(),
+			getAlerts: () => this.getAlerts(),
+			getIndicators: () => this.getIndicatorSetup()
+		}, {
+			chartType: this.options.chartType,
+			chartTypeOptions: this.getChartTypeOptions(),
+			symbol: this.currentSymbol || void 0
+		});
+	}
+	restoreIndicators(e, t) {
+		let n = Cn(e), r = /* @__PURE__ */ new Map();
+		this.unrestoredIndicators = [];
+		let i = new Set(this.indicatorEngine.getAvailableIndicators().map((e) => e.id)), a = [], o = /* @__PURE__ */ new Set();
+		if (t) {
+			let e = new Map(n.map((e) => [e.instanceId, e])), t = this.getIndicatorSetup();
+			for (let n of t) {
+				let t = e.get(n.instanceId);
+				t && wn(n, t) && o.add(n.instanceId);
+			}
+			for (let e of t) o.has(e.instanceId) || this.removeIndicator(e.instanceId);
+			for (let e of [...o]) this.indicatorEngine.getIndicatorConfig(e) || o.delete(e);
+		} else for (let e of this.indicatorEngine.getActiveIndicators()) this.removeIndicator(e.instanceId);
+		let s = (e) => {
+			let t = { ...e };
+			for (let [e, n] of Object.entries(t)) {
+				let i = h(n), a = i && r.get(i.instanceId);
+				a && (t[e] = d(a, i.key));
+			}
+			return t;
+		};
+		for (let e of n) {
+			let n = null;
+			if (o.has(e.instanceId)) {
+				n = e.instanceId;
+				let t = this.indicatorEngine.getIndicatorConfig(n)?.params ?? {}, r = {};
+				for (let [n, i] of Object.entries(s(e.params))) t[n] !== i && (r[n] = i);
+				Object.keys(r).length > 0 && this.updateIndicator(n, r);
+			} else {
+				let a = [
+					"top",
+					"bottom",
+					"left",
+					"right"
+				].find((t) => t === e.position) ?? "bottom";
+				try {
+					if (!i.has(e.id)) throw Error("no such indicator is registered");
+					let o = e.pane ? r.get(e.pane) : void 0;
+					n = this.addIndicatorNow(e.id, s(e.params), a, {
+						...o ? { pane: o } : {},
+						...e.scale === "left" ? { scale: "left" } : {},
+						...t ? { instanceId: e.instanceId } : {}
+					});
+				} catch (t) {
+					console.warn(`Layout indicator "${e.id}" kept but not shown:`, t);
+				}
+			}
+			if (!n) {
+				this.unrestoredIndicators.push(e);
+				continue;
+			}
+			r.set(e.instanceId, n), a.push([e, n]), this.restoreLooks(n, e);
+		}
+		return this.restorePanes(a), this.updateViewportAndRender(), r;
+	}
+	restoreLooks(e, t) {
+		let n = this.indicatorEngine.getIndicatorStyle(e);
+		t.style && JSON.stringify({
+			...n,
+			...t.style
+		}) !== JSON.stringify(n) && this.updateIndicatorStyle(e, t.style);
+		let r = this.indicatorEngine.getIndicatorConfig(e);
+		(t.visible ?? !0) !== (r?.visible ?? !0) && this.setIndicatorVisible(e, t.visible ?? !0);
+		let i = t.levels ?? null;
+		JSON.stringify(i) !== JSON.stringify(r?.levels ?? null) && this.setIndicatorLevels(e, i);
+	}
+	restorePanes(e) {
+		for (let [t, n] of e) t.paneSize !== void 0 && this.layoutManager.setPanelSize(n, t.paneSize), (t.paneSize !== void 0 || t.paneCollapsed) && this.layoutManager.setPanelCollapsed(n, !!t.paneCollapsed), t.paneSize !== void 0 && this.layoutManager.setPanelScale(n, {
+			log: !!t.paneLog,
+			invert: !!t.paneInvert,
+			percent: !!t.panePercent
+		});
+		let t = e.filter(([e]) => e.paneOrder !== void 0).sort(([e], [t]) => (e.paneOrder ?? 0) - (t.paneOrder ?? 0)).map(([, e]) => e);
+		t.length > 1 && this.layoutManager.orderPanels(t);
+		let n = e.find(([e]) => e.paneMaximized);
+		this.layoutManager.setMaximizedPanel(n ? n[1] : null);
+	}
+	getIndicatorSetup() {
+		let e = this.layoutManager.getPanels(), t = this.layoutManager.getMaximizedPanel();
+		return [...this.indicatorEngine.getActiveIndicators().map((n) => {
+			let r = e.find((e) => e.id === n.instanceId), i = this.indicatorEngine.getIndicatorConfig(n.instanceId);
+			return {
+				id: n.id,
+				instanceId: n.instanceId,
+				params: { ...n.params },
+				position: r?.position,
+				style: this.indicatorEngine.getIndicatorStyle(n.instanceId) ?? void 0,
+				visible: n.visible,
+				levels: i?.levels?.slice(),
+				pane: n.pane,
+				scale: i?.scale,
+				...r ? {
+					paneSize: r.size,
+					paneOrder: e.indexOf(r),
+					...r.collapsed ? { paneCollapsed: !0 } : {},
+					...t === n.instanceId ? { paneMaximized: !0 } : {},
+					...r.logScale ? { paneLog: !0 } : {},
+					...r.invertScale ? { paneInvert: !0 } : {},
+					...r.percentScale ? { panePercent: !0 } : {}
+				} : {}
+			};
+		}), ...this.unrestoredIndicators];
+	}
+	applyIndicatorSetup(e) {
+		this.features.indicators && this.recordIndicators(void 0, () => {
+			let t = new Map(this.indicatorEngine.getActiveIndicators().map((e) => [e.instanceId, e.id])), n = this.withoutIndicatorHistory(() => this.restoreIndicators(e, !1));
+			this.followIndicatorAlerts(t, [...n.values()]), this.markStateChanged();
+		});
+	}
+	followIndicatorAlerts(e, t) {
+		if (!this.features.alerts) return;
+		let n = (n) => {
+			let r = n.indexOf(":");
+			if (r <= 0) return null;
+			let i = n.slice(0, r), a = e.get(i);
+			if (!a || this.indicatorEngine.getIndicatorConfig(i)) return null;
+			let o = t.filter((e) => this.indicatorEngine.getIndicatorConfig(e)?.id === a);
+			return o.length === 1 ? o[0] + n.slice(r) : null;
+		};
+		for (let e of this.alertManager.getAlerts()) {
+			let t = n(e.channel), r = e.target ? n(e.target) : null;
+			if (!t && !r) continue;
+			let { target: i, percent: a, bars: o, onBarClose: s, expiresAt: c } = e;
+			this.alertManager.removeAlert(e.id), this.alertManager.addAlert(e.price, e.condition, e.message, e.repeating, t ?? e.channel, e.label, {
+				...e.target ? { target: r ?? e.target } : {},
+				...a === void 0 ? {} : { percent: a },
+				...o === void 0 ? {} : { bars: o },
+				...s ? { onBarClose: s } : {},
+				...c === void 0 ? {} : { expiresAt: c }
+			});
+		}
+	}
+	withoutIndicatorHistory(e) {
+		this.indicatorHistoryDepth++;
+		try {
+			return e();
+		} finally {
+			this.indicatorHistoryDepth--;
+		}
+	}
+	recordIndicators(e, t) {
+		if (this.indicatorHistoryDepth > 0 || !this.features.drawingUndoRedo) return t();
+		let n = this.getIndicatorSetup(), r = this.withoutIndicatorHistory(t), i = this.getIndicatorSetup();
+		if (JSON.stringify(n) === JSON.stringify(i)) return r;
+		let a = performance.now(), o = this.undoRedoManager.last(), s = e !== void 0 && o?.type === "indicators" && o.indicators?.subject === e && a - (o.indicators.at ?? 0) < yn && JSON.stringify(o.indicators.after) === JSON.stringify(n), c = {
+			type: "indicators",
+			before: null,
+			after: null
+		};
+		return s && o?.indicators ? JSON.stringify(o.indicators.before) === JSON.stringify(i) ? this.undoRedoManager.dropLast() : this.undoRedoManager.replaceLast({
+			...c,
+			indicators: {
+				...o.indicators,
+				after: i,
+				at: a
+			}
+		}) : this.undoRedoManager.push({
+			...c,
+			indicators: {
+				before: n,
+				after: i,
+				subject: e,
+				at: a
+			}
+		}), r;
+	}
+	applyIndicatorStep(e, t) {
+		let n = e.indicators;
+		n && (this.withoutIndicatorHistory(() => this.restoreIndicators(t === "undo" ? n.before : n.after, !0)), this.markStateChanged());
+	}
+	saveState(e) {
+		if (!this.features.saveLoad) return null;
+		let t = this.captureSnapshot(), n = b.serialize(t);
+		return e && b.saveToStorage(e, t), n;
+	}
+	loadState(e) {
+		if (!this.features.saveLoad) return;
+		let t = b.deserialize(e);
+		this.chartTypeOptions = t.chartTypeOptions ?? {}, this.displayDataCache = null, t.chartType && this.setChartType(t.chartType), t.drawings && this.setDrawings(t.drawings), t.theme && this.setTheme(t.theme);
+		let n = t.version >= 2 && this.features.indicators ? this.withoutIndicatorHistory(() => this.restoreIndicators(t.indicators, !1)) : /* @__PURE__ */ new Map();
+		if (this.undoRedoManager.clear(), t.alerts && this.features.alerts) {
+			this.alertManager.clearAlerts();
+			for (let e of t.alerts) {
+				if (e.triggered && !e.repeating) continue;
+				let t = (e) => {
+					let t = e.indexOf(":"), r = t > 0 ? n.get(e.slice(0, t)) : void 0;
+					return r ? r + e.slice(t) : e;
+				}, r = t(e.channel), i = {
+					...gt(e),
+					...e.target ? { target: t(e.target) } : {}
+				};
+				if (!e.expired) {
+					if (e.drawingId) {
+						this.drawingManager.hasPriceLevels(e.drawingId) && (e.condition === "crossing" || e.condition === "crossingUp" || e.condition === "crossingDown") && this.alertManager.addDrawingAlert(e.drawingId, e.condition, e.message, e.repeating, e.label);
+						continue;
+					}
+					try {
+						this.alertManager.addAlert(e.price, e.condition, e.message, e.repeating, r, e.label, i);
+					} catch (e) {
+						console.warn("Layout alert left out:", e);
+					}
+				}
+			}
+		}
+		this.markStateChanged();
+	}
+	loadStateFromStorage(e) {
+		if (!this.features.saveLoad) return !1;
+		let t = b.loadFromStorage(e);
+		return t ? (this.loadState(b.serialize(t)), !0) : !1;
+	}
+	downloadState(e) {
+		this.features.saveLoad && b.downloadFile(this.captureSnapshot(), e);
+	}
+	async loadStateFromFile() {
+		if (!this.features.saveLoad) return;
+		let e = await b.loadFromFile();
+		this.loadState(b.serialize(e));
+	}
+	setLocale(e) {
+		ee(e), this.engine.requestRender();
+	}
+	setNumberLocale(e) {
+		this.numberLocale = e, this.priceAxis.setLocale(e), this.leftPriceAxis.setLocale(e), this.crosshairHandler.setLocale(e), this.chartLegend.setLocale(e), this.crosshairTooltip.setLocale(e), this.sessionBreaks.setLocale(e), this.currentPriceLine.setLocale(e), this.updateViewportAndRender();
+	}
+	getNumberLocale() {
+		return this.numberLocale;
+	}
+	setMarket(e) {
+		if (this.marketConfig = e, e.colorScheme) {
+			let t = {
+				...this.themeManager.getTheme(),
+				candleUp: e.colorScheme.up,
+				candleDown: e.colorScheme.down,
+				candleUpWick: e.colorScheme.up,
+				candleDownWick: e.colorScheme.down,
+				volumeUp: e.colorScheme.up.replace(")", ", 0.3)").replace("rgb(", "rgba(") || `${e.colorScheme.up}4D`,
+				volumeDown: e.colorScheme.down.replace(")", ", 0.3)").replace("rgb(", "rgba(") || `${e.colorScheme.down}4D`
+			};
+			this.themeManager.setTheme(t);
+		}
+		e.pricePrecision !== void 0 && this.applyPricePrecision(e.pricePrecision), this.updateViewportAndRender();
+	}
+	applyPricePrecision(e) {
+		this.marketPricePrecision = e, this.tradingManager.setConfig({ pricePrecision: e ?? void 0 }), this.alertManager.setPricePrecision(e ?? _n), this.streamManager?.priceLine.setPricePrecision(e), this.currentPriceLine.setPricePrecision(e), this.crosshairHandler.setPricePrecision(e), this.chartLegend.setPricePrecision(e), this.crosshairTooltip.setPricePrecision(e);
+	}
+	getMarket() {
+		return this.marketConfig;
+	}
+	setPriceLimits(e) {
+		this.marketConfig && (c(e, this.marketConfig) && (this.marketConfig.priceLimits = {
+			...this.marketConfig.priceLimits,
+			referencePrice: e
+		}), this.engine.requestRender());
+	}
+	getFeatures() {
+		return this.features;
+	}
+	setFeatures(e) {
+		Object.assign(this.features, e), (e.crosshair === !1 || e.crosshairTooltip === !1) && this.crosshairTooltip.hide(), e.grid !== void 0 && this.engine.requestRender(r.Background), e.volume !== void 0 && (this.volumeRenderer.setVisible(e.volume), this.engine.requestRender(r.Main)), e.drawings === !1 && this.drawingManager.setActiveTool(null), e.trading === !1 && (this.tradingManager.setOrders([]), this.tradingManager.setPositions([])), e.keyboard !== void 0 && this.keyboardHandler?.setEnabled(e.keyboard), this.engine.requestRender();
+	}
+	resize() {
+		let e = this.engine.dprManager.readContainerSize();
+		if (e.width <= 0 || e.height <= 0) return;
+		this.containerSizeCache = e, this.containerSizeCacheTime = Date.now();
+		let t = this.engine.dprManager.getDpr();
+		this.engine.layerManager.resize(e, t);
+		let n = this.viewport.isAtEnd();
+		this.viewport.resize(e.width, e.height), this.layoutManager.resize(e.width, e.height), this.updateViewportAndRender(n), this.eventBus.emit("resize", e);
+	}
+	destroy() {
+		this.countdownInterval && clearInterval(this.countdownInterval), this.history.setLoader(null), this.disableAutoSave(), this.disconnectStream(), this.disconnectExecution(), this.onWindowKeyDown &&= (window.removeEventListener("keydown", this.onWindowKeyDown), null), this.keyboardHandler = null, this.a11y?.destroy(), this.a11y = null, this.interactionManager.detach(), this.tradingManager.destroy(), this.animator.dispose(), this.crosshairTooltip.destroy(), this.pinnedTooltip.destroy(), this.replayRestarting = !0, this.replayManager.dispose(), this.alertManager.dispose(), this.undoRedoManager.clear(), this.engine.destroy(), this.eventBus.destroy(), this.container.innerHTML = "";
+	}
+	createChartRenderer(e) {
+		let t = Lt(e, (e) => this.pluginManager.getChartType(e));
+		return t instanceof S && t.setPriceText((e) => this.formatPrice(e)), t;
+	}
+	getDisplayData() {
+		if (this.displayDataCache) return this.displayDataCache;
+		let e = this.dataManager.getData();
+		if (e.length === 0) return e;
+		let t = Rt(this.options.chartType, e, (e) => this.pluginManager.getChartType(e), this.chartTypeOptions);
+		return this.displayDataCache = t, t;
+	}
+	recalcIndicatorsFrom(e, t) {
+		this.indicatorEngine.recalculateFrom(e, t), this.announceIndicatorUpdate(t);
+	}
+	recalcIndicators(e) {
+		this.indicatorEngine.recalculateAll(e), this.announceIndicatorUpdate(0);
+	}
+	announceIndicatorUpdate(e) {
+		if (this.indicatorUpdateFrom !== null) {
+			this.indicatorUpdateFrom = Math.min(this.indicatorUpdateFrom, e);
+			return;
+		}
+		this.indicatorUpdateFrom = e, queueMicrotask(() => {
+			let e = this.indicatorUpdateFrom;
+			this.indicatorUpdateFrom = null, e !== null && this.eventBus.emit("indicatorUpdate", { from: e });
+		});
+	}
+	scheduleRender() {
+		this.renderScheduled || (this.renderScheduled = !0, requestAnimationFrame(() => {
+			this.renderScheduled = !1, this.panelInfoCache = null, this.fitDataAndAxes(), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
+		}));
+	}
+	applyDataToViewport(e = !1) {
+		let t = this.getDisplayData(), n = this.options.autoScale !== !1;
+		this.viewport.updateData(t, n && !e), e && (this.viewport.scrollToEnd(), n && this.viewport.updateData(t, !0));
+		let r = this.viewport.getState();
+		if (t.length > 0) {
+			let e = Math.max(0, Math.min(r.visibleRange.from, t.length - 1));
+			this.viewport.setScaleBaseline(t[e]?.close);
+		}
+		if (n) {
+			let e = En(this.indicatorEngine.getOverlayPriceRange(r.visibleRange.from, Math.min(r.visibleRange.to, t.length - 1)), this.features.compareSymbols ? this.compareRenderer.getPriceRange(t, r) : null);
+			if (e) {
+				let t = r.priceRange, n = Math.min(t.min, e.min), i = Math.max(t.max, e.max);
+				if (n < t.min || i > t.max) {
+					let e = i - n || 1;
+					this.viewport.setPriceRange(n - e * .02, i + e * .02);
+				}
+			}
+		}
+		return t;
+	}
+	updateViewportAndRender(e = !1) {
+		this.resolvedLayoutCache = null, this.panelInfoCache = null, this.layoutManager.setLeftAxisWidth(this.isLeftPriceScaleShown() ? this.leftAxisWidth : 0);
+		let t = this.getResolvedLayout();
+		this.viewport.setChartRect(t.mainChartRect), this.fitDataAndAxes(e), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
+	}
+	fitDataAndAxes(e = !1) {
+		this.applyDataToViewport(e);
+		let t = this.fitPriceAxisWidth();
+		this.leftViewport = this.computeLeftViewport(), (this.fitLeftAxisWidth() || t) && this.applyDataToViewport(e);
+	}
+	fitLeftAxisWidth() {
+		let e = this.leftViewport;
+		if (!e) return !1;
+		let t = this.themeManager.getTheme(), n = $t({
+			min: e.priceRange.min,
+			max: e.priceRange.max,
+			lastPrice: null,
+			tagPrecision: null,
+			locale: this.numberLocale,
+			fontFamily: t.font.family,
+			fontSizeSmall: t.font.sizeSmall,
+			measure: (e, t) => this.measureText(e, t)
+		}), r = en(this.leftAxisWidth, n);
+		return r === this.leftAxisWidth ? !1 : (this.leftAxisWidth = r, this.layoutManager.setLeftAxisWidth(r), this.resolvedLayoutCache = null, this.panelInfoCache = null, this.viewport.setChartRect(this.getResolvedLayout().mainChartRect), !0);
+	}
+	fitPriceAxisWidth() {
+		if (!this.features.priceAxis) return !1;
+		let { priceRange: e } = this.viewport.getState(), t = this.themeManager.getTheme(), n = $t({
+			min: e.min,
+			max: e.max,
+			lastPrice: this.currentPriceLine.getPrice(),
+			tagPrecision: this.marketPricePrecision,
+			locale: this.numberLocale,
+			format: this.priceFormatter,
+			fontFamily: t.font.family,
+			fontSizeSmall: t.font.sizeSmall,
+			measure: (e, t) => this.measureText(e, t)
+		}), r = en(this.priceAxisWidth, n);
+		return r === this.priceAxisWidth ? !1 : (this.priceAxisWidth = r, this.layoutManager.setPriceAxisWidth(r), this.viewport.setPriceAxisWidth(r), this.resolvedLayoutCache = null, this.panelInfoCache = null, this.viewport.setChartRect(this.getResolvedLayout().mainChartRect), !0);
+	}
+	measureText(e, t) {
+		this.measureCtx === void 0 && (this.measureCtx = typeof document < "u" ? document.createElement("canvas").getContext("2d") : null);
+		let n = this.measureCtx;
+		return n ? (n.font = t, n.measureText(e).width) : e.length * 7;
+	}
+	emitViewportEvents() {
+		let e = this.viewport.getState(), t = Math.max(0, Math.floor(e.visibleRange.from)), n = Math.max(t, Math.ceil(e.visibleRange.to));
+		(!this.lastEmittedRange || this.lastEmittedRange.from !== t || this.lastEmittedRange.to !== n) && (this.lastEmittedRange = {
+			from: t,
+			to: n
+		}, this.eventBus.emit("visibleRangeChange", {
+			from: t,
+			to: n
+		}));
+		let { min: r, max: i } = e.priceRange;
+		(!this.lastEmittedPriceRange || this.lastEmittedPriceRange.min !== r || this.lastEmittedPriceRange.max !== i) && (this.lastEmittedPriceRange = {
+			min: r,
+			max: i
+		}, this.eventBus.emit("priceRangeChange", {
+			min: r,
+			max: i
+		})), this.lastEmittedBarWidth !== e.barWidth && (this.lastEmittedBarWidth = e.barWidth, this.eventBus.emit("zoomChange", { barWidth: e.barWidth })), this.checkHistory();
+	}
+	getResolvedLayout() {
+		return this.resolvedLayoutCache || (this.resolvedLayoutCache = this.layoutManager.resolve(), this.syncCrosshairBounds(this.resolvedLayoutCache)), this.resolvedLayoutCache;
+	}
+	syncCrosshairBounds(e) {
+		let t = e.mainChartRect, n = t.y, r = t.y + t.height;
+		for (let t of e.panels) t.config.position !== "top" && t.config.position !== "bottom" || (n = Math.min(n, t.rect.y), r = Math.max(r, t.rect.y + t.rect.height));
+		this.crosshairHandler.setReportBounds({
+			top: n,
+			bottom: r
+		});
+	}
+	cachedContainerSize() {
+		let e = Date.now();
+		return (!this.containerSizeCache || e - this.containerSizeCacheTime > 500) && (this.containerSizeCache = this.engine.dprManager.getContainerSize(), this.containerSizeCacheTime = e), this.containerSizeCache;
+	}
+	buildPanelRenderInfos() {
+		if (this.panelInfoCache) return this.panelInfoCache;
+		let e = this.getResolvedLayout(), t = this.viewport.getState(), { from: n, to: r } = t.visibleRange, i = e.panels.map((e) => {
+			let i = e.config.logScale ? this.indicatorEngine.getPaneValueRange(e.config.id, n, r, !0) : null, a = i ?? this.indicatorEngine.getPaneValueRange(e.config.id, n, r) ?? { ...pn }, o = {
+				x: e.rect.x,
+				y: e.rect.y + 20,
+				width: e.rect.width,
+				height: Math.max(0, e.rect.height - 20)
+			};
+			return {
+				instanceId: e.config.id,
+				members: this.indicatorEngine.getPaneMembers(e.config.id),
+				rect: e.rect,
+				viewport: {
+					...t,
+					chartRect: o,
+					priceRange: a,
+					logScale: i !== null,
+					scaleMode: e.config.percentScale ? "percentage" : "regular",
+					scaleBaseline: e.config.percentScale ? this.paneBaseline(e.config.id, n, r) : void 0,
+					formatPrice: void 0,
+					priceUnit: void 0,
+					invertScale: !!e.config.invertScale
+				}
+			};
+		});
+		return this.panelInfoCache = i, i;
+	}
+	timeAxisTop() {
+		let e = this.getResolvedLayout(), t = e.panels.filter((e) => e.config.position === "bottom").reduce((e, t) => e + t.rect.height, 0);
+		return e.mainChartRect.y + e.mainChartRect.height + t;
+	}
+	syncRenderContext() {
+		this.pinnedTooltip.isPinned() && this.pinnedTooltip.reposition(this.viewport.getState(), null, null, this.themeManager.getTheme());
+		let e = this.features.indicators ? this.buildPanelRenderInfos() : [], t = this.timeAxisTop(), n = this.getDisplayData();
+		this.leftViewport = this.computeLeftViewport(), this.engine.setRenderContext({
+			leftViewport: this.leftViewport,
+			leftPriceAxis: this.leftPriceAxis,
+			leftAxisWidth: this.leftAxisWidth,
+			chartRenderer: this.mainSeriesVisible ? this.chartRenderer : null,
+			priceLines: this.quoteLines(),
+			gridRenderer: this.features.grid ? this.gridRenderer : null,
+			priceAxis: this.features.priceAxis ? this.priceAxis : null,
+			timeAxis: this.features.timeAxis ? this.timeAxis : null,
+			crosshairHandler: this.features.crosshair ? this.crosshairHandler : null,
+			indicatorEngine: this.features.indicators ? this.indicatorEngine : null,
+			drawingRenderer: this.features.drawings ? this.drawingRenderer : null,
+			tradingRenderer: this.features.trading ? this.tradingRenderer : null,
+			currentPriceLine: this.currentPriceLine,
+			chartLegend: this.features.legend ? this.chartLegend : null,
+			volumeRenderer: this.features.volume ? this.volumeRenderer : null,
+			volumeProfile: this.volumeProfile,
+			marketProfile: this.marketProfile,
+			depthHeatmap: this.depthHeatmap,
+			periodLevels: this.periodLevels,
+			pivotMarkers: this.pivotMarkers,
+			watermark: this.features.watermark ? this.watermark : null,
+			barCountdown: this.barCountdown,
+			sessionBreaks: this.sessionBreaks,
+			sessionShading: this.sessionShading,
+			compareRenderer: this.compareRenderer,
+			alertManager: this.features.alerts ? this.alertManager : null,
+			measureOverlay: this.measureOverlay,
+			selectionBoxOverlay: this.selectionBoxOverlay,
+			priceAxisAddButton: this.priceAxisAddButton,
+			signalMarkerManager: this.signalMarkerManager,
+			tradeZoneManager: this.tradeZoneManager,
+			panels: e,
+			priceLimits: this.buildPriceLimits(),
+			timeAxisY: t,
+			viewport: {
+				...this.viewport.getState(),
+				data: n
+			},
+			theme: this.themeManager.getTheme(),
+			data: n,
+			numberLocale: this.numberLocale,
+			paneTitles: this.paneTitles,
+			indicatorValueLabels: this.features.indicatorValueLabels,
+			formatPrice: (e) => this.formatPrice(e),
+			renderOverlayPlugins: (e, t) => this.drawOverlayPlugins(e, t)
+		});
+	}
+	drawOverlayPlugins(e, t) {
+		let n = rn(this.pluginManager.getOverlays(), t);
+		if (n.length === 0) return;
+		let r = {
+			viewport: this.viewport.getState(),
+			data: this.getDisplayData(),
+			theme: this.themeManager.getTheme()
+		};
+		for (let t of n) t.render(e, r);
+	}
+	buildPriceLimits() {
+		if (!this.marketConfig?.priceLimits?.enabled || !this.marketConfig.priceLimits.referencePrice) return null;
+		let e = c(this.marketConfig.priceLimits.referencePrice, this.marketConfig);
+		return e ? {
+			...e,
+			colors: this.marketConfig.colorScheme ? {
+				ceiling: this.marketConfig.colorScheme.ceiling,
+				floor: this.marketConfig.colorScheme.floor,
+				reference: this.marketConfig.colorScheme.reference
+			} : void 0
+		} : null;
+	}
+};
+function Cn(e) {
+	let t = new Map(e.map((e) => [e.instanceId, e])), n = [], r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = (e) => {
+		if (r.has(e.instanceId) || i.has(e.instanceId)) return;
+		i.add(e.instanceId);
+		let o = [e.pane, ...Object.values(e.params).map((e) => h(e)?.instanceId)];
+		for (let e of o) {
+			let n = e ? t.get(e) : void 0;
+			n && a(n);
+		}
+		i.delete(e.instanceId), r.add(e.instanceId), n.push(e);
+	};
+	for (let t of e) a(t);
+	return n;
+}
+function wn(e, t) {
+	return e.id === t.id && (e.pane ?? null) === (t.pane ?? null) && (e.scale ?? null) === (t.scale ?? null) && e.position === void 0 == (t.position === void 0);
+}
+function Tn(e) {
+	let t = e.tagRadius;
+	return typeof t == "number" && Number.isFinite(t) && t >= 0 ? { tagRadius: Math.min(t, 999) } : {};
+}
+var W = new Set(["compareSymbol", "spread"]);
+function En(e, t) {
+	return e ? t ? {
+		min: Math.min(e.min, t.min),
+		max: Math.max(e.max, t.max)
+	} : e : t;
+}
+function G(e) {
+	return {
+		id: e.id,
+		price: e.price,
+		condition: e.condition,
+		message: e.message,
+		triggered: e.triggered,
+		channel: e.channel,
+		label: e.label,
+		target: e.target,
+		drawingId: e.drawingId,
+		percent: e.percent,
+		bars: e.bars
+	};
+}
+var Dn = 500;
+function On(e, t) {
+	let n = 0, r = e.length;
+	for (; n < r;) {
+		let i = n + r >> 1;
+		e[i].time <= t ? n = i + 1 : r = i;
+	}
+	return n;
+}
+function kn(e) {
+	let t = 0, n = 0;
+	for (let r = 1; r < e.length; r++) e[r].low < e[t].low && (t = r), e[r].high > e[n].high && (n = r);
+	let r = [e[t].low, e[t].time], i = [e[n].high, e[n].time], a = t === n ? e[t].close >= e[t].open : t < n, o = e[e.length - 1];
+	return [...a ? [r, i] : [i, r], [o.close, o.time]];
+}
+function An(e) {
+	let t = 0;
+	for (let n = Math.max(1, e.length - 10); n < e.length; n++) t = Math.max(t, e[n].time - e[n - 1].time);
+	return t > 0 ? t : Infinity;
+}
+function jn(e, t) {
+	if (t.length === 0) return null;
+	let n = t[t.length - 1].time + An(t), r = e.filter((e) => Mn(e) && e.time >= t[0].time && e.time < n).sort((e, t) => e.time - t.time), i = [];
+	for (let e of r) (i.length === 0 || i[i.length - 1].time !== e.time) && i.push(e);
+	if (i.length === 0) return null;
+	let a = t.findIndex((e) => e.time >= i[0].time);
+	if (a < 0) return null;
+	let o = t.slice(0, a), s = i.filter((e) => e.time >= t[a].time);
+	return [...o, ...s];
+}
+function Mn(e) {
+	return [
+		e.time,
+		e.open,
+		e.high,
+		e.low,
+		e.close
+	].every(Number.isFinite);
+}
+function Nn(e, t) {
+	let n = 0, r = e.length - 1;
+	for (; n < r;) {
+		let i = n + r + 1 >> 1;
+		e[i].time <= t ? n = i : r = i - 1;
+	}
+	return n;
+}
+function Pn(e, t, n) {
+	let r = Math.max(0, Math.min(Math.floor(Number.isFinite(n) ? n : 0), t.length - 1)), i = r + 1 < t.length ? t[r + 1].time : Infinity, a = -1;
+	for (let t = 0; t < e.length && e[t].time < i; t++) a = t;
+	return Math.max(0, a);
+}
+function Fn(e, t, n) {
+	let r = n;
+	for (; r > 0 && t[r - 1].time >= e.time;) r--;
+	let i = {
+		...t[r],
+		time: e.time
+	};
+	for (let e = r + 1; e <= n; e++) i = In(i, t[e]);
+	return i;
+}
+function In(e, t) {
+	return {
+		time: e.time,
+		open: e.open,
+		high: Math.max(e.high, t.high),
+		low: Math.min(e.low, t.low),
+		close: t.close,
+		volume: (e.volume ?? 0) + (t.volume ?? 0)
+	};
+}
+function K(e, t) {
+	let n = e[e.length - 1];
+	if (!n) return "append";
+	let r = m(t.time), i = m(n.time);
+	return r > i ? "append" : r === i ? "update" : "stale";
+}
+//#endregion
+//#region src/io/parseOHLCV.ts
+var Ln = [
+	"time",
+	"timestamp",
+	"date",
+	"datetime",
+	"t"
+], Rn = ["open", "o"], zn = ["high", "h"], Bn = ["low", "l"], Vn = ["close", "c"], Hn = [
+	"volume",
+	"vol",
+	"v"
+];
+function Un(e) {
+	let t = e.trim();
+	return t ? t[0] === "[" || t[0] === "{" ? Wn(t) : Gn(t) : {
+		data: [],
+		rowCount: 0,
+		skipped: 0
+	};
+}
+function Wn(e) {
+	let t;
+	try {
+		t = JSON.parse(e);
+	} catch (e) {
+		throw Error(`Invalid JSON: ${e.message}`);
+	}
+	if (!Array.isArray(t)) throw Error("Expected a JSON array of OHLCV rows");
+	let n = [], r = 0;
+	for (let e of t) {
+		let t = Array.isArray(e) ? Yn(e) : Jn(e);
+		t ? n.push(t) : r++;
+	}
+	return Xn(n, t.length, r);
+}
+function Gn(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 = Kn(t[0]), r = q(t[0], n).map((e) => e.trim().toLowerCase()), i = r.some((e) => isNaN(Number(e)) && e.length > 0), a = i ? qn(r) : {
+		time: 0,
+		open: 1,
+		high: 2,
+		low: 3,
+		close: 4,
+		volume: 5
+	};
+	if (a.time < 0 || a.open < 0 || a.high < 0 || a.low < 0 || a.close < 0) throw Error("CSV is missing required column(s): time, open, high, low, close");
+	let o = [], s = 0;
+	for (let e = +!!i; e < t.length; e++) {
+		let r = q(t[e], n), i = Y(r[a.time]), c = J(r[a.open]), l = J(r[a.high]), u = J(r[a.low]), d = J(r[a.close]), f = a.volume >= 0 ? Number(r[a.volume]) : 0;
+		if (i === null || ![
+			c,
+			l,
+			u,
+			d
+		].every(Number.isFinite)) {
+			s++;
+			continue;
+		}
+		o.push({
+			time: i,
+			open: c,
+			high: l,
+			low: u,
+			close: d,
+			volume: Number.isFinite(f) ? f : 0
+		});
+	}
+	return Xn(o, t.length - +!!i, s);
+}
+function Kn(e) {
+	let t = {
+		",": 0,
+		";": 0,
+		"	": 0,
+		"|": 0
+	};
+	for (let n of e) n in t && t[n]++;
+	let n = ",", r = 0;
+	for (let [e, i] of Object.entries(t)) i > r && (n = e, r = i);
+	return n;
+}
+function q(e, t) {
+	let n = [], r = "", i = !1;
+	for (let a = 0; a < e.length; a++) {
+		let o = e[a];
+		o === "\"" ? i && e[a + 1] === "\"" ? (r += "\"", a++) : i = !i : o === t && !i ? (n.push(r), r = "") : r += o;
+	}
+	return n.push(r), n;
+}
+function qn(e) {
+	let t = (t) => e.findIndex((e) => t.includes(e));
+	return {
+		time: t(Ln),
+		open: t(Rn),
+		high: t(zn),
+		low: t(Bn),
+		close: t(Vn),
+		volume: t(Hn)
+	};
+}
+function Jn(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 = Y(String(t(Ln) ?? "")), r = Number(t(Rn)), i = Number(t(zn)), a = Number(t(Bn)), o = Number(t(Vn)), s = Number(t(Hn) ?? 0);
+	return n === null || ![
+		r,
+		i,
+		a,
+		o
+	].every(Number.isFinite) ? null : {
+		time: n,
+		open: r,
+		high: i,
+		low: a,
+		close: o,
+		volume: Number.isFinite(s) ? s : 0
+	};
+}
+function Yn(e) {
+	if (e.length < 5) return null;
+	let t = Y(String(e[0])), n = Number(e[1]), r = Number(e[2]), i = Number(e[3]), a = Number(e[4]), o = e.length >= 6 ? Number(e[5]) : 0;
+	return t === null || ![
+		n,
+		r,
+		i,
+		a
+	].every(Number.isFinite) ? null : {
+		time: t,
+		open: n,
+		high: r,
+		low: i,
+		close: a,
+		volume: Number.isFinite(o) ? o : 0
+	};
+}
+function J(e) {
+	return e === void 0 || e.trim() === "" ? NaN : Number(e);
+}
+function Y(e) {
+	let t = e.trim();
+	if (!t) return null;
+	let n = Number(t);
+	if (Number.isFinite(n) && n > 0) return n < 0xe8d4a51000 ? n * 1e3 : n;
+	let r = Date.parse(t);
+	return Number.isFinite(r) ? r : null;
+}
+function Xn(e, t, n) {
+	e.sort((e, t) => e.time - t.time);
+	let r = [];
+	for (let t of e) r.length > 0 && r[r.length - 1].time === t.time ? r[r.length - 1] = t : r.push(t);
+	return {
+		data: r,
+		rowCount: t,
+		skipped: n
+	};
+}
+//#endregion
+//#region src/io/DragDropImporter.ts
+var Zn = class {
+	host;
+	overlay = null;
+	callbacks;
+	bound;
+	depth = 0;
+	constructor(e, t) {
+		this.host = e, this.callbacks = t, this.bound = {
+			dragenter: (e) => this.onDragEnter(e),
+			dragover: (e) => this.onDragOver(e),
+			dragleave: (e) => this.onDragLeave(e),
+			drop: (e) => this.onDrop(e)
+		};
+	}
+	attach() {
+		this.host.addEventListener("dragenter", this.bound.dragenter), this.host.addEventListener("dragover", this.bound.dragover), this.host.addEventListener("dragleave", this.bound.dragleave), this.host.addEventListener("drop", this.bound.drop);
+	}
+	detach() {
+		this.host.removeEventListener("dragenter", this.bound.dragenter), this.host.removeEventListener("dragover", this.bound.dragover), this.host.removeEventListener("dragleave", this.bound.dragleave), this.host.removeEventListener("drop", this.bound.drop), this.hideOverlay();
+	}
+	onDragEnter(e) {
+		X(e) && (e.preventDefault(), this.depth++, this.showOverlay());
+	}
+	onDragOver(e) {
+		X(e) && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
+	}
+	onDragLeave(e) {
+		X(e) && (this.depth = Math.max(0, this.depth - 1), this.depth === 0 && this.hideOverlay());
+	}
+	async onDrop(e) {
+		e.preventDefault(), this.depth = 0, this.hideOverlay();
+		let t = e.dataTransfer?.files?.[0];
+		if (t) try {
+			let e = Un(await t.text());
+			if (e.data.length === 0) throw Error(`No valid OHLCV rows found in "${t.name}"`);
+			this.callbacks.onData(e.data, e, t);
+		} catch (e) {
+			this.callbacks.onError?.(e, t);
+		}
+	}
+	showOverlay() {
+		this.overlay || (this.overlay = document.createElement("div"), Object.assign(this.overlay.style, {
+			position: "absolute",
+			inset: "8px",
+			zIndex: "90",
+			pointerEvents: "none",
+			borderRadius: "10px",
+			border: "2px dashed var(--tcw-accent, #f2a93b)",
+			background: "rgba(79, 136, 255, 0.06)",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			color: "var(--tcw-accent, #f2a93b)",
+			fontSize: "14px",
+			fontWeight: "600",
+			letterSpacing: "-0.005em",
+			fontFamily: "inherit",
+			backdropFilter: "blur(2px)"
+		}), this.overlay.textContent = "Drop CSV or JSON to load chart data", getComputedStyle(this.host).position === "static" && (this.host.style.position = "relative"), this.host.appendChild(this.overlay));
+	}
+	hideOverlay() {
+		this.overlay?.remove(), this.overlay = null;
+	}
+};
+function X(e) {
+	return e.dataTransfer?.types?.includes("Files") ?? !1;
+}
+//#endregion
+//#region src/state/layoutStorage.ts
+function Z(e) {
+	let t = {
+		id: e.id,
+		name: e.name,
+		updatedAt: e.updatedAt
+	};
+	return e.symbol !== void 0 && (t.symbol = e.symbol), e.timeframe !== void 0 && (t.timeframe = e.timeframe), e.kind !== void 0 && (t.kind = e.kind), t;
+}
+var Qn = (e, t) => t.updatedAt - e.updatedAt;
+function Q(e) {
+	if (typeof e != "object" || !e) return null;
+	let t = e;
+	return typeof t.id != "string" || !t.id || typeof t.name != "string" || typeof t.updatedAt != "number" || !Number.isFinite(t.updatedAt) ? null : Z({
+		id: t.id,
+		name: t.name,
+		updatedAt: t.updatedAt,
+		symbol: typeof t.symbol == "string" ? t.symbol : void 0,
+		timeframe: typeof t.timeframe == "string" ? t.timeframe : void 0,
+		kind: typeof t.kind == "string" ? t.kind : void 0
+	});
+}
+function $n(e) {
+	let t = Q(e), n = t ? e.content : void 0;
+	return t && typeof n == "string" ? {
+		...t,
+		content: n
+	} : null;
+}
+function er(e = []) {
+	let t = new Map(e.map((e) => [e.id, { ...e }]));
+	return {
+		list: () => [...t.values()].map(Z).sort(Qn),
+		load: (e) => {
+			let n = t.get(e);
+			return n ? { ...n } : null;
+		},
+		save: (e) => {
+			t.set(e.id, { ...e });
+		},
+		remove: (e) => {
+			t.delete(e);
+		}
+	};
+}
+function tr(e = "tcw:layouts:") {
+	let t = `${e}index`, n = (t) => `${e}item:${t}`, r = () => {
+		let e;
+		try {
+			e = JSON.parse(localStorage.getItem(t) ?? "[]");
+		} catch {
+			return [];
+		}
+		return Array.isArray(e) ? e.map(Q).filter((e) => e !== null) : [];
+	}, i = (e) => localStorage.setItem(t, JSON.stringify(e));
+	return {
+		list: () => r().sort(Qn),
+		load: (e) => {
+			let t = r().find((t) => t.id === e), i = t ? localStorage.getItem(n(e)) : null;
+			return t && i !== null ? {
+				...t,
+				content: i
+			} : null;
+		},
+		save: (e) => {
+			localStorage.setItem(n(e.id), e.content), i([...r().filter((t) => t.id !== e.id), Z(e)]);
+		},
+		remove: (e) => {
+			i(r().filter((t) => t.id !== e)), localStorage.removeItem(n(e));
+		}
+	};
+}
+//#endregion
+//#region src/state/LayoutSession.ts
+var nr = 80;
+function $(e) {
+	return e.replace(/\s+/g, " ").trim().slice(0, 80).trim() || null;
+}
+function rr() {
+	return globalThis.crypto?.randomUUID?.() ?? `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+}
+function ir(e) {
+	let { id: t, name: n, symbol: r, timeframe: i, updatedAt: a, kind: o } = e;
+	return {
+		id: t,
+		name: n,
+		...r === void 0 ? {} : { symbol: r },
+		...i === void 0 ? {} : { timeframe: i },
+		updatedAt: a,
+		...o === void 0 ? {} : { kind: o }
+	};
+}
+var ar = class {
+	currentLayout = null;
+	savedContent = null;
+	dirty = !1;
+	autoSave;
+	debounceMs;
+	kind;
+	timer = null;
+	applying = 0;
+	busy = 0;
+	changedWhileBusy = !1;
+	tail = Promise.resolve();
+	destroyed = !1;
+	now;
+	newId;
+	constructor(e, t, n = {}) {
+		this.storage = e, this.host = t, this.options = n, this.autoSave = n.autoSave ?? !0, this.debounceMs = n.debounceMs ?? 1500, this.kind = n.kind ?? "chart", this.now = n.now ?? Date.now, this.newId = n.newId ?? rr;
+	}
+	current() {
+		return this.currentLayout;
+	}
+	isDirty() {
+		return this.dirty;
+	}
+	isAutoSave() {
+		return this.autoSave;
+	}
+	setAutoSave(e) {
+		this.autoSave !== e && (this.autoSave = e, this.notify(), e && this.dirty && this.changed());
+	}
+	async list() {
+		let e = await this.storage.list();
+		return Array.isArray(e) ? e.map(Q).filter((e) => e !== null && (e.kind ?? "chart") === this.kind).sort((e, t) => t.updatedAt - e.updatedAt) : [];
+	}
+	save() {
+		return this.queue(() => {
+			let e = this.currentLayout;
+			return e ? this.write(e.id, e.name) : null;
+		});
+	}
+	saveAs(e) {
+		let t = $(e);
+		return t ? this.queue(() => this.write(this.newId(), t)) : Promise.reject(/* @__PURE__ */ Error("A layout needs a name"));
+	}
+	open(e) {
+		return this.queue(async () => {
+			let t = $n(await this.storage.load(e));
+			if (!t || t.id !== e || (t.kind ?? "chart") !== this.kind || this.destroyed) return !1;
+			this.cancelTimer(), this.applying++;
+			try {
+				await this.host.apply(t);
+			} catch (e) {
+				throw this.forget(), e;
+			} finally {
+				this.applying--;
+			}
+			return this.cancelTimer(), this.currentLayout = ir(t), this.savedContent = this.host.capture().content, this.dirty = !1, this.notify(), !0;
+		});
+	}
+	rename(e, t) {
+		let n = $(t);
+		return n ? this.queue(async () => {
+			let t = $n(await this.storage.load(e));
+			!t || t.id !== e || (await this.storage.save({
+				...t,
+				name: n
+			}), this.currentLayout?.id === e && (this.currentLayout = {
+				...this.currentLayout,
+				name: n
+			}), this.notify());
+		}) : Promise.reject(/* @__PURE__ */ Error("A layout needs a name"));
+	}
+	remove(e) {
+		return this.queue(async () => {
+			await this.storage.remove(e), this.currentLayout?.id === e && this.forget();
+		});
+	}
+	changed() {
+		if (!(this.destroyed || this.applying > 0)) {
+			if (!this.currentLayout) {
+				this.busy > 0 && (this.changedWhileBusy = !0);
+				return;
+			}
+			this.cancelTimer(), this.timer = setTimeout(() => {
+				this.timer = null, this.queue(() => this.settle());
+			}, this.debounceMs);
+		}
+	}
+	destroy() {
+		if (this.destroyed) return;
+		let e = this.timer !== null;
+		this.cancelTimer();
+		let t = this.currentLayout;
+		if (e && t && this.autoSave) {
+			let e = null;
+			try {
+				e = this.host.capture();
+			} catch (e) {
+				this.options.onError?.(e);
+			}
+			if (e && e.content !== this.savedContent) {
+				let n = e;
+				this.queue(() => this.write(t.id, t.name, n)).catch((e) => this.options.onError?.(e));
+			}
+		}
+		this.destroyed = !0;
+	}
+	async settle() {
+		let e = this.currentLayout;
+		if (this.destroyed || !e) return;
+		let t;
+		try {
+			t = this.host.capture();
+		} catch (e) {
+			this.options.onError?.(e);
+			return;
+		}
+		let n = t.content !== this.savedContent;
+		if (n && this.autoSave) {
+			try {
+				await this.write(e.id, e.name, t);
+			} catch (e) {
+				this.dirty = !0, this.notify(), this.options.onError?.(e);
+			}
+			return;
+		}
+		n !== this.dirty && (this.dirty = n, this.notify());
+	}
+	async write(e, t, n = this.host.capture()) {
+		this.cancelTimer();
+		let r = {
+			id: e,
+			name: t,
+			...n.symbol === void 0 ? {} : { symbol: n.symbol },
+			...n.timeframe === void 0 ? {} : { timeframe: n.timeframe },
+			updatedAt: this.now(),
+			kind: this.kind,
+			content: n.content
+		};
+		await this.storage.save(r);
+		let i = ir(r);
+		return this.currentLayout = i, this.savedContent = n.content, this.dirty = !1, this.notify(), i;
+	}
+	forget() {
+		this.cancelTimer(), this.currentLayout = null, this.savedContent = null, this.dirty = !1, this.notify();
+	}
+	queue(e) {
+		this.busy++;
+		let t = this.tail.then(e).finally(() => {
+			this.busy--, this.busy === 0 && this.changedWhileBusy && (this.changedWhileBusy = !1, this.changed());
+		});
+		return this.tail = t.catch(() => void 0), t;
+	}
+	cancelTimer() {
+		this.timer &&= (clearTimeout(this.timer), null);
+	}
+	notify() {
+		this.destroyed || this.options.onChange?.();
+	}
+};
+//#endregion
+export { I as C, B as S, H as _, er as a, Ut as b, Sn as c, cn as d, sn as f, rn as g, nn as h, tr as i, hn as l, on as m, nr as n, Zn as o, an as p, $ as r, Un as s, ar as t, ln as u, Jt as v, Vt as x, Gt as y };
+
+//# sourceMappingURL=LayoutSession-CWn3sdbs.js.map