waveform-analysis 0.1.27 → 0.1.29

package/dist/index.js

@@ -1,20 +1,20 @@
 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 ee, symbolDiamond as te, symbolSquare as ne, symbolTriangle as re, zoom as ie, zoomIdentity as U, zoomTransform as W } from "d3";
-import { Pagination as ae } from "ant-design-vue";
-import { ColorPicker as G } 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 ee, symbolDiamond as te, symbolSquare as ne, symbolTriangle as re, zoom as ie, zoomIdentity as U, zoomTransform as ae } from "d3";
+import { Pagination as oe } from "ant-design-vue";
+import { ColorPicker as W } from "vue3-colorpicker";
 import "vue3-colorpicker/style.css";
 //#region src/utils/waveformId.ts
-var oe = 0;
-function se(e = "waveform") {
+var se = 0;
+function ce(e = "waveform") {
 	let t = l();
-	return `${e}-${t ? `v${t.uid}` : `f${++oe}`}`;
+	return `${e}-${t ? `v${t.uid}` : `f${++se}`}`;
 }
 //#endregion
 //#region src/components/annotation/annotationLayout.ts
-function ce(e, t) {
+function le(e, t) {
 	return e >= Math.min(t[0], t[1]) && e <= Math.max(t[0], t[1]);
 }
-function le(e, t, n) {
+function ue(e, t, n) {
 	let r = Math.max(0, Math.min(e.x, Math.max(0, t - e.width))), i = Math.max(0, Math.min(e.y, Math.max(0, n - e.height)));
 	return {
 		...e,
@@ -24,11 +24,11 @@ function le(e, t, n) {
 		lineEndY: Math.max(i, Math.min(e.lineEndY, i + e.height))
 	};
 }
-function ue(e, t, n, r, i, a, o) {
-	let s = fe(e, t, n, r, i);
+function de(e, t, n, r, i, a, o) {
+	let s = pe(e, t, n, r, i);
 	return s.x >= 0 && s.y >= 0 && s.x + n <= a && s.y + r <= o;
 }
-function de(e, t, n, r, i, a) {
+function fe(e, t, n, r, i, a) {
 	for (let o of [
 		"top",
 		"bottom",
@@ -38,10 +38,10 @@ function de(e, t, n, r, i, a) {
 		"top-left",
 		"bottom-right",
 		"bottom-left"
-	]) if (ue(e, t, n, r, o, i, a)) return o;
+	]) if (de(e, t, n, r, o, i, a)) return o;
 	return "top";
 }
-function K(e, t, n) {
+function G(e, t, n) {
 	let r = e.x + e.width / 2, i = e.y + e.height / 2, a = t - r, o = n - i;
 	if (Math.abs(a) * e.height > Math.abs(o) * e.width) {
 		let t = a >= 0 ? e.x + e.width : e.x, n = a === 0 ? 0 : (t - r) / a;
@@ -56,7 +56,7 @@ function K(e, t, n) {
 		y: s
 	};
 }
-function fe(e, t, n, r, i) {
+function pe(e, t, n, r, i) {
 	let a = e - n / 2, o = t - r / 2, s = e + 32, c = e - n - 32, l = t - r - 32, u = t + 32;
 	switch (i) {
 		case "top": return {
@@ -93,36 +93,36 @@ function fe(e, t, n, r, i) {
 		};
 	}
 }
-function pe(e, t, n) {
+function me(e, t, n) {
 	return {
-		width: Math.min(t, Math.max(16, Math.min(240, Math.ceil(Math.max(...e.map(X), 0)) + 16))),
+		width: Math.min(t, Math.max(16, Math.min(240, Math.ceil(Math.max(...e.map(Y), 0)) + 16))),
 		height: Math.min(n, Math.max(26, (e.length - 1) * 16 + 14 + 16))
 	};
 }
-function me(e, t, n, r, i, a, o = 0, s = 0) {
-	let { width: c, height: l } = pe(n, r, i), u = fe(e, t, c, l, a), d = le({
+function he(e, t, n, r, i, a, o = 0, s = 0) {
+	let { width: c, height: l } = me(n, r, i), u = pe(e, t, c, l, a), d = ue({
 		x: u.x + o,
 		y: u.y + s,
 		width: c,
 		height: l,
 		lineEndX: e,
 		lineEndY: t
-	}, r, i), f = K(d, e, t);
+	}, r, i), f = G(d, e, t);
 	return {
 		...d,
 		lineEndX: f.x,
 		lineEndY: f.y
 	};
 }
-function he(e, t, n, r) {
+function ge(e, t, n, r) {
 	let i = [];
 	return e.forEach((e) => {
-		if (!Se(e)) return;
+		if (!Ce(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 (!ce(e.x, o) || !ce(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 } = pe(c, u, m), y = g ? "top" : de(d, h, _, v, u, m), b = me(d, h, c, u, m, y, Number.isFinite(e.labelOffsetX) ? e.labelOffsetX : 0, Number.isFinite(e.labelOffsetY) ? e.labelOffsetY : 0), x = {
+		if (!le(e.x, o) || !le(e.y, s)) return;
+		let c = we(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 } = me(c, u, m), y = g ? "top" : fe(d, h, _, v, u, m), b = he(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 he(e, t, n, r) {
 			placement: y,
 			lines: c,
 			box: { ...x },
-			style: xe(e.style)
+			style: Se(e.style)
 		});
 	}), i;
 }
 //#endregion
 //#region src/components/annotation/markup.ts
-var ge = {
+var _e = {
 	borderColor: "#1677ff",
 	textColor: "#333333",
 	backgroundColor: "rgba(255, 255, 255, 0.92)"
-}, q = "12px Arial, sans-serif", _e = N((e) => e.x);
-function ve(e, t) {
+}, K = "12px Arial, sans-serif", ve = N((e) => e.x);
+function ye(e, t) {
 	if (!e.length || !Number.isFinite(t)) return null;
-	let n = _e.center(e, t), r = e[Math.min(n, e.length - 1)], i = e[Math.max(0, n - 1)];
+	let n = ve.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 ye(e, t, n = "linear") {
+function be(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 = _e.left(e, t), o = e[Math.min(a, e.length - 1)];
+	let a = ve.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 ye(e, t, n = "linear") {
 		y: s.y + (o.y - s.y) * l
 	};
 }
-function J(e, t, n, r) {
+function q(e, t, n, r) {
 	return e.flatMap((e) => {
-		let i = ye(e.series.points, t, e.series.lineType);
+		let i = be(e.series.points, t, e.series.lineType);
 		if (!i) return [];
-		let a = ve(e.series.points, t);
+		let a = ye(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 || ge.borderColor,
+			color: e.series.color || _e.borderColor,
 			unit: e.series.unit,
 			point: a,
 			screenX: c,
@@ -208,24 +208,24 @@ function J(e, t, n, r) {
 		}];
 	}).sort((e, t) => e.distance - t.distance || e.trackIndex - t.trackIndex);
 }
-var Y;
-function be(e) {
+var J;
+function xe(e) {
 	return Array.from(e).reduce((e, t) => e + (t.codePointAt(0) > 255 ? 12 : 6.7), 0);
 }
-function X(e) {
-	return Y === void 0 && (Y = null, typeof document < "u" && typeof CanvasRenderingContext2D < "u" && (Y = document.createElement("canvas").getContext("2d"), Y && (Y.font = q))), Y?.measureText(e).width ?? be(e);
+function Y(e) {
+	return J === void 0 && (J = null, typeof document < "u" && typeof CanvasRenderingContext2D < "u" && (J = document.createElement("canvas").getContext("2d"), J && (J.font = K))), J?.measureText(e).width ?? xe(e);
 }
-function xe(e) {
+function Se(e) {
 	return {
-		borderColor: e?.borderColor || ge.borderColor,
-		textColor: e?.textColor || ge.textColor,
-		backgroundColor: e?.backgroundColor || ge.backgroundColor
+		borderColor: e?.borderColor || _e.borderColor,
+		textColor: e?.textColor || _e.textColor,
+		backgroundColor: e?.backgroundColor || _e.backgroundColor
 	};
 }
-function Se(e) {
+function Ce(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 we(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 Te = [
 	"data-annotation-id",
 	"data-placement",
 	"onPointerdown",
 	"onContextmenu"
-], Te = ["id"], Ee = ["fill"], De = [
+], Ee = ["id"], De = ["fill"], Oe = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"marker-end"
-], Oe = [
+], ke = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill",
 	"stroke"
-], ke = [
+], Ae = [
 	"x",
 	"y",
 	"fill"
-], Ae = ["x", "dy"], je = /*@__PURE__*/ c({
+], je = ["x", "dy"], Me = /*@__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, De)], 8, Ee)]),
 			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, Oe),
 			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, ke),
 			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(q) }),
+				style: p({ font: w(K) }),
 				"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, je))), 128))], 12, Ae)
+		], 40, Te))), 128))], 2)) : r("", !0);
 	}
-}), Z = (e, t) => {
+}), X = (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({
+}, Ne = /*#__PURE__*/ X(Me, [["__scopeId", "data-v-7254383e"]]), Pe = /*#__PURE__*/ X(/* @__PURE__ */ c({
 	__name: "WaveformAnnotationContextMenu",
 	props: {
 		visible: { type: Boolean },
@@ -481,33 +481,33 @@ var we = [
 			}, "取消")
 		], 36)) : r("", !0);
 	}
-}), [["__scopeId", "data-v-c70c98a1"]]), Pe = 1;
-function Q(e) {
+}), [["__scopeId", "data-v-c70c98a1"]]), Fe = 1;
+function Z(e) {
 	throw TypeError(`Invalid waveform annotation file: ${e}`);
 }
-function Fe(e) {
+function Ie(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function Ie(e, t, n) {
+function Le(e, t, n) {
 	let r = e[t];
-	return (typeof r != "string" || r.trim().length === 0) && Q(`${n}.${t} must be a non-empty string`), r;
+	return (typeof r != "string" || r.trim().length === 0) && Z(`${n}.${t} must be a non-empty string`), r;
 }
-function Le(e, t, n) {
+function Q(e, t, n) {
 	let r = e[t];
-	if (r !== void 0) return typeof r != "string" && Q(`${n}.${t} must be a string`), r;
+	if (r !== void 0) return typeof r != "string" && Z(`${n}.${t} must be a string`), r;
 }
 function Re(e, t, n) {
 	let r = e[t];
-	return (typeof r != "number" || !Number.isFinite(r)) && Q(`${n}.${t} must be a finite number`), r;
+	return (typeof r != "number" || !Number.isFinite(r)) && Z(`${n}.${t} must be a finite number`), r;
 }
 function ze(e, t, n) {
 	let r = e[t];
-	if (r !== void 0) return (typeof r != "number" || !Number.isFinite(r)) && Q(`${n}.${t} must be a finite number`), r;
+	if (r !== void 0) return (typeof r != "number" || !Number.isFinite(r)) && Z(`${n}.${t} must be a finite number`), r;
 }
 function Be(e, t) {
 	if (e === void 0) return;
-	Fe(e) || Q(`${t} must be an object`);
-	let n = Le(e, "borderColor", t), r = Le(e, "textColor", t), i = Le(e, "backgroundColor", t);
+	Ie(e) || Z(`${t} must be an object`);
+	let n = Q(e, "borderColor", t), r = Q(e, "textColor", t), i = Q(e, "backgroundColor", t);
 	return {
 		...n !== void 0 && { borderColor: n },
 		...r !== void 0 && { textColor: r },
@@ -516,13 +516,13 @@ function Be(e, t) {
 }
 function Ve(e, t) {
 	let n = `annotations[${t}]`;
-	Fe(e) || Q(`${n} must be an object`);
-	let r = Ie(e, "text", n);
-	r.length > 40 && Q(`${n}.text must not exceed 40 characters`);
-	let i = ze(e, "labelOffsetX", n), a = ze(e, "labelOffsetY", n), o = Le(e, "createdAt", n), s = Be(e.style, `${n}.style`);
+	Ie(e) || Z(`${n} must be an object`);
+	let r = Le(e, "text", n);
+	r.length > 40 && Z(`${n}.text must not exceed 40 characters`);
+	let i = ze(e, "labelOffsetX", n), a = ze(e, "labelOffsetY", n), o = Q(e, "createdAt", n), s = Be(e.style, `${n}.style`);
 	return {
-		id: Ie(e, "id", n),
-		seriesId: Ie(e, "seriesId", n),
+		id: Le(e, "id", n),
+		seriesId: Le(e, "seriesId", n),
 		x: Re(e, "x", n),
 		y: Re(e, "y", n),
 		text: r,
@@ -535,24 +535,24 @@ function Ve(e, t) {
 function He(e) {
 	let t = e.map(Ve), n = /* @__PURE__ */ new Set();
 	return t.forEach((e, t) => {
-		n.has(e.id) && Q(`annotations[${t}].id must be unique`), n.add(e.id);
+		n.has(e.id) && Z(`annotations[${t}].id must be unique`), n.add(e.id);
 	}), t;
 }
 function Ue(e) {
 	return JSON.stringify({
-		version: Pe,
+		version: Fe,
 		annotations: He(e)
 	}, null, 2);
 }
 function We(e) {
-	typeof e != "string" && Q("input must be a JSON string");
+	typeof e != "string" && Z("input must be a JSON string");
 	let t;
 	try {
 		t = JSON.parse(e);
 	} catch {
-		Q("input is not valid JSON");
+		Z("input is not valid JSON");
 	}
-	return Fe(t) || Q("root must be an object"), t.version !== Pe && Q(`version must be ${Pe}`), Array.isArray(t.annotations) || Q("annotations must be an array"), He(t.annotations);
+	return Ie(t) || Z("root must be an object"), t.version !== Fe && Z(`version must be ${Fe}`), Array.isArray(t.annotations) || Z("annotations must be an array"), He(t.annotations);
 }
 //#endregion
 //#region src/components/annotation/useWaveformAnnotationInteraction.ts
@@ -625,30 +625,31 @@ function Ke(e, t = 5, n) {
 }
 //#endregion
 //#region src/utils/formatters.ts
-var qe = 2, Je = .01, Ye = 100, Xe = new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 4 });
+var qe = .001, Je = 1e3, Ye = new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 4 }), Xe = new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 4 });
 function Ze(e, t) {
 	let n = e.toFixed(Math.max(0, t));
 	return /^-0(?:\.0+)?$/.test(n) ? n.slice(1) : n;
 }
 function Qe(e) {
-	return Number.isFinite(e) && (e >= Ye || e > 0 && e < Je);
+	return Number.isFinite(e) && (e >= Je || e > 0 && e < qe);
 }
 function $e(e, t) {
 	if (typeof e != "number" || typeof t != "number") return null;
-	let n = Math.max(Math.abs(e), Math.abs(t));
+	let n = Math.abs(Math.max(e, t));
 	return Qe(n) ? Math.floor(Math.log10(n)) : null;
 }
 function et(e) {
 	return `E${e >= 0 ? "+" : "-"}${Math.abs(e).toString().padStart(2, "0")}`;
 }
-function tt(e, t = {}) {
-	if (!Number.isFinite(e)) return String(e);
-	let n = t.precision ?? qe, r = $e(t.axisMin, t.axisMax);
-	return Ze(r === null ? e : e / 10 ** r, n);
+function tt(e) {
+	if (Object.is(e, -0)) return "0";
+	let t = e === 0 ? 0 : Number(e.toPrecision(5)), n = Ye.format(t);
+	return n === "-0" ? "0" : n;
 }
-function nt(e, t) {
-	let n = $e(e, t);
-	return n === null ? null : et(n);
+function nt(e, t = {}) {
+	if (!Number.isFinite(e)) return String(e);
+	let n = $e(t.axisMin, t.axisMax), r = tt(n === null ? e : e / 10 ** n), i = t.topTickValue ?? t.axisMax;
+	return n !== null && e === i ? `${et(n)} ${r}` : r;
 }
 function rt(e) {
 	return Number.isFinite(e) ? Object.is(e, -0) ? "0" : Xe.format(e) : String(e);
@@ -662,29 +663,24 @@ function it(e) {
 function at(e, t) {
 	return t === "ms" ? e * 1e3 : e;
 }
-function ot(e, t, n) {
-	let [r, i] = t.map((e) => at(e, n));
-	return tt(at(e, n), {
-		axisMin: r,
-		axisMax: i
-	});
+function ot(e, t, n, r, i) {
+	let a = at(e, n);
+	return i ? i(a, {
+		kind: r,
+		rawValue: e,
+		timeUnit: n,
+		domain: [t[0], t[1]],
+		displayDomain: [at(t[0], n), at(t[1], n)]
+	}) : it(a);
 }
 function st(e, t, n) {
-	let r = at(e, t), i = n?.map((e) => at(e, t));
-	return tt(r, {
-		axisMin: i?.[0],
-		axisMax: i?.[1]
-	});
+	return ot(e, t, n, "end");
 }
-function ct(e, t) {
-	let [n, r] = e.map((e) => at(e, t));
-	return nt(n, r);
+function ct(e, t, n) {
+	return ot(e, n ?? [e, e], t, "tick");
 }
 function lt(e, t) {
-	return at(e, t).toLocaleString("zh-CN", {
-		minimumFractionDigits: 4,
-		maximumFractionDigits: 4
-	});
+	return rt(at(e, t));
 }
 function ut(e, t) {
 	return Number.isFinite(e) ? Ze(at(e, t), 3) : String(e);
@@ -1095,14 +1091,12 @@ function $t(e) {
 				a,
 				...c,
 				...s ? [o] : []
-			])), { exponentLabel: u, exponentWidth: d, tickTextWidth: f } = un(n.domain, !n.fixed), m = u ? d + 8 : 0, h = f + 7 + m + 6 + 24 + 4, g = n.side === "left" ? -p.left : t.width + p.right, _ = g + (n.side === "left" ? -(7 + f + 8) : 7 + f + 8), v = f + 7 + m + d + 6 + 24 / 2, y = g + (n.side === "left" ? -v : v);
-			return p[n.side] += h, {
+			])), { 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);
+			return p[n.side] += d, {
 				index: n.index,
 				side: n.side,
-				x: g,
-				labelX: y,
-				exponentX: _,
-				exponentLabel: u,
+				x: f,
+				labelX: h,
 				scale: r,
 				majorTicks: i,
 				minorTicks: Ke(i),
@@ -1110,12 +1104,12 @@ function $t(e) {
 				seriesList: n.seriesList
 			};
 		}), h = m[0]?.scale ?? B(o.yDomain, [t.plotHeight, 0]).nice(), g = u.ticks(Math.max(2, Math.floor(t.width / 100))), _ = m[0]?.majorTicks ?? [], v = m[0]?.tickValues ?? [], y = u.domain(), b = {
-			start: ot(y[0], y, e.timeUnit),
-			end: ot(y[1], y, e.timeUnit)
-		}, x = ct(y, e.timeUnit), S = b.start.length * 7 + 10, C = b.end.length * 7 + 10, w = g.filter((e) => {
+			start: ot(y[0], y, e.timeUnit, "start", e.xAxisLabelFormatter),
+			end: ot(y[1], y, e.timeUnit, "end", e.xAxisLabelFormatter)
+		}, x = b.start.length * 7 + 10, S = b.end.length * 7 + 10, C = g.filter((e) => {
 			let n = u(e);
-			return n > S && n < t.width - C;
-		}), T = o.visibleSeries.map((n) => {
+			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, {
 				lineVisible: !i && n.lineType !== "none",
 				pointVisible: n.pointType !== "none",
@@ -1154,11 +1148,10 @@ function $t(e) {
 			yMajorTicks: _,
 			yMinorTicks: m[0]?.minorTicks ?? [],
 			yAxisTickValues: v,
-			xAxisTickValues: w,
+			xAxisTickValues: C,
 			endpointLabels: b,
-			xAxisExponent: x,
-			path: T[0]?.path ?? null,
-			seriesPaths: T,
+			path: w[0]?.path ?? null,
+			seriesPaths: w,
 			gridLines: e.grid.trackLines[o.id] ?? {
 				horizontal: !0,
 				vertical: !0
@@ -1221,36 +1214,33 @@ function ln(e, t, n, r) {
 		} : e;
 	});
 }
-function un(e, t = !0) {
-	let n = B(e, [1, 0]);
-	t && n.nice();
-	let [r, i] = n.domain(), a = n.ticks(10), o = Math.max(1, ...a.map((e) => tt(e, {
-		axisMin: r,
-		axisMax: i
-	}).length)), s = nt(r, i);
-	return {
-		exponentLabel: s,
-		exponentWidth: s ? s.length * en : 0,
-		tickTextWidth: o * en
-	};
-}
-function dn(e, t) {
-	let { exponentLabel: n, exponentWidth: r } = un(e, t);
-	return n ? r + 8 : 0;
+function un(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([
+		i,
+		...r.ticks(10),
+		a
+	])), s = Math.max(...o);
+	return { tickTextWidth: Math.max(1, ...o.map((e) => nt(e, {
+		axisMin: i,
+		axisMax: a,
+		topTickValue: s
+	}).length)) * en };
+}
+function dn(e) {
+	return un(e.domain, !e.fixed).tickTextWidth + tn + rn + an + nn;
 }
 function fn(e) {
-	return un(e.domain, !e.fixed).tickTextWidth + dn(e.domain, !e.fixed) + tn + rn + an + nn;
+	return un(e.domain, !e.fixed).tickTextWidth + tn + nn;
 }
-function pn(e) {
-	return un(e.domain, !e.fixed).tickTextWidth + dn(e.domain, !e.fixed) + tn + nn;
-}
-function mn(e, t, n, r) {
-	return ln(e, t, n, r).reduce((n, r) => (n[r.side] += t === "multi-axis" || e.visibleSeries.length === 1 ? fn(r) : pn(r), n), {
+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), {
 		left: 0,
 		right: 0
 	});
 }
-function hn(e, t, n) {
+function mn(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;
@@ -1269,11 +1259,11 @@ function hn(e, t, n) {
 }
 //#endregion
 //#region src/components/annotation/useWaveformChartAnnotations.ts
-var gn = 0;
-function _n() {
-	return gn += 1, typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `annotation-${Date.now()}-${gn}`;
+var hn = 0;
+function gn() {
+	return hn += 1, typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `annotation-${Date.now()}-${hn}`;
 }
-function vn(e) {
+function _n(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;
@@ -1306,7 +1296,7 @@ function vn(e) {
 		};
 	}
 	function C(e, t, n) {
-		s.openCreate(e, _n, t), c.value = n;
+		s.openCreate(e, gn, 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",
@@ -1316,7 +1306,7 @@ function vn(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 ? ye(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 ? be(i.points, t.annotation.x, i.lineType) : null;
 		!t || !n || !r || !a || (t.annotation = {
 			...t.annotation,
 			seriesId: e,
@@ -1335,7 +1325,7 @@ function vn(e) {
 			let e = l.value[n];
 			return e?.hasVisibleSeries ? e : void 0;
 		}
-		return hn(l.value.filter((e) => e.hasVisibleSeries), e, t);
+		return mn(l.value.filter((e) => e.hasVisibleSeries), e, t);
 	}
 	function D(e, t) {
 		let n = e.currentTarget;
@@ -1344,7 +1334,7 @@ function vn(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: J(u(o), d, c, a),
+			candidates: q(u(o), d, c, a),
 			editorAnchor: x(e, t)
 		};
 	}
@@ -1394,7 +1384,7 @@ function vn(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 ? J(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 ? q(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;
@@ -1423,8 +1413,8 @@ function vn(e) {
 }
 //#endregion
 //#region src/components/interaction/useWaveformHover.ts
-var yn = N((e) => e.x);
-function bn(e) {
+var vn = N((e) => e.x);
+function yn(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;
@@ -1445,7 +1435,7 @@ function bn(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[yn.center(e.points, t)];
+	}, w = () => r.value ? (r.value = !1, y(), !0) : !1, T = (e, t) => e.points[vn.center(e.points, t)];
 	return {
 		cancelPendingHover: h,
 		clearHover: y,
@@ -1500,7 +1490,7 @@ function bn(e) {
 }
 //#endregion
 //#region src/components/interaction/useWaveformViewport.ts
-function xn(e) {
+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(() => {
 		let e = i.value;
 		if (!e) return null;
@@ -1652,7 +1642,7 @@ function xn(e) {
 }
 //#endregion
 //#region src/components/utils/useAnimationFrameThrottle.ts
-function Sn() {
+function xn() {
 	let e = null, t = null;
 	function n(n) {
 		t = n, e === null && (e = requestAnimationFrame(() => {
@@ -1681,8 +1671,8 @@ function Sn() {
 }
 //#endregion
 //#region src/components/interaction/useWaveformZoom.ts
-function Cn(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 = Sn(), 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 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) => {
 		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());
@@ -1778,7 +1768,7 @@ function Cn(e) {
 	}, H = (e, t) => {
 		if (e.type !== "wheel") return !1;
 		let n = e.deltaY;
-		return n < 0 ? t : n > 0 && W(e.currentTarget).k > mt.MIN_SCALE;
+		return n < 0 ? t : n > 0 && ae(e.currentTarget).k > mt.MIN_SCALE;
 	};
 	return {
 		cancelPendingZoom: F,
@@ -1815,13 +1805,13 @@ function Cn(e) {
 }
 //#endregion
 //#region src/components/core/useWaveformChartLifecycle.ts
-function wn(e) {
+function Cn(e) {
 	return e instanceof Element && !!e.closest("button, input, select, textarea, [contenteditable]:not([contenteditable=\"false\"])");
 }
-function Tn(e) {
+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 || wn(e.target) || (g.value = !0, e.preventDefault());
+		P.value || e.code !== "Space" || !t.pannable || !_.value || Cn(e.target) || (g.value = !0, e.preventDefault());
 	}
 	function ee(e) {
 		e.code === "Space" && (g.value = !1);
@@ -1912,7 +1902,7 @@ function Tn(e) {
 }
 //#endregion
 //#region src/components/core/useWaveformData.ts
-function En(e, t = !1) {
+function Tn(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);
@@ -1924,24 +1914,24 @@ function En(e, t = !1) {
 		hasErrorPoints: o
 	};
 }
-function Dn(e) {
+function En(e) {
 	return Mt(e).map((e) => {
-		let t = En(e.points, e.errorBar.visible);
+		let t = Tn(e.points, e.errorBar.visible);
 		return {
 			...e,
 			...t
 		};
 	});
 }
-function On(e, t) {
-	let n = x(Dn(e()));
+function Dn(e, t) {
+	let n = x(En(e()));
 	return E(e, (e) => {
-		n.value = Dn(e), t();
+		n.value = En(e), t();
 	}), n;
 }
 //#endregion
 //#region src/components/core/useWaveformLayout.ts
-function kn(e) {
+function On(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])
@@ -1963,25 +1953,14 @@ function kn(e) {
 			};
 		});
 	}), 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) => {
-			let t = B(e.domain, [1, 0]);
-			e.fixed || t.nice();
-			let [n, r] = t.domain();
-			return {
-				exponentLabel: nt(n, r),
-				tickLabels: t.ticks(10).map((e) => tt(e, {
-					axisMin: n,
-					axisMax: r
-				}))
-			};
-		}), t = Math.max(1, ...e.flatMap(({ tickLabels: e }) => e).map((e) => e.length)) * 7, r = Math.max(0, ...e.map(({ exponentLabel: e }) => (e?.length ?? 0) * 7)), i = r ? r + 8 : 0, a = t + 7 + i + 4, o = -(7 + t + i + 6 + 24 / 2);
+		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);
 		return {
-			tickClearance: a,
-			fullClearance: t + 7 + i + 6 + 24 + 4,
-			labelCenterX: o
+			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 = mn(t, n.overlayMode, n.yDomain, n.yDomains);
+		let r = pn(t, n.overlayMode, n.yDomain, n.yDomains);
 		return {
 			left: Math.max(e.left, r.left),
 			right: Math.max(e.right, r.right)
@@ -2025,6 +2004,7 @@ function kn(e) {
 			return n ? [[e.id, n]] : [];
 		})) : d.value,
 		timeUnit: n.timeUnit,
+		xAxisLabelFormatter: n.axes?.x?.labelFormatter,
 		rendering: _.value,
 		hideSecondaryLabels: c.value || O.value.hideSecondaryLabels,
 		yAxisLabelX: b.value.labelCenterX,
@@ -2056,7 +2036,7 @@ function kn(e) {
 		annotationLayoutsForTrack: V,
 		resolveSeriesYScale: H,
 		annotationTrackLayouts: ee,
-		renderedAnnotations: t(() => n.annotationsVisible ? he(n.annotations, ee.value, D.value, s.value) : []),
+		renderedAnnotations: t(() => n.annotationsVisible ? ge(n.annotations, ee.value, D.value, s.value) : []),
 		xAxisTitleY: t(() => s.value + 30 + 10),
 		editorSeries: t(() => {
 			let e = p.editorDraft.value?.annotation.seriesId, t = m.value.find((t) => t.id === e);
@@ -2072,13 +2052,13 @@ function kn(e) {
 		}
 	};
 }
-var An = 1e-6;
-function jn(e) {
+var kn = 1e-6;
+function An(e) {
 	return Number.isFinite(e) ? Math.max(1, e) : 1;
 }
-function Mn({ 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 > An && Math.abs(d - 360) > An)) {
+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)) {
 		let e = Math.max(1, Math.ceil(i / o)), t = o, n = a * e;
 		return {
 			textWidth: t,
@@ -2103,7 +2083,7 @@ function Mn({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r
 }
 //#endregion
 //#region src/components/core/useWaveformPresentation.ts
-function Nn(e) {
+function Mn(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`
@@ -2148,7 +2128,7 @@ function Nn(e) {
 		maxWidth: O.value ? "none" : `${j.value}px`,
 		whiteSpace: O.value ? "nowrap" : "normal",
 		overflowWrap: O.value ? "normal" : "anywhere"
-	})), N = t(() => Mn({
+	})), N = t(() => jn({
 		naturalWidth: a.value || A.value,
 		naturalHeight: o.value || E.value * 1.2,
 		availableWidth: j.value,
@@ -2199,10 +2179,10 @@ function Nn(e) {
 }
 //#endregion
 //#region src/components/core/useWaveformChartController.ts
-function Pn(e, t) {
+function Nn(e, t) {
 	e.value = t instanceof Element ? t : void 0;
 }
-function Fn(e, t) {
+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(U), p = x([]), m = v({}), h = v({}), g = b({
 		points: [],
 		trackIndex: null,
@@ -2210,11 +2190,11 @@ function Fn(e, t) {
 			x: 0,
 			y: 0
 		}
-	}), y = v(!1), S = v(1), w = x(), T = se("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ge(), A = v([]), j = Sn();
+	}), y = v(!1), S = v(1), w = x(), T = ce("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ge(), A = v([]), j = xn();
 	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 = On(() => e.data, () => F()), L = Nn({
+	let M = v(null), N = v(!1), P = v(!1), F = () => void 0, I = Dn(() => e.data, () => F()), L = Mn({
 		props: e,
 		observedWidth: o,
 		observedHeight: s,
@@ -2222,101 +2202,101 @@ function Fn(e, t) {
 		measuredTitleHeight: l,
 		internalHiddenSeriesIds: O,
 		paginationBandHeight: d
-	}), { chartWidth: R, chartHeight: z, isCleanView: B, isPresentationMode: V, hiddenSeriesIdSet: H, resolvedTitleText: ee, titleAreaReserved: te, titleMeasureStyle: ne, titleAreaHeight: re, chartTopMargin: ie, innerHeight: W } = L, ae = kn({
+	}), { chartWidth: R, chartHeight: z, isCleanView: B, isPresentationMode: V, hiddenSeriesIdSet: H, resolvedTitleText: ee, titleAreaReserved: te, titleMeasureStyle: ne, titleAreaHeight: re, chartTopMargin: ie, innerHeight: ae } = L, oe = On({
 		props: e,
 		preparedSeries: I,
 		currentPage: S,
 		hiddenSeriesIdSet: H,
 		chartWidth: R,
-		innerHeight: W,
+		innerHeight: ae,
 		isCleanView: B,
 		sharedTransform: f,
 		independentTransforms: p,
 		sharedYDomains: m,
 		independentYDomains: h,
 		annotationInteraction: u(k)
-	}), { chartSeries: G, chartTracks: oe, gridOptions: ce, pageCount: le, pagedTracks: ue, resolvedChartLeftMargin: de, innerWidth: K, hasChartArea: fe, activeInteractionMode: pe, isZoomMode: me, initialXDomain: he, sharedZoomDomain: ge, resolveInitialTrackDomain: q, trackLayouts: _e, annotationLayoutsForTrack: ve, resolveSeriesYScale: ye } = ae;
+	}), { chartSeries: W, chartTracks: se, gridOptions: le, pageCount: ue, pagedTracks: de, resolvedChartLeftMargin: fe, innerWidth: G, hasChartArea: pe, activeInteractionMode: me, isZoomMode: he, initialXDomain: ge, sharedZoomDomain: _e, resolveInitialTrackDomain: K, trackLayouts: ve, annotationLayoutsForTrack: ye, resolveSeriesYScale: be } = oe;
 	D(() => {
-		d.value = ce.value.showPagination && le.value > 1 && R.value <= 520 ? 40 : 0;
+		d.value = le.value.showPagination && ue.value > 1 && R.value <= 520 ? 40 : 0;
 	});
-	let J = Cn({
+	let q = Sn({
 		props: e,
 		emit: t,
 		svgElement: r,
 		sharedOverlayElement: a,
 		sharedTransform: f,
 		independentTransforms: p,
-		trackLayouts: _e,
-		initialXDomain: he,
-		sharedZoomDomain: ge,
-		innerWidth: K,
-		innerHeight: W,
-		hasChartArea: fe,
-		isZoomMode: me,
+		trackLayouts: ve,
+		initialXDomain: ge,
+		sharedZoomDomain: _e,
+		innerWidth: G,
+		innerHeight: ae,
+		hasChartArea: pe,
+		isZoomMode: he,
 		isPresentationMode: V,
-		resolveInitialTrackDomain: q,
-		cancelPendingHover: () => X.cancelPendingHover()
-	}), Y = vn({
+		resolveInitialTrackDomain: K,
+		cancelPendingHover: () => Y.cancelPendingHover()
+	}), J = _n({
 		props: e,
 		emit: t,
 		container: n,
-		chartSeries: G,
+		chartSeries: W,
 		hiddenSeriesIdSet: H,
 		internalHiddenSeriesIds: O,
 		annotationInteraction: k,
 		editorSeriesOptions: A,
-		trackLayouts: _e,
-		annotationLayoutsForTrack: ve,
-		resolveSeriesYScale: ye,
+		trackLayouts: ve,
+		annotationLayoutsForTrack: ye,
+		resolveSeriesYScale: be,
 		chartWidth: R,
 		chartHeight: z,
-		innerWidth: K,
-		resolvedChartLeftMargin: de,
+		innerWidth: G,
+		resolvedChartLeftMargin: fe,
 		titleAreaHeight: re,
 		chartTopMargin: ie,
-		activeInteractionMode: pe,
+		activeInteractionMode: me,
 		isPresentationMode: V
-	}), be = xn({
+	}), xe = bn({
 		props: e,
 		emit: t,
 		selection: M,
 		spacePressed: N,
-		trackLayouts: _e,
-		chartTracks: oe,
-		initialXDomain: he,
-		innerWidth: K,
-		innerHeight: W,
+		trackLayouts: ve,
+		chartTracks: se,
+		initialXDomain: ge,
+		innerWidth: G,
+		innerHeight: ae,
 		sharedOverlayElement: a,
 		sharedTransform: f,
 		independentTransforms: p,
 		sharedYDomains: m,
 		independentYDomains: h,
-		isZoomMode: me,
+		isZoomMode: he,
 		isPresentationMode: V,
 		editorSeriesOptions: A,
-		resolveInitialTrackDomain: q,
-		canZoomTrack: J.canZoomTrack,
-		canZoomSharedTracks: J.canZoomSharedTracks,
-		configureZoom: J.configureZoom,
-		cancelPendingZoom: J.cancelPendingZoom,
-		clearHover: () => X.clearHover(),
-		resolveTrackAtPointer: Y.resolveTrackAtPointer
-	}), X = bn({
+		resolveInitialTrackDomain: K,
+		canZoomTrack: q.canZoomTrack,
+		canZoomSharedTracks: q.canZoomSharedTracks,
+		configureZoom: q.configureZoom,
+		cancelPendingZoom: q.cancelPendingZoom,
+		clearHover: () => Y.clearHover(),
+		resolveTrackAtPointer: J.resolveTrackAtPointer
+	}), Y = yn({
 		emit: t,
 		hoverState: g,
 		suppressHoverUntilMove: y,
 		hoverThrottle: j,
 		selection: M,
-		trackLayouts: _e,
-		innerWidth: K,
-		resolvedChartLeftMargin: de,
+		trackLayouts: ve,
+		innerWidth: G,
+		resolvedChartLeftMargin: fe,
 		titleAreaHeight: re,
 		chartTopMargin: ie,
 		sharedOverlayElement: a,
 		isPresentationMode: V,
-		updateViewportDrag: be.updateViewportDrag,
-		resolveTrackAtPointer: Y.resolveTrackAtPointer
-	}), xe = Tn({
+		updateViewportDrag: xe.updateViewportDrag,
+		resolveTrackAtPointer: J.resolveTrackAtPointer
+	}), Se = wn({
 		props: e,
 		emit: t,
 		container: n,
@@ -2332,14 +2312,14 @@ function Fn(e, t) {
 		spacePressed: N,
 		pointerInsideChart: P,
 		currentPage: S,
-		pageCount: le,
-		pagedTracks: ue,
-		gridOptions: ce,
-		chartSeries: G,
-		chartTracks: oe,
-		innerWidth: K,
-		innerHeight: W,
-		activeInteractionMode: pe,
+		pageCount: ue,
+		pagedTracks: de,
+		gridOptions: le,
+		chartSeries: W,
+		chartTracks: se,
+		innerWidth: G,
+		innerHeight: ae,
+		activeInteractionMode: me,
 		hiddenSeriesIdSet: H,
 		internalHiddenSeriesIds: O,
 		independentTransforms: p,
@@ -2347,21 +2327,21 @@ function Fn(e, t) {
 		annotationInteraction: k,
 		editorSeriesOptions: A,
 		isPresentationMode: V,
-		clearHover: X.clearHover,
-		cancelAnnotation: Y.cancelAnnotation,
-		configureZoom: J.configureZoom,
-		resetViewport: be.resetViewport,
-		cancelViewportDrag: be.cancelViewportDrag,
-		cancelPendingHover: X.cancelPendingHover,
-		clearZoomBindings: J.clearZoomBindings
+		clearHover: Y.clearHover,
+		cancelAnnotation: J.cancelAnnotation,
+		configureZoom: q.configureZoom,
+		resetViewport: xe.resetViewport,
+		cancelViewportDrag: xe.cancelViewportDrag,
+		cancelPendingHover: Y.cancelPendingHover,
+		clearZoomBindings: q.clearZoomBindings
 	});
-	return F = xe.handleDataReferenceChange, _({
+	return F = Se.handleDataReferenceChange, _({
 		...C(e),
 		...L,
-		...ae,
+		...oe,
+		...J,
+		...xe,
 		...Y,
-		...be,
-		...X,
 		margin: pt,
 		getPageSize: qt,
 		currentPage: S,
@@ -2373,32 +2353,32 @@ function Fn(e, t) {
 		contextMenu: k.contextMenu,
 		editorSeriesOptions: A,
 		clipPathId: T,
-		goToPage: xe.goToPage,
-		setContainer: (e) => Pn(n, e),
-		setSvgElement: (e) => Pn(r, e),
-		setTitleMeasureElement: (e) => Pn(i, e),
-		setSharedOverlayElement: (e) => Pn(a, e)
+		goToPage: Se.goToPage,
+		setContainer: (e) => Nn(n, e),
+		setSvgElement: (e) => Nn(r, e),
+		setTitleMeasureElement: (e) => Nn(i, e),
+		setSharedOverlayElement: (e) => Nn(a, e)
 	});
 }
 //#endregion
 //#region src/components/annotation/WaveformAnnotationEditor.vue?vue&type=script&setup=true&lang.ts
-var In = ["aria-labelledby"], Ln = { class: "waveform-annotation-editor__panel" }, Rn = { class: "waveform-annotation-editor__header" }, zn = ["id"], Bn = {
+var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel" }, Ln = { class: "waveform-annotation-editor__header" }, Rn = ["id"], zn = {
 	class: "waveform-annotation-editor__coordinates",
 	"aria-label": "标注坐标"
-}, Vn = {
+}, Bn = {
 	key: 0,
 	class: "waveform-annotation-editor__series",
 	"aria-label": "标注所属波形"
-}, Hn = { class: "waveform-annotation-editor__series-label" }, Un = ["value"], Wn = ["value"], Gn = { key: 1 }, Kn = { class: "waveform-annotation-editor__field" }, qn = { class: "waveform-annotation-editor__label-row" }, Jn = ["maxlength"], Yn = { class: "waveform-annotation-editor__colors" }, Xn = {
+}, 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 = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注边框色和透明度"
-}, Zn = {
+}, Xn = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注文字色和透明度"
-}, Qn = {
+}, Zn = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注背景色和透明度"
-}, $n = { class: "waveform-annotation-editor__actions" }, er = ["disabled"], tr = /*#__PURE__*/ Z(/* @__PURE__ */ c({
+}, Qn = { class: "waveform-annotation-editor__actions" }, $n = ["disabled"], er = /*#__PURE__*/ X(/* @__PURE__ */ c({
 	__name: "WaveformAnnotationEditor",
 	props: {
 		annotation: {},
@@ -2413,7 +2393,7 @@ var In = ["aria-labelledby"], Ln = { class: "waveform-annotation-editor__panel"
 		"series-change"
 	],
 	setup(n, { emit: o }) {
-		let c = n, l = o, u = v(), f = se("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 = ce("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,
@@ -2423,7 +2403,7 @@ var In = ["aria-labelledby"], Ln = { class: "waveform-annotation-editor__panel"
 			} : c.series;
 		});
 		function A() {
-			let e = xe(c.annotation.style);
+			let e = Se(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 });
@@ -2451,21 +2431,21 @@ var In = ["aria-labelledby"], Ln = { class: "waveform-annotation-editor__panel"
 			"aria-modal": "true",
 			"aria-labelledby": w(f),
 			onClick: n[6] ||= k((e) => l("cancel"), ["self"])
-		}, [a("section", Ln, [
-			a("header", Rn, [a("div", null, [a("h2", { id: w(f) }, S(c.mode === "add" ? "添加标注" : "编辑标注"), 9, zn)]), a("button", {
+		}, [a("section", In, [
+			a("header", Ln, [a("div", null, [a("h2", { id: w(f) }, S(c.mode === "add" ? "添加标注" : "编辑标注"), 9, Rn)]), a("button", {
 				type: "button",
 				class: "waveform-annotation-editor__close",
 				"aria-label": "关闭标注编辑器",
 				title: "关闭",
 				onClick: n[0] ||= (e) => l("cancel")
 			}, " × ")]),
-			a("div", Bn, [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", Vn, [
+			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("i", {
 					style: p({ backgroundColor: D.value.color }),
 					"aria-hidden": "true"
 				}, null, 4),
-				a("span", Hn, [n[8] ||= a("small", null, "标注波形", -1), a("b", null, S(D.value.name), 1)]),
+				a("span", Vn, [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,
@@ -2474,9 +2454,9 @@ var In = ["aria-labelledby"], Ln = { 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, Wn))), 128))], 40, Un)) : D.value.unit ? (g(), i("code", Gn, S(D.value.unit), 1)) : r("", !0)
+				}, 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)
 			])) : r("", !0),
-			a("label", Kn, [a("span", qn, [n[9] ||= a("b", null, "标注文本", -1), a("small", null, S(C.value) + "/" + S(w(40)), 1)]), O(a("textarea", {
+			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", {
 				ref_key: "textarea",
 				ref: u,
 				"onUpdate:modelValue": n[1] ||= (e) => m.value = e,
@@ -2485,10 +2465,10 @@ var In = ["aria-labelledby"], Ln = { class: "waveform-annotation-editor__panel"
 				"aria-label": "标注文本",
 				placeholder: "输入这处波形的说明",
 				onKeydown: M
-			}, null, 40, Jn), [[T, m.value]])]),
-			a("fieldset", Yn, [
+			}, null, 40, qn), [[T, m.value]])]),
+			a("fieldset", Jn, [
 				n[13] ||= a("legend", null, "颜色与透明度", -1),
-				a("label", Xn, [n[10] ||= a("span", null, "边框色", -1), s(w(G), {
+				a("label", Yn, [n[10] ||= a("span", null, "边框色", -1), s(w(W), {
 					"pure-color": h.value,
 					"onUpdate:pureColor": n[2] ||= (e) => h.value = e,
 					"aria-label": "标注边框色",
@@ -2498,7 +2478,7 @@ var In = ["aria-labelledby"], Ln = { class: "waveform-annotation-editor__panel"
 					"disable-alpha": !1,
 					"blur-close": !0
 				}, null, 8, ["pure-color"])]),
-				a("label", Zn, [n[11] ||= a("span", null, "文字色", -1), s(w(G), {
+				a("label", Xn, [n[11] ||= a("span", null, "文字色", -1), s(w(W), {
 					"pure-color": _.value,
 					"onUpdate:pureColor": n[3] ||= (e) => _.value = e,
 					"aria-label": "标注文字色",
@@ -2508,7 +2488,7 @@ var In = ["aria-labelledby"], Ln = { class: "waveform-annotation-editor__panel"
 					"disable-alpha": !1,
 					"blur-close": !0
 				}, null, 8, ["pure-color"])]),
-				a("label", Qn, [n[12] ||= a("span", null, "背景色", -1), s(w(G), {
+				a("label", Zn, [n[12] ||= a("span", null, "背景色", -1), s(w(W), {
 					"pure-color": b.value,
 					"onUpdate:pureColor": n[4] ||= (e) => b.value = e,
 					"aria-label": "标注背景色",
@@ -2519,7 +2499,7 @@ var In = ["aria-labelledby"], Ln = { class: "waveform-annotation-editor__panel"
 					"blur-close": !0
 				}, null, 8, ["pure-color"])])
 			]),
-			a("footer", $n, [a("button", {
+			a("footer", Qn, [a("button", {
 				type: "button",
 				onClick: n[5] ||= (e) => l("cancel")
 			}, "取消"), a("button", {
@@ -2527,10 +2507,10 @@ var In = ["aria-labelledby"], Ln = { class: "waveform-annotation-editor__panel"
 				class: "is-primary",
 				disabled: !x.value,
 				onClick: j
-			}, " 保存标注 ", 8, er)])
-		])], 8, In));
+			}, " 保存标注 ", 8, $n)])
+		])], 8, Fn));
 	}
-}), [["__scopeId", "data-v-52818b45"]]), nr = { class: "waveform-tooltip__time waveform-chart__tooltip-time" }, rr = { key: 0 }, ir = { class: "waveform-tooltip__value" }, ar = { key: 0 }, or = 12, sr = 8, cr = 238, lr = /*#__PURE__*/ Z(/* @__PURE__ */ c({
+}), [["__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__*/ X(/* @__PURE__ */ c({
 	__name: "WaveformTooltip",
 	props: {
 		visible: { type: Boolean },
@@ -2544,9 +2524,9 @@ var In = ["aria-labelledby"], Ln = { class: "waveform-annotation-editor__panel"
 	setup(n) {
 		let s = n, c = t(() => {
 			if (!s.visible || !s.hoveredPoint) return { display: "none" };
-			let e = 44 + s.seriesPoints.length * 22, t = s.position.x + or, n = s.position.x - or - cr;
+			let e = 44 + s.seriesPoints.length * 22, t = s.position.x + ar, n = s.position.x - ar - sr;
 			return {
-				...t + cr <= s.containerWidth - sr ? { left: `${t}px` } : n >= sr ? { right: `${s.containerWidth - s.position.x + or}px` } : { left: `${sr}px` },
+				...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`
 			};
 		});
@@ -2558,16 +2538,16 @@ var In = ["aria-labelledby"], Ln = { class: "waveform-annotation-editor__panel"
 			key: 0,
 			class: "waveform-tooltip waveform-chart__tooltip",
 			style: p(c.value)
-		}, [a("span", nr, S(n.timeUnit) + ": " + S(w(lt)(n.hoveredPoint.x, n.timeUnit)), 1), (g(!0), i(e, null, y(n.seriesPoints, (e) => (g(), i("span", {
+		}, [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", {
 			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", rr, S(e.name) + ":", 1)) : r("", !0),
-			a("span", ir, [o(S(w(rt)(e.point.y)) + S(e.unit ? ` ${e.unit}` : "") + " ", 1), l(e.point) ? (g(), i("small", ar, S(l(e.point)), 1)) : r("", !0)])
+			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);
 	}
-}), [["__scopeId", "data-v-b8b5592a"]]), ur = /* @__PURE__ */ c({
+}), [["__scopeId", "data-v-b8b5592a"]]), lr = /* @__PURE__ */ c({
 	__name: "WaveformHoverHost",
 	props: {
 		state: {},
@@ -2578,7 +2558,7 @@ var In = ["aria-labelledby"], Ln = { class: "waveform-annotation-editor__panel"
 	},
 	setup(e) {
 		let r = e, i = t(() => r.state.points[0]?.point ?? null);
-		return (t, r) => (g(), n(lr, {
+		return (t, r) => (g(), n(cr, {
 			visible: e.visible && i.value !== null,
 			position: e.state.position,
 			"time-unit": e.timeUnit,
@@ -2596,16 +2576,16 @@ var In = ["aria-labelledby"], Ln = { class: "waveform-annotation-editor__panel"
 			"container-height"
 		]));
 	}
-}), dr = 13, fr = 2, pr = 14, mr = 8, hr = 24, gr = {
+}), ur = 13, dr = 2, fr = 14, pr = 8, mr = 24, hr = {
 	circle: ee,
 	square: ne,
 	triangle: re,
 	diamond: te
 };
-function _r(e, t = 48) {
-	return e === "none" ? null : H().type(gr[e]).size(t)() ?? null;
+function gr(e, t = 48) {
+	return e === "none" ? null : H().type(hr[e]).size(t)() ?? null;
 }
-function vr(e, t, n = 48) {
+function _r(e, t, n = 48) {
 	if (e === "none" || t.length === 0) return null;
 	if (e === "circle") {
 		let e = Math.sqrt(n / Math.PI);
@@ -2622,24 +2602,24 @@ function vr(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 yr(e) {
+function vr(e) {
 	return e === "none" ? null : "M1 8H25";
 }
-function br(e) {
+function yr(e) {
 	if (e === "dashed") return "8 5";
 	if (e === "dash-dot") return "8 5 1.5 5";
 }
-function xr(e) {
-	let t = (Number.isFinite(e) && e > 0 ? Math.min(e, hr) : mr) / 2, n = dr - t, r = dr + t;
+function br(e) {
+	let t = (Number.isFinite(e) && e > 0 ? Math.min(e, mr) : pr) / 2, n = ur - t, r = ur + t;
 	return [
-		`M${n} ${fr}H${r}`,
-		`M${dr} ${fr}V${pr}`,
-		`M${n} ${pr}H${r}`
+		`M${n} ${dr}H${r}`,
+		`M${ur} ${dr}V${fr}`,
+		`M${n} ${fr}H${r}`
 	].join("");
 }
 //#endregion
 //#region src/components/rendering/WaveformSeriesLayer.vue?vue&type=script&setup=true&lang.ts
-var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
+var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
 	"data-series-id",
 	"data-series-name",
 	"data-y-axis-index",
@@ -2648,11 +2628,11 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 	"d",
 	"stroke",
 	"stroke-dasharray"
-], Tr = ["data-series-id"], Er = [
+], wr = ["data-series-id"], Tr = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Dr = ["data-series-id", "data-point-type"], Or = ["d", "fill"], kr = /*#__PURE__*/ Z(/* @__PURE__ */ c({
+], Er = ["data-series-id", "data-point-type"], Dr = ["d", "fill"], Or = /*#__PURE__*/ X(/* @__PURE__ */ c({
 	__name: "WaveformSeriesLayer",
 	props: {
 		track: {},
@@ -2660,7 +2640,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 	},
 	setup(n) {
 		let a = n, o = t(() => a.track.seriesPaths.map((e) => {
-			let t = vr(e.series.pointType, e.pointRenderPoints.map((t) => ({
+			let t = _r(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) => {
@@ -2697,8 +2677,8 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				"data-line-style": e.series.lineStyle,
 				d: e.path,
 				stroke: e.series.color,
-				"stroke-dasharray": w(br)(e.series.lineStyle)
-			}, null, 8, wr)) : r("", !0),
+				"stroke-dasharray": w(yr)(e.series.lineStyle)
+			}, null, 8, Cr)) : r("", !0),
 			e.series.errorBar.visible ? (g(), i("g", {
 				key: 1,
 				class: "waveform-track__error-bars waveform-chart__error-bars",
@@ -2709,7 +2689,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				d: e.errorBarPath,
 				stroke: e.series.errorBar.color || e.series.color,
 				"stroke-width": e.series.errorBar.width
-			}, null, 8, Er)) : r("", !0)], 8, Tr)) : r("", !0),
+			}, null, 8, Tr)) : r("", !0)], 8, wr)) : r("", !0),
 			e.series.pointType === "none" ? r("", !0) : (g(), i("g", {
 				key: 2,
 				class: "waveform-track__points waveform-chart__points",
@@ -2720,24 +2700,20 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				class: "waveform-track__point waveform-chart__point",
 				d: e.pointPath,
 				fill: e.series.color
-			}, null, 8, Or)) : r("", !0)], 8, Dr))
-		], 8, Cr))), 128))], 8, Sr)) : r("", !0);
+			}, null, 8, Dr)) : r("", !0)], 8, Er))
+		], 8, Sr))), 128))], 8, xr)) : r("", !0);
 	}
-}), [["__scopeId", "data-v-42a3fd47"]]), Ar = ["transform"], jr = ["transform"], Mr = {
+}), [["__scopeId", "data-v-42a3fd47"]]), kr = ["transform"], Ar = ["transform"], jr = {
 	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"
-}, Nr = ["x"], Pr = ["x", "y"], Fr = [
+}, Mr = ["x"], Nr = [
 	"data-y-axis-index",
 	"data-y-axis-side",
 	"transform"
-], Ir = [
-	"data-y-axis-index",
-	"x",
-	"text-anchor"
-], Lr = { key: 3 }, Rr = ["x", "y"], zr = ["fill", "transform"], Br = ["data-y-axis-title-index"], Vr = ["x", "y"], Hr = ["fill", "transform"], Ur = /* @__PURE__ */ c({
+], Pr = { key: 2 }, Fr = ["x", "y"], Ir = ["fill", "transform"], Lr = ["data-y-axis-title-index"], Rr = ["x", "y"], zr = ["fill", "transform"], Br = /* @__PURE__ */ c({
 	__name: "WaveformTrackAxes",
 	props: {
 		track: {},
@@ -2766,14 +2742,15 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 			if (n.track.yAxes.forEach((e, t) => {
 				let r = s.value[t];
 				if (!r) return;
-				let [i, a] = e.scale.domain(), o = (e.side === "left" ? j(e.scale) : M(e.scale)).tickFormat((e) => tt(Number(e), {
+				let [i, a] = e.scale.domain(), o = Math.max(...e.tickValues), c = (e.side === "left" ? j(e.scale) : M(e.scale)).tickFormat((e) => nt(Number(e), {
 					axisMin: i,
-					axisMax: a
-				})).tickSize(-4).tickPadding(7).tickSizeOuter(0).tickValues(e.tickValues), c = V(r);
-				c.call(o), c.selectAll("path.domain").attr("display", n.axes?.y?.lineVisible === !1 ? "none" : null);
+					axisMax: a,
+					topTickValue: o
+				})).tickSize(-4).tickPadding(7).tickSizeOuter(0).tickValues(e.tickValues), l = V(r);
+				l.call(c), l.selectAll("path.domain").attr("display", n.axes?.y?.lineVisible === !1 ? "none" : null);
 			}), !o.value) return;
 			let e = V(o.value);
-			e.call(A(n.track.xScale).tickValues(n.track.xAxisTickValues).tickFormat((e) => st(Number(e), n.timeUnit, n.track.xScale.domain())).tickSize(-4).tickPadding(7).tickSizeOuter(0)), e.selectAll("path.domain").attr("display", n.axes?.x?.lineVisible === !1 ? "none" : null);
+			e.call(A(n.track.xScale).tickValues(n.track.xAxisTickValues).tickFormat((e) => ot(Number(e), n.track.xScale.domain(), n.timeUnit, "tick", n.axes?.x?.labelFormatter)).tickSize(-4).tickPadding(7).tickSizeOuter(0)), e.selectAll("path.domain").attr("display", n.axes?.x?.lineVisible === !1 ? "none" : null);
 		}
 		return h(async () => {
 			await d(), m();
@@ -2783,6 +2760,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 			() => n.track.xAxisTickValues,
 			() => n.track.yAxisTickValues,
 			() => n.timeUnit,
+			() => n.axes?.x?.labelFormatter,
 			() => n.axes?.x?.lineVisible,
 			() => n.axes?.y?.lineVisible
 		], async () => {
@@ -2794,7 +2772,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				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, Ar)) : r("", !0),
+			}, null, 10, kr)) : r("", !0),
 			t.track.showXAxis ? (g(), i("g", {
 				key: 1,
 				class: "waveform-track__axis-endpoints waveform-chart__axis-endpoints",
@@ -2802,21 +2780,13 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				"font-family": "sans-serif",
 				"font-size": "10",
 				"aria-hidden": "true"
-			}, [a("text", Mr, S(t.track.endpointLabels.start), 1), a("text", {
+			}, [a("text", jr, 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, Nr)], 8, jr)) : r("", !0),
-			t.track.showXAxis && t.track.xAxisExponent ? (g(), i("text", {
-				key: 2,
-				class: "waveform-track__axis-exponent waveform-track__axis-exponent--x waveform-chart__axis-exponent waveform-chart__axis-exponent--x",
-				x: t.track.width ?? t.innerWidth,
-				y: t.track.height + 27,
-				"text-anchor": "end",
-				"aria-hidden": "true"
-			}, S(t.track.xAxisExponent), 9, Pr)) : r("", !0),
+			}, S(t.track.endpointLabels.end), 9, Mr)], 8, Ar)) : 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,
@@ -2825,31 +2795,21 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				"data-y-axis-index": e.index,
 				"data-y-axis-side": e.side,
 				transform: `translate(${e.x}, 0)`
-			}, null, 10, Fr))), 128)),
-			(g(!0), i(e, null, y(t.track.isEmpty ? [] : t.track.yAxes.filter((e) => e.exponentLabel), (e) => (g(), i("text", {
-				key: `y-axis-exponent-${t.track.index}-${e.index}`,
-				class: "waveform-track__axis-exponent waveform-track__axis-exponent--y waveform-chart__axis-exponent waveform-chart__axis-exponent--y",
-				"data-y-axis-index": e.index,
-				x: e.exponentX,
-				y: "0",
-				dy: "0.32em",
-				"text-anchor": e.side === "left" ? "end" : "start",
-				"aria-hidden": "true"
-			}, S(e.exponentLabel), 9, Ir))), 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", Lr, [a("rect", {
+			}, 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", {
 				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, Rr), a("text", {
+			}, null, 8, Fr), 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, zr)])) : r("", !0),
+			}, S(c(t.track.series)), 9, Ir)])) : 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",
@@ -2861,40 +2821,40 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				width: "24",
 				height: "80",
 				rx: "2"
-			}, null, 8, Vr), a("text", {
+			}, null, 8, Rr), 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, Hr)], 8, Br))), 128))
+			}, S(c(e.seriesList[0])), 9, zr)], 8, Lr))), 128))
 		], 64));
 	}
