waveform-analysis 0.1.28 → 0.1.30

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 U, symbolDiamond as ee, symbolSquare as te, symbolTriangle as ne, zoom as re, zoomIdentity as W, zoomTransform as G } from "d3";
+import { Pagination as ie } from "ant-design-vue";
+import { ColorPicker as K } from "vue3-colorpicker";
 import "vue3-colorpicker/style.css";
 //#region src/utils/waveformId.ts
-var oe = 0;
-function se(e = "waveform") {
+var ae = 0;
+function oe(e = "waveform") {
 	let t = l();
-	return `${e}-${t ? `v${t.uid}` : `f${++oe}`}`;
+	return `${e}-${t ? `v${t.uid}` : `f${++ae}`}`;
 }
 //#endregion
 //#region src/components/annotation/annotationLayout.ts
-function ce(e, t) {
+function q(e, t) {
 	return e >= Math.min(t[0], t[1]) && e <= Math.max(t[0], t[1]);
 }
-function le(e, t, n) {
+function se(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 ce(e, t, n, r, i, a, o) {
+	let s = de(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 le(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 (ce(e, t, n, r, o, i, a)) return o;
 	return "top";
 }
-function K(e, t, n) {
+function ue(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 de(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 fe(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(be), 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 pe(e, t, n, r, i, a, o = 0, s = 0) {
+	let { width: c, height: l } = fe(n, r, i), u = de(e, t, c, l, a), d = se({
 		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 = ue(d, e, t);
 	return {
 		...d,
 		lineEndX: f.x,
 		lineEndY: f.y
 	};
 }
-function he(e, t, n, r) {
+function me(e, t, n, r) {
 	let i = [];
 	return e.forEach((e) => {
 		if (!Se(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 (!q(e.x, o) || !q(e.y, s)) return;
+		let c = Ce(e.text), l = a.left ?? 0, u = a.width ?? n, d = a.xScale(e.x), f = l + d, p = a.yScale(e.y) + a.top, m = Math.min(a.height, Math.max(0, r - a.top)), h = p - a.top, g = Number.isFinite(e.labelOffsetX) && e.labelOffsetX !== 0 || Number.isFinite(e.labelOffsetY) && e.labelOffsetY !== 0, { width: _, height: v } = fe(c, u, m), y = g ? "top" : le(d, h, _, v, u, m), b = pe(d, h, c, u, m, y, Number.isFinite(e.labelOffsetX) ? e.labelOffsetX : 0, Number.isFinite(e.labelOffsetY) ? e.labelOffsetY : 0), x = {
 			...b,
 			x: b.x + l,
 			y: b.y + a.top,
@@ -143,22 +143,22 @@ function he(e, t, n, r) {
 }
 //#endregion
 //#region src/components/annotation/markup.ts
-var ge = {
+var he = {
 	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) {
+}, ge = "12px Arial, sans-serif", J = N((e) => e.x);
+function _e(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 = J.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 ve(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 = J.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 Y(e, t, n, r) {
 	return e.flatMap((e) => {
-		let i = ye(e.series.points, t, e.series.lineType);
+		let i = ve(e.series.points, t, e.series.lineType);
 		if (!i) return [];
-		let a = ve(e.series.points, t);
+		let a = _e(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 || he.borderColor,
 			unit: e.series.unit,
 			point: a,
 			screenX: c,
@@ -208,18 +208,18 @@ function J(e, t, n, r) {
 		}];
 	}).sort((e, t) => e.distance - t.distance || e.trackIndex - t.trackIndex);
 }
-var Y;
-function be(e) {
+var X;
+function ye(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 be(e) {
+	return X === void 0 && (X = null, typeof document < "u" && typeof CanvasRenderingContext2D < "u" && (X = document.createElement("canvas").getContext("2d"), X && (X.font = ge))), X?.measureText(e).width ?? ye(e);
 }
 function xe(e) {
 	return {
-		borderColor: e?.borderColor || ge.borderColor,
-		textColor: e?.textColor || ge.textColor,
-		backgroundColor: e?.backgroundColor || ge.backgroundColor
+		borderColor: e?.borderColor || he.borderColor,
+		textColor: e?.textColor || he.textColor,
+		backgroundColor: e?.backgroundColor || he.backgroundColor
 	};
 }
 function Se(e) {
@@ -425,7 +425,7 @@ var we = [
 				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(ge) }),
 				"text-anchor": "middle",
 				"dominant-baseline": "central"
 			}, [(g(!0), i(e, null, y(t.lines, (e, n) => (g(), i("tspan", {
@@ -625,67 +625,69 @@ function Ke(e, t = 5, n) {
 }
 //#endregion
 //#region src/utils/formatters.ts
-var qe = .001, Je = 1e3, Ye = new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 4 }), Xe = new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 4 }), Ze = new Intl.NumberFormat("zh-CN", {
-	maximumFractionDigits: 0,
-	useGrouping: !1
-});
-function Qe(e, t) {
+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 $e(e) {
+function Qe(e) {
 	return Number.isFinite(e) && (e >= Je || e > 0 && e < qe);
 }
-function et(e, t) {
+function $e(e, t) {
 	if (typeof e != "number" || typeof t != "number") return null;
 	let n = Math.abs(Math.max(e, t));
-	return $e(n) ? Math.floor(Math.log10(n)) : null;
+	return Qe(n) ? Math.floor(Math.log10(n)) : null;
 }
-function tt(e) {
+function et(e) {
 	return `E${e >= 0 ? "+" : "-"}${Math.abs(e).toString().padStart(2, "0")}`;
 }
-function nt(e) {
+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 rt(e, t = {}) {
+function nt(e, t = {}) {
 	if (!Number.isFinite(e)) return String(e);
-	let n = et(t.axisMin, t.axisMax), r = nt(n === null ? e : e / 10 ** n), i = t.topTickValue ?? t.axisMax;
-	return n !== null && e === i ? `${tt(n)} ${r}` : r;
+	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 it(e) {
+function rt(e) {
 	return Number.isFinite(e) ? Object.is(e, -0) ? "0" : Xe.format(e) : String(e);
 }
-function at(e) {
-	if (!Number.isFinite(e)) return String(e);
-	let t = Ze.format(e);
-	return t === "-0" ? "0" : t;
-}
-function ot(e) {
+function it(e) {
 	if (!Number.isFinite(e)) return String(e);
 	if (Object.is(e, -0)) return "0";
 	let [t, n] = e.toExponential().split("e"), r = Number(n), i = t.startsWith("-"), a = t.replace("-", "").replace(".", ""), o = r + 1, s;
 	return s = o <= 0 ? `0.${"0".repeat(Math.abs(o))}${a}` : o >= a.length ? `${a}${"0".repeat(o - a.length)}` : `${a.slice(0, o)}.${a.slice(o)}`, `${i ? "-" : ""}${s}`;
 }
-function st(e, t) {
+function at(e, t) {
 	return t === "ms" ? e * 1e3 : e;
 }
+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) {
+	return ot(e, t, n, "end");
+}
 function ct(e, t, n) {
-	return at(st(e, n));
+	return ot(e, n ?? [e, e], t, "tick");
 }
-function lt(e, t, n) {
-	return at(st(e, t));
+function lt(e, t) {
+	return rt(at(e, t));
 }
 function ut(e, t) {
-	return it(st(e, t));
-}
-function dt(e, t) {
-	return Number.isFinite(e) ? Qe(st(e, t), 3) : String(e);
+	return Number.isFinite(e) ? Ze(at(e, t), 3) : String(e);
 }
 //#endregion
 //#region src/utils/geometry.ts
-function ft(e, t, n) {
+function dt(e, t, n) {
 	if (e <= 0) return {
 		gap: 0,
 		axisBand: 0,
@@ -698,20 +700,20 @@ function ft(e, t, n) {
 		height: Math.max(1, (n - (e - 1) * (c + l)) / e)
 	};
 }
-function pt(e, t, n) {
+function ft(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/components/core/constants.ts
-var mt = {
+var pt = {
 	top: 18,
 	right: 24,
 	bottom: 52,
 	left: 64
-}, ht = {
+}, mt = {
 	DEFAULT_MAX_SCALE: 40,
 	MIN_SCALE: 1
-}, gt = .62, _t = 1.2, vt = [
+}, ht = .62, gt = 1.2, _t = [
 	"#0960bd",
 	"#ff7f0e",
 	"#389e0d",
@@ -722,42 +724,42 @@ var mt = {
 	"#434343",
 	"#7cb305",
 	"#1d39c4"
-], yt = {
+], vt = {
 	WIDTH: 1.5,
 	CAP_WIDTH: 8
-}, bt = {
+}, yt = {
 	COLOR: "#98a2b3",
 	WIDTH: 1,
 	DASH: "6 4"
 };
 //#endregion
 //#region src/components/core/yDomain.ts
-function xt(e) {
+function bt(e) {
 	if (!(!e || !Number.isFinite(e[0]) || !Number.isFinite(e[1]) || e[0] === e[1])) return e[0] < e[1] ? [e[0], e[1]] : [e[1], e[0]];
 }
-function St(e, t) {
-	return xt(t?.[e.id]);
+function xt(e, t) {
+	return bt(t?.[e.id]);
 }
-function Ct(e, t, n) {
-	return xt(n?.[e.id]) ?? xt(t);
+function St(e, t, n) {
+	return bt(n?.[e.id]) ?? bt(t);
 }
-function wt(e, t, n) {
-	return !!(St(e, n) || e.visibleSeries.some((e) => Ct(e, t, n)));
+function Ct(e, t, n) {
+	return !!(xt(e, n) || e.visibleSeries.some((e) => St(e, t, n)));
 }
-function Tt(e) {
+function wt(e) {
 	return [Math.min(...e.map((e) => e[0])), Math.max(...e.map((e) => e[1]))];
 }
 //#endregion
 //#region src/core/data.ts
-var Et = yt.WIDTH, Dt = yt.CAP_WIDTH;
-function Ot(e) {
+var Tt = vt.WIDTH, Et = vt.CAP_WIDTH;
+function Dt(e) {
 	return e === "dashed" || e === "dash-dot" ? e : "solid";
 }
-function kt(e) {
+function Ot(e) {
 	return typeof e == "number" && Number.isFinite(e) && e >= 0 ? e : void 0;
 }
-function At(e) {
-	let t = kt(e.error), n = kt(e.lowerError), r = kt(e.upperError);
+function kt(e) {
+	let t = Ot(e.error), n = Ot(e.lowerError), r = Ot(e.upperError);
 	return {
 		x: e.x,
 		y: e.y,
@@ -766,14 +768,14 @@ function At(e) {
 		...r === void 0 ? {} : { upperError: r }
 	};
 }
-function jt(e) {
-	let t = kt(e.error) ?? 0;
+function At(e) {
+	let t = Ot(e.error) ?? 0;
 	return {
-		lower: kt(e.lowerError) ?? t,
-		upper: kt(e.upperError) ?? t
+		lower: Ot(e.lowerError) ?? t,
+		upper: Ot(e.upperError) ?? t
 	};
 }
-function Mt(e) {
+function jt(e) {
 	if (e.kind === "samples") {
 		if (!Number.isFinite(e.sampleRate) || e.sampleRate <= 0) return [];
 		let t = Number.isFinite(e.startTime) ? e.startTime ?? 0 : 0, n = [];
@@ -789,14 +791,14 @@ function Mt(e) {
 	let t = [], n = -Infinity, r = !0;
 	for (let i of e.points) {
 		if (!Number.isFinite(i.x) || !Number.isFinite(i.y)) continue;
-		let e = At(i);
+		let e = kt(i);
 		e.x < n && (r = !1), n = e.x, t.push(e);
 	}
 	return r || t.sort((e, t) => e.x - t.x), t;
 }
-function Nt(e) {
+function Mt(e) {
 	if (e.kind !== "series") {
-		let t = Mt(e);
+		let t = jt(e);
 		return t.length > 0 ? [{
 			id: "series-0",
 			name: "",
@@ -805,8 +807,8 @@ function Nt(e) {
 			pointType: "none",
 			errorBar: {
 				visible: !1,
-				width: Et,
-				capWidth: Dt
+				width: Tt,
+				capWidth: Et
 			},
 			points: t
 		}] : [];
@@ -816,7 +818,7 @@ function Nt(e) {
 		let r = e.id?.trim() || `series-${n}`, i = r, a = 1;
 		for (; t.has(i);) i = `${r}-${a}`, a++;
 		t.add(i);
-		let o = e.lineType ?? "linear", s = Ot(e.lineStyle), c = e.pointType ?? "none", l = e.errorBar?.visible === !0, u = o === "none" && c === "none" && !l ? "linear" : o, d = Number(e.errorBar?.width), f = Number(e.errorBar?.capWidth);
+		let o = e.lineType ?? "linear", s = Dt(e.lineStyle), c = e.pointType ?? "none", l = e.errorBar?.visible === !0, u = o === "none" && c === "none" && !l ? "linear" : o, d = Number(e.errorBar?.width), f = Number(e.errorBar?.capWidth);
 		return {
 			id: i,
 			trackId: e.trackId?.trim() || void 0,
@@ -829,55 +831,55 @@ function Nt(e) {
 			errorBar: {
 				visible: l,
 				color: e.errorBar?.color,
-				width: Number.isFinite(d) && d > 0 ? d : Et,
-				capWidth: Number.isFinite(f) && f > 0 ? f : Dt
+				width: Number.isFinite(d) && d > 0 ? d : Tt,
+				capWidth: Number.isFinite(f) && f > 0 ? f : Et
 			},
-			points: Mt(e.data)
+			points: jt(e.data)
 		};
 	}).filter((e) => e.points.length > 0);
 }
 //#endregion
 //#region src/core/renderingOptions.ts
-var Pt = {
+var Nt = {
 	downsample: !0,
 	downsampleThreshold: 2e3,
 	maxPointsPerPixel: 4,
 	pointMinSpacing: 10,
 	errorBarMinSpacing: 12
 };
-function Ft(e) {
+function Pt(e) {
 	let t = Number(e?.downsampleThreshold), n = Number(e?.maxPointsPerPixel), r = Number(e?.pointMinSpacing), i = Number(e?.errorBarMinSpacing);
 	return {
-		downsample: e?.downsample ?? Pt.downsample,
-		downsampleThreshold: Number.isFinite(t) && t >= 2 ? Math.floor(t) : Pt.downsampleThreshold,
-		maxPointsPerPixel: Number.isFinite(n) && n > 0 ? n : Pt.maxPointsPerPixel,
-		pointMinSpacing: Number.isFinite(r) && r >= 0 ? r : Pt.pointMinSpacing,
-		errorBarMinSpacing: Number.isFinite(i) && i >= 0 ? i : Pt.errorBarMinSpacing
+		downsample: e?.downsample ?? Nt.downsample,
+		downsampleThreshold: Number.isFinite(t) && t >= 2 ? Math.floor(t) : Nt.downsampleThreshold,
+		maxPointsPerPixel: Number.isFinite(n) && n > 0 ? n : Nt.maxPointsPerPixel,
+		pointMinSpacing: Number.isFinite(r) && r >= 0 ? r : Nt.pointMinSpacing,
+		errorBarMinSpacing: Number.isFinite(i) && i >= 0 ? i : Nt.errorBarMinSpacing
 	};
 }
 //#endregion
 //#region src/core/rendering.ts
-var It = N((e) => e.x), Lt = () => !0;
-function Rt(e, t) {
+var Ft = N((e) => e.x), It = () => !0;
+function Lt(e, t) {
 	let n = Math.min(t[0], t[1]), r = Math.max(t[0], t[1]);
 	return {
-		start: It.left(e, n),
-		end: It.right(e, r)
+		start: Ft.left(e, n),
+		end: Ft.right(e, r)
 	};
 }
-function zt(e, t, n) {
+function Rt(e, t, n) {
 	if (!Number.isFinite(n) || n <= 0) return !0;
 	let r = Math.ceil(n), i = /* @__PURE__ */ new Set();
 	for (let n of e) {
-		let e = Rt(n.points, t);
+		let e = Lt(n.points, t);
 		for (let t = e.start; t < e.end; t += 1) if (i.add(n.points[t].x), i.size >= r) return !0;
 	}
 	return !1;
 }
-function Bt(e, t) {
+function zt(e, t) {
 	t && e[e.length - 1] !== t && e.push(t);
 }
-function Vt(e, t, n, r, i) {
+function Bt(e, t, n, r, i) {
 	let a = Math.min(n[0], n[1]), o = Math.max(n[0], n[1]), s = Math.max(0, t.start - 1), c = Math.min(e.length, t.end + 1), l = c - s;
 	if (l <= 0) return [];
 	if (!i.downsample || l <= i.downsampleThreshold) return e.slice(s, c);
@@ -896,9 +898,9 @@ function Vt(e, t, n, r, i) {
 			for (; n >= 0 && m[n] > t;) m[n + 1] = m[n], --n;
 			m[n + 1] = t;
 		}
-		for (let n = 0; n < t; n += 1) Bt(f, e[m[n]]);
+		for (let n = 0; n < t; n += 1) zt(f, e[m[n]]);
 	};
-	Bt(f, e[s]);
+	zt(f, e[s]);
 	for (let n = t.start; n < t.end; n += 1) {
 		let t = e[n], r = Math.min(d - 1, Math.max(0, Math.floor((t.x - a) / p * d)));
 		if (r !== h) {
@@ -907,14 +909,14 @@ function Vt(e, t, n, r, i) {
 		}
 		_ = n, t.y < e[v].y && (v = n), t.y > e[y].y && (y = n);
 	}
-	return x(), Bt(f, e[c - 1]), f;
+	return x(), zt(f, e[c - 1]), f;
 }
-function Ht(e, t, n, r) {
-	return !e.length || n <= 0 ? [] : Vt(e, Rt(e, t), t, n, r);
+function Vt(e, t, n, r) {
+	return !e.length || n <= 0 ? [] : Bt(e, Lt(e, t), t, n, r);
 }
-function Ut(e, t, n, r, i, a, o, s) {
+function Ht(e, t, n, r, i, a, o, s) {
 	if (!a || i === 0) {
-		if (o === Lt) return e.slice(t.start, t.end);
+		if (o === It) return e.slice(t.start, t.end);
 		let n = [];
 		for (let r = t.start; r < t.end; r += 1) o(e[r]) && n.push(e[r]);
 		return n;
@@ -947,36 +949,36 @@ function Ut(e, t, n, r, i, a, o, s) {
 	let w = (f ?? []).map((e, t) => m?.[t] ?? e).filter((e) => e !== void 0);
 	return v && w[0] !== v && w.unshift(v), y && w.at(-1) !== y && w.push(y), w;
 }
-function Wt(e) {
-	let { lower: t, upper: n } = jt(e);
+function Ut(e) {
+	let { lower: t, upper: n } = At(e);
 	return t !== 0 || n !== 0;
 }
-function Gt(e, t, n, r, i) {
+function Wt(e, t, n, r, i) {
 	if (!e.length || n <= 0) return {
 		linePoints: [],
 		pointRenderPoints: [],
 		errorBarRenderPoints: []
 	};
-	let a = Rt(e, t), o = i.lineVisible ? Vt(e, a, t, n, r) : [], s = i.errorBarVisible && i.hasErrorPoints;
+	let a = Lt(e, t), o = i.lineVisible ? Bt(e, a, t, n, r) : [], s = i.errorBarVisible && i.hasErrorPoints;
 	if (i.pointVisible && s) {
-		let i = Ut(e, a, t, n, Math.max(r.pointMinSpacing, r.errorBarMinSpacing), r.downsample, Lt, Wt);
+		let i = Ht(e, a, t, n, Math.max(r.pointMinSpacing, r.errorBarMinSpacing), r.downsample, It, Ut);
 		return {
 			linePoints: o,
 			pointRenderPoints: i,
-			errorBarRenderPoints: i.filter(Wt)
+			errorBarRenderPoints: i.filter(Ut)
 		};
 	}
 	return {
 		linePoints: o,
-		pointRenderPoints: i.pointVisible ? Ut(e, a, t, n, r.pointMinSpacing, r.downsample, Lt) : [],
-		errorBarRenderPoints: s ? Ut(e, a, t, n, r.errorBarMinSpacing, r.downsample, Wt) : []
+		pointRenderPoints: i.pointVisible ? Ht(e, a, t, n, r.pointMinSpacing, r.downsample, It) : [],
+		errorBarRenderPoints: s ? Ht(e, a, t, n, r.errorBarMinSpacing, r.downsample, Ut) : []
 	};
 }
-var Kt = (e, t) => {
+var Gt = (e, t) => {
 	let n = typeof e == "number" ? e : Number(e);
 	return Number.isFinite(n) ? Math.min(10, Math.max(1, Math.floor(n))) : t;
 };
-function qt(e) {
+function Kt(e) {
 	let t = Object.fromEntries(Object.entries(e?.trackLines ?? {}).map(([e, t]) => [e, {
 		horizontal: typeof t?.horizontal != "boolean" || t.horizontal,
 		vertical: typeof t?.vertical != "boolean" || t.vertical,
@@ -984,37 +986,37 @@ function qt(e) {
 		verticalColor: typeof t?.verticalColor == "string" && t.verticalColor.trim() ? t.verticalColor : void 0
 	}]));
 	return {
-		rowCount: Kt(e?.rowCount, 2),
-		columnCount: Kt(e?.columnCount, 1),
+		rowCount: Gt(e?.rowCount, 2),
+		columnCount: Gt(e?.columnCount, 1),
 		showPagination: e?.showPagination ?? !0,
 		trackLines: t
 	};
 }
-function Jt(e) {
+function qt(e) {
 	return e.rowCount * e.columnCount;
 }
-function Yt(e, t) {
-	return Math.max(1, Math.ceil(Math.max(0, e) / Jt(t)));
+function Jt(e, t) {
+	return Math.max(1, Math.ceil(Math.max(0, e) / qt(t)));
 }
-function Xt(e, t, n) {
-	let r = Yt(e.length, n), i = (Math.min(r, Math.max(1, Math.floor(t))) - 1) * Jt(n);
-	return e.slice(i, i + Jt(n));
+function Yt(e, t, n) {
+	let r = Jt(e.length, n), i = (Math.min(r, Math.max(1, Math.floor(t))) - 1) * qt(n);
+	return e.slice(i, i + qt(n));
 }
-function Zt(e) {
+function Xt(e) {
 	return e === "compact" ? 0 : e === "separated" ? 16 : 14;
 }
-function Qt(e, t, n, r, i = [], a, o = !0) {
-	let s = Zt(r), c = Number.isFinite(a) ? Math.max(0, a) : s, l = Math.max(0, n.columnCount - 1) * c, u = /* @__PURE__ */ new Set();
+function Zt(e, t, n, r, i = [], a, o = !0) {
+	let s = Xt(r), c = Number.isFinite(a) ? Math.max(0, a) : s, l = Math.max(0, n.columnCount - 1) * c, u = /* @__PURE__ */ new Set();
 	if (o) {
 		if (r === "independent") for (let e = 0; e < n.rowCount; e += 1) u.add(e);
 		else if (r === "compact") u.add(n.rowCount - 1);
-		else for (let e = 0; e < n.columnCount; e += 1) for (let t = Jt(n) - 1; t >= 0; --t) if (t % n.columnCount === e && i[t]) {
+		else for (let e = 0; e < n.columnCount; e += 1) for (let t = qt(n) - 1; t >= 0; --t) if (t % n.columnCount === e && i[t]) {
 			u.add(Math.floor(t / n.columnCount));
 			break;
 		}
 	}
 	let d = Math.max(0, n.rowCount - 1) * s, f = u.size * 30, p = Math.max(1, (e - l) / n.columnCount), m = Math.max(1, (t - d - f) / n.rowCount);
-	return Array.from({ length: Jt(n) }, (e, t) => {
+	return Array.from({ length: qt(n) }, (e, t) => {
 		let r = Math.floor(t / n.columnCount), i = t % n.columnCount, a = u.has(r) ? 30 : 0, o = m + a, l = Array.from({ length: r }, (e, t) => {
 			let n = u.has(t) ? 30 : 0;
 			return m + n + s;
@@ -1033,7 +1035,7 @@ function Qt(e, t, n, r, i = [], a, o = !0) {
 		};
 	});
 }
-function $t(e, t) {
+function Qt(e, t) {
 	let n = /* @__PURE__ */ new Set();
 	for (let r = 0; r < t; r += 1) for (let t = e.length - 1; t >= 0; --t) {
 		let i = e[t];
@@ -1046,11 +1048,11 @@ function $t(e, t) {
 }
 //#endregion
 //#region src/components/core/trackLayoutBuilder.ts
-function en(e) {
+function $t(e) {
 	let t = e.cells.map((e) => ({
 		...e,
 		hasSeries: !!e.series
-	})), n = $t(t, e.grid.columnCount);
+	})), n = Qt(t, e.grid.columnCount);
 	return t.flatMap((t, r) => {
 		let i = !t.series;
 		if (i && (e.displayMode !== "compact" || !e.showCompactEmptyTracks)) return [];
@@ -1076,7 +1078,7 @@ function en(e) {
 			visibleSeries: [a],
 			xDomain: a.xDomain,
 			yDomain: a.yDomain
-		}, s = !i && o.visibleSeries.length > 0, c = o.visibleSeries[0] ?? o.series[0] ?? a, l = e.displayMode === "independent" ? B(e.initialXDomains?.[o.id] ?? e.initialXDomains?.[c.id] ?? e.initialXDomain ?? o.xDomain, [0, t.width]) : B(e.sharedZoomDomain, [0, t.width]), u = (e.displayMode === "independent" ? e.independentTransforms[r] ?? U : U).rescaleX(l), d = e.yDomains?.[o.id], f = un(o, e.overlayMode, e.fixedYDomain, e.fixedYDomains).map((e) => !e.fixed && d ? {
+		}, s = !i && o.visibleSeries.length > 0, c = o.visibleSeries[0] ?? o.series[0] ?? a, l = e.displayMode === "independent" ? B(e.initialXDomains?.[o.id] ?? e.initialXDomains?.[c.id] ?? e.initialXDomain ?? o.xDomain, [0, t.width]) : B(e.sharedZoomDomain, [0, t.width]), u = (e.displayMode === "independent" ? e.independentTransforms[r] ?? W : W).rescaleX(l), d = e.yDomains?.[o.id], f = ln(o, e.overlayMode, e.fixedYDomain, e.fixedYDomains).map((e) => !e.fixed && d ? {
 			...e,
 			domain: d
 		} : e), p = {
@@ -1089,7 +1091,7 @@ function en(e) {
 				a,
 				...c,
 				...s ? [o] : []
-			])), { tickTextWidth: u } = dn(n.domain, !n.fixed, l), d = u + 7 + 6 + 24 + 4, f = n.side === "left" ? -p.left : t.width + p.right, m = u + 7 + 6 + 24 / 2, h = f + (n.side === "left" ? -m : m);
+			])), { tickTextWidth: u } = 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,
@@ -1102,13 +1104,13 @@ function en(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: ct(y[0], y, e.timeUnit),
-			end: ct(y[1], y, e.timeUnit)
+			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 > 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 = Gt(n.points, y, t.width, e.rendering, {
+			let r = m.find((e) => e.seriesList.some((e) => e.id === n.id)), a = r?.scale ?? h, o = Wt(n.points, y, t.width, e.rendering, {
 				lineVisible: !i && n.lineType !== "none",
 				pointVisible: n.pointType !== "none",
 				errorBarVisible: n.errorBar.visible,
@@ -1160,8 +1162,8 @@ function en(e) {
 }
 //#endregion
 //#region src/components/core/layout.ts
-var tn = 7, nn = 7, rn = 4, an = 6, on = 24;
-function sn(e) {
+var en = 7, tn = 7, nn = 4, rn = 6, an = 24;
+function on(e) {
 	return e >= 4 ? [
 		"left",
 		"left",
@@ -1173,13 +1175,13 @@ function sn(e) {
 		"right"
 	] : e === 2 ? ["left", "right"] : ["left"];
 }
-var cn = /* @__PURE__ */ new WeakMap();
-function ln(e, t) {
-	let n = cn.get(e);
-	n || (n = /* @__PURE__ */ new Map(), cn.set(e, n));
+var sn = /* @__PURE__ */ new WeakMap();
+function cn(e, t) {
+	let n = sn.get(e);
+	n || (n = /* @__PURE__ */ new Map(), sn.set(e, n));
 	let r = n.get(t);
 	if (r) return r;
-	let i = t === "multi-axis" ? Math.min(e.visibleSeries.length, 4) : Math.min(e.visibleSeries.length, 1), a = sn(i), o = Array.from({ length: i }, (e, t) => ({
+	let i = t === "multi-axis" ? Math.min(e.visibleSeries.length, 4) : Math.min(e.visibleSeries.length, 1), a = on(i), o = Array.from({ length: i }, (e, t) => ({
 		index: t,
 		side: a[t],
 		seriesList: [],
@@ -1196,23 +1198,23 @@ function ln(e, t) {
 		}
 	}), n.set(t, o), o;
 }
-function un(e, t, n, r) {
-	let i = St(e, r);
-	return ln(e, t).map((e) => {
+function ln(e, t, n, r) {
+	let i = xt(e, r);
+	return cn(e, t).map((e) => {
 		if (i) return {
 			...e,
 			domain: i,
 			fixed: !0
 		};
-		let t = e.seriesList.map((e) => Ct(e, n, r) ?? e.yDomain), a = e.seriesList.some((e) => Ct(e, n, r));
+		let t = e.seriesList.map((e) => St(e, n, r) ?? e.yDomain), a = e.seriesList.some((e) => St(e, n, r));
 		return a ? {
 			...e,
-			domain: Tt(t),
+			domain: wt(t),
 			fixed: a
 		} : e;
 	});
 }
-function dn(e, t = !0, n) {
+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([
@@ -1220,25 +1222,25 @@ function dn(e, t = !0, n) {
 		...r.ticks(10),
 		a
 	])), s = Math.max(...o);
-	return { tickTextWidth: Math.max(1, ...o.map((e) => rt(e, {
+	return { tickTextWidth: Math.max(1, ...o.map((e) => nt(e, {
 		axisMin: i,
 		axisMax: a,
 		topTickValue: s
-	}).length)) * tn };
+	}).length)) * en };
 }
-function fn(e) {
-	return dn(e.domain, !e.fixed).tickTextWidth + nn + an + on + rn;
+function dn(e) {
+	return un(e.domain, !e.fixed).tickTextWidth + tn + rn + an + nn;
 }
-function pn(e) {
-	return dn(e.domain, !e.fixed).tickTextWidth + nn + rn;
+function fn(e) {
+	return un(e.domain, !e.fixed).tickTextWidth + tn + nn;
 }
-function mn(e, t, n, r) {
-	return un(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;
@@ -1257,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;
@@ -1294,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",
@@ -1304,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 ? ve(i.points, t.annotation.x, i.lineType) : null;
 		!t || !n || !r || !a || (t.annotation = {
 			...t.annotation,
 			seriesId: e,
@@ -1323,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;
@@ -1332,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: Y(u(o), d, c, a),
 			editorAnchor: x(e, t)
 		};
 	}
@@ -1382,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 ? Y(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;
@@ -1411,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;
@@ -1433,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,
@@ -1488,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;
@@ -1501,9 +1503,9 @@ function xn(e) {
 		};
 	}), O = (e, t, n) => {
 		let r = t[1] - t[0], i = e[1] - e[0];
-		if (!Number.isFinite(r) || !Number.isFinite(i) || r <= 0 || i <= 0) return U;
+		if (!Number.isFinite(r) || !Number.isFinite(i) || r <= 0 || i <= 0) return W;
 		let a = r / i, o = B(t, [0, n]);
-		return U.translate(-a * o(e[0]), 0).scale(a);
+		return W.translate(-a * o(e[0]), 0).scale(a);
 	}, k = (e) => {
 		let t = Math.abs(e[1] - e[0]);
 		if (!Number.isFinite(t) || t <= 0) return 0;
@@ -1550,7 +1552,7 @@ function xn(e) {
 		let y = e.independent ? [t] : o.value, x = { ...g.value }, S = { ...h.value };
 		y.forEach((t) => {
 			let r = s.value.find((e) => e.id === t.id);
-			if (r && wt(r, n.yDomain, n.yDomains)) return;
+			if (r && Ct(r, n.yDomain, n.yDomains)) return;
 			let i = t.series.trackId ?? t.series.id, o = e.yDomains[i] ?? t.yScale.domain(), c = r?.yDomain ?? o, l = o[1] - o[0], u = j([o[0] + d / a * l, o[1] + d / a * l], c);
 			e.independent ? x[t.index] = u : S[i] = u;
 		}), e.independent ? g.value = x : h.value = S, r("zoom-change", v);
@@ -1619,10 +1621,10 @@ function xn(e) {
 	}, H = (e) => {
 		if (w(), L(), n.displayMode === "independent" && e !== void 0) {
 			let t = [...m.value];
-			t[e] = U, m.value = t;
+			t[e] = W, m.value = t;
 			let n = { ...g.value };
 			delete n[e], g.value = n;
-		} else p.value = U, m.value = s.value.map(() => U), h.value = {}, g.value = {};
+		} else p.value = W, m.value = s.value.map(() => W), h.value = {}, g.value = {};
 		T(), y.value = [], d(C);
 	};
 	return {
@@ -1640,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(() => {
@@ -1669,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());
@@ -1757,16 +1759,16 @@ function Cn(e) {
 		F(), r.value?.querySelectorAll(".waveform-chart__overlay").forEach((e) => V(e).on(".zoom", null)), _.clear();
 	}, L = (e) => {
 		let n = t.minZoomSpan;
-		if (!Number.isFinite(n) || (n ?? 0) <= 0) return ht.DEFAULT_MAX_SCALE;
+		if (!Number.isFinite(n) || (n ?? 0) <= 0) return mt.DEFAULT_MAX_SCALE;
 		let r = Math.abs(e[1] - e[0]);
-		return !Number.isFinite(r) || r <= 0 ? ht.MIN_SCALE : Math.min(ht.DEFAULT_MAX_SCALE, Math.max(ht.MIN_SCALE, r / (n ?? r)));
-	}, R = (e) => zt(e.seriesList, e.xScale.domain(), Number(t.minVisiblePoints)), z = () => {
+		return !Number.isFinite(r) || r <= 0 ? mt.MIN_SCALE : Math.min(mt.DEFAULT_MAX_SCALE, Math.max(mt.MIN_SCALE, r / (n ?? r)));
+	}, R = (e) => Rt(e.seriesList, e.xScale.domain(), Number(t.minVisiblePoints)), z = () => {
 		let e = s.value.filter((e) => e.hasVisibleSeries);
 		return e.length > 0 && e.every(R);
 	}, H = (e, t) => {
 		if (e.type !== "wheel") return !1;
 		let n = e.deltaY;
-		return n < 0 ? t : n > 0 && W(e.currentTarget).k > ht.MIN_SCALE;
+		return n < 0 ? t : n > 0 && G(e.currentTarget).k > mt.MIN_SCALE;
 	};
 	return {
 		cancelPendingZoom: F,
@@ -1779,10 +1781,10 @@ function Cn(e) {
 				s.value.forEach((e) => {
 					let t = r.value?.querySelector(`[data-independent-overlay-index="${e.index}"]`);
 					if (!t) return;
-					let n = h(e), i = ie().filter((t) => H(t, R(e))).scaleExtent([1, L(n)]).extent([[0, 0], [e.width, e.height]]).translateExtent([[0, 0], [e.width, e.height]]).on("zoom", (t) => A(t, e.index)).on("end", N);
+					let n = h(e), i = re().filter((t) => H(t, R(e))).scaleExtent([1, L(n)]).extent([[0, 0], [e.width, e.height]]).translateExtent([[0, 0], [e.width, e.height]]).on("zoom", (t) => A(t, e.index)).on("end", N);
 					_.set(e.index, i), y = !0;
 					try {
-						V(t).call(i).on("dblclick.zoom", null).call(i.transform, o.value[e.index] ?? U);
+						V(t).call(i).on("dblclick.zoom", null).call(i.transform, o.value[e.index] ?? W);
 					} finally {
 						y = !1;
 					}
@@ -1791,7 +1793,7 @@ function Cn(e) {
 			}
 			let e = i.value;
 			if (!e) return;
-			let n = ie().filter((e) => H(e, z())).scaleExtent([1, L(c.value)]).extent([[0, 0], [u.value, d.value]]).translateExtent([[0, 0], [u.value, d.value]]).on("zoom", k).on("end", N);
+			let n = re().filter((e) => H(e, z())).scaleExtent([1, L(c.value)]).extent([[0, 0], [u.value, d.value]]).translateExtent([[0, 0], [u.value, d.value]]).on("zoom", k).on("end", N);
 			_.set("shared", n), y = !0;
 			try {
 				V(e).call(n).on("dblclick.zoom", null).call(n.transform, a.value);
@@ -1803,25 +1805,25 @@ 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) {
+	function U(e) {
 		e.code === "Space" && (g.value = !1);
 	}
-	function te(e) {
+	function ee(e) {
 		let r = Math.min(y.value, Math.max(1, Math.floor(e)));
-		r !== v.value && (v.value = r, F(), M.closeContextMenu(), I(), t.displayMode === "independent" && (A.value = b.value.map(() => U), j.value = {}), d(L), n("page-change", r, y.value));
+		r !== v.value && (v.value = r, F(), M.closeContextMenu(), I(), t.displayMode === "independent" && (A.value = b.value.map(() => W), j.value = {}), d(L), n("page-change", r, y.value));
 	}
-	function ne() {
+	function te() {
 		if (t.displayMode === "independent") {
 			let e = A.value;
-			A.value = C.value.map((t, n) => e[n] ?? U);
+			A.value = C.value.map((t, n) => e[n] ?? W);
 		}
 		F(), N.value = [], d(L);
 	}
@@ -1873,7 +1875,7 @@ function Tn(e) {
 		let n = M.editorDraft.value;
 		n?.mode === "edit" && !e.some((e) => e.id === n.annotation.id) && M.closeEditor();
 	}, { deep: !0 });
-	function re() {
+	function ne() {
 		if (!f.value || !i.value) {
 			c.value = 0, l.value = 0;
 			return;
@@ -1886,24 +1888,24 @@ function Tn(e) {
 		f,
 		p
 	], async () => {
-		c.value = 0, l.value = 0, await d(), re();
+		c.value = 0, l.value = 0, await d(), ne();
 	}, { immediate: !0 }), h(() => {
-		window.addEventListener("keydown", H), window.addEventListener("keyup", ee), r.value && (a.value = new ResizeObserver(([e]) => {
-			o.value = Math.max(0, e?.contentRect.width ?? 0), s.value = Math.max(0, e?.contentRect.height ?? 0), d(re);
+		window.addEventListener("keydown", H), window.addEventListener("keyup", U), r.value && (a.value = new ResizeObserver(([e]) => {
+			o.value = Math.max(0, e?.contentRect.width ?? 0), s.value = Math.max(0, e?.contentRect.height ?? 0), d(ne);
 		}), a.value.observe(r.value));
 	}), m(() => {
-		window.removeEventListener("keydown", H), window.removeEventListener("keyup", ee), B(), a.value?.disconnect(), V(), N.value = [];
+		window.removeEventListener("keydown", H), window.removeEventListener("keyup", U), B(), a.value?.disconnect(), V(), N.value = [];
 	}), {
-		goToPage: te,
-		handleDataReferenceChange: ne
+		goToPage: ee,
+		handleDataReferenceChange: te
 	};
 }
 //#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 = jt(s);
+		let e = At(s);
 		(e.lower !== 0 || e.upper !== 0) && (o = !0), i = Math.min(i, s.y - e.lower), a = Math.max(a, s.y + e.upper);
 	}
 	return {
@@ -1912,27 +1914,27 @@ function En(e, t = !1) {
 		hasErrorPoints: o
 	};
 }
-function Dn(e) {
-	return Nt(e).map((e) => {
-		let t = En(e.points, e.errorBar.visible);
+function En(e) {
+	return Mt(e).map((e) => {
+		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 : vt[t % vt.length])
+		color: e.color ?? (t === 0 ? n.lineColor : _t[t % _t.length])
 	}))), h = t(() => {
 		let e = /* @__PURE__ */ new Map();
 		return m.value.forEach((t) => {
@@ -1950,15 +1952,15 @@ function kn(e) {
 				yDomain: $(i)
 			};
 		});
-	}), g = t(() => qt(n.grid)), _ = t(() => Ft(n.rendering)), v = t(() => Yt(h.value.length, g.value)), y = t(() => Xt(h.value, i.value, g.value)), b = t(() => {
-		let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) => un(e, n.overlayMode, n.yDomain, n.yDomains)).map((e) => dn(e.domain, !e.fixed).tickTextWidth), t = Math.max(7, ...e), r = t + 7 + 4, i = -(7 + t + 6 + 24 / 2);
+	}), g = t(() => Kt(n.grid)), _ = t(() => Pt(n.rendering)), v = t(() => Jt(h.value.length, g.value)), y = t(() => Yt(h.value, i.value, g.value)), b = t(() => {
+		let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) => ln(e, n.overlayMode, n.yDomain, n.yDomains)).map((e) => un(e.domain, !e.fixed).tickTextWidth), t = Math.max(7, ...e), r = t + 7 + 4, i = -(7 + t + 6 + 24 / 2);
 		return {
 			tickClearance: r,
 			fullClearance: t + 7 + 6 + 24 + 4,
 			labelCenterX: i
 		};
-	}), x = t(() => h.value.some((e) => e.visibleSeries.length === 1 && !!(e.visibleSeries[0]?.name.trim() || n.yLabel))), S = t(() => h.value.some((e) => e.visibleSeries.length > 0)), C = t(() => Math.max(mt.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);
+	}), x = t(() => h.value.some((e) => e.visibleSeries.length === 1 && !!(e.visibleSeries[0]?.name.trim() || n.yLabel))), S = t(() => h.value.some((e) => e.visibleSeries.length > 0)), C = t(() => Math.max(pt.left, x.value ? b.value.fullClearance : S.value ? b.value.tickClearance : 0)), w = t(() => h.value.reduce((e, t) => {
+		let r = pn(t, n.overlayMode, n.yDomain, n.yDomains);
 		return {
 			left: Math.max(e.left, r.left),
 			right: Math.max(e.right, r.right)
@@ -1966,8 +1968,8 @@ function kn(e) {
 	}, {
 		left: 0,
 		right: 0
-	})), T = t(() => n.overlayMode === "multi-axis" ? Math.max(C.value, w.value.left) : C.value), E = t(() => n.overlayMode === "multi-axis" ? Math.max(mt.right, w.value.right) : mt.right), D = t(() => Math.max(0, o.value - T.value - E.value)), O = t(() => {
-		let e = Zt(n.displayMode), t = g.value.columnCount, r = t > 1, i = Math.max(e, b.value.fullClearance), a = Math.max(e, b.value.tickClearance), o = (D.value - i * Math.max(0, t - 1)) / t >= 120;
+	})), T = t(() => n.overlayMode === "multi-axis" ? Math.max(C.value, w.value.left) : C.value), E = t(() => n.overlayMode === "multi-axis" ? Math.max(pt.right, w.value.right) : pt.right), D = t(() => Math.max(0, o.value - T.value - E.value)), O = t(() => {
+		let e = Xt(n.displayMode), t = g.value.columnCount, r = t > 1, i = Math.max(e, b.value.fullClearance), a = Math.max(e, b.value.tickClearance), o = (D.value - i * Math.max(0, t - 1)) / t >= 120;
 		return {
 			horizontalGap: n.overlayMode === "multi-axis" && r && S.value ? Math.max(e, w.value.left + w.value.right) : r && S.value ? x.value && o ? i : a : e,
 			hideSecondaryLabels: n.overlayMode !== "multi-axis" && r && x.value && !o
@@ -1983,10 +1985,10 @@ function kn(e) {
 	}), I = (e) => {
 		let t = n.initialXDomains?.[e.series.trackId ?? e.series.id] ?? n.initialXDomains?.[e.series.id] ?? n.initialXDomain;
 		return t && Number.isFinite(t[0]) && Number.isFinite(t[1]) && t[0] !== t[1] ? t[0] < t[1] ? t : [t[1], t[0]] : $(e.seriesList.flatMap((e) => e.xDomain));
-	}, L = t(() => l.value.rescaleX(B(F.value, [0, D.value])).domain()), R = t(() => Qt(D.value, s.value, g.value, n.displayMode, y.value.map(Boolean), O.value.horizontalGap).map((e, t) => ({
+	}, L = t(() => l.value.rescaleX(B(F.value, [0, D.value])).domain()), R = t(() => Zt(D.value, s.value, g.value, n.displayMode, y.value.map(Boolean), O.value.horizontalGap).map((e, t) => ({
 		...e,
 		series: y.value[t]
-	}))), z = t(() => en({
+	}))), z = t(() => $t({
 		cells: R.value,
 		grid: g.value,
 		displayMode: n.displayMode,
@@ -2002,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,
@@ -2010,7 +2013,7 @@ function kn(e) {
 		...e,
 		series: t,
 		yScale: e.seriesPaths.find((e) => e.series.id === t.id)?.yScale ?? e.yScale
-	})), H = (e, t) => e.seriesPaths.find((e) => e.series.id === t)?.yScale ?? e.yScale, ee = t(() => z.value.flatMap(V));
+	})), H = (e, t) => e.seriesPaths.find((e) => e.series.id === t)?.yScale ?? e.yScale, U = t(() => z.value.flatMap(V));
 	return {
 		chartSeries: m,
 		chartTracks: h,
@@ -2032,9 +2035,8 @@ function kn(e) {
 		trackLayouts: z,
 		annotationLayoutsForTrack: V,
 		resolveSeriesYScale: H,
-		annotationTrackLayouts: ee,
-		renderedAnnotations: t(() => n.annotationsVisible ? he(n.annotations, ee.value, D.value, s.value) : []),
-		xAxisTitleY: t(() => s.value + 30 + 10),
+		annotationTrackLayouts: U,
+		renderedAnnotations: t(() => n.annotationsVisible ? me(n.annotations, U.value, D.value, s.value) : []),
 		editorSeries: t(() => {
 			let e = p.editorDraft.value?.annotation.seriesId, t = m.value.find((t) => t.id === e);
 			return t ? {
@@ -2049,13 +2051,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,
@@ -2080,7 +2082,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`
@@ -2088,9 +2090,9 @@ function Nn(e) {
 		let e = n.zeroLine.width;
 		return {
 			visible: n.zeroLine.visible === !0,
-			color: n.zeroLine.color || bt.COLOR,
-			width: typeof e == "number" && Number.isFinite(e) && e > 0 ? e : bt.WIDTH,
-			dash: n.zeroLine.dash ?? bt.DASH
+			color: n.zeroLine.color || yt.COLOR,
+			width: typeof e == "number" && Number.isFinite(e) && e > 0 ? e : yt.WIDTH,
+			dash: n.zeroLine.dash ?? yt.DASH
 		};
 	}), _ = t(() => n.legend.backgroundColor || "rgba(255, 255, 255, 0.7)"), v = t(() => n.legend.interactive === !0), y = t(() => n.hiddenSeriesIds === void 0 ? s.value : new Set(n.hiddenSeriesIds)), b = t(() => Array.from(y.value)), x = (e) => n.legend.trackPositions?.[e] ?? n.legend.position ?? "top-right", S = (e) => {
 		let t = n.legend.orientation ?? "auto";
@@ -2112,10 +2114,10 @@ function Nn(e) {
 		fontStyle: n.title?.textStyle?.fontStyle ?? "normal",
 		textDecoration: n.title?.textStyle?.textDecoration ?? "none",
 		letterSpacing: n.title?.textStyle?.letterSpacing ?? "normal",
-		lineHeight: String(_t)
+		lineHeight: String(gt)
 	})), A = t(() => {
 		let e = Number.parseFloat(n.title?.textStyle?.letterSpacing ?? ""), t = Number.isFinite(e) ? Math.max(0, C.value.length - 1) * e : 0;
-		return Math.max(1, C.value.length * E.value * gt + t);
+		return Math.max(1, C.value.length * E.value * ht + t);
 	}), j = t(() => {
 		let e = d.value - 48;
 		return e > 0 ? e : A.value;
@@ -2125,12 +2127,15 @@ 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,
 		rotation: D.value
-	})), P = t(() => w.value ? N.value.areaHeight : 0), F = t(() => mt.top), I = t(() => Math.max(0, f.value - P.value - c.value));
+	})), P = t(() => w.value ? N.value.areaHeight : 0), F = (e, t) => typeof e == "number" && Number.isFinite(e) && e >= 0 ? e : t, I = t(() => ({
+		top: F(n.plotMargin.top, pt.top),
+		bottom: F(n.plotMargin.bottom, pt.bottom)
+	})), L = t(() => I.value.top), R = t(() => Math.max(0, f.value - P.value - c.value));
 	return {
 		fixedWidth: l,
 		fixedHeight: u,
@@ -2152,9 +2157,11 @@ function Nn(e) {
 		titleMeasureStyle: M,
 		titleLayout: N,
 		titleAreaHeight: P,
-		chartTopMargin: F,
-		drawingHeight: I,
-		innerHeight: t(() => Math.max(0, I.value - mt.top - mt.bottom)),
+		resolvedPlotMargin: I,
+		chartTopMargin: L,
+		drawingHeight: R,
+		xAxisTitleY: t(() => Math.max(0, R.value - 12)),
+		innerHeight: t(() => Math.max(0, R.value - I.value.top - I.value.bottom)),
 		titleAreaStyle: t(() => ({
 			height: `${P.value}px`,
 			justifyContent: n.title?.align === "left" ? "flex-start" : n.title?.align === "right" ? "flex-end" : "center"
@@ -2176,22 +2183,22 @@ 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) {
-	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({
+function Pn(e, t) {
+	let n = v(), r = v(), i = v(), a = v(), o = v(0), s = v(0), c = v(0), l = v(0), d = v(0), f = x(W), p = x([]), m = v({}), h = v({}), g = b({
 		points: [],
 		trackIndex: null,
 		position: {
 			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 = oe("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,
@@ -2199,101 +2206,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: U, titleAreaReserved: ee, titleMeasureStyle: te, titleAreaHeight: ne, chartTopMargin: re, innerHeight: G } = L, ie = On({
 		props: e,
 		preparedSeries: I,
 		currentPage: S,
 		hiddenSeriesIdSet: H,
 		chartWidth: R,
-		innerHeight: W,
+		innerHeight: G,
 		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: K, chartTracks: ae, gridOptions: q, pageCount: se, pagedTracks: ce, resolvedChartLeftMargin: le, innerWidth: ue, hasChartArea: de, activeInteractionMode: fe, isZoomMode: pe, initialXDomain: me, sharedZoomDomain: he, resolveInitialTrackDomain: ge, trackLayouts: J, annotationLayoutsForTrack: _e, resolveSeriesYScale: ve } = ie;
 	D(() => {
-		d.value = ce.value.showPagination && le.value > 1 && R.value <= 520 ? 40 : 0;
+		d.value = q.value.showPagination && se.value > 1 && R.value <= 520 ? 40 : 0;
 	});
-	let J = Cn({
+	let Y = 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: J,
+		initialXDomain: me,
+		sharedZoomDomain: he,
+		innerWidth: ue,
+		innerHeight: G,
+		hasChartArea: de,
+		isZoomMode: pe,
 		isPresentationMode: V,
-		resolveInitialTrackDomain: q,
-		cancelPendingHover: () => X.cancelPendingHover()
-	}), Y = vn({
+		resolveInitialTrackDomain: ge,
+		cancelPendingHover: () => be.cancelPendingHover()
+	}), X = _n({
 		props: e,
 		emit: t,
 		container: n,
-		chartSeries: G,
+		chartSeries: K,
 		hiddenSeriesIdSet: H,
 		internalHiddenSeriesIds: O,
 		annotationInteraction: k,
 		editorSeriesOptions: A,
-		trackLayouts: _e,
-		annotationLayoutsForTrack: ve,
-		resolveSeriesYScale: ye,
+		trackLayouts: J,
+		annotationLayoutsForTrack: _e,
+		resolveSeriesYScale: ve,
 		chartWidth: R,
 		chartHeight: z,
-		innerWidth: K,
-		resolvedChartLeftMargin: de,
-		titleAreaHeight: re,
-		chartTopMargin: ie,
-		activeInteractionMode: pe,
+		innerWidth: ue,
+		resolvedChartLeftMargin: le,
+		titleAreaHeight: ne,
+		chartTopMargin: re,
+		activeInteractionMode: fe,
 		isPresentationMode: V
-	}), be = xn({
+	}), ye = bn({
 		props: e,
 		emit: t,
 		selection: M,
 		spacePressed: N,
-		trackLayouts: _e,
-		chartTracks: oe,
-		initialXDomain: he,
-		innerWidth: K,
-		innerHeight: W,
+		trackLayouts: J,
+		chartTracks: ae,
+		initialXDomain: me,
+		innerWidth: ue,
+		innerHeight: G,
 		sharedOverlayElement: a,
 		sharedTransform: f,
 		independentTransforms: p,
 		sharedYDomains: m,
 		independentYDomains: h,
-		isZoomMode: me,
+		isZoomMode: pe,
 		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: ge,
+		canZoomTrack: Y.canZoomTrack,
+		canZoomSharedTracks: Y.canZoomSharedTracks,
+		configureZoom: Y.configureZoom,
+		cancelPendingZoom: Y.cancelPendingZoom,
+		clearHover: () => be.clearHover(),
+		resolveTrackAtPointer: X.resolveTrackAtPointer
+	}), be = yn({
 		emit: t,
 		hoverState: g,
 		suppressHoverUntilMove: y,
 		hoverThrottle: j,
 		selection: M,
-		trackLayouts: _e,
-		innerWidth: K,
-		resolvedChartLeftMargin: de,
-		titleAreaHeight: re,
-		chartTopMargin: ie,
+		trackLayouts: J,
+		innerWidth: ue,
+		resolvedChartLeftMargin: le,
+		titleAreaHeight: ne,
+		chartTopMargin: re,
 		sharedOverlayElement: a,
 		isPresentationMode: V,
-		updateViewportDrag: be.updateViewportDrag,
-		resolveTrackAtPointer: Y.resolveTrackAtPointer
-	}), xe = Tn({
+		updateViewportDrag: ye.updateViewportDrag,
+		resolveTrackAtPointer: X.resolveTrackAtPointer
+	}), xe = wn({
 		props: e,
 		emit: t,
 		container: n,
@@ -2303,20 +2310,20 @@ function Fn(e, t) {
 		observedHeight: s,
 		measuredTitleWidth: c,
 		measuredTitleHeight: l,
-		resolvedTitleText: ee,
-		titleAreaReserved: te,
-		titleMeasureStyle: ne,
+		resolvedTitleText: U,
+		titleAreaReserved: ee,
+		titleMeasureStyle: te,
 		spacePressed: N,
 		pointerInsideChart: P,
 		currentPage: S,
-		pageCount: le,
-		pagedTracks: ue,
-		gridOptions: ce,
-		chartSeries: G,
-		chartTracks: oe,
-		innerWidth: K,
-		innerHeight: W,
-		activeInteractionMode: pe,
+		pageCount: se,
+		pagedTracks: ce,
+		gridOptions: q,
+		chartSeries: K,
+		chartTracks: ae,
+		innerWidth: ue,
+		innerHeight: G,
+		activeInteractionMode: fe,
 		hiddenSeriesIdSet: H,
 		internalHiddenSeriesIds: O,
 		independentTransforms: p,
@@ -2324,23 +2331,23 @@ 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: be.clearHover,
+		cancelAnnotation: X.cancelAnnotation,
+		configureZoom: Y.configureZoom,
+		resetViewport: ye.resetViewport,
+		cancelViewportDrag: ye.cancelViewportDrag,
+		cancelPendingHover: be.cancelPendingHover,
+		clearZoomBindings: Y.clearZoomBindings
 	});
 	return F = xe.handleDataReferenceChange, _({
 		...C(e),
 		...L,
-		...ae,
-		...Y,
-		...be,
+		...ie,
 		...X,
-		margin: mt,
-		getPageSize: Jt,
+		...ye,
+		...be,
+		margin: pt,
+		getPageSize: qt,
 		currentPage: S,
 		selection: M,
 		pointerInsideChart: P,
@@ -2351,31 +2358,31 @@ function Fn(e, t) {
 		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)
+		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__*/ Z(/* @__PURE__ */ c({
 	__name: "WaveformAnnotationEditor",
 	props: {
 		annotation: {},
@@ -2390,7 +2397,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 = oe("waveform-annotation-editor-title"), m = v(""), h = v(""), _ = v(""), b = v(""), x = t(() => m.value.trim().length > 0), C = t(() => m.value.length), D = t(() => {
 			let e = c.seriesOptions?.find((e) => e.seriesId === c.annotation.seriesId);
 			return e ? {
 				id: e.seriesId,
@@ -2428,21 +2435,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(dt)(c.annotation.x, c.timeUnit)), 1)]), a("span", null, [n[7] ||= a("b", null, "Y", -1), a("code", null, S(w(ot)(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,
@@ -2451,9 +2458,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,
@@ -2462,10 +2469,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(K), {
 					"pure-color": h.value,
 					"onUpdate:pureColor": n[2] ||= (e) => h.value = e,
 					"aria-label": "标注边框色",
@@ -2475,7 +2482,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(K), {
 					"pure-color": _.value,
 					"onUpdate:pureColor": n[3] ||= (e) => _.value = e,
 					"aria-label": "标注文字色",
@@ -2485,7 +2492,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(K), {
 					"pure-color": b.value,
 					"onUpdate:pureColor": n[4] ||= (e) => b.value = e,
 					"aria-label": "标注背景色",
@@ -2496,7 +2503,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", {
@@ -2504,10 +2511,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__*/ Z(/* @__PURE__ */ c({
 	__name: "WaveformTooltip",
 	props: {
 		visible: { type: Boolean },
@@ -2521,30 +2528,30 @@ 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`
 			};
 		});
 		function l(e) {
-			let { lower: t, upper: n } = jt(e);
-			return t === 0 && n === 0 ? null : `(+${it(n)} / -${it(t)})`;
+			let { lower: t, upper: n } = At(e);
+			return t === 0 && n === 0 ? null : `(+${rt(n)} / -${rt(t)})`;
 		}
 		return (t, s) => n.visible && n.hoveredPoint ? (g(), i("div", {
 			key: 0,
 			class: "waveform-tooltip waveform-chart__tooltip",
 			style: p(c.value)
-		}, [a("span", nr, S(n.timeUnit) + ": " + S(w(ut)(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(it)(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: {},
@@ -2555,7 +2562,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,
@@ -2573,16 +2580,16 @@ var In = ["aria-labelledby"], Ln = { class: "waveform-annotation-editor__panel"
 			"container-height"
 		]));
 	}
-}), dr = 13, fr = 2, pr = 14, mr = 8, hr = 24, gr = {
-	circle: ee,
-	square: ne,
-	triangle: re,
-	diamond: te
+}), ur = 13, dr = 2, fr = 14, pr = 8, mr = 24, hr = {
+	circle: U,
+	square: te,
+	triangle: ne,
+	diamond: ee
 };
-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);
@@ -2599,24 +2606,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",
@@ -2625,11 +2632,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__*/ Z(/* @__PURE__ */ c({
 	__name: "WaveformSeriesLayer",
 	props: {
 		track: {},
@@ -2637,11 +2644,11 @@ 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) => {
-				let { lower: r, upper: i } = jt(t), o = a.track.xScale(t.x), s = e.yScale(t.y - r), c = e.yScale(t.y + i);
+				let { lower: r, upper: i } = At(t), o = a.track.xScale(t.x), s = e.yScale(t.y - r), c = e.yScale(t.y + i);
 				return [
 					`M${o - n},${s}H${o + n}`,
 					`M${o},${s}V${c}`,
@@ -2674,8 +2681,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",
@@ -2686,7 +2693,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",
@@ -2697,20 +2704,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 = [
+}, Mr = ["x"], Nr = [
 	"data-y-axis-index",
 	"data-y-axis-side",
 	"transform"
-], Fr = { key: 2 }, Ir = ["x", "y"], Lr = ["fill", "transform"], Rr = ["data-y-axis-title-index"], zr = ["x", "y"], Br = ["fill", "transform"], Vr = /* @__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: {},
@@ -2739,7 +2746,7 @@ 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 = Math.max(...e.tickValues), c = (e.side === "left" ? j(e.scale) : M(e.scale)).tickFormat((e) => rt(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,
 					topTickValue: o
@@ -2747,7 +2754,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				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) => lt(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();
@@ -2757,6 +2764,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 () => {
@@ -2768,7 +2776,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",
@@ -2776,13 +2784,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),
+			}, 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,
@@ -2791,21 +2799,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, Pr))), 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", Fr, [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, Ir), 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, Lr)])) : 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",
@@ -2817,40 +2825,40 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				width: "24",
 				height: "80",
 				rx: "2"
-			}, null, 8, zr), 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, Br)], 8, Rr))), 128))
+			}, S(c(e.seriesList[0])), 9, zr)], 8, Lr))), 128))
 		], 64));
 	}
-}), Hr = [
+}), Vr = [
 	"width",
 	"height",
 	"fill"
-], Ur = ["clip-path"], Wr = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, Gr = [
+], Hr = ["clip-path"], Ur = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, Wr = [
 	"stroke",
 	"x1",
 	"x2",
 	"y2"
-], Kr = [
+], Gr = [
 	"stroke",
 	"x2",
 	"y1",
 	"y2"
-], qr = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, Jr = [
+], Kr = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, qr = [
 	"stroke",
 	"x1",
 	"x2",
 	"y2"
-], Yr = [
+], Jr = [
 	"stroke",
 	"x2",
 	"y1",
 	"y2"
-], Xr = ["clip-path"], Zr = [
+], Yr = ["clip-path"], Xr = [
 	"data-y-axis-index",
 	"x2",
 	"y1",
@@ -2858,7 +2866,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], Qr = ["x", "y"], $r = /* @__PURE__ */ c({
+], Zr = ["x", "y"], Qr = /* @__PURE__ */ c({
 	__name: "WaveformTrackBackdrop",
 	props: {
 		track: {},
@@ -2883,12 +2891,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, Hr)) : 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", Wr, [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,
@@ -2896,7 +2904,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, Gr))), 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,
@@ -2904,7 +2912,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, Kr))), 128)) : r("", !0)]), a("g", qr, [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,
@@ -2912,7 +2920,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, Jr))), 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,
@@ -2920,7 +2928,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, Yr))), 128)) : r("", !0)])], 8, Ur)) : 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",
@@ -2937,7 +2945,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, Zr))], 64))), 128))], 8, Xr)) : 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",
@@ -2947,10 +2955,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, Qr)) : r("", !0)
+			}, S(t.frameNumber), 13, Zr)) : r("", !0)
 		], 64));
 	}
-}), ei = [
+}), $r = [
 	"data-track-index",
 	"data-track-empty",
 	"data-track-left",
@@ -2959,19 +2967,19 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 	"data-track-top",
 	"data-track-height",
 	"transform"
-], ti = [
+], ei = [
 	"width",
 	"height",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray",
 	"stroke-linecap"
-], ni = [
+], ti = [
 	"data-interactive",
 	"data-independent-overlay-index",
 	"width",
 	"height"
-], ri = ["x", "y"], ii = /* @__PURE__ */ c({
+], ni = ["x", "y"], ri = /* @__PURE__ */ c({
 	__name: "WaveformTrack",
 	props: {
 		track: {},
@@ -3030,7 +3038,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($r, {
+			s(Qr, {
 				track: e.track,
 				"clip-path-id": e.clipPathId,
 				"inner-width": e.innerWidth,
@@ -3047,7 +3055,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				"frame-style",
 				"zero-line"
 			]),
-			s(Vr, {
+			s(Br, {
 				track: e.track,
 				"inner-width": e.innerWidth,
 				"clean-view": e.cleanView,
@@ -3073,8 +3081,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, ti)),
-			s(kr, {
+			}, null, 8, ei)),
+			s(Or, {
 				track: e.track,
 				"clip-path-id": e.clipPathId
 			}, null, 8, ["track", "clip-path-id"]),
@@ -3096,7 +3104,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, ni)) : 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",
@@ -3104,33 +3112,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, ri)) : r("", !0)
-		], 10, ei));
+			}, " 暂无可见曲线 ", 8, ni)) : r("", !0)
+		], 10, $r));
 	}
-}), ai = [
+}), ii = [
 	"width",
 	"height",
 	"data-position",
 	"data-orientation"
-], oi = [
+], ai = [
 	"disabled",
 	"aria-pressed",
 	"aria-label",
 	"onClick"
-], si = [
+], oi = [
 	"data-line-type",
 	"data-line-style",
 	"data-point-type",
 	"data-error-bar-visible"
-], ci = [
+], si = [
 	"d",
 	"stroke",
 	"stroke-dasharray"
-], li = [
+], ci = [
 	"d",
 	"stroke",
 	"stroke-width"
-], ui = ["d", "fill"], di = ["title"], fi = /*#__PURE__*/ Z(/* @__PURE__ */ c({
+], li = ["d", "fill"], ui = ["title"], di = /*#__PURE__*/ Z(/* @__PURE__ */ c({
 	__name: "WaveformLegend",
 	props: {
 		series: {},
@@ -3188,45 +3196,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, ci)) : 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, li)) : 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, ui))
-		], 8, si)), a("span", {
+			}, null, 8, li))
+		], 8, oi)), a("span", {
 			class: "waveform-legend__label",
 			title: e.name
-		}, S(e.name), 9, di)], 10, oi))), 128))], 6)], 2)], 8, ai));
+		}, S(e.name), 9, ui)], 10, ai))), 128))], 6)], 2)], 8, ii));
 	}
-}), [["__scopeId", "data-v-2ae12e71"]]), pi = {
+}), [["__scopeId", "data-v-2ae12e71"]]), fi = {
 	class: "waveform-chart__hover-layer",
 	"pointer-events": "none",
 	"aria-hidden": "true"
-}, mi = ["clip-path", "transform"], hi = [
+}, pi = ["clip-path", "transform"], mi = [
 	"x1",
 	"x2",
 	"y2"
-], gi = /*#__PURE__*/ Z(/* @__PURE__ */ c({
+], hi = /*#__PURE__*/ Z(/* @__PURE__ */ c({
 	__name: "WaveformHoverLayer",
 	props: {
 		state: {},
@@ -3249,7 +3257,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				}] : [];
 			});
 		});
-		return (t, r) => (g(), i("g", pi, [(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})`,
@@ -3259,46 +3267,48 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 			x2: e.x,
 			y1: "0",
 			y2: e.track.height
-		}, null, 8, hi)], 8, mi))), 128))]));
+		}, null, 8, mi)], 8, pi))), 128))]));
 	}
-}), [["__scopeId", "data-v-a6f82099"]]), _i = [
+}), [["__scopeId", "data-v-a6f82099"]]), gi = [
 	"data-display-mode",
 	"data-interaction-mode",
 	"data-presentation-mode",
 	"data-overlay-mode",
 	"data-chart-left-margin",
+	"data-plot-margin-top",
+	"data-plot-margin-bottom",
 	"data-title-area-height"
-], vi = [
+], _i = [
 	"role",
 	"aria-level",
 	"aria-hidden"
-], yi = ["data-title-scale", "data-title-wrapped"], bi = [
+], vi = ["data-title-scale", "data-title-wrapped"], yi = [
 	"width",
 	"height",
 	"aria-label"
-], xi = ["id"], Si = ["width", "height"], Ci = ["transform"], wi = {
+], bi = ["id"], xi = ["width", "height"], Si = ["transform"], Ci = {
 	key: 0,
 	class: "waveform-chart__grid-slots",
 	"aria-hidden": "true"
-}, Ti = ["transform"], Ei = ["width", "height"], Di = ["width", "height"], Oi = [
+}, wi = ["transform"], Ti = ["width", "height"], Ei = ["width", "height"], Di = [
 	"x",
 	"y",
 	"width",
 	"height"
-], ki = {
+], Oi = {
 	key: 4,
 	class: "waveform-chart__legend-layer"
-}, Ai = [
+}, ki = [
 	"data-legend-track-index",
 	"data-legend-track-id",
 	"transform"
-], ji = ["x", "y"], Mi = ["x", "y"], Ni = /* @__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, resolvedPlotMargin: b, pointerInsideChart: x, handleNativeContextMenu: T, titleAreaReserved: E, titleAreaStyle: D, titleVisible: O, titleMeasureStyle: k, resolvedTitleText: A, titleVisualStyle: j, titleTextStyle: M, titleLayout: N, chartWidth: P, drawingHeight: F, hasWaveformData: I, requestViewportReset: L, trackLayouts: R, clipPathId: z, chartTopMargin: B, gridCells: V, hasVisibleWaveformData: H, zoomable: U, isZoomMode: ee, innerWidth: te, innerHeight: ne, handleSharedPointerMove: re, beginSharedViewportDrag: W, finishViewportDrag: G, cancelViewportDrag: K, handlePointerLeave: ae, handleAnnotationClick: oe, handleAnnotationContextMenu: q, resolveFrameNumber: se, frameStyle: ce, axes: le, resolvedZeroLine: ue, timeUnit: de, yLabel: fe, handleIndependentPointerMove: pe, beginViewportDrag: me, hoverState: he, showTooltip: ge, selectionBox: J, renderedAnnotations: _e, annotationsVisible: ve, handleExistingAnnotationContextMenu: Y, beginAnnotationDrag: X, handleAnnotationMove: ye, endAnnotationDrag: be, resolveLegendPosition: xe, resolveLegendOrientation: Se, legendBackgroundColor: Ce, legendInteractive: we, resolvedHiddenSeriesIds: Te, toggleSeriesVisibility: Ee, resolvedXLabel: De, xAxisTitleY: Oe, hasChartArea: ke, gridOptions: Ae, pageCount: je, currentPage: Z, getPageSize: Pe, chartTracks: Q, goToPage: Fe, annotationInteraction: Ie, editorDraft: Le, contextMenu: Re, editorSeries: ze, editorSeriesOptions: Be, confirmAnnotation: Ve, cancelAnnotation: He, changeDraftSeries: Ue, editContextAnnotation: We, deleteContextAnnotation: Ge, chartHeight: $, setContainer: Ke, setSvgElement: qe, setTitleMeasureElement: Je, setSharedOverlayElement: Ye } = C(t.controller);
 		return (t, C) => (g(), i("div", {
-			ref: w($),
+			ref: w(Ke),
 			class: f(["waveform-chart", [
 				`waveform-chart--${w(o)}`,
 				`waveform-chart--interaction-${w(c)}`,
@@ -3314,52 +3324,54 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 			"data-presentation-mode": w(u),
 			"data-overlay-mode": w(h),
 			"data-chart-left-margin": w(_),
+			"data-plot-margin-top": w(b).top,
+			"data-plot-margin-bottom": w(b).bottom,
 			"data-title-area-height": w(v),
-			onPointerenter: C[8] ||= (e) => b.value = !0,
-			onPointerleave: C[9] ||= (e) => b.value = !1,
-			onContextmenuCapture: C[10] ||= (...e) => w(x) && w(x)(...e)
+			onPointerenter: C[8] ||= (e) => x.value = !0,
+			onPointerleave: C[9] ||= (e) => x.value = !1,
+			onContextmenuCapture: C[10] ||= (...e) => w(T) && w(T)(...e)
 		}, [
-			w(T) ? (g(), i("div", {
+			w(E) ? (g(), i("div", {
 				key: 0,
 				class: "waveform-chart__title-area",
-				style: p(w(E)),
-				role: w(D) ? "heading" : void 0,
-				"aria-level": w(D) ? 2 : void 0,
+				style: p(w(D)),
+				role: w(O) ? "heading" : void 0,
+				"aria-level": w(O) ? 2 : void 0,
 				"aria-hidden": w(l) || void 0
 			}, [a("span", {
-				ref: w(qe),
+				ref: w(Je),
 				class: "waveform-chart__title-measure",
-				style: p(w(O)),
+				style: p(w(k)),
 				"aria-hidden": "true"
-			}, S(w(k)), 5), w(D) ? (g(), i("span", {
+			}, S(w(A)), 5), w(O) ? (g(), i("span", {
 				key: 0,
 				class: "waveform-chart__title-visual",
-				style: p(w(A))
+				style: p(w(j))
 			}, [a("span", {
 				class: "waveform-chart__title-text",
-				style: p(w(j)),
-				"data-title-scale": w(M).scale,
-				"data-title-wrapped": w(M).wrapped || void 0
-			}, S(w(k)), 13, yi)], 4)) : r("", !0)], 12, vi)) : r("", !0),
+				style: p(w(M)),
+				"data-title-scale": w(N).scale,
+				"data-title-wrapped": w(N).wrapped || void 0
+			}, S(w(A)), 13, vi)], 4)) : r("", !0)], 12, _i)) : r("", !0),
 			(g(), i("svg", {
-				ref: w(Ke),
+				ref: w(qe),
 				class: "waveform-chart__svg",
-				width: w(N),
-				height: w(P),
+				width: w(P),
+				height: w(F),
 				role: "img",
-				"aria-label": w(F) ? "波形折线图" : "暂无波形数据",
-				onDblclick: C[7] ||= (...e) => w(I) && w(I)(...e)
+				"aria-label": w(I) ? "波形折线图" : "暂无波形数据",
+				onDblclick: C[7] ||= (...e) => w(L) && w(L)(...e)
 			}, [
-				a("defs", null, [(g(!0), i(e, null, y(w(L), (e) => (g(), i("clipPath", {
-					id: `${w(R)}-${e.index}`,
-					key: `${w(R)}-${e.index}`,
+				a("defs", null, [(g(!0), i(e, null, y(w(R), (e) => (g(), i("clipPath", {
+					id: `${w(z)}-${e.index}`,
+					key: `${w(z)}-${e.index}`,
 					clipPathUnits: "userSpaceOnUse"
 				}, [a("rect", {
 					width: e.width,
 					height: e.height
-				}, null, 8, Si)], 8, xi))), 128))]),
-				a("g", { transform: `translate(${w(_)}, ${w(z)})` }, [
-					w(o) !== "compact" && !w(l) ? (g(), i("g", wi, [(g(!0), i(e, null, y(w(B), (e) => (g(), i("g", {
+				}, null, 8, xi)], 8, bi))), 128))]),
+				a("g", { transform: `translate(${w(_)}, ${w(B)})` }, [
+					w(o) !== "compact" && !w(l) ? (g(), i("g", Ci, [(g(!0), i(e, null, y(w(V), (e) => (g(), i("g", {
 						key: `grid-slot-${e.slotIndex}`,
 						transform: `translate(${e.left}, ${e.top})`
 					}, [e.series ? r("", !0) : (g(), i("rect", {
@@ -3367,47 +3379,47 @@ 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, Ei))], 8, Ti))), 128))])) : r("", !0),
-					w(o) !== "independent" && w(L).length && w(V) ? (g(), i("rect", {
+					}, null, 8, Ti))], 8, wi))), 128))])) : r("", !0),
+					w(o) !== "independent" && w(R).length && w(H) ? (g(), i("rect", {
 						key: 1,
-						ref: w(Je),
+						ref: w(Ye),
 						class: f(["waveform-chart__overlay waveform-chart__overlay--shared", {
-							"is-zoomable": !w(u) && w(H) && w(ee),
+							"is-zoomable": !w(u) && w(U) && w(ee),
 							"is-annotating": !w(u) && w(c) === "annotation"
 						}]),
 						width: w(te),
 						height: w(ne),
 						onPointermove: C[0] ||= (...e) => w(re) && w(re)(...e),
-						onPointerdown: C[1] ||= (...e) => w(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),
+						onPointerdown: C[1] ||= (...e) => w(W) && w(W)(...e),
+						onPointerup: C[2] ||= (...e) => w(G) && w(G)(...e),
+						onPointercancel: C[3] ||= (...e) => w(K) && w(K)(...e),
+						onPointerleave: C[4] ||= (...e) => w(ae) && w(ae)(...e),
 						onClick: C[5] ||= (...e) => w(oe) && w(oe)(...e),
-						onContextmenu: C[6] ||= (...e) => w(se) && w(se)(...e)
-					}, null, 42, Di)) : r("", !0),
-					(g(!0), i(e, null, y(w(L), (e) => (g(), n(w(ii), {
+						onContextmenu: C[6] ||= (...e) => w(q) && w(q)(...e)
+					}, null, 42, Ei)) : r("", !0),
+					(g(!0), i(e, null, y(w(R), (e) => (g(), n(w(ri), {
 						key: `${e.index}-${e.series.name}`,
 						track: e,
-						"clip-path-id": w(R),
+						"clip-path-id": w(z),
 						"inner-width": w(te),
-						zoomable: w(H),
+						zoomable: w(U),
 						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(se)(e.index),
+						"frame-style": w(ce),
+						axes: w(le),
 						"clean-view": w(l),
-						"zero-line": w(de),
-						"time-unit": w(K),
+						"zero-line": w(ue),
+						"time-unit": w(de),
 						"y-label": w(fe),
 						onPointerMove: (t) => w(pe)(t, e.index),
 						onPointerDown: (t) => w(me)(t, e.index, !0),
-						onPointerUp: w(U),
-						onPointerCancel: w(W),
-						onPointerLeave: w(G),
+						onPointerUp: w(G),
+						onPointerCancel: w(K),
+						onPointerLeave: w(ae),
 						onClick: (t) => w(oe)(t, e.index),
-						onContextmenu: (t) => w(se)(t, e.index)
+						onContextmenu: (t) => w(q)(t, e.index)
 					}, null, 8, [
 						"track",
 						"clip-path-id",
@@ -3431,10 +3443,10 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 						"onClick",
 						"onContextmenu"
 					]))), 128)),
-					s(w(gi), {
+					s(w(hi), {
 						state: w(he),
-						tracks: w(L),
-						"clip-path-id": w(R),
+						tracks: w(R),
+						"clip-path-id": w(z),
 						visible: w(ge) && !w(u)
 					}, null, 8, [
 						"state",
@@ -3442,23 +3454,23 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 						"clip-path-id",
 						"visible"
 					]),
-					w(q) && w(d)?.mode === "box" ? (g(), i("rect", {
+					w(J) && 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(J).x,
+						y: w(J).y,
+						width: w(J).width,
+						height: w(J).height,
 						"aria-hidden": "true"
-					}, null, 8, Oi)) : r("", !0),
+					}, null, 8, Di)) : r("", !0),
 					w(l) ? r("", !0) : (g(), n(w(Me), {
 						key: 3,
 						annotations: w(_e),
 						visible: w(ve),
 						interactive: !w(u),
-						onContextmenu: w(ye),
-						onDragStart: w(J),
-						onMove: w(Y),
+						onContextmenu: w(Y),
+						onDragStart: w(X),
+						onMove: w(ye),
 						onDragEnd: w(be)
 					}, null, 8, [
 						"annotations",
@@ -3469,23 +3481,23 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 						"onMove",
 						"onDragEnd"
 					])),
-					w(l) ? r("", !0) : (g(), i("g", ki, [(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(R), (e) => (g(), i("g", {
 						key: `legend-${e.index}-${e.series.name}`,
 						class: "waveform-chart__legend-track",
 						"data-legend-track-index": e.index,
 						"data-legend-track-id": e.id,
 						transform: `translate(${e.left}, ${e.top})`
-					}, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(fi), {
+					}, [!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(xe)(e.id),
+						orientation: w(Se)(w(xe)(e.id)),
+						"background-color": w(Ce),
+						interactive: w(we),
+						"hidden-series-ids": w(Te),
 						width: e.width ?? w(te),
 						height: e.height,
-						onToggle: w(Te)
+						onToggle: w(Ee)
 					}, null, 8, [
 						"series",
 						"position",
@@ -3496,49 +3508,49 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 						"width",
 						"height",
 						"onToggle"
-					])) : r("", !0)], 8, Ai))), 128))])),
-					w(Ee) && !w(l) ? (g(), i("text", {
-						key: 5,
-						class: "waveform-chart__label waveform-chart__x-label",
-						x: w(te) / 2,
-						y: w(De),
-						"text-anchor": "middle"
-					}, S(w(Ee)), 9, ji)) : r("", !0)
-				], 8, Ci),
-				w(Oe) && !w(F) ? (g(), i("text", {
+					])) : r("", !0)], 8, ki))), 128))]))
+				], 8, Si),
+				w(De) && !w(l) ? (g(), i("text", {
 					key: 0,
+					class: "waveform-chart__label waveform-chart__x-label",
+					x: w(_) + w(te) / 2,
+					y: w(Oe),
+					"text-anchor": "middle"
+				}, S(w(De)), 9, Ai)) : r("", !0),
+				w(ke) && !w(I) ? (g(), i("text", {
+					key: 1,
 					class: "waveform-chart__empty",
-					x: w(N) / 2,
-					y: w(P) / 2,
+					x: w(P) / 2,
+					y: w(F) / 2,
 					"text-anchor": "middle"
-				}, " 暂无有效波形数据 ", 8, Mi)) : r("", !0)
-			], 40, bi)),
-			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(ie), {
 				key: 1,
 				class: "waveform-chart__pagination",
 				"aria-label": "波形分页",
-				current: w(je),
-				"page-size": w(Z)(w(ke)),
-				total: w(Pe).length,
+				current: w(Z),
+				"page-size": w(Pe)(w(Ae)),
+				total: w(Q).length,
 				"show-size-changer": !1,
 				"show-quick-jumper": !1,
-				onChange: w(Q)
+				onChange: w(Fe)
 			}, 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,
-				series: w(Re),
-				"series-options": w(ze),
-				"time-unit": w(K),
-				onConfirm: w(Be),
-				onCancel: w(Ve),
-				onSeriesChange: w(He)
+				annotation: w(Le).annotation,
+				mode: w(Le).mode,
+				series: w(ze),
+				"series-options": w(Be),
+				"time-unit": w(de),
+				onConfirm: w(Ve),
+				onCancel: w(He),
+				onSeriesChange: w(Ue)
 			}, null, 8, [
 				"annotation",
 				"mode",
@@ -3551,13 +3563,13 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 			])) : r("", !0),
 			!w(l) && !w(u) ? (g(), n(w(Ne), {
 				key: 3,
-				visible: w(Le) !== null,
-				x: w(Le)?.x || 0,
-				y: w(Le)?.y || 0,
-				"can-edit": !!w(Le)?.annotationId,
-				onEdit: w(Ue),
-				onDelete: w(We),
-				onClose: w(Fe).closeContextMenu
+				visible: w(Re) !== null,
+				x: w(Re)?.x || 0,
+				y: w(Re)?.y || 0,
+				"can-edit": !!w(Re)?.annotationId,
+				onEdit: w(We),
+				onDelete: w(Ge),
+				onClose: w(Ie).closeContextMenu
 			}, null, 8, [
 				"visible",
 				"x",
@@ -3567,12 +3579,12 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				"onDelete",
 				"onClose"
 			])) : r("", !0),
-			s(w(ur), {
+			s(w(lr), {
 				state: w(he),
 				visible: w(ge) && !w(u),
-				"time-unit": w(K),
-				"container-width": w(N),
-				"container-height": w(Ge)
+				"time-unit": w(de),
+				"container-width": w(P),
+				"container-height": w($)
 			}, null, 8, [
 				"state",
 				"visible",
@@ -3580,9 +3592,9 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 				"container-width",
 				"container-height"
 			])
-		], 46, _i));
+		], 46, gi));
 	}
-}), Pi = /* @__PURE__ */ c({
+}), Ni = /* @__PURE__ */ c({
 	__name: "WaveformChart",
 	props: {
 		data: {},
@@ -3627,6 +3639,7 @@ var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
 			showPagination: !0
 		}) },
 		rendering: { default: () => ({}) },
+		plotMargin: { default: () => ({}) },
 		title: {},
 		legend: { default: () => ({
 			position: "top-right",
@@ -3658,9 +3671,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(Ni, { 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 { Pt as DEFAULT_WAVEFORM_RENDERING_OPTIONS, Pi as WaveformChart, Ke as buildMinorTicks, pt as clamp, st as displayTime, lt as formatAxisTime, ct as formatEndpointTime, ut as formatTooltipTime, Mt as normalizeWaveformData, Nt as normalizeWaveformSeries, $ as paddedDomain, We as parseWaveformAnnotations, ft as resolveTrackGeometry, Ft as resolveWaveformRenderingOptions, Ht 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 };