@363045841yyt/klinechart 0.8.0 → 0.8.1-alpha.2

package/dist/index.js

@@ -1,7 +1,7 @@
-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, provide as C, ref as w, renderList as T, resolveDynamicComponent as E, shallowRef as D, toDisplayString as O, unref as k, vModelCheckbox as A, watch as j, withCtx as M, withDirectives as N, withKeys as P, withModifiers as F } from "vue";
-import { COLOR_PRESET_ITEMS as I, VERSION as L, createChartController as R, createIndicatorSelectorController as ee, darkTheme as te, lightTheme as ne, normalizeColorPresetSettings as z, resolveThemeColors as re, themeToCssVars as ie } from "@363045841yyt/klinechart-core";
-import { DrawingInteractionController as ae, allIndicators as oe, createChartController as se, createIndicatorSelectorController as B, findIndicator as ce, getPhysicalKLineConfig as le, kGapFromKWidth as ue, zoomLevelToKWidth as de } from "@363045841yyt/klinechart-core/controllers";
-import { SemanticChartController as fe, __setDataFetcher as pe } from "@363045841yyt/klinechart-core/semantic";
+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, provide as C, ref as w, renderList as T, resolveDynamicComponent as E, shallowRef as D, toDisplayString as O, unref as k, vModelCheckbox as A, vModelText as j, watch as M, withCtx as N, withDirectives as P, withKeys as F, withModifiers as I } from "vue";
+import { COLOR_PRESET_ITEMS as ee, VERSION as L, createChartController as R, createIndicatorSelectorController as z, darkTheme as te, lightTheme as ne, normalizeColorPresetSettings as B, resolveThemeColors as re, themeToCssVars as ie } from "@363045841yyt/klinechart-core";
+import { DrawingInteractionController as ae, allIndicators as oe, createChartController as se, createIndicatorSelectorController as ce, findIndicator as le, getPhysicalKLineConfig as ue, kGapFromKWidth as de, zoomLevelToKWidth as fe } from "@363045841yyt/klinechart-core/controllers";
+import { SemanticChartController as pe } from "@363045841yyt/klinechart-core/semantic";
 import { getRegisteredIndicatorDefinition as me } from "@363045841yyt/klinechart-core/indicators";
 import { DEFAULT_SETTINGS as V, SETTINGS_STORAGE_KEY as H } from "@363045841yyt/klinechart-core/config";
 //#region src/components/ColorPresetPanel.vue?vue&type=script&setup=true&lang.ts