-}), Wr = [
+}), Vr = [
 	"width",
 	"height",
 	"fill"
-], Gr = ["clip-path"], Kr = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, qr = [
+], Hr = ["clip-path"], Ur = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, Wr = [
 	"stroke",
 	"x1",
 	"x2",
 	"y2"
-], Jr = [
+], Gr = [
 	"stroke",
 	"x2",
 	"y1",
 	"y2"
-], Yr = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, Xr = [
+], Kr = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, qr = [
 	"stroke",
 	"x1",
 	"x2",
 	"y2"
-], Zr = [
+], Jr = [
 	"stroke",
 	"x2",
 	"y1",
 	"y2"
-], Qr = ["clip-path"], $r = [
+], Yr = ["clip-path"], Xr = [
 	"data-y-axis-index",
 	"x2",
 	"y1",
@@ -2902,7 +2862,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], ei = ["x", "y"], ti = /* @__PURE__ */ c({
+], Zr = ["x", "y"], Qr = /* @__PURE__ */ c({
 	__name: "WaveformTrackBackdrop",
 	props: {
 		track: {},
@@ -2927,12 +2887,12 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				height: t.track.height,
 				fill: t.frameStyle.backgroundColor,
 				"aria-hidden": "true"
-			}, null, 8, Wr)) : r("", !0),
+			}, null, 8, Vr)) : 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", Kr, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMinorTicks, (e) => (g(), i("line", {
+			}, [a("g", Ur, [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,
@@ -2940,7 +2900,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				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.yMinorTicks, (e) => (g(), i("line", {
+			}, null, 8, Wr))), 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,
@@ -2948,7 +2908,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				x2: t.track.width ?? t.innerWidth,
 				y1: t.track.yScale(e),
 				y2: t.track.yScale(e)
-			}, null, 8, Jr))), 128)) : r("", !0)]), a("g", Yr, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMajorTicks, (e) => (g(), i("line", {
+			}, 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", {
 				key: `x-major-${t.track.index}-${e}`,
 				"data-grid-direction": "vertical",
 				stroke: t.track.gridLines.verticalColor,
@@ -2956,7 +2916,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				x2: t.track.xScale(e),
 				y1: "0",
 				y2: t.track.height
-			}, null, 8, Xr))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMajorTicks, (e) => (g(), i("line", {
+			}, null, 8, qr))), 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,
@@ -2964,7 +2924,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				x2: t.track.width ?? t.innerWidth,
 				y1: t.track.yScale(e),
 				y2: t.track.yScale(e)
