@363045841yyt/klinechart 0.4.5 → 0.4.7

package/dist/index.js

@@ -69,18 +69,18 @@ function ue(e) {
 	let t;
 	return t = typeof ArrayBuffer < "u" && ArrayBuffer.isView ? ArrayBuffer.isView(e) : e && e.buffer && le(e.buffer), t;
 }
-var de = oe("string"), B = oe("function"), fe = oe("number"), pe = (e) => typeof e == "object" && !!e, me = (e) => e === !0 || e === !1, he = (e) => {
+var de = oe("string"), B = oe("function"), fe = oe("number"), pe = (e) => typeof e == "object" && !!e, me = (e) => e === !0 || e === !1, V = (e) => {
 	if (ae(e) !== "object") return !1;
 	let t = I(e);
 	return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(ie in e) && !(L in e);
-}, ge = (e) => {
+}, he = (e) => {
 	if (!pe(e) || z(e)) return !1;
 	try {
 		return Object.keys(e).length === 0 && Object.getPrototypeOf(e) === Object.prototype;
 	} catch {
 		return !1;
 	}
-}, _e = R("Date"), ve = R("File"), ye = (e) => !!(e && e.uri !== void 0), V = (e) => e && e.getParts !== void 0, be = R("Blob"), H = R("FileList"), xe = (e) => pe(e) && B(e.pipe);
+}, H = R("Date"), ge = R("File"), _e = (e) => !!(e && e.uri !== void 0), ve = (e) => e && e.getParts !== void 0, ye = R("Blob"), be = R("FileList"), xe = (e) => pe(e) && B(e.pipe);
 function Se() {
 	return typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {};
 }
