waveform-analysis 0.1.30 → 0.1.31

package/dist/index.js

@@ -1,17 +1,17 @@
 import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, getCurrentInstance as l, markRaw as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as h, openBlock as g, reactive as _, ref as v, renderList as y, shallowReactive as b, shallowRef as x, toDisplayString as S, toRefs as C, unref as w, vModelText as T, watch as E, watchEffect as D, withDirectives as O, withModifiers as k } from "vue";
-import { axisBottom as A, axisLeft as j, axisRight as M, bisector as N, curveStep as P, curveStepAfter as F, curveStepBefore as I, extent as L, line as R, pointer as z, scaleLinear as B, select as V, symbol as H, symbolCircle as U, symbolDiamond as ee, symbolSquare as te, symbolTriangle as ne, zoom as re, zoomIdentity as W, zoomTransform as G } from "d3";
-import { Pagination as ie } from "ant-design-vue";
-import { ColorPicker as K } from "vue3-colorpicker";
+import { axisBottom as A, axisLeft as j, axisRight as M, bisector as N, curveStep as P, curveStepAfter as F, curveStepBefore as I, extent as L, line as R, pointer as z, scaleLinear as B, select as V, symbol as H, symbolCircle as U, symbolDiamond as ee, symbolSquare as W, symbolTriangle as te, zoom as G, zoomIdentity as K, zoomTransform as ne } from "d3";
+import { Pagination as re } from "ant-design-vue";
+import { ColorPicker as q } from "vue3-colorpicker";
 import "vue3-colorpicker/style.css";
 //#region src/utils/waveformId.ts
-var ae = 0;
-function oe(e = "waveform") {
+var ie = 0;
+function ae(e = "waveform") {
 	let t = l();
-	return `${e}-${t ? `v${t.uid}` : `f${++ae}`}`;
+	return `${e}-${t ? `v${t.uid}` : `f${++ie}`}`;
 }
 //#endregion
 //#region src/components/annotation/annotationLayout.ts
-function q(e, t) {
+function oe(e, t) {
 	return e >= Math.min(t[0], t[1]) && e <= Math.max(t[0], t[1]);
 }
 function se(e, t, n) {
@@ -93,14 +93,14 @@ function de(e, t, n, r, i) {
 		};
 	}
 }
-function fe(e, t, n) {
+function J(e, t, n) {
 	return {
 		width: Math.min(t, Math.max(16, Math.min(240, Math.ceil(Math.max(...e.map(be), 0)) + 16))),
 		height: Math.min(n, Math.max(26, (e.length - 1) * 16 + 14 + 16))
 	};
 }
-function pe(e, t, n, r, i, a, o = 0, s = 0) {
-	let { width: c, height: l } = fe(n, r, i), u = de(e, t, c, l, a), d = se({
+function fe(e, t, n, r, i, a, o = 0, s = 0) {
+	let { width: c, height: l } = J(n, r, i), u = de(e, t, c, l, a), d = se({
 		x: u.x + o,
 		y: u.y + s,
 		width: c,
@@ -114,15 +114,15 @@ function pe(e, t, n, r, i, a, o = 0, s = 0) {
 		lineEndY: f.y
 	};
 }
-function me(e, t, n, r) {
+function pe(e, t, n, r) {
 	let i = [];
 	return e.forEach((e) => {
-		if (!Se(e)) return;
+		if (!xe(e)) return;
 		let a = t.find((t) => t.series.id === e.seriesId);
 		if (!a) return;
 		let o = a.xScale.domain(), s = a.yScale.domain();
-		if (!q(e.x, o) || !q(e.y, s)) return;
-		let c = Ce(e.text), l = a.left ?? 0, u = a.width ?? n, d = a.xScale(e.x), f = l + d, p = a.yScale(e.y) + a.top, m = Math.min(a.height, Math.max(0, r - a.top)), h = p - a.top, g = Number.isFinite(e.labelOffsetX) && e.labelOffsetX !== 0 || Number.isFinite(e.labelOffsetY) && e.labelOffsetY !== 0, { width: _, height: v } = fe(c, u, m), y = g ? "top" : le(d, h, _, v, u, m), b = pe(d, h, c, u, m, y, Number.isFinite(e.labelOffsetX) ? e.labelOffsetX : 0, Number.isFinite(e.labelOffsetY) ? e.labelOffsetY : 0), x = {
+		if (!oe(e.x, o) || !oe(e.y, s)) return;
+		let c = Se(e.text), l = a.left ?? 0, u = a.width ?? n, d = a.xScale(e.x), f = l + d, p = a.yScale(e.y) + a.top, m = Math.min(a.height, Math.max(0, r - a.top)), h = p - a.top, g = Number.isFinite(e.labelOffsetX) && e.labelOffsetX !== 0 || Number.isFinite(e.labelOffsetY) && e.labelOffsetY !== 0, { width: _, height: v } = J(c, u, m), y = g ? "top" : le(d, h, _, v, u, m), b = fe(d, h, c, u, m, y, Number.isFinite(e.labelOffsetX) ? e.labelOffsetX : 0, Number.isFinite(e.labelOffsetY) ? e.labelOffsetY : 0), x = {
 			...b,
 			x: b.x + l,
 			y: b.y + a.top,
@@ -137,28 +137,28 @@ function me(e, t, n, r) {
 			placement: y,
 			lines: c,
 			box: { ...x },
-			style: xe(e.style)
+			style: Z(e.style)
 		});
 	}), i;
 }
 //#endregion
 //#region src/components/annotation/markup.ts
-var he = {
+var Y = {
 	borderColor: "#1677ff",
 	textColor: "#333333",
 	backgroundColor: "rgba(255, 255, 255, 0.92)"
-}, ge = "12px Arial, sans-serif", J = N((e) => e.x);
-function _e(e, t) {
+}, me = "12px Arial, sans-serif", he = N((e) => e.x);
+function ge(e, t) {
 	if (!e.length || !Number.isFinite(t)) return null;
-	let n = J.center(e, t), r = e[Math.min(n, e.length - 1)], i = e[Math.max(0, n - 1)];
+	let n = he.center(e, t), r = e[Math.min(n, e.length - 1)], i = e[Math.max(0, n - 1)];
 	return Math.abs(t - i.x) < Math.abs(r.x - t) ? i : r;
 }
-function ve(e, t, n = "linear") {
+function _e(e, t, n = "linear") {
 	if (!e.length || !Number.isFinite(t)) return null;
 	let r = e[0], i = e[e.length - 1];
 	if (t < r.x || t > i.x) return null;
 	if (e.length === 1) return t === r.x ? { ...r } : null;
-	let a = J.left(e, t), o = e[Math.min(a, e.length - 1)];
+	let a = he.left(e, t), o = e[Math.min(a, e.length - 1)];
 	if (o.x === t || a === 0) return {
 		x: t,
 		y: o.y
@@ -188,18 +188,18 @@ function ve(e, t, n = "linear") {
 		y: s.y + (o.y - s.y) * l
 	};
 }
-function Y(e, t, n, r) {
+function ve(e, t, n, r) {
 	return e.flatMap((e) => {
-		let i = ve(e.series.points, t, e.series.lineType);
+		let i = _e(e.series.points, t, e.series.lineType);
 		if (!i) return [];
-		let a = _e(e.series.points, t);
+		let a = ge(e.series.points, t);
 		if (!a) return [];
 		let o = e.xScale(i.x), s = e.top + e.yScale(i.y), c = e.xScale(a.x), l = e.top + e.yScale(a.y);
 		return [{
 			trackIndex: e.index,
 			seriesId: e.series.id,
 			name: e.series.name?.trim() || e.series.id,
-			color: e.series.color || he.borderColor,
+			color: e.series.color || Y.borderColor,
 			unit: e.series.unit,
 			point: a,
 			screenX: c,
@@ -213,19 +213,19 @@ function ye(e) {
 	return Array.from(e).reduce((e, t) => e + (t.codePointAt(0) > 255 ? 12 : 6.7), 0);
 }
 function be(e) {
-	return X === void 0 && (X = null, typeof document < "u" && typeof CanvasRenderingContext2D < "u" && (X = document.createElement("canvas").getContext("2d"), X && (X.font = ge))), X?.measureText(e).width ?? ye(e);
+	return X === void 0 && (X = null, typeof document < "u" && typeof CanvasRenderingContext2D < "u" && (X = document.createElement("canvas").getContext("2d"), X && (X.font = me))), X?.measureText(e).width ?? ye(e);
 }
-function xe(e) {
+function Z(e) {
 	return {
-		borderColor: e?.borderColor || he.borderColor,
-		textColor: e?.textColor || he.textColor,
-		backgroundColor: e?.backgroundColor || he.backgroundColor
+		borderColor: e?.borderColor || Y.borderColor,
+		textColor: e?.textColor || Y.textColor,
+		backgroundColor: e?.backgroundColor || Y.backgroundColor
 	};
 }
-function Se(e) {
+function xe(e) {
 	return !!(e.id && e.seriesId) && Number.isFinite(e.x) && Number.isFinite(e.y) && typeof e.text == "string" && e.text.trim().length > 0;
 }
-function Ce(e, t = 10) {
+function Se(e, t = 10) {
 	let n = [];
 	return e.split(/\r?\n/).forEach((e) => {
 		let r = Array.from(e);
@@ -238,30 +238,30 @@ function Ce(e, t = 10) {
 }
 //#endregion
 //#region src/components/annotation/WaveformAnnotationLayer.vue?vue&type=script&setup=true&lang.ts
-var we = [
+var Ce = [
 	"data-annotation-id",
 	"data-placement",
 	"onPointerdown",
 	"onContextmenu"
-], Te = ["id"], Ee = ["fill"], De = [
+], we = ["id"], Te = ["fill"], Ee = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"marker-end"
-], Oe = [
+], De = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill",
 	"stroke"
-], ke = [
+], Oe = [
 	"x",
 	"y",
 	"fill"
-], Ae = ["x", "dy"], je = /*@__PURE__*/ c({
+], ke = ["x", "dy"], Ae = /*@__PURE__*/ c({
 	__name: "WaveformAnnotationLayer",
 	props: {
 		annotations: {},
@@ -401,7 +401,7 @@ var we = [
 			}, [a("path", {
 				d: "M0,0 L8,4 L0,8 Z",
 				fill: t.style.borderColor
-			}, null, 8, Ee)], 8, Te)]),
+			}, null, 8, Te)], 8, we)]),
 			a("line", {
 				class: "waveform-annotation__arrow",
 				x1: b(t).lineEndX,
@@ -410,7 +410,7 @@ var we = [
 				y2: t.anchorY,
 				stroke: t.style.borderColor,
 				"marker-end": `url(#${M(t.annotation.id)})`
-			}, null, 8, De),
+			}, null, 8, Ee),
 			a("rect", {
 				class: "waveform-annotation__box",
 				x: b(t).x,
@@ -419,27 +419,27 @@ var we = [
 				height: b(t).height,
 				fill: t.style.backgroundColor,
 				stroke: t.style.borderColor
-			}, null, 8, Oe),
+			}, null, 8, De),
 			a("text", {
 				class: "waveform-annotation__text",
 				x: b(t).x + b(t).width / 2,
 				y: b(t).y + b(t).height / 2 - (t.lines.length - 1) * w(16) / 2,
 				fill: t.style.textColor,
-				style: p({ font: w(ge) }),
+				style: p({ font: w(me) }),
 				"text-anchor": "middle",
 				"dominant-baseline": "central"
 			}, [(g(!0), i(e, null, y(t.lines, (e, n) => (g(), i("tspan", {
 				key: `${t.annotation.id}-${n}`,
 				x: b(t).x + b(t).width / 2,
 				dy: n === 0 ? 0 : w(16)
-			}, S(e), 9, Ae))), 128))], 12, ke)
-		], 40, we))), 128))], 2)) : r("", !0);
+			}, S(e), 9, ke))), 128))], 12, Oe)
+		], 40, Ce))), 128))], 2)) : r("", !0);
 	}