-			}, null, 8, Zr))), 128)) : r("", !0)])], 8, Gr)) : r("", !0),
+			}, null, 8, Jr))), 128)) : r("", !0)])], 8, Hr)) : 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",
@@ -2981,7 +2941,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				stroke: t.zeroLine.color,
 				"stroke-width": t.zeroLine.width,
 				"stroke-dasharray": t.zeroLine.dash || void 0
-			}, null, 8, $r))], 64))), 128))], 8, Qr)) : r("", !0),
+			}, null, 8, Xr))], 64))), 128))], 8, Yr)) : 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",
@@ -2991,10 +2951,10 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				"text-anchor": "middle",
 				"dominant-baseline": "central",
 				"aria-hidden": "true"
-			}, S(t.frameNumber), 13, ei)) : r("", !0)
+			}, S(t.frameNumber), 13, Zr)) : r("", !0)
 		], 64));
 	}
-}), ni = [
+}), $r = [
 	"data-track-index",
 	"data-track-empty",
 	"data-track-left",
@@ -3003,19 +2963,19 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 	"data-track-top",
 	"data-track-height",
 	"transform"
-], ri = [
+], ei = [
 	"width",
 	"height",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray",
 	"stroke-linecap"
-], ii = [
+], ti = [
 	"data-interactive",
 	"data-independent-overlay-index",
 	"width",
 	"height"
-], ai = ["x", "y"], oi = /* @__PURE__ */ c({
+], ni = ["x", "y"], ri = /* @__PURE__ */ c({
 	__name: "WaveformTrack",
 	props: {
 		track: {},
@@ -3074,7 +3034,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 			"data-track-height": e.track.height,
 			transform: `translate(${e.track.left ?? 0}, ${e.track.top})`
 		}, [
-			s(ti, {
+			s(Qr, {
 				track: e.track,
 				"clip-path-id": e.clipPathId,
 				"inner-width": e.innerWidth,
@@ -3091,7 +3051,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				"frame-style",
 				"zero-line"
 			]),
-			s(Ur, {
+			s(Br, {
 				track: e.track,
 				"inner-width": e.innerWidth,
 				"clean-view": e.cleanView,
@@ -3117,8 +3077,8 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				"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, ri)),
-			s(kr, {
+			}, null, 8, ei)),
+			s(Or, {
 				track: e.track,
 				"clip-path-id": e.clipPathId
 			}, null, 8, ["track", "clip-path-id"]),
@@ -3140,7 +3100,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				onPointerleave: n[4] ||= (e) => o("pointer-leave"),
 				onClick: n[5] ||= (e) => o("click", e),
 				onContextmenu: n[6] ||= (e) => o("contextmenu", e)
-			}, null, 42, ii)) : r("", !0),
+			}, null, 42, ti)) : r("", !0),
 			!e.track.isEmpty && !e.track.hasVisibleSeries && !e.cleanView ? (g(), i("text", {
 				key: 2,
 				class: "waveform-track__no-visible-series",
@@ -3148,33 +3108,33 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				y: e.track.height / 2,
 				"text-anchor": "middle",
 				"dominant-baseline": "central"
-			}, " 暂无可见曲线 ", 8, ai)) : r("", !0)
-		], 10, ni));
+			}, " 暂无可见曲线 ", 8, ni)) : r("", !0)
+		], 10, $r));
 	}
