@tradecanvas/chart 1.53.0 → 1.53.1

package/dist/widget/index.js

@@ -1,4 +1,4 @@
-import { O as e, a as t, c as n, d as r, f as i, i as a, n as o, o as s, r as c, t as l } from "../LayoutSession-D7uQq3jX.js";
+import { O as e, a as t, c as n, d as r, f as i, i as a, n as o, o as s, r as c, t as l } from "../LayoutSession-B2WYXhzD.js";
 import { a as u, c as d, i as f, n as p, o as m, r as h, s as ee, t as g } from "../i18n-CwCzRLKW.js";
 import { CHART_STYLE_KEYS as _, CHART_TYPE_ICONS as v, DARK_THEME as y, DEFAULT_SIGNAL_STYLE as b, DEFAULT_TRADE_ZONE_STYLE as x, DEFAULT_TRADING_CONFIG as S, DRAWING_TOOL_ICONS as te, LIGHT_THEME as ne, PHI as re, PRICE_SOURCES as ie, SANS_FONT_FAMILY as ae, UI_ICONS as oe, barTimeUnit as se, formatPrice as ce, iconSvg as le, indicatorSource as ue, isTimeFrame as de, isValidTimeZone as fe, marketStatus as pe, offsetAt as me, parseIndicatorSource as he, phiStep as ge, readChartStyleOverrides as _e, readChartTypeOptions as ve, readIndicatorPlotStyles as ye, readNews as be, readQuote as xe, resampleBars as Se, sanitizeDrawingOptions as Ce, sanitizeDrawingStyle as we, stepDecimals as Te, symbolTimeZone as Ee, tickBarCount as De, timeParts as Oe, timeframeFollowsDays as ke, timeframeToMs as C, tzLabel as Ae, wallToUtc as je, zoneOffsetMinutes as Me, zonedDateFormatter as Ne } from "@tradecanvas/commons";
 import { ChartStateManager as Pe, INDICATOR_CATEGORIES as Fe, INTERVAL_LIMITS as Ie, INTERVAL_UNITS as Le, MAX_ALERT_BARS as Re, MIN_ALERT_BARS as ze, RANGE_PRESETS as Be, ResamplingAdapter as Ve, SYMBOL_INDICATOR_IDS as He, indicatorCategory as Ue, indicatorValuePrecision as We, isSeriesPalette as Ge, plotColor as Ke, plotShown as qe, rangePresetStart as Je, servesTimeframe as Ye, sourceParam as Xe, withResampling as w } from "@tradecanvas/core";
@@ -11358,6 +11358,7 @@ var Od = 4, kd = 7, Ad = 17, jd = 3, Md = 150, Nd = 5e3, Pd = 8, Fd = 6e4, Id =
 	replayStepsKey = null;
 	replayStep = "auto";
 	replayStartSeq = 0;
+	replayPickTime = null;
 	replayStartPending = !1;
 	replayPlayWanted = !1;
 	replayStepsCache = null;