-}), Z = (e, t) => {
+}), je = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Me = /*#__PURE__*/ Z(je, [["__scopeId", "data-v-7254383e"]]), Ne = /*#__PURE__*/ Z(/* @__PURE__ */ c({
+}, Me = /*#__PURE__*/ je(Ae, [["__scopeId", "data-v-7254383e"]]), Ne = /*#__PURE__*/ je(/* @__PURE__ */ c({
 	__name: "WaveformAnnotationContextMenu",
 	props: {
 		visible: { type: Boolean },
@@ -635,7 +635,7 @@ function Qe(e) {
 }
 function $e(e, t) {
 	if (typeof e != "number" || typeof t != "number") return null;
-	let n = Math.abs(Math.max(e, t));
+	let n = Math.max(Math.abs(e), Math.abs(t));
 	return Qe(n) ? Math.floor(Math.log10(n)) : null;
 }
 function et(e) {
@@ -839,84 +839,110 @@ function Mt(e) {
 	}).filter((e) => e.points.length > 0);
 }
 //#endregion
+//#region src/core/renderingStrategies.ts
+function Nt(e, t) {
+	return {
+		start: Math.max(0, e.start - 1),
+		end: Math.min(t, e.end + 1)
+	};
+}
+function Pt(e, t) {
+	t && e[e.length - 1] !== t && e.push(t);
+}
+var Ft = (e) => {
+	let { start: t, end: n } = Nt(e.range, e.points.length);
+	return e.points.slice(t, n);
+}, It = (e) => {
+	let { points: t, range: n, domain: r, width: i, options: a } = e, { start: o, end: s } = Nt(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;
+		for (let n = 0; n < t; n += 1) if (m[n] === e) return t;
+		return m[t] = e, t + 1;
+	}, x = () => {
+		if (g < 0) return;
+		let e = 0;
+		e = b(g, e), e = b(v, e), e = b(y, e), e = b(_, e);
+		for (let t = 1; t < e; t += 1) {
+			let e = m[t], n = t - 1;
+			for (; n >= 0 && m[n] > e;) m[n + 1] = m[n], --n;
+			m[n + 1] = e;
+		}
+		for (let n = 0; n < e; n += 1) Pt(f, t[m[n]]);
+	};
+	Pt(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) {
+			x(), h = r, g = e, _ = e, v = e, y = e;
+			continue;
+		}
+		_ = e, n.y < t[v].y && (v = e), n.y > t[y].y && (y = e);
+	}
+	return x(), Pt(f, t[s - 1]), f;
+};
+function Lt(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 ? Ft : It;
+}
+//#endregion
 //#region src/core/renderingOptions.ts
-var Nt = {
+var Rt = {
 	downsample: !0,
 	downsampleThreshold: 2e3,
 	maxPointsPerPixel: 4,
 	pointMinSpacing: 10,
 	errorBarMinSpacing: 12
 };
-function Pt(e) {
+function zt(e) {
 	let t = Number(e?.downsampleThreshold), n = Number(e?.maxPointsPerPixel), r = Number(e?.pointMinSpacing), i = Number(e?.errorBarMinSpacing);
 	return {
-		downsample: e?.downsample ?? Nt.downsample,
-		downsampleThreshold: Number.isFinite(t) && t >= 2 ? Math.floor(t) : Nt.downsampleThreshold,
-		maxPointsPerPixel: Number.isFinite(n) && n > 0 ? n : Nt.maxPointsPerPixel,
-		pointMinSpacing: Number.isFinite(r) && r >= 0 ? r : Nt.pointMinSpacing,
-		errorBarMinSpacing: Number.isFinite(i) && i >= 0 ? i : Nt.errorBarMinSpacing
+		downsample: e?.downsample ?? Rt.downsample,
+		downsampleThreshold: Number.isFinite(t) && t >= 2 ? Math.floor(t) : Rt.downsampleThreshold,
+		maxPointsPerPixel: Number.isFinite(n) && n > 0 ? n : Rt.maxPointsPerPixel,
+		pointMinSpacing: Number.isFinite(r) && r >= 0 ? r : Rt.pointMinSpacing,
+		errorBarMinSpacing: Number.isFinite(i) && i >= 0 ? i : Rt.errorBarMinSpacing
 	};
 }
 //#endregion
 //#region src/core/rendering.ts
-var Ft = N((e) => e.x), It = () => !0;
-function Lt(e, t) {
+var Bt = N((e) => e.x), Vt = () => !0;
+function Ht(e, t) {
 	let n = Math.min(t[0], t[1]), r = Math.max(t[0], t[1]);
 	return {
-		start: Ft.left(e, n),
-		end: Ft.right(e, r)
+		start: Bt.left(e, n),
+		end: Bt.right(e, r)
 	};
 }
-function Rt(e, t, n) {
+function Ut(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 = Lt(n.points, t);
+		let e = Ht(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 zt(e, t) {
-	t && e[e.length - 1] !== t && e.push(t);
-}
-function Bt(e, t, n, r, i) {
-	let a = Math.min(n[0], n[1]), o = Math.max(n[0], n[1]), s = Math.max(0, t.start - 1), c = Math.min(e.length, t.end + 1), l = c - s;
-	if (l <= 0) return [];
-	if (!i.downsample || l <= i.downsampleThreshold) return e.slice(s, c);
-	let u = Math.max(4, Math.floor(r * i.maxPointsPerPixel)), d = Math.max(1, Math.floor(u / 4));
-	if (l <= u) return e.slice(s, c);
-	let f = [], p = o - a || 1, m = Array.from({ length: 4 }, () => -1), h = -1, g = -1, _ = -1, v = -1, y = -1, b = (e, t) => {
-		if (e < 0) return t;
-		for (let n = 0; n < t; n += 1) if (m[n] === e) return t;
-		return m[t] = e, t + 1;
-	}, x = () => {
-		if (g < 0) return;
-		let t = 0;
-		t = b(g, t), t = b(v, t), t = b(y, t), t = b(_, t);
-		for (let e = 1; e < t; e += 1) {
-			let t = m[e], n = e - 1;
-			for (; n >= 0 && m[n] > t;) m[n + 1] = m[n], --n;
-			m[n + 1] = t;
-		}
-		for (let n = 0; n < t; n += 1) zt(f, e[m[n]]);
-	};
-	zt(f, e[s]);
-	for (let n = t.start; n < t.end; n += 1) {
-		let t = e[n], r = Math.min(d - 1, Math.max(0, Math.floor((t.x - a) / p * d)));
-		if (r !== h) {
-			x(), h = r, g = n, _ = n, v = n, y = n;
-			continue;
-		}
-		_ = n, t.y < e[v].y && (v = n), t.y > e[y].y && (y = n);
-	}
-	return x(), zt(f, e[c - 1]), f;
+function Wt(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 ? [] : Lt({
+		visibleCount: o,
+		width: r,
+		options: i
+	})({
+		points: e,
+		range: t,
+		domain: n,
+		width: r,
+		options: i
+	});
 }
-function Vt(e, t, n, r) {
-	return !e.length || n <= 0 ? [] : Bt(e, Lt(e, t), t, n, r);
+function Gt(e, t, n, r) {
+	return !e.length || n <= 0 ? [] : Wt(e, Ht(e, t), t, n, r);
 }
-function Ht(e, t, n, r, i, a, o, s) {
+function Kt(e, t, n, r, i, a, o, s) {
 	if (!a || i === 0) {
-		if (o === It) return e.slice(t.start, t.end);
+		if (o === Vt) 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;
@@ -949,36 +975,36 @@ function Ht(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 Ut(e) {
+function qt(e) {
 	let { lower: t, upper: n } = At(e);
 	return t !== 0 || n !== 0;
 }
-function Wt(e, t, n, r, i) {
+function Jt(e, t, n, r, i) {
 	if (!e.length || n <= 0) return {
 		linePoints: [],
 		pointRenderPoints: [],
 		errorBarRenderPoints: []
 	};
-	let a = Lt(e, t), o = i.lineVisible ? Bt(e, a, t, n, r) : [], s = i.errorBarVisible && i.hasErrorPoints;
+	let a = Ht(e, t), o = i.lineVisible ? Wt(e, a, t, n, r) : [], s = i.errorBarVisible && i.hasErrorPoints;
 	if (i.pointVisible && s) {
-		let i = Ht(e, a, t, n, Math.max(r.pointMinSpacing, r.errorBarMinSpacing), r.downsample, It, Ut);
+		let i = Kt(e, a, t, n, Math.max(r.pointMinSpacing, r.errorBarMinSpacing), r.downsample, Vt, qt);
 		return {
 			linePoints: o,
 			pointRenderPoints: i,
-			errorBarRenderPoints: i.filter(Ut)
+			errorBarRenderPoints: i.filter(qt)
 		};
 	}
 	return {
 		linePoints: o,
-		pointRenderPoints: i.pointVisible ? Ht(e, a, t, n, r.pointMinSpacing, r.downsample, It) : [],
-		errorBarRenderPoints: s ? Ht(e, a, t, n, r.errorBarMinSpacing, r.downsample, Ut) : []
+		pointRenderPoints: i.pointVisible ? Kt(e, a, t, n, r.pointMinSpacing, r.downsample, Vt) : [],
+		errorBarRenderPoints: s ? Kt(e, a, t, n, r.errorBarMinSpacing, r.downsample, qt) : []
 	};
 }
-var Gt = (e, t) => {
+var Yt = (e, t) => {
 	let n = typeof e == "number" ? e : Number(e);
 	return Number.isFinite(n) ? Math.min(10, Math.max(1, Math.floor(n))) : t;
 };
-function Kt(e) {
+function Xt(e) {
 	let t = Object.fromEntries(Object.entries(e?.trackLines ?? {}).map(([e, t]) => [e, {
 		horizontal: typeof t?.horizontal != "boolean" || t.horizontal,
 		vertical: typeof t?.vertical != "boolean" || t.vertical,
@@ -986,37 +1012,37 @@ function Kt(e) {
 		verticalColor: typeof t?.verticalColor == "string" && t.verticalColor.trim() ? t.verticalColor : void 0
 	}]));
 	return {
-		rowCount: Gt(e?.rowCount, 2),
-		columnCount: Gt(e?.columnCount, 1),
+		rowCount: Yt(e?.rowCount, 2),
+		columnCount: Yt(e?.columnCount, 1),
 		showPagination: e?.showPagination ?? !0,
 		trackLines: t
 	};
 }
-function qt(e) {
+function Zt(e) {
 	return e.rowCount * e.columnCount;
 }
-function Jt(e, t) {
-	return Math.max(1, Math.ceil(Math.max(0, e) / qt(t)));
+function Qt(e, t) {
+	return Math.max(1, Math.ceil(Math.max(0, e) / Zt(t)));
 }
-function Yt(e, t, n) {
-	let r = Jt(e.length, n), i = (Math.min(r, Math.max(1, Math.floor(t))) - 1) * qt(n);
-	return e.slice(i, i + qt(n));
+function $t(e, t, n) {
+	let r = Qt(e.length, n), i = (Math.min(r, Math.max(1, Math.floor(t))) - 1) * Zt(n);
+	return e.slice(i, i + Zt(n));
 }
-function Xt(e) {
+function en(e) {
 	return e === "compact" ? 0 : e === "separated" ? 16 : 14;
 }
-function Zt(e, t, n, r, i = [], a, o = !0) {
-	let s = Xt(r), c = Number.isFinite(a) ? Math.max(0, a) : s, l = Math.max(0, n.columnCount - 1) * c, u = /* @__PURE__ */ new Set();
+function tn(e, t, n, r, i = [], a, o = !0) {
+	let s = en(r), c = Number.isFinite(a) ? Math.max(0, a) : s, l = Math.max(0, n.columnCount - 1) * c, u = /* @__PURE__ */ new Set();
 	if (o) {
 		if (r === "independent") for (let e = 0; e < n.rowCount; e += 1) u.add(e);
 		else if (r === "compact") u.add(n.rowCount - 1);
-		else for (let e = 0; e < n.columnCount; e += 1) for (let t = qt(n) - 1; t >= 0; --t) if (t % n.columnCount === e && i[t]) {
+		else for (let e = 0; e < n.columnCount; e += 1) for (let t = Zt(n) - 1; t >= 0; --t) if (t % n.columnCount === e && i[t]) {
 			u.add(Math.floor(t / n.columnCount));
 			break;
 		}
 	}
 	let d = Math.max(0, n.rowCount - 1) * s, f = u.size * 30, p = Math.max(1, (e - l) / n.columnCount), m = Math.max(1, (t - d - f) / n.rowCount);
-	return Array.from({ length: qt(n) }, (e, t) => {
+	return Array.from({ length: Zt(n) }, (e, t) => {
 		let r = Math.floor(t / n.columnCount), i = t % n.columnCount, a = u.has(r) ? 30 : 0, o = m + a, l = Array.from({ length: r }, (e, t) => {
 			let n = u.has(t) ? 30 : 0;
 			return m + n + s;
@@ -1035,7 +1061,7 @@ function Zt(e, t, n, r, i = [], a, o = !0) {
 		};
 	});
 }
-function Qt(e, t) {
+function nn(e, t) {
 	let n = /* @__PURE__ */ new Set();
 	for (let r = 0; r < t; r += 1) for (let t = e.length - 1; t >= 0; --t) {
 		let i = e[t];
@@ -1048,11 +1074,11 @@ function Qt(e, t) {
 }
 //#endregion
 //#region src/components/core/trackLayoutBuilder.ts
-function $t(e) {
+function rn(e) {
 	let t = e.cells.map((e) => ({
 		...e,
 		hasSeries: !!e.series
-	})), n = Qt(t, e.grid.columnCount);
+	})), n = nn(t, e.grid.columnCount);
 	return t.flatMap((t, r) => {
 		let i = !t.series;
 		if (i && (e.displayMode !== "compact" || !e.showCompactEmptyTracks)) return [];
@@ -1078,7 +1104,7 @@ function $t(e) {
 			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" ? B(e.initialXDomains?.[o.id] ?? e.initialXDomains?.[c.id] ?? e.initialXDomain ?? o.xDomain, [0, t.width]) : B(e.sharedZoomDomain, [0, t.width]), u = (e.displayMode === "independent" ? e.independentTransforms[r] ?? W : W).rescaleX(l), d = e.yDomains?.[o.id], f = ln(o, e.overlayMode, e.fixedYDomain, e.fixedYDomains).map((e) => !e.fixed && d ? {
+		}, s = !i && o.visibleSeries.length > 0, c = o.visibleSeries[0] ?? o.series[0] ?? a, l = e.displayMode === "independent" ? B(e.initialXDomains?.[o.id] ?? e.initialXDomains?.[c.id] ?? e.initialXDomain ?? o.xDomain, [0, t.width]) : B(e.sharedZoomDomain, [0, t.width]), u = (e.displayMode === "independent" ? e.independentTransforms[r] ?? K : K).rescaleX(l), d = e.yDomains?.[o.id], f = pn(o, e.overlayMode, e.fixedYDomain, e.fixedYDomains).map((e) => !e.fixed && d ? {
 			...e,
 			domain: d
 		} : e), p = {
@@ -1091,7 +1117,7 @@ function $t(e) {
 				a,
 				...c,
 				...s ? [o] : []
-			])), { tickTextWidth: u } = un(n.domain, !n.fixed, l), d = u + 7 + 6 + 24 + 4, f = n.side === "left" ? -p.left : t.width + p.right, m = u + 7 + 6 + 24 / 2, h = f + (n.side === "left" ? -m : m);
+			])), { tickTextWidth: u } = mn(n.domain, !n.fixed, l), d = u + 7 + 6 + 24 + 4, f = n.side === "left" ? -p.left : t.width + p.right, m = u + 7 + 6 + 24 / 2, h = f + (n.side === "left" ? -m : m);
 			return p[n.side] += d, {
 				index: n.index,
 				side: n.side,
@@ -1110,7 +1136,7 @@ function $t(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 = Wt(n.points, y, t.width, e.rendering, {
+			let r = m.find((e) => e.seriesList.some((e) => e.id === n.id)), a = r?.scale ?? h, o = Jt(n.points, y, t.width, e.rendering, {
 				lineVisible: !i && n.lineType !== "none",
 				pointVisible: n.pointType !== "none",
 				errorBarVisible: n.errorBar.visible,
@@ -1162,8 +1188,8 @@ function $t(e) {
 }
 //#endregion
 //#region src/components/core/layout.ts
-var en = 7, tn = 7, nn = 4, rn = 6, an = 24;
-function on(e) {
+var an = 7, on = 7, sn = 4, cn = 6, ln = 24;
+function un(e) {
 	return e >= 4 ? [
 		"left",
 		"left",
@@ -1175,13 +1201,13 @@ function on(e) {
 		"right"
 	] : e === 2 ? ["left", "right"] : ["left"];
 }
-var sn = /* @__PURE__ */ new WeakMap();
-function cn(e, t) {
-	let n = sn.get(e);
-	n || (n = /* @__PURE__ */ new Map(), sn.set(e, n));
+var dn = /* @__PURE__ */ new WeakMap();
+function fn(e, t) {
+	let n = dn.get(e);
+	n || (n = /* @__PURE__ */ new Map(), dn.set(e, n));
 	let r = n.get(t);
 	if (r) return r;
-	let i = t === "multi-axis" ? Math.min(e.visibleSeries.length, 4) : Math.min(e.visibleSeries.length, 1), a = on(i), o = Array.from({ length: i }, (e, t) => ({
+	let i = t === "multi-axis" ? Math.min(e.visibleSeries.length, 4) : Math.min(e.visibleSeries.length, 1), a = un(i), o = Array.from({ length: i }, (e, t) => ({
 		index: t,
 		side: a[t],
 		seriesList: [],
@@ -1198,9 +1224,9 @@ function cn(e, t) {
 		}
 	}), n.set(t, o), o;
 }
-function ln(e, t, n, r) {
+function pn(e, t, n, r) {
 	let i = xt(e, r);
-	return cn(e, t).map((e) => {
+	return fn(e, t).map((e) => {
 		if (i) return {
 			...e,
 			domain: i,
@@ -1214,7 +1240,7 @@ function ln(e, t, n, r) {
 		} : e;
 	});
 }
-function un(e, t = !0, n) {
+function mn(e, t = !0, n) {
 	let r = B(e, [1, 0]);
 	t && r.nice();
 	let [i, a] = r.domain(), o = n ?? Array.from(/* @__PURE__ */ new Set([
@@ -1226,21 +1252,21 @@ function un(e, t = !0, n) {
 		axisMin: i,
 		axisMax: a,
 		topTickValue: s
-	}).length)) * en };
+	}).length)) * an };
 }
-function dn(e) {
-	return un(e.domain, !e.fixed).tickTextWidth + tn + rn + an + nn;
+function hn(e) {
+	return mn(e.domain, !e.fixed).tickTextWidth + on + cn + ln + sn;
 }
-function fn(e) {
-	return un(e.domain, !e.fixed).tickTextWidth + tn + nn;
+function gn(e) {
+	return mn(e.domain, !e.fixed).tickTextWidth + on + sn;
 }
-function pn(e, t, n, r) {
-	return ln(e, t, n, r).reduce((n, r) => (n[r.side] += t === "multi-axis" || e.visibleSeries.length === 1 ? dn(r) : fn(r), n), {
+function _n(e, t, n, r) {
+	return pn(e, t, n, r).reduce((n, r) => (n[r.side] += t === "multi-axis" || e.visibleSeries.length === 1 ? hn(r) : gn(r), n), {
 		left: 0,
 		right: 0
 	});
 }
-function mn(e, t, n) {
+function vn(e, t, n) {
 	let r = (e) => {
 		let r = t < e.left ? e.left - t : t > e.left + e.width ? t - e.left - e.width : 0;
 		return n < e.top ? e.top - n : n > e.top + e.height ? n - (e.top + e.height) : r;
@@ -1259,11 +1285,11 @@ function mn(e, t, n) {
 }
 //#endregion
 //#region src/components/annotation/useWaveformChartAnnotations.ts
-var hn = 0;
-function gn() {
-	return hn += 1, typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `annotation-${Date.now()}-${hn}`;
+var yn = 0;
+function bn() {
+	return yn += 1, typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `annotation-${Date.now()}-${yn}`;
 }
-function _n(e) {
+function xn(e) {
 	let { props: t, emit: n, container: r, chartSeries: i, hiddenSeriesIdSet: a, internalHiddenSeriesIds: o, annotationInteraction: s, editorSeriesOptions: c, trackLayouts: l, annotationLayoutsForTrack: u, resolveSeriesYScale: d, chartWidth: f, chartHeight: p, innerWidth: m, resolvedChartLeftMargin: h, titleAreaHeight: g, chartTopMargin: _, activeInteractionMode: v, isPresentationMode: y } = e;
 	function b(e) {
 		if (!i.value.some((t) => t.id === e)) return;
@@ -1296,7 +1322,7 @@ function _n(e) {
 		};
 	}
 	function C(e, t, n) {
-		s.openCreate(e, gn, t), c.value = n;
+		s.openCreate(e, bn, t), c.value = n;
 		let r = s.editorDraft.value, i = l.value.find((t) => t.index === e.trackIndex)?.seriesList.find((t) => t.id === e.seriesId);
 		r?.mode === "add" && (r.annotation.style = {
 			borderColor: i?.color || "#1677ff",
@@ -1306,7 +1332,7 @@ function _n(e) {
 	}
 	function w(e) {
 		if (y.value) return;
-		let t = s.editorDraft.value, n = c.value.find((t) => t.seriesId === e), r = l.value.find((t) => t.seriesList.some((t) => t.id === e)), i = r?.seriesList.find((t) => t.id === e), a = i && t ? ve(i.points, t.annotation.x, i.lineType) : null;
+		let t = s.editorDraft.value, n = c.value.find((t) => t.seriesId === e), r = l.value.find((t) => t.seriesList.some((t) => t.id === e)), i = r?.seriesList.find((t) => t.id === e), a = i && t ? _e(i.points, t.annotation.x, i.lineType) : null;
 		!t || !n || !r || !a || (t.annotation = {
 			...t.annotation,
 			seriesId: e,
@@ -1325,7 +1351,7 @@ function _n(e) {
 			let e = l.value[n];
 			return e?.hasVisibleSeries ? e : void 0;
 		}
-		return mn(l.value.filter((e) => e.hasVisibleSeries), e, t);
+		return vn(l.value.filter((e) => e.hasVisibleSeries), e, t);
 	}
 	function D(e, t) {
 		let n = e.currentTarget;
@@ -1334,7 +1360,7 @@ function _n(e) {
 		if (!o) return null;
 		let s = Math.max(0, Math.min(m.value, r)), c = Math.max(0, Math.min(o.width, s - o.left)), d = o.xScale.invert(c);
 		return {
-			candidates: Y(u(o), d, c, a),
+			candidates: ve(u(o), d, c, a),
 			editorAnchor: x(e, t)
 		};
 	}
@@ -1384,7 +1410,7 @@ function _n(e) {
 		let e = s.contextMenu.value, n = t.annotations.find((t) => t.id === e?.annotationId);
 		if (!n) return;
 		let r = l.value.find((e) => e.seriesList.some((e) => e.id === n.seriesId));
-		c.value = r ? Y(u(r), n.x, r.xScale(n.x), r.top + d(r, n.seriesId)(n.y)) : [], s.openEdit(n, e?.editorAnchor ?? S(n));
+		c.value = r ? ve(u(r), n.x, r.xScale(n.x), r.top + d(r, n.seriesId)(n.y)) : [], s.openEdit(n, e?.editorAnchor ?? S(n));
 	}
 	function F() {
 		if (y.value) return;
@@ -1413,8 +1439,8 @@ function _n(e) {
 }
 //#endregion
 //#region src/components/interaction/useWaveformHover.ts
-var vn = N((e) => e.x);
-function yn(e) {
+var Sn = N((e) => e.x);
+function Cn(e) {
 	let { emit: t, hoverState: n, suppressHoverUntilMove: r, hoverThrottle: i, selection: a, trackLayouts: o, innerWidth: s, resolvedChartLeftMargin: c, titleAreaHeight: l, chartTopMargin: u, sharedOverlayElement: d, isPresentationMode: f, updateViewportDrag: p, resolveTrackAtPointer: m } = e, h = () => i.cancel(), g = (e) => i.schedule(e), _ = (e) => n.points.length === e.length && e.every((e, t) => {
 		let r = n.points[t];
 		return r?.id === e.id && r.trackIndex === e.trackIndex && r.point === e.point;
@@ -1435,7 +1461,7 @@ function yn(e) {
 		r.value = !0, y();
 	}, C = (e = !1) => {
 		r.value = !e, y();
-	}, w = () => r.value ? (r.value = !1, y(), !0) : !1, T = (e, t) => e.points[vn.center(e.points, t)];
+	}, w = () => r.value ? (r.value = !1, y(), !0) : !1, T = (e, t) => e.points[Sn.center(e.points, t)];
 	return {
 		cancelPendingHover: h,
 		clearHover: y,
@@ -1467,7 +1493,7 @@ function yn(e) {
 		},
 		handleSharedPointerMove: (e) => {
 			if (f.value) return;
-			if (a.value?.overlay === e.currentTarget) {
+			if (a.value && !a.value.independent) {
 				p(e);
 				return;
 			}
@@ -1489,9 +1515,142 @@ function yn(e) {
 	};
 }
 //#endregion
+//#region src/components/interaction/pointerCapture.ts
+function wn(e, t) {
+	try {
+		e?.releasePointerCapture?.(t);
+	} catch {}
+}
+//#endregion
+//#region src/components/interaction/viewportInteractionState.ts
+function Tn(e) {
+	return {
+		...e,
+		currentX: e.startX,
+		currentY: e.startY,
+		xDomain: [...e.xDomain],
+		yDomains: Object.fromEntries(Object.entries(e.yDomains).map(([e, t]) => [e, [...t]]))
+	};
+}
+function En(e, t) {
+	return {
+		...e,
+		...t
+	};
+}
+function Dn(e) {
+	return {
+		state: e,
+		accepted: !1,
+		completed: null
+	};
+}
+function On(e, t) {
+	switch (t.type) {
+		case "begin": return e ? Dn(e) : {
+			state: Tn(t.gesture),
+			accepted: !0,
+			completed: null
+		};
+		case "move": return !e || e.pointerId !== t.pointerId ? Dn(e) : {
+			state: En(e, t.position),
+			accepted: !0,
+			completed: null
+		};
+		case "finish": return !e || e.pointerId !== t.pointerId ? Dn(e) : {
+			state: null,
+			accepted: !0,
+			completed: En(e, t.position)
+		};
+		case "cancel": return !e || t.pointerId !== void 0 && e.pointerId !== t.pointerId ? Dn(e) : {
+			state: null,
+			accepted: !0,
+			completed: null
+		};
+		case "reset": return {
+			state: null,
+			accepted: !0,
+			completed: null
+		};
+	}
+}
+//#endregion
+//#region src/components/interaction/zoomConstraints.ts
+var kn = /* @__PURE__ */ new WeakMap();
+function An(e) {
+	return e[0] <= e[1] ? [...e] : [e[1], e[0]];
+}
+function jn(e) {
+	return Number.isFinite(e) && (e ?? 0) > 0 ? Math.ceil(e) : 0;
+}
+function Mn(e, t) {
+	let n = `${t[0]}\u0000${t[1]}`, r = kn.get(e)?.get(n);
+	if (r) return r;
+	let i = /* @__PURE__ */ new Set();
+	for (let n of e) for (let e of n.points) e.x >= t[0] && e.x <= t[1] && i.add(e.x);
+	let a = Array.from(i).sort((e, t) => e - t), o = kn.get(e) ?? /* @__PURE__ */ new Map();
+	return o.set(n, a), kn.set(e, o), a;
+}
+function Nn(e, t, n) {
+	if (n <= 1) return 0;
+	let r = 0;
+	for (let i of e) {
+		let e = Mn(i, t);
+		if (e.length < n) return t[1] - t[0];
+		let a = Infinity;
+		for (let t = 0; t + n <= e.length; t += 1) a = Math.min(a, e[t + n - 1] - e[t]);
+		let o = 2 ** -52 * Math.max(1, Math.abs(t[0]), Math.abs(t[1])) * 16;
+		r = Math.max(r, a + o);
+	}
+	return r;
+}
+function Pn(e, t, n) {
+	let r = An(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 = jn(n.minVisiblePoints), s = Nn(t, r, o);
+	return a > 0 || o > 0 ? Math.max(a, s) : i / mt.DEFAULT_MAX_SCALE;
+}
+function Fn(e, t, n, r) {
+	if (r <= 0) return e;
+	let i = 2 ** -52 * Math.max(1, Math.abs(t[0]), Math.abs(t[1])) * 16, a = e;
+	for (let e of n) {
+		let n = Mn(e, t);
+		if (n.length < r) return [...t];
+		if (n.filter((e) => e >= a[0] && e <= a[1]).length >= r) continue;
+		let o, s = Infinity, c = Infinity, l = (a[0] + a[1]) / 2;
+		for (let e = 0; e + r <= n.length; e += 1) {
+			let u = [Math.max(t[0], Math.min(a[0], n[e] - i)), Math.min(t[1], Math.max(a[1], n[e + r - 1] + i))], d = u[1] - u[0], f = Math.abs((u[0] + u[1]) / 2 - l);
+			(d < s || d === s && f < c) && (o = u, s = d, c = f);
+		}
+		a = o ?? [...t];
+	}
+	return a;
+}
+function In(e, t, n, r) {
+	let i = An(t), a = i[1] - i[0];
+	if (!Number.isFinite(a) || a <= 0 || Math.abs(e[1] - e[0]) >= a * .999999999999) return i;
+	let o = Fn([Math.max(i[0], Math.min(e[0], e[1])), Math.min(i[1], Math.max(e[0], e[1]))], i, n, jn(r.minVisiblePoints)), s = Pn(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 Ln(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 K;
+	let a = r / i, o = B(t, [0, n]);
+	return K.translate(-a * o(e[0]), 0).scale(a);
+}
+//#endregion
 //#region src/components/interaction/useWaveformViewport.ts
-function bn(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: x, canZoomSharedTracks: S, configureZoom: C, cancelPendingZoom: w, clearHover: T, resolveTrackAtPointer: E } = e, D = t(() => {
+function Rn(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;
+		wn(n, e), r && r !== n && wn(r, e);
+	}, A = (e, t) => {
+		let n = i.value;
+		!n || n.pointerId !== e || (k(e, t), i.value = On(i.value, {
+			type: "cancel",
+			pointerId: e
+		}).state, O.value = void 0);
+	}, j = t(() => {
 		let e = i.value;
 		if (!e) return null;
 		let t = o.value.find((t) => t.index === e.trackIndex);
@@ -1501,139 +1660,147 @@ function bn(e) {
 			width: Math.abs(e.currentX - e.startX),
 			height: Math.abs(e.currentY - e.startY)
 		};
-	}), O = (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 = B(t, [0, n]);
-		return W.translate(-a * o(e[0]), 0).scale(a);
-	}, k = (e) => {
-		let t = Math.abs(e[1] - e[0]);
-		if (!Number.isFinite(t) || t <= 0) return 0;
-		let r = n.minZoomSpan;
-		return Number.isFinite(r) && (r ?? 0) > 0 ? Math.min(t, r) : t / 40;
-	}, A = (e, t) => {
-		let n = t[0] <= t[1] ? [...t] : [t[1], t[0]], r = n[1] - n[0];
-		if (!Number.isFinite(r) || r <= 0) return n;
-		let i = Math.min(e[0], e[1]), a = Math.max(e[0], e[1]), o = k(n), s = Math.max(o, Math.min(r, a - i)), c = (i + a) / 2, l = Math.max(n[0], Math.min(c - s / 2, n[1] - s));
-		return [l, l + s];
-	}, j = (e, t) => {
+	}), 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;
-	}, M = () => Object.fromEntries(o.value.map((e) => [e.series.trackId ?? e.series.id, e.yScale.domain()])), N = (e, t, r) => {
+	}, N = () => Object.fromEntries(o.value.map((e) => [e.series.trackId ?? e.series.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;
 		let c = e.currentTarget, d = o.value.find((e) => e.index === t);
 		if (!d) return;
-		let [f, p] = z(e, c), m = Math.max(0, Math.min(r ? d.width : l.value, f)), h = Math.max(0, Math.min(r ? d.height : u.value, p));
-		i.value = {
-			trackIndex: t,
-			independent: r,
-			overlay: c,
-			startX: m,
-			startY: h,
-			currentX: m,
-			currentY: h,
-			pointerId: e.pointerId,
-			mode: s ? "pan" : "box",
-			xDomain: d.xScale.domain(),
-			yDomains: M()
-		}, c.setPointerCapture?.(e.pointerId), T(), e.preventDefault();
-	}, P = (e) => {
+		let [f, p] = z(e, c), m = Math.max(0, Math.min(r ? d.width : l.value, f)), h = Math.max(0, Math.min(r ? d.height : u.value, p)), g = On(i.value, {
+			type: "begin",
+			gesture: {
+				trackIndex: t,
+				independent: r,
+				startX: m,
+				startY: h,
+				pointerId: e.pointerId,
+				kind: s ? "pan" : "box",
+				xDomain: d.xScale.domain(),
+				yDomains: N()
+			}
+		});
+		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] = z(e, f.value), r = E(t, n) ?? o.value.find((e) => e.hasVisibleSeries);
-		r && N(e, r.index, !1);
-	}, F = (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 = j([e.xDomain[0] - u / i * f, e.xDomain[1] - u / i * f], _);
+		let [t, n] = z(e, f.value), r = D(t, n) ?? o.value.find((e) => e.hasVisibleSeries);
+		r && P(e, r.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] = O(v, _, i), m.value = e;
-		} else p.value = O(v, _, l.value);
+			e[t.index] = Ln(v, _, i), m.value = e;
+		} else p.value = Ln(v, _, l.value);
 		let y = e.independent ? [t] : o.value, x = { ...g.value }, S = { ...h.value };
 		y.forEach((t) => {
 			let r = s.value.find((e) => e.id === t.id);
 			if (r && Ct(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 = j([o[0] + d / a * l, o[1] + d / a * l], c);
+			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);
 			e.independent ? x[t.index] = u : S[i] = u;
 		}), e.independent ? g.value = x : h.value = S, r("zoom-change", v);
-	}, I = (e) => {
-		if (v.value) return;
-		let t = i.value;
-		if (!t || e.pointerId !== t.pointerId) return;
-		let n = o.value.find((e) => e.index === t.trackIndex);
-		if (!n) return;
-		let [r, a] = z(e, t.overlay);
-		t.currentX = Math.max(0, Math.min(t.independent ? n.width : l.value, r)), t.currentY = Math.max(0, Math.min(t.independent ? n.height : u.value, a)), i.value = { ...t }, t.mode === "pan" && F(t, n), e.preventDefault();
 	}, L = (e) => {
-		let t = i.value;
-		!t || e && e.pointerId !== t.pointerId || (t.overlay.releasePointerCapture?.(t.pointerId), i.value = null);
+		if (v.value) return;
+		let t = i.value, n = O.value;
+		if (!t || !n || e.pointerId !== t.pointerId) return;
+		let r = o.value.find((e) => e.index === t.trackIndex);
+		if (!r) return;
+		let [a, s] = z(e, n), c = Math.max(0, Math.min(t.independent ? r.width : l.value, a)), d = Math.max(0, Math.min(t.independent ? r.height : u.value, s)), f = On(i.value, {
+			type: "move",
+			pointerId: e.pointerId,
+			position: {
+				currentX: c,
+				currentY: d
+			}
+		});
+		if (!f.accepted || !f.state) return;
+		let p = f.state;
+		i.value = p, p.kind === "pan" && I(p, r), e.preventDefault();
 	}, R = (e) => {
+		let t = i.value;
+		!t || e && e.pointerId !== t.pointerId || A(t.pointerId, e);
+	}, B = (e) => {
 		let t = o.value.find((t) => t.index === e.trackIndex);
-		if (!t || (e.independent ? !x(t) : !S())) return;
-		let n = e.independent ? 0 : t.left, i = Math.max(0, Math.min(t.width, Math.min(e.startX, e.currentX) - n)), a = Math.max(0, Math.min(t.width, Math.max(e.startX, e.currentX) - n));
-		if (a - i < 6) return;
-		let s = e.independent ? b(t) : c.value, u = A([t.xScale.invert(i), t.xScale.invert(a)], s);
+		if (!t || (e.independent ? !S(t) : !C())) return;
+		let i = e.independent ? 0 : t.left, a = Math.max(0, Math.min(t.width, Math.min(e.startX, e.currentX) - i)), s = Math.max(0, Math.min(t.width, Math.max(e.startX, e.currentX) - i));
+		if (s - a < 6) return;
+		let u = e.independent ? b(t) : c.value, f = e.independent ? [t.seriesList] : o.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), h = In([t.xScale.invert(a), t.xScale.invert(s)], u, f, n);
 		if (e.independent) {
 			let e = [...m.value];
-			e[t.index] = O(u, s, t.width), m.value = e;
-		} else p.value = O(u, s, l.value);
-		let f = e.independent ? [t] : o.value, h = Object.fromEntries(f.map((e) => [e.series.trackId ?? e.series.id, e.yScale.domain()]));
-		if (r("zoom-change", u), e.independent) {
-			let e = h[t.series.trackId ?? t.series.id];
+			e[t.index] = Ln(h, u, t.width), m.value = e;
+		} else p.value = Ln(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()]));
+		if (r("zoom-change", h), e.independent) {
+			let e = _[t.series.trackId ?? t.series.id];
 			r("zoom-end", {
-				start: u[0],
-				end: u[1],
+				start: h[0],
+				end: h[1],
 				trackIndex: t.index,
 				seriesIds: t.seriesList.map((e) => e.id),
 				yStart: e?.[0],
 				yEnd: e?.[1],
 				gesture: "box"
 			});
-		} else if (f.length === 1) {
-			let e = Object.values(h)[0];
+		} else if (g.length === 1) {
+			let e = Object.values(_)[0];
 			r("zoom-end", {
-				start: u[0],
-				end: u[1],
+				start: h[0],
+				end: h[1],
 				yStart: e?.[0],
 				yEnd: e?.[1],
 				gesture: "box"
 			});
 		} else r("zoom-end", {
-			start: u[0],
-			end: u[1],
-			yRanges: h,
+			start: h[0],
+			end: h[1],
+			yRanges: _,
 			gesture: "box"
 		});
-		d(C);
+		d(w);
 	}, V = (e) => {
 		if (v.value) {
-			L();
+			R();
 			return;
 		}
 		let t = i.value;
-		if (!(!t || e.pointerId !== t.pointerId)) {
-			if (I(e), t.overlay.releasePointerCapture?.(t.pointerId), i.value = null, t.mode === "pan") {
-				d(C);
+		if (!t || e.pointerId !== t.pointerId) return;
+		let n = o.value.find((e) => e.index === t.trackIndex), r = O.value;
+		if (!n || !r || !r.parentNode) {
+			A(t.pointerId, e);
+			return;
+		}
+		let [a, s] = z(e, r), c = Math.max(0, Math.min(t.independent ? n.width : l.value, a)), f = Math.max(0, Math.min(t.independent ? n.height : u.value, s)), p = On(i.value, {
+			type: "finish",
+			pointerId: e.pointerId,
+			position: {
+				currentX: c,
+				currentY: f
+			}
+		}).completed;
+		if (p) {
+			if (i.value = null, k(p.pointerId, e), O.value = void 0, e.preventDefault(), p.kind === "pan") {
+				I(p, n), d(w);
 				return;
 			}
-			Math.abs(t.currentX - t.startX) >= 6 && R(t);
+			Math.abs(p.currentX - p.startX) >= 6 && B(p);
 		}
 	}, H = (e) => {
-		if (w(), L(), n.displayMode === "independent" && e !== void 0) {
+		if (T(), R(), n.displayMode === "independent" && e !== void 0) {
 			let t = [...m.value];
-			t[e] = W, m.value = t;
+			t[e] = K, m.value = t;
 			let n = { ...g.value };
 			delete n[e], g.value = n;
-		} else p.value = W, m.value = s.value.map(() => W), h.value = {}, g.value = {};
-		T(), y.value = [], d(C);
+		} else p.value = K, m.value = s.value.map(() => K), h.value = {}, g.value = {};
+		E(), y.value = [], d(w);
 	};
 	return {
-		selectionBox: D,
-		beginViewportDrag: N,
-		beginSharedViewportDrag: P,
-		updateViewportDrag: I,
+		selectionBox: j,
+		beginViewportDrag: P,
+		beginSharedViewportDrag: F,
+		updateViewportDrag: L,
 		finishViewportDrag: V,
-		cancelViewportDrag: L,
+		cancelViewportDrag: R,
 		resetViewport: H,
 		requestViewportReset: (e) => {
 			v.value || !n.zoomable || !_.value || (e.preventDefault(), H(), r("zoom-reset"));
@@ -1642,7 +1809,7 @@ function bn(e) {
 }
 //#endregion
 //#region src/components/utils/useAnimationFrameThrottle.ts
-function xn() {
+function zn() {
 	let e = null, t = null;
 	function n(n) {
 		t = n, e === null && (e = requestAnimationFrame(() => {
@@ -1671,8 +1838,8 @@ function xn() {
 }
 //#endregion
 //#region src/components/interaction/useWaveformZoom.ts
-function Sn(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) => {
+function Bn(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 = zn(), 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());
@@ -1757,34 +1924,40 @@ function Sn(e) {
 		b = null, x = null, S = null, C.clear(), w.clear(), E.clear(), T.clear(), v.cancel(), D !== void 0 && (clearTimeout(D), D = void 0);
 	}, I = () => {
 		F(), r.value?.querySelectorAll(".waveform-chart__overlay").forEach((e) => V(e).on(".zoom", null)), _.clear();
-	}, L = (e) => {
-		let n = t.minZoomSpan;
-		if (!Number.isFinite(n) || (n ?? 0) <= 0) return mt.DEFAULT_MAX_SCALE;
+	}, L = (e, n) => {
 		let r = Math.abs(e[1] - e[0]);
-		return !Number.isFinite(r) || r <= 0 ? mt.MIN_SCALE : Math.min(mt.DEFAULT_MAX_SCALE, Math.max(mt.MIN_SCALE, r / (n ?? r)));
-	}, R = (e) => Rt(e.seriesList, e.xScale.domain(), Number(t.minVisiblePoints)), z = () => {
+		if (!Number.isFinite(r) || r <= 0) return mt.MIN_SCALE;
+		let i = Pn(e, n, t);
+		return Math.max(mt.MIN_SCALE, i > 0 ? r / i : mt.DEFAULT_MAX_SCALE);
+	}, R = (e, n, r, i) => Ln(In(e.rescaleX(B(n, [0, r])).domain(), n, i, t), n, r), z = (e) => {
+		let n = Number(t.minVisiblePoints);
+		return Ut(e.seriesList, e.xScale.domain(), Number.isFinite(n) && n > 0 ? Math.ceil(n) + 1 : n);
+	}, H = () => {
 		let e = s.value.filter((e) => e.hasVisibleSeries);
-		return e.length > 0 && e.every(R);
-	}, H = (e, t) => {
+		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 > mt.MIN_SCALE;
+		return n < 0 ? t : n > 0 && ne(e.currentTarget).k > mt.MIN_SCALE;
 	};
 	return {
 		cancelPendingZoom: F,
 		clearZoomBindings: I,
-		canZoomTrack: R,
-		canZoomSharedTracks: z,
+		canZoomTrack: z,
+		canZoomSharedTracks: H,
 		configureZoom: () => {
 			if (I(), m.value || !t.zoomable || !p.value || !f.value || !s.value.length) return;
 			if (t.displayMode === "independent") {
 				s.value.forEach((e) => {
 					let t = r.value?.querySelector(`[data-independent-overlay-index="${e.index}"]`);
 					if (!t) return;
-					let n = h(e), i = re().filter((t) => H(t, R(e))).scaleExtent([1, L(n)]).extent([[0, 0], [e.width, e.height]]).translateExtent([[0, 0], [e.width, e.height]]).on("zoom", (t) => A(t, e.index)).on("end", N);
-					_.set(e.index, i), y = !0;
+					let n = h(e), i = [e.seriesList], a = G().filter((t) => {
+						let n = s.value.find((t) => t.index === e.index) ?? e;
+						return U(t, z(n));
+					}).scaleExtent([1, L(n, i)]).constrain((t) => R(t, n, e.width, i)).extent([[0, 0], [e.width, e.height]]).translateExtent([[0, 0], [e.width, e.height]]).on("zoom", (t) => A(t, e.index)).on("end", N);
+					_.set(e.index, a), y = !0;
 					try {
-						V(t).call(i).on("dblclick.zoom", null).call(i.transform, o.value[e.index] ?? W);
+						V(t).call(a).on("dblclick.zoom", null).call(a.transform, o.value[e.index] ?? K);
 					} finally {
 						y = !1;
 					}
@@ -1793,10 +1966,10 @@ function Sn(e) {
 			}
 			let e = i.value;
 			if (!e) return;
-			let n = re().filter((e) => H(e, z())).scaleExtent([1, L(c.value)]).extent([[0, 0], [u.value, d.value]]).translateExtent([[0, 0], [u.value, d.value]]).on("zoom", k).on("end", N);
-			_.set("shared", n), y = !0;
+			let n = s.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), l = G().filter((e) => U(e, H())).scaleExtent([1, L(c.value, n)]).constrain((e) => R(e, c.value, u.value, n)).extent([[0, 0], [u.value, d.value]]).translateExtent([[0, 0], [u.value, d.value]]).on("zoom", k).on("end", N);
+			_.set("shared", l), y = !0;
 			try {
-				V(e).call(n).on("dblclick.zoom", null).call(n.transform, a.value);
+				V(e).call(l).on("dblclick.zoom", null).call(l.transform, a.value);
 			} finally {
 				y = !1;
 			}
@@ -1805,34 +1978,54 @@ function Sn(e) {
 }
 //#endregion
 //#region src/components/core/useWaveformChartLifecycle.ts
-function Cn(e) {
+function Vn(e) {
 	return e instanceof Element && !!e.closest("button, input, select, textarea, [contenteditable]:not([contenteditable=\"false\"])");
 }
-function wn(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, innerWidth: w, innerHeight: T, activeInteractionMode: D, hiddenSeriesIdSet: O, internalHiddenSeriesIds: k, independentTransforms: A, independentYDomains: j, annotationInteraction: M, editorSeriesOptions: N, isPresentationMode: P, clearHover: F, cancelAnnotation: I, configureZoom: L, resetViewport: R, cancelViewportDrag: z, cancelPendingHover: B, clearZoomBindings: V } = e;
-	function H(e) {
-		P.value || e.code !== "Space" || !t.pannable || !_.value || Cn(e.target) || (g.value = !0, e.preventDefault());
+function Hn(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, activeInteractionMode: O, hiddenSeriesIdSet: k, internalHiddenSeriesIds: A, independentTransforms: j, independentYDomains: M, resolveInitialTrackDomain: N, annotationInteraction: P, editorSeriesOptions: F, isPresentationMode: I, clearHover: L, cancelAnnotation: R, configureZoom: z, resetViewport: B, cancelViewportDrag: V, cancelPendingHover: H, clearZoomBindings: U } = e;
+	function ee(e) {
+		I.value || e.code !== "Space" || !t.pannable || !_.value || Vn(e.target) || (g.value = !0, e.preventDefault());
 	}
-	function U(e) {
+	function W(e) {
 		e.code === "Space" && (g.value = !1);
 	}
-	function ee(e) {
+	function te(e) {
 		let r = Math.min(y.value, Math.max(1, Math.floor(e)));
-		r !== v.value && (v.value = r, F(), M.closeContextMenu(), I(), t.displayMode === "independent" && (A.value = b.value.map(() => W), j.value = {}), d(L), n("page-change", r, y.value));
+		r !== v.value && (v.value = r, L(), P.closeContextMenu(), R(), t.displayMode === "independent" && (j.value = b.value.map(() => K), M.value = {}), d(z), n("page-change", r, y.value));
 	}
-	function te() {
+	let G;
+	function ne() {
+		t.displayMode === "independent" && (G = w.value.map((e) => {
+			let n = t.initialXDomains?.[e.series.trackId ?? e.series.id] ?? t.initialXDomains?.[e.series.id] ?? t.initialXDomain;
+			if (!(!n || !Number.isFinite(n[0]) || !Number.isFinite(n[1]) || n[0] === n[1])) return e.xScale.domain();
+		}));
+	}
+	function re() {
 		if (t.displayMode === "independent") {
-			let e = A.value;
-			A.value = C.value.map((t, n) => e[n] ?? W);
+			let e = j.value;
+			j.value = C.value.map((t, n) => e[n] ?? K);
 		}
-		F(), N.value = [], d(L);
+		L(), F.value = [], d(() => {
+			if (t.displayMode === "independent" && G) {
+				let e = C.value.map(() => K);
+				w.value.forEach((n) => {
+					let r = G?.[n.index];
+					if (!r) return;
+					let i = N(n), a = In(r, i, [n.seriesList], t);
+					e[n.index] = Ln(a, i, n.width);
+				}), j.value = e, G = void 0, d(z);
+				return;
+			}
+			G = void 0, z();
+		});
 	}
 	E([
-		w,
 		T,
+		D,
 		() => t.zoomable,
-		P,
+		I,
 		() => t.minZoomSpan,
+		() => t.minVisiblePoints,
 		() => t.initialXDomain,
 		() => t.initialXDomains,
 		() => t.displayMode,
@@ -1840,42 +2033,42 @@ function wn(e) {
 		v,
 		() => x.value.rowCount,
 		() => x.value.columnCount,
-		D
+		O
 	], async () => {
-		await d(), L();
+		await d(), z();
 	}, { immediate: !0 }), E(() => t.displayMode, () => {
 		let e = v.value;
-		v.value = 1, R(), e !== 1 && n("page-change", 1, y.value);
+		v.value = 1, B(), e !== 1 && n("page-change", 1, y.value);
 	}), E([
 		y,
 		() => t.grid?.rowCount,
 		() => t.grid?.columnCount
 	], () => {
 		let e = v.value;
-		v.value = v.value > y.value ? y.value : v.value === 1 ? v.value : 1, e !== v.value && n("page-change", v.value, y.value), F(), d(L);
-	}), E(D, () => {
-		N.value = [];
-	}), E(P, (e) => {
-		g.value = !1, e && (z(), V(), F(), M.closeContextMenu(), I());
+		v.value = v.value > y.value ? y.value : v.value === 1 ? v.value : 1, e !== v.value && n("page-change", v.value, y.value), L(), d(z);
+	}), E(O, () => {
+		F.value = [];
+	}), E(I, (e) => {
+		g.value = !1, e && (V(), U(), L(), P.closeContextMenu(), R());
 	}), E(() => S.value.map((e) => e.id).join("\0"), () => {
 		if (t.hiddenSeriesIds !== void 0) return;
-		let e = new Set(S.value.map((e) => e.id)), n = new Set(Array.from(k.value).filter((t) => e.has(t)));
-		(n.size !== k.value.size || Array.from(k.value).some((e) => !n.has(e))) && (k.value = n);
+		let e = new Set(S.value.map((e) => e.id)), n = new Set(Array.from(A.value).filter((t) => e.has(t)));
+		(n.size !== A.value.size || Array.from(A.value).some((e) => !n.has(e))) && (A.value = n);
 	}, { immediate: !0 }), E(() => C.value.flatMap((e) => e.visibleSeries.map((e) => e.id)).join("\0"), () => {
-		F(), N.value = [];
-		let e = M.editorDraft.value?.annotation.seriesId;
-		e && (!S.value.some((t) => t.id === e) || O.value.has(e)) && M.closeEditor();
-		let n = M.contextMenu.value?.annotationId, r = t.annotations.find((e) => e.id === n);
-		r && O.value.has(r.seriesId) && M.closeContextMenu(), d(L);
+		L(), F.value = [];
+		let e = P.editorDraft.value?.annotation.seriesId;
+		e && (!S.value.some((t) => t.id === e) || k.value.has(e)) && P.closeEditor();
+		let n = P.contextMenu.value?.annotationId, r = t.annotations.find((e) => e.id === n);
+		r && k.value.has(r.seriesId) && P.closeContextMenu(), d(z);
 	}), E(() => t.annotationsVisible, (e) => {
-		e || (M.closeContextMenu(), I());
+		e || (P.closeContextMenu(), R());
 	}), E(() => t.annotations, (e) => {
-		let t = M.contextMenu.value?.annotationId;
-		t && !e.some((e) => e.id === t) && M.closeContextMenu();
-		let n = M.editorDraft.value;
-		n?.mode === "edit" && !e.some((e) => e.id === n.annotation.id) && M.closeEditor();
+		let t = P.contextMenu.value?.annotationId;
+		t && !e.some((e) => e.id === t) && P.closeContextMenu();
+		let n = P.editorDraft.value;
+		n?.mode === "edit" && !e.some((e) => e.id === n.annotation.id) && P.closeEditor();
 	}, { deep: !0 });
-	function ne() {
+	function q() {
 		if (!f.value || !i.value) {
 			c.value = 0, l.value = 0;
 			return;
@@ -1888,21 +2081,22 @@ function wn(e) {
 		f,
 		p
 	], async () => {
-		c.value = 0, l.value = 0, await d(), ne();
+		c.value = 0, l.value = 0, await d(), q();
 	}, { immediate: !0 }), h(() => {
-		window.addEventListener("keydown", H), window.addEventListener("keyup", U), r.value && (a.value = new ResizeObserver(([e]) => {
-			o.value = Math.max(0, e?.contentRect.width ?? 0), s.value = Math.max(0, e?.contentRect.height ?? 0), d(ne);
+		window.addEventListener("keydown", ee), window.addEventListener("keyup", W), r.value && (a.value = new ResizeObserver(([e]) => {
+			o.value = Math.max(0, e?.contentRect.width ?? 0), s.value = Math.max(0, e?.contentRect.height ?? 0), d(q);
 		}), a.value.observe(r.value));
 	}), m(() => {
-		window.removeEventListener("keydown", H), window.removeEventListener("keyup", U), B(), a.value?.disconnect(), V(), N.value = [];
+		window.removeEventListener("keydown", ee), window.removeEventListener("keyup", W), H(), a.value?.disconnect(), U(), F.value = [];
 	}), {
-		goToPage: ee,
-		handleDataReferenceChange: te
+		goToPage: te,
+		handleBeforeDataReferenceChange: ne,
+		handleDataReferenceChange: re
 	};
 }
 //#endregion
 //#region src/components/core/useWaveformData.ts
-function Tn(e, t = !1) {
+function Un(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 = At(s);
@@ -1914,24 +2108,24 @@ function Tn(e, t = !1) {
 		hasErrorPoints: o
 	};
 }
-function En(e) {
+function Wn(e) {
 	return Mt(e).map((e) => {
-		let t = Tn(e.points, e.errorBar.visible);
+		let t = Un(e.points, e.errorBar.visible);
 		return {
 			...e,
 			...t
 		};
 	});
 }
-function Dn(e, t) {
-	let n = x(En(e()));
+function Gn(e, t, n) {
+	let r = x(Wn(e()));
 	return E(e, (e) => {
-		n.value = En(e), t();
-	}), n;
+		t(), r.value = Wn(e), n();
+	}), r;
 }
 //#endregion
 //#region src/components/core/useWaveformLayout.ts
-function On(e) {
+function Kn(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 : _t[t % _t.length])
@@ -1952,15 +2146,15 @@ function On(e) {
 				yDomain: $(i)
 			};
 		});
-	}), g = t(() => Kt(n.grid)), _ = t(() => Pt(n.rendering)), v = t(() => Jt(h.value.length, g.value)), y = t(() => Yt(h.value, i.value, g.value)), b = t(() => {
-		let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) => ln(e, n.overlayMode, n.yDomain, n.yDomains)).map((e) => un(e.domain, !e.fixed).tickTextWidth), t = Math.max(7, ...e), r = t + 7 + 4, i = -(7 + t + 6 + 24 / 2);
+	}), g = t(() => Xt(n.grid)), _ = t(() => zt(n.rendering)), v = t(() => Qt(h.value.length, g.value)), y = t(() => $t(h.value, i.value, g.value)), b = t(() => {
+		let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) => pn(e, n.overlayMode, n.yDomain, n.yDomains)).map((e) => mn(e.domain, !e.fixed).tickTextWidth), t = Math.max(7, ...e), r = t + 7 + 4, i = -(7 + t + 6 + 24 / 2);
 		return {
 			tickClearance: r,
 			fullClearance: t + 7 + 6 + 24 + 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(pt.left, x.value ? b.value.fullClearance : S.value ? b.value.tickClearance : 0)), w = t(() => h.value.reduce((e, t) => {
-		let r = pn(t, n.overlayMode, n.yDomain, n.yDomains);
+		let r = _n(t, n.overlayMode, n.yDomain, n.yDomains);
 		return {
 			left: Math.max(e.left, r.left),
 			right: Math.max(e.right, r.right)
@@ -1969,7 +2163,7 @@ function On(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(pt.right, w.value.right) : pt.right), D = t(() => Math.max(0, o.value - T.value - E.value)), O = t(() => {
-		let e = Xt(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;
+		let e = en(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;
 		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
@@ -1985,10 +2179,10 @@ function On(e) {
 	}), 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] ? t[0] < t[1] ? t : [t[1], t[0]] : $(e.seriesList.flatMap((e) => e.xDomain));
-	}, L = t(() => l.value.rescaleX(B(F.value, [0, D.value])).domain()), R = t(() => Zt(D.value, s.value, g.value, n.displayMode, y.value.map(Boolean), O.value.horizontalGap).map((e, t) => ({
+	}, L = t(() => l.value.rescaleX(B(F.value, [0, D.value])).domain()), R = t(() => tn(D.value, s.value, g.value, n.displayMode, y.value.map(Boolean), O.value.horizontalGap).map((e, t) => ({
 		...e,
 		series: y.value[t]
-	}))), z = t(() => $t({
+	}))), z = t(() => rn({
 		cells: R.value,
 		grid: g.value,
 		displayMode: n.displayMode,
@@ -2036,7 +2230,7 @@ function On(e) {
 		annotationLayoutsForTrack: V,
 		resolveSeriesYScale: H,
 		annotationTrackLayouts: U,
-		renderedAnnotations: t(() => n.annotationsVisible ? me(n.annotations, U.value, D.value, s.value) : []),
+		renderedAnnotations: t(() => n.annotationsVisible ? pe(n.annotations, U.value, D.value, s.value) : []),
 		editorSeries: t(() => {
 			let e = p.editorDraft.value?.annotation.seriesId, t = m.value.find((t) => t.id === e);
 			return t ? {
@@ -2051,13 +2245,13 @@ function On(e) {
 		}
 	};
 }
-var kn = 1e-6;
-function An(e) {
+var qn = 1e-6;
+function Jn(e) {
 	return Number.isFinite(e) ? Math.max(1, e) : 1;
 }
-function jn({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r }) {
-	let i = An(e), a = An(t), o = An(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 > kn && Math.abs(d - 360) > kn)) {
+function Yn({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r }) {
+	let i = Jn(e), a = Jn(t), o = Jn(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 > qn && Math.abs(d - 360) > qn)) {
 		let e = Math.max(1, Math.ceil(i / o)), t = o, n = a * e;
 		return {
 			textWidth: t,
@@ -2082,7 +2276,7 @@ function jn({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r
 }
 //#endregion
 //#region src/components/core/useWaveformPresentation.ts
-function Mn(e) {
+function Xn(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`
@@ -2127,7 +2321,7 @@ function Mn(e) {
 		maxWidth: O.value ? "none" : `${j.value}px`,
 		whiteSpace: O.value ? "nowrap" : "normal",
 		overflowWrap: O.value ? "normal" : "anywhere"
-	})), N = t(() => jn({
+	})), N = t(() => Yn({
 		naturalWidth: a.value || A.value,
 		naturalHeight: o.value || E.value * 1.2,
 		availableWidth: j.value,
@@ -2183,22 +2377,22 @@ function Mn(e) {
 }
 //#endregion
 //#region src/components/core/useWaveformChartController.ts
-function Nn(e, t) {
+function Zn(e, t) {
 	e.value = t instanceof Element ? t : void 0;
 }
-function Pn(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({
+function Qn(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(K), p = x([]), m = v({}), h = v({}), g = b({
 		points: [],
 		trackIndex: null,
 		position: {
 			x: 0,
 			y: 0
 		}
-	}), y = v(!1), S = v(1), w = x(), T = oe("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ge(), A = v([]), j = xn();
+	}), y = v(!1), S = v(1), w = x(), T = ae("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ge(), A = v([]), j = zn();
 	E([() => e.yDomain, () => e.yDomains], () => {
 		m.value = {}, h.value = {};
 	}, { deep: !0 });
-	let M = v(null), N = v(!1), P = v(!1), F = () => void 0, I = Dn(() => e.data, () => F()), L = Mn({
+	let M = x(null), N = v(!1), P = v(!1), F = () => void 0, I = () => void 0, L = Gn(() => e.data, () => F(), () => I()), R = Xn({
 		props: e,
 		observedWidth: o,
 		observedHeight: s,
@@ -2206,101 +2400,101 @@ function Pn(e, t) {
 		measuredTitleHeight: l,
 		internalHiddenSeriesIds: O,
 		paginationBandHeight: d
-	}), { chartWidth: R, chartHeight: z, isCleanView: B, isPresentationMode: V, hiddenSeriesIdSet: H, resolvedTitleText: U, titleAreaReserved: ee, titleMeasureStyle: te, titleAreaHeight: ne, chartTopMargin: re, innerHeight: G } = L, ie = On({
+	}), { chartWidth: z, chartHeight: B, isCleanView: V, isPresentationMode: H, hiddenSeriesIdSet: U, resolvedTitleText: ee, titleAreaReserved: W, titleMeasureStyle: te, titleAreaHeight: G, chartTopMargin: ne, innerHeight: re } = R, q = Kn({
 		props: e,
-		preparedSeries: I,
+		preparedSeries: L,
 		currentPage: S,
-		hiddenSeriesIdSet: H,
-		chartWidth: R,
-		innerHeight: G,
-		isCleanView: B,
+		hiddenSeriesIdSet: U,
+		chartWidth: z,
+		innerHeight: re,
+		isCleanView: V,
 		sharedTransform: f,
 		independentTransforms: p,
 		sharedYDomains: m,
 		independentYDomains: h,
 		annotationInteraction: u(k)
-	}), { chartSeries: K, chartTracks: ae, gridOptions: q, pageCount: se, pagedTracks: ce, resolvedChartLeftMargin: le, innerWidth: ue, hasChartArea: de, activeInteractionMode: fe, isZoomMode: pe, initialXDomain: me, sharedZoomDomain: he, resolveInitialTrackDomain: ge, trackLayouts: J, annotationLayoutsForTrack: _e, resolveSeriesYScale: ve } = ie;
+	}), { chartSeries: ie, chartTracks: oe, trackLayouts: se, gridOptions: ce, pageCount: le, pagedTracks: ue, resolvedChartLeftMargin: de, innerWidth: J, hasChartArea: fe, activeInteractionMode: pe, isZoomMode: Y, initialXDomain: me, sharedZoomDomain: he, resolveInitialTrackDomain: ge, annotationLayoutsForTrack: _e, resolveSeriesYScale: ve } = q;
 	D(() => {
-		d.value = q.value.showPagination && se.value > 1 && R.value <= 520 ? 40 : 0;
+		d.value = ce.value.showPagination && le.value > 1 && z.value <= 520 ? 40 : 0;
 	});
-	let Y = Sn({
+	let X = Bn({
 		props: e,
 		emit: t,
 		svgElement: r,
 		sharedOverlayElement: a,
 		sharedTransform: f,
 		independentTransforms: p,
-		trackLayouts: J,
+		trackLayouts: se,
 		initialXDomain: me,
 		sharedZoomDomain: he,
-		innerWidth: ue,
-		innerHeight: G,
-		hasChartArea: de,
-		isZoomMode: pe,
-		isPresentationMode: V,
+		innerWidth: J,
+		innerHeight: re,
+		hasChartArea: fe,
+		isZoomMode: Y,
+		isPresentationMode: H,
 		resolveInitialTrackDomain: ge,
-		cancelPendingHover: () => be.cancelPendingHover()
-	}), X = _n({
+		cancelPendingHover: () => Z.cancelPendingHover()
+	}), ye = xn({
 		props: e,
 		emit: t,
 		container: n,
-		chartSeries: K,
-		hiddenSeriesIdSet: H,
+		chartSeries: ie,
+		hiddenSeriesIdSet: U,
 		internalHiddenSeriesIds: O,
 		annotationInteraction: k,
 		editorSeriesOptions: A,
-		trackLayouts: J,
+		trackLayouts: se,
 		annotationLayoutsForTrack: _e,
 		resolveSeriesYScale: ve,
-		chartWidth: R,
-		chartHeight: z,
-		innerWidth: ue,
-		resolvedChartLeftMargin: le,
-		titleAreaHeight: ne,
-		chartTopMargin: re,
-		activeInteractionMode: fe,
-		isPresentationMode: V
-	}), ye = bn({
+		chartWidth: z,
+		chartHeight: B,
+		innerWidth: J,
+		resolvedChartLeftMargin: de,
+		titleAreaHeight: G,
+		chartTopMargin: ne,
+		activeInteractionMode: pe,
+		isPresentationMode: H
+	}), be = Rn({
 		props: e,
 		emit: t,
 		selection: M,
 		spacePressed: N,
-		trackLayouts: J,
-		chartTracks: ae,
+		trackLayouts: se,
+		chartTracks: oe,
 		initialXDomain: me,
-		innerWidth: ue,
-		innerHeight: G,
+		innerWidth: J,
+		innerHeight: re,
 		sharedOverlayElement: a,
 		sharedTransform: f,
 		independentTransforms: p,
 		sharedYDomains: m,
 		independentYDomains: h,
-		isZoomMode: pe,
-		isPresentationMode: V,
+		isZoomMode: Y,
+		isPresentationMode: H,
 		editorSeriesOptions: A,
 		resolveInitialTrackDomain: ge,
-		canZoomTrack: Y.canZoomTrack,
-		canZoomSharedTracks: Y.canZoomSharedTracks,
-		configureZoom: Y.configureZoom,
-		cancelPendingZoom: Y.cancelPendingZoom,
-		clearHover: () => be.clearHover(),
-		resolveTrackAtPointer: X.resolveTrackAtPointer
-	}), be = yn({
+		canZoomTrack: X.canZoomTrack,
+		canZoomSharedTracks: X.canZoomSharedTracks,
+		configureZoom: X.configureZoom,
+		cancelPendingZoom: X.cancelPendingZoom,
+		clearHover: () => Z.clearHover(),
+		resolveTrackAtPointer: ye.resolveTrackAtPointer
+	}), Z = Cn({
 		emit: t,
 		hoverState: g,
 		suppressHoverUntilMove: y,
 		hoverThrottle: j,
 		selection: M,
-		trackLayouts: J,
-		innerWidth: ue,
-		resolvedChartLeftMargin: le,
-		titleAreaHeight: ne,
-		chartTopMargin: re,
+		trackLayouts: se,
+		innerWidth: J,
+		resolvedChartLeftMargin: de,
+		titleAreaHeight: G,
+		chartTopMargin: ne,
 		sharedOverlayElement: a,
-		isPresentationMode: V,
-		updateViewportDrag: ye.updateViewportDrag,
-		resolveTrackAtPointer: X.resolveTrackAtPointer
-	}), xe = wn({
+		isPresentationMode: H,
+		updateViewportDrag: be.updateViewportDrag,
+		resolveTrackAtPointer: ye.resolveTrackAtPointer
+	}), xe = Hn({
 		props: e,
 		emit: t,
 		container: n,
@@ -2310,44 +2504,46 @@ function Pn(e, t) {
 		observedHeight: s,
 		measuredTitleWidth: c,
 		measuredTitleHeight: l,
-		resolvedTitleText: U,
-		titleAreaReserved: ee,
+		resolvedTitleText: ee,
+		titleAreaReserved: W,
 		titleMeasureStyle: te,
 		spacePressed: N,
 		pointerInsideChart: P,
 		currentPage: S,
-		pageCount: se,
-		pagedTracks: ce,
-		gridOptions: q,
-		chartSeries: K,
-		chartTracks: ae,
-		innerWidth: ue,
-		innerHeight: G,
-		activeInteractionMode: fe,
-		hiddenSeriesIdSet: H,
+		pageCount: le,
+		pagedTracks: ue,
+		gridOptions: ce,
+		chartSeries: ie,
+		chartTracks: oe,
+		trackLayouts: se,
+		innerWidth: J,
+		innerHeight: re,
+		activeInteractionMode: pe,
+		hiddenSeriesIdSet: U,
 		internalHiddenSeriesIds: O,
 		independentTransforms: p,
 		independentYDomains: h,
+		resolveInitialTrackDomain: ge,
 		annotationInteraction: k,
 		editorSeriesOptions: A,
-		isPresentationMode: V,
-		clearHover: be.clearHover,
-		cancelAnnotation: X.cancelAnnotation,
-		configureZoom: Y.configureZoom,
-		resetViewport: ye.resetViewport,
-		cancelViewportDrag: ye.cancelViewportDrag,
-		cancelPendingHover: be.cancelPendingHover,
-		clearZoomBindings: Y.clearZoomBindings
+		isPresentationMode: H,
+		clearHover: Z.clearHover,
+		cancelAnnotation: ye.cancelAnnotation,
+		configureZoom: X.configureZoom,
+		resetViewport: be.resetViewport,
+		cancelViewportDrag: be.cancelViewportDrag,
+		cancelPendingHover: Z.cancelPendingHover,
+		clearZoomBindings: X.clearZoomBindings
 	});
-	return F = xe.handleDataReferenceChange, _({
+	return F = xe.handleBeforeDataReferenceChange, I = xe.handleDataReferenceChange, _({
 		...C(e),
-		...L,
-		...ie,
-		...X,
+		...R,
+		...q,
 		...ye,
 		...be,
+		...Z,
 		margin: pt,
-		getPageSize: qt,
+		getPageSize: Zt,
 		currentPage: S,
 		selection: M,
 		pointerInsideChart: P,
@@ -2358,31 +2554,31 @@ function Pn(e, t) {
 		editorSeriesOptions: A,
 		clipPathId: T,
 		goToPage: xe.goToPage,
-		setContainer: (e) => Nn(n, e),
-		setSvgElement: (e) => Nn(r, e),
-		setTitleMeasureElement: (e) => Nn(i, e),
-		setSharedOverlayElement: (e) => Nn(a, e)
+		setContainer: (e) => Zn(n, e),
+		setSvgElement: (e) => Zn(r, e),
+		setTitleMeasureElement: (e) => Zn(i, e),
+		setSharedOverlayElement: (e) => Zn(a, e)
 	});
 }
 //#endregion
 //#region src/components/annotation/WaveformAnnotationEditor.vue?vue&type=script&setup=true&lang.ts
-var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel" }, Ln = { class: "waveform-annotation-editor__header" }, Rn = ["id"], zn = {
+var $n = ["aria-labelledby"], er = { class: "waveform-annotation-editor__panel" }, tr = { class: "waveform-annotation-editor__header" }, nr = ["id"], rr = {
 	class: "waveform-annotation-editor__coordinates",
 	"aria-label": "标注坐标"
-}, Bn = {
+}, ir = {
 	key: 0,
 	class: "waveform-annotation-editor__series",
 	"aria-label": "标注所属波形"
-}, Vn = { class: "waveform-annotation-editor__series-label" }, Hn = ["value"], Un = ["value"], Wn = { key: 1 }, Gn = { class: "waveform-annotation-editor__field" }, Kn = { class: "waveform-annotation-editor__label-row" }, qn = ["maxlength"], Jn = { class: "waveform-annotation-editor__colors" }, Yn = {
+}, ar = { class: "waveform-annotation-editor__series-label" }, or = ["value"], sr = ["value"], cr = { key: 1 }, lr = { class: "waveform-annotation-editor__field" }, ur = { class: "waveform-annotation-editor__label-row" }, dr = ["maxlength"], fr = { class: "waveform-annotation-editor__colors" }, pr = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注边框色和透明度"
-}, Xn = {
+}, mr = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注文字色和透明度"
-}, Zn = {
+}, hr = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注背景色和透明度"
-}, Qn = { class: "waveform-annotation-editor__actions" }, $n = ["disabled"], er = /*#__PURE__*/ Z(/* @__PURE__ */ c({
+}, gr = { class: "waveform-annotation-editor__actions" }, _r = ["disabled"], vr = /*#__PURE__*/ je(/* @__PURE__ */ c({
 	__name: "WaveformAnnotationEditor",
 	props: {
 		annotation: {},
@@ -2397,7 +2593,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 		"series-change"
 	],
 	setup(n, { emit: o }) {
-		let c = n, l = o, u = v(), f = oe("waveform-annotation-editor-title"), m = v(""), h = v(""), _ = v(""), b = v(""), x = t(() => m.value.trim().length > 0), C = t(() => m.value.length), D = t(() => {
+		let c = n, l = o, u = v(), f = ae("waveform-annotation-editor-title"), m = v(""), h = v(""), _ = v(""), b = v(""), x = t(() => m.value.trim().length > 0), C = t(() => m.value.length), D = t(() => {
 			let e = c.seriesOptions?.find((e) => e.seriesId === c.annotation.seriesId);
 			return e ? {
 				id: e.seriesId,
@@ -2407,7 +2603,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 			} : c.series;
 		});
 		function A() {
-			let e = xe(c.annotation.style);
+			let e = Z(c.annotation.style);
 			m.value = c.annotation.text, h.value = e.borderColor, _.value = e.textColor, b.value = e.backgroundColor, d(() => u.value?.focus());
 		}
 		E(() => c.annotation, A, { immediate: !0 });
@@ -2435,21 +2631,21 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 			"aria-modal": "true",
 			"aria-labelledby": w(f),
 			onClick: n[6] ||= k((e) => l("cancel"), ["self"])
-		}, [a("section", In, [
-			a("header", Ln, [a("div", null, [a("h2", { id: w(f) }, S(c.mode === "add" ? "添加标注" : "编辑标注"), 9, Rn)]), a("button", {
+		}, [a("section", er, [
+			a("header", tr, [a("div", null, [a("h2", { id: w(f) }, S(c.mode === "add" ? "添加标注" : "编辑标注"), 9, nr)]), a("button", {
 				type: "button",
 				class: "waveform-annotation-editor__close",
 				"aria-label": "关闭标注编辑器",
 				title: "关闭",
 				onClick: n[0] ||= (e) => l("cancel")
 			}, " × ")]),
-			a("div", zn, [a("span", null, [a("b", null, "X (" + S(c.timeUnit) + ")", 1), a("code", null, S(w(ut)(c.annotation.x, c.timeUnit)), 1)]), a("span", null, [n[7] ||= a("b", null, "Y", -1), a("code", null, S(w(it)(c.annotation.y)), 1)])]),
-			D.value ? (g(), i("label", Bn, [
+			a("div", rr, [a("span", null, [a("b", null, "X (" + S(c.timeUnit) + ")", 1), a("code", null, S(w(ut)(c.annotation.x, c.timeUnit)), 1)]), a("span", null, [n[7] ||= a("b", null, "Y", -1), a("code", null, S(w(it)(c.annotation.y)), 1)])]),
+			D.value ? (g(), i("label", ir, [
 				a("i", {
 					style: p({ backgroundColor: D.value.color }),
 					"aria-hidden": "true"
 				}, null, 4),
-				a("span", Vn, [n[8] ||= a("small", null, "标注波形", -1), a("b", null, S(D.value.name), 1)]),
+				a("span", ar, [n[8] ||= a("small", null, "标注波形", -1), a("b", null, S(D.value.name), 1)]),
 				c.seriesOptions?.length ? (g(), i("select", {
 					key: 0,
 					value: c.annotation.seriesId,
@@ -2458,9 +2654,9 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 				}, [(g(!0), i(e, null, y(c.seriesOptions, (e) => (g(), i("option", {
 					key: e.seriesId,
 					value: e.seriesId
-				}, S(e.name) + S(e.unit ? ` (${e.unit})` : ""), 9, Un))), 128))], 40, Hn)) : D.value.unit ? (g(), i("code", Wn, S(D.value.unit), 1)) : r("", !0)
+				}, S(e.name) + S(e.unit ? ` (${e.unit})` : ""), 9, sr))), 128))], 40, or)) : D.value.unit ? (g(), i("code", cr, S(D.value.unit), 1)) : r("", !0)
 			])) : r("", !0),
-			a("label", Gn, [a("span", Kn, [n[9] ||= a("b", null, "标注文本", -1), a("small", null, S(C.value) + "/" + S(w(40)), 1)]), O(a("textarea", {
+			a("label", lr, [a("span", ur, [n[9] ||= a("b", null, "标注文本", -1), a("small", null, S(C.value) + "/" + S(w(40)), 1)]), O(a("textarea", {
 				ref_key: "textarea",
 				ref: u,
 				"onUpdate:modelValue": n[1] ||= (e) => m.value = e,
@@ -2469,10 +2665,10 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 				"aria-label": "标注文本",
 				placeholder: "输入这处波形的说明",
 				onKeydown: M
-			}, null, 40, qn), [[T, m.value]])]),
-			a("fieldset", Jn, [
+			}, null, 40, dr), [[T, m.value]])]),
+			a("fieldset", fr, [
 				n[13] ||= a("legend", null, "颜色与透明度", -1),
-				a("label", Yn, [n[10] ||= a("span", null, "边框色", -1), s(w(K), {
+				a("label", pr, [n[10] ||= a("span", null, "边框色", -1), s(w(q), {
 					"pure-color": h.value,
 					"onUpdate:pureColor": n[2] ||= (e) => h.value = e,
 					"aria-label": "标注边框色",
@@ -2482,7 +2678,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 					"disable-alpha": !1,
 					"blur-close": !0
 				}, null, 8, ["pure-color"])]),
-				a("label", Xn, [n[11] ||= a("span", null, "文字色", -1), s(w(K), {
+				a("label", mr, [n[11] ||= a("span", null, "文字色", -1), s(w(q), {
 					"pure-color": _.value,
 					"onUpdate:pureColor": n[3] ||= (e) => _.value = e,
 					"aria-label": "标注文字色",
@@ -2492,7 +2688,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 					"disable-alpha": !1,
 					"blur-close": !0
 				}, null, 8, ["pure-color"])]),
-				a("label", Zn, [n[12] ||= a("span", null, "背景色", -1), s(w(K), {
+				a("label", hr, [n[12] ||= a("span", null, "背景色", -1), s(w(q), {
 					"pure-color": b.value,
 					"onUpdate:pureColor": n[4] ||= (e) => b.value = e,
 					"aria-label": "标注背景色",
@@ -2503,7 +2699,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 					"blur-close": !0
 				}, null, 8, ["pure-color"])])
 			]),
-			a("footer", Qn, [a("button", {
+			a("footer", gr, [a("button", {
 				type: "button",
 				onClick: n[5] ||= (e) => l("cancel")
 			}, "取消"), a("button", {
@@ -2511,10 +2707,10 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 				class: "is-primary",
 				disabled: !x.value,
 				onClick: j
-			}, " 保存标注 ", 8, $n)])
-		])], 8, Fn));
+			}, " 保存标注 ", 8, _r)])
+		])], 8, $n));
 	}
-}), [["__scopeId", "data-v-52818b45"]]), tr = { class: "waveform-tooltip__time waveform-chart__tooltip-time" }, nr = { key: 0 }, rr = { class: "waveform-tooltip__value" }, ir = { key: 0 }, ar = 12, or = 8, sr = 238, cr = /*#__PURE__*/ Z(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-52818b45"]]), yr = { class: "waveform-tooltip__time waveform-chart__tooltip-time" }, br = { class: "waveform-tooltip__series-content" }, xr = { key: 0 }, Sr = { class: "waveform-tooltip__value" }, Cr = { key: 0 }, wr = 12, Tr = 8, Er = 238, Dr = 320, Or = 20, kr = 20, Ar = /*#__PURE__*/ je(/* @__PURE__ */ c({
 	__name: "WaveformTooltip",
 	props: {
 		visible: { type: Boolean },
@@ -2526,32 +2722,50 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 		containerHeight: {}
 	},
 	setup(n) {
-		let s = n, c = t(() => {
+		let s = n;
+		function c(e, t) {
+			let n = Math.max(1, t - Or - 14), r = Math.max(1, Math.floor(n / 7.2));
+			return Math.max(1, Math.ceil([...e].length / r));
+		}
+		function l(e) {
+			let t = f(e.point);
+			return `${e.name ? `${e.name}: ` : ""}${rt(e.point.y)}${e.unit ? ` ${e.unit}` : ""}${t ? ` ${t}` : ""}`;
+		}
+		function u(e, t) {
+			let n = s.seriesPoints.reduce((t, n) => t + c(l(n), e), 0);
+			return 16 + kr * (c(t, e) + n) + 5;
+		}
+		let d = t(() => {
 			if (!s.visible || !s.hoveredPoint) return { display: "none" };
-			let e = 44 + s.seriesPoints.length * 22, t = s.position.x + ar, n = s.position.x - ar - sr;
+			let e = s.position.x + wr, t = s.position.x - wr - Er, n = s.containerWidth - Tr - e, r = s.position.x - wr - Tr, i = Math.max(1, Math.min(Dr, s.containerWidth - Tr * 2)), a = e + Er <= s.containerWidth - Tr ? {
+				left: `${e}px`,
+				maxWidth: `${Math.min(Dr, n)}px`
+			} : t >= Tr ? {
+				right: `${s.containerWidth - s.position.x + wr}px`,
+				maxWidth: `${Math.min(Dr, r)}px`
+			} : {
+				left: `${Tr}px`,
+				maxWidth: `${i}px`
+			}, o = Number.parseFloat(a.maxWidth), c = `${s.timeUnit}: ${lt(s.hoveredPoint.x, s.timeUnit)}`;
 			return {
-				...t + sr <= s.containerWidth - or ? { left: `${t}px` } : n >= or ? { right: `${s.containerWidth - s.position.x + ar}px` } : { left: `${or}px` },
-				top: `${Math.max(8, Math.min(s.position.y - 18, s.containerHeight - e - 8))}px`
+				...a,
+				top: `${Math.max(8, Math.min(s.position.y - 18, s.containerHeight - u(o, c) - 8))}px`
 			};
 		});
-		function l(e) {
+		function f(e) {
 			let { lower: t, upper: n } = At(e);
 			return t === 0 && n === 0 ? null : `(+${rt(n)} / -${rt(t)})`;
 		}
 		return (t, s) => n.visible && n.hoveredPoint ? (g(), i("div", {
 			key: 0,
 			class: "waveform-tooltip waveform-chart__tooltip",
-			style: p(c.value)
-		}, [a("span", tr, S(n.timeUnit) + ": " + S(w(lt)(n.hoveredPoint.x, n.timeUnit)), 1), (g(!0), i(e, null, y(n.seriesPoints, (e) => (g(), i("span", {
+			style: p(d.value)
+		}, [a("span", yr, S(n.timeUnit) + ": " + S(w(lt)(n.hoveredPoint.x, n.timeUnit)), 1), (g(!0), i(e, null, y(n.seriesPoints, (e) => (g(), i("span", {
 			key: `${e.trackIndex}-${e.name}`,
 			class: "waveform-tooltip__series waveform-chart__tooltip-series"
-		}, [
-			a("i", { style: p({ backgroundColor: e.color }) }, null, 4),
-			e.name ? (g(), i("strong", nr, S(e.name) + ":", 1)) : r("", !0),
-			a("span", rr, [o(S(w(rt)(e.point.y)) + S(e.unit ? ` ${e.unit}` : "") + " ", 1), l(e.point) ? (g(), i("small", ir, S(l(e.point)), 1)) : r("", !0)])
-		]))), 128))], 4)) : r("", !0);
+		}, [a("i", { style: p({ backgroundColor: e.color }) }, null, 4), a("span", br, [e.name ? (g(), i("strong", xr, S(e.name) + ":", 1)) : r("", !0), a("span", Sr, [o(S(w(rt)(e.point.y)) + S(e.unit ? ` ${e.unit}` : "") + " ", 1), f(e.point) ? (g(), i("small", Cr, S(f(e.point)), 1)) : r("", !0)])])]))), 128))], 4)) : r("", !0);
 	}
-}), [["__scopeId", "data-v-b8b5592a"]]), lr = /* @__PURE__ */ c({
+}), [["__scopeId", "data-v-93daa641"]]), jr = /* @__PURE__ */ c({
 	__name: "WaveformHoverHost",
 	props: {
 		state: {},
@@ -2562,7 +2776,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 	},
 	setup(e) {
 		let r = e, i = t(() => r.state.points[0]?.point ?? null);
-		return (t, r) => (g(), n(cr, {
+		return (t, r) => (g(), n(Ar, {
 			visible: e.visible && i.value !== null,
 			position: e.state.position,
 			"time-unit": e.timeUnit,
@@ -2580,16 +2794,16 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
 			"container-height"
 		]));
 	}
-}), ur = 13, dr = 2, fr = 14, pr = 8, mr = 24, hr = {
+}), Mr = 13, Nr = 2, Pr = 14, Fr = 8, Ir = 24, Lr = {
 	circle: U,
-	square: te,
-	triangle: ne,
+	square: W,
+	triangle: te,
 	diamond: ee
 };
-function gr(e, t = 48) {
-	return e === "none" ? null : H().type(hr[e]).size(t)() ?? null;
+function Rr(e, t = 48) {
+	return e === "none" ? null : H().type(Lr[e]).size(t)() ?? null;
 }
-function _r(e, t, n = 48) {
+function zr(e, t, n = 48) {
 	if (e === "none" || t.length === 0) return null;
 	if (e === "circle") {
 		let e = Math.sqrt(n / Math.PI);
@@ -2606,24 +2820,24 @@ function _r(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 vr(e) {
+function Br(e) {
 	return e === "none" ? null : "M1 8H25";
 }
-function yr(e) {
+function Vr(e) {
 	if (e === "dashed") return "8 5";
 	if (e === "dash-dot") return "8 5 1.5 5";
 }
-function br(e) {
-	let t = (Number.isFinite(e) && e > 0 ? Math.min(e, mr) : pr) / 2, n = ur - t, r = ur + t;
+function Hr(e) {
+	let t = (Number.isFinite(e) && e > 0 ? Math.min(e, Ir) : Fr) / 2, n = Mr - t, r = Mr + t;
 	return [
-		`M${n} ${dr}H${r}`,
-		`M${ur} ${dr}V${fr}`,
-		`M${n} ${fr}H${r}`
+		`M${n} ${Nr}H${r}`,
+		`M${Mr} ${Nr}V${Pr}`,
+		`M${n} ${Pr}H${r}`
 	].join("");
 }
 //#endregion
 //#region src/components/rendering/WaveformSeriesLayer.vue?vue&type=script&setup=true&lang.ts
-var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
+var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 	"data-series-id",
 	"data-series-name",
 	"data-y-axis-index",
@@ -2632,11 +2846,11 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 	"d",
 	"stroke",
 	"stroke-dasharray"
-], wr = ["data-series-id"], Tr = [
+], Kr = ["data-series-id"], qr = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Er = ["data-series-id", "data-point-type"], Dr = ["d", "fill"], Or = /*#__PURE__*/ Z(/* @__PURE__ */ c({
+], Jr = ["data-series-id", "data-point-type"], Yr = ["d", "fill"], Xr = /*#__PURE__*/ je(/* @__PURE__ */ c({
 	__name: "WaveformSeriesLayer",
 	props: {
 		track: {},
@@ -2644,7 +2858,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 	},
 	setup(n) {
 		let a = n, o = t(() => a.track.seriesPaths.map((e) => {
-			let t = _r(e.series.pointType, e.pointRenderPoints.map((t) => ({
+			let t = zr(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) => {
@@ -2681,8 +2895,8 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				"data-line-style": e.series.lineStyle,
 				d: e.path,
 				stroke: e.series.color,
-				"stroke-dasharray": w(yr)(e.series.lineStyle)
-			}, null, 8, Cr)) : r("", !0),
+				"stroke-dasharray": w(Vr)(e.series.lineStyle)
+			}, null, 8, Gr)) : r("", !0),
 			e.series.errorBar.visible ? (g(), i("g", {
 				key: 1,
 				class: "waveform-track__error-bars waveform-chart__error-bars",
@@ -2693,7 +2907,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				d: e.errorBarPath,
 				stroke: e.series.errorBar.color || e.series.color,
 				"stroke-width": e.series.errorBar.width
-			}, null, 8, Tr)) : r("", !0)], 8, wr)) : r("", !0),
+			}, null, 8, qr)) : r("", !0)], 8, Kr)) : r("", !0),
 			e.series.pointType === "none" ? r("", !0) : (g(), i("g", {
 				key: 2,
 				class: "waveform-track__points waveform-chart__points",
@@ -2704,20 +2918,20 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				class: "waveform-track__point waveform-chart__point",
 				d: e.pointPath,
 				fill: e.series.color
-			}, null, 8, Dr)) : r("", !0)], 8, Er))
-		], 8, Sr))), 128))], 8, xr)) : r("", !0);
+			}, null, 8, Yr)) : r("", !0)], 8, Jr))
+		], 8, Wr))), 128))], 8, Ur)) : r("", !0);
 	}
-}), [["__scopeId", "data-v-42a3fd47"]]), kr = ["transform"], Ar = ["transform"], jr = {
+}), [["__scopeId", "data-v-42a3fd47"]]), Zr = ["transform"], Qr = ["transform"], $r = {
 	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"
-}, Mr = ["x"], Nr = [
+}, ei = ["x"], ti = [
 	"data-y-axis-index",
 	"data-y-axis-side",
 	"transform"
-], Pr = { key: 2 }, Fr = ["x", "y"], Ir = ["fill", "transform"], Lr = ["data-y-axis-title-index"], Rr = ["x", "y"], zr = ["fill", "transform"], Br = /* @__PURE__ */ c({
+], ni = { key: 2 }, ri = ["x", "y"], ii = ["fill", "transform"], ai = ["data-y-axis-title-index"], oi = ["x", "y"], si = ["fill", "transform"], ci = /* @__PURE__ */ c({
 	__name: "WaveformTrackAxes",
 	props: {
 		track: {},
@@ -2776,7 +2990,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				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, kr)) : r("", !0),
+			}, null, 10, Zr)) : r("", !0),
 			t.track.showXAxis ? (g(), i("g", {
 				key: 1,
 				class: "waveform-track__axis-endpoints waveform-chart__axis-endpoints",
@@ -2784,13 +2998,13 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				"font-family": "sans-serif",
 				"font-size": "10",
 				"aria-hidden": "true"
-			}, [a("text", jr, S(t.track.endpointLabels.start), 1), a("text", {
+			}, [a("text", $r, 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, Mr)], 8, Ar)) : r("", !0),
+			}, S(t.track.endpointLabels.end), 9, ei)], 8, Qr)) : 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,
@@ -2799,21 +3013,21 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				"data-y-axis-index": e.index,
 				"data-y-axis-side": e.side,
 				transform: `translate(${e.x}, 0)`
-			}, null, 10, Nr))), 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", Pr, [a("rect", {
+			}, null, 10, ti))), 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", ni, [a("rect", {
 				class: "waveform-track__y-axis-label-bg waveform-chart__y-axis-label-bg",
 				x: t.track.yAxisLabelX - 12,
 				y: t.track.height / 2 - 40,
 				width: "24",
 				height: "80",
 				rx: "2"
-			}, null, 8, Fr), a("text", {
+			}, null, 8, ri), a("text", {
 				class: "waveform-track__y-axis-label waveform-chart__y-axis-label",
 				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, Ir)])) : r("", !0),
+			}, S(c(t.track.series)), 9, ii)])) : 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",
@@ -2825,40 +3039,40 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				width: "24",
 				height: "80",
 				rx: "2"
-			}, null, 8, Rr), a("text", {
+			}, null, 8, oi), 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, zr)], 8, Lr))), 128))
+			}, S(c(e.seriesList[0])), 9, si)], 8, ai))), 128))
 		], 64));
 	}
-}), Vr = [
+}), li = [
 	"width",
 	"height",
 	"fill"
-], Hr = ["clip-path"], Ur = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, Wr = [
+], ui = ["clip-path"], di = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, fi = [
 	"stroke",
 	"x1",
 	"x2",
 	"y2"
-], Gr = [
+], pi = [
 	"stroke",
 	"x2",
 	"y1",
 	"y2"
-], Kr = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, qr = [
+], mi = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, hi = [
 	"stroke",
 	"x1",
 	"x2",
 	"y2"
-], Jr = [
+], gi = [
 	"stroke",
 	"x2",
 	"y1",
 	"y2"
-], Yr = ["clip-path"], Xr = [
+], _i = ["clip-path"], vi = [
 	"data-y-axis-index",
 	"x2",
 	"y1",
@@ -2866,7 +3080,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Zr = ["x", "y"], Qr = /* @__PURE__ */ c({
+], yi = ["x", "y"], bi = /* @__PURE__ */ c({
 	__name: "WaveformTrackBackdrop",
 	props: {
 		track: {},
@@ -2891,12 +3105,12 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				height: t.track.height,
 				fill: t.frameStyle.backgroundColor,
 				"aria-hidden": "true"
-			}, null, 8, Vr)) : r("", !0),
+			}, null, 8, li)) : 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", Ur, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMinorTicks, (e) => (g(), i("line", {
+			}, [a("g", di, [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,
@@ -2904,7 +3118,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				x2: t.track.xScale(e),
 				y1: "0",
 				y2: t.track.height
-			}, null, 8, Wr))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMinorTicks, (e) => (g(), i("line", {
+			}, null, 8, fi))), 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,
@@ -2912,7 +3126,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				x2: t.track.width ?? t.innerWidth,
 				y1: t.track.yScale(e),
 				y2: t.track.yScale(e)
-			}, null, 8, Gr))), 128)) : r("", !0)]), a("g", Kr, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMajorTicks, (e) => (g(), i("line", {
+			}, null, 8, pi))), 128)) : r("", !0)]), a("g", mi, [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,
@@ -2920,7 +3134,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				x2: t.track.xScale(e),
 				y1: "0",
 				y2: t.track.height
-			}, null, 8, qr))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMajorTicks, (e) => (g(), i("line", {
+			}, null, 8, hi))), 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,
@@ -2928,7 +3142,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				x2: t.track.width ?? t.innerWidth,
 				y1: t.track.yScale(e),
 				y2: t.track.yScale(e)
-			}, null, 8, Jr))), 128)) : r("", !0)])], 8, Hr)) : r("", !0),
+			}, null, 8, gi))), 128)) : r("", !0)])], 8, ui)) : 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",
@@ -2945,7 +3159,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				stroke: t.zeroLine.color,
 				"stroke-width": t.zeroLine.width,
 				"stroke-dasharray": t.zeroLine.dash || void 0
-			}, null, 8, Xr))], 64))), 128))], 8, Yr)) : r("", !0),
+			}, null, 8, vi))], 64))), 128))], 8, _i)) : 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",
@@ -2955,10 +3169,10 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				"text-anchor": "middle",
 				"dominant-baseline": "central",
 				"aria-hidden": "true"
-			}, S(t.frameNumber), 13, Zr)) : r("", !0)
+			}, S(t.frameNumber), 13, yi)) : r("", !0)
 		], 64));
 	}
-}), $r = [
+}), xi = [
 	"data-track-index",
 	"data-track-empty",
 	"data-track-left",
@@ -2967,19 +3181,19 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 	"data-track-top",
 	"data-track-height",
 	"transform"
-], ei = [
+], Si = [
 	"width",
 	"height",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray",
 	"stroke-linecap"
-], ti = [
+], Ci = [
 	"data-interactive",
 	"data-independent-overlay-index",
 	"width",
 	"height"
-], ni = ["x", "y"], ri = /* @__PURE__ */ c({
+], wi = ["x", "y"], Ti = /* @__PURE__ */ c({
 	__name: "WaveformTrack",
 	props: {
 		track: {},
@@ -3038,7 +3252,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 			"data-track-height": e.track.height,
 			transform: `translate(${e.track.left ?? 0}, ${e.track.top})`
 		}, [
-			s(Qr, {
+			s(bi, {
 				track: e.track,
 				"clip-path-id": e.clipPathId,
 				"inner-width": e.innerWidth,
@@ -3055,7 +3269,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				"frame-style",
 				"zero-line"
 			]),
-			s(Br, {
+			s(ci, {
 				track: e.track,
 				"inner-width": e.innerWidth,
 				"clean-view": e.cleanView,
@@ -3081,8 +3295,8 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				"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, ei)),
-			s(Or, {
+			}, null, 8, Si)),
+			s(Xr, {
 				track: e.track,
 				"clip-path-id": e.clipPathId
 			}, null, 8, ["track", "clip-path-id"]),
@@ -3104,7 +3318,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				onPointerleave: n[4] ||= (e) => o("pointer-leave"),
 				onClick: n[5] ||= (e) => o("click", e),
 				onContextmenu: n[6] ||= (e) => o("contextmenu", e)
-			}, null, 42, ti)) : r("", !0),
+			}, null, 42, Ci)) : r("", !0),
 			!e.track.isEmpty && !e.track.hasVisibleSeries && !e.cleanView ? (g(), i("text", {
 				key: 2,
 				class: "waveform-track__no-visible-series",
@@ -3112,33 +3326,33 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				y: e.track.height / 2,
 				"text-anchor": "middle",
 				"dominant-baseline": "central"
-			}, " 暂无可见曲线 ", 8, ni)) : r("", !0)
-		], 10, $r));
+			}, " 暂无可见曲线 ", 8, wi)) : r("", !0)
+		], 10, xi));
 	}
-}), ii = [
+}), Ei = [
 	"width",
 	"height",
 	"data-position",
 	"data-orientation"
-], ai = [
+], Di = [
 	"disabled",
 	"aria-pressed",
 	"aria-label",
 	"onClick"
-], oi = [
+], Oi = [
 	"data-line-type",
 	"data-line-style",
 	"data-point-type",
 	"data-error-bar-visible"
-], si = [
+], ki = [
 	"d",
 	"stroke",
 	"stroke-dasharray"
-], ci = [
+], Ai = [
 	"d",
 	"stroke",
 	"stroke-width"
-], li = ["d", "fill"], ui = ["title"], di = /*#__PURE__*/ Z(/* @__PURE__ */ c({
+], ji = ["d", "fill"], Mi = ["title"], Ni = /*#__PURE__*/ je(/* @__PURE__ */ c({
 	__name: "WaveformLegend",
 	props: {
 		series: {},
@@ -3196,45 +3410,45 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 			"data-point-type": e.pointType,
 			"data-error-bar-visible": e.errorBar.visible || void 0
 		}, [
-			w(vr)(e.lineType) ? (g(), i("path", {
+			w(Br)(e.lineType) ? (g(), i("path", {
 				key: 0,
 				class: "waveform-legend__line",
-				d: w(vr)(e.lineType) ?? void 0,
+				d: w(Br)(e.lineType) ?? void 0,
 				stroke: e.color,
-				"stroke-dasharray": w(yr)(e.lineStyle),
+				"stroke-dasharray": w(Vr)(e.lineStyle),
 				"stroke-width": "1.5",
 				fill: "none"
-			}, null, 8, si)) : r("", !0),
+			}, null, 8, ki)) : r("", !0),
 			e.errorBar.visible ? (g(), i("path", {
 				key: 1,
 				class: "waveform-legend__error-bar",
-				d: w(br)(e.errorBar.capWidth),
+				d: w(Hr)(e.errorBar.capWidth),
 				stroke: e.errorBar.color || e.color,
 				"stroke-width": e.errorBar.width,
 				"stroke-linecap": "butt",
 				fill: "none"
-			}, null, 8, ci)) : r("", !0),
+			}, null, 8, Ai)) : r("", !0),
 			e.pointType === "none" ? r("", !0) : (g(), i("path", {
 				key: 2,
 				class: "waveform-legend__point",
-				d: w(gr)(e.pointType, 30) ?? void 0,
+				d: w(Rr)(e.pointType, 30) ?? void 0,
 				fill: e.color,
 				transform: "translate(13 8)"
-			}, null, 8, li))
-		], 8, oi)), a("span", {
+			}, null, 8, ji))
+		], 8, Oi)), a("span", {
 			class: "waveform-legend__label",
 			title: e.name
-		}, S(e.name), 9, ui)], 10, ai))), 128))], 6)], 2)], 8, ii));
+		}, S(e.name), 9, Mi)], 10, Di))), 128))], 6)], 2)], 8, Ei));
 	}
-}), [["__scopeId", "data-v-2ae12e71"]]), fi = {
+}), [["__scopeId", "data-v-2ae12e71"]]), Pi = {
 	class: "waveform-chart__hover-layer",
 	"pointer-events": "none",
 	"aria-hidden": "true"
-}, pi = ["clip-path", "transform"], mi = [
+}, Fi = ["clip-path", "transform"], Ii = [
 	"x1",
 	"x2",
 	"y2"
-], hi = /*#__PURE__*/ Z(/* @__PURE__ */ c({
+], Li = /*#__PURE__*/ je(/* @__PURE__ */ c({
 	__name: "WaveformHoverLayer",
 	props: {
 		state: {},
@@ -3257,7 +3471,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				}] : [];
 			});
 		});
-		return (t, r) => (g(), i("g", fi, [(g(!0), i(e, null, y(o.value, (e) => (g(), i("g", {
+		return (t, r) => (g(), i("g", Pi, [(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})`,
@@ -3267,9 +3481,9 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 			x2: e.x,
 			y1: "0",
 			y2: e.track.height
-		}, null, 8, mi)], 8, pi))), 128))]));
+		}, null, 8, Ii)], 8, Fi))), 128))]));
 	}
-}), [["__scopeId", "data-v-a6f82099"]]), gi = [
+}), [["__scopeId", "data-v-a6f82099"]]), Ri = [
 	"data-display-mode",
 	"data-interaction-mode",
 	"data-presentation-mode",
@@ -3278,35 +3492,35 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 	"data-plot-margin-top",
 	"data-plot-margin-bottom",
 	"data-title-area-height"
-], _i = [
+], zi = [
 	"role",
 	"aria-level",
 	"aria-hidden"
-], vi = ["data-title-scale", "data-title-wrapped"], yi = [
+], Bi = ["data-title-scale", "data-title-wrapped"], Vi = [
 	"width",
 	"height",
 	"aria-label"
-], bi = ["id"], xi = ["width", "height"], Si = ["transform"], Ci = {
+], Hi = ["id"], Ui = ["width", "height"], Wi = ["transform"], Gi = {
 	key: 0,
 	class: "waveform-chart__grid-slots",
 	"aria-hidden": "true"
-}, wi = ["transform"], Ti = ["width", "height"], Ei = ["width", "height"], Di = [
+}, Ki = ["transform"], qi = ["width", "height"], Ji = ["width", "height"], Yi = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Oi = {
+], Xi = {
 	key: 4,
 	class: "waveform-chart__legend-layer"
-}, ki = [
+}, Zi = [
 	"data-legend-track-index",
 	"data-legend-track-id",
 	"transform"
-], Ai = ["x", "y"], ji = ["x", "y"], Mi = /* @__PURE__ */ c({
+], Qi = ["x", "y"], $i = ["x", "y"], ea = /* @__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: W, finishViewportDrag: G, cancelViewportDrag: K, handlePointerLeave: ae, handleAnnotationClick: oe, handleAnnotationContextMenu: q, resolveFrameNumber: se, frameStyle: ce, axes: le, resolvedZeroLine: ue, timeUnit: de, yLabel: fe, handleIndependentPointerMove: pe, beginViewportDrag: me, hoverState: he, showTooltip: ge, selectionBox: J, renderedAnnotations: _e, annotationsVisible: ve, handleExistingAnnotationContextMenu: Y, beginAnnotationDrag: X, handleAnnotationMove: ye, endAnnotationDrag: be, resolveLegendPosition: xe, resolveLegendOrientation: Se, legendBackgroundColor: Ce, legendInteractive: we, resolvedHiddenSeriesIds: Te, toggleSeriesVisibility: Ee, resolvedXLabel: De, xAxisTitleY: Oe, hasChartArea: ke, gridOptions: Ae, pageCount: je, currentPage: Z, getPageSize: Pe, chartTracks: Q, goToPage: Fe, annotationInteraction: Ie, editorDraft: Le, contextMenu: Re, editorSeries: ze, editorSeriesOptions: Be, confirmAnnotation: Ve, cancelAnnotation: He, changeDraftSeries: Ue, editContextAnnotation: We, deleteContextAnnotation: Ge, chartHeight: $, setContainer: Ke, setSvgElement: qe, setTitleMeasureElement: Je, setSharedOverlayElement: Ye } = C(t.controller);
+		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: W, innerHeight: te, handleSharedPointerMove: G, beginSharedViewportDrag: K, finishViewportDrag: ne, cancelViewportDrag: q, handlePointerLeave: ie, handleAnnotationClick: ae, handleAnnotationContextMenu: oe, resolveFrameNumber: se, frameStyle: ce, axes: le, resolvedZeroLine: ue, timeUnit: de, yLabel: J, handleIndependentPointerMove: fe, beginViewportDrag: pe, hoverState: Y, showTooltip: me, selectionBox: he, renderedAnnotations: ge, annotationsVisible: _e, handleExistingAnnotationContextMenu: ve, beginAnnotationDrag: X, handleAnnotationMove: ye, endAnnotationDrag: be, resolveLegendPosition: Z, resolveLegendOrientation: xe, legendBackgroundColor: Se, legendInteractive: Ce, resolvedHiddenSeriesIds: we, toggleSeriesVisibility: Te, resolvedXLabel: Ee, xAxisTitleY: De, hasChartArea: Oe, gridOptions: ke, pageCount: Ae, currentPage: je, getPageSize: Pe, chartTracks: Q, goToPage: Fe, annotationInteraction: Ie, editorDraft: Le, contextMenu: Re, editorSeries: ze, editorSeriesOptions: Be, confirmAnnotation: Ve, cancelAnnotation: He, changeDraftSeries: Ue, editContextAnnotation: We, deleteContextAnnotation: Ge, chartHeight: $, setContainer: Ke, setSvgElement: qe, setTitleMeasureElement: Je, setSharedOverlayElement: Ye } = C(t.controller);
 		return (t, C) => (g(), i("div", {
 			ref: w(Ke),
 			class: f(["waveform-chart", [
@@ -3315,7 +3529,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				{
 					"waveform-chart--clean": w(l),
 					"waveform-chart--presentation": w(u),
-					"waveform-chart--panning": w(d)?.mode === "pan"
+					"waveform-chart--panning": w(d)?.kind === "pan"
 				}
 			]]),
 			style: p(w(m)),
@@ -3352,7 +3566,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				style: p(w(M)),
 				"data-title-scale": w(N).scale,
 				"data-title-wrapped": w(N).wrapped || void 0
-			}, S(w(A)), 13, vi)], 4)) : r("", !0)], 12, _i)) : r("", !0),
+			}, S(w(A)), 13, Bi)], 4)) : r("", !0)], 12, zi)) : r("", !0),
 			(g(), i("svg", {
 				ref: w(qe),
 				class: "waveform-chart__svg",
@@ -3369,9 +3583,9 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				}, [a("rect", {
 					width: e.width,
 					height: e.height
-				}, null, 8, xi)], 8, bi))), 128))]),
+				}, null, 8, Ui)], 8, Hi))), 128))]),
 				a("g", { transform: `translate(${w(_)}, ${w(B)})` }, [
-					w(o) !== "compact" && !w(l) ? (g(), i("g", Ci, [(g(!0), i(e, null, y(w(V), (e) => (g(), i("g", {
+					w(o) !== "compact" && !w(l) ? (g(), i("g", Gi, [(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", {
@@ -3379,7 +3593,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 						class: "waveform-chart__grid-slot-placeholder",
 						width: e.width,
 						height: e.cellHeight
-					}, null, 8, Ti))], 8, wi))), 128))])) : r("", !0),
+					}, null, 8, qi))], 8, Ki))), 128))])) : r("", !0),
 					w(o) !== "independent" && w(R).length && w(H) ? (g(), i("rect", {
 						key: 1,
 						ref: w(Ye),
@@ -3387,21 +3601,21 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 							"is-zoomable": !w(u) && w(U) && w(ee),
 							"is-annotating": !w(u) && w(c) === "annotation"
 						}]),
-						width: w(te),
-						height: w(ne),
-						onPointermove: C[0] ||= (...e) => w(re) && w(re)(...e),
-						onPointerdown: C[1] ||= (...e) => w(W) && w(W)(...e),
-						onPointerup: C[2] ||= (...e) => w(G) && w(G)(...e),
-						onPointercancel: C[3] ||= (...e) => w(K) && w(K)(...e),
-						onPointerleave: C[4] ||= (...e) => w(ae) && w(ae)(...e),
-						onClick: C[5] ||= (...e) => w(oe) && w(oe)(...e),
-						onContextmenu: C[6] ||= (...e) => w(q) && w(q)(...e)
-					}, null, 42, Ei)) : r("", !0),
-					(g(!0), i(e, null, y(w(R), (e) => (g(), n(w(ri), {
+						width: w(W),
+						height: w(te),
+						onPointermove: C[0] ||= (...e) => w(G) && w(G)(...e),
+						onPointerdown: C[1] ||= (...e) => w(K) && w(K)(...e),
+						onPointerup: C[2] ||= (...e) => w(ne) && w(ne)(...e),
+						onPointercancel: C[3] ||= (...e) => w(q) && w(q)(...e),
+						onPointerleave: C[4] ||= (...e) => w(ie) && w(ie)(...e),
+						onClick: C[5] ||= (...e) => w(ae) && w(ae)(...e),
+						onContextmenu: C[6] ||= (...e) => w(oe) && w(oe)(...e)
+					}, null, 42, Ji)) : r("", !0),
+					(g(!0), i(e, null, y(w(R), (e) => (g(), n(w(Ti), {
 						key: `${e.index}-${e.series.name}`,
 						track: e,
 						"clip-path-id": w(z),
-						"inner-width": w(te),
+						"inner-width": w(W),
 						zoomable: w(U),
 						interactive: !w(u),
 						"display-mode": w(o),
@@ -3412,14 +3626,14 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 						"clean-view": w(l),
 						"zero-line": w(ue),
 						"time-unit": w(de),
-						"y-label": w(fe),
-						onPointerMove: (t) => w(pe)(t, e.index),
-						onPointerDown: (t) => w(me)(t, e.index, !0),
-						onPointerUp: w(G),
-						onPointerCancel: w(K),
-						onPointerLeave: w(ae),
-						onClick: (t) => w(oe)(t, e.index),
-						onContextmenu: (t) => w(q)(t, e.index)
+						"y-label": w(J),
+						onPointerMove: (t) => w(fe)(t, e.index),
+						onPointerDown: (t) => w(pe)(t, e.index, !0),
+						onPointerUp: w(ne),
+						onPointerCancel: w(q),
+						onPointerLeave: w(ie),
+						onClick: (t) => w(ae)(t, e.index),
+						onContextmenu: (t) => w(oe)(t, e.index)
 					}, null, 8, [
 						"track",
 						"clip-path-id",
@@ -3443,32 +3657,32 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 						"onClick",
 						"onContextmenu"
 					]))), 128)),
-					s(w(hi), {
-						state: w(he),
+					s(w(Li), {
+						state: w(Y),
 						tracks: w(R),
 						"clip-path-id": w(z),
-						visible: w(ge) && !w(u)
+						visible: w(me) && !w(u)
 					}, null, 8, [
 						"state",
 						"tracks",
 						"clip-path-id",
 						"visible"
 					]),
-					w(J) && w(d)?.mode === "box" ? (g(), i("rect", {
+					w(he) && w(d)?.kind === "box" ? (g(), i("rect", {
 						key: 2,
 						class: "waveform-chart__zoom-selection",
-						x: w(J).x,
-						y: w(J).y,
-						width: w(J).width,
-						height: w(J).height,
+						x: w(he).x,
+						y: w(he).y,
+						width: w(he).width,
+						height: w(he).height,
 						"aria-hidden": "true"
-					}, null, 8, Di)) : r("", !0),
+					}, null, 8, Yi)) : r("", !0),
 					w(l) ? r("", !0) : (g(), n(w(Me), {
 						key: 3,
-						annotations: w(_e),
-						visible: w(ve),
+						annotations: w(ge),
+						visible: w(_e),
 						interactive: !w(u),
-						onContextmenu: w(Y),
+						onContextmenu: w(ve),
 						onDragStart: w(X),
 						onMove: w(ye),
 						onDragEnd: w(be)
@@ -3481,23 +3695,23 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 						"onMove",
 						"onDragEnd"
 					])),
-					w(l) ? r("", !0) : (g(), i("g", Oi, [(g(!0), i(e, null, y(w(R), (e) => (g(), i("g", {
+					w(l) ? r("", !0) : (g(), i("g", Xi, [(g(!0), i(e, null, y(w(R), (e) => (g(), i("g", {
 						key: `legend-${e.index}-${e.series.name}`,
 						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(di), {
+					}, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(Ni), {
 						key: 0,
 						series: e.legendSeries,
-						position: w(xe)(e.id),
-						orientation: w(Se)(w(xe)(e.id)),
-						"background-color": w(Ce),
-						interactive: w(we),
-						"hidden-series-ids": w(Te),
-						width: e.width ?? w(te),
+						position: w(Z)(e.id),
+						orientation: w(xe)(w(Z)(e.id)),
+						"background-color": w(Se),
+						interactive: w(Ce),
+						"hidden-series-ids": w(we),
+						width: e.width ?? w(W),
 						height: e.height,
-						onToggle: w(Ee)
+						onToggle: w(Te)
 					}, null, 8, [
 						"series",
 						"position",
@@ -3508,29 +3722,29 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 						"width",
 						"height",
 						"onToggle"
-					])) : r("", !0)], 8, ki))), 128))]))
-				], 8, Si),
-				w(De) && !w(l) ? (g(), i("text", {
+					])) : r("", !0)], 8, Zi))), 128))]))
+				], 8, Wi),
+				w(Ee) && !w(l) ? (g(), i("text", {
 					key: 0,
 					class: "waveform-chart__label waveform-chart__x-label",
-					x: w(_) + w(te) / 2,
-					y: w(Oe),
+					x: w(_) + w(W) / 2,
+					y: w(De),
 					"text-anchor": "middle"
-				}, S(w(De)), 9, Ai)) : r("", !0),
-				w(ke) && !w(I) ? (g(), i("text", {
+				}, S(w(Ee)), 9, Qi)) : 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, ji)) : r("", !0)
-			], 40, yi)),
-			w(Ae).showPagination && w(je) > 1 && !w(l) ? (g(), n(w(ie), {
+				}, " 暂无有效波形数据 ", 8, $i)) : r("", !0)
+			], 40, Vi)),
+			w(ke).showPagination && w(Ae) > 1 && !w(l) ? (g(), n(w(re), {
 				key: 1,
 				class: "waveform-chart__pagination",
 				"aria-label": "波形分页",
-				current: w(Z),
-				"page-size": w(Pe)(w(Ae)),
+				current: w(je),
+				"page-size": w(Pe)(w(ke)),
 				total: w(Q).length,
 				"show-size-changer": !1,
 				"show-quick-jumper": !1,
@@ -3541,7 +3755,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				"total",
 				"onChange"
 			])) : r("", !0),
-			w(Le) && !w(l) && !w(u) ? (g(), n(er, {
+			w(Le) && !w(l) && !w(u) ? (g(), n(vr, {
 				key: 2,
 				annotation: w(Le).annotation,
 				mode: w(Le).mode,
@@ -3579,9 +3793,9 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				"onDelete",
 				"onClose"
 			])) : r("", !0),
-			s(w(lr), {
-				state: w(he),
-				visible: w(ge) && !w(u),
+			s(w(jr), {
+				state: w(Y),
+				visible: w(me) && !w(u),
 				"time-unit": w(de),
 				"container-width": w(P),
 				"container-height": w($)
@@ -3592,9 +3806,9 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 				"container-width",
 				"container-height"
 			])
-		], 46, gi));
+		], 46, Ri));
 	}
-}), Ni = /* @__PURE__ */ c({
+}), ta = /* @__PURE__ */ c({
 	__name: "WaveformChart",
 	props: {
 		data: {},
@@ -3671,9 +3885,9 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 		"page-change"
 	],
 	setup(e, { expose: t, emit: r }) {
-		let i = Pn(e, r);
-		return t({ resetViewport: i.resetViewport }), (e, t) => (g(), n(Mi, { controller: w(i) }, null, 8, ["controller"]));
+		let i = Qn(e, r);
+		return t({ resetViewport: i.resetViewport }), (e, t) => (g(), n(ea, { controller: w(i) }, null, 8, ["controller"]));
 	}
 });
 //#endregion
-export { Nt as DEFAULT_WAVEFORM_RENDERING_OPTIONS, Ni as WaveformChart, Ke as buildMinorTicks, ft as clamp, at as displayTime, ct as formatAxisTime, st as formatEndpointTime, lt as formatTooltipTime, jt as normalizeWaveformData, Mt as normalizeWaveformSeries, $ as paddedDomain, We as parseWaveformAnnotations, dt as resolveTrackGeometry, Pt as resolveWaveformRenderingOptions, Vt as selectRenderablePoints, Ue as serializeWaveformAnnotations };
+export { Rt as DEFAULT_WAVEFORM_RENDERING_OPTIONS, ta as WaveformChart, Ke as buildMinorTicks, ft as clamp, at as displayTime, ct as formatAxisTime, st as formatEndpointTime, lt as formatTooltipTime, jt as normalizeWaveformData, Mt as normalizeWaveformSeries, $ as paddedDomain, We as parseWaveformAnnotations, dt as resolveTrackGeometry, zt as resolveWaveformRenderingOptions, Gt as selectRenderablePoints, Ue as serializeWaveformAnnotations };