-}), si = [
+}), ii = [
 	"width",
 	"height",
 	"data-position",
 	"data-orientation"
-], ci = [
+], ai = [
 	"disabled",
 	"aria-pressed",
 	"aria-label",
 	"onClick"
-], li = [
+], oi = [
 	"data-line-type",
 	"data-line-style",
 	"data-point-type",
 	"data-error-bar-visible"
-], ui = [
+], si = [
 	"d",
 	"stroke",
 	"stroke-dasharray"
-], di = [
+], ci = [
 	"d",
 	"stroke",
 	"stroke-width"
-], fi = ["d", "fill"], pi = ["title"], mi = /*#__PURE__*/ Z(/* @__PURE__ */ c({
+], li = ["d", "fill"], ui = ["title"], di = /*#__PURE__*/ X(/* @__PURE__ */ c({
 	__name: "WaveformLegend",
 	props: {
 		series: {},
@@ -3232,45 +3192,45 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 			"data-point-type": e.pointType,
 			"data-error-bar-visible": e.errorBar.visible || void 0
 		}, [
-			w(yr)(e.lineType) ? (g(), i("path", {
+			w(vr)(e.lineType) ? (g(), i("path", {
 				key: 0,
 				class: "waveform-legend__line",
-				d: w(yr)(e.lineType) ?? void 0,
+				d: w(vr)(e.lineType) ?? void 0,
 				stroke: e.color,
-				"stroke-dasharray": w(br)(e.lineStyle),
+				"stroke-dasharray": w(yr)(e.lineStyle),
 				"stroke-width": "1.5",
 				fill: "none"
-			}, null, 8, ui)) : r("", !0),
+			}, null, 8, si)) : r("", !0),
 			e.errorBar.visible ? (g(), i("path", {
 				key: 1,
 				class: "waveform-legend__error-bar",
-				d: w(xr)(e.errorBar.capWidth),
+				d: w(br)(e.errorBar.capWidth),
 				stroke: e.errorBar.color || e.color,
 				"stroke-width": e.errorBar.width,
 				"stroke-linecap": "butt",
 				fill: "none"
-			}, null, 8, di)) : r("", !0),
+			}, null, 8, ci)) : r("", !0),
 			e.pointType === "none" ? r("", !0) : (g(), i("path", {
 				key: 2,
 				class: "waveform-legend__point",
-				d: w(_r)(e.pointType, 30) ?? void 0,
+				d: w(gr)(e.pointType, 30) ?? void 0,
 				fill: e.color,
 				transform: "translate(13 8)"
-			}, null, 8, fi))
-		], 8, li)), a("span", {
+			}, null, 8, li))
+		], 8, oi)), a("span", {
 			class: "waveform-legend__label",
 			title: e.name
-		}, S(e.name), 9, pi)], 10, ci))), 128))], 6)], 2)], 8, si));
+		}, S(e.name), 9, ui)], 10, ai))), 128))], 6)], 2)], 8, ii));
 	}
