@tradecanvas/chart 2.5.0 → 2.6.0

package/dist/widget/index.js

@@ -1,7 +1,7 @@
-import { _ as e, a as t, c as n, d as r, f as i, h as a, i as o, l as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m, v as ee } from "../LayoutSession-CE8S2GCG.js";
+import { _ as e, a as t, c as n, d as r, f as i, h as a, i as o, l as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m, v as ee } from "../LayoutSession-D8TcwPy1.js";
 import { _ as h, b as g, g as te, h as _, l as v, m as ne, n as re, t as ie, v as ae, y as oe } from "../widgetLocales-BX7VRdl5.js";
 import { t as se } from "../monthView-N8yDaTqZ.js";
-import { a as ce, c as le, d as ue, f as de, i as fe, l as pe, n as me, o as y, r as he, s as ge, t as _e, u as ve } from "../widgetFeatures-DsbSG6Pq.js";
+import { a as ce, c as le, d as ue, f as de, i as fe, l as pe, n as me, o as y, r as he, s as ge, t as _e, u as ve } from "../widgetFeatures-sU-9JOSB.js";
 import { a as b, c as ye, i as x, l as be, n as xe, o as Se, r as Ce, s as we } from "../focusTrap-Br9Zfje0.js";
 import { a as Te, d as S, i as Ee, l as De, n as Oe, o as ke, r as Ae, s as je, t as Me, u as Ne } from "../symbolCatalog-B_9kDAjE.js";
 import { a as Pe, c as Fe, f as C, u as Ie } from "../settingsControls-DIjzCFHI.js";
@@ -4875,6 +4875,7 @@ var Do = class {
 			e.canAlert,
 			e.canFill === !0,
 			e.canText === !0,
+			e.canType === !0,
 			t.fillColor,
 			t.textColor
 		].join("|");
