waveform-analysis 0.1.46 → 0.1.47

package/dist/index.js

@@ -621,14 +621,14 @@ function Ye() {
 }
 //#endregion
 //#region src/utils/domain.ts
-function Xe(e) {
+function $(e) {
 	if (e.length === 0) return [0, 1];
 	let [t = 0, n = 1] = R(e);
 	if (t !== n) return [t, n];
 	let r = Math.abs(t) * .05 || .5;
 	return [t - r, n + r];
 }
-function Ze(e, t = 5, n) {
+function Xe(e, t = 5, n) {
 	let r = e;
 	if (n && e.length >= 2) {
 		let t = e[0], n = e[1], i = e[e.length - 1], a = e[e.length - 2];
@@ -650,71 +650,71 @@ function Ze(e, t = 5, n) {
 }
 //#endregion
 //#region src/utils/formatters.ts
-var Qe = .001, $e = 1e3, et = new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 4 }), tt = new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 4 });
-function nt(e, t) {
+var Ze = .001, Qe = 1e3, $e = new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 4 }), et = new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 4 });
+function tt(e, t) {
 	let n = e.toFixed(Math.max(0, t));
 	return /^-0(?:\.0+)?$/.test(n) ? n.slice(1) : n;
 }
-function rt(e) {
-	return Number.isFinite(e) && (e >= $e || e > 0 && e < Qe);
+function nt(e) {
+	return Number.isFinite(e) && (e >= Qe || e > 0 && e < Ze);
 }
-function it(e, t) {
+function rt(e, t) {
 	if (typeof e != "number" || typeof t != "number") return null;
 	let n = Math.max(Math.abs(e), Math.abs(t));
-	return rt(n) ? Math.floor(Math.log10(n)) : null;
+	return nt(n) ? Math.floor(Math.log10(n)) : null;
 }
-function at(e) {
+function it(e) {
 	return `E${e >= 0 ? "+" : "-"}${Math.abs(e).toString().padStart(2, "0")}`;
 }
-function ot(e) {
+function at(e) {
 	if (Object.is(e, -0)) return "0";
-	let t = e === 0 ? 0 : Number(e.toPrecision(5)), n = et.format(t);
+	let t = e === 0 ? 0 : Number(e.toPrecision(5)), n = $e.format(t);
 	return n === "-0" ? "0" : n;
 }
-function st(e, t = {}) {
+function ot(e, t = {}) {
 	if (!Number.isFinite(e)) return String(e);
-	let n = it(t.axisMin, t.axisMax), r = ot(n === null ? e : e / 10 ** n);
+	let n = rt(t.axisMin, t.axisMax), r = at(n === null ? e : e / 10 ** n);
 	if (e !== (t.topTickValue ?? t.axisMax)) return r;
 	let i = t.unit?.trim(), a = i ? `(${i}) ` : "";
-	return `${n === null ? "" : `${at(n)} `}${a}${r}`;
+	return `${n === null ? "" : `${it(n)} `}${a}${r}`;
 }
-function ct(e) {
-	return Number.isFinite(e) ? Object.is(e, -0) ? "0" : tt.format(e) : String(e);
+function st(e) {
+	return Number.isFinite(e) ? Object.is(e, -0) ? "0" : et.format(e) : String(e);
 }
-function lt(e) {
+function ct(e) {
 	if (!Number.isFinite(e)) return String(e);
 	if (Object.is(e, -0)) return "0";
 	let [t, n] = e.toExponential().split("e"), r = Number(n), i = t.startsWith("-"), a = t.replace("-", "").replace(".", ""), o = r + 1, s;
 	return s = o <= 0 ? `0.${"0".repeat(Math.abs(o))}${a}` : o >= a.length ? `${a}${"0".repeat(o - a.length)}` : `${a.slice(0, o)}.${a.slice(o)}`, `${i ? "-" : ""}${s}`;
 }
-function ut(e, t) {
+function lt(e, t) {
 	return t === "ms" ? e * 1e3 : e;
 }
-function dt(e, t, n, r, i) {
-	let a = ut(e, n);
+function ut(e, t, n, r, i) {
+	let a = lt(e, n);
 	return i ? i(a, {
 		kind: r,
 		rawValue: e,
 		timeUnit: n,
 		domain: [t[0], t[1]],
-		displayDomain: [ut(t[0], n), ut(t[1], n)]
-	}) : lt(a);
+		displayDomain: [lt(t[0], n), lt(t[1], n)]
+	}) : ct(a);
+}
+function dt(e, t, n) {
+	return ut(e, t, n, "end");
 }
 function ft(e, t, n) {
-	return dt(e, t, n, "end");
+	return ut(e, n ?? [e, e], t, "tick");
 }
-function pt(e, t, n) {
-	return dt(e, n ?? [e, e], t, "tick");
+function pt(e, t) {
+	return st(lt(e, t));
 }
 function mt(e, t) {
-	return ct(ut(e, t));
-}
-function ht(e, t) {
-	return Number.isFinite(e) ? nt(ut(e, t), 3) : String(e);
+	return Number.isFinite(e) ? tt(lt(e, t), 3) : String(e);
 }
 //#endregion
 //#region src/utils/geometry.ts
-function gt(e, t, n) {
+function ht(e, t, n) {
 	if (e <= 0) return {
 		gap: 0,
 		axisBand: 0,
@@ -727,55 +727,55 @@ function gt(e, t, n) {
 		height: Math.max(1, (n - (e - 1) * (c + l)) / e)
 	};
 }
-function _t(e, t, n) {
+function gt(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/core/constants.ts
-var vt = {
+var _t = {
 	top: 18,
 	right: 24,
 	bottom: 52,
 	left: 80
-}, yt = {
+}, vt = {
 	DEFAULT_MAX_SCALE: 40,
 	MIN_SCALE: 1
-}, bt = .62, xt = 1.2, St = /* @__PURE__ */ "#0960bd.#ff7f0e.#2ca02c.#d62728.#9467bd.#8c564b.#e377c2.#7f7f7f.#bcbd22.#17becf.#005f73.#0a9396.#ae2012.#bb3e03.#ca6702.#ee9b00.#9b2226.#3a0ca3.#4361ee.#4895ef.#560bad.#7209b7.#b5179e.#f72585.#006d77.#2f3e46.#354f52.#52796f.#800f2f.#31572c".split("."), Ct = {
+}, yt = .62, bt = 1.2, xt = /* @__PURE__ */ "#0960bd.#ff7f0e.#2ca02c.#d62728.#9467bd.#8c564b.#e377c2.#7f7f7f.#bcbd22.#17becf.#005f73.#0a9396.#ae2012.#bb3e03.#ca6702.#ee9b00.#9b2226.#3a0ca3.#4361ee.#4895ef.#560bad.#7209b7.#b5179e.#f72585.#006d77.#2f3e46.#354f52.#52796f.#800f2f.#31572c".split("."), St = {
 	WIDTH: 1.5,
 	CAP_WIDTH: 8
-}, wt = {
+}, Ct = {
 	COLOR: "#98a2b3",
 	WIDTH: 1,
 	DASH: "6 4"
 };
 //#endregion
 //#region src/components/core/yDomain.ts
-function Tt(e) {
+function wt(e) {
 	if (!(!e || !Number.isFinite(e[0]) || !Number.isFinite(e[1]) || e[0] === e[1])) return e[0] < e[1] ? [e[0], e[1]] : [e[1], e[0]];
 }
-function Et(e, t) {
-	return Tt(t?.[e.id]);
+function Tt(e, t) {
+	return wt(t?.[e.id]);
 }
-function Dt(e, t, n) {
-	return Tt(n?.[e.id]) ?? Tt(t);
+function Et(e, t, n) {
+	return wt(n?.[e.id]) ?? wt(t);
 }
-function Ot(e, t, n) {
-	return !!(Et(e, n) || e.visibleSeries.some((e) => Dt(e, t, n)));
+function Dt(e, t, n) {
+	return !!(Tt(e, n) || e.visibleSeries.some((e) => Et(e, t, n)));
 }
-function kt(e) {
+function Ot(e) {
 	return [Math.min(...e.map((e) => e[0])), Math.max(...e.map((e) => e[1]))];
 }
 //#endregion
 //#region src/core/data.ts
-var At = Ct.WIDTH, jt = Ct.CAP_WIDTH;
-function Mt(e) {
+var kt = St.WIDTH, At = St.CAP_WIDTH;
+function jt(e) {
 	return e === "dashed" || e === "dash-dot" ? e : "solid";
 }
-function Nt(e) {
+function Mt(e) {
 	return typeof e == "number" && Number.isFinite(e) && e >= 0 ? e : void 0;
 }
-function Pt(e) {
-	let t = Nt(e.error), n = Nt(e.lowerError), r = Nt(e.upperError);
+function Nt(e) {
+	let t = Mt(e.error), n = Mt(e.lowerError), r = Mt(e.upperError);
 	return {
 		x: e.x,
 		y: e.y,
@@ -784,14 +784,14 @@ function Pt(e) {
 		...r === void 0 ? {} : { upperError: r }
 	};
 }
-function Ft(e) {
-	let t = Nt(e.error) ?? 0;
+function Pt(e) {
+	let t = Mt(e.error) ?? 0;
 	return {
-		lower: Nt(e.lowerError) ?? t,
-		upper: Nt(e.upperError) ?? t
+		lower: Mt(e.lowerError) ?? t,
+		upper: Mt(e.upperError) ?? t
 	};
 }
-function It(e) {
+function Ft(e) {
 	if (e.kind === "samples") {
 		if (!Number.isFinite(e.sampleRate) || e.sampleRate <= 0) return [];
 		let t = Number.isFinite(e.startTime) ? e.startTime ?? 0 : 0, n = [];
@@ -807,14 +807,14 @@ function It(e) {
 	let t = [], n = -Infinity, r = !0;
 	for (let i of e.points) {
 		if (!Number.isFinite(i.x) || !Number.isFinite(i.y)) continue;
-		let e = Pt(i);
+		let e = Nt(i);
 		e.x < n && (r = !1), n = e.x, t.push(e);
 	}
 	return r || t.sort((e, t) => e.x - t.x), t;
 }
-function Lt(e) {
+function It(e) {
 	if (e.kind !== "series") {
-		let t = It(e);
+		let t = Ft(e);
 		return t.length > 0 ? [{
 			id: "series-0",
 			name: "",
@@ -823,8 +823,8 @@ function Lt(e) {
 			pointType: "none",
 			errorBar: {
 				visible: !1,
-				width: At,
-				capWidth: jt
+				width: kt,
+				capWidth: At
 			},
 			points: t
 		}] : [];
@@ -834,7 +834,7 @@ function Lt(e) {
 		let r = e.id?.trim() || `series-${n}`, i = r, a = 1;
 		for (; t.has(i);) i = `${r}-${a}`, a++;
 		t.add(i);
-		let o = e.lineType ?? "linear", s = Mt(e.lineStyle), c = e.pointType ?? "none", l = e.errorBar?.visible === !0, u = o === "none" && c === "none" && !l ? "linear" : o, d = Number(e.errorBar?.width), f = Number(e.errorBar?.capWidth);
+		let o = e.lineType ?? "linear", s = jt(e.lineStyle), c = e.pointType ?? "none", l = e.errorBar?.visible === !0, u = o === "none" && c === "none" && !l ? "linear" : o, d = Number(e.errorBar?.width), f = Number(e.errorBar?.capWidth);
 		return {
 			id: i,
 			shotNo: e.shotNo?.trim() || void 0,
@@ -848,29 +848,29 @@ function Lt(e) {
 			errorBar: {
 				visible: l,
 				color: e.errorBar?.color,
-				width: Number.isFinite(d) && d > 0 ? d : At,
-				capWidth: Number.isFinite(f) && f > 0 ? f : jt
+				width: Number.isFinite(d) && d > 0 ? d : kt,
+				capWidth: Number.isFinite(f) && f > 0 ? f : At
 			},
-			points: It(e.data)
+			points: Ft(e.data)
 		};
 	}).filter((e) => e.points.length > 0);
 }
 //#endregion
 //#region src/core/renderingStrategies.ts
-function Rt(e, t) {
+function Lt(e, t) {
 	return {
 		start: Math.max(0, e.start - 1),
 		end: Math.min(t, e.end + 1)
 	};
 }
-function zt(e, t) {
+function Rt(e, t) {
 	t && e[e.length - 1] !== t && e.push(t);
 }
-var Bt = (e) => {
-	let { start: t, end: n } = Rt(e.range, e.points.length);
+var zt = (e) => {
+	let { start: t, end: n } = Lt(e.range, e.points.length);
 	return e.points.slice(t, n);
-}, Vt = (e) => {
-	let { points: t, range: n, domain: r, width: i, options: a } = e, { start: o, end: s } = Rt(n, t.length);
+}, Bt = (e) => {
+	let { points: t, range: n, domain: r, width: i, options: a } = e, { start: o, end: s } = Lt(n, t.length);
 	if (s - o <= 0) return [];
 	let c = Math.min(r[0], r[1]), l = Math.max(r[0], r[1]), u = Math.max(4, Math.floor(i * a.maxPointsPerPixel)), d = Math.max(1, Math.floor(u / 4)), f = [], p = l - c || 1, m = Array.from({ length: 4 }, () => -1), h = -1, g = -1, _ = -1, v = -1, y = -1, b = (e, t) => {
 		if (e < 0) return t;
@@ -885,9 +885,9 @@ var Bt = (e) => {
 			for (; n >= 0 && m[n] > e;) m[n + 1] = m[n], --n;
 			m[n + 1] = e;
 		}
-		for (let n = 0; n < e; n += 1) zt(f, t[m[n]]);
+		for (let n = 0; n < e; n += 1) Rt(f, t[m[n]]);
 	};
-	zt(f, t[o]);
+	Rt(f, t[o]);
 	for (let e = n.start; e < n.end; e += 1) {
 		let n = t[e], r = Math.min(d - 1, Math.max(0, Math.floor((n.x - c) / p * d)));
 		if (r !== h) {
@@ -896,53 +896,53 @@ var Bt = (e) => {
 		}
 		_ = e, n.y < t[v].y && (v = e), n.y > t[y].y && (y = e);
 	}
-	return x(), zt(f, t[s - 1]), f;
+	return x(), Rt(f, t[s - 1]), f;
 };
-function Ht(e) {
+function Vt(e) {
 	let t = Math.max(4, Math.floor(e.width * e.options.maxPointsPerPixel));
-	return !e.options.downsample || e.visibleCount <= e.options.downsampleThreshold || e.visibleCount <= t ? Bt : Vt;
+	return !e.options.downsample || e.visibleCount <= e.options.downsampleThreshold || e.visibleCount <= t ? zt : Bt;
 }
 //#endregion
 //#region src/core/renderingOptions.ts
-var Ut = {
+var Ht = {
 	downsample: !0,
 	downsampleThreshold: 2e3,
 	maxPointsPerPixel: 4,
 	pointMinSpacing: 10,
 	errorBarMinSpacing: 12
 };
-function Wt(e) {
+function Ut(e) {
 	let t = Number(e?.downsampleThreshold), n = Number(e?.maxPointsPerPixel), r = Number(e?.pointMinSpacing), i = Number(e?.errorBarMinSpacing);
 	return {
-		downsample: e?.downsample ?? Ut.downsample,
-		downsampleThreshold: Number.isFinite(t) && t >= 2 ? Math.floor(t) : Ut.downsampleThreshold,
-		maxPointsPerPixel: Number.isFinite(n) && n > 0 ? n : Ut.maxPointsPerPixel,
-		pointMinSpacing: Number.isFinite(r) && r >= 0 ? r : Ut.pointMinSpacing,
-		errorBarMinSpacing: Number.isFinite(i) && i >= 0 ? i : Ut.errorBarMinSpacing
+		downsample: e?.downsample ?? Ht.downsample,
+		downsampleThreshold: Number.isFinite(t) && t >= 2 ? Math.floor(t) : Ht.downsampleThreshold,
+		maxPointsPerPixel: Number.isFinite(n) && n > 0 ? n : Ht.maxPointsPerPixel,
+		pointMinSpacing: Number.isFinite(r) && r >= 0 ? r : Ht.pointMinSpacing,
+		errorBarMinSpacing: Number.isFinite(i) && i >= 0 ? i : Ht.errorBarMinSpacing
 	};
 }
 //#endregion
 //#region src/core/rendering.ts
-var Gt = P((e) => e.x), Kt = () => !0;
-function qt(e, t) {
+var Wt = P((e) => e.x), Gt = () => !0;
+function Kt(e, t) {
 	let n = Math.min(t[0], t[1]), r = Math.max(t[0], t[1]);
 	return {
-		start: Gt.left(e, n),
-		end: Gt.right(e, r)
+		start: Wt.left(e, n),
+		end: Wt.right(e, r)
 	};
 }
-function Jt(e, t, n) {
+function qt(e, t, n) {
 	if (!Number.isFinite(n) || n <= 0) return !0;
 	let r = Math.ceil(n), i = /* @__PURE__ */ new Set();
 	for (let n of e) {
-		let e = qt(n.points, t);
+		let e = Kt(n.points, t);
 		for (let t = e.start; t < e.end; t += 1) if (i.add(n.points[t].x), i.size >= r) return !0;
 	}
 	return !1;
 }
-function Yt(e, t, n, r, i) {
+function Jt(e, t, n, r, i) {
 	let a = Math.max(0, t.start - 1), o = Math.min(e.length, t.end + 1) - a;
-	return o <= 0 ? [] : Ht({
+	return o <= 0 ? [] : Vt({
 		visibleCount: o,
 		width: r,
 		options: i
@@ -954,12 +954,12 @@ function Yt(e, t, n, r, i) {
 		options: i
 	});
 }
-function Xt(e, t, n, r) {
-	return !e.length || n <= 0 ? [] : Yt(e, qt(e, t), t, n, r);
+function Yt(e, t, n, r) {
+	return !e.length || n <= 0 ? [] : Jt(e, Kt(e, t), t, n, r);
 }
-function Zt(e, t, n, r, i, a, o, s) {
+function Xt(e, t, n, r, i, a, o, s) {
 	if (!a || i === 0) {
-		if (o === Kt) return e.slice(t.start, t.end);
+		if (o === Gt) return e.slice(t.start, t.end);
 		let n = [];
 		for (let r = t.start; r < t.end; r += 1) o(e[r]) && n.push(e[r]);
 		return n;
@@ -992,34 +992,38 @@ function Zt(e, t, n, r, i, a, o, s) {
 	let w = (f ?? []).map((e, t) => m?.[t] ?? e).filter((e) => e !== void 0);
 	return v && w[0] !== v && w.unshift(v), y && w.at(-1) !== y && w.push(y), w;
 }
-function Qt(e) {
-	let { lower: t, upper: n } = Ft(e);
+function Zt(e) {
+	let { lower: t, upper: n } = Pt(e);
 	return t !== 0 || n !== 0;
 }
-function $t(e, t, n, r, i) {
+function Qt(e, t, n, r, i) {
 	if (!e.length || n <= 0) return {
 		linePoints: [],
 		pointRenderPoints: [],
 		errorBarRenderPoints: []
 	};
-	let a = qt(e, t), o = i.lineVisible ? Yt(e, a, t, n, r) : [], s = i.errorBarVisible && i.hasErrorPoints;
+	let a = Kt(e, t), o = i.lineVisible ? Jt(e, a, t, n, r) : [], s = i.errorBarVisible && i.hasErrorPoints;
 	if (i.pointVisible && s) {
-		let i = Zt(e, a, t, n, Math.max(r.pointMinSpacing, r.errorBarMinSpacing), r.downsample, Kt, Qt);
+		let i = Xt(e, a, t, n, Math.max(r.pointMinSpacing, r.errorBarMinSpacing), r.downsample, Gt, Zt);
 		return {
 			linePoints: o,
 			pointRenderPoints: i,
-			errorBarRenderPoints: i.filter(Qt)
+			errorBarRenderPoints: i.filter(Zt)
 		};
 	}
 	return {
 		linePoints: o,
-		pointRenderPoints: i.pointVisible ? Zt(e, a, t, n, r.pointMinSpacing, r.downsample, Kt) : [],
-		errorBarRenderPoints: s ? Zt(e, a, t, n, r.errorBarMinSpacing, r.downsample, Qt) : []
+		pointRenderPoints: i.pointVisible ? Xt(e, a, t, n, r.pointMinSpacing, r.downsample, Gt) : [],
+		errorBarRenderPoints: s ? Xt(e, a, t, n, r.errorBarMinSpacing, r.downsample, Zt) : []
 	};
 }
-var en = (e, t) => {
+var $t = (e, t) => {
 	let n = typeof e == "number" ? e : Number(e);
 	return Number.isFinite(n) ? Math.min(10, Math.max(1, Math.floor(n))) : t;
+}, en = (e) => {
+	if (!Array.isArray(e)) return [];
+	let t = e.filter((e) => typeof e == "string").map((e) => e.trim()).filter(Boolean);
+	return Array.from(new Set(t));
 };
 function tn(e) {
 	let t = Object.fromEntries(Object.entries(e?.trackLines ?? {}).map(([e, t]) => [e, {
@@ -1029,10 +1033,11 @@ function tn(e) {
 		verticalColor: typeof t?.verticalColor == "string" && t.verticalColor.trim() ? t.verticalColor : void 0
 	}]));
 	return {
-		rowCount: en(e?.rowCount, 2),
-		columnCount: en(e?.columnCount, 1),
+		rowCount: $t(e?.rowCount, 2),
+		columnCount: $t(e?.columnCount, 1),
 		showPagination: e?.showPagination ?? !0,
 		fillIncompleteLastRow: e?.fillIncompleteLastRow ?? !1,
+		trackOrder: en(e?.trackOrder),
 		trackLines: t
 	};
 }
@@ -1114,64 +1119,48 @@ function pn(e) {
 		hasSeries: !!e.series
 	})), n = cn(t, e.grid.columnCount);
 	return t.flatMap((t, r) => {
-		let i = !t.series;
-		if (i && (e.displayMode !== "compact" || !e.showCompactEmptyTracks)) return [];
-		let a = {
+		let i = !t.series || t.series.series.length === 0;
+		if (!t.series && (e.displayMode !== "compact" || !e.showCompactEmptyTracks)) return [];
+		let a = t.series ?? {
 			id: `empty-grid-slot-${t.slotIndex}`,
-			name: "",
-			color: "transparent",
-			lineType: "linear",
-			lineStyle: "solid",
-			pointType: "none",
-			errorBar: {
-				visible: !1,
-				width: 1.5,
-				capWidth: 8
-			},
-			points: [],
+			series: [],
+			visibleSeries: [],
 			xDomain: [0, 1],
-			yDomain: [0, 1],
-			hasErrorPoints: !1
-		}, o = t.series ?? {
-			id: a.id,
-			series: [a],
-			visibleSeries: [a],
-			xDomain: a.xDomain,
-			yDomain: a.yDomain
-		}, s = !i && o.visibleSeries.length > 0, c = o.visibleSeries[0] ?? o.series[0] ?? a, l = e.displayMode === "independent" ? V(fn(o, c.id, e), [0, t.width]) : V(e.sharedZoomDomain, [0, t.width]), u = (e.displayMode === "independent" ? e.independentTransforms[r] ?? W : W).rescaleX(l), d = e.yDomains?.[o.id], f = Cn(o, e.overlayMode, e.fixedYDomain, e.fixedYDomains).map((e) => !e.fixed && d ? {
+			yDomain: [0, 1]
+		}, o = !i && a.visibleSeries.length > 0, s = a.visibleSeries[0] ?? a.series[0] ?? null, c = e.displayMode === "independent" ? V(fn(a, s?.id ?? a.id, e), [0, t.width]) : V(e.sharedZoomDomain, [0, t.width]), l = (e.displayMode === "independent" ? e.independentTransforms[r] ?? W : W).rescaleX(c), u = e.yDomains?.[a.id], d = Cn(a, e.overlayMode, e.fixedYDomain, e.fixedYDomains).map((e) => !e.fixed && u ? {
 			...e,
-			domain: d
-		} : e), p = {
+			domain: u
+		} : e), f = {
 			left: 0,
 			right: 0
-		}, m = f.map((n) => {
+		}, p = d.map((n) => {
 			let r = yn(t.plotHeight, e.yAxisSplitNumber), i = Math.max(1, r - 1), a = V(n.domain, [t.plotHeight, 0]);
 			a.nice(i);
-			let [o, s] = a.domain(), c = Array.from({ length: r }, (e, t) => o + (s - o) * t / (r - 1)), l = e.displayMode !== "compact" || t.row === 0 ? c : c.slice(0, -1), { tickTextWidth: u } = wn(a.domain(), !1, l, n.seriesList[0]?.unit, r), d = u + 7 + 0 + 12 + 4, f = n.side === "left" ? -p.left : t.width + p.right, m = u + 7 + 0 + 12 / 2, h = f + (n.side === "left" ? -m : m);
-			return p[n.side] += d, {
+			let [o, s] = a.domain(), c = Array.from({ length: r }, (e, t) => o + (s - o) * t / (r - 1)), l = e.displayMode !== "compact" || t.row === 0 ? c : c.slice(0, -1), { tickTextWidth: u } = wn(a.domain(), !1, l, n.seriesList[0]?.unit, r), d = u + 7 + 0 + 12 + 4, p = n.side === "left" ? -f.left : t.width + f.right, m = u + 7 + 0 + 12 / 2, h = p + (n.side === "left" ? -m : m);
+			return f[n.side] += d, {
 				index: n.index,
 				side: n.side,
-				x: f,
+				x: p,
 				labelX: h,
 				scale: a,
 				majorTicks: c,
-				minorTicks: Ze(c, 2),
+				minorTicks: Xe(c, 2),
 				tickValues: l,
 				seriesList: n.seriesList
 			};
-		}), h = m[0]?.scale ?? V(o.yDomain, [t.plotHeight, 0]).nice(), g = u.ticks(Math.max(2, Math.floor(t.width / 100))), _ = m[0]?.majorTicks ?? [], v = m[0]?.tickValues ?? [], y = u.domain(), b = {
-			start: dt(y[0], y, e.timeUnit, "start", e.xAxisLabelFormatter),
-			end: dt(y[1], y, e.timeUnit, "end", e.xAxisLabelFormatter)
-		}, x = b.start.length * 7 + 10, S = b.end.length * 7 + 10, C = g.filter((e) => {
-			let n = u(e);
-			return n > x && n < t.width - S;
-		}), w = o.visibleSeries.map((n) => {
-			let r = m.find((e) => e.seriesList.some((e) => e.id === n.id)), a = r?.scale ?? h, o = $t(n.points, y, t.width, e.rendering, {
+		}), m = p[0]?.scale ?? V(a.yDomain, [t.plotHeight, 0]).nice(), h = l.ticks(Math.max(2, Math.floor(t.width / 100))), g = p[0]?.majorTicks ?? [], _ = p[0]?.tickValues ?? [], v = l.domain(), y = {
+			start: ut(v[0], v, e.timeUnit, "start", e.xAxisLabelFormatter),
+			end: ut(v[1], v, e.timeUnit, "end", e.xAxisLabelFormatter)
+		}, b = y.start.length * 7 + 10, x = y.end.length * 7 + 10, S = h.filter((e) => {
+			let n = l(e);
+			return n > b && n < t.width - x;
+		}), C = a.visibleSeries.map((n) => {
+			let r = p.find((e) => e.seriesList.some((e) => e.id === n.id)), a = r?.scale ?? m, o = Qt(n.points, v, t.width, e.rendering, {
 				lineVisible: !i && n.lineType !== "none",
 				pointVisible: n.pointType !== "none",
 				errorBarVisible: n.errorBar.visible,
 				hasErrorPoints: n.hasErrorPoints
-			}), s = z().x((e) => u(e.x)).y((e) => a(e.y));
+			}), s = z().x((e) => l(e.x)).y((e) => a(e.y));
 			return n.lineType === "step-start" && s.curve(L), n.lineType === "step-middle" && s.curve(F), (n.lineType === "step-end" || n.lineType === "step-after") && s.curve(I), {
 				series: n,
 				path: o.linePoints.length ? s(o.linePoints) : null,
@@ -1182,13 +1171,13 @@ function pn(e) {
 			};
 		});
 		return {
-			id: o.id,
+			id: a.id,
 			index: r,
-			series: c,
-			seriesList: o.visibleSeries,
-			legendSeries: o.series,
+			series: s,
+			seriesList: a.visibleSeries,
+			legendSeries: a.series,
 			isEmpty: i,
-			hasVisibleSeries: s,
+			hasVisibleSeries: o,
 			column: t.column,
 			showYAxisLabel: !e.hideSecondaryLabels || t.column === 0,
 			yAxisLabelX: e.yAxisLabelX,
@@ -1196,23 +1185,23 @@ function pn(e) {
 			top: t.top,
 			width: t.width,
 			height: t.plotHeight,
-			xScale: u,
-			yScale: h,
-			yAxes: m,
-			xMajorTicks: g,
-			xMinorTicks: Ze(g, 3, y),
-			yMajorTicks: _,
-			yMinorTicks: m[0]?.minorTicks ?? [],
-			yAxisTickValues: v,
-			xAxisTickValues: C,
-			endpointLabels: b,
-			path: w[0]?.path ?? null,
-			seriesPaths: w,
-			gridLines: e.grid.trackLines[o.id] ?? {
+			xScale: l,
+			yScale: m,
+			yAxes: p,
+			xMajorTicks: h,
+			xMinorTicks: Xe(h, 3, v),
+			yMajorTicks: g,
+			yMinorTicks: p[0]?.minorTicks ?? [],
+			yAxisTickValues: _,
+			xAxisTickValues: S,
+			endpointLabels: y,
+			path: C[0]?.path ?? null,
+			seriesPaths: C,
+			gridLines: e.grid.trackLines[a.id] ?? {
 				horizontal: !0,
 				vertical: !0
 			},
-			showXAxis: (i || s) && (e.displayMode === "independent" || (e.displayMode === "compact" ? t.isLastRow ?? t.row === e.grid.rowCount - 1 : n.has(t.slotIndex)))
+			showXAxis: (i || o) && (e.displayMode === "independent" || (e.displayMode === "compact" ? t.isLastRow ?? t.row === e.grid.rowCount - 1 : n.has(t.slotIndex)))
 		};
 	});
 }
@@ -1253,22 +1242,22 @@ function Sn(e, t) {
 		if (t === "single-axis") n.domain = e.yDomain;
 		else {
 			let t = n.seriesList.flatMap((e) => e.yDomain);
-			n.domain = t.length > 0 ? Xe(t) : e.yDomain;
+			n.domain = t.length > 0 ? $(t) : e.yDomain;
 		}
 	}), n.set(t, o), o;
 }
 function Cn(e, t, n, r) {
-	let i = Et(e, r);
+	let i = Tt(e, r);
 	return Sn(e, t).map((e) => {
 		if (i) return {
 			...e,
 			domain: i,
 			fixed: !0
 		};
-		let t = e.seriesList.map((e) => Dt(e, n, r) ?? e.yDomain), a = e.seriesList.some((e) => Dt(e, n, r));
+		let t = e.seriesList.map((e) => Et(e, n, r) ?? e.yDomain), a = e.seriesList.some((e) => Et(e, n, r));
 		return a ? {
 			...e,
-			domain: kt(t),
+			domain: Ot(t),
 			fixed: a
 		} : e;
 	});
@@ -1277,7 +1266,7 @@ function wn(e, t = !0, n, r, i = 10) {
 	let a = typeof i == "number" && Number.isFinite(i) ? Math.max(2, Math.floor(i)) : 10, o = V(e, [1, 0]);
 	t && o.nice(a);
 	let [s, c] = o.domain(), l = n ?? o.ticks(a), u = Math.max(...l);
-	return { tickTextWidth: Math.max(1, ...l.map((e) => st(e, {
+	return { tickTextWidth: Math.max(1, ...l.map((e) => ot(e, {
 		axisMin: s,
 		axisMax: c,
 		topTickValue: u,
@@ -1566,10 +1555,10 @@ function Nn(e) {
 			if (w() || !d.value || !o.value.length) return;
 			let [t, n] = B(e, d.value);
 			g(() => {
-				let e = m(t, n) ?? o.value.find((e) => e.hasVisibleSeries);
-				if (!e) return;
-				let r = Math.max(0, Math.min(e.width, t - e.left)), i = e.xScale.invert(r), a = o.value.flatMap((e) => e.seriesList.map((t) => x(t, e.index, T(t, i) ?? null)));
-				v(a, null, i, {
+				let e = m(t, n), r = (e?.hasVisibleSeries ? e : void 0) ?? o.value.find((e) => e.hasVisibleSeries);
+				if (!r) return;
+				let i = Math.max(0, Math.min(r.width, t - r.left)), a = r.xScale.invert(i), s = o.value.flatMap((e) => e.seriesList.map((t) => x(t, e.index, T(t, a) ?? null)));
+				v(s, null, a, {
 					x: c.value + t,
 					y: l.value + u.value + n
 				});
@@ -1671,7 +1660,7 @@ function Wn(e, t, n) {
 	let r = Bn(e), i = r[1] - r[0];
 	if (!Number.isFinite(i) || i <= 0) return 0;
 	let a = Number.isFinite(n.minZoomSpan) && (n.minZoomSpan ?? 0) > 0 ? Math.min(i, n.minZoomSpan) : 0, o = Vn(n.minVisiblePoints), s = Un(t, r, o);
-	return a > 0 || o > 0 ? Math.max(a, s) : i / yt.DEFAULT_MAX_SCALE;
+	return a > 0 || o > 0 ? Math.max(a, s) : i / vt.DEFAULT_MAX_SCALE;
 }
 function Gn(e, t, n, r) {
 	if (r <= 0) return e;
@@ -1695,7 +1684,7 @@ function Kn(e, t, n, r) {
 	let o = Gn([Math.max(i[0], Math.min(e[0], e[1])), Math.min(i[1], Math.max(e[0], e[1]))], i, n, Vn(r.minVisiblePoints)), s = Wn(i, n, r), c = Math.max(s, Math.min(a, o[1] - o[0])), l = (o[0] + o[1]) / 2, u = Math.max(i[0], Math.min(l - c / 2, i[1] - c));
 	return [u, u + c];
 }
-function $(e, t, n) {
+function qn(e, t, n) {
 	let r = t[1] - t[0], i = e[1] - e[0];
 	if (!Number.isFinite(r) || !Number.isFinite(i) || r <= 0 || i <= 0) return W;
 	let a = r / i, o = V(t, [0, n]);
@@ -1703,7 +1692,7 @@ function $(e, t, n) {
 }
 //#endregion
 //#region src/components/interaction/viewportDomain.ts
-function qn(e) {
+function Jn(e) {
 	return (t, n) => {
 		if (!(!Number.isFinite(t[0]) || !Number.isFinite(t[1]) || t[0] === t[1])) {
 			if (e.cancelPendingZoom(), e.cancelViewportDrag(), e.props.displayMode === "independent") {
@@ -1712,11 +1701,11 @@ function qn(e) {
 					let r = e.trackLayouts.value.find((e) => e.index === n);
 					if (!r) return;
 					let a = e.resolveInitialTrackDomain(r), o = Kn(t, a, [r.seriesList], e.props);
-					i[n] = $(o, a, r.width);
+					i[n] = qn(o, a, r.width);
 				}), e.independentTransforms.value = i;
 			} else {
 				let n = e.initialXDomain.value, r = Kn(t, n, e.trackLayouts.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), e.props);
-				e.sharedTransform.value = $(r, n, e.innerWidth.value);
+				e.sharedTransform.value = qn(r, n, e.innerWidth.value);
 			}
 			e.clearHover(), e.editorSeriesOptions.value = [], d(e.configureZoom);
 		}
@@ -1724,7 +1713,7 @@ function qn(e) {
 }
 //#endregion
 //#region src/components/interaction/useWaveformViewport.ts
-function Jn(e) {
+function Yn(e) {
 	let { props: n, emit: r, selection: i, spacePressed: a, trackLayouts: o, chartTracks: s, initialXDomain: c, innerWidth: l, innerHeight: u, sharedOverlayElement: f, sharedTransform: p, independentTransforms: m, sharedYDomains: h, independentYDomains: g, isZoomMode: _, isPresentationMode: v, editorSeriesOptions: y, resolveInitialTrackDomain: b, canZoomTrack: S, canZoomSharedTracks: C, configureZoom: w, cancelPendingZoom: T, clearHover: E, resolveTrackAtPointer: D } = e, O = x(), k = (e, t) => {
 		let n = O.value, r = t?.currentTarget;
 		Pn(n, e), r && r !== n && Pn(r, e);
@@ -1747,7 +1736,7 @@ function Jn(e) {
 	}), M = (e, t) => {
 		let n = e[1] - e[0];
 		return n >= t[1] - t[0] ? [...t] : e[0] < t[0] ? [t[0], t[0] + n] : e[1] > t[1] ? [t[1] - n, t[1]] : e;
-	}, N = () => Object.fromEntries(o.value.map((e) => [e.series.trackId ?? e.series.id, e.yScale.domain()])), P = (e, t, r) => {
+	}, N = () => Object.fromEntries(o.value.filter((e) => e.hasVisibleSeries).map((e) => [e.series?.trackId ?? e.series?.id ?? e.id, e.yScale.domain()])), P = (e, t, r) => {
 		if (v.value) return;
 		let s = n.pannable && a.value;
 		if (!n.zoomable && !s || !_.value || e.button !== 0) return;
@@ -1769,19 +1758,19 @@ function Jn(e) {
 		g.accepted && (i.value = g.state, O.value = c, c.setPointerCapture?.(e.pointerId), E(), e.preventDefault());
 	}, F = (e) => {
 		if (!f.value) return;
-		let [t, n] = B(e, f.value), r = D(t, n) ?? o.value.find((e) => e.hasVisibleSeries);
-		r && P(e, r.index, !1);
+		let [t, n] = B(e, f.value), r = D(t, n), i = (r?.hasVisibleSeries ? r : void 0) ?? o.value.find((e) => e.hasVisibleSeries);
+		i && P(e, i.index, !1);
 	}, I = (e, t) => {
 		let i = t.width || 1, a = t.height || 1, u = e.currentX - e.startX, d = e.currentY - e.startY, f = e.xDomain[1] - e.xDomain[0], _ = e.independent ? b(t) : c.value, v = M([e.xDomain[0] - u / i * f, e.xDomain[1] - u / i * f], _);
 		if (e.independent) {
 			let e = [...m.value];
-			e[t.index] = $(v, _, i), m.value = e;
-		} else p.value = $(v, _, l.value);
-		let y = e.independent ? [t] : o.value, x = { ...g.value }, S = { ...h.value };
+			e[t.index] = qn(v, _, i), m.value = e;
+		} else p.value = qn(v, _, l.value);
+		let y = e.independent ? [t] : o.value.filter((e) => e.hasVisibleSeries), x = { ...g.value }, S = { ...h.value };
 		y.forEach((t) => {
 			let r = s.value.find((e) => e.id === t.id);
-			if (r && Ot(r, n.yDomain, n.yDomains)) return;
-			let i = t.series.trackId ?? t.series.id, o = e.yDomains[i] ?? t.yScale.domain(), c = r?.yDomain ?? o, l = o[1] - o[0], u = M([o[0] + d / a * l, o[1] + d / a * l], c);
+			if (r && Dt(r, n.yDomain, n.yDomains)) return;
+			let i = t.series?.trackId ?? t.series?.id ?? t.id, o = e.yDomains[i] ?? t.yScale.domain(), c = r?.yDomain ?? o, l = o[1] - o[0], u = M([o[0] + d / a * l, o[1] + d / a * l], c);
 			e.independent ? x[t.index] = u : S[i] = u;
 		}), e.independent ? g.value = x : h.value = S, r("zoom-change", v);
 	}, L = (e) => {
@@ -1812,11 +1801,11 @@ function Jn(e) {
 		let u = e.independent ? b(t) : c.value, f = e.independent ? [t.seriesList] : o.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), h = Kn([t.xScale.invert(a), t.xScale.invert(s)], u, f, n);
 		if (e.independent) {
 			let e = [...m.value];
-			e[t.index] = $(h, u, t.width), m.value = e;
-		} else p.value = $(h, u, l.value);
-		let g = e.independent ? [t] : o.value, _ = Object.fromEntries(g.map((e) => [e.series.trackId ?? e.series.id, e.yScale.domain()]));
+			e[t.index] = qn(h, u, t.width), m.value = e;
+		} else p.value = qn(h, u, l.value);
+		let g = e.independent ? [t] : o.value.filter((e) => e.hasVisibleSeries), _ = Object.fromEntries(g.map((e) => [e.series?.trackId ?? e.series?.id ?? e.id, e.yScale.domain()]));
 		if (r("zoom-change", h), e.independent) {
-			let e = _[t.series.trackId ?? t.series.id];
+			let e = _[t.series?.trackId ?? t.series?.id ?? t.id];
 			r("zoom-end", {
 				start: h[0],
 				end: h[1],
@@ -1886,7 +1875,7 @@ function Jn(e) {
 		finishViewportDrag: V,
 		cancelViewportDrag: R,
 		resetViewport: H,
-		setViewportDomain: qn({
+		setViewportDomain: Jn({
 			props: n,
 			trackLayouts: o,
 			initialXDomain: c,
@@ -1918,7 +1907,7 @@ function Jn(e) {
 }
 //#endregion
 //#region src/components/utils/useAnimationFrameThrottle.ts
-function Yn() {
+function Xn() {
 	let e = null, t = null;
 	function n(n) {
 		t = n, e === null && (e = requestAnimationFrame(() => {
@@ -1947,8 +1936,8 @@ function Yn() {
 }
 //#endregion
 //#region src/components/interaction/useWaveformZoom.ts
-function Xn(e) {
-	let { props: t, emit: n, svgElement: r, sharedOverlayElement: i, sharedTransform: a, independentTransforms: o, trackLayouts: s, initialXDomain: c, sharedZoomDomain: l, innerWidth: u, innerHeight: d, hasChartArea: f, isZoomMode: p, isPresentationMode: m, resolveInitialTrackDomain: h, cancelPendingHover: g } = e, _ = /* @__PURE__ */ new Map(), v = Yn(), y = !1, b = null, x = null, S = null, C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Set(), D, O = () => v.schedule(j), k = (e) => {
+function Zn(e) {
+	let { props: t, emit: n, svgElement: r, sharedOverlayElement: i, sharedTransform: a, independentTransforms: o, trackLayouts: s, initialXDomain: c, sharedZoomDomain: l, innerWidth: u, innerHeight: d, hasChartArea: f, isZoomMode: p, isPresentationMode: m, resolveInitialTrackDomain: h, cancelPendingHover: g } = e, _ = /* @__PURE__ */ new Map(), v = Xn(), y = !1, b = null, x = null, S = null, C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Set(), D, O = () => v.schedule(j), k = (e) => {
 		y || m.value || (g(), b = e.transform, x = "wheel", O(), P());
 	}, A = (e, t) => {
 		y || m.value || (g(), C.set(t, e.transform), w.set(t, "wheel"), O(), P());
@@ -2017,7 +2006,7 @@ function Xn(e) {
 		} else n("zoom-end", {
 			start: e[0],
 			end: e[1],
-			yRanges: Object.fromEntries(r.map((e) => [e.series.trackId ?? e.series.id, e.yScale.domain()])),
+			yRanges: Object.fromEntries(r.map((e) => [e.series?.trackId ?? e.series?.id ?? e.id, e.yScale.domain()])),
 			gesture: "wheel"
 		});
 		S = null;
@@ -2035,19 +2024,19 @@ function Xn(e) {
 		F(), r.value?.querySelectorAll(".waveform-chart__overlay").forEach((e) => H(e).on(".zoom", null)), _.clear();
 	}, L = (e, n) => {
 		let r = Math.abs(e[1] - e[0]);
-		if (!Number.isFinite(r) || r <= 0) return yt.MIN_SCALE;
+		if (!Number.isFinite(r) || r <= 0) return vt.MIN_SCALE;
 		let i = Wn(e, n, t);
-		return Math.max(yt.MIN_SCALE, i > 0 ? r / i : yt.DEFAULT_MAX_SCALE);
-	}, R = (e, n, r, i) => $(Kn(e.rescaleX(V(n, [0, r])).domain(), n, i, t), n, r), z = (e) => {
+		return Math.max(vt.MIN_SCALE, i > 0 ? r / i : vt.DEFAULT_MAX_SCALE);
+	}, R = (e, n, r, i) => qn(Kn(e.rescaleX(V(n, [0, r])).domain(), n, i, t), n, r), z = (e) => {
 		let n = Number(t.minVisiblePoints);
-		return Jt(e.seriesList, e.xScale.domain(), Number.isFinite(n) && n > 0 ? Math.ceil(n) + 1 : n);
+		return qt(e.seriesList, e.xScale.domain(), Number.isFinite(n) && n > 0 ? Math.ceil(n) + 1 : n);
 	}, B = () => {
 		let e = s.value.filter((e) => e.hasVisibleSeries);
 		return e.length > 0 && e.every(z);
 	}, U = (e, t) => {
 		if (e.type !== "wheel") return !1;
 		let n = e.deltaY;
-		return n < 0 ? t : n > 0 && G(e.currentTarget).k > yt.MIN_SCALE;
+		return n < 0 ? t : n > 0 && G(e.currentTarget).k > vt.MIN_SCALE;
 	};
 	return {
 		cancelPendingZoom: F,
@@ -2087,13 +2076,13 @@ function Xn(e) {
 }
 //#endregion
 //#region src/components/core/useWaveformChartLifecycle.ts
-function Zn(e) {
+function Qn(e) {
 	return e instanceof Element && !!e.closest("button, input, select, textarea, [contenteditable]:not([contenteditable=\"false\"])");
 }
-function Qn(e) {
+function $n(e) {
 	let { props: t, emit: n, container: r, titleMeasureElement: i, resizeObserver: a, observedWidth: o, observedHeight: s, measuredTitleWidth: c, measuredTitleHeight: l, resolvedTitleText: u, titleAreaReserved: f, titleMeasureStyle: p, spacePressed: g, pointerInsideChart: _, currentPage: v, pageCount: y, pagedTracks: b, gridOptions: x, chartSeries: S, chartTracks: C, trackLayouts: w, innerWidth: T, innerHeight: D, sharedZoomDomain: O, initialXDomain: k, sharedTransform: A, activeInteractionMode: j, hiddenSeriesIdSet: M, internalHiddenSeriesIds: N, independentTransforms: P, independentYDomains: F, resolveInitialTrackDomain: I, annotationInteraction: L, editorSeriesOptions: R, isPresentationMode: z, clearHover: B, cancelAnnotation: V, configureZoom: H, resetViewport: U, cancelViewportDrag: ee, cancelPendingHover: te, clearZoomBindings: ne } = e;
 	function re(e) {
-		z.value || e.code !== "Space" || !t.pannable || !_.value || Zn(e.target) || (g.value = !0, e.preventDefault());
+		z.value || e.code !== "Space" || !t.pannable || !_.value || Qn(e.target) || (g.value = !0, e.preventDefault());
 	}
 	function ie(e) {
 		e.code === "Space" && (g.value = !1);
@@ -2127,11 +2116,11 @@ function Qn(e) {
 					let r = q?.[n.index];
 					if (!r) return;
 					let i = I(n), a = Kn(r, i, [n.seriesList], t);
-					e[n.index] = $(a, i, n.width);
+					e[n.index] = qn(a, i, n.width);
 				}), P.value = e, q = void 0;
 			} else if (t.displayMode !== "independent" && K) {
 				let e = k.value, n = w.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), r = Kn(K, e, n, t);
-				A.value = $(r, e, T.value), K = void 0;
+				A.value = qn(r, e, T.value), K = void 0;
 			}
 			H();
 		});
@@ -2216,64 +2205,66 @@ function Qn(e) {
 }
 //#endregion
 //#region src/components/core/useWaveformData.ts
-function $n(e, t = !1) {
+function er(e, t = !1) {
 	let n = Infinity, r = -Infinity, i = Infinity, a = -Infinity, o = !1;
 	for (let s of e) if (s.x < n && (n = s.x), s.x > r && (r = s.x), s.y < i && (i = s.y), s.y > a && (a = s.y), t) {
-		let e = Ft(s);
+		let e = Pt(s);
 		(e.lower !== 0 || e.upper !== 0) && (o = !0), i = Math.min(i, s.y - e.lower), a = Math.max(a, s.y + e.upper);
 	}
 	return {
-		xDomain: Xe(Number.isFinite(n) ? [n, r] : []),
-		yDomain: Xe(Number.isFinite(i) ? [i, a] : []),
+		xDomain: $(Number.isFinite(n) ? [n, r] : []),
+		yDomain: $(Number.isFinite(i) ? [i, a] : []),
 		hasErrorPoints: o
 	};
 }
-function er(e) {
-	return Lt(e).map((e) => {
-		let t = $n(e.points, e.errorBar.visible);
+function tr(e) {
+	return It(e).map((e) => {
+		let t = er(e.points, e.errorBar.visible);
 		return {
 			...e,
 			...t
 		};
 	});
 }
-function tr(e, t, n) {
-	let r = x(er(e()));
+function nr(e, t, n) {
+	let r = x(tr(e()));
 	return E(e, (e) => {
-		t(), r.value = er(e), n();
+		t(), r.value = tr(e), n();
 	}), r;
 }
 //#endregion
 //#region src/components/core/useWaveformLayout.ts
-function nr(e) {
+function rr(e) {
 	let { props: n, preparedSeries: r, currentPage: i, hiddenSeriesIdSet: a, chartWidth: o, innerHeight: s, isCleanView: c, sharedTransform: l, independentTransforms: u, sharedYDomains: d, independentYDomains: f, annotationInteraction: p } = e, m = t(() => r.value.map((e, t) => ({
 		...e,
-		color: e.color ?? (t === 0 ? n.lineColor : St[t % St.length])
-	}))), h = t(() => {
+		color: e.color ?? (t === 0 ? n.lineColor : xt[t % xt.length])
+	}))), h = t(() => tn(n.grid)), g = t(() => {
 		let e = /* @__PURE__ */ new Map();
-		return m.value.forEach((t) => {
+		m.value.forEach((t) => {
 			let n = t.trackId || t.id, r = e.get(n);
 			r ? r.push(t) : e.set(n, [t]);
-		}), Array.from(e, ([e, t]) => {
-			let n = t.filter((e) => !a.value.has(e.id)), r = [], i = [];
-			return n.forEach((e) => {
-				r.push(e.xDomain[0], e.xDomain[1]), i.push(e.yDomain[0], e.yDomain[1]);
+		});
+		let t = h.value.trackOrder ?? [];
+		return [...t, ...Array.from(e.keys()).filter((e) => !t.includes(e))].map((t) => {
+			let n = e.get(t) ?? [], r = n.filter((e) => !a.value.has(e.id)), i = [], o = [];
+			return r.forEach((e) => {
+				i.push(e.xDomain[0], e.xDomain[1]), o.push(e.yDomain[0], e.yDomain[1]);
 			}), {
-				id: e,
-				series: t,
-				visibleSeries: n,
-				xDomain: Xe(r),
-				yDomain: Xe(i)
+				id: t,
+				series: n,
+				visibleSeries: r,
+				xDomain: i.length ? $(i) : [0, 1],
+				yDomain: o.length ? $(o) : [0, 1]
 			};
 		});
-	}), g = t(() => tn(n.grid)), _ = t(() => Wt(n.rendering)), v = t(() => rn(h.value.length, g.value)), y = t(() => an(h.value, i.value, g.value)), b = t(() => {
-		let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) => Cn(e, n.overlayMode, n.yDomain, n.yDomains)).map((e) => wn(e.domain, !0, void 0, e.seriesList[0]?.unit, n.axes?.y?.splitNumber).tickTextWidth), t = Math.max(7, ...e), r = t + 7 + 4, i = -(7 + t + 0 + 12 / 2);
+	}), _ = t(() => Ut(n.rendering)), v = t(() => rn(g.value.length, h.value)), y = t(() => an(g.value, i.value, h.value)), b = t(() => {
+		let e = g.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) => Cn(e, n.overlayMode, n.yDomain, n.yDomains)).map((e) => wn(e.domain, !0, void 0, e.seriesList[0]?.unit, n.axes?.y?.splitNumber).tickTextWidth), t = Math.max(7, ...e), r = t + 7 + 4, i = -(7 + t + 0 + 12 / 2);
 		return {
 			tickClearance: r,
 			fullClearance: t + 7 + 0 + 12 + 4,
 			labelCenterX: i
 		};
-	}), x = t(() => h.value.some((e) => e.visibleSeries.length === 1 && !!(e.visibleSeries[0]?.name.trim() || n.yLabel))), S = t(() => h.value.some((e) => e.visibleSeries.length > 0)), C = t(() => Math.max(vt.left, x.value ? b.value.fullClearance : S.value ? b.value.tickClearance : 0)), w = t(() => h.value.reduce((e, t) => {
+	}), x = t(() => g.value.some((e) => e.visibleSeries.length === 1 && !!(e.visibleSeries[0]?.name.trim() || n.yLabel))), S = t(() => g.value.some((e) => e.visibleSeries.length > 0)), C = t(() => Math.max(_t.left, x.value ? b.value.fullClearance : S.value ? b.value.tickClearance : 0)), w = t(() => g.value.reduce((e, t) => {
 		let r = Dn(t, n.overlayMode, n.yDomain, n.yDomains, n.axes?.y?.splitNumber);
 		return {
 			left: Math.max(e.left, r.left),
@@ -2282,29 +2273,29 @@ function nr(e) {
 	}, {
 		left: 0,
 		right: 0
-	})), T = t(() => n.overlayMode === "multi-axis" ? Math.max(C.value, w.value.left) : C.value), E = t(() => n.overlayMode === "multi-axis" ? Math.max(vt.right, w.value.right) : vt.right), D = t(() => Math.max(0, o.value - T.value - E.value)), O = t(() => {
-		let e = on(n.displayMode), t = g.value.columnCount, r = t > 1, i = Math.max(e, b.value.fullClearance), a = Math.max(e, b.value.tickClearance), o = (D.value - i * Math.max(0, t - 1)) / t >= 120;
+	})), T = t(() => n.overlayMode === "multi-axis" ? Math.max(C.value, w.value.left) : C.value), E = t(() => n.overlayMode === "multi-axis" ? Math.max(_t.right, w.value.right) : _t.right), D = t(() => Math.max(0, o.value - T.value - E.value)), O = t(() => {
+		let e = on(n.displayMode), t = h.value.columnCount, r = t > 1, i = Math.max(e, b.value.fullClearance), a = Math.max(e, b.value.tickClearance), o = (D.value - i * Math.max(0, t - 1)) / t >= 120;
 		return {
 			horizontalGap: n.overlayMode === "multi-axis" && r && S.value ? Math.max(e, w.value.left + w.value.right) : r && S.value ? x.value && o ? i : a : e,
 			hideSecondaryLabels: n.overlayMode !== "multi-axis" && r && x.value && !o
 		};
 	}), k = t(() => m.value.length > 0), A = t(() => D.value > 0 && s.value > 0), j = t(() => n.xLabel ?? `时间（${n.timeUnit}）`), M = t(() => n.interactionMode), N = t(() => M.value === "zoom" || M.value === void 0), P = t(() => {
 		let e = [];
-		return h.value.forEach((t) => {
+		return g.value.forEach((t) => {
 			t.visibleSeries.length && e.push(t.xDomain[0], t.xDomain[1]);
-		}), Xe(e);
+		}), $(e);
 	}), F = t(() => {
 		let e = n.initialXDomain;
 		return e && Number.isFinite(e[0]) && Number.isFinite(e[1]) && e[0] !== e[1] ? dn(e[0] < e[1] ? e : [e[1], e[0]], n.xDomainStrategy, !0) : dn(P.value, n.xDomainStrategy);
 	}), I = (e) => {
-		let t = n.initialXDomains?.[e.series.trackId ?? e.series.id] ?? n.initialXDomains?.[e.series.id] ?? n.initialXDomain;
-		return t && Number.isFinite(t[0]) && Number.isFinite(t[1]) && t[0] !== t[1] ? dn(t[0] < t[1] ? t : [t[1], t[0]], n.xDomainStrategy, !0) : dn(Xe(e.seriesList.flatMap((e) => e.xDomain)), n.xDomainStrategy);
-	}, L = t(() => l.value.rescaleX(V(F.value, [0, D.value])).domain()), R = t(() => sn(D.value, s.value, g.value, n.displayMode, y.value.map(Boolean), O.value.horizontalGap).map((e, t) => ({
+		let t = n.initialXDomains?.[e.series?.trackId ?? e.series?.id ?? e.id] ?? (e.series ? n.initialXDomains?.[e.series.id] : void 0) ?? n.initialXDomain;
+		return t && Number.isFinite(t[0]) && Number.isFinite(t[1]) && t[0] !== t[1] ? dn(t[0] < t[1] ? t : [t[1], t[0]], n.xDomainStrategy, !0) : dn($(e.seriesList.flatMap((e) => e.xDomain)), n.xDomainStrategy);
+	}, L = t(() => l.value.rescaleX(V(F.value, [0, D.value])).domain()), R = t(() => sn(D.value, s.value, h.value, n.displayMode, y.value.map(Boolean), O.value.horizontalGap).map((e, t) => ({
 		...e,
 		series: y.value[t]
 	}))), z = t(() => pn({
 		cells: R.value,
-		grid: g.value,
+		grid: h.value,
 		displayMode: n.displayMode,
 		overlayMode: n.overlayMode,
 		independentTransforms: u.value,
@@ -2314,7 +2305,7 @@ function nr(e) {
 		xDomainStrategy: n.xDomainStrategy,
 		fixedYDomain: n.yDomain,
 		fixedYDomains: n.yDomains,
-		yDomains: n.displayMode === "independent" ? Object.fromEntries(h.value.flatMap((e, t) => {
+		yDomains: n.displayMode === "independent" ? Object.fromEntries(g.value.flatMap((e, t) => {
 			let n = f.value[t];
 			return n ? [[e.id, n]] : [];
 		})) : d.value,
@@ -2332,8 +2323,8 @@ function nr(e) {
 	})), H = (e, t) => e.seriesPaths.find((e) => e.series.id === t)?.yScale ?? e.yScale, U = t(() => z.value.flatMap(B));
 	return {
 		chartSeries: m,
-		chartTracks: h,
-		gridOptions: g,
+		chartTracks: g,
+		gridOptions: h,
 		pageCount: v,
 		pagedTracks: y,
 		resolvedChartLeftMargin: T,
@@ -2363,17 +2354,17 @@ function nr(e) {
 			} : void 0;
 		}),
 		resolveFrameNumber: (e) => {
-			if (!(n.frameNumber === void 0 || n.frameNumber === null)) return h.value.length === 1 ? n.frameNumber : typeof n.frameNumber == "number" ? n.frameNumber + e : `${n.frameNumber}-${e + 1}`;
+			if (!(n.frameNumber === void 0 || n.frameNumber === null)) return g.value.length === 1 ? n.frameNumber : typeof n.frameNumber == "number" ? n.frameNumber + e : `${n.frameNumber}-${e + 1}`;
 		}
 	};
 }
-var rr = 1e-6;
-function ir(e) {
+var ir = 1e-6;
+function ar(e) {
 	return Number.isFinite(e) ? Math.max(1, e) : 1;
 }
-function ar({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r }) {
-	let i = ir(e), a = ir(t), o = ir(n), s = Number.isFinite(r) ? r : 0, c = s * Math.PI / 180, l = Math.abs(Math.cos(c)), u = Math.abs(Math.sin(c)), d = (s % 360 + 360) % 360;
-	if (!(d > rr && Math.abs(d - 360) > rr)) {
+function or({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r }) {
+	let i = ar(e), a = ar(t), o = ar(n), s = Number.isFinite(r) ? r : 0, c = s * Math.PI / 180, l = Math.abs(Math.cos(c)), u = Math.abs(Math.sin(c)), d = (s % 360 + 360) % 360;
+	if (!(d > ir && Math.abs(d - 360) > ir)) {
 		let e = Math.max(1, Math.ceil(i / o)), t = o, n = a * e;
 		return {
 			textWidth: t,
@@ -2398,7 +2389,7 @@ function ar({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r
 }
 //#endregion
 //#region src/components/core/useWaveformPresentation.ts
-function or(e) {
+function sr(e) {
 	let { props: n, observedWidth: r, observedHeight: i, measuredTitleWidth: a, measuredTitleHeight: o, internalHiddenSeriesIds: s, paginationBandHeight: c } = e, l = t(() => Number.isFinite(n.width) ? Math.max(0, n.width ?? 0) : void 0), u = t(() => Number.isFinite(n.height) ? Math.max(180, n.height ?? 0) : void 0), d = t(() => r.value > 0 ? r.value : l.value ?? 0), f = t(() => i.value > 0 ? i.value : u.value ?? 180), p = t(() => ({
 		width: l.value === void 0 ? "100%" : `${l.value}px`,
 		height: u.value === void 0 ? "100%" : `${u.value}px`
@@ -2406,9 +2397,9 @@ function or(e) {
 		let e = n.zeroLine.width;
 		return {
 			visible: n.zeroLine.visible === !0,
-			color: n.zeroLine.color || wt.COLOR,
-			width: typeof e == "number" && Number.isFinite(e) && e > 0 ? e : wt.WIDTH,
-			dash: n.zeroLine.dash ?? wt.DASH
+			color: n.zeroLine.color || Ct.COLOR,
+			width: typeof e == "number" && Number.isFinite(e) && e > 0 ? e : Ct.WIDTH,
+			dash: n.zeroLine.dash ?? Ct.DASH
 		};
 	}), _ = t(() => n.legend.backgroundColor || "rgba(255, 255, 255, 0.7)"), v = t(() => n.legend.interactive === !0), y = t(() => n.hiddenSeriesIds === void 0 ? s.value : new Set(n.hiddenSeriesIds)), b = t(() => Array.from(y.value)), x = (e) => n.legend.trackPositions?.[e] ?? n.legend.position ?? "top-right", S = (e) => {
 		let t = n.legend.orientation ?? "auto";
@@ -2430,10 +2421,10 @@ function or(e) {
 		fontStyle: n.title?.textStyle?.fontStyle ?? "normal",
 		textDecoration: n.title?.textStyle?.textDecoration ?? "none",
 		letterSpacing: n.title?.textStyle?.letterSpacing ?? "normal",
-		lineHeight: String(xt)
+		lineHeight: String(bt)
 	})), A = t(() => {
 		let e = Number.parseFloat(n.title?.textStyle?.letterSpacing ?? ""), t = Number.isFinite(e) ? Math.max(0, C.value.length - 1) * e : 0;
-		return Math.max(1, C.value.length * E.value * bt + t);
+		return Math.max(1, C.value.length * E.value * yt + t);
 	}), j = t(() => {
 		let e = d.value - 48;
 		return e > 0 ? e : A.value;
@@ -2443,14 +2434,14 @@ function or(e) {
 		maxWidth: O.value ? "none" : `${j.value}px`,
 		whiteSpace: O.value ? "nowrap" : "normal",
 		overflowWrap: O.value ? "normal" : "anywhere"
-	})), N = t(() => ar({
+	})), N = t(() => or({
 		naturalWidth: a.value || A.value,
 		naturalHeight: o.value || E.value * 1.2,
 		availableWidth: j.value,
 		rotation: D.value
 	})), P = t(() => w.value ? N.value.areaHeight : 0), F = (e, t) => typeof e == "number" && Number.isFinite(e) && e >= 0 ? e : t, I = t(() => ({
-		top: F(n.plotMargin.top, vt.top),
-		bottom: F(n.plotMargin.bottom, vt.bottom)
+		top: F(n.plotMargin.top, _t.top),
+		bottom: F(n.plotMargin.bottom, _t.bottom)
 	})), L = t(() => I.value.top), R = t(() => Math.max(0, f.value - P.value - c.value));
 	return {
 		fixedWidth: l,
@@ -2499,10 +2490,10 @@ function or(e) {
 }
 //#endregion
 //#region src/components/core/useWaveformChartController.ts
-function sr(e, t) {
+function cr(e, t) {
 	e.value = t instanceof Element ? t : void 0;
 }
-function cr(e, t) {
+function lr(e, t) {
 	let n = v(), r = v(), i = v(), a = v(), o = v(0), s = v(0), c = v(0), l = v(0), d = v(0), f = x(W), p = x([]), m = v({}), h = v({}), g = b({
 		points: [],
 		trackIndex: null,
@@ -2511,11 +2502,11 @@ function cr(e, t) {
 			x: 0,
 			y: 0
 		}
-	}), y = v(!1), S = v(1), w = x(), T = se("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ye(), A = v([]), j = Yn();
+	}), y = v(!1), S = v(1), w = x(), T = se("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ye(), A = v([]), j = Xn();
 	E([() => e.yDomain, () => e.yDomains], () => {
 		m.value = {}, h.value = {};
 	}, { deep: !0 });
-	let M = x(null), N = v(!1), P = v(!1), F = () => void 0, I = () => void 0, L = tr(() => e.data, () => F(), () => I()), R = or({
+	let M = x(null), N = v(!1), P = v(!1), F = () => void 0, I = () => void 0, L = nr(() => e.data, () => F(), () => I()), R = sr({
 		props: e,
 		observedWidth: o,
 		observedHeight: s,
@@ -2523,7 +2514,7 @@ function cr(e, t) {
 		measuredTitleHeight: l,
 		internalHiddenSeriesIds: O,
 		paginationBandHeight: d
-	}), { chartWidth: z, chartHeight: B, isCleanView: V, isPresentationMode: H, hiddenSeriesIdSet: U, resolvedTitleText: ee, titleAreaReserved: te, titleMeasureStyle: ne, titleAreaHeight: re, chartTopMargin: ie, innerHeight: G } = R, K = nr({
+	}), { chartWidth: z, chartHeight: B, isCleanView: V, isPresentationMode: H, hiddenSeriesIdSet: U, resolvedTitleText: ee, titleAreaReserved: te, titleMeasureStyle: ne, titleAreaHeight: re, chartTopMargin: ie, innerHeight: G } = R, K = rr({
 		props: e,
 		preparedSeries: L,
 		currentPage: S,
@@ -2540,7 +2531,7 @@ function cr(e, t) {
 	D(() => {
 		d.value = oe.value.showPagination && ce.value > 1 && z.value <= 520 ? 40 : 0;
 	});
-	let ye = Xn({
+	let ye = Zn({
 		props: e,
 		emit: t,
 		svgElement: r,
@@ -2577,7 +2568,7 @@ function cr(e, t) {
 		chartTopMargin: ie,
 		activeInteractionMode: pe,
 		isPresentationMode: H
-	}), xe = Jn({
+	}), xe = Yn({
 		props: e,
 		emit: t,
 		selection: M,
@@ -2617,7 +2608,7 @@ function cr(e, t) {
 		isPresentationMode: H,
 		updateViewportDrag: xe.updateViewportDrag,
 		resolveTrackAtPointer: be.resolveTrackAtPointer
-	}), Z = Qn({
+	}), Z = $n({
 		props: e,
 		emit: t,
 		container: n,
@@ -2668,7 +2659,7 @@ function cr(e, t) {
 		...be,
 		...xe,
 		...X,
-		margin: vt,
+		margin: _t,
 		getPageSize: nn,
 		currentPage: S,
 		selection: M,
@@ -2680,34 +2671,34 @@ function cr(e, t) {
 		editorSeriesOptions: A,
 		clipPathId: T,
 		goToPage: Z.goToPage,
-		setContainer: (e) => sr(n, e),
-		setSvgElement: (e) => sr(r, e),
-		setTitleMeasureElement: (e) => sr(i, e),
-		setSharedOverlayElement: (e) => sr(a, e)
+		setContainer: (e) => cr(n, e),
+		setSvgElement: (e) => cr(r, e),
+		setTitleMeasureElement: (e) => cr(i, e),
+		setSharedOverlayElement: (e) => cr(a, e)
 	});
 }
 //#endregion
 //#region src/components/annotation/WaveformAnnotationEditor.vue?vue&type=script&setup=true&lang.ts
-var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
+var ur = ["id"], dr = { class: "waveform-annotation-editor__content" }, fr = {
 	class: "waveform-annotation-editor__coordinates",
 	"aria-label": "标注坐标"
-}, fr = ["aria-invalid"], pr = {
+}, pr = ["aria-invalid"], mr = {
 	class: "waveform-annotation-editor__coordinate-value",
 	"aria-hidden": "true"
-}, mr = ["id"], hr = {
+}, hr = ["id"], gr = {
 	key: 0,
 	class: "waveform-annotation-editor__series",
 	"aria-label": "标注所属波形"
-}, gr = { class: "waveform-annotation-editor__series-label" }, _r = ["value"], vr = ["value"], yr = { key: 1 }, br = { class: "waveform-annotation-editor__field" }, xr = { class: "waveform-annotation-editor__label-row" }, Sr = ["maxlength"], Cr = { class: "waveform-annotation-editor__colors" }, wr = {
+}, _r = { class: "waveform-annotation-editor__series-label" }, vr = ["value"], yr = ["value"], br = { key: 1 }, xr = { class: "waveform-annotation-editor__field" }, Sr = { class: "waveform-annotation-editor__label-row" }, Cr = ["maxlength"], wr = { class: "waveform-annotation-editor__colors" }, Tr = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注边框色和透明度"
-}, Tr = {
+}, Er = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注文字色和透明度"
-}, Er = {
+}, Dr = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注背景色和透明度"
-}, Dr = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
+}, Or = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
 	__name: "WaveformAnnotationEditor",
 	props: {
 		annotation: {},
@@ -2735,7 +2726,7 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
 		});
 		function F() {
 			let e = we(l.annotation.style);
-			h.value = l.annotation.text, _.value = ht(l.annotation.x, l.timeUnit), b.value = !1, x.value = e.borderColor, C.value = e.textColor, D.value = e.backgroundColor, d(() => f.value?.focus());
+			h.value = l.annotation.text, _.value = mt(l.annotation.x, l.timeUnit), b.value = !1, x.value = e.borderColor, C.value = e.textColor, D.value = e.backgroundColor, d(() => f.value?.focus());
 		}
 		E(() => l.annotation.id, F, { immediate: !0 });
 		function I(e) {
@@ -2775,9 +2766,9 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
 			onCancel: o[4] ||= (e) => u("cancel"),
 			onOk: R
 		}, {
-			title: O(() => [a("span", { id: w(m) }, S(l.mode === "add" ? "添加标注" : "编辑标注"), 9, lr)]),
-			default: O(() => [a("div", ur, [
-				a("div", dr, [
+			title: O(() => [a("span", { id: w(m) }, S(l.mode === "add" ? "添加标注" : "编辑标注"), 9, ur)]),
+			default: O(() => [a("div", dr, [
+				a("div", fr, [
 					a("label", {
 						class: "waveform-annotation-editor__coordinate-input",
 						"aria-invalid": !!j.value
@@ -2800,26 +2791,26 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
 							"aria-invalid",
 							"aria-describedby"
 						]),
-						a("code", pr, S(_.value), 1)
-					], 8, fr),
+						a("code", mr, S(_.value), 1)
+					], 8, pr),
 					j.value ? (g(), i("p", {
 						key: 0,
 						id: `${w(m)}-time-error`,
 						class: "waveform-annotation-editor__coordinate-error",
 						role: "alert"
-					}, S(j.value), 9, mr)) : r("", !0),
-					a("span", null, [o[6] ||= a("b", null, "Y", -1), a("code", null, S(w(lt)(l.annotation.y)), 1)])
+					}, S(j.value), 9, hr)) : r("", !0),
+					a("span", null, [o[6] ||= a("b", null, "Y", -1), a("code", null, S(w(ct)(l.annotation.y)), 1)])
 				]),
 				o[13] ||= a("p", {
 					class: "waveform-annotation-editor__coordinate-hint",
 					role: "note"
 				}, " 修改 X 轴后失焦时会自动吸附最近的采样点 ", -1),
-				P.value ? (g(), i("label", hr, [
+				P.value ? (g(), i("label", gr, [
 					a("i", {
 						style: p({ backgroundColor: P.value.color }),
 						"aria-hidden": "true"
 					}, null, 4),
-					a("span", gr, [o[7] ||= a("small", null, "标注波形", -1), a("b", null, S(P.value.name), 1)]),
+					a("span", _r, [o[7] ||= a("small", null, "标注波形", -1), a("b", null, S(P.value.name), 1)]),
 					l.seriesOptions?.length ? (g(), i("select", {
 						key: 0,
 						value: l.annotation.seriesId,
@@ -2828,9 +2819,9 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
 					}, [(g(!0), i(e, null, y(l.seriesOptions, (e) => (g(), i("option", {
 						key: e.seriesId,
 						value: e.seriesId
-					}, S(e.name) + S(e.unit ? ` (${e.unit})` : ""), 9, vr))), 128))], 40, _r)) : P.value.unit ? (g(), i("code", yr, S(P.value.unit), 1)) : r("", !0)
+					}, S(e.name) + S(e.unit ? ` (${e.unit})` : ""), 9, yr))), 128))], 40, vr)) : P.value.unit ? (g(), i("code", br, S(P.value.unit), 1)) : r("", !0)
 				])) : r("", !0),
-				a("label", br, [a("span", xr, [o[8] ||= a("b", null, "标注文本", -1), a("small", null, S(N.value) + "/" + S(w(40)), 1)]), k(a("textarea", {
+				a("label", xr, [a("span", Sr, [o[8] ||= a("b", null, "标注文本", -1), a("small", null, S(N.value) + "/" + S(w(40)), 1)]), k(a("textarea", {
 					ref_key: "textarea",
 					ref: f,
 					"onUpdate:modelValue": o[0] ||= (e) => h.value = e,
@@ -2839,10 +2830,10 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
 					"aria-label": "标注文本",
 					placeholder: "输入这处波形的说明",
 					onKeydown: z
-				}, null, 40, Sr), [[T, h.value]])]),
-				a("fieldset", Cr, [
+				}, null, 40, Cr), [[T, h.value]])]),
+				a("fieldset", wr, [
 					o[12] ||= a("legend", null, "颜色与透明度", -1),
-					a("label", wr, [o[9] ||= a("span", null, "边框色", -1), s(w(J), {
+					a("label", Tr, [o[9] ||= a("span", null, "边框色", -1), s(w(J), {
 						"pure-color": x.value,
 						"onUpdate:pureColor": o[1] ||= (e) => x.value = e,
 						"aria-label": "标注边框色",
@@ -2852,7 +2843,7 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
 						"disable-alpha": !1,
 						"blur-close": !0
 					}, null, 8, ["pure-color"])]),
-					a("label", Tr, [o[10] ||= a("span", null, "文字色", -1), s(w(J), {
+					a("label", Er, [o[10] ||= a("span", null, "文字色", -1), s(w(J), {
 						"pure-color": C.value,
 						"onUpdate:pureColor": o[2] ||= (e) => C.value = e,
 						"aria-label": "标注文字色",
@@ -2862,7 +2853,7 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
 						"disable-alpha": !1,
 						"blur-close": !0
 					}, null, 8, ["pure-color"])]),
-					a("label", Er, [o[11] ||= a("span", null, "背景色", -1), s(w(J), {
+					a("label", Dr, [o[11] ||= a("span", null, "背景色", -1), s(w(J), {
 						"pure-color": D.value,
 						"onUpdate:pureColor": o[3] ||= (e) => D.value = e,
 						"aria-label": "标注背景色",
@@ -2877,13 +2868,13 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
 			_: 1
 		}, 8, ["ok-button-props"]));
 	}
-}), [["__scopeId", "data-v-42466cf9"]]), Or = { class: "waveform-tooltip__series-content" }, kr = { class: "waveform-tooltip__series-label" }, Ar = {
+}), [["__scopeId", "data-v-42466cf9"]]), kr = { class: "waveform-tooltip__series-content" }, Ar = { class: "waveform-tooltip__series-label" }, jr = {
 	key: 0,
 	class: "waveform-tooltip__value"
-}, jr = {
+}, Mr = {
 	key: 1,
 	class: "waveform-tooltip__value waveform-tooltip__value--missing"
-}, Mr = 12, Nr = 8, Pr = 238, Fr = 560, Ir = 20, Lr = 20, Rr = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
+}, Nr = 12, Pr = 8, Fr = 238, Ir = 560, Lr = 20, Rr = 20, zr = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
 	__name: "WaveformTooltip",
 	props: {
 		visible: { type: Boolean },
@@ -2897,26 +2888,26 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
 	setup(n) {
 		let s = n;
 		function c(e, t) {
-			let n = Math.max(1, t - Ir - 14), r = Math.max(1, Math.floor(n / 7.2));
+			let n = Math.max(1, t - Lr - 14), r = Math.max(1, Math.floor(n / 7.2));
 			return Math.max(1, Math.ceil([...e].length / r));
 		}
 		function l(e) {
-			let t = e.point ? `(x:${mt(e.point.x, s.timeUnit)} y:${ct(e.point.y)})` : "无数据";
+			let t = e.point ? `(x:${pt(e.point.x, s.timeUnit)} y:${st(e.point.y)})` : "无数据";
 			return `${e.shotNo?.trim() || "未配置炮号"}： ${e.name}${e.unit ? `(${e.unit})` : ""}  ${t}`;
 		}
 		function u(e) {
-			return 16 + Lr * s.seriesPoints.reduce((t, n) => t + c(l(n), e), 0) + 5;
+			return 16 + Rr * s.seriesPoints.reduce((t, n) => t + c(l(n), e), 0) + 5;
 		}
 		let d = t(() => {
 			if (!s.visible || !s.hoveredPoint) return { display: "none" };
-			let e = s.position.x + Mr, t = s.position.x - Mr - Pr, n = s.containerWidth - Nr - e, r = s.position.x - Mr - Nr, i = Math.max(1, Math.min(Fr, s.containerWidth - Nr * 2)), a = e + Pr <= s.containerWidth - Nr ? {
+			let e = s.position.x + Nr, t = s.position.x - Nr - Fr, n = s.containerWidth - Pr - e, r = s.position.x - Nr - Pr, i = Math.max(1, Math.min(Ir, s.containerWidth - Pr * 2)), a = e + Fr <= s.containerWidth - Pr ? {
 				left: `${e}px`,
-				maxWidth: `${Math.min(Fr, n)}px`
-			} : t >= Nr ? {
-				right: `${s.containerWidth - s.position.x + Mr}px`,
-				maxWidth: `${Math.min(Fr, r)}px`
+				maxWidth: `${Math.min(Ir, n)}px`
+			} : t >= Pr ? {
+				right: `${s.containerWidth - s.position.x + Nr}px`,
+				maxWidth: `${Math.min(Ir, r)}px`
 			} : {
-				left: `${Nr}px`,
+				left: `${Pr}px`,
 				maxWidth: `${i}px`
 			}, o = Number.parseFloat(a.maxWidth);
 			return {
@@ -2931,9 +2922,9 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
 		}, [(g(!0), i(e, null, y(n.seriesPoints, (t) => (g(), i("span", {
 			key: `${t.trackIndex}-${t.name}`,
 			class: "waveform-tooltip__series waveform-chart__tooltip-series"
-		}, [a("i", { style: p({ backgroundColor: t.color }) }, null, 4), a("span", Or, [a("span", kr, [o(S(t.shotNo?.trim() || "未配置炮号") + "： " + S(t.name), 1), t.unit ? (g(), i(e, { key: 0 }, [o("(" + S(t.unit) + ")", 1)], 64)) : r("", !0)]), t.point ? (g(), i("span", Ar, "(x:" + S(w(mt)(t.point.x, n.timeUnit)) + " y:" + S(w(ct)(t.point.y)) + ")", 1)) : (g(), i("span", jr, "无数据"))])]))), 128))], 4)) : r("", !0);
+		}, [a("i", { style: p({ backgroundColor: t.color }) }, null, 4), a("span", kr, [a("span", Ar, [o(S(t.shotNo?.trim() || "未配置炮号") + "： " + S(t.name), 1), t.unit ? (g(), i(e, { key: 0 }, [o("(" + S(t.unit) + ")", 1)], 64)) : r("", !0)]), t.point ? (g(), i("span", jr, "(x:" + S(w(pt)(t.point.x, n.timeUnit)) + " y:" + S(w(st)(t.point.y)) + ")", 1)) : (g(), i("span", Mr, "无数据"))])]))), 128))], 4)) : r("", !0);
 	}
-}), [["__scopeId", "data-v-b9ed144d"]]), zr = /* @__PURE__ */ c({
+}), [["__scopeId", "data-v-b9ed144d"]]), Br = /* @__PURE__ */ c({
 	__name: "WaveformHoverHost",
 	props: {
 		state: {},
@@ -2944,7 +2935,7 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
 	},
 	setup(e) {
 		let r = e, i = t(() => r.state.points.find((e) => e.point)?.point ?? null);
-		return (t, r) => (g(), n(Rr, {
+		return (t, r) => (g(), n(zr, {
 			visible: e.visible && i.value !== null,
 			position: e.state.position,
 			"time-unit": e.timeUnit,
@@ -2962,16 +2953,16 @@ var lr = ["id"], ur = { class: "waveform-annotation-editor__content" }, dr = {
 			"container-height"
 		]));
 	}
-}), Br = 13, Vr = 2, Hr = 14, Ur = 8, Wr = 24, Gr = {
+}), Vr = 13, Hr = 2, Ur = 14, Wr = 8, Gr = 24, Kr = {
 	circle: ee,
 	square: ne,
 	triangle: re,
 	diamond: te
 };
-function Kr(e, t = 48) {
-	return e === "none" ? null : U().type(Gr[e]).size(t)() ?? null;
+function qr(e, t = 48) {
+	return e === "none" ? null : U().type(Kr[e]).size(t)() ?? null;
 }
-function qr(e, t, n = 48) {
+function Jr(e, t, n = 48) {
 	if (e === "none" || t.length === 0) return null;
 	if (e === "circle") {
 		let e = Math.sqrt(n / Math.PI);
@@ -2988,24 +2979,24 @@ function qr(e, t, n = 48) {
 	let r = Math.sqrt(n / (2 * Math.tan(Math.PI / 6))), i = r * Math.tan(Math.PI / 6);
 	return t.map(({ x: e, y: t }) => `M${e},${t - r}L${e + i},${t}L${e},${t + r}L${e - i},${t}Z`).join("");
 }
-function Jr(e) {
+function Yr(e) {
 	return e === "none" ? null : "M1 8H25";
 }
-function Yr(e) {
+function Xr(e) {
 	if (e === "dashed") return "8 5";
 	if (e === "dash-dot") return "8 5 1.5 5";
 }
-function Xr(e) {
-	let t = (Number.isFinite(e) && e > 0 ? Math.min(e, Wr) : Ur) / 2, n = Br - t, r = Br + t;
+function Zr(e) {
+	let t = (Number.isFinite(e) && e > 0 ? Math.min(e, Gr) : Wr) / 2, n = Vr - t, r = Vr + t;
 	return [
-		`M${n} ${Vr}H${r}`,
-		`M${Br} ${Vr}V${Hr}`,
-		`M${n} ${Hr}H${r}`
+		`M${n} ${Hr}H${r}`,
+		`M${Vr} ${Hr}V${Ur}`,
+		`M${n} ${Ur}H${r}`
 	].join("");
 }
 //#endregion
 //#region src/components/rendering/WaveformSeriesLayer.vue?vue&type=script&setup=true&lang.ts
-var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
+var Qr = ["clip-path"], $r = ["data-series-id", "data-series-name"], ei = [
 	"data-series-id",
 	"data-series-name",
 	"data-y-axis-index",
@@ -3014,11 +3005,11 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 	"d",
 	"stroke",
 	"stroke-dasharray"
-], ei = ["data-series-id"], ti = [
+], ti = ["data-series-id"], ni = [
 	"d",
 	"stroke",
 	"stroke-width"
-], ni = ["data-series-id", "data-point-type"], ri = ["d", "fill"], ii = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
+], ri = ["data-series-id", "data-point-type"], ii = ["d", "fill"], ai = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
 	__name: "WaveformSeriesLayer",
 	props: {
 		track: {},
@@ -3026,11 +3017,11 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 	},
 	setup(n) {
 		let a = n, o = t(() => a.track.seriesPaths.map((e) => {
-			let t = qr(e.series.pointType, e.pointRenderPoints.map((t) => ({
+			let t = Jr(e.series.pointType, e.pointRenderPoints.map((t) => ({
 				x: a.track.xScale(t.x),
 				y: e.yScale(t.y)
 			}))), n = e.series.errorBar.capWidth / 2, r = e.errorBarRenderPoints.map((t) => {
-				let { lower: r, upper: i } = Ft(t), o = a.track.xScale(t.x), s = e.yScale(t.y - r), c = e.yScale(t.y + i);
+				let { lower: r, upper: i } = Pt(t), o = a.track.xScale(t.x), s = e.yScale(t.y - r), c = e.yScale(t.y + i);
 				return [
 					`M${o - n},${s}H${o + n}`,
 					`M${o},${s}V${c}`,
@@ -3063,8 +3054,8 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				"data-line-style": e.series.lineStyle,
 				d: e.path,
 				stroke: e.series.color,
-				"stroke-dasharray": w(Yr)(e.series.lineStyle)
-			}, null, 8, $r)) : r("", !0),
+				"stroke-dasharray": w(Xr)(e.series.lineStyle)
+			}, null, 8, ei)) : r("", !0),
 			e.series.errorBar.visible ? (g(), i("g", {
 				key: 1,
 				class: "waveform-track__error-bars waveform-chart__error-bars",
@@ -3075,7 +3066,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				d: e.errorBarPath,
 				stroke: e.series.errorBar.color || e.series.color,
 				"stroke-width": e.series.errorBar.width
-			}, null, 8, ti)) : r("", !0)], 8, ei)) : r("", !0),
+			}, null, 8, ni)) : r("", !0)], 8, ti)) : r("", !0),
 			e.series.pointType === "none" ? r("", !0) : (g(), i("g", {
 				key: 2,
 				class: "waveform-track__points waveform-chart__points",
@@ -3086,28 +3077,28 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				class: "waveform-track__point waveform-chart__point",
 				d: e.pointPath,
 				fill: e.series.color
-			}, null, 8, ri)) : r("", !0)], 8, ni))
-		], 8, Qr))), 128))], 8, Zr)) : r("", !0);
+			}, null, 8, ii)) : r("", !0)], 8, ri))
+		], 8, $r))), 128))], 8, Qr)) : r("", !0);
 	}
-}), [["__scopeId", "data-v-42a3fd47"]]), ai = ["transform"], oi = ["transform"], si = {
+}), [["__scopeId", "data-v-42a3fd47"]]), oi = ["transform"], si = ["transform"], ci = {
 	class: "waveform-track__axis-endpoint waveform-track__axis-endpoint--start waveform-chart__axis-endpoint waveform-chart__axis-endpoint--start",
 	x: "0",
 	y: "7",
 	dy: "0.71em",
 	"text-anchor": "start"
-}, ci = ["x"], li = [
+}, li = ["x"], ui = [
 	"data-y-axis-index",
 	"data-y-axis-side",
 	"transform"
-], ui = { key: 2 }, di = [
+], di = { key: 2 }, fi = [
 	"x",
 	"y",
 	"width"
-], fi = ["fill", "transform"], pi = ["data-y-axis-title-index"], mi = [
+], pi = ["fill", "transform"], mi = ["data-y-axis-title-index"], hi = [
 	"x",
 	"y",
 	"width"
-], hi = ["fill", "transform"], gi = /* @__PURE__ */ c({
+], gi = ["fill", "transform"], _i = /* @__PURE__ */ c({
 	__name: "WaveformTrackAxes",
 	props: {
 		track: {},
@@ -3136,7 +3127,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 			if (n.track.yAxes.forEach((e, t) => {
 				let r = s.value[t];
 				if (!r) return;
-				let [i, a] = e.scale.domain(), o = Math.max(...e.tickValues), c = e.seriesList[0]?.unit, l = (e.side === "left" ? M(e.scale) : N(e.scale)).tickFormat((e) => st(Number(e), {
+				let [i, a] = e.scale.domain(), o = Math.max(...e.tickValues), c = e.seriesList[0]?.unit, l = (e.side === "left" ? M(e.scale) : N(e.scale)).tickFormat((e) => ot(Number(e), {
 					axisMin: i,
 					axisMax: a,
 					topTickValue: o,
@@ -3145,7 +3136,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				u.call(l), u.selectAll("path.domain").attr("display", n.axes?.y?.lineVisible === !1 ? "none" : null);
 			}), !o.value) return;
 			let e = H(o.value);
-			e.call(j(n.track.xScale).tickValues(n.track.xAxisTickValues).tickFormat((e) => dt(Number(e), n.track.xScale.domain(), n.timeUnit, "tick", n.axes?.x?.labelFormatter)).tickSize(-4).tickPadding(7).tickSizeOuter(0)), e.selectAll("path.domain").attr("display", n.axes?.x?.lineVisible === !1 ? "none" : null);
+			e.call(j(n.track.xScale).tickValues(n.track.xAxisTickValues).tickFormat((e) => ut(Number(e), n.track.xScale.domain(), n.timeUnit, "tick", n.axes?.x?.labelFormatter)).tickSize(-4).tickPadding(7).tickSizeOuter(0)), e.selectAll("path.domain").attr("display", n.axes?.x?.lineVisible === !1 ? "none" : null);
 		}
 		return h(async () => {
 			await d(), m();
@@ -3167,7 +3158,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				ref: o,
 				class: f(["waveform-track__axis waveform-track__axis--x waveform-chart__axis waveform-chart__axis--x", { "waveform-track__axis--line-hidden": t.axes?.x?.lineVisible === !1 }]),
 				transform: `translate(0, ${t.track.height})`
-			}, null, 10, ai)) : r("", !0),
+			}, null, 10, oi)) : r("", !0),
 			t.track.showXAxis ? (g(), i("g", {
 				key: 1,
 				class: "waveform-track__axis-endpoints waveform-chart__axis-endpoints",
@@ -3175,13 +3166,13 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				"font-family": "sans-serif",
 				"font-size": "10",
 				"aria-hidden": "true"
-			}, [a("text", si, S(t.track.endpointLabels.start), 1), a("text", {
+			}, [a("text", ci, S(t.track.endpointLabels.start), 1), a("text", {
 				class: "waveform-track__axis-endpoint waveform-track__axis-endpoint--end waveform-chart__axis-endpoint waveform-chart__axis-endpoint--end",
 				x: t.track.width ?? t.innerWidth,
 				y: "7",
 				dy: "0.71em",
 				"text-anchor": "end"
-			}, S(t.track.endpointLabels.end), 9, ci)], 8, oi)) : r("", !0),
+			}, S(t.track.endpointLabels.end), 9, li)], 8, si)) : r("", !0),
 			(g(!0), i(e, null, y(t.track.isEmpty ? [] : t.track.yAxes, (e) => (g(), i("g", {
 				key: `y-axis-${t.track.index}-${e.index}`,
 				ref_for: !0,
@@ -3190,21 +3181,21 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				"data-y-axis-index": e.index,
 				"data-y-axis-side": e.side,
 				transform: `translate(${e.x}, 0)`
-			}, null, 10, li))), 128)),
-			!t.cleanView && !t.track.isEmpty && t.track.hasVisibleSeries && t.track.seriesList.length === 1 && t.track.showYAxisLabel && c(t.track.series) && p(t.track.height, t.track.index) ? (g(), i("g", ui, [a("rect", {
+			}, null, 10, ui))), 128)),
+			!t.cleanView && !t.track.isEmpty && t.track.hasVisibleSeries && t.track.seriesList.length === 1 && t.track.showYAxisLabel && t.track.series && c(t.track.series) && p(t.track.height, t.track.index) ? (g(), i("g", di, [a("rect", {
 				class: "waveform-track__y-axis-label-bg waveform-chart__y-axis-label-bg",
 				x: t.track.yAxisLabelX - w(12) / 2,
 				y: t.track.height / 2 - 40,
 				width: w(12),
 				height: "80",
 				rx: "2"
-			}, null, 8, di), a("text", {
+			}, null, 8, fi), a("text", {
 				class: "waveform-track__y-axis-label waveform-chart__y-axis-label",
-				fill: t.track.series.color,
+				fill: t.track.series?.color,
 				transform: `translate(${t.track.yAxisLabelX}, ${t.track.height / 2}) rotate(-90)`,
 				"text-anchor": "middle",
 				"dominant-baseline": "central"
-			}, S(c(t.track.series)), 9, fi)])) : r("", !0),
+			}, S(t.track.series ? c(t.track.series) : ""), 9, pi)])) : r("", !0),
 			(g(!0), i(e, null, y(!t.cleanView && t.track.yAxes.length > 1 ? t.track.yAxes.filter(l) : [], (e) => (g(), i("g", {
 				key: `y-axis-title-${t.track.index}-${e.index}`,
 				class: "waveform-track__multi-axis-title",
@@ -3216,40 +3207,40 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				width: w(12),
 				height: "80",
 				rx: "2"
-			}, null, 8, mi), a("text", {
+			}, null, 8, hi), a("text", {
 				class: "waveform-track__y-axis-label waveform-chart__y-axis-label",
 				fill: e.seriesList[0].color,
 				transform: `translate(${e.labelX}, ${t.track.height / 2}) rotate(-90)`,
 				"text-anchor": "middle",
 				"dominant-baseline": "central"
-			}, S(c(e.seriesList[0])), 9, hi)], 8, pi))), 128))
+			}, S(c(e.seriesList[0])), 9, gi)], 8, mi))), 128))
 		], 64));
 	}
-}), _i = [
+}), vi = [
 	"width",
 	"height",
 	"fill"
-], vi = ["clip-path"], yi = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, bi = [
+], yi = ["clip-path"], bi = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, xi = [
 	"stroke",
 	"x1",
 	"x2",
 	"y2"
-], xi = [
+], Si = [
 	"stroke",
 	"x2",
 	"y1",
 	"y2"
-], Si = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, Ci = [
+], Ci = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, wi = [
 	"stroke",
 	"x1",
 	"x2",
 	"y2"
-], wi = [
+], Ti = [
 	"stroke",
 	"x2",
 	"y1",
 	"y2"
-], Ti = ["clip-path"], Ei = [
+], Ei = ["clip-path"], Di = [
 	"data-y-axis-index",
 	"x2",
 	"y1",
@@ -3257,7 +3248,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Di = ["x", "y"], Oi = /* @__PURE__ */ c({
+], Oi = ["x", "y"], ki = /* @__PURE__ */ c({
 	__name: "WaveformTrackBackdrop",
 	props: {
 		track: {},
@@ -3282,12 +3273,12 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				height: t.track.height,
 				fill: t.frameStyle.backgroundColor,
 				"aria-hidden": "true"
-			}, null, 8, _i)) : r("", !0),
+			}, null, 8, vi)) : r("", !0),
 			!t.track.isEmpty && t.track.hasVisibleSeries && !t.cleanView ? (g(), i("g", {
 				key: 1,
 				"clip-path": `url(#${t.clipPathId}-${t.track.index})`,
 				"aria-hidden": "true"
-			}, [a("g", yi, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMinorTicks, (e) => (g(), i("line", {
+			}, [a("g", bi, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMinorTicks, (e) => (g(), i("line", {
 				key: `x-minor-${t.track.index}-${e}`,
 				"data-grid-direction": "vertical",
 				stroke: t.track.gridLines.verticalColor,
@@ -3295,7 +3286,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				x2: t.track.xScale(e),
 				y1: "0",
 				y2: t.track.height
-			}, null, 8, bi))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMinorTicks, (e) => (g(), i("line", {
+			}, null, 8, xi))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMinorTicks, (e) => (g(), i("line", {
 				key: `y-minor-${t.track.index}-${e}`,
 				"data-grid-direction": "horizontal",
 				stroke: t.track.gridLines.horizontalColor,
@@ -3303,7 +3294,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				x2: t.track.width ?? t.innerWidth,
 				y1: t.track.yScale(e),
 				y2: t.track.yScale(e)
-			}, null, 8, xi))), 128)) : r("", !0)]), a("g", Si, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMajorTicks, (e) => (g(), i("line", {
+			}, null, 8, Si))), 128)) : r("", !0)]), a("g", Ci, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMajorTicks, (e) => (g(), i("line", {
 				key: `x-major-${t.track.index}-${e}`,
 				"data-grid-direction": "vertical",
 				stroke: t.track.gridLines.verticalColor,
@@ -3311,7 +3302,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				x2: t.track.xScale(e),
 				y1: "0",
 				y2: t.track.height
-			}, null, 8, Ci))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMajorTicks, (e) => (g(), i("line", {
+			}, null, 8, wi))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMajorTicks, (e) => (g(), i("line", {
 				key: `y-major-${t.track.index}-${e}`,
 				"data-grid-direction": "horizontal",
 				stroke: t.track.gridLines.horizontalColor,
@@ -3319,7 +3310,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				x2: t.track.width ?? t.innerWidth,
 				y1: t.track.yScale(e),
 				y2: t.track.yScale(e)
-			}, null, 8, wi))), 128)) : r("", !0)])], 8, vi)) : r("", !0),
+			}, null, 8, Ti))), 128)) : r("", !0)])], 8, yi)) : r("", !0),
 			!t.track.isEmpty && t.track.hasVisibleSeries && t.zeroLine.visible && !t.cleanView ? (g(), i("g", {
 				key: 2,
 				class: "waveform-track__zero-lines waveform-chart__zero-lines",
@@ -3336,7 +3327,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				stroke: t.zeroLine.color,
 				"stroke-width": t.zeroLine.width,
 				"stroke-dasharray": t.zeroLine.dash || void 0
-			}, null, 8, Ei))], 64))), 128))], 8, Ti)) : r("", !0),
+			}, null, 8, Di))], 64))), 128))], 8, Ei)) : r("", !0),
 			!t.track.isEmpty && t.track.hasVisibleSeries && t.frameNumber !== void 0 && !t.cleanView ? (g(), i("text", {
 				key: 3,
 				class: "waveform-track__watermark waveform-chart__watermark",
@@ -3346,11 +3337,12 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				"text-anchor": "middle",
 				"dominant-baseline": "central",
 				"aria-hidden": "true"
-			}, S(t.frameNumber), 13, Di)) : r("", !0)
+			}, S(t.frameNumber), 13, Oi)) : r("", !0)
 		], 64));
 	}
-}), ki = [
+}), Ai = [
 	"data-track-index",
+	"data-track-id",
 	"data-track-empty",
 	"data-track-left",
 	"data-track-width",
@@ -3358,19 +3350,19 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 	"data-track-top",
 	"data-track-height",
 	"transform"
-], Ai = [
+], ji = [
 	"width",
 	"height",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray",
 	"stroke-linecap"
-], ji = [
+], Mi = [
 	"data-interactive",
 	"data-independent-overlay-index",
 	"width",
 	"height"
-], Mi = ["x", "y"], Ni = /* @__PURE__ */ c({
+], Ni = ["x", "y"], Pi = /* @__PURE__ */ c({
 	__name: "WaveformTrack",
 	props: {
 		track: {},
@@ -3421,6 +3413,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 		return (t, n) => (g(), i("g", {
 			class: f(["waveform-track waveform-chart__track", { "waveform-track--empty waveform-chart__track--empty": e.track.isEmpty }]),
 			"data-track-index": e.track.index,
+			"data-track-id": e.track.id,
 			"data-track-empty": e.track.isEmpty || void 0,
 			"data-track-left": e.track.left,
 			"data-track-width": e.track.width,
@@ -3429,7 +3422,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 			"data-track-height": e.track.height,
 			transform: `translate(${e.track.left ?? 0}, ${e.track.top})`
 		}, [
-			s(Oi, {
+			s(ki, {
 				track: e.track,
 				"clip-path-id": e.clipPathId,
 				"inner-width": e.innerWidth,
@@ -3446,7 +3439,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				"frame-style",
 				"zero-line"
 			]),
-			s(gi, {
+			s(_i, {
 				track: e.track,
 				"inner-width": e.innerWidth,
 				"clean-view": e.cleanView,
@@ -3472,8 +3465,8 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				"stroke-dasharray": c.value.borderStyle === "dashed" ? "6 4" : c.value.borderStyle === "dotted" ? "1 3" : void 0,
 				"stroke-linecap": c.value.borderStyle === "dotted" ? "round" : void 0,
 				"aria-hidden": "true"
-			}, null, 8, Ai)),
-			s(ii, {
+			}, null, 8, ji)),
+			s(ai, {
 				track: e.track,
 				"clip-path-id": e.clipPathId
 			}, null, 8, ["track", "clip-path-id"]),
@@ -3495,7 +3488,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				onPointerleave: n[4] ||= (e) => o("pointer-leave"),
 				onClick: n[5] ||= (e) => o("click", e),
 				onContextmenu: n[6] ||= (e) => o("contextmenu", e)
-			}, null, 42, ji)) : r("", !0),
+			}, null, 42, Mi)) : r("", !0),
 			!e.track.isEmpty && !e.track.hasVisibleSeries && !e.cleanView ? (g(), i("text", {
 				key: 2,
 				class: "waveform-track__no-visible-series",
@@ -3503,33 +3496,33 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				y: e.track.height / 2,
 				"text-anchor": "middle",
 				"dominant-baseline": "central"
-			}, " 暂无可见曲线 ", 8, Mi)) : r("", !0)
-		], 10, ki));
+			}, " 暂无可见曲线 ", 8, Ni)) : r("", !0)
+		], 10, Ai));
 	}
-}), Pi = [
+}), Fi = [
 	"width",
 	"height",
 	"data-position",
 	"data-orientation"
-], Fi = [
+], Ii = [
 	"disabled",
 	"aria-pressed",
 	"aria-label",
 	"onClick"
-], Ii = [
+], Li = [
 	"data-line-type",
 	"data-line-style",
 	"data-point-type",
 	"data-error-bar-visible"
-], Li = [
+], Ri = [
 	"d",
 	"stroke",
 	"stroke-dasharray"
-], Ri = [
+], zi = [
 	"d",
 	"stroke",
 	"stroke-width"
-], zi = ["d", "fill"], Bi = ["title"], Vi = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
+], Bi = ["d", "fill"], Vi = ["title"], Hi = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
 	__name: "WaveformLegend",
 	props: {
 		series: {},
@@ -3587,45 +3580,45 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 			"data-point-type": e.pointType,
 			"data-error-bar-visible": e.errorBar.visible || void 0
 		}, [
-			w(Jr)(e.lineType) ? (g(), i("path", {
+			w(Yr)(e.lineType) ? (g(), i("path", {
 				key: 0,
 				class: "waveform-legend__line",
-				d: w(Jr)(e.lineType) ?? void 0,
+				d: w(Yr)(e.lineType) ?? void 0,
 				stroke: e.color,
-				"stroke-dasharray": w(Yr)(e.lineStyle),
+				"stroke-dasharray": w(Xr)(e.lineStyle),
 				"stroke-width": "1.5",
 				fill: "none"
-			}, null, 8, Li)) : r("", !0),
+			}, null, 8, Ri)) : r("", !0),
 			e.errorBar.visible ? (g(), i("path", {
 				key: 1,
 				class: "waveform-legend__error-bar",
-				d: w(Xr)(e.errorBar.capWidth),
+				d: w(Zr)(e.errorBar.capWidth),
 				stroke: e.errorBar.color || e.color,
 				"stroke-width": e.errorBar.width,
 				"stroke-linecap": "butt",
 				fill: "none"
-			}, null, 8, Ri)) : r("", !0),
+			}, null, 8, zi)) : r("", !0),
 			e.pointType === "none" ? r("", !0) : (g(), i("path", {
 				key: 2,
 				class: "waveform-legend__point",
-				d: w(Kr)(e.pointType, 30) ?? void 0,
+				d: w(qr)(e.pointType, 30) ?? void 0,
 				fill: e.color,
 				transform: "translate(13 8)"
-			}, null, 8, zi))
-		], 8, Ii)), a("span", {
+			}, null, 8, Bi))
+		], 8, Li)), a("span", {
 			class: "waveform-legend__label",
 			title: e.name
-		}, S(e.name), 9, Bi)], 10, Fi))), 128))], 6)], 2)], 8, Pi));
+		}, S(e.name), 9, Vi)], 10, Ii))), 128))], 6)], 2)], 8, Fi));
 	}