@@ -119,7 +119,7 @@ function Ie(...e) {
 	let { caseless: t, skipUndefined: n } = Fe(this) && this || {}, r = {}, i = (e, i) => {
 		if (i === "__proto__" || i === "constructor" || i === "prototype") return;
 		let a = t && Ne(r, i) || i, o = Je(r, a) ? r[a] : void 0;
-		he(o) && he(e) ? r[a] = Ie(o, e) : he(e) ? r[a] = Ie({}, e) : se(e) ? r[a] = e.slice() : (!n || !ce(e)) && (r[a] = e);
+		V(o) && V(e) ? r[a] = Ie(o, e) : V(e) ? r[a] = Ie({}, e) : se(e) ? r[a] = e.slice() : (!n || !ce(e)) && (r[a] = e);
 	};
 	for (let t = 0, n = e.length; t < n; t++) e[t] && Me(e[t], i);
 	return r;
@@ -247,24 +247,24 @@ var nt = (e) => {
 	isNumber: fe,
 	isBoolean: me,
 	isObject: pe,
-	isPlainObject: he,
-	isEmptyObject: ge,
+	isPlainObject: V,
+	isEmptyObject: he,
 	isReadableStream: De,
 	isRequest: Oe,
 	isResponse: ke,
 	isHeaders: Ae,
 	isUndefined: ce,
-	isDate: _e,
-	isFile: ve,
-	isReactNativeBlob: ye,
-	isReactNative: V,
-	isBlob: be,
+	isDate: H,
+	isFile: ge,
+	isReactNativeBlob: _e,
+	isReactNative: ve,
+	isBlob: ye,
 	isRegExp: Ye,
 	isFunction: B,
 	isStream: xe,
 	isURLSearchParams: Ee,
 	isTypedArray: Ue,
-	isFileList: H,
+	isFileList: be,
 	forEach: Me,
 	merge: Ie,
 	extend: Le,
@@ -7512,7 +7512,7 @@ var Ma = {
 	DOWN_LIGHT: "rgba(3, 123, 102, 0.92)",
 	DOWN_TICK: "hsl(150, 30%, 60%)",
 	NEUTRAL: "rgba(0, 0, 0, 0.78)",
-	LAST_PRICE: "rgb(183, 22, 22)"
+	LAST_PRICE: "rgba(196, 74, 86, 0.95)"
 }, Pa = {
 	WHITE: "rgb(255, 255, 255)",
 	LIGHT_GRAY: "rgba(255, 255, 255, 0.92)",
@@ -7549,87 +7549,91 @@ var Ma = {
 	BAR_DOWN: "#22ab94",
 	BAR_DOWN_LIGHT: "#ace5dc"
 }, Ba = {
+	UP: "#ff5252",
+	DOWN: "#22ab94",
+	NEUTRAL: "rgba(0, 0, 0, 0.78)"
+}, Va = {
 	RSI1: "rgba(69, 112, 249, 1)",
 	RSI2: "rgba(255, 152, 0, 1)",
 	RSI3: "rgba(156, 39, 176, 1)"
-}, Va = {
+}, Ha = {
 	CCI: "rgba(69, 112, 249, 1)",
 	OVERBOUGHT: "rgba(214, 10, 34, 0.5)",
 	OVERSOLD: "rgba(3, 123, 102, 0.5)"
-}, Ha = {
+}, Ua = {
 	K: "rgba(69, 112, 249, 1)",
 	D: "rgba(255, 152, 0, 1)",
 	J: "rgba(156, 39, 176, 1)"
-}, Ua = {
+}, Wa = {
 	MOM: "rgba(69, 112, 249, 1)",
 	ZERO: "rgba(0, 0, 0, 0.2)"
-}, Wa = {
+}, Ga = {
 	WMSR: "rgba(69, 112, 249, 1)",
 	OVERBOUGHT: "rgba(214, 10, 34, 0.5)",
 	OVERSOLD: "rgba(3, 123, 102, 0.5)"
-}, Ga = {
+}, Ka = {
 	KST: "rgba(69, 112, 249, 1)",
 	SIGNAL: "rgba(255, 152, 0, 1)"
-}, Ka = {
+}, qa = {
 	FAST: "rgba(255, 152, 0, 1)",
 	SLOW: "rgba(69, 112, 249, 1)"
-}, qa = {
+}, Ja = {
 	UPPER: "rgba(214, 10, 34, 1)",
 	MIDDLE: "rgba(69, 112, 249, 1)",
 	LOWER: "rgba(3, 123, 102, 1)",
 	BAND_FILL: "rgba(69, 112, 249, 0.08)"
-}, Ja = {
+}, Ya = {
 	LINE: "rgba(0, 0, 0, 0.28)",
 	LABEL_BG: "rgb(0, 0, 0)",
 	LABEL_TEXT: "rgba(255, 255, 255, 0.92)"
-}, Ya = Na.UP, Xa = Na.DOWN, Za = Na.NEUTRAL;
-function Qa(e) {
-	return e > 0 ? Ya : e < 0 ? Xa : Za;
+}, Xa = Na.UP, Za = Na.DOWN, Qa = Na.NEUTRAL;
+function $a(e) {
+	return e > 0 ? Xa : e < 0 ? Za : Qa;
 }
-function $a(e, t = 2) {
+function eo(e, t = 2) {
 	let n = Math.abs(e);
 	return n >= 1e8 ? `${(e / 1e8).toFixed(t)}亿` : n >= 1e4 ? `${(e / 1e4).toFixed(t)}万` : `${Math.round(e)}`;
 }
-function eo(e, t = 2) {
+function to(e, t = 2) {
 	return `${e > 0 ? "+" : ""}${e.toFixed(t)}`;
 }
-function to(e, t = 2) {
+function no(e, t = 2) {
 	return `${e.toFixed(t)}%`;
 }
-function no(e, t = 2) {
+function ro(e, t = 2) {
 	return `${e > 0 ? "+" : ""}${e.toFixed(t)}%`;
 }
-function ro(e, t) {
+function io(e, t) {
 	let n = t?.close ?? e.open;
-	return Qa(e.open - n);
-}
-function io(e) {
-	return Qa(e.close - e.open);
+	return $a(e.open - n);
 }
 function ao(e) {
-	return typeof e.changePercent == "number" ? Qa(e.changePercent) : typeof e.changeAmount == "number" ? Qa(e.changeAmount) : Za;
+	return $a(e.close - e.open);
+}
+function oo(e) {
+	return typeof e.changePercent == "number" ? $a(e.changePercent) : typeof e.changeAmount == "number" ? $a(e.changeAmount) : Qa;
 }
 //#endregion
 //#region src/components/KLineTooltip.vue?vue&type=script&setup=true&lang.ts
-var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "kline-tooltip__grid" }, lo = { class: "row" }, uo = { class: "row" }, fo = { class: "row" }, po = { class: "row" }, mo = {
+var so = { class: "kline-tooltip__title" }, co = { key: 0 }, lo = { class: "kline-tooltip__grid" }, uo = { class: "row" }, fo = { class: "row" }, po = { class: "row" }, mo = { class: "row" }, ho = {
 	key: 0,
 	class: "row"
-}, ho = {
+}, go = {
 	key: 1,
 	class: "row"
-}, go = {
+}, _o = {
 	key: 2,
 	class: "row"
-}, _o = {
+}, vo = {
 	key: 3,
 	class: "row"
-}, vo = {
+}, yo = {
 	key: 4,
 	class: "row"
-}, yo = {
+}, bo = {
 	key: 5,
 	class: "row"
-}, bo = /* @__PURE__ */ u({
+}, xo = /* @__PURE__ */ u({
 	__name: "KLineTooltip",
 	props: {
 		k: {},
@@ -7647,15 +7651,15 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 		}
 		let l = r(() => {
 			let e = t.k;
-			if (!e) return Za;
+			if (!e) return Qa;
 			let n = t.index;
-			return ro(e, typeof n == "number" && n > 0 ? t.data[n - 1] : void 0);
+			return io(e, typeof n == "number" && n > 0 ? t.data[n - 1] : void 0);
 		}), u = r(() => {
 			let e = t.k;
-			return e ? io(e) : Za;
+			return e ? ao(e) : Qa;
 		}), d = r(() => {
 			let e = t.k;
-			return e ? ao(e) : Za;
+			return e ? oo(e) : Qa;
 		});
 		return (t, r) => e.k ? (g(), o("div", {
 			key: 0,
@@ -7665,29 +7669,29 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 				left: `${e.pos.x}px`,
 				top: `${e.pos.y}px`
 			})
-		}, [s("div", oo, [e.k.stockCode ? (g(), o("span", so, b(e.k.stockCode), 1)) : a("", !0), s("span", null, b(x(ka)(e.k.timestamp)), 1)]), s("div", co, [
-			s("div", lo, [r[0] ||= s("span", null, "开", -1), s("span", { style: p({ color: l.value }) }, b(e.k.open.toFixed(2)), 5)]),
-			s("div", uo, [r[1] ||= s("span", null, "高", -1), s("span", null, b(e.k.high.toFixed(2)), 1)]),
-			s("div", fo, [r[2] ||= s("span", null, "低", -1), s("span", null, b(e.k.low.toFixed(2)), 1)]),
-			s("div", po, [r[3] ||= s("span", null, "收", -1), s("span", { style: p({ color: u.value }) }, b(e.k.close.toFixed(2)), 5)]),
-			typeof e.k.volume == "number" ? (g(), o("div", mo, [r[4] ||= s("span", null, "成交量", -1), s("span", null, b(x($a)(e.k.volume)), 1)])) : a("", !0),
-			typeof e.k.turnover == "number" ? (g(), o("div", ho, [r[5] ||= s("span", null, "成交额", -1), s("span", null, b(x($a)(e.k.turnover)), 1)])) : a("", !0),
-			typeof e.k.amplitude == "number" ? (g(), o("div", go, [r[6] ||= s("span", null, "振幅", -1), s("span", null, b(e.k.amplitude) + "%", 1)])) : a("", !0),
-			typeof e.k.changePercent == "number" ? (g(), o("div", _o, [r[7] ||= s("span", null, "涨跌幅", -1), s("span", { style: p({ color: d.value }) }, b(x(no)(e.k.changePercent)), 5)])) : a("", !0),
-			typeof e.k.changeAmount == "number" ? (g(), o("div", vo, [r[8] ||= s("span", null, "涨跌额", -1), s("span", { style: p({ color: d.value }) }, b(x(eo)(e.k.changeAmount)), 5)])) : a("", !0),
-			typeof e.k.turnoverRate == "number" ? (g(), o("div", yo, [r[9] ||= s("span", null, "换手率", -1), s("span", null, b(x(to)(e.k.turnoverRate)), 1)])) : a("", !0)
+		}, [s("div", so, [e.k.stockCode ? (g(), o("span", co, b(e.k.stockCode), 1)) : a("", !0), s("span", null, b(x(ka)(e.k.timestamp)), 1)]), s("div", lo, [
+			s("div", uo, [r[0] ||= s("span", null, "开", -1), s("span", { style: p({ color: l.value }) }, b(e.k.open.toFixed(2)), 5)]),
+			s("div", fo, [r[1] ||= s("span", null, "高", -1), s("span", null, b(e.k.high.toFixed(2)), 1)]),
+			s("div", po, [r[2] ||= s("span", null, "低", -1), s("span", null, b(e.k.low.toFixed(2)), 1)]),
+			s("div", mo, [r[3] ||= s("span", null, "收", -1), s("span", { style: p({ color: u.value }) }, b(e.k.close.toFixed(2)), 5)]),
+			typeof e.k.volume == "number" ? (g(), o("div", ho, [r[4] ||= s("span", null, "成交量", -1), s("span", null, b(x(eo)(e.k.volume)), 1)])) : a("", !0),
+			typeof e.k.turnover == "number" ? (g(), o("div", go, [r[5] ||= s("span", null, "成交额", -1), s("span", null, b(x(eo)(e.k.turnover)), 1)])) : a("", !0),
+			typeof e.k.amplitude == "number" ? (g(), o("div", _o, [r[6] ||= s("span", null, "振幅", -1), s("span", null, b(e.k.amplitude) + "%", 1)])) : a("", !0),
+			typeof e.k.changePercent == "number" ? (g(), o("div", vo, [r[7] ||= s("span", null, "涨跌幅", -1), s("span", { style: p({ color: d.value }) }, b(x(ro)(e.k.changePercent)), 5)])) : a("", !0),
+			typeof e.k.changeAmount == "number" ? (g(), o("div", yo, [r[8] ||= s("span", null, "涨跌额", -1), s("span", { style: p({ color: d.value }) }, b(x(to)(e.k.changeAmount)), 5)])) : a("", !0),
+			typeof e.k.turnoverRate == "number" ? (g(), o("div", bo, [r[9] ||= s("span", null, "换手率", -1), s("span", null, b(x(no)(e.k.turnoverRate)), 1)])) : a("", !0)
 		])], 6)) : a("", !0);
 	}
-}), xo = (e, t) => {
+}), So = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, So = /* @__PURE__ */ xo(bo, [["__scopeId", "data-v-d0fe85e6"]]), Co = {
+}, Co = /* @__PURE__ */ So(xo, [["__scopeId", "data-v-d0fe85e6"]]), wo = {
 	RISE_WITH_VOLUME: "量价齐升",
 	RISE_WITHOUT_VOLUME: "量缩价升",
 	FALL_WITH_VOLUME: "量价齐缩",
 	FALL_WITHOUT_VOLUME: "量升价缩"
-}, wo = class {
+}, To = class {
 	markers = /* @__PURE__ */ new Map();
 	hoveredMarkerId = null;
 	lastHoveredId = null;
@@ -7749,10 +7753,10 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 		}
 		return null;
 	}
-}, To = { class: "marker-tooltip__title" }, Eo = {
+}, Eo = { class: "marker-tooltip__title" }, Do = {
 	key: 0,
 	class: "marker-tooltip__content"
-}, Do = /* @__PURE__ */ xo(/* @__PURE__ */ u({
+}, Oo = /* @__PURE__ */ So(/* @__PURE__ */ u({
 	__name: "MarkerTooltip",
 	props: {
 		marker: {},
@@ -7773,7 +7777,7 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 				return e.label?.text || e.shape;
 			}
 			let e = n.marker;
-			return Co[e.markerType] || e.markerType;
+			return wo[e.markerType] || e.markerType;
 		}), m = r(() => {
 			if (!n.marker) return {};
 			if (u.value) {
@@ -7796,27 +7800,27 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 				left: `${t.pos.x + 12}px`,
 				top: `${t.pos.y + 12}px`
 			})
-		}, [s("div", To, b(d.value), 1), h.value ? (g(), o("div", Eo, [(g(!0), o(e, null, v(m.value, (e, t) => (g(), o("div", {
+		}, [s("div", Eo, b(d.value), 1), h.value ? (g(), o("div", Do, [(g(!0), o(e, null, v(m.value, (e, t) => (g(), o("div", {
 			key: t,
 			class: "row"
 		}, [s("span", null, b(t), 1), s("span", null, b(_(e)), 1)]))), 128))])) : a("", !0)], 6)) : a("", !0);
 	}
-}), [["__scopeId", "data-v-5574cc25"]]), Oo = { class: "params-header" }, ko = { class: "header-left" }, Ao = { class: "params-title" }, jo = { class: "header-right" }, Mo = {
+}), [["__scopeId", "data-v-5574cc25"]]), ko = { class: "params-header" }, Ao = { class: "header-left" }, jo = { class: "params-title" }, Mo = { class: "header-right" }, No = {
 	key: 0,
 	class: "indicator-description"
-}, No = { class: "params-body" }, Po = { class: "param-header" }, Fo = { class: "param-label" }, Io = { class: "param-label-text" }, Lo = {
+}, Po = { class: "params-body" }, Fo = { class: "param-header" }, Io = { class: "param-label" }, Lo = { class: "param-label-text" }, Ro = {
 	key: 0,
 	class: "param-range"
-}, Ro = { class: "input-wrapper" }, zo = ["disabled", "onClick"], Bo = [
+}, zo = { class: "input-wrapper" }, Bo = ["disabled", "onClick"], Vo = [
 	"value",
 	"min",
 	"max",
 	"step",
 	"onInput"
-], Vo = ["disabled", "onClick"], Ho = {
+], Ho = ["disabled", "onClick"], Uo = {
 	key: 0,
 	class: "param-description"
-}, Uo = { class: "params-footer" }, Wo = { class: "footer-right" }, Go = /* @__PURE__ */ xo(/* @__PURE__ */ u({
+}, Wo = { class: "params-footer" }, Go = { class: "footer-right" }, Ko = /* @__PURE__ */ So(/* @__PURE__ */ u({
 	__name: "IndicatorParams",
 	props: {
 		visible: { type: Boolean },
@@ -7864,7 +7868,7 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 					class: "indicator-params",
 					onClick: d[3] ||= w(() => {}, ["stop"])
 				}, [
-					s("div", Oo, [s("div", ko, [s("span", Ao, b(r.indicatorName), 1), d[5] ||= s("span", { class: "params-subtitle" }, "参数设置", -1)]), s("div", jo, [s("button", {
+					s("div", ko, [s("div", Ao, [s("span", jo, b(r.indicatorName), 1), d[5] ||= s("span", { class: "params-subtitle" }, "参数设置", -1)]), s("div", Mo, [s("button", {
 						class: f(["toggle-desc-btn", { active: h.value }]),
 						onClick: d[0] ||= (e) => h.value = !h.value,
 						title: "显示/隐藏说明"
@@ -7881,18 +7885,18 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 						"stroke-width": "2"
 					}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]),
 					l(n, { name: "slide" }, {
-						default: C(() => [h.value && r.indicatorDescription ? (g(), o("div", Mo, [s("p", null, b(r.indicatorDescription), 1)])) : a("", !0)]),
+						default: C(() => [h.value && r.indicatorDescription ? (g(), o("div", No, [s("p", null, b(r.indicatorDescription), 1)])) : a("", !0)]),
 						_: 1
 					}),
-					s("div", No, [(g(!0), o(e, null, v(r.params, (e) => (g(), o("div", {
+					s("div", Po, [(g(!0), o(e, null, v(r.params, (e) => (g(), o("div", {
 						key: e.key,
 						class: f(["param-item", { "has-desc": h.value && e.description }])
-					}, [s("div", Po, [s("label", Fo, [s("span", Io, b(e.label), 1), e.min !== void 0 || e.max !== void 0 ? (g(), o("span", Lo, b(e.min ?? "-∞") + " ~ " + b(e.max ?? "+∞"), 1)) : a("", !0)]), s("div", Ro, [
+					}, [s("div", Fo, [s("label", Io, [s("span", Lo, b(e.label), 1), e.min !== void 0 || e.max !== void 0 ? (g(), o("span", Ro, b(e.min ?? "-∞") + " ~ " + b(e.max ?? "+∞"), 1)) : a("", !0)]), s("div", zo, [
 						s("button", {
 							class: "stepper-btn",
 							disabled: e.min !== void 0 && (m.value[e.key] ?? 0) <= e.min,
 							onClick: (t) => x(e, -1)
-						}, " − ", 8, zo),
+						}, " − ", 8, Bo),
 						e.type === "number" ? (g(), o("input", {
 							key: 0,
 							type: "number",
@@ -7902,17 +7906,17 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 							max: e.max,
 							step: e.step || 1,
 							onInput: (t) => y(e.key, t)
-						}, null, 40, Bo)) : a("", !0),
+						}, null, 40, Vo)) : a("", !0),
 						s("button", {
 							class: "stepper-btn",
 							disabled: e.max !== void 0 && (m.value[e.key] ?? 0) >= e.max,
 							onClick: (t) => x(e, 1)
-						}, " + ", 8, Vo)
+						}, " + ", 8, Ho)
 					])]), l(n, { name: "slide" }, {
-						default: C(() => [h.value && e.description ? (g(), o("div", Ho, b(e.description), 1)) : a("", !0)]),
+						default: C(() => [h.value && e.description ? (g(), o("div", Uo, b(e.description), 1)) : a("", !0)]),
 						_: 2
 					}, 1024)], 2))), 128))]),
-					s("div", Uo, [s("button", {
+					s("div", Wo, [s("button", {
 						class: "params-btn reset",
 						onClick: T
 					}, [...d[8] ||= [s("svg", {
@@ -7920,7 +7924,7 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 						fill: "none",
 						stroke: "currentColor",
 						"stroke-width": "2"
-					}, [s("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), s("path", { d: "M3 3v5h5" })], -1), c(" 重置 ", -1)]]), s("div", Wo, [s("button", {
+					}, [s("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }), s("path", { d: "M3 3v5h5" })], -1), c(" 重置 ", -1)]]), s("div", Go, [s("button", {
 						class: "params-btn cancel",
 						onClick: d[2] ||= (e) => u.$emit("close")
 					}, "取消"), s("button", {
@@ -7938,37 +7942,31 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-c14eedcc"]]), Ko = { class: "indicator-selector" }, qo = { class: "indicator-scroll-container" }, Jo = { class: "indicator-list" }, Yo = {
+}), [["__scopeId", "data-v-c14eedcc"]]), qo = { class: "indicator-selector" }, Jo = { class: "indicator-scroll-container" }, Yo = { class: "indicator-list" }, Xo = {
 	key: 0,
 	class: "indicator-divider",
 	"aria-hidden": "true"
-}, Xo = [
+}, Zo = [
 	"draggable",
 	"onDragstart",
 	"onDragover",
 	"onDrop"
-], Zo = ["onMouseenter"], Qo = { class: "btn-content" }, $o = {
+], Qo = ["onMouseenter"], $o = { class: "btn-content" }, es = {
 	key: 0,
 	class: "param-hint"
-}, es = {
+}, ts = {
 	key: 0,
 	class: "hover-overlay"
-}, ts = ["onClick"], ns = {
+}, ns = ["onClick"], rs = {
 	key: 1,
 	class: "divider"
-}, rs = ["onClick"], is = { class: "indicator-item" }, as = { class: "menu-section" }, os = { class: "menu-items" }, ss = ["disabled", "onClick"], cs = {
+}, is = ["onClick"], as = { class: "indicator-item" }, os = { class: "menu-section" }, ss = { class: "menu-items" }, cs = ["disabled", "onClick"], ls = { class: "param-hint" }, us = {
 	key: 0,
-	class: "param-hint"
-}, ls = {
-	key: 1,
 	class: "active-tag"
-}, us = { class: "menu-section" }, ds = { class: "menu-items" }, fs = ["disabled", "onClick"], ps = {
+}, ds = { class: "menu-section" }, fs = { class: "menu-items" }, ps = ["disabled", "onClick"], ms = { class: "param-hint" }, hs = {
 	key: 0,
-	class: "param-hint"
-}, ms = {
-	key: 1,
 	class: "active-tag"
-}, hs = /* @__PURE__ */ xo(/* @__PURE__ */ u({
+}, gs = /* @__PURE__ */ So(/* @__PURE__ */ u({
 	__name: "IndicatorSelector",
 	props: {
 		activeIndicators: {},
@@ -7987,6 +7985,13 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 				name: "均线",
 				pane: "main"
 			},
+			{
+				id: "VOLUME",
+				label: "VOL",
+				name: "成交量",
+				pane: "sub",
+				description: "成交量反映市场活跃度，柱状图显示每根K线的交易量。上涨时柱子为红色，下跌时为绿色。"
+			},
 			{
 				id: "BOLL",
 				label: "BOLL",
@@ -8389,8 +8394,8 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 			P.value = typeof CSS < "u" && CSS.supports("anchor-name: --kmap-anchor") && CSS.supports("position-anchor: --kmap-anchor"), document.addEventListener("click", pe), window.addEventListener("resize", me);
 		}), h(() => {
 			document.removeEventListener("click", pe), window.removeEventListener("resize", me);
-		}), (r, u) => (g(), o("div", Ko, [
-			s("div", qo, [s("div", Jo, [(g(!0), o(e, null, v(ne.value, (t) => (g(), o(e, { key: t.id }, [t.id === re.value ? (g(), o("div", Yo)) : a("", !0), s("div", {
+		}), (r, u) => (g(), o("div", qo, [
+			s("div", Jo, [s("div", Yo, [(g(!0), o(e, null, v(ne.value, (t) => (g(), o(e, { key: t.id }, [t.id === re.value ? (g(), o("div", Xo)) : a("", !0), s("div", {
 				class: f(["indicator-item", {
 					draggable: z(t.id),
 					"drag-over": te.value === t.id,
@@ -8408,8 +8413,8 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 			}, [s("button", { class: f(["indicator-btn", {
 				active: !0,
 				hovering: M.value === t.id
-			}]) }, [s("span", Qo, [c(b(t.label) + " ", 1), t.params ? (g(), o("span", $o, " (" + b(se(t)) + ") ", 1)) : a("", !0)]), l(n, { name: "fade" }, {
-				default: C(() => [M.value === t.id ? (g(), o("div", es, [
+			}]) }, [s("span", $o, [c(b(t.label) + " ", 1), t.params ? (g(), o("span", es, " (" + b(se(t)) + ") ", 1)) : a("", !0)]), l(n, { name: "fade" }, {
+				default: C(() => [M.value === t.id ? (g(), o("div", ts, [
 					t.params ? (g(), o("button", {
 						key: 0,
 						class: "action-btn settings-btn",
@@ -8420,8 +8425,8 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 						width: "14",
 						height: "14",
 						fill: "currentColor"
-					}, [s("path", { d: "M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" })], -1)]], 8, ts)) : a("", !0),
-					t.params ? (g(), o("span", ns)) : a("", !0),
+					}, [s("path", { d: "M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" })], -1)]], 8, ns)) : a("", !0),
+					t.params ? (g(), o("span", rs)) : a("", !0),
 					s("button", {
 						class: "action-btn remove-btn",
 						onClick: w((e) => ae(t.id), ["stop"]),
@@ -8431,10 +8436,10 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 						width: "14",
 						height: "14",
 						fill: "currentColor"
-					}, [s("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })], -1)]], 8, rs)
+					}, [s("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })], -1)]], 8, is)
 				])) : a("", !0)]),
 				_: 2
-			}, 1024)], 2)], 40, Zo)], 42, Xo)], 64))), 128)), s("div", is, [s("button", {
+			}, 1024)], 2)], 40, Qo)], 42, Zo)], 64))), 128)), s("div", as, [s("button", {
 				ref_key: "addBtnRef",
 				ref: O,
 				class: "add-btn",
@@ -8453,38 +8458,38 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 					ref_key: "addMenuRef",
 					ref: k,
 					style: p(P.value ? void 0 : ee.value)
-				}, [s("div", as, [u[6] ||= s("div", { class: "menu-title" }, "主图指标", -1), s("div", os, [(g(!0), o(e, null, v(x(S), (e) => (g(), o("button", {
+				}, [s("div", os, [u[6] ||= s("div", { class: "menu-title" }, "主图指标", -1), s("div", ss, [(g(!0), o(e, null, v(x(S), (e) => (g(), o("button", {
 					key: e.id,
 					class: f(["menu-item", { disabled: L(e.id) }]),
 					disabled: L(e.id),
 					onClick: (t) => ie(e.id)
 				}, [
 					c(b(e.label) + " ", 1),
-					e.params ? (g(), o("span", cs, " (" + b(e.name) + ") ", 1)) : a("", !0),
-					L(e.id) ? (g(), o("span", ls, [...u[5] ||= [s("svg", {
+					s("span", ls, " (" + b(e.name) + ") ", 1),
+					L(e.id) ? (g(), o("span", us, [...u[5] ||= [s("svg", {
 						viewBox: "0 0 24 24",
 						width: "14",
 						height: "14",
 						fill: "currentColor"
 					}, [s("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" })], -1)]])) : a("", !0)
-				], 10, ss))), 128))])]), s("div", us, [u[8] ||= s("div", { class: "menu-title" }, "副图指标", -1), s("div", ds, [(g(!0), o(e, null, v(x(T), (e) => (g(), o("button", {
+				], 10, cs))), 128))])]), s("div", ds, [u[8] ||= s("div", { class: "menu-title" }, "副图指标", -1), s("div", fs, [(g(!0), o(e, null, v(x(T), (e) => (g(), o("button", {
 					key: e.id,
 					class: f(["menu-item", { disabled: L(e.id) }]),
 					disabled: L(e.id),
 					onClick: (t) => ie(e.id)
 				}, [
 					c(b(e.label) + " ", 1),
-					e.params ? (g(), o("span", ps, " (" + b(e.name) + ") ", 1)) : a("", !0),
-					L(e.id) ? (g(), o("span", ms, [...u[7] ||= [s("svg", {
+					s("span", ms, " (" + b(e.name) + ") ", 1),
+					L(e.id) ? (g(), o("span", hs, [...u[7] ||= [s("svg", {
 						viewBox: "0 0 24 24",
 						width: "14",
 						height: "14",
 						fill: "currentColor"
 					}, [s("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" })], -1)]])) : a("", !0)
-				], 10, fs))), 128))])])], 6)) : a("", !0)]),
+				], 10, ps))), 128))])])], 6)) : a("", !0)]),
 				_: 1
 			})])),
-			I.value ? (g(), i(Go, {
+			I.value ? (g(), i(Ko, {
 				key: 0,
 				visible: A.value,
 				"indicator-id": I.value.id,
@@ -8504,15 +8509,15 @@ var oo = { class: "kline-tooltip__title" }, so = { key: 0 }, co = { class: "klin
 			])) : a("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-0ddb3f15"]]);
+}), [["__scopeId", "data-v-4b90c954"]]);
 //#endregion
 //#region src/core/utils/klineConfig.ts
-function gs(e, t) {
+function _s(e, t) {
 	let n = Math.round(e * t);
 	return n % 2 == 0 && (n += 1), Math.max(1, n);
 }
-function _s(e, t, n) {
-	let r = gs(e, n), i = Math.round(t * n), a = r + i, o = i;
+function vs(e, t, n) {
+	let r = _s(e, n), i = Math.round(t * n), a = r + i, o = i;
 	return {
 		kWidthPx: r,
 		kGapPx: i,
@@ -8526,14 +8531,14 @@ function _s(e, t, n) {
 }
 //#endregion
 //#region src/core/viewport/viewport.ts
-function vs(e, t, n, r, i, a = 1) {
-	let { unitPx: o, startXPx: s } = _s(n, r, a), c = e * a, l = t * a;
+function ys(e, t, n, r, i, a = 1) {
+	let { unitPx: o, startXPx: s } = vs(n, r, a), c = e * a, l = t * a;
 	return {
 		start: Math.max(0, Math.floor((c - s) / o) - 1),
 		end: Math.min(i, Math.ceil((c + l - s) / o) + 1)
 	};
 }
-function ys(e, t, n) {
+function bs(e, t, n) {
 	let r = -Infinity, i = Infinity;
 	for (let a = t; a < n && a < e.length; a++) {
 		let t = e[a];
@@ -8549,7 +8554,7 @@ function ys(e, t, n) {
 }
 //#endregion
 //#region src/core/scale/priceScale.ts
-var bs = class {
+var xs = class {
 	range = {
 		maxPrice: 100,
 		minPrice: 0
@@ -8615,7 +8620,7 @@ var bs = class {
 };
 //#endregion
 //#region src/core/layout/pane.ts
-function xs(e) {
+function Ss(e) {
 	return e === "price" ? {
 		showPriceAxisTicks: !0,
 		showCrosshairPriceLabel: !0,
@@ -8633,7 +8638,7 @@ function xs(e) {
 		supportsPriceTranslate: !1
 	};
 }
-var Ss = class {
+var Cs = class {
 	id;
 	role;
 	capabilities;
@@ -8643,11 +8648,11 @@ var Ss = class {
 		maxPrice: 100,
 		minPrice: 0
 	};
-	yAxis = new bs();
+	yAxis = new xs();
 	renderers = [];
 	constructor(e, t = {}) {
 		this.id = e, this.role = t.role ?? (e === "main" ? "price" : "indicator"), this.capabilities = {
-			...xs(this.role),
+			...Ss(this.role),
 			...t.capabilities ?? {}
 		};
 	}
@@ -8661,9 +8666,9 @@ var Ss = class {
 		this.renderers.push(e);
 	}
 	updateRange(e, t) {
-		this.priceRange = ys(e, t.start, t.end), this.yAxis.setRange(this.priceRange);
+		this.priceRange = bs(e, t.start, t.end), this.yAxis.setRange(this.priceRange);
 	}
-}, Cs = class {
+}, ws = class {
 	chart;
 	isDragging = !1;
 	dragMode = "none";
@@ -8673,6 +8678,7 @@ var Ss = class {
 	activePaneIdOnDrag = null;
 	activeSeparatorUpperPaneId = null;
 	hoveredSeparatorUpperPaneId = null;
+	hoveredRightAxisPaneId = null;
 	isTouchSession = !1;
 	crosshairPos = null;
 	crosshairIndex = null;
@@ -8689,6 +8695,7 @@ var Ss = class {
 	};
 	tooltipAnchorPlacement = "right-bottom";
 	useTooltipAnchorPositioning = !1;
+	onInteractionChangeCallback;
 	hoveredMarkerId = null;
 	clickedMarkerId = null;
 	hoveredMarkerData = null;
@@ -8704,9 +8711,32 @@ var Ss = class {
 	constructor(e) {
 		this.chart = e;
 	}
+	getInteractionSnapshot() {
+		return {
+			crosshairPos: this.crosshairPos ? { ...this.crosshairPos } : null,
+			crosshairIndex: this.crosshairIndex,
+			crosshairPrice: this.crosshairPrice,
+			hoveredIndex: this.hoveredIndex,
+			activePaneId: this.activePaneId,
+			tooltipPos: { ...this.tooltipPos },
+			tooltipAnchorPlacement: this.tooltipAnchorPlacement,
+			hoveredMarkerData: this.hoveredMarkerData,
+			hoveredCustomMarker: this.hoveredCustomMarker,
+			isDragging: this.isDragging,
+			isResizingPaneBoundary: this.dragMode === "resize-separator",
+			isHoveringPaneBoundary: this.hoveredSeparatorUpperPaneId !== null,
+			isHoveringRightAxis: this.hoveredRightAxisPaneId !== null
+		};
+	}
+	setOnInteractionChange(e) {
+		this.onInteractionChangeCallback = e;
+	}
+	notifyInteractionChange() {
+		this.onInteractionChangeCallback?.(this.getInteractionSnapshot());
+	}
 	onWheel(e) {
 		let t = this.chart.getDom().container, n = t.getBoundingClientRect(), r = e.clientX - n.left, i = t.scrollLeft;
-		this.clearHover(), this.chart.zoomAt(r, i, e.deltaY);
+		this.clearHover(), this.chart.zoomAt(r, i, e.deltaY), this.notifyInteractionChange();
 	}
 	onPointerDown(e) {
 		if (e.isPrimary === !1) return;
@@ -8738,10 +8768,10 @@ var Ss = class {
 		this.useTooltipAnchorPositioning = e;
 	}
 	onPointerUp(e) {
-		e.isPrimary !== !1 && (this.isDragging = !1, this.dragMode = "none", this.activePaneIdOnDrag = null, this.activeSeparatorUpperPaneId = null);
+		e.isPrimary !== !1 && (this.isDragging = !1, this.dragMode = "none", this.activePaneIdOnDrag = null, this.activeSeparatorUpperPaneId = null, this.notifyInteractionChange());
 	}
 	onPointerLeave(e) {
-		e.isPrimary !== !1 && (this.isDragging = !1, this.dragMode = "none", this.activePaneIdOnDrag = null, this.clearSeparatorState(), this.isTouchSession = !1, this.clearHover(), this.chart.scheduleDraw());
+		e.isPrimary !== !1 && (this.isDragging = !1, this.dragMode = "none", this.activePaneIdOnDrag = null, this.clearSeparatorState(), this.isTouchSession = !1, this.clearHover(), this.chart.scheduleDraw(), this.notifyInteractionChange());
 	}
 	onMouseDown(e) {
 		if (this.isTouchSession || e.button !== 0) return;
@@ -8788,16 +8818,16 @@ var Ss = class {
 			return;
 		}
 		let n = t.getBoundingClientRect(), r = e.clientY - n.top;
-		this.hoveredSeparatorUpperPaneId = this.hitTestPaneSeparator(r), this.updateHoverFromPoint(e.clientX, e.clientY), this.chart.scheduleDraw();
+		this.hoveredSeparatorUpperPaneId = this.hitTestPaneSeparator(r), this.updateHoverFromPoint(e.clientX, e.clientY), this.chart.scheduleDraw(), this.notifyInteractionChange();
 	}
 	onMouseUp() {
-		this.isTouchSession || (this.isDragging = !1, this.dragMode = "none", this.activePaneIdOnDrag = null, this.activeSeparatorUpperPaneId = null);
+		this.isTouchSession || (this.isDragging = !1, this.dragMode = "none", this.activePaneIdOnDrag = null, this.activeSeparatorUpperPaneId = null, this.notifyInteractionChange());
 	}
 	onMouseLeave() {
-		this.isTouchSession || (this.isDragging = !1, this.dragMode = "none", this.activePaneIdOnDrag = null, this.clearSeparatorState(), this.clearHover(), this.chart.scheduleDraw());
+		this.isTouchSession || (this.isDragging = !1, this.dragMode = "none", this.activePaneIdOnDrag = null, this.clearSeparatorState(), this.clearHover(), this.chart.scheduleDraw(), this.notifyInteractionChange());
 	}
 	onScroll() {
-		this.kLinePositions = null, this.visibleRange = null, this.clearHover(), this.chart.scheduleDraw();
+		this.kLinePositions = null, this.visibleRange = null, this.clearHover(), this.chart.scheduleDraw(), this.notifyInteractionChange();
 	}
 	onPointerMove(e) {
 		if (!e.isPrimary) return;
@@ -8823,7 +8853,7 @@ var Ss = class {
 			return;
 		}
 		let n = t.getBoundingClientRect(), r = e.clientY - n.top;
-		this.hoveredSeparatorUpperPaneId = this.hitTestPaneSeparator(r), this.updateHoverFromPoint(e.clientX, e.clientY), this.chart.scheduleDraw();
+		this.hoveredSeparatorUpperPaneId = this.hitTestPaneSeparator(r), this.updateHoverFromPoint(e.clientX, e.clientY), this.chart.scheduleDraw(), this.notifyInteractionChange();
 	}
 	setKLinePositions(e, t, n) {
 		this.kLinePositions = e, this.visibleRange = t, n !== void 0 && (this.kWidthPx = n);
@@ -8837,6 +8867,9 @@ var Ss = class {
 	isHoveringPaneBoundaryState() {
 		return this.hoveredSeparatorUpperPaneId !== null;
 	}
+	isHoveringRightAxisState() {
+		return this.hoveredRightAxisPaneId !== null;
+	}
 	setOnMarkerHover(e) {
 		this.onMarkerHoverCallback = e;
 	}
@@ -8861,17 +8894,25 @@ var Ss = class {
 		return null;
 	}
 	clearHover() {
-		this.crosshairPos = null, this.crosshairIndex = null, this.crosshairPrice = null, this.hoveredIndex = null, this.activePaneId = null, this.hoveredMarkerId !== null && (this.hoveredMarkerId = null, this.onMarkerHoverCallback && this.onMarkerHoverCallback(null)), this.hoveredCustomMarker !== null && (this.hoveredCustomMarker = null, this.onCustomMarkerHoverCallback && this.onCustomMarkerHoverCallback(null));
+		this.crosshairPos = null, this.crosshairIndex = null, this.crosshairPrice = null, this.hoveredIndex = null, this.activePaneId = null, this.hoveredMarkerId === null ? this.hoveredMarkerData = null : (this.hoveredMarkerId = null, this.hoveredMarkerData = null, this.chart.getMarkerManager().setHover(null), this.onMarkerHoverCallback && this.onMarkerHoverCallback(null)), this.hoveredCustomMarker !== null && (this.hoveredCustomMarker = null, this.onCustomMarkerHoverCallback && this.onCustomMarkerHoverCallback(null));
 	}
 	clearSeparatorState() {
-		this.activeSeparatorUpperPaneId = null, this.hoveredSeparatorUpperPaneId = null;
+		this.activeSeparatorUpperPaneId = null, this.hoveredSeparatorUpperPaneId = null, this.hoveredRightAxisPaneId = null;
 	}
 	updateHoverFromPoint(e, t) {
 		let n = this.chart.getDom().container, r = n.getBoundingClientRect(), i = e - r.left, a = t - r.top, o = this.chart.getViewport(), s = o?.viewWidth ?? Math.max(1, Math.round(n.clientWidth)), c = o?.viewHeight ?? Math.max(1, Math.round(n.clientHeight)), l = o?.plotWidth ?? s, u = o?.plotHeight ?? c;
-		if (i < 0 || a < 0 || i > l || a > u) {
-			this.clearHover();
+		if (i < 0 || a < 0 || a > u) {
+			this.clearHover(), this.hoveredRightAxisPaneId = null;
 			return;
 		}
+		if (i >= l) {
+			let e = this.chart.getPaneRenderers().find((e) => {
+				let t = e.getPane();
+				return a >= t.top && a <= t.top + t.height;
+			})?.getPane() || null;
+			this.hoveredRightAxisPaneId = e?.id || null, this.crosshairPos = null, this.crosshairIndex = null, this.hoveredIndex = null;
+			return;
+		} else this.hoveredRightAxisPaneId = null;
 		let d = n.scrollLeft, f = this.chart.getCurrentDpr(), p = this.hitTestPaneSeparator(a);
 		if (this.hoveredSeparatorUpperPaneId = p, p) {
 			this.clearHover();
@@ -8879,12 +8920,12 @@ var Ss = class {
 		}
 		let m = this.chart.getMarkerManager(), h = d + i, g = m.hitTest(h, a, 3);
 		if (g) {
-			this.hoveredMarkerId !== g.id && (this.hoveredMarkerId = g.id, this.hoveredMarkerData = g, m.setHover(g.id), this.onMarkerHoverCallback && this.onMarkerHoverCallback(g)), this.crosshairPos = null, this.crosshairIndex = null, this.hoveredIndex = null;
+			this.hoveredMarkerId !== g.id && (this.hoveredMarkerId = g.id, this.hoveredMarkerData = g, m.setHover(g.id), this.onMarkerHoverCallback && this.onMarkerHoverCallback(g)), this.hoveredCustomMarker !== null && (this.hoveredCustomMarker = null, this.onCustomMarkerHoverCallback && this.onCustomMarkerHoverCallback(null)), this.crosshairPos = null, this.crosshairIndex = null, this.crosshairPrice = null, this.hoveredIndex = null;
 			return;
 		} else this.hoveredMarkerId !== null && (this.hoveredMarkerId = null, this.hoveredMarkerData = null, m.setHover(null), this.onMarkerHoverCallback && this.onMarkerHoverCallback(null));
 		let _ = m.hitTestCustomMarker(i, a);
 		if (_) {
-			this.hoveredCustomMarker?.id !== _.id && (this.hoveredCustomMarker = _, this.onCustomMarkerHoverCallback && this.onCustomMarkerHoverCallback(_)), this.crosshairPos = null, this.crosshairIndex = null, this.hoveredIndex = null;
+			this.hoveredCustomMarker?.id !== _.id && (this.hoveredCustomMarker = _, this.onCustomMarkerHoverCallback && this.onCustomMarkerHoverCallback(_)), this.hoveredMarkerId !== null && (this.hoveredMarkerId = null, this.hoveredMarkerData = null, m.setHover(null), this.onMarkerHoverCallback && this.onMarkerHoverCallback(null)), this.crosshairPos = null, this.crosshairIndex = null, this.crosshairPrice = null, this.hoveredIndex = null;
 			return;
 		} else this.hoveredCustomMarker !== null && (this.hoveredCustomMarker = null, this.onCustomMarkerHoverCallback && this.onCustomMarkerHoverCallback(null));
 		if (!this.kLinePositions || !this.visibleRange || !this.kWidthPx) {
@@ -8941,12 +8982,12 @@ var Ss = class {
 		};
 	}
 	reset() {
-		this.isDragging = !1, this.dragMode = "none", this.dragStartX = 0, this.dragStartY = 0, this.scrollStartX = 0, this.activePaneIdOnDrag = null, this.clearSeparatorState(), this.isTouchSession = !1, this.crosshairPos = null, this.crosshairIndex = null, this.crosshairPrice = null, this.hoveredIndex = null, this.activePaneId = null, this.hoveredMarkerId = null, this.clickedMarkerId = null, this.hoveredMarkerData = null, this.clickedMarkerData = null, this.kLinePositions = null, this.visibleRange = null, this.kWidthPx = null;
+		this.isDragging = !1, this.dragMode = "none", this.dragStartX = 0, this.dragStartY = 0, this.scrollStartX = 0, this.activePaneIdOnDrag = null, this.clearSeparatorState(), this.isTouchSession = !1, this.crosshairPos = null, this.crosshairIndex = null, this.crosshairPrice = null, this.hoveredIndex = null, this.activePaneId = null, this.hoveredMarkerId = null, this.clickedMarkerId = null, this.hoveredMarkerData = null, this.clickedMarkerData = null, this.hoveredCustomMarker = null, this.kLinePositions = null, this.visibleRange = null, this.kWidthPx = null;
 	}
 	getCrosshairIndex() {
 		return this.crosshairIndex;
 	}
-}, ws = class {
+}, Ts = class {
 	dom;
 	pane;
 	opt;
@@ -8969,11 +9010,11 @@ var Ss = class {
 		i.width = Math.round(a * n), i.height = Math.round(t * n), i.style.width = `${i.width / n}px`, i.style.height = `${i.height / n}px`;
 	}
 	destroy() {}
-};
+}, Es = (e, t) => `indicator:${e}:${t}`;
 //#endregion
 //#region src/core/renderers/subVolume.ts
-function Ts(e = {}) {
-	let { paneId: t = "sub" } = e;
+function Ds(e = {}) {
+	let { paneId: t = "sub" } = e, n = Es("volume", t), r = null;
 	return {
 		name: `volume_${t}`,
 		version: "1.0.0",
@@ -8981,32 +9022,56 @@ function Ts(e = {}) {
 		debugName: "成交量",
 		paneId: t,
 		priority: X.MAIN,
+		onInstall(e) {
+			r = e;
+		},
+		getDeclaredNamespaces() {
+			return [n];
+		},
 		draw(e) {
-			let { ctx: t, pane: n, data: r, range: i, scrollLeft: a, kWidth: o, kGap: s, kLinePositions: c } = e, l = r;
-			if (!l.length) return;
-			t.save(), t.translate(-a, 0);
-			let { start: u, end: d } = i, f = l.slice(u, d).reduce((e, t) => t.volume ? Math.max(e, t.volume) : e, 0);
-			for (let e = u; e < d; e++) {
-				let r = l[e];
-				if (!r) continue;
-				let i = r.volume;
-				if (!i) continue;
-				let a = Ds(r), d = c[e - u];
-				d && Es(t, d, a, i, f, o, s, n.height);
+			let { ctx: i, pane: a, data: o, range: s, scrollLeft: c, kWidth: l, kGap: u, dpr: d, kLinePositions: f } = e, p = o;
+			if (!p.length) return;
+			i.save(), i.translate(-c, 0);
+			let { start: m, end: h } = s, g = 0, _ = Infinity;
+			for (let e = m; e < h && e < p.length; e++) {
+				let t = p[e];
+				if (!t) continue;
+				let n = t.volume;
+				n != null && (g = Math.max(g, n), _ = Math.min(_, n));
 			}
-			t.restore();
+			if (g === 0 || !Number.isFinite(_)) {
+				i.restore();
+				return;
+			}
+			let v = Math.max(.05, (g - _) * .1), y = Math.max(0, _ - v), b = g + v, x = a.yAxis.getDisplayRange({
+				minPrice: y,
+				maxPrice: b
+			}), S = x.minPrice, C = x.maxPrice - S || 1, w = a.height - (0 - S) / C * a.height;
+			r?.setSharedState(n, {
+				valueMin: y,
+				valueMax: b,
+				timestamp: Date.now()
+			}, `volume_${t}`);
+			for (let e = m; e < h; e++) {
+				let t = p[e];
+				if (!t) continue;
+				let n = t.volume;
+				if (!n) continue;
+				let r = f[e - m];
+				if (r === void 0) continue;
+				let o = f[e - m + 1], s = f[e - m - 1], c = Math.max(1, Math.round((l + u) * d)), h = o === void 0 ? s === void 0 ? c : Math.max(1, Math.round((r - s) * d)) : Math.max(1, Math.round((o - r) * d)), g = Math.max(1, h - 1) / d;
+				Os(i, Math.round((r + (l - g) / 2) * d) / d, ks(t), n, g, S, C, w, a.height, d);
+			}
+			i.restore();
 		}
 	};
 }
-function Es(e, t, n, r, i, a, o, s) {
-	let c = Os(r, i, s), l = a;
-	e.fillStyle = n, e.fillRect(t, c, l, s - c);
-}
-function Ds(e) {
-	return e.close > e.open ? Na.UP : e.close < e.open ? Na.DOWN : Na.NEUTRAL;
+function Os(e, t, n, r, i, a, o, s, c, l) {
+	let u = c - (r - a) / o * c, d = Math.round(u * l) / l, f = Math.round(s * l) / l, p = 1 / l, m = f - d, h = m <= 0 ? p : Math.max(m, p), g = m <= 0 ? f - p : f - h;
+	e.fillStyle = n, e.fillRect(t, g, i, h);
 }
-function Os(e, t, n) {
-	return n - n / t * e;
+function ks(e) {
+	return e.close > e.open ? Ba.UP : e.close < e.open ? Ba.DOWN : Ba.NEUTRAL;
 }
 //#endregion
 //#region src/core/draw/pixelAlign.ts
@@ -9016,7 +9081,7 @@ function Z(e, t) {
 function Q(e, t) {
 	return (Math.floor(e * t) + .5) / t;
 }
-function ks(e, t, n, r) {
+function As(e, t, n, r) {
 	if (t === n) return null;
 	let i = Math.min(t, n), a = Math.max(t, n), o = Math.round(e * r), s = Math.round(i * r), c = Math.round(a * r);
 	return {
@@ -9026,7 +9091,7 @@ function ks(e, t, n, r) {
 		height: Math.max(1, c - s) / r
 	};
 }
-function As(e, t, n, r) {
+function js(e, t, n, r) {
 	if (e === t) return null;
 	let i = Math.min(e, t), a = Math.max(e, t), o = Math.round(i * r), s = Math.round(a * r), c = Math.round(n * r);
 	return {
@@ -9036,7 +9101,7 @@ function As(e, t, n, r) {
 		height: 1 / r
 	};
 }
-function js(e, t, n, r, i) {
+function Ms(e, t, n, r, i) {
 	let a = e + n, o = n, s = Math.round(t * i), c = Math.round((t + r) * i), l = Math.max(1, c - s), u = e + (n - 1) / 2, d = u, f = o % 2 == 1;
 	return {
 		bodyRect: {
@@ -9059,7 +9124,7 @@ function js(e, t, n, r, i) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/ma.ts
-function Ms(e, t) {
+function Ns(e, t) {
 	let n = Array(e.length);
 	if (e.length < t) return n;
 	let r = 0;
@@ -9075,7 +9140,7 @@ function Ms(e, t) {
 	}
 	return n;
 }
-function Ns(e = {}) {
+function Ps(e = {}) {
 	let t = {
 		ma5: !0,
 		ma10: !0,
@@ -9087,7 +9152,7 @@ function Ns(e = {}) {
 	function i(e, t) {
 		let i = n.get(t);
 		if (i && r === e) return i.values;
-		let a = Ms(e, t);
+		let a = Ns(e, t);
 		return n.set(t, {
 			period: t,
 			values: a
@@ -9129,7 +9194,7 @@ function Ns(e = {}) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/boll.ts
-function Ps(e, t, n) {
+function Fs(e, t, n) {
 	let r = Array(e.length);
 	if (e.length < t) return r;
 	let i = 0, a = [];
@@ -9162,7 +9227,7 @@ function Ps(e, t, n) {
 	}
 	return r;
 }
-function Fs(e = {}) {
+function Is(e = {}) {
 	let t = {
 		period: 20,
 		multiplier: 2,
@@ -9173,7 +9238,7 @@ function Fs(e = {}) {
 		...e
 	}, n = null, r = 0, i = 0, a = [];
 	function o(e) {
-		return (n !== e || r !== t.period || i !== t.multiplier) && (a = Ps(e, t.period, t.multiplier), n = e, r = t.period, i = t.multiplier), a;
+		return (n !== e || r !== t.period || i !== t.multiplier) && (a = Fs(e, t.period, t.multiplier), n = e, r = t.period, i = t.multiplier), a;
 	}
 	return {
 		name: "boll",
@@ -9230,7 +9295,7 @@ function Fs(e = {}) {
 		}
 	};
 }
-function Is(e, t, n = 20, r = 2) {
+function Ls(e, t, n = 20, r = 2) {
 	if (t < n - 1 || t >= e.length) return null;
 	let i = 0;
 	for (let r = 0; r < n; r++) {
@@ -9253,7 +9318,7 @@ function Is(e, t, n = 20, r = 2) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/expma.ts
-function Ls(e, t, n) {
+function Rs(e, t, n) {
 	let r = Array(e.length);
 	if (e.length === 0) return r;
 	let i = 2 / (t + 1), a = 2 / (n + 1), o = e[0].close, s = o, c = o;
@@ -9270,7 +9335,7 @@ function Ls(e, t, n) {
 	}
 	return r;
 }
-function Rs(e, t, n = 12, r = 50) {
+function zs(e, t, n = 12, r = 50) {
 	if (t < 0 || t >= e.length) return null;
 	let i = 2 / (n + 1), a = 2 / (r + 1), o = e[0].close, s = o, c = o;
 	for (let n = 1; n <= t; n++) {
@@ -9282,14 +9347,14 @@ function Rs(e, t, n = 12, r = 50) {
 		slow: c
 	};
 }
-function zs(e = {}) {
+function Bs(e = {}) {
 	let t = {
 		fastPeriod: 12,
 		slowPeriod: 50,
 		...e
 	}, n = null, r = 0, i = 0, a = [];
 	function o(e) {
-		return (n !== e || r !== t.fastPeriod || i !== t.slowPeriod) && (a = Ls(e, t.fastPeriod, t.slowPeriod), n = e, r = t.fastPeriod, i = t.slowPeriod), a;
+		return (n !== e || r !== t.fastPeriod || i !== t.slowPeriod) && (a = Rs(e, t.fastPeriod, t.slowPeriod), n = e, r = t.fastPeriod, i = t.slowPeriod), a;
 	}
 	return {
 		name: "expma",
@@ -9303,7 +9368,7 @@ function zs(e = {}) {
 			if (u.length < 2) return;
 			let d = o(u);
 			t.save(), t.translate(-a, 0);
-			let f = i.start, p = Math.min(i.end, u.length), m = Ka.FAST, h = Ka.SLOW, g = (e, r) => {
+			let f = i.start, p = Math.min(i.end, u.length), m = qa.FAST, h = qa.SLOW, g = (e, r) => {
 				t.strokeStyle = r, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
 				let a = !0;
 				for (let r = f; r < p; r++) {
@@ -9329,7 +9394,7 @@ function zs(e = {}) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/ene.ts
-function Bs(e, t, n) {
+function Vs(e, t, n) {
 	let r = Array(e.length);
 	if (e.length < t) return r;
 	let i = 0;
@@ -9357,7 +9422,7 @@ function Bs(e, t, n) {
 	}
 	return r;
 }
-function Vs(e, t, n = 10, r = 11) {
+function Hs(e, t, n = 10, r = 11) {
 	if (t < n - 1 || t >= e.length) return null;
 	let i = 0;
 	for (let r = 0; r < n; r++) {
@@ -9372,14 +9437,14 @@ function Vs(e, t, n = 10, r = 11) {
 		lower: a * (1 - o)
 	};
 }
-function Hs(e = {}) {
+function Us(e = {}) {
 	let t = {
 		period: 10,
 		deviation: 11,
 		...e
 	}, n = null, r = 0, i = 0, a = [];
 	function o(e) {
-		return (n !== e || r !== t.period || i !== t.deviation) && (a = Bs(e, t.period, t.deviation), n = e, r = t.period, i = t.deviation), a;
+		return (n !== e || r !== t.period || i !== t.deviation) && (a = Vs(e, t.period, t.deviation), n = e, r = t.period, i = t.deviation), a;
 	}
 	return {
 		name: "ene",
@@ -9435,7 +9500,7 @@ function Hs(e = {}) {
 }
 //#endregion
 //#region src/utils/kline/ma.ts
-function Us(e, t, n) {
+function Ws(e, t, n) {
 	if (t < n - 1) return;
 	let r = 0;
 	for (let i = 0; i < n; i++) {
@@ -9447,7 +9512,7 @@ function Us(e, t, n) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/mainIndicatorLegend.ts
-function Ws(e) {
+function Gs(e) {
 	let t = {
 		yPaddingPx: e.yPaddingPx,
 		indicators: {
@@ -9498,28 +9563,28 @@ function Ws(e) {
 					r.push({
 						label: `MA${e}`,
 						color: La[t] || La.MA5,
-						value: Us(o, s, e)
+						value: Ws(o, s, e)
 					});
 				}) : r.push({
 					label: "MA5",
 					color: La.MA5,
-					value: Us(o, s, 5)
+					value: Ws(o, s, 5)
 				}, {
 					label: "MA10",
 					color: La.MA10,
-					value: Us(o, s, 10)
+					value: Ws(o, s, 10)
 				}, {
 					label: "MA20",
 					color: La.MA20,
-					value: Us(o, s, 20)
+					value: Ws(o, s, 20)
 				}, {
 					label: "MA30",
 					color: La.MA30,
-					value: Us(o, s, 30)
+					value: Ws(o, s, 30)
 				}, {
 					label: "MA60",
 					color: La.MA60,
-					value: Us(o, s, 60)
+					value: Ws(o, s, 60)
 				}), r.length > 0) {
 					let i = 12, a = t.yPaddingPx / 2 + 12 + e * 18;
 					n.fillStyle = Na.NEUTRAL, n.fillText("MA", i, a), i += n.measureText("MA").width + 10;
@@ -9531,18 +9596,18 @@ function Ws(e) {
 			} });
 			let u = t.indicators.BOLL;
 			u?.enabled && c.push({ draw: (e) => {
-				let r = u.params.period ?? 20, i = u.params.multiplier ?? 2, a = Is(o, s, r, i), c = 12, l = t.yPaddingPx / 2 + 12 + e * 18;
+				let r = u.params.period ?? 20, i = u.params.multiplier ?? 2, a = Ls(o, s, r, i), c = 12, l = t.yPaddingPx / 2 + 12 + e * 18;
 				n.fillStyle = Na.NEUTRAL, n.fillText(`BOLL(${r},${i})`, c, l), c += n.measureText(`BOLL(${r},${i})`).width + 10, a && (n.fillStyle = Ra.UPPER, n.fillText(`上轨:${a.upper.toFixed(2)}`, c, l), c += n.measureText(`上轨:${a.upper.toFixed(2)}`).width + 10, n.fillStyle = Ra.MIDDLE, n.fillText(`中轨:${a.middle.toFixed(2)}`, c, l), c += n.measureText(`中轨:${a.middle.toFixed(2)}`).width + 10, n.fillStyle = Ra.LOWER, n.fillText(`下轨:${a.lower.toFixed(2)}`, c, l));
 			} });
 			let d = t.indicators.EXPMA;
 			d?.enabled && c.push({ draw: (e) => {
-				let r = d.params.fastPeriod ?? 12, i = d.params.slowPeriod ?? 50, a = Rs(o, s, r, i), c = 12, l = t.yPaddingPx / 2 + 12 + e * 18;
-				n.fillStyle = Na.NEUTRAL, n.fillText(`EXPMA(${r},${i})`, c, l), c += n.measureText(`EXPMA(${r},${i})`).width + 10, a && (n.fillStyle = Ka.FAST, n.fillText(`快:${a.fast.toFixed(2)}`, c, l), c += n.measureText(`快:${a.fast.toFixed(2)}`).width + 10, n.fillStyle = Ka.SLOW, n.fillText(`慢:${a.slow.toFixed(2)}`, c, l));
+				let r = d.params.fastPeriod ?? 12, i = d.params.slowPeriod ?? 50, a = zs(o, s, r, i), c = 12, l = t.yPaddingPx / 2 + 12 + e * 18;
+				n.fillStyle = Na.NEUTRAL, n.fillText(`EXPMA(${r},${i})`, c, l), c += n.measureText(`EXPMA(${r},${i})`).width + 10, a && (n.fillStyle = qa.FAST, n.fillText(`快:${a.fast.toFixed(2)}`, c, l), c += n.measureText(`快:${a.fast.toFixed(2)}`).width + 10, n.fillStyle = qa.SLOW, n.fillText(`慢:${a.slow.toFixed(2)}`, c, l));
 			} });
 			let f = t.indicators.ENE;
 			f?.enabled && c.push({ draw: (e) => {
-				let r = f.params.period ?? 10, i = f.params.deviation ?? 11, a = Vs(o, s, r, i), c = 12, l = t.yPaddingPx / 2 + 12 + e * 18;
-				n.fillStyle = Na.NEUTRAL, n.fillText(`ENE(${r},${i})`, c, l), c += n.measureText(`ENE(${r},${i})`).width + 10, a && (n.fillStyle = qa.UPPER, n.fillText(`上轨:${a.upper.toFixed(2)}`, c, l), c += n.measureText(`上轨:${a.upper.toFixed(2)}`).width + 10, n.fillStyle = qa.MIDDLE, n.fillText(`中轨:${a.middle.toFixed(2)}`, c, l), c += n.measureText(`中轨:${a.middle.toFixed(2)}`).width + 10, n.fillStyle = qa.LOWER, n.fillText(`下轨:${a.lower.toFixed(2)}`, c, l));
+				let r = f.params.period ?? 10, i = f.params.deviation ?? 11, a = Hs(o, s, r, i), c = 12, l = t.yPaddingPx / 2 + 12 + e * 18;
+				n.fillStyle = Na.NEUTRAL, n.fillText(`ENE(${r},${i})`, c, l), c += n.measureText(`ENE(${r},${i})`).width + 10, a && (n.fillStyle = Ja.UPPER, n.fillText(`上轨:${a.upper.toFixed(2)}`, c, l), c += n.measureText(`上轨:${a.upper.toFixed(2)}`).width + 10, n.fillStyle = Ja.MIDDLE, n.fillText(`中轨:${a.middle.toFixed(2)}`, c, l), c += n.measureText(`中轨:${a.middle.toFixed(2)}`).width + 10, n.fillStyle = Ja.LOWER, n.fillText(`下轨:${a.lower.toFixed(2)}`, c, l));
 			} }), c.forEach((e, t) => e.draw(t)), n.restore();
 		},
 		getConfig() {
@@ -9560,9 +9625,6 @@ function Ws(e) {
 	};
 }
 //#endregion
-//#region src/plugin/stateKeys.ts
-var Gs = (e, t) => `indicator:${e}:${t}`;
-//#endregion
 //#region src/core/renderers/Indicator/macd.ts
 function Ks(e, t) {
 	let n = Array(e.length), r = 2 / (t + 1);
@@ -9604,7 +9666,7 @@ function Js(e, t, n, r) {
 	return i;
 }
 function Ys(e = {}) {
-	let { paneId: t = "sub", config: n = {} } = e, r = Gs("macd", t), i = null, a = {
+	let { paneId: t = "sub", config: n = {} } = e, r = Es("macd", t), i = null, a = {
 		fastPeriod: 12,
 		slowPeriod: 26,
 		signalPeriod: 9,
@@ -9638,37 +9700,42 @@ function Ys(e = {}) {
 				t && (_ = Math.max(_, t.dif, t.dea, t.macd), v = Math.min(v, t.dif, t.dea, t.macd));
 			}
 			if (!Number.isFinite(_) || !Number.isFinite(v)) return;
-			let y = Math.max(.05, (_ - v) * .1), b = v - y, x = _ + y, S = x - b || 1, C = c.end - 1, w = C >= 0 && C < g.length ? g[C] : null, T = {
+			let y = Math.max(.05, (_ - v) * .1), b = v - y, x = _ + y;
+			x - b;
+			let S = c.end - 1, C = S >= 0 && S < g.length ? g[S] : null, w = {
 				valueMin: b,
 				valueMax: x,
 				timestamp: Date.now(),
-				latestValues: w ? {
-					dif: w.dif,
-					dea: w.dea,
-					macd: w.macd
+				latestValues: C ? {
+					dif: C.dif,
+					dea: C.dea,
+					macd: C.macd
 				} : void 0
 			};
-			i?.setSharedState(r, T, `macd_${t}`);
-			let E = o.height - (0 - b) / S * o.height;
+			i?.setSharedState(r, w, `macd_${t}`);
+			let T = o.yAxis.getDisplayRange({
+				minPrice: b,
+				maxPrice: x
+			}), E = T.minPrice, D = T.maxPrice - E || 1, O = o.height - (0 - E) / D * o.height;
 			n.save(), n.translate(-l, 0);
-			let D = Math.max(c.start, a.slowPeriod - 1), O = Math.min(c.end, h.length);
+			let k = Math.max(c.start, a.slowPeriod - 1), A = Math.min(c.end, h.length);
 			if (a.showBAR) {
-				let e = Math.round(E * p) / p, t = Math.max(1, Math.round((u + f) * p));
-				for (let r = D; r < O; r++) {
+				let e = Math.round(O * p) / p, t = Math.max(1, Math.round((u + f) * p));
+				for (let r = k; r < A; r++) {
 					let i = g[r];
 					if (!i) continue;
 					let a = m[r - c.start];
 					if (a === void 0) continue;
-					let s = m[r - c.start + 1], l = m[r - c.start - 1], d = s === void 0 ? l === void 0 ? t : Math.max(1, Math.round((a - l) * p)) : Math.max(1, Math.round((s - a) * p)), f = Math.max(1, d - 1) / p, h = Math.round((a + (u - f) / 2) * p) / p, _ = o.height - (i.macd - b) / S * o.height, v = i.macd >= 0, y = r > 0 ? g[r - 1] : null, x;
-					x = y ? i.macd >= y.macd : !0;
-					let C;
-					C = v ? x ? za.BAR_UP : za.BAR_UP_LIGHT : x ? za.BAR_DOWN_LIGHT : za.BAR_DOWN, n.fillStyle = C;
-					let w = Math.round(_ * p) / p, T = 1 / p;
+					let s = m[r - c.start + 1], l = m[r - c.start - 1], d = s === void 0 ? l === void 0 ? t : Math.max(1, Math.round((a - l) * p)) : Math.max(1, Math.round((s - a) * p)), f = Math.max(1, d - 1) / p, h = Math.round((a + (u - f) / 2) * p) / p, _ = o.height - (i.macd - E) / D * o.height, v = i.macd >= 0, y = r > 0 ? g[r - 1] : null, b;
+					b = y ? i.macd >= y.macd : !0;
+					let x;
+					x = v ? b ? za.BAR_UP : za.BAR_UP_LIGHT : b ? za.BAR_DOWN_LIGHT : za.BAR_DOWN, n.fillStyle = x;
+					let S = Math.round(_ * p) / p, C = 1 / p;
 					if (v) {
-						let t = e - w, r = t <= 0 ? T : Math.max(t, T), i = t <= 0 ? e - T : e - r;
+						let t = e - S, r = t <= 0 ? C : Math.max(t, C), i = t <= 0 ? e - C : e - r;
 						n.fillRect(h, i, f, r);
 					} else {
-						let t = w - e, r = t <= 0 ? T : Math.max(t, T);
+						let t = S - e, r = t <= 0 ? C : Math.max(t, C);
 						n.fillRect(h, e, f, r);
 					}
 				}
@@ -9676,12 +9743,12 @@ function Ys(e = {}) {
 			if (a.showDIF) {
 				n.strokeStyle = za.DIF, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = D; t < O; t++) {
+				for (let t = k; t < A; t++) {
 					let r = g[t];
 					if (!r) continue;
 					let i = m[t - c.start];
 					if (i === void 0) continue;
-					let a = i + u / 2, s = o.height - (r.dif - b) / S * o.height, l = Q(a, p), d = Q(s, p);
+					let a = i + u / 2, s = o.height - (r.dif - E) / D * o.height, l = Q(a, p), d = Q(s, p);
 					e ? (n.moveTo(l, d), e = !1) : n.lineTo(l, d);
 				}
 				n.stroke();
@@ -9689,12 +9756,12 @@ function Ys(e = {}) {
 			if (a.showDEA) {
 				n.strokeStyle = za.DEA, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = D; t < O; t++) {
+				for (let t = k; t < A; t++) {
 					let r = g[t];
 					if (!r) continue;
 					let i = m[t - c.start];
 					if (i === void 0) continue;
-					let a = i + u / 2, s = o.height - (r.dea - b) / S * o.height, l = Q(a, p), d = Q(s, p);
+					let a = i + u / 2, s = o.height - (r.dea - E) / D * o.height, l = Q(a, p), d = Q(s, p);
 					e ? (n.moveTo(l, d), e = !1) : n.lineTo(l, d);
 				}
 				n.stroke();
@@ -9768,7 +9835,7 @@ function Qs(e, t) {
 	return n;
 }
 function $s(e = {}) {
-	let { paneId: t = "sub", config: n = {} } = e, r = Gs("rsi", t), i = null, a = {
+	let { paneId: t = "sub", config: n = {} } = e, r = Es("rsi", t), i = null, a = {
 		period1: 6,
 		period2: 12,
 		period3: 24,
@@ -9805,23 +9872,28 @@ function $s(e = {}) {
 				valueMax: 100,
 				timestamp: Date.now()
 			};
-			i?.setSharedState(r, v, `rsi_${t}`), n.save(), n.translate(-l, 0);
-			let y = o.height - 80 / 100 * o.height, b = o.height - 50 / 100 * o.height, x = o.height - 20 / 100 * o.height, S = l, C = l + e.paneWidth;
-			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(S, y), n.lineTo(C, y), n.moveTo(S, b), n.lineTo(C, b), n.moveTo(S, x), n.lineTo(C, x), n.stroke(), n.setLineDash([]);
-			let w = Math.max(c.start, a.period1), T = Math.min(c.end, m.length), E = (e, t) => {
+			i?.setSharedState(r, v, `rsi_${t}`);
+			let y = o.yAxis.getDisplayRange({
+				minPrice: 0,
+				maxPrice: 100
+			}), b = y.minPrice, x = y.maxPrice - b || 1;
+			n.save(), n.translate(-l, 0);
+			let S = o.height - (80 - b) / x * o.height, C = o.height - (50 - b) / x * o.height, w = o.height - (20 - b) / x * o.height, T = l, E = l + e.paneWidth;
+			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(T, S), n.lineTo(E, S), n.moveTo(T, C), n.lineTo(E, C), n.moveTo(T, w), n.lineTo(E, w), n.stroke(), n.setLineDash([]);
+			let D = Math.max(c.start, a.period1), O = Math.min(c.end, m.length), k = (e, t) => {
 				n.strokeStyle = t, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let r = !0;
-				for (let t = w; t < T; t++) {
+				for (let t = D; t < O; t++) {
 					let i = e[t];
 					if (i === void 0) continue;
 					let a = f[t - c.start];
 					if (a === void 0) continue;
-					let s = a + u / 2, l = o.height - (i - 0) / 100 * o.height, p = Q(s, d), m = Q(l, d);
+					let s = a + u / 2, l = o.height - (i - b) / x * o.height, p = Q(s, d), m = Q(l, d);
 					r ? (n.moveTo(p, m), r = !1) : n.lineTo(p, m);
 				}
 				n.stroke();
 			};
-			a.showRSI1 && E(h, Ba.RSI1), a.showRSI2 && E(g, Ba.RSI2), a.showRSI3 && E(_, Ba.RSI3), n.restore();
+			a.showRSI1 && k(h, Va.RSI1), a.showRSI2 && k(g, Va.RSI2), a.showRSI3 && k(_, Va.RSI3), n.restore();
 		},
 		onDataUpdate() {
 			o = null;
@@ -9840,15 +9912,15 @@ function ec(e, t, n = 6, r = 12, i = 24) {
 	return a !== void 0 && c.push({
 		label: `RSI${n}`,
 		value: a,
-		color: Ba.RSI1
+		color: Va.RSI1
 	}), o !== void 0 && c.push({
 		label: `RSI${r}`,
 		value: o,
-		color: Ba.RSI2
+		color: Va.RSI2
 	}), s !== void 0 && c.push({
 		label: `RSI${i}`,
 		value: s,
-		color: Ba.RSI3
+		color: Va.RSI3
 	}), c.length === 0 ? null : {
 		name: "RSI",
 		params: [
@@ -9876,7 +9948,7 @@ function tc(e, t) {
 	return n;
 }
 function nc(e = {}) {
-	let { paneId: t = "sub", config: n = {} } = e, r = Gs("cci", t), i = null, a = {
+	let { paneId: t = "sub", config: n = {} } = e, r = Es("cci", t), i = null, a = {
 		period: 14,
 		showCCI: !0,
 		...n
@@ -9906,27 +9978,30 @@ function nc(e = {}) {
 				t !== void 0 && (g = Math.max(g, t), _ = Math.min(_, t));
 			}
 			if (!Number.isFinite(g) || !Number.isFinite(_)) return;
-			g = Math.max(g, 150), _ = Math.min(_, -150);
-			let v = g - _ || 1, y = {
+			g = Math.max(g, 150), _ = Math.min(_, -150), g - _;
+			let v = {
 				valueMin: _,
 				valueMax: g,
 				timestamp: Date.now()
 			};
-			i?.setSharedState(r, y, `cci_${t}`);
-			let b = o.height - (0 - _) / v * o.height;
+			i?.setSharedState(r, v, `cci_${t}`);
+			let y = o.yAxis.getDisplayRange({
+				minPrice: _,
+				maxPrice: g
+			}), b = y.minPrice, x = y.maxPrice - b || 1, S = o.height - (0 - b) / x * o.height;
 			n.save(), n.translate(-u, 0);
-			let x = o.height - (100 - _) / v * o.height, S = o.height - (-100 - _) / v * o.height, C = u, w = u + e.paneWidth;
-			n.strokeStyle = Va.OVERBOUGHT, n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(C, x), n.lineTo(w, x), n.stroke(), n.strokeStyle = Va.OVERSOLD, n.beginPath(), n.moveTo(C, S), n.lineTo(w, S), n.stroke(), n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.beginPath(), n.moveTo(C, b), n.lineTo(w, b), n.stroke(), n.setLineDash([]);
-			let T = Math.max(c.start, a.period - 1), E = Math.min(c.end, m.length);
+			let C = o.height - (100 - b) / x * o.height, w = o.height - (-100 - b) / x * o.height, T = u, E = u + e.paneWidth;
+			n.strokeStyle = Ha.OVERBOUGHT, n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(T, C), n.lineTo(E, C), n.stroke(), n.strokeStyle = Ha.OVERSOLD, n.beginPath(), n.moveTo(T, w), n.lineTo(E, w), n.stroke(), n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.beginPath(), n.moveTo(T, S), n.lineTo(E, S), n.stroke(), n.setLineDash([]);
+			let D = Math.max(c.start, a.period - 1), O = Math.min(c.end, m.length);
 			if (a.showCCI) {
-				n.strokeStyle = Va.CCI, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
+				n.strokeStyle = Ha.CCI, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = T; t < E; t++) {
+				for (let t = D; t < O; t++) {
 					let r = h[t];
 					if (r === void 0) continue;
 					let i = p[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r - _) / v * o.height, l = Q(a, f), u = Q(s, f);
+					let a = i + d / 2, s = o.height - (r - b) / x * o.height, l = Q(a, f), u = Q(s, f);
 					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
 				}
 				n.stroke();
@@ -9956,7 +10031,7 @@ function ic(e, t, n = 14) {
 		values: [{
 			label: "CCI",
 			value: r,
-			color: Va.CCI
+			color: Ha.CCI
 		}]
 	};
 }
@@ -9991,7 +10066,7 @@ function ac(e, t, n) {
 	return r;
 }
 function oc(e = {}) {
-	let { paneId: t = "sub", config: n = {} } = e, r = Gs("stoch", t), i = null, a = {
+	let { paneId: t = "sub", config: n = {} } = e, r = Es("stoch", t), i = null, a = {
 		n: 9,
 		m: 3,
 		showK: !0,
@@ -10022,32 +10097,37 @@ function oc(e = {}) {
 				valueMax: 100,
 				timestamp: Date.now()
 			};
-			i?.setSharedState(r, g, `stoch_${t}`), n.save(), n.translate(-l, 0);
-			let _ = o.height - 80 / 100 * o.height, v = o.height - 20 / 100 * o.height, y = l, b = l + e.paneWidth;
-			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(y, _), n.lineTo(b, _), n.moveTo(y, v), n.lineTo(b, v), n.stroke(), n.setLineDash([]);
-			let x = Math.max(c.start, a.n + a.m - 2), S = Math.min(c.end, m.length);
+			i?.setSharedState(r, g, `stoch_${t}`);
+			let _ = o.yAxis.getDisplayRange({
+				minPrice: 0,
+				maxPrice: 100
+			}), v = _.minPrice, y = _.maxPrice - v || 1;
+			n.save(), n.translate(-l, 0);
+			let b = o.height - (80 - v) / y * o.height, x = o.height - (20 - v) / y * o.height, S = l, C = l + e.paneWidth;
+			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(S, b), n.lineTo(C, b), n.moveTo(S, x), n.lineTo(C, x), n.stroke(), n.setLineDash([]);
+			let w = Math.max(c.start, a.n + a.m - 2), T = Math.min(c.end, m.length);
 			if (a.showK) {
-				n.strokeStyle = Ha.K, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
+				n.strokeStyle = Ua.K, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = x; t < S; t++) {
+				for (let t = w; t < T; t++) {
 					let r = h[t];
 					if (!r) continue;
 					let i = p[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r.k - 0) / 100 * o.height, l = Q(a, f), u = Q(s, f);
+					let a = i + d / 2, s = o.height - (r.k - v) / y * o.height, l = Q(a, f), u = Q(s, f);
 					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
 				}
 				n.stroke();
 			}
 			if (a.showD) {
-				n.strokeStyle = Ha.D, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
+				n.strokeStyle = Ua.D, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = x; t < S; t++) {
+				for (let t = w; t < T; t++) {
 					let r = h[t];
 					if (!r) continue;
 					let i = p[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r.d - 0) / 100 * o.height, l = Q(a, f), u = Q(s, f);
+					let a = i + d / 2, s = o.height - (r.d - v) / y * o.height, l = Q(a, f), u = Q(s, f);
 					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
 				}
 				n.stroke();
@@ -10077,11 +10157,11 @@ function cc(e, t, n = 9, r = 3) {
 		values: [{
 			label: "K",
 			value: i.k,
-			color: Ha.K
+			color: Ua.K
 		}, {
 			label: "D",
 			value: i.d,
-			color: Ha.D
+			color: Ua.D
 		}]
 	} : null;
 }
@@ -10097,7 +10177,7 @@ function lc(e, t) {
 	return n;
 }
 function uc(e = {}) {
-	let { paneId: t = "sub", config: n = {} } = e, r = Gs("mom", t), i = null, a = {
+	let { paneId: t = "sub", config: n = {} } = e, r = Es("mom", t), i = null, a = {
 		period: 10,
 		showMOM: !0,
 		...n
@@ -10128,27 +10208,30 @@ function uc(e = {}) {
 			}
 			if (!Number.isFinite(g) || !Number.isFinite(_)) return;
 			let v = Math.max(Math.abs(g), Math.abs(_)) * .1;
-			g += v, _ -= v;
-			let y = g - _ || 1, b = {
+			g += v, _ -= v, g - _;
+			let y = {
 				valueMin: _,
 				valueMax: g,
 				timestamp: Date.now()
 			};
-			i?.setSharedState(r, b, `mom_${t}`);
-			let x = o.height - (0 - _) / y * o.height;
+			i?.setSharedState(r, y, `mom_${t}`);
+			let b = o.yAxis.getDisplayRange({
+				minPrice: _,
+				maxPrice: g
+			}), x = b.minPrice, S = b.maxPrice - x || 1, C = o.height - (0 - x) / S * o.height;
 			n.save(), n.translate(-u, 0);
-			let S = u, C = u + e.paneWidth;
-			n.strokeStyle = Ua.ZERO, n.lineWidth = 1, n.beginPath(), n.moveTo(S, x), n.lineTo(C, x), n.stroke();
-			let w = Math.max(c.start, a.period), T = Math.min(c.end, m.length);
+			let w = u, T = u + e.paneWidth;
+			n.strokeStyle = Wa.ZERO, n.lineWidth = 1, n.beginPath(), n.moveTo(w, C), n.lineTo(T, C), n.stroke();
+			let E = Math.max(c.start, a.period), D = Math.min(c.end, m.length);
 			if (a.showMOM) {
-				n.strokeStyle = Ua.MOM, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
+				n.strokeStyle = Wa.MOM, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = w; t < T; t++) {
+				for (let t = E; t < D; t++) {
 					let r = h[t];
 					if (r === void 0) continue;
 					let i = p[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r - _) / y * o.height, l = Q(a, f), u = Q(s, f);
+					let a = i + d / 2, s = o.height - (r - x) / S * o.height, l = Q(a, f), u = Q(s, f);
 					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
 				}
 				n.stroke();
@@ -10178,7 +10261,7 @@ function fc(e, t, n = 10) {
 		values: [{
 			label: "MOM",
 			value: r,
-			color: Ua.MOM
+			color: Wa.MOM
 		}]
 	};
 }
@@ -10199,7 +10282,7 @@ function pc(e, t) {
 	return n;
 }
 function mc(e = {}) {
-	let { paneId: t = "sub", config: n = {} } = e, r = Gs("wmsr", t), i = null, a = {
+	let { paneId: t = "sub", config: n = {} } = e, r = Es("wmsr", t), i = null, a = {
 		period: 14,
 		showWMSR: !0,
 		...n
@@ -10230,19 +10313,24 @@ function mc(e = {}) {
 				valueMax: 0,
 				timestamp: Date.now()
 			};
-			i?.setSharedState(r, _, `wmsr_${t}`), n.save(), n.translate(-u, 0);
-			let v = o.height - (-20 - g) / 100 * o.height, y = o.height - (-80 - g) / 100 * o.height, b = o.height - (-50 - g) / 100 * o.height, x = u, S = u + e.paneWidth;
-			n.strokeStyle = Wa.OVERBOUGHT, n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(x, v), n.lineTo(S, v), n.stroke(), n.strokeStyle = Wa.OVERSOLD, n.beginPath(), n.moveTo(x, y), n.lineTo(S, y), n.stroke(), n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.beginPath(), n.moveTo(x, b), n.lineTo(S, b), n.stroke(), n.setLineDash([]);
-			let C = Math.max(c.start, a.period - 1), w = Math.min(c.end, m.length);
+			i?.setSharedState(r, _, `wmsr_${t}`);
+			let v = o.yAxis.getDisplayRange({
+				minPrice: g,
+				maxPrice: 0
+			}), y = v.minPrice, b = v.maxPrice - y || 1;
+			n.save(), n.translate(-u, 0);
+			let x = o.height - (-20 - y) / b * o.height, S = o.height - (-80 - y) / b * o.height, C = o.height - (-50 - y) / b * o.height, w = u, T = u + e.paneWidth;
+			n.strokeStyle = Ga.OVERBOUGHT, n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(w, x), n.lineTo(T, x), n.stroke(), n.strokeStyle = Ga.OVERSOLD, n.beginPath(), n.moveTo(w, S), n.lineTo(T, S), n.stroke(), n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.beginPath(), n.moveTo(w, C), n.lineTo(T, C), n.stroke(), n.setLineDash([]);
+			let E = Math.max(c.start, a.period - 1), D = Math.min(c.end, m.length);
 			if (a.showWMSR) {
-				n.strokeStyle = Wa.WMSR, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
+				n.strokeStyle = Ga.WMSR, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = C; t < w; t++) {
+				for (let t = E; t < D; t++) {
 					let r = h[t];
 					if (r === void 0) continue;
 					let i = p[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r - g) / 100 * o.height, l = Q(a, f), u = Q(s, f);
+					let a = i + d / 2, s = o.height - (r - y) / b * o.height, l = Q(a, f), u = Q(s, f);
 					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
 				}
 				n.stroke();
@@ -10272,7 +10360,7 @@ function gc(e, t, n = 14) {
 		values: [{
 			label: "WMSR",
 			value: r,
-			color: Wa.WMSR
+			color: Ga.WMSR
 		}]
 	};
 }
@@ -10318,7 +10406,7 @@ function yc(e, t, n, r, i, a) {
 	return o;
 }
 function bc(e = {}) {
-	let { paneId: t = "sub", config: n = {} } = e, r = Gs("kst", t), i = null, a = {
+	let { paneId: t = "sub", config: n = {} } = e, r = Es("kst", t), i = null, a = {
 		roc1: 10,
 		roc2: 15,
 		roc3: 20,
@@ -10355,40 +10443,43 @@ function bc(e = {}) {
 			}
 			if (!Number.isFinite(g) || !Number.isFinite(_)) return;
 			let v = (g - _) * .1 || 1;
-			g += v, _ -= v;
-			let y = g - _ || 1, b = {
+			g += v, _ -= v, g - _;
+			let y = {
 				valueMin: _,
 				valueMax: g,
 				timestamp: Date.now()
 			};
-			i?.setSharedState(r, b, `kst_${t}`);
-			let x = o.height - (0 - _) / y * o.height;
+			i?.setSharedState(r, y, `kst_${t}`);
+			let b = o.yAxis.getDisplayRange({
+				minPrice: _,
+				maxPrice: g
+			}), x = b.minPrice, S = b.maxPrice - x || 1, C = o.height - (0 - x) / S * o.height;
 			n.save(), n.translate(-u, 0);
-			let S = u, C = u + e.paneWidth;
-			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.beginPath(), n.moveTo(S, x), n.lineTo(C, x), n.stroke();
-			let w = Math.max(c.start, a.roc4 + 15 + a.signalPeriod - 1), T = Math.min(c.end, m.length);
+			let w = u, T = u + e.paneWidth;
+			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.beginPath(), n.moveTo(w, C), n.lineTo(T, C), n.stroke();
+			let E = Math.max(c.start, a.roc4 + 15 + a.signalPeriod - 1), D = Math.min(c.end, m.length);
 			if (a.showKST) {
-				n.strokeStyle = Ga.KST, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
+				n.strokeStyle = Ka.KST, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = w; t < T; t++) {
+				for (let t = E; t < D; t++) {
 					let r = h[t];
 					if (!r) continue;
 					let i = p[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r.kst - _) / y * o.height, l = Q(a, f), u = Q(s, f);
+					let a = i + d / 2, s = o.height - (r.kst - x) / S * o.height, l = Q(a, f), u = Q(s, f);
 					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
 				}
 				n.stroke();
 			}
 			if (a.showSignal) {
-				n.strokeStyle = Ga.SIGNAL, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
+				n.strokeStyle = Ka.SIGNAL, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = w; t < T; t++) {
+				for (let t = E; t < D; t++) {
 					let r = h[t];
 					if (!r) continue;
 					let i = p[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r.signal - _) / y * o.height, l = Q(a, f), u = Q(s, f);
+					let a = i + d / 2, s = o.height - (r.signal - x) / S * o.height, l = Q(a, f), u = Q(s, f);
 					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
 				}
 				n.stroke();
@@ -10424,11 +10515,11 @@ function Sc(e, t, n = 10, r = 15, i = 20, a = 30, o = 9) {
 		values: [{
 			label: "KST",
 			value: s.kst,
-			color: Ga.KST
+			color: Ka.KST
 		}, {
 			label: "Signal",
 			value: s.signal,
-			color: Ga.SIGNAL
+			color: Ka.SIGNAL
 		}]
 	} : null;
 }
@@ -10449,7 +10540,7 @@ function Cc(e, t) {
 	return n;
 }
 function wc(e = {}) {
-	let { paneId: t = "sub", config: n = {} } = e, r = Gs("fastk", t), i = null, a = {
+	let { paneId: t = "sub", config: n = {} } = e, r = Es("fastk", t), i = null, a = {
 		period: 9,
 		showFASTK: !0,
 		...n
@@ -10478,19 +10569,24 @@ function wc(e = {}) {
 				valueMax: 100,
 				timestamp: Date.now()
 			};
-			i?.setSharedState(r, g, `fastk_${t}`), n.save(), n.translate(-u, 0);
-			let _ = o.height - 80 / 100 * o.height, v = o.height - 20 / 100 * o.height, y = u, b = u + e.paneWidth;
-			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(y, _), n.lineTo(b, _), n.moveTo(y, v), n.lineTo(b, v), n.stroke(), n.setLineDash([]);
-			let x = Math.max(c.start, a.period - 1), S = Math.min(c.end, m.length);
+			i?.setSharedState(r, g, `fastk_${t}`);
+			let _ = o.yAxis.getDisplayRange({
+				minPrice: 0,
+				maxPrice: 100
+			}), v = _.minPrice, y = _.maxPrice - v || 1;
+			n.save(), n.translate(-u, 0);
+			let b = o.height - (80 - v) / y * o.height, x = o.height - (20 - v) / y * o.height, S = u, C = u + e.paneWidth;
+			n.strokeStyle = "rgba(0, 0, 0, 0.1)", n.lineWidth = 1, n.setLineDash([4, 4]), n.beginPath(), n.moveTo(S, b), n.lineTo(C, b), n.moveTo(S, x), n.lineTo(C, x), n.stroke(), n.setLineDash([]);
+			let w = Math.max(c.start, a.period - 1), T = Math.min(c.end, m.length);
 			if (a.showFASTK) {
-				n.strokeStyle = Ha.K, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
+				n.strokeStyle = Ua.K, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let t = x; t < S; t++) {
+				for (let t = w; t < T; t++) {
 					let r = h[t];
 					if (r === void 0) continue;
 					let i = p[t - c.start];
 					if (i === void 0) continue;
-					let a = i + d / 2, s = o.height - (r - 0) / 100 * o.height, l = Q(a, f), u = Q(s, f);
+					let a = i + d / 2, s = o.height - (r - v) / y * o.height, l = Q(a, f), u = Q(s, f);
 					e ? (n.moveTo(l, u), e = !1) : n.lineTo(l, u);
 				}
 				n.stroke();
@@ -10520,7 +10616,7 @@ function Ec(e, t, n = 9) {
 		values: [{
 			label: "FASTK",
 			value: r,
-			color: Ha.K
+			color: Ua.K
 		}]
 	};
 }
@@ -10529,7 +10625,7 @@ function Ec(e, t, n = 9) {
 function Dc(e) {
 	let { indicatorId: t, paneId: n } = e;
 	switch (t) {
-		case "VOLUME": return Ts({ paneId: n });
+		case "VOLUME": return Ds({ paneId: n });
 		case "MACD": return Ys({ paneId: n });
 		case "RSI": return $s({ paneId: n });
 		case "CCI": return nc({ paneId: n });
@@ -10567,9 +10663,15 @@ var Oc = class e {
 	currentZoomLevel = 1;
 	zoomLevelCount;
 	constructor(e, t) {
-		this.dom = e, this.opt = t, this.interaction = new Cs(this), this.markerManager = new wo(), this.pluginHost = ga(), this.rendererPluginManager = new va(), this.rendererPluginManager.setPluginHost(this.pluginHost), this.rendererPluginManager.setInvalidateCallback(() => this.scheduleDraw()), this.syncPaneRatiosFromSpecs(this.opt.panes), this.zoomLevelCount = Math.max(2, Math.round(this.opt.zoomLevels ?? 10)), this.currentZoomLevel = this.opt.initialZoomLevel ?? Math.round(this.zoomLevelCount / 2), this.currentZoomLevel = Math.max(1, Math.min(this.zoomLevelCount, this.currentZoomLevel));
-		let n = this.zoomLevelToKWidth(this.currentZoomLevel);
-		this.opt.kWidth = n, this.initPanes(), this.initResizeObserver();
+		this.dom = e;
+		let { kWidth: n, kGap: r, ...i } = t;
+		this.opt = {
+			...i,
+			kWidth: 0,
+			kGap: 0
+		}, this.interaction = new ws(this), this.markerManager = new To(), this.pluginHost = ga(), this.rendererPluginManager = new va(), this.rendererPluginManager.setPluginHost(this.pluginHost), this.rendererPluginManager.setInvalidateCallback(() => this.scheduleDraw()), this.syncPaneRatiosFromSpecs(this.opt.panes), this.zoomLevelCount = Math.max(2, Math.round(this.opt.zoomLevels ?? 20)), this.currentZoomLevel = this.opt.initialZoomLevel ?? 1, this.currentZoomLevel = Math.max(1, Math.min(this.zoomLevelCount, this.currentZoomLevel));
+		let a = this.zoomLevelToKWidth(this.currentZoomLevel), o = 3 / this.getEffectiveDpr();
+		this.opt.kWidth = a, this.opt.kGap = o, this.initPanes(), this.initResizeObserver();
 	}
 	initResizeObserver() {
 		if (typeof ResizeObserver > "u") return;
@@ -10636,10 +10738,10 @@ var Oc = class e {
 		this.markerManager.clear();
 		let e = this.computeViewport();
 		if (!e || this.data.length === 0) return;
-		let { start: t, end: n } = vs(e.scrollLeft, e.plotWidth, this.opt.kWidth, this.opt.kGap, this.data.length, e.dpr), r = {
+		let { start: t, end: n } = ys(e.scrollLeft, e.plotWidth, this.opt.kWidth, this.opt.kGap, this.data.length, e.dpr), r = {
 			start: t,
 			end: n
-		}, i = this.calcKLinePositions(r), { kWidthPx: a } = _s(this.opt.kWidth, this.opt.kGap, e.dpr);
+		}, i = this.calcKLinePositions(r), { kWidthPx: a } = vs(this.opt.kWidth, this.opt.kGap, e.dpr);
 		this.interaction.setKLinePositions(i, r, a);
 		for (let t of this.paneRenderers) {
 			let n = t.getPane(), a = t.getDom().plotCanvas.getContext("2d"), o = t.getDom().yAxisCanvas.getContext("2d");
@@ -10721,31 +10823,28 @@ var Oc = class e {
 		}
 	}
 	zoomAt(e, t, n) {
-		let r = this.opt.kWidth + this.opt.kGap, i = (t + e) / r, a = this.getEffectiveDpr(), o = Math.round(this.opt.kWidth * a), s = n > 0 ? -2 : 2, c = o + s;
-		c % 2 == 0 && (c += s > 0 ? 1 : -1);
-		let l = c / a, u = 3 / a;
-		if (l = Math.max(this.opt.minKWidth, Math.min(this.opt.maxKWidth, l)), Math.abs(l - this.opt.kWidth) < .01) return;
-		let d = i * (l + u) - e;
-		if (this.onZoomChange) {
-			this.onZoomChange(l, u, d);
+		let r = n > 0 ? -1 : 1, i = Math.max(1, Math.min(this.zoomLevelCount, this.currentZoomLevel + r));
+		if (i === this.currentZoomLevel) return;
+		let a = this.zoomLevelToKWidth(i), o = 3 / this.getEffectiveDpr(), s = this.opt.kWidth + this.opt.kGap, c = (t + e) / s * (a + o) - e;
+		if (this.currentZoomLevel = i, this.onZoomChange) {
+			this.onZoomChange(i, a, o, c);
 			return;
 		}
 		this.opt = {
 			...this.opt,
-			kWidth: l,
-			kGap: u
+			kWidth: a,
+			kGap: o
 		};
-		let f = this.dom.container, p = Math.max(0, f.scrollWidth - f.clientWidth);
-		f.scrollLeft = Math.min(Math.max(0, d), p);
-		let m = this.kWidthToZoomLevel(l);
-		m !== this.currentZoomLevel && (this.currentZoomLevel = m, this.onZoomLevelChange?.(this.currentZoomLevel, l)), this.scheduleDraw();
+		let l = this.dom.container, u = Math.max(0, l.scrollWidth - l.clientWidth);
+		l.scrollLeft = Math.min(Math.max(0, c), u), this.onZoomLevelChange?.(this.currentZoomLevel, a), this.scheduleDraw();
 	}
-	applyZoom(e, t) {
-		this.opt = {
+	applyZoom(e) {
+		let t = this.zoomLevelToKWidth(e), n = 3 / this.getEffectiveDpr();
+		this.currentZoomLevel = e, this.opt = {
 			...this.opt,
-			kWidth: e,
-			kGap: t
-		}, this.currentZoomLevel = this.kWidthToZoomLevel(e), this.onZoomLevelChange?.(this.currentZoomLevel, e), this.scheduleDraw();
+			kWidth: t,
+			kGap: n
+		}, this.onZoomLevelChange?.(this.currentZoomLevel, t), this.scheduleDraw();
 	}
 	onZoomChange;
 	setOnZoomChange(e) {
@@ -10755,15 +10854,11 @@ var Oc = class e {
 		let t = this.opt.minKWidth, n = this.opt.maxKWidth;
 		return t + (e - 1) / (this.zoomLevelCount - 1) * (n - t);
 	}
-	kWidthToZoomLevel(e) {
-		let t = this.opt.minKWidth, n = this.opt.maxKWidth, r = Math.max(0, Math.min(1, (e - t) / (n - t)));
-		return Math.round(1 + r * (this.zoomLevelCount - 1));
-	}
 	zoomToLevel(e, t) {
 		let n = Math.max(1, Math.min(this.zoomLevelCount, Math.round(e)));
 		if (n === this.currentZoomLevel) return;
 		let r = this.dom.container, i = this.zoomLevelToKWidth(n), a = 3 / this.getEffectiveDpr(), o = this.viewport?.plotWidth ?? r.clientWidth, s = t ?? o / 2, c = r.scrollLeft, l = this.opt.kWidth + this.opt.kGap, u = (c + s) / l * (i + a) - s;
-		if (this.currentZoomLevel = n, this.onZoomChange) this.onZoomChange(i, a, u);
+		if (this.currentZoomLevel = n, this.onZoomChange) this.onZoomChange(n, i, a, u);
 		else {
 			this.opt = {
 				...this.opt,
@@ -10817,12 +10912,12 @@ var Oc = class e {
 	calcKLinePositions(e) {
 		let { start: t, end: n } = e, r = n - t;
 		if (r <= 0) return [];
-		let i = this.getEffectiveDpr(), { unitPx: a, startXPx: o } = _s(this.opt.kWidth, this.opt.kGap, i), s = Array(r);
+		let i = this.getEffectiveDpr(), { unitPx: a, startXPx: o } = vs(this.opt.kWidth, this.opt.kGap, i), s = Array(r);
 		for (let e = 0; e < r; e++) s[e] = (o + (t + e) * a) / i;
 		return s;
 	}
 	updateOptions(e) {
-		if (e.panes) {
+		if (e.kWidth !== void 0 && (console.warn("[Chart] kWidth cannot be set directly. Use zoomToLevel() instead."), delete e.kWidth), e.kGap !== void 0 && delete e.kGap, e.panes) {
 			let t = e.panes.map((e) => ({ ...e }));
 			this.opt = {
 				...this.opt,
@@ -11017,7 +11112,7 @@ var Oc = class e {
 		return this.data;
 	}
 	getContentWidth() {
-		let e = this.data?.length ?? 0, t = this.getEffectiveDpr(), { startXPx: n, unitPx: r } = _s(this.opt.kWidth, this.opt.kGap, t);
+		let e = this.data?.length ?? 0, t = this.getEffectiveDpr(), { startXPx: n, unitPx: r } = vs(this.opt.kWidth, this.opt.kGap, t);
 		return (n + e * r) / t;
 	}
 	resize() {
@@ -11037,11 +11132,11 @@ var Oc = class e {
 	}
 	initPanes() {
 		this.paneRenderers = this.opt.panes.map((e, t) => {
-			let n = new Ss(e.id, {
+			let n = new Cs(e.id, {
 				role: this.resolvePaneRole(e, t),
 				capabilities: e.capabilities
 			}), r = document.createElement("canvas"), i = document.createElement("canvas"), a = n.role === "price";
-			return r.id = `${e.id}-plot`, r.className = a ? "plot-canvas main" : "plot-canvas sub", r.style.position = "absolute", r.style.left = "0", r.style.top = "0", i.id = `${e.id}-yAxis`, i.className = "right-axis", i.style.position = "absolute", i.style.left = "0", new ws({
+			return r.id = `${e.id}-plot`, r.className = a ? "plot-canvas main" : "plot-canvas sub", r.style.position = "absolute", r.style.left = "0", r.style.top = "0", i.id = `${e.id}-yAxis`, i.className = "right-axis", i.style.position = "absolute", i.style.left = "0", new Ts({
 				plotCanvas: r,
 				yAxisCanvas: i
 			}, n, {
@@ -11233,7 +11328,7 @@ function Nc() {
 		draw(e) {
 			let { ctx: t, pane: n, data: r, range: i, scrollLeft: a, kWidth: o, kGap: s, dpr: c, kLinePositions: l, markerManager: u } = e, d = r;
 			if (!d.length) return;
-			let { kWidthPx: f } = _s(o, s, c);
+			let { kWidthPx: f } = vs(o, s, c);
 			t.save(), t.translate(-a, 0);
 			let p = l || [], m = Mc(d, i.start, i.end, Ac);
 			for (let r = i.start; r < i.end && r < d.length; r++) {
@@ -11241,15 +11336,15 @@ function Nc() {
 				if (!a) continue;
 				let s = n.yAxis.priceToY(a.open), l = n.yAxis.priceToY(a.close), h = n.yAxis.priceToY(a.high), g = n.yAxis.priceToY(a.low), _ = p[r - i.start];
 				if (!_) continue;
-				let v = (e) => Math.round(e * c) / c, y = v(s), b = v(l), x = v(h), S = v(g), C = Math.min(y, b), w = Math.max(Math.abs(y - b), 1), T = js(Math.round(_ * c), C, f, w, c);
+				let v = (e) => Math.round(e * c) / c, y = v(s), b = v(l), x = v(h), S = v(g), C = Math.min(y, b), w = Math.max(Math.abs(y - b), 1), T = Ms(Math.round(_ * c), C, f, w, c);
 				t.fillStyle = kc(a) === "up" ? Na.UP : Na.DOWN, t.fillRect(T.bodyRect.x, T.bodyRect.y, T.bodyRect.width, T.bodyRect.height);
 				let E = T.wickRect.width, D = T.wickRect.x, O = T.bodyRect.y, k = T.bodyRect.y + T.bodyRect.height, A = Math.max(a.open, a.close), j = Math.min(a.open, a.close);
 				if (a.high > A) {
-					let e = ks(D, x, O, c);
+					let e = As(D, x, O, c);
 					e && t.fillRect(e.x, e.y, E, e.height);
 				}
 				if (a.low < j) {
-					let e = ks(D, k, S, c);
+					let e = As(D, k, S, c);
 					e && t.fillRect(e.x, e.y, E, e.height);
 				}
 				let M = m[r - i.start];
@@ -11348,7 +11443,7 @@ function Ic() {
 			t.save(), t.fillStyle = Ia.HORIZONTAL, t.translate(-a, 0);
 			let d = t.canvas.width / s, f = a, p = a + d, m = n.yAxis.getPaddingTop(), h = n.yAxis.getPaddingBottom(), g = m, _ = Math.max(m, n.height - h), v = Math.max(0, _ - g);
 			for (let e = 0; e < u; e++) {
-				let n = u <= 1 ? 0 : e / (u - 1), r = As(f, p, Math.round(g + n * v), s);
+				let n = u <= 1 ? 0 : e / (u - 1), r = js(f, p, Math.round(g + n * v), s);
 				r && t.fillRect(r.x, r.y, r.width, r.height);
 			}
 			let y = ja(l);
@@ -11356,7 +11451,7 @@ function Ic() {
 				if (e < i.start || e >= i.end || e >= l.length) continue;
 				let r = e - i.start;
 				if (r < 0 || r >= c.length) continue;
-				let a = ks(c[r] + o / 2, 0, n.height, s);
+				let a = As(c[r] + o / 2, 0, n.height, s);
 				a && t.fillRect(a.x, a.y, a.width, a.height);
 			}
 			t.restore();
@@ -11374,13 +11469,13 @@ function Lc() {
 		paneId: "main",
 		priority: X.FOREGROUND,
 		draw(e) {
-			let { ctx: t, pane: n, data: r, scrollLeft: i, kWidth: a, dpr: o, kLinePositions: s } = e, c = r, l = c[c.length - 1];
-			if (!l) return;
+			let { ctx: t, pane: n, data: r, scrollLeft: i, kWidth: a, dpr: o, kLinePositions: s, paneWidth: c } = e, l = r, u = l[l.length - 1];
+			if (!u) return;
 			t.save(), t.translate(-i, 0);
-			let u = Math.round(n.yAxis.priceToY(l.close)), d = s[0] ?? 0, f = (s[s.length - 1] ?? 0) + a;
+			let d = Math.round(n.yAxis.priceToY(u.close)), f = s[0] ?? 0, p = c + i;
 			t.strokeStyle = Na.LAST_PRICE, t.lineWidth = 1, t.setLineDash([4, 3]), t.beginPath();
-			let p = (Math.floor(u * o) + .5) / o;
-			t.moveTo(Math.round(d * o) / o, p), t.lineTo(Math.round(f * o) / o, p), t.stroke(), t.setLineDash([]), t.restore();
+			let m = (Math.floor(d * o) + .5) / o;
+			t.moveTo(Math.round(f * o) / o, m), t.lineTo(Math.round(p * o) / o, m), t.stroke(), t.setLineDash([]), t.restore();
 		}
 	};
 }
@@ -11418,7 +11513,7 @@ function zc(e, t, n, r, i, a, o) {
 	e.font = "12px Arial";
 	let c = e.measureText(s).width, l = t - o + 30 + 4 + c > a, u = t, d = l ? t - 30 : t + 30;
 	u > d && ([u, d] = [d, u]);
-	let f = As(u, d, n, i);
+	let f = js(u, d, n, i);
 	f && (e.fillStyle = Ma.WEAK, e.fillRect(f.x, f.y, f.width, f.height));
 	let p = Z(d, i), m = Z(n, i);
 	e.fillStyle = Ma.WEAK, e.beginPath(), e.arc(p, m, 2, 0, Math.PI * 2), e.fill(), e.font = "12px Arial", e.textBaseline = "middle", e.fillStyle = Na.NEUTRAL, l ? (e.textAlign = "right", e.fillText(s, Z(t - 30 - 4, i), Z(n, i))) : (e.textAlign = "left", e.fillText(s, Z(t + 30 + 4, i), Z(n, i)));
@@ -11438,14 +11533,12 @@ function Vc(e, t) {
 	e.fillStyle = "rgba(0, 0, 0, 0.8)", e.fillRect(Z(_, c), Z(v, c), Z(p, c), Z(m, c)), e.fillStyle = "#ffffff", e.fillText(d, Z(h, c), Z(g, c)), e.restore();
 }
 function Hc(e, t) {
-	let { x: n, y: r, width: i, height: a, crosshairY: o, priceRange: s, yPaddingPx: c = 0, dpr: l, fontSize: u = 16, priceOffset: d = 0, price: f } = t, p = Math.max(0, Math.min(c, Math.floor(a / 2) - 1)), { maxPrice: m, minPrice: h } = s, g = (f ?? Bc(o - r, m, h, a, p, p) + d).toFixed(2);
-	e.save(), e.font = `${u}px -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif`, e.textBaseline = "middle", e.textAlign = "center";
-	let _ = u + 4, v = Math.min(Math.max(o, r + _ / 2), r + a - _ / 2), y = v - _ / 2;
-	e.fillStyle = "rgba(0, 0, 0, 0.8)";
-	let b = n, x = Z(y, l), S = i, C = Z(_, l);
-	e.fillRect(b, x, S, C);
-	let w = n + i / 2;
-	e.fillStyle = "#ffffff", e.fillText(g, Z(w, l), Z(v, l)), e.restore();
+	let { x: n, y: r, width: i, height: a, crosshairY: o, priceRange: s, yPaddingPx: c = 0, dpr: l, bgColor: u = "rgba(0, 0, 0, 0.8)", borderColor: d, textColor: f = "#ffffff", fontSize: p = 16, priceOffset: m = 0, price: h, formatPrice: g } = t, _ = Math.max(0, Math.min(c, Math.floor(a / 2) - 1)), { maxPrice: v, minPrice: y } = s, b = h ?? Bc(o - r, v, y, a, _, _) + m, x = g ? g(b) : b.toFixed(2);
+	e.save(), e.font = `${p}px -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif`, e.textBaseline = "middle", e.textAlign = "center";
+	let S = p + 4, C = Math.min(Math.max(o, r + S / 2), r + a - S / 2), w = C - S / 2, T = n, E = Z(w, l), D = i, O = Z(S, l);
+	e.fillStyle = u, e.fillRect(T, E, D, O), d && (e.strokeStyle = d, e.lineWidth = 1, e.strokeRect(Q(T, l), Q(E, l), Math.max(0, D - 1 / l), Math.max(0, O - 1 / l)));
+	let k = n + i / 2;
+	e.fillStyle = f, e.fillText(x, Z(k, l), Z(C, l)), e.restore();
 }
 function Uc(e, t) {
 	let { x: n, y: r, width: i, height: a, data: o, scrollLeft: s, kWidth: c, kGap: l, startIndex: u, endIndex: d, dpr: f, bgColor: p = Pa.TRANSPARENT, textColor: m = Ma.SECONDARY, lineColor: h = Fa.DARK, fontSize: g = 12, paddingX: _ = 8, drawTopBorder: v = !0, drawBottomBorder: y = !0 } = t, b = Math.round(c * f), x = b % 2 == 0 ? b + 1 : b, S = Math.round(l * f), C = x + S, w = S, T = C / f, E = w / f, D = x / f;
@@ -11464,18 +11557,18 @@ function Uc(e, t) {
 //#endregion
 //#region src/core/renderers/Indicator/scale/indicator_scale.ts
 function Wc(e) {
-	let { ctx: t, dpr: n, axisWidth: r, height: i, paddingTop: a, paddingBottom: o, valueMin: s, valueMax: c, isMain: l, decimals: u = 2, hideEdgeTicks: d = !0 } = e, f = c - s || 1;
+	let { ctx: t, dpr: n, axisWidth: r, height: i, paddingTop: a, paddingBottom: o, valueMin: s, valueMax: c, isMain: l, decimals: u = 2, hideEdgeTicks: d = !0, formatLabel: f } = e, p = c - s || 1;
 	t.save(), t.clearRect(0, 0, r, i), t.font = "12px -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif", t.textBaseline = "middle", t.textAlign = "center";
-	let p = r / 2, m = a, h = Math.max(a, i - o), g = Math.max(0, h - m), _ = Fc(i, l), v = f / Math.max(1, _ - 1);
-	for (let e = 0; e < _; e++) {
-		if (d && (e === 0 || e === _ - 1)) continue;
-		let r = c - v * e, i = m + (_ <= 1 ? 0 : e / (_ - 1)) * g;
-		t.fillStyle = Ma.SECONDARY, t.fillText(r.toFixed(u), Z(p, n), Z(i, n));
+	let m = r / 2, h = a, g = Math.max(a, i - o), _ = Math.max(0, g - h), v = Fc(i, l), y = p / Math.max(1, v - 1);
+	for (let e = 0; e < v; e++) {
+		if (d && (e === 0 || e === v - 1)) continue;
+		let r = c - y * e, i = h + (v <= 1 ? 0 : e / (v - 1)) * _;
+		t.fillStyle = Ma.SECONDARY, t.fillText(f ? f(r) : r.toFixed(u), Z(m, n), Z(i, n));
 	}
 	t.restore();
 }
 function Gc(e) {
-	let { axisWidth: t, paneId: n, indicatorKey: r, label: i, decimals: a = 2, yPaddingPx: o = 0, getCrosshair: s } = e, c = Gs(r, n), l = null;
+	let { axisWidth: t, paneId: n, indicatorKey: r, label: i, decimals: a = 2, yPaddingPx: o = 0, getCrosshair: s, formatTickLabel: c, formatCrosshairLabel: l } = e, u = Es(r, n), d = null;
 	return {
 		name: `${r}Scale_${n}`,
 		version: "1.0.0",
@@ -11484,16 +11577,16 @@ function Gc(e) {
 		paneId: n,
 		priority: X.INDICATOR_SCALE,
 		onInstall(e) {
-			l = e;
+			d = e;
 		},
 		draw(e) {
 			let { yAxisCtx: n, pane: r, dpr: i } = e;
-			if (!n || !l) return;
-			let u = l.getSharedState(c);
-			if (!u) return;
-			let d = r.yAxis.getDisplayRange({
-				minPrice: u.valueMin,
-				maxPrice: u.valueMax
+			if (!n || !d) return;
+			let f = d.getSharedState(u);
+			if (!f) return;
+			let p = r.yAxis.getDisplayRange({
+				minPrice: f.valueMin,
+				maxPrice: f.valueMax
 			});
 			Wc({
 				ctx: n,
@@ -11502,27 +11595,29 @@ function Gc(e) {
 				height: r.height,
 				paddingTop: r.yAxis.getPaddingTop(),
 				paddingBottom: r.yAxis.getPaddingBottom(),
-				valueMin: d.minPrice,
-				valueMax: d.maxPrice,
+				valueMin: p.minPrice,
+				valueMax: p.maxPrice,
 				isMain: !1,
 				decimals: a,
-				hideEdgeTicks: !1
+				hideEdgeTicks: !1,
+				formatLabel: c
 			});
-			let f = s?.();
-			if (!f || f.activePaneId !== r.id) return;
-			let p = f.y - r.top, m = r.yAxis.getPaddingTop(), h = r.yAxis.getPaddingBottom(), g = m, _ = Math.max(m, r.height - h), v = Math.max(1, _ - g), y = (Math.min(Math.max(p, g), _) - g) / v, b = d.maxPrice - y * (d.maxPrice - d.minPrice);
+			let m = s?.();
+			if (!m || m.activePaneId !== r.id) return;
+			let h = m.y - r.top, g = r.yAxis.getPaddingTop(), _ = r.yAxis.getPaddingBottom(), v = g, y = Math.max(g, r.height - _), b = Math.max(1, y - v), x = (Math.min(Math.max(h, v), y) - v) / b, S = p.maxPrice - x * (p.maxPrice - p.minPrice);
 			Hc(n, {
 				x: 0,
 				y: 0,
 				width: t,
 				height: r.height,
-				crosshairY: p,
-				priceRange: d,
+				crosshairY: h,
+				priceRange: p,
 				yPaddingPx: o,
 				dpr: i,
 				fontSize: 12,
 				priceOffset: 0,
-				price: b
+				price: S,
+				formatPrice: l
 			});
 		}
 	};
@@ -11538,33 +11633,53 @@ function Kc(e) {
 		paneId: ua,
 		priority: X.SYSTEM_YAXIS,
 		draw(t) {
-			let { ctx: n, pane: r, dpr: i, yAxisCtx: a } = t, o = a || n, s = a?.canvas ? a.canvas.width / i : e.axisWidth, c = r.yAxis.getDisplayRange(r.priceRange);
+			let { ctx: n, pane: r, dpr: i, yAxisCtx: a, data: o } = t, s = a || n, c = a?.canvas ? a.canvas.width / i : e.axisWidth, l = r.yAxis.getDisplayRange(r.priceRange);
 			r.capabilities.showPriceAxisTicks && Wc({
-				ctx: o,
+				ctx: s,
 				dpr: i,
-				axisWidth: s,
+				axisWidth: c,
 				height: r.height,
 				paddingTop: r.yAxis.getPaddingTop(),
 				paddingBottom: r.yAxis.getPaddingBottom(),
-				valueMin: c.minPrice,
-				valueMax: c.maxPrice,
+				valueMin: l.minPrice,
+				valueMax: l.maxPrice,
 				isMain: !0,
 				decimals: 2,
 				hideEdgeTicks: !1
 			});
-			let l = e.getCrosshair?.();
-			l && l.activePaneId === r.id && l.price !== null && Hc(o, {
+			let u = o, d = r.id === "main" ? u[u.length - 1] : null;
+			if (d) {
+				let t = r.yAxis.priceToY(d.close);
+				Hc(s, {
+					x: 0,
+					y: r.top,
+					width: c,
+					height: r.height,
+					crosshairY: t + r.top,
+					priceRange: l,
+					yPaddingPx: e.yPaddingPx,
+					dpr: i,
+					bgColor: "rgba(255, 247, 248, 0.98)",
+					borderColor: Na.LAST_PRICE,
+					textColor: Na.LAST_PRICE,
+					fontSize: 12,
+					priceOffset: 0,
+					price: d.close
+				});
+			}
+			let f = e.getCrosshair?.();
+			f && f.activePaneId === r.id && f.price !== null && Hc(s, {
 				x: 0,
 				y: r.top,
-				width: s,
+				width: c,
 				height: r.height,
-				crosshairY: l.y,
-				priceRange: c,
+				crosshairY: f.y,
+				priceRange: l,
 				yPaddingPx: e.yPaddingPx,
 				dpr: i,
 				fontSize: 12,
 				priceOffset: 0,
-				price: l.price
+				price: f.price
 			});
 		}
 	};
@@ -11583,8 +11698,24 @@ function qc(e) {
 	});
 }
 //#endregion
+//#region src/core/renderers/Indicator/scale/volume_scale.ts
+var Jc = 1e8;
+function Yc(e) {
+	return Gc({
+		axisWidth: e.axisWidth,
+		paneId: e.paneId,
+		indicatorKey: "volume",
+		label: "VOL",
+		decimals: 2,
+		yPaddingPx: e.yPaddingPx,
+		getCrosshair: e.getCrosshair,
+		formatTickLabel: (e) => (e / Jc).toFixed(2),
+		formatCrosshairLabel: (e) => `${(e / Jc).toFixed(2)}亿`
+	});
+}
+//#endregion
 //#region src/core/renderers/Indicator/scale/rsi_scale.ts
-function Jc(e) {
+function Xc(e) {
 	return Gc({
 		axisWidth: e.axisWidth,
 		paneId: e.paneId,
@@ -11597,7 +11728,7 @@ function Jc(e) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/scale/cci_scale.ts
-function Yc(e) {
+function Zc(e) {
 	return Gc({
 		axisWidth: e.axisWidth,
 		paneId: e.paneId,
@@ -11610,7 +11741,7 @@ function Yc(e) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/scale/stoch_scale.ts
-function Xc(e) {
+function Qc(e) {
 	return Gc({
 		axisWidth: e.axisWidth,
 		paneId: e.paneId,
@@ -11623,7 +11754,7 @@ function Xc(e) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/scale/mom_scale.ts
-function Zc(e) {
+function $c(e) {
 	return Gc({
 		axisWidth: e.axisWidth,
 		paneId: e.paneId,
@@ -11636,7 +11767,7 @@ function Zc(e) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/scale/wmsr_scale.ts
-function Qc(e) {
+function el(e) {
 	return Gc({
 		axisWidth: e.axisWidth,
 		paneId: e.paneId,
@@ -11649,7 +11780,7 @@ function Qc(e) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/scale/kst_scale.ts
-function $c(e) {
+function tl(e) {
 	return Gc({
 		axisWidth: e.axisWidth,
 		paneId: e.paneId,
@@ -11662,7 +11793,7 @@ function $c(e) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/scale/fastk_scale.ts
-function el(e) {
+function nl(e) {
 	return Gc({
 		axisWidth: e.axisWidth,
 		paneId: e.paneId,
@@ -11675,14 +11806,14 @@ function el(e) {
 }
 //#endregion
 //#region src/core/renderers/timeAxis.ts
-var tl = Symbol("time-axis");
-function nl(e) {
+var rl = Symbol("time-axis");
+function il(e) {
 	return {
 		name: "timeAxis",
 		version: "1.0.0",
 		description: "时间轴渲染器",
 		debugName: "时间轴",
-		paneId: tl,
+		paneId: rl,
 		priority: X.SYSTEM_XAXIS,
 		isSystem: !0,
 		draw(t) {
@@ -11721,7 +11852,7 @@ function nl(e) {
 }
 //#endregion
 //#region src/core/renderers/crosshair.ts
-function rl(e) {
+function al(e) {
 	return {
 		name: "crosshair",
 		version: "1.0.0",
@@ -11733,10 +11864,10 @@ function rl(e) {
 			let { ctx: n, pane: r, dpr: i, paneWidth: a } = t, o = e.getCrosshairState();
 			if (o.isDragging || !o.pos) return;
 			let { x: s } = o.pos, c = r.id === o.activePaneId, l = -1;
-			c && o.price !== null && (l = r.yAxis.priceToY(o.price)), n.save(), n.beginPath(), n.rect(0, 0, a, r.height), n.clip(), n.fillStyle = Ja.LINE;
-			let u = ks(s, 0, r.height, i);
+			c && o.price !== null && (l = r.yAxis.priceToY(o.price)), n.save(), n.beginPath(), n.rect(0, 0, a, r.height), n.clip(), n.fillStyle = Ya.LINE;
+			let u = As(s, 0, r.height, i);
 			if (u && n.fillRect(u.x, u.y, u.width, u.height), c && l >= 0) {
-				let e = As(0, a, Math.min(l, r.height - 1 / i), i);
+				let e = js(0, a, Math.min(l, r.height - 1 / i), i);
 				e && n.fillRect(e.x, e.y, e.width, e.height);
 			}
 			n.restore();
@@ -11745,7 +11876,7 @@ function rl(e) {
 }
 //#endregion
 //#region src/core/renderers/paneTitle.ts
-function il(e) {
+function ol(e) {
 	let t = { ...e };
 	return {
 		name: `paneTitle_${e.paneId}`,
@@ -11786,130 +11917,161 @@ function il(e) {
 }
 //#endregion
 //#region src/components/KLineChart.vue?vue&type=script&setup=true&lang.ts
-var al = { class: "chart-wrapper" }, ol = 4, sl = /* @__PURE__ */ xo(/* @__PURE__ */ u({
+var sl = { class: "chart-wrapper" }, cl = 4, ll = /* @__PURE__ */ So(/* @__PURE__ */ u({
 	__name: "KLineChart",
 	props: {
 		semanticConfig: {},
-		kWidth: { default: 10 },
-		kGap: { default: 2 },
 		yPaddingPx: { default: 0 },
 		minKWidth: { default: 2 },
 		maxKWidth: { default: 50 },
 		rightAxisWidth: { default: 0 },
 		bottomAxisHeight: { default: 24 },
 		priceLabelWidth: { default: 60 },
-		zoomLevels: { default: 10 },
-		initialZoomLevel: { default: void 0 }
+		zoomLevels: { default: 20 },
+		initialZoomLevel: { default: 3 }
 	},
 	emits: ["zoomLevelChange"],
 	setup(e, { expose: t, emit: n }) {
-		let c = e, u = _(null), v = _(null), b = _(null), x = _(c.kWidth), C = _(c.kGap), w = n, T = y(null), E = y(null), D = _(0), O = _(1);
-		function k() {
-			T.value?.scheduleDraw();
+		let c = e, u = _(null), v = _(null), b = _(null), x = n, C = y(null), w = y(null), T = _(0), E = _(1);
+		function D() {
+			C.value?.scheduleDraw();
 		}
-		function A(e) {
+		function O(e) {
 			if (!e) return;
 			let t = e.getBoundingClientRect();
-			T.value?.interaction.setTooltipSize({
+			C.value?.interaction.setTooltipSize({
 				width: Math.max(180, Math.round(t.width)),
 				height: Math.max(80, Math.round(t.height))
 			});
 		}
-		function j(e) {
+		function k(e) {
 			if (!e) return;
 			let t = e.getBoundingClientRect();
-			R.value = {
+			ee.value = {
 				width: Math.max(120, Math.round(t.width)),
 				height: Math.max(60, Math.round(t.height))
 			};
 		}
-		let M = _(null), N = _(null), ee = _({
-			x: 0,
-			y: 0
-		}), P = _(!1), te = _(!1), F = _(!1), ne = _(!1), re = _({ main: 3 }), I = _(null), L = _(null), ie = _({
+		let A = _({
 			x: 0,
 			y: 0
-		}), ae = _("right-bottom"), R = _({
+		}), j = _(!1), M = y({
+			crosshairPos: null,
+			crosshairIndex: null,
+			crosshairPrice: null,
+			hoveredIndex: null,
+			activePaneId: null,
+			tooltipPos: {
+				x: 0,
+				y: 0
+			},
+			tooltipAnchorPlacement: "right-bottom",
+			hoveredMarkerData: null,
+			hoveredCustomMarker: null,
+			isDragging: !1,
+			isResizingPaneBoundary: !1,
+			isHoveringPaneBoundary: !1,
+			isHoveringRightAxis: !1
+		}), N = _({ main: 3 }), ee = _({
 			width: 220,
 			height: 120
-		}), oe = _(0), se = r(() => {
-			let e = I.value;
+		}), P = _(0), te = r(() => M.value.hoveredMarkerData), F = r(() => M.value.hoveredCustomMarker), ne = r(() => M.value.isDragging), re = r(() => M.value.isResizingPaneBoundary), I = r(() => M.value.isHoveringPaneBoundary), L = r(() => M.value.isHoveringRightAxis), ie = r(() => M.value.hoveredIndex), ae = r(() => M.value.crosshairIndex), R = r(() => {
+			let e = M.value.hoveredIndex;
 			if (typeof e != "number") return null;
-			oe.value;
-			let t = T.value?.getData();
+			P.value;
+			let t = C.value?.getData();
 			return t && e >= 0 && e < t.length ? t[e] : null;
-		}), ce = r(() => I.value), z = r(() => ie.value), le = r(() => {
-			let e = T.value?.getViewport(), t = b.value, n = e?.plotWidth ?? (t ? t.clientWidth : 0);
-			return ee.value.x + 12 + R.value.width + 12 > n ? "left-bottom" : "right-bottom";
-		}), ue = r(() => (oe.value, T.value?.getData() ?? []));
-		function de() {
-			oe.value++;
-		}
-		let B = null;
-		function fe() {
-			let e = T.value?.interaction;
-			if (!e) {
-				F.value = !1, ne.value = !1;
-				return;
-			}
-			F.value = e.isResizingPaneBoundaryState(), ne.value = e.isHoveringPaneBoundaryState();
+		}), oe = r(() => M.value.hoveredIndex), se = r(() => M.value.tooltipPos), ce = r(() => M.value.tooltipAnchorPlacement), z = r(() => {
+			let e = C.value?.getViewport(), t = b.value, n = e?.plotWidth ?? (t ? t.clientWidth : 0);
+			return A.value.x + 12 + ee.value.width + 12 > n ? "left-bottom" : "right-bottom";
+		}), le = r(() => (P.value, C.value?.getData() ?? []));
+		function ue() {
+			P.value++;
 		}
-		function pe() {
-			let e = T.value?.interaction;
-			if (!e) {
-				I.value = null, L.value = null, M.value = null, N.value = null, fe();
-				return;
-			}
-			I.value = e.hoveredIndex ?? null, L.value = e.crosshairIndex ?? null, M.value = e.hoveredMarkerData ?? null, N.value = e.hoveredCustomMarker ?? null;
-			let t = e.tooltipAnchorPlacement;
-			t && (ae.value = t);
-			let n = e.tooltipPos;
-			n && (ie.value = {
-				x: n.x,
-				y: n.y
-			}), fe();
-		}
-		function me() {
-			B ||= requestAnimationFrame(() => {
-				pe(), B = null;
-			});
-		}
-		function he(e) {
-			T.value?.interaction.onPointerDown(e), te.value = T.value?.interaction.isDraggingState() ?? !1, pe();
+		function de(e) {
+			C.value?.interaction.onPointerDown(e);
 		}
-		function ge(e) {
+		function B(e) {
 			let t = b.value;
 			if (t) {
 				let n = t.getBoundingClientRect();
-				ee.value = {
+				A.value = {
 					x: e.clientX - n.left,
 					y: e.clientY - n.top
 				};
 			}
-			T.value?.interaction.onPointerMove(e), me();
-		}
-		function _e(e) {
-			T.value?.interaction.onPointerUp(e), te.value = T.value?.interaction.isDraggingState() ?? !1, pe();
+			C.value?.interaction.onPointerMove(e);
 		}
-		function ve(e) {
-			T.value?.interaction.onPointerLeave(e), te.value = T.value?.interaction.isDraggingState() ?? !1, I.value = null, fe();
+		function fe(e) {
+			C.value?.interaction.onPointerUp(e);
 		}
-		function ye() {
-			T.value?.interaction.onScroll(), pe();
+		function pe(e) {
+			C.value?.interaction.onPointerLeave(e);
 		}
-		let V = _([]), be = _({}), H = _([]), xe = [
-			"VOLUME",
-			"MACD",
-			"RSI",
-			"CCI",
-			"STOCH",
-			"MOM",
-			"WMSR",
-			"KST",
-			"FASTK"
-		];
-		function Se() {
-			let e = re.value.main ?? 3;
+		function me() {
+			C.value?.interaction.onScroll();
+		}
+		let V = _([]), he = _({}), H = _([]), ge = {
+			VOLUME: {
+				defaultParams: {},
+				getTitleInfo: () => ({
+					name: "VOL",
+					params: [],
+					values: []
+				})
+			},
+			MACD: {
+				defaultParams: {
+					fastPeriod: 12,
+					slowPeriod: 26,
+					signalPeriod: 9
+				},
+				getTitleInfo: (e, t, n) => t === null ? null : Zs(e, t, n.fastPeriod ?? 12, n.slowPeriod ?? 26, n.signalPeriod ?? 9)
+			},
+			RSI: {
+				defaultParams: {
+					period1: 6,
+					period2: 12,
+					period3: 24
+				},
+				getTitleInfo: (e, t, n) => t === null ? null : ec(e, t, n.period1 ?? 6, n.period2 ?? 12, n.period3 ?? 24)
+			},
+			CCI: {
+				defaultParams: { period: 14 },
+				getTitleInfo: (e, t, n) => t === null ? null : ic(e, t, n.period ?? 14)
+			},
+			STOCH: {
+				defaultParams: {
+					n: 9,
+					m: 3
+				},
+				getTitleInfo: (e, t, n) => t === null ? null : cc(e, t, n.n ?? 9, n.m ?? 3)
+			},
+			MOM: {
+				defaultParams: { period: 10 },
+				getTitleInfo: (e, t, n) => t === null ? null : fc(e, t, n.period ?? 10)
+			},
+			WMSR: {
+				defaultParams: { period: 14 },
+				getTitleInfo: (e, t, n) => t === null ? null : gc(e, t, n.period ?? 14)
+			},
+			KST: {
+				defaultParams: {
+					roc1: 10,
+					roc2: 15,
+					roc3: 20,
+					roc4: 30,
+					signalPeriod: 9
+				},
+				getTitleInfo: (e, t, n) => t === null ? null : Sc(e, t, n.roc1 ?? 10, n.roc2 ?? 15, n.roc3 ?? 20, n.roc4 ?? 30, n.signalPeriod ?? 9)
+			},
+			FASTK: {
+				defaultParams: { period: 9 },
+				getTitleInfo: (e, t, n) => t === null ? null : Ec(e, t, n.period ?? 9)
+			}
+		}, _e = Object.keys(ge);
+		function ve() {
+			let e = N.value.main ?? 3;
 			return H.value.length === 0 ? [{
 				id: "main",
 				ratio: e,
@@ -11922,205 +12084,161 @@ var al = { class: "chart-wrapper" }, ol = 4, sl = /* @__PURE__ */ xo(/* @__PURE_
 				role: "price"
 			}, ...H.value.map((e) => ({
 				id: e.id,
-				ratio: re.value[e.id] ?? 1,
+				ratio: N.value[e.id] ?? 1,
 				visible: !0,
 				role: "indicator"
 			}))];
 		}
-		function Ce(e) {
-			switch (e) {
-				case "MACD": return {
-					fastPeriod: 12,
-					slowPeriod: 26,
-					signalPeriod: 9
-				};
-				case "RSI": return {
-					period1: 6,
-					period2: 12,
-					period3: 24
-				};
-				case "CCI": return { period: 14 };
-				case "STOCH": return {
-					n: 9,
-					m: 3
-				};
-				case "MOM": return { period: 10 };
-				case "WMSR": return { period: 14 };
-				case "KST": return {
-					roc1: 10,
-					roc2: 15,
-					roc3: 20,
-					roc4: 30,
-					signalPeriod: 9
-				};
-				case "FASTK": return { period: 9 };
-				default: return {};
-			}
+		function ye(e) {
+			return { ...ge[e].defaultParams };
 		}
-		function we(e = "VOLUME", t) {
-			if (H.value.length >= ol) return !1;
+		function be(e = "VOLUME", t) {
+			if (H.value.length >= cl) return !1;
 			let n = `sub_${e}`;
 			if (H.value.some((e) => e.id === n)) return !0;
-			if (!T.value?.createSubPane(e, t ?? Ce(e))) return !1;
-			let r = il({
+			if (!C.value?.createSubPane(e, t ?? ye(e))) return !1;
+			let r = ol({
 				paneId: n,
 				title: e,
-				getTitleInfo: () => Ae(n)
+				getTitleInfo: () => Ee(n)
 			});
-			return T.value?.useRenderer(r), H.value.push({
+			return C.value?.useRenderer(r), H.value.push({
 				id: n,
 				indicatorId: e,
 				rendererName: `${e.toLowerCase()}_${n}`,
 				paneTitleRendererName: r.name,
-				params: t ?? Ce(e)
+				params: t ?? ye(e)
 			}), V.value.includes(e) || V.value.push(e), !0;
 		}
-		function Te(e) {
+		function xe(e) {
 			let t = H.value.findIndex((t) => t.id === e);
 			if (t === -1) return;
 			let n = H.value[t];
-			n && (T.value?.removeRenderer(n.paneTitleRendererName), T.value?.removeSubPane(n.indicatorId), H.value.splice(t, 1), H.value.some((e) => e.indicatorId === n.indicatorId) || (V.value = V.value.filter((e) => e !== n.indicatorId)));
+			n && (C.value?.removeRenderer(n.paneTitleRendererName), C.value?.removeSubPane(n.indicatorId), H.value.splice(t, 1), H.value.some((e) => e.indicatorId === n.indicatorId) || (V.value = V.value.filter((e) => e !== n.indicatorId)));
 		}
-		function Ee() {
-			for (let e of H.value) T.value?.removeRenderer(e.paneTitleRendererName);
-			T.value?.clearSubPanes(), H.value = [], V.value = V.value.filter((e) => !xe.includes(e));
+		function Se() {
+			for (let e of H.value) C.value?.removeRenderer(e.paneTitleRendererName);
+			C.value?.clearSubPanes(), H.value = [], V.value = V.value.filter((e) => !_e.includes(e));
 		}
-		function De() {
+		function Ce() {
 			let e = c.semanticConfig.indicators?.main;
-			if (e) for (let t of e) t.enabled && (V.value.includes(t.type) || V.value.push(t.type), t.params && (be.value[t.type] = t.params));
+			if (e) for (let t of e) t.enabled && (V.value.includes(t.type) || V.value.push(t.type), t.params && (he.value[t.type] = t.params));
 		}
-		S([V, be], ([e]) => {
-			let t = T.value;
+		S([V, he], ([e]) => {
+			let t = C.value;
 			t && (t.updateRendererConfig("mainIndicatorLegend", { indicators: {
 				MA: {
 					enabled: e.includes("MA"),
-					params: be.value.MA || {}
+					params: he.value.MA || {}
 				},
 				BOLL: {
 					enabled: e.includes("BOLL"),
-					params: be.value.BOLL || {}
+					params: he.value.BOLL || {}
 				},
 				EXPMA: {
 					enabled: e.includes("EXPMA"),
-					params: be.value.EXPMA || {}
+					params: he.value.EXPMA || {}
 				},
 				ENE: {
 					enabled: e.includes("ENE"),
-					params: be.value.ENE || {}
+					params: he.value.ENE || {}
 				}
-			} }), t.setRendererEnabled("ma", e.includes("MA")), t.setRendererEnabled("boll", e.includes("BOLL")), t.setRendererEnabled("expma", e.includes("EXPMA")), t.setRendererEnabled("ene", e.includes("ENE")), k());
+			} }), t.setRendererEnabled("ma", e.includes("MA")), t.setRendererEnabled("boll", e.includes("BOLL")), t.setRendererEnabled("expma", e.includes("EXPMA")), t.setRendererEnabled("ene", e.includes("ENE")), D());
 		}, { deep: !0 });
-		function Oe() {
-			let e = T.value?.getSubPaneIndicators() ?? [];
+		function we() {
+			let e = C.value?.getSubPaneIndicators() ?? [];
 			H.value = [];
 			for (let t of e) {
-				let e = `sub_${t}`, n = il({
+				let e = `sub_${t}`, n = ol({
 					paneId: e,
 					title: t,
-					getTitleInfo: () => Ae(e)
+					getTitleInfo: () => Ee(e)
 				});
-				T.value?.useRenderer(n), H.value.push({
+				C.value?.useRenderer(n), H.value.push({
 					id: e,
 					indicatorId: t,
 					rendererName: `${t.toLowerCase()}_${e}`,
 					paneTitleRendererName: n.name,
-					params: Ce(t)
+					params: ye(t)
 				}), V.value.includes(t) || V.value.push(t);
 			}
 		}
-		function ke(e, t) {
+		function Te(e, t) {
 			let n = H.value.find((t) => t.id === e);
 			if (!n) return;
 			let r = n.indicatorId;
-			T.value?.removeRenderer(n.paneTitleRendererName), T.value?.removeSubPane(r), T.value?.createSubPane(t, Ce(t));
-			let i = `sub_${t}`, a = il({
+			C.value?.removeRenderer(n.paneTitleRendererName), C.value?.removeSubPane(r), C.value?.createSubPane(t, ye(t));
+			let i = `sub_${t}`, a = ol({
 				paneId: i,
 				title: t,
-				getTitleInfo: () => Ae(i)
+				getTitleInfo: () => Ee(i)
 			});
-			T.value?.useRenderer(a);
+			C.value?.useRenderer(a);
 			let o = H.value.findIndex((t) => t.id === e);
 			o !== -1 && (H.value[o] = {
 				id: i,
 				indicatorId: t,
 				rendererName: `${t.toLowerCase()}_${i}`,
 				paneTitleRendererName: a.name,
-				params: Ce(t)
+				params: ye(t)
 			}), V.value = V.value.filter((e) => e !== r), V.value.includes(t) || V.value.push(t);
 		}
-		function Ae(e) {
+		function Ee(e) {
 			let t = H.value.find((t) => t.id === e);
 			if (!t) return null;
-			let n = T.value?.getData();
+			let n = C.value?.getData();
 			if (!n || n.length === 0) return null;
-			let r = t.params;
-			if (t.indicatorId === "VOLUME") return {
-				name: "VOL",
-				params: [],
-				values: []
-			};
-			let i = L.value;
-			if (i === null) return null;
-			switch (t.indicatorId) {
-				case "MACD": return Zs(n, i, r.fastPeriod ?? 12, r.slowPeriod ?? 26, r.signalPeriod ?? 9);
-				case "RSI": return ec(n, i, r.period1 ?? 6, r.period2 ?? 12, r.period3 ?? 24);
-				case "CCI": return ic(n, i, r.period ?? 14);
-				case "STOCH": return cc(n, i, r.n ?? 9, r.m ?? 3);
-				case "MOM": return fc(n, i, r.period ?? 10);
-				case "WMSR": return gc(n, i, r.period ?? 14);
-				case "KST": return Sc(n, i, r.roc1 ?? 10, r.roc2 ?? 15, r.roc3 ?? 20, r.roc4 ?? 30, r.signalPeriod ?? 9);
-				case "FASTK": return Ec(n, i, r.period ?? 9);
-				default: return null;
-			}
-		}
-		function je(e, t) {
+			let r = ge[t.indicatorId], i = t.params;
+			return r.getTitleInfo(n, ae.value, i);
+		}
+		function De(e, t) {
 			if (e === "MA" || e === "BOLL" || e === "EXPMA" || e === "ENE") {
 				t ? V.value.includes(e) || V.value.push(e) : V.value = V.value.filter((t) => t !== e);
 				return;
 			}
-			if (xe.includes(e)) {
+			if (_e.includes(e)) {
 				if (t) {
 					if (V.value.includes(e) || V.value.push(e), H.value.find((t) => t.indicatorId === e)) return;
-					if (!we(e)) {
+					if (!be(e)) {
 						let t = H.value[H.value.length - 1];
-						t && ke(t.id, e);
+						t && Te(t.id, e);
 					}
-				} else V.value = V.value.filter((t) => t !== e), H.value.filter((t) => t.indicatorId === e).forEach((e) => Te(e.id));
-				k();
+				} else V.value = V.value.filter((t) => t !== e), H.value.filter((t) => t.indicatorId === e).forEach((e) => xe(e.id));
+				D();
 			}
 		}
-		function Me() {
-			T.value?.updateRendererConfig("mainIndicatorLegend", { indicators: {
+		function Oe() {
+			C.value?.updateRendererConfig("mainIndicatorLegend", { indicators: {
 				MA: {
 					enabled: V.value.includes("MA"),
-					params: be.value.MA || {}
+					params: he.value.MA || {}
 				},
 				BOLL: {
 					enabled: V.value.includes("BOLL"),
-					params: be.value.BOLL || {}
+					params: he.value.BOLL || {}
 				},
 				EXPMA: {
 					enabled: V.value.includes("EXPMA"),
-					params: be.value.EXPMA || {}
+					params: he.value.EXPMA || {}
 				},
 				ENE: {
 					enabled: V.value.includes("ENE"),
-					params: be.value.ENE || {}
+					params: he.value.ENE || {}
 				}
 			} });
 		}
-		function Ne(e, t) {
-			if (be.value[e] = t, e === "MA" || e === "BOLL" || e === "EXPMA" || e === "ENE") {
-				e === "BOLL" && T.value?.updateRendererConfig("boll", t), e === "EXPMA" && T.value?.updateRendererConfig("expma", t), e === "ENE" && T.value?.updateRendererConfig("ene", t), Me(), k();
+		function ke(e, t) {
+			if (he.value[e] = t, e === "MA" || e === "BOLL" || e === "EXPMA" || e === "ENE") {
+				e === "BOLL" && C.value?.updateRendererConfig("boll", t), e === "EXPMA" && C.value?.updateRendererConfig("expma", t), e === "ENE" && C.value?.updateRendererConfig("ene", t), Oe(), D();
 				return;
 			}
-			xe.includes(e) && H.value.filter((t) => t.indicatorId === e).forEach((e) => {
-				e.params = { ...t }, T.value?.updateRendererConfig(e.rendererName, t);
-			}), k();
+			_e.includes(e) && H.value.filter((t) => t.indicatorId === e).forEach((e) => {
+				e.params = { ...t }, C.value?.updateRendererConfig(e.rendererName, t);
+			}), D();
 		}
-		function Pe(e) {
+		function Ae(e) {
 			if (!e.length || H.value.length <= 1) return;
-			let t = e.filter((e) => xe.includes(e));
+			let t = e.filter((e) => _e.includes(e));
 			if (!t.length) return;
 			let n = new Map(H.value.map((e) => [e.indicatorId, e])), r = [];
 			for (let e of t) {
@@ -12132,40 +12250,42 @@ var al = { class: "chart-wrapper" }, ol = 4, sl = /* @__PURE__ */ xo(/* @__PURE_
 			let i = H.value.map((e) => e.id), a = r.map((e) => e.id);
 			if (i.join("|") === a.join("|")) return;
 			H.value = r;
-			let o = V.value.filter((e) => !xe.includes(e)), s = H.value.map((e) => e.indicatorId);
+			let o = V.value.filter((e) => !_e.includes(e)), s = H.value.map((e) => e.indicatorId);
 			V.value = [...o, ...s];
-			let c = T.value;
-			c && c.updatePaneLayout(Se());
-		}
-		let Fe = r(() => {
-			let e = D.value, t = O.value, { startXPx: n, unitPx: r } = _s(x.value, C.value, t);
-			return (n + e * r) / t + (c.rightAxisWidth + c.priceLabelWidth);
+			let c = C.value;
+			c && c.updatePaneLayout(ve());
+		}
+		let je = r(() => {
+			let e = C.value, t = T.value;
+			if (!e || t === 0) return 0;
+			let n = E.value, r = e.getOption(), { startXPx: i, unitPx: a } = vs(r.kWidth ?? c.minKWidth, r.kGap ?? 3 / n, n);
+			return (i + t * a) / n + (c.rightAxisWidth + c.priceLabelWidth);
 		});
-		function Ie() {
+		function Me() {
 			let e = b.value;
-			e && (e.scrollLeft = e.scrollWidth, k());
+			e && (e.scrollLeft = e.scrollWidth, D());
 		}
 		return t({
-			scheduleRender: k,
-			scrollToRight: Ie,
-			addSubPane: we,
-			removeSubPane: Te,
-			switchSubIndicator: ke,
-			clearAllSubPanes: Ee,
+			scheduleRender: D,
+			scrollToRight: Me,
+			addSubPane: be,
+			removeSubPane: xe,
+			switchSubIndicator: Te,
+			clearAllSubPanes: Se,
 			get plugin() {
-				return T.value?.plugin;
+				return C.value?.plugin;
 			},
-			zoomToLevel: (e, t) => T.value?.zoomToLevel(e, t),
-			zoomIn: (e) => T.value?.zoomIn(e),
-			zoomOut: (e) => T.value?.zoomOut(e),
-			getZoomLevel: () => T.value?.getZoomLevel() ?? 1,
-			getZoomLevelCount: () => T.value?.getZoomLevelCount() ?? 10
+			zoomToLevel: (e, t) => C.value?.zoomToLevel(e, t),
+			zoomIn: (e) => C.value?.zoomIn(e),
+			zoomOut: (e) => C.value?.zoomOut(e),
+			getZoomLevel: () => C.value?.getZoomLevel() ?? 1,
+			getZoomLevelCount: () => C.value?.getZoomLevelCount() ?? 10
 		}), m(() => {
-			P.value = typeof CSS < "u" && CSS.supports("anchor-name: --kmap-anchor") && CSS.supports("position-anchor: --kmap-anchor");
+			j.value = typeof CSS < "u" && CSS.supports("anchor-name: --kmap-anchor") && CSS.supports("position-anchor: --kmap-anchor");
 			let e = b.value, t = v.value, n = u.value;
 			if (!e || !t || !n) return;
 			let r = (e) => {
-				T.value?.interaction.onWheel(e), pe();
+				C.value?.interaction.onWheel(e);
 			};
 			e.addEventListener("wheel", r, { passive: !1 });
 			let i = new Oc({
@@ -12173,8 +12293,6 @@ var al = { class: "chart-wrapper" }, ol = 4, sl = /* @__PURE__ */ xo(/* @__PURE_
 				canvasLayer: t,
 				xAxisCanvas: n
 			}, {
-				kWidth: x.value,
-				kGap: C.value,
 				yPaddingPx: c.yPaddingPx,
 				rightAxisWidth: c.rightAxisWidth,
 				bottomAxisHeight: c.bottomAxisHeight,
@@ -12189,21 +12307,21 @@ var al = { class: "chart-wrapper" }, ol = 4, sl = /* @__PURE__ */ xo(/* @__PURE_
 				zoomLevels: c.zoomLevels,
 				initialZoomLevel: c.initialZoomLevel
 			});
-			i.setOnZoomChange(async (e, t, n) => {
-				x.value = e, C.value = t, await d(), await new Promise((e) => requestAnimationFrame(() => e()));
-				let r = b.value;
-				if (!r) return;
-				let a = Math.max(0, r.scrollWidth - r.clientWidth);
-				r.scrollLeft = Math.min(Math.max(0, n), a), i.applyZoom(e, t);
+			i.setOnZoomChange(async (e, t, n, r) => {
+				await d(), await new Promise((e) => requestAnimationFrame(() => e()));
+				let a = b.value;
+				if (!a) return;
+				let o = Math.max(0, a.scrollWidth - a.clientWidth);
+				a.scrollLeft = Math.min(Math.max(0, r), o), i.applyZoom(e);
 			}), i.setOnZoomLevelChange((e, t) => {
-				w("zoomLevelChange", e, t);
-			}), i.useRenderer(Ic()), i.useRenderer(Rc()), i.useRenderer(Ns({
+				x("zoomLevelChange", e, t);
+			}), i.useRenderer(Ic()), i.useRenderer(Rc()), i.useRenderer(Ps({
 				ma5: !0,
 				ma10: !0,
 				ma20: !0,
 				ma30: !0,
 				ma60: !0
-			})), i.useRenderer(Fs()), i.setRendererEnabled("boll", !1), i.useRenderer(zs()), i.setRendererEnabled("expma", !1), i.useRenderer(Hs()), i.setRendererEnabled("ene", !1), i.useRenderer(Nc()), i.useRenderer(Lc()), i.useRenderer(Ca());
+			})), i.useRenderer(Is()), i.setRendererEnabled("boll", !1), i.useRenderer(Bs()), i.setRendererEnabled("expma", !1), i.useRenderer(Us()), i.setRendererEnabled("ene", !1), i.useRenderer(Nc()), i.useRenderer(Lc()), i.useRenderer(Ca());
 			let a = c.rightAxisWidth + c.priceLabelWidth, o = () => {
 				let e = i.interaction.crosshairPos, t = i.interaction.crosshairPrice, n = i.interaction.activePaneId;
 				return e && t !== null ? {
@@ -12216,38 +12334,42 @@ var al = { class: "chart-wrapper" }, ol = 4, sl = /* @__PURE__ */ xo(/* @__PURE_
 				axisWidth: a,
 				yPaddingPx: c.yPaddingPx,
 				getCrosshair: o
-			})), i.useRenderer(Ws({ yPaddingPx: c.yPaddingPx }));
+			})), i.useRenderer(Gs({ yPaddingPx: c.yPaddingPx }));
 			let s = [
+				{
+					create: Yc,
+					paneId: "sub_VOLUME"
+				},
 				{
 					create: qc,
 					paneId: "sub_MACD"
 				},
 				{
-					create: Jc,
+					create: Xc,
 					paneId: "sub_RSI"
 				},
 				{
-					create: Yc,
+					create: Zc,
 					paneId: "sub_CCI"
 				},
 				{
-					create: Xc,
+					create: Qc,
 					paneId: "sub_STOCH"
 				},
 				{
-					create: Zc,
+					create: $c,
 					paneId: "sub_MOM"
 				},
 				{
-					create: Qc,
+					create: el,
 					paneId: "sub_WMSR"
 				},
 				{
-					create: $c,
+					create: tl,
 					paneId: "sub_KST"
 				},
 				{
-					create: el,
+					create: nl,
 					paneId: "sub_FASTK"
 				}
 			];
@@ -12257,12 +12379,12 @@ var al = { class: "chart-wrapper" }, ol = 4, sl = /* @__PURE__ */ xo(/* @__PURE_
 				yPaddingPx: c.yPaddingPx,
 				getCrosshair: o
 			}));
-			i.useRenderer(rl({ getCrosshairState: () => ({
+			i.useRenderer(al({ getCrosshairState: () => ({
 				pos: i.interaction.crosshairPos,
 				activePaneId: i.interaction.activePaneId,
 				isDragging: i.interaction.isDraggingState(),
 				price: i.interaction.crosshairPrice
-			}) })), i.useRenderer(nl({
+			}) })), i.useRenderer(il({
 				height: c.bottomAxisHeight,
 				getCrosshair: () => {
 					let e = i.interaction.crosshairPos, t = i.interaction.crosshairIndex;
@@ -12272,57 +12394,52 @@ var al = { class: "chart-wrapper" }, ol = 4, sl = /* @__PURE__ */ xo(/* @__PURE_
 					} : null;
 				}
 			})), i.setOnViewportChange((e) => {
-				O.value = e.dpr;
+				E.value = e.dpr;
 			}), i.setOnPaneLayoutChange((e) => {
 				let t = {};
 				for (let n of e) t[n.id] = n.ratio;
-				re.value = t;
-			}), T.value = i, i.interaction.setTooltipAnchorPositioning(P.value), O.value = i.getCurrentDpr(), i.resize(), E.value = new qi(i), E.value.on("config:error", (e) => {
+				N.value = t;
+			}), C.value = i, i.interaction.setTooltipAnchorPositioning(j.value), i.interaction.setOnInteractionChange((e) => {
+				M.value = e;
+			}), M.value = i.interaction.getInteractionSnapshot(), E.value = i.getCurrentDpr(), i.resize(), w.value = new qi(i), w.value.on("config:error", (e) => {
 				console.error("Semantic config error:", e);
-			}), E.value.on("config:ready", () => {
-				D.value = i.getData()?.length ?? 0, de(), De(), Oe(), d(() => Ie());
-			}), E.value.applyConfig(c.semanticConfig).then((e) => {
+			}), w.value.on("config:ready", () => {
+				T.value = i.getData()?.length ?? 0, ue(), Ce(), we(), d(() => Me());
+			}), w.value.applyConfig(c.semanticConfig).then((e) => {
 				e && !e.success && console.error("Semantic config apply failed:", e.errors);
-			}), i.interaction.setOnMarkerHover((e) => {
-				M.value = e, k();
-			}), i.interaction.setOnCustomMarkerHover((e) => {
-				N.value = e, k();
 			}), i.__onWheel = r;
 		}), h(() => {
-			let e = T.value;
+			let e = C.value;
 			if (e) {
 				let t = e.__onWheel, n = b.value;
 				t && n && n.removeEventListener("wheel", t), e.destroy();
 			}
-			T.value = null;
-		}), S(() => [c.kWidth, c.kGap], ([e, t]) => {
-			typeof e == "number" && (x.value = e), typeof t == "number" && (C.value = t), T.value?.updateOptions({
-				kWidth: x.value,
-				kGap: C.value
-			});
+			C.value = null;
 		}), S(() => c.yPaddingPx, (e) => {
-			T.value?.updateOptions({ yPaddingPx: e }), k();
+			C.value?.updateOptions({ yPaddingPx: e }), D();
 		}), S(() => c.semanticConfig, async (e, t) => {
 			if (e && e !== t) {
-				let t = await E.value?.applyConfig(e);
+				let t = await w.value?.applyConfig(e);
 				t && !t.success && console.error("Semantic config apply failed:", t.errors);
 			}
-		}, { deep: !0 }), (e, t) => (g(), o("div", al, [s("div", {
+		}, { deep: !0 }), (e, t) => (g(), o("div", sl, [s("div", {
 			class: f(["chart-container", {
-				"is-dragging": te.value,
-				"is-resizing-pane": F.value,
-				"is-hovering-pane-separator": ne.value
+				"is-dragging": ne.value,
+				"is-resizing-pane": re.value,
+				"is-hovering-pane-separator": I.value,
+				"is-hovering-right-axis": L.value,
+				"is-hovering-kline": ie.value !== null
 			}]),
 			ref_key: "containerRef",
 			ref: b,
-			onScrollPassive: ye,
-			onPointerdown: he,
-			onPointermove: ge,
-			onPointerup: _e,
-			onPointerleave: ve
+			onScrollPassive: me,
+			onPointerdown: de,
+			onPointermove: B,
+			onPointerup: fe,
+			onPointerleave: pe
 		}, [s("div", {
 			class: "scroll-content",
-			style: p({ width: Fe.value + "px" })
+			style: p({ width: je.value + "px" })
 		}, [s("div", {
 			class: "canvas-layer",
 			ref_key: "canvasLayerRef",
@@ -12333,31 +12450,31 @@ var al = { class: "chart-wrapper" }, ol = 4, sl = /* @__PURE__ */ xo(/* @__PURE_
 				ref_key: "xAxisCanvasRef",
 				ref: u
 			}, null, 512),
-			se.value ? (g(), o("div", {
+			R.value ? (g(), o("div", {
 				key: 0,
-				class: f(["tooltip-anchor kline-tooltip-anchor", { "use-anchor": P.value }]),
+				class: f(["tooltip-anchor kline-tooltip-anchor", { "use-anchor": j.value }]),
 				style: p({
-					left: `${z.value.x}px`,
-					top: `${z.value.y}px`
+					left: `${se.value.x}px`,
+					top: `${se.value.y}px`
 				})
 			}, null, 6)) : a("", !0),
-			M.value || N.value ? (g(), o("div", {
+			te.value || F.value ? (g(), o("div", {
 				key: 1,
-				class: f(["tooltip-anchor marker-tooltip-anchor", { "use-anchor": P.value }]),
+				class: f(["tooltip-anchor marker-tooltip-anchor", { "use-anchor": j.value }]),
 				style: p({
-					left: `${ee.value.x}px`,
-					top: `${ee.value.y}px`
+					left: `${A.value.x}px`,
+					top: `${A.value.y}px`
 				})
 			}, null, 6)) : a("", !0),
-			se.value ? (g(), i(So, {
+			R.value ? (g(), i(Co, {
 				key: 2,
-				k: se.value,
-				index: ce.value,
-				data: ue.value,
-				pos: z.value,
-				"set-el": A,
-				"use-anchor": P.value,
-				"anchor-placement": ae.value
+				k: R.value,
+				index: oe.value,
+				data: le.value,
+				pos: se.value,
+				"set-el": O,
+				"use-anchor": j.value,
+				"anchor-placement": ce.value
 			}, null, 8, [
 				"k",
 				"index",
@@ -12366,29 +12483,29 @@ var al = { class: "chart-wrapper" }, ol = 4, sl = /* @__PURE__ */ xo(/* @__PURE_
 				"use-anchor",
 				"anchor-placement"
 			])) : a("", !0),
-			M.value || N.value ? (g(), i(Do, {
+			te.value || F.value ? (g(), i(Oo, {
 				key: 3,
-				marker: M.value || N.value,
-				pos: ee.value,
-				"use-anchor": P.value,
-				"anchor-placement": le.value,
-				"set-el": j
+				marker: te.value || F.value,
+				pos: A.value,
+				"use-anchor": j.value,
+				"anchor-placement": z.value,
+				"set-el": k
 			}, null, 8, [
 				"marker",
 				"pos",
 				"use-anchor",
 				"anchor-placement"
 			])) : a("", !0)
-		], 512)], 4)], 34), l(hs, {
+		], 512)], 4)], 34), l(gs, {
 			"active-indicators": V.value,
-			"indicator-params": be.value,
-			onToggle: je,
-			onUpdateParams: Ne,
-			onReorderSubIndicators: Pe
+			"indicator-params": he.value,
+			onToggle: De,
+			onUpdateParams: ke,
+			onReorderSubIndicators: Ae
 		}, null, 8, ["active-indicators", "indicator-params"])]));
 	}
-}), [["__scopeId", "data-v-288af50a"]]), cl = { install(e) {
-	e.component("KLineChart", sl);
+}), [["__scopeId", "data-v-289d47a8"]]), ul = { install(e) {
+	e.component("KLineChart", ll);
 } };
 //#endregion
-export { pa as ConfigManager, F as EventBus, ua as GLOBAL_PANE_ID, fa as HookSystem, sl as KLineChart, cl as KMapPlugin, ha as PluginHostImpl, da as PluginRegistry, ca as PluginState, X as RENDERER_PRIORITY, va as RendererPluginManager, ga as createPluginHost, la as wrapPaneInfo };
+export { pa as ConfigManager, F as EventBus, ua as GLOBAL_PANE_ID, fa as HookSystem, ll as KLineChart, ul as KMapPlugin, ha as PluginHostImpl, da as PluginRegistry, ca as PluginState, X as RENDERER_PRIORITY, va as RendererPluginManager, ga as createPluginHost, la as wrapPaneInfo };