@@ -9,7 +9,7 @@ var he = { class: "color-preset-tools" }, ge = {
 	class: "theme-tabs",
 	role: "tablist",
 	"aria-label": "颜色主题"
-}, U = ["onClick"], _e = { class: "color-group-label" }, ve = { class: "color-grid" }, ye = ["value", "onInput"], be = /*@__PURE__*/ u({
+}, _e = ["onClick"], ve = { class: "color-group-label" }, ye = { class: "color-grid" }, U = ["value", "onInput"], be = /*@__PURE__*/ u({
 	__name: "ColorPresetPanel",
 	props: { colorPresetSettings: {} },
 	emits: ["update:colorPresetSettings"],
@@ -28,16 +28,16 @@ var he = { class: "color-preset-tools" }, ge = {
 		}, u = r(() => Object.keys(l).map((e) => ({
 			group: e,
 			label: l[e],
-			items: I.filter((t) => t.group === e)
+			items: ee.filter((t) => t.group === e)
 		})).filter((e) => e.items.length > 0)), d = w("light");
 		function f(e, t) {
 			return (e === "dark" ? te : ne).colors[t];
 		}
 		function p(e) {
-			return z(i.colorPresetSettings)[d.value]?.[e] ?? f(d.value, e);
+			return B(i.colorPresetSettings)[d.value]?.[e] ?? f(d.value, e);
 		}
 		function m(e, t) {
-			let n = z(i.colorPresetSettings);
+			let n = B(i.colorPresetSettings);
 			a("update:colorPresetSettings", {
 				...n,
 				[d.value]: {
@@ -47,7 +47,7 @@ var he = { class: "color-preset-tools" }, ge = {
 			});
 		}
 		function h() {
-			let e = { ...z(i.colorPresetSettings) };
+			let e = { ...B(i.colorPresetSettings) };
 			delete e[d.value], a("update:colorPresetSettings", e);
 		}
 		return (t, n) => (S(), o("div", null, [s("div", he, [s("div", ge, [(S(), o(e, null, T(c, (e) => s("button", {
@@ -55,11 +55,11 @@ var he = { class: "color-preset-tools" }, ge = {
 			type: "button",
 			class: g(["theme-tab", { active: d.value === e.value }]),
 			onClick: (t) => d.value = e.value
-		}, O(e.label), 11, U)), 64))]), s("button", {
+		}, O(e.label), 11, _e)), 64))]), s("button", {
 			type: "button",
 			class: "color-reset-btn",
 			onClick: h
-		}, " 重置颜色 ")]), (S(!0), o(e, null, T(u.value, (t) => (S(), o(e, { key: t.group }, [s("div", _e, O(t.label), 1), s("div", ve, [(S(!0), o(e, null, T(t.items, (e) => (S(), o("label", {
+		}, " 重置颜色 ")]), (S(!0), o(e, null, T(u.value, (t) => (S(), o(e, { key: t.group }, [s("div", ve, O(t.label), 1), s("div", ye, [(S(!0), o(e, null, T(t.items, (e) => (S(), o("label", {
 			key: e.key,
 			class: "color-item"
 		}, [s("span", null, O(e.label), 1), s("input", {
@@ -67,7 +67,7 @@ var he = { class: "color-preset-tools" }, ge = {
 			class: "color-input",
 			value: p(e.key),
 			onInput: (t) => m(e.key, t.target.value)
-		}, null, 40, ye)]))), 128))])], 64))), 128))]));
+		}, null, 40, U)]))), 128))])], 64))), 128))]));
 	}
 }), W = (e, t) => {
 	let n = e.__vccOpts || e;
@@ -80,7 +80,7 @@ var he = { class: "color-preset-tools" }, ge = {
 ], Ce = {
 	key: 0,
 	class: "dropdown__label"
-}, we = { class: "dropdown__value" }, G = ["aria-selected", "onClick"], K = 0, q = null, Te = 0, J = /*#__PURE__*/ W(/* @__PURE__ */ u({
+}, we = { class: "dropdown__value" }, Te = ["aria-selected", "onClick"], G = 0, K = null, Ee = 0, q = /*#__PURE__*/ W(/* @__PURE__ */ u({
 	__name: "Dropdown",
 	props: {
 		modelValue: {},
@@ -92,7 +92,7 @@ var he = { class: "color-preset-tools" }, ge = {
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let i = t, c = n, l = w(null), u = w(null), d = w(!1), f = w(0), p = ++Te, m = r(() => i.minWidth ? { minWidth: i.minWidth } : {}), h = r(() => {
+		let i = t, c = n, l = w(null), u = w(null), d = w(!1), f = w(0), p = ++Ee, m = r(() => i.minWidth ? { minWidth: i.minWidth } : {}), h = r(() => {
 			if (!d.value) return;
 			let e = f.value || (i.minWidth ? parseInt(i.minWidth) : 0);
 			return { width: e ? `${e}px` : void 0 };
@@ -101,10 +101,10 @@ var he = { class: "color-preset-tools" }, ge = {
 			return e && i.options.some((t) => t.value === e) ? e : i.options[0]?.value ?? "";
 		}), b = r(() => i.options.find((e) => e.value === y.value) ?? i.options[0]);
 		function x() {
-			K !== p && q && q(), !d.value && (K = p, q = C, f.value = u.value?.offsetWidth ?? 0, d.value = !0, document.addEventListener("pointerdown", k));
+			G !== p && K && K(), !d.value && (G = p, K = C, f.value = u.value?.offsetWidth ?? 0, d.value = !0, document.addEventListener("pointerdown", k));
 		}
 		function C() {
-			d.value && (d.value = !1, K === p && (K = 0, q = null), document.removeEventListener("pointerdown", k));
+			d.value && (d.value = !1, G === p && (G = 0, K = null), document.removeEventListener("pointerdown", k));
 		}
 		function E() {
 			d.value ? C() : x();
@@ -131,10 +131,10 @@ var he = { class: "color-preset-tools" }, ge = {
 			"aria-expanded": d.value,
 			onClick: E,
 			onKeydown: [
-				P(F(C, ["stop"]), ["escape"]),
-				P(F(x, ["prevent"]), ["down"]),
-				P(F(E, ["prevent"]), ["enter"]),
-				P(F(E, ["prevent"]), ["space"])
+				F(I(C, ["stop"]), ["escape"]),
+				F(I(x, ["prevent"]), ["down"]),
+				F(I(E, ["prevent"]), ["enter"]),
+				F(I(E, ["prevent"]), ["space"])
 			]
 		}, [
 			t.label ? (S(), o("span", Ce, O(t.label), 1)) : a("", !0),
@@ -156,12 +156,12 @@ var he = { class: "color-preset-tools" }, ge = {
 			role: "option",
 			"aria-selected": e.value === y.value,
 			onClick: (t) => D(e.value)
-		}, O(e.label), 11, G))), 128))], 4)) : a("", !0)], 2));
+		}, O(e.label), 11, Te))), 128))], 4)) : a("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-126e11f2"]]), Y = {
+}), [["__scopeId", "data-v-126e11f2"]]), De = {
 	class: "toolbar-item color-item",
 	title: "颜色"
-}, Ee = ["value"], De = /*#__PURE__*/ W(/* @__PURE__ */ u({
+}, J = ["value"], Oe = /*#__PURE__*/ W(/* @__PURE__ */ u({
 	__name: "DrawingStyleToolbar",
 	props: { drawing: {} },
 	emits: ["updateStyle", "delete"],
@@ -212,11 +212,11 @@ var he = { class: "color-preset-tools" }, ge = {
 		}
 		return (t, i) => (S(), o("div", {
 			class: "drawing-style-toolbar",
-			onPointerdown: i[4] ||= F(() => {}, ["stop"]),
-			onPointermove: i[5] ||= F(() => {}, ["stop"]),
-			onPointerup: i[6] ||= F(() => {}, ["stop"])
+			onPointerdown: i[4] ||= I(() => {}, ["stop"]),
+			onPointermove: i[5] ||= I(() => {}, ["stop"]),
+			onPointerup: i[6] ||= I(() => {}, ["stop"])
 		}, [
-			s("div", Y, [s("span", {
+			s("div", De, [s("span", {
 				class: "color-swatch",
 				style: _({ background: e.drawing.style.stroke ?? "#2962ff" })
 			}, null, 4), s("input", {
@@ -224,15 +224,15 @@ var he = { class: "color-preset-tools" }, ge = {
 				class: "color-input",
 				value: e.drawing.style.stroke ?? "#2962ff",
 				onInput: i[0] ||= (e) => c(e.target.value)
-			}, null, 40, Ee)]),
-			l(J, {
+			}, null, 40, J)]),
+			l(q, {
 				"model-value": String(e.drawing.style.strokeWidth ?? 1),
 				options: n,
 				size: "sm",
 				title: "线宽",
 				"onUpdate:modelValue": i[1] ||= (e) => u(Number(e))
 			}, null, 8, ["model-value"]),
-			l(J, {
+			l(q, {
 				"model-value": e.drawing.style.strokeStyle ?? "solid",
 				options: r,
 				size: "sm",
@@ -260,12 +260,12 @@ var he = { class: "color-preset-tools" }, ge = {
 			], -1)]])
 		], 32));
 	}
-}), [["__scopeId", "data-v-e9b6a8a9"]]), Oe = Symbol("fullscreen-teleport-target");
+}), [["__scopeId", "data-v-e9b6a8a9"]]), Y = Symbol("fullscreen-teleport-target");
 function ke(e) {
-	C(Oe, e);
+	C(Y, e);
 }
 function Ae() {
-	let e = p(Oe, null);
+	let e = p(Y, null);
 	return r(() => e?.value ?? "body");
 }
 //#endregion
@@ -298,12 +298,12 @@ var je = { class: "params-header" }, Me = { class: "header-left" }, Ne = { class
 	emits: ["close", "confirm"],
 	setup(r, { emit: u }) {
 		let d = r, f = u, p = w({ ...d.values }), m = w(!0), h = Ae();
-		j(() => d.values, (e) => {
+		M(() => d.values, (e) => {
 			p.value = { ...e };
 		}, {
 			deep: !0,
 			immediate: !0
-		}), j(() => d.visible, (e) => {
+		}), M(() => d.visible, (e) => {
 			e && (p.value = { ...d.values });
 		});
 		function _(e, t) {
@@ -324,14 +324,14 @@ var je = { class: "params-header" }, Me = { class: "header-left" }, Ne = { class
 			f("confirm", { ...p.value });
 		}
 		return (u, d) => (S(), i(t, { to: k(h) }, [l(n, { name: "overlay" }, {
-			default: M(() => [r.visible ? (S(), o("div", {
+			default: N(() => [r.visible ? (S(), o("div", {
 				key: 0,
 				class: "params-overlay",
 				onClick: d[4] ||= (e) => u.$emit("close")
 			}, [l(n, { name: "modal" }, {
-				default: M(() => [s("div", {
+				default: N(() => [s("div", {
 					class: "indicator-params",
-					onClick: d[3] ||= F(() => {}, ["stop"])
+					onClick: d[3] ||= I(() => {}, ["stop"])
 				}, [
 					s("div", je, [s("div", Me, [s("span", Ne, O(r.indicatorName), 1), d[5] ||= s("span", { class: "params-subtitle" }, "参数设置", -1)]), s("div", Pe, [s("button", {
 						class: g(["toggle-desc-btn", { active: m.value }]),
@@ -350,7 +350,7 @@ var je = { class: "params-header" }, Me = { class: "header-left" }, Ne = { class
 						"stroke-width": "2"
 					}, [s("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])])]),
 					l(n, { name: "slide" }, {
-						default: M(() => [m.value && r.indicatorDescription ? (S(), o("div", Fe, [s("p", null, O(r.indicatorDescription), 1)])) : a("", !0)]),
+						default: N(() => [m.value && r.indicatorDescription ? (S(), o("div", Fe, [s("p", null, O(r.indicatorDescription), 1)])) : a("", !0)]),
 						_: 1
 					}),
 					s("div", Ie, [(S(!0), o(e, null, T(r.params, (e) => (S(), o("div", {
@@ -378,7 +378,7 @@ var je = { class: "params-header" }, Me = { class: "header-left" }, Ne = { class
 							onClick: (t) => v(e, 1)
 						}, " + ", 8, We)
 					])]), l(n, { name: "slide" }, {
-						default: M(() => [m.value && e.description ? (S(), o("div", Ge, O(e.description), 1)) : a("", !0)]),
+						default: N(() => [m.value && e.description ? (S(), o("div", Ge, O(e.description), 1)) : a("", !0)]),
 						_: 2
 					}, 1024)], 2))), 128))]),
 					s("div", Ke, [s("button", {
@@ -422,7 +422,7 @@ var je = { class: "params-header" }, Me = { class: "header-left" }, Ne = { class
 }, nt = { class: "modal-search-area" }, rt = { class: "search-box" }, it = ["value"], at = { class: "modal-body" }, ot = {
 	key: 0,
 	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" }, X = { class: "card-label" }, Z = { class: "card-header-actions" }, pt = ["onClick"], mt = { class: "card-name" }, ht = {
+}, 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" }, X = ["onClick"], Z = { class: "card-name" }, ht = {
 	key: 1,
 	class: "section-divider"
 }, gt = {
@@ -462,21 +462,21 @@ var je = { class: "params-header" }, Me = { class: "header-left" }, Ne = { class
 				}))
 			}));
 		}
-		let h = B({ catalog: m(oe) }), _ = $(h.menuOpen), v = $(h.searchQuery), b = $(h.filteredMain), C = $(h.filteredSub), E = r(() => b.value.length > 0 || C.value.length > 0), D = h.catalog.peek().length, A = w(!1), j = w(null), N = w(!1), P = Ae(), I = r(() => j.value ? ce(j.value) : null), L = r(() => f.activeIndicators?.length ?? 0);
-		function R(e) {
+		let h = ce({ catalog: m(oe) }), _ = $(h.menuOpen), v = $(h.searchQuery), b = $(h.filteredMain), C = $(h.filteredSub), E = r(() => b.value.length > 0 || C.value.length > 0), D = h.catalog.peek().length, A = w(!1), j = w(null), M = w(!1), P = Ae(), F = r(() => j.value ? le(j.value) : null), ee = r(() => f.activeIndicators?.length ?? 0);
+		function L(e) {
 			return f.activeIndicators?.includes(e) ?? !1;
 		}
-		function ee(e) {
-			R(e) || ce(e) && p("toggle", e, !0);
+		function R(e) {
+			L(e) || le(e) && p("toggle", e, !0);
 		}
-		function te(e) {
+		function z(e) {
 			p("toggle", e, !1);
 		}
-		function ne(e) {
+		function te(e) {
 			j.value = e, A.value = !0;
 		}
-		function z(e) {
-			let t = ce(e);
+		function ne(e) {
+			let t = le(e);
 			if (!t?.params) return {};
 			let n = {};
 			for (let e of t.params) n[e.key] = e.default ?? e.min ?? 1;
@@ -484,36 +484,36 @@ var je = { class: "params-header" }, Me = { class: "header-left" }, Ne = { class
 			for (let [e, t] of Object.entries(r)) typeof t == "number" && (i[e] = t);
 			return i;
 		}
-		function re(e) {
+		function B(e) {
 			j.value && p("updateParams", j.value, e), A.value = !1;
 		}
-		function ie(e) {
+		function re(e) {
 			e.key === "Escape" && h.menuOpen.peek() && h.closeMenu();
 		}
 		return y(() => {
-			document.addEventListener("keydown", ie);
+			document.addEventListener("keydown", re);
 		}), x(() => {
-			document.removeEventListener("keydown", ie);
+			document.removeEventListener("keydown", re);
 		}), u({
 			openMenu: () => h.openMenu(),
 			closeMenu: () => h.closeMenu(),
 			toggleMenu: () => h.toggleMenu()
 		}), (r, c) => (S(), o("div", Ye, [(S(), i(t, { to: k(P) }, [l(n, { name: "overlay" }, {
-			default: M(() => [k(_) ? (S(), o("div", {
+			default: N(() => [k(_) ? (S(), o("div", {
 				key: 0,
 				class: "selector-overlay",
 				onClick: c[5] ||= (e) => k(h).closeMenu()
 			}, [l(n, { name: "modal" }, {
-				default: M(() => [k(_) ? (S(), o("div", {
+				default: N(() => [k(_) ? (S(), o("div", {
 					key: 0,
 					class: "selector-modal",
-					onClick: c[4] ||= F(() => {}, ["stop"])
+					onClick: c[4] ||= I(() => {}, ["stop"])
 				}, [
 					s("div", Xe, [s("div", Ze, [c[7] ||= s("span", { class: "title-text" }, "添加指标", -1), s("span", Qe, O(k(D)) + " 个可用指标", 1)]), s("div", $e, [s("button", {
-						class: g(["view-toggle-btn", { active: N.value }]),
-						onClick: c[0] ||= (e) => N.value = !N.value,
+						class: g(["view-toggle-btn", { active: M.value }]),
+						onClick: c[0] ||= (e) => M.value = !M.value,
 						title: "简洁模式"
-					}, [N.value ? (S(), o("svg", tt, [...c[9] ||= [s("path", { d: "M3 3h18v18H3V3zm16 16V5H5v14h14zM7 7h4v4H7V7zm0 6h4v4H7v-4zm6-6h4v4h-4V7zm0 6h4v4h-4v-4z" }, null, -1)]])) : (S(), o("svg", et, [...c[8] ||= [s("path", { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, null, -1)]]))], 2), s("button", {
+					}, [M.value ? (S(), o("svg", tt, [...c[9] ||= [s("path", { d: "M3 3h18v18H3V3zm16 16V5H5v14h14zM7 7h4v4H7V7zm0 6h4v4H7v-4zm6-6h4v4h-4V7zm0 6h4v4h-4v-4z" }, null, -1)]])) : (S(), o("svg", et, [...c[8] ||= [s("path", { d: "M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z" }, null, -1)]]))], 2), s("button", {
 						class: "modal-close",
 						onClick: c[1] ||= (e) => k(h).closeMenu(),
 						title: "关闭"
@@ -537,24 +537,24 @@ var je = { class: "params-header" }, Me = { class: "header-left" }, Ne = { class
 						placeholder: "搜索指标名称..."
 					}, null, 40, it)])]),
 					s("div", at, [
-						k(b).length > 0 ? (S(), o("div", ot, [s("div", st, [c[12] ||= s("span", { class: "section-title" }, "主图指标", -1), s("span", ct, O(k(b).length), 1)]), s("div", { class: g(["indicator-grid", { compact: N.value }]) }, [(S(!0), o(e, null, T(k(b), (t) => (S(), o("button", {
+						k(b).length > 0 ? (S(), o("div", ot, [s("div", st, [c[12] ||= s("span", { class: "section-title" }, "主图指标", -1), s("span", ct, O(k(b).length), 1)]), s("div", { class: g(["indicator-grid", { compact: M.value }]) }, [(S(!0), o(e, null, T(k(b), (t) => (S(), o("button", {
 							key: t.id,
 							class: g(["indicator-card", {
-								active: R(t.id),
-								compact: N.value
+								active: L(t.id),
+								compact: M.value
 							}]),
-							onClick: (e) => R(t.id) ? te(t.id) : ee(t.id)
-						}, [N.value ? (S(), o(e, { key: 0 }, [s("span", ut, O(t.label), 1), s("span", dt, O(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", ft, [s("span", X, O(t.label), 1), s("div", Z, [t.params?.length ? (S(), o("button", {
+							onClick: (e) => L(t.id) ? z(t.id) : R(t.id)
+						}, [M.value ? (S(), o(e, { key: 0 }, [s("span", ut, O(t.label), 1), s("span", dt, O(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", ft, [s("span", pt, O(t.label), 1), s("div", mt, [t.params?.length ? (S(), o("button", {
 							key: 0,
 							class: "card-settings-btn",
-							onClick: F((e) => ne(t.id), ["stop"]),
+							onClick: I((e) => te(t.id), ["stop"]),
 							title: "编辑参数"
 						}, [...c[13] ||= [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, pt)) : a("", !0)])]), s("div", mt, O(t.name), 1)], 64))], 10, lt))), 128))], 2)])) : a("", !0),
+						}, [s("path", { d: "M19.14 12.94c.04-.31.06-.63.06-.94 0-.31-.02-.63-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" })], -1)]], 8, X)) : a("", !0)])]), s("div", Z, O(t.name), 1)], 64))], 10, lt))), 128))], 2)])) : a("", !0),
 						k(b).length > 0 && k(C).length > 0 ? (S(), o("div", ht)) : a("", !0),
 						!E.value && k(v).trim() ? (S(), o("div", gt, [...c[14] ||= [
 							s("svg", {
@@ -566,17 +566,17 @@ var je = { class: "params-header" }, Me = { class: "header-left" }, Ne = { class
 							s("p", null, "未找到匹配的指标", -1),
 							s("span", { class: "no-results-hint" }, "请尝试其他关键词", -1)
 						]])) : a("", !0),
-						k(C).length > 0 ? (S(), o("div", _t, [s("div", vt, [c[15] ||= s("span", { class: "section-title" }, "副图指标", -1), s("span", yt, O(k(C).length), 1)]), s("div", { class: g(["indicator-grid", { compact: N.value }]) }, [(S(!0), o(e, null, T(k(C), (t) => (S(), o("button", {
+						k(C).length > 0 ? (S(), o("div", _t, [s("div", vt, [c[15] ||= s("span", { class: "section-title" }, "副图指标", -1), s("span", yt, O(k(C).length), 1)]), s("div", { class: g(["indicator-grid", { compact: M.value }]) }, [(S(!0), o(e, null, T(k(C), (t) => (S(), o("button", {
 							key: t.id,
 							class: g(["indicator-card", {
-								active: R(t.id),
-								compact: N.value
+								active: L(t.id),
+								compact: M.value
 							}]),
-							onClick: (e) => R(t.id) ? te(t.id) : ee(t.id)
-						}, [N.value ? (S(), o(e, { key: 0 }, [s("span", xt, O(t.label), 1), s("span", St, O(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", Ct, [s("span", wt, O(t.label), 1), s("div", Tt, [t.params?.length ? (S(), o("button", {
+							onClick: (e) => L(t.id) ? z(t.id) : R(t.id)
+						}, [M.value ? (S(), o(e, { key: 0 }, [s("span", xt, O(t.label), 1), s("span", St, O(t.name), 1)], 64)) : (S(), o(e, { key: 1 }, [s("div", Ct, [s("span", wt, O(t.label), 1), s("div", Tt, [t.params?.length ? (S(), o("button", {
 							key: 0,
 							class: "card-settings-btn",
-							onClick: F((e) => ne(t.id), ["stop"]),
+							onClick: I((e) => te(t.id), ["stop"]),
 							title: "编辑参数"
 						}, [...c[16] ||= [s("svg", {
 							viewBox: "0 0 24 24",
@@ -585,7 +585,7 @@ var je = { class: "params-header" }, Me = { class: "header-left" }, Ne = { class
 							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, Et)) : a("", !0)])]), s("div", Dt, O(t.name), 1)], 64))], 10, bt))), 128))], 2)])) : a("", !0)
 					]),
-					s("div", Ot, [s("div", kt, [s("span", At, "已激活 " + O(L.value) + " 个指标", 1)]), s("button", {
+					s("div", Ot, [s("div", kt, [s("span", At, "已激活 " + O(ee.value) + " 个指标", 1)]), s("button", {
 						class: "btn btn-confirm",
 						onClick: c[3] ||= (e) => k(h).closeMenu()
 					}, "确认")])
@@ -593,16 +593,16 @@ var je = { class: "params-header" }, Me = { class: "header-left" }, Ne = { class
 				_: 1
 			})])) : a("", !0)]),
 			_: 1
-		})], 8, ["to"])), I.value ? (S(), i(Je, {
+		})], 8, ["to"])), F.value ? (S(), i(Je, {
 			key: 0,
 			visible: A.value,
-			"indicator-id": I.value.id,
-			"indicator-name": I.value.name,
-			"indicator-description": I.value.description,
-			params: I.value.params || [],
-			values: z(I.value.id),
+			"indicator-id": F.value.id,
+			"indicator-name": F.value.name,
+			"indicator-description": F.value.description,
+			params: F.value.params || [],
+			values: ne(F.value.id),
 			onClose: c[6] ||= (e) => A.value = !1,
-			onConfirm: re
+			onConfirm: B
 		}, null, 8, [
 			"visible",
 			"indicator-id",
@@ -1188,7 +1188,7 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 					let t = JSON.parse(e), n = {};
 					return V.forEach((e) => {
 						n[e.key] = t[e.key] ?? e.default;
-					}), n.colorPresetSettings = z(t.colorPresetSettings), n;
+					}), n.colorPresetSettings = B(t.colorPresetSettings), n;
 				}
 			} catch {}
 			let e = {};
@@ -1197,7 +1197,7 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 			}), e.colorPresetSettings = {}, e;
 		}
 		let y = w(v());
-		j(() => f.show, (e) => {
+		M(() => f.show, (e) => {
 			e && (y.value = v());
 		});
 		function b() {
@@ -1213,14 +1213,14 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 			p("confirm", { ...y.value });
 		}
 		return (r, d) => (S(), i(t, { to: k(m) }, [l(n, { name: "overlay" }, {
-			default: M(() => [u.show ? (S(), o("div", {
+			default: N(() => [u.show ? (S(), o("div", {
 				key: 0,
 				class: "settings-overlay",
 				onClick: b
 			}, [l(n, { name: "modal" }, {
-				default: M(() => [s("div", {
+				default: N(() => [s("div", {
 					class: "settings-modal",
-					onClick: d[1] ||= F(() => {}, ["stop"])
+					onClick: d[1] ||= I(() => {}, ["stop"])
 				}, [
 					s("div", { class: "settings-header" }, [d[7] ||= 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",
@@ -1235,12 +1235,12 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 						h.value.length > 0 ? (S(), o(e, { key: 0 }, [d[8] ||= s("div", { class: "settings-section-divider" }, [s("span", { class: "settings-section-label" }, "主图设置")], -1), (S(!0), o(e, null, T(h.value, (e) => (S(), o("div", {
 							key: e.key,
 							class: "settings-item"
-						}, [s("label", cr, [s("span", null, O(e.label), 1), e.type === "boolean" ? N((S(), o("input", {
+						}, [s("label", cr, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
 							key: 0,
 							type: "checkbox",
 							class: "settings-checkbox",
 							"onUpdate:modelValue": (t) => y.value[e.key] = t
-						}, null, 8, lr)), [[A, y.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(J, {
+						}, null, 8, lr)), [[A, y.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(q, {
 							key: 1,
 							"model-value": String(y.value[e.key]),
 							options: e.options,
@@ -1268,12 +1268,12 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 						g.value.length > 0 ? (S(), o(e, { key: 1 }, [d[10] ||= s("div", { class: "settings-section-divider" }, [s("span", { class: "settings-section-label" }, "实验性 / 调试设置")], -1), (S(!0), o(e, null, T(g.value, (e) => (S(), o("div", {
 							key: e.key,
 							class: "settings-item experimental"
-						}, [s("label", ur, [s("span", null, O(e.label), 1), e.type === "boolean" ? N((S(), o("input", {
+						}, [s("label", ur, [s("span", null, O(e.label), 1), e.type === "boolean" ? P((S(), o("input", {
 							key: 0,
 							type: "checkbox",
 							class: "settings-checkbox",
 							"onUpdate:modelValue": (t) => y.value[e.key] = t
-						}, null, 8, dr)), [[A, y.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(J, {
+						}, null, 8, dr)), [[A, y.value[e.key]]]) : e.type === "select" && e.options ? (S(), i(q, {
 							key: 1,
 							"model-value": String(y.value[e.key]),
 							options: e.options,
@@ -1311,14 +1311,14 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 			})])) : a("", !0)]),
 			_: 1
 		}), l(n, { name: "overlay" }, {
-			default: M(() => [_.value ? (S(), o("div", {
+			default: N(() => [_.value ? (S(), o("div", {
 				key: 0,
 				class: "settings-overlay nested-overlay",
 				onClick: d[5] ||= (e) => _.value = !1
 			}, [l(n, { name: "modal" }, {
-				default: M(() => [s("div", {
+				default: N(() => [s("div", {
 					class: "settings-modal",
-					onClick: d[4] ||= F(() => {}, ["stop"])
+					onClick: d[4] ||= I(() => {}, ["stop"])
 				}, [s("div", fr, [d[15] ||= s("div", { class: "header-left" }, [s("span", { class: "settings-title" }, "颜色预设"), s("span", { class: "settings-subtitle" }, "自定义图表颜色")], -1), s("div", pr, [s("button", {
 					class: "settings-close",
 					onClick: d[2] ||= (e) => _.value = !1
@@ -1485,7 +1485,7 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 			return { ...v.value };
 		}
 		r({ getSettings: j });
-		function N(e) {
+		function M(e) {
 			v.value = { ...e }, _(v.value), nr(!!v.value.enableCanvasProfiler), d("settingsChange", { ...v.value }), m.value = !1;
 		}
 		function P(e) {
@@ -1505,24 +1505,24 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				title: t.title,
 				"aria-label": t.title,
 				onClick: (e) => C(t),
-				onPointerdown: c[0] ||= F(() => {}, ["stop"]),
-				onPointermove: c[1] ||= F(() => {}, ["stop"]),
-				onPointerup: c[2] ||= F(() => {}, ["stop"])
+				onPointerdown: c[0] ||= I(() => {}, ["stop"]),
+				onPointermove: c[1] ||= I(() => {}, ["stop"]),
+				onPointerup: c[2] ||= I(() => {}, ["stop"])
 			}, [(S(), i(E(t.icon), {
 				class: "tool-icon",
 				"aria-hidden": "true"
 			})), t.children && t.children.length ? (S(), o("span", {
 				key: 0,
 				class: g(["corner-indicator", { open: p.value === t.id }]),
-				onClick: F((e) => O(t.id), ["stop"]),
+				onClick: I((e) => O(t.id), ["stop"]),
 				"aria-label": "展开子菜单"
 			}, null, 10, yr)) : a("", !0)], 42, vr), l(n, { name: "dropdown" }, {
-				default: M(() => [p.value === t.id && t.children && t.children.length ? (S(), o("div", {
+				default: N(() => [p.value === t.id && t.children && t.children.length ? (S(), o("div", {
 					key: 0,
 					class: "tool-dropdown",
-					onPointerdown: c[3] ||= F(() => {}, ["stop"]),
-					onPointermove: c[4] ||= F(() => {}, ["stop"]),
-					onPointerup: c[5] ||= F(() => {}, ["stop"])
+					onPointerdown: c[3] ||= I(() => {}, ["stop"]),
+					onPointermove: c[4] ||= I(() => {}, ["stop"]),
+					onPointerup: c[5] ||= I(() => {}, ["stop"])
 				}, [(S(!0), o(e, null, T(t.children, (e) => (S(), o("button", {
 					key: e.id,
 					type: "button",
@@ -1543,9 +1543,9 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				title: "放大",
 				"aria-label": "放大",
 				onClick: c[6] ||= (e) => r.$emit("zoomIn"),
-				onPointerdown: c[7] ||= F(() => {}, ["stop"]),
-				onPointermove: c[8] ||= F(() => {}, ["stop"]),
-				onPointerup: c[9] ||= F(() => {}, ["stop"])
+				onPointerdown: c[7] ||= I(() => {}, ["stop"]),
+				onPointermove: c[8] ||= I(() => {}, ["stop"]),
+				onPointerup: c[9] ||= I(() => {}, ["stop"])
 			}, [l(k(Cn), {
 				class: "tool-icon",
 				"aria-hidden": "true"
@@ -1555,9 +1555,9 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				title: "缩小",
 				"aria-label": "缩小",
 				onClick: c[10] ||= (e) => r.$emit("zoomOut"),
-				onPointerdown: c[11] ||= F(() => {}, ["stop"]),
-				onPointermove: c[12] ||= F(() => {}, ["stop"]),
-				onPointerup: c[13] ||= F(() => {}, ["stop"])
+				onPointerdown: c[11] ||= I(() => {}, ["stop"]),
+				onPointermove: c[12] ||= I(() => {}, ["stop"]),
+				onPointerup: c[13] ||= I(() => {}, ["stop"])
 			}, [l(k(En), {
 				class: "tool-icon",
 				"aria-hidden": "true"
@@ -1569,9 +1569,9 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				title: t.isFullscreen ? "退出全屏" : "全屏显示",
 				"aria-label": t.isFullscreen ? "退出全屏" : "全屏显示",
 				onClick: c[14] ||= (e) => r.$emit("toggleFullscreen"),
-				onPointerdown: c[15] ||= F(() => {}, ["stop"]),
-				onPointermove: c[16] ||= F(() => {}, ["stop"]),
-				onPointerup: c[17] ||= F(() => {}, ["stop"])
+				onPointerdown: c[15] ||= I(() => {}, ["stop"]),
+				onPointermove: c[16] ||= I(() => {}, ["stop"]),
+				onPointerup: c[17] ||= I(() => {}, ["stop"])
 			}, [t.isFullscreen ? (S(), i(k(Mn), {
 				key: 0,
 				class: "tool-icon",
@@ -1588,9 +1588,9 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				title: "设置",
 				"aria-label": "设置",
 				onClick: A,
-				onPointerdown: c[18] ||= F(() => {}, ["stop"]),
-				onPointermove: c[19] ||= F(() => {}, ["stop"]),
-				onPointerup: c[20] ||= F(() => {}, ["stop"])
+				onPointerdown: c[18] ||= I(() => {}, ["stop"]),
+				onPointermove: c[19] ||= I(() => {}, ["stop"]),
+				onPointerup: c[20] ||= I(() => {}, ["stop"])
 			}, [l(k(Fn), {
 				class: "tool-icon",
 				"aria-hidden": "true"
@@ -1598,7 +1598,7 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 		]), l(hr, {
 			show: m.value,
 			onClose: c[21] ||= (e) => m.value = !1,
-			onConfirm: N
+			onConfirm: M
 		}, null, 8, ["show"])], 64));
 	}
 }), [["__scopeId", "data-v-66411b58"]]), Er = /* @__PURE__ */ u({
@@ -1644,7 +1644,7 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				value: "yearly"
 			}
 		], r = t;
-		return (t, a) => (S(), i(J, {
+		return (t, a) => (S(), i(q, {
 			"model-value": e.modelValue,
 			options: n,
 			label: "级别",
@@ -1653,62 +1653,354 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 			"onUpdate:modelValue": a[0] ||= (e) => r("update:modelValue", e)
 		}, null, 8, ["model-value"]));
 	}
-}), Dr = { class: "top-toolbar" }, Or = ["title"], kr = { class: "symbol-chip__code" }, Ar = /*#__PURE__*/ W(/* @__PURE__ */ u({
+}), Dr = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Or(e, t) {
+	return S(), o("svg", Dr, [...t[0] ||= [s("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M12 9v4m-1.637-9.409L2.257 17.125a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636-2.87L13.637 3.59a1.914 1.914 0 0 0-3.274 0M12 16h.01"
+	}, null, -1)]]);
+}
+var kr = m({
+	name: "tabler-alert-triangle",
+	render: Or
+}), Ar = ["title", "aria-expanded"], jr = { class: "symbol-chip__code" }, Mr = {
+	key: 0,
+	class: "symbol-chip__spinner",
+	"aria-hidden": "true"
+}, Nr = {
+	key: 0,
+	class: "symbol-popover",
+	role: "dialog",
+	"aria-label": "切换合约"
+}, Pr = { class: "symbol-search" }, Fr = {
+	class: "symbol-list",
+	role: "listbox",
+	"aria-label": "商品列表"
+}, Ir = {
+	key: 0,
+	class: "symbol-list__empty"
+}, Lr = {
+	width: "32",
+	height: "32",
+	viewBox: "0 0 32 32",
+	fill: "none",
+	style: {
+		"margin-bottom": "8px",
+		opacity: "0.35"
+	}
+}, Rr = ["aria-selected", "onClick"], zr = { class: "symbol-list__left" }, Br = { class: "symbol-list__code" }, Vr = { class: "symbol-list__desc" }, Hr = { class: "symbol-list__exchange" }, Ur = /*#__PURE__*/ W(/* @__PURE__ */ u({
+	__name: "SymbolSelector",
+	props: {
+		symbol: {},
+		symbols: {},
+		loading: { type: Boolean },
+		error: { type: Boolean }
+	},
+	emits: ["change"],
+	setup(t, { emit: c }) {
+		let u = t, d = c, f = w(!1), p = w(""), m = w(null), _ = w(null), b = r(() => {
+			let e = p.value.trim().toLowerCase();
+			return e ? u.symbols.filter((t) => t.code.toLowerCase().includes(e) || t.description.toLowerCase().includes(e) || t.exchange.toLowerCase().includes(e)) : u.symbols;
+		});
+		function x() {
+			f.value = !f.value, f.value && h(() => m.value?.focus());
+		}
+		function C() {
+			p.value = "", m.value?.focus();
+		}
+		function E() {}
+		function D(e) {
+			d("change", e), f.value = !1, p.value = "";
+		}
+		function A(e) {
+			_.value && !_.value.contains(e.target) && (f.value = !1);
+		}
+		return y(() => document.addEventListener("mousedown", A)), v(() => document.removeEventListener("mousedown", A)), M(() => u.symbol, () => {
+			f.value = !1, p.value = "";
+		}), (r, c) => (S(), o("div", {
+			ref_key: "chipWrapRef",
+			ref: _,
+			class: "symbol-chip-wrap"
+		}, [s("button", {
+			type: "button",
+			class: g(["symbol-chip", { "is-open": f.value }]),
+			title: t.symbol,
+			"aria-expanded": f.value,
+			"aria-haspopup": "dialog",
+			onClick: x
+		}, [s("span", jr, O(t.symbol), 1), t.loading ? (S(), o("span", Mr)) : t.error ? (S(), i(k(kr), {
+			key: 1,
+			class: "symbol-chip__warn",
+			"aria-hidden": "true"
+		})) : a("", !0)], 10, Ar), l(n, { name: "symbol-popover" }, {
+			default: N(() => [f.value ? (S(), o("div", Nr, [s("div", Pr, [
+				c[2] ||= s("span", {
+					class: "symbol-search__icon",
+					"aria-hidden": "true"
+				}, [s("svg", {
+					width: "14",
+					height: "14",
+					viewBox: "0 0 16 16",
+					fill: "none"
+				}, [s("circle", {
+					cx: "6.5",
+					cy: "6.5",
+					r: "5",
+					stroke: "currentColor",
+					"stroke-width": "1.6"
+				}), s("line", {
+					x1: "10.5",
+					y1: "10.5",
+					x2: "14.5",
+					y2: "14.5",
+					stroke: "currentColor",
+					"stroke-width": "1.6",
+					"stroke-linecap": "round"
+				})])], -1),
+				P(s("input", {
+					ref_key: "searchInputRef",
+					ref: m,
+					"onUpdate:modelValue": c[0] ||= (e) => p.value = e,
+					class: "symbol-search__input",
+					type: "text",
+					placeholder: "搜索代码或名称…",
+					autocomplete: "off",
+					spellcheck: "false",
+					"aria-label": "搜索商品",
+					onInput: E
+				}, null, 544), [[j, p.value]]),
+				p.value ? (S(), o("button", {
+					key: 0,
+					type: "button",
+					class: "symbol-search__clear",
+					"aria-label": "清空搜索",
+					onClick: C
+				}, [...c[1] ||= [s("svg", {
+					class: "delete-icon",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [
+					s("path", { d: "M3 6h18" }),
+					s("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
+					s("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
+				], -1)]])) : a("", !0)
+			]), s("div", Fr, [b.value.length === 0 ? (S(), o("div", Ir, [(S(), o("svg", Lr, [...c[3] ||= [s("circle", {
+				cx: "13",
+				cy: "13",
+				r: "10",
+				stroke: "currentColor",
+				"stroke-width": "2"
+			}, null, -1), s("line", {
+				x1: "21",
+				y1: "21",
+				x2: "29",
+				y2: "29",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round"
+			}, null, -1)]])), c[4] ||= s("span", null, "未找到相关商品", -1)])) : a("", !0), (S(!0), o(e, null, T(b.value, (e) => (S(), o("button", {
+				key: e.code,
+				type: "button",
+				class: g(["symbol-list__item", { "is-active": e.code === t.symbol }]),
+				role: "option",
+				"aria-selected": e.code === t.symbol,
+				onClick: (t) => D(e)
+			}, [s("span", zr, [s("span", Br, O(e.code), 1), s("span", Vr, O(e.description), 1)]), s("span", Hr, O(e.exchange), 1)], 10, Rr))), 128))])])) : a("", !0)]),
+			_: 1
+		})], 512));
+	}
+}), [["__scopeId", "data-v-e22f59e1"]]), Wr = { class: "top-toolbar" }, Gr = /*#__PURE__*/ W(/* @__PURE__ */ u({
 	__name: "TopToolbar",
 	props: {
 		symbol: {},
-		kLineLevel: {}
+		kLineLevel: {},
+		symbols: {},
+		symbolLoading: { type: Boolean },
+		symbolError: { type: Boolean }
 	},
 	emits: [
 		"addOverlaySymbol",
 		"kLineLevelChange",
-		"toggleIndicator"
+		"toggleIndicator",
+		"symbolChange"
 	],
 	setup(e, { emit: t }) {
-		let n = e, i = t, c = r(() => n.symbol?.trim() ?? "");
-		return (t, n) => (S(), o("div", Dr, [
-			c.value ? (S(), o("button", {
+		let n = e, c = t, u = [
+			{
+				code: "AAPL",
+				description: "Apple Inc.",
+				exchange: "NASDAQ",
+				source: "baostock"
+			},
+			{
+				code: "TSLA",
+				description: "Tesla, Inc.",
+				exchange: "NASDAQ",
+				source: "baostock"
+			},
+			{
+				code: "GOOGL",
+				description: "Alphabet Inc.",
+				exchange: "NASDAQ",
+				source: "baostock"
+			},
+			{
+				code: "MSFT",
+				description: "Microsoft Corporation",
+				exchange: "NASDAQ",
+				source: "baostock"
+			},
+			{
+				code: "AMZN",
+				description: "Amazon.com, Inc.",
+				exchange: "NASDAQ",
+				source: "baostock"
+			},
+			{
+				code: "NVDA",
+				description: "NVIDIA Corporation",
+				exchange: "NASDAQ",
+				source: "baostock"
+			},
+			{
+				code: "META",
+				description: "Meta Platforms, Inc.",
+				exchange: "NASDAQ",
+				source: "baostock"
+			},
+			{
+				code: "BRK.B",
+				description: "Berkshire Hathaway Inc.",
+				exchange: "NYSE",
+				source: "baostock"
+			},
+			{
+				code: "JPM",
+				description: "JPMorgan Chase & Co.",
+				exchange: "NYSE",
+				source: "baostock"
+			},
+			{
+				code: "V",
+				description: "Visa Inc.",
+				exchange: "NYSE",
+				source: "baostock"
+			},
+			{
+				code: "BTCUSDT",
+				description: "Bitcoin / Tether",
+				exchange: "BINANCE",
+				source: "baostock"
+			},
+			{
+				code: "ETHUSDT",
+				description: "Ethereum / Tether",
+				exchange: "BINANCE",
+				source: "baostock"
+			},
+			{
+				code: "sh.601360",
+				description: "三六零",
+				exchange: "SSE",
+				source: "baostock"
+			},
+			{
+				code: "sh.600519",
+				description: "贵州茅台",
+				exchange: "SSE",
+				source: "baostock"
+			},
+			{
+				code: "000858",
+				description: "五 粮 液",
+				exchange: "SZSE",
+				source: "baostock"
+			},
+			{
+				code: "000001",
+				description: "平安银行",
+				exchange: "SZSE",
+				source: "baostock"
+			},
+			{
+				code: "MOCK-100",
+				description: "Mock 100 条",
+				exchange: "MOCK",
+				source: "mock-100"
+			},
+			{
+				code: "MOCK-10000",
+				description: "Mock 10000 条",
+				exchange: "MOCK",
+				source: "mock-10000"
+			}
+		], d = r(() => n.symbol?.trim() ?? ""), f = r(() => n.symbols && n.symbols.length ? n.symbols : u);
+		function p(e) {
+			c("symbolChange", e);
+		}
+		return (t, n) => (S(), o("div", Wr, [
+			d.value ? (S(), i(Ur, {
 				key: 0,
-				type: "button",
-				class: "symbol-chip",
-				title: c.value
-			}, [s("span", kr, O(c.value), 1)], 8, Or)) : a("", !0),
+				symbol: d.value,
+				symbols: f.value,
+				loading: e.symbolLoading,
+				error: e.symbolError,
+				onChange: p
+			}, null, 8, [
+				"symbol",
+				"symbols",
+				"loading",
+				"error"
+			])) : a("", !0),
 			s("button", {
 				type: "button",
 				class: "overlay-symbol-button",
-				title: "添加叠加商品",
-				"aria-label": "添加叠加商品",
-				onClick: n[0] ||= (e) => i("addOverlaySymbol")
+				title: "添加比较商品",
+				"aria-label": "添加比较商品",
+				onClick: n[0] ||= (e) => c("addOverlaySymbol")
 			}, [...n[3] ||= [s("span", {
 				class: "overlay-symbol-button__icon",
 				"aria-hidden": "true"
-			}, "+", -1), s("span", { class: "overlay-symbol-button__text" }, "添加叠加商品", -1)]]),
+			}, "+", -1), s("span", { class: "overlay-symbol-button__text" }, "添加比较商品", -1)]]),
 			l(Er, {
 				"model-value": e.kLineLevel,
-				"onUpdate:modelValue": n[1] ||= (e) => i("kLineLevelChange", e)
+				"onUpdate:modelValue": n[1] ||= (e) => c("kLineLevelChange", e)
 			}, null, 8, ["model-value"]),
 			s("button", {
 				type: "button",
 				class: "indicator-button",
 				title: "指标",
 				"aria-label": "指标",
-				onClick: n[2] ||= (e) => i("toggleIndicator")
+				onClick: n[2] ||= (e) => c("toggleIndicator")
 			}, [...n[4] ||= [s("span", {
 				class: "indicator-button__icon",
 				"aria-hidden": "true"
 			}, "fx", -1), s("span", { class: "indicator-button__text" }, "指标", -1)]])
 		]));
 	}
-}), [["__scopeId", "data-v-b7ad5d1c"]]), jr = ["data-theme"], Mr = {
+}), [["__scopeId", "data-v-52799f85"]]), Kr = ["data-theme"], qr = {
 	class: "pane-separator-layer",
 	"aria-hidden": "true"
-}, Nr = {
+}, Jr = {
 	class: "canvas-layer",
 	ref: "canvasLayerRef"
-}, Pr = {
+}, Yr = {
 	class: "x-axis-canvas",
 	ref: "xAxisCanvasRef"
-}, Fr = 4, Ir = /*#__PURE__*/ W(/* @__PURE__ */ u({
+}, Xr = 4, Zr = /*#__PURE__*/ W(/* @__PURE__ */ u({
 	__name: "KLineChart",
 	props: {
 		semanticConfig: {},
@@ -1734,27 +2026,38 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 		"kLineLevelChange"
 	],
 	setup(n, { expose: c, emit: u }) {
-		let d = n, f = u, p = w(d.semanticConfig.data.period);
-		function m(e) {
+		let d = n, f = u, p = w(d.semanticConfig.data.period), m = w("选择商品"), v = w(!1), b = w(!1);
+		function C(e) {
 			p.value = e, f("kLineLevelChange", e);
 		}
-		let v = w(null), b = w(null), C = w(null), E = w(null), O = w(null), k = w(null);
-		ke(C);
-		let A = D(null), M = D(null), N = w(0), P = w(0), F = w(1), I = w(d.initialZoomLevel ?? 1), L = w(0), R = w(1), ee = w(0), z = w({}), oe = w(null), B = w([]), ce = I.value;
-		L.value = de(ce, {
+		function E(e) {
+			b.value = !1, m.value = e.code, F.value?.setSymbols([{
+				symbol: e.code,
+				exchange: e.exchange,
+				period: p.value,
+				source: e.source,
+				startDate: d.semanticConfig.data.startDate,
+				endDate: d.semanticConfig.data.endDate,
+				adjust: d.semanticConfig.data.adjust
+			}]);
+		}
+		let O = w(null), k = w(null), A = w(null), j = w(null), N = w(null), P = w(null);
+		ke(A);
+		let F = D(null), I = D(null), ee = w(0), L = w(0), R = w(1), z = w(d.initialZoomLevel ?? 1), B = w(0), oe = w(1), ce = w(0), le = w({}), V = w(null), H = w([]), he = z.value;
+		B.value = fe(he, {
 			minKWidth: d.minKWidth,
 			maxKWidth: d.maxKWidth,
 			zoomLevelCount: d.zoomLevels,
-			dpr: F.value
-		}), R.value = ue(L.value, F.value);
-		let V = w("light"), H = w({}), he = r(() => {
-			let e = H.value.isAsiaMarket ?? !1, t = re(V.value, e);
+			dpr: R.value
+		}), oe.value = de(B.value, R.value);
+		let ge = w("light"), _e = w({}), ve = r(() => {
+			let e = _e.value.isAsiaMarket ?? !1, t = re(ge.value, e);
 			return {
 				upColor: t.candleUpBody,
 				downColor: t.candleDownBody
 			};
-		}), ge = r(() => {
-			let e = V.value === "dark" ? te : ne, t = H.value.colorPresetSettings?.[V.value];
+		}), ye = r(() => {
+			let e = ge.value === "dark" ? te : ne, t = _e.value.colorPresetSettings?.[ge.value];
 			return t && Object.keys(t).length > 0 ? ie({
 				...e,
 				colors: {
@@ -1763,65 +2066,47 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				}
 			}) : ie(e);
 		}), U = null;
-		function _e(e) {
-			A.value?.setTheme(e.matches ? "dark" : "light");
+		function be(e) {
+			F.value?.setTheme(e.matches ? "dark" : "light");
 		}
-		function ve(e, t) {
+		function W(e, t) {
 			if (!(!e || !t)) if (t === "auto") {
 				let t = window.matchMedia("(prefers-color-scheme: dark)");
-				e.setTheme(t.matches ? "dark" : "light"), U !== t && (U?.removeEventListener("change", _e), U = t, t.addEventListener("change", _e));
-			} else U?.removeEventListener("change", _e), U = null, e.setTheme(t);
+				e.setTheme(t.matches ? "dark" : "light"), U !== t && (U?.removeEventListener("change", be), U = t, t.addEventListener("change", be));
+			} else U?.removeEventListener("change", be), U = null, e.setTheme(t);
 		}
-		function ye() {}
-		function be(e) {
-			if (H.value = e, ve(A.value, e.theme), A.value?.updateSettingsFacade(e), e.performanceTest10kKlines) {
-				let e = W();
-				console.time("updateData-10k"), A.value?.updateData(e), console.timeEnd("updateData-10k"), N.value = e.length, P.value++;
-			} else M.value && A.value?.getData()?.length === 1e4 && M.value.applyConfig(d.semanticConfig);
-		}
-		function W() {
-			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);
-				e.push({
-					timestamp: i,
-					open: parseFloat(o.toFixed(2)),
-					high: parseFloat(c.toFixed(2)),
-					low: parseFloat(l.toFixed(2)),
-					close: parseFloat(s.toFixed(2)),
-					volume: u
-				}), n = s;
-			}
-			return e;
+		function xe() {}
+		function Se(e) {
+			_e.value = e, W(F.value, e.theme), F.value?.updateSettingsFacade(e), F.value?.setDataFetcher(d.dataFetcher), I.value && d.semanticConfig && I.value.applyConfig(d.semanticConfig);
 		}
-		function xe(e, t, n) {
+		function Ce(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 Se(e) {
+		function we(e) {
 			e && h(() => {
 				if (!e.isConnected) return;
-				let t = xe(e, 180, 80);
-				A.value?.setTooltipSize(t);
+				let t = Ce(e, 180, 80);
+				F.value?.setTooltipSize(t);
 			});
 		}
-		function Ce(e) {
+		function Te(e) {
 			e && h(() => {
-				e.isConnected && (Ae.value = xe(e, 120, 60));
+				e.isConnected && (Me.value = Ce(e, 120, 60));
 			});
 		}
-		let we = w({
+		let G = w({
 			x: 0,
 			y: 0
-		}), G = w(!1), K = null;
+		}), K = w(!1), Ee = null;
 		function q() {
-			K = null;
+			Ee = null;
 		}
-		function Te(e) {
-			return K ||= e.getBoundingClientRect(), K;
+		function De(e) {
+			return Ee ||= e.getBoundingClientRect(), Ee;
 		}
 		let J = D({
 			crosshairPos: null,
@@ -1841,14 +2126,14 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 			isHoveringPaneBoundary: !1,
 			hoveredPaneBoundaryId: null,
 			isHoveringRightAxis: !1
-		}), Y = D(null), Ee = r(() => {
-			let e = oe.value;
-			return e ? B.value.find((t) => t.id === e) ?? null : null;
-		}), Oe = w([]), Ae = w({
+		}), Y = D(null), Ae = r(() => {
+			let e = V.value;
+			return e ? H.value.find((t) => t.id === e) ?? null : null;
+		}), je = w([]), Me = w({
 			width: 220,
 			height: 120
-		}), je = r(() => {
-			let e = v.value, t = b.value;
+		}), Ne = r(() => {
+			let e = O.value, t = k.value;
 			return !e || !t ? {
 				x: 0,
 				y: 0
@@ -1856,86 +2141,86 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				x: e.offsetLeft,
 				y: e.offsetTop
 			};
-		}), Me = r(() => J.value.hoveredMarkerData), Ne = r(() => J.value.hoveredCustomMarker), Pe = r(() => J.value.isDragging), Fe = r(() => J.value.isResizingPaneBoundary), Ie = r(() => J.value.isHoveringPaneBoundary), Le = r(() => J.value.hoveredPaneBoundaryId), Re = r(() => J.value.isHoveringRightAxis), ze = r(() => J.value.hoveredIndex);
+		}), Pe = r(() => J.value.hoveredMarkerData), Fe = r(() => J.value.hoveredCustomMarker), Ie = r(() => J.value.isDragging), Le = r(() => J.value.isResizingPaneBoundary), Re = r(() => J.value.isHoveringPaneBoundary), ze = r(() => J.value.hoveredPaneBoundaryId), Be = r(() => J.value.isHoveringRightAxis), Ve = r(() => J.value.hoveredIndex);
 		r(() => J.value.crosshairIndex);
-		let Be = r(() => Pe.value ? "grabbing" : Fe.value || Ie.value ? "ns-resize" : ze.value === null ? "crosshair" : "pointer"), Ve = r(() => {
+		let He = r(() => Ie.value ? "grabbing" : Le.value || Re.value ? "ns-resize" : Ve.value === null ? "crosshair" : "pointer"), Ue = r(() => {
 			let e = J.value.hoveredIndex;
 			if (typeof e != "number") return null;
-			P.value;
-			let t = A.value?.getData();
+			L.value;
+			let t = F.value?.getData();
 			return t && e >= 0 && e < t.length ? t[e] : null;
-		}), He = r(() => J.value.hoveredIndex), Ue = r(() => J.value.tooltipPos), We = r(() => ({
-			x: Ue.value.x + je.value.x,
-			y: Ue.value.y + je.value.y
-		})), Ge = r(() => ({
-			left: `${We.value.x}px`,
-			top: `${We.value.y}px`
-		})), Ke = r(() => ({
-			x: we.value.x + je.value.x,
-			y: we.value.y + je.value.y
+		}), We = r(() => J.value.hoveredIndex), Ge = r(() => J.value.tooltipPos), Ke = r(() => ({
+			x: Ge.value.x + Ne.value.x,
+			y: Ge.value.y + Ne.value.y
 		})), qe = r(() => ({
 			left: `${Ke.value.x}px`,
 			top: `${Ke.value.y}px`
-		})), Je = r(() => J.value.tooltipAnchorPlacement), Ye = r(() => {
-			let e = A.value?.viewport.peek(), t = v.value, n = e?.plotWidth ?? (t ? t.clientWidth : 0);
-			return we.value.x + 12 + Ae.value.width + 12 > n ? "left-bottom" : "right-bottom";
-		}), Xe = r(() => (P.value, A.value?.getData() ?? []));
-		function Ze(e) {
-			Y.value?.setTool(e);
-		}
-		function Qe() {
-			k.value?.toggleMenu();
-		}
+		})), Je = r(() => ({
+			x: G.value.x + Ne.value.x,
+			y: G.value.y + Ne.value.y
+		})), Ye = r(() => ({
+			left: `${Je.value.x}px`,
+			top: `${Je.value.y}px`
+		})), Xe = r(() => J.value.tooltipAnchorPlacement), Ze = r(() => {
+			let e = F.value?.viewport.peek(), t = O.value, n = e?.plotWidth ?? (t ? t.clientWidth : 0);
+			return G.value.x + 12 + Me.value.width + 12 > n ? "left-bottom" : "right-bottom";
+		}), Qe = r(() => (L.value, F.value?.getData() ?? []));
 		function $e(e) {
-			let t = Ee.value;
-			!t || !Y.value || (Y.value.updateDrawingStyle(t.id, e), B.value = Y.value.getDrawings());
+			Y.value?.setTool(e);
 		}
 		function et() {
-			let e = Ee.value;
-			!e || !Y.value || (Y.value.removeDrawing(e.id), oe.value = null, B.value = Y.value.getDrawings());
+			P.value?.toggleMenu();
 		}
 		function tt(e) {
-			A.value?.handlePointerEvent(e, { onPointerDown: (e, t) => Y.value?.onPointerDown(e, t) ? (B.value = Y.value.getDrawings(), !0) : !1 });
+			let t = Ae.value;
+			!t || !Y.value || (Y.value.updateDrawingStyle(t.id, e), H.value = Y.value.getDrawings());
 		}
-		function nt(e) {
-			let t = v.value;
+		function nt() {
+			let e = Ae.value;
+			!e || !Y.value || (Y.value.removeDrawing(e.id), V.value = null, H.value = Y.value.getDrawings());
+		}
+		function rt(e) {
+			F.value?.handlePointerEvent(e, { onPointerDown: (e, t) => Y.value?.onPointerDown(e, t) ? (H.value = Y.value.getDrawings(), !0) : !1 });
+		}
+		function it(e) {
+			let t = O.value;
 			if (t) {
-				let n = Te(t);
-				we.value = {
+				let n = De(t);
+				G.value = {
 					x: e.clientX - n.left,
 					y: e.clientY - n.top
 				};
 			}
-			A.value?.handlePointerEvent(e, { onPointerMove: (e, t) => Y.value?.onPointerMove(e, t) ? (B.value = Y.value.getDrawings(), !0) : !1 });
-		}
-		function rt(e) {
-			A.value?.handlePointerEvent(e, { onPointerUp: (e, t) => Y.value?.onPointerUp(e, t) ? (B.value = Y.value.getDrawings(), !0) : !1 });
-		}
-		function it(e) {
-			A.value?.handlePointerEvent(e);
+			F.value?.handlePointerEvent(e, { onPointerMove: (e, t) => Y.value?.onPointerMove(e, t) ? (H.value = Y.value.getDrawings(), !0) : !1 });
 		}
 		function at(e) {
-			A.value?.handlePointerEvent(e);
+			F.value?.handlePointerEvent(e, { onPointerUp: (e, t) => Y.value?.onPointerUp(e, t) ? (H.value = Y.value.getDrawings(), !0) : !1 });
 		}
 		function ot(e) {
-			A.value?.handlePointerEvent(e);
+			F.value?.handlePointerEvent(e);
 		}
 		function st(e) {
-			A.value?.handlePointerEvent(e);
+			F.value?.handlePointerEvent(e);
 		}
 		function ct(e) {
-			A.value?.handlePointerEvent(e);
+			F.value?.handlePointerEvent(e);
+		}
+		function lt(e) {
+			F.value?.handlePointerEvent(e);
+		}
+		function ut(e) {
+			F.value?.handlePointerEvent(e);
 		}
-		function lt() {
-			A.value?.handleScrollEvent();
+		function dt() {
+			F.value?.handleScrollEvent();
 		}
-		let ut = w([]), dt = r(() => {
+		let ft = w([]), pt = 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));
 			return e;
-		}), ft = r(() => [...ut.value, ...dt.value]), X = w({}), Z = w([]);
-		function pt() {
-			let e = z.value.main ?? 3;
+		}), mt = r(() => [...ft.value, ...pt.value]), X = w({}), Z = w([]);
+		function ht() {
+			let e = le.value.main ?? 3;
 			return Z.value.length === 0 ? [{
 				id: "main",
 				ratio: e,
@@ -1948,56 +2233,56 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				role: "price"
 			}, ...Z.value.map((e) => ({
 				id: e.id,
-				ratio: z.value[e.id] ?? 1,
+				ratio: le.value[e.id] ?? 1,
 				visible: !0,
 				role: "indicator"
 			}))];
 		}
-		function mt(e) {
+		function gt(e) {
 			if (e === "VOLUME") return {};
 			let t = me(e);
 			return t?.runtime?.defaultConfig ? { ...t.runtime.defaultConfig } : {};
 		}
-		function ht(e) {
+		function _t(e) {
 			if (e === "VOLUME") return !0;
 			let t = me(e);
 			return !!t && t.category !== "main";
 		}
-		let gt = /* @__PURE__ */ new Map();
-		function _t(e = "VOLUME", t) {
-			if (Z.value.length >= Fr) return !1;
-			let n = t ?? mt(e);
-			return !!A.value?.addIndicator(e, "sub", n);
+		let vt = /* @__PURE__ */ new Map();
+		function yt(e = "VOLUME", t) {
+			if (Z.value.length >= Xr) return !1;
+			let n = t ?? gt(e);
+			return !!F.value?.addIndicator(e, "sub", n);
 		}
-		function vt(e) {
-			A.value?.removeIndicator(e);
+		function bt(e) {
+			F.value?.removeIndicator(e);
 		}
-		function yt() {
-			for (let e of Z.value) A.value?.removeIndicator(e.id);
-			gt.clear();
+		function xt() {
+			for (let e of Z.value) F.value?.removeIndicator(e.id);
+			vt.clear();
 		}
-		function bt() {
-			let e = d.semanticConfig, t = A.value;
+		function St() {
+			let e = d.semanticConfig, t = F.value;
 			if (!t) return;
 			let n = e.indicators?.main;
 			if (n) for (let e of n) e.enabled && t.addIndicator(e.type, "main", e.params);
 		}
-		function xt() {
-			let e = A.value?.subPanes.peek() ?? [];
+		function Ct() {
+			let e = F.value?.subPanes.peek() ?? [];
 			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 >= (gt.get(e) ?? 0) && gt.set(e, n + 1);
+					n >= (vt.get(e) ?? 0) && vt.set(e, n + 1);
 				}
 			}
 		}
-		function St(e, t) {
-			let n = mt(t);
-			A.value?.replaceSubPaneIndicator(e, t, n);
+		function wt(e, t) {
+			let n = gt(t);
+			F.value?.replaceSubPaneIndicator(e, t, n);
 		}
-		function Ct(e, t) {
-			let n = A.value;
+		function Tt(e, t) {
+			let n = F.value;
 			if (n) {
 				if ([
 					"MA",
@@ -2019,33 +2304,33 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 					"STRUCTURE",
 					"ZONES"
 				].includes(e)) {
-					let r = ut.value.find((t) => t === e);
+					let r = ft.value.find((t) => t === e);
 					t && !r ? n.addIndicator(e, "main", X.value[e]) : !t && r && n.removeIndicator(e.toUpperCase());
 					return;
 				}
-				if (ht(e)) if (t) {
-					if (Z.value.find((t) => t.indicatorId === e) || Z.value.length >= Fr) return;
+				if (_t(e)) if (t) {
+					if (Z.value.find((t) => t.indicatorId === e) || Z.value.length >= Xr) return;
 					if (!n.addIndicator(e, "sub", X.value[e]) && Z.value.length > 0) {
 						let t = Z.value[Z.value.length - 1];
-						St(t.id, e);
+						wt(t.id, e);
 					}
 				} else Z.value.filter((t) => t.indicatorId === e).forEach((e) => {
 					n.removeIndicator(e.id);
 				});
 			}
 		}
-		function wt(e, t) {
+		function Et(e, t) {
 			if (e === "MA" || e === "BOLL" || e === "EXPMA" || e === "ENE") {
-				A.value?.updateIndicatorParams(e, t);
+				F.value?.updateIndicatorParams(e, t);
 				return;
 			}
-			ht(e) && Z.value.filter((t) => t.indicatorId === e).forEach((e) => {
-				A.value?.updateIndicatorParams(e.id, t);
+			_t(e) && Z.value.filter((t) => t.indicatorId === e).forEach((e) => {
+				F.value?.updateIndicatorParams(e.id, t);
 			});
 		}
-		function Tt(e) {
+		function Dt(e) {
 			if (!e.length || Z.value.length <= 1) return;
-			let t = e.filter((e) => ht(e));
+			let t = e.filter((e) => _t(e));
 			if (!t.length) return;
 			let n = new Map(Z.value.map((e) => [e.indicatorId, e])), r = [];
 			for (let e of t) {
@@ -2057,40 +2342,40 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 			let i = Z.value.map((e) => e.id), a = r.map((e) => e.id);
 			if (i.join("|") === a.join("|")) return;
 			Z.value = r;
-			let o = A.value;
-			o && o.updatePaneLayout(pt());
+			let o = F.value;
+			o && o.updatePaneLayout(ht());
 		}
-		let Et = r(() => d.rightAxisWidth + d.priceLabelWidth), Dt = r(() => (P.value, ee.value, L.value, R.value, F.value, A.value?.getContentWidth() ?? 0));
-		function Ot() {
-			let e = v.value, t = A.value;
+		let Ot = r(() => d.rightAxisWidth + d.priceLabelWidth), kt = r(() => (L.value, ce.value, B.value, oe.value, R.value, F.value?.getContentWidth() ?? 0));
+		function At() {
+			let e = O.value, t = F.value;
 			if (!e || !t) return;
 			let n = t.getData()?.length ?? 0;
 			if (n === 0) return;
-			let r = t.viewport.peek().dpr, { unitPx: i, startXPx: a } = le(L.value, R.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.viewport.peek().dpr, { unitPx: i, startXPx: a } = ue(B.value, oe.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;
 		}
-		function kt(e, t) {
-			A.value?.zoomToLevel(e, t);
+		function Mt(e, t) {
+			F.value?.zoomToLevel(e, t);
 		}
 		c({
-			scheduleRender: ye,
-			scrollToRight: Ot,
-			addSubPane: _t,
-			removeSubPane: vt,
-			switchSubIndicator: St,
-			clearAllSubPanes: yt,
-			zoomToLevel: kt,
-			zoomIn: (e) => kt(I.value + 1, e),
-			zoomOut: (e) => kt(I.value - 1, e),
-			getZoomLevel: () => I.value,
-			getZoomLevelCount: () => A.value?.getZoomLevelCount() ?? 10
+			scheduleRender: xe,
+			scrollToRight: At,
+			addSubPane: yt,
+			removeSubPane: bt,
+			switchSubIndicator: wt,
+			clearAllSubPanes: xt,
+			zoomToLevel: Mt,
+			zoomIn: (e) => Mt(z.value + 1, e),
+			zoomOut: (e) => Mt(z.value - 1, e),
+			getZoomLevel: () => z.value,
+			getZoomLevelCount: () => F.value?.getZoomLevelCount() ?? 10
 		});
-		function At() {
+		function Nt() {
 			return (e) => {
-				e.preventDefault(), A.value?.handleWheelEvent(e);
+				e.preventDefault(), F.value?.handleWheelEvent(e);
 			};
 		}
-		function Mt(e, t, n, r) {
+		function Pt(e, t, n, r) {
 			return se({
 				container: e,
 				data: [],
@@ -2107,11 +2392,11 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				maxKWidth: d.maxKWidth
 			});
 		}
-		function Nt(e) {
+		function Ft(e) {
 			let t = e.paneLayout.subscribe(() => {
 				q();
-				let t = v.value && parseInt(getComputedStyle(v.value).borderTopWidth) || 0;
-				Oe.value = e.paneLayout.peek().slice(0, -1).map((n) => {
+				let t = O.value && parseInt(getComputedStyle(O.value).borderTopWidth) || 0;
+				je.value = e.paneLayout.peek().slice(0, -1).map((n) => {
 					let r = e.getPaneInfo(n.id), i = (r?.top ?? 0) + (r?.height ?? 0);
 					return {
 						id: n.id,
@@ -2119,25 +2404,28 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 					};
 				});
 			}), n = e.paneRatios.subscribe(() => {
-				z.value = { ...e.paneRatios.peek() };
+				le.value = { ...e.paneRatios.peek() };
 			}), r = e.viewport.subscribe(() => {
 				let t = e.viewport.peek();
-				F.value !== t.dpr && (F.value = t.dpr), ee.value !== t.plotWidth && (ee.value = t.plotWidth), (I.value !== t.zoomLevel || L.value !== t.kWidth || R.value !== t.kGap) && (I.value = t.zoomLevel, L.value = t.kWidth, R.value = t.kGap);
+				R.value !== t.dpr && (R.value = t.dpr), ce.value !== t.plotWidth && (ce.value = t.plotWidth), (z.value !== t.zoomLevel || B.value !== t.kWidth || oe.value !== t.kGap) && (z.value = t.zoomLevel, B.value = t.kWidth, oe.value = t.kGap);
 				let n = t.desiredScrollLeft;
-				n !== void 0 && n !== v.value?.scrollLeft && (q(), h(() => {
-					let e = v.value;
+				n !== void 0 && n !== O.value?.scrollLeft && (q(), h(() => {
+					let e = O.value;
 					if (!e) return;
 					let r = Math.max(0, e.scrollWidth - e.clientWidth), i = Math.min(Math.max(0, n), r), a = t.dpr;
 					e.scrollLeft = Math.round(i * a) / a;
 				}));
 			}), i = e.data.subscribe(() => {
-				N.value = e.data.peek().length, P.value++;
-			}), a = e.theme.subscribe(() => {
+				let t = e.data.peek();
+				ee.value = t.length, L.value++, b.value = t.length === 0;
+			}), a = e.dataLoading.subscribe(() => {
+				v.value = e.dataLoading.peek();
+			}), o = e.theme.subscribe(() => {
 				let t = e.theme.peek();
-				V.value = t, f("themeChange", t);
-			}), o = e.indicators.subscribe(() => {
+				ge.value = t, f("themeChange", t);
+			}), s = e.indicators.subscribe(() => {
 				let t = e.indicators.peek(), n = t.filter((e) => e.role === "main").map((e) => e.definitionId);
-				ut.value = n;
+				ft.value = n;
 				let r = { ...X.value };
 				for (let e of t) e.role === "main" && e.params && Object.keys(e.params).length > 0 && (r[e.definitionId] = { ...e.params });
 				e.updateRendererConfig("mainIndicatorLegend", { indicators: {
@@ -2158,7 +2446,7 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 						params: r.ENE || {}
 					}
 				} }), X.value = r;
-			}), s = e.subPanes.subscribe(() => {
+			}), c = e.subPanes.subscribe(() => {
 				let t = e.subPanes.peek(), n = new Set(t.map((e) => e.paneId)), r = Z.value.filter((e) => n.has(e.id)), i = new Set(r.map((e) => e.id));
 				for (let e of t) i.has(e.paneId) || r.push({
 					id: e.paneId,
@@ -2171,150 +2459,150 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				X.value = a;
 			});
 			x(() => {
-				r(), i(), n(), t(), a(), o(), s(), U?.removeEventListener("change", _e);
+				r(), i(), a(), n(), t(), o(), s(), c(), U?.removeEventListener("change", be);
 			});
 		}
-		function Pt(e) {
-			let t = O.value?.getSettings() ?? { showVolumePriceMarkers: !0 };
-			if (H.value = t, ve(e, t.theme), e.updateSettingsFacade(t), t.performanceTest10kKlines) {
-				let t = W();
-				console.time("updateData-10k"), e.updateData(t), console.timeEnd("updateData-10k");
-			}
+		function It(e) {
+			let t = N.value?.getSettings() ?? { showVolumePriceMarkers: !0 };
+			_e.value = t, W(e, t.theme), e.updateSettingsFacade(t);
 		}
-		function Ft(e) {
+		function Lt(e) {
 			Y.value = new ae(e), Y.value.setCallbacks({
 				onDrawingCreated: (e) => {
-					B.value = [...B.value, e], oe.value = e.id;
+					H.value = [...H.value, e], V.value = e.id;
 				},
 				onToolChange: () => {},
 				onDrawingSelected: (e) => {
-					oe.value = e?.id ?? null;
+					V.value = e?.id ?? null;
 				}
 			});
 		}
-		function It(e) {
-			e.setTooltipAnchorPositioning(G.value), e.interactionState.subscribe(() => {
+		function Rt(e) {
+			e.setTooltipAnchorPositioning(K.value), e.interactionState.subscribe(() => {
 				J.value = e.interactionState.peek();
-			}), J.value = e.interactionState.peek(), F.value = e.viewport.peek().dpr;
+			}), J.value = e.interactionState.peek(), R.value = e.viewport.peek().dpr;
 		}
-		function Lt(e) {
-			if (pe(d.dataFetcher), M.value = new fe(e), M.value.on("config:error", (e) => {
+		function zt(e) {
+			e.setDataFetcher(d.dataFetcher), I.value = new pe(e), I.value.on("config:error", (e) => {
 				console.error("Semantic config error:", e);
-			}), M.value.on("config:ready", () => {
-				bt(), xt(), h(() => Ot());
-			}), H.value.performanceTest10kKlines) {
-				let e = M.value.applyIndicatorsOnly(d.semanticConfig);
-				e && !e.success && console.error("Semantic config apply failed:", e.errors);
-			} else M.value.applyConfig(d.semanticConfig).then((e) => {
-				e && !e.success && console.error("Semantic config apply failed:", e.errors);
+			}), I.value.on("config:ready", () => {
+				St(), Ct(), h(() => At());
 			});
 		}
 		return y(() => {
-			G.value = !1;
-			let e = v.value, t = b.value;
+			K.value = !1;
+			let e = O.value, t = k.value;
 			if (!e || !t) return;
-			let n = At();
+			let n = Nt();
 			e.addEventListener("wheel", n, { passive: !1 });
-			let r = e.querySelector(".canvas-layer"), i = e.querySelector(".x-axis-canvas"), a = Mt(e, r, t.querySelector(".right-axis-host"), i);
-			A.value = a, Nt(a), bt(), Pt(a), Ft(a), It(a), Lt(a);
+			let r = e.querySelector(".canvas-layer"), i = e.querySelector(".x-axis-canvas"), a = Pt(e, r, t.querySelector(".right-axis-host"), i);
+			F.value = a, Ft(a), St(), It(a), Lt(a), Rt(a), zt(a);
 		}), x(() => {
-			let e = A.value;
-			e && (A.value = null, e.dispose()), Y.value = null;
-		}), j(() => d.yPaddingPx, (e) => {
-			A.value?.updateOptionsFacade({ yPaddingPx: e });
-		}), j(() => d.semanticConfig, async (e, t) => {
+			let e = F.value;
+			e && (F.value = null, e.dispose()), Y.value = null;
+		}), M(() => d.yPaddingPx, (e) => {
+			F.value?.updateOptionsFacade({ yPaddingPx: e });
+		}), M(() => d.semanticConfig, async (e, t) => {
 			if (e && e !== t) {
-				let t = await M.value?.applyConfig(e);
+				let t = await I.value?.applyConfig(e);
 				t && !t.success && console.error("Semantic config apply failed:", t.errors);
 			}
 		}, { deep: !0 }), (r, c) => (S(), o("div", {
 			ref_key: "chartWrapperRef",
-			ref: C,
+			ref: A,
 			class: "chart-wrapper",
-			"data-theme": V.value,
-			style: _(ge.value)
+			"data-theme": ge.value,
+			style: _(ye.value)
 		}, [
-			l(Ar, {
-				symbol: n.semanticConfig.data.symbol,
+			l(Gr, {
+				symbol: m.value,
 				"k-line-level": p.value,
+				"symbol-loading": v.value,
+				"symbol-error": b.value,
 				onAddOverlaySymbol: c[0] ||= (e) => r.$emit("addOverlaySymbol"),
-				onKLineLevelChange: m,
-				onToggleIndicator: Qe
-			}, null, 8, ["symbol", "k-line-level"]),
+				onKLineLevelChange: C,
+				onToggleIndicator: et,
+				onSymbolChange: E
+			}, null, 8, [
+				"symbol",
+				"k-line-level",
+				"symbol-loading",
+				"symbol-error"
+			]),
 			s("div", { class: g(["chart-stage", {
-				"is-dragging": Pe.value,
-				"is-resizing-pane": Fe.value,
-				"is-hovering-pane-separator": Ie.value,
-				"is-hovering-right-axis": Re.value,
-				"is-hovering-kline": ze.value !== null
+				"is-dragging": Ie.value,
+				"is-resizing-pane": Le.value,
+				"is-hovering-pane-separator": Re.value,
+				"is-hovering-right-axis": Be.value,
+				"is-hovering-kline": Ve.value !== null
 			}]) }, [l(Tr, {
 				ref_key: "toolbarRef",
-				ref: O,
+				ref: N,
 				"is-fullscreen": n.isFullscreen,
-				onSelectTool: Ze,
+				onSelectTool: $e,
 				onToggleFullscreen: c[1] ||= (e) => r.$emit("toggleFullscreen"),
-				onZoomIn: c[2] ||= (e) => kt(I.value + 1),
-				onZoomOut: c[3] ||= (e) => kt(I.value - 1),
-				onSettingsChange: be
+				onZoomIn: c[2] ||= (e) => Mt(z.value + 1),
+				onZoomOut: c[3] ||= (e) => Mt(z.value - 1),
+				onSettingsChange: Se
 			}, null, 8, ["is-fullscreen"]), s("div", {
 				class: "chart-main",
 				ref_key: "chartMainRef",
-				ref: b
+				ref: k
 			}, [
-				s("div", Mr, [(S(!0), o(e, null, T(Oe.value, (e) => (S(), o("div", {
+				s("div", qr, [(S(!0), o(e, null, T(je.value, (e) => (S(), o("div", {
 					key: e.id,
-					class: g(["pane-separator-line", { "is-active": Le.value === e.id }]),
+					class: g(["pane-separator-line", { "is-active": ze.value === e.id }]),
 					style: _({ top: `${e.top}px` })
 				}, null, 6))), 128))]),
 				s("div", {
 					ref_key: "tooltipLayerRef",
-					ref: E,
+					ref: j,
 					class: "tooltip-layer"
 				}, null, 512),
 				s("div", {
 					class: "chart-container",
-					style: _({ cursor: Be.value }),
+					style: _({ cursor: He.value }),
 					ref_key: "containerRef",
-					ref: v,
-					onScrollPassive: lt,
-					onPointerdown: tt,
-					onPointermove: nt,
-					onPointerup: rt,
-					onPointerleave: it
+					ref: O,
+					onScrollPassive: dt,
+					onPointerdown: rt,
+					onPointermove: it,
+					onPointerup: at,
+					onPointerleave: ot
 				}, [s("div", {
 					class: "scroll-content",
-					style: _({ width: Dt.value + "px" })
-				}, [s("div", Nr, [s("canvas", Pr, null, 512), Ee.value ? (S(), i(De, {
+					style: _({ width: kt.value + "px" })
+				}, [s("div", Jr, [s("canvas", Yr, null, 512), Ae.value ? (S(), i(Oe, {
 					key: 0,
-					drawing: Ee.value,
-					onUpdateStyle: $e,
-					onDelete: et
+					drawing: Ae.value,
+					onUpdateStyle: tt,
+					onDelete: nt
 				}, null, 8, ["drawing"])) : a("", !0)], 512)], 4)], 36),
-				E.value ? (S(), i(t, {
+				j.value ? (S(), i(t, {
 					key: 0,
-					to: E.value
+					to: j.value
 				}, [
-					Ve.value ? (S(), o("div", {
+					Ue.value ? (S(), o("div", {
 						key: 0,
-						class: g(["tooltip-anchor kline-tooltip-anchor", { "use-anchor": G.value }]),
-						style: _(Ge.value)
+						class: g(["tooltip-anchor kline-tooltip-anchor", { "use-anchor": K.value }]),
+						style: _(qe.value)
 					}, null, 6)) : a("", !0),
-					Me.value || Ne.value ? (S(), o("div", {
+					Pe.value || Fe.value ? (S(), o("div", {
 						key: 1,
-						class: g(["tooltip-anchor marker-tooltip-anchor", { "use-anchor": G.value }]),
-						style: _(qe.value)
+						class: g(["tooltip-anchor marker-tooltip-anchor", { "use-anchor": K.value }]),
+						style: _(Ye.value)
 					}, null, 6)) : a("", !0),
-					Ve.value ? (S(), i(Kt, {
+					Ue.value ? (S(), i(Kt, {
 						key: 2,
-						k: Ve.value,
-						index: He.value,
-						data: Xe.value,
-						pos: We.value,
-						"set-el": Se,
-						"use-anchor": G.value,
-						"anchor-placement": Je.value,
-						"up-color": he.value.upColor,
-						"down-color": he.value.downColor
+						k: Ue.value,
+						index: We.value,
+						data: Qe.value,
+						pos: Ke.value,
+						"set-el": we,
+						"use-anchor": K.value,
+						"anchor-placement": Xe.value,
+						"up-color": ve.value.upColor,
+						"down-color": ve.value.downColor
 					}, null, 8, [
 						"k",
 						"index",
@@ -2325,13 +2613,13 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 						"up-color",
 						"down-color"
 					])) : a("", !0),
-					Me.value || Ne.value ? (S(), i(Yt, {
+					Pe.value || Fe.value ? (S(), i(Yt, {
 						key: 3,
-						marker: Me.value || Ne.value,
-						pos: Ke.value,
-						"use-anchor": G.value,
-						"anchor-placement": Ye.value,
-						"set-el": Ce
+						marker: Pe.value || Fe.value,
+						pos: Je.value,
+						"use-anchor": K.value,
+						"anchor-placement": Ze.value,
+						"set-el": Te
 					}, null, 8, [
 						"marker",
 						"pos",
@@ -2342,27 +2630,27 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 				s("div", {
 					class: "right-axis-host",
 					ref: "rightAxisLayerRef",
-					style: _({ width: Et.value + "px" }),
-					onPointerdown: at,
-					onPointermove: ot,
-					onPointerup: st,
-					onPointerleave: ct
+					style: _({ width: Ot.value + "px" }),
+					onPointerdown: st,
+					onPointermove: ct,
+					onPointerup: lt,
+					onPointerleave: ut
 				}, null, 36)
 			], 512)], 2),
 			l(jt, {
 				ref_key: "indicatorSelectorRef",
-				ref: k,
-				"active-indicators": ft.value,
+				ref: P,
+				"active-indicators": mt.value,
 				"indicator-params": X.value,
-				onToggle: Ct,
-				onUpdateParams: wt,
-				onReorderSubIndicators: Tt
+				onToggle: Tt,
+				onUpdateParams: Et,
+				onReorderSubIndicators: Dt
 			}, null, 8, ["active-indicators", "indicator-params"])
-		], 12, jr));
+		], 12, Kr));
 	}
-}), [["__scopeId", "data-v-bfe6c39c"]]), Lr = {
+}), [["__scopeId", "data-v-67f73cf1"]]), Qr = {
 	name: "@363045841yyt/klinechart",
-	version: "0.8.0",
+	version: "0.8.1-alpha.2",
 	description: "Vue 3 bindings for @363045841yyt/klinechart-core. Idiomatic composables, SFC components.",
 	license: "MIT",
 	repository: {
@@ -2434,14 +2722,14 @@ var sr = { class: "settings-body" }, cr = { class: "settings-label" }, lr = ["on
 		vitest: "^4.1.8",
 		vue: "^3.5.35"
 	}
-}.version, Rr = null;
-function zr(e) {
-	Rr = e;
+}.version, $r = null;
+function ei(e) {
+	$r = e;
 }
-function Br(e) {
+function ti(e) {
 	if (e.container == null) throw Error("[@363045841yyt/klinechart] createChart: `container` is required and must be a non-null HTMLElement");
-	if (Rr === null) throw Error("[@363045841yyt/klinechart] createChart: no ChartController factory registered. Call __setControllerFactory(...) before mounting (the core package wires this in production).");
-	return Rr(e);
+	if ($r === null) throw Error("[@363045841yyt/klinechart] createChart: no ChartController factory registered. Call __setControllerFactory(...) before mounting (the core package wires this in production).");
+	return $r(e);
 }
 function $(e) {
 	let t = D(e.peek());
@@ -2449,15 +2737,15 @@ function $(e) {
 		t.value = e.peek();
 	})), t;
 }
-function Vr(e, t) {
+function ni(e, t) {
 	let n = D(null), r = (e) => {
-		e == null || n.value != null || (n.value = Br({
+		e == null || n.value != null || (n.value = ti({
 			...t,
 			container: e
 		}));
 	};
 	r(e.value);
-	let i = j(e, (e) => {
+	let i = M(e, (e) => {
 		r(e);
 	}, {
 		immediate: !0,
@@ -2469,7 +2757,7 @@ function Vr(e, t) {
 	};
 	return b(a), v(a), { chart: n };
 }
-function Hr(e) {
+function ri(e) {
 	let t = D(e.indicators.peek());
 	return b(e.indicators.subscribe(() => {
 		t.value = e.indicators.peek();
@@ -2480,26 +2768,26 @@ function Hr(e) {
 		updateParams: e.updateIndicatorParams.bind(e)
 	};
 }
-function Ur(e) {
+function ii(e) {
 	let t = D(e.interactionState.peek());
 	return b(e.interactionState.subscribe(() => {
 		t.value = e.interactionState.peek();
 	})), t;
 }
-function Wr(e) {
+function ai(e) {
 	let t = D(e.paneRatios.peek());
 	return b(e.paneRatios.subscribe(() => {
 		t.value = e.paneRatios.peek();
 	})), t;
 }
-function Gr(e) {
+function oi(e) {
 	let t = D(e.viewport.peek());
 	return b(e.viewport.subscribe(() => {
 		t.value = e.viewport.peek();
 	})), t;
 }
-function Kr(e) {
-	let t = ee({ catalog: e.catalog });
+function si(e) {
+	let t = z({ catalog: e.catalog });
 	b(() => t.dispose());
 	let n = $(t.filteredMain), r = $(t.filteredSub), i = $(t.menuOpen), a = $(t.searchQuery);
 	function o(t) {
@@ -2527,7 +2815,7 @@ function Kr(e) {
 		isActive: c
 	};
 }
-var qr = u({
+var ci = u({
 	name: "KLineChart",
 	props: {
 		data: {
@@ -2560,7 +2848,7 @@ var qr = u({
 		y(() => {
 			let n = r.value;
 			n != null && (i.run(() => {
-				if (a.value = Br({
+				if (a.value = ti({
 					container: n,
 					data: e.data,
 					initialZoomLevel: e.initialZoomLevel,
@@ -2574,9 +2862,9 @@ var qr = 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(() => {
@@ -2606,9 +2894,9 @@ var qr = u({
 			}
 		});
 	}
-}), Jr = { install(e) {
-	e.component("KLineChart", qr);
+}), li = { install(e) {
+	e.component("KLineChart", ci);
 } };
-zr(R);
+ei(R);
 //#endregion
-export { L as CORE_VERSION, De as DrawingStyleToolbar, Je as IndicatorParams, jt as IndicatorSelector, qr as KLineChart, Ir as KLineChartVue, Kt as KLineTooltip, Jr as KMapPlugin, Tr as LeftToolbar, Yt as MarkerTooltip, Lr as VERSION, zr as __setControllerFactory, $ as coreSignalToVueRef, Br as createChart, Vr as useChart, Kr as useIndicatorSelector, Hr as useIndicators, Ur as useInteractionState, Wr as usePaneRatios, Gr as useViewport };
+export { L as CORE_VERSION, Oe as DrawingStyleToolbar, Je as IndicatorParams, jt as IndicatorSelector, ci as KLineChart, Zr as KLineChartVue, Kt as KLineTooltip, li as KMapPlugin, Tr as LeftToolbar, Yt as MarkerTooltip, Qr as VERSION, ei as __setControllerFactory, $ as coreSignalToVueRef, ti as createChart, ni as useChart, si as useIndicatorSelector, ri as useIndicators, ii as useInteractionState, ai as usePaneRatios, oi as useViewport };