@363045841yyt/klinechart 0.3.1 → 0.4.0

package/dist/index.js

@@ -57,30 +57,30 @@ function te(e, t) {
 }
 //#endregion
 //#region node_modules/.pnpm/axios@1.15.2/node_modules/axios/lib/utils.js
-var { toString: ne } = Object.prototype, { getPrototypeOf: re } = Object, { iterator: ie, toStringTag: ae } = Symbol, oe = ((e) => (t) => {
+var { toString: ne } = Object.prototype, { getPrototypeOf: re } = Object, { iterator: ie, toStringTag: ae } = Symbol, L = ((e) => (t) => {
 	let n = ne.call(t);
 	return e[n] || (e[n] = n.slice(8, -1).toLowerCase());
-})(Object.create(null)), L = (e) => (e = e.toLowerCase(), (t) => oe(t) === e), se = (e) => (t) => typeof t === e, { isArray: ce } = Array, le = se("undefined");
-function ue(e) {
-	return e !== null && !le(e) && e.constructor !== null && !le(e.constructor) && V(e.constructor.isBuffer) && e.constructor.isBuffer(e);
+})(Object.create(null)), R = (e) => (e = e.toLowerCase(), (t) => L(t) === e), oe = (e) => (t) => typeof t === e, { isArray: se } = Array, ce = oe("undefined");
+function le(e) {
+	return e !== null && !ce(e) && e.constructor !== null && !ce(e.constructor) && V(e.constructor.isBuffer) && e.constructor.isBuffer(e);
 }
-var R = L("ArrayBuffer");
+var ue = R("ArrayBuffer");
 function z(e) {
 	let t;
-	return t = typeof ArrayBuffer < "u" && ArrayBuffer.isView ? ArrayBuffer.isView(e) : e && e.buffer && R(e.buffer), t;
+	return t = typeof ArrayBuffer < "u" && ArrayBuffer.isView ? ArrayBuffer.isView(e) : e && e.buffer && ue(e.buffer), t;
 }
-var B = se("string"), V = se("function"), de = se("number"), fe = (e) => typeof e == "object" && !!e, pe = (e) => e === !0 || e === !1, me = (e) => {
-	if (oe(e) !== "object") return !1;
+var B = oe("string"), V = oe("function"), de = oe("number"), fe = (e) => typeof e == "object" && !!e, pe = (e) => e === !0 || e === !1, me = (e) => {
+	if (L(e) !== "object") return !1;
 	let t = re(e);
 	return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(ae in e) && !(ie in e);
 }, he = (e) => {
-	if (!fe(e) || ue(e)) return !1;
+	if (!fe(e) || le(e)) return !1;
 	try {
 		return Object.keys(e).length === 0 && Object.getPrototypeOf(e) === Object.prototype;
 	} catch {
 		return !1;
 	}
-}, ge = L("Date"), _e = L("File"), ve = (e) => !!(e && e.uri !== void 0), ye = (e) => e && e.getParts !== void 0, be = L("Blob"), xe = L("FileList"), Se = (e) => fe(e) && V(e.pipe);
+}, ge = R("Date"), _e = R("File"), ve = (e) => !!(e && e.uri !== void 0), ye = (e) => e && e.getParts !== void 0, be = R("Blob"), xe = R("FileList"), Se = (e) => fe(e) && V(e.pipe);
 function Ce() {
 	return typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {};
 }
@@ -89,37 +89,37 @@ var we = Ce(), Te = we.FormData === void 0 ? void 0 : we.FormData, Ee = (e) => {
 	if (Te && e instanceof Te) return !0;
 	let t = re(e);
 	if (!t || t === Object.prototype || !V(e.append)) return !1;
-	let n = oe(e);
+	let n = L(e);
 	return n === "formdata" || n === "object" && V(e.toString) && e.toString() === "[object FormData]";
-}, De = L("URLSearchParams"), [Oe, ke, Ae, je] = [
+}, De = R("URLSearchParams"), [Oe, ke, Ae, je] = [
 	"ReadableStream",
 	"Request",
 	"Response",
 	"Headers"
-].map(L), Me = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
+].map(R), Me = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
 function Ne(e, t, { allOwnKeys: n = !1 } = {}) {
 	if (e == null) return;
 	let r, i;
-	if (typeof e != "object" && (e = [e]), ce(e)) for (r = 0, i = e.length; r < i; r++) t.call(null, e[r], r, e);
+	if (typeof e != "object" && (e = [e]), se(e)) for (r = 0, i = e.length; r < i; r++) t.call(null, e[r], r, e);
 	else {
-		if (ue(e)) return;
+		if (le(e)) return;
 		let i = n ? Object.getOwnPropertyNames(e) : Object.keys(e), a = i.length, o;
 		for (r = 0; r < a; r++) o = i[r], t.call(null, e[o], o, e);
 	}
 }
 function Pe(e, t) {
-	if (ue(e)) return null;
+	if (le(e)) return null;
 	t = t.toLowerCase();
 	let n = Object.keys(e), r = n.length, i;
 	for (; r-- > 0;) if (i = n[r], t === i.toLowerCase()) return i;
 	return null;
 }