@@ -11763,9 +11764,14 @@ var Od = 4, kd = 7, Ad = 17, jd = 3, Md = 150, Nd = 5e3, Pd = 8, Fd = 6e4, Id =
 		this.chart.on("chartTypeChange", () => {
 			this.compareScaleHeld && this.showHeldScale(), this.scheduleLegend();
 		}), this.chart.on("barClick", (e) => {
-			if (!this.replayBar?.isMounted() || this.seriesPending()) return;
-			let t = e.payload.barIndex;
+			if (!this.replayBar?.isMounted()) return;
+			let { barIndex: t, bar: n } = e.payload;
 			if (typeof t == "number") {
+				if (this.seriesPending()) {
+					let e = n?.time ?? this.chart.getData()[t]?.time;
+					this.replayBar.getMode() === "select" && typeof e == "number" && (this.replayPickTime = e);
+					return;
+				}
 				if (this.replayBar.getMode() === "select") {
 					this.startReplayAt(t, !1, !0);
 					return;
@@ -14516,6 +14522,21 @@ var Od = 4, kd = 7, Ad = 17, jd = 3, Md = 150, Nd = 5e3, Pd = 8, Fd = 6e4, Id =
 		let e = this.replayBar;
 		!e?.isMounted() || e.getMode() !== "replay" || (this.syncReplayBar(), !(this.replayStep === "bar" || this.chartFetchesReplaySteps()) && this.replayStepsKey !== this.replayStepsKeyNow() && this.startReplayAt(this.chart.getReplayBarIndex(), this.chart.getReplayState() === "playing"));
 	}
+	startPickedReplay() {
+		let e = this.replayPickTime;
+		if (e === null) return;
+		if (this.loading.hasFailed() || this.replayBar?.getMode() !== "select") {
+			this.replayPickTime = null;
+			return;
+		}
+		if (this.seriesPending()) return;
+		this.replayPickTime = null;
+		let t = this.chart.getData();
+		if (!rf(t, e)) return;
+		let n = 0;
+		for (; n + 1 < t.length && t[n + 1].time <= e;) n++;
+		this.startReplayAt(n, !1, !0);
+	}
 	seriesPending() {
 		return this.loading.isActive() && !this.loading.hasFailed();
 	}
@@ -14599,7 +14620,7 @@ var Od = 4, kd = 7, Ad = 17, jd = 3, Md = 150, Nd = 5e3, Pd = 8, Fd = 6e4, Id =
 	}
 	syncReplayBar() {
 		let e = this.replayBar;
-		if (!e?.isMounted() || (e.setPending(this.seriesPending()), this.liftOverReplayBar(), e.getMode() !== "replay")) return;
+		if (!e?.isMounted() || (e.setPending(this.seriesPending()), this.startPickedReplay(), this.liftOverReplayBar(), e.getMode() !== "replay")) return;
 		if (this.replayStartPending) {
 			e.setState("paused");
 			return;
@@ -14653,7 +14674,7 @@ var Od = 4, kd = 7, Ad = 17, jd = 3, Md = 150, Nd = 5e3, Pd = 8, Fd = 6e4, Id =
 		this.teardownReplayUi(), this.chart.replayStop();
 	}
 	teardownReplayUi() {
-		this.replayStartSeq++, this.replayStartPending = !1, this.replayPlayWanted = !1, this.replayPollInterval &&= (clearInterval(this.replayPollInterval), null), this.removeReplayShade();
+		this.replayStartSeq++, this.replayPickTime = null, this.replayStartPending = !1, this.replayPlayWanted = !1, this.replayPollInterval &&= (clearInterval(this.replayPollInterval), null), this.removeReplayShade();
 		let e = !!this.replayBar?.element()?.contains(document.activeElement);
 		this.replayBar?.unmount(), this.replayBar = null, this.replayBarsTotal = null, this.replayStepTime = null, this.toolbar?.setActive("replay", !1), this.root.removeAttribute("data-tcw-replay"), this.root.style.removeProperty("--tcw-replay-lift"), this.bodyEl()?.style.removeProperty("--tcw-replay-lift"), e && this.focusAfterReplay();
 	}
@@ -14951,23 +14972,29 @@ function tf(e) {
 function nf(e) {
 	return !!e && /^(ar|he|iw|fa|ur|ps|yi|dv|ckb|sd|ug)(-|$)/i.test(e);
 }
+function rf(e, t) {
+	let n = e.length;
+	if (n === 0 || t < e[0].time) return !1;
+	let r = e[n - 1].time;
+	return t < r + (n > 1 ? r - e[n - 2].time : 0) || t === r;
+}
 //#endregion
 //#region src/widget/ChartWidgetGrid.ts
-var rf = {
+var af = {
 	symbol: !1,
 	interval: !1,
 	crosshair: !0,
 	time: !1,
 	drawings: !1,
 	replay: !1
-}, af = [
+}, of = [
 	"symbol",
 	"interval",
 	"crosshair",
 	"time",
 	"drawings",
 	"replay"
-], of = {
+], sf = {
 	"1x1": {
 		cols: 1,
 		rows: 1
@@ -15001,25 +15028,25 @@ var rf = {
 		rows: 3
 	}
 };
-function sf(e) {
-	return typeof e == "string" && Object.prototype.hasOwnProperty.call(of, e);
-}
 function cf(e) {
+	return typeof e == "string" && Object.prototype.hasOwnProperty.call(sf, e);
+}
+function lf(e) {
 	return JSON.parse(JSON.stringify(e));
 }
-function lf(e, t, n = 16) {
+function uf(e, t, n = 16) {
 	let r = (20 - 2 * (e - 1)) / e, i = (20 - 2 * (t - 1)) / t, a = "";
 	for (let n = 0; n < t; n++) for (let t = 0; t < e; t++) a += `<rect x="${2 + t * (r + 2)}" y="${2 + n * (i + 2)}" width="${r}" height="${i}" rx="1"/>`;
 	return `<svg width="${n}" height="${n}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true">${a}</svg>`;
 }
-function uf(e) {
+function df(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = e;
-	if (t.v !== 1 || t.kind !== "grid" || !sf(t.layout) || !Array.isArray(t.cells)) return null;
+	if (t.v !== 1 || t.kind !== "grid" || !cf(t.layout) || !Array.isArray(t.cells)) return null;
 	let n = t.cells.map(Rl);
 	if (n.some((e) => e === null)) return null;
-	let r = typeof t.sync == "object" && t.sync !== null ? t.sync : {}, i = { ...rf };
-	for (let e of af) typeof r[e] == "boolean" && (i[e] = r[e]);
+	let r = typeof t.sync == "object" && t.sync !== null ? t.sync : {}, i = { ...af };
+	for (let e of of) typeof r[e] == "boolean" && (i[e] = r[e]);
 	let a = typeof t.active == "number" && Number.isInteger(t.active) ? t.active : 0;
 	return {
 		v: 1,
@@ -15030,7 +15057,7 @@ function uf(e) {
 		cells: n
 	};
 }
-var df = class {
+var ff = class {
 	root;
 	cellsEl;
 	cells = [];
@@ -15059,8 +15086,8 @@ var df = class {
 		!(e.ctrlKey || e.metaKey) || e.altKey || e.shiftKey || e.key !== "s" && e.key !== "S" || !this.layoutsUI || Z() || !Pl(this.root, !0) || (e.preventDefault(), this.layoutsUI.save());
 	};
 	constructor(e, t = {}) {
-		this.options = t, this.layout = sf(t.layout) ? t.layout : "1x2", this.sync = {
-			...rf,
+		this.options = t, this.layout = cf(t.layout) ? t.layout : "1x2", this.sync = {
+			...af,
 			...t.sync
 		}, this.t = p(m(t.widget?.locale, t.widget?.messages)), pn(), this.root = document.createElement("div"), this.root.className = "tcw-root tcw-grid", this.root.dataset.tcwTheme = t.widget?.theme === "light" ? "light" : "dark", ko(this.root, Do(t.widget?.ui), { variables: t.widget?.ui !== void 0 }), t.bar !== !1 && this.root.appendChild(this.buildBar()), this.cellsEl = document.createElement("div"), this.cellsEl.className = "tcw-grid-cells", this.root.appendChild(this.cellsEl), e.appendChild(this.root), this.stopNarrow = Ul(this.root), this.applyShape();
 		for (let e = 0; e < this.shapeCount(); e++) this.cells.push(this.createCell(e));
@@ -15098,7 +15125,7 @@ var df = class {
 		return this.layout;
 	}
 	setLayout(e) {
-		if (e === this.layout || !sf(e)) return;
+		if (e === this.layout || !cf(e)) return;
 		this.layout = e;
 		let t = this.shapeCount();
 		for (; this.cells.length > t;) {
@@ -15188,7 +15215,7 @@ var df = class {
 		return JSON.stringify(this.captureLayout());
 	}
 	async applyLayoutContent(e) {
-		let t = uf(zl(e));
+		let t = df(zl(e));
 		return t ? (await this.restoreLayout(t), !0) : !1;
 	}
 	destroy() {
@@ -15199,11 +15226,11 @@ var df = class {
 		}
 	}
 	shapeCount() {
-		let { cols: e, rows: t } = of[this.layout];
+		let { cols: e, rows: t } = sf[this.layout];
 		return e * t;
 	}
 	applyShape() {
-		let { cols: e, rows: t } = of[this.layout];
+		let { cols: e, rows: t } = sf[this.layout];
 		this.cellsEl.style.gridTemplateColumns = `repeat(${e}, minmax(0, 1fr))`, this.cellsEl.style.gridTemplateRows = `repeat(${t}, minmax(0, 1fr))`;
 	}
 	createCell(e) {
@@ -15264,7 +15291,7 @@ var df = class {
 					t.replaySeekToTime(n);
 					return;
 				}
-				let r = ff(t.getData(), n);
+				let r = pf(t.getData(), n);
 				r >= 0 && t.replayStart({
 					startIndex: r,
 					paused: !0
@@ -15309,7 +15336,7 @@ var df = class {
 	copyDrawings(e) {
 		let t = e.widget.getSymbol(), n = e.widget.getChart().getDrawings();
 		this.quietly(() => {
-			for (let r of this.cells) r !== e && r.widget.getSymbol() === t && r.widget.getChart().setDrawings(cf(n));
+			for (let r of this.cells) r !== e && r.widget.getSymbol() === t && r.widget.getChart().setDrawings(lf(n));
 		});
 	}
 	mergeDrawings() {
@@ -15321,7 +15348,7 @@ var df = class {
 				let e = /* @__PURE__ */ new Map();
 				for (let n of t) for (let t of n.widget.getChart().getDrawings()) e.has(t.id) || e.set(t.id, t);
 				let n = [...e.values()];
-				for (let e of t) e.widget.getChart().setDrawings(cf(n));
+				for (let e of t) e.widget.getChart().setDrawings(lf(n));
 			}
 		});
 	}
@@ -15357,20 +15384,20 @@ var df = class {
 		e.className = "tcw-grid-bar", e.setAttribute("role", "toolbar"), e.setAttribute("aria-label", this.t("grid.bar")), this.tabsEl = document.createElement("div"), this.tabsEl.className = "tcw-grid-group tcw-grid-tabs", this.root.classList.add("tcw-grid-has-tabs"), this.tabsEl.setAttribute("role", "group"), this.tabsEl.setAttribute("aria-label", this.t("grid.charts")), e.appendChild(this.tabsEl);
 		let t = document.createElement("div");
 		t.className = "tcw-grid-group", t.setAttribute("role", "group"), t.setAttribute("aria-label", this.t("grid.layout"));
-		let n = this.options.layoutChoices?.filter(sf) ?? Object.keys(of);
+		let n = this.options.layoutChoices?.filter(cf) ?? Object.keys(sf);
 		for (let e of n) {
-			let { cols: n, rows: r } = of[e], i = n * r === 1 ? this.t("grid.single") : h(this.t("grid.layoutOption"), {
+			let { cols: n, rows: r } = sf[e], i = n * r === 1 ? this.t("grid.single") : h(this.t("grid.layoutOption"), {
 				count: n * r,
 				cols: n,
 				rows: r
 			}), a = document.createElement("button");
-			a.type = "button", a.className = "tcw-btn-icon", a.title = i, a.setAttribute("aria-label", i), a.innerHTML = lf(n, r), a.addEventListener("click", () => this.setLayout(e)), this.layoutButtons.set(e, a), t.appendChild(a);
+			a.type = "button", a.className = "tcw-btn-icon", a.title = i, a.setAttribute("aria-label", i), a.innerHTML = uf(n, r), a.addEventListener("click", () => this.setLayout(e)), this.layoutButtons.set(e, a), t.appendChild(a);
 		}
 		let r = document.createElement("div");
 		r.className = "tcw-grid-group", r.setAttribute("role", "group"), r.setAttribute("aria-label", this.t("grid.sync"));
 		let i = document.createElement("span");
 		i.className = "tcw-grid-label", i.innerHTML = `${M("link", 13)}<span>${N(this.t("grid.sync"))}</span>`, r.appendChild(i);
-		for (let e of af) {
+		for (let e of of) {
 			let t = document.createElement("button");
 			t.type = "button", t.className = "tcw-btn tcw-grid-sync", t.textContent = this.t(`grid.sync.${e}`), t.title = this.t(`grid.sync.${e}.hint`), t.addEventListener("click", () => this.setSync({ [e]: !this.sync[e] })), this.syncButtons.set(e, t), r.appendChild(t);
 		}
@@ -15431,12 +15458,12 @@ var df = class {
 		this.cells[this.active]?.widget.toast(e, t);
 	}
 };
-function ff(e, t) {
+function pf(e, t) {
 	let n = -1;
 	for (let r = 0; r < e.length && e[r].time < t; r++) n = r;
 	return n;
 }
 //#endregion
-export { v as CHART_TYPE_ICONS, Gd as ChartWidget, df as ChartWidgetGrid, rf as DEFAULT_GRID_SYNC, te as DRAWING_TOOL_ICONS, d as EN_MESSAGES, of as GRID_SHAPES, l as LayoutSession, o as MAX_LAYOUT_NAME, oe as UI_ICONS, ee as VI_MESSAGES, Jt as WIDGET_FEATURES, yo as WIDGET_UI_PRESETS, ko as applyWidgetUI, c as cleanLayoutName, _n as createChartTypeIcon, M as createIcon, gn as createToolIcon, f as findWidgetLocale, le as iconSvg, a as localStorageLayouts, t as memoryLayouts, uf as readGridLayout, Oa as readWatchlists, Rl as readWidgetLayout, u as registerWidgetLocale, Do as resolveWidgetUI, Oo as widgetUIVariables };
+export { v as CHART_TYPE_ICONS, Gd as ChartWidget, ff as ChartWidgetGrid, af as DEFAULT_GRID_SYNC, te as DRAWING_TOOL_ICONS, d as EN_MESSAGES, sf as GRID_SHAPES, l as LayoutSession, o as MAX_LAYOUT_NAME, oe as UI_ICONS, ee as VI_MESSAGES, Jt as WIDGET_FEATURES, yo as WIDGET_UI_PRESETS, ko as applyWidgetUI, c as cleanLayoutName, _n as createChartTypeIcon, M as createIcon, gn as createToolIcon, f as findWidgetLocale, le as iconSvg, a as localStorageLayouts, t as memoryLayouts, df as readGridLayout, Oa as readWatchlists, Rl as readWidgetLayout, u as registerWidgetLocale, Do as resolveWidgetUI, Oo as widgetUIVariables };
 
 //# sourceMappingURL=index.js.map