-}), [["__scopeId", "data-v-2ae12e71"]]), Hi = {
+}), [["__scopeId", "data-v-2ae12e71"]]), Ui = {
 	class: "waveform-chart__hover-layer",
 	"pointer-events": "none",
 	"aria-hidden": "true"
-}, Ui = ["clip-path", "transform"], Wi = [
+}, Wi = ["clip-path", "transform"], Gi = [
 	"x1",
 	"x2",
 	"y2"
-], Gi = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
+], Ki = /*#__PURE__*/ Fe(/* @__PURE__ */ c({
 	__name: "WaveformHoverLayer",
 	props: {
 		state: {},
@@ -3638,7 +3631,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 			track: e,
 			x: e.xScale(r.state.queryX)
 		}] : []));
-		return (t, r) => (g(), i("g", Hi, [(g(!0), i(e, null, y(o.value, (e) => (g(), i("g", {
+		return (t, r) => (g(), i("g", Ui, [(g(!0), i(e, null, y(o.value, (e) => (g(), i("g", {
 			key: e.track.index,
 			class: "waveform-track__crosshair waveform-chart__crosshair",
 			"clip-path": `url(#${n.clipPathId}-${e.track.index})`,
@@ -3648,9 +3641,9 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 			x2: e.x,
 			y1: "0",
 			y2: e.track.height
-		}, null, 8, Wi)], 8, Ui))), 128))]));
+		}, null, 8, Gi)], 8, Wi))), 128))]));
 	}
