@363045841yyt/klinechart 0.7.3-alpha.5 → 0.7.4

package/dist/index.js

@@ -1,20 +1,20 @@
-import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, effectScope as d, h as f, inject as p, markRaw as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, onScopeDispose as b, onUnmounted as x, openBlock as S, ref as C, renderList as w, resolveDynamicComponent as T, shallowRef as E, toDisplayString as D, unref as O, vModelCheckbox as k, vModelSelect as A, watch as j, withCtx as M, withDirectives as N, withModifiers as P } from "vue";
-import { findIndicator as ee, isSubIndicatorId as F, mainIndicators as I, subIndicators as L } from "@363045841yyt/klinechart-core/engine/renderers/Indicator/indicatorData";
-import { SemanticChartController as R, __setDataFetcher as te } from "@363045841yyt/klinechart-core/semantic";
-import { Chart as ne } from "@363045841yyt/klinechart-core/engine/chart";
-import { createChartStore as z } from "@363045841yyt/klinechart-core/engine/chart-store";
-import { kGapFromKWidth as re, zoomLevelToKWidth as B } from "@363045841yyt/klinechart-core/engine/utils/zoom";
-import { getPhysicalKLineConfig as ie } from "@363045841yyt/klinechart-core/engine/utils/klineConfig";
-import { SUB_PANE_INDICATORS as V, SUB_PANE_INDICATOR_CONFIGS as ae } from "@363045841yyt/klinechart-core/engine/renderers/Indicator/subPaneConfig";
+import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, effectScope as d, h as f, inject as p, markRaw as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, onMounted as y, onScopeDispose as b, onUnmounted as x, openBlock as S, ref as C, renderList as w, resolveDynamicComponent as T, shallowRef as E, toDisplayString as D, unref as O, vModelCheckbox as k, vModelSelect as A, vModelText as j, watch as M, withCtx as N, withDirectives as P, withModifiers as F } from "vue";
+import { findIndicator as ee, isSubIndicatorId as I, mainIndicators as L, subIndicators as te } from "@363045841yyt/klinechart-core/engine/renderers/Indicator/indicatorData";
+import { SemanticChartController as R, __setDataFetcher as ne } from "@363045841yyt/klinechart-core/semantic";
+import { Chart as z } from "@363045841yyt/klinechart-core/engine/chart";
+import { createChartStore as re } from "@363045841yyt/klinechart-core/engine/chart-store";
+import { kGapFromKWidth as ie, zoomLevelToKWidth as B } from "@363045841yyt/klinechart-core/engine/utils/zoom";
+import { getPhysicalKLineConfig as V } from "@363045841yyt/klinechart-core/engine/utils/klineConfig";
+import { SUB_PANE_INDICATORS as ae, SUB_PANE_INDICATOR_CONFIGS as H } from "@363045841yyt/klinechart-core/engine/renderers/Indicator/subPaneConfig";
 import { createPaneTitleRendererPlugin as oe } from "@363045841yyt/klinechart-core/engine/renderers/paneTitle";
-import { DEFAULT_SETTINGS as H, SETTINGS_STORAGE_KEY as U } from "@363045841yyt/klinechart-core/config";
-import { DrawingInteractionController as se } from "@363045841yyt/klinechart-core/engine/drawing";
-import { VERSION as ce, createChartController as W } from "@363045841yyt/klinechart-core";
+import { DEFAULT_SETTINGS as U, SETTINGS_STORAGE_KEY as se } from "@363045841yyt/klinechart-core/config";
+import { DrawingInteractionController as ce } from "@363045841yyt/klinechart-core/engine/drawing";
+import { VERSION as le, createChartController as ue } from "@363045841yyt/klinechart-core";
 //#region src/components/DrawingStyleToolbar.vue?vue&type=script&setup=true&lang.ts
-var le = {
+var de = {
 	class: "toolbar-item color-item",
 	title: "颜色"
-}, ue = ["value"], de = ["value"], fe = ["value"], G = /* @__PURE__ */ u({
+}, fe = ["value"], W = ["value"], G = ["value"], K = /* @__PURE__ */ u({
 	__name: "DrawingStyleToolbar",
 	props: { drawing: {} },
 	emits: ["updateStyle", "delete"],
@@ -35,11 +35,11 @@ var le = {
 		}
 		return (t, n) => (S(), o("div", {
 			class: "drawing-style-toolbar",
-			onPointerdown: n[4] ||= P(() => {}, ["stop"]),
-			onPointermove: n[5] ||= P(() => {}, ["stop"]),
-			onPointerup: n[6] ||= P(() => {}, ["stop"])
+			onPointerdown: n[4] ||= F(() => {}, ["stop"]),
+			onPointermove: n[5] ||= F(() => {}, ["stop"]),
+			onPointerup: n[6] ||= F(() => {}, ["stop"])
 		}, [
-			s("div", le, [s("span", {
+			s("div", de, [s("span", {
 				class: "color-swatch",
 				style: _({ background: e.drawing.style.stroke ?? "#2962ff" })
 			}, null, 4), s("input", {
@@ -47,7 +47,7 @@ var le = {
 				class: "color-input",
 				value: e.drawing.style.stroke ?? "#2962ff",
 				onInput: n[0] ||= (e) => i(e.target.value)
-			}, null, 40, ue)]),
+			}, null, 40, fe)]),
 			s("select", {
 				class: "toolbar-select",
 				value: e.drawing.style.strokeWidth ?? 1,
@@ -58,7 +58,7 @@ var le = {
 				s("option", { value: 2 }, "2px", -1),
 				s("option", { value: 3 }, "3px", -1),
 				s("option", { value: 4 }, "4px", -1)
-			]], 40, de),
+			]], 40, W),
 			s("select", {
 				class: "toolbar-select",
 				value: e.drawing.style.strokeStyle ?? "solid",
@@ -68,7 +68,7 @@ var le = {
 				s("option", { value: "solid" }, "实线", -1),
 				s("option", { value: "dashed" }, "虚线", -1),
 				s("option", { value: "dotted" }, "点线", -1)
-			]], 40, fe),
+			]], 40, G),
 			s("button", {
 				type: "button",
 				class: "toolbar-btn delete-btn",
@@ -90,11 +90,11 @@ var le = {
 			], -1)]])
 		], 32));
 	}
