waveform-analysis 0.1.31 → 0.1.35

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 U, symbolDiamond as ee, symbolSquare as W, symbolTriangle as te, zoom as G, zoomIdentity as K, zoomTransform as ne } from "d3";
-import { Pagination as re } from "ant-design-vue";
-import { ColorPicker as q } from "vue3-colorpicker";
+import { 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 W, zoomIdentity as G, zoomTransform as re } 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 ie = 0;
-function ae(e = "waveform") {
+var ae = 0;
+function oe(e = "waveform") {
 	let t = l();
-	return `${e}-${t ? `v${t.uid}` : `f${++ie}`}`;
+	return `${e}-${t ? `v${t.uid}` : `f${++ae}`}`;
 }
 //#endregion
 //#region src/components/annotation/annotationLayout.ts
-function oe(e, t) {
+function se(e, t) {
 	return e >= Math.min(t[0], t[1]) && e <= Math.max(t[0], t[1]);
 }
-function se(e, t, n) {
+function ce(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 se(e, t, n) {
 		lineEndY: Math.max(i, Math.min(e.lineEndY, i + e.height))
 	};
 }
-function ce(e, t, n, r, i, a, o) {
-	let s = de(e, t, n, r, i);
+function le(e, t, n, r, i, a, o) {
+	let s = fe(e, t, n, r, i);
 	return s.x >= 0 && s.y >= 0 && s.x + n <= a && s.y + r <= o;
 }
-function le(e, t, n, r, i, a) {
+function ue(e, t, n, r, i, a) {
 	for (let o of [
 		"top",
 		"bottom",
@@ -38,10 +38,10 @@ function le(e, t, n, r, i, a) {
 		"top-left",
 		"bottom-right",
 		"bottom-left"
-	]) if (ce(e, t, n, r, o, i, a)) return o;
+	]) if (le(e, t, n, r, o, i, a)) return o;
 	return "top";
 }
-function ue(e, t, n) {
+function de(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 ue(e, t, n) {
 		y: s
 	};
 }
-function de(e, t, n, r, i) {
+function fe(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 de(e, t, n, r, i) {
 		};
 	}
 }
-function J(e, t, n) {
+function q(e, t, n) {
 	return {
 		width: Math.min(t, Math.max(16, Math.min(240, Math.ceil(Math.max(...e.map(be), 0)) + 16))),
 		height: Math.min(n, Math.max(26, (e.length - 1) * 16 + 14 + 16))
 	};
 }
-function fe(e, t, n, r, i, a, o = 0, s = 0) {
-	let { width: c, height: l } = J(n, r, i), u = de(e, t, c, l, a), d = se({
+function pe(e, t, n, r, i, a, o = 0, s = 0) {
+	let { width: c, height: l } = q(n, r, i), u = fe(e, t, c, l, a), d = ce({
 		x: u.x + o,
 		y: u.y + s,
 		width: c,
 		height: l,
 		lineEndX: e,
 		lineEndY: t
-	}, r, i), f = ue(d, e, t);
+	}, r, i), f = de(d, e, t);
 	return {
 		...d,
 		lineEndX: f.x,
 		lineEndY: f.y
 	};
 }
-function pe(e, t, n, r) {
+function me(e, t, n, r) {
 	let i = [];
 	return e.forEach((e) => {
 		if (!xe(e)) return;
 		let a = t.find((t) => t.series.id === e.seriesId);
 		if (!a) return;
 		let o = a.xScale.domain(), s = a.yScale.domain();
-		if (!oe(e.x, o) || !oe(e.y, s)) return;
-		let c = Se(e.text), l = a.left ?? 0, u = a.width ?? n, d = a.xScale(e.x), f = l + d, p = a.yScale(e.y) + a.top, m = Math.min(a.height, Math.max(0, r - a.top)), h = p - a.top, g = Number.isFinite(e.labelOffsetX) && e.labelOffsetX !== 0 || Number.isFinite(e.labelOffsetY) && e.labelOffsetY !== 0, { width: _, height: v } = J(c, u, m), y = g ? "top" : le(d, h, _, v, u, m), b = fe(d, h, c, u, m, y, Number.isFinite(e.labelOffsetX) ? e.labelOffsetX : 0, Number.isFinite(e.labelOffsetY) ? e.labelOffsetY : 0), x = {
+		if (!se(e.x, o) || !se(e.y, s)) return;
+		let c = Se(e.text), l = a.left ?? 0, u = a.width ?? n, d = a.xScale(e.x), f = l + d, p = a.yScale(e.y) + a.top, m = Math.min(a.height, Math.max(0, r - a.top)), h = p - a.top, g = Number.isFinite(e.labelOffsetX) && e.labelOffsetX !== 0 || Number.isFinite(e.labelOffsetY) && e.labelOffsetY !== 0, { width: _, height: v } = q(c, u, m), y = g ? "top" : ue(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,14 +143,14 @@ function pe(e, t, n, r) {
 }
 //#endregion
 //#region src/components/annotation/markup.ts
-var Y = {
+var J = {
 	borderColor: "#1677ff",
 	textColor: "#333333",
 	backgroundColor: "rgba(255, 255, 255, 0.92)"
-}, me = "12px Arial, sans-serif", he = N((e) => e.x);
+}, he = "12px Arial, sans-serif", Y = N((e) => e.x);
 function ge(e, t) {
 	if (!e.length || !Number.isFinite(t)) return null;
-	let n = he.center(e, t), r = e[Math.min(n, e.length - 1)], i = e[Math.max(0, n - 1)];
+	let n = Y.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 _e(e, t, n = "linear") {
@@ -158,7 +158,7 @@ function _e(e, t, n = "linear") {
 	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 = he.left(e, t), o = e[Math.min(a, e.length - 1)];
+	let a = Y.left(e, t), o = e[Math.min(a, e.length - 1)];
 	if (o.x === t || a === 0) return {
 		x: t,
 		y: o.y
@@ -199,7 +199,7 @@ function ve(e, t, n, r) {
 			trackIndex: e.index,
 			seriesId: e.series.id,
 			name: e.series.name?.trim() || e.series.id,
-			color: e.series.color || Y.borderColor,
+			color: e.series.color || J.borderColor,
 			unit: e.series.unit,
 			point: a,
 			screenX: c,
@@ -213,13 +213,13 @@ function ye(e) {
 	return Array.from(e).reduce((e, t) => e + (t.codePointAt(0) > 255 ? 12 : 6.7), 0);
 }
 function be(e) {
-	return X === void 0 && (X = null, typeof document < "u" && typeof CanvasRenderingContext2D < "u" && (X = document.createElement("canvas").getContext("2d"), X && (X.font = me))), X?.measureText(e).width ?? ye(e);
+	return X === void 0 && (X = null, typeof document < "u" && typeof CanvasRenderingContext2D < "u" && (X = document.createElement("canvas").getContext("2d"), X && (X.font = he))), X?.measureText(e).width ?? ye(e);
 }
 function Z(e) {
 	return {
-		borderColor: e?.borderColor || Y.borderColor,
-		textColor: e?.textColor || Y.textColor,
-		backgroundColor: e?.backgroundColor || Y.backgroundColor
+		borderColor: e?.borderColor || J.borderColor,
+		textColor: e?.textColor || J.textColor,
+		backgroundColor: e?.backgroundColor || J.backgroundColor
 	};
 }
 function xe(e) {
@@ -425,7 +425,7 @@ var Ce = [
 				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(me) }),
+				style: p({ font: w(he) }),
 				"text-anchor": "middle",
 				"dominant-baseline": "central"
 			}, [(g(!0), i(e, null, y(t.lines, (e, n) => (g(), i("tspan", {
@@ -1073,8 +1073,23 @@ function nn(e, t) {
 	return n;
 }
 //#endregion
+//#region src/components/core/xDomain.ts
+var rn = 10;
+function an(e) {
+	return !Number.isFinite(e) || (e ?? 0) < 1 ? rn : Math.max(1, Math.trunc(e));
+}
+function on(e, t, n = !1) {
+	if (t.type !== "nice" || n && !t.includeExplicit) return [...e];
+	let r = B().domain(e).nice(an(t.tickCount)).domain();
+	return t.bounds === "end" ? [e[0], r[1]] : r;
+}
+//#endregion
 //#region src/components/core/trackLayoutBuilder.ts
-function rn(e) {
+function sn(e, t, n) {
+	let r = n.xDomainStrategy ?? { type: "data" }, i = n.initialXDomains?.[e.id] ?? n.initialXDomains?.[t] ?? n.initialXDomain;
+	return i ? on(i, r, !0) : on(e.xDomain, r);
+}
+function cn(e) {
 	let t = e.cells.map((e) => ({
 		...e,
 		hasSeries: !!e.series
@@ -1104,7 +1119,7 @@ function rn(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] ?? K : K).rescaleX(l), d = e.yDomains?.[o.id], f = pn(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(sn(o, c.id, e), [0, t.width]) : B(e.sharedZoomDomain, [0, t.width]), u = (e.displayMode === "independent" ? e.independentTransforms[r] ?? G : G).rescaleX(l), d = e.yDomains?.[o.id], f = _n(o, e.overlayMode, e.fixedYDomain, e.fixedYDomains).map((e) => !e.fixed && d ? {
 			...e,
 			domain: d
 		} : e), p = {
@@ -1117,7 +1132,7 @@ function rn(e) {
 				a,
 				...c,
 				...s ? [o] : []
-			])), { tickTextWidth: u } = mn(n.domain, !n.fixed, l), d = u + 7 + 6 + 24 + 4, f = n.side === "left" ? -p.left : t.width + p.right, m = u + 7 + 6 + 24 / 2, h = f + (n.side === "left" ? -m : m);
+			])), { tickTextWidth: u } = vn(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,
@@ -1188,8 +1203,8 @@ function rn(e) {
 }
 //#endregion
 //#region src/components/core/layout.ts
-var an = 7, on = 7, sn = 4, cn = 6, ln = 24;
-function un(e) {
+var ln = 7, un = 7, dn = 4, fn = 6, pn = 24;
+function mn(e) {
 	return e >= 4 ? [
 		"left",
 		"left",
@@ -1201,13 +1216,13 @@ function un(e) {
 		"right"
 	] : e === 2 ? ["left", "right"] : ["left"];
 }
-var dn = /* @__PURE__ */ new WeakMap();
-function fn(e, t) {
-	let n = dn.get(e);
-	n || (n = /* @__PURE__ */ new Map(), dn.set(e, n));
+var hn = /* @__PURE__ */ new WeakMap();
+function gn(e, t) {
+	let n = hn.get(e);
+	n || (n = /* @__PURE__ */ new Map(), hn.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 = un(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 = mn(i), o = Array.from({ length: i }, (e, t) => ({
 		index: t,
 		side: a[t],
 		seriesList: [],
@@ -1224,9 +1239,9 @@ function fn(e, t) {
 		}
 	}), n.set(t, o), o;
 }
-function pn(e, t, n, r) {
+function _n(e, t, n, r) {
 	let i = xt(e, r);
-	return fn(e, t).map((e) => {
+	return gn(e, t).map((e) => {
 		if (i) return {
 			...e,
 			domain: i,
@@ -1240,7 +1255,7 @@ function pn(e, t, n, r) {
 		} : e;
 	});
 }
-function mn(e, t = !0, n) {
+function vn(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([
@@ -1252,21 +1267,21 @@ function mn(e, t = !0, n) {
 		axisMin: i,
 		axisMax: a,
 		topTickValue: s
-	}).length)) * an };
+	}).length)) * ln };
 }
-function hn(e) {
-	return mn(e.domain, !e.fixed).tickTextWidth + on + cn + ln + sn;
+function yn(e) {
+	return vn(e.domain, !e.fixed).tickTextWidth + un + fn + pn + dn;
 }
-function gn(e) {
-	return mn(e.domain, !e.fixed).tickTextWidth + on + sn;
+function bn(e) {
+	return vn(e.domain, !e.fixed).tickTextWidth + un + dn;
 }
-function _n(e, t, n, r) {
-	return pn(e, t, n, r).reduce((n, r) => (n[r.side] += t === "multi-axis" || e.visibleSeries.length === 1 ? hn(r) : gn(r), n), {
+function xn(e, t, n, r) {
+	return _n(e, t, n, r).reduce((n, r) => (n[r.side] += t === "multi-axis" || e.visibleSeries.length === 1 ? yn(r) : bn(r), n), {
 		left: 0,
 		right: 0
 	});
 }
-function vn(e, t, n) {
+function Sn(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;
@@ -1285,11 +1300,11 @@ function vn(e, t, n) {
 }
 //#endregion
 //#region src/components/annotation/useWaveformChartAnnotations.ts
-var yn = 0;
-function bn() {
-	return yn += 1, typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `annotation-${Date.now()}-${yn}`;
+var Cn = 0;
+function wn() {
+	return Cn += 1, typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `annotation-${Date.now()}-${Cn}`;
 }
-function xn(e) {
+function Tn(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;
@@ -1322,7 +1337,7 @@ function xn(e) {
 		};
 	}
 	function C(e, t, n) {
-		s.openCreate(e, bn, t), c.value = n;
+		s.openCreate(e, wn, 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",
@@ -1351,7 +1366,7 @@ function xn(e) {
 			let e = l.value[n];
 			return e?.hasVisibleSeries ? e : void 0;
 		}
-		return vn(l.value.filter((e) => e.hasVisibleSeries), e, t);
+		return Sn(l.value.filter((e) => e.hasVisibleSeries), e, t);
 	}
 	function D(e, t) {
 		let n = e.currentTarget;
@@ -1439,8 +1454,8 @@ function xn(e) {
 }
 //#endregion
 //#region src/components/interaction/useWaveformHover.ts
-var Sn = N((e) => e.x);
-function Cn(e) {
+var En = N((e) => e.x);
+function Dn(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;
@@ -1461,7 +1476,7 @@ function Cn(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[Sn.center(e.points, t)];
+	}, w = () => r.value ? (r.value = !1, y(), !0) : !1, T = (e, t) => e.points[En.center(e.points, t)];
 	return {
 		cancelPendingHover: h,
 		clearHover: y,
@@ -1516,14 +1531,14 @@ function Cn(e) {
 }
 //#endregion
 //#region src/components/interaction/pointerCapture.ts
-function wn(e, t) {
+function On(e, t) {
 	try {
 		e?.releasePointerCapture?.(t);
 	} catch {}
 }
 //#endregion
 //#region src/components/interaction/viewportInteractionState.ts
-function Tn(e) {
+function kn(e) {
 	return {
 		...e,
 		currentX: e.startX,
@@ -1532,37 +1547,37 @@ function Tn(e) {
 		yDomains: Object.fromEntries(Object.entries(e.yDomains).map(([e, t]) => [e, [...t]]))
 	};
 }
-function En(e, t) {
+function An(e, t) {
 	return {
 		...e,
 		...t
 	};
 }
-function Dn(e) {
+function jn(e) {
 	return {
 		state: e,
 		accepted: !1,
 		completed: null
 	};
 }
-function On(e, t) {
+function Mn(e, t) {
 	switch (t.type) {
-		case "begin": return e ? Dn(e) : {
-			state: Tn(t.gesture),
+		case "begin": return e ? jn(e) : {
+			state: kn(t.gesture),
 			accepted: !0,
 			completed: null
 		};
-		case "move": return !e || e.pointerId !== t.pointerId ? Dn(e) : {
-			state: En(e, t.position),
+		case "move": return !e || e.pointerId !== t.pointerId ? jn(e) : {
+			state: An(e, t.position),
 			accepted: !0,
 			completed: null
 		};
-		case "finish": return !e || e.pointerId !== t.pointerId ? Dn(e) : {
+		case "finish": return !e || e.pointerId !== t.pointerId ? jn(e) : {
 			state: null,
 			accepted: !0,
-			completed: En(e, t.position)
+			completed: An(e, t.position)
 		};
-		case "cancel": return !e || t.pointerId !== void 0 && e.pointerId !== t.pointerId ? Dn(e) : {
+		case "cancel": return !e || t.pointerId !== void 0 && e.pointerId !== t.pointerId ? jn(e) : {
 			state: null,
 			accepted: !0,
 			completed: null
@@ -1576,26 +1591,26 @@ function On(e, t) {
 }
 //#endregion
 //#region src/components/interaction/zoomConstraints.ts
-var kn = /* @__PURE__ */ new WeakMap();
-function An(e) {
+var Nn = /* @__PURE__ */ new WeakMap();
+function Pn(e) {
 	return e[0] <= e[1] ? [...e] : [e[1], e[0]];
 }
-function jn(e) {
+function Fn(e) {
 	return Number.isFinite(e) && (e ?? 0) > 0 ? Math.ceil(e) : 0;
 }
-function Mn(e, t) {
-	let n = `${t[0]}\u0000${t[1]}`, r = kn.get(e)?.get(n);
+function In(e, t) {
+	let n = `${t[0]}\u0000${t[1]}`, r = Nn.get(e)?.get(n);
 	if (r) return r;
 	let i = /* @__PURE__ */ new Set();
 	for (let n of e) for (let e of n.points) e.x >= t[0] && e.x <= t[1] && i.add(e.x);
-	let a = Array.from(i).sort((e, t) => e - t), o = kn.get(e) ?? /* @__PURE__ */ new Map();
-	return o.set(n, a), kn.set(e, o), a;
+	let a = Array.from(i).sort((e, t) => e - t), o = Nn.get(e) ?? /* @__PURE__ */ new Map();
+	return o.set(n, a), Nn.set(e, o), a;
 }
-function Nn(e, t, n) {
+function Ln(e, t, n) {
 	if (n <= 1) return 0;
 	let r = 0;
 	for (let i of e) {
-		let e = Mn(i, t);
+		let e = In(i, t);
 		if (e.length < n) return t[1] - t[0];
 		let a = Infinity;
 		for (let t = 0; t + n <= e.length; t += 1) a = Math.min(a, e[t + n - 1] - e[t]);
@@ -1604,17 +1619,17 @@ function Nn(e, t, n) {
 	}
 	return r;
 }
-function Pn(e, t, n) {
-	let r = An(e), i = r[1] - r[0];
+function Rn(e, t, n) {
+	let r = Pn(e), i = r[1] - r[0];
 	if (!Number.isFinite(i) || i <= 0) return 0;
-	let a = Number.isFinite(n.minZoomSpan) && (n.minZoomSpan ?? 0) > 0 ? Math.min(i, n.minZoomSpan) : 0, o = jn(n.minVisiblePoints), s = Nn(t, r, o);
+	let a = Number.isFinite(n.minZoomSpan) && (n.minZoomSpan ?? 0) > 0 ? Math.min(i, n.minZoomSpan) : 0, o = Fn(n.minVisiblePoints), s = Ln(t, r, o);
 	return a > 0 || o > 0 ? Math.max(a, s) : i / mt.DEFAULT_MAX_SCALE;
 }
-function Fn(e, t, n, r) {
+function zn(e, t, n, r) {
 	if (r <= 0) return e;
 	let i = 2 ** -52 * Math.max(1, Math.abs(t[0]), Math.abs(t[1])) * 16, a = e;
 	for (let e of n) {
-		let n = Mn(e, t);
+		let n = In(e, t);
 		if (n.length < r) return [...t];
 		if (n.filter((e) => e >= a[0] && e <= a[1]).length >= r) continue;
 		let o, s = Infinity, c = Infinity, l = (a[0] + a[1]) / 2;
@@ -1626,27 +1641,27 @@ function Fn(e, t, n, r) {
 	}
 	return a;
 }
-function In(e, t, n, r) {
-	let i = An(t), a = i[1] - i[0];
+function Bn(e, t, n, r) {
+	let i = Pn(t), a = i[1] - i[0];
 	if (!Number.isFinite(a) || a <= 0 || Math.abs(e[1] - e[0]) >= a * .999999999999) return i;
-	let o = Fn([Math.max(i[0], Math.min(e[0], e[1])), Math.min(i[1], Math.max(e[0], e[1]))], i, n, jn(r.minVisiblePoints)), s = Pn(i, n, r), c = Math.max(s, Math.min(a, o[1] - o[0])), l = (o[0] + o[1]) / 2, u = Math.max(i[0], Math.min(l - c / 2, i[1] - c));
+	let o = zn([Math.max(i[0], Math.min(e[0], e[1])), Math.min(i[1], Math.max(e[0], e[1]))], i, n, Fn(r.minVisiblePoints)), s = Rn(i, n, r), c = Math.max(s, Math.min(a, o[1] - o[0])), l = (o[0] + o[1]) / 2, u = Math.max(i[0], Math.min(l - c / 2, i[1] - c));
 	return [u, u + c];
 }
-function Ln(e, t, n) {
+function Vn(e, t, n) {
 	let r = t[1] - t[0], i = e[1] - e[0];
-	if (!Number.isFinite(r) || !Number.isFinite(i) || r <= 0 || i <= 0) return K;
+	if (!Number.isFinite(r) || !Number.isFinite(i) || r <= 0 || i <= 0) return G;
 	let a = r / i, o = B(t, [0, n]);
-	return K.translate(-a * o(e[0]), 0).scale(a);
+	return G.translate(-a * o(e[0]), 0).scale(a);
 }
 //#endregion
 //#region src/components/interaction/useWaveformViewport.ts
-function Rn(e) {
+function Hn(e) {
 	let { props: n, emit: r, selection: i, spacePressed: a, trackLayouts: o, chartTracks: s, initialXDomain: c, innerWidth: l, innerHeight: u, sharedOverlayElement: f, sharedTransform: p, independentTransforms: m, sharedYDomains: h, independentYDomains: g, isZoomMode: _, isPresentationMode: v, editorSeriesOptions: y, resolveInitialTrackDomain: b, canZoomTrack: S, canZoomSharedTracks: C, configureZoom: w, cancelPendingZoom: T, clearHover: E, resolveTrackAtPointer: D } = e, O = x(), k = (e, t) => {
 		let n = O.value, r = t?.currentTarget;
-		wn(n, e), r && r !== n && wn(r, e);
+		On(n, e), r && r !== n && On(r, e);
 	}, A = (e, t) => {
 		let n = i.value;
-		!n || n.pointerId !== e || (k(e, t), i.value = On(i.value, {
+		!n || n.pointerId !== e || (k(e, t), i.value = Mn(i.value, {
 			type: "cancel",
 			pointerId: e
 		}).state, O.value = void 0);
@@ -1669,7 +1684,7 @@ function Rn(e) {
 		if (!n.zoomable && !s || !_.value || e.button !== 0) return;
 		let c = e.currentTarget, d = o.value.find((e) => e.index === t);
 		if (!d) return;
-		let [f, p] = z(e, c), m = Math.max(0, Math.min(r ? d.width : l.value, f)), h = Math.max(0, Math.min(r ? d.height : u.value, p)), g = On(i.value, {
+		let [f, p] = z(e, c), m = Math.max(0, Math.min(r ? d.width : l.value, f)), h = Math.max(0, Math.min(r ? d.height : u.value, p)), g = Mn(i.value, {
 			type: "begin",
 			gesture: {
 				trackIndex: t,
@@ -1691,8 +1706,8 @@ function Rn(e) {
 		let i = t.width || 1, a = t.height || 1, u = e.currentX - e.startX, d = e.currentY - e.startY, f = e.xDomain[1] - e.xDomain[0], _ = e.independent ? b(t) : c.value, v = M([e.xDomain[0] - u / i * f, e.xDomain[1] - u / i * f], _);
 		if (e.independent) {
 			let e = [...m.value];
-			e[t.index] = Ln(v, _, i), m.value = e;
-		} else p.value = Ln(v, _, l.value);
+			e[t.index] = Vn(v, _, i), m.value = e;
+		} else p.value = Vn(v, _, l.value);
 		let y = e.independent ? [t] : o.value, x = { ...g.value }, S = { ...h.value };
 		y.forEach((t) => {
 			let r = s.value.find((e) => e.id === t.id);
@@ -1706,7 +1721,7 @@ function Rn(e) {
 		if (!t || !n || e.pointerId !== t.pointerId) return;
 		let r = o.value.find((e) => e.index === t.trackIndex);
 		if (!r) return;
-		let [a, s] = z(e, n), c = Math.max(0, Math.min(t.independent ? r.width : l.value, a)), d = Math.max(0, Math.min(t.independent ? r.height : u.value, s)), f = On(i.value, {
+		let [a, s] = z(e, n), c = Math.max(0, Math.min(t.independent ? r.width : l.value, a)), d = Math.max(0, Math.min(t.independent ? r.height : u.value, s)), f = Mn(i.value, {
 			type: "move",
 			pointerId: e.pointerId,
 			position: {
@@ -1725,11 +1740,11 @@ function Rn(e) {
 		if (!t || (e.independent ? !S(t) : !C())) return;
 		let i = e.independent ? 0 : t.left, a = Math.max(0, Math.min(t.width, Math.min(e.startX, e.currentX) - i)), s = Math.max(0, Math.min(t.width, Math.max(e.startX, e.currentX) - i));
 		if (s - a < 6) return;
-		let u = e.independent ? b(t) : c.value, f = e.independent ? [t.seriesList] : o.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), h = In([t.xScale.invert(a), t.xScale.invert(s)], u, f, n);
+		let u = e.independent ? b(t) : c.value, f = e.independent ? [t.seriesList] : o.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), h = Bn([t.xScale.invert(a), t.xScale.invert(s)], u, f, n);
 		if (e.independent) {
 			let e = [...m.value];
-			e[t.index] = Ln(h, u, t.width), m.value = e;
-		} else p.value = Ln(h, u, l.value);
+			e[t.index] = Vn(h, u, t.width), m.value = e;
+		} else p.value = Vn(h, u, l.value);
 		let g = e.independent ? [t] : o.value, _ = Object.fromEntries(g.map((e) => [e.series.trackId ?? e.series.id, e.yScale.domain()]));
 		if (r("zoom-change", h), e.independent) {
 			let e = _[t.series.trackId ?? t.series.id];
@@ -1770,7 +1785,7 @@ function Rn(e) {
 			A(t.pointerId, e);
 			return;
 		}
-		let [a, s] = z(e, r), c = Math.max(0, Math.min(t.independent ? n.width : l.value, a)), f = Math.max(0, Math.min(t.independent ? n.height : u.value, s)), p = On(i.value, {
+		let [a, s] = z(e, r), c = Math.max(0, Math.min(t.independent ? n.width : l.value, a)), f = Math.max(0, Math.min(t.independent ? n.height : u.value, s)), p = Mn(i.value, {
 			type: "finish",
 			pointerId: e.pointerId,
 			position: {
@@ -1788,10 +1803,10 @@ function Rn(e) {
 	}, H = (e) => {
 		if (T(), R(), n.displayMode === "independent" && e !== void 0) {
 			let t = [...m.value];
-			t[e] = K, m.value = t;
+			t[e] = G, m.value = t;
 			let n = { ...g.value };
 			delete n[e], g.value = n;
-		} else p.value = K, m.value = s.value.map(() => K), h.value = {}, g.value = {};
+		} else p.value = G, m.value = s.value.map(() => G), h.value = {}, g.value = {};
 		E(), y.value = [], d(w);
 	};
 	return {
@@ -1803,13 +1818,24 @@ function Rn(e) {
 		cancelViewportDrag: R,
 		resetViewport: H,
 		requestViewportReset: (e) => {
-			v.value || !n.zoomable || !_.value || (e.preventDefault(), H(), r("zoom-reset"));
+			if (!(v.value || !n.zoomable || !_.value)) {
+				if (n.displayMode === "independent") {
+					let t = (e.target instanceof Element ? e.target : null)?.closest("[data-independent-overlay-index]"), n = Number(t?.getAttribute("data-independent-overlay-index")), i = o.value.find((e) => e.index === n);
+					if (!i) return;
+					e.preventDefault(), H(n), r("zoom-reset", {
+						trackIndex: n,
+						seriesIds: i.legendSeries.map((e) => e.id)
+					});
+					return;
+				}
+				e.preventDefault(), H(), r("zoom-reset", {});
+			}
 		}
 	};
 }
 //#endregion
 //#region src/components/utils/useAnimationFrameThrottle.ts
-function zn() {
+function Un() {
 	let e = null, t = null;
 	function n(n) {
 		t = n, e === null && (e = requestAnimationFrame(() => {
@@ -1838,8 +1864,8 @@ function zn() {
 }
 //#endregion
 //#region src/components/interaction/useWaveformZoom.ts
-function Bn(e) {
-	let { props: t, emit: n, svgElement: r, sharedOverlayElement: i, sharedTransform: a, independentTransforms: o, trackLayouts: s, initialXDomain: c, sharedZoomDomain: l, innerWidth: u, innerHeight: d, hasChartArea: f, isZoomMode: p, isPresentationMode: m, resolveInitialTrackDomain: h, cancelPendingHover: g } = e, _ = /* @__PURE__ */ new Map(), v = zn(), y = !1, b = null, x = null, S = null, C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Set(), D, O = () => v.schedule(j), k = (e) => {
+function Wn(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 = Un(), 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());
@@ -1927,9 +1953,9 @@ function Bn(e) {
 	}, L = (e, n) => {
 		let r = Math.abs(e[1] - e[0]);
 		if (!Number.isFinite(r) || r <= 0) return mt.MIN_SCALE;
-		let i = Pn(e, n, t);
+		let i = Rn(e, n, t);
 		return Math.max(mt.MIN_SCALE, i > 0 ? r / i : mt.DEFAULT_MAX_SCALE);
-	}, R = (e, n, r, i) => Ln(In(e.rescaleX(B(n, [0, r])).domain(), n, i, t), n, r), z = (e) => {
+	}, R = (e, n, r, i) => Vn(Bn(e.rescaleX(B(n, [0, r])).domain(), n, i, t), n, r), z = (e) => {
 		let n = Number(t.minVisiblePoints);
 		return Ut(e.seriesList, e.xScale.domain(), Number.isFinite(n) && n > 0 ? Math.ceil(n) + 1 : n);
 	}, H = () => {
@@ -1938,7 +1964,7 @@ function Bn(e) {
 	}, U = (e, t) => {
 		if (e.type !== "wheel") return !1;
 		let n = e.deltaY;
-		return n < 0 ? t : n > 0 && ne(e.currentTarget).k > mt.MIN_SCALE;
+		return n < 0 ? t : n > 0 && re(e.currentTarget).k > mt.MIN_SCALE;
 	};
 	return {
 		cancelPendingZoom: F,
@@ -1951,13 +1977,13 @@ function Bn(e) {
 				s.value.forEach((e) => {
 					let t = r.value?.querySelector(`[data-independent-overlay-index="${e.index}"]`);
 					if (!t) return;
-					let n = h(e), i = [e.seriesList], a = G().filter((t) => {
+					let n = h(e), i = [e.seriesList], a = W().filter((t) => {
 						let n = s.value.find((t) => t.index === e.index) ?? e;
 						return U(t, z(n));
 					}).scaleExtent([1, L(n, i)]).constrain((t) => R(t, n, e.width, i)).extent([[0, 0], [e.width, e.height]]).translateExtent([[0, 0], [e.width, e.height]]).on("zoom", (t) => A(t, e.index)).on("end", N);
 					_.set(e.index, a), y = !0;
 					try {
-						V(t).call(a).on("dblclick.zoom", null).call(a.transform, o.value[e.index] ?? K);
+						V(t).call(a).on("dblclick.zoom", null).call(a.transform, o.value[e.index] ?? G);
 					} finally {
 						y = !1;
 					}
@@ -1966,7 +1992,7 @@ function Bn(e) {
 			}
 			let e = i.value;
 			if (!e) return;
-			let n = s.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), l = G().filter((e) => U(e, H())).scaleExtent([1, L(c.value, n)]).constrain((e) => R(e, c.value, u.value, n)).extent([[0, 0], [u.value, d.value]]).translateExtent([[0, 0], [u.value, d.value]]).on("zoom", k).on("end", N);
+			let n = s.value.filter((e) => e.hasVisibleSeries).map((e) => e.seriesList), l = W().filter((e) => U(e, H())).scaleExtent([1, L(c.value, n)]).constrain((e) => R(e, c.value, u.value, n)).extent([[0, 0], [u.value, d.value]]).translateExtent([[0, 0], [u.value, d.value]]).on("zoom", k).on("end", N);
 			_.set("shared", l), y = !0;
 			try {
 				V(e).call(l).on("dblclick.zoom", null).call(l.transform, a.value);
@@ -1978,45 +2004,45 @@ function Bn(e) {
 }
 //#endregion
 //#region src/components/core/useWaveformChartLifecycle.ts
-function Vn(e) {
+function Gn(e) {
 	return e instanceof Element && !!e.closest("button, input, select, textarea, [contenteditable]:not([contenteditable=\"false\"])");
 }
-function Hn(e) {
+function Kn(e) {
 	let { props: t, emit: n, container: r, titleMeasureElement: i, resizeObserver: a, observedWidth: o, observedHeight: s, measuredTitleWidth: c, measuredTitleHeight: l, resolvedTitleText: u, titleAreaReserved: f, titleMeasureStyle: p, spacePressed: g, pointerInsideChart: _, currentPage: v, pageCount: y, pagedTracks: b, gridOptions: x, chartSeries: S, chartTracks: C, trackLayouts: w, innerWidth: T, innerHeight: D, activeInteractionMode: O, hiddenSeriesIdSet: k, internalHiddenSeriesIds: A, independentTransforms: j, independentYDomains: M, resolveInitialTrackDomain: N, annotationInteraction: P, editorSeriesOptions: F, isPresentationMode: I, clearHover: L, cancelAnnotation: R, configureZoom: z, resetViewport: B, cancelViewportDrag: V, cancelPendingHover: H, clearZoomBindings: U } = e;
 	function ee(e) {
-		I.value || e.code !== "Space" || !t.pannable || !_.value || Vn(e.target) || (g.value = !0, e.preventDefault());
+		I.value || e.code !== "Space" || !t.pannable || !_.value || Gn(e.target) || (g.value = !0, e.preventDefault());
 	}
-	function W(e) {
+	function te(e) {
 		e.code === "Space" && (g.value = !1);
 	}
-	function te(e) {
+	function ne(e) {
 		let r = Math.min(y.value, Math.max(1, Math.floor(e)));
-		r !== v.value && (v.value = r, L(), P.closeContextMenu(), R(), t.displayMode === "independent" && (j.value = b.value.map(() => K), M.value = {}), d(z), n("page-change", r, y.value));
+		r !== v.value && (v.value = r, L(), P.closeContextMenu(), R(), t.displayMode === "independent" && (j.value = b.value.map(() => G), M.value = {}), d(z), n("page-change", r, y.value));
 	}
-	let G;
-	function ne() {
-		t.displayMode === "independent" && (G = w.value.map((e) => {
+	let W;
+	function re() {
+		t.displayMode === "independent" && (W = w.value.map((e) => {
 			let n = t.initialXDomains?.[e.series.trackId ?? e.series.id] ?? t.initialXDomains?.[e.series.id] ?? t.initialXDomain;
 			if (!(!n || !Number.isFinite(n[0]) || !Number.isFinite(n[1]) || n[0] === n[1])) return e.xScale.domain();
 		}));
 	}
-	function re() {
+	function ie() {
 		if (t.displayMode === "independent") {
 			let e = j.value;
-			j.value = C.value.map((t, n) => e[n] ?? K);
+			j.value = C.value.map((t, n) => e[n] ?? G);
 		}
 		L(), F.value = [], d(() => {
-			if (t.displayMode === "independent" && G) {
-				let e = C.value.map(() => K);
+			if (t.displayMode === "independent" && W) {
+				let e = C.value.map(() => G);
 				w.value.forEach((n) => {
-					let r = G?.[n.index];
+					let r = W?.[n.index];
 					if (!r) return;
-					let i = N(n), a = In(r, i, [n.seriesList], t);
-					e[n.index] = Ln(a, i, n.width);
-				}), j.value = e, G = void 0, d(z);
+					let i = N(n), a = Bn(r, i, [n.seriesList], t);
+					e[n.index] = Vn(a, i, n.width);
+				}), j.value = e, W = void 0, d(z);
 				return;
 			}
-			G = void 0, z();
+			W = void 0, z();
 		});
 	}
 	E([
@@ -2028,6 +2054,7 @@ function Hn(e) {
 		() => t.minVisiblePoints,
 		() => t.initialXDomain,
 		() => t.initialXDomains,
+		() => t.xDomainStrategy,
 		() => t.displayMode,
 		() => C.value.length,
 		v,
@@ -2068,7 +2095,7 @@ function Hn(e) {
 		let n = P.editorDraft.value;
 		n?.mode === "edit" && !e.some((e) => e.id === n.annotation.id) && P.closeEditor();
 	}, { deep: !0 });
-	function q() {
+	function K() {
 		if (!f.value || !i.value) {
 			c.value = 0, l.value = 0;
 			return;
@@ -2081,22 +2108,22 @@ function Hn(e) {
 		f,
 		p
 	], async () => {
-		c.value = 0, l.value = 0, await d(), q();
+		c.value = 0, l.value = 0, await d(), K();
 	}, { immediate: !0 }), h(() => {
-		window.addEventListener("keydown", ee), window.addEventListener("keyup", W), r.value && (a.value = new ResizeObserver(([e]) => {
-			o.value = Math.max(0, e?.contentRect.width ?? 0), s.value = Math.max(0, e?.contentRect.height ?? 0), d(q);
+		window.addEventListener("keydown", ee), window.addEventListener("keyup", te), 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(K);
 		}), a.value.observe(r.value));
 	}), m(() => {
-		window.removeEventListener("keydown", ee), window.removeEventListener("keyup", W), H(), a.value?.disconnect(), U(), F.value = [];
+		window.removeEventListener("keydown", ee), window.removeEventListener("keyup", te), H(), a.value?.disconnect(), U(), F.value = [];
 	}), {
-		goToPage: te,
-		handleBeforeDataReferenceChange: ne,
-		handleDataReferenceChange: re
+		goToPage: ne,
+		handleBeforeDataReferenceChange: re,
+		handleDataReferenceChange: ie
 	};
 }
 //#endregion
 //#region src/components/core/useWaveformData.ts
-function Un(e, t = !1) {
+function qn(e, t = !1) {
 	let n = Infinity, r = -Infinity, i = Infinity, a = -Infinity, o = !1;
 	for (let s of e) if (s.x < n && (n = s.x), s.x > r && (r = s.x), s.y < i && (i = s.y), s.y > a && (a = s.y), t) {
 		let e = At(s);
@@ -2108,24 +2135,24 @@ function Un(e, t = !1) {
 		hasErrorPoints: o
 	};
 }
-function Wn(e) {
+function Jn(e) {
 	return Mt(e).map((e) => {
-		let t = Un(e.points, e.errorBar.visible);
+		let t = qn(e.points, e.errorBar.visible);
 		return {
 			...e,
 			...t
 		};
 	});
 }
-function Gn(e, t, n) {
-	let r = x(Wn(e()));
+function Yn(e, t, n) {
+	let r = x(Jn(e()));
 	return E(e, (e) => {
-		t(), r.value = Wn(e), n();
+		t(), r.value = Jn(e), n();
 	}), r;
 }
 //#endregion
 //#region src/components/core/useWaveformLayout.ts
-function Kn(e) {
+function Xn(e) {
 	let { props: n, preparedSeries: r, currentPage: i, hiddenSeriesIdSet: a, chartWidth: o, innerHeight: s, isCleanView: c, sharedTransform: l, independentTransforms: u, sharedYDomains: d, independentYDomains: f, annotationInteraction: p } = e, m = t(() => r.value.map((e, t) => ({
 		...e,
 		color: e.color ?? (t === 0 ? n.lineColor : _t[t % _t.length])
@@ -2147,14 +2174,14 @@ function Kn(e) {
 			};
 		});
 	}), g = t(() => Xt(n.grid)), _ = t(() => zt(n.rendering)), v = t(() => Qt(h.value.length, g.value)), y = t(() => $t(h.value, i.value, g.value)), b = t(() => {
-		let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) => pn(e, n.overlayMode, n.yDomain, n.yDomains)).map((e) => mn(e.domain, !e.fixed).tickTextWidth), t = Math.max(7, ...e), r = t + 7 + 4, i = -(7 + t + 6 + 24 / 2);
+		let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) => _n(e, n.overlayMode, n.yDomain, n.yDomains)).map((e) => vn(e.domain, !e.fixed).tickTextWidth), t = Math.max(7, ...e), r = t + 7 + 4, i = -(7 + t + 6 + 24 / 2);
 		return {
 			tickClearance: r,
 			fullClearance: t + 7 + 6 + 24 + 4,
 			labelCenterX: i
 		};
 	}), x = t(() => h.value.some((e) => e.visibleSeries.length === 1 && !!(e.visibleSeries[0]?.name.trim() || n.yLabel))), S = t(() => h.value.some((e) => e.visibleSeries.length > 0)), C = t(() => Math.max(pt.left, x.value ? b.value.fullClearance : S.value ? b.value.tickClearance : 0)), w = t(() => h.value.reduce((e, t) => {
-		let r = _n(t, n.overlayMode, n.yDomain, n.yDomains);
+		let r = xn(t, n.overlayMode, n.yDomain, n.yDomains);
 		return {
 			left: Math.max(e.left, r.left),
 			right: Math.max(e.right, r.right)
@@ -2175,14 +2202,14 @@ function Kn(e) {
 		}), $(e);
 	}), F = t(() => {
 		let e = n.initialXDomain;
-		return e && Number.isFinite(e[0]) && Number.isFinite(e[1]) && e[0] !== e[1] ? e[0] < e[1] ? e : [e[1], e[0]] : P.value;
+		return e && Number.isFinite(e[0]) && Number.isFinite(e[1]) && e[0] !== e[1] ? on(e[0] < e[1] ? e : [e[1], e[0]], n.xDomainStrategy, !0) : on(P.value, n.xDomainStrategy);
 	}), I = (e) => {
 		let t = n.initialXDomains?.[e.series.trackId ?? e.series.id] ?? n.initialXDomains?.[e.series.id] ?? n.initialXDomain;
-		return t && Number.isFinite(t[0]) && Number.isFinite(t[1]) && t[0] !== t[1] ? t[0] < t[1] ? t : [t[1], t[0]] : $(e.seriesList.flatMap((e) => e.xDomain));
+		return t && Number.isFinite(t[0]) && Number.isFinite(t[1]) && t[0] !== t[1] ? on(t[0] < t[1] ? t : [t[1], t[0]], n.xDomainStrategy, !0) : on($(e.seriesList.flatMap((e) => e.xDomain)), n.xDomainStrategy);
 	}, L = t(() => l.value.rescaleX(B(F.value, [0, D.value])).domain()), R = t(() => tn(D.value, s.value, g.value, n.displayMode, y.value.map(Boolean), O.value.horizontalGap).map((e, t) => ({
 		...e,
 		series: y.value[t]
-	}))), z = t(() => rn({
+	}))), z = t(() => cn({
 		cells: R.value,
 		grid: g.value,
 		displayMode: n.displayMode,
@@ -2191,6 +2218,7 @@ function Kn(e) {
 		sharedZoomDomain: L.value,
 		initialXDomain: n.initialXDomain ? F.value : void 0,
 		initialXDomains: n.initialXDomains,
+		xDomainStrategy: n.xDomainStrategy,
 		fixedYDomain: n.yDomain,
 		fixedYDomains: n.yDomains,
 		yDomains: n.displayMode === "independent" ? Object.fromEntries(h.value.flatMap((e, t) => {
@@ -2230,7 +2258,7 @@ function Kn(e) {
 		annotationLayoutsForTrack: V,
 		resolveSeriesYScale: H,
 		annotationTrackLayouts: U,
-		renderedAnnotations: t(() => n.annotationsVisible ? pe(n.annotations, U.value, D.value, s.value) : []),
+		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 ? {
@@ -2245,13 +2273,13 @@ function Kn(e) {
 		}
 	};
 }
-var qn = 1e-6;
-function Jn(e) {
+var Zn = 1e-6;
+function Qn(e) {
 	return Number.isFinite(e) ? Math.max(1, e) : 1;
 }
-function Yn({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r }) {
-	let i = Jn(e), a = Jn(t), o = Jn(n), s = Number.isFinite(r) ? r : 0, c = s * Math.PI / 180, l = Math.abs(Math.cos(c)), u = Math.abs(Math.sin(c)), d = (s % 360 + 360) % 360;
-	if (!(d > qn && Math.abs(d - 360) > qn)) {
+function $n({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r }) {
+	let i = Qn(e), a = Qn(t), o = Qn(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 > Zn && Math.abs(d - 360) > Zn)) {
 		let e = Math.max(1, Math.ceil(i / o)), t = o, n = a * e;
 		return {
 			textWidth: t,
@@ -2276,7 +2304,7 @@ function Yn({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r
 }
 //#endregion
 //#region src/components/core/useWaveformPresentation.ts
-function Xn(e) {
+function er(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`
@@ -2321,7 +2349,7 @@ function Xn(e) {
 		maxWidth: O.value ? "none" : `${j.value}px`,
 		whiteSpace: O.value ? "nowrap" : "normal",
 		overflowWrap: O.value ? "normal" : "anywhere"
-	})), N = t(() => Yn({
+	})), N = t(() => $n({
 		naturalWidth: a.value || A.value,
 		naturalHeight: o.value || E.value * 1.2,
 		availableWidth: j.value,
@@ -2377,22 +2405,22 @@ function Xn(e) {
 }
 //#endregion
 //#region src/components/core/useWaveformChartController.ts
-function Zn(e, t) {
+function tr(e, t) {
 	e.value = t instanceof Element ? t : void 0;
 }
-function Qn(e, t) {
-	let n = v(), r = v(), i = v(), a = v(), o = v(0), s = v(0), c = v(0), l = v(0), d = v(0), f = x(K), p = x([]), m = v({}), h = v({}), g = b({
+function nr(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(G), 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 = ae("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ge(), A = v([]), j = zn();
+	}), y = v(!1), S = v(1), w = x(), T = oe("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ge(), A = v([]), j = Un();
 	E([() => e.yDomain, () => e.yDomains], () => {
 		m.value = {}, h.value = {};
 	}, { deep: !0 });
-	let M = x(null), N = v(!1), P = v(!1), F = () => void 0, I = () => void 0, L = Gn(() => e.data, () => F(), () => I()), R = Xn({
+	let M = x(null), N = v(!1), P = v(!1), F = () => void 0, I = () => void 0, L = Yn(() => e.data, () => F(), () => I()), R = er({
 		props: e,
 		observedWidth: o,
 		observedHeight: s,
@@ -2400,76 +2428,76 @@ function Qn(e, t) {
 		measuredTitleHeight: l,
 		internalHiddenSeriesIds: O,
 		paginationBandHeight: d
-	}), { chartWidth: z, chartHeight: B, isCleanView: V, isPresentationMode: H, hiddenSeriesIdSet: U, resolvedTitleText: ee, titleAreaReserved: W, titleMeasureStyle: te, titleAreaHeight: G, chartTopMargin: ne, innerHeight: re } = R, q = Kn({
+	}), { chartWidth: z, chartHeight: B, isCleanView: V, isPresentationMode: H, hiddenSeriesIdSet: U, resolvedTitleText: ee, titleAreaReserved: te, titleMeasureStyle: ne, titleAreaHeight: W, chartTopMargin: re, innerHeight: ie } = R, K = Xn({
 		props: e,
 		preparedSeries: L,
 		currentPage: S,
 		hiddenSeriesIdSet: U,
 		chartWidth: z,
-		innerHeight: re,
+		innerHeight: ie,
 		isCleanView: V,
 		sharedTransform: f,
 		independentTransforms: p,
 		sharedYDomains: m,
 		independentYDomains: h,
 		annotationInteraction: u(k)
-	}), { chartSeries: ie, chartTracks: oe, trackLayouts: se, gridOptions: ce, pageCount: le, pagedTracks: ue, resolvedChartLeftMargin: de, innerWidth: J, hasChartArea: fe, activeInteractionMode: pe, isZoomMode: Y, initialXDomain: me, sharedZoomDomain: he, resolveInitialTrackDomain: ge, annotationLayoutsForTrack: _e, resolveSeriesYScale: ve } = q;
+	}), { chartSeries: ae, chartTracks: se, trackLayouts: ce, gridOptions: le, pageCount: ue, pagedTracks: de, resolvedChartLeftMargin: fe, innerWidth: q, hasChartArea: pe, activeInteractionMode: me, isZoomMode: J, initialXDomain: he, sharedZoomDomain: Y, resolveInitialTrackDomain: ge, annotationLayoutsForTrack: _e, resolveSeriesYScale: ve } = K;
 	D(() => {
-		d.value = ce.value.showPagination && le.value > 1 && z.value <= 520 ? 40 : 0;
+		d.value = le.value.showPagination && ue.value > 1 && z.value <= 520 ? 40 : 0;
 	});
-	let X = Bn({
+	let X = Wn({
 		props: e,
 		emit: t,
 		svgElement: r,
 		sharedOverlayElement: a,
 		sharedTransform: f,
 		independentTransforms: p,
-		trackLayouts: se,
-		initialXDomain: me,
-		sharedZoomDomain: he,
-		innerWidth: J,
-		innerHeight: re,
-		hasChartArea: fe,
-		isZoomMode: Y,
+		trackLayouts: ce,
+		initialXDomain: he,
+		sharedZoomDomain: Y,
+		innerWidth: q,
+		innerHeight: ie,
+		hasChartArea: pe,
+		isZoomMode: J,
 		isPresentationMode: H,
 		resolveInitialTrackDomain: ge,
 		cancelPendingHover: () => Z.cancelPendingHover()
-	}), ye = xn({
+	}), ye = Tn({
 		props: e,
 		emit: t,
 		container: n,
-		chartSeries: ie,
+		chartSeries: ae,
 		hiddenSeriesIdSet: U,
 		internalHiddenSeriesIds: O,
 		annotationInteraction: k,
 		editorSeriesOptions: A,
-		trackLayouts: se,
+		trackLayouts: ce,
 		annotationLayoutsForTrack: _e,
 		resolveSeriesYScale: ve,
 		chartWidth: z,
 		chartHeight: B,
-		innerWidth: J,
-		resolvedChartLeftMargin: de,
-		titleAreaHeight: G,
-		chartTopMargin: ne,
-		activeInteractionMode: pe,
+		innerWidth: q,
+		resolvedChartLeftMargin: fe,
+		titleAreaHeight: W,
+		chartTopMargin: re,
+		activeInteractionMode: me,
 		isPresentationMode: H
-	}), be = Rn({
+	}), be = Hn({
 		props: e,
 		emit: t,
 		selection: M,
 		spacePressed: N,
-		trackLayouts: se,
-		chartTracks: oe,
-		initialXDomain: me,
-		innerWidth: J,
-		innerHeight: re,
+		trackLayouts: ce,
+		chartTracks: se,
+		initialXDomain: he,
+		innerWidth: q,
+		innerHeight: ie,
 		sharedOverlayElement: a,
 		sharedTransform: f,
 		independentTransforms: p,
 		sharedYDomains: m,
 		independentYDomains: h,
-		isZoomMode: Y,
+		isZoomMode: J,
 		isPresentationMode: H,
 		editorSeriesOptions: A,
 		resolveInitialTrackDomain: ge,
@@ -2479,22 +2507,22 @@ function Qn(e, t) {
 		cancelPendingZoom: X.cancelPendingZoom,
 		clearHover: () => Z.clearHover(),
 		resolveTrackAtPointer: ye.resolveTrackAtPointer
-	}), Z = Cn({
+	}), Z = Dn({
 		emit: t,
 		hoverState: g,
 		suppressHoverUntilMove: y,
 		hoverThrottle: j,
 		selection: M,
-		trackLayouts: se,
-		innerWidth: J,
-		resolvedChartLeftMargin: de,
-		titleAreaHeight: G,
-		chartTopMargin: ne,
+		trackLayouts: ce,
+		innerWidth: q,
+		resolvedChartLeftMargin: fe,
+		titleAreaHeight: W,
+		chartTopMargin: re,
 		sharedOverlayElement: a,
 		isPresentationMode: H,
 		updateViewportDrag: be.updateViewportDrag,
 		resolveTrackAtPointer: ye.resolveTrackAtPointer
-	}), xe = Hn({
+	}), xe = Kn({
 		props: e,
 		emit: t,
 		container: n,
@@ -2505,20 +2533,20 @@ function Qn(e, t) {
 		measuredTitleWidth: c,
 		measuredTitleHeight: l,
 		resolvedTitleText: ee,
-		titleAreaReserved: W,
-		titleMeasureStyle: te,
+		titleAreaReserved: te,
+		titleMeasureStyle: ne,
 		spacePressed: N,
 		pointerInsideChart: P,
 		currentPage: S,
-		pageCount: le,
-		pagedTracks: ue,
-		gridOptions: ce,
-		chartSeries: ie,
-		chartTracks: oe,
-		trackLayouts: se,
-		innerWidth: J,
-		innerHeight: re,
-		activeInteractionMode: pe,
+		pageCount: ue,
+		pagedTracks: de,
+		gridOptions: le,
+		chartSeries: ae,
+		chartTracks: se,
+		trackLayouts: ce,
+		innerWidth: q,
+		innerHeight: ie,
+		activeInteractionMode: me,
 		hiddenSeriesIdSet: U,
 		internalHiddenSeriesIds: O,
 		independentTransforms: p,
@@ -2538,7 +2566,7 @@ function Qn(e, t) {
 	return F = xe.handleBeforeDataReferenceChange, I = xe.handleDataReferenceChange, _({
 		...C(e),
 		...R,
-		...q,
+		...K,
 		...ye,
 		...be,
 		...Z,
@@ -2554,31 +2582,31 @@ function Qn(e, t) {
 		editorSeriesOptions: A,
 		clipPathId: T,
 		goToPage: xe.goToPage,
-		setContainer: (e) => Zn(n, e),
-		setSvgElement: (e) => Zn(r, e),
-		setTitleMeasureElement: (e) => Zn(i, e),
-		setSharedOverlayElement: (e) => Zn(a, e)
+		setContainer: (e) => tr(n, e),
+		setSvgElement: (e) => tr(r, e),
+		setTitleMeasureElement: (e) => tr(i, e),
+		setSharedOverlayElement: (e) => tr(a, e)
 	});
 }
 //#endregion
 //#region src/components/annotation/WaveformAnnotationEditor.vue?vue&type=script&setup=true&lang.ts
-var $n = ["aria-labelledby"], er = { class: "waveform-annotation-editor__panel" }, tr = { class: "waveform-annotation-editor__header" }, nr = ["id"], rr = {
+var rr = ["aria-labelledby"], ir = { class: "waveform-annotation-editor__panel" }, ar = { class: "waveform-annotation-editor__header" }, or = ["id"], sr = {
 	class: "waveform-annotation-editor__coordinates",
 	"aria-label": "标注坐标"
-}, ir = {
+}, cr = {
 	key: 0,
 	class: "waveform-annotation-editor__series",
 	"aria-label": "标注所属波形"
-}, ar = { class: "waveform-annotation-editor__series-label" }, or = ["value"], sr = ["value"], cr = { key: 1 }, lr = { class: "waveform-annotation-editor__field" }, ur = { class: "waveform-annotation-editor__label-row" }, dr = ["maxlength"], fr = { class: "waveform-annotation-editor__colors" }, pr = {
+}, lr = { class: "waveform-annotation-editor__series-label" }, ur = ["value"], dr = ["value"], fr = { key: 1 }, pr = { class: "waveform-annotation-editor__field" }, mr = { class: "waveform-annotation-editor__label-row" }, hr = ["maxlength"], gr = { class: "waveform-annotation-editor__colors" }, _r = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注边框色和透明度"
-}, mr = {
+}, vr = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注文字色和透明度"
-}, hr = {
+}, yr = {
 	class: "waveform-annotation-editor__color-field",
 	title: "调整标注背景色和透明度"
-}, gr = { class: "waveform-annotation-editor__actions" }, _r = ["disabled"], vr = /*#__PURE__*/ je(/* @__PURE__ */ c({
+}, br = { class: "waveform-annotation-editor__actions" }, xr = ["disabled"], Sr = /*#__PURE__*/ je(/* @__PURE__ */ c({
 	__name: "WaveformAnnotationEditor",
 	props: {
 		annotation: {},
@@ -2593,7 +2621,7 @@ var $n = ["aria-labelledby"], er = { class: "waveform-annotation-editor__panel"
 		"series-change"
 	],
 	setup(n, { emit: o }) {
-		let c = n, l = o, u = v(), f = ae("waveform-annotation-editor-title"), m = v(""), h = v(""), _ = v(""), b = v(""), x = t(() => m.value.trim().length > 0), C = t(() => m.value.length), D = t(() => {
+		let 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,
@@ -2631,21 +2659,21 @@ var $n = ["aria-labelledby"], er = { class: "waveform-annotation-editor__panel"
 			"aria-modal": "true",
 			"aria-labelledby": w(f),
 			onClick: n[6] ||= k((e) => l("cancel"), ["self"])
-		}, [a("section", er, [
-			a("header", tr, [a("div", null, [a("h2", { id: w(f) }, S(c.mode === "add" ? "添加标注" : "编辑标注"), 9, nr)]), a("button", {
+		}, [a("section", ir, [
+			a("header", ar, [a("div", null, [a("h2", { id: w(f) }, S(c.mode === "add" ? "添加标注" : "编辑标注"), 9, or)]), a("button", {
 				type: "button",
 				class: "waveform-annotation-editor__close",
 				"aria-label": "关闭标注编辑器",
 				title: "关闭",
 				onClick: n[0] ||= (e) => l("cancel")
 			}, " × ")]),
-			a("div", rr, [a("span", null, [a("b", null, "X (" + S(c.timeUnit) + ")", 1), a("code", null, S(w(ut)(c.annotation.x, c.timeUnit)), 1)]), a("span", null, [n[7] ||= a("b", null, "Y", -1), a("code", null, S(w(it)(c.annotation.y)), 1)])]),
-			D.value ? (g(), i("label", ir, [
+			a("div", sr, [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", cr, [
 				a("i", {
 					style: p({ backgroundColor: D.value.color }),
 					"aria-hidden": "true"
 				}, null, 4),
-				a("span", ar, [n[8] ||= a("small", null, "标注波形", -1), a("b", null, S(D.value.name), 1)]),
+				a("span", lr, [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,
@@ -2654,9 +2682,9 @@ var $n = ["aria-labelledby"], er = { 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, sr))), 128))], 40, or)) : D.value.unit ? (g(), i("code", cr, S(D.value.unit), 1)) : r("", !0)
+				}, S(e.name) + S(e.unit ? ` (${e.unit})` : ""), 9, dr))), 128))], 40, ur)) : D.value.unit ? (g(), i("code", fr, S(D.value.unit), 1)) : r("", !0)
 			])) : r("", !0),
-			a("label", lr, [a("span", ur, [n[9] ||= a("b", null, "标注文本", -1), a("small", null, S(C.value) + "/" + S(w(40)), 1)]), O(a("textarea", {
+			a("label", pr, [a("span", mr, [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,
@@ -2665,10 +2693,10 @@ var $n = ["aria-labelledby"], er = { class: "waveform-annotation-editor__panel"
 				"aria-label": "标注文本",
 				placeholder: "输入这处波形的说明",
 				onKeydown: M
-			}, null, 40, dr), [[T, m.value]])]),
-			a("fieldset", fr, [
+			}, null, 40, hr), [[T, m.value]])]),
+			a("fieldset", gr, [
 				n[13] ||= a("legend", null, "颜色与透明度", -1),
-				a("label", pr, [n[10] ||= a("span", null, "边框色", -1), s(w(q), {
+				a("label", _r, [n[10] ||= a("span", null, "边框色", -1), s(w(K), {
 					"pure-color": h.value,
 					"onUpdate:pureColor": n[2] ||= (e) => h.value = e,
 					"aria-label": "标注边框色",
@@ -2678,7 +2706,7 @@ var $n = ["aria-labelledby"], er = { class: "waveform-annotation-editor__panel"
 					"disable-alpha": !1,
 					"blur-close": !0
 				}, null, 8, ["pure-color"])]),
-				a("label", mr, [n[11] ||= a("span", null, "文字色", -1), s(w(q), {
+				a("label", vr, [n[11] ||= a("span", null, "文字色", -1), s(w(K), {
 					"pure-color": _.value,
 					"onUpdate:pureColor": n[3] ||= (e) => _.value = e,
 					"aria-label": "标注文字色",
@@ -2688,7 +2716,7 @@ var $n = ["aria-labelledby"], er = { class: "waveform-annotation-editor__panel"
 					"disable-alpha": !1,
 					"blur-close": !0
 				}, null, 8, ["pure-color"])]),
-				a("label", hr, [n[12] ||= a("span", null, "背景色", -1), s(w(q), {
+				a("label", yr, [n[12] ||= a("span", null, "背景色", -1), s(w(K), {
 					"pure-color": b.value,
 					"onUpdate:pureColor": n[4] ||= (e) => b.value = e,
 					"aria-label": "标注背景色",
@@ -2699,7 +2727,7 @@ var $n = ["aria-labelledby"], er = { class: "waveform-annotation-editor__panel"
 					"blur-close": !0
 				}, null, 8, ["pure-color"])])
 			]),
-			a("footer", gr, [a("button", {
+			a("footer", br, [a("button", {
 				type: "button",
 				onClick: n[5] ||= (e) => l("cancel")
 			}, "取消"), a("button", {
@@ -2707,10 +2735,10 @@ var $n = ["aria-labelledby"], er = { class: "waveform-annotation-editor__panel"
 				class: "is-primary",
 				disabled: !x.value,
 				onClick: j
-			}, " 保存标注 ", 8, _r)])
-		])], 8, $n));
+			}, " 保存标注 ", 8, xr)])
+		])], 8, rr));
 	}
-}), [["__scopeId", "data-v-52818b45"]]), yr = { class: "waveform-tooltip__time waveform-chart__tooltip-time" }, br = { class: "waveform-tooltip__series-content" }, xr = { key: 0 }, Sr = { class: "waveform-tooltip__value" }, Cr = { key: 0 }, wr = 12, Tr = 8, Er = 238, Dr = 320, Or = 20, kr = 20, Ar = /*#__PURE__*/ je(/* @__PURE__ */ c({
+}), [["__scopeId", "data-v-52818b45"]]), Cr = { class: "waveform-tooltip__time waveform-chart__tooltip-time" }, wr = { class: "waveform-tooltip__series-content" }, Tr = { key: 0 }, Er = { class: "waveform-tooltip__value" }, Dr = { key: 0 }, Or = 12, kr = 8, Ar = 238, jr = 320, Mr = 20, Nr = 20, Pr = /*#__PURE__*/ je(/* @__PURE__ */ c({
 	__name: "WaveformTooltip",
 	props: {
 		visible: { type: Boolean },
@@ -2724,7 +2752,7 @@ var $n = ["aria-labelledby"], er = { class: "waveform-annotation-editor__panel"
 	setup(n) {
 		let s = n;
 		function c(e, t) {
-			let n = Math.max(1, t - Or - 14), r = Math.max(1, Math.floor(n / 7.2));
+			let n = Math.max(1, t - Mr - 14), r = Math.max(1, Math.floor(n / 7.2));
 			return Math.max(1, Math.ceil([...e].length / r));
 		}
 		function l(e) {
@@ -2733,18 +2761,18 @@ var $n = ["aria-labelledby"], er = { class: "waveform-annotation-editor__panel"
 		}
 		function u(e, t) {
 			let n = s.seriesPoints.reduce((t, n) => t + c(l(n), e), 0);
-			return 16 + kr * (c(t, e) + n) + 5;
+			return 16 + Nr * (c(t, e) + n) + 5;
 		}
 		let d = t(() => {
 			if (!s.visible || !s.hoveredPoint) return { display: "none" };
-			let e = s.position.x + wr, t = s.position.x - wr - Er, n = s.containerWidth - Tr - e, r = s.position.x - wr - Tr, i = Math.max(1, Math.min(Dr, s.containerWidth - Tr * 2)), a = e + Er <= s.containerWidth - Tr ? {
+			let e = s.position.x + Or, t = s.position.x - Or - Ar, n = s.containerWidth - kr - e, r = s.position.x - Or - kr, i = Math.max(1, Math.min(jr, s.containerWidth - kr * 2)), a = e + Ar <= s.containerWidth - kr ? {
 				left: `${e}px`,
-				maxWidth: `${Math.min(Dr, n)}px`
-			} : t >= Tr ? {
-				right: `${s.containerWidth - s.position.x + wr}px`,
-				maxWidth: `${Math.min(Dr, r)}px`
+				maxWidth: `${Math.min(jr, n)}px`
+			} : t >= kr ? {
+				right: `${s.containerWidth - s.position.x + Or}px`,
+				maxWidth: `${Math.min(jr, r)}px`
 			} : {
-				left: `${Tr}px`,
+				left: `${kr}px`,
 				maxWidth: `${i}px`
 			}, o = Number.parseFloat(a.maxWidth), c = `${s.timeUnit}: ${lt(s.hoveredPoint.x, s.timeUnit)}`;
 			return {
@@ -2760,12 +2788,12 @@ var $n = ["aria-labelledby"], er = { class: "waveform-annotation-editor__panel"
 			key: 0,
 			class: "waveform-tooltip waveform-chart__tooltip",
 			style: p(d.value)
-		}, [a("span", yr, S(n.timeUnit) + ": " + S(w(lt)(n.hoveredPoint.x, n.timeUnit)), 1), (g(!0), i(e, null, y(n.seriesPoints, (e) => (g(), i("span", {
+		}, [a("span", Cr, 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), a("span", br, [e.name ? (g(), i("strong", xr, S(e.name) + ":", 1)) : r("", !0), a("span", Sr, [o(S(w(rt)(e.point.y)) + S(e.unit ? ` ${e.unit}` : "") + " ", 1), f(e.point) ? (g(), i("small", Cr, S(f(e.point)), 1)) : r("", !0)])])]))), 128))], 4)) : r("", !0);
+		}, [a("i", { style: p({ backgroundColor: e.color }) }, null, 4), a("span", wr, [e.name ? (g(), i("strong", Tr, S(e.name) + ":", 1)) : r("", !0), a("span", Er, [o(S(w(rt)(e.point.y)) + S(e.unit ? ` ${e.unit}` : "") + " ", 1), f(e.point) ? (g(), i("small", Dr, S(f(e.point)), 1)) : r("", !0)])])]))), 128))], 4)) : r("", !0);
 	}
-}), [["__scopeId", "data-v-93daa641"]]), jr = /* @__PURE__ */ c({
+}), [["__scopeId", "data-v-93daa641"]]), Fr = /* @__PURE__ */ c({
 	__name: "WaveformHoverHost",
 	props: {
 		state: {},
@@ -2776,7 +2804,7 @@ var $n = ["aria-labelledby"], er = { class: "waveform-annotation-editor__panel"
 	},
 	setup(e) {
 		let r = e, i = t(() => r.state.points[0]?.point ?? null);
-		return (t, r) => (g(), n(Ar, {
+		return (t, r) => (g(), n(Pr, {
 			visible: e.visible && i.value !== null,
 			position: e.state.position,
 			"time-unit": e.timeUnit,
@@ -2794,16 +2822,16 @@ var $n = ["aria-labelledby"], er = { class: "waveform-annotation-editor__panel"
 			"container-height"
 		]));
 	}
-}), Mr = 13, Nr = 2, Pr = 14, Fr = 8, Ir = 24, Lr = {
+}), Ir = 13, Lr = 2, Rr = 14, zr = 8, Br = 24, Vr = {
 	circle: U,
-	square: W,
-	triangle: te,
+	square: te,
+	triangle: ne,
 	diamond: ee
 };
-function Rr(e, t = 48) {
-	return e === "none" ? null : H().type(Lr[e]).size(t)() ?? null;
+function Hr(e, t = 48) {
+	return e === "none" ? null : H().type(Vr[e]).size(t)() ?? null;
 }
-function zr(e, t, n = 48) {
+function Ur(e, t, n = 48) {
 	if (e === "none" || t.length === 0) return null;
 	if (e === "circle") {
 		let e = Math.sqrt(n / Math.PI);
@@ -2820,24 +2848,24 @@ function zr(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 Br(e) {
+function Wr(e) {
 	return e === "none" ? null : "M1 8H25";
 }
-function Vr(e) {
+function Gr(e) {
 	if (e === "dashed") return "8 5";
 	if (e === "dash-dot") return "8 5 1.5 5";
 }
-function Hr(e) {
-	let t = (Number.isFinite(e) && e > 0 ? Math.min(e, Ir) : Fr) / 2, n = Mr - t, r = Mr + t;
+function Kr(e) {
+	let t = (Number.isFinite(e) && e > 0 ? Math.min(e, Br) : zr) / 2, n = Ir - t, r = Ir + t;
 	return [
-		`M${n} ${Nr}H${r}`,
-		`M${Mr} ${Nr}V${Pr}`,
-		`M${n} ${Pr}H${r}`
+		`M${n} ${Lr}H${r}`,
+		`M${Ir} ${Lr}V${Rr}`,
+		`M${n} ${Rr}H${r}`
 	].join("");
 }
 //#endregion
 //#region src/components/rendering/WaveformSeriesLayer.vue?vue&type=script&setup=true&lang.ts
-var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
+var qr = ["clip-path"], Jr = ["data-series-id", "data-series-name"], Yr = [
 	"data-series-id",
 	"data-series-name",
 	"data-y-axis-index",
@@ -2846,11 +2874,11 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 	"d",
 	"stroke",
 	"stroke-dasharray"
-], Kr = ["data-series-id"], qr = [
+], Xr = ["data-series-id"], Zr = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Jr = ["data-series-id", "data-point-type"], Yr = ["d", "fill"], Xr = /*#__PURE__*/ je(/* @__PURE__ */ c({
+], Qr = ["data-series-id", "data-point-type"], $r = ["d", "fill"], ei = /*#__PURE__*/ je(/* @__PURE__ */ c({
 	__name: "WaveformSeriesLayer",
 	props: {
 		track: {},
@@ -2858,7 +2886,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 	},
 	setup(n) {
 		let a = n, o = t(() => a.track.seriesPaths.map((e) => {
-			let t = zr(e.series.pointType, e.pointRenderPoints.map((t) => ({
+			let t = Ur(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) => {
@@ -2895,8 +2923,8 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				"data-line-style": e.series.lineStyle,
 				d: e.path,
 				stroke: e.series.color,
-				"stroke-dasharray": w(Vr)(e.series.lineStyle)
-			}, null, 8, Gr)) : r("", !0),
+				"stroke-dasharray": w(Gr)(e.series.lineStyle)
+			}, null, 8, Yr)) : r("", !0),
 			e.series.errorBar.visible ? (g(), i("g", {
 				key: 1,
 				class: "waveform-track__error-bars waveform-chart__error-bars",
@@ -2907,7 +2935,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				d: e.errorBarPath,
 				stroke: e.series.errorBar.color || e.series.color,
 				"stroke-width": e.series.errorBar.width
-			}, null, 8, qr)) : r("", !0)], 8, Kr)) : r("", !0),
+			}, null, 8, Zr)) : r("", !0)], 8, Xr)) : r("", !0),
 			e.series.pointType === "none" ? r("", !0) : (g(), i("g", {
 				key: 2,
 				class: "waveform-track__points waveform-chart__points",
@@ -2918,20 +2946,20 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				class: "waveform-track__point waveform-chart__point",
 				d: e.pointPath,
 				fill: e.series.color
-			}, null, 8, Yr)) : r("", !0)], 8, Jr))
-		], 8, Wr))), 128))], 8, Ur)) : r("", !0);
+			}, null, 8, $r)) : r("", !0)], 8, Qr))
+		], 8, Jr))), 128))], 8, qr)) : r("", !0);
 	}
-}), [["__scopeId", "data-v-42a3fd47"]]), Zr = ["transform"], Qr = ["transform"], $r = {
+}), [["__scopeId", "data-v-42a3fd47"]]), ti = ["transform"], ni = ["transform"], ri = {
 	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"
-}, ei = ["x"], ti = [
+}, ii = ["x"], ai = [
 	"data-y-axis-index",
 	"data-y-axis-side",
 	"transform"
-], ni = { key: 2 }, ri = ["x", "y"], ii = ["fill", "transform"], ai = ["data-y-axis-title-index"], oi = ["x", "y"], si = ["fill", "transform"], ci = /* @__PURE__ */ c({
+], oi = { key: 2 }, si = ["x", "y"], ci = ["fill", "transform"], li = ["data-y-axis-title-index"], ui = ["x", "y"], di = ["fill", "transform"], fi = /* @__PURE__ */ c({
 	__name: "WaveformTrackAxes",
 	props: {
 		track: {},
@@ -2990,7 +3018,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				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, Zr)) : r("", !0),
+			}, null, 10, ti)) : r("", !0),
 			t.track.showXAxis ? (g(), i("g", {
 				key: 1,
 				class: "waveform-track__axis-endpoints waveform-chart__axis-endpoints",
@@ -2998,13 +3026,13 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				"font-family": "sans-serif",
 				"font-size": "10",
 				"aria-hidden": "true"
-			}, [a("text", $r, S(t.track.endpointLabels.start), 1), a("text", {
+			}, [a("text", ri, 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, ei)], 8, Qr)) : r("", !0),
+			}, S(t.track.endpointLabels.end), 9, ii)], 8, ni)) : 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,
@@ -3013,21 +3041,21 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				"data-y-axis-index": e.index,
 				"data-y-axis-side": e.side,
 				transform: `translate(${e.x}, 0)`
-			}, null, 10, ti))), 128)),
-			!t.cleanView && !t.track.isEmpty && t.track.hasVisibleSeries && t.track.seriesList.length === 1 && t.track.showYAxisLabel && c(t.track.series) && p(t.track.height, t.track.index) ? (g(), i("g", ni, [a("rect", {
+			}, null, 10, ai))), 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", oi, [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, ri), a("text", {
+			}, null, 8, si), 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, ii)])) : r("", !0),
+			}, S(c(t.track.series)), 9, ci)])) : 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",
@@ -3039,40 +3067,40 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				width: "24",
 				height: "80",
 				rx: "2"
-			}, null, 8, oi), a("text", {
+			}, null, 8, ui), 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, si)], 8, ai))), 128))
+			}, S(c(e.seriesList[0])), 9, di)], 8, li))), 128))
 		], 64));
 	}
-}), li = [
+}), pi = [
 	"width",
 	"height",
 	"fill"
-], ui = ["clip-path"], di = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, fi = [
+], mi = ["clip-path"], hi = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, gi = [
 	"stroke",
 	"x1",
 	"x2",
 	"y2"
-], pi = [
+], _i = [
 	"stroke",
 	"x2",
 	"y1",
 	"y2"
-], mi = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, hi = [
+], vi = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, yi = [
 	"stroke",
 	"x1",
 	"x2",
 	"y2"
-], gi = [
+], bi = [
 	"stroke",
 	"x2",
 	"y1",
 	"y2"
-], _i = ["clip-path"], vi = [
+], xi = ["clip-path"], Si = [
 	"data-y-axis-index",
 	"x2",
 	"y1",
@@ -3080,7 +3108,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], yi = ["x", "y"], bi = /* @__PURE__ */ c({
+], Ci = ["x", "y"], wi = /* @__PURE__ */ c({
 	__name: "WaveformTrackBackdrop",
 	props: {
 		track: {},
@@ -3105,12 +3133,12 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				height: t.track.height,
 				fill: t.frameStyle.backgroundColor,
 				"aria-hidden": "true"
-			}, null, 8, li)) : r("", !0),
+			}, null, 8, pi)) : 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", di, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMinorTicks, (e) => (g(), i("line", {
+			}, [a("g", hi, [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,
@@ -3118,7 +3146,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				x2: t.track.xScale(e),
 				y1: "0",
 				y2: t.track.height
-			}, null, 8, fi))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMinorTicks, (e) => (g(), i("line", {
+			}, null, 8, gi))), 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,
@@ -3126,7 +3154,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				x2: t.track.width ?? t.innerWidth,
 				y1: t.track.yScale(e),
 				y2: t.track.yScale(e)
-			}, null, 8, pi))), 128)) : r("", !0)]), a("g", mi, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMajorTicks, (e) => (g(), i("line", {
+			}, null, 8, _i))), 128)) : r("", !0)]), a("g", vi, [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,
@@ -3134,7 +3162,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				x2: t.track.xScale(e),
 				y1: "0",
 				y2: t.track.height
-			}, null, 8, hi))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMajorTicks, (e) => (g(), i("line", {
+			}, null, 8, yi))), 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,
@@ -3142,7 +3170,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				x2: t.track.width ?? t.innerWidth,
 				y1: t.track.yScale(e),
 				y2: t.track.yScale(e)
-			}, null, 8, gi))), 128)) : r("", !0)])], 8, ui)) : r("", !0),
+			}, null, 8, bi))), 128)) : r("", !0)])], 8, mi)) : 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",
@@ -3159,7 +3187,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				stroke: t.zeroLine.color,
 				"stroke-width": t.zeroLine.width,
 				"stroke-dasharray": t.zeroLine.dash || void 0
-			}, null, 8, vi))], 64))), 128))], 8, _i)) : r("", !0),
+			}, null, 8, Si))], 64))), 128))], 8, xi)) : 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",
@@ -3169,10 +3197,10 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				"text-anchor": "middle",
 				"dominant-baseline": "central",
 				"aria-hidden": "true"
-			}, S(t.frameNumber), 13, yi)) : r("", !0)
+			}, S(t.frameNumber), 13, Ci)) : r("", !0)
 		], 64));
 	}
-}), xi = [
+}), Ti = [
 	"data-track-index",
 	"data-track-empty",
 	"data-track-left",
@@ -3181,19 +3209,19 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 	"data-track-top",
 	"data-track-height",
 	"transform"
-], Si = [
+], Ei = [
 	"width",
 	"height",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray",
 	"stroke-linecap"
-], Ci = [
+], Di = [
 	"data-interactive",
 	"data-independent-overlay-index",
 	"width",
 	"height"
-], wi = ["x", "y"], Ti = /* @__PURE__ */ c({
+], Oi = ["x", "y"], ki = /* @__PURE__ */ c({
 	__name: "WaveformTrack",
 	props: {
 		track: {},
@@ -3252,7 +3280,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 			"data-track-height": e.track.height,
 			transform: `translate(${e.track.left ?? 0}, ${e.track.top})`
 		}, [
-			s(bi, {
+			s(wi, {
 				track: e.track,
 				"clip-path-id": e.clipPathId,
 				"inner-width": e.innerWidth,
@@ -3269,7 +3297,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				"frame-style",
 				"zero-line"
 			]),
-			s(ci, {
+			s(fi, {
 				track: e.track,
 				"inner-width": e.innerWidth,
 				"clean-view": e.cleanView,
@@ -3295,8 +3323,8 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				"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, Si)),
-			s(Xr, {
+			}, null, 8, Ei)),
+			s(ei, {
 				track: e.track,
 				"clip-path-id": e.clipPathId
 			}, null, 8, ["track", "clip-path-id"]),
@@ -3318,7 +3346,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				onPointerleave: n[4] ||= (e) => o("pointer-leave"),
 				onClick: n[5] ||= (e) => o("click", e),
 				onContextmenu: n[6] ||= (e) => o("contextmenu", e)
-			}, null, 42, Ci)) : r("", !0),
+			}, null, 42, Di)) : r("", !0),
 			!e.track.isEmpty && !e.track.hasVisibleSeries && !e.cleanView ? (g(), i("text", {
 				key: 2,
 				class: "waveform-track__no-visible-series",
@@ -3326,33 +3354,33 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				y: e.track.height / 2,
 				"text-anchor": "middle",
 				"dominant-baseline": "central"
-			}, " 暂无可见曲线 ", 8, wi)) : r("", !0)
-		], 10, xi));
+			}, " 暂无可见曲线 ", 8, Oi)) : r("", !0)
+		], 10, Ti));
 	}
-}), Ei = [
+}), Ai = [
 	"width",
 	"height",
 	"data-position",
 	"data-orientation"
-], Di = [
+], ji = [
 	"disabled",
 	"aria-pressed",
 	"aria-label",
 	"onClick"
-], Oi = [
+], Mi = [
 	"data-line-type",
 	"data-line-style",
 	"data-point-type",
 	"data-error-bar-visible"
-], ki = [
+], Ni = [
 	"d",
 	"stroke",
 	"stroke-dasharray"
-], Ai = [
+], Pi = [
 	"d",
 	"stroke",
 	"stroke-width"
-], ji = ["d", "fill"], Mi = ["title"], Ni = /*#__PURE__*/ je(/* @__PURE__ */ c({
+], Fi = ["d", "fill"], Ii = ["title"], Li = /*#__PURE__*/ je(/* @__PURE__ */ c({
 	__name: "WaveformLegend",
 	props: {
 		series: {},
@@ -3410,45 +3438,45 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 			"data-point-type": e.pointType,
 			"data-error-bar-visible": e.errorBar.visible || void 0
 		}, [
-			w(Br)(e.lineType) ? (g(), i("path", {
+			w(Wr)(e.lineType) ? (g(), i("path", {
 				key: 0,
 				class: "waveform-legend__line",
-				d: w(Br)(e.lineType) ?? void 0,
+				d: w(Wr)(e.lineType) ?? void 0,
 				stroke: e.color,
-				"stroke-dasharray": w(Vr)(e.lineStyle),
+				"stroke-dasharray": w(Gr)(e.lineStyle),
 				"stroke-width": "1.5",
 				fill: "none"
-			}, null, 8, ki)) : r("", !0),
+			}, null, 8, Ni)) : r("", !0),
 			e.errorBar.visible ? (g(), i("path", {
 				key: 1,
 				class: "waveform-legend__error-bar",
-				d: w(Hr)(e.errorBar.capWidth),
+				d: w(Kr)(e.errorBar.capWidth),
 				stroke: e.errorBar.color || e.color,
 				"stroke-width": e.errorBar.width,
 				"stroke-linecap": "butt",
 				fill: "none"
-			}, null, 8, Ai)) : r("", !0),
+			}, null, 8, Pi)) : r("", !0),
 			e.pointType === "none" ? r("", !0) : (g(), i("path", {
 				key: 2,
 				class: "waveform-legend__point",
-				d: w(Rr)(e.pointType, 30) ?? void 0,
+				d: w(Hr)(e.pointType, 30) ?? void 0,
 				fill: e.color,
 				transform: "translate(13 8)"
-			}, null, 8, ji))
-		], 8, Oi)), a("span", {
+			}, null, 8, Fi))
+		], 8, Mi)), a("span", {
 			class: "waveform-legend__label",
 			title: e.name
-		}, S(e.name), 9, Mi)], 10, Di))), 128))], 6)], 2)], 8, Ei));
+		}, S(e.name), 9, Ii)], 10, ji))), 128))], 6)], 2)], 8, Ai));
 	}
-}), [["__scopeId", "data-v-2ae12e71"]]), Pi = {
+}), [["__scopeId", "data-v-2ae12e71"]]), Ri = {
 	class: "waveform-chart__hover-layer",
 	"pointer-events": "none",
 	"aria-hidden": "true"
-}, Fi = ["clip-path", "transform"], Ii = [
+}, zi = ["clip-path", "transform"], Bi = [
 	"x1",
 	"x2",
 	"y2"
-], Li = /*#__PURE__*/ je(/* @__PURE__ */ c({
+], Vi = /*#__PURE__*/ je(/* @__PURE__ */ c({
 	__name: "WaveformHoverLayer",
 	props: {
 		state: {},
@@ -3471,7 +3499,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				}] : [];
 			});
 		});
-		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", Ri, [(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})`,
@@ -3481,9 +3509,9 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 			x2: e.x,
 			y1: "0",
 			y2: e.track.height
-		}, null, 8, Ii)], 8, Fi))), 128))]));
+		}, null, 8, Bi)], 8, zi))), 128))]));
 	}
-}), [["__scopeId", "data-v-a6f82099"]]), Ri = [
+}), [["__scopeId", "data-v-a6f82099"]]), Hi = [
 	"data-display-mode",
 	"data-interaction-mode",
 	"data-presentation-mode",
@@ -3492,35 +3520,35 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 	"data-plot-margin-top",
 	"data-plot-margin-bottom",
 	"data-title-area-height"
-], zi = [
+], Ui = [
 	"role",
 	"aria-level",
 	"aria-hidden"
-], Bi = ["data-title-scale", "data-title-wrapped"], Vi = [
+], Wi = ["data-title-scale", "data-title-wrapped"], Gi = [
 	"width",
 	"height",
 	"aria-label"
-], Hi = ["id"], Ui = ["width", "height"], Wi = ["transform"], Gi = {
+], Ki = ["id"], qi = ["width", "height"], Ji = ["transform"], Yi = {
 	key: 0,
 	class: "waveform-chart__grid-slots",
 	"aria-hidden": "true"
-}, Ki = ["transform"], qi = ["width", "height"], Ji = ["width", "height"], Yi = [
+}, Xi = ["transform"], Zi = ["width", "height"], Qi = ["width", "height"], $i = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Xi = {
+], ea = {
 	key: 4,
 	class: "waveform-chart__legend-layer"
-}, Zi = [
+}, ta = [
 	"data-legend-track-index",
 	"data-legend-track-id",
 	"transform"
-], Qi = ["x", "y"], $i = ["x", "y"], ea = /* @__PURE__ */ c({
+], na = ["x", "y"], ra = ["x", "y"], ia = /* @__PURE__ */ c({
 	__name: "WaveformChartView",
 	props: { controller: {} },
 	setup(t) {
-		let { displayMode: o, activeInteractionMode: c, isCleanView: l, isPresentationMode: u, selection: d, containerStyle: m, overlayMode: h, resolvedChartLeftMargin: _, titleAreaHeight: v, resolvedPlotMargin: b, pointerInsideChart: x, handleNativeContextMenu: T, titleAreaReserved: E, titleAreaStyle: D, titleVisible: O, titleMeasureStyle: k, resolvedTitleText: A, titleVisualStyle: j, titleTextStyle: M, titleLayout: N, chartWidth: P, drawingHeight: F, hasWaveformData: I, requestViewportReset: L, trackLayouts: R, clipPathId: z, chartTopMargin: B, gridCells: V, hasVisibleWaveformData: H, zoomable: U, isZoomMode: ee, innerWidth: W, innerHeight: te, handleSharedPointerMove: G, beginSharedViewportDrag: K, finishViewportDrag: ne, cancelViewportDrag: q, handlePointerLeave: ie, handleAnnotationClick: ae, handleAnnotationContextMenu: oe, resolveFrameNumber: se, frameStyle: ce, axes: le, resolvedZeroLine: ue, timeUnit: de, yLabel: J, handleIndependentPointerMove: fe, beginViewportDrag: pe, hoverState: Y, showTooltip: me, selectionBox: he, renderedAnnotations: ge, annotationsVisible: _e, handleExistingAnnotationContextMenu: ve, beginAnnotationDrag: X, handleAnnotationMove: ye, endAnnotationDrag: be, resolveLegendPosition: Z, resolveLegendOrientation: xe, legendBackgroundColor: Se, legendInteractive: Ce, resolvedHiddenSeriesIds: we, toggleSeriesVisibility: Te, resolvedXLabel: Ee, xAxisTitleY: De, hasChartArea: Oe, gridOptions: ke, pageCount: Ae, currentPage: je, getPageSize: Pe, chartTracks: Q, goToPage: Fe, annotationInteraction: Ie, editorDraft: Le, contextMenu: Re, editorSeries: ze, editorSeriesOptions: Be, confirmAnnotation: Ve, cancelAnnotation: He, changeDraftSeries: Ue, editContextAnnotation: We, deleteContextAnnotation: Ge, chartHeight: $, setContainer: Ke, setSvgElement: qe, setTitleMeasureElement: Je, setSharedOverlayElement: Ye } = C(t.controller);
+		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: W, beginSharedViewportDrag: G, finishViewportDrag: re, cancelViewportDrag: K, handlePointerLeave: ae, handleAnnotationClick: oe, handleAnnotationContextMenu: se, resolveFrameNumber: ce, frameStyle: le, axes: ue, resolvedZeroLine: de, timeUnit: fe, yLabel: q, handleIndependentPointerMove: pe, beginViewportDrag: me, hoverState: J, showTooltip: he, selectionBox: Y, renderedAnnotations: ge, annotationsVisible: _e, handleExistingAnnotationContextMenu: ve, beginAnnotationDrag: X, handleAnnotationMove: ye, endAnnotationDrag: be, resolveLegendPosition: Z, resolveLegendOrientation: xe, legendBackgroundColor: Se, legendInteractive: Ce, resolvedHiddenSeriesIds: we, toggleSeriesVisibility: Te, resolvedXLabel: Ee, xAxisTitleY: De, hasChartArea: Oe, gridOptions: ke, pageCount: Ae, currentPage: je, getPageSize: Pe, chartTracks: Q, goToPage: Fe, annotationInteraction: Ie, editorDraft: Le, contextMenu: Re, editorSeries: ze, editorSeriesOptions: Be, confirmAnnotation: Ve, cancelAnnotation: He, changeDraftSeries: Ue, editContextAnnotation: We, deleteContextAnnotation: Ge, chartHeight: $, setContainer: Ke, setSvgElement: qe, setTitleMeasureElement: Je, setSharedOverlayElement: Ye } = C(t.controller);
 		return (t, C) => (g(), i("div", {
 			ref: w(Ke),
 			class: f(["waveform-chart", [
@@ -3566,7 +3594,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				style: p(w(M)),
 				"data-title-scale": w(N).scale,
 				"data-title-wrapped": w(N).wrapped || void 0
-			}, S(w(A)), 13, Bi)], 4)) : r("", !0)], 12, zi)) : r("", !0),
+			}, S(w(A)), 13, Wi)], 4)) : r("", !0)], 12, Ui)) : r("", !0),
 			(g(), i("svg", {
 				ref: w(qe),
 				class: "waveform-chart__svg",
@@ -3583,9 +3611,9 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				}, [a("rect", {
 					width: e.width,
 					height: e.height
-				}, null, 8, Ui)], 8, Hi))), 128))]),
+				}, null, 8, qi)], 8, Ki))), 128))]),
 				a("g", { transform: `translate(${w(_)}, ${w(B)})` }, [
-					w(o) !== "compact" && !w(l) ? (g(), i("g", Gi, [(g(!0), i(e, null, y(w(V), (e) => (g(), i("g", {
+					w(o) !== "compact" && !w(l) ? (g(), i("g", Yi, [(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", {
@@ -3593,7 +3621,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 						class: "waveform-chart__grid-slot-placeholder",
 						width: e.width,
 						height: e.cellHeight
-					}, null, 8, qi))], 8, Ki))), 128))])) : r("", !0),
+					}, null, 8, Zi))], 8, Xi))), 128))])) : r("", !0),
 					w(o) !== "independent" && w(R).length && w(H) ? (g(), i("rect", {
 						key: 1,
 						ref: w(Ye),
@@ -3601,39 +3629,39 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 							"is-zoomable": !w(u) && w(U) && w(ee),
 							"is-annotating": !w(u) && w(c) === "annotation"
 						}]),
-						width: w(W),
-						height: w(te),
-						onPointermove: C[0] ||= (...e) => w(G) && w(G)(...e),
-						onPointerdown: C[1] ||= (...e) => w(K) && w(K)(...e),
-						onPointerup: C[2] ||= (...e) => w(ne) && w(ne)(...e),
-						onPointercancel: C[3] ||= (...e) => w(q) && w(q)(...e),
-						onPointerleave: C[4] ||= (...e) => w(ie) && w(ie)(...e),
-						onClick: C[5] ||= (...e) => w(ae) && w(ae)(...e),
-						onContextmenu: C[6] ||= (...e) => w(oe) && w(oe)(...e)
-					}, null, 42, Ji)) : r("", !0),
-					(g(!0), i(e, null, y(w(R), (e) => (g(), n(w(Ti), {
+						width: w(te),
+						height: w(ne),
+						onPointermove: C[0] ||= (...e) => w(W) && w(W)(...e),
+						onPointerdown: C[1] ||= (...e) => w(G) && w(G)(...e),
+						onPointerup: C[2] ||= (...e) => w(re) && w(re)(...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, Qi)) : r("", !0),
+					(g(!0), i(e, null, y(w(R), (e) => (g(), n(w(ki), {
 						key: `${e.index}-${e.series.name}`,
 						track: e,
 						"clip-path-id": w(z),
-						"inner-width": w(W),
+						"inner-width": w(te),
 						zoomable: w(U),
 						interactive: !w(u),
 						"display-mode": w(o),
 						"interaction-mode": w(c),
-						"frame-number": w(se)(e.index),
-						"frame-style": w(ce),
-						axes: w(le),
+						"frame-number": w(ce)(e.index),
+						"frame-style": w(le),
+						axes: w(ue),
 						"clean-view": w(l),
-						"zero-line": w(ue),
-						"time-unit": w(de),
-						"y-label": w(J),
-						onPointerMove: (t) => w(fe)(t, e.index),
-						onPointerDown: (t) => w(pe)(t, e.index, !0),
-						onPointerUp: w(ne),
-						onPointerCancel: w(q),
-						onPointerLeave: w(ie),
-						onClick: (t) => w(ae)(t, e.index),
-						onContextmenu: (t) => w(oe)(t, e.index)
+						"zero-line": w(de),
+						"time-unit": w(fe),
+						"y-label": w(q),
+						onPointerMove: (t) => w(pe)(t, e.index),
+						onPointerDown: (t) => w(me)(t, e.index, !0),
+						onPointerUp: w(re),
+						onPointerCancel: w(K),
+						onPointerLeave: w(ae),
+						onClick: (t) => w(oe)(t, e.index),
+						onContextmenu: (t) => w(se)(t, e.index)
 					}, null, 8, [
 						"track",
 						"clip-path-id",
@@ -3657,26 +3685,26 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 						"onClick",
 						"onContextmenu"
 					]))), 128)),
-					s(w(Li), {
-						state: w(Y),
+					s(w(Vi), {
+						state: w(J),
 						tracks: w(R),
 						"clip-path-id": w(z),
-						visible: w(me) && !w(u)
+						visible: w(he) && !w(u)
 					}, null, 8, [
 						"state",
 						"tracks",
 						"clip-path-id",
 						"visible"
 					]),
-					w(he) && w(d)?.kind === "box" ? (g(), i("rect", {
+					w(Y) && w(d)?.kind === "box" ? (g(), i("rect", {
 						key: 2,
 						class: "waveform-chart__zoom-selection",
-						x: w(he).x,
-						y: w(he).y,
-						width: w(he).width,
-						height: w(he).height,
+						x: w(Y).x,
+						y: w(Y).y,
+						width: w(Y).width,
+						height: w(Y).height,
 						"aria-hidden": "true"
-					}, null, 8, Yi)) : r("", !0),
+					}, null, 8, $i)) : r("", !0),
 					w(l) ? r("", !0) : (g(), n(w(Me), {
 						key: 3,
 						annotations: w(ge),
@@ -3695,13 +3723,13 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 						"onMove",
 						"onDragEnd"
 					])),
-					w(l) ? r("", !0) : (g(), i("g", Xi, [(g(!0), i(e, null, y(w(R), (e) => (g(), i("g", {
+					w(l) ? r("", !0) : (g(), i("g", ea, [(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(Ni), {
+					}, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(Li), {
 						key: 0,
 						series: e.legendSeries,
 						position: w(Z)(e.id),
@@ -3709,7 +3737,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 						"background-color": w(Se),
 						interactive: w(Ce),
 						"hidden-series-ids": w(we),
-						width: e.width ?? w(W),
+						width: e.width ?? w(te),
 						height: e.height,
 						onToggle: w(Te)
 					}, null, 8, [
@@ -3722,24 +3750,24 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 						"width",
 						"height",
 						"onToggle"
-					])) : r("", !0)], 8, Zi))), 128))]))
-				], 8, Wi),
+					])) : r("", !0)], 8, ta))), 128))]))
+				], 8, Ji),
 				w(Ee) && !w(l) ? (g(), i("text", {
 					key: 0,
 					class: "waveform-chart__label waveform-chart__x-label",
-					x: w(_) + w(W) / 2,
+					x: w(_) + w(te) / 2,
 					y: w(De),
 					"text-anchor": "middle"
-				}, S(w(Ee)), 9, Qi)) : r("", !0),
+				}, S(w(Ee)), 9, na)) : r("", !0),
 				w(Oe) && !w(I) ? (g(), i("text", {
 					key: 1,
 					class: "waveform-chart__empty",
 					x: w(P) / 2,
 					y: w(F) / 2,
 					"text-anchor": "middle"
-				}, " 暂无有效波形数据 ", 8, $i)) : r("", !0)
-			], 40, Vi)),
-			w(ke).showPagination && w(Ae) > 1 && !w(l) ? (g(), n(w(re), {
+				}, " 暂无有效波形数据 ", 8, ra)) : r("", !0)
+			], 40, Gi)),
+			w(ke).showPagination && w(Ae) > 1 && !w(l) ? (g(), n(w(ie), {
 				key: 1,
 				class: "waveform-chart__pagination",
 				"aria-label": "波形分页",
@@ -3755,13 +3783,13 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				"total",
 				"onChange"
 			])) : r("", !0),
-			w(Le) && !w(l) && !w(u) ? (g(), n(vr, {
+			w(Le) && !w(l) && !w(u) ? (g(), n(Sr, {
 				key: 2,
 				annotation: w(Le).annotation,
 				mode: w(Le).mode,
 				series: w(ze),
 				"series-options": w(Be),
-				"time-unit": w(de),
+				"time-unit": w(fe),
 				onConfirm: w(Ve),
 				onCancel: w(He),
 				onSeriesChange: w(Ue)
@@ -3793,10 +3821,10 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				"onDelete",
 				"onClose"
 			])) : r("", !0),
-			s(w(jr), {
-				state: w(Y),
-				visible: w(me) && !w(u),
-				"time-unit": w(de),
+			s(w(Fr), {
+				state: w(J),
+				visible: w(he) && !w(u),
+				"time-unit": w(fe),
 				"container-width": w(P),
 				"container-height": w($)
 			}, null, 8, [
@@ -3806,9 +3834,9 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 				"container-width",
 				"container-height"
 			])
-		], 46, Ri));
+		], 46, Hi));
 	}
-}), ta = /* @__PURE__ */ c({
+}), aa = /* @__PURE__ */ c({
 	__name: "WaveformChart",
 	props: {
 		data: {},
@@ -3835,6 +3863,7 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 		minVisiblePoints: { default: 0 },
 		initialXDomain: {},
 		initialXDomains: {},
+		xDomainStrategy: { default: () => ({ type: "data" }) },
 		yDomain: {},
 		yDomains: {},
 		timeUnit: { default: "ms" },
@@ -3885,9 +3914,9 @@ var Ur = ["clip-path"], Wr = ["data-series-id", "data-series-name"], Gr = [
 		"page-change"
 	],
 	setup(e, { expose: t, emit: r }) {
-		let i = Qn(e, r);
-		return t({ resetViewport: i.resetViewport }), (e, t) => (g(), n(ea, { controller: w(i) }, null, 8, ["controller"]));
+		let i = nr(e, r);
+		return t({ resetViewport: i.resetViewport }), (e, t) => (g(), n(ia, { controller: w(i) }, null, 8, ["controller"]));
 	}
 });
 //#endregion
-export { Rt as DEFAULT_WAVEFORM_RENDERING_OPTIONS, ta as WaveformChart, Ke as buildMinorTicks, ft as clamp, at as displayTime, ct as formatAxisTime, st as formatEndpointTime, lt as formatTooltipTime, jt as normalizeWaveformData, Mt as normalizeWaveformSeries, $ as paddedDomain, We as parseWaveformAnnotations, dt as resolveTrackGeometry, zt as resolveWaveformRenderingOptions, Gt as selectRenderablePoints, Ue as serializeWaveformAnnotations };
+export { Rt as DEFAULT_WAVEFORM_RENDERING_OPTIONS, aa as WaveformChart, Ke as buildMinorTicks, ft as clamp, at as displayTime, ct as formatAxisTime, st as formatEndpointTime, lt as formatTooltipTime, jt as normalizeWaveformData, Mt as normalizeWaveformSeries, $ as paddedDomain, We as parseWaveformAnnotations, dt as resolveTrackGeometry, zt as resolveWaveformRenderingOptions, Gt as selectRenderablePoints, Ue as serializeWaveformAnnotations };