-}), [["__scopeId", "data-v-044318c2"]]), Ki = [
+}), [["__scopeId", "data-v-044318c2"]]), qi = [
 	"data-display-mode",
 	"data-interaction-mode",
 	"data-presentation-mode",
@@ -3659,36 +3652,36 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 	"data-plot-margin-top",
 	"data-plot-margin-bottom",
 	"data-title-area-height"
-], qi = [
+], Ji = [
 	"role",
 	"aria-level",
 	"aria-hidden"
-], Ji = ["data-title-scale", "data-title-wrapped"], Yi = [
+], Yi = ["data-title-scale", "data-title-wrapped"], Xi = [
 	"width",
 	"height",
 	"aria-label"
-], Xi = ["id"], Zi = ["width", "height"], Qi = ["transform"], $i = {
+], Zi = ["id"], Qi = ["width", "height"], $i = ["transform"], ea = {
 	key: 0,
 	class: "waveform-chart__grid-slots",
 	"aria-hidden": "true"
-}, ea = ["transform"], ta = ["width", "height"], na = ["width", "height"], ra = [
+}, ta = ["transform"], na = ["width", "height"], ra = ["width", "height"], ia = [
 	"x",
 	"y",
 	"width",
 	"height"
-], ia = {
+], aa = {
 	key: 4,
 	class: "waveform-chart__legend-layer"
-}, aa = [
+}, oa = [
 	"data-legend-track-index",
 	"data-legend-track-id",
 	"transform"
-], oa = ["x", "y"], sa = ["x", "y"], ca = /* @__PURE__ */ c({
+], sa = ["x", "y"], ca = ["x", "y"], la = /* @__PURE__ */ c({
 	__name: "WaveformChartView",
 	props: { controller: {} },
 	setup(t) {
-		let { displayMode: o, activeInteractionMode: c, isCleanView: l, isPresentationMode: u, selection: d, containerStyle: m, overlayMode: h, resolvedChartLeftMargin: _, titleAreaHeight: v, resolvedPlotMargin: b, pointerInsideChart: x, handleNativeContextMenu: T, titleAreaReserved: E, titleAreaStyle: D, titleVisible: O, titleMeasureStyle: k, resolvedTitleText: A, titleVisualStyle: j, titleTextStyle: M, titleLayout: N, chartWidth: P, drawingHeight: F, hasWaveformData: I, requestViewportReset: L, trackLayouts: R, clipPathId: z, chartTopMargin: B, gridCells: V, hasVisibleWaveformData: H, zoomable: U, isZoomMode: ee, innerWidth: te, innerHeight: ne, handleSharedPointerMove: re, beginSharedViewportDrag: ie, finishViewportDrag: W, cancelViewportDrag: G, handlePointerLeave: K, handleAnnotationClick: q, handleAnnotationContextMenu: J, resolveFrameNumber: oe, frameStyle: se, axes: ce, resolvedZeroLine: le, timeUnit: ue, yLabel: de, handleIndependentPointerMove: fe, beginViewportDrag: pe, hoverState: me, showTooltip: he, selectionBox: ge, renderedAnnotations: Y, annotationsVisible: _e, handleExistingAnnotationContextMenu: ve, beginAnnotationDrag: ye, handleAnnotationMove: be, endAnnotationDrag: xe, resolveLegendPosition: X, resolveLegendOrientation: Z, legendBackgroundColor: Se, legendInteractive: Ce, resolvedHiddenSeriesIds: we, toggleSeriesVisibility: Te, resolvedXLabel: Ee, xAxisTitleY: De, hasChartArea: Oe, gridOptions: ke, pageCount: Ae, currentPage: je, getPageSize: Me, chartTracks: Ne, goToPage: Pe, annotationInteraction: Fe, editorDraft: Re, contextMenu: Q, editorSeries: ze, editorSeriesOptions: Be, timeError: Ve, confirmAnnotation: He, cancelAnnotation: Ue, changeDraftSeries: We, changeDraftTime: Ge, editContextAnnotation: Ke, deleteContextAnnotation: qe, chartHeight: Je, setContainer: Ye, setSvgElement: Xe, setTitleMeasureElement: Ze, setSharedOverlayElement: Qe } = C(t.controller);
-		function $e() {
+		let { displayMode: o, activeInteractionMode: c, isCleanView: l, isPresentationMode: u, selection: d, containerStyle: m, overlayMode: h, resolvedChartLeftMargin: _, titleAreaHeight: v, resolvedPlotMargin: b, pointerInsideChart: x, handleNativeContextMenu: T, titleAreaReserved: E, titleAreaStyle: D, titleVisible: O, titleMeasureStyle: k, resolvedTitleText: A, titleVisualStyle: j, titleTextStyle: M, titleLayout: N, chartWidth: P, drawingHeight: F, hasWaveformData: I, requestViewportReset: L, trackLayouts: R, clipPathId: z, chartTopMargin: B, gridCells: V, hasVisibleWaveformData: H, zoomable: U, isZoomMode: ee, innerWidth: te, innerHeight: ne, handleSharedPointerMove: re, beginSharedViewportDrag: ie, finishViewportDrag: W, cancelViewportDrag: G, handlePointerLeave: K, handleAnnotationClick: q, handleAnnotationContextMenu: J, resolveFrameNumber: oe, frameStyle: se, axes: ce, resolvedZeroLine: le, timeUnit: ue, yLabel: de, handleIndependentPointerMove: fe, beginViewportDrag: pe, hoverState: me, showTooltip: he, selectionBox: ge, renderedAnnotations: Y, annotationsVisible: _e, handleExistingAnnotationContextMenu: ve, beginAnnotationDrag: ye, handleAnnotationMove: be, endAnnotationDrag: xe, resolveLegendPosition: X, resolveLegendOrientation: Z, legendBackgroundColor: Se, legendInteractive: Ce, resolvedHiddenSeriesIds: we, toggleSeriesVisibility: Te, resolvedXLabel: Ee, xAxisTitleY: De, hasChartArea: Oe, gridOptions: ke, pageCount: Ae, currentPage: je, getPageSize: Me, chartTracks: Ne, goToPage: Pe, annotationInteraction: Fe, editorDraft: Re, contextMenu: Q, editorSeries: ze, editorSeriesOptions: Be, timeError: Ve, confirmAnnotation: He, cancelAnnotation: Ue, changeDraftSeries: We, changeDraftTime: Ge, editContextAnnotation: Ke, deleteContextAnnotation: qe, chartHeight: Je, setContainer: Ye, setSvgElement: $, setTitleMeasureElement: Xe, setSharedOverlayElement: Ze } = C(t.controller);
+		function Qe() {
 			x.value = !1, K.value();
 		}
 		return (t, C) => (g(), i("div", {
@@ -3712,7 +3705,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 			"data-plot-margin-bottom": w(b).bottom,
 			"data-title-area-height": w(v),
 			onPointerenter: C[8] ||= (e) => x.value = !0,
-			onPointerleave: $e,
+			onPointerleave: Qe,
 			onContextmenuCapture: C[9] ||= (...e) => w(T) && w(T)(...e)
 		}, [
 			w(E) ? (g(), i("div", {
@@ -3723,7 +3716,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				"aria-level": w(O) ? 2 : void 0,
 				"aria-hidden": w(l) || void 0
 			}, [a("span", {
-				ref: w(Ze),
+				ref: w(Xe),
 				class: "waveform-chart__title-measure",
 				style: p(w(k)),
 				"aria-hidden": "true"
@@ -3736,9 +3729,9 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				style: p(w(M)),
 				"data-title-scale": w(N).scale,
 				"data-title-wrapped": w(N).wrapped || void 0
-			}, S(w(A)), 13, Ji)], 4)) : r("", !0)], 12, qi)) : r("", !0),
+			}, S(w(A)), 13, Yi)], 4)) : r("", !0)], 12, Ji)) : r("", !0),
 			(g(), i("svg", {
-				ref: w(Xe),
+				ref: w($),
 				class: "waveform-chart__svg",
 				width: w(P),
 				height: w(F),
@@ -3753,9 +3746,9 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				}, [a("rect", {
 					width: e.width,
 					height: e.height
-				}, null, 8, Zi)], 8, Xi))), 128))]),
+				}, null, 8, Qi)], 8, Zi))), 128))]),
 				a("g", { transform: `translate(${w(_)}, ${w(B)})` }, [
-					w(o) !== "compact" && !w(l) ? (g(), i("g", $i, [(g(!0), i(e, null, y(w(V), (e) => (g(), i("g", {
+					w(o) !== "compact" && !w(l) ? (g(), i("g", ea, [(g(!0), i(e, null, y(w(V), (e) => (g(), i("g", {
 						key: `grid-slot-${e.slotIndex}`,
 						transform: `translate(${e.left}, ${e.top})`
 					}, [e.series ? r("", !0) : (g(), i("rect", {
@@ -3763,10 +3756,10 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 						class: "waveform-chart__grid-slot-placeholder",
 						width: e.width,
 						height: e.cellHeight
-					}, null, 8, ta))], 8, ea))), 128))])) : r("", !0),
+					}, null, 8, na))], 8, ta))), 128))])) : r("", !0),
 					w(o) !== "independent" && w(R).length && w(H) ? (g(), i("rect", {
 						key: 1,
-						ref: w(Qe),
+						ref: w(Ze),
 						class: f(["waveform-chart__overlay waveform-chart__overlay--shared", {
 							"is-zoomable": !w(u) && w(U) && w(ee),
 							"is-annotating": !w(u) && w(c) === "annotation"
@@ -3780,9 +3773,9 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 						onPointerleave: C[4] ||= (...e) => w(K) && w(K)(...e),
 						onClick: C[5] ||= (...e) => w(q) && w(q)(...e),
 						onContextmenu: C[6] ||= (...e) => w(J) && w(J)(...e)
-					}, null, 42, na)) : r("", !0),
-					(g(!0), i(e, null, y(w(R), (e) => (g(), n(w(Ni), {
-						key: `${e.index}-${e.series.name}`,
+					}, null, 42, ra)) : r("", !0),
+					(g(!0), i(e, null, y(w(R), (e) => (g(), n(w(Pi), {
+						key: `${e.index}-${e.id}`,
 						track: e,
 						"clip-path-id": w(z),
 						"inner-width": w(te),
@@ -3827,7 +3820,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 						"onClick",
 						"onContextmenu"
 					]))), 128)),
-					s(w(Gi), {
+					s(w(Ki), {
 						state: w(me),
 						tracks: w(R),
 						"clip-path-id": w(z),
@@ -3846,7 +3839,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 						width: w(ge).width,
 						height: w(ge).height,
 						"aria-hidden": "true"
-					}, null, 8, ra)) : r("", !0),
+					}, null, 8, ia)) : r("", !0),
 					w(l) ? r("", !0) : (g(), n(w(Ie), {
 						key: 3,
 						annotations: w(Y),
@@ -3865,13 +3858,13 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 						"onMove",
 						"onDragEnd"
 					])),
-					w(l) ? r("", !0) : (g(), i("g", ia, [(g(!0), i(e, null, y(w(R), (e) => (g(), i("g", {
-						key: `legend-${e.index}-${e.series.name}`,
+					w(l) ? r("", !0) : (g(), i("g", aa, [(g(!0), i(e, null, y(w(R), (e) => (g(), i("g", {
+						key: `legend-${e.index}-${e.id}`,
 						class: "waveform-chart__legend-track",
 						"data-legend-track-index": e.index,
 						"data-legend-track-id": e.id,
 						transform: `translate(${e.left}, ${e.top})`
-					}, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(Vi), {
+					}, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(Hi), {
 						key: 0,
 						series: e.legendSeries,
 						position: w(X)(e.id),
@@ -3892,23 +3885,23 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 						"width",
 						"height",
 						"onToggle"
-					])) : r("", !0)], 8, aa))), 128))]))
-				], 8, Qi),
+					])) : r("", !0)], 8, oa))), 128))]))
+				], 8, $i),
 				w(Ee) && !w(l) ? (g(), i("text", {
 					key: 0,
 					class: "waveform-chart__label waveform-chart__x-label",
 					x: w(_) + w(te) / 2,
 					y: w(De),
 					"text-anchor": "middle"
-				}, S(w(Ee)), 9, oa)) : r("", !0),
+				}, S(w(Ee)), 9, sa)) : r("", !0),
 				w(Oe) && !w(I) ? (g(), i("text", {
 					key: 1,
 					class: "waveform-chart__empty",
 					x: w(P) / 2,
 					y: w(F) / 2,
 					"text-anchor": "middle"
-				}, " 暂无有效波形数据 ", 8, sa)) : r("", !0)
-			], 40, Yi)),
+				}, " 暂无有效波形数据 ", 8, ca)) : r("", !0)
+			], 40, Xi)),
 			w(ke).showPagination && w(Ae) > 1 && !w(l) ? (g(), n(w(ae), {
 				key: 1,
 				class: "waveform-chart__pagination",
@@ -3925,7 +3918,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				"total",
 				"onChange"
 			])) : r("", !0),