-var Fe = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Ie = (e) => !le(e) && e !== Fe;
+var Fe = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Ie = (e) => !ce(e) && e !== Fe;
 function Le() {
 	let { caseless: e, skipUndefined: t } = Ie(this) && this || {}, n = {}, r = (r, i) => {
 		if (i === "__proto__" || i === "constructor" || i === "prototype") return;
 		let a = e && Pe(n, i) || i;
-		me(n[a]) && me(r) ? n[a] = Le(n[a], r) : me(r) ? n[a] = Le({}, r) : ce(r) ? n[a] = r.slice() : (!t || !le(r)) && (n[a] = r);
+		me(n[a]) && me(r) ? n[a] = Le(n[a], r) : me(r) ? n[a] = Le({}, r) : se(r) ? n[a] = r.slice() : (!t || !ce(r)) && (n[a] = r);
 	};
 	for (let e = 0, t = arguments.length; e < t; e++) arguments[e] && Ne(arguments[e], r);
 	return n;
@@ -157,7 +157,7 @@ var Re = (e, t, n, { allOwnKeys: r } = {}) => (Ne(t, (t, r) => {
 	return r !== -1 && r === n;
 }, Ue = (e) => {
 	if (!e) return null;
-	if (ce(e)) return e;
+	if (se(e)) return e;
 	let t = e.length;
 	if (!de(t)) return null;
 	let n = Array(t);
@@ -173,9 +173,9 @@ var Re = (e, t, n, { allOwnKeys: r } = {}) => (Ne(t, (t, r) => {
 	let n, r = [];
 	for (; (n = e.exec(t)) !== null;) r.push(n);
 	return r;
-}, qe = L("HTMLFormElement"), Je = (e) => e.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g, function(e, t, n) {
+}, qe = R("HTMLFormElement"), Je = (e) => e.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g, function(e, t, n) {
 	return t.toUpperCase() + n;
-}), Ye = (({ hasOwnProperty: e }) => (t, n) => e.call(t, n))(Object.prototype), Xe = L("RegExp"), Ze = (e, t) => {
+}), Ye = (({ hasOwnProperty: e }) => (t, n) => e.call(t, n))(Object.prototype), Xe = R("RegExp"), Ze = (e, t) => {
 	let n = Object.getOwnPropertyDescriptors(e), r = {};
 	Ne(n, (n, i) => {
 		let a;
@@ -205,7 +205,7 @@ var Re = (e, t, n, { allOwnKeys: r } = {}) => (Ne(t, (t, r) => {
 			n[e] = !0;
 		});
 	};
-	return ce(e) ? r(e) : r(String(e).split(t)), n;
+	return se(e) ? r(e) : r(String(e).split(t)), n;
 }, et = () => {}, tt = (e, t) => e != null && Number.isFinite(e = +e) ? e : t;
 function nt(e) {
 	return !!(e && V(e.append) && e[ae] === "FormData" && e[ie]);
@@ -214,27 +214,27 @@ var rt = (e) => {
 	let t = Array(10), n = (e, r) => {
 		if (fe(e)) {
 			if (t.indexOf(e) >= 0) return;
-			if (ue(e)) return e;
+			if (le(e)) return e;
 			if (!("toJSON" in e)) {
 				t[r] = e;
-				let i = ce(e) ? [] : {};
+				let i = se(e) ? [] : {};
 				return Ne(e, (e, t) => {
 					let a = n(e, r + 1);
-					!le(a) && (i[t] = a);
+					!ce(a) && (i[t] = a);
 				}), t[r] = void 0, i;
 			}
 		}
 		return e;
 	};
 	return n(e, 0);
-}, it = L("AsyncFunction"), at = (e) => e && (fe(e) || V(e)) && V(e.then) && V(e.catch), ot = ((e, t) => e ? setImmediate : t ? ((e, t) => (Fe.addEventListener("message", ({ source: n, data: r }) => {
+}, it = R("AsyncFunction"), at = (e) => e && (fe(e) || V(e)) && V(e.then) && V(e.catch), ot = ((e, t) => e ? setImmediate : t ? ((e, t) => (Fe.addEventListener("message", ({ source: n, data: r }) => {
 	n === Fe && r === e && t.length && t.shift()();
 }, !1), (n) => {
 	t.push(n), Fe.postMessage(e, "*");
 }))(`axios@${Math.random()}`, []) : (e) => setTimeout(e))(typeof setImmediate == "function", V(Fe.postMessage)), H = {
-	isArray: ce,
-	isArrayBuffer: R,
-	isBuffer: ue,
+	isArray: se,
+	isArrayBuffer: ue,
+	isBuffer: le,
 	isFormData: Ee,
 	isArrayBufferView: z,
 	isString: B,
@@ -247,7 +247,7 @@ var rt = (e) => {
 	isRequest: ke,
 	isResponse: Ae,
 	isHeaders: je,
-	isUndefined: le,
+	isUndefined: ce,
 	isDate: ge,
 	isFile: _e,
 	isReactNativeBlob: ve,
@@ -266,8 +266,8 @@ var rt = (e) => {
 	stripBOM: ze,
 	inherits: Be,
 	toFlatObject: Ve,
-	kindOf: oe,
-	kindOfTest: L,
+	kindOf: L,
+	kindOfTest: R,
 	endsWith: He,
 	toArray: Ue,
 	forEachEntry: Ge,
@@ -3530,7 +3530,7 @@ var ur = /* @__PURE__ */ M(((e) => {
 	function N(e, t, n, a) {
 		let { gen: o, schema: s, data: u, allErrors: f, opts: p, self: m } = e, { RULES: h } = m;
 		if (s.$ref && (p.ignoreKeywordsWithRef || !(0, d.schemaHasRulesButRef)(s, h))) {
-			o.block(() => L(e, "$ref", h.all.$ref.definition));
+			o.block(() => R(e, "$ref", h.all.$ref.definition));
 			return;
 		}
 		p.jtd || ee(e, t), o.block(() => {
@@ -3544,7 +3544,7 @@ var ur = /* @__PURE__ */ M(((e) => {
 	function P(e, t) {
 		let { gen: n, schema: i, opts: { useDefaults: o } } = e;
 		o && (0, a.assignDefaults)(e, t.type), n.block(() => {
-			for (let n of t.rules) (0, r.shouldUseRule)(i, n) && L(e, n.keyword, n.definition, t.type);
+			for (let n of t.rules) (0, r.shouldUseRule)(i, n) && R(e, n.keyword, n.definition, t.type);
 		});
 	}
 	function ee(e, t) {
@@ -3589,9 +3589,9 @@ var ur = /* @__PURE__ */ M(((e) => {
 		let n = e.schemaEnv.baseId + e.errSchemaPath;
 		t += ` at "${n}" (strictTypes)`, (0, d.checkStrictMode)(e, t, e.opts.strictTypes);
 	}
-	var oe = class {
+	var L = class {
 		constructor(e, t, n) {
-			if ((0, o.validateKeywordUsage)(e, t, n), this.gen = e.gen, this.allErrors = e.allErrors, this.keyword = n, this.data = e.data, this.schema = e.schema[n], this.$data = t.$data && e.opts.$data && this.schema && this.schema.$data, this.schemaValue = (0, d.schemaRefOrVal)(e, this.schema, n, this.$data), this.schemaType = t.schemaType, this.parentSchema = e.schema, this.params = {}, this.it = e, this.def = t, this.$data) this.schemaCode = e.gen.const("vSchema", le(this.$data, e));
+			if ((0, o.validateKeywordUsage)(e, t, n), this.gen = e.gen, this.allErrors = e.allErrors, this.keyword = n, this.data = e.data, this.schema = e.schema[n], this.$data = t.$data && e.opts.$data && this.schema && this.schema.$data, this.schemaValue = (0, d.schemaRefOrVal)(e, this.schema, n, this.$data), this.schemaType = t.schemaType, this.parentSchema = e.schema, this.params = {}, this.it = e, this.def = t, this.$data) this.schemaCode = e.gen.const("vSchema", ce(this.$data, e));
 			else if (this.schemaCode = this.schemaValue, !(0, o.validSchemaType)(this.schema, t.schemaType, t.allowUndefined)) throw Error(`${n} value must be ${JSON.stringify(t.schemaType)}`);
 			("code" in t ? t.trackErrors : t.errors !== !1) && (this.errsCount = e.gen.const("_errs", l.default.errors));
 		}
@@ -3689,20 +3689,20 @@ var ur = /* @__PURE__ */ M(((e) => {
 			if (n.opts.unevaluated && (n.props !== !0 || n.items !== !0)) return r.if(t, () => this.mergeEvaluated(e, c.Name)), !0;
 		}
 	};
-	e.KeywordCxt = oe;
-	function L(e, t, n, r) {
-		let i = new oe(e, n, t);
+	e.KeywordCxt = L;
+	function R(e, t, n, r) {
+		let i = new L(e, n, t);
 		"code" in n ? n.code(i, r) : i.$data && n.validate ? (0, o.funcKeywordCode)(i, n) : "macro" in n ? (0, o.macroKeywordCode)(i, n) : (n.compile || n.validate) && (0, o.funcKeywordCode)(i, n);
 	}
-	var se = /^\/(?:[^~]|~0|~1)*$/, ce = /^([0-9]+)(#|\/(?:[^~]|~0|~1)*)?$/;
-	function le(e, { dataLevel: t, dataNames: n, dataPathArr: r }) {
+	var oe = /^\/(?:[^~]|~0|~1)*$/, se = /^([0-9]+)(#|\/(?:[^~]|~0|~1)*)?$/;
+	function ce(e, { dataLevel: t, dataNames: n, dataPathArr: r }) {
 		let i, a;
 		if (e === "") return l.default.rootData;
 		if (e[0] === "/") {
-			if (!se.test(e)) throw Error(`Invalid JSON-pointer: ${e}`);
+			if (!oe.test(e)) throw Error(`Invalid JSON-pointer: ${e}`);
 			i = e, a = l.default.rootData;
 		} else {
-			let o = ce.exec(e);
+			let o = se.exec(e);
 			if (!o) throw Error(`Invalid JSON-pointer: ${e}`);
 			let s = +o[1];
 			if (i = o[2], i === "#") {
@@ -3719,7 +3719,7 @@ var ur = /* @__PURE__ */ M(((e) => {
 			return `Cannot access ${e} ${n} levels up, current level is ${t}`;
 		}
 	}
-	e.getData = le;
+	e.getData = ce;
 })), Er = /* @__PURE__ */ M(((e) => {
 	Object.defineProperty(e, "__esModule", { value: !0 }), e.default = class extends Error {
 		constructor(e) {
@@ -6850,6 +6850,7 @@ var sa = Symbol("global-pane"), Y = {
 	BACKGROUND: 0,
 	GRID: 10,
 	INDICATOR: 30,
+	INDICATOR_SCALE: 35,
 	MAIN: 50,
 	OVERLAY: 80,
 	FOREGROUND: 100,
@@ -6974,13 +6975,38 @@ var sa = Symbol("global-pane"), Y = {
 		e ? this.configs.delete(e) : this.configs.clear();
 	}
 }, da = class {
+	states = /* @__PURE__ */ new Map();
+	ownerNamespaces = /* @__PURE__ */ new Map();
+	setState(e, t, n) {
+		this.states.set(e, t);
+	}
+	getState(e) {
+		return this.states.get(e);
+	}
+	clearState(e) {
+		this.states.delete(e);
+	}
+	registerStateOwner(e, t) {
+		this.ownerNamespaces.set(e, new Set(t));
+	}
+	clearByOwner(e) {
+		let t = this.ownerNamespaces.get(e);
+		t && (t.forEach((e) => {
+			this.states.delete(e);
+		}), this.ownerNamespaces.delete(e));
+	}
+	clear() {
+		this.states.clear(), this.ownerNamespaces.clear();
+	}
+}, fa = class {
 	registry;
 	eventBus;
 	hookSystem;
 	configManager;
+	stateStore;
 	isDestroyed = !1;
 	constructor() {
-		this.registry = new ca(), this.eventBus = new I(), this.hookSystem = new la(), this.configManager = new ua();
+		this.registry = new ca(), this.eventBus = new I(), this.hookSystem = new la(), this.configManager = new ua(), this.stateStore = new da();
 	}
 	events = {
 		on: (e, t) => {
@@ -7019,6 +7045,21 @@ var sa = Symbol("global-pane"), Y = {
 		let r = `[${(/* @__PURE__ */ new Date()).toISOString()}] [${e.toUpperCase()}]`;
 		console[e](`${r} ${t}`, ...n);
 	}
+	setSharedState(e, t, n) {
+		this.stateStore.setState(e, t, n);
+	}
+	getSharedState(e) {
+		return this.stateStore.getState(e);
+	}
+	clearSharedState(e) {
+		this.stateStore.clearState(e);
+	}
+	registerStateOwner(e, t) {
+		this.stateStore.registerStateOwner(e, t);
+	}
+	clearByOwner(e) {
+		this.stateStore.clearByOwner(e);
+	}
 	async use(e, t) {
 		if (this.ensureNotDestroyed(), this.registry.has(e.name)) throw Error(`Plugin "${e.name}" is already installed`);
 		try {
@@ -7057,19 +7098,19 @@ var sa = Symbol("global-pane"), Y = {
 			} catch (t) {
 				this.log("error", `Error uninstalling "${e.plugin.name}":`, t);
 			}
-			this.registry.clear(), this.eventBus.clear(), this.hookSystem.clear(), this.configManager.clear(), this.isDestroyed = !0, this.log("info", "PluginHost destroyed");
+			this.registry.clear(), this.eventBus.clear(), this.hookSystem.clear(), this.configManager.clear(), this.stateStore.clear(), this.isDestroyed = !0, this.log("info", "PluginHost destroyed");
 		}
 	}
 	ensureNotDestroyed() {
 		if (this.isDestroyed) throw Error("PluginHost has been destroyed");
 	}
 };
-function fa() {
-	return new da();
+function pa() {
+	return new fa();
 }
 //#endregion
 //#region src/plugin/rendererPluginManager.ts
-var pa = Symbol("renderer:global-cache"), ma = class {
+var ma = Symbol("renderer:global-cache"), ha = class {
 	plugins = /* @__PURE__ */ new Map();
 	pluginHost = null;
 	enabledState = /* @__PURE__ */ new Map();
@@ -7105,12 +7146,13 @@ var pa = Symbol("renderer:global-cache"), ma = class {
 		} catch (t) {
 			console.error(`[RendererPlugin] ${e.name} onInstall error:`, t);
 		}
-		this.onInvalidate?.();
+		let n = t.getDeclaredNamespaces?.();
+		n && this.pluginHost && this.pluginHost.registerStateOwner(e.name, n), this.onInvalidate?.();
 	}
 	unregister(e) {
 		let t = this.plugins.get(e);
 		if (t) {
-			if (t.onUninstall) try {
+			if (this.pluginHost?.clearByOwner(e), t.onUninstall) try {
 				t.onUninstall();
 			} catch (e) {
 				console.error(`[RendererPlugin] ${t.name} onUninstall error:`, e);
@@ -7139,21 +7181,21 @@ var pa = Symbol("renderer:global-cache"), ma = class {
 		if (!this.cacheInvalid) return;
 		this.groupCache.clear(), this.mergedCache.clear();
 		for (let e of this.plugins.values()) {
-			let t = typeof e.paneId == "symbol" ? pa : e.paneId;
+			let t = typeof e.paneId == "symbol" ? ma : e.paneId;
 			this.groupCache.has(t) || this.groupCache.set(t, []), this.groupCache.get(t).push(e);
 		}
 		for (let [, e] of this.groupCache) e.sort((e, t) => e.priority - t.priority);
-		let e = this.groupCache.get(pa) ?? [];
+		let e = this.groupCache.get(ma) ?? [];
 		for (let t of this.knownPaneIds) {
 			let n = this.groupCache.get(t) ?? [], r = this.mergeSorted(n, e);
 			this.mergedCache.set(t, r);
 		}
-		this.mergedCache.set(pa, [...e]), this.cacheInvalid = !1;
+		this.mergedCache.set(ma, [...e]), this.cacheInvalid = !1;
 	}
 	getRenderers(e) {
 		this.rebuildCache();
 		let t = this.mergedCache.get(e);
-		return t || (t = this.mergedCache.get(pa) ?? [], this.mergedCache.set(e, t)), t.filter((e) => {
+		return t || (t = this.mergedCache.get(ma) ?? [], this.mergedCache.set(e, t)), t.filter((e) => {
 			if (e.isSystem) return !1;
 			let t = this.enabledState.get(e.name);
 			return t === void 0 ? e.enabled !== !1 : t;
@@ -7231,15 +7273,15 @@ var pa = Symbol("renderer:global-cache"), ma = class {
 			console.error(`[RendererPlugin] ${e.name} onResize error:`, t);
 		}
 	}
-}, ha = 1.2, ga = 24, _a = 6;
-function va(e) {
+}, ga = 1.2, _a = 24, va = 6;
+function ya(e) {
 	switch (e) {
 		case "arrow_up":
 		case "flag": return !0;
 		default: return !1;
 	}
 }
-function ya() {
+function ba() {
 	return {
 		name: "customMarkers",
 		version: "1.0.0",
@@ -7256,11 +7298,11 @@ function ya() {
 			if (u.length && n.id === "main") {
 				t.save(), t.translate(-a, 0);
 				for (let e of l) {
-					let r = xa(u, e.timestamp);
+					let r = Sa(u, e.timestamp);
 					if (r === -1 || r < i.start || r >= i.end) continue;
 					let l = r - i.start;
 					if (l < 0 || l >= s.length) continue;
-					let d = s[l] + o / 2, f = u[r], p = e.style?.size, m = ba(o, p), h = (e.offset?.y ?? 0) < 0 ? !0 : (e.offset?.y ?? 0) > 0 ? !1 : va(e.shape), g;
+					let d = s[l] + o / 2, f = u[r], p = e.style?.size, m = xa(o, p), h = (e.offset?.y ?? 0) < 0 ? !0 : (e.offset?.y ?? 0) > 0 ? !1 : ya(e.shape), g;
 					g = h ? n.yAxis.priceToY(f.high) - m / 2 - 4 + (e.offset?.y ?? 0) : n.yAxis.priceToY(f.low) + m / 2 + 4 + (e.offset?.y ?? 0);
 					let _ = d + (e.offset?.x ?? 0), v = g;
 					qi(t, e.shape, _, v, m, e.style || {}), e.label && Xi(t, e.label, _, v, m, e.style || {}, h), c.setCustomMarkerPosition(e.id, _ - a, v, m, e.shape);
@@ -7270,11 +7312,11 @@ function ya() {
 		}
 	};
 }
-function ba(e, t) {
-	let n = e * ha;
-	return Math.max(_a, Math.min(n, t ?? ga));
-}
 function xa(e, t) {
+	let n = e * ga;
+	return Math.max(va, Math.min(n, t ?? _a));
+}
+function Sa(e, t) {
 	let n = 0, r = e.length - 1;
 	for (; n <= r;) {
 		let i = Math.floor((n + r) / 2), a = e[i]?.timestamp;
@@ -7286,7 +7328,7 @@ function xa(e, t) {
 }
 //#endregion
 //#region src/utils/dateFormat.ts
-function Sa(e) {
+function Ca(e) {
 	let t = new Intl.DateTimeFormat("zh-CN", {
 		timeZone: "Asia/Shanghai",
 		year: "numeric",
@@ -7295,7 +7337,7 @@ function Sa(e) {
 	}).formatToParts(new Date(e)).reduce((e, t) => (t.type !== "literal" && (e[t.type] = t.value), e), {});
 	return `${t.year}-${t.month}-${t.day}`;
 }
-function Ca(e) {
+function wa(e) {
 	let t = new Date(e), n = t.getFullYear(), r = t.getMonth() + 1;
 	return r === 1 ? {
 		text: String(n),
@@ -7305,25 +7347,25 @@ function Ca(e) {
 		isYear: !1
 	};
 }
-function wa(e) {
+function Ta(e) {
 	let t = new Date(e);
 	return `${t.getFullYear()}-${t.getMonth()}`;
 }
-var Ta = Sa, Ea = Sa;
-function Da(e) {
+var Ea = Ca, Da = Ca;
+function Oa(e) {
 	if (e.length === 0) return [];
-	let t = [0], n = wa(e[0].timestamp);
+	let t = [0], n = Ta(e[0].timestamp);
 	for (let r = 1; r < e.length; r++) {
 		let i = e[r];
 		if (!i) continue;
-		let a = wa(i.timestamp);
+		let a = Ta(i.timestamp);
 		a !== n && (t.push(r), n = a);
 	}
 	return t;
 }
 //#endregion
 //#region src/core/theme/colors.ts
-var Oa = {
+var ka = {
 	PRIMARY: "hsl(210, 9%, 31%)",
 	SECONDARY: "hsl(210, 9%, 35%)",
 	TERTIARY: "hsl(210, 8%, 50%)",
@@ -7338,7 +7380,7 @@ var Oa = {
 	DOWN_TICK: "hsl(150, 30%, 60%)",
 	NEUTRAL: "rgba(0, 0, 0, 0.78)",
 	LAST_PRICE: "rgb(183, 22, 22)"
-}, ka = {
+}, Aa = {
 	WHITE: "rgb(255, 255, 255)",
 	LIGHT_GRAY: "rgba(255, 255, 255, 0.92)",
 	PURE_WHITE: "#ffffff",
@@ -7346,115 +7388,115 @@ var Oa = {
 	ACTIVE: "#1890ff",
 	ACTIVE_HOVER: "#40a9ff",
 	HOVER: "#f0f0f0"
-}, Aa = {
+}, ja = {
 	DARK: "rgba(0, 0, 0, 0.12)",
 	MEDIUM: "rgba(0, 0, 0, 0.10)",
 	LIGHT: "rgba(0, 0, 0, 0.08)",
 	SEPARATOR: "rgba(0, 0, 0, 0.10)",
 	BUTTON: "#d0d0d0"
-}, ja = {
+}, Ma = {
 	HORIZONTAL: "rgba(0, 0, 0, 0.06)",
 	VERTICAL: "rgba(0, 0, 0, 0.12)"
-}, Ma = {
+}, Na = {
 	MA5: "rgba(255, 193, 37, 1)",
 	MA10: "rgba(190, 131, 12, 1)",
 	MA20: "rgba(69, 112, 249, 1)",
 	MA30: "rgba(76, 175, 80, 1)",
 	MA60: "rgba(156, 39, 176, 1)"
-}, Na = {
+}, Pa = {
 	UPPER: "rgba(178, 34, 34, 1)",
 	MIDDLE: "rgba(69, 112, 249, 1)",
 	LOWER: "rgba(34, 139, 34, 1)",
 	BAND_FILL: "rgba(100, 149, 237, 0.1)"
-}, Pa = {
+}, Fa = {
 	DIF: "rgba(69, 112, 249, 1)",
 	DEA: "rgba(255, 152, 0, 1)",
 	BAR_UP: "#ff5252",
 	BAR_UP_LIGHT: "#fccbcd",
 	BAR_DOWN: "#22ab94",
 	BAR_DOWN_LIGHT: "#ace5dc"
-}, Fa = {
+}, Ia = {
 	RSI1: "rgba(69, 112, 249, 1)",
 	RSI2: "rgba(255, 152, 0, 1)",
 	RSI3: "rgba(156, 39, 176, 1)"
-}, Ia = {
+}, La = {
 	CCI: "rgba(69, 112, 249, 1)",
 	OVERBOUGHT: "rgba(214, 10, 34, 0.5)",
 	OVERSOLD: "rgba(3, 123, 102, 0.5)"
-}, La = {
+}, Ra = {
 	K: "rgba(69, 112, 249, 1)",
 	D: "rgba(255, 152, 0, 1)",
 	J: "rgba(156, 39, 176, 1)"
-}, Ra = {
+}, za = {
 	MOM: "rgba(69, 112, 249, 1)",
 	ZERO: "rgba(0, 0, 0, 0.2)"
-}, za = {
+}, Ba = {
 	WMSR: "rgba(69, 112, 249, 1)",
 	OVERBOUGHT: "rgba(214, 10, 34, 0.5)",
 	OVERSOLD: "rgba(3, 123, 102, 0.5)"
-}, Ba = {
+}, Va = {
 	KST: "rgba(69, 112, 249, 1)",
 	SIGNAL: "rgba(255, 152, 0, 1)"
-}, Va = {
+}, Ha = {
 	FAST: "rgba(255, 152, 0, 1)",
 	SLOW: "rgba(69, 112, 249, 1)"
-}, Ha = {
+}, Ua = {
 	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)"
-}, Ua = {
+}, Wa = {
 	LINE: "rgba(0, 0, 0, 0.28)",
 	LABEL_BG: "rgb(0, 0, 0)",
 	LABEL_TEXT: "rgba(255, 255, 255, 0.92)"
-}, Wa = X.UP, Ga = X.DOWN, Ka = X.NEUTRAL;
-function qa(e) {
-	return e > 0 ? Wa : e < 0 ? Ga : Ka;
+}, Ga = X.UP, Ka = X.DOWN, qa = X.NEUTRAL;
+function Ja(e) {
+	return e > 0 ? Ga : e < 0 ? Ka : qa;
 }
-function Ja(e, t = 2) {
+function Ya(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 Ya(e, t = 2) {
+function Xa(e, t = 2) {
 	return `${e > 0 ? "+" : ""}${e.toFixed(t)}`;
 }
-function Xa(e, t = 2) {
+function Za(e, t = 2) {
 	return `${e.toFixed(t)}%`;
 }
-function Za(e, t = 2) {
+function Qa(e, t = 2) {
 	return `${e > 0 ? "+" : ""}${e.toFixed(t)}%`;
 }
-function Qa(e, t) {
+function $a(e, t) {
 	let n = t?.close ?? e.open;
-	return qa(e.open - n);
-}
-function $a(e) {
-	return qa(e.close - e.open);
+	return Ja(e.open - n);
 }
 function eo(e) {
-	return typeof e.changePercent == "number" ? qa(e.changePercent) : typeof e.changeAmount == "number" ? qa(e.changeAmount) : Ka;
+	return Ja(e.close - e.open);
+}
+function to(e) {
+	return typeof e.changePercent == "number" ? Ja(e.changePercent) : typeof e.changeAmount == "number" ? Ja(e.changeAmount) : qa;
 }
 //#endregion
 //#region src/components/KLineTooltip.vue?vue&type=script&setup=true&lang.ts
-var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { class: "kline-tooltip__grid" }, io = { class: "row" }, ao = { class: "row" }, oo = { class: "row" }, so = { class: "row" }, co = {
+var no = { class: "kline-tooltip__title" }, ro = { key: 0 }, io = { class: "kline-tooltip__grid" }, ao = { class: "row" }, oo = { class: "row" }, so = { class: "row" }, co = { class: "row" }, lo = {
 	key: 0,
 	class: "row"
-}, lo = {
+}, uo = {
 	key: 1,
 	class: "row"
-}, uo = {
+}, fo = {
 	key: 2,
 	class: "row"
-}, fo = {
+}, po = {
 	key: 3,
 	class: "row"
-}, po = {
+}, mo = {
 	key: 4,
 	class: "row"
-}, mo = {
+}, ho = {
 	key: 5,
 	class: "row"
-}, ho = /* @__PURE__ */ u({
+}, go = /* @__PURE__ */ u({
 	__name: "KLineTooltip",
 	props: {
 		k: {},
@@ -7470,15 +7512,15 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { class: "klin
 		}
 		let i = r(() => {
 			let e = t.k;
-			if (!e) return Ka;
+			if (!e) return qa;
 			let n = t.index;
-			return Qa(e, typeof n == "number" && n > 0 ? t.data[n - 1] : void 0);
+			return $a(e, typeof n == "number" && n > 0 ? t.data[n - 1] : void 0);
 		}), c = r(() => {
 			let e = t.k;
-			return e ? $a(e) : Ka;
+			return e ? eo(e) : qa;
 		}), l = r(() => {
 			let e = t.k;
-			return e ? eo(e) : Ka;
+			return e ? to(e) : qa;
 		});
 		return (t, r) => e.k ? (g(), o("div", {
 			key: 0,
@@ -7488,29 +7530,29 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { class: "klin
 				left: `${e.pos.x}px`,
 				top: `${e.pos.y}px`
 			})
-		}, [s("div", to, [e.k.stockCode ? (g(), o("span", no, b(e.k.stockCode), 1)) : a("", !0), s("span", null, b(x(Ta)(e.k.timestamp)), 1)]), s("div", ro, [
-			s("div", io, [r[0] ||= s("span", null, "开", -1), s("span", { style: p({ color: i.value }) }, b(e.k.open.toFixed(2)), 5)]),
-			s("div", ao, [r[1] ||= s("span", null, "高", -1), s("span", null, b(e.k.high.toFixed(2)), 1)]),
-			s("div", oo, [r[2] ||= s("span", null, "低", -1), s("span", null, b(e.k.low.toFixed(2)), 1)]),
-			s("div", so, [r[3] ||= s("span", null, "收", -1), s("span", { style: p({ color: c.value }) }, b(e.k.close.toFixed(2)), 5)]),
-			typeof e.k.volume == "number" ? (g(), o("div", co, [r[4] ||= s("span", null, "成交量", -1), s("span", null, b(x(Ja)(e.k.volume)), 1)])) : a("", !0),
-			typeof e.k.turnover == "number" ? (g(), o("div", lo, [r[5] ||= s("span", null, "成交额", -1), s("span", null, b(x(Ja)(e.k.turnover)), 1)])) : a("", !0),
-			typeof e.k.amplitude == "number" ? (g(), o("div", uo, [r[6] ||= s("span", null, "振幅", -1), s("span", null, b(e.k.amplitude) + "%", 1)])) : a("", !0),
-			typeof e.k.changePercent == "number" ? (g(), o("div", fo, [r[7] ||= s("span", null, "涨跌幅", -1), s("span", { style: p({ color: l.value }) }, b(x(Za)(e.k.changePercent)), 5)])) : a("", !0),
-			typeof e.k.changeAmount == "number" ? (g(), o("div", po, [r[8] ||= s("span", null, "涨跌额", -1), s("span", { style: p({ color: l.value }) }, b(x(Ya)(e.k.changeAmount)), 5)])) : a("", !0),
-			typeof e.k.turnoverRate == "number" ? (g(), o("div", mo, [r[9] ||= s("span", null, "换手率", -1), s("span", null, b(x(Xa)(e.k.turnoverRate)), 1)])) : a("", !0)
+		}, [s("div", no, [e.k.stockCode ? (g(), o("span", ro, b(e.k.stockCode), 1)) : a("", !0), s("span", null, b(x(Ea)(e.k.timestamp)), 1)]), s("div", io, [
+			s("div", ao, [r[0] ||= s("span", null, "开", -1), s("span", { style: p({ color: i.value }) }, b(e.k.open.toFixed(2)), 5)]),
+			s("div", oo, [r[1] ||= s("span", null, "高", -1), s("span", null, b(e.k.high.toFixed(2)), 1)]),
+			s("div", so, [r[2] ||= s("span", null, "低", -1), s("span", null, b(e.k.low.toFixed(2)), 1)]),
+			s("div", co, [r[3] ||= s("span", null, "收", -1), s("span", { style: p({ color: c.value }) }, b(e.k.close.toFixed(2)), 5)]),
+			typeof e.k.volume == "number" ? (g(), o("div", lo, [r[4] ||= s("span", null, "成交量", -1), s("span", null, b(x(Ya)(e.k.volume)), 1)])) : a("", !0),
+			typeof e.k.turnover == "number" ? (g(), o("div", uo, [r[5] ||= s("span", null, "成交额", -1), s("span", null, b(x(Ya)(e.k.turnover)), 1)])) : a("", !0),
+			typeof e.k.amplitude == "number" ? (g(), o("div", fo, [r[6] ||= s("span", null, "振幅", -1), s("span", null, b(e.k.amplitude) + "%", 1)])) : a("", !0),
+			typeof e.k.changePercent == "number" ? (g(), o("div", po, [r[7] ||= s("span", null, "涨跌幅", -1), s("span", { style: p({ color: l.value }) }, b(x(Qa)(e.k.changePercent)), 5)])) : a("", !0),
+			typeof e.k.changeAmount == "number" ? (g(), o("div", mo, [r[8] ||= s("span", null, "涨跌额", -1), s("span", { style: p({ color: l.value }) }, b(x(Xa)(e.k.changeAmount)), 5)])) : a("", !0),
+			typeof e.k.turnoverRate == "number" ? (g(), o("div", ho, [r[9] ||= s("span", null, "换手率", -1), s("span", null, b(x(Za)(e.k.turnoverRate)), 1)])) : a("", !0)
 		])], 4)) : a("", !0);
 	}
-}), go = (e, t) => {
+}), _o = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, _o = /* @__PURE__ */ go(ho, [["__scopeId", "data-v-95daa55c"]]), vo = {
+}, vo = /* @__PURE__ */ _o(go, [["__scopeId", "data-v-95daa55c"]]), yo = {
 	RISE_WITH_VOLUME: "量价齐升",
 	RISE_WITHOUT_VOLUME: "量缩价升",
 	FALL_WITH_VOLUME: "量价齐缩",
 	FALL_WITHOUT_VOLUME: "量升价缩"
-}, yo = class {
+}, bo = class {
 	markers = /* @__PURE__ */ new Map();
 	hoveredMarkerId = null;
 	lastHoveredId = null;
@@ -7572,10 +7614,10 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { class: "klin
 		}
 		return null;
 	}
-}, bo = { class: "marker-tooltip__title" }, xo = {
+}, xo = { class: "marker-tooltip__title" }, So = {
 	key: 0,
 	class: "marker-tooltip__content"
-}, So = /* @__PURE__ */ go(/* @__PURE__ */ u({
+}, Co = /* @__PURE__ */ _o(/* @__PURE__ */ u({
 	__name: "MarkerTooltip",
 	props: {
 		marker: {},
@@ -7589,7 +7631,7 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { class: "klin
 				return e.label?.text || e.shape;
 			}
 			let e = n.marker;
-			return vo[e.markerType] || e.markerType;
+			return yo[e.markerType] || e.markerType;
 		}), l = r(() => {
 			if (!n.marker) return {};
 			if (i.value) {
@@ -7611,27 +7653,27 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { class: "klin
 				left: `${t.pos.x + 12}px`,
 				top: `${t.pos.y + 12}px`
 			})
-		}, [s("div", bo, b(c.value), 1), u.value ? (g(), o("div", xo, [(g(!0), o(e, null, v(l.value, (e, t) => (g(), o("div", {
+		}, [s("div", xo, b(c.value), 1), u.value ? (g(), o("div", So, [(g(!0), o(e, null, v(l.value, (e, t) => (g(), o("div", {
 			key: t,
 			class: "row"
 		}, [s("span", null, b(t), 1), s("span", null, b(d(e)), 1)]))), 128))])) : a("", !0)], 4)) : a("", !0);
 	}
-}), [["__scopeId", "data-v-dd43da4f"]]), Co = { class: "params-header" }, wo = { class: "header-left" }, To = { class: "params-title" }, Eo = { class: "header-right" }, Do = {
+}), [["__scopeId", "data-v-dd43da4f"]]), wo = { class: "params-header" }, To = { class: "header-left" }, Eo = { class: "params-title" }, Do = { class: "header-right" }, Oo = {
 	key: 0,
 	class: "indicator-description"
-}, Oo = { class: "params-body" }, ko = { class: "param-header" }, Ao = { class: "param-label" }, jo = { class: "param-label-text" }, Mo = {
+}, ko = { class: "params-body" }, Ao = { class: "param-header" }, jo = { class: "param-label" }, Mo = { class: "param-label-text" }, No = {
 	key: 0,
 	class: "param-range"
-}, No = { class: "input-wrapper" }, Po = ["disabled", "onClick"], Fo = [
+}, Po = { class: "input-wrapper" }, Fo = ["disabled", "onClick"], Io = [
 	"value",
 	"min",
 	"max",
 	"step",
 	"onInput"
-], Io = ["disabled", "onClick"], Lo = {
+], Lo = ["disabled", "onClick"], Ro = {
 	key: 0,
 	class: "param-description"
-}, Ro = { class: "params-footer" }, zo = { class: "footer-right" }, Bo = /* @__PURE__ */ go(/* @__PURE__ */ u({
+}, zo = { class: "params-footer" }, Bo = { class: "footer-right" }, Vo = /* @__PURE__ */ _o(/* @__PURE__ */ u({
 	__name: "IndicatorParams",
 	props: {
 		visible: { type: Boolean },
@@ -7679,7 +7721,7 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { class: "klin
 					class: "indicator-params",
 					onClick: d[3] ||= w(() => {}, ["stop"])
 				}, [
-					s("div", Co, [s("div", wo, [s("span", To, b(r.indicatorName), 1), d[5] ||= s("span", { class: "params-subtitle" }, "参数设置", -1)]), s("div", Eo, [s("button", {
+					s("div", wo, [s("div", To, [s("span", Eo, b(r.indicatorName), 1), d[5] ||= s("span", { class: "params-subtitle" }, "参数设置", -1)]), s("div", Do, [s("button", {
 						class: f(["toggle-desc-btn", { active: h.value }]),
 						onClick: d[0] ||= (e) => h.value = !h.value,
 						title: "显示/隐藏说明"
@@ -7696,18 +7738,18 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { 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", Do, [s("p", null, b(r.indicatorDescription), 1)])) : a("", !0)]),
+						default: C(() => [h.value && r.indicatorDescription ? (g(), o("div", Oo, [s("p", null, b(r.indicatorDescription), 1)])) : a("", !0)]),
 						_: 1
 					}),
-					s("div", Oo, [(g(!0), o(e, null, v(r.params, (e) => (g(), o("div", {
+					s("div", ko, [(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", ko, [s("label", Ao, [s("span", jo, b(e.label), 1), e.min !== void 0 || e.max !== void 0 ? (g(), o("span", Mo, b(e.min ?? "-∞") + " ~ " + b(e.max ?? "+∞"), 1)) : a("", !0)]), s("div", No, [
+					}, [s("div", Ao, [s("label", jo, [s("span", Mo, b(e.label), 1), e.min !== void 0 || e.max !== void 0 ? (g(), o("span", No, b(e.min ?? "-∞") + " ~ " + b(e.max ?? "+∞"), 1)) : a("", !0)]), s("div", Po, [
 						s("button", {
 							class: "stepper-btn",
 							disabled: e.min !== void 0 && (m.value[e.key] ?? 0) <= e.min,
 							onClick: (t) => x(e, -1)
-						}, " − ", 8, Po),
+						}, " − ", 8, Fo),
 						e.type === "number" ? (g(), o("input", {
 							key: 0,
 							type: "number",
@@ -7717,17 +7759,17 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { class: "klin
 							max: e.max,
 							step: e.step || 1,
 							onInput: (t) => y(e.key, t)
-						}, null, 40, Fo)) : a("", !0),
+						}, null, 40, Io)) : 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, Io)
+						}, " + ", 8, Lo)
 					])]), l(n, { name: "slide" }, {
-						default: C(() => [h.value && e.description ? (g(), o("div", Lo, b(e.description), 1)) : a("", !0)]),
+						default: C(() => [h.value && e.description ? (g(), o("div", Ro, b(e.description), 1)) : a("", !0)]),
 						_: 2
 					}, 1024)], 2))), 128))]),
-					s("div", Ro, [s("button", {
+					s("div", zo, [s("button", {
 						class: "params-btn reset",
 						onClick: T
 					}, [...d[8] ||= [s("svg", {
@@ -7735,7 +7777,7 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { 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", zo, [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", Bo, [s("button", {
 						class: "params-btn cancel",
 						onClick: d[2] ||= (e) => u.$emit("close")
 					}, "取消"), s("button", {
@@ -7753,28 +7795,28 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { class: "klin
 			_: 1
 		})]));
 	}
-}), [["__scopeId", "data-v-c14eedcc"]]), Vo = { class: "indicator-selector" }, Ho = { class: "indicator-scroll-container" }, Uo = { class: "indicator-list" }, Wo = ["onMouseenter"], Go = { class: "btn-content" }, Ko = {
+}), [["__scopeId", "data-v-c14eedcc"]]), Ho = { class: "indicator-selector" }, Uo = { class: "indicator-scroll-container" }, Wo = { class: "indicator-list" }, Go = ["onMouseenter"], Ko = { class: "btn-content" }, qo = {
 	key: 0,
 	class: "param-hint"
-}, qo = {
+}, Jo = {
 	key: 0,
 	class: "hover-overlay"
-}, Jo = ["onClick"], Yo = {
+}, Yo = ["onClick"], Xo = {
 	key: 1,
 	class: "divider"
-}, Xo = ["onClick"], Zo = { class: "indicator-item" }, Qo = { class: "menu-section" }, $o = { class: "menu-items" }, es = ["disabled", "onClick"], ts = {
+}, Zo = ["onClick"], Qo = { class: "indicator-item" }, $o = { class: "menu-section" }, es = { class: "menu-items" }, ts = ["disabled", "onClick"], ns = {
 	key: 0,
 	class: "param-hint"
-}, ns = {
+}, rs = {
 	key: 1,
 	class: "active-tag"
-}, rs = { class: "menu-section" }, is = { class: "menu-items" }, as = ["disabled", "onClick"], os = {
+}, is = { class: "menu-section" }, as = { class: "menu-items" }, os = ["disabled", "onClick"], ss = {
 	key: 0,
 	class: "param-hint"
-}, ss = {
+}, cs = {
 	key: 1,
 	class: "active-tag"
-}, cs = /* @__PURE__ */ go(/* @__PURE__ */ u({
+}, ls = /* @__PURE__ */ _o(/* @__PURE__ */ u({
 	__name: "IndicatorSelector",
 	props: {
 		activeIndicators: {},
@@ -8129,10 +8171,10 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { class: "klin
 			let t = ie(e.id);
 			return e.params ? e.params.map((e) => t[e.key] ?? "").join(",") : "";
 		}
-		function oe(e) {
+		function L(e) {
 			j.value && D("updateParams", j.value, e), A.value = !1;
 		}
-		function L() {
+		function R() {
 			if (!N.value && O.value) {
 				let e = O.value.getBoundingClientRect(), t = window.innerWidth, n = e.left + e.width / 2;
 				n + 160 > t - 8 && (n = t - 160 - 8), n - 160 < 8 && (n = 168), P.value = {
@@ -8142,19 +8184,19 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { class: "klin
 			}
 			N.value = !N.value;
 		}
-		function se(e) {
+		function oe(e) {
 			let t = k.value && !k.value.contains(e.target), n = O.value && !O.value.contains(e.target);
 			t && n && (N.value = !1);
 		}
-		function ce() {
+		function se() {
 			N.value &&= !1;
 		}
 		return m(() => {
-			document.addEventListener("click", se), window.addEventListener("resize", ce);
+			document.addEventListener("click", oe), window.addEventListener("resize", se);
 		}), h(() => {
-			document.removeEventListener("click", se), window.removeEventListener("resize", ce);
-		}), (r, u) => (g(), o("div", Vo, [
-			s("div", Ho, [s("div", Uo, [(g(!0), o(e, null, v(ee.value, (e) => (g(), o("div", {
+			document.removeEventListener("click", oe), window.removeEventListener("resize", se);
+		}), (r, u) => (g(), o("div", Ho, [
+			s("div", Uo, [s("div", Wo, [(g(!0), o(e, null, v(ee.value, (e) => (g(), o("div", {
 				key: e.id,
 				class: "indicator-item"
 			}, [s("div", {
@@ -8164,8 +8206,8 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { class: "klin
 			}, [s("button", { class: f(["indicator-btn", {
 				active: !0,
 				hovering: M.value === e.id
-			}]) }, [s("span", Go, [c(b(e.label) + " ", 1), e.params ? (g(), o("span", Ko, " (" + b(ae(e)) + ") ", 1)) : a("", !0)]), l(n, { name: "fade" }, {
-				default: C(() => [M.value === e.id ? (g(), o("div", qo, [
+			}]) }, [s("span", Ko, [c(b(e.label) + " ", 1), e.params ? (g(), o("span", qo, " (" + b(ae(e)) + ") ", 1)) : a("", !0)]), l(n, { name: "fade" }, {
+				default: C(() => [M.value === e.id ? (g(), o("div", Jo, [
 					e.params ? (g(), o("button", {
 						key: 0,
 						class: "action-btn settings-btn",
@@ -8176,8 +8218,8 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { 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, Jo)) : a("", !0),
-					e.params ? (g(), o("span", Yo)) : 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, Yo)) : a("", !0),
+					e.params ? (g(), o("span", Xo)) : a("", !0),
 					s("button", {
 						class: "action-btn remove-btn",
 						onClick: w((t) => ne(e.id), ["stop"]),
@@ -8187,14 +8229,14 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { 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, Xo)
+					}, [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, Zo)
 				])) : a("", !0)]),
 				_: 2
-			}, 1024)], 2)], 40, Wo)]))), 128)), s("div", Zo, [s("button", {
+			}, 1024)], 2)], 40, Go)]))), 128)), s("div", Qo, [s("button", {
 				ref_key: "addBtnRef",
 				ref: O,
 				class: "add-btn",
-				onClick: L,
+				onClick: R,
 				title: "添加指标"
 			}, [...u[4] ||= [s("svg", {
 				viewBox: "0 0 24 24",
@@ -8209,38 +8251,38 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { class: "klin
 					ref_key: "addMenuRef",
 					ref: k,
 					style: p(P.value)
-				}, [s("div", Qo, [u[6] ||= s("div", { class: "menu-title" }, "主图指标", -1), s("div", $o, [(g(!0), o(e, null, v(x(S), (e) => (g(), o("button", {
+				}, [s("div", $o, [u[6] ||= s("div", { class: "menu-title" }, "主图指标", -1), s("div", es, [(g(!0), o(e, null, v(x(S), (e) => (g(), o("button", {
 					key: e.id,
 					class: f(["menu-item", { disabled: I(e.id) }]),
 					disabled: I(e.id),
 					onClick: (t) => te(e.id)
 				}, [
 					c(b(e.label) + " ", 1),
-					e.params ? (g(), o("span", ts, " (" + b(e.name) + ") ", 1)) : a("", !0),
-					I(e.id) ? (g(), o("span", ns, [...u[5] ||= [s("svg", {
+					e.params ? (g(), o("span", ns, " (" + b(e.name) + ") ", 1)) : a("", !0),
+					I(e.id) ? (g(), o("span", rs, [...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, es))), 128))])]), s("div", rs, [u[8] ||= s("div", { class: "menu-title" }, "副图指标", -1), s("div", is, [(g(!0), o(e, null, v(x(T), (e) => (g(), o("button", {
+				], 10, ts))), 128))])]), s("div", is, [u[8] ||= s("div", { class: "menu-title" }, "副图指标", -1), s("div", as, [(g(!0), o(e, null, v(x(T), (e) => (g(), o("button", {
 					key: e.id,
 					class: f(["menu-item", { disabled: I(e.id) }]),
 					disabled: I(e.id),
 					onClick: (t) => te(e.id)
 				}, [
 					c(b(e.label) + " ", 1),
-					e.params ? (g(), o("span", os, " (" + b(e.name) + ") ", 1)) : a("", !0),
-					I(e.id) ? (g(), o("span", ss, [...u[7] ||= [s("svg", {
+					e.params ? (g(), o("span", ss, " (" + b(e.name) + ") ", 1)) : a("", !0),
+					I(e.id) ? (g(), o("span", cs, [...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, as))), 128))])])], 4)) : a("", !0)]),
+				], 10, os))), 128))])])], 4)) : a("", !0)]),
 				_: 1
 			})])),
-			F.value ? (g(), i(Bo, {
+			F.value ? (g(), i(Vo, {
 				key: 0,
 				visible: A.value,
 				"indicator-id": F.value.id,
@@ -8249,7 +8291,7 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { class: "klin
 				params: F.value.params || [],
 				values: ie(F.value.id),
 				onClose: u[1] ||= (e) => A.value = !1,
-				onConfirm: oe
+				onConfirm: L
 			}, null, 8, [
 				"visible",
 				"indicator-id",
@@ -8263,12 +8305,12 @@ var to = { class: "kline-tooltip__title" }, no = { key: 0 }, ro = { class: "klin
 }), [["__scopeId", "data-v-aad3b750"]]);
 //#endregion
 //#region src/core/utils/klineConfig.ts
-function ls(e, t) {
+function us(e, t) {
 	let n = Math.round(e * t);
 	return n % 2 == 0 && (n += 1), Math.max(1, n);
 }
-function us(e, t, n) {
-	let r = ls(e, n), i = Math.round(t * n), a = r + i, o = i;
+function ds(e, t, n) {
+	let r = us(e, n), i = Math.round(t * n), a = r + i, o = i;
 	return {
 		kWidthPx: r,
 		kGapPx: i,
@@ -8282,14 +8324,14 @@ function us(e, t, n) {
 }
 //#endregion
 //#region src/core/viewport/viewport.ts
-function ds(e, t, n, r, i, a = 1) {
-	let { unitPx: o, startXPx: s } = us(n, r, a), c = e * a, l = t * a;
+function fs(e, t, n, r, i, a = 1) {
+	let { unitPx: o, startXPx: s } = ds(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 fs(e, t, n) {
+function ps(e, t, n) {
 	let r = -Infinity, i = Infinity;
 	for (let a = t; a < n && a < e.length; a++) {
 		let t = e[a];
@@ -8305,7 +8347,7 @@ function fs(e, t, n) {
 }
 //#endregion
 //#region src/core/scale/priceScale.ts
-var ps = class {
+var ms = class {
 	range = {
 		maxPrice: 100,
 		minPrice: 0
@@ -8352,7 +8394,7 @@ var ps = class {
 	deltaYToPriceOffset(e) {
 		return e * ((this.range.maxPrice - this.range.minPrice || 1) / Math.max(1, this.height - this.paddingTop - this.paddingBottom));
 	}
-}, ms = class {
+}, hs = class {
 	id;
 	top = 0;
 	height = 0;
@@ -8360,7 +8402,7 @@ var ps = class {
 		maxPrice: 100,
 		minPrice: 0
 	};
-	yAxis = new ps();
+	yAxis = new ms();
 	renderers = [];
 	constructor(e) {
 		this.id = e;
@@ -8375,9 +8417,9 @@ var ps = class {
 		this.renderers.push(e);
 	}
 	updateRange(e, t) {
-		this.priceRange = fs(e, t.start, t.end), this.yAxis.setRange(this.priceRange);
+		this.priceRange = ps(e, t.start, t.end), this.yAxis.setRange(this.priceRange);
 	}
-}, hs = class {
+}, gs = class {
 	chart;
 	isDragging = !1;
 	dragStartX = 0;
@@ -8512,12 +8554,12 @@ var ps = class {
 		this.updateHoverFromPoint(e.clientX, e.clientY);
 	}
 	updateHoverFromPoint(e, t) {
-		let n = this.chart.getDom().container, r = n.getBoundingClientRect(), i = e - r.left, a = t - r.top, o = this.chart.getOption(), s = Math.max(1, Math.round(r.width)), c = Math.max(1, Math.round(r.height)), l = s - o.rightAxisWidth - (o.priceLabelWidth || 60), u = c - o.bottomAxisHeight;
+		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();
 			return;
 		}
-		let d = n.scrollLeft, f = window.devicePixelRatio || 1, p = this.chart.getMarkerManager(), m = d + i, h = p.hitTest(m, a, 3);
+		let d = n.scrollLeft, f = this.chart.getCurrentDpr(), p = this.chart.getMarkerManager(), m = d + i, h = p.hitTest(m, a, 3);
 		if (h) {
 			this.hoveredMarkerId !== h.id && (this.hoveredMarkerId = h.id, this.hoveredMarkerData = h, p.setHover(h.id), this.onMarkerHoverCallback && this.onMarkerHoverCallback(h)), this.crosshairPos = null, this.crosshairIndex = null, this.hoveredIndex = null;
 			return;
@@ -8567,16 +8609,16 @@ var ps = class {
 			return;
 		}
 		this.hoveredIndex = this.crosshairIndex;
-		let ne = this.tooltipSize.width, re = this.tooltipSize.height, ie = i + 14, ae = i - 14 - ne, oe = ie + ne + 12 <= s ? ie : ae, L = a + 14, se = Math.max(12, s - ne - 12), ce = Math.max(12, c - re - 12);
+		let ne = this.tooltipSize.width, re = this.tooltipSize.height, ie = i + 14, ae = i - 14 - ne, L = ie + ne + 12 <= s ? ie : ae, R = a + 14, oe = Math.max(12, s - ne - 12), se = Math.max(12, c - re - 12);
 		this.tooltipPos = {
-			x: Math.min(Math.max(oe, 12), se),
-			y: Math.min(Math.max(L, 12), ce)
+			x: Math.min(Math.max(L, 12), oe),
+			y: Math.min(Math.max(R, 12), se)
 		};
 	}
 	reset() {
 		this.isDragging = !1, this.dragStartX = 0, this.dragStartY = 0, this.scrollStartX = 0, this.activePaneIdOnDrag = null, 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;
 	}
-}, gs = class {
+}, _s = class {
 	dom;
 	pane;
 	opt;
@@ -8602,7 +8644,7 @@ var ps = class {
 };
 //#endregion
 //#region src/core/renderers/subVolume.ts
-function _s(e = {}) {
+function vs(e = {}) {
 	let { paneId: t = "sub" } = e;
 	return {
 		name: `volume_${t}`,
@@ -8621,21 +8663,21 @@ function _s(e = {}) {
 				if (!r) continue;
 				let i = r.volume;
 				if (!i) continue;
-				let a = ys(r), d = c[e - u];
-				d && vs(t, d, a, i, f, o, s, n.height);
+				let a = bs(r), d = c[e - u];
+				d && ys(t, d, a, i, f, o, s, n.height);
 			}
 			t.restore();
 		}
 	};
 }
-function vs(e, t, n, r, i, a, o, s) {
-	let c = bs(r, i, s), l = a;
+function ys(e, t, n, r, i, a, o, s) {
+	let c = xs(r, i, s), l = a;
 	e.fillStyle = n, e.fillRect(t, c, l, s - c);
 }
-function ys(e) {
+function bs(e) {
 	return e.close > e.open ? X.UP : e.close < e.open ? X.DOWN : X.NEUTRAL;
 }
-function bs(e, t, n) {
+function xs(e, t, n) {
 	return n - n / t * e;
 }
 //#endregion
@@ -8646,7 +8688,7 @@ function Z(e, t) {
 function Q(e, t) {
 	return (Math.floor(e * t) + .5) / t;
 }
-function xs(e, t, n, r) {
+function Ss(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 {
@@ -8656,7 +8698,7 @@ function xs(e, t, n, r) {
 		height: Math.max(1, c - s) / r
 	};
 }
-function Ss(e, t, n, r) {
+function Cs(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 {
@@ -8666,7 +8708,7 @@ function Ss(e, t, n, r) {
 		height: 1 / r
 	};
 }
-function Cs(e, t, n, r, i) {
+function ws(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: {
@@ -8689,7 +8731,7 @@ function Cs(e, t, n, r, i) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/ma.ts
-function ws(e, t) {
+function Ts(e, t) {
 	let n = Array(e.length);
 	if (e.length < t) return n;
 	let r = 0;
@@ -8705,7 +8747,7 @@ function ws(e, t) {
 	}
 	return n;
 }
-function Ts(e = {}) {
+function Es(e = {}) {
 	let t = {
 		ma5: !0,
 		ma10: !0,
@@ -8717,7 +8759,7 @@ function Ts(e = {}) {
 	function i(e, t) {
 		let i = n.get(t);
 		if (i && r === e) return i.values;
-		let a = ws(e, t);
+		let a = Ts(e, t);
 		return n.set(t, {
 			period: t,
 			values: a
@@ -8744,7 +8786,7 @@ function Ts(e = {}) {
 		priority: Y.INDICATOR,
 		draw(e) {
 			let { ctx: n, data: r, scrollLeft: o } = e, s = r;
-			s.length && (n.save(), n.translate(-o, 0), t.ma5 && a(n, i(s, 5), e, Ma.MA5), t.ma10 && a(n, i(s, 10), e, Ma.MA10), t.ma20 && a(n, i(s, 20), e, Ma.MA20), t.ma30 && a(n, i(s, 30), e, Ma.MA30), t.ma60 && a(n, i(s, 60), e, Ma.MA60), n.restore());
+			s.length && (n.save(), n.translate(-o, 0), t.ma5 && a(n, i(s, 5), e, Na.MA5), t.ma10 && a(n, i(s, 10), e, Na.MA10), t.ma20 && a(n, i(s, 20), e, Na.MA20), t.ma30 && a(n, i(s, 30), e, Na.MA30), t.ma60 && a(n, i(s, 60), e, Na.MA60), n.restore());
 		},
 		onDataUpdate() {
 			r = null, n.clear();
@@ -8759,7 +8801,7 @@ function Ts(e = {}) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/boll.ts
-function Es(e, t, n) {
+function Ds(e, t, n) {
 	let r = Array(e.length);
 	if (e.length < t) return r;
 	let i = 0, a = [];
@@ -8792,7 +8834,7 @@ function Es(e, t, n) {
 	}
 	return r;
 }
-function Ds(e = {}) {
+function Os(e = {}) {
 	let t = {
 		period: 20,
 		multiplier: 2,
@@ -8803,7 +8845,7 @@ function Ds(e = {}) {
 		...e
 	}, n = null, r = 0, i = 0, a = [];
 	function o(e) {
-		return (n !== e || r !== t.period || i !== t.multiplier) && (a = Es(e, t.period, t.multiplier), n = e, r = t.period, i = t.multiplier), a;
+		return (n !== e || r !== t.period || i !== t.multiplier) && (a = Ds(e, t.period, t.multiplier), n = e, r = t.period, i = t.multiplier), a;
 	}
 	return {
 		name: "boll",
@@ -8819,7 +8861,7 @@ function Ds(e = {}) {
 			n.save(), n.translate(-s, 0);
 			let p = Math.max(a.start, t.period - 1), m = Math.min(a.end, d.length);
 			if (t.showBand) {
-				n.fillStyle = Na.BAND_FILL, n.beginPath();
+				n.fillStyle = Pa.BAND_FILL, n.beginPath();
 				let e = !0;
 				for (let t = p; t < m; t++) {
 					let i = f[t];
@@ -8847,7 +8889,7 @@ function Ds(e = {}) {
 				}
 				n.stroke();
 			};
-			t.showUpper && h("upper", Na.UPPER), t.showMiddle && h("middle", Na.MIDDLE), t.showLower && h("lower", Na.LOWER), n.restore();
+			t.showUpper && h("upper", Pa.UPPER), t.showMiddle && h("middle", Pa.MIDDLE), t.showLower && h("lower", Pa.LOWER), n.restore();
 		},
 		onDataUpdate() {
 			n = null;
@@ -8860,7 +8902,7 @@ function Ds(e = {}) {
 		}
 	};
 }
-function Os(e, t, n = 20, r = 2) {
+function ks(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++) {
@@ -8883,7 +8925,7 @@ function Os(e, t, n = 20, r = 2) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/expma.ts
-function ks(e, t, n) {
+function As(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;
@@ -8900,7 +8942,7 @@ function ks(e, t, n) {
 	}
 	return r;
 }
-function As(e, t, n = 12, r = 50) {
+function js(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++) {
@@ -8912,14 +8954,14 @@ function As(e, t, n = 12, r = 50) {
 		slow: c
 	};
 }
-function js(e = {}) {
+function Ms(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 = ks(e, t.fastPeriod, t.slowPeriod), n = e, r = t.fastPeriod, i = t.slowPeriod), a;
+		return (n !== e || r !== t.fastPeriod || i !== t.slowPeriod) && (a = As(e, t.fastPeriod, t.slowPeriod), n = e, r = t.fastPeriod, i = t.slowPeriod), a;
 	}
 	return {
 		name: "expma",
@@ -8933,7 +8975,7 @@ function js(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 = Va.FAST, h = Va.SLOW, g = (e, r) => {
+			let f = i.start, p = Math.min(i.end, u.length), m = Ha.FAST, h = Ha.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++) {
@@ -8959,7 +9001,7 @@ function js(e = {}) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/ene.ts
-function Ms(e, t, n) {
+function Ns(e, t, n) {
 	let r = Array(e.length);
 	if (e.length < t) return r;
 	let i = 0;
@@ -8987,7 +9029,7 @@ function Ms(e, t, n) {
 	}
 	return r;
 }
-function Ns(e, t, n = 10, r = 11) {
+function Ps(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++) {
@@ -9002,14 +9044,14 @@ function Ns(e, t, n = 10, r = 11) {
 		lower: a * (1 - o)
 	};
 }
-function Ps(e = {}) {
+function Fs(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 = Ms(e, t.period, t.deviation), n = e, r = t.period, i = t.deviation), a;
+		return (n !== e || r !== t.period || i !== t.deviation) && (a = Ns(e, t.period, t.deviation), n = e, r = t.period, i = t.deviation), a;
 	}
 	return {
 		name: "ene",
@@ -9065,7 +9107,7 @@ function Ps(e = {}) {
 }
 //#endregion
 //#region src/utils/kline/ma.ts
-function Fs(e, t, n) {
+function Is(e, t, n) {
 	if (t < n - 1) return;
 	let r = 0;
 	for (let i = 0; i < n; i++) {
@@ -9077,7 +9119,7 @@ function Fs(e, t, n) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/mainIndicatorLegend.ts
-function Is(e) {
+function Ls(e) {
 	let t = {
 		yPaddingPx: e.yPaddingPx,
 		indicators: {
@@ -9127,29 +9169,29 @@ function Is(e) {
 					let t = `MA${e}`;
 					r.push({
 						label: `MA${e}`,
-						color: Ma[t] || Ma.MA5,
-						value: Fs(a, o, e)
+						color: Na[t] || Na.MA5,
+						value: Is(a, o, e)
 					});
 				}) : r.push({
 					label: "MA5",
-					color: Ma.MA5,
-					value: Fs(a, o, 5)
+					color: Na.MA5,
+					value: Is(a, o, 5)
 				}, {
 					label: "MA10",
-					color: Ma.MA10,
-					value: Fs(a, o, 10)
+					color: Na.MA10,
+					value: Is(a, o, 10)
 				}, {
 					label: "MA20",
-					color: Ma.MA20,
-					value: Fs(a, o, 20)
+					color: Na.MA20,
+					value: Is(a, o, 20)
 				}, {
 					label: "MA30",
-					color: Ma.MA30,
-					value: Fs(a, o, 30)
+					color: Na.MA30,
+					value: Is(a, o, 30)
 				}, {
 					label: "MA60",
-					color: Ma.MA60,
-					value: Fs(a, o, 60)
+					color: Na.MA60,
+					value: Is(a, o, 60)
 				}), r.length > 0) {
 					let i = 12, a = t.yPaddingPx / 2 + 12 + e * 18;
 					n.fillStyle = X.NEUTRAL, n.fillText("MA", i, a), i += n.measureText("MA").width + 10;
@@ -9161,18 +9203,18 @@ function Is(e) {
 			} });
 			let l = t.indicators.BOLL;
 			l?.enabled && s.push({ draw: (e) => {
-				let r = l.params.period ?? 20, i = l.params.multiplier ?? 2, s = Os(a, o, r, i), c = 12, u = t.yPaddingPx / 2 + 12 + e * 18;
-				n.fillStyle = X.NEUTRAL, n.fillText(`BOLL(${r},${i})`, c, u), c += n.measureText(`BOLL(${r},${i})`).width + 10, s && (n.fillStyle = Na.UPPER, n.fillText(`上轨:${s.upper.toFixed(2)}`, c, u), c += n.measureText(`上轨:${s.upper.toFixed(2)}`).width + 10, n.fillStyle = Na.MIDDLE, n.fillText(`中轨:${s.middle.toFixed(2)}`, c, u), c += n.measureText(`中轨:${s.middle.toFixed(2)}`).width + 10, n.fillStyle = Na.LOWER, n.fillText(`下轨:${s.lower.toFixed(2)}`, c, u));
+				let r = l.params.period ?? 20, i = l.params.multiplier ?? 2, s = ks(a, o, r, i), c = 12, u = t.yPaddingPx / 2 + 12 + e * 18;
+				n.fillStyle = X.NEUTRAL, n.fillText(`BOLL(${r},${i})`, c, u), c += n.measureText(`BOLL(${r},${i})`).width + 10, s && (n.fillStyle = Pa.UPPER, n.fillText(`上轨:${s.upper.toFixed(2)}`, c, u), c += n.measureText(`上轨:${s.upper.toFixed(2)}`).width + 10, n.fillStyle = Pa.MIDDLE, n.fillText(`中轨:${s.middle.toFixed(2)}`, c, u), c += n.measureText(`中轨:${s.middle.toFixed(2)}`).width + 10, n.fillStyle = Pa.LOWER, n.fillText(`下轨:${s.lower.toFixed(2)}`, c, u));
 			} });
 			let u = t.indicators.EXPMA;
 			u?.enabled && s.push({ draw: (e) => {
-				let r = u.params.fastPeriod ?? 12, i = u.params.slowPeriod ?? 50, s = As(a, o, r, i), c = 12, l = t.yPaddingPx / 2 + 12 + e * 18;
-				n.fillStyle = X.NEUTRAL, n.fillText(`EXPMA(${r},${i})`, c, l), c += n.measureText(`EXPMA(${r},${i})`).width + 10, s && (n.fillStyle = Va.FAST, n.fillText(`快:${s.fast.toFixed(2)}`, c, l), c += n.measureText(`快:${s.fast.toFixed(2)}`).width + 10, n.fillStyle = Va.SLOW, n.fillText(`慢:${s.slow.toFixed(2)}`, c, l));
+				let r = u.params.fastPeriod ?? 12, i = u.params.slowPeriod ?? 50, s = js(a, o, r, i), c = 12, l = t.yPaddingPx / 2 + 12 + e * 18;
+				n.fillStyle = X.NEUTRAL, n.fillText(`EXPMA(${r},${i})`, c, l), c += n.measureText(`EXPMA(${r},${i})`).width + 10, s && (n.fillStyle = Ha.FAST, n.fillText(`快:${s.fast.toFixed(2)}`, c, l), c += n.measureText(`快:${s.fast.toFixed(2)}`).width + 10, n.fillStyle = Ha.SLOW, n.fillText(`慢:${s.slow.toFixed(2)}`, c, l));
 			} });
 			let d = t.indicators.ENE;
 			d?.enabled && s.push({ draw: (e) => {
-				let r = d.params.period ?? 10, i = d.params.deviation ?? 11, s = Ns(a, o, r, i), c = 12, l = t.yPaddingPx / 2 + 12 + e * 18;
-				n.fillStyle = X.NEUTRAL, n.fillText(`ENE(${r},${i})`, c, l), c += n.measureText(`ENE(${r},${i})`).width + 10, s && (n.fillStyle = Ha.UPPER, n.fillText(`上轨:${s.upper.toFixed(2)}`, c, l), c += n.measureText(`上轨:${s.upper.toFixed(2)}`).width + 10, n.fillStyle = Ha.MIDDLE, n.fillText(`中轨:${s.middle.toFixed(2)}`, c, l), c += n.measureText(`中轨:${s.middle.toFixed(2)}`).width + 10, n.fillStyle = Ha.LOWER, n.fillText(`下轨:${s.lower.toFixed(2)}`, c, l));
+				let r = d.params.period ?? 10, i = d.params.deviation ?? 11, s = Ps(a, o, r, i), c = 12, l = t.yPaddingPx / 2 + 12 + e * 18;
+				n.fillStyle = X.NEUTRAL, n.fillText(`ENE(${r},${i})`, c, l), c += n.measureText(`ENE(${r},${i})`).width + 10, s && (n.fillStyle = Ua.UPPER, n.fillText(`上轨:${s.upper.toFixed(2)}`, c, l), c += n.measureText(`上轨:${s.upper.toFixed(2)}`).width + 10, n.fillStyle = Ua.MIDDLE, n.fillText(`中轨:${s.middle.toFixed(2)}`, c, l), c += n.measureText(`中轨:${s.middle.toFixed(2)}`).width + 10, n.fillStyle = Ua.LOWER, n.fillText(`下轨:${s.lower.toFixed(2)}`, c, l));
 			} }), s.forEach((e, t) => e.draw(t)), n.restore();
 		},
 		getConfig() {
@@ -9190,8 +9232,11 @@ function Is(e) {
 	};
 }
 //#endregion
+//#region src/plugin/stateKeys.ts
+var Rs = (e, t) => `indicator:${e}:${t}`;
+//#endregion
 //#region src/core/renderers/Indicator/macd.ts
-function Ls(e, t) {
+function zs(e, t) {
 	let n = Array(e.length), r = 2 / (t + 1);
 	if (e.length === 0) return n;
 	n[0] = e[0].close;
@@ -9201,7 +9246,7 @@ function Ls(e, t) {
 	}
 	return n;
 }
-function Rs(e, t) {
+function Bs(e, t) {
 	let n = Array(e.length), r = 2 / (t + 1), i = e.findIndex((e) => e !== void 0);
 	if (i === -1) return n;
 	n[i] = e[i];
@@ -9211,15 +9256,15 @@ function Rs(e, t) {
 	}
 	return n;
 }
-function zs(e, t, n, r) {
+function Vs(e, t, n, r) {
 	let i = Array(e.length);
 	if (e.length < n) return i;
-	let a = Ls(e, t), o = Ls(e, n), s = Array(e.length);
+	let a = zs(e, t), o = zs(e, n), s = Array(e.length);
 	for (let t = 0; t < e.length; t++) {
 		let e = a[t], n = o[t];
 		e !== void 0 && n !== void 0 && (s[t] = e - n);
 	}
-	let c = Rs(s, r);
+	let c = Bs(s, r);
 	for (let t = 0; t < e.length; t++) {
 		let e = s[t], n = c[t];
 		e !== void 0 && n !== void 0 && (i[t] = {
@@ -9230,8 +9275,8 @@ function zs(e, t, n, r) {
 	}
 	return i;
 }
-function Bs(e = {}) {
-	let { paneId: t = "sub", config: n = {} } = e, r = {
+function Hs(e = {}) {
+	let { paneId: t = "sub", config: n = {} } = e, r = Rs("macd", t), i = null, a = {
 		fastPeriod: 12,
 		slowPeriod: 26,
 		signalPeriod: 9,
@@ -9239,9 +9284,9 @@ function Bs(e = {}) {
 		showDEA: !0,
 		showBAR: !0,
 		...n
-	}, i = null, a = 0, o = 0, s = 0, c = [];
-	function l(e) {
-		return (i !== e || a !== r.fastPeriod || o !== r.slowPeriod || s !== r.signalPeriod) && (c = zs(e, r.fastPeriod, r.slowPeriod, r.signalPeriod), i = e, a = r.fastPeriod, o = r.slowPeriod, s = r.signalPeriod), c;
+	}, o = null, s = 0, c = 0, l = 0, u = [];
+	function d(e) {
+		return (o !== e || s !== a.fastPeriod || c !== a.slowPeriod || l !== a.signalPeriod) && (u = Vs(e, a.fastPeriod, a.slowPeriod, a.signalPeriod), o = e, s = a.fastPeriod, c = a.slowPeriod, l = a.signalPeriod), u;
 	}
 	return {
 		name: `macd_${t}`,
@@ -9249,82 +9294,99 @@ function Bs(e = {}) {
 		description: "MACD 指标渲染器",
 		debugName: "MACD",
 		paneId: t,
-		priority: Y.MAIN,
+		priority: Y.INDICATOR,
+		onInstall(e) {
+			i = e;
+		},
+		getDeclaredNamespaces() {
+			return [r];
+		},
 		draw(e) {
-			let { ctx: t, pane: n, data: i, range: a, scrollLeft: o, kWidth: s, kGap: c, dpr: u, kLinePositions: d } = e, f = i;
-			if (f.length < r.slowPeriod) return;
-			let p = l(f), m = -Infinity, h = Infinity;
-			for (let e = a.start; e < a.end && e < p.length; e++) {
-				let t = p[e];
-				t && (m = Math.max(m, t.dif, t.dea, t.macd), h = Math.min(h, t.dif, t.dea, t.macd));
-			}
-			if (!Number.isFinite(m) || !Number.isFinite(h)) return;
-			let g = Math.max(.05, (m - h) * .1), _ = h - g, v = m + g - _ || 1, y = n.height - (0 - _) / v * n.height;
-			t.save(), t.translate(-o, 0);
-			let b = Math.max(a.start, r.slowPeriod - 1), x = Math.min(a.end, f.length);
-			if (r.showBAR) {
-				let e = (s + c) * u, r = Math.max(1, Math.round(e - 1)) / u, i = Math.round(y * u) / u, o = d[b - a.start] ?? 0, l = Math.round((o + (s - r) / 2) * u);
-				for (let a = b; a < x; a++) {
-					let o = p[a];
-					if (!o) continue;
-					let s = (l + (a - b) * Math.round(e)) / u, c = n.height - (o.macd - _) / v * n.height, d = o.macd >= 0, f = a > 0 ? p[a - 1] : null, m;
-					m = f ? o.macd >= f.macd : !0;
-					let h;
-					h = d ? m ? Pa.BAR_UP : Pa.BAR_UP_LIGHT : m ? Pa.BAR_DOWN_LIGHT : Pa.BAR_DOWN, t.fillStyle = h;
-					let g = Math.round(c * u) / u, y = 1 / u;
-					if (d) {
-						let e = i - g, n = e <= 0 ? y : Math.max(e, y), a = e <= 0 ? i - y : i - n;
-						t.fillRect(s, a, r, n);
+			let { ctx: n, pane: o, data: s, range: c, scrollLeft: l, kWidth: u, kGap: f, dpr: p, kLinePositions: m } = e, h = s;
+			if (h.length < a.slowPeriod) return;
+			let g = d(h), _ = -Infinity, v = Infinity;
+			for (let e = c.start; e < c.end && e < g.length; e++) {
+				let t = g[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 = {
+				valueMin: b,
+				valueMax: x,
+				timestamp: Date.now(),
+				latestValues: w ? {
+					dif: w.dif,
+					dea: w.dea,
+					macd: w.macd
+				} : void 0
+			};
+			i?.setSharedState(r, T, `macd_${t}`);
+			let E = o.height - (0 - b) / S * o.height;
+			n.save(), n.translate(-l, 0);
+			let D = Math.max(c.start, a.slowPeriod - 1), O = Math.min(c.end, h.length);
+			if (a.showBAR) {
+				let e = (u + f) * p, t = Math.max(1, Math.round(e - 1)) / p, r = Math.round(E * p) / p, i = m[D - c.start] ?? 0, a = Math.round((i + (u - t) / 2) * p);
+				for (let i = D; i < O; i++) {
+					let s = g[i];
+					if (!s) continue;
+					let c = (a + (i - D) * Math.round(e)) / p, l = o.height - (s.macd - b) / S * o.height, u = s.macd >= 0, d = i > 0 ? g[i - 1] : null, f;
+					f = d ? s.macd >= d.macd : !0;
+					let m;
+					m = u ? f ? Fa.BAR_UP : Fa.BAR_UP_LIGHT : f ? Fa.BAR_DOWN_LIGHT : Fa.BAR_DOWN, n.fillStyle = m;
+					let h = Math.round(l * p) / p, _ = 1 / p;
+					if (u) {
+						let e = r - h, i = e <= 0 ? _ : Math.max(e, _), a = e <= 0 ? r - _ : r - i;
+						n.fillRect(c, a, t, i);
 					} else {
-						let e = g - i, n = e <= 0 ? y : Math.max(e, y);
-						t.fillRect(s, i, r, n);
+						let e = h - r, i = e <= 0 ? _ : Math.max(e, _);
+						n.fillRect(c, r, t, i);
 					}
 				}
 			}
-			if (r.showDIF) {
-				t.strokeStyle = Pa.DIF, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
+			if (a.showDIF) {
+				n.strokeStyle = Fa.DIF, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let r = b; r < x; r++) {
-					let i = p[r];
-					if (!i) continue;
-					let o = d[r - a.start];
-					if (o === void 0) continue;
-					let c = o + s / 2, l = n.height - (i.dif - _) / v * n.height, f = Q(c, u), m = Q(l, u);
-					e ? (t.moveTo(f, m), e = !1) : t.lineTo(f, m);
+				for (let t = D; t < O; 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);
+					e ? (n.moveTo(l, d), e = !1) : n.lineTo(l, d);
 				}
-				t.stroke();
+				n.stroke();
 			}
-			if (r.showDEA) {
-				t.strokeStyle = Pa.DEA, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
+			if (a.showDEA) {
+				n.strokeStyle = Fa.DEA, n.lineWidth = 1, n.lineJoin = "round", n.lineCap = "round", n.beginPath();
 				let e = !0;
-				for (let r = b; r < x; r++) {
-					let i = p[r];
-					if (!i) continue;
-					let o = d[r - a.start];
-					if (o === void 0) continue;
-					let c = o + s / 2, l = n.height - (i.dea - _) / v * n.height, f = Q(c, u), m = Q(l, u);
-					e ? (t.moveTo(f, m), e = !1) : t.lineTo(f, m);
+				for (let t = D; t < O; 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);
+					e ? (n.moveTo(l, d), e = !1) : n.lineTo(l, d);
 				}
-				t.stroke();
+				n.stroke();
 			}
-			t.restore();
+			n.restore();
 		},
 		onDataUpdate() {
-			i = null;
+			o = null;
 		},
 		getConfig() {
-			return { ...r };
+			return { ...a };
 		},
 		setConfig(e) {
-			"fastPeriod" in e && e.fastPeriod !== r.fastPeriod && (i = null), "slowPeriod" in e && e.slowPeriod !== r.slowPeriod && (i = null), "signalPeriod" in e && e.signalPeriod !== r.signalPeriod && (i = null), Object.assign(r, e);
+			"fastPeriod" in e && e.fastPeriod !== a.fastPeriod && (o = null), "slowPeriod" in e && e.slowPeriod !== a.slowPeriod && (o = null), "signalPeriod" in e && e.signalPeriod !== a.signalPeriod && (o = null), Object.assign(a, e);
 		}
 	};
 }
-function Vs(e, t, n = 12, r = 26, i = 9) {
-	return t < r || t >= e.length ? null : zs(e, n, r, i)[t] ?? null;
+function Us(e, t, n = 12, r = 26, i = 9) {
+	return t < r || t >= e.length ? null : Vs(e, n, r, i)[t] ?? null;
 }
-function Hs(e, t, n = 12, r = 26, i = 9) {
-	let a = Vs(e, t, n, r, i);
+function Ws(e, t, n = 12, r = 26, i = 9) {
+	let a = Us(e, t, n, r, i);
 	return a ? {
 		name: "MACD",
 		params: [
@@ -9336,24 +9398,24 @@ function Hs(e, t, n = 12, r = 26, i = 9) {
 			{
 				label: "DIF",
 				value: a.dif,
-				color: Pa.DIF
+				color: Fa.DIF
 			},
 			{
 				label: "DEA",
 				value: a.dea,
-				color: Pa.DEA
+				color: Fa.DEA
 			},
 			{
 				label: "MACD",
 				value: a.macd,
-				color: a.macd >= 0 ? Pa.BAR_UP : Pa.BAR_DOWN
+				color: a.macd >= 0 ? Fa.BAR_UP : Fa.BAR_DOWN
 			}
 		]
 	} : null;
 }
 //#endregion
 //#region src/core/renderers/Indicator/rsi.ts
-function Us(e, t) {
+function Gs(e, t) {
 	let n = Array(e.length);
 	if (e.length < t + 1) return n;
 	let r = [];
@@ -9375,7 +9437,7 @@ function Us(e, t) {
 	}
 	return n;
 }
-function Ws(e = {}) {
+function Ks(e = {}) {
 	let { paneId: t = "sub", config: n = {} } = e, r = {
 		period1: 6,
 		period2: 12,
@@ -9386,7 +9448,7 @@ function Ws(e = {}) {
 		...n
 	}, i = null, a = 0, o = 0, s = 0, c = [], l = [], u = [];
 	function d(e) {
-		return (i !== e || a !== r.period1 || o !== r.period2 || s !== r.period3) && (c = Us(e, r.period1), l = Us(e, r.period2), u = Us(e, r.period3), i = e, a = r.period1, o = r.period2, s = r.period3), {
+		return (i !== e || a !== r.period1 || o !== r.period2 || s !== r.period3) && (c = Gs(e, r.period1), l = Gs(e, r.period2), u = Gs(e, r.period3), i = e, a = r.period1, o = r.period2, s = r.period3), {
 			rsi1: c,
 			rsi2: l,
 			rsi3: u
@@ -9419,7 +9481,7 @@ function Ws(e = {}) {
 				}
 				t.stroke();
 			};
-			r.showRSI1 && S(f, Fa.RSI1), r.showRSI2 && S(p, Fa.RSI2), r.showRSI3 && S(m, Fa.RSI3), t.restore();
+			r.showRSI1 && S(f, Ia.RSI1), r.showRSI2 && S(p, Ia.RSI2), r.showRSI3 && S(m, Ia.RSI3), t.restore();
 		},
 		onDataUpdate() {
 			i = null;
@@ -9432,21 +9494,21 @@ function Ws(e = {}) {
 		}
 	};
 }
-function Gs(e, t, n = 6, r = 12, i = 24) {
+function qs(e, t, n = 6, r = 12, i = 24) {
 	if (t < n + 1 || t >= e.length) return null;
-	let a = Us(e, n)[t], o = Us(e, r)[t], s = Us(e, i)[t], c = [];
+	let a = Gs(e, n)[t], o = Gs(e, r)[t], s = Gs(e, i)[t], c = [];
 	return a !== void 0 && c.push({
 		label: `RSI${n}`,
 		value: a,
-		color: Fa.RSI1
+		color: Ia.RSI1
 	}), o !== void 0 && c.push({
 		label: `RSI${r}`,
 		value: o,
-		color: Fa.RSI2
+		color: Ia.RSI2
 	}), s !== void 0 && c.push({
 		label: `RSI${i}`,
 		value: s,
-		color: Fa.RSI3
+		color: Ia.RSI3
 	}), c.length === 0 ? null : {
 		name: "RSI",
 		params: [
@@ -9459,7 +9521,7 @@ function Gs(e, t, n = 6, r = 12, i = 24) {
 }
 //#endregion
 //#region src/core/renderers/Indicator/cci.ts
-function Ks(e, t) {
+function Js(e, t) {
 	let n = Array(e.length);
 	if (e.length < t) return n;
 	let r = e.map((e) => (e.high + e.low + e.close) / 3);
@@ -9473,14 +9535,14 @@ function Ks(e, t) {
 	}
 	return n;
 }
-function qs(e = {}) {
+function Ys(e = {}) {
 	let { paneId: t = "sub", config: n = {} } = e, r = {
 		period: 14,
 		showCCI: !0,
 		...n
 	}, i = null, a = 0, o = [];
 	function s(e) {
-		return (i !== e || a !== r.period) && (o = Ks(e, r.period), i = e, a = r.period), o;
+		return (i !== e || a !== r.period) && (o = Js(e, r.period), i = e, a = r.period), o;
 	}
 	return {
 		name: `cci_${t}`,
@@ -9502,10 +9564,10 @@ function qs(e = {}) {
 			let h = p - m || 1, g = n.height - (0 - m) / h * n.height;
 			t.save(), t.translate(-o, 0);
 			let _ = n.height - (100 - m) / h * n.height, v = n.height - (-100 - m) / h * n.height, y = o, b = o + e.paneWidth;
-			t.strokeStyle = Ia.OVERBOUGHT, t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(y, _), t.lineTo(b, _), t.stroke(), t.strokeStyle = Ia.OVERSOLD, t.beginPath(), t.moveTo(y, v), t.lineTo(b, v), t.stroke(), t.strokeStyle = "rgba(0, 0, 0, 0.1)", t.beginPath(), t.moveTo(y, g), t.lineTo(b, g), t.stroke(), t.setLineDash([]);
+			t.strokeStyle = La.OVERBOUGHT, t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(y, _), t.lineTo(b, _), t.stroke(), t.strokeStyle = La.OVERSOLD, t.beginPath(), t.moveTo(y, v), t.lineTo(b, v), t.stroke(), t.strokeStyle = "rgba(0, 0, 0, 0.1)", t.beginPath(), t.moveTo(y, g), t.lineTo(b, g), t.stroke(), t.setLineDash([]);
 			let x = Math.max(a.start, r.period - 1), S = Math.min(a.end, d.length);
 			if (r.showCCI) {
-				t.strokeStyle = Ia.CCI, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
+				t.strokeStyle = La.CCI, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
 				let e = !0;
 				for (let r = x; r < S; r++) {
 					let i = f[r];
@@ -9530,25 +9592,25 @@ function qs(e = {}) {
 		}
 	};
 }
-function Js(e, t, n) {
-	return Ks(e, n)[t];
+function Xs(e, t, n) {
+	return Js(e, n)[t];
 }
-function Ys(e, t, n = 14) {
+function Zs(e, t, n = 14) {
 	if (t < n || t >= e.length) return null;
-	let r = Js(e, t, n);
+	let r = Xs(e, t, n);
 	return r === void 0 ? null : {
 		name: "CCI",
 		params: [n],
 		values: [{
 			label: "CCI",
 			value: r,
-			color: Ia.CCI
+			color: La.CCI
 		}]
 	};
 }
 //#endregion
 //#region src/core/renderers/Indicator/stoch.ts
-function Xs(e, t, n) {
+function Qs(e, t, n) {
 	let r = Array(e.length);
 	if (e.length < t) return r;
 	let i = Array(e.length);
@@ -9576,7 +9638,7 @@ function Xs(e, t, n) {
 	}
 	return r;
 }
-function Zs(e = {}) {
+function $s(e = {}) {
 	let { paneId: t = "sub", config: n = {} } = e, r = {
 		n: 9,
 		m: 3,
@@ -9585,7 +9647,7 @@ function Zs(e = {}) {
 		...n
 	}, i = null, a = 0, o = 0, s = [];
 	function c(e) {
-		return (i !== e || a !== r.n || o !== r.m) && (s = Xs(e, r.n, r.m), i = e, a = r.n, o = r.m), s;
+		return (i !== e || a !== r.n || o !== r.m) && (s = Qs(e, r.n, r.m), i = e, a = r.n, o = r.m), s;
 	}
 	return {
 		name: `stoch_${t}`,
@@ -9603,7 +9665,7 @@ function Zs(e = {}) {
 			t.strokeStyle = "rgba(0, 0, 0, 0.1)", t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(h, p), t.lineTo(g, p), t.moveTo(h, m), t.lineTo(g, m), t.stroke(), t.setLineDash([]);
 			let _ = Math.max(a.start, r.n + r.m - 2), v = Math.min(a.end, d.length);
 			if (r.showK) {
-				t.strokeStyle = La.K, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
+				t.strokeStyle = Ra.K, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
 				let e = !0;
 				for (let r = _; r < v; r++) {
 					let i = f[r];
@@ -9616,7 +9678,7 @@ function Zs(e = {}) {
 				t.stroke();
 			}
 			if (r.showD) {
-				t.strokeStyle = La.D, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
+				t.strokeStyle = Ra.D, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
 				let e = !0;
 				for (let r = _; r < v; r++) {
 					let i = f[r];
@@ -9641,29 +9703,29 @@ function Zs(e = {}) {
 		}
 	};
 }
-function Qs(e, t, n, r) {
-	return Xs(e, n, r)[t];
+function ec(e, t, n, r) {
+	return Qs(e, n, r)[t];
 }
-function $s(e, t, n = 9, r = 3) {
+function tc(e, t, n = 9, r = 3) {
 	if (t < n + r - 1 || t >= e.length) return null;
-	let i = Qs(e, t, n, r);
+	let i = ec(e, t, n, r);
 	return i ? {
 		name: "STOCH",
 		params: [n, r],
 		values: [{
 			label: "K",
 			value: i.k,
-			color: La.K
+			color: Ra.K
 		}, {
 			label: "D",
 			value: i.d,
-			color: La.D
+			color: Ra.D
 		}]
 	} : null;
 }
 //#endregion
 //#region src/core/renderers/Indicator/mom.ts
-function ec(e, t) {
+function nc(e, t) {
 	let n = Array(e.length);
 	if (e.length < t + 1) return n;
 	for (let r = t; r < e.length; r++) {
@@ -9672,14 +9734,14 @@ function ec(e, t) {
 	}
 	return n;
 }
-function tc(e = {}) {
+function rc(e = {}) {
 	let { paneId: t = "sub", config: n = {} } = e, r = {
 		period: 10,
 		showMOM: !0,
 		...n
 	}, i = null, a = 0, o = [];
 	function s(e) {
-		return (i !== e || a !== r.period) && (o = ec(e, r.period), i = e, a = r.period), o;
+		return (i !== e || a !== r.period) && (o = nc(e, r.period), i = e, a = r.period), o;
 	}
 	return {
 		name: `mom_${t}`,
@@ -9702,10 +9764,10 @@ function tc(e = {}) {
 			let g = p - m || 1, _ = n.height - (0 - m) / g * n.height;
 			t.save(), t.translate(-o, 0);
 			let v = o, y = o + e.paneWidth;
-			t.strokeStyle = Ra.ZERO, t.lineWidth = 1, t.beginPath(), t.moveTo(v, _), t.lineTo(y, _), t.stroke();
+			t.strokeStyle = za.ZERO, t.lineWidth = 1, t.beginPath(), t.moveTo(v, _), t.lineTo(y, _), t.stroke();
 			let b = Math.max(a.start, r.period), x = Math.min(a.end, d.length);
 			if (r.showMOM) {
-				t.strokeStyle = Ra.MOM, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
+				t.strokeStyle = za.MOM, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
 				let e = !0;
 				for (let r = b; r < x; r++) {
 					let i = f[r];
@@ -9730,25 +9792,25 @@ function tc(e = {}) {
 		}
 	};
 }
-function nc(e, t, n) {
-	return ec(e, n)[t];
+function ic(e, t, n) {
+	return nc(e, n)[t];
 }
-function rc(e, t, n = 10) {
+function ac(e, t, n = 10) {
 	if (t < n || t >= e.length) return null;
-	let r = nc(e, t, n);
+	let r = ic(e, t, n);
 	return r === void 0 ? null : {
 		name: "MOM",
 		params: [n],
 		values: [{
 			label: "MOM",
 			value: r,
-			color: Ra.MOM
+			color: za.MOM
 		}]
 	};
 }
 //#endregion
 //#region src/core/renderers/Indicator/wmsr.ts
-function ic(e, t) {
+function oc(e, t) {
 	let n = Array(e.length);
 	if (e.length < t) return n;
 	for (let r = t - 1; r < e.length; r++) {
@@ -9762,14 +9824,14 @@ function ic(e, t) {
 	}
 	return n;
 }
-function ac(e = {}) {
+function sc(e = {}) {
 	let { paneId: t = "sub", config: n = {} } = e, r = {
 		period: 14,
 		showWMSR: !0,
 		...n
 	}, i = null, a = 0, o = [];
 	function s(e) {
-		return (i !== e || a !== r.period) && (o = ic(e, r.period), i = e, a = r.period), o;
+		return (i !== e || a !== r.period) && (o = oc(e, r.period), i = e, a = r.period), o;
 	}
 	return {
 		name: `wmsr_${t}`,
@@ -9784,10 +9846,10 @@ function ac(e = {}) {
 			let f = s(d), p = -100;
 			0 - p, t.save(), t.translate(-o, 0);
 			let m = n.height - (-20 - p) / 100 * n.height, h = n.height - (-80 - p) / 100 * n.height, g = n.height - (-50 - p) / 100 * n.height, _ = o, v = o + e.paneWidth;
-			t.strokeStyle = za.OVERBOUGHT, t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(_, m), t.lineTo(v, m), t.stroke(), t.strokeStyle = za.OVERSOLD, t.beginPath(), t.moveTo(_, h), t.lineTo(v, h), t.stroke(), t.strokeStyle = "rgba(0, 0, 0, 0.1)", t.beginPath(), t.moveTo(_, g), t.lineTo(v, g), t.stroke(), t.setLineDash([]);
+			t.strokeStyle = Ba.OVERBOUGHT, t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(_, m), t.lineTo(v, m), t.stroke(), t.strokeStyle = Ba.OVERSOLD, t.beginPath(), t.moveTo(_, h), t.lineTo(v, h), t.stroke(), t.strokeStyle = "rgba(0, 0, 0, 0.1)", t.beginPath(), t.moveTo(_, g), t.lineTo(v, g), t.stroke(), t.setLineDash([]);
 			let y = Math.max(a.start, r.period - 1), b = Math.min(a.end, d.length);
 			if (r.showWMSR) {
-				t.strokeStyle = za.WMSR, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
+				t.strokeStyle = Ba.WMSR, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
 				let e = !0;
 				for (let r = y; r < b; r++) {
 					let i = f[r];
@@ -9812,25 +9874,25 @@ function ac(e = {}) {
 		}
 	};
 }
-function oc(e, t, n) {
-	return ic(e, n)[t];
+function cc(e, t, n) {
+	return oc(e, n)[t];
 }
-function sc(e, t, n = 14) {
+function lc(e, t, n = 14) {
 	if (t < n || t >= e.length) return null;
-	let r = oc(e, t, n);
+	let r = cc(e, t, n);
 	return r === void 0 ? null : {
 		name: "WMSR",
 		params: [n],
 		values: [{
 			label: "WMSR",
 			value: r,
-			color: za.WMSR
+			color: Ba.WMSR
 		}]
 	};
 }
 //#endregion
 //#region src/core/renderers/Indicator/kst.ts
-function cc(e, t) {
+function uc(e, t) {
 	let n = Array(e.length);
 	if (e.length < t + 1) return n;
 	for (let r = t; r < e.length; r++) {
@@ -9839,7 +9901,7 @@ function cc(e, t) {
 	}
 	return n;
 }
-function lc(e, t) {
+function dc(e, t) {
 	let n = Array(e.length), r = 0, i = 0;
 	for (let a = 0; a < e.length; a++) {
 		let o = e[a];
@@ -9853,13 +9915,13 @@ function lc(e, t) {
 	}
 	return n;
 }
-function uc(e, t, n, r, i, a) {
-	let o = Array(e.length), s = cc(e, t), c = cc(e, n), l = cc(e, r), u = cc(e, i), d = lc(s, 10), f = lc(c, 10), p = lc(l, 10), m = lc(u, 15), h = Array(e.length);
+function fc(e, t, n, r, i, a) {
+	let o = Array(e.length), s = uc(e, t), c = uc(e, n), l = uc(e, r), u = uc(e, i), d = dc(s, 10), f = dc(c, 10), p = dc(l, 10), m = dc(u, 15), h = Array(e.length);
 	for (let t = 0; t < e.length; t++) {
 		let e = d[t], n = f[t], r = p[t], i = m[t];
 		e !== void 0 && n !== void 0 && r !== void 0 && i !== void 0 && (h[t] = e * 1 + n * 2 + r * 3 + i * 4);
 	}
-	let g = lc(h, a);
+	let g = dc(h, a);
 	for (let t = 0; t < e.length; t++) {
 		let e = h[t], n = g[t];
 		e !== void 0 && n !== void 0 && (o[t] = {
@@ -9869,7 +9931,7 @@ function uc(e, t, n, r, i, a) {
 	}
 	return o;
 }
-function dc(e = {}) {
+function pc(e = {}) {
 	let { paneId: t = "sub", config: n = {} } = e, r = {
 		roc1: 10,
 		roc2: 15,
@@ -9882,7 +9944,7 @@ function dc(e = {}) {
 	}, i = null, a = "", o = [];
 	function s(e) {
 		let t = `${r.roc1}-${r.roc2}-${r.roc3}-${r.roc4}-${r.signalPeriod}`;
-		return (i !== e || a !== t) && (o = uc(e, r.roc1, r.roc2, r.roc3, r.roc4, r.signalPeriod), i = e, a = t), o;
+		return (i !== e || a !== t) && (o = fc(e, r.roc1, r.roc2, r.roc3, r.roc4, r.signalPeriod), i = e, a = t), o;
 	}
 	return {
 		name: `kst_${t}`,
@@ -9908,7 +9970,7 @@ function dc(e = {}) {
 			t.strokeStyle = "rgba(0, 0, 0, 0.1)", t.lineWidth = 1, t.beginPath(), t.moveTo(v, _), t.lineTo(y, _), t.stroke();
 			let b = Math.max(a.start, r.roc4 + 15 + r.signalPeriod - 1), x = Math.min(a.end, d.length);
 			if (r.showKST) {
-				t.strokeStyle = Ba.KST, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
+				t.strokeStyle = Va.KST, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
 				let e = !0;
 				for (let r = b; r < x; r++) {
 					let i = f[r];
@@ -9921,7 +9983,7 @@ function dc(e = {}) {
 				t.stroke();
 			}
 			if (r.showSignal) {
-				t.strokeStyle = Ba.SIGNAL, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
+				t.strokeStyle = Va.SIGNAL, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
 				let e = !0;
 				for (let r = b; r < x; r++) {
 					let i = f[r];
@@ -9946,12 +10008,12 @@ function dc(e = {}) {
 		}
 	};
 }
-function fc(e, t, n, r, i, a, o) {
-	return uc(e, n, r, i, a, o)[t];
+function mc(e, t, n, r, i, a, o) {
+	return fc(e, n, r, i, a, o)[t];
 }
-function pc(e, t, n = 10, r = 15, i = 20, a = 30, o = 9) {
+function hc(e, t, n = 10, r = 15, i = 20, a = 30, o = 9) {
 	if (t < a + 15 + o || t >= e.length) return null;
-	let s = fc(e, t, n, r, i, a, o);
+	let s = mc(e, t, n, r, i, a, o);
 	return s ? {
 		name: "KST",
 		params: [
@@ -9964,17 +10026,17 @@ function pc(e, t, n = 10, r = 15, i = 20, a = 30, o = 9) {
 		values: [{
 			label: "KST",
 			value: s.kst,
-			color: Ba.KST
+			color: Va.KST
 		}, {
 			label: "Signal",
 			value: s.signal,
-			color: Ba.SIGNAL
+			color: Va.SIGNAL
 		}]
 	} : null;
 }
 //#endregion
 //#region src/core/renderers/Indicator/fastk.ts
-function mc(e, t) {
+function gc(e, t) {
 	let n = Array(e.length);
 	if (e.length < t) return n;
 	for (let r = t - 1; r < e.length; r++) {
@@ -9988,14 +10050,14 @@ function mc(e, t) {
 	}
 	return n;
 }
-function hc(e = {}) {
+function _c(e = {}) {
 	let { paneId: t = "sub", config: n = {} } = e, r = {
 		period: 9,
 		showFASTK: !0,
 		...n
 	}, i = null, a = 0, o = [];
 	function s(e) {
-		return (i !== e || a !== r.period) && (o = mc(e, r.period), i = e, a = r.period), o;
+		return (i !== e || a !== r.period) && (o = gc(e, r.period), i = e, a = r.period), o;
 	}
 	return {
 		name: `fastk_${t}`,
@@ -10013,7 +10075,7 @@ function hc(e = {}) {
 			t.strokeStyle = "rgba(0, 0, 0, 0.1)", t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(h, p), t.lineTo(g, p), t.moveTo(h, m), t.lineTo(g, m), t.stroke(), t.setLineDash([]);
 			let _ = Math.max(a.start, r.period - 1), v = Math.min(a.end, d.length);
 			if (r.showFASTK) {
-				t.strokeStyle = La.K, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
+				t.strokeStyle = Ra.K, t.lineWidth = 1, t.lineJoin = "round", t.lineCap = "round", t.beginPath();
 				let e = !0;
 				for (let r = _; r < v; r++) {
 					let i = f[r];
@@ -10038,42 +10100,42 @@ function hc(e = {}) {
 		}
 	};
 }
-function gc(e, t, n) {
-	return mc(e, n)[t];
+function vc(e, t, n) {
+	return gc(e, n)[t];
 }
-function _c(e, t, n = 9) {
+function yc(e, t, n = 9) {
 	if (t < n || t >= e.length) return null;
-	let r = gc(e, t, n);
+	let r = vc(e, t, n);
 	return r === void 0 ? null : {
 		name: "FASTK",
 		params: [n],
 		values: [{
 			label: "FASTK",
 			value: r,
-			color: La.K
+			color: Ra.K
 		}]
 	};
 }
 //#endregion
 //#region src/core/renderers/Indicator/index.ts
-function vc(e) {
+function bc(e) {
 	let { indicatorId: t, paneId: n } = e;
 	switch (t) {
-		case "VOLUME": return _s({ paneId: n });
-		case "MACD": return Bs({ paneId: n });
-		case "RSI": return Ws({ paneId: n });
-		case "CCI": return qs({ paneId: n });
-		case "STOCH": return Zs({ paneId: n });
-		case "MOM": return tc({ paneId: n });
-		case "WMSR": return ac({ paneId: n });
-		case "KST": return dc({ paneId: n });
-		case "FASTK": return hc({ paneId: n });
+		case "VOLUME": return vs({ paneId: n });
+		case "MACD": return Hs({ paneId: n });
+		case "RSI": return Ks({ paneId: n });
+		case "CCI": return Ys({ paneId: n });
+		case "STOCH": return $s({ paneId: n });
+		case "MOM": return rc({ paneId: n });
+		case "WMSR": return sc({ paneId: n });
+		case "KST": return pc({ paneId: n });
+		case "FASTK": return _c({ paneId: n });
 		default: throw Error(`Unknown indicator: ${t}`);
 	}
 }
 //#endregion
 //#region src/core/chart.ts
-var yc = class e {
+var xc = class e {
 	dom;
 	opt;
 	data = [];
@@ -10085,21 +10147,55 @@ var yc = class e {
 	pluginHost;
 	rendererPluginManager;
 	preciseDpr = 0;
-	dprObserver;
+	resizeObserver;
+	observedSize = {
+		width: 0,
+		height: 0
+	};
+	onViewportChange;
 	constructor(e, t) {
-		if (this.dom = e, this.opt = t, this.interaction = new hs(this), this.markerManager = new yo(), this.pluginHost = fa(), this.rendererPluginManager = new ma(), this.rendererPluginManager.setPluginHost(this.pluginHost), this.rendererPluginManager.setInvalidateCallback(() => this.scheduleDraw()), this.initPanes(), typeof ResizeObserver < "u" && "devicePixelContentBoxSize" in ResizeObserverEntry.prototype) {
-			let e = this.dom.canvasLayer;
-			e && (this.dprObserver = new ResizeObserver((e) => {
+		this.dom = e, this.opt = t, this.interaction = new gs(this), this.markerManager = new bo(), this.pluginHost = pa(), this.rendererPluginManager = new ha(), this.rendererPluginManager.setPluginHost(this.pluginHost), this.rendererPluginManager.setInvalidateCallback(() => this.scheduleDraw()), this.initPanes(), this.initResizeObserver();
+	}
+	initResizeObserver() {
+		if (typeof ResizeObserver > "u") return;
+		let e = this.dom.container;
+		if (e) {
+			this.resizeObserver = new ResizeObserver((e) => {
 				let t = e[0];
 				if (!t) return;
-				let n = t.devicePixelContentBoxSize?.[0], r = t.contentBoxSize?.[0];
-				if (n && r) {
-					let e = n.inlineSize / r.inlineSize;
-					this.preciseDpr = Math.round(e * 64) / 64;
-				}
-			}), this.dprObserver.observe(e));
+				let n = this.observedSize.width, r = this.observedSize.height, i = this.preciseDpr;
+				this.updateObservedMetrics(t);
+				let a = this.observedSize.width !== n, o = this.observedSize.height !== r, s = this.preciseDpr !== i;
+				(a || o || s) && this.resize();
+			});
+			try {
+				this.resizeObserver.observe(e, { box: "device-pixel-content-box" });
+			} catch {
+				this.resizeObserver.observe(e);
+			}
 		}
 	}
+	updateObservedMetrics(e) {
+		let t = Math.max(1, Math.round(e.contentRect.width)), n = Math.max(1, Math.round(e.contentRect.height));
+		this.observedSize.width = t, this.observedSize.height = n;
+		let r = e.devicePixelContentBoxSize?.[0], i = e.contentBoxSize?.[0];
+		if (!r || !i || i.inlineSize <= 0) {
+			this.preciseDpr = 0;
+			return;
+		}
+		let a = r.inlineSize / i.inlineSize;
+		this.preciseDpr = Math.round(a * 64) / 64;
+	}
+	getEffectiveDpr() {
+		let e = this.preciseDpr > 0 ? this.preciseDpr : Math.round((window.devicePixelRatio || 1) * 64) / 64;
+		return e < 1 && (e = 1), e;
+	}
+	getViewport() {
+		return this.viewport;
+	}
+	getCurrentDpr() {
+		return this.getEffectiveDpr();
+	}
 	get plugin() {
 		return this.pluginHost;
 	}
@@ -10125,10 +10221,10 @@ var yc = class e {
 		this.markerManager.clear();
 		let e = this.computeViewport();
 		if (!e || this.data.length === 0) return;
-		let { start: t, end: n } = ds(e.scrollLeft, e.plotWidth, this.opt.kWidth, this.opt.kGap, this.data.length, e.dpr), r = {
+		let { start: t, end: n } = fs(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 } = us(this.opt.kWidth, this.opt.kGap, e.dpr);
+		}, i = this.calcKLinePositions(r), { kWidthPx: a } = ds(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");
@@ -10195,7 +10291,7 @@ var yc = class e {
 		}
 	}
 	zoomAt(e, t, n) {
-		let r = this.opt.kWidth + this.opt.kGap, i = (t + e) / r, a = this.viewport?.dpr || window.devicePixelRatio || 1, o = Math.round(this.opt.kWidth * a), s = n > 0 ? -2 : 2, c = o + s;
+		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;
@@ -10223,6 +10319,9 @@ var yc = class e {
 	setOnZoomChange(e) {
 		this.onZoomChange = e;
 	}
+	setOnViewportChange(e) {
+		this.onViewportChange = e;
+	}
 	getPaneRenderers() {
 		return this.paneRenderers;
 	}
@@ -10244,7 +10343,7 @@ var yc = class e {
 	calcKLinePositions(e) {
 		let { start: t, end: n } = e, r = n - t;
 		if (r <= 0) return [];
-		let i = this.viewport?.dpr || window.devicePixelRatio || 1, { unitPx: a, startXPx: o } = us(this.opt.kWidth, this.opt.kGap, i), s = Array(r);
+		let i = this.getEffectiveDpr(), { unitPx: a, startXPx: o } = ds(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;
 	}
@@ -10262,9 +10361,9 @@ var yc = class e {
 			console.warn(`Pane "${e}" already exists`);
 			return;
 		}
-		let t = new ms(e), n = document.createElement("canvas"), r = document.createElement("canvas"), i = e === "main";
+		let t = new hs(e), n = document.createElement("canvas"), r = document.createElement("canvas"), i = e === "main";
 		n.id = `${e}-plot`, n.className = i ? "plot-canvas main" : "plot-canvas sub", n.style.position = "absolute", n.style.left = "0", n.style.top = "0", r.id = `${e}-yAxis`, r.className = "right-axis", r.style.position = "absolute", r.style.right = "0";
-		let a = new gs({
+		let a = new _s({
 			plotCanvas: n,
 			yAxisCanvas: r
 		}, t, {
@@ -10295,7 +10394,7 @@ var yc = class e {
 			return n && this.updateRendererConfig(e, n), !0;
 		}
 		this.addPane(r);
-		let i = vc({
+		let i = bc({
 			indicatorId: t,
 			paneId: r
 		});
@@ -10336,7 +10435,7 @@ var yc = class e {
 		return this.data;
 	}
 	getContentWidth() {
-		let e = this.data?.length ?? 0, t = this.viewport?.dpr || window.devicePixelRatio || 1, { startXPx: n, unitPx: r } = us(this.opt.kWidth, this.opt.kGap, t);
+		let e = this.data?.length ?? 0, t = this.getEffectiveDpr(), { startXPx: n, unitPx: r } = ds(this.opt.kWidth, this.opt.kGap, t);
 		return (n + e * r) / t;
 	}
 	resize() {
@@ -10349,12 +10448,15 @@ var yc = class e {
 		});
 	}
 	async destroy() {
-		this.raf != null && cancelAnimationFrame(this.raf), this.raf = null, this.dprObserver?.disconnect(), this.dprObserver = void 0, this.preciseDpr = 0, this.viewport = null, this.paneRenderers.forEach((e) => e.destroy()), this.paneRenderers = [], this.rendererPluginManager.clear(), this.onZoomChange = void 0, await this.pluginHost.destroy();
+		this.raf != null && cancelAnimationFrame(this.raf), this.raf = null, this.resizeObserver?.disconnect(), this.resizeObserver = void 0, this.preciseDpr = 0, this.observedSize = {
+			width: 0,
+			height: 0
+		}, this.viewport = null, this.paneRenderers.forEach((e) => e.destroy()), this.paneRenderers = [], this.rendererPluginManager.clear(), this.onZoomChange = void 0, this.onViewportChange = void 0, await this.pluginHost.destroy();
 	}
 	initPanes() {
 		this.paneRenderers = this.opt.panes.map((e) => {
-			let t = new ms(e.id), n = document.createElement("canvas"), r = document.createElement("canvas"), i = e.id === "main";
-			return n.id = `${e.id}-plot`, n.className = i ? "plot-canvas main" : "plot-canvas sub", n.style.position = "absolute", n.style.left = "0", n.style.top = "0", r.id = `${e.id}-yAxis`, r.className = "right-axis", r.style.position = "absolute", r.style.right = "0", new gs({
+			let t = new hs(e.id), n = document.createElement("canvas"), r = document.createElement("canvas"), i = e.id === "main";
+			return n.id = `${e.id}-plot`, n.className = i ? "plot-canvas main" : "plot-canvas sub", n.style.position = "absolute", n.style.left = "0", n.style.top = "0", r.id = `${e.id}-yAxis`, r.className = "right-axis", r.style.position = "absolute", r.style.right = "0", new _s({
 				plotCanvas: n,
 				yAxisCanvas: r
 			}, t, {
@@ -10380,7 +10482,7 @@ var yc = class e {
 			let o = this.paneRenderers.find((e) => e.getPane().id === a.id);
 			if (!o) continue;
 			let s = o.getPane(), c = l[i];
-			s.setLayout(r, c), s.id === "main" ? s.setPadding(this.opt.yPaddingPx, this.opt.yPaddingPx) : s.setPadding(0, 0), o.resize(e.plotWidth, c, e.dpr);
+			s.setLayout(r, c), s.id === "main" ? s.setPadding(this.opt.yPaddingPx, this.opt.yPaddingPx) : s.setPadding(0, 0), o.resize(e.plotWidth, c, e.dpr), this.rendererPluginManager.notifyResize(s.id, oa(s));
 			let u = o.getDom();
 			u.plotCanvas.style.top = `${r}px`, u.yAxisCanvas.style.top = `${r}px`, r += c + n;
 		}
@@ -10388,37 +10490,35 @@ var yc = class e {
 	computeViewport() {
 		let e = this.dom.container;
 		if (!e) return null;
-		let t = Math.max(1, Math.round(e.clientWidth)), n = Math.max(1, Math.round(e.clientHeight)), r = this.opt.rightAxisWidth + (this.opt.priceLabelWidth || 60), i = Math.round(t - r), a = Math.round(n - this.opt.bottomAxisHeight), o = this.preciseDpr > 0 ? this.preciseDpr : Math.round((window.devicePixelRatio || 1) * 64) / 64;
-		o < 1 && (o = 1);
-		let s = 16 * 1024 * 1024;
-		t * o * (n * o) > s && (o = Math.sqrt(s / (t * n)));
-		let c = Math.round(e.scrollLeft * o) / o;
-		this.dom.canvasLayer.style.width = `${t}px`, this.dom.canvasLayer.style.height = `${n}px`, this.dom.xAxisCanvas.style.width = `${i}px`, this.dom.xAxisCanvas.style.height = `${this.opt.bottomAxisHeight}px`, this.dom.xAxisCanvas.width = Math.round(i * o), this.dom.xAxisCanvas.height = Math.round(this.opt.bottomAxisHeight * o);
-		let l = {
-			viewWidth: t,
-			viewHeight: n,
-			plotWidth: i,
-			plotHeight: a,
-			scrollLeft: c,
-			dpr: o
+		let t = this.observedSize.width, n = this.observedSize.height, r = t > 0 ? t : Math.max(1, Math.round(e.clientWidth)), i = n > 0 ? n : Math.max(1, Math.round(e.clientHeight)), a = this.opt.rightAxisWidth + (this.opt.priceLabelWidth || 60), o = Math.round(r - a), s = Math.round(i - this.opt.bottomAxisHeight), c = this.getEffectiveDpr(), l = 16 * 1024 * 1024;
+		r * c * (i * c) > l && (c = Math.sqrt(l / (r * i)));
+		let u = Math.round(e.scrollLeft * c) / c;
+		this.dom.canvasLayer.style.width = `${r}px`, this.dom.canvasLayer.style.height = `${i}px`, this.dom.xAxisCanvas.style.width = `${o}px`, this.dom.xAxisCanvas.style.height = `${this.opt.bottomAxisHeight}px`, this.dom.xAxisCanvas.width = Math.round(o * c), this.dom.xAxisCanvas.height = Math.round(this.opt.bottomAxisHeight * c);
+		let d = {
+			viewWidth: r,
+			viewHeight: i,
+			plotWidth: o,
+			plotHeight: s,
+			scrollLeft: u,
+			dpr: c
 		};
-		return this.viewport = l, l;
+		return this.viewport = d, this.onViewportChange?.(d), d;
 	}
 };
 //#endregion
 //#region src/types/kLine.ts
-function bc(e) {
+function Sc(e) {
 	return e.open > e.close ? "down" : e.open < e.close ? "up" : "flat";
 }
 //#endregion
 //#region src/types/volumePrice.ts
 var $ = /* @__PURE__ */ function(e) {
 	return e.RISE_WITH_VOLUME = "rise_with_volume", e.RISE_WITHOUT_VOLUME = "rise_without_volume", e.FALL_WITH_VOLUME = "fall_with_volume", e.FALL_WITHOUT_VOLUME = "fall_without_volume", e.OTHERS = "others", e;
-}({}), xc = {
+}({}), Cc = {
 	volumeAmplifyThreshold: 1.5,
 	volumeShrinkThreshold: .8,
 	avgPeriod: 20
-}, Sc = class {
+}, wc = class {
 	prefixSum = [];
 	dataLength = 0;
 	build(e) {
@@ -10443,8 +10543,8 @@ var $ = /* @__PURE__ */ function(e) {
 		return this.dataLength;
 	}
 };
-function Cc(e, t, n, r = xc) {
-	let i = new Sc();
+function Tc(e, t, n, r = Cc) {
+	let i = new wc();
 	i.build(e);
 	let a = [], { volumeAmplifyThreshold: o, volumeShrinkThreshold: s, avgPeriod: c } = r;
 	for (let r = t; r < n && r < e.length; r++) {
@@ -10465,7 +10565,7 @@ function Cc(e, t, n, r = xc) {
 }
 //#endregion
 //#region src/core/renderers/candle.ts
-function wc() {
+function Ec() {
 	return {
 		name: "candle",
 		version: "1.0.0",
@@ -10476,36 +10576,36 @@ function wc() {
 		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 } = us(o, s, c);
+			let { kWidthPx: f } = ds(o, s, c);
 			t.save(), t.translate(-a, 0);
-			let p = l || [], m = Cc(d, i.start, i.end, xc);
+			let p = l || [], m = Tc(d, i.start, i.end, Cc);
 			for (let e = i.start; e < i.end && e < d.length; e++) {
 				let r = d[e];
 				if (!r) continue;
 				let a = n.yAxis.priceToY(r.open), s = n.yAxis.priceToY(r.close), l = n.yAxis.priceToY(r.high), h = n.yAxis.priceToY(r.low), g = p[e - i.start];
 				if (!g) continue;
-				let _ = (e) => Math.round(e * c) / c, v = _(a), y = _(s), b = _(l), x = _(h), S = Math.min(v, y), C = Math.max(Math.abs(v - y), 1), w = Cs(Math.round(g * c), S, f, C, c);
-				t.fillStyle = bc(r) === "up" ? X.UP : X.DOWN, t.fillRect(w.bodyRect.x, w.bodyRect.y, w.bodyRect.width, w.bodyRect.height);
+				let _ = (e) => Math.round(e * c) / c, v = _(a), y = _(s), b = _(l), x = _(h), S = Math.min(v, y), C = Math.max(Math.abs(v - y), 1), w = ws(Math.round(g * c), S, f, C, c);
+				t.fillStyle = Sc(r) === "up" ? X.UP : X.DOWN, t.fillRect(w.bodyRect.x, w.bodyRect.y, w.bodyRect.width, w.bodyRect.height);
 				let T = w.wickRect.width, E = w.wickRect.x, D = w.bodyRect.y, O = w.bodyRect.y + w.bodyRect.height, k = Math.max(r.open, r.close), A = Math.min(r.open, r.close);
 				if (r.high > k) {
-					let e = xs(E, b, D, c);
+					let e = Ss(E, b, D, c);
 					e && t.fillRect(e.x, e.y, T, e.height);
 				}
 				if (r.low < A) {
-					let e = xs(E, O, x, c);
+					let e = Ss(E, O, x, c);
 					e && t.fillRect(e.x, e.y, T, e.height);
 				}
 				let j = m[e - i.start];
 				if (j !== $.OTHERS && u) {
 					let n = j === $.RISE_WITH_VOLUME || j === $.RISE_WITHOUT_VOLUME ? b - 15 : x + 15;
-					Tc(t, w.bodyRect.x + w.bodyRect.width / 2, n, j, e, o, 4, u, c);
+					Dc(t, w.bodyRect.x + w.bodyRect.width / 2, n, j, e, o, 4, u, c);
 				}
 			}
 			t.restore();
 		}
 	};
 }
-function Tc(e, t, n, r, i, a, o = 4, s, c) {
+function Dc(e, t, n, r, i, a, o = 4, s, c) {
 	let l = (e) => Math.round(e * c) / c;
 	t = l(t), n = l(n);
 	let u = Math.min(a, 20), d = u * Math.sqrt(3) / 2, f, p;
@@ -10571,12 +10671,12 @@ function Tc(e, t, n, r, i, a, o = 4, s, c) {
 }
 //#endregion
 //#region src/core/utils/tickCount.ts
-function Ec(e, t) {
-	return t ? Math.max(4, Math.min(8, Math.round(e / 80))) : 2;
+function Oc(e, t) {
+	return Math.max(3, Math.round(e / 60) + 1);
 }
 //#endregion
 //#region src/core/renderers/gridLines.ts
-function Dc() {
+function kc() {
 	return {
 		name: "gridLines",
 		version: "1.0.0",
@@ -10587,19 +10687,19 @@ function Dc() {
 		draw(e) {
 			let { ctx: t, pane: n, data: r, range: i, scrollLeft: a, kWidth: o, dpr: s, kLinePositions: c } = e, l = r;
 			if (!l.length) return;
-			let u = Ec(n.height, n.id === "main");
-			t.save(), t.fillStyle = ja.HORIZONTAL, t.translate(-a, 0);
+			let u = Oc(n.height, n.id === "main");
+			t.save(), t.fillStyle = Ma.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 = Ss(f, p, Math.round(g + n * v), s);
+				let n = u <= 1 ? 0 : e / (u - 1), r = Cs(f, p, Math.round(g + n * v), s);
 				r && t.fillRect(r.x, r.y, r.width, r.height);
 			}
-			let y = Da(l);
+			let y = Oa(l);
 			for (let e of y) {
 				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 = xs(c[r] + o / 2, 0, n.height, s);
+				let a = Ss(c[r] + o / 2, 0, n.height, s);
 				a && t.fillRect(a.x, a.y, a.width, a.height);
 			}
 			t.restore();
@@ -10608,7 +10708,7 @@ function Dc() {
 }
 //#endregion
 //#region src/core/renderers/lastPrice.ts
-function Oc() {
+function Ac() {
 	return {
 		name: "lastPriceLine",
 		version: "1.0.0",
@@ -10629,7 +10729,7 @@ function Oc() {
 }
 //#endregion
 //#region src/core/renderers/extremaMarkers.ts
-function kc() {
+function jc() {
 	return {
 		name: "extremaMarkers",
 		version: "1.0.0",
@@ -10652,38 +10752,38 @@ function kc() {
 				let t = e - i.start;
 				return t < 0 || t >= l.length ? 0 : l[t] + o / 2;
 			};
-			t.save(), t.translate(-a, 0), Ac(t, _(h), n.yAxis.priceToY(p), p, s, c, a), Ac(t, _(g), n.yAxis.priceToY(m), m, s, c, a), t.restore();
+			t.save(), t.translate(-a, 0), Mc(t, _(h), n.yAxis.priceToY(p), p, s, c, a), Mc(t, _(g), n.yAxis.priceToY(m), m, s, c, a), t.restore();
 		}
 	};
 }
-function Ac(e, t, n, r, i, a, o) {
+function Mc(e, t, n, r, i, a, o) {
 	let s = r.toFixed(2);
 	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 = Ss(u, d, n, i);
-	f && (e.fillStyle = Oa.WEAK, e.fillRect(f.x, f.y, f.width, f.height));
+	let f = Cs(u, d, n, i);
+	f && (e.fillStyle = ka.WEAK, e.fillRect(f.x, f.y, f.width, f.height));
 	let p = Z(d, i), m = Z(n, i);
-	e.fillStyle = Oa.WEAK, e.beginPath(), e.arc(p, m, 2, 0, Math.PI * 2), e.fill(), e.font = "12px Arial", e.textBaseline = "middle", e.fillStyle = X.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)));
+	e.fillStyle = ka.WEAK, e.beginPath(), e.arc(p, m, 2, 0, Math.PI * 2), e.fill(), e.font = "12px Arial", e.textBaseline = "middle", e.fillStyle = X.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)));
 }
 //#endregion
 //#region src/utils/priceToY.ts
-function jc(e, t, n, r, i, a) {
+function Nc(e, t, n, r, i, a) {
 	let o = t - n || 1, s = (e - n) / o;
 	return i + Math.max(1, r - i - a) * (1 - s);
 }
-function Mc(e, t, n, r, i, a) {
+function Pc(e, t, n, r, i, a) {
 	let o = t - n || 1, s = Math.max(1, r - i - a);
 	return n + (1 - (Math.min(Math.max(e, i), i + s) - i) / s) * o;
 }
 //#endregion
 //#region src/utils/kLineDraw/axis.ts
-function Nc(e, t) {
-	let { x: n, y: r, width: i, height: a, priceRange: o, yPaddingPx: s = 0, dpr: c, ticks: l = 10, bgColor: u = ka.TRANSPARENT, textColor: d = Oa.SECONDARY, lineColor: f = Aa.DARK, fontSize: p = 16, drawLeftBorder: m = !0, drawTickLines: h = !0, priceOffset: g = 0 } = t, _ = Math.max(0, Math.min(s, Math.floor(a / 2) - 1)), { maxPrice: v, minPrice: y } = o, b = v - y, x = b === 0 ? 0 : b / (Math.max(2, l) - 1);
+function Fc(e, t) {
+	let { x: n, y: r, width: i, height: a, priceRange: o, yPaddingPx: s = 0, dpr: c, ticks: l = 10, bgColor: u = Aa.TRANSPARENT, textColor: d = ka.SECONDARY, lineColor: f = ja.DARK, fontSize: p = 16, drawLeftBorder: m = !0, drawTickLines: h = !0, priceOffset: g = 0 } = t, _ = Math.max(0, Math.min(s, Math.floor(a / 2) - 1)), { maxPrice: v, minPrice: y } = o, b = v - y, x = b === 0 ? 0 : b / (Math.max(2, l) - 1);
 	e.fillStyle = u, e.fillRect(n, r, i, a), m && (e.strokeStyle = f, e.lineWidth = 1, e.beginPath(), e.moveTo(Q(n, c), r), e.lineTo(Q(n, c), r + a), e.stroke()), e.font = `${p}px -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif`, e.textBaseline = "middle", e.textAlign = "center";
 	let S = n + i / 2;
 	for (let t = 0; t < Math.max(2, l); t++) {
-		let i = b === 0 ? v : v - x * t, o = Math.round(jc(i, v, y, a, _, _) + r);
+		let i = b === 0 ? v : v - x * t, o = Math.round(Nc(i, v, y, a, _, _) + r);
 		if (h) {
 			e.strokeStyle = f, e.beginPath();
 			let t = Q(o, c);
@@ -10693,14 +10793,14 @@ function Nc(e, t) {
 		e.fillStyle = d, e.fillText(s.toFixed(2), Z(S, c), Z(o, c));
 	}
 }
-function Pc(e, t) {
-	let { x: n, y: r, width: i, height: a, crosshairX: o, timestamp: s, dpr: c, fontSize: l = 16, paddingX: u = 8 } = t, d = Ea(s);
+function Ic(e, t) {
+	let { x: n, y: r, width: i, height: a, crosshairX: o, timestamp: s, dpr: c, fontSize: l = 16, paddingX: u = 8 } = t, d = Da(s);
 	e.save(), e.font = `${l}px -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif`, e.textBaseline = "middle", e.textAlign = "center";
 	let f = Math.round(e.measureText(d).width), p = Math.min(i, f + u * 2), m = a, h = Math.min(Math.max(o, n + p / 2), n + i - p / 2), g = r + a / 2, _ = h - p / 2, v = r;
 	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 Fc(e, t) {
-	let { x: n, y: r, width: i, height: a, crosshairY: o, priceRange: s, yPaddingPx: c = 0, dpr: l, fontSize: u = 16 } = t, d = Math.max(0, Math.min(c, Math.floor(a / 2) - 1)), { maxPrice: f, minPrice: p } = s, m = Mc(o - r, f, p, a, d, d).toFixed(2);
+function Lc(e, t) {
+	let { x: n, y: r, width: i, height: a, crosshairY: o, priceRange: s, yPaddingPx: c = 0, dpr: l, fontSize: u = 16 } = t, d = Math.max(0, Math.min(c, Math.floor(a / 2) - 1)), { maxPrice: f, minPrice: p } = s, m = Pc(o - r, f, p, a, d, 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 h = u + 4, g = i, _ = Math.min(Math.max(o, r + h / 2), r + a - h / 2), v = _ - h / 2;
 	e.fillStyle = "rgba(0, 0, 0, 0.8)";
@@ -10709,23 +10809,23 @@ function Fc(e, t) {
 	let C = n + i / 2;
 	e.fillStyle = "#ffffff", e.fillText(m, Z(C, l), Z(_, l)), e.restore();
 }
-function Ic(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 = ka.TRANSPARENT, textColor: m = Oa.SECONDARY, lineColor: h = Aa.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;
+function Rc(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 = Aa.TRANSPARENT, textColor: m = ka.SECONDARY, lineColor: h = ja.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;
 	e.fillStyle = p, e.fillRect(n, r, i, a), v && (e.strokeStyle = h, e.lineWidth = 1, e.beginPath(), e.moveTo(n, Q(r, f)), e.lineTo(n + i, Q(r, f)), e.stroke()), y && (e.strokeStyle = h, e.lineWidth = 1, e.beginPath(), e.moveTo(n, Q(r + a, f)), e.lineTo(n + i, Q(r + a, f)), e.stroke()), e.textAlign = "center", e.textBaseline = "middle";
-	let O = r + a / 2 + 1, k = Da(o).filter((e) => e >= u && e < d);
+	let O = r + a / 2 + 1, k = Oa(o).filter((e) => e >= u && e < d);
 	for (let t of k) {
 		let n = o[t];
 		if (!n) continue;
 		let r = E + t * T + D / 2 - s, a = _, c = Math.max(_, i - _);
 		if (r >= a && r <= c) {
-			let t = Math.min(Math.max(r, a), c), { text: i, isYear: o } = Ca(n.timestamp);
+			let t = Math.min(Math.max(r, a), c), { text: i, isYear: o } = wa(n.timestamp);
 			e.fillStyle = m, e.font = `${o ? "bold " : ""}${g}px -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif`, e.fillText(i, Z(t, f), Z(O, f));
 		}
 	}
 }
 //#endregion
 //#region src/core/renderers/yAxis.ts
-function Lc(e) {
+function zc(e) {
 	return {
 		name: "yAxis",
 		version: "1.0.0",
@@ -10734,8 +10834,8 @@ function Lc(e) {
 		paneId: sa,
 		priority: Y.SYSTEM_YAXIS,
 		draw(t) {
-			let { ctx: n, pane: r, dpr: i, yAxisCtx: a } = t, o = a || n, s = Ec(r.height, r.id === "main");
-			Nc(o, {
+			let { ctx: n, pane: r, dpr: i, yAxisCtx: a } = t, o = a || n, s = Oc(r.height, r.id === "main");
+			Fc(o, {
 				x: 0,
 				y: r.top,
 				width: e.axisWidth,
@@ -10750,7 +10850,7 @@ function Lc(e) {
 				fontSize: 12
 			});
 			let c = e.getCrosshair?.();
-			c && c.price !== null && Fc(o, {
+			c && c.price !== null && Lc(o, {
 				x: 0,
 				y: r.top,
 				width: e.axisWidth,
@@ -10765,20 +10865,52 @@ function Lc(e) {
 	};
 }
 //#endregion
+//#region src/core/renderers/Indicator/scale/macd_scale.ts
+function Bc(e) {
+	let { axisWidth: t, paneId: n } = e, r = Rs("macd", n), i = null;
+	return {
+		name: `macdScale_${n}`,
+		version: "1.0.0",
+		description: "MACD 刻度渲染器",
+		debugName: "MACD刻度",
+		paneId: n,
+		priority: Y.INDICATOR_SCALE,
+		onInstall(e) {
+			i = e;
+		},
+		draw(e) {
+			let { yAxisCtx: n, pane: a, dpr: o } = e;
+			if (!n || !i) return;
+			let s = i.getSharedState(r);
+			if (!s) return;
+			let { valueMin: c, valueMax: l } = s, u = l - c || 1, { height: d } = a;
+			n.save(), n.fillStyle = Aa.TRANSPARENT, n.fillRect(0, 0, t, d), n.strokeStyle = ja.DARK, n.lineWidth = 1, n.beginPath(), n.moveTo(Q(0, o), 0), n.lineTo(Q(0, o), d), n.stroke(), n.font = "12px -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif", n.textBaseline = "middle", n.textAlign = "center";
+			let f = t / 2, p = Oc(d, !1), m = d - 20, h = u / (p - 1);
+			for (let e = 0; e < p; e++) {
+				let t = c + h * e, r = 10 + m - (t - c) / u * m;
+				n.strokeStyle = ja.DARK, n.lineWidth = 1, n.beginPath();
+				let i = Q(r, o);
+				n.moveTo(0, i), n.lineTo(4, i), n.stroke(), n.fillStyle = ka.SECONDARY, n.fillText(t.toFixed(2), Z(f, o), Z(r, o));
+			}
+			n.restore();
+		}
+	};
+}
+//#endregion
 //#region src/core/renderers/timeAxis.ts
-var Rc = Symbol("time-axis");
-function zc(e) {
+var Vc = Symbol("time-axis");
+function Hc(e) {
 	return {
 		name: "timeAxis",
 		version: "1.0.0",
 		description: "时间轴渲染器",
 		debugName: "时间轴",
-		paneId: Rc,
+		paneId: Vc,
 		priority: Y.SYSTEM_XAXIS,
 		isSystem: !0,
 		draw(t) {
 			let { ctx: n, data: r, range: i, scrollLeft: a, kWidth: o, kGap: s, dpr: c, paneWidth: l } = t, u = r, d = n, f = l, p = e.height;
-			d.setTransform(1, 0, 0, 1, 0, 0), d.scale(c, c), d.clearRect(0, 0, f, p), Ic(d, {
+			d.setTransform(1, 0, 0, 1, 0, 0), d.scale(c, c), d.clearRect(0, 0, f, p), Rc(d, {
 				x: 0,
 				y: 0,
 				width: f,
@@ -10796,7 +10928,7 @@ function zc(e) {
 			let m = e.getCrosshair?.();
 			if (m && typeof m.index == "number") {
 				let e = u[m.index];
-				e && Pc(d, {
+				e && Ic(d, {
 					x: 0,
 					y: 0,
 					width: f,
@@ -10812,7 +10944,7 @@ function zc(e) {
 }
 //#endregion
 //#region src/core/renderers/crosshair.ts
-function Bc(e) {
+function Uc(e) {
 	return {
 		name: "crosshair",
 		version: "1.0.0",
@@ -10824,10 +10956,10 @@ function Bc(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 = Ua.LINE;
-			let u = xs(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 = Wa.LINE;
+			let u = Ss(s, 0, r.height, i);
 			if (u && n.fillRect(u.x, u.y, u.width, u.height), c && l >= 0) {
-				let e = Ss(0, a, Math.min(l, r.height - 1 / i), i);
+				let e = Cs(0, a, Math.min(l, r.height - 1 / i), i);
 				e && n.fillRect(e.x, e.y, e.width, e.height);
 			}
 			n.restore();
@@ -10836,7 +10968,7 @@ function Bc(e) {
 }
 //#endregion
 //#region src/core/renderers/paneTitle.ts
-function Vc(e) {
+function Wc(e) {
 	let t = { ...e };
 	return {
 		name: `paneTitle_${e.paneId}`,
@@ -10853,17 +10985,17 @@ function Vc(e) {
 			let a = t.getTitleInfo?.();
 			if (a) {
 				let e = 12;
-				if (n.fillStyle = Oa.PRIMARY, n.fillText(a.name, e, i), e += n.measureText(a.name).width, a.params && a.params.length > 0) {
+				if (n.fillStyle = ka.PRIMARY, n.fillText(a.name, e, i), e += n.measureText(a.name).width, a.params && a.params.length > 0) {
 					let t = `(${a.params.join(",")})`;
-					n.fillStyle = Oa.TERTIARY, n.fillText(t, e, i), e += n.measureText(t).width + 8;
+					n.fillStyle = ka.TERTIARY, n.fillText(t, e, i), e += n.measureText(t).width + 8;
 				} else e += 8;
 				if (a.values && a.values.length > 0) for (let t of a.values) {
 					let r = `${t.label} ${t.value.toFixed(3)}`;
 					n.fillStyle = t.color, n.fillText(r, e, i), e += n.measureText(r).width + 8;
 				}
-			} else if (n.fillStyle = Oa.PRIMARY, n.fillText(t.title, 12, i), t.description) {
+			} else if (n.fillStyle = ka.PRIMARY, n.fillText(t.title, 12, i), t.description) {
 				let e = n.measureText(t.title).width;
-				n.fillStyle = Oa.WEAK, n.fillText(` - ${t.description}`, 12 + e, i);
+				n.fillStyle = ka.WEAK, n.fillText(` - ${t.description}`, 12 + e, i);
 			}
 			n.restore();
 		},
@@ -10877,7 +11009,7 @@ function Vc(e) {
 }
 //#endregion
 //#region src/components/KLineChart.vue?vue&type=script&setup=true&lang.ts
-var Hc = { class: "chart-wrapper" }, Uc = 4, Wc = /* @__PURE__ */ go(/* @__PURE__ */ u({
+var Gc = { class: "chart-wrapper" }, Kc = 4, qc = /* @__PURE__ */ _o(/* @__PURE__ */ u({
 	__name: "KLineChart",
 	props: {
 		semanticConfig: {},
@@ -10891,11 +11023,11 @@ var Hc = { class: "chart-wrapper" }, Uc = 4, Wc = /* @__PURE__ */ go(/* @__PURE_
 		priceLabelWidth: { default: 60 }
 	},
 	setup(e, { expose: t }) {
-		let n = e, c = _(null), u = _(null), v = _(null), b = _(n.kWidth), x = _(n.kGap), C = y(null), w = y(null), T = _(0);
-		function E() {
+		let n = e, c = _(null), u = _(null), v = _(null), b = _(n.kWidth), x = _(n.kGap), C = y(null), w = y(null), T = _(0), E = _(1);
+		function D() {
 			C.value?.scheduleDraw();
 		}
-		function D(e) {
+		function O(e) {
 			if (!e) return;
 			let t = e.getBoundingClientRect();
 			C.value?.interaction.setTooltipSize({
@@ -10903,65 +11035,65 @@ var Hc = { class: "chart-wrapper" }, Uc = 4, Wc = /* @__PURE__ */ go(/* @__PURE_
 				height: Math.max(80, Math.round(t.height))
 			});
 		}
-		let O = _(null), k = _(null), A = _({
+		let k = _(null), A = _(null), j = _({
 			x: 0,
 			y: 0
-		}), j = _(!1), M = _(null), N = _(null), P = _({
+		}), M = _(!1), N = _(null), P = _(null), ee = _({
 			x: 0,
 			y: 0
-		}), ee = _(0), F = r(() => {
-			let e = M.value;
+		}), F = _(0), I = r(() => {
+			let e = N.value;
 			if (typeof e != "number") return null;
-			ee.value;
+			F.value;
 			let t = C.value?.getData();
 			return t && e >= 0 && e < t.length ? t[e] : null;
-		}), I = r(() => M.value), te = r(() => P.value), ne = r(() => (ee.value, C.value?.getData() ?? []));
-		function re() {
-			ee.value++;
+		}), te = r(() => N.value), ne = r(() => ee.value), re = r(() => (F.value, C.value?.getData() ?? []));
+		function ie() {
+			F.value++;
 		}
-		let ie = null;
-		function ae() {
+		let ae = null;
+		function L() {
 			let e = C.value?.interaction;
 			if (!e) {
-				M.value = null, N.value = null, O.value = null, k.value = null;
+				N.value = null, P.value = null, k.value = null, A.value = null;
 				return;
 			}
-			M.value = e.hoveredIndex ?? null, N.value = e.crosshairIndex ?? null, O.value = e.hoveredMarkerData ?? null, k.value = e.hoveredCustomMarker ?? null;
+			N.value = e.hoveredIndex ?? null, P.value = e.crosshairIndex ?? null, k.value = e.hoveredMarkerData ?? null, A.value = e.hoveredCustomMarker ?? null;
 			let t = e.tooltipPos;
-			t && (P.value = {
+			t && (ee.value = {
 				x: t.x,
 				y: t.y
 			});
 		}
-		function oe() {
-			ie ||= requestAnimationFrame(() => {
-				ae(), ie = null;
+		function R() {
+			ae ||= requestAnimationFrame(() => {
+				L(), ae = null;
 			});
 		}
-		function L(e) {
-			j.value = !0, C.value?.interaction.onPointerDown(e), ae();
+		function oe(e) {
+			M.value = !0, C.value?.interaction.onPointerDown(e), L();
 		}
 		function se(e) {
 			let t = v.value;
 			if (t) {
 				let n = t.getBoundingClientRect();
-				A.value = {
+				j.value = {
 					x: e.clientX - n.left,
 					y: e.clientY - n.top
 				};
 			}
-			C.value?.interaction.onPointerMove(e), oe();
+			C.value?.interaction.onPointerMove(e), R();
 		}
 		function ce(e) {
-			j.value = !1, C.value?.interaction.onPointerUp(e), ae();
+			M.value = !1, C.value?.interaction.onPointerUp(e), L();
 		}
 		function le(e) {
-			j.value = !1, C.value?.interaction.onPointerLeave(e), M.value = null;
+			M.value = !1, C.value?.interaction.onPointerLeave(e), N.value = null;
 		}
 		function ue() {
-			C.value?.interaction.onScroll(), ae();
+			C.value?.interaction.onScroll(), L();
 		}
-		let R = _([]), z = _({}), B = _([]), V = [
+		let z = _([]), B = _({}), V = _([]), de = [
 			"VOLUME",
 			"MACD",
 			"RSI",
@@ -10972,7 +11104,7 @@ var Hc = { class: "chart-wrapper" }, Uc = 4, Wc = /* @__PURE__ */ go(/* @__PURE_
 			"KST",
 			"FASTK"
 		];
-		S(r(() => B.value.length === 0 ? [{
+		S(r(() => V.value.length === 0 ? [{
 			id: "main",
 			ratio: 1,
 			visible: !0
@@ -10980,14 +11112,14 @@ var Hc = { class: "chart-wrapper" }, Uc = 4, Wc = /* @__PURE__ */ go(/* @__PURE_
 			id: "main",
 			ratio: 1,
 			visible: !0
-		}, ...B.value.map((e) => ({
+		}, ...V.value.map((e) => ({
 			id: e.id,
 			ratio: 1,
 			visible: !0
 		}))]), (e) => {
 			C.value?.updatePaneLayout(e);
 		}, { flush: "post" });
-		function de(e) {
+		function fe(e) {
 			switch (e) {
 				case "MACD": return {
 					fastPeriod: 12,
@@ -11017,99 +11149,99 @@ var Hc = { class: "chart-wrapper" }, Uc = 4, Wc = /* @__PURE__ */ go(/* @__PURE_
 				default: return {};
 			}
 		}
-		function fe(e = "VOLUME", t) {
-			if (B.value.length >= Uc) return !1;
+		function pe(e = "VOLUME", t) {
+			if (V.value.length >= Kc) return !1;
 			let n = `sub_${e}`;
-			if (B.value.some((e) => e.id === n)) return !0;
-			if (!C.value?.createSubPane(e, t ?? de(e))) return !1;
-			let r = Vc({
+			if (V.value.some((e) => e.id === n)) return !0;
+			if (!C.value?.createSubPane(e, t ?? fe(e))) return !1;
+			let r = Wc({
 				paneId: n,
 				title: e,
-				getTitleInfo: () => ve(n)
+				getTitleInfo: () => ye(n)
 			});
-			return C.value?.useRenderer(r), B.value.push({
+			return C.value?.useRenderer(r), V.value.push({
 				id: n,
 				indicatorId: e,
 				rendererName: `${e.toLowerCase()}_${n}`,
 				paneTitleRendererName: r.name,
-				params: t ?? de(e)
-			}), R.value.includes(e) || R.value.push(e), !0;
+				params: t ?? fe(e)
+			}), z.value.includes(e) || z.value.push(e), !0;
 		}
-		function pe(e) {
-			let t = B.value.findIndex((t) => t.id === e);
+		function me(e) {
+			let t = V.value.findIndex((t) => t.id === e);
 			if (t === -1) return;
-			let n = B.value[t];
-			n && (C.value?.removeRenderer(n.paneTitleRendererName), C.value?.removeSubPane(n.indicatorId), B.value.splice(t, 1), B.value.some((e) => e.indicatorId === n.indicatorId) || (R.value = R.value.filter((e) => e !== n.indicatorId)));
-		}
-		function me() {
-			for (let e of B.value) C.value?.removeRenderer(e.paneTitleRendererName);
-			C.value?.clearSubPanes(), B.value = [], R.value = R.value.filter((e) => !V.includes(e));
+			let n = V.value[t];
+			n && (C.value?.removeRenderer(n.paneTitleRendererName), C.value?.removeSubPane(n.indicatorId), V.value.splice(t, 1), V.value.some((e) => e.indicatorId === n.indicatorId) || (z.value = z.value.filter((e) => e !== n.indicatorId)));
 		}
 		function he() {
+			for (let e of V.value) C.value?.removeRenderer(e.paneTitleRendererName);
+			C.value?.clearSubPanes(), V.value = [], z.value = z.value.filter((e) => !de.includes(e));
+		}
+		function ge() {
 			let e = n.semanticConfig.indicators?.main;
-			if (e) for (let t of e) t.enabled && (R.value.includes(t.type) || R.value.push(t.type), t.params && (z.value[t.type] = t.params));
+			if (e) for (let t of e) t.enabled && (z.value.includes(t.type) || z.value.push(t.type), t.params && (B.value[t.type] = t.params));
 		}
-		S([R, z], ([e]) => {
+		S([z, B], ([e]) => {
 			let t = C.value;
 			t && (t.updateRendererConfig("mainIndicatorLegend", { indicators: {
 				MA: {
 					enabled: e.includes("MA"),
-					params: z.value.MA || {}
+					params: B.value.MA || {}
 				},
 				BOLL: {
 					enabled: e.includes("BOLL"),
-					params: z.value.BOLL || {}
+					params: B.value.BOLL || {}
 				},
 				EXPMA: {
 					enabled: e.includes("EXPMA"),
-					params: z.value.EXPMA || {}
+					params: B.value.EXPMA || {}
 				},
 				ENE: {
 					enabled: e.includes("ENE"),
-					params: z.value.ENE || {}
+					params: B.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")), E());
+			} }), 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 ge() {
+		function _e() {
 			let e = C.value?.getSubPaneIndicators() ?? [];
-			B.value = [];
+			V.value = [];
 			for (let t of e) {
-				let e = `sub_${t}`, n = Vc({
+				let e = `sub_${t}`, n = Wc({
 					paneId: e,
 					title: t,
-					getTitleInfo: () => ve(e)
+					getTitleInfo: () => ye(e)
 				});
-				C.value?.useRenderer(n), B.value.push({
+				C.value?.useRenderer(n), V.value.push({
 					id: e,
 					indicatorId: t,
 					rendererName: `${t.toLowerCase()}_${e}`,
 					paneTitleRendererName: n.name,
-					params: de(t)
-				}), R.value.includes(t) || R.value.push(t);
+					params: fe(t)
+				}), z.value.includes(t) || z.value.push(t);
 			}
 		}
-		function _e(e, t) {
-			let n = B.value.find((t) => t.id === e);
+		function ve(e, t) {
+			let n = V.value.find((t) => t.id === e);
 			if (!n) return;
 			let r = n.indicatorId;
-			C.value?.removeRenderer(n.paneTitleRendererName), C.value?.removeSubPane(r), C.value?.createSubPane(t, de(t));
-			let i = `sub_${t}`, a = Vc({
+			C.value?.removeRenderer(n.paneTitleRendererName), C.value?.removeSubPane(r), C.value?.createSubPane(t, fe(t));
+			let i = `sub_${t}`, a = Wc({
 				paneId: i,
 				title: t,
-				getTitleInfo: () => ve(i)
+				getTitleInfo: () => ye(i)
 			});
 			C.value?.useRenderer(a);
-			let o = B.value.findIndex((t) => t.id === e);
-			o !== -1 && (B.value[o] = {
+			let o = V.value.findIndex((t) => t.id === e);
+			o !== -1 && (V.value[o] = {
 				id: i,
 				indicatorId: t,
 				rendererName: `${t.toLowerCase()}_${i}`,
 				paneTitleRendererName: a.name,
-				params: de(t)
-			}), R.value = R.value.filter((e) => e !== r), R.value.includes(t) || R.value.push(t);
+				params: fe(t)
+			}), z.value = z.value.filter((e) => e !== r), z.value.includes(t) || z.value.push(t);
 		}
-		function ve(e) {
-			let t = B.value.find((t) => t.id === e);
+		function ye(e) {
+			let t = V.value.find((t) => t.id === e);
 			if (!t) return null;
 			let n = C.value?.getData();
 			if (!n || n.length === 0) return null;
@@ -11119,80 +11251,80 @@ var Hc = { class: "chart-wrapper" }, Uc = 4, Wc = /* @__PURE__ */ go(/* @__PURE_
 				params: [],
 				values: []
 			};
-			let i = N.value;
+			let i = P.value;
 			if (i === null) return null;
 			switch (t.indicatorId) {
-				case "MACD": return Hs(n, i, r.fastPeriod ?? 12, r.slowPeriod ?? 26, r.signalPeriod ?? 9);
-				case "RSI": return Gs(n, i, r.period1 ?? 6, r.period2 ?? 12, r.period3 ?? 24);
-				case "CCI": return Ys(n, i, r.period ?? 14);
-				case "STOCH": return $s(n, i, r.n ?? 9, r.m ?? 3);
-				case "MOM": return rc(n, i, r.period ?? 10);
-				case "WMSR": return sc(n, i, r.period ?? 14);
-				case "KST": return pc(n, i, r.roc1 ?? 10, r.roc2 ?? 15, r.roc3 ?? 20, r.roc4 ?? 30, r.signalPeriod ?? 9);
-				case "FASTK": return _c(n, i, r.period ?? 9);
+				case "MACD": return Ws(n, i, r.fastPeriod ?? 12, r.slowPeriod ?? 26, r.signalPeriod ?? 9);
+				case "RSI": return qs(n, i, r.period1 ?? 6, r.period2 ?? 12, r.period3 ?? 24);
+				case "CCI": return Zs(n, i, r.period ?? 14);
+				case "STOCH": return tc(n, i, r.n ?? 9, r.m ?? 3);
+				case "MOM": return ac(n, i, r.period ?? 10);
+				case "WMSR": return lc(n, i, r.period ?? 14);
+				case "KST": return hc(n, i, r.roc1 ?? 10, r.roc2 ?? 15, r.roc3 ?? 20, r.roc4 ?? 30, r.signalPeriod ?? 9);
+				case "FASTK": return yc(n, i, r.period ?? 9);
 				default: return null;
 			}
 		}
-		function ye(e, t) {
+		function be(e, t) {
 			if (e === "MA" || e === "BOLL" || e === "EXPMA" || e === "ENE") {
-				t ? R.value.includes(e) || R.value.push(e) : R.value = R.value.filter((t) => t !== e);
+				t ? z.value.includes(e) || z.value.push(e) : z.value = z.value.filter((t) => t !== e);
 				return;
 			}
-			if (V.includes(e)) {
+			if (de.includes(e)) {
 				if (t) {
-					if (R.value.includes(e) || R.value.push(e), B.value.find((t) => t.indicatorId === e)) return;
-					if (!fe(e)) {
-						let t = B.value[B.value.length - 1];
-						t && _e(t.id, e);
+					if (z.value.includes(e) || z.value.push(e), V.value.find((t) => t.indicatorId === e)) return;
+					if (!pe(e)) {
+						let t = V.value[V.value.length - 1];
+						t && ve(t.id, e);
 					}
-				} else R.value = R.value.filter((t) => t !== e), B.value.filter((t) => t.indicatorId === e).forEach((e) => pe(e.id));
-				E();
+				} else z.value = z.value.filter((t) => t !== e), V.value.filter((t) => t.indicatorId === e).forEach((e) => me(e.id));
+				D();
 			}
 		}
-		function be() {
+		function xe() {
 			C.value?.updateRendererConfig("mainIndicatorLegend", { indicators: {
 				MA: {
-					enabled: R.value.includes("MA"),
-					params: z.value.MA || {}
+					enabled: z.value.includes("MA"),
+					params: B.value.MA || {}
 				},
 				BOLL: {
-					enabled: R.value.includes("BOLL"),
-					params: z.value.BOLL || {}
+					enabled: z.value.includes("BOLL"),
+					params: B.value.BOLL || {}
 				},
 				EXPMA: {
-					enabled: R.value.includes("EXPMA"),
-					params: z.value.EXPMA || {}
+					enabled: z.value.includes("EXPMA"),
+					params: B.value.EXPMA || {}
 				},
 				ENE: {
-					enabled: R.value.includes("ENE"),
-					params: z.value.ENE || {}
+					enabled: z.value.includes("ENE"),
+					params: B.value.ENE || {}
 				}
 			} });
 		}
-		function xe(e, t) {
-			if (z.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), be(), E();
+		function Se(e, t) {
+			if (B.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), xe(), D();
 				return;
 			}
-			V.includes(e) && B.value.filter((t) => t.indicatorId === e).forEach((e) => {
+			de.includes(e) && V.value.filter((t) => t.indicatorId === e).forEach((e) => {
 				e.params = { ...t }, C.value?.updateRendererConfig(e.rendererName, t);
-			}), E();
+			}), D();
 		}
-		let Se = r(() => {
-			let e = T.value, t = window.devicePixelRatio || 1, { startXPx: r, unitPx: i } = us(b.value, x.value, t);
+		let Ce = r(() => {
+			let e = T.value, t = E.value, { startXPx: r, unitPx: i } = ds(b.value, x.value, t);
 			return (r + e * i) / t + (n.rightAxisWidth + n.priceLabelWidth);
 		});
-		function Ce() {
+		function we() {
 			let e = v.value;
-			e && (e.scrollLeft = e.scrollWidth, E());
+			e && (e.scrollLeft = e.scrollWidth, D());
 		}
 		return t({
-			scheduleRender: E,
-			scrollToRight: Ce,
-			addSubPane: fe,
-			removeSubPane: pe,
-			switchSubIndicator: _e,
-			clearAllSubPanes: me,
+			scheduleRender: D,
+			scrollToRight: we,
+			addSubPane: pe,
+			removeSubPane: me,
+			switchSubIndicator: ve,
+			clearAllSubPanes: he,
 			get plugin() {
 				return C.value?.plugin;
 			}
@@ -11200,10 +11332,10 @@ var Hc = { class: "chart-wrapper" }, Uc = 4, Wc = /* @__PURE__ */ go(/* @__PURE_
 			let e = v.value, t = u.value, r = c.value;
 			if (!e || !t || !r) return;
 			let i = (e) => {
-				C.value?.interaction.onWheel(e), ae();
+				C.value?.interaction.onWheel(e), L();
 			};
 			e.addEventListener("wheel", i, { passive: !1 });
-			let a = new yc({
+			let a = new xc({
 				container: e,
 				canvasLayer: t,
 				xAxisCanvas: r
@@ -11228,13 +11360,13 @@ var Hc = { class: "chart-wrapper" }, Uc = 4, Wc = /* @__PURE__ */ go(/* @__PURE_
 				if (!r) return;
 				let i = Math.max(0, r.scrollWidth - r.clientWidth);
 				r.scrollLeft = Math.min(Math.max(0, n), i), a.applyZoom(e, t);
-			}), a.useRenderer(Dc()), a.useRenderer(kc()), a.useRenderer(Ts({
+			}), a.useRenderer(kc()), a.useRenderer(jc()), a.useRenderer(Es({
 				ma5: !0,
 				ma10: !0,
 				ma20: !0,
 				ma30: !0,
 				ma60: !0
-			})), a.useRenderer(Ds()), a.setRendererEnabled("boll", !1), a.useRenderer(js()), a.setRendererEnabled("expma", !1), a.useRenderer(Ps()), a.setRendererEnabled("ene", !1), a.useRenderer(wc()), a.useRenderer(Oc()), a.useRenderer(ya()), a.useRenderer(Lc({
+			})), a.useRenderer(Os()), a.setRendererEnabled("boll", !1), a.useRenderer(Ms()), a.setRendererEnabled("expma", !1), a.useRenderer(Fs()), a.setRendererEnabled("ene", !1), a.useRenderer(Ec()), a.useRenderer(Ac()), a.useRenderer(ba()), a.useRenderer(zc({
 				axisWidth: n.rightAxisWidth + n.priceLabelWidth,
 				yPaddingPx: n.yPaddingPx,
 				getCrosshair: () => {
@@ -11244,12 +11376,15 @@ var Hc = { class: "chart-wrapper" }, Uc = 4, Wc = /* @__PURE__ */ go(/* @__PURE_
 						price: t
 					} : null;
 				}
-			})), a.useRenderer(Is({ yPaddingPx: n.yPaddingPx })), a.useRenderer(Bc({ getCrosshairState: () => ({
+			})), a.useRenderer(Ls({ yPaddingPx: n.yPaddingPx })), a.useRenderer(Bc({
+				axisWidth: n.rightAxisWidth + n.priceLabelWidth,
+				paneId: "sub_MACD"
+			})), a.useRenderer(Uc({ getCrosshairState: () => ({
 				pos: a.interaction.crosshairPos,
 				activePaneId: a.interaction.activePaneId,
 				isDragging: a.interaction.isDraggingState(),
 				price: a.interaction.crosshairPrice
-			}) })), a.useRenderer(zc({
+			}) })), a.useRenderer(Hc({
 				height: n.bottomAxisHeight,
 				getCrosshair: () => {
 					let e = a.interaction.crosshairPos, t = a.interaction.crosshairIndex;
@@ -11258,30 +11393,24 @@ var Hc = { class: "chart-wrapper" }, Uc = 4, Wc = /* @__PURE__ */ go(/* @__PURE_
 						index: t
 					} : null;
 				}
-			})), C.value = a, a.resize(), w.value = new Wi(a), w.value.on("config:error", (e) => {
+			})), a.setOnViewportChange((e) => {
+				E.value = e.dpr;
+			}), C.value = a, E.value = a.getCurrentDpr(), a.resize(), w.value = new Wi(a), w.value.on("config:error", (e) => {
 				console.error("Semantic config error:", e);
 			}), w.value.on("config:ready", () => {
-				T.value = a.getData()?.length ?? 0, re(), he(), ge(), d(() => Ce());
+				T.value = a.getData()?.length ?? 0, ie(), ge(), _e(), d(() => we());
 			}), w.value.applyConfig(n.semanticConfig).then((e) => {
 				e && !e.success && console.error("Semantic config apply failed:", e.errors);
 			}), a.interaction.setOnMarkerHover((e) => {
-				O.value = e, E();
+				k.value = e, D();
 			}), a.interaction.setOnCustomMarkerHover((e) => {
-				k.value = e, E();
-			});
-			let o = null, s = new ResizeObserver(() => {
-				o && clearTimeout(o), o = setTimeout(() => {
-					a.resize(), o = null;
-				}, 50);
-			});
-			s.observe(e), a.__resizeObserver = s, a.__resizeTimeout = o, a.__onWheel = i;
+				A.value = e, D();
+			}), a.__onWheel = i;
 		}), h(() => {
 			let e = C.value;
 			if (e) {
-				let t = e.__resizeObserver, n = e.__resizeTimeout;
-				n && clearTimeout(n), t && t.disconnect();
-				let r = e.__onWheel, i = v.value;
-				r && i && i.removeEventListener("wheel", r), e.destroy();
+				let t = e.__onWheel, n = v.value;
+				t && n && n.removeEventListener("wheel", t), e.destroy();
 			}
 			C.value = null;
 		}), S(() => [n.kWidth, n.kGap], ([e, t]) => {
@@ -11290,24 +11419,24 @@ var Hc = { class: "chart-wrapper" }, Uc = 4, Wc = /* @__PURE__ */ go(/* @__PURE_
 				kGap: x.value
 			});
 		}), S(() => n.yPaddingPx, (e) => {
-			C.value?.updateOptions({ yPaddingPx: e }), E();
+			C.value?.updateOptions({ yPaddingPx: e }), D();
 		}), S(() => n.semanticConfig, async (e, t) => {
 			if (e && e !== t) {
 				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", Hc, [s("div", {
-			class: f(["chart-container", { "is-dragging": j.value }]),
+		}, { deep: !0 }), (e, t) => (g(), o("div", Gc, [s("div", {
+			class: f(["chart-container", { "is-dragging": M.value }]),
 			ref_key: "containerRef",
 			ref: v,
 			onScrollPassive: ue,
-			onPointerdown: L,
+			onPointerdown: oe,
 			onPointermove: se,
 			onPointerup: ce,
 			onPointerleave: le
 		}, [s("div", {
 			class: "scroll-content",
-			style: p({ width: Se.value + "px" })
+			style: p({ width: Ce.value + "px" })
 		}, [s("div", {
 			class: "canvas-layer",
 			ref_key: "canvasLayerRef",
@@ -11318,33 +11447,33 @@ var Hc = { class: "chart-wrapper" }, Uc = 4, Wc = /* @__PURE__ */ go(/* @__PURE_
 				ref_key: "xAxisCanvasRef",
 				ref: c
 			}, null, 512),
-			F.value ? (g(), i(_o, {
+			I.value ? (g(), i(vo, {
 				key: 0,
-				k: F.value,
-				index: I.value,
-				data: ne.value,
-				pos: te.value,
-				"set-el": D
+				k: I.value,
+				index: te.value,
+				data: re.value,
+				pos: ne.value,
+				"set-el": O
 			}, null, 8, [
 				"k",
 				"index",
 				"data",
 				"pos"
 			])) : a("", !0),
-			O.value || k.value ? (g(), i(So, {
+			k.value || A.value ? (g(), i(Co, {
 				key: 1,
-				marker: O.value || k.value,
-				pos: A.value
+				marker: k.value || A.value,
+				pos: j.value
 			}, null, 8, ["marker", "pos"])) : a("", !0)
-		], 512)], 4)], 34), l(cs, {
-			"active-indicators": R.value,
-			"indicator-params": z.value,
-			onToggle: ye,
-			onUpdateParams: xe
+		], 512)], 4)], 34), l(ls, {
+			"active-indicators": z.value,
+			"indicator-params": B.value,
+			onToggle: be,
+			onUpdateParams: Se
 		}, null, 8, ["active-indicators", "indicator-params"])]));
 	}
-}), [["__scopeId", "data-v-d60162bc"]]), Gc = { install(e) {
-	e.component("KLineChart", Wc);
+}), [["__scopeId", "data-v-d57ed432"]]), Jc = { install(e) {
+	e.component("KLineChart", qc);
 } };
 //#endregion
-export { ua as ConfigManager, I as EventBus, sa as GLOBAL_PANE_ID, la as HookSystem, Wc as KLineChart, Gc as KMapPlugin, da as PluginHostImpl, ca as PluginRegistry, aa as PluginState, Y as RENDERER_PRIORITY, ma as RendererPluginManager, fa as createPluginHost, oa as wrapPaneInfo };
+export { ua as ConfigManager, I as EventBus, sa as GLOBAL_PANE_ID, la as HookSystem, qc as KLineChart, Jc as KMapPlugin, fa as PluginHostImpl, ca as PluginRegistry, aa as PluginState, Y as RENDERER_PRIORITY, ha as RendererPluginManager, pa as createPluginHost, oa as wrapPaneInfo };