@tradecanvas/chart 1.27.0 → 1.29.0

package/dist/{LayoutSession-CUS33zmB.js → LayoutSession-goRU8aOv.js}

@@ -901,7 +901,7 @@ function Pn(e) {
 	if (typeof e == "number" && !Number.isFinite(e)) throw RangeError(`Invalid UTC offset: ${e}`);
 }
 var Fn = 2, In = .08, Ln = 800, Rn = 20, zn = 8, Bn = new Set(["horizontalLine", "crossLine"]), Vn = new Set(["verticalLine", "crossLine"]), Hn = class {
-	static version = "1.27.0";
+	static version = "1.29.0";
 	engine;
 	viewport;
 	dataManager;
@@ -925,6 +925,7 @@ var Fn = 2, In = .08, Ln = 800, Rn = 20, zn = 8, Bn = new Set(["horizontalLine",
 	paneStyles = /* @__PURE__ */ new Map();
 	lastBackground = null;
 	renderScheduled = !1;
+	renderDeferred = !1;
 	priceAxisWidth = a;
 	measureCtx;
 	containerSizeCache = null;
@@ -949,6 +950,12 @@ var Fn = 2, In = .08, Ln = 800, Rn = 20, zn = 8, Bn = new Set(["horizontalLine",
 	hostSessionHours = { ...De };
 	compareRenderer;
 	countdownInterval = null;
+	pausedFor = {
+		host: !1,
+		page: !1,
+		offscreen: !1
+	};
+	stopWatchingVisibility = null;
 	volumeRenderer;
 	volumeProfile;
 	marketProfile;
@@ -1084,7 +1091,7 @@ var Fn = 2, In = .08, Ln = 800, Rn = 20, zn = 8, Bn = new Set(["horizontalLine",
 			contextMenu: { enabled: this.features.tradingContextMenu }
 		}), this.tradingRenderer = new ut(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 Xe(e);
+		}), this.engine = new Xe(e, t.maxPixelRatio);
 		let a = this.engine.dprManager.getContainerSize();
 		if (this.viewport = new ft(a.width, a.height, t.minBarSpacing ?? 2, t.maxBarSpacing ?? 30, t.rightMargin ?? 5), this.viewport.setPanLimits({
 			freePan: t.freePan ?? !0,
@@ -1333,7 +1340,7 @@ var Fn = 2, In = .08, Ln = 800, Rn = 20, zn = 8, Bn = new Set(["horizontalLine",
 			}
 		}), 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(), this.engine.onGpuLost = () => this.eventBus.emit("rendererChange", {
+		}), this.interactionManager.setPageScroll(t.pageScroll ?? !1), this.interactionManager.attach(), t.timeZone !== void 0 && t.timeZone !== null && this.setTimezone(t.timeZone), t.leftPriceScale && (this.leftScaleRequested = !0), this.syncRenderContext(), this.engine.start(), this.watchVisibility(e, t.pauseWhenHidden !== !1), this.engine.onGpuLost = () => this.eventBus.emit("rendererChange", {
 			renderer: "canvas",
 			reason: "contextLost"
 		}), this.engine.onGpuRestored = () => this.eventBus.emit("rendererChange", {
@@ -2358,7 +2365,7 @@ var Fn = 2, In = .08, Ln = 800, Rn = 20, zn = 8, Bn = new Set(["horizontalLine",
 				return;
 			}
 			let n = this.dataManager.getData();
-			this.recalcIndicatorsFrom(n, n.length - 1), this.scheduleRender();
+			this.indicatorEngine.deferRecalculateFrom(n, n.length - 1), this.announceIndicatorUpdate(n.length - 1), this.scheduleRender();
 		}), this.setBidAsk(null), this.streamManager.on("quote", (e) => {
 			let t = this.priceLines.getBidAsk();
 			this.setBidAsk({
@@ -2534,6 +2541,63 @@ var Fn = 2, In = .08, Ln = 800, Rn = 20, zn = 8, Bn = new Set(["horizontalLine",
 		let r = N(Math.min(e, t), n), i = N(Math.max(e, t), n);
 		this.viewport.zoomToBarRange(r, i), this.updateViewportAndRender();
 	}
+	suspend() {
+		this.setPaused("host", !0);
+	}
+	resume() {
+		this.setPaused("host", !1);
+	}
+	isSuspended() {
+		return this.pausedFor.host || this.pausedFor.page || this.pausedFor.offscreen;
+	}
+	setPaused(e, t) {
+		let n = this.isSuspended();
+		this.pausedFor = {
+			...this.pausedFor,
+			[e]: t
+		};
+		let r = this.isSuspended();
+		if (!(n === r || this.disposed)) {
+			if (r) {
+				this.engine.renderLoop.pause();
+				return;
+			}
+			this.renderDeferred && (this.renderDeferred = !1, this.scheduleRender()), this.engine.renderLoop.resume();
+		}
+	}
+	watchVisibility(e, t) {
+		let n = [];
+		if (t && typeof IntersectionObserver < "u") {
+			let t = new IntersectionObserver((e) => {
+				let t = e[e.length - 1];
+				t && this.setPaused("offscreen", !t.isIntersecting);
+			});
+			t.observe(e), n.push(() => t.disconnect());
+		}
+		if (typeof document < "u") {
+			let e = () => {
+				t && this.setPaused("page", document.hidden), document.hidden || this.streamManager?.wake("visible");
+			};
+			document.addEventListener("visibilitychange", e), n.push(() => document.removeEventListener("visibilitychange", e)), t && document.hidden && this.setPaused("page", !0);
+		}
+		if (typeof window < "u") {
+			let e = () => this.streamManager?.wake("online");
+			window.addEventListener("online", e), n.push(() => window.removeEventListener("online", e));
+		}
+		this.stopWatchingVisibility = () => n.forEach((e) => e());
+	}
+	setPageScroll(e) {
+		this.options.pageScroll = e, this.interactionManager.setPageScroll(e);
+	}
+	getPageScroll() {
+		return this.options.pageScroll ?? !1;
+	}
+	setMaxPixelRatio(e) {
+		this.engine.dprManager.setMaxPixelRatio(e);
+	}
+	getMaxPixelRatio() {
+		return this.engine.dprManager.getMaxPixelRatio();
+	}
 	setMinBarUnit(e) {
 		this.viewport.setMinBarUnit(e), this.updateViewportAndRender();
 	}
@@ -2804,6 +2868,10 @@ var Fn = 2, In = .08, Ln = 800, Rn = 20, zn = 8, Bn = new Set(["horizontalLine",
 		} : { renderer: r });
 	}
 	freshFrame() {
+		if (this.isSuspended()) {
+			this.renderDeferred && (this.renderDeferred = !1, this.refitForTick()), this.engine.renderNow();
+			return;
+		}
 		this.engine.getGpu() && this.engine.renderNow();
 	}
 	screenshot(e) {
@@ -3398,7 +3466,7 @@ var Fn = 2, In = .08, Ln = 800, Rn = 20, zn = 8, Bn = new Set(["horizontalLine",
 		this.viewport.resize(e.width, e.height), this.layoutManager.resize(e.width, e.height), this.updateViewportAndRender(n), this.eventBus.emit("resize", e);
 	}
 	destroy() {
-		this.disposed = !0, this.waitForGpu(null), 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 = "";
+		this.disposed = !0, this.stopWatchingVisibility?.(), this.stopWatchingVisibility = null, this.waitForGpu(null), 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 = en(e, (e) => this.pluginManager.getChartType(e));
@@ -3434,9 +3502,24 @@ var Fn = 2, In = .08, Ln = 800, Rn = 20, zn = 8, Bn = new Set(["horizontalLine",
 		this.scheduleRender();
 	}
 	scheduleRender() {
-		this.renderScheduled || this.disposed || (this.renderScheduled = !0, requestAnimationFrame(() => {
-			this.renderScheduled = !1, !this.disposed && (this.panelInfoCache = null, this.fitDataAndAxes(), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents());
-		}));
+		if (!(this.renderScheduled || this.disposed)) {
+			if (this.isSuspended()) {
+				this.renderDeferred = !0;
+				return;
+			}
+			this.renderScheduled = !0, requestAnimationFrame(() => {
+				if (this.renderScheduled = !1, !this.disposed) {
+					if (this.isSuspended()) {
+						this.renderDeferred = !0;
+						return;
+					}
+					this.refitForTick();
+				}
+			});
+		}
+	}
+	refitForTick() {
+		this.panelInfoCache = null, this.fitDataAndAxes(), this.syncRenderContext(), this.engine.requestRender(), this.emitViewportEvents();
 	}
 	applyDataToViewport(e = !1) {
 		let t = this.getDisplayData(), n = this.options.autoScale !== !1;
@@ -4268,4 +4351,4 @@ var Er = class {
 //#endregion
 export { Jt as C, B as S, H as _, xr as a, sn as b, Hn as c, Dn as d, En as f, Cn as g, Sn as h, Sr as i, Nn as l, Tn as m, Cr as n, vr as o, wn as p, $ as r, ur as s, Er as t, On as u, mn as v, an as x, ln as y };
 
-//# sourceMappingURL=LayoutSession-CUS33zmB.js.map
+//# sourceMappingURL=LayoutSession-goRU8aOv.js.map