-}), [["__scopeId", "data-v-2ae12e71"]]), hi = {
+}), [["__scopeId", "data-v-2ae12e71"]]), fi = {
 	class: "waveform-chart__hover-layer",
 	"pointer-events": "none",
 	"aria-hidden": "true"
-}, gi = ["clip-path", "transform"], _i = [
+}, pi = ["clip-path", "transform"], mi = [
 	"x1",
 	"x2",
 	"y2"
-], vi = /*#__PURE__*/ Z(/* @__PURE__ */ c({
+], hi = /*#__PURE__*/ X(/* @__PURE__ */ c({
 	__name: "WaveformHoverLayer",
 	props: {
 		state: {},
@@ -3293,7 +3253,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				}] : [];
 			});
 		});
-		return (t, r) => (g(), i("g", hi, [(g(!0), i(e, null, y(o.value, (e) => (g(), i("g", {
+		return (t, r) => (g(), i("g", fi, [(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})`,
@@ -3303,44 +3263,44 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 			x2: e.x,
 			y1: "0",
 			y2: e.track.height
-		}, null, 8, _i)], 8, gi))), 128))]));
+		}, null, 8, mi)], 8, pi))), 128))]));
 	}
-}), [["__scopeId", "data-v-a6f82099"]]), yi = [
+}), [["__scopeId", "data-v-a6f82099"]]), gi = [
 	"data-display-mode",
 	"data-interaction-mode",
 	"data-presentation-mode",
 	"data-overlay-mode",
 	"data-chart-left-margin",
 	"data-title-area-height"
-], bi = [
+], _i = [
 	"role",
 	"aria-level",
 	"aria-hidden"
-], xi = ["data-title-scale", "data-title-wrapped"], Si = [
+], vi = ["data-title-scale", "data-title-wrapped"], yi = [
 	"width",
 	"height",
 	"aria-label"
-], Ci = ["id"], wi = ["width", "height"], Ti = ["transform"], Ei = {
+], bi = ["id"], xi = ["width", "height"], Si = ["transform"], Ci = {
 	key: 0,
 	class: "waveform-chart__grid-slots",
 	"aria-hidden": "true"
-}, Di = ["transform"], Oi = ["width", "height"], ki = ["width", "height"], Ai = [
+}, wi = ["transform"], Ti = ["width", "height"], Ei = ["width", "height"], Di = [
 	"x",
 	"y",
 	"width",
 	"height"
-], ji = {
+], Oi = {
 	key: 4,
 	class: "waveform-chart__legend-layer"
-}, Mi = [
+}, ki = [
 	"data-legend-track-index",
 	"data-legend-track-id",
 	"transform"
-], Ni = ["x", "y"], Pi = ["x", "y"], Fi = /* @__PURE__ */ c({
+], Ai = ["x", "y"], ji = ["x", "y"], Mi = /* @__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, pointerInsideChart: b, handleNativeContextMenu: x, titleAreaReserved: T, titleAreaStyle: E, titleVisible: D, titleMeasureStyle: O, resolvedTitleText: k, titleVisualStyle: A, titleTextStyle: j, titleLayout: M, chartWidth: N, drawingHeight: P, hasWaveformData: F, requestViewportReset: I, trackLayouts: L, clipPathId: R, chartTopMargin: z, gridCells: B, hasVisibleWaveformData: V, zoomable: H, isZoomMode: ee, innerWidth: te, innerHeight: ne, handleSharedPointerMove: re, beginSharedViewportDrag: ie, finishViewportDrag: U, cancelViewportDrag: W, handlePointerLeave: G, handleAnnotationClick: oe, handleAnnotationContextMenu: se, resolveFrameNumber: ce, frameStyle: le, axes: ue, resolvedZeroLine: de, timeUnit: K, yLabel: fe, handleIndependentPointerMove: pe, beginViewportDrag: me, hoverState: he, showTooltip: ge, selectionBox: q, renderedAnnotations: _e, annotationsVisible: ve, handleExistingAnnotationContextMenu: ye, beginAnnotationDrag: J, handleAnnotationMove: Y, endAnnotationDrag: be, resolveLegendPosition: X, resolveLegendOrientation: xe, legendBackgroundColor: Se, legendInteractive: Ce, resolvedHiddenSeriesIds: we, toggleSeriesVisibility: Te, resolvedXLabel: Ee, xAxisTitleY: De, hasChartArea: Oe, gridOptions: ke, pageCount: Ae, currentPage: je, getPageSize: Z, chartTracks: Pe, goToPage: Q, annotationInteraction: Fe, editorDraft: Ie, contextMenu: Le, editorSeries: Re, editorSeriesOptions: ze, confirmAnnotation: Be, cancelAnnotation: Ve, changeDraftSeries: He, editContextAnnotation: Ue, deleteContextAnnotation: We, chartHeight: Ge, setContainer: $, setSvgElement: Ke, setTitleMeasureElement: qe, setSharedOverlayElement: Je } = C(t.controller);
+		let { displayMode: o, activeInteractionMode: c, isCleanView: l, isPresentationMode: u, selection: d, containerStyle: m, overlayMode: h, resolvedChartLeftMargin: _, titleAreaHeight: v, pointerInsideChart: b, handleNativeContextMenu: x, titleAreaReserved: T, titleAreaStyle: E, titleVisible: D, titleMeasureStyle: O, resolvedTitleText: k, titleVisualStyle: A, titleTextStyle: j, titleLayout: M, chartWidth: N, drawingHeight: P, hasWaveformData: F, requestViewportReset: I, trackLayouts: L, clipPathId: R, chartTopMargin: z, gridCells: B, hasVisibleWaveformData: V, zoomable: H, isZoomMode: ee, innerWidth: te, innerHeight: ne, handleSharedPointerMove: re, beginSharedViewportDrag: ie, finishViewportDrag: U, cancelViewportDrag: ae, handlePointerLeave: W, handleAnnotationClick: se, handleAnnotationContextMenu: ce, resolveFrameNumber: le, frameStyle: ue, axes: de, resolvedZeroLine: fe, timeUnit: G, yLabel: pe, handleIndependentPointerMove: me, beginViewportDrag: he, hoverState: ge, showTooltip: _e, selectionBox: K, renderedAnnotations: ve, annotationsVisible: ye, handleExistingAnnotationContextMenu: be, beginAnnotationDrag: q, handleAnnotationMove: J, endAnnotationDrag: xe, resolveLegendPosition: Y, resolveLegendOrientation: Se, legendBackgroundColor: Ce, legendInteractive: we, resolvedHiddenSeriesIds: Te, toggleSeriesVisibility: Ee, resolvedXLabel: De, xAxisTitleY: Oe, hasChartArea: ke, gridOptions: Ae, pageCount: je, currentPage: Me, getPageSize: X, chartTracks: Fe, goToPage: Z, annotationInteraction: Ie, editorDraft: Le, contextMenu: Q, editorSeries: Re, editorSeriesOptions: ze, confirmAnnotation: Be, cancelAnnotation: Ve, changeDraftSeries: He, editContextAnnotation: Ue, deleteContextAnnotation: We, chartHeight: Ge, setContainer: $, setSvgElement: Ke, setTitleMeasureElement: qe, setSharedOverlayElement: Je } = C(t.controller);
 		return (t, C) => (g(), i("div", {
 			ref: w($),
 			class: f(["waveform-chart", [
@@ -3384,7 +3344,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				style: p(w(j)),
 				"data-title-scale": w(M).scale,
 				"data-title-wrapped": w(M).wrapped || void 0
-			}, S(w(k)), 13, xi)], 4)) : r("", !0)], 12, bi)) : r("", !0),
+			}, S(w(k)), 13, vi)], 4)) : r("", !0)], 12, _i)) : r("", !0),
 			(g(), i("svg", {
 				ref: w(Ke),
 				class: "waveform-chart__svg",
@@ -3401,9 +3361,9 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				}, [a("rect", {
 					width: e.width,
 					height: e.height
-				}, null, 8, wi)], 8, Ci))), 128))]),
+				}, null, 8, xi)], 8, bi))), 128))]),
 				a("g", { transform: `translate(${w(_)}, ${w(z)})` }, [
-					w(o) !== "compact" && !w(l) ? (g(), i("g", Ei, [(g(!0), i(e, null, y(w(B), (e) => (g(), i("g", {
+					w(o) !== "compact" && !w(l) ? (g(), i("g", Ci, [(g(!0), i(e, null, y(w(B), (e) => (g(), i("g", {
 						key: `grid-slot-${e.slotIndex}`,
 						transform: `translate(${e.left}, ${e.top})`
 					}, [e.series ? r("", !0) : (g(), i("rect", {
@@ -3411,7 +3371,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 						class: "waveform-chart__grid-slot-placeholder",
 						width: e.width,
 						height: e.cellHeight
-					}, null, 8, Oi))], 8, Di))), 128))])) : r("", !0),
+					}, null, 8, Ti))], 8, wi))), 128))])) : r("", !0),
 					w(o) !== "independent" && w(L).length && w(V) ? (g(), i("rect", {
 						key: 1,
 						ref: w(Je),
@@ -3424,12 +3384,12 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 						onPointermove: C[0] ||= (...e) => w(re) && w(re)(...e),
 						onPointerdown: C[1] ||= (...e) => w(ie) && w(ie)(...e),
 						onPointerup: C[2] ||= (...e) => w(U) && w(U)(...e),
-						onPointercancel: C[3] ||= (...e) => w(W) && w(W)(...e),
-						onPointerleave: C[4] ||= (...e) => w(G) && w(G)(...e),
-						onClick: C[5] ||= (...e) => w(oe) && w(oe)(...e),
-						onContextmenu: C[6] ||= (...e) => w(se) && w(se)(...e)
-					}, null, 42, ki)) : r("", !0),
-					(g(!0), i(e, null, y(w(L), (e) => (g(), n(w(oi), {
+						onPointercancel: C[3] ||= (...e) => w(ae) && w(ae)(...e),
+						onPointerleave: C[4] ||= (...e) => w(W) && w(W)(...e),
+						onClick: C[5] ||= (...e) => w(se) && w(se)(...e),
+						onContextmenu: C[6] ||= (...e) => w(ce) && w(ce)(...e)
+					}, null, 42, Ei)) : r("", !0),
+					(g(!0), i(e, null, y(w(L), (e) => (g(), n(w(ri), {
 						key: `${e.index}-${e.series.name}`,
 						track: e,
 						"clip-path-id": w(R),
@@ -3438,20 +3398,20 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 						interactive: !w(u),
 						"display-mode": w(o),
 						"interaction-mode": w(c),
-						"frame-number": w(ce)(e.index),
-						"frame-style": w(le),
-						axes: w(ue),
+						"frame-number": w(le)(e.index),
+						"frame-style": w(ue),
+						axes: w(de),
 						"clean-view": w(l),
-						"zero-line": w(de),
-						"time-unit": w(K),
-						"y-label": w(fe),
-						onPointerMove: (t) => w(pe)(t, e.index),
-						onPointerDown: (t) => w(me)(t, e.index, !0),
+						"zero-line": w(fe),
+						"time-unit": w(G),
+						"y-label": w(pe),
+						onPointerMove: (t) => w(me)(t, e.index),
+						onPointerDown: (t) => w(he)(t, e.index, !0),
 						onPointerUp: w(U),
-						onPointerCancel: w(W),
-						onPointerLeave: w(G),
-						onClick: (t) => w(oe)(t, e.index),
-						onContextmenu: (t) => w(se)(t, e.index)
+						onPointerCancel: w(ae),
+						onPointerLeave: w(W),
+						onClick: (t) => w(se)(t, e.index),
+						onContextmenu: (t) => w(ce)(t, e.index)
 					}, null, 8, [
 						"track",
 						"clip-path-id",
@@ -3475,35 +3435,35 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 						"onClick",
 						"onContextmenu"
 					]))), 128)),
-					s(w(vi), {
-						state: w(he),
+					s(w(hi), {
+						state: w(ge),
 						tracks: w(L),
 						"clip-path-id": w(R),
-						visible: w(ge) && !w(u)
+						visible: w(_e) && !w(u)
 					}, null, 8, [
 						"state",
 						"tracks",
 						"clip-path-id",
 						"visible"
 					]),
-					w(q) && w(d)?.mode === "box" ? (g(), i("rect", {
+					w(K) && w(d)?.mode === "box" ? (g(), i("rect", {
 						key: 2,
 						class: "waveform-chart__zoom-selection",
-						x: w(q).x,
-						y: w(q).y,
-						width: w(q).width,
-						height: w(q).height,
+						x: w(K).x,
+						y: w(K).y,
+						width: w(K).width,
+						height: w(K).height,
 						"aria-hidden": "true"
-					}, null, 8, Ai)) : r("", !0),
-					w(l) ? r("", !0) : (g(), n(w(Me), {
+					}, null, 8, Di)) : r("", !0),
+					w(l) ? r("", !0) : (g(), n(w(Ne), {
 						key: 3,
-						annotations: w(_e),
-						visible: w(ve),
+						annotations: w(ve),
+						visible: w(ye),
 						interactive: !w(u),
-						onContextmenu: w(ye),
-						onDragStart: w(J),
-						onMove: w(Y),
-						onDragEnd: w(be)
+						onContextmenu: w(be),
+						onDragStart: w(q),
+						onMove: w(J),
+						onDragEnd: w(xe)
 					}, null, 8, [
 						"annotations",
 						"visible",
@@ -3513,23 +3473,23 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 						"onMove",
 						"onDragEnd"
 					])),
-					w(l) ? r("", !0) : (g(), i("g", ji, [(g(!0), i(e, null, y(w(L), (e) => (g(), i("g", {
+					w(l) ? r("", !0) : (g(), i("g", Oi, [(g(!0), i(e, null, y(w(L), (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(mi), {
+					}, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(di), {
 						key: 0,
 						series: e.legendSeries,
-						position: w(X)(e.id),
-						orientation: w(xe)(w(X)(e.id)),
-						"background-color": w(Se),
-						interactive: w(Ce),
-						"hidden-series-ids": w(we),
+						position: w(Y)(e.id),
+						orientation: w(Se)(w(Y)(e.id)),
+						"background-color": w(Ce),
+						interactive: w(we),
+						"hidden-series-ids": w(Te),
 						width: e.width ?? w(te),
 						height: e.height,
-						onToggle: w(Te)
+						onToggle: w(Ee)
 					}, null, 8, [
 						"series",
 						"position",
@@ -3540,46 +3500,46 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 						"width",
 						"height",
 						"onToggle"
-					])) : r("", !0)], 8, Mi))), 128))])),
-					w(Ee) && !w(l) ? (g(), i("text", {
+					])) : r("", !0)], 8, ki))), 128))])),
+					w(De) && !w(l) ? (g(), i("text", {
 						key: 5,
 						class: "waveform-chart__label waveform-chart__x-label",
 						x: w(te) / 2,
-						y: w(De),
+						y: w(Oe),
 						"text-anchor": "middle"
-					}, S(w(Ee)), 9, Ni)) : r("", !0)
-				], 8, Ti),
-				w(Oe) && !w(F) ? (g(), i("text", {
+					}, S(w(De)), 9, Ai)) : r("", !0)
+				], 8, Si),
+				w(ke) && !w(F) ? (g(), i("text", {
 					key: 0,
 					class: "waveform-chart__empty",
 					x: w(N) / 2,
 					y: w(P) / 2,
 					"text-anchor": "middle"
-				}, " 暂无有效波形数据 ", 8, Pi)) : r("", !0)
-			], 40, Si)),
-			w(ke).showPagination && w(Ae) > 1 && !w(l) ? (g(), n(w(ae), {
+				}, " 暂无有效波形数据 ", 8, ji)) : r("", !0)
+			], 40, yi)),
+			w(Ae).showPagination && w(je) > 1 && !w(l) ? (g(), n(w(oe), {
 				key: 1,
 				class: "waveform-chart__pagination",
 				"aria-label": "波形分页",
-				current: w(je),
-				"page-size": w(Z)(w(ke)),
-				total: w(Pe).length,
+				current: w(Me),
+				"page-size": w(X)(w(Ae)),
+				total: w(Fe).length,
 				"show-size-changer": !1,
 				"show-quick-jumper": !1,
-				onChange: w(Q)
+				onChange: w(Z)
 			}, null, 8, [
 				"current",
 				"page-size",
 				"total",
 				"onChange"
 			])) : r("", !0),
-			w(Ie) && !w(l) && !w(u) ? (g(), n(tr, {
+			w(Le) && !w(l) && !w(u) ? (g(), n(er, {
 				key: 2,
-				annotation: w(Ie).annotation,
-				mode: w(Ie).mode,
+				annotation: w(Le).annotation,
+				mode: w(Le).mode,
 				series: w(Re),
 				"series-options": w(ze),
-				"time-unit": w(K),
+				"time-unit": w(G),
 				onConfirm: w(Be),
 				onCancel: w(Ve),
 				onSeriesChange: w(He)
@@ -3593,15 +3553,15 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				"onCancel",
 				"onSeriesChange"
 			])) : r("", !0),
-			!w(l) && !w(u) ? (g(), n(w(Ne), {
+			!w(l) && !w(u) ? (g(), n(w(Pe), {
 				key: 3,
-				visible: w(Le) !== null,
-				x: w(Le)?.x || 0,
-				y: w(Le)?.y || 0,
-				"can-edit": !!w(Le)?.annotationId,
+				visible: w(Q) !== null,
+				x: w(Q)?.x || 0,
+				y: w(Q)?.y || 0,
+				"can-edit": !!w(Q)?.annotationId,
 				onEdit: w(Ue),
 				onDelete: w(We),
-				onClose: w(Fe).closeContextMenu
+				onClose: w(Ie).closeContextMenu
 			}, null, 8, [
 				"visible",
 				"x",
@@ -3611,10 +3571,10 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				"onDelete",
 				"onClose"
 			])) : r("", !0),
-			s(w(ur), {
-				state: w(he),
-				visible: w(ge) && !w(u),
-				"time-unit": w(K),
+			s(w(lr), {
+				state: w(ge),
+				visible: w(_e) && !w(u),
+				"time-unit": w(G),
 				"container-width": w(N),
 				"container-height": w(Ge)
 			}, null, 8, [
@@ -3624,9 +3584,9 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				"container-width",
 				"container-height"
 			])
-		], 46, yi));
+		], 46, gi));
 	}
-}), Ii = /* @__PURE__ */ c({
+}), Ni = /* @__PURE__ */ c({
 	__name: "WaveformChart",
 	props: {
 		data: {},
@@ -3702,9 +3662,9 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 		"page-change"
 	],
 	setup(e, { expose: t, emit: r }) {
-		let i = Fn(e, r);
-		return t({ resetViewport: i.resetViewport }), (e, t) => (g(), n(Fi, { controller: w(i) }, null, 8, ["controller"]));
+		let i = Pn(e, r);
+		return t({ resetViewport: i.resetViewport }), (e, t) => (g(), n(Mi, { controller: w(i) }, null, 8, ["controller"]));
 	}
 });
 //#endregion
-export { Nt as DEFAULT_WAVEFORM_RENDERING_OPTIONS, Ii as WaveformChart, Ke as buildMinorTicks, ft as clamp, at as displayTime, st as formatAxisTime, ot 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 { 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 };