-			w(Re) && !w(l) && !w(u) ? (g(), n(Dr, {
+			w(Re) && !w(l) && !w(u) ? (g(), n(Or, {
 				key: 2,
 				annotation: w(Re).annotation,
 				mode: w(Re).mode,
@@ -3967,7 +3960,7 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				"onDelete",
 				"onClose"
 			])) : r("", !0),
-			s(w(zr), {
+			s(w(Br), {
 				state: w(me),
 				visible: w(he) && !w(u),
 				"time-unit": w(ue),
@@ -3980,9 +3973,9 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 				"container-width",
 				"container-height"
 			])
-		], 46, Ki));
+		], 46, qi));
 	}
-}), la = /* @__PURE__ */ c({
+}), ua = /* @__PURE__ */ c({
 	__name: "WaveformChart",
 	props: {
 		data: {},
@@ -4060,12 +4053,12 @@ var Zr = ["clip-path"], Qr = ["data-series-id", "data-series-name"], $r = [
 		"page-change"
 	],
 	setup(e, { expose: t, emit: r }) {
-		let i = cr(e, r);
+		let i = lr(e, r);
 		return t({
 			resetViewport: i.resetViewport,
 			setViewportDomain: i.setViewportDomain
-		}), (e, t) => (g(), n(ca, { controller: w(i) }, null, 8, ["controller"]));
+		}), (e, t) => (g(), n(la, { controller: w(i) }, null, 8, ["controller"]));
 	}
 });
 //#endregion
-export { Ut as DEFAULT_WAVEFORM_RENDERING_OPTIONS, la as WaveformChart, Ze as buildMinorTicks, _t as clamp, ut as displayTime, pt as formatAxisTime, ft as formatEndpointTime, mt as formatTooltipTime, It as normalizeWaveformData, Lt as normalizeWaveformSeries, Xe as paddedDomain, Je as parseWaveformAnnotations, gt as resolveTrackGeometry, Wt as resolveWaveformRenderingOptions, Xt as selectRenderablePoints, qe as serializeWaveformAnnotations };
+export { Ht as DEFAULT_WAVEFORM_RENDERING_OPTIONS, ua as WaveformChart, Xe as buildMinorTicks, gt as clamp, lt as displayTime, ft as formatAxisTime, dt as formatEndpointTime, pt as formatTooltipTime, Ft as normalizeWaveformData, It as normalizeWaveformSeries, $ as paddedDomain, Je as parseWaveformAnnotations, ht as resolveTrackGeometry, Ut as resolveWaveformRenderingOptions, Yt as selectRenderablePoints, qe as serializeWaveformAnnotations };