@@ -4898,6 +4899,7 @@ var Do = class {
 			c("lineStyle", t("drawingSettings.lineStyle"), Oo(i)),
 			e.canFill ? c("fill", t("drawingSettings.fill"), `<span class="tcw-sel-color tcw-sel-fill" style="background:${S(wo(st(e.style) ?? n))}"></span>`) : "",
 			e.canText ? c("textColor", t("drawingSettings.textColor"), `<span class="tcw-sel-text" style="--c:${S(wo(e.style.textColor ?? n))}">T</span>`) : "",
+			e.canType ? s("text", t("drawingSettings.text"), x("textEdit", 15)) : "",
 			"<span class=\"tcw-sel-sep\" aria-hidden=\"true\"></span>",
 			e.canSettings ? s("settings", t("legend.settings"), x("settings", 15)) : "",
 			e.canAlert ? s("alert", t("drawingSettings.addAlert"), x("bell", 15)) : "",
@@ -4938,6 +4940,7 @@ var Do = class {
 			return;
 		}
 		if (this.closePop(), n === "settings") this.callbacks.onSettings();
+		else if (n === "text") this.callbacks.onText();
 		else if (n === "alert") this.callbacks.onAlert();
 		else if (n === "lock") this.callbacks.onLock(!this.target?.locked);
 		else if (n === "delete") this.callbacks.onDelete();
@@ -6387,11 +6390,11 @@ var Ys = class {
 	settings: J(() => import("../WidgetSettings-DCGCymVY.js")),
 	indicatorSettings: J(() => import("../WidgetIndicatorSettings-DR8Z9RfF.js")),
 	drawingSettings: J(() => import("../WidgetDrawingSettings-ezbzlGqD.js")),
-	goToDate: J(() => import("../WidgetGoToDate-DJyCaP4H.js")),
+	goToDate: J(() => import("../WidgetGoToDate-DnQxxvf1.js")),
 	hotkeySheet: J(() => import("../WidgetHotkeySheet-1lRFSdvt.js")),
-	indicatorPicker: J(() => import("../WidgetIndicatorPicker-Cw7pFl_l.js")),
+	indicatorPicker: J(() => import("../WidgetIndicatorPicker-eK03W3LR.js")),
 	commandPalette: J(() => import("../WidgetCommandPalette-B1jLC9oE.js")),
-	symbolSearch: J(() => import("../WidgetSymbolSearch-B8iDwVy8.js"))
+	symbolSearch: J(() => import("../WidgetSymbolSearch-Dnkh_y4h.js"))
 };
 async function Xs() {
 	await Promise.all(Object.values(Y).map((e) => e.load().catch(() => null)));
@@ -8045,6 +8048,10 @@ function ll(e, t) {
 		id: "settings",
 		label: t("drawingMenu.settings"),
 		icon: "settings"
+	}), e.canText && r && o.push({
+		id: "text",
+		label: t("drawingSettings.text"),
+		icon: "textEdit"
 	}), e.canAlert && r && o.push({
 		id: "alert",
 		label: t("drawingSettings.addAlert"),
@@ -8118,7 +8125,8 @@ var ul = class {
 		let a = ce(ll({
 			selected: i,
 			canConfigure: !0,
-			canAlert: this.host.chart.canAddDrawingAlert(e)
+			canAlert: this.host.chart.canAddDrawingAlert(e),
+			canText: this.host.canTypeDrawingText(e)
 		}, this.host.t), me, this.host.featureState), o = i.map((e) => e.id), s = r.get(e), c = s ? this.host.options.drawingMenuItems?.({
 			id: e,
 			type: s.type,
@@ -8135,6 +8143,9 @@ var ul = class {
 			case "settings":
 				this.host.openDrawingSettings(e);
 				return;
+			case "text":
+				this.host.editDrawingText(e);
+				return;
 			case "alert":
 				this.host.alerting.addDrawingAlert(e);
 				return;
@@ -9732,8 +9743,8 @@ var Zl = class {
 	restoreSettings(e, t = null, n) {
 		n !== void 0 && (this.host.comparing.compareScaleHeld = n && this.host.comparing.compares.length > 0), this.applySettings(e), t && t.theme === (this.host.chart.getTheme()?.name ?? "") && this.host.chart.applyOverrides(t.overrides, { layer: "user" }), this.host.settings?.refresh(this.shownSettings());
 	}
-}, eu = 13;
-function tu(e) {
+}, eu = 13, tu = 8, nu = 6, ru = 1.3, iu = 120, au = 2, ou = 8, su = 20;
+function cu(e) {
 	let t = e.filter((e) => e !== null);
 	if (t.length === 0) return null;
 	let n = Math.min(...t.map((e) => e.x)), r = Math.min(...t.map((e) => e.y)), i = Math.max(...t.map((e) => e.x + e.width)), a = Math.max(...t.map((e) => e.y + e.height));
@@ -9744,7 +9755,7 @@ function tu(e) {
 		height: a - r
 	};
 }
-var nu = class {
+var lu = class {
 	constructor(e) {
 		this.host = e;
 	}
@@ -9775,7 +9786,7 @@ var nu = class {
 			e.hide();
 			return;
 		}
-		let i = this.host.chartOffset(), a = r[0], o = (a.paneId === void 0 ? void 0 : this.host.chart.getIndicatorPanes().find((e) => e.instanceId === a.paneId)?.rect) ?? this.host.chart.getPlotRect(), s = this.host.chart.getPlotRect(), c = tu(r.flatMap((e) => [this.host.chart.getDrawingRect(e.id), this.host.chart.getDrawingTextRect?.(e.id) ?? null])) ?? {
+		let i = this.host.chartOffset(), a = r[0], o = (a.paneId === void 0 ? void 0 : this.host.chart.getIndicatorPanes().find((e) => e.instanceId === a.paneId)?.rect) ?? this.host.chart.getPlotRect(), s = this.host.chart.getPlotRect(), c = cu(r.flatMap((e) => [this.host.chart.getDrawingRect(e.id), this.host.chart.getDrawingTextRect?.(e.id) ?? null])) ?? {
 			x: o.x + o.width / 2,
 			y: o.y,
 			width: 0,
@@ -9800,44 +9811,85 @@ var nu = class {
 			canSettings: this.host.featureState.drawingSettings && r.length === 1,
 			canAlert: this.host.featureState.alerts && r.length === 1 && this.host.chart.canAddDrawingAlert(a.id),
 			canFill: this.host.chart.getDrawingToolDescriptor(a.type)?.fill === !0,
-			canText: this.host.chart.getDrawingToolDescriptor(a.type)?.text === !0
+			canText: this.host.chart.getDrawingToolDescriptor(a.type)?.text === !0,
+			canType: r.length === 1 && this.canTypeText(a.id)
 		});
 	}
+	canTypeText(e) {
+		let t = this.host.chart.getDrawings().find((t) => t.id === e);
+		return t !== void 0 && !t.locked && (K[t.type] !== void 0 || ko.has(t.type));
+	}
+	isOnDrawingText(e, t, n) {
+		let r = this.host.chart.getDrawingTextRect(e);
+		return r != null && t >= r.x - ou && t <= r.x + r.width + ou && n >= r.y - ou && n <= r.y + r.height + ou;
+	}
+	editDrawingText(e) {
+		this.canTypeText(e) && (this.editTextInPlace(e, !1) || this.openDrawingSettings(e, { tab: "text" }));
+	}
+	placedTextRect(e, t, n) {
+		let r = this.host.chart.getDrawingTextRect(e);
+		if (r) {
+			let t = (this.host.chart.getDrawings().find((t) => t.id === e)?.style.text ?? "").trim(), i = Math.min(su, t.split("\n").length) * n, a = r.height > i + au, o = a ? Math.hypot(r.width, r.height) : r.width, s = a ? i : r.height;
+			return {
+				x: r.x + (r.width - o) / 2 - tu,
+				y: r.y + (r.height - s) / 2 - nu,
+				width: o + tu * 2,
+				height: s + nu * 2
+			};
+		}
+		let i = this.host.chart.getDrawingRect(e);
+		if (!i) return null;
+		let a = n + nu * 2;
+		return {
+			x: i.x + (i.width - iu) / 2,
+			y: t === "rectangle" ? i.y : i.y + i.height / 2 - a,
+			width: iu,
+			height: a
+		};
+	}
 	editTextInPlace(e, t) {
 		if (e === this.inlineTextId && this.inlineText?.isOpen()) return !0;
-		let n = this.host.chart.getDrawings().find((t) => t.id === e), r = this.inlineText;
-		if (!n || !r || n.locked || !t && !this.host.chart.beginDrawingEdit(e)) return !1;
-		let i = K[n.type], a = n.style, o = a.text ?? "", s = (n) => {
+		let n = this.host.chart.getDrawings().find((t) => t.id === e), r = this.inlineText, i = n ? K[n.type] : void 0, a = n !== void 0 && !i && ko.has(n.type);
+		if (!n || !r || n.locked || !i && !a || !t && !this.host.chart.beginDrawingEdit(e)) return !1;
+		let o = n.style, s = (a ? this.host.chart.getDrawingTextSize(e) : null) || o.fontSize || i?.fontSize || eu, c = o.text ?? "", l = (n) => {
 			this.inlineTextId = null, t ? n || this.host.chart.takeBackDrawing(e) : this.host.chart.endDrawingEdit(e, { cancel: !n }), this.host.docking.refreshObjects();
 		};
 		return r.open({
 			rect: () => {
-				let t = this.host.chart.getDrawingTextRect(e);
+				let t = a ? this.placedTextRect(e, n.type, s * ru) : this.host.chart.getDrawingTextRect(e);
 				if (!t) return null;
-				let n = this.host.chartContainer.getBoundingClientRect();
+				let r = this.host.chartContainer.getBoundingClientRect();
 				return {
-					x: n.left + t.x,
-					y: n.top + t.y,
+					x: r.left + t.x,
+					y: r.top + t.y,
 					width: t.width,
 					height: t.height
 				};
 			},
-			text: o,
+			text: c,
 			font: {
-				size: a.fontSize || i?.fontSize || eu,
-				bold: a.bold === !0,
-				italic: a.italic === !0,
+				size: s,
+				bold: o.bold === !0,
+				italic: o.italic === !0,
 				family: this.host.chart.getFont?.()?.family ?? this.host.ui.font.family
 			},
-			color: a.textColor ?? Ao[n.type] ?? a.color,
+			color: o.textColor ?? Ao[n.type] ?? o.color,
 			label: this.host.t("drawingSettings.text"),
-			placeholder: this.host.drawingToolName(n.type),
+			placeholder: a ? this.host.t("drawingSettings.text") : this.host.drawingToolName(n.type),
 			onInput: (n) => t ? this.host.chart.amendNewDrawing(e, { style: { text: n } }) : this.host.chart.updateDrawing(e, { style: { text: n } }),
 			onCommit: (n) => {
 				let r = n.replace(/\s+$/, "");
-				r && r !== n && (t ? this.host.chart.amendNewDrawing(e, { style: { text: r } }) : this.host.chart.updateDrawing(e, { style: { text: r } })), s(r.length > 0);
+				if (a) {
+					if (r === c) {
+						l(!1);
+						return;
+					}
+					r !== n && this.host.chart.updateDrawing(e, { style: { text: r } }), l(!0);
+					return;
+				}
+				r && r !== n && (t ? this.host.chart.amendNewDrawing(e, { style: { text: r } }) : this.host.chart.updateDrawing(e, { style: { text: r } })), l(r.length > 0);
 			},
-			onCancel: () => s(!1),
+			onCancel: () => l(!1),
 			returnFocus: () => this.host.chartContainer.querySelector("[tabindex]") ?? this.host.chartContainer
 		}) ? (this.inlineTextId = e, this.inlineTextNew = t, !0) : (t || this.host.chart.endDrawingEdit(e, { cancel: !0 }), !1);
 	}
@@ -9876,7 +9928,7 @@ var nu = class {
 			}
 		});
 	}
-}, ru = 200, iu = class {
+}, uu = 200, du = class {
 	constructor(e) {
 		this.host = e;
 	}
@@ -9905,7 +9957,7 @@ var nu = class {
 		for (; o > 0 && n[o - 1].time * r >= a;) o--;
 		let s = this.host.displayTimezone();
 		return kn({
-			dayShare: n.slice(-ru).some((e) => {
+			dayShare: n.slice(-uu).some((e) => {
 				let t = e.time * r, n = new Date(t + ot(s, t) * 6e4).getUTCDay();
 				return n === 0 || n === 6;
 			}) ? 1 : 5 / 7,
@@ -9950,7 +10002,7 @@ var nu = class {
 	handleToggleTimeframeFavorite(e) {
 		this.host.timeframeFavorites.toggle(e), this.host.toolbar?.setTimeframeFavorites(this.pinnedTimeframes()), this.host.updateUI();
 	}
-}, au = 600, ou = 24, su = [
+}, fu = 600, pu = 24, mu = [
 	"--tcw-toolbar-h",
 	"--tcw-control-h",
 	"--tcw-control-h-sm",
@@ -9968,33 +10020,33 @@ var nu = class {
 	"--tcw-line-height",
 	"--tcw-line-xs",
 	"--tcw-label-size"
-], cu = 48, lu = 5e4, uu = 100;
-function du() {
+], hu = 48, gu = 5e4, _u = 100;
+function vu() {
 	return new Promise((e) => {
 		if (typeof requestAnimationFrame != "function" || document.hidden) {
 			setTimeout(e, 0);
 			return;
 		}
-		let t = setTimeout(e, uu);
+		let t = setTimeout(e, _u);
 		requestAnimationFrame(() => setTimeout(() => {
 			clearTimeout(t), e();
 		}, 0));
 	});
 }
-var fu = 864e5, pu = 5e3, mu = 2e3, hu = 48, gu = "rgba(255,255,255,0.03)", _u = "rgba(0,0,0,0.03)", vu = 2;
-function yu(e) {
+var yu = 864e5, bu = 5e3, xu = 2e3, Su = 48, Cu = "rgba(255,255,255,0.03)", wu = "rgba(0,0,0,0.03)", Tu = 2;
+function Eu(e) {
 	if (e.ctrlKey || e.metaKey || e.altKey || e.isComposing || e.keyCode === 229 || e.getModifierState?.("AltGraph")) return null;
 	if (/^[a-z]$/i.test(e.key)) return e.key;
 	let t = /^Key([A-Z])$/.exec(e.code ?? "");
 	return t && [...e.key].length === 1 && !/[\s\d]/.test(e.key) ? t[1].toLowerCase() : null;
 }
-var bu = 1e3, xu = [
+var Du = 1e3, Ou = [
 	["barCountdown", "barCountdown"],
 	["logScale", "logScale"],
 	["legendVisible", "legend"],
 	["volumeVisible", "volume"]
-], Su = v.filter((e) => Ke[e] !== "color");
-function Cu(e) {
+], ku = v.filter((e) => Ke[e] !== "color");
+function Au(e) {
 	if (!e.feed) return e;
 	if (e.adapter) throw TypeError("A widget takes an adapter or a feed, not both");
 	return {
@@ -10003,9 +10055,9 @@ function Cu(e) {
 		feed: void 0
 	};
 }
-var wu = class {
-	intervals = new iu(this.intervalsHost());
-	drawingEdit = new nu(this.drawingEditHost());
+var ju = class {
+	intervals = new du(this.intervalsHost());
+	drawingEdit = new lu(this.drawingEditHost());
 	chartSettings = new $l(this.chartSettingsHost());
 	docking = new Wl(this.dockingHost());
 	layouts = new Vl(this.layoutsHost());
@@ -10138,7 +10190,7 @@ var wu = class {
 	priceAxisAddDefault = !1;
 	marksDefault = !0;
 	constructor(e, t = {}) {
-		let n = Cu(t);
+		let n = Au(t);
 		this.options = n;
 		let { isDark: r, resolvedTheme: i, features: a, chartFeatures: o } = this.readOptions(n);
 		this.buildRoot(e, n, r, i), this.buildToolbar(n, a);
@@ -10200,7 +10252,7 @@ var wu = class {
 			priceAxisAddButton: this.priceAxisAddDefault && this.featureState["menu.priceAxisAdd"],
 			marks: o.marks !== !1 && this.featureState.marks
 		};
-		if (this.marksDefault = o.marks !== !1, this.canExport = o.dataExport !== !1, this.chartSettings.settingsLocked = new Set(xu.filter(([, e]) => o[e] === !1).map(([e]) => e)), this.chartSettings.settingsDefaults = {
+		if (this.marksDefault = o.marks !== !1, this.canExport = o.dataExport !== !1, this.chartSettings.settingsLocked = new Set(Ou.filter(([, e]) => o[e] === !1).map(([e]) => e)), this.chartSettings.settingsDefaults = {
 			...this.chartSettings.settingsState,
 			legendVisible: o.legend !== !1,
 			volumeVisible: o.volume !== !1,
@@ -10235,7 +10287,7 @@ var wu = class {
 	}
 	buildRoot(e, t, n, r) {
 		ln(), this.root = document.createElement("div"), this.root.className = "tcw-root";
-		let i = t.dir === "ltr" || t.dir === "rtl" ? t.dir : Nu(t.locale) ? "rtl" : "ltr";
+		let i = t.dir === "ltr" || t.dir === "rtl" ? t.dir : Bu(t.locale) ? "rtl" : "ltr";
 		this.root.dir = i, this.portal.dir = i, e.appendChild(this.root), this.tooltip = new mc(this.root), this.portal.className = "tcw-root tcw-portal", this.look = tr({
 			dark: n,
 			theme: r
@@ -10329,8 +10381,8 @@ var wu = class {
 				rail: this.t("dock.rail"),
 				resize: this.t("dock.resize")
 			},
-			savedWidth: () => ju(),
-			saveWidth: (e) => Mu(e),
+			savedWidth: () => Ru(),
+			saveWidth: (e) => zu(e),
 			railShown: () => this.docking.railShown(),
 			focusAfterClose: (e) => this.docking.panelFocusTarget(e),
 			room: () => n.clientWidth
@@ -10433,7 +10485,7 @@ var wu = class {
 			}
 		}), this.clockTimer = setInterval(() => {
 			!Yr() && this.featureState.statusBar && this.featureState["statusBar.clock"] && this.statusBar?.tick();
-		}, bu), this.chart.on("priceRangeChange", () => this.chartSettings.refreshScaleSwitches()), this.chartSettings.refreshScaleSwitches(), this.goToDatePart = this.lazyPart(Y.goToDate, ({ WidgetGoToDate: e }) => new e(this.overlayHost, () => ({
+		}, Du), this.chart.on("priceRangeChange", () => this.chartSettings.refreshScaleSwitches()), this.chartSettings.refreshScaleSwitches(), this.goToDatePart = this.lazyPart(Y.goToDate, ({ WidgetGoToDate: e }) => new e(this.overlayHost, () => ({
 			title: this.t("goTo.title"),
 			date: this.t("range.date"),
 			range: this.t("goTo.range"),
@@ -10593,8 +10645,8 @@ var wu = class {
 				remove: (t, n) => e.remove(t, n)
 			}
 		}, this.t)), this.drawingEdit.inlineText = new Vo(this.overlayHost), this.chart.on("drawingDoubleClick", (e) => {
-			let t = e.payload.id, n = this.chart.getDrawings().find((e) => e.id === t)?.type;
-			n && K[n] && this.drawingEdit.editTextInPlace(t, !1) || this.drawingEdit.openDrawingSettings(t, n && K[n] ? { tab: "text" } : {});
+			let { id: t, x: n, y: r } = e.payload, i = this.chart.getDrawings().find((e) => e.id === t)?.type;
+			i && K[i] && this.drawingEdit.editTextInPlace(t, !1) || i && ko.has(i) && this.drawingEdit.isOnDrawingText(t, n, r) && this.drawingEdit.editTextInPlace(t, !1) || this.drawingEdit.openDrawingSettings(t, i && K[i] ? { tab: "text" } : {});
 		}), this.chart.on("drawingRemove", (e) => {
 			let t = e.payload.id;
 			t === this.drawingEdit.inlineTextId && (this.drawingEdit.inlineText?.close(), this.drawingEdit.inlineTextNew || this.chart.endDrawingEdit(t), this.drawingEdit.inlineTextId = null);
@@ -10610,7 +10662,7 @@ var wu = class {
 					justDrawn: !0
 				}));
 			}, s = () => setTimeout(o, 0);
-			window.addEventListener("pointerup", s), window.addEventListener("pointercancel", s), i = window.setTimeout(o, au), this.drawingEdit.cancelTextPrompt = a;
+			window.addEventListener("pointerup", s), window.addEventListener("pointercancel", s), i = window.setTimeout(o, fu), this.drawingEdit.cancelTextPrompt = a;
 		}), this.drawingStyle = new _o(this.root, {
 			onStyleChange: (e) => {
 				this.chart.setDrawingStyle(e), this.chart.setSelectedDrawingStyle(e);
@@ -10637,6 +10689,10 @@ var wu = class {
 				let e = this.chart.getSelectedDrawingIds()[0];
 				e && this.drawingEdit.openDrawingSettings(e);
 			},
+			onText: () => {
+				let e = this.chart.getSelectedDrawingIds()[0];
+				e && this.drawingEdit.editDrawingText(e);
+			},
 			onAlert: () => {
 				let e = this.chart.getSelectedDrawingIds()[0];
 				e && this.alerting.addDrawingAlert(e);
@@ -10890,8 +10946,8 @@ var wu = class {
 			onAction: (e) => this.commands.handleAction(e),
 			onClose: () => {}
 		}, this.overlayHost, this.t, {
-			list: () => Ou(),
-			add: (e) => ku([e, ...Ou().filter((t) => t !== e)])
+			list: () => Fu(),
+			add: (e) => Iu([e, ...Fu().filter((t) => t !== e)])
 		})), this.boundGlobalKeydown = (e) => {
 			if (this.handleHostHotkey(e) || this.featureState.hotkeys && this.replay.isOpen() && this.replay.handleReplayKey(e)) return;
 			let t = L(this.root), n = (e) => this.featureState.hotkeys && this.featureState[e];
@@ -10912,11 +10968,11 @@ var wu = class {
 				let t = document.activeElement;
 				if (t && t !== document.body && !this.root.contains(t)) return;
 				e.preventDefault(), this.intervals.intervalInput.open(e.key);
-			} else if (yu(e) !== null) {
+			} else if (Eu(e) !== null) {
 				if (e.defaultPrevented || !n("symbolTyping") || !this.featureState.symbolSearch || R() || Nr() || !L(this.root, !0)) return;
 				let t = document.activeElement;
 				if (t && t !== document.body && !this.root.contains(t)) return;
-				e.preventDefault(), this.openSymbolSearch(yu(e));
+				e.preventDefault(), this.openSymbolSearch(Eu(e));
 			} else if (e.altKey && !e.ctrlKey && !e.metaKey && (e.code === "KeyI" || e.code === "KeyG" || e.code === "KeyR")) {
 				if (R() || !t) return;
 				if (e.code === "KeyI") {
@@ -10948,10 +11004,10 @@ var wu = class {
 			this.destroyed || Xs();
 		}, t = globalThis;
 		if (t.requestIdleCallback && t.cancelIdleCallback) {
-			let n = t.requestIdleCallback(e, { timeout: pu }), r = t.cancelIdleCallback;
+			let n = t.requestIdleCallback(e, { timeout: bu }), r = t.cancelIdleCallback;
 			this.stopPreload = () => r(n);
 		} else {
-			let t = setTimeout(e, mu);
+			let t = setTimeout(e, xu);
 			this.stopPreload = () => clearTimeout(t);
 		}
 	}
@@ -11113,7 +11169,7 @@ var wu = class {
 		for (let t of [this.root, this.portal]) {
 			if (Oa(t, e, { variables: this.uiVariables }), this.uiVariables) continue;
 			let n = Da(e);
-			for (let e of su) this.uiScale === 1 ? t.style.removeProperty(e) : t.style.setProperty(e, n[e]);
+			for (let e of mu) this.uiScale === 1 ? t.style.removeProperty(e) : t.style.setProperty(e, n[e]);
 		}
 	}
 	fitScale() {
@@ -11122,7 +11178,7 @@ var wu = class {
 		if (e !== this.uiScale) {
 			if (this.ui.scale === "auto") {
 				let t = this.root.clientWidth;
-				if ((e > this.uiScale ? la(t - ou) : la(t + ou)) === this.uiScale) return;
+				if ((e > this.uiScale ? la(t - pu) : la(t + pu)) === this.uiScale) return;
 			}
 			this.uiScale = e, this.applyLookTokens(), this.applyLegendFont(), this.applyChartLook(), this.toolbar?.fit();
 		}
@@ -11297,13 +11353,13 @@ var wu = class {
 	}
 	paintWatermark() {
 		this.chart.setWatermark(De(this.state.symbol).ticker.replace("USDT", " / USDT"), {
-			fontSize: hu,
-			color: this.state.isDark ? gu : _u
+			fontSize: Su,
+			color: this.state.isDark ? Cu : wu
 		});
 	}
 	keepingLook(e) {
 		this.chartSettings.settingsEdit && this.settings?.close();
-		let t = this.chart.getOverrides?.({ layer: "user" }) ?? {}, n = Object.fromEntries(Su.filter((e) => t[e] !== void 0).map((e) => [e, t[e]]));
+		let t = this.chart.getOverrides?.({ layer: "user" }) ?? {}, n = Object.fromEntries(ku.filter((e) => t[e] !== void 0).map((e) => [e, t[e]]));
 		e(), Object.keys(n).length > 0 && this.chart.applyOverrides(n, { layer: "user" });
 	}
 	sheetKeyOn(e) {
@@ -11442,7 +11498,7 @@ var wu = class {
 				from: i(o.from),
 				to: i(o.to)
 			},
-			withTime: !(k(this.state.timeframe) >= fu),
+			withTime: !(k(this.state.timeframe) >= yu),
 			max: s,
 			today: s
 		});
@@ -11507,9 +11563,9 @@ var wu = class {
 	}
 	async switchLocalTimeframe() {
 		if (!this.baseSeries) return;
-		let e = ++this.localSeq, t = this.lastLocalSwitchMs >= cu || this.baseSeries.length >= lu;
+		let e = ++this.localSeq, t = this.lastLocalSwitchMs >= hu || this.baseSeries.length >= gu;
 		try {
-			if (t && (this.loading.begin(this.chart.getData().length > 0, !0), await du(), e !== this.localSeq || this.destroyed)) return;
+			if (t && (this.loading.begin(this.chart.getData().length > 0, !0), await vu(), e !== this.localSeq || this.destroyed)) return;
 			this.applyTimeframeData();
 		} finally {
 			e === this.localSeq && this.loading.end();
@@ -11623,7 +11679,7 @@ var wu = class {
 			defaults: r.descriptor.defaultConfig,
 			params: r.params,
 			inputs: r.descriptor.inputs,
-			lineSources: Tu(t, n, this.t),
+			lineSources: Mu(t, n, this.t),
 			plots: r.descriptor.plots,
 			colors: i?.colors,
 			lineWidth: i?.lineWidths[0],
@@ -11642,7 +11698,7 @@ var wu = class {
 		this.alerting.refreshAlerts(), this.trading.refreshAccountSoon(), this.dataWindow?.isOpen() && this.dataWindow.render(this.docking.buildDataWindowModel());
 	}
 	formatMoney(e) {
-		return this.formatNumber(e, Math.min(vt(this.chart.getPriceStep()), vu));
+		return this.formatNumber(e, Math.min(vt(this.chart.getPriceStep()), Tu));
 	}
 	formatVolume(e) {
 		return tt(e, this.chartSettings.settingsState.numberLocale || "en-US");
@@ -12173,6 +12229,8 @@ var wu = class {
 				return e.objectTree;
 			},
 			openDrawingSettings: (...t) => e.drawingEdit.openDrawingSettings(...t),
+			editDrawingText: (...t) => e.drawingEdit.editDrawingText(...t),
+			canTypeDrawingText: (...t) => e.drawingEdit.canTypeText(...t),
 			openSettings: (...t) => e.chartSettings.openSettings(...t),
 			get options() {
 				return e.options;
@@ -12559,7 +12617,7 @@ var wu = class {
 		};
 	}
 };
-function Tu(e, t, n) {
+function Mu(e, t, n) {
 	let r = (e) => {
 		let t = Vt(e.descriptor);
 		return t && ct(e.params[t])?.instanceId || null;
@@ -12582,66 +12640,66 @@ function Tu(e, t, n) {
 	}
 	return a;
 }
-var Eu = "tcw:recentCommands", Du = 10;
-function Ou() {
+var Nu = "tcw:recentCommands", Pu = 10;
+function Fu() {
 	try {
-		let e = JSON.parse(Xr()?.getItem(Eu) ?? "[]");
-		return Array.isArray(e) ? e.filter((e) => typeof e == "string").slice(0, Du) : [];
+		let e = JSON.parse(Xr()?.getItem(Nu) ?? "[]");
+		return Array.isArray(e) ? e.filter((e) => typeof e == "string").slice(0, Pu) : [];
 	} catch {
 		return [];
 	}
 }
-function ku(e) {
+function Iu(e) {
 	try {
-		Xr()?.setItem(Eu, JSON.stringify(e.slice(0, Du)));
+		Xr()?.setItem(Nu, JSON.stringify(e.slice(0, Pu)));
 	} catch {}
 }
-var Au = "tcw:dockWidth";
-function ju() {
+var Lu = "tcw:dockWidth";
+function Ru() {
 	try {
-		let e = Number(Xr()?.getItem(Au) ?? NaN);
+		let e = Number(Xr()?.getItem(Lu) ?? NaN);
 		return Number.isFinite(e) && e > 0 ? e : null;
 	} catch {
 		return null;
 	}
 }
-function Mu(e) {
+function zu(e) {
 	try {
-		Xr()?.setItem(Au, String(e));
+		Xr()?.setItem(Lu, String(e));
 	} catch {}
 }
-function Nu(e) {
+function Bu(e) {
 	return !!e && /^(ar|he|iw|fa|ur|ps|yi|dv|ckb|sd|ug)(-|$)/i.test(e);
 }
 //#endregion
 //#region src/widget/GridLayoutPicker.ts
-var Pu = 2, Fu = 20, Iu = 2, Lu = 16, Ru = 2, zu = 4, Bu = {
+var Vu = 2, Hu = 20, Uu = 2, Wu = 16, Gu = 2, Ku = 4, qu = {
 	left: "grid.layoutBigLeft",
 	right: "grid.layoutBigRight",
 	top: "grid.layoutBigTop",
 	bottom: "grid.layoutBigBottom"
 };
-function Vu(e, t, n) {
-	let r = (Fu - Iu * (n - 1)) / n;
-	return [Pu + e * (r + Iu), t * r + (t - 1) * Iu];
+function Ju(e, t, n) {
+	let r = (Hu - Uu * (n - 1)) / n;
+	return [Vu + e * (r + Uu), t * r + (t - 1) * Uu];
 }
-function Hu(e, t = Lu) {
+function Yu(e, t = Wu) {
 	return `<svg width="${t}" height="${t}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true">${n(e).map(([t, n, r, i]) => {
-		let [a, o] = Vu(t, r, e.cols), [s, c] = Vu(n, i, e.rows);
+		let [a, o] = Ju(t, r, e.cols), [s, c] = Ju(n, i, e.rows);
 		return `<rect x="${a}" y="${s}" width="${o}" height="${c}" rx="1"/>`;
 	}).join("")}</svg>`;
 }
-function Uu(e, t) {
+function Xu(e, t) {
 	let n = f[e], r = s(n);
 	if (r === 1) return t("grid.single");
 	let i = m(n);
-	return i ? w(t(Bu[i]), { count: r }) : w(t("grid.layoutOption"), {
+	return i ? w(t(qu[i]), { count: r }) : w(t("grid.layoutOption"), {
 		count: r,
 		cols: n.cols,
 		rows: n.rows
 	});
 }
-var Wu = class {
+var Zu = class {
 	button;
 	panel = null;
 	choices;
@@ -12658,8 +12716,8 @@ var Wu = class {
 		}), this.render();
 	}
 	render() {
-		let { t: e, current: t } = this.options, n = t(), r = `${e("grid.layout")}: ${Uu(n, e)}`;
-		this.button.innerHTML = Hu(f[n]) + x("chevronDown", 12), this.button.title = r, this.button.setAttribute("aria-label", r);
+		let { t: e, current: t } = this.options, n = t(), r = `${e("grid.layout")}: ${Xu(n, e)}`;
+		this.button.innerHTML = Yu(f[n]) + x("chevronDown", 12), this.button.title = r, this.button.setAttribute("aria-label", r);
 		for (let e of this.items()) e.setAttribute("aria-checked", String(e.dataset.layout === n));
 	}
 	isOpen() {
@@ -12700,15 +12758,15 @@ var Wu = class {
 		return a.className = "tcw-grid-picker-row", a.append(...t.map((e) => this.item(e))), r.append(i, a), r;
 	}
 	item(e) {
-		let t = Uu(e, this.options.t), n = document.createElement("button");
-		return n.type = "button", n.className = "tcw-btn-icon tcw-grid-picker-item", n.setAttribute("role", "menuitemradio"), n.setAttribute("aria-checked", "false"), n.tabIndex = -1, n.dataset.layout = e, n.title = t, n.setAttribute("aria-label", t), n.innerHTML = Hu(f[e]), n.addEventListener("click", () => this.pick(e)), n;
+		let t = Xu(e, this.options.t), n = document.createElement("button");
+		return n.type = "button", n.className = "tcw-btn-icon tcw-grid-picker-item", n.setAttribute("role", "menuitemradio"), n.setAttribute("aria-checked", "false"), n.tabIndex = -1, n.dataset.layout = e, n.title = t, n.setAttribute("aria-label", t), n.innerHTML = Yu(f[e]), n.addEventListener("click", () => this.pick(e)), n;
 	}
 	pick(e) {
 		this.close(), this.options.onPick(e), this.render();
 	}
 	place(e) {
-		let { host: t } = this.options, n = this.button.getBoundingClientRect(), r = t.getBoundingClientRect(), i = t.closest("[dir]")?.getAttribute("dir") === "rtl", a = e.offsetWidth, o = i ? n.right - r.left - a : n.left - r.left, s = t.clientWidth - a - zu;
-		e.style.left = `${Math.max(0, Math.min(o, s))}px`, e.style.top = `${n.bottom - r.top + Ru}px`, e.style.maxHeight = `${Math.max(0, t.clientHeight - (n.bottom - r.top) - Ru - zu)}px`;
+		let { host: t } = this.options, n = this.button.getBoundingClientRect(), r = t.getBoundingClientRect(), i = t.closest("[dir]")?.getAttribute("dir") === "rtl", a = e.offsetWidth, o = i ? n.right - r.left - a : n.left - r.left, s = t.clientWidth - a - Ku;
+		e.style.left = `${Math.max(0, Math.min(o, s))}px`, e.style.top = `${n.bottom - r.top + Gu}px`, e.style.maxHeight = `${Math.max(0, t.clientHeight - (n.bottom - r.top) - Gu - Ku)}px`;
 	}
 	items() {
 		return this.panel ? [...this.panel.querySelectorAll("[role=\"menuitemradio\"]")] : [];
@@ -12739,32 +12797,32 @@ var Wu = class {
 		let o = this.rows(), s = o.findIndex((e) => e.includes(n[r])), c = o[s].indexOf(n[r]), l = o[(s + (t === "ArrowDown" ? 1 : -1) + o.length) % o.length];
 		return l[Math.min(c, l.length - 1)];
 	}
-}, Gu = {
+}, Qu = {
 	symbol: !1,
 	interval: !1,
 	crosshair: !0,
 	time: !1,
 	drawings: !1,
 	replay: !1
-}, Ku = [
+}, $u = [
 	"symbol",
 	"interval",
 	"crosshair",
 	"time",
 	"drawings",
 	"replay"
-], qu = f;
-function Ju(e) {
+], ed = f;
+function td(e) {
 	return JSON.parse(JSON.stringify(e));
 }
-function Yu(e) {
+function nd(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = e;
 	if (t.v !== 1 || t.kind !== "grid" || !r(t.layout) || !Array.isArray(t.cells)) return null;
 	let n = t.cells.map(Us);
 	if (n.some((e) => e === null)) return null;
-	let i = typeof t.sync == "object" && t.sync !== null ? t.sync : {}, a = { ...Gu };
-	for (let e of Ku) typeof i[e] == "boolean" && (a[e] = i[e]);
+	let i = typeof t.sync == "object" && t.sync !== null ? t.sync : {}, a = { ...Qu };
+	for (let e of $u) typeof i[e] == "boolean" && (a[e] = i[e]);
 	let o = typeof t.active == "number" && Number.isInteger(t.active) ? t.active : 0;
 	return {
 		v: 1,
@@ -12775,7 +12833,7 @@ function Yu(e) {
 		cells: n
 	};
 }
-var Xu = class {
+var rd = class {
 	root;
 	cellsEl;
 	cells = [];
@@ -12805,7 +12863,7 @@ var Xu = class {
 	};
 	constructor(e, t = {}) {
 		this.options = t, this.layout = r(t.layout) ? t.layout : "1x2", this.sync = {
-			...Gu,
+			...Qu,
 			...t.sync
 		}, this.t = Be(Ve(t.widget?.locale, t.widget?.messages)), ln(), this.root = document.createElement("div"), this.root.className = "tcw-root tcw-grid", this.root.dataset.tcwTheme = t.widget?.theme === "light" ? "light" : "dark", Oa(this.root, U(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 = Js(this.root), this.applyShape();
 		for (let e = 0; e < this.shapeCount(); e++) this.cells.push(this.createCell(e));
@@ -12933,7 +12991,7 @@ var Xu = class {
 		return JSON.stringify(this.captureLayout());
 	}
 	async applyLayoutContent(e) {
-		let t = Yu(Ws(e));
+		let t = nd(Ws(e));
 		return t ? (await this.restoreLayout(t), !0) : !1;
 	}
 	destroy() {
@@ -12955,7 +13013,7 @@ var Xu = class {
 	createCell(e) {
 		let t = document.createElement("div");
 		t.className = "tcw-grid-cell", t.setAttribute("role", "region"), t.setAttribute("aria-label", w(this.t("grid.chart"), { n: e + 1 })), i(t, n(f[this.layout])[e]), this.cellsEl.appendChild(t);
-		let r = this.options.widget ?? {}, a = this.options.cells?.[e] ?? {}, o = this.cells[this.active]?.widget, s = {}, c = new wu(t, {
+		let r = this.options.widget ?? {}, a = this.options.cells?.[e] ?? {}, o = this.cells[this.active]?.widget, s = {}, c = new ju(t, {
 			...r,
 			...a,
 			...a.adapter ? { feed: void 0 } : {},
@@ -13012,7 +13070,7 @@ var Xu = class {
 					t.replaySeekToTime(n);
 					return;
 				}
-				let r = Zu(t.getData(), n);
+				let r = id(t.getData(), n);
 				r >= 0 && t.replayStart({
 					startIndex: r,
 					paused: !0
@@ -13057,7 +13115,7 @@ var Xu = 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(Ju(n));
+			for (let r of this.cells) r !== e && r.widget.getSymbol() === t && r.widget.getChart().setDrawings(td(n));
 		});
 	}
 	mergeDrawings() {
@@ -13069,7 +13127,7 @@ var Xu = 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(Ju(n));
+				for (let e of t) e.widget.getChart().setDrawings(td(n));
 			}
 		});
 	}
@@ -13106,7 +13164,7 @@ var Xu = class {
 		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(r) ?? l;
-		n.length > 0 && (this.layoutPicker = new Wu({
+		n.length > 0 && (this.layoutPicker = new Zu({
 			host: this.root,
 			t: this.t,
 			choices: n,
@@ -13117,7 +13175,7 @@ var Xu = class {
 		i.className = "tcw-grid-group", i.setAttribute("role", "group"), i.setAttribute("aria-label", this.t("grid.sync"));
 		let a = document.createElement("span");
 		a.className = "tcw-grid-label", a.innerHTML = `${x("link", 13)}<span>${S(this.t("grid.sync"))}</span>`, i.appendChild(a);
-		for (let e of Ku) {
+		for (let e of $u) {
 			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), i.appendChild(t);
 		}
@@ -13175,12 +13233,12 @@ var Xu = class {
 		this.cells[this.active]?.widget.toast(e, t);
 	}
 };
-function Zu(e, t) {
+function id(e, t) {
 	let n = -1;
 	for (let r = 0; r < e.length && e[r].time < t; r++) n = r;
 	return n;
 }
 //#endregion
-export { Se as CHART_TYPE_ICONS, wu as ChartWidget, Xu as ChartWidgetGrid, Gu as DEFAULT_GRID_SYNC, we as DRAWING_TOOL_ICONS, Re as EN_MESSAGES, qu as GRID_SHAPES, p as LayoutSession, c as MAX_LAYOUT_NAME, ye as UI_ICONS, He as VI_MESSAGES, he as WIDGET_FEATURES, ba as WIDGET_UI_PRESETS, Oa as applyWidgetUI, d as cleanLayoutName, Ce as createChartTypeIcon, x as createIcon, b as createToolIcon, ze as findWidgetLocale, be as iconSvg, o as localStorageLayouts, t as memoryLayouts, Yu as readGridLayout, li as readWatchlists, Us as readWidgetLayout, Le as registerWidgetLocale, U as resolveWidgetUI, Da as widgetUIVariables };
+export { Se as CHART_TYPE_ICONS, ju as ChartWidget, rd as ChartWidgetGrid, Qu as DEFAULT_GRID_SYNC, we as DRAWING_TOOL_ICONS, Re as EN_MESSAGES, ed as GRID_SHAPES, p as LayoutSession, c as MAX_LAYOUT_NAME, ye as UI_ICONS, He as VI_MESSAGES, he as WIDGET_FEATURES, ba as WIDGET_UI_PRESETS, Oa as applyWidgetUI, d as cleanLayoutName, Ce as createChartTypeIcon, x as createIcon, b as createToolIcon, ze as findWidgetLocale, be as iconSvg, o as localStorageLayouts, t as memoryLayouts, nd as readGridLayout, li as readWatchlists, Us as readWidgetLayout, Le as registerWidgetLocale, U as resolveWidgetUI, Da as widgetUIVariables };
 
 //# sourceMappingURL=index.js.map