-}), K = (e, t) => {
+}), q = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, pe = /* @__PURE__ */ K(G, [["__scopeId", "data-v-87e91714"]]), me = { class: "params-header" }, he = { class: "header-left" }, q = { class: "params-title" }, J = { class: "header-right" }, ge = {
+}, pe = /* @__PURE__ */ q(K, [["__scopeId", "data-v-87e91714"]]), me = { class: "params-header" }, J = { class: "header-left" }, Y = { class: "params-title" }, he = { class: "header-right" }, ge = {
 	key: 0,
 	class: "indicator-description"
 }, _e = { class: "params-body" }, ve = { class: "param-header" }, ye = { class: "param-label" }, be = { class: "param-label-text" }, xe = {
@@ -109,7 +109,7 @@ var le = {
 ], Te = ["disabled", "onClick"], Ee = {
 	key: 0,
 	class: "param-description"
-}, De = { class: "params-footer" }, Oe = { class: "footer-right" }, ke = /* @__PURE__ */ K(/* @__PURE__ */ u({
+}, De = { class: "params-footer" }, Oe = { class: "footer-right" }, ke = /* @__PURE__ */ q(/* @__PURE__ */ u({
 	__name: "IndicatorParams",
 	props: {
 		visible: { type: Boolean },
@@ -122,12 +122,12 @@ var le = {
 	emits: ["close", "confirm"],
 	setup(u, { emit: d }) {
 		let f = u, p = d, m = C({ ...f.values }), h = C(!0), _ = r(() => "body");
-		j(() => f.values, (e) => {
+		M(() => f.values, (e) => {
 			m.value = { ...e };
 		}, {
 			deep: !0,
 			immediate: !0
-		}), j(() => f.visible, (e) => {
+		}), M(() => f.visible, (e) => {
 			e && (m.value = { ...f.values });
 		});
 		function v(e, t) {
@@ -148,16 +148,16 @@ var le = {
 			p("confirm", { ...m.value });
 		}
 		return (r, d) => (S(), i(t, { to: _.value }, [l(n, { name: "overlay" }, {
-			default: M(() => [u.visible ? (S(), o("div", {
+			default: N(() => [u.visible ? (S(), o("div", {
 				key: 0,
 				class: "params-overlay",
 				onClick: d[4] ||= (e) => r.$emit("close")
 			}, [l(n, { name: "modal" }, {
-				default: M(() => [s("div", {
+				default: N(() => [s("div", {
 					class: "indicator-params",
-					onClick: d[3] ||= P(() => {}, ["stop"])
+					onClick: d[3] ||= F(() => {}, ["stop"])
 				}, [
-					s("div", me, [s("div", he, [s("span", q, D(u.indicatorName), 1), d[5] ||= s("span", { class: "params-subtitle" }, "参数设置", -1)]), s("div", J, [s("button", {
+					s("div", me, [s("div", J, [s("span", Y, D(u.indicatorName), 1), d[5] ||= s("span", { class: "params-subtitle" }, "参数设置", -1)]), s("div", he, [s("button", {
 						class: g(["toggle-desc-btn", { active: h.value }]),
 						onClick: d[0] ||= (e) => h.value = !h.value,
 						title: "显示/隐藏说明"
@@ -174,7 +174,7 @@ var le = {
 						"stroke-width": "2"
 					}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]),
 					l(n, { name: "slide" }, {
-						default: M(() => [h.value && u.indicatorDescription ? (S(), o("div", ge, [s("p", null, D(u.indicatorDescription), 1)])) : a("", !0)]),
+						default: N(() => [h.value && u.indicatorDescription ? (S(), o("div", ge, [s("p", null, D(u.indicatorDescription), 1)])) : a("", !0)]),
 						_: 1
 					}),
 					s("div", _e, [(S(!0), o(e, null, w(u.params, (e) => (S(), o("div", {
@@ -202,7 +202,7 @@ var le = {
 							onClick: (t) => y(e, 1)
 						}, " + ", 8, Te)
 					])]), l(n, { name: "slide" }, {
-						default: M(() => [h.value && e.description ? (S(), o("div", Ee, D(e.description), 1)) : a("", !0)]),
+						default: N(() => [h.value && e.description ? (S(), o("div", Ee, D(e.description), 1)) : a("", !0)]),
 						_: 2
 					}, 1024)], 2))), 128))]),
 					s("div", De, [s("button", {
@@ -268,7 +268,19 @@ var Me = { class: "indicator-selector" }, Ne = { class: "indicator-scroll-contai
 	width: "16",
 	height: "16",
 	fill: "currentColor"
-}, Ze = { class: "modal-body" }, Y = { class: "indicator-section" }, Qe = { class: "section-header" }, $e = { class: "section-count" }, X = ["onClick"], Z = { class: "card-label" }, et = { class: "card-tooltip" }, tt = { class: "card-header" }, nt = { class: "card-label" }, rt = { class: "card-header-actions" }, it = ["onClick"], at = { class: "card-name" }, ot = { class: "indicator-section" }, st = { class: "section-header" }, ct = { class: "section-count" }, lt = ["onClick"], ut = { class: "card-label" }, dt = { class: "card-tooltip" }, ft = { class: "card-header" }, pt = { class: "card-label" }, mt = { class: "card-header-actions" }, ht = ["onClick"], gt = { class: "card-name" }, _t = { class: "modal-footer" }, vt = { class: "footer-info" }, yt = { class: "info-text" }, bt = /* @__PURE__ */ K(/* @__PURE__ */ u({
+}, X = { class: "modal-body" }, Ze = { class: "search-box" }, Qe = {
+	key: 0,
+	class: "indicator-section"
+}, Z = { class: "section-header" }, Q = { class: "section-count" }, $e = ["onClick"], et = { class: "card-label" }, tt = { class: "card-tooltip" }, nt = { class: "card-header" }, rt = { class: "card-label" }, it = { class: "card-header-actions" }, at = ["onClick"], ot = { class: "card-name" }, st = {
+	key: 1,
+	class: "section-divider"
+}, ct = {
+	key: 2,
+	class: "no-results"
+}, lt = {
+	key: 3,
+	class: "indicator-section"
+}, ut = { class: "section-header" }, dt = { class: "section-count" }, ft = ["onClick"], pt = { class: "card-label" }, mt = { class: "card-tooltip" }, ht = { class: "card-header" }, gt = { class: "card-label" }, _t = { class: "card-header-actions" }, vt = ["onClick"], yt = { class: "card-name" }, bt = { class: "modal-footer" }, xt = { class: "footer-info" }, St = { class: "info-text" }, Ct = /* @__PURE__ */ q(/* @__PURE__ */ u({
 	__name: "IndicatorSelector",
 	props: {
 		activeIndicators: {},
@@ -280,25 +292,33 @@ var Me = { class: "indicator-selector" }, Ne = { class: "indicator-scroll-contai
 		"reorderSubIndicators"
 	],
 	setup(u, { emit: d }) {
-		let f = u, p = d, m = C(null), h = C(!1), _ = C(null), v = C(null), b = C(!1), T = C(null), E = C(null), k = C(!1), A = je(), j = r(() => f.activeIndicators?.length ? f.activeIndicators.map((e) => ee(e)).filter((e) => e !== void 0).sort((e, t) => e.pane === t.pane ? 0 : e.pane === "main" ? -1 : 1) : []), N = r(() => j.value.some((e) => e.pane === "main") ? j.value.find((e) => e.pane === "sub")?.id ?? null : null), R = r(() => _.value ? ee(_.value) : null), te = r(() => I.length + L.length), ne = r(() => f.activeIndicators?.length ?? 0);
-		function z(e) {
+		let f = u, p = d, m = C(null), h = C(!1), _ = C(null), v = C(null), b = C(!1), T = C(null), E = C(null), k = C(!1), A = C(""), M = je(), R = r(() => f.activeIndicators?.length ? f.activeIndicators.map((e) => ee(e)).filter((e) => e !== void 0).sort((e, t) => e.pane === t.pane ? 0 : e.pane === "main" ? -1 : 1) : []), ne = r(() => R.value.some((e) => e.pane === "main") ? R.value.find((e) => e.pane === "sub")?.id ?? null : null), z = r(() => _.value ? ee(_.value) : null), re = r(() => L.length + te.length), ie = r(() => f.activeIndicators?.length ?? 0), B = r(() => {
+			if (!A.value.trim()) return L;
+			let e = A.value.toLowerCase().trim();
+			return L.filter((t) => t.label.toLowerCase().includes(e) || t.name.toLowerCase().includes(e) || t.id.toLowerCase().includes(e));
+		}), V = r(() => {
+			if (!A.value.trim()) return te;
+			let e = A.value.toLowerCase().trim();
+			return te.filter((t) => t.label.toLowerCase().includes(e) || t.name.toLowerCase().includes(e) || t.id.toLowerCase().includes(e));
+		}), ae = r(() => B.value.length > 0 || V.value.length > 0);
+		function H(e) {
 			return f.activeIndicators?.includes(e) ?? !1;
 		}
-		function re(e) {
-			if (z(e)) return;
+		function oe(e) {
+			if (H(e)) return;
 			let t = ee(e);
-			t && (t.pane === "main" && I.filter((t) => t.id !== e && z(t.id)).forEach((e) => p("toggle", e.id, !1)), p("toggle", e, !0));
+			t && (t.pane === "main" && L.filter((t) => t.id !== e && H(t.id)).forEach((e) => p("toggle", e.id, !1)), p("toggle", e, !0));
 		}
-		function B(e) {
+		function U(e) {
 			p("toggle", e, !1);
 		}
-		function ie(e) {
+		function se(e) {
 			_.value = e, h.value = !0;
 		}
-		function V() {
+		function ce() {
 			b.value = !1;
 		}
-		function ae(e) {
+		function le(e) {
 			let t = ee(e);
 			if (!t?.params) return {};
 			let n = {};
@@ -307,70 +327,70 @@ var Me = { class: "indicator-selector" }, Ne = { class: "indicator-scroll-contai
 			for (let [e, t] of Object.entries(r)) typeof t == "number" && (i[e] = t);
 			return i;
 		}
-		function oe(e) {
-			let t = ae(e.id);
+		function ue(e) {
+			let t = le(e.id);
 			return e.params ? e.params.map((e) => t[e.key] ?? "").join(",") : "";
 		}
-		function H(e) {
+		function de(e) {
 			_.value && p("updateParams", _.value, e), h.value = !1;
 		}
-		function U(e, t) {
-			if (!F(t)) {
+		function fe(e, t) {
+			if (!I(t)) {
 				e.preventDefault();
 				return;
 			}
 			E.value = t, T.value = null, e.dataTransfer?.setData("text/plain", t), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
 		}
-		function se(e, t) {
-			!E.value || !F(t) || E.value === t || (T.value = t, e.dataTransfer && (e.dataTransfer.dropEffect = "move"));
+		function W(e, t) {
+			!E.value || !I(t) || E.value === t || (T.value = t, e.dataTransfer && (e.dataTransfer.dropEffect = "move"));
 		}
-		function ce(e, t) {
+		function G(e, t) {
 			let n = E.value || e.dataTransfer?.getData("text/plain") || "";
 			if (!n || n === t) {
-				W();
+				K();
 				return;
 			}
-			if (!F(n) || !F(t)) {
-				W();
+			if (!I(n) || !I(t)) {
+				K();
 				return;
 			}
-			let r = j.value.findIndex((e) => e.id === n), i = j.value.findIndex((e) => e.id === t);
+			let r = R.value.findIndex((e) => e.id === n), i = R.value.findIndex((e) => e.id === t);
 			if (r < 0 || i < 0) {
-				W();
+				K();
 				return;
 			}
-			let a = [...j.value.map((e) => e.id)], [o] = a.splice(r, 1);
+			let a = [...R.value.map((e) => e.id)], [o] = a.splice(r, 1);
 			if (!o) {
-				W();
+				K();
 				return;
 			}
-			a.splice(i, 0, o), p("reorderSubIndicators", a.filter((e) => F(e))), W();
+			a.splice(i, 0, o), p("reorderSubIndicators", a.filter((e) => I(e))), K();
 		}
-		function W() {
+		function K() {
 			T.value = null, E.value = null;
 		}
-		function le() {
+		function q() {
 			b.value = !b.value;
 		}
-		function ue(e) {
+		function pe(e) {
 			e.key === "Escape" && b.value && (b.value = !1);
 		}
 		return y(() => {
-			document.addEventListener("keydown", ue);
+			document.addEventListener("keydown", pe);
 		}), x(() => {
-			document.removeEventListener("keydown", ue);
+			document.removeEventListener("keydown", pe);
 		}), (r, u) => (S(), o("div", Me, [
-			s("div", Ne, [s("div", Pe, [(S(!0), o(e, null, w(j.value, (t) => (S(), o(e, { key: t.id }, [t.id === N.value ? (S(), o("div", Fe)) : a("", !0), s("div", {
+			s("div", Ne, [s("div", Pe, [(S(!0), o(e, null, w(R.value, (t) => (S(), o(e, { key: t.id }, [t.id === ne.value ? (S(), o("div", Fe)) : a("", !0), s("div", {
 				class: g(["indicator-item", {
-					draggable: O(F)(t.id),
+					draggable: O(I)(t.id),
 					"drag-over": T.value === t.id,
 					"is-dragging": E.value === t.id
 				}]),
-				draggable: O(F)(t.id),
-				onDragstart: (e) => U(e, t.id),
-				onDragover: P((e) => se(e, t.id), ["prevent"]),
-				onDrop: P((e) => ce(e, t.id), ["prevent"]),
-				onDragend: W
+				draggable: O(I)(t.id),
+				onDragstart: (e) => fe(e, t.id),
+				onDragover: F((e) => W(e, t.id), ["prevent"]),
+				onDrop: F((e) => G(e, t.id), ["prevent"]),
+				onDragend: K
 			}, [s("div", {
 				class: "indicator-btn-wrapper",
 				onMouseenter: (e) => v.value = t.id,
@@ -378,14 +398,14 @@ var Me = { class: "indicator-selector" }, Ne = { class: "indicator-scroll-contai
 			}, [s("button", { class: g(["indicator-btn", {
 				active: !0,
 				hovering: v.value === t.id
-			}]) }, [s("span", Re, [c(D(t.label) + " ", 1), t.params?.length ? (S(), o("span", ze, " (" + D(oe(t)) + ") ", 1)) : a("", !0)]), l(n, { name: "fade" }, {
-				default: M(() => [v.value === t.id ? (S(), o("div", Be, [
+			}]) }, [s("span", Re, [c(D(t.label) + " ", 1), t.params?.length ? (S(), o("span", ze, " (" + D(ue(t)) + ") ", 1)) : a("", !0)]), l(n, { name: "fade" }, {
+				default: N(() => [v.value === t.id ? (S(), o("div", Be, [
 					t.params?.length ? (S(), o("button", {
 						key: 0,
 						class: "action-btn settings-btn",
-						onClick: P((e) => ie(t.id), ["stop"]),
+						onClick: F((e) => se(t.id), ["stop"]),
 						title: "编辑参数"
-					}, [...u[4] ||= [s("svg", {
+					}, [...u[5] ||= [s("svg", {
 						viewBox: "0 0 24 24",
 						width: "14",
 						height: "14",
@@ -394,9 +414,9 @@ var Me = { class: "indicator-selector" }, Ne = { class: "indicator-scroll-contai
 					t.params?.length ? (S(), o("span", He)) : a("", !0),
 					s("button", {
 						class: "action-btn remove-btn",
-						onClick: P((e) => B(t.id), ["stop"]),
+						onClick: F((e) => U(t.id), ["stop"]),
 						title: "移除指标"
-					}, [...u[5] ||= [s("svg", {
+					}, [...u[6] ||= [s("svg", {
 						viewBox: "0 0 24 24",
 						width: "14",
 						height: "14",
@@ -408,97 +428,119 @@ var Me = { class: "indicator-selector" }, Ne = { class: "indicator-scroll-contai
 				ref_key: "addBtnRef",
 				ref: m,
 				class: "add-btn",
-				onClick: le,
+				onClick: q,
 				title: "添加指标"
-			}, [...u[6] ||= [s("svg", {
+			}, [...u[7] ||= [s("svg", {
 				viewBox: "0 0 24 24",
 				width: "16",
 				height: "16",
 				fill: "currentColor"
 			}, [s("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" })], -1)]], 512)])])]),
-			(S(), i(t, { to: O(A) }, [l(n, { name: "overlay" }, {
-				default: M(() => [b.value ? (S(), o("div", {
+			(S(), i(t, { to: O(M) }, [l(n, { name: "overlay" }, {
+				default: N(() => [b.value ? (S(), o("div", {
 					key: 0,
 					class: "selector-overlay",
-					onClick: V
+					onClick: ce
 				}, [l(n, { name: "modal" }, {
-					default: M(() => [b.value ? (S(), o("div", {
+					default: N(() => [b.value ? (S(), o("div", {
 						key: 0,
 						class: "selector-modal",
-						onClick: u[2] ||= P(() => {}, ["stop"])
+						onClick: u[3] ||= F(() => {}, ["stop"])
 					}, [
-						s("div", Ge, [s("div", Ke, [u[7] ||= s("span", { class: "title-text" }, "添加指标", -1), s("span", qe, D(te.value) + " 个可用指标", 1)]), s("div", Je, [s("button", {
+						s("div", Ge, [s("div", Ke, [u[8] ||= s("span", { class: "title-text" }, "添加指标", -1), s("span", qe, D(re.value) + " 个可用指标", 1)]), s("div", Je, [s("button", {
 							class: g(["view-toggle-btn", { active: k.value }]),
 							onClick: u[1] ||= (e) => k.value = !k.value,
 							title: "简洁模式"
-						}, [k.value ? (S(), o("svg", Xe, [...u[9] ||= [s("path", { d: "M3 3h18v18H3V3zm16 16V5H5v14h14zM7 7h4v4H7V7zm0 6h4v4H7v-4zm6-6h4v4h-4V7zm0 6h4v4h-4v-4z" }, null, -1)]])) : (S(), o("svg", Ye, [...u[8] ||= [s("path", { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, null, -1)]]))], 2), s("button", {
+						}, [k.value ? (S(), o("svg", Xe, [...u[10] ||= [s("path", { d: "M3 3h18v18H3V3zm16 16V5H5v14h14zM7 7h4v4H7V7zm0 6h4v4H7v-4zm6-6h4v4h-4V7zm0 6h4v4h-4v-4z" }, null, -1)]])) : (S(), o("svg", Ye, [...u[9] ||= [s("path", { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, null, -1)]]))], 2), s("button", {
 							class: "modal-close",
-							onClick: V,
+							onClick: ce,
 							title: "关闭"
-						}, [...u[10] ||= [s("svg", {
+						}, [...u[11] ||= [s("svg", {
 							viewBox: "0 0 24 24",
 							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)]])])]),
-						s("div", Ze, [
-							s("div", Y, [s("div", Qe, [u[11] ||= s("span", { class: "section-title" }, "主图指标", -1), s("span", $e, D(O(I).length), 1)]), s("div", { class: g(["indicator-grid", { compact: k.value }]) }, [(S(!0), o(e, null, w(O(I), (t) => (S(), o("button", {
+						s("div", X, [
+							s("div", Ze, [u[12] ||= s("svg", {
+								class: "search-icon",
+								viewBox: "0 0 24 24",
+								width: "16",
+								height: "16",
+								fill: "currentColor"
+							}, [s("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })], -1), P(s("input", {
+								"onUpdate:modelValue": u[2] ||= (e) => A.value = e,
+								type: "text",
+								class: "search-input",
+								placeholder: "搜索指标名称..."
+							}, null, 512), [[j, A.value]])]),
+							B.value.length > 0 ? (S(), o("div", Qe, [s("div", Z, [u[13] ||= s("span", { class: "section-title" }, "主图指标", -1), s("span", Q, D(B.value.length), 1)]), s("div", { class: g(["indicator-grid", { compact: k.value }]) }, [(S(!0), o(e, null, w(B.value, (t) => (S(), o("button", {
 								key: t.id,
 								class: g(["indicator-card", {
-									active: z(t.id),
+									active: H(t.id),
 									compact: k.value
 								}]),
-								onClick: (e) => z(t.id) ? B(t.id) : re(t.id)
-							}, [k.value ? (S(), o(e, { key: 0 }, [s("span", Z, D(t.label), 1), s("span", et, D(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", tt, [s("span", nt, D(t.label), 1), s("div", rt, [t.params?.length ? (S(), o("button", {
+								onClick: (e) => H(t.id) ? U(t.id) : oe(t.id)
+							}, [k.value ? (S(), o(e, { key: 0 }, [s("span", et, D(t.label), 1), s("span", tt, D(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", nt, [s("span", rt, D(t.label), 1), s("div", it, [t.params?.length ? (S(), o("button", {
 								key: 0,
 								class: "card-settings-btn",
-								onClick: P((e) => ie(t.id), ["stop"]),
+								onClick: F((e) => se(t.id), ["stop"]),
 								title: "编辑参数"
-							}, [...u[12] ||= [s("svg", {
+							}, [...u[14] ||= [s("svg", {
 								viewBox: "0 0 24 24",
 								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, it)) : a("", !0)])]), s("div", at, D(t.name), 1)], 64))], 10, X))), 128))], 2)]),
-							u[15] ||= s("div", { class: "section-divider" }, null, -1),
-							s("div", ot, [s("div", st, [u[13] ||= s("span", { class: "section-title" }, "副图指标", -1), s("span", ct, D(O(L).length), 1)]), s("div", { class: g(["indicator-grid", { compact: k.value }]) }, [(S(!0), o(e, null, w(O(L), (t) => (S(), o("button", {
+							}, [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, at)) : a("", !0)])]), s("div", ot, D(t.name), 1)], 64))], 10, $e))), 128))], 2)])) : a("", !0),
+							B.value.length > 0 && V.value.length > 0 ? (S(), o("div", st)) : a("", !0),
+							!ae.value && A.value.trim() ? (S(), o("div", ct, [...u[15] ||= [
+								s("svg", {
+									viewBox: "0 0 24 24",
+									width: "48",
+									height: "48",
+									fill: "currentColor"
+								}, [s("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })], -1),
+								s("p", null, "未找到匹配的指标", -1),
+								s("span", { class: "no-results-hint" }, "请尝试其他关键词", -1)
+							]])) : a("", !0),
+							V.value.length > 0 ? (S(), o("div", lt, [s("div", ut, [u[16] ||= s("span", { class: "section-title" }, "副图指标", -1), s("span", dt, D(V.value.length), 1)]), s("div", { class: g(["indicator-grid", { compact: k.value }]) }, [(S(!0), o(e, null, w(V.value, (t) => (S(), o("button", {
 								key: t.id,
 								class: g(["indicator-card", {
-									active: z(t.id),
+									active: H(t.id),
 									compact: k.value
 								}]),
-								onClick: (e) => z(t.id) ? B(t.id) : re(t.id)
-							}, [k.value ? (S(), o(e, { key: 0 }, [s("span", ut, D(t.label), 1), s("span", dt, D(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", ft, [s("span", pt, D(t.label), 1), s("div", mt, [t.params?.length ? (S(), o("button", {
+								onClick: (e) => H(t.id) ? U(t.id) : oe(t.id)
+							}, [k.value ? (S(), o(e, { key: 0 }, [s("span", pt, D(t.label), 1), s("span", mt, D(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", ht, [s("span", gt, D(t.label), 1), s("div", _t, [t.params?.length ? (S(), o("button", {
 								key: 0,
 								class: "card-settings-btn",
-								onClick: P((e) => ie(t.id), ["stop"]),
+								onClick: F((e) => se(t.id), ["stop"]),
 								title: "编辑参数"
-							}, [...u[14] ||= [s("svg", {
+							}, [...u[17] ||= [s("svg", {
 								viewBox: "0 0 24 24",
 								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, ht)) : a("", !0)])]), s("div", gt, D(t.name), 1)], 64))], 10, lt))), 128))], 2)])
+							}, [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, vt)) : a("", !0)])]), s("div", yt, D(t.name), 1)], 64))], 10, ft))), 128))], 2)])) : a("", !0)
 						]),
-						s("div", _t, [s("div", vt, [s("span", yt, "已激活 " + D(ne.value) + " 个指标", 1)]), s("button", {
+						s("div", bt, [s("div", xt, [s("span", St, "已激活 " + D(ie.value) + " 个指标", 1)]), s("button", {
 							class: "btn btn-confirm",
-							onClick: V
+							onClick: ce
 						}, "确认")])
 					])) : a("", !0)]),
 					_: 1
 				})])) : a("", !0)]),
 				_: 1
 			})], 8, ["to"])),
-			R.value ? (S(), i(ke, {
+			z.value ? (S(), i(ke, {
 				key: 0,
 				visible: h.value,
-				"indicator-id": R.value.id,
-				"indicator-name": R.value.name,
-				"indicator-description": R.value.description,
-				params: R.value.params || [],
-				values: ae(R.value.id),
-				onClose: u[3] ||= (e) => h.value = !1,
-				onConfirm: H
+				"indicator-id": z.value.id,
+				"indicator-name": z.value.name,
+				"indicator-description": z.value.description,
+				params: z.value.params || [],
+				values: le(z.value.id),
+				onClose: u[4] ||= (e) => h.value = !1,
+				onConfirm: de
 			}, null, 8, [
 				"visible",
 				"indicator-id",
@@ -509,25 +551,25 @@ var Me = { class: "indicator-selector" }, Ne = { class: "indicator-scroll-contai
 			])) : a("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-35a96803"]]), xt = { class: "kline-tooltip__title" }, St = { key: 0 }, Ct = { class: "kline-tooltip__grid" }, wt = { class: "row" }, Tt = { class: "row" }, Et = { class: "row" }, Dt = { class: "row" }, Ot = {
+}), [["__scopeId", "data-v-22a0d967"]]), wt = { class: "kline-tooltip__title" }, Tt = { key: 0 }, Et = { class: "kline-tooltip__grid" }, Dt = { class: "row" }, Ot = { class: "row" }, kt = { class: "row" }, At = { class: "row" }, jt = {
 	key: 0,
 	class: "row"
-}, kt = {
+}, Mt = {
 	key: 1,
 	class: "row"
-}, At = {
+}, Nt = {
 	key: 2,
 	class: "row"
-}, jt = {
+}, Pt = {
 	key: 3,
 	class: "row"
-}, Mt = {
+}, Ft = {
 	key: 4,
 	class: "row"
-}, Nt = {
+}, It = {
 	key: 5,
 	class: "row"
-}, Pt = "#ef4444", Ft = "#22c55e", It = "#6b7280", Lt = /* @__PURE__ */ K(/* @__PURE__ */ u({
+}, Lt = "#ef4444", Rt = "#22c55e", zt = "#6b7280", Bt = /* @__PURE__ */ q(/* @__PURE__ */ u({
 	__name: "KLineTooltip",
 	props: {
 		k: {},
@@ -560,19 +602,19 @@ var Me = { class: "indicator-selector" }, Ne = { class: "indicator-scroll-contai
 		}
 		let p = r(() => {
 			let e = t.k;
-			if (!e) return It;
+			if (!e) return zt;
 			let n = f(e, t.data, t.index);
-			return n > 0 ? Pt : n < 0 ? Ft : It;
+			return n > 0 ? Lt : n < 0 ? Rt : zt;
 		}), m = r(() => {
 			let e = t.k;
-			if (!e) return It;
+			if (!e) return zt;
 			let n = e.close - e.open;
-			return n > 0 ? Pt : n < 0 ? Ft : It;
+			return n > 0 ? Lt : n < 0 ? Rt : zt;
 		}), h = r(() => {
 			let e = t.k;
-			if (!e) return It;
+			if (!e) return zt;
 			let n = e.changePercent ?? (e.close - e.open) / e.open * 100;
-			return n > 0 ? Pt : n < 0 ? Ft : It;
+			return n > 0 ? Lt : n < 0 ? Rt : zt;
 		});
 		return (t, r) => e.k ? (S(), o("div", {
 			key: 0,
@@ -582,23 +624,23 @@ var Me = { class: "indicator-selector" }, Ne = { class: "indicator-scroll-contai
 				left: `${e.pos.x}px`,
 				top: `${e.pos.y}px`
 			})
-		}, [s("div", xt, [e.k.stockCode ? (S(), o("span", St, D(e.k.stockCode), 1)) : a("", !0), s("span", null, D(l(e.k.timestamp)), 1)]), s("div", Ct, [
-			s("div", wt, [r[0] ||= s("span", null, "开", -1), s("span", { style: _({ color: p.value }) }, D(e.k.open.toFixed(2)), 5)]),
-			s("div", Tt, [r[1] ||= s("span", null, "高", -1), s("span", null, D(e.k.high.toFixed(2)), 1)]),
-			s("div", Et, [r[2] ||= s("span", null, "低", -1), s("span", null, D(e.k.low.toFixed(2)), 1)]),
-			s("div", Dt, [r[3] ||= s("span", null, "收", -1), s("span", { style: _({ color: m.value }) }, D(e.k.close.toFixed(2)), 5)]),
-			typeof e.k.volume == "number" ? (S(), o("div", Ot, [r[4] ||= s("span", null, "成交量", -1), s("span", null, D(u(e.k.volume)), 1)])) : a("", !0),
-			typeof e.k.turnover == "number" ? (S(), o("div", kt, [r[5] ||= s("span", null, "成交额", -1), s("span", null, D(u(e.k.turnover)), 1)])) : a("", !0),
-			typeof e.k.amplitude == "number" ? (S(), o("div", At, [r[6] ||= s("span", null, "振幅", -1), s("span", null, D(e.k.amplitude) + "%", 1)])) : a("", !0),
-			typeof e.k.changePercent == "number" ? (S(), o("div", jt, [r[7] ||= s("span", null, "涨跌幅", -1), s("span", { style: _({ color: h.value }) }, D(d(e.k.changePercent, "%")), 5)])) : a("", !0),
-			typeof e.k.changeAmount == "number" ? (S(), o("div", Mt, [r[8] ||= s("span", null, "涨跌额", -1), s("span", { style: _({ color: h.value }) }, D(d(e.k.changeAmount, "")), 5)])) : a("", !0),
-			typeof e.k.turnoverRate == "number" ? (S(), o("div", Nt, [r[9] ||= s("span", null, "换手率", -1), s("span", null, D(e.k.turnoverRate.toFixed(2)) + "%", 1)])) : a("", !0)
+		}, [s("div", wt, [e.k.stockCode ? (S(), o("span", Tt, D(e.k.stockCode), 1)) : a("", !0), s("span", null, D(l(e.k.timestamp)), 1)]), s("div", Et, [
+			s("div", Dt, [r[0] ||= s("span", null, "开", -1), s("span", { style: _({ color: p.value }) }, D(e.k.open.toFixed(2)), 5)]),
+			s("div", Ot, [r[1] ||= s("span", null, "高", -1), s("span", null, D(e.k.high.toFixed(2)), 1)]),
+			s("div", kt, [r[2] ||= s("span", null, "低", -1), s("span", null, D(e.k.low.toFixed(2)), 1)]),
+			s("div", At, [r[3] ||= s("span", null, "收", -1), s("span", { style: _({ color: m.value }) }, D(e.k.close.toFixed(2)), 5)]),
+			typeof e.k.volume == "number" ? (S(), o("div", jt, [r[4] ||= s("span", null, "成交量", -1), s("span", null, D(u(e.k.volume)), 1)])) : a("", !0),
+			typeof e.k.turnover == "number" ? (S(), o("div", Mt, [r[5] ||= s("span", null, "成交额", -1), s("span", null, D(u(e.k.turnover)), 1)])) : a("", !0),
+			typeof e.k.amplitude == "number" ? (S(), o("div", Nt, [r[6] ||= s("span", null, "振幅", -1), s("span", null, D(e.k.amplitude) + "%", 1)])) : a("", !0),
+			typeof e.k.changePercent == "number" ? (S(), o("div", Pt, [r[7] ||= s("span", null, "涨跌幅", -1), s("span", { style: _({ color: h.value }) }, D(d(e.k.changePercent, "%")), 5)])) : a("", !0),
+			typeof e.k.changeAmount == "number" ? (S(), o("div", Ft, [r[8] ||= s("span", null, "涨跌额", -1), s("span", { style: _({ color: h.value }) }, D(d(e.k.changeAmount, "")), 5)])) : a("", !0),
+			typeof e.k.turnoverRate == "number" ? (S(), o("div", It, [r[9] ||= s("span", null, "换手率", -1), s("span", null, D(e.k.turnoverRate.toFixed(2)) + "%", 1)])) : a("", !0)
 		])], 6)) : a("", !0);
 	}
-}), [["__scopeId", "data-v-90b1aa6d"]]), Rt = { class: "marker-tooltip__title" }, zt = {
+}), [["__scopeId", "data-v-90b1aa6d"]]), Vt = { class: "marker-tooltip__title" }, Ht = {
 	key: 0,
 	class: "marker-tooltip__content"
-}, Bt = /* @__PURE__ */ K(/* @__PURE__ */ u({
+}, Ut = /* @__PURE__ */ q(/* @__PURE__ */ u({
 	__name: "MarkerTooltip",
 	props: {
 		marker: {},
@@ -647,30 +689,12 @@ var Me = { class: "indicator-selector" }, Ne = { class: "indicator-scroll-contai
 				left: `${t.pos.x + 12}px`,
 				top: `${t.pos.y + 12}px`
 			})
-		}, [s("div", Rt, D(f.value), 1), m.value ? (S(), o("div", zt, [(S(!0), o(e, null, w(p.value, (e, t) => (S(), o("div", {
+		}, [s("div", Vt, D(f.value), 1), m.value ? (S(), o("div", Ht, [(S(!0), o(e, null, w(p.value, (e, t) => (S(), o("div", {
 			key: t,
 			class: "row"
 		}, [s("span", null, D(t), 1), s("span", null, D(h(e)), 1)]))), 128))])) : a("", !0)], 6)) : a("", !0);
 	}
-}), [["__scopeId", "data-v-057b55c9"]]), Vt = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function Ht(e, t) {
-	return S(), o("svg", Vt, [...t[0] ||= [s("path", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "M7.904 17.563a1.2 1.2 0 0 0 2.228.308l2.09-3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047-1.047a1.067 1.067 0 0 0 0-1.509l-4.907-4.907l3.113-2.09a1.2 1.2 0 0 0-.309-2.228L4 4z"
-	}, null, -1)]]);
-}
-var Ut = m({
-	name: "tabler-pointer",
-	render: Ht
-}), Wt = {
+}), [["__scopeId", "data-v-057b55c9"]]), Wt = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
@@ -682,11 +706,11 @@ function Gt(e, t) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
-		d: "M4 19h16M4 15l4-6l4 2l4-5l4 4"
+		d: "M7.904 17.563a1.2 1.2 0 0 0 2.228.308l2.09-3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047-1.047a1.067 1.067 0 0 0 0-1.509l-4.907-4.907l3.113-2.09a1.2 1.2 0 0 0-.309-2.228L4 4z"
 	}, null, -1)]]);
 }
 var Kt = m({
-	name: "tabler-chart-line",
+	name: "tabler-pointer",
 	render: Gt
 }), qt = {
 	viewBox: "0 0 24 24",
@@ -700,11 +724,11 @@ function Jt(e, t) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
-		d: "M17 7L7 17M8 7h9v9"
+		d: "M4 19h16M4 15l4-6l4 2l4-5l4 4"
 	}, null, -1)]]);
 }
 var Yt = m({
-	name: "tabler-arrow-up-right",
+	name: "tabler-chart-line",
 	render: Jt
 }), Xt = {
 	viewBox: "0 0 24 24",
@@ -718,11 +742,11 @@ function Zt(e, t) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
-		d: "M5 12h14m-6 6l6-6m-6-6l6 6"
+		d: "M17 7L7 17M8 7h9v9"
 	}, null, -1)]]);
 }
 var Qt = m({
-	name: "tabler-arrow-right",
+	name: "tabler-arrow-up-right",
 	render: Zt
 }), $t = {
 	viewBox: "0 0 24 24",
@@ -736,11 +760,11 @@ function en(e, t) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
-		d: "M5 12h14"
+		d: "M5 12h14m-6 6l6-6m-6-6l6 6"
 	}, null, -1)]]);
 }
 var tn = m({
-	name: "tabler-minus",
+	name: "tabler-arrow-right",
 	render: en
 }), nn = {
 	viewBox: "0 0 24 24",
@@ -754,11 +778,11 @@ function rn(e, t) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
-		d: "M3 12v.01M7 12h10m4 0v.01"
+		d: "M5 12h14"
 	}, null, -1)]]);
 }
 var an = m({
-	name: "tabler-separator",
+	name: "tabler-minus",
 	render: rn
 }), on = {
 	viewBox: "0 0 24 24",
@@ -772,11 +796,11 @@ function sn(e, t) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
-		d: "M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2M9 12h6m-3-3v6"
+		d: "M3 12v.01M7 12h10m4 0v.01"
 	}, null, -1)]]);
 }
 var cn = m({
-	name: "tabler-crosshair",
+	name: "tabler-separator",
 	render: sn
 }), ln = {
 	viewBox: "0 0 24 24",
@@ -784,16 +808,17 @@ var cn = m({
 	height: "1.2em"
 };
 function un(e, t) {
-	return S(), o("svg", ln, [...t[0] ||= [s("g", {
+	return S(), o("svg", ln, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
-		"stroke-width": "2"
-	}, [s("path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01" }), s("path", { d: "M11 12h1v4h1" })], -1)]]);
+		"stroke-width": "2",
+		d: "M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2M9 12h6m-3-3v6"
+	}, null, -1)]]);
 }
 var dn = m({
-	name: "tabler-info-circle",
+	name: "tabler-crosshair",
 	render: un
 }), fn = {
 	viewBox: "0 0 24 24",
@@ -801,17 +826,16 @@ var dn = m({
 	height: "1.2em"
 };
 function pn(e, t) {
-	return S(), o("svg", fn, [...t[0] ||= [s("path", {
+	return S(), o("svg", fn, [...t[0] ||= [s("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m4 0h6m-3-3v6m11 8l-6-6"
-	}, null, -1)]]);
+		"stroke-width": "2"
+	}, [s("path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01" }), s("path", { d: "M11 12h1v4h1" })], -1)]]);
 }
 var mn = m({
-	name: "tabler-zoom-in",
+	name: "tabler-info-circle",
 	render: pn
 }), hn = {
 	viewBox: "0 0 24 24",
@@ -825,11 +849,11 @@ function gn(e, t) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
-		d: "M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m4 0h6m8 11l-6-6"
+		d: "M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m4 0h6m-3-3v6m11 8l-6-6"
 	}, null, -1)]]);
 }
 var _n = m({
-	name: "tabler-zoom-out",
+	name: "tabler-zoom-in",
 	render: gn
 }), vn = {
 	viewBox: "0 0 24 24",
@@ -843,11 +867,11 @@ function yn(e, t) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
-		d: "M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2"
+		d: "M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m4 0h6m8 11l-6-6"
 	}, null, -1)]]);
 }
 var bn = m({
-	name: "tabler-maximize",
+	name: "tabler-zoom-out",
 	render: yn
 }), xn = {
 	viewBox: "0 0 24 24",
@@ -861,11 +885,11 @@ function Sn(e, t) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
-		d: "M15 19v-2a2 2 0 0 1 2-2h2M15 5v2a2 2 0 0 0 2 2h2M5 15h2a2 2 0 0 1 2 2v2M5 9h2a2 2 0 0 0 2-2V5"
+		d: "M4 8V6a2 2 0 0 1 2-2h2M4 16v2a2 2 0 0 0 2 2h2m8-16h2a2 2 0 0 1 2 2v2m-4 12h2a2 2 0 0 0 2-2v-2"
 	}, null, -1)]]);
 }
 var Cn = m({
-	name: "tabler-minimize",
+	name: "tabler-maximize",
 	render: Sn
 }), wn = {
 	viewBox: "0 0 24 24",
@@ -873,16 +897,17 @@ var Cn = m({
 	height: "1.2em"
 };
 function Tn(e, t) {
-	return S(), o("svg", wn, [...t[0] ||= [s("g", {
+	return S(), o("svg", wn, [...t[0] ||= [s("path", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
-		"stroke-width": "2"
-	}, [s("path", { d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065" }), s("path", { d: "M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0" })], -1)]]);
+		"stroke-width": "2",
+		d: "M15 19v-2a2 2 0 0 1 2-2h2M15 5v2a2 2 0 0 0 2 2h2M5 15h2a2 2 0 0 1 2 2v2M5 9h2a2 2 0 0 0 2-2V5"
+	}, null, -1)]]);
 }
 var En = m({
-	name: "tabler-settings",
+	name: "tabler-minimize",
 	render: Tn
 }), Dn = {
 	viewBox: "0 0 24 24",
@@ -890,17 +915,16 @@ var En = m({
 	height: "1.2em"
 };
 function On(e, t) {
-	return S(), o("svg", Dn, [...t[0] ||= [s("path", {
+	return S(), o("svg", Dn, [...t[0] ||= [s("g", {
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "M3 5a2 2 0 1 0 4 0a2 2 0 1 0-4 0m14 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0M3 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0m14 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0M5 7v10M7 5h10M7 19h10m2-12v10"
-	}, null, -1)]]);
+		"stroke-width": "2"
+	}, [s("path", { d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065" }), s("path", { d: "M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0" })], -1)]]);
 }
 var kn = m({
-	name: "tabler-shape",
+	name: "tabler-settings",
 	render: On
 }), An = {
 	viewBox: "0 0 24 24",
@@ -914,11 +938,11 @@ function jn(e, t) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
-		d: "M3 7a2 2 0 1 0 4 0a2 2 0 1 0-4 0m11 8a2 2 0 1 0 4 0a2 2 0 1 0-4 0m1-9a3 3 0 1 0 6 0a3 3 0 1 0-6 0M3 18a3 3 0 1 0 6 0a3 3 0 1 0-6 0m6-1l5-1.5m-7.5-7l7.81 5.37M7 7l8-1"
+		d: "M3 5a2 2 0 1 0 4 0a2 2 0 1 0-4 0m14 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0M3 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0m14 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0M5 7v10M7 5h10M7 19h10m2-12v10"
 	}, null, -1)]]);
 }
 var Mn = m({
-	name: "tabler-chart-dots-3",
+	name: "tabler-shape",
 	render: jn
 }), Nn = {
 	viewBox: "0 0 24 24",
@@ -932,11 +956,11 @@ function Pn(e, t) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
-		d: "m18 10l-6-6l-6 6zm0 4l-6 6l-6-6z"
+		d: "M3 7a2 2 0 1 0 4 0a2 2 0 1 0-4 0m11 8a2 2 0 1 0 4 0a2 2 0 1 0-4 0m1-9a3 3 0 1 0 6 0a3 3 0 1 0-6 0M3 18a3 3 0 1 0 6 0a3 3 0 1 0-6 0m6-1l5-1.5m-7.5-7l7.81 5.37M7 7l8-1"
 	}, null, -1)]]);
 }
 var Fn = m({
-	name: "tabler-caret-up-down",
+	name: "tabler-chart-dots-3",
 	render: Pn
 }), In = {
 	viewBox: "0 0 24 24",
@@ -950,37 +974,55 @@ function Ln(e, t) {
 		"stroke-linecap": "round",
 		"stroke-linejoin": "round",
 		"stroke-width": "2",
-		d: "M8 4H5v16h3m8-16h3v16h-3"
+		d: "m18 10l-6-6l-6 6zm0 4l-6 6l-6-6z"
 	}, null, -1)]]);
 }
 var Rn = m({
-	name: "tabler-brackets",
+	name: "tabler-caret-up-down",
 	render: Ln
+}), zn = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Bn(e, t) {
+	return S(), o("svg", zn, [...t[0] ||= [s("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M8 4H5v16h3m8-16h3v16h-3"
+	}, null, -1)]]);
+}
+var Vn = m({
+	name: "tabler-brackets",
+	render: Bn
 });
 //#endregion
 //#region src/debug/canvasProfiler.ts
-function zn() {
+function Hn() {
 	return Object.create(null);
 }
-function Bn() {
+function Un() {
 	return {
-		ctxMethods: zn(),
-		ctxProps: zn(),
-		canvasProps: zn(),
+		ctxMethods: Hn(),
+		ctxProps: Hn(),
+		canvasProps: Hn(),
 		ctxMethodSources: Object.create(null)
 	};
 }
-function Vn(e, t, n) {
+function Wn(e, t, n) {
 	let r = e[t] ??= {
 		count: 0,
 		totalTime: 0
 	};
 	r.count += 1, r.totalTime += n;
 }
-function Hn(e, t, n, r) {
-	Vn(e.ctxMethodSources[t] ??= zn(), n, r);
+function Gn(e, t, n, r) {
+	Wn(e.ctxMethodSources[t] ??= Hn(), n, r);
 }
-function Un(e) {
+function Kn(e) {
 	return Object.entries(e).filter(([, e]) => e.count > 0).map(([e, t]) => ({
 		name: e,
 		count: t.count,
@@ -988,12 +1030,12 @@ function Un(e) {
 		averageTime: (t.totalTime / t.count).toFixed(4)
 	})).sort((e, t) => Number(t.totalTime) - Number(e.totalTime));
 }
-var Wn = !1, Gn = /* @__PURE__ */ new Map(), Kn = /* @__PURE__ */ new Map();
-function qn(e) {
-	Wn = e, e ? typeof window < "u" && !window.__KMAP_CANVAS_PROFILER_INSTALLED__ && Yn() : Xn();
+var qn = !1, Jn = /* @__PURE__ */ new Map(), Yn = /* @__PURE__ */ new Map();
+function Xn(e) {
+	qn = e, e ? typeof window < "u" && !window.__KMAP_CANVAS_PROFILER_INSTALLED__ && $n() : er();
 }
-function Jn() {
-	if (!Wn) return "disabled";
+function Zn() {
+	if (!qn) return "disabled";
 	let e = (/* @__PURE__ */ Error()).stack;
 	if (!e) return "unknown";
 	let t = e.split("\n").map((e) => e.trim()).filter(Boolean);
@@ -1006,82 +1048,82 @@ function Jn() {
 	}
 	return "unknown";
 }
-function Q(e, t, n, r) {
+function $(e, t, n, r) {
 	let i = `${e.constructor?.name ?? "proto"}:${t}`;
-	if (Gn.has(i)) return;
+	if (Jn.has(i)) return;
 	let a = Reflect.get(e, t);
-	typeof a == "function" && (Gn.set(i, a), Reflect.set(e, t, function(...e) {
-		if (!Wn) return a.apply(this, e);
-		let i = r?.captureSource ? Jn() : null, o = performance.now(), s = a.apply(this, e), c = performance.now() - o;
-		return Vn(n.ctxMethods, t, c), i && Hn(n, t, i, c), s;
+	typeof a == "function" && (Jn.set(i, a), Reflect.set(e, t, function(...e) {
+		if (!qn) return a.apply(this, e);
+		let i = r?.captureSource ? Zn() : null, o = performance.now(), s = a.apply(this, e), c = performance.now() - o;
+		return Wn(n.ctxMethods, t, c), i && Gn(n, t, i, c), s;
 	}));
 }
-function $(e, t, n) {
+function Qn(e, t, n) {
 	let r = Object.getOwnPropertyDescriptor(e, t);
 	if (!r?.set || !r.configurable) return;
 	let i = `${e.constructor?.name ?? "proto"}:${t}`;
-	Kn.has(i) || (Kn.set(i, r), Object.defineProperty(e, t, {
+	Yn.has(i) || (Yn.set(i, r), Object.defineProperty(e, t, {
 		configurable: !0,
 		enumerable: r.enumerable ?? !1,
 		get: r.get,
 		set(e) {
-			if (!Wn) {
+			if (!qn) {
 				r.set.call(this, e);
 				return;
 			}
 			let i = performance.now();
-			r.set.call(this, e), Vn(n, t, performance.now() - i);
+			r.set.call(this, e), Wn(n, t, performance.now() - i);
 		}
 	}));
 }
-function Yn() {
+function $n() {
 	if (typeof window > "u" || window.__KMAP_CANVAS_PROFILER_INSTALLED__) return;
 	let e = CanvasRenderingContext2D?.prototype, t = HTMLCanvasElement?.prototype;
 	if (!e || !t) return;
-	let n = Bn();
-	Q(e, "fillText", n, { captureSource: !0 }), Q(e, "measureText", n, { captureSource: !0 }), Q(e, "drawImage", n), Q(e, "save", n), Q(e, "restore", n), Q(e, "clip", n), Q(e, "setTransform", n), Q(e, "scale", n), $(e, "font", n.ctxProps), $(e, "filter", n.ctxProps), $(e, "shadowBlur", n.ctxProps), $(e, "lineWidth", n.ctxProps), $(t, "width", n.canvasProps), $(t, "height", n.canvasProps), window.__KMAP_CANVAS_PROFILER_METRICS__ = n, window.__KMAP_CANVAS_PROFILER_INSTALLED__ = !0, window.showCanvasReport = () => {
+	let n = Un();
+	$(e, "fillText", n, { captureSource: !0 }), $(e, "measureText", n, { captureSource: !0 }), $(e, "drawImage", n), $(e, "save", n), $(e, "restore", n), $(e, "clip", n), $(e, "setTransform", n), $(e, "scale", n), Qn(e, "font", n.ctxProps), Qn(e, "filter", n.ctxProps), Qn(e, "shadowBlur", n.ctxProps), Qn(e, "lineWidth", n.ctxProps), Qn(t, "width", n.canvasProps), Qn(t, "height", n.canvasProps), window.__KMAP_CANVAS_PROFILER_METRICS__ = n, window.__KMAP_CANVAS_PROFILER_INSTALLED__ = !0, window.showCanvasReport = () => {
 		let e = window.__KMAP_CANVAS_PROFILER_METRICS__;
 		if (e) {
-			console.group("[kmap] Canvas profiler report"), console.log("ctx methods"), console.table(Un(e.ctxMethods)), console.log("ctx props"), console.table(Un(e.ctxProps)), console.log("canvas props"), console.table(Un(e.canvasProps));
+			console.group("[kmap] Canvas profiler report"), console.log("ctx methods"), console.table(Kn(e.ctxMethods)), console.log("ctx props"), console.table(Kn(e.ctxProps)), console.log("canvas props"), console.table(Kn(e.canvasProps));
 			for (let t of ["fillText", "measureText"]) {
 				let n = e.ctxMethodSources[t];
-				n && (console.log(`${t} sources`), console.table(Un(n).slice(0, 20)));
+				n && (console.log(`${t} sources`), console.table(Kn(n).slice(0, 20)));
 			}
 			console.groupEnd();
 		}
 	}, window.resetCanvasReport = () => {
-		window.__KMAP_CANVAS_PROFILER_METRICS__ = Bn();
+		window.__KMAP_CANVAS_PROFILER_METRICS__ = Un();
 	}, console.info("[kmap] Canvas profiler enabled. Use window.showCanvasReport() and window.resetCanvasReport().");
 }
-function Xn() {
+function er() {
 	if (typeof window > "u" || !window.__KMAP_CANVAS_PROFILER_INSTALLED__) return;
 	let e = CanvasRenderingContext2D?.prototype, t = HTMLCanvasElement?.prototype;
-	Gn.forEach((n, r) => {
+	Jn.forEach((n, r) => {
 		let i = r.match(/^(.+):(.+)$/);
 		if (!i) return;
 		let [, a, o] = i, s = null;
 		a === "CanvasRenderingContext2D" ? s = e : a === "HTMLCanvasElement" && (s = t), s && Reflect.set(s, o, n);
-	}), Gn.clear(), Kn.forEach((n, r) => {
+	}), Jn.clear(), Yn.forEach((n, r) => {
 		let i = r.match(/^(.+):(.+)$/);
 		if (!i) return;
 		let [, a, o] = i, s = null;
 		a === "CanvasRenderingContext2D" ? s = e : a === "HTMLCanvasElement" && (s = t), s && n.configurable && Object.defineProperty(s, o, n);
-	}), Kn.clear(), window.__KMAP_CANVAS_PROFILER_INSTALLED__ = !1, window.__KMAP_CANVAS_PROFILER_METRICS__ = void 0, window.showCanvasReport = void 0, window.resetCanvasReport = void 0, console.info("[kmap] Canvas profiler disabled.");
+	}), Yn.clear(), window.__KMAP_CANVAS_PROFILER_INSTALLED__ = !1, window.__KMAP_CANVAS_PROFILER_METRICS__ = void 0, window.showCanvasReport = void 0, window.resetCanvasReport = void 0, console.info("[kmap] Canvas profiler disabled.");
 }
 //#endregion
 //#region src/components/LeftToolbar.vue?vue&type=script&setup=true&lang.ts
-var Zn = {
+var tr = {
 	class: "left-toolbar",
 	"aria-label": "图表工具栏"
-}, Qn = { class: "left-toolbar__group" }, $n = [
+}, nr = { class: "left-toolbar__group" }, rr = [
 	"title",
 	"aria-label",
 	"onClick"
-], er = ["onClick"], tr = [
+], ir = ["onClick"], ar = [
 	"title",
 	"aria-label",
 	"onClick"
-], nr = { class: "left-toolbar__group" }, rr = { class: "left-toolbar__group" }, ir = ["title", "aria-label"], ar = { class: "left-toolbar__group" }, or = { class: "settings-body" }, sr = { class: "settings-label" }, cr = ["onUpdate:modelValue"], lr = ["onUpdate:modelValue"], ur = ["value"], dr = { class: "settings-label" }, fr = ["onUpdate:modelValue"], pr = ["onUpdate:modelValue"], mr = ["value"], hr = /* @__PURE__ */ K(/* @__PURE__ */ u({
+], or = { class: "left-toolbar__group" }, sr = { class: "left-toolbar__group" }, cr = ["title", "aria-label"], lr = { class: "left-toolbar__group" }, ur = { class: "settings-body" }, dr = { class: "settings-label" }, fr = ["onUpdate:modelValue"], pr = ["onUpdate:modelValue"], mr = ["value"], hr = { class: "settings-label" }, gr = ["onUpdate:modelValue"], _r = ["onUpdate:modelValue"], vr = ["value"], yr = /* @__PURE__ */ q(/* @__PURE__ */ u({
 	__name: "LeftToolbar",
 	props: { isFullscreen: { type: Boolean } },
 	emits: [
@@ -1096,103 +1138,103 @@ var Zn = {
 			{
 				id: "cursor",
 				title: "光标",
-				icon: Ut
+				icon: Kt
 			},
 			{
 				id: "lines",
 				title: "线条",
-				icon: Kt,
+				icon: Yt,
 				children: [
 					{
 						id: "trend-line",
 						title: "线段",
-						icon: Kt
+						icon: Yt
 					},
 					{
 						id: "ray",
 						title: "射线",
-						icon: Yt
+						icon: Qt
 					},
 					{
 						id: "h-line",
 						title: "水平线",
-						icon: tn
+						icon: an
 					},
 					{
 						id: "h-ray",
 						title: "水平射线",
-						icon: Qt
+						icon: tn
 					},
 					{
 						id: "v-line",
 						title: "垂直线",
-						icon: an
+						icon: cn
 					},
 					{
 						id: "crosshair-line",
 						title: "十字线",
-						icon: cn
+						icon: dn
 					},
 					{
 						id: "info-line",
 						title: "信息线",
-						icon: dn
+						icon: mn
 					}
 				]
 			},
 			{
 				id: "channels",
 				title: "通道",
-				icon: kn,
+				icon: Mn,
 				children: [
 					{
 						id: "parallel-channel",
 						title: "平行通道",
-						icon: kn
+						icon: Mn
 					},
 					{
 						id: "regression-channel",
 						title: "回归趋势",
-						icon: Mn
+						icon: Fn
 					},
 					{
 						id: "flat-line",
 						title: "平滑顶底",
-						icon: Fn
+						icon: Rn
 					},
 					{
 						id: "disjoint-channel",
 						title: "不相交通道",
-						icon: Rn
+						icon: Vn
 					}
 				]
 			}
-		], m = f, h = C("cursor"), _ = C(null), v = C(!1), b = je(), E = r(() => H.filter((e) => e.group === "main")), j = r(() => H.filter((e) => e.group === "experimental"));
-		function ee() {
+		], m = f, h = C("cursor"), _ = C(null), v = C(!1), b = je(), E = r(() => U.filter((e) => e.group === "main")), j = r(() => U.filter((e) => e.group === "experimental"));
+		function M() {
 			try {
-				let e = localStorage.getItem(U);
+				let e = localStorage.getItem(se);
 				if (e) {
 					let t = JSON.parse(e), n = {};
-					return H.forEach((e) => {
+					return U.forEach((e) => {
 						n[e.key] = t[e.key] ?? e.default;
 					}), n;
 				}
 			} catch {}
 			let e = {};
-			return H.forEach((t) => {
+			return U.forEach((t) => {
 				e[t.key] = t.default;
 			}), e;
 		}
-		function F(e) {
+		function ee(e) {
 			try {
-				localStorage.setItem(U, JSON.stringify(e));
+				localStorage.setItem(se, JSON.stringify(e));
 			} catch {}
 		}
-		let I = C(ee()), L = C({ ...I.value });
-		function R(e) {
+		let I = C(M()), L = C({ ...I.value });
+		function te(e) {
 			return h.value === e.id ? !0 : e.children ? e.children.some((e) => e.id === h.value) : !1;
 		}
-		function te(e) {
+		function R(e) {
 			if (e.children?.length) {
 				if (!e.children.some((e) => e.id === h.value)) {
 					let t = e.children[0];
@@ -1212,57 +1254,57 @@ var Zn = {
 		function re() {
 			L.value = { ...I.value }, v.value = !0;
 		}
-		function B() {
+		function ie() {
 			v.value = !1;
 		}
-		function ie() {
+		function B() {
 			let e = {};
-			H.forEach((t) => {
+			U.forEach((t) => {
 				e[t.key] = t.default;
 			}), L.value = e;
 		}
 		function V() {
-			I.value = { ...L.value }, F(I.value), qn(!!I.value.enableCanvasProfiler), m("settingsChange", { ...I.value }), B();
+			I.value = { ...L.value }, ee(I.value), Xn(!!I.value.enableCanvasProfiler), m("settingsChange", { ...I.value }), ie();
 		}
 		function ae() {
 			return { ...I.value };
 		}
 		d({ getSettings: ae });
-		function oe(e) {
+		function H(e) {
 			e.target.closest(".tool-item") || (_.value = null);
 		}
 		return y(() => {
-			document.addEventListener("click", oe, !0), m("settingsChange", { ...I.value }), qn(!!I.value.enableCanvasProfiler);
+			document.addEventListener("click", H, !0), m("settingsChange", { ...I.value }), Xn(!!I.value.enableCanvasProfiler);
 		}), x(() => {
-			document.removeEventListener("click", oe, !0);
-		}), (r, d) => (S(), o(e, null, [s("nav", Zn, [
-			s("div", Qn, [(S(), o(e, null, w(p, (t) => s("div", {
+			document.removeEventListener("click", H, !0);
+		}), (r, d) => (S(), o(e, null, [s("nav", tr, [
+			s("div", nr, [(S(), o(e, null, w(p, (t) => s("div", {
 				key: t.id,
 				class: "tool-item"
 			}, [s("button", {
 				type: "button",
-				class: g(["left-toolbar__button", { active: R(t) }]),
+				class: g(["left-toolbar__button", { active: te(t) }]),
 				title: t.title,
 				"aria-label": t.title,
-				onClick: (e) => te(t),
-				onPointerdown: d[0] ||= P(() => {}, ["stop"]),
-				onPointermove: d[1] ||= P(() => {}, ["stop"]),
-				onPointerup: d[2] ||= P(() => {}, ["stop"])
+				onClick: (e) => R(t),
+				onPointerdown: d[0] ||= F(() => {}, ["stop"]),
+				onPointermove: d[1] ||= F(() => {}, ["stop"]),
+				onPointerup: d[2] ||= F(() => {}, ["stop"])
 			}, [(S(), i(T(t.icon), {
 				class: "tool-icon",
 				"aria-hidden": "true"
 			})), t.children && t.children.length ? (S(), o("span", {
 				key: 0,
 				class: g(["corner-indicator", { open: _.value === t.id }]),
-				onClick: P((e) => z(t.id), ["stop"]),
+				onClick: F((e) => z(t.id), ["stop"]),
 				"aria-label": "展开子菜单"
-			}, null, 10, er)) : a("", !0)], 42, $n), l(n, { name: "dropdown" }, {
-				default: M(() => [_.value === t.id && t.children && t.children.length ? (S(), o("div", {
+			}, null, 10, ir)) : a("", !0)], 42, rr), l(n, { name: "dropdown" }, {
+				default: N(() => [_.value === t.id && t.children && t.children.length ? (S(), o("div", {
 					key: 0,
 					class: "tool-dropdown",
-					onPointerdown: d[3] ||= P(() => {}, ["stop"]),
-					onPointermove: d[4] ||= P(() => {}, ["stop"]),
-					onPointerup: d[5] ||= P(() => {}, ["stop"])
+					onPointerdown: d[3] ||= F(() => {}, ["stop"]),
+					onPointermove: d[4] ||= F(() => {}, ["stop"]),
+					onPointerup: d[5] ||= F(() => {}, ["stop"])
 				}, [(S(!0), o(e, null, w(t.children, (e) => (S(), o("button", {
 					key: e.id,
 					type: "button",
@@ -1273,20 +1315,20 @@ var Zn = {
 				}, [(S(), i(T(e.icon), {
 					class: "tool-icon",
 					"aria-hidden": "true"
-				}))], 10, tr))), 128))], 32)) : a("", !0)]),
+				}))], 10, ar))), 128))], 32)) : a("", !0)]),
 				_: 2
 			}, 1024)])), 64))]),
 			d[22] ||= s("span", { class: "left-toolbar__divider" }, null, -1),
-			s("div", nr, [s("button", {
+			s("div", or, [s("button", {
 				type: "button",
 				class: "left-toolbar__button",
 				title: "放大",
 				"aria-label": "放大",
 				onClick: d[6] ||= (e) => r.$emit("zoomIn"),
-				onPointerdown: d[7] ||= P(() => {}, ["stop"]),
-				onPointermove: d[8] ||= P(() => {}, ["stop"]),
-				onPointerup: d[9] ||= P(() => {}, ["stop"])
-			}, [l(O(mn), {
+				onPointerdown: d[7] ||= F(() => {}, ["stop"]),
+				onPointermove: d[8] ||= F(() => {}, ["stop"]),
+				onPointerup: d[9] ||= F(() => {}, ["stop"])
+			}, [l(O(_n), {
 				class: "tool-icon",
 				"aria-hidden": "true"
 			})], 32), s("button", {
@@ -1295,99 +1337,99 @@ var Zn = {
 				title: "缩小",
 				"aria-label": "缩小",
 				onClick: d[10] ||= (e) => r.$emit("zoomOut"),
-				onPointerdown: d[11] ||= P(() => {}, ["stop"]),
-				onPointermove: d[12] ||= P(() => {}, ["stop"]),
-				onPointerup: d[13] ||= P(() => {}, ["stop"])
-			}, [l(O(_n), {
+				onPointerdown: d[11] ||= F(() => {}, ["stop"]),
+				onPointermove: d[12] ||= F(() => {}, ["stop"]),
+				onPointerup: d[13] ||= F(() => {}, ["stop"])
+			}, [l(O(bn), {
 				class: "tool-icon",
 				"aria-hidden": "true"
 			})], 32)]),
 			d[23] ||= s("span", { class: "left-toolbar__divider" }, null, -1),
-			s("div", rr, [s("button", {
+			s("div", sr, [s("button", {
 				type: "button",
 				class: "left-toolbar__button",
 				title: u.isFullscreen ? "退出全屏" : "全屏显示",
 				"aria-label": u.isFullscreen ? "退出全屏" : "全屏显示",
 				onClick: d[14] ||= (e) => r.$emit("toggleFullscreen"),
-				onPointerdown: d[15] ||= P(() => {}, ["stop"]),
-				onPointermove: d[16] ||= P(() => {}, ["stop"]),
-				onPointerup: d[17] ||= P(() => {}, ["stop"])
-			}, [u.isFullscreen ? (S(), i(O(Cn), {
+				onPointerdown: d[15] ||= F(() => {}, ["stop"]),
+				onPointermove: d[16] ||= F(() => {}, ["stop"]),
+				onPointerup: d[17] ||= F(() => {}, ["stop"])
+			}, [u.isFullscreen ? (S(), i(O(En), {
 				key: 0,
 				class: "tool-icon",
 				"aria-hidden": "true"
-			})) : (S(), i(O(bn), {
+			})) : (S(), i(O(Cn), {
 				key: 1,
 				class: "tool-icon",
 				"aria-hidden": "true"
-			}))], 40, ir)]),
+			}))], 40, cr)]),
 			d[24] ||= s("span", { class: "left-toolbar__divider" }, null, -1),
-			s("div", ar, [s("button", {
+			s("div", lr, [s("button", {
 				type: "button",
 				class: "left-toolbar__button",
 				title: "设置",
 				"aria-label": "设置",
 				onClick: re,
-				onPointerdown: d[18] ||= P(() => {}, ["stop"]),
-				onPointermove: d[19] ||= P(() => {}, ["stop"]),
-				onPointerup: d[20] ||= P(() => {}, ["stop"])
-			}, [l(O(En), {
+				onPointerdown: d[18] ||= F(() => {}, ["stop"]),
+				onPointermove: d[19] ||= F(() => {}, ["stop"]),
+				onPointerup: d[20] ||= F(() => {}, ["stop"])
+			}, [l(O(kn), {
 				class: "tool-icon",
 				"aria-hidden": "true"
 			})], 32)])
 		]), (S(), i(t, { to: O(b) }, [l(n, { name: "overlay" }, {
-			default: M(() => [v.value ? (S(), o("div", {
+			default: N(() => [v.value ? (S(), o("div", {
 				key: 0,
 				class: "settings-overlay",
-				onClick: B
+				onClick: ie
 			}, [l(n, { name: "modal" }, {
-				default: M(() => [s("div", {
+				default: N(() => [s("div", {
 					class: "settings-modal",
-					onClick: d[21] ||= P(() => {}, ["stop"])
+					onClick: d[21] ||= F(() => {}, ["stop"])
 				}, [
 					s("div", { class: "settings-header" }, [d[26] ||= s("div", { class: "header-left" }, [s("span", { class: "settings-title" }, "图表设置"), s("span", { class: "settings-subtitle" }, "个性化配置")], -1), s("div", { class: "header-right" }, [s("button", {
 						class: "settings-close",
-						onClick: B
+						onClick: ie
 					}, [...d[25] ||= [s("svg", {
 						viewBox: "0 0 24 24",
 						fill: "none",
 						stroke: "currentColor",
 						"stroke-width": "2"
 					}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]),
-					s("div", or, [E.value.length > 0 ? (S(), o(e, { key: 0 }, [d[27] ||= s("div", { class: "settings-section-divider" }, [s("span", { class: "settings-section-label" }, "主图设置")], -1), (S(!0), o(e, null, w(E.value, (t) => (S(), o("div", {
+					s("div", ur, [E.value.length > 0 ? (S(), o(e, { key: 0 }, [d[27] ||= s("div", { class: "settings-section-divider" }, [s("span", { class: "settings-section-label" }, "主图设置")], -1), (S(!0), o(e, null, w(E.value, (t) => (S(), o("div", {
 						key: t.key,
 						class: "settings-item"
-					}, [s("label", sr, [s("span", null, D(t.label), 1), t.type === "boolean" ? N((S(), o("input", {
+					}, [s("label", dr, [s("span", null, D(t.label), 1), t.type === "boolean" ? P((S(), o("input", {
 						key: 0,
 						type: "checkbox",
 						class: "settings-checkbox",
 						"onUpdate:modelValue": (e) => L.value[t.key] = e
-					}, null, 8, cr)), [[k, L.value[t.key]]]) : t.type === "select" && t.options ? N((S(), o("select", {
+					}, null, 8, fr)), [[k, L.value[t.key]]]) : t.type === "select" && t.options ? P((S(), o("select", {
 						key: 1,
 						class: "settings-select",
 						"onUpdate:modelValue": (e) => L.value[t.key] = e
 					}, [(S(!0), o(e, null, w(t.options, (e) => (S(), o("option", {
 						key: e.value,
 						value: e.value
-					}, D(e.label), 9, ur))), 128))], 8, lr)), [[A, L.value[t.key]]]) : a("", !0)])]))), 128))], 64)) : a("", !0), j.value.length > 0 ? (S(), o(e, { key: 1 }, [d[28] ||= s("div", { class: "settings-section-divider" }, [s("span", { class: "settings-section-label" }, "实验性 / 调试设置")], -1), (S(!0), o(e, null, w(j.value, (t) => (S(), o("div", {
+					}, D(e.label), 9, mr))), 128))], 8, pr)), [[A, L.value[t.key]]]) : a("", !0)])]))), 128))], 64)) : a("", !0), j.value.length > 0 ? (S(), o(e, { key: 1 }, [d[28] ||= s("div", { class: "settings-section-divider" }, [s("span", { class: "settings-section-label" }, "实验性 / 调试设置")], -1), (S(!0), o(e, null, w(j.value, (t) => (S(), o("div", {
 						key: t.key,
 						class: "settings-item experimental"
-					}, [s("label", dr, [s("span", null, D(t.label), 1), t.type === "boolean" ? N((S(), o("input", {
+					}, [s("label", hr, [s("span", null, D(t.label), 1), t.type === "boolean" ? P((S(), o("input", {
 						key: 0,
 						type: "checkbox",
 						class: "settings-checkbox",
 						"onUpdate:modelValue": (e) => L.value[t.key] = e
-					}, null, 8, fr)), [[k, L.value[t.key]]]) : t.type === "select" && t.options ? N((S(), o("select", {
+					}, null, 8, gr)), [[k, L.value[t.key]]]) : t.type === "select" && t.options ? P((S(), o("select", {
 						key: 1,
 						class: "settings-select",
 						"onUpdate:modelValue": (e) => L.value[t.key] = e
 					}, [(S(!0), o(e, null, w(t.options, (e) => (S(), o("option", {
 						key: e.value,
 						value: e.value
-					}, D(e.label), 9, mr))), 128))], 8, pr)), [[A, L.value[t.key]]]) : a("", !0)])]))), 128))], 64)) : a("", !0)]),
+					}, D(e.label), 9, vr))), 128))], 8, _r)), [[A, L.value[t.key]]]) : a("", !0)])]))), 128))], 64)) : a("", !0)]),
 					s("div", { class: "settings-footer" }, [s("button", {
 						class: "settings-btn reset",
-						onClick: ie
+						onClick: B
 					}, [...d[29] ||= [s("svg", {
 						viewBox: "0 0 24 24",
 						fill: "none",
@@ -1395,7 +1437,7 @@ var Zn = {
 						"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", { class: "footer-right" }, [s("button", {
 						class: "settings-btn cancel",
-						onClick: B
+						onClick: ie
 					}, "取消"), s("button", {
 						class: "settings-btn confirm",
 						onClick: V
@@ -1411,10 +1453,10 @@ var Zn = {
 			_: 1
 		})], 8, ["to"]))], 64));
 	}
-}), [["__scopeId", "data-v-35cfe78e"]]), gr = ["data-theme"], _r = {
+}), [["__scopeId", "data-v-35cfe78e"]]), br = ["data-theme"], xr = {
 	class: "pane-separator-layer",
 	"aria-hidden": "true"
-}, vr = 4, yr = /* @__PURE__ */ K(/* @__PURE__ */ u({
+}, Sr = 4, Cr = /* @__PURE__ */ q(/* @__PURE__ */ u({
 	__name: "KLineChart",
 	props: {
 		semanticConfig: {},
@@ -1434,7 +1476,7 @@ var Zn = {
 	},
 	emits: ["zoomLevelChange", "toggleFullscreen"],
 	setup(n, { expose: c, emit: u }) {
-		let d = n, f = C(null), p = C(null), m = C(null), v = C(null), b = C(null), T = C(null), D = C(null), k = E(null), A = E(null), M = z({
+		let d = n, f = C(null), p = C(null), m = C(null), v = C(null), b = C(null), T = C(null), D = C(null), k = E(null), A = E(null), j = re({
 			initialZoomLevel: d.initialZoomLevel ?? 1,
 			minKWidth: d.minKWidth,
 			maxKWidth: d.maxKWidth,
@@ -1442,28 +1484,28 @@ var Zn = {
 			rightAxisWidth: d.rightAxisWidth,
 			priceLabelWidth: d.priceLabelWidth
 		}), N = C("light");
-		M.actions.setZoomState(M.state.zoomLevel, B(M.state.zoomLevel, {
+		j.actions.setZoomState(j.state.zoomLevel, B(j.state.zoomLevel, {
 			minKWidth: d.minKWidth,
 			maxKWidth: d.maxKWidth,
 			zoomLevelCount: d.zoomLevels,
-			dpr: M.state.viewportDpr
-		}), re(B(M.state.zoomLevel, {
+			dpr: j.state.viewportDpr
+		}), ie(B(j.state.zoomLevel, {
 			minKWidth: d.minKWidth,
 			maxKWidth: d.maxKWidth,
 			zoomLevelCount: d.zoomLevels,
-			dpr: M.state.viewportDpr
-		}), M.state.viewportDpr)), r(() => M.state.dataLength), r(() => M.state.viewportDpr);
-		let P = r(() => M.state.zoomLevel), ee = r(() => M.state.kWidth), F = r(() => M.state.kGap), I = r(() => M.state.paneRatios), L = r(() => M.state.selectedDrawingId), H = r(() => M.state.dataVersion);
+			dpr: j.state.viewportDpr
+		}), j.state.viewportDpr)), r(() => j.state.dataLength), r(() => j.state.viewportDpr);
+		let P = r(() => j.state.zoomLevel), F = r(() => j.state.kWidth), ee = r(() => j.state.kGap), I = r(() => j.state.paneRatios), L = r(() => j.state.selectedDrawingId), te = r(() => j.state.dataVersion);
 		function U() {
 			k.value?.scheduleDraw();
 		}
-		function ce(e) {
+		function se(e) {
 			if (k.value?.updateSettings(e), e.performanceTest10kKlines) {
-				let e = W();
-				console.time("updateData-10k"), k.value?.updateData(e), console.timeEnd("updateData-10k"), M.actions.setDataLength(e.length), M.actions.bumpDataVersion();
+				let e = le();
+				console.time("updateData-10k"), k.value?.updateData(e), console.timeEnd("updateData-10k"), j.actions.setDataLength(e.length), j.actions.bumpDataVersion();
 			} else A.value && k.value?.getData()?.length === 1e4 && A.value.applyConfig(d.semanticConfig);
 		}
-		function W() {
+		function le() {
 			let e = [], t = (/* @__PURE__ */ new Date("2020-01-01")).getTime(), n = 3e3;
 			for (let r = 0; r < 1e4; r++) {
 				let i = t + r * 864e5, a = (Math.random() - .5) * 2 * .02 + 1e-4, o = n, s = o * (1 + a), c = Math.max(o, s) * (1 + Math.random() * .01), l = Math.min(o, s) * (1 - Math.random() * .01), u = Math.floor(1e6 + Math.random() * 5e6);
@@ -1478,36 +1520,36 @@ var Zn = {
 			}
 			return e;
 		}
-		function le(e, t, n) {
+		function ue(e, t, n) {
 			let r = e.getBoundingClientRect();
 			return {
 				width: Math.max(t, Math.round(r.width)),
 				height: Math.max(n, Math.round(r.height))
 			};
 		}
-		function ue(e) {
+		function de(e) {
 			e && h(() => {
 				if (!e.isConnected) return;
-				let t = le(e, 180, 80);
+				let t = ue(e, 180, 80);
 				k.value?.interaction.setTooltipSize(t);
 			});
 		}
-		function de(e) {
+		function fe(e) {
 			e && h(() => {
-				e.isConnected && (ve.value = le(e, 120, 60));
+				e.isConnected && (_e.value = ue(e, 120, 60));
 			});
 		}
-		let fe = C({
+		let W = C({
 			x: 0,
 			y: 0
 		}), G = C(!1), K = null;
-		function me() {
+		function q() {
 			K = null;
 		}
-		function he(e) {
+		function me(e) {
 			return K ||= e.getBoundingClientRect(), K;
 		}
-		let q = E({
+		let J = E({
 			crosshairPos: null,
 			crosshairIndex: null,
 			crosshairPrice: null,
@@ -1525,13 +1567,13 @@ var Zn = {
 			isHoveringPaneBoundary: !1,
 			hoveredPaneBoundaryId: null,
 			isHoveringRightAxis: !1
-		}), J = E(null), ge = r(() => {
+		}), Y = E(null), he = r(() => {
 			let e = L.value;
-			return e ? M.state.drawings.find((t) => t.id === e) ?? null : null;
-		}), _e = C([]), ve = C({
+			return e ? j.state.drawings.find((t) => t.id === e) ?? null : null;
+		}), ge = C([]), _e = C({
 			width: 220,
 			height: 120
-		}), ye = r(() => {
+		}), ve = r(() => {
 			let e = v.value, t = b.value;
 			return !e || !t ? {
 				x: 0,
@@ -1540,55 +1582,58 @@ var Zn = {
 				x: e.offsetLeft,
 				y: e.offsetTop
 			};
-		}), be = r(() => q.value.hoveredMarkerData), xe = r(() => q.value.hoveredCustomMarker), Se = r(() => q.value.isDragging), Ce = r(() => q.value.isResizingPaneBoundary), we = r(() => q.value.isHoveringPaneBoundary), Te = r(() => q.value.hoveredPaneBoundaryId), Ee = r(() => q.value.isHoveringRightAxis), De = r(() => q.value.hoveredIndex), Oe = r(() => q.value.crosshairIndex), ke = r(() => Se.value ? "grabbing" : Ce.value || we.value ? "ns-resize" : De.value === null ? "crosshair" : "pointer"), Ae = r(() => {
-			let e = q.value.hoveredIndex;
+		}), ye = r(() => J.value.hoveredMarkerData), be = r(() => J.value.hoveredCustomMarker), xe = r(() => J.value.isDragging), Se = r(() => J.value.isResizingPaneBoundary), Ce = r(() => J.value.isHoveringPaneBoundary), we = r(() => J.value.hoveredPaneBoundaryId), Te = r(() => J.value.isHoveringRightAxis), Ee = r(() => J.value.hoveredIndex), De = r(() => J.value.crosshairIndex), Oe = r(() => xe.value ? "grabbing" : Se.value || Ce.value ? "ns-resize" : Ee.value === null ? "crosshair" : "pointer"), ke = r(() => {
+			let e = J.value.hoveredIndex;
 			if (typeof e != "number") return null;
-			H.value;
+			te.value;
 			let t = k.value?.getData();
 			return t && e >= 0 && e < t.length ? t[e] : null;
-		}), je = r(() => q.value.hoveredIndex), Me = r(() => q.value.tooltipPos), Ne = r(() => ({
-			x: Me.value.x + ye.value.x,
-			y: Me.value.y + ye.value.y
+		}), Ae = r(() => J.value.hoveredIndex), je = r(() => J.value.tooltipPos), Me = r(() => ({
+			x: je.value.x + ve.value.x,
+			y: je.value.y + ve.value.y
+		})), Ne = r(() => ({
+			left: `${Me.value.x}px`,
+			top: `${Me.value.y}px`
 		})), Pe = r(() => ({
-			left: `${Ne.value.x}px`,
-			top: `${Ne.value.y}px`
+			x: W.value.x + ve.value.x,
+			y: W.value.y + ve.value.y
 		})), Fe = r(() => ({
-			x: fe.value.x + ye.value.x,
-			y: fe.value.y + ye.value.y
-		})), Ie = r(() => ({
-			left: `${Fe.value.x}px`,
-			top: `${Fe.value.y}px`
-		})), Le = r(() => q.value.tooltipAnchorPlacement), Re = r(() => {
+			left: `${Pe.value.x}px`,
+			top: `${Pe.value.y}px`
+		})), Ie = r(() => J.value.tooltipAnchorPlacement), Le = r(() => {
 			let e = k.value?.getViewport(), t = v.value, n = e?.plotWidth ?? (t ? t.clientWidth : 0);
-			return fe.value.x + 12 + ve.value.width + 12 > n ? "left-bottom" : "right-bottom";
-		}), ze = r(() => (H.value, k.value?.getData() ?? []));
+			return W.value.x + 12 + _e.value.width + 12 > n ? "left-bottom" : "right-bottom";
+		}), Re = r(() => (te.value, k.value?.getData() ?? []));
+		function ze(e) {
+			Y.value?.setTool(e);
+		}
 		function Be(e) {
-			J.value?.setTool(e);
+			let t = he.value;
+			!t || !Y.value || (Y.value.updateDrawingStyle(t.id, e), j.actions.bumpDrawingVersion());
 		}
-		function Ve(e) {
-			let t = ge.value;
-			!t || !J.value || (J.value.updateDrawingStyle(t.id, e), M.actions.bumpDrawingVersion());
+		function Ve() {
+			let e = he.value;
+			!e || !Y.value || (Y.value.removeDrawing(e.id), j.actions.setSelectedDrawingId(null), j.actions.bumpDrawingVersion(), j.actions.setDrawings(Y.value.getDrawings()));
 		}
-		function He() {
-			let e = ge.value;
-			!e || !J.value || (J.value.removeDrawing(e.id), M.actions.setSelectedDrawingId(null), M.actions.bumpDrawingVersion(), M.actions.setDrawings(J.value.getDrawings()));
+		function He(e) {
+			k.value?.handlePointerEvent(e, { onPointerDown: (e, t) => Y.value?.onPointerDown(e, t) ? (j.actions.setDrawings(Y.value.getDrawings()), j.actions.bumpDrawingVersion(), !0) : !1 });
 		}
 		function Ue(e) {
-			k.value?.handlePointerEvent(e, { onPointerDown: (e, t) => J.value?.onPointerDown(e, t) ? (M.actions.setDrawings(J.value.getDrawings()), M.actions.bumpDrawingVersion(), !0) : !1 });
-		}
-		function We(e) {
 			let t = v.value;
 			if (t) {
-				let n = he(t);
-				fe.value = {
+				let n = me(t);
+				W.value = {
 					x: e.clientX - n.left,
 					y: e.clientY - n.top
 				};
 			}
-			k.value?.handlePointerEvent(e, { onPointerMove: (e, t) => J.value?.onPointerMove(e, t) ? (M.actions.setDrawings(J.value.getDrawings()), !0) : !1 });
+			k.value?.handlePointerEvent(e, { onPointerMove: (e, t) => Y.value?.onPointerMove(e, t) ? (j.actions.setDrawings(Y.value.getDrawings()), !0) : !1 });
+		}
+		function We(e) {
+			k.value?.handlePointerEvent(e, { onPointerUp: (e, t) => Y.value?.onPointerUp(e, t) ? (j.actions.setDrawings(Y.value.getDrawings()), !0) : !1 });
 		}
 		function Ge(e) {
-			k.value?.handlePointerEvent(e, { onPointerUp: (e, t) => J.value?.onPointerUp(e, t) ? (M.actions.setDrawings(J.value.getDrawings()), !0) : !1 });
+			k.value?.handlePointerEvent(e);
 		}
 		function Ke(e) {
 			k.value?.handlePointerEvent(e);
@@ -1602,20 +1647,17 @@ var Zn = {
 		function Ye(e) {
 			k.value?.handlePointerEvent(e);
 		}
-		function Xe(e) {
-			k.value?.handlePointerEvent(e);
-		}
-		function Ze() {
+		function Xe() {
 			k.value?.handleScrollEvent();
 		}
-		let Y = C([]), Qe = r(() => {
+		let X = C([]), Ze = r(() => {
 			let e = [], t = /* @__PURE__ */ new Set();
-			for (let n of Z.value) t.has(n.indicatorId) || (t.add(n.indicatorId), e.push(n.indicatorId));
+			for (let n of Q.value) t.has(n.indicatorId) || (t.add(n.indicatorId), e.push(n.indicatorId));
 			return e;
-		}), $e = r(() => [...Y.value, ...Qe.value]), X = C({}), Z = C([]);
-		function et() {
+		}), Qe = r(() => [...X.value, ...Ze.value]), Z = C({}), Q = C([]);
+		function $e() {
 			let e = I.value.main ?? 3;
-			return Z.value.length === 0 ? [{
+			return Q.value.length === 0 ? [{
 				id: "main",
 				ratio: e,
 				visible: !0,
@@ -1625,83 +1667,83 @@ var Zn = {
 				ratio: e,
 				visible: !0,
 				role: "price"
-			}, ...Z.value.map((e) => ({
+			}, ...Q.value.map((e) => ({
 				id: e.id,
 				ratio: I.value[e.id] ?? 1,
 				visible: !0,
 				role: "indicator"
 			}))];
 		}
-		function tt(e) {
-			return { ...ae[e].defaultParams };
+		function et(e) {
+			return { ...H[e].defaultParams };
 		}
-		let nt = /* @__PURE__ */ new Map(), rt = /* @__PURE__ */ new Map();
-		function it(e, t) {
+		let tt = /* @__PURE__ */ new Map(), nt = /* @__PURE__ */ new Map();
+		function rt(e, t) {
 			let n = oe({
 				paneId: e,
 				title: t,
-				getTitleInfo: () => pt(e)
+				getTitleInfo: () => ft(e)
 			});
-			k.value?.useRenderer(n), rt.set(e, n.name);
+			k.value?.useRenderer(n), nt.set(e, n.name);
 		}
-		function at(e) {
-			let t = rt.get(e);
-			t && (k.value?.removeRenderer(t), rt.delete(e));
+		function it(e) {
+			let t = nt.get(e);
+			t && (k.value?.removeRenderer(t), nt.delete(e));
 		}
-		function ot(e = "VOLUME", t) {
-			if (Z.value.length >= vr) return !1;
-			let n = t ?? tt(e), r = k.value?.addIndicator(e, "sub", n);
-			return r ? (it(r, e), Z.value.push({
+		function at(e = "VOLUME", t) {
+			if (Q.value.length >= Sr) return !1;
+			let n = t ?? et(e), r = k.value?.addIndicator(e, "sub", n);
+			return r ? (rt(r, e), Q.value.push({
 				id: r,
 				indicatorId: e,
 				params: n
 			}), U(), !0) : !1;
 		}
-		function st(e) {
-			let t = Z.value.findIndex((t) => t.id === e);
-			t !== -1 && Z.value[t] && (at(e), k.value?.removeIndicator(e), Z.value.splice(t, 1));
+		function ot(e) {
+			let t = Q.value.findIndex((t) => t.id === e);
+			t !== -1 && Q.value[t] && (it(e), k.value?.removeIndicator(e), Q.value.splice(t, 1));
 		}
-		function ct() {
-			for (let e of Z.value) k.value?.removeIndicator(e.id), at(e.id);
-			Z.value = [], nt.clear(), rt.clear();
+		function st() {
+			for (let e of Q.value) k.value?.removeIndicator(e.id), it(e.id);
+			Q.value = [], tt.clear(), nt.clear();
 		}
-		function lt() {
+		function ct() {
 			let e = d.semanticConfig, t = k.value;
 			if (!t) return;
 			let n = e.indicators?.main;
-			if (n) for (let e of n) e.enabled && (Y.value.includes(e.type) || Y.value.push(e.type), e.params && (X.value[e.type] = e.params), t.enableMainIndicator(e.type, e.params));
+			if (n) for (let e of n) e.enabled && (X.value.includes(e.type) || X.value.push(e.type), e.params && (Z.value[e.type] = e.params), t.enableMainIndicator(e.type, e.params));
 		}
-		j([$e, X], ([e]) => {
+		M([Qe, Z], ([e]) => {
 			let t = k.value;
 			t && (t.updateRendererConfig("mainIndicatorLegend", { indicators: {
 				MA: {
 					enabled: e.includes("MA"),
-					params: X.value.MA || {}
+					params: Z.value.MA || {}
 				},
 				BOLL: {
 					enabled: e.includes("BOLL"),
-					params: X.value.BOLL || {}
+					params: Z.value.BOLL || {}
 				},
 				EXPMA: {
 					enabled: e.includes("EXPMA"),
-					params: X.value.EXPMA || {}
+					params: Z.value.EXPMA || {}
 				},
 				ENE: {
 					enabled: e.includes("ENE"),
-					params: X.value.ENE || {}
+					params: Z.value.ENE || {}
 				}
 			} }), U());
 		}, { deep: !0 });
-		function ut() {
+		function lt() {
 			let e = k.value?.getSubPaneEntries() ?? [];
-			Z.value = [], rt.clear();
+			Q.value = [], nt.clear();
 			for (let t of e) {
 				let { paneId: e, indicatorId: n, params: r } = t, i = e.match(/^(.+)_(\d+)$/);
 				if (i) {
 					let [, e, t] = i, n = parseInt(t, 10);
-					n >= (nt.get(e) ?? 0) && nt.set(e, n + 1);
+					n >= (tt.get(e) ?? 0) && tt.set(e, n + 1);
 				}
-				it(e, n), Z.value.push({
+				rt(e, n), Q.value.push({
 					id: e,
 					indicatorId: n,
 					params: { ...r }
@@ -1709,33 +1751,33 @@ var Zn = {
 			}
 			U();
 		}
-		function dt(e, t) {
-			if (!Z.value.find((t) => t.id === e)) return;
-			let n = tt(t);
-			at(e), k.value?.replaceSubPaneIndicator(e, t, n), it(e, t);
-			let r = Z.value.findIndex((t) => t.id === e);
-			r !== -1 && (Z.value[r] = {
+		function ut(e, t) {
+			if (!Q.value.find((t) => t.id === e)) return;
+			let n = et(t);
+			it(e), k.value?.replaceSubPaneIndicator(e, t, n), rt(e, t);
+			let r = Q.value.findIndex((t) => t.id === e);
+			r !== -1 && (Q.value[r] = {
 				id: e,
 				indicatorId: t,
 				params: n
 			});
 		}
-		let ft = /* @__PURE__ */ new Map();
-		function pt(e) {
-			let t = Z.value.find((t) => t.id === e);
+		let dt = /* @__PURE__ */ new Map();
+		function ft(e) {
+			let t = Q.value.find((t) => t.id === e);
 			if (!t) return null;
 			let n = k.value?.getData();
 			if (!n || n.length === 0) return null;
-			let r = Oe.value, i = n.length, a = ft.get(e);
+			let r = De.value, i = n.length, a = dt.get(e);
 			if (a && a.idx === r && a.dataLen === i) return a.result;
-			let o = ae[t.indicatorId], s = t.params, c = k.value?.plugin, l = c ? o.getTitleInfo(n, r, s, c, e) : null;
-			return ft.set(e, {
+			let o = H[t.indicatorId], s = t.params, c = k.value?.plugin, l = c ? o.getTitleInfo(n, r, s, c, e) : null;
+			return dt.set(e, {
 				idx: r,
 				dataLen: i,
 				result: l
 			}), l;
 		}
-		function mt(e, t) {
+		function pt(e, t) {
 			let n = k.value;
 			if (n) {
 				if ([
@@ -1758,94 +1800,94 @@ var Zn = {
 					"STRUCTURE",
 					"ZONES"
 				].includes(e)) {
-					let r = Y.value.find((t) => t === e);
-					if (t && !r) n.addIndicator(e, "main", X.value[e]), Y.value.push(e);
+					let r = X.value.find((t) => t === e);
+					if (t && !r) n.addIndicator(e, "main", Z.value[e]), X.value.push(e);
 					else if (!t && r) {
 						let t = e.toUpperCase();
-						n.removeIndicator(t), Y.value = Y.value.filter((t) => t !== e);
+						n.removeIndicator(t), X.value = X.value.filter((t) => t !== e);
 					}
 					return;
 				}
-				if (V.includes(e)) {
+				if (ae.includes(e)) {
 					if (t) {
-						if (Z.value.find((t) => t.indicatorId === e) || Z.value.length >= vr) return;
-						let t = n.addIndicator(e, "sub", X.value[e]);
-						if (t) it(t, e), Z.value.push({
+						if (Q.value.find((t) => t.indicatorId === e) || Q.value.length >= Sr) return;
+						let t = n.addIndicator(e, "sub", Z.value[e]);
+						if (t) rt(t, e), Q.value.push({
 							id: t,
 							indicatorId: e,
-							params: { ...X.value[e] }
+							params: { ...Z.value[e] }
 						});
-						else if (Z.value.length > 0) {
-							let t = Z.value[Z.value.length - 1];
-							dt(t.id, e);
+						else if (Q.value.length > 0) {
+							let t = Q.value[Q.value.length - 1];
+							ut(t.id, e);
 						}
-					} else Z.value.filter((t) => t.indicatorId === e).forEach((e) => {
-						n.removeIndicator(e.id), at(e.id);
-					}), Z.value = Z.value.filter((t) => t.indicatorId !== e);
+					} else Q.value.filter((t) => t.indicatorId === e).forEach((e) => {
+						n.removeIndicator(e.id), it(e.id);
+					}), Q.value = Q.value.filter((t) => t.indicatorId !== e);
 					U();
 				}
 			}
 		}
-		function ht(e, t) {
-			if (X.value[e] = t, e === "MA" || e === "BOLL" || e === "EXPMA" || e === "ENE") {
+		function mt(e, t) {
+			if (Z.value[e] = t, e === "MA" || e === "BOLL" || e === "EXPMA" || e === "ENE") {
 				k.value?.updateMainIndicatorParams(e, t), U();
 				return;
 			}
-			if (V.includes(e)) {
-				Z.value.filter((t) => t.indicatorId === e).forEach((e) => {
+			if (ae.includes(e)) {
+				Q.value.filter((t) => t.indicatorId === e).forEach((e) => {
 					k.value?.updateSubPaneParams(e.id, t), e.params = { ...t };
 				}), U();
 				return;
 			}
 			U();
 		}
-		function gt(e) {
-			if (!e.length || Z.value.length <= 1) return;
-			let t = e.filter((e) => V.includes(e));
+		function ht(e) {
+			if (!e.length || Q.value.length <= 1) return;
+			let t = e.filter((e) => ae.includes(e));
 			if (!t.length) return;
-			let n = new Map(Z.value.map((e) => [e.indicatorId, e])), r = [];
+			let n = new Map(Q.value.map((e) => [e.indicatorId, e])), r = [];
 			for (let e of t) {
 				let t = n.get(e);
 				t && (r.push(t), n.delete(e));
 			}
 			if (r.length === 0) return;
-			for (let e of Z.value) n.has(e.indicatorId) && (r.push(e), n.delete(e.indicatorId));
-			let i = Z.value.map((e) => e.id), a = r.map((e) => e.id);
+			for (let e of Q.value) n.has(e.indicatorId) && (r.push(e), n.delete(e.indicatorId));
+			let i = Q.value.map((e) => e.id), a = r.map((e) => e.id);
 			if (i.join("|") === a.join("|")) return;
-			Z.value = r;
+			Q.value = r;
 			let o = k.value;
-			o && o.updatePaneLayout(et());
+			o && o.updatePaneLayout($e());
 		}
-		let _t = r(() => d.rightAxisWidth + d.priceLabelWidth), vt = M.computed.totalWidth;
-		function yt() {
+		let gt = r(() => d.rightAxisWidth + d.priceLabelWidth), _t = j.computed.totalWidth;
+		function vt() {
 			let e = v.value, t = k.value;
 			if (!e || !t) return;
 			let n = t.getData()?.length ?? 0;
 			if (n === 0) return;
-			let r = t.getCurrentDpr(), { unitPx: i, startXPx: a } = ie(ee.value, F.value, r), o = (a + n * i) / r, s = Math.max(0, e.scrollWidth - e.clientWidth), c = Math.min(s, Math.max(0, o - e.clientWidth));
+			let r = t.getCurrentDpr(), { unitPx: i, startXPx: a } = V(F.value, ee.value, r), o = (a + n * i) / r, s = Math.max(0, e.scrollWidth - e.clientWidth), c = Math.min(s, Math.max(0, o - e.clientWidth));
 			e.scrollLeft = Math.round(c * r) / r, U();
 		}
-		function xt(e, t) {
+		function yt(e, t) {
 			let n = k.value;
 			n && n.zoomToLevel(e, t);
 		}
 		c({
 			scheduleRender: U,
-			scrollToRight: yt,
-			addSubPane: ot,
-			removeSubPane: st,
-			switchSubIndicator: dt,
-			clearAllSubPanes: ct,
+			scrollToRight: vt,
+			addSubPane: at,
+			removeSubPane: ot,
+			switchSubIndicator: ut,
+			clearAllSubPanes: st,
 			get plugin() {
 				return k.value?.plugin;
 			},
-			zoomToLevel: xt,
-			zoomIn: (e) => xt(P.value + 1, e),
-			zoomOut: (e) => xt(P.value - 1, e),
+			zoomToLevel: yt,
+			zoomIn: (e) => yt(P.value + 1, e),
+			zoomOut: (e) => yt(P.value - 1, e),
 			getZoomLevel: () => P.value,
 			getZoomLevelCount: () => k.value?.getZoomLevelCount() ?? 10
 		});
-		function St(e) {
+		function bt(e) {
 			let t = (e) => {
 				e.preventDefault();
 				let t = k.value;
@@ -1853,8 +1895,8 @@ var Zn = {
 			};
 			return e.addEventListener("wheel", t, { passive: !1 }), t;
 		}
-		function Ct(e, t, n, r) {
-			return new ne({
+		function xt(e, t, n, r) {
+			return new z({
 				container: e,
 				canvasLayer: t,
 				rightAxisLayer: n,
@@ -1875,11 +1917,11 @@ var Zn = {
 				initialZoomLevel: d.initialZoomLevel
 			});
 		}
-		function wt(e) {
+		function St(e) {
 			e.setOnPaneLayoutChange(() => {
-				me();
+				q();
 				let t = e.getPaneRenderers(), n = v.value && parseInt(getComputedStyle(v.value).borderTopWidth) || 0;
-				_e.value = t.slice(0, -1).map((e) => {
+				ge.value = t.slice(0, -1).map((e) => {
 					let t = e.getPane();
 					return {
 						id: t.id,
@@ -1889,12 +1931,12 @@ var Zn = {
 			});
 			let t = e.paneRatios.subscribe(() => {
 				let t = e.paneRatios.peek();
-				M.actions.setPaneRatios({ ...t });
+				j.actions.setPaneRatios({ ...t });
 			}), n = e.viewport.subscribe(() => {
 				let t = e.viewport.peek();
-				M.state.viewportDpr !== t.dpr && M.actions.setViewportDpr(t.dpr), M.state.viewWidth !== t.plotWidth && M.actions.setViewWidth(t.plotWidth), (M.state.zoomLevel !== t.zoomLevel || M.state.kWidth !== t.kWidth || M.state.kGap !== t.kGap) && M.actions.setZoomState(t.zoomLevel, t.kWidth, t.kGap);
+				j.state.viewportDpr !== t.dpr && j.actions.setViewportDpr(t.dpr), j.state.viewWidth !== t.plotWidth && j.actions.setViewWidth(t.plotWidth), (j.state.zoomLevel !== t.zoomLevel || j.state.kWidth !== t.kWidth || j.state.kGap !== t.kGap) && j.actions.setZoomState(t.zoomLevel, t.kWidth, t.kGap);
 				let n = t.desiredScrollLeft;
-				n !== void 0 && n !== v.value?.scrollLeft && (me(), h(() => {
+				n !== void 0 && n !== v.value?.scrollLeft && (q(), h(() => {
 					let t = v.value;
 					if (!t) return;
 					let r = Math.max(0, t.scrollWidth - t.clientWidth), i = Math.min(Math.max(0, n), r), a = e.getCurrentDpr();
@@ -1902,7 +1944,7 @@ var Zn = {
 				}));
 			}), r = e.data.subscribe(() => {
 				let t = e.data.peek();
-				M.actions.setDataLength(t.length), M.actions.bumpDataVersion();
+				j.actions.setDataLength(t.length), j.actions.bumpDataVersion();
 			}), i = e.theme.subscribe(() => {
 				N.value = e.theme.peek();
 			});
@@ -1910,40 +1952,40 @@ var Zn = {
 				n(), r(), t(), i();
 			});
 		}
-		function Tt(e) {
+		function wt(e) {
 			let t = D.value?.getSettings() ?? { showVolumePriceMarkers: !0 };
 			if (e.updateSettings(t), t.performanceTest10kKlines) {
-				let t = W();
+				let t = le();
 				console.time("updateData-10k"), e.updateData(t), console.timeEnd("updateData-10k");
 			}
 		}
-		function Et(e) {
-			J.value = new se(e), J.value.setCallbacks({
+		function Tt(e) {
+			Y.value = new ce(e), Y.value.setCallbacks({
 				onDrawingCreated: (e) => {
-					M.actions.setDrawings([...M.state.drawings, e]), M.actions.setSelectedDrawingId(e.id);
+					j.actions.setDrawings([...j.state.drawings, e]), j.actions.setSelectedDrawingId(e.id);
 				},
 				onToolChange: () => {},
 				onDrawingSelected: (e) => {
-					M.actions.setSelectedDrawingId(e?.id ?? null);
+					j.actions.setSelectedDrawingId(e?.id ?? null);
 				}
 			});
 		}
-		function Dt(e) {
+		function Et(e) {
 			e.interaction.setTooltipAnchorPositioning(G.value), e.interaction.setOnInteractionChange((e) => {
-				q.value = e;
+				J.value = e;
 			}), e.interaction.setOnPinchZoom((t, n) => {
 				if (!e) return;
 				let r = v.value;
 				if (!r) return;
 				let i = n - r.getBoundingClientRect().left;
 				e.handlePinchZoom(t, i);
-			}), q.value = e.interaction.getInteractionSnapshot(), M.actions.setViewportDpr(e.getCurrentDpr()), e.resize();
+			}), J.value = e.interaction.getInteractionSnapshot(), j.actions.setViewportDpr(e.getCurrentDpr()), e.resize();
 		}
-		function Ot(e) {
-			te(d.dataFetcher), A.value = new R(e), A.value.on("config:error", (e) => {
+		function Dt(e) {
+			ne(d.dataFetcher), A.value = new R(e), A.value.on("config:error", (e) => {
 				console.error("Semantic config error:", e);
 			}), A.value.on("config:ready", () => {
-				lt(), ut(), h(() => yt());
+				ct(), lt(), h(() => vt());
 			}), A.value.applyConfig(d.semanticConfig).then((e) => {
 				e && !e.success && console.error("Semantic config apply failed:", e.errors);
 			});
@@ -1952,18 +1994,18 @@ var Zn = {
 			G.value = !1;
 			let e = v.value, t = p.value, n = m.value, r = f.value;
 			if (!e || !t || !n || !r) return;
-			let i = St(e), a = Ct(e, t, n, r);
-			k.value = a, wt(a), a.applyRenderState(M.state.kWidth, M.state.kGap, M.state.zoomLevel), Tt(a), Et(a), Dt(a), Ot(a), a.__onWheel = i;
+			let i = bt(e), a = xt(e, t, n, r);
+			k.value = a, St(a), a.applyRenderState(j.state.kWidth, j.state.kGap, j.state.zoomLevel), wt(a), Tt(a), Et(a), Dt(a), a.__onWheel = i;
 		}), x(() => {
 			let e = k.value;
 			if (e) {
 				let t = e.__onWheel, n = v.value;
 				t && n && n.removeEventListener("wheel", t), e.destroy();
 			}
-			k.value = null, J.value = null;
-		}), j(() => d.yPaddingPx, (e) => {
+			k.value = null, Y.value = null;
+		}), M(() => d.yPaddingPx, (e) => {
 			k.value?.updateOptions({ yPaddingPx: e });
-		}), j(() => d.semanticConfig, async (e, t) => {
+		}), M(() => d.semanticConfig, async (e, t) => {
 			if (e && e !== t) {
 				let t = await A.value?.applyConfig(e);
 				t && !t.success && console.error("Semantic config apply failed:", t.errors);
@@ -1972,28 +2014,28 @@ var Zn = {
 			class: "chart-wrapper",
 			"data-theme": N.value
 		}, [s("div", { class: g(["chart-stage", {
-			"is-dragging": Se.value,
-			"is-resizing-pane": Ce.value,
-			"is-hovering-pane-separator": we.value,
-			"is-hovering-right-axis": Ee.value,
-			"is-hovering-kline": De.value !== null
-		}]) }, [l(hr, {
+			"is-dragging": xe.value,
+			"is-resizing-pane": Se.value,
+			"is-hovering-pane-separator": Ce.value,
+			"is-hovering-right-axis": Te.value,
+			"is-hovering-kline": Ee.value !== null
+		}]) }, [l(yr, {
 			ref_key: "toolbarRef",
 			ref: D,
 			"is-fullscreen": n.isFullscreen,
-			onSelectTool: Be,
+			onSelectTool: ze,
 			onToggleFullscreen: c[0] ||= (e) => r.$emit("toggleFullscreen"),
-			onZoomIn: c[1] ||= (e) => xt(P.value + 1),
-			onZoomOut: c[2] ||= (e) => xt(P.value - 1),
-			onSettingsChange: ce
+			onZoomIn: c[1] ||= (e) => yt(P.value + 1),
+			onZoomOut: c[2] ||= (e) => yt(P.value - 1),
+			onSettingsChange: se
 		}, null, 8, ["is-fullscreen"]), s("div", {
 			class: "chart-main",
 			ref_key: "chartMainRef",
 			ref: b
 		}, [
-			s("div", _r, [(S(!0), o(e, null, w(_e.value, (e) => (S(), o("div", {
+			s("div", xr, [(S(!0), o(e, null, w(ge.value, (e) => (S(), o("div", {
 				key: e.id,
-				class: g(["pane-separator-line", { "is-active": Te.value === e.id }]),
+				class: g(["pane-separator-line", { "is-active": we.value === e.id }]),
 				style: _({ top: `${e.top}px` })
 			}, null, 6))), 128))]),
 			s("div", {
@@ -2003,17 +2045,17 @@ var Zn = {
 			}, null, 512),
 			s("div", {
 				class: "chart-container",
-				style: _({ cursor: ke.value }),
+				style: _({ cursor: Oe.value }),
 				ref_key: "containerRef",
 				ref: v,
-				onScrollPassive: Ze,
-				onPointerdown: Ue,
-				onPointermove: We,
-				onPointerup: Ge,
-				onPointerleave: Ke
+				onScrollPassive: Xe,
+				onPointerdown: He,
+				onPointermove: Ue,
+				onPointerup: We,
+				onPointerleave: Ge
 			}, [s("div", {
 				class: "scroll-content",
-				style: _({ width: O(vt) + "px" })
+				style: _({ width: O(_t) + "px" })
 			}, [s("div", {
 				class: "canvas-layer",
 				ref_key: "canvasLayerRef",
@@ -2022,35 +2064,35 @@ var Zn = {
 				class: "x-axis-canvas",
 				ref_key: "xAxisCanvasRef",
 				ref: f
-			}, null, 512), ge.value ? (S(), i(pe, {
+			}, null, 512), he.value ? (S(), i(pe, {
 				key: 0,
-				drawing: ge.value,
-				onUpdateStyle: Ve,
-				onDelete: He
+				drawing: he.value,
+				onUpdateStyle: Be,
+				onDelete: Ve
 			}, null, 8, ["drawing"])) : a("", !0)], 512)], 4)], 36),
 			T.value ? (S(), i(t, {
 				key: 0,
 				to: T.value
 			}, [
-				Ae.value ? (S(), o("div", {
+				ke.value ? (S(), o("div", {
 					key: 0,
 					class: g(["tooltip-anchor kline-tooltip-anchor", { "use-anchor": G.value }]),
-					style: _(Pe.value)
+					style: _(Ne.value)
 				}, null, 6)) : a("", !0),
-				be.value || xe.value ? (S(), o("div", {
+				ye.value || be.value ? (S(), o("div", {
 					key: 1,
 					class: g(["tooltip-anchor marker-tooltip-anchor", { "use-anchor": G.value }]),
-					style: _(Ie.value)
+					style: _(Fe.value)
 				}, null, 6)) : a("", !0),
-				Ae.value ? (S(), i(Lt, {
+				ke.value ? (S(), i(Bt, {
 					key: 2,
-					k: Ae.value,
-					index: je.value,
-					data: ze.value,
-					pos: Ne.value,
-					"set-el": ue,
+					k: ke.value,
+					index: Ae.value,
+					data: Re.value,
+					pos: Me.value,
+					"set-el": de,
 					"use-anchor": G.value,
-					"anchor-placement": Le.value
+					"anchor-placement": Ie.value
 				}, null, 8, [
 					"k",
 					"index",
@@ -2059,13 +2101,13 @@ var Zn = {
 					"use-anchor",
 					"anchor-placement"
 				])) : a("", !0),
-				be.value || xe.value ? (S(), i(Bt, {
+				ye.value || be.value ? (S(), i(Ut, {
 					key: 3,
-					marker: be.value || xe.value,
-					pos: Fe.value,
+					marker: ye.value || be.value,
+					pos: Pe.value,
 					"use-anchor": G.value,
-					"anchor-placement": Re.value,
-					"set-el": de
+					"anchor-placement": Le.value,
+					"set-el": fe
 				}, null, 8, [
 					"marker",
 					"pos",
@@ -2077,23 +2119,23 @@ var Zn = {
 				class: "right-axis-host",
 				ref_key: "rightAxisLayerRef",
 				ref: m,
-				style: _({ width: _t.value + "px" }),
-				onPointerdown: qe,
-				onPointermove: Je,
-				onPointerup: Ye,
-				onPointerleave: Xe
+				style: _({ width: gt.value + "px" }),
+				onPointerdown: Ke,
+				onPointermove: qe,
+				onPointerup: Je,
+				onPointerleave: Ye
 			}, null, 36)
-		], 512)], 2), l(bt, {
-			"active-indicators": $e.value,
-			"indicator-params": X.value,
-			onToggle: mt,
-			onUpdateParams: ht,
-			onReorderSubIndicators: gt
-		}, null, 8, ["active-indicators", "indicator-params"])], 8, gr));
+		], 512)], 2), l(Ct, {
+			"active-indicators": Qe.value,
+			"indicator-params": Z.value,
+			onToggle: pt,
+			onUpdateParams: mt,
+			onReorderSubIndicators: ht
+		}, null, 8, ["active-indicators", "indicator-params"])], 8, br));
 	}
-}), [["__scopeId", "data-v-c50302da"]]), br = {
+}), [["__scopeId", "data-v-c50302da"]]), wr = {
 	name: "@363045841yyt/klinechart",
-	version: "0.7.3-alpha.5",
+	version: "0.7.4",
 	description: "Vue 3 bindings for @363045841yyt/klinechart-core. Idiomatic composables, SFC components.",
 	license: "MIT",
 	type: "module",
@@ -2155,30 +2197,30 @@ var Zn = {
 		vitest: "^4.1.5",
 		vue: "^3.5.0"
 	}
-}.version, xr = null;
-function Sr(e) {
-	xr = e;
+}.version, Tr = null;
+function Er(e) {
+	Tr = e;
 }
-function Cr(e) {
+function Dr(e) {
 	if (e.container == null) throw Error("[@363045841yyt/klinechart] createChart: `container` is required and must be a non-null HTMLElement");
-	if (xr === null) throw Error("[@363045841yyt/klinechart] createChart: no ChartController factory registered. Call __setControllerFactory(...) before mounting (the core package wires this in production).");
-	return xr(e);
+	if (Tr === null) throw Error("[@363045841yyt/klinechart] createChart: no ChartController factory registered. Call __setControllerFactory(...) before mounting (the core package wires this in production).");
+	return Tr(e);
 }
-function wr(e) {
+function Or(e) {
 	let t = E(e.peek());
 	return b(e.subscribe(() => {
 		t.value = e.peek();
 	})), t;
 }
-function Tr(e, t) {
+function kr(e, t) {
 	let n = E(null), r = (e) => {
-		e == null || n.value != null || (n.value = Cr({
+		e == null || n.value != null || (n.value = Dr({
 			...t,
 			container: e
 		}));
 	};
 	r(e.value);
-	let i = j(e, (e) => {
+	let i = M(e, (e) => {
 		r(e);
 	}, {
 		immediate: !0,
@@ -2190,7 +2232,7 @@ function Tr(e, t) {
 	};
 	return b(a), v(a), { chart: n };
 }
-function Er(e) {
+function Ar(e) {
 	let t = E(e.indicators.peek());
 	return b(e.indicators.subscribe(() => {
 		t.value = e.indicators.peek();
@@ -2201,25 +2243,25 @@ function Er(e) {
 		updateParams: e.updateIndicatorParams.bind(e)
 	};
 }
-function Dr(e) {
+function jr(e) {
 	let t = E(e.interactionState.peek());
 	return b(e.interactionState.subscribe(() => {
 		t.value = e.interactionState.peek();
 	})), t;
 }
-function Or(e) {
+function Mr(e) {
 	let t = E(e.paneRatios.peek());
 	return b(e.paneRatios.subscribe(() => {
 		t.value = e.paneRatios.peek();
 	})), t;
 }
-function kr(e) {
+function Nr(e) {
 	let t = E(e.viewport.peek());
 	return b(e.viewport.subscribe(() => {
 		t.value = e.viewport.peek();
 	})), t;
 }
-var Ar = u({
+var Pr = u({
 	name: "KLineChart",
 	props: {
 		data: {
@@ -2252,7 +2294,7 @@ var Ar = u({
 		y(() => {
 			let n = r.value;
 			n != null && (i.run(() => {
-				if (a.value = Cr({
+				if (a.value = Dr({
 					container: n,
 					data: e.data,
 					initialZoomLevel: e.initialZoomLevel,
@@ -2266,9 +2308,9 @@ var Ar = u({
 					};
 					n(), b(e.viewport.subscribe(n));
 				}
-			}), j(() => e.data, (e) => {
+			}), M(() => e.data, (e) => {
 				a.value?.setData(e);
-			}), j(() => e.theme, (e) => {
+			}), M(() => e.theme, (e) => {
 				a.value?.setTheme(e);
 			}));
 		}), x(() => {
@@ -2298,9 +2340,9 @@ var Ar = u({
 			}
 		});
 	}
-}), jr = { install(e) {
-	e.component("KLineChart", Ar);
+}), Fr = { install(e) {
+	e.component("KLineChart", Pr);
 } };
-Sr(W);
+Er(ue);
 //#endregion
-export { ce as CORE_VERSION, pe as DrawingStyleToolbar, ke as IndicatorParams, bt as IndicatorSelector, Ar as KLineChart, yr as KLineChartVue, Lt as KLineTooltip, jr as KMapPlugin, hr as LeftToolbar, Bt as MarkerTooltip, br as VERSION, Sr as __setControllerFactory, wr as coreSignalToVueRef, Cr as createChart, Tr as useChart, Er as useIndicators, Dr as useInteractionState, Or as usePaneRatios, kr as useViewport };
+export { le as CORE_VERSION, pe as DrawingStyleToolbar, ke as IndicatorParams, Ct as IndicatorSelector, Pr as KLineChart, Cr as KLineChartVue, Bt as KLineTooltip, Fr as KMapPlugin, yr as LeftToolbar, Ut as MarkerTooltip, wr as VERSION, Er as __setControllerFactory, Or as coreSignalToVueRef, Dr as createChart, kr as useChart, Ar as useIndicators, jr as useInteractionState, Mr as usePaneRatios, Nr as useViewport };