waveform-analysis 0.1.26 → 0.1.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/index.cjs +1 -1
- package/dist/index.js +535 -575
- package/dist/types/components/core/layout.d.ts +2 -4
- package/dist/types/components/core/types.d.ts +0 -3
- package/dist/types/utils/formatters.d.ts +9 -10
- package/dist/types/utils/index.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/core/layout.test.ts +7 -8
- package/src/components/core/layout.ts +10 -20
- package/src/components/core/trackLayoutBuilder.ts +4 -23
- package/src/components/core/types.ts +0 -3
- package/src/components/core/useWaveformLayout.ts +5 -27
- package/src/components/interaction/WaveformTooltip.test.ts +16 -0
- package/src/components/interaction/useWaveformZoom.ts +12 -8
- package/src/components/rendering/WaveformTrackAxes.vue +4 -26
- package/src/components/waveformChartCases/compactAndSharedHover.test.ts +7 -7
- package/src/components/waveformChartCases/dataAndHoverPerformance.test.ts +2 -2
- package/src/components/waveformChartCases/dataLifecycle.test.ts +4 -4
- package/src/components/waveformChartCases/frameGridAndFormatting.test.ts +29 -22
- package/src/components/waveformChartCases/interactionAndAnnotationCreation.test.ts +1 -1
- package/src/components/waveformChartCases/layoutAndDomains.test.ts +16 -14
- package/src/components/waveformChartCases/multiAxisAndPagination.test.ts +8 -8
- package/src/components/waveformChartCases/presentationAndAxes.test.ts +6 -4
- package/src/components/waveformChartCases/presentationMode.test.ts +1 -1
- package/src/components/waveformChartCases/viewportBoxAndPan.test.ts +15 -0
- package/src/components/waveformChartCases/viewportConstraintsAndReset.test.ts +59 -11
- package/src/components/waveformChartCases/wheelZoomOut.test.ts +114 -0
- package/src/utils/formatters.test.ts +40 -31
- package/src/utils/formatters.ts +45 -45
- package/src/utils/index.ts +0 -1
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
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";
|
|
2
|
-
import { axisBottom as A, axisLeft as j, axisRight as M, bisector as N, curveStep as P, curveStepAfter as F, curveStepBefore as I, extent as L, line as R, pointer as z, scaleLinear as B, select as V, symbol as H, symbolCircle as ee, symbolDiamond as te, symbolSquare as ne, symbolTriangle as re, zoom as ie, zoomIdentity as U } from "d3";
|
|
2
|
+
import { axisBottom as A, axisLeft as j, axisRight as M, bisector as N, curveStep as P, curveStepAfter as F, curveStepBefore as I, extent as L, line as R, pointer as z, scaleLinear as B, select as V, symbol as H, symbolCircle as ee, symbolDiamond as te, symbolSquare as ne, symbolTriangle as re, zoom as ie, zoomIdentity as U, zoomTransform as W } from "d3";
|
|
3
3
|
import { Pagination as ae } from "ant-design-vue";
|
|
4
|
-
import { ColorPicker as
|
|
4
|
+
import { ColorPicker as G } from "vue3-colorpicker";
|
|
5
5
|
import "vue3-colorpicker/style.css";
|
|
6
6
|
//#region src/utils/waveformId.ts
|
|
7
7
|
var oe = 0;
|
|
@@ -25,7 +25,7 @@ function le(e, t, n) {
|
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
27
|
function ue(e, t, n, r, i, a, o) {
|
|
28
|
-
let s =
|
|
28
|
+
let s = fe(e, t, n, r, i);
|
|
29
29
|
return s.x >= 0 && s.y >= 0 && s.x + n <= a && s.y + r <= o;
|
|
30
30
|
}
|
|
31
31
|
function de(e, t, n, r, i, a) {
|
|
@@ -41,7 +41,7 @@ function de(e, t, n, r, i, a) {
|
|
|
41
41
|
]) if (ue(e, t, n, r, o, i, a)) return o;
|
|
42
42
|
return "top";
|
|
43
43
|
}
|
|
44
|
-
function
|
|
44
|
+
function K(e, t, n) {
|
|
45
45
|
let r = e.x + e.width / 2, i = e.y + e.height / 2, a = t - r, o = n - i;
|
|
46
46
|
if (Math.abs(a) * e.height > Math.abs(o) * e.width) {
|
|
47
47
|
let t = a >= 0 ? e.x + e.width : e.x, n = a === 0 ? 0 : (t - r) / a;
|
|
@@ -56,7 +56,7 @@ function fe(e, t, n) {
|
|
|
56
56
|
y: s
|
|
57
57
|
};
|
|
58
58
|
}
|
|
59
|
-
function
|
|
59
|
+
function fe(e, t, n, r, i) {
|
|
60
60
|
let a = e - n / 2, o = t - r / 2, s = e + 32, c = e - n - 32, l = t - r - 32, u = t + 32;
|
|
61
61
|
switch (i) {
|
|
62
62
|
case "top": return {
|
|
@@ -95,19 +95,19 @@ function G(e, t, n, r, i) {
|
|
|
95
95
|
}
|
|
96
96
|
function pe(e, t, n) {
|
|
97
97
|
return {
|
|
98
|
-
width: Math.min(t, Math.max(16, Math.min(240, Math.ceil(Math.max(...e.map(
|
|
98
|
+
width: Math.min(t, Math.max(16, Math.min(240, Math.ceil(Math.max(...e.map(X), 0)) + 16))),
|
|
99
99
|
height: Math.min(n, Math.max(26, (e.length - 1) * 16 + 14 + 16))
|
|
100
100
|
};
|
|
101
101
|
}
|
|
102
102
|
function me(e, t, n, r, i, a, o = 0, s = 0) {
|
|
103
|
-
let { width: c, height: l } = pe(n, r, i), u =
|
|
103
|
+
let { width: c, height: l } = pe(n, r, i), u = fe(e, t, c, l, a), d = le({
|
|
104
104
|
x: u.x + o,
|
|
105
105
|
y: u.y + s,
|
|
106
106
|
width: c,
|
|
107
107
|
height: l,
|
|
108
108
|
lineEndX: e,
|
|
109
109
|
lineEndY: t
|
|
110
|
-
}, r, i), f =
|
|
110
|
+
}, r, i), f = K(d, e, t);
|
|
111
111
|
return {
|
|
112
112
|
...d,
|
|
113
113
|
lineEndX: f.x,
|
|
@@ -137,28 +137,28 @@ function he(e, t, n, r) {
|
|
|
137
137
|
placement: y,
|
|
138
138
|
lines: c,
|
|
139
139
|
box: { ...x },
|
|
140
|
-
style:
|
|
140
|
+
style: xe(e.style)
|
|
141
141
|
});
|
|
142
142
|
}), i;
|
|
143
143
|
}
|
|
144
144
|
//#endregion
|
|
145
145
|
//#region src/components/annotation/markup.ts
|
|
146
|
-
var
|
|
146
|
+
var ge = {
|
|
147
147
|
borderColor: "#1677ff",
|
|
148
148
|
textColor: "#333333",
|
|
149
149
|
backgroundColor: "rgba(255, 255, 255, 0.92)"
|
|
150
|
-
},
|
|
151
|
-
function
|
|
150
|
+
}, q = "12px Arial, sans-serif", _e = N((e) => e.x);
|
|
151
|
+
function ve(e, t) {
|
|
152
152
|
if (!e.length || !Number.isFinite(t)) return null;
|
|
153
|
-
let n =
|
|
153
|
+
let n = _e.center(e, t), r = e[Math.min(n, e.length - 1)], i = e[Math.max(0, n - 1)];
|
|
154
154
|
return Math.abs(t - i.x) < Math.abs(r.x - t) ? i : r;
|
|
155
155
|
}
|
|
156
|
-
function
|
|
156
|
+
function ye(e, t, n = "linear") {
|
|
157
157
|
if (!e.length || !Number.isFinite(t)) return null;
|
|
158
158
|
let r = e[0], i = e[e.length - 1];
|
|
159
159
|
if (t < r.x || t > i.x) return null;
|
|
160
160
|
if (e.length === 1) return t === r.x ? { ...r } : null;
|
|
161
|
-
let a =
|
|
161
|
+
let a = _e.left(e, t), o = e[Math.min(a, e.length - 1)];
|
|
162
162
|
if (o.x === t || a === 0) return {
|
|
163
163
|
x: t,
|
|
164
164
|
y: o.y
|
|
@@ -188,18 +188,18 @@ function ve(e, t, n = "linear") {
|
|
|
188
188
|
y: s.y + (o.y - s.y) * l
|
|
189
189
|
};
|
|
190
190
|
}
|
|
191
|
-
function
|
|
191
|
+
function J(e, t, n, r) {
|
|
192
192
|
return e.flatMap((e) => {
|
|
193
|
-
let i =
|
|
193
|
+
let i = ye(e.series.points, t, e.series.lineType);
|
|
194
194
|
if (!i) return [];
|
|
195
|
-
let a =
|
|
195
|
+
let a = ve(e.series.points, t);
|
|
196
196
|
if (!a) return [];
|
|
197
197
|
let o = e.xScale(i.x), s = e.top + e.yScale(i.y), c = e.xScale(a.x), l = e.top + e.yScale(a.y);
|
|
198
198
|
return [{
|
|
199
199
|
trackIndex: e.index,
|
|
200
200
|
seriesId: e.series.id,
|
|
201
201
|
name: e.series.name?.trim() || e.series.id,
|
|
202
|
-
color: e.series.color ||
|
|
202
|
+
color: e.series.color || ge.borderColor,
|
|
203
203
|
unit: e.series.unit,
|
|
204
204
|
point: a,
|
|
205
205
|
screenX: c,
|
|
@@ -208,18 +208,18 @@ function ye(e, t, n, r) {
|
|
|
208
208
|
}];
|
|
209
209
|
}).sort((e, t) => e.distance - t.distance || e.trackIndex - t.trackIndex);
|
|
210
210
|
}
|
|
211
|
-
var
|
|
211
|
+
var Y;
|
|
212
212
|
function be(e) {
|
|
213
213
|
return Array.from(e).reduce((e, t) => e + (t.codePointAt(0) > 255 ? 12 : 6.7), 0);
|
|
214
214
|
}
|
|
215
|
-
function
|
|
216
|
-
return
|
|
215
|
+
function X(e) {
|
|
216
|
+
return Y === void 0 && (Y = null, typeof document < "u" && typeof CanvasRenderingContext2D < "u" && (Y = document.createElement("canvas").getContext("2d"), Y && (Y.font = q))), Y?.measureText(e).width ?? be(e);
|
|
217
217
|
}
|
|
218
|
-
function
|
|
218
|
+
function xe(e) {
|
|
219
219
|
return {
|
|
220
|
-
borderColor: e?.borderColor ||
|
|
221
|
-
textColor: e?.textColor ||
|
|
222
|
-
backgroundColor: e?.backgroundColor ||
|
|
220
|
+
borderColor: e?.borderColor || ge.borderColor,
|
|
221
|
+
textColor: e?.textColor || ge.textColor,
|
|
222
|
+
backgroundColor: e?.backgroundColor || ge.backgroundColor
|
|
223
223
|
};
|
|
224
224
|
}
|
|
225
225
|
function Se(e) {
|
|
@@ -425,7 +425,7 @@ var we = [
|
|
|
425
425
|
x: b(t).x + b(t).width / 2,
|
|
426
426
|
y: b(t).y + b(t).height / 2 - (t.lines.length - 1) * w(16) / 2,
|
|
427
427
|
fill: t.style.textColor,
|
|
428
|
-
style: p({ font: w(
|
|
428
|
+
style: p({ font: w(q) }),
|
|
429
429
|
"text-anchor": "middle",
|
|
430
430
|
"dominant-baseline": "central"
|
|
431
431
|
}, [(g(!0), i(e, null, y(t.lines, (e, n) => (g(), i("tspan", {
|
|
@@ -435,11 +435,11 @@ var we = [
|
|
|
435
435
|
}, S(e), 9, Ae))), 128))], 12, ke)
|
|
436
436
|
], 40, we))), 128))], 2)) : r("", !0);
|
|
437
437
|
}
|
|
438
|
-
}),
|
|
438
|
+
}), Z = (e, t) => {
|
|
439
439
|
let n = e.__vccOpts || e;
|
|
440
440
|
for (let [e, r] of t) n[e] = r;
|
|
441
441
|
return n;
|
|
442
|
-
}, Me = /*#__PURE__*/
|
|
442
|
+
}, Me = /*#__PURE__*/ Z(je, [["__scopeId", "data-v-7254383e"]]), Ne = /*#__PURE__*/ Z(/* @__PURE__ */ c({
|
|
443
443
|
__name: "WaveformAnnotationContextMenu",
|
|
444
444
|
props: {
|
|
445
445
|
visible: { type: Boolean },
|
|
@@ -482,7 +482,7 @@ var we = [
|
|
|
482
482
|
], 36)) : r("", !0);
|
|
483
483
|
}
|
|
484
484
|
}), [["__scopeId", "data-v-c70c98a1"]]), Pe = 1;
|
|
485
|
-
function
|
|
485
|
+
function Q(e) {
|
|
486
486
|
throw TypeError(`Invalid waveform annotation file: ${e}`);
|
|
487
487
|
}
|
|
488
488
|
function Fe(e) {
|
|
@@ -490,23 +490,23 @@ function Fe(e) {
|
|
|
490
490
|
}
|
|
491
491
|
function Ie(e, t, n) {
|
|
492
492
|
let r = e[t];
|
|
493
|
-
return (typeof r != "string" || r.trim().length === 0) &&
|
|
493
|
+
return (typeof r != "string" || r.trim().length === 0) && Q(`${n}.${t} must be a non-empty string`), r;
|
|
494
494
|
}
|
|
495
495
|
function Le(e, t, n) {
|
|
496
496
|
let r = e[t];
|
|
497
|
-
if (r !== void 0) return typeof r != "string" &&
|
|
497
|
+
if (r !== void 0) return typeof r != "string" && Q(`${n}.${t} must be a string`), r;
|
|
498
498
|
}
|
|
499
499
|
function Re(e, t, n) {
|
|
500
500
|
let r = e[t];
|
|
501
|
-
return (typeof r != "number" || !Number.isFinite(r)) &&
|
|
501
|
+
return (typeof r != "number" || !Number.isFinite(r)) && Q(`${n}.${t} must be a finite number`), r;
|
|
502
502
|
}
|
|
503
503
|
function ze(e, t, n) {
|
|
504
504
|
let r = e[t];
|
|
505
|
-
if (r !== void 0) return (typeof r != "number" || !Number.isFinite(r)) &&
|
|
505
|
+
if (r !== void 0) return (typeof r != "number" || !Number.isFinite(r)) && Q(`${n}.${t} must be a finite number`), r;
|
|
506
506
|
}
|
|
507
507
|
function Be(e, t) {
|
|
508
508
|
if (e === void 0) return;
|
|
509
|
-
Fe(e) ||
|
|
509
|
+
Fe(e) || Q(`${t} must be an object`);
|
|
510
510
|
let n = Le(e, "borderColor", t), r = Le(e, "textColor", t), i = Le(e, "backgroundColor", t);
|
|
511
511
|
return {
|
|
512
512
|
...n !== void 0 && { borderColor: n },
|
|
@@ -516,9 +516,9 @@ function Be(e, t) {
|
|
|
516
516
|
}
|
|
517
517
|
function Ve(e, t) {
|
|
518
518
|
let n = `annotations[${t}]`;
|
|
519
|
-
Fe(e) ||
|
|
519
|
+
Fe(e) || Q(`${n} must be an object`);
|
|
520
520
|
let r = Ie(e, "text", n);
|
|
521
|
-
r.length > 40 &&
|
|
521
|
+
r.length > 40 && Q(`${n}.text must not exceed 40 characters`);
|
|
522
522
|
let i = ze(e, "labelOffsetX", n), a = ze(e, "labelOffsetY", n), o = Le(e, "createdAt", n), s = Be(e.style, `${n}.style`);
|
|
523
523
|
return {
|
|
524
524
|
id: Ie(e, "id", n),
|
|
@@ -535,7 +535,7 @@ function Ve(e, t) {
|
|
|
535
535
|
function He(e) {
|
|
536
536
|
let t = e.map(Ve), n = /* @__PURE__ */ new Set();
|
|
537
537
|
return t.forEach((e, t) => {
|
|
538
|
-
n.has(e.id) &&
|
|
538
|
+
n.has(e.id) && Q(`annotations[${t}].id must be unique`), n.add(e.id);
|
|
539
539
|
}), t;
|
|
540
540
|
}
|
|
541
541
|
function Ue(e) {
|
|
@@ -545,14 +545,14 @@ function Ue(e) {
|
|
|
545
545
|
}, null, 2);
|
|
546
546
|
}
|
|
547
547
|
function We(e) {
|
|
548
|
-
typeof e != "string" &&
|
|
548
|
+
typeof e != "string" && Q("input must be a JSON string");
|
|
549
549
|
let t;
|
|
550
550
|
try {
|
|
551
551
|
t = JSON.parse(e);
|
|
552
552
|
} catch {
|
|
553
|
-
|
|
553
|
+
Q("input is not valid JSON");
|
|
554
554
|
}
|
|
555
|
-
return Fe(t) ||
|
|
555
|
+
return Fe(t) || Q("root must be an object"), t.version !== Pe && Q(`version must be ${Pe}`), Array.isArray(t.annotations) || Q("annotations must be an array"), He(t.annotations);
|
|
556
556
|
}
|
|
557
557
|
//#endregion
|
|
558
558
|
//#region src/components/annotation/useWaveformAnnotationInteraction.ts
|
|
@@ -596,7 +596,7 @@ function Ge() {
|
|
|
596
596
|
}
|
|
597
597
|
//#endregion
|
|
598
598
|
//#region src/utils/domain.ts
|
|
599
|
-
function
|
|
599
|
+
function $(e) {
|
|
600
600
|
if (e.length === 0) return [0, 1];
|
|
601
601
|
let [t = 0, n = 1] = L(e);
|
|
602
602
|
if (t !== n) return [t, n];
|
|
@@ -625,73 +625,67 @@ function Ke(e, t = 5, n) {
|
|
|
625
625
|
}
|
|
626
626
|
//#endregion
|
|
627
627
|
//#region src/utils/formatters.ts
|
|
628
|
-
var qe =
|
|
629
|
-
|
|
628
|
+
var qe = .001, Je = 1e3, Ye = new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 4 }), Xe = new Intl.NumberFormat("zh-CN", { maximumFractionDigits: 4 }), Ze = new Intl.NumberFormat("zh-CN", {
|
|
629
|
+
maximumFractionDigits: 0,
|
|
630
|
+
useGrouping: !1
|
|
631
|
+
});
|
|
632
|
+
function Qe(e, t) {
|
|
630
633
|
let n = e.toFixed(Math.max(0, t));
|
|
631
634
|
return /^-0(?:\.0+)?$/.test(n) ? n.slice(1) : n;
|
|
632
635
|
}
|
|
633
|
-
function
|
|
634
|
-
return Number.isFinite(e) && (e >=
|
|
636
|
+
function $e(e) {
|
|
637
|
+
return Number.isFinite(e) && (e >= Je || e > 0 && e < qe);
|
|
635
638
|
}
|
|
636
|
-
function
|
|
639
|
+
function et(e, t) {
|
|
637
640
|
if (typeof e != "number" || typeof t != "number") return null;
|
|
638
|
-
let n = Math.
|
|
639
|
-
return
|
|
641
|
+
let n = Math.abs(Math.max(e, t));
|
|
642
|
+
return $e(n) ? Math.floor(Math.log10(n)) : null;
|
|
640
643
|
}
|
|
641
|
-
function
|
|
644
|
+
function tt(e) {
|
|
642
645
|
return `E${e >= 0 ? "+" : "-"}${Math.abs(e).toString().padStart(2, "0")}`;
|
|
643
646
|
}
|
|
644
|
-
function
|
|
645
|
-
if (
|
|
646
|
-
let
|
|
647
|
-
return
|
|
647
|
+
function nt(e) {
|
|
648
|
+
if (Object.is(e, -0)) return "0";
|
|
649
|
+
let t = e === 0 ? 0 : Number(e.toPrecision(5)), n = Ye.format(t);
|
|
650
|
+
return n === "-0" ? "0" : n;
|
|
648
651
|
}
|
|
649
|
-
function
|
|
650
|
-
|
|
651
|
-
|
|
652
|
+
function rt(e, t = {}) {
|
|
653
|
+
if (!Number.isFinite(e)) return String(e);
|
|
654
|
+
let n = et(t.axisMin, t.axisMax), r = nt(n === null ? e : e / 10 ** n), i = t.topTickValue ?? t.axisMax;
|
|
655
|
+
return n !== null && e === i ? `${tt(n)} ${r}` : r;
|
|
652
656
|
}
|
|
653
|
-
function
|
|
657
|
+
function it(e) {
|
|
654
658
|
return Number.isFinite(e) ? Object.is(e, -0) ? "0" : Xe.format(e) : String(e);
|
|
655
659
|
}
|
|
656
|
-
function
|
|
660
|
+
function at(e) {
|
|
661
|
+
if (!Number.isFinite(e)) return String(e);
|
|
662
|
+
let t = Ze.format(e);
|
|
663
|
+
return t === "-0" ? "0" : t;
|
|
664
|
+
}
|
|
665
|
+
function ot(e) {
|
|
657
666
|
if (!Number.isFinite(e)) return String(e);
|
|
658
667
|
if (Object.is(e, -0)) return "0";
|
|
659
668
|
let [t, n] = e.toExponential().split("e"), r = Number(n), i = t.startsWith("-"), a = t.replace("-", "").replace(".", ""), o = r + 1, s;
|
|
660
669
|
return s = o <= 0 ? `0.${"0".repeat(Math.abs(o))}${a}` : o >= a.length ? `${a}${"0".repeat(o - a.length)}` : `${a.slice(0, o)}.${a.slice(o)}`, `${i ? "-" : ""}${s}`;
|
|
661
670
|
}
|
|
662
|
-
function
|
|
671
|
+
function st(e, t) {
|
|
663
672
|
return t === "ms" ? e * 1e3 : e;
|
|
664
673
|
}
|
|
665
|
-
function
|
|
666
|
-
|
|
667
|
-
return tt($(e, n), {
|
|
668
|
-
axisMin: r,
|
|
669
|
-
axisMax: i
|
|
670
|
-
});
|
|
674
|
+
function ct(e, t, n) {
|
|
675
|
+
return at(st(e, n));
|
|
671
676
|
}
|
|
672
|
-
function
|
|
673
|
-
|
|
674
|
-
return tt(r, {
|
|
675
|
-
axisMin: i?.[0],
|
|
676
|
-
axisMax: i?.[1]
|
|
677
|
-
});
|
|
678
|
-
}
|
|
679
|
-
function st(e, t) {
|
|
680
|
-
let [n, r] = e.map((e) => $(e, t));
|
|
681
|
-
return nt(n, r);
|
|
677
|
+
function lt(e, t, n) {
|
|
678
|
+
return at(st(e, t));
|
|
682
679
|
}
|
|
683
|
-
function
|
|
684
|
-
return
|
|
685
|
-
minimumFractionDigits: 4,
|
|
686
|
-
maximumFractionDigits: 4
|
|
687
|
-
});
|
|
680
|
+
function ut(e, t) {
|
|
681
|
+
return it(st(e, t));
|
|
688
682
|
}
|
|
689
|
-
function
|
|
690
|
-
return Number.isFinite(e) ?
|
|
683
|
+
function dt(e, t) {
|
|
684
|
+
return Number.isFinite(e) ? Qe(st(e, t), 3) : String(e);
|
|
691
685
|
}
|
|
692
686
|
//#endregion
|
|
693
687
|
//#region src/utils/geometry.ts
|
|
694
|
-
function
|
|
688
|
+
function ft(e, t, n) {
|
|
695
689
|
if (e <= 0) return {
|
|
696
690
|
gap: 0,
|
|
697
691
|
axisBand: 0,
|
|
@@ -704,20 +698,20 @@ function ut(e, t, n) {
|
|
|
704
698
|
height: Math.max(1, (n - (e - 1) * (c + l)) / e)
|
|
705
699
|
};
|
|
706
700
|
}
|
|
707
|
-
function
|
|
701
|
+
function pt(e, t, n) {
|
|
708
702
|
return Math.min(Math.max(e, t), n);
|
|
709
703
|
}
|
|
710
704
|
//#endregion
|
|
711
705
|
//#region src/components/core/constants.ts
|
|
712
|
-
var
|
|
706
|
+
var mt = {
|
|
713
707
|
top: 18,
|
|
714
708
|
right: 24,
|
|
715
709
|
bottom: 52,
|
|
716
710
|
left: 64
|
|
717
|
-
},
|
|
711
|
+
}, ht = {
|
|
718
712
|
DEFAULT_MAX_SCALE: 40,
|
|
719
713
|
MIN_SCALE: 1
|
|
720
|
-
},
|
|
714
|
+
}, gt = .62, _t = 1.2, vt = [
|
|
721
715
|
"#0960bd",
|
|
722
716
|
"#ff7f0e",
|
|
723
717
|
"#389e0d",
|
|
@@ -728,42 +722,42 @@ var ft = {
|
|
|
728
722
|
"#434343",
|
|
729
723
|
"#7cb305",
|
|
730
724
|
"#1d39c4"
|
|
731
|
-
],
|
|
725
|
+
], yt = {
|
|
732
726
|
WIDTH: 1.5,
|
|
733
727
|
CAP_WIDTH: 8
|
|
734
|
-
},
|
|
728
|
+
}, bt = {
|
|
735
729
|
COLOR: "#98a2b3",
|
|
736
730
|
WIDTH: 1,
|
|
737
731
|
DASH: "6 4"
|
|
738
732
|
};
|
|
739
733
|
//#endregion
|
|
740
734
|
//#region src/components/core/yDomain.ts
|
|
741
|
-
function
|
|
735
|
+
function xt(e) {
|
|
742
736
|
if (!(!e || !Number.isFinite(e[0]) || !Number.isFinite(e[1]) || e[0] === e[1])) return e[0] < e[1] ? [e[0], e[1]] : [e[1], e[0]];
|
|
743
737
|
}
|
|
744
|
-
function
|
|
745
|
-
return
|
|
738
|
+
function St(e, t) {
|
|
739
|
+
return xt(t?.[e.id]);
|
|
746
740
|
}
|
|
747
|
-
function
|
|
748
|
-
return
|
|
741
|
+
function Ct(e, t, n) {
|
|
742
|
+
return xt(n?.[e.id]) ?? xt(t);
|
|
749
743
|
}
|
|
750
|
-
function
|
|
751
|
-
return !!(
|
|
744
|
+
function wt(e, t, n) {
|
|
745
|
+
return !!(St(e, n) || e.visibleSeries.some((e) => Ct(e, t, n)));
|
|
752
746
|
}
|
|
753
|
-
function
|
|
747
|
+
function Tt(e) {
|
|
754
748
|
return [Math.min(...e.map((e) => e[0])), Math.max(...e.map((e) => e[1]))];
|
|
755
749
|
}
|
|
756
750
|
//#endregion
|
|
757
751
|
//#region src/core/data.ts
|
|
758
|
-
var
|
|
759
|
-
function
|
|
752
|
+
var Et = yt.WIDTH, Dt = yt.CAP_WIDTH;
|
|
753
|
+
function Ot(e) {
|
|
760
754
|
return e === "dashed" || e === "dash-dot" ? e : "solid";
|
|
761
755
|
}
|
|
762
|
-
function
|
|
756
|
+
function kt(e) {
|
|
763
757
|
return typeof e == "number" && Number.isFinite(e) && e >= 0 ? e : void 0;
|
|
764
758
|
}
|
|
765
|
-
function
|
|
766
|
-
let t =
|
|
759
|
+
function At(e) {
|
|
760
|
+
let t = kt(e.error), n = kt(e.lowerError), r = kt(e.upperError);
|
|
767
761
|
return {
|
|
768
762
|
x: e.x,
|
|
769
763
|
y: e.y,
|
|
@@ -772,14 +766,14 @@ function Ot(e) {
|
|
|
772
766
|
...r === void 0 ? {} : { upperError: r }
|
|
773
767
|
};
|
|
774
768
|
}
|
|
775
|
-
function
|
|
776
|
-
let t =
|
|
769
|
+
function jt(e) {
|
|
770
|
+
let t = kt(e.error) ?? 0;
|
|
777
771
|
return {
|
|
778
|
-
lower:
|
|
779
|
-
upper:
|
|
772
|
+
lower: kt(e.lowerError) ?? t,
|
|
773
|
+
upper: kt(e.upperError) ?? t
|
|
780
774
|
};
|
|
781
775
|
}
|
|
782
|
-
function
|
|
776
|
+
function Mt(e) {
|
|
783
777
|
if (e.kind === "samples") {
|
|
784
778
|
if (!Number.isFinite(e.sampleRate) || e.sampleRate <= 0) return [];
|
|
785
779
|
let t = Number.isFinite(e.startTime) ? e.startTime ?? 0 : 0, n = [];
|
|
@@ -795,14 +789,14 @@ function At(e) {
|
|
|
795
789
|
let t = [], n = -Infinity, r = !0;
|
|
796
790
|
for (let i of e.points) {
|
|
797
791
|
if (!Number.isFinite(i.x) || !Number.isFinite(i.y)) continue;
|
|
798
|
-
let e =
|
|
792
|
+
let e = At(i);
|
|
799
793
|
e.x < n && (r = !1), n = e.x, t.push(e);
|
|
800
794
|
}
|
|
801
795
|
return r || t.sort((e, t) => e.x - t.x), t;
|
|
802
796
|
}
|
|
803
|
-
function
|
|
797
|
+
function Nt(e) {
|
|
804
798
|
if (e.kind !== "series") {
|
|
805
|
-
let t =
|
|
799
|
+
let t = Mt(e);
|
|
806
800
|
return t.length > 0 ? [{
|
|
807
801
|
id: "series-0",
|
|
808
802
|
name: "",
|
|
@@ -811,8 +805,8 @@ function jt(e) {
|
|
|
811
805
|
pointType: "none",
|
|
812
806
|
errorBar: {
|
|
813
807
|
visible: !1,
|
|
814
|
-
width:
|
|
815
|
-
capWidth:
|
|
808
|
+
width: Et,
|
|
809
|
+
capWidth: Dt
|
|
816
810
|
},
|
|
817
811
|
points: t
|
|
818
812
|
}] : [];
|
|
@@ -822,7 +816,7 @@ function jt(e) {
|
|
|
822
816
|
let r = e.id?.trim() || `series-${n}`, i = r, a = 1;
|
|
823
817
|
for (; t.has(i);) i = `${r}-${a}`, a++;
|
|
824
818
|
t.add(i);
|
|
825
|
-
let o = e.lineType ?? "linear", s =
|
|
819
|
+
let o = e.lineType ?? "linear", s = Ot(e.lineStyle), c = e.pointType ?? "none", l = e.errorBar?.visible === !0, u = o === "none" && c === "none" && !l ? "linear" : o, d = Number(e.errorBar?.width), f = Number(e.errorBar?.capWidth);
|
|
826
820
|
return {
|
|
827
821
|
id: i,
|
|
828
822
|
trackId: e.trackId?.trim() || void 0,
|
|
@@ -835,55 +829,55 @@ function jt(e) {
|
|
|
835
829
|
errorBar: {
|
|
836
830
|
visible: l,
|
|
837
831
|
color: e.errorBar?.color,
|
|
838
|
-
width: Number.isFinite(d) && d > 0 ? d :
|
|
839
|
-
capWidth: Number.isFinite(f) && f > 0 ? f :
|
|
832
|
+
width: Number.isFinite(d) && d > 0 ? d : Et,
|
|
833
|
+
capWidth: Number.isFinite(f) && f > 0 ? f : Dt
|
|
840
834
|
},
|
|
841
|
-
points:
|
|
835
|
+
points: Mt(e.data)
|
|
842
836
|
};
|
|
843
837
|
}).filter((e) => e.points.length > 0);
|
|
844
838
|
}
|
|
845
839
|
//#endregion
|
|
846
840
|
//#region src/core/renderingOptions.ts
|
|
847
|
-
var
|
|
841
|
+
var Pt = {
|
|
848
842
|
downsample: !0,
|
|
849
843
|
downsampleThreshold: 2e3,
|
|
850
844
|
maxPointsPerPixel: 4,
|
|
851
845
|
pointMinSpacing: 10,
|
|
852
846
|
errorBarMinSpacing: 12
|
|
853
847
|
};
|
|
854
|
-
function
|
|
848
|
+
function Ft(e) {
|
|
855
849
|
let t = Number(e?.downsampleThreshold), n = Number(e?.maxPointsPerPixel), r = Number(e?.pointMinSpacing), i = Number(e?.errorBarMinSpacing);
|
|
856
850
|
return {
|
|
857
|
-
downsample: e?.downsample ??
|
|
858
|
-
downsampleThreshold: Number.isFinite(t) && t >= 2 ? Math.floor(t) :
|
|
859
|
-
maxPointsPerPixel: Number.isFinite(n) && n > 0 ? n :
|
|
860
|
-
pointMinSpacing: Number.isFinite(r) && r >= 0 ? r :
|
|
861
|
-
errorBarMinSpacing: Number.isFinite(i) && i >= 0 ? i :
|
|
851
|
+
downsample: e?.downsample ?? Pt.downsample,
|
|
852
|
+
downsampleThreshold: Number.isFinite(t) && t >= 2 ? Math.floor(t) : Pt.downsampleThreshold,
|
|
853
|
+
maxPointsPerPixel: Number.isFinite(n) && n > 0 ? n : Pt.maxPointsPerPixel,
|
|
854
|
+
pointMinSpacing: Number.isFinite(r) && r >= 0 ? r : Pt.pointMinSpacing,
|
|
855
|
+
errorBarMinSpacing: Number.isFinite(i) && i >= 0 ? i : Pt.errorBarMinSpacing
|
|
862
856
|
};
|
|
863
857
|
}
|
|
864
858
|
//#endregion
|
|
865
859
|
//#region src/core/rendering.ts
|
|
866
|
-
var
|
|
867
|
-
function
|
|
860
|
+
var It = N((e) => e.x), Lt = () => !0;
|
|
861
|
+
function Rt(e, t) {
|
|
868
862
|
let n = Math.min(t[0], t[1]), r = Math.max(t[0], t[1]);
|
|
869
863
|
return {
|
|
870
|
-
start:
|
|
871
|
-
end:
|
|
864
|
+
start: It.left(e, n),
|
|
865
|
+
end: It.right(e, r)
|
|
872
866
|
};
|
|
873
867
|
}
|
|
874
|
-
function
|
|
868
|
+
function zt(e, t, n) {
|
|
875
869
|
if (!Number.isFinite(n) || n <= 0) return !0;
|
|
876
870
|
let r = Math.ceil(n), i = /* @__PURE__ */ new Set();
|
|
877
871
|
for (let n of e) {
|
|
878
|
-
let e =
|
|
872
|
+
let e = Rt(n.points, t);
|
|
879
873
|
for (let t = e.start; t < e.end; t += 1) if (i.add(n.points[t].x), i.size >= r) return !0;
|
|
880
874
|
}
|
|
881
875
|
return !1;
|
|
882
876
|
}
|
|
883
|
-
function
|
|
877
|
+
function Bt(e, t) {
|
|
884
878
|
t && e[e.length - 1] !== t && e.push(t);
|
|
885
879
|
}
|
|
886
|
-
function
|
|
880
|
+
function Vt(e, t, n, r, i) {
|
|
887
881
|
let a = Math.min(n[0], n[1]), o = Math.max(n[0], n[1]), s = Math.max(0, t.start - 1), c = Math.min(e.length, t.end + 1), l = c - s;
|
|
888
882
|
if (l <= 0) return [];
|
|
889
883
|
if (!i.downsample || l <= i.downsampleThreshold) return e.slice(s, c);
|
|
@@ -902,9 +896,9 @@ function zt(e, t, n, r, i) {
|
|
|
902
896
|
for (; n >= 0 && m[n] > t;) m[n + 1] = m[n], --n;
|
|
903
897
|
m[n + 1] = t;
|
|
904
898
|
}
|
|
905
|
-
for (let n = 0; n < t; n += 1)
|
|
899
|
+
for (let n = 0; n < t; n += 1) Bt(f, e[m[n]]);
|
|
906
900
|
};
|
|
907
|
-
|
|
901
|
+
Bt(f, e[s]);
|
|
908
902
|
for (let n = t.start; n < t.end; n += 1) {
|
|
909
903
|
let t = e[n], r = Math.min(d - 1, Math.max(0, Math.floor((t.x - a) / p * d)));
|
|
910
904
|
if (r !== h) {
|
|
@@ -913,14 +907,14 @@ function zt(e, t, n, r, i) {
|
|
|
913
907
|
}
|
|
914
908
|
_ = n, t.y < e[v].y && (v = n), t.y > e[y].y && (y = n);
|
|
915
909
|
}
|
|
916
|
-
return x(),
|
|
910
|
+
return x(), Bt(f, e[c - 1]), f;
|
|
917
911
|
}
|
|
918
|
-
function
|
|
919
|
-
return !e.length || n <= 0 ? [] :
|
|
912
|
+
function Ht(e, t, n, r) {
|
|
913
|
+
return !e.length || n <= 0 ? [] : Vt(e, Rt(e, t), t, n, r);
|
|
920
914
|
}
|
|
921
|
-
function
|
|
915
|
+
function Ut(e, t, n, r, i, a, o, s) {
|
|
922
916
|
if (!a || i === 0) {
|
|
923
|
-
if (o ===
|
|
917
|
+
if (o === Lt) return e.slice(t.start, t.end);
|
|
924
918
|
let n = [];
|
|
925
919
|
for (let r = t.start; r < t.end; r += 1) o(e[r]) && n.push(e[r]);
|
|
926
920
|
return n;
|
|
@@ -953,36 +947,36 @@ function Vt(e, t, n, r, i, a, o, s) {
|
|
|
953
947
|
let w = (f ?? []).map((e, t) => m?.[t] ?? e).filter((e) => e !== void 0);
|
|
954
948
|
return v && w[0] !== v && w.unshift(v), y && w.at(-1) !== y && w.push(y), w;
|
|
955
949
|
}
|
|
956
|
-
function
|
|
957
|
-
let { lower: t, upper: n } =
|
|
950
|
+
function Wt(e) {
|
|
951
|
+
let { lower: t, upper: n } = jt(e);
|
|
958
952
|
return t !== 0 || n !== 0;
|
|
959
953
|
}
|
|
960
|
-
function
|
|
954
|
+
function Gt(e, t, n, r, i) {
|
|
961
955
|
if (!e.length || n <= 0) return {
|
|
962
956
|
linePoints: [],
|
|
963
957
|
pointRenderPoints: [],
|
|
964
958
|
errorBarRenderPoints: []
|
|
965
959
|
};
|
|
966
|
-
let a =
|
|
960
|
+
let a = Rt(e, t), o = i.lineVisible ? Vt(e, a, t, n, r) : [], s = i.errorBarVisible && i.hasErrorPoints;
|
|
967
961
|
if (i.pointVisible && s) {
|
|
968
|
-
let i =
|
|
962
|
+
let i = Ut(e, a, t, n, Math.max(r.pointMinSpacing, r.errorBarMinSpacing), r.downsample, Lt, Wt);
|
|
969
963
|
return {
|
|
970
964
|
linePoints: o,
|
|
971
965
|
pointRenderPoints: i,
|
|
972
|
-
errorBarRenderPoints: i.filter(
|
|
966
|
+
errorBarRenderPoints: i.filter(Wt)
|
|
973
967
|
};
|
|
974
968
|
}
|
|
975
969
|
return {
|
|
976
970
|
linePoints: o,
|
|
977
|
-
pointRenderPoints: i.pointVisible ?
|
|
978
|
-
errorBarRenderPoints: s ?
|
|
971
|
+
pointRenderPoints: i.pointVisible ? Ut(e, a, t, n, r.pointMinSpacing, r.downsample, Lt) : [],
|
|
972
|
+
errorBarRenderPoints: s ? Ut(e, a, t, n, r.errorBarMinSpacing, r.downsample, Wt) : []
|
|
979
973
|
};
|
|
980
974
|
}
|
|
981
|
-
var
|
|
975
|
+
var Kt = (e, t) => {
|
|
982
976
|
let n = typeof e == "number" ? e : Number(e);
|
|
983
977
|
return Number.isFinite(n) ? Math.min(10, Math.max(1, Math.floor(n))) : t;
|
|
984
978
|
};
|
|
985
|
-
function
|
|
979
|
+
function qt(e) {
|
|
986
980
|
let t = Object.fromEntries(Object.entries(e?.trackLines ?? {}).map(([e, t]) => [e, {
|
|
987
981
|
horizontal: typeof t?.horizontal != "boolean" || t.horizontal,
|
|
988
982
|
vertical: typeof t?.vertical != "boolean" || t.vertical,
|
|
@@ -990,37 +984,37 @@ function Gt(e) {
|
|
|
990
984
|
verticalColor: typeof t?.verticalColor == "string" && t.verticalColor.trim() ? t.verticalColor : void 0
|
|
991
985
|
}]));
|
|
992
986
|
return {
|
|
993
|
-
rowCount:
|
|
994
|
-
columnCount:
|
|
987
|
+
rowCount: Kt(e?.rowCount, 2),
|
|
988
|
+
columnCount: Kt(e?.columnCount, 1),
|
|
995
989
|
showPagination: e?.showPagination ?? !0,
|
|
996
990
|
trackLines: t
|
|
997
991
|
};
|
|
998
992
|
}
|
|
999
|
-
function
|
|
993
|
+
function Jt(e) {
|
|
1000
994
|
return e.rowCount * e.columnCount;
|
|
1001
995
|
}
|
|
1002
|
-
function
|
|
1003
|
-
return Math.max(1, Math.ceil(Math.max(0, e) /
|
|
996
|
+
function Yt(e, t) {
|
|
997
|
+
return Math.max(1, Math.ceil(Math.max(0, e) / Jt(t)));
|
|
1004
998
|
}
|
|
1005
|
-
function
|
|
1006
|
-
let r =
|
|
1007
|
-
return e.slice(i, i +
|
|
999
|
+
function Xt(e, t, n) {
|
|
1000
|
+
let r = Yt(e.length, n), i = (Math.min(r, Math.max(1, Math.floor(t))) - 1) * Jt(n);
|
|
1001
|
+
return e.slice(i, i + Jt(n));
|
|
1008
1002
|
}
|
|
1009
|
-
function
|
|
1003
|
+
function Zt(e) {
|
|
1010
1004
|
return e === "compact" ? 0 : e === "separated" ? 16 : 14;
|
|
1011
1005
|
}
|
|
1012
|
-
function
|
|
1013
|
-
let s =
|
|
1006
|
+
function Qt(e, t, n, r, i = [], a, o = !0) {
|
|
1007
|
+
let s = Zt(r), c = Number.isFinite(a) ? Math.max(0, a) : s, l = Math.max(0, n.columnCount - 1) * c, u = /* @__PURE__ */ new Set();
|
|
1014
1008
|
if (o) {
|
|
1015
1009
|
if (r === "independent") for (let e = 0; e < n.rowCount; e += 1) u.add(e);
|
|
1016
1010
|
else if (r === "compact") u.add(n.rowCount - 1);
|
|
1017
|
-
else for (let e = 0; e < n.columnCount; e += 1) for (let t =
|
|
1011
|
+
else for (let e = 0; e < n.columnCount; e += 1) for (let t = Jt(n) - 1; t >= 0; --t) if (t % n.columnCount === e && i[t]) {
|
|
1018
1012
|
u.add(Math.floor(t / n.columnCount));
|
|
1019
1013
|
break;
|
|
1020
1014
|
}
|
|
1021
1015
|
}
|
|
1022
1016
|
let d = Math.max(0, n.rowCount - 1) * s, f = u.size * 30, p = Math.max(1, (e - l) / n.columnCount), m = Math.max(1, (t - d - f) / n.rowCount);
|
|
1023
|
-
return Array.from({ length:
|
|
1017
|
+
return Array.from({ length: Jt(n) }, (e, t) => {
|
|
1024
1018
|
let r = Math.floor(t / n.columnCount), i = t % n.columnCount, a = u.has(r) ? 30 : 0, o = m + a, l = Array.from({ length: r }, (e, t) => {
|
|
1025
1019
|
let n = u.has(t) ? 30 : 0;
|
|
1026
1020
|
return m + n + s;
|
|
@@ -1039,7 +1033,7 @@ function Xt(e, t, n, r, i = [], a, o = !0) {
|
|
|
1039
1033
|
};
|
|
1040
1034
|
});
|
|
1041
1035
|
}
|
|
1042
|
-
function
|
|
1036
|
+
function $t(e, t) {
|
|
1043
1037
|
let n = /* @__PURE__ */ new Set();
|
|
1044
1038
|
for (let r = 0; r < t; r += 1) for (let t = e.length - 1; t >= 0; --t) {
|
|
1045
1039
|
let i = e[t];
|
|
@@ -1052,11 +1046,11 @@ function Zt(e, t) {
|
|
|
1052
1046
|
}
|
|
1053
1047
|
//#endregion
|
|
1054
1048
|
//#region src/components/core/trackLayoutBuilder.ts
|
|
1055
|
-
function
|
|
1049
|
+
function en(e) {
|
|
1056
1050
|
let t = e.cells.map((e) => ({
|
|
1057
1051
|
...e,
|
|
1058
1052
|
hasSeries: !!e.series
|
|
1059
|
-
})), n =
|
|
1053
|
+
})), n = $t(t, e.grid.columnCount);
|
|
1060
1054
|
return t.flatMap((t, r) => {
|
|
1061
1055
|
let i = !t.series;
|
|
1062
1056
|
if (i && (e.displayMode !== "compact" || !e.showCompactEmptyTracks)) return [];
|
|
@@ -1082,7 +1076,7 @@ function Qt(e) {
|
|
|
1082
1076
|
visibleSeries: [a],
|
|
1083
1077
|
xDomain: a.xDomain,
|
|
1084
1078
|
yDomain: a.yDomain
|
|
1085
|
-
}, 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] ?? o.xDomain, [0, t.width]) : B(e.sharedZoomDomain, [0, t.width]), u = (e.displayMode === "independent" ? e.independentTransforms[r] ?? U : U).rescaleX(l), d = e.yDomains?.[o.id], f =
|
|
1079
|
+
}, s = !i && o.visibleSeries.length > 0, c = o.visibleSeries[0] ?? o.series[0] ?? a, l = e.displayMode === "independent" ? B(e.initialXDomains?.[o.id] ?? e.initialXDomains?.[c.id] ?? e.initialXDomain ?? o.xDomain, [0, t.width]) : B(e.sharedZoomDomain, [0, t.width]), u = (e.displayMode === "independent" ? e.independentTransforms[r] ?? U : U).rescaleX(l), d = e.yDomains?.[o.id], f = un(o, e.overlayMode, e.fixedYDomain, e.fixedYDomains).map((e) => !e.fixed && d ? {
|
|
1086
1080
|
...e,
|
|
1087
1081
|
domain: d
|
|
1088
1082
|
} : e), p = {
|
|
@@ -1095,14 +1089,12 @@ function Qt(e) {
|
|
|
1095
1089
|
a,
|
|
1096
1090
|
...c,
|
|
1097
1091
|
...s ? [o] : []
|
|
1098
|
-
])), {
|
|
1099
|
-
return p[n.side] +=
|
|
1092
|
+
])), { tickTextWidth: u } = dn(n.domain, !n.fixed, l), d = u + 7 + 6 + 24 + 4, f = n.side === "left" ? -p.left : t.width + p.right, m = u + 7 + 6 + 24 / 2, h = f + (n.side === "left" ? -m : m);
|
|
1093
|
+
return p[n.side] += d, {
|
|
1100
1094
|
index: n.index,
|
|
1101
1095
|
side: n.side,
|
|
1102
|
-
x:
|
|
1103
|
-
labelX:
|
|
1104
|
-
exponentX: _,
|
|
1105
|
-
exponentLabel: u,
|
|
1096
|
+
x: f,
|
|
1097
|
+
labelX: h,
|
|
1106
1098
|
scale: r,
|
|
1107
1099
|
majorTicks: i,
|
|
1108
1100
|
minorTicks: Ke(i),
|
|
@@ -1110,13 +1102,13 @@ function Qt(e) {
|
|
|
1110
1102
|
seriesList: n.seriesList
|
|
1111
1103
|
};
|
|
1112
1104
|
}), h = m[0]?.scale ?? B(o.yDomain, [t.plotHeight, 0]).nice(), g = u.ticks(Math.max(2, Math.floor(t.width / 100))), _ = m[0]?.majorTicks ?? [], v = m[0]?.tickValues ?? [], y = u.domain(), b = {
|
|
1113
|
-
start:
|
|
1114
|
-
end:
|
|
1115
|
-
}, x =
|
|
1105
|
+
start: ct(y[0], y, e.timeUnit),
|
|
1106
|
+
end: ct(y[1], y, e.timeUnit)
|
|
1107
|
+
}, x = b.start.length * 7 + 10, S = b.end.length * 7 + 10, C = g.filter((e) => {
|
|
1116
1108
|
let n = u(e);
|
|
1117
|
-
return n >
|
|
1118
|
-
}),
|
|
1119
|
-
let r = m.find((e) => e.seriesList.some((e) => e.id === n.id)), a = r?.scale ?? h, o =
|
|
1109
|
+
return n > x && n < t.width - S;
|
|
1110
|
+
}), w = o.visibleSeries.map((n) => {
|
|
1111
|
+
let r = m.find((e) => e.seriesList.some((e) => e.id === n.id)), a = r?.scale ?? h, o = Gt(n.points, y, t.width, e.rendering, {
|
|
1120
1112
|
lineVisible: !i && n.lineType !== "none",
|
|
1121
1113
|
pointVisible: n.pointType !== "none",
|
|
1122
1114
|
errorBarVisible: n.errorBar.visible,
|
|
@@ -1154,11 +1146,10 @@ function Qt(e) {
|
|
|
1154
1146
|
yMajorTicks: _,
|
|
1155
1147
|
yMinorTicks: m[0]?.minorTicks ?? [],
|
|
1156
1148
|
yAxisTickValues: v,
|
|
1157
|
-
xAxisTickValues:
|
|
1149
|
+
xAxisTickValues: C,
|
|
1158
1150
|
endpointLabels: b,
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
seriesPaths: T,
|
|
1151
|
+
path: w[0]?.path ?? null,
|
|
1152
|
+
seriesPaths: w,
|
|
1162
1153
|
gridLines: e.grid.trackLines[o.id] ?? {
|
|
1163
1154
|
horizontal: !0,
|
|
1164
1155
|
vertical: !0
|
|
@@ -1169,8 +1160,8 @@ function Qt(e) {
|
|
|
1169
1160
|
}
|
|
1170
1161
|
//#endregion
|
|
1171
1162
|
//#region src/components/core/layout.ts
|
|
1172
|
-
var
|
|
1173
|
-
function
|
|
1163
|
+
var tn = 7, nn = 7, rn = 4, an = 6, on = 24;
|
|
1164
|
+
function sn(e) {
|
|
1174
1165
|
return e >= 4 ? [
|
|
1175
1166
|
"left",
|
|
1176
1167
|
"left",
|
|
@@ -1182,13 +1173,13 @@ function an(e) {
|
|
|
1182
1173
|
"right"
|
|
1183
1174
|
] : e === 2 ? ["left", "right"] : ["left"];
|
|
1184
1175
|
}
|
|
1185
|
-
var
|
|
1186
|
-
function
|
|
1187
|
-
let n =
|
|
1188
|
-
n || (n = /* @__PURE__ */ new Map(),
|
|
1176
|
+
var cn = /* @__PURE__ */ new WeakMap();
|
|
1177
|
+
function ln(e, t) {
|
|
1178
|
+
let n = cn.get(e);
|
|
1179
|
+
n || (n = /* @__PURE__ */ new Map(), cn.set(e, n));
|
|
1189
1180
|
let r = n.get(t);
|
|
1190
1181
|
if (r) return r;
|
|
1191
|
-
let i = t === "multi-axis" ? Math.min(e.visibleSeries.length, 4) : Math.min(e.visibleSeries.length, 1), a =
|
|
1182
|
+
let i = t === "multi-axis" ? Math.min(e.visibleSeries.length, 4) : Math.min(e.visibleSeries.length, 1), a = sn(i), o = Array.from({ length: i }, (e, t) => ({
|
|
1192
1183
|
index: t,
|
|
1193
1184
|
side: a[t],
|
|
1194
1185
|
seriesList: [],
|
|
@@ -1201,56 +1192,53 @@ function sn(e, t) {
|
|
|
1201
1192
|
if (t === "single-axis") n.domain = e.yDomain;
|
|
1202
1193
|
else {
|
|
1203
1194
|
let t = n.seriesList.flatMap((e) => e.yDomain);
|
|
1204
|
-
n.domain = t.length > 0 ?
|
|
1195
|
+
n.domain = t.length > 0 ? $(t) : e.yDomain;
|
|
1205
1196
|
}
|
|
1206
1197
|
}), n.set(t, o), o;
|
|
1207
1198
|
}
|
|
1208
|
-
function
|
|
1209
|
-
let i =
|
|
1210
|
-
return
|
|
1199
|
+
function un(e, t, n, r) {
|
|
1200
|
+
let i = St(e, r);
|
|
1201
|
+
return ln(e, t).map((e) => {
|
|
1211
1202
|
if (i) return {
|
|
1212
1203
|
...e,
|
|
1213
1204
|
domain: i,
|
|
1214
1205
|
fixed: !0
|
|
1215
1206
|
};
|
|
1216
|
-
let t = e.seriesList.map((e) =>
|
|
1207
|
+
let t = e.seriesList.map((e) => Ct(e, n, r) ?? e.yDomain), a = e.seriesList.some((e) => Ct(e, n, r));
|
|
1217
1208
|
return a ? {
|
|
1218
1209
|
...e,
|
|
1219
|
-
domain:
|
|
1210
|
+
domain: Tt(t),
|
|
1220
1211
|
fixed: a
|
|
1221
1212
|
} : e;
|
|
1222
1213
|
});
|
|
1223
1214
|
}
|
|
1224
|
-
function
|
|
1225
|
-
let
|
|
1226
|
-
t &&
|
|
1227
|
-
let [
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
}
|
|
1237
|
-
function un(e, t) {
|
|
1238
|
-
let { exponentLabel: n, exponentWidth: r } = ln(e, t);
|
|
1239
|
-
return n ? r + 8 : 0;
|
|
1240
|
-
}
|
|
1241
|
-
function dn(e) {
|
|
1242
|
-
return ln(e.domain, !e.fixed).tickTextWidth + un(e.domain, !e.fixed) + en + nn + rn + tn;
|
|
1215
|
+
function dn(e, t = !0, n) {
|
|
1216
|
+
let r = B(e, [1, 0]);
|
|
1217
|
+
t && r.nice();
|
|
1218
|
+
let [i, a] = r.domain(), o = n ?? Array.from(/* @__PURE__ */ new Set([
|
|
1219
|
+
i,
|
|
1220
|
+
...r.ticks(10),
|
|
1221
|
+
a
|
|
1222
|
+
])), s = Math.max(...o);
|
|
1223
|
+
return { tickTextWidth: Math.max(1, ...o.map((e) => rt(e, {
|
|
1224
|
+
axisMin: i,
|
|
1225
|
+
axisMax: a,
|
|
1226
|
+
topTickValue: s
|
|
1227
|
+
}).length)) * tn };
|
|
1243
1228
|
}
|
|
1244
1229
|
function fn(e) {
|
|
1245
|
-
return
|
|
1230
|
+
return dn(e.domain, !e.fixed).tickTextWidth + nn + an + on + rn;
|
|
1246
1231
|
}
|
|
1247
|
-
function pn(e
|
|
1248
|
-
return
|
|
1232
|
+
function pn(e) {
|
|
1233
|
+
return dn(e.domain, !e.fixed).tickTextWidth + nn + rn;
|
|
1234
|
+
}
|
|
1235
|
+
function mn(e, t, n, r) {
|
|
1236
|
+
return un(e, t, n, r).reduce((n, r) => (n[r.side] += t === "multi-axis" || e.visibleSeries.length === 1 ? fn(r) : pn(r), n), {
|
|
1249
1237
|
left: 0,
|
|
1250
1238
|
right: 0
|
|
1251
1239
|
});
|
|
1252
1240
|
}
|
|
1253
|
-
function
|
|
1241
|
+
function hn(e, t, n) {
|
|
1254
1242
|
let r = (e) => {
|
|
1255
1243
|
let r = t < e.left ? e.left - t : t > e.left + e.width ? t - e.left - e.width : 0;
|
|
1256
1244
|
return n < e.top ? e.top - n : n > e.top + e.height ? n - (e.top + e.height) : r;
|
|
@@ -1269,11 +1257,11 @@ function mn(e, t, n) {
|
|
|
1269
1257
|
}
|
|
1270
1258
|
//#endregion
|
|
1271
1259
|
//#region src/components/annotation/useWaveformChartAnnotations.ts
|
|
1272
|
-
var
|
|
1273
|
-
function
|
|
1274
|
-
return
|
|
1260
|
+
var gn = 0;
|
|
1261
|
+
function _n() {
|
|
1262
|
+
return gn += 1, typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `annotation-${Date.now()}-${gn}`;
|
|
1275
1263
|
}
|
|
1276
|
-
function
|
|
1264
|
+
function vn(e) {
|
|
1277
1265
|
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;
|
|
1278
1266
|
function b(e) {
|
|
1279
1267
|
if (!i.value.some((t) => t.id === e)) return;
|
|
@@ -1306,7 +1294,7 @@ function _n(e) {
|
|
|
1306
1294
|
};
|
|
1307
1295
|
}
|
|
1308
1296
|
function C(e, t, n) {
|
|
1309
|
-
s.openCreate(e,
|
|
1297
|
+
s.openCreate(e, _n, t), c.value = n;
|
|
1310
1298
|
let r = s.editorDraft.value, i = l.value.find((t) => t.index === e.trackIndex)?.seriesList.find((t) => t.id === e.seriesId);
|
|
1311
1299
|
r?.mode === "add" && (r.annotation.style = {
|
|
1312
1300
|
borderColor: i?.color || "#1677ff",
|
|
@@ -1316,7 +1304,7 @@ function _n(e) {
|
|
|
1316
1304
|
}
|
|
1317
1305
|
function w(e) {
|
|
1318
1306
|
if (y.value) return;
|
|
1319
|
-
let t = s.editorDraft.value, n = c.value.find((t) => t.seriesId === e), r = l.value.find((t) => t.seriesList.some((t) => t.id === e)), i = r?.seriesList.find((t) => t.id === e), a = i && t ?
|
|
1307
|
+
let t = s.editorDraft.value, n = c.value.find((t) => t.seriesId === e), r = l.value.find((t) => t.seriesList.some((t) => t.id === e)), i = r?.seriesList.find((t) => t.id === e), a = i && t ? ye(i.points, t.annotation.x, i.lineType) : null;
|
|
1320
1308
|
!t || !n || !r || !a || (t.annotation = {
|
|
1321
1309
|
...t.annotation,
|
|
1322
1310
|
seriesId: e,
|
|
@@ -1335,7 +1323,7 @@ function _n(e) {
|
|
|
1335
1323
|
let e = l.value[n];
|
|
1336
1324
|
return e?.hasVisibleSeries ? e : void 0;
|
|
1337
1325
|
}
|
|
1338
|
-
return
|
|
1326
|
+
return hn(l.value.filter((e) => e.hasVisibleSeries), e, t);
|
|
1339
1327
|
}
|
|
1340
1328
|
function D(e, t) {
|
|
1341
1329
|
let n = e.currentTarget;
|
|
@@ -1344,7 +1332,7 @@ function _n(e) {
|
|
|
1344
1332
|
if (!o) return null;
|
|
1345
1333
|
let s = Math.max(0, Math.min(m.value, r)), c = Math.max(0, Math.min(o.width, s - o.left)), d = o.xScale.invert(c);
|
|
1346
1334
|
return {
|
|
1347
|
-
candidates:
|
|
1335
|
+
candidates: J(u(o), d, c, a),
|
|
1348
1336
|
editorAnchor: x(e, t)
|
|
1349
1337
|
};
|
|
1350
1338
|
}
|
|
@@ -1394,7 +1382,7 @@ function _n(e) {
|
|
|
1394
1382
|
let e = s.contextMenu.value, n = t.annotations.find((t) => t.id === e?.annotationId);
|
|
1395
1383
|
if (!n) return;
|
|
1396
1384
|
let r = l.value.find((e) => e.seriesList.some((e) => e.id === n.seriesId));
|
|
1397
|
-
c.value = r ?
|
|
1385
|
+
c.value = r ? J(u(r), n.x, r.xScale(n.x), r.top + d(r, n.seriesId)(n.y)) : [], s.openEdit(n, e?.editorAnchor ?? S(n));
|
|
1398
1386
|
}
|
|
1399
1387
|
function F() {
|
|
1400
1388
|
if (y.value) return;
|
|
@@ -1423,8 +1411,8 @@ function _n(e) {
|
|
|
1423
1411
|
}
|
|
1424
1412
|
//#endregion
|
|
1425
1413
|
//#region src/components/interaction/useWaveformHover.ts
|
|
1426
|
-
var
|
|
1427
|
-
function
|
|
1414
|
+
var yn = N((e) => e.x);
|
|
1415
|
+
function bn(e) {
|
|
1428
1416
|
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) => {
|
|
1429
1417
|
let r = n.points[t];
|
|
1430
1418
|
return r?.id === e.id && r.trackIndex === e.trackIndex && r.point === e.point;
|
|
@@ -1445,7 +1433,7 @@ function yn(e) {
|
|
|
1445
1433
|
r.value = !0, y();
|
|
1446
1434
|
}, C = (e = !1) => {
|
|
1447
1435
|
r.value = !e, y();
|
|
1448
|
-
}, w = () => r.value ? (r.value = !1, y(), !0) : !1, T = (e, t) => e.points[
|
|
1436
|
+
}, w = () => r.value ? (r.value = !1, y(), !0) : !1, T = (e, t) => e.points[yn.center(e.points, t)];
|
|
1449
1437
|
return {
|
|
1450
1438
|
cancelPendingHover: h,
|
|
1451
1439
|
clearHover: y,
|
|
@@ -1500,7 +1488,7 @@ function yn(e) {
|
|
|
1500
1488
|
}
|
|
1501
1489
|
//#endregion
|
|
1502
1490
|
//#region src/components/interaction/useWaveformViewport.ts
|
|
1503
|
-
function
|
|
1491
|
+
function xn(e) {
|
|
1504
1492
|
let { props: n, emit: r, selection: i, spacePressed: a, trackLayouts: o, chartTracks: s, initialXDomain: c, innerWidth: l, innerHeight: u, sharedOverlayElement: f, sharedTransform: p, independentTransforms: m, sharedYDomains: h, independentYDomains: g, isZoomMode: _, isPresentationMode: v, editorSeriesOptions: y, resolveInitialTrackDomain: b, canZoomTrack: x, canZoomSharedTracks: S, configureZoom: C, cancelPendingZoom: w, clearHover: T, resolveTrackAtPointer: E } = e, D = t(() => {
|
|
1505
1493
|
let e = i.value;
|
|
1506
1494
|
if (!e) return null;
|
|
@@ -1562,7 +1550,7 @@ function bn(e) {
|
|
|
1562
1550
|
let y = e.independent ? [t] : o.value, x = { ...g.value }, S = { ...h.value };
|
|
1563
1551
|
y.forEach((t) => {
|
|
1564
1552
|
let r = s.value.find((e) => e.id === t.id);
|
|
1565
|
-
if (r &&
|
|
1553
|
+
if (r && wt(r, n.yDomain, n.yDomains)) return;
|
|
1566
1554
|
let i = t.series.trackId ?? t.series.id, o = e.yDomains[i] ?? t.yScale.domain(), c = r?.yDomain ?? o, l = o[1] - o[0], u = j([o[0] + d / a * l, o[1] + d / a * l], c);
|
|
1567
1555
|
e.independent ? x[t.index] = u : S[i] = u;
|
|
1568
1556
|
}), e.independent ? g.value = x : h.value = S, r("zoom-change", v);
|
|
@@ -1652,7 +1640,7 @@ function bn(e) {
|
|
|
1652
1640
|
}
|
|
1653
1641
|
//#endregion
|
|
1654
1642
|
//#region src/components/utils/useAnimationFrameThrottle.ts
|
|
1655
|
-
function
|
|
1643
|
+
function Sn() {
|
|
1656
1644
|
let e = null, t = null;
|
|
1657
1645
|
function n(n) {
|
|
1658
1646
|
t = n, e === null && (e = requestAnimationFrame(() => {
|
|
@@ -1681,8 +1669,8 @@ function xn() {
|
|
|
1681
1669
|
}
|
|
1682
1670
|
//#endregion
|
|
1683
1671
|
//#region src/components/interaction/useWaveformZoom.ts
|
|
1684
|
-
function
|
|
1685
|
-
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 =
|
|
1672
|
+
function Cn(e) {
|
|
1673
|
+
let { props: t, emit: n, svgElement: r, sharedOverlayElement: i, sharedTransform: a, independentTransforms: o, trackLayouts: s, initialXDomain: c, sharedZoomDomain: l, innerWidth: u, innerHeight: d, hasChartArea: f, isZoomMode: p, isPresentationMode: m, resolveInitialTrackDomain: h, cancelPendingHover: g } = e, _ = /* @__PURE__ */ new Map(), v = Sn(), y = !1, b = null, x = null, S = null, C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Set(), D, O = () => v.schedule(j), k = (e) => {
|
|
1686
1674
|
y || m.value || (g(), b = e.transform, x = "wheel", O(), P());
|
|
1687
1675
|
}, A = (e, t) => {
|
|
1688
1676
|
y || m.value || (g(), C.set(t, e.transform), w.set(t, "wheel"), O(), P());
|
|
@@ -1769,12 +1757,16 @@ function Sn(e) {
|
|
|
1769
1757
|
F(), r.value?.querySelectorAll(".waveform-chart__overlay").forEach((e) => V(e).on(".zoom", null)), _.clear();
|
|
1770
1758
|
}, L = (e) => {
|
|
1771
1759
|
let n = t.minZoomSpan;
|
|
1772
|
-
if (!Number.isFinite(n) || (n ?? 0) <= 0) return
|
|
1760
|
+
if (!Number.isFinite(n) || (n ?? 0) <= 0) return ht.DEFAULT_MAX_SCALE;
|
|
1773
1761
|
let r = Math.abs(e[1] - e[0]);
|
|
1774
|
-
return !Number.isFinite(r) || r <= 0 ?
|
|
1775
|
-
}, R = (e) =>
|
|
1762
|
+
return !Number.isFinite(r) || r <= 0 ? ht.MIN_SCALE : Math.min(ht.DEFAULT_MAX_SCALE, Math.max(ht.MIN_SCALE, r / (n ?? r)));
|
|
1763
|
+
}, R = (e) => zt(e.seriesList, e.xScale.domain(), Number(t.minVisiblePoints)), z = () => {
|
|
1776
1764
|
let e = s.value.filter((e) => e.hasVisibleSeries);
|
|
1777
1765
|
return e.length > 0 && e.every(R);
|
|
1766
|
+
}, H = (e, t) => {
|
|
1767
|
+
if (e.type !== "wheel") return !1;
|
|
1768
|
+
let n = e.deltaY;
|
|
1769
|
+
return n < 0 ? t : n > 0 && W(e.currentTarget).k > ht.MIN_SCALE;
|
|
1778
1770
|
};
|
|
1779
1771
|
return {
|
|
1780
1772
|
cancelPendingZoom: F,
|
|
@@ -1787,7 +1779,7 @@ function Sn(e) {
|
|
|
1787
1779
|
s.value.forEach((e) => {
|
|
1788
1780
|
let t = r.value?.querySelector(`[data-independent-overlay-index="${e.index}"]`);
|
|
1789
1781
|
if (!t) return;
|
|
1790
|
-
let n = h(e), i = ie().filter((t) => t
|
|
1782
|
+
let n = h(e), i = ie().filter((t) => H(t, R(e))).scaleExtent([1, L(n)]).extent([[0, 0], [e.width, e.height]]).translateExtent([[0, 0], [e.width, e.height]]).on("zoom", (t) => A(t, e.index)).on("end", N);
|
|
1791
1783
|
_.set(e.index, i), y = !0;
|
|
1792
1784
|
try {
|
|
1793
1785
|
V(t).call(i).on("dblclick.zoom", null).call(i.transform, o.value[e.index] ?? U);
|
|
@@ -1799,7 +1791,7 @@ function Sn(e) {
|
|
|
1799
1791
|
}
|
|
1800
1792
|
let e = i.value;
|
|
1801
1793
|
if (!e) return;
|
|
1802
|
-
let n = ie().filter((e) => e
|
|
1794
|
+
let n = ie().filter((e) => H(e, z())).scaleExtent([1, L(c.value)]).extent([[0, 0], [u.value, d.value]]).translateExtent([[0, 0], [u.value, d.value]]).on("zoom", k).on("end", N);
|
|
1803
1795
|
_.set("shared", n), y = !0;
|
|
1804
1796
|
try {
|
|
1805
1797
|
V(e).call(n).on("dblclick.zoom", null).call(n.transform, a.value);
|
|
@@ -1811,13 +1803,13 @@ function Sn(e) {
|
|
|
1811
1803
|
}
|
|
1812
1804
|
//#endregion
|
|
1813
1805
|
//#region src/components/core/useWaveformChartLifecycle.ts
|
|
1814
|
-
function
|
|
1806
|
+
function wn(e) {
|
|
1815
1807
|
return e instanceof Element && !!e.closest("button, input, select, textarea, [contenteditable]:not([contenteditable=\"false\"])");
|
|
1816
1808
|
}
|
|
1817
|
-
function
|
|
1809
|
+
function Tn(e) {
|
|
1818
1810
|
let { props: t, emit: n, container: r, titleMeasureElement: i, resizeObserver: a, observedWidth: o, observedHeight: s, measuredTitleWidth: c, measuredTitleHeight: l, resolvedTitleText: u, titleAreaReserved: f, titleMeasureStyle: p, spacePressed: g, pointerInsideChart: _, currentPage: v, pageCount: y, pagedTracks: b, gridOptions: x, chartSeries: S, chartTracks: C, innerWidth: w, innerHeight: T, activeInteractionMode: D, hiddenSeriesIdSet: O, internalHiddenSeriesIds: k, independentTransforms: A, independentYDomains: j, annotationInteraction: M, editorSeriesOptions: N, isPresentationMode: P, clearHover: F, cancelAnnotation: I, configureZoom: L, resetViewport: R, cancelViewportDrag: z, cancelPendingHover: B, clearZoomBindings: V } = e;
|
|
1819
1811
|
function H(e) {
|
|
1820
|
-
P.value || e.code !== "Space" || !t.pannable || !_.value ||
|
|
1812
|
+
P.value || e.code !== "Space" || !t.pannable || !_.value || wn(e.target) || (g.value = !0, e.preventDefault());
|
|
1821
1813
|
}
|
|
1822
1814
|
function ee(e) {
|
|
1823
1815
|
e.code === "Space" && (g.value = !1);
|
|
@@ -1908,39 +1900,39 @@ function wn(e) {
|
|
|
1908
1900
|
}
|
|
1909
1901
|
//#endregion
|
|
1910
1902
|
//#region src/components/core/useWaveformData.ts
|
|
1911
|
-
function
|
|
1903
|
+
function En(e, t = !1) {
|
|
1912
1904
|
let n = Infinity, r = -Infinity, i = Infinity, a = -Infinity, o = !1;
|
|
1913
1905
|
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) {
|
|
1914
|
-
let e =
|
|
1906
|
+
let e = jt(s);
|
|
1915
1907
|
(e.lower !== 0 || e.upper !== 0) && (o = !0), i = Math.min(i, s.y - e.lower), a = Math.max(a, s.y + e.upper);
|
|
1916
1908
|
}
|
|
1917
1909
|
return {
|
|
1918
|
-
xDomain:
|
|
1919
|
-
yDomain:
|
|
1910
|
+
xDomain: $(Number.isFinite(n) ? [n, r] : []),
|
|
1911
|
+
yDomain: $(Number.isFinite(i) ? [i, a] : []),
|
|
1920
1912
|
hasErrorPoints: o
|
|
1921
1913
|
};
|
|
1922
1914
|
}
|
|
1923
|
-
function
|
|
1924
|
-
return
|
|
1925
|
-
let t =
|
|
1915
|
+
function Dn(e) {
|
|
1916
|
+
return Nt(e).map((e) => {
|
|
1917
|
+
let t = En(e.points, e.errorBar.visible);
|
|
1926
1918
|
return {
|
|
1927
1919
|
...e,
|
|
1928
1920
|
...t
|
|
1929
1921
|
};
|
|
1930
1922
|
});
|
|
1931
1923
|
}
|
|
1932
|
-
function
|
|
1933
|
-
let n = x(
|
|
1924
|
+
function On(e, t) {
|
|
1925
|
+
let n = x(Dn(e()));
|
|
1934
1926
|
return E(e, (e) => {
|
|
1935
|
-
n.value =
|
|
1927
|
+
n.value = Dn(e), t();
|
|
1936
1928
|
}), n;
|
|
1937
1929
|
}
|
|
1938
1930
|
//#endregion
|
|
1939
1931
|
//#region src/components/core/useWaveformLayout.ts
|
|
1940
|
-
function
|
|
1932
|
+
function kn(e) {
|
|
1941
1933
|
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) => ({
|
|
1942
1934
|
...e,
|
|
1943
|
-
color: e.color ?? (t === 0 ? n.lineColor :
|
|
1935
|
+
color: e.color ?? (t === 0 ? n.lineColor : vt[t % vt.length])
|
|
1944
1936
|
}))), h = t(() => {
|
|
1945
1937
|
let e = /* @__PURE__ */ new Map();
|
|
1946
1938
|
return m.value.forEach((t) => {
|
|
@@ -1954,30 +1946,19 @@ function On(e) {
|
|
|
1954
1946
|
id: e,
|
|
1955
1947
|
series: t,
|
|
1956
1948
|
visibleSeries: n,
|
|
1957
|
-
xDomain:
|
|
1958
|
-
yDomain:
|
|
1949
|
+
xDomain: $(r),
|
|
1950
|
+
yDomain: $(i)
|
|
1959
1951
|
};
|
|
1960
1952
|
});
|
|
1961
|
-
}), g = t(() =>
|
|
1962
|
-
let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) =>
|
|
1963
|
-
let t = B(e.domain, [1, 0]);
|
|
1964
|
-
e.fixed || t.nice();
|
|
1965
|
-
let [n, r] = t.domain();
|
|
1966
|
-
return {
|
|
1967
|
-
exponentLabel: nt(n, r),
|
|
1968
|
-
tickLabels: t.ticks(10).map((e) => tt(e, {
|
|
1969
|
-
axisMin: n,
|
|
1970
|
-
axisMax: r
|
|
1971
|
-
}))
|
|
1972
|
-
};
|
|
1973
|
-
}), t = Math.max(1, ...e.flatMap(({ tickLabels: e }) => e).map((e) => e.length)) * 7, r = Math.max(0, ...e.map(({ exponentLabel: e }) => (e?.length ?? 0) * 7)), i = r ? r + 8 : 0, a = t + 7 + i + 4, o = -(7 + t + i + 6 + 24 / 2);
|
|
1953
|
+
}), g = t(() => qt(n.grid)), _ = t(() => Ft(n.rendering)), v = t(() => Yt(h.value.length, g.value)), y = t(() => Xt(h.value, i.value, g.value)), b = t(() => {
|
|
1954
|
+
let e = h.value.filter((e) => e.visibleSeries.length > 0).flatMap((e) => un(e, n.overlayMode, n.yDomain, n.yDomains)).map((e) => dn(e.domain, !e.fixed).tickTextWidth), t = Math.max(7, ...e), r = t + 7 + 4, i = -(7 + t + 6 + 24 / 2);
|
|
1974
1955
|
return {
|
|
1975
|
-
tickClearance:
|
|
1976
|
-
fullClearance: t + 7 +
|
|
1977
|
-
labelCenterX:
|
|
1956
|
+
tickClearance: r,
|
|
1957
|
+
fullClearance: t + 7 + 6 + 24 + 4,
|
|
1958
|
+
labelCenterX: i
|
|
1978
1959
|
};
|
|
1979
|
-
}), 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(
|
|
1980
|
-
let r =
|
|
1960
|
+
}), x = t(() => h.value.some((e) => e.visibleSeries.length === 1 && !!(e.visibleSeries[0]?.name.trim() || n.yLabel))), S = t(() => h.value.some((e) => e.visibleSeries.length > 0)), C = t(() => Math.max(mt.left, x.value ? b.value.fullClearance : S.value ? b.value.tickClearance : 0)), w = t(() => h.value.reduce((e, t) => {
|
|
1961
|
+
let r = mn(t, n.overlayMode, n.yDomain, n.yDomains);
|
|
1981
1962
|
return {
|
|
1982
1963
|
left: Math.max(e.left, r.left),
|
|
1983
1964
|
right: Math.max(e.right, r.right)
|
|
@@ -1985,8 +1966,8 @@ function On(e) {
|
|
|
1985
1966
|
}, {
|
|
1986
1967
|
left: 0,
|
|
1987
1968
|
right: 0
|
|
1988
|
-
})), T = t(() => n.overlayMode === "multi-axis" ? Math.max(C.value, w.value.left) : C.value), E = t(() => n.overlayMode === "multi-axis" ? Math.max(
|
|
1989
|
-
let e =
|
|
1969
|
+
})), T = t(() => n.overlayMode === "multi-axis" ? Math.max(C.value, w.value.left) : C.value), E = t(() => n.overlayMode === "multi-axis" ? Math.max(mt.right, w.value.right) : mt.right), D = t(() => Math.max(0, o.value - T.value - E.value)), O = t(() => {
|
|
1970
|
+
let e = Zt(n.displayMode), t = g.value.columnCount, r = t > 1, i = Math.max(e, b.value.fullClearance), a = Math.max(e, b.value.tickClearance), o = (D.value - i * Math.max(0, t - 1)) / t >= 120;
|
|
1990
1971
|
return {
|
|
1991
1972
|
horizontalGap: n.overlayMode === "multi-axis" && r && S.value ? Math.max(e, w.value.left + w.value.right) : r && S.value ? x.value && o ? i : a : e,
|
|
1992
1973
|
hideSecondaryLabels: n.overlayMode !== "multi-axis" && r && x.value && !o
|
|
@@ -1995,17 +1976,17 @@ function On(e) {
|
|
|
1995
1976
|
let e = [];
|
|
1996
1977
|
return h.value.forEach((t) => {
|
|
1997
1978
|
t.visibleSeries.length && e.push(t.xDomain[0], t.xDomain[1]);
|
|
1998
|
-
}),
|
|
1979
|
+
}), $(e);
|
|
1999
1980
|
}), F = t(() => {
|
|
2000
1981
|
let e = n.initialXDomain;
|
|
2001
1982
|
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;
|
|
2002
1983
|
}), I = (e) => {
|
|
2003
1984
|
let t = n.initialXDomains?.[e.series.trackId ?? e.series.id] ?? n.initialXDomains?.[e.series.id] ?? n.initialXDomain;
|
|
2004
|
-
return t && Number.isFinite(t[0]) && Number.isFinite(t[1]) && t[0] !== t[1] ? t[0] < t[1] ? t : [t[1], t[0]] :
|
|
2005
|
-
}, L = t(() => l.value.rescaleX(B(F.value, [0, D.value])).domain()), R = t(() =>
|
|
1985
|
+
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));
|
|
1986
|
+
}, L = t(() => l.value.rescaleX(B(F.value, [0, D.value])).domain()), R = t(() => Qt(D.value, s.value, g.value, n.displayMode, y.value.map(Boolean), O.value.horizontalGap).map((e, t) => ({
|
|
2006
1987
|
...e,
|
|
2007
1988
|
series: y.value[t]
|
|
2008
|
-
}))), z = t(() =>
|
|
1989
|
+
}))), z = t(() => en({
|
|
2009
1990
|
cells: R.value,
|
|
2010
1991
|
grid: g.value,
|
|
2011
1992
|
displayMode: n.displayMode,
|
|
@@ -2068,13 +2049,13 @@ function On(e) {
|
|
|
2068
2049
|
}
|
|
2069
2050
|
};
|
|
2070
2051
|
}
|
|
2071
|
-
var
|
|
2072
|
-
function
|
|
2052
|
+
var An = 1e-6;
|
|
2053
|
+
function jn(e) {
|
|
2073
2054
|
return Number.isFinite(e) ? Math.max(1, e) : 1;
|
|
2074
2055
|
}
|
|
2075
|
-
function
|
|
2076
|
-
let i =
|
|
2077
|
-
if (!(d >
|
|
2056
|
+
function Mn({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r }) {
|
|
2057
|
+
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;
|
|
2058
|
+
if (!(d > An && Math.abs(d - 360) > An)) {
|
|
2078
2059
|
let e = Math.max(1, Math.ceil(i / o)), t = o, n = a * e;
|
|
2079
2060
|
return {
|
|
2080
2061
|
textWidth: t,
|
|
@@ -2099,7 +2080,7 @@ function jn({ naturalWidth: e, naturalHeight: t, availableWidth: n, rotation: r
|
|
|
2099
2080
|
}
|
|
2100
2081
|
//#endregion
|
|
2101
2082
|
//#region src/components/core/useWaveformPresentation.ts
|
|
2102
|
-
function
|
|
2083
|
+
function Nn(e) {
|
|
2103
2084
|
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(() => ({
|
|
2104
2085
|
width: l.value === void 0 ? "100%" : `${l.value}px`,
|
|
2105
2086
|
height: u.value === void 0 ? "100%" : `${u.value}px`
|
|
@@ -2107,9 +2088,9 @@ function Mn(e) {
|
|
|
2107
2088
|
let e = n.zeroLine.width;
|
|
2108
2089
|
return {
|
|
2109
2090
|
visible: n.zeroLine.visible === !0,
|
|
2110
|
-
color: n.zeroLine.color ||
|
|
2111
|
-
width: typeof e == "number" && Number.isFinite(e) && e > 0 ? e :
|
|
2112
|
-
dash: n.zeroLine.dash ??
|
|
2091
|
+
color: n.zeroLine.color || bt.COLOR,
|
|
2092
|
+
width: typeof e == "number" && Number.isFinite(e) && e > 0 ? e : bt.WIDTH,
|
|
2093
|
+
dash: n.zeroLine.dash ?? bt.DASH
|
|
2113
2094
|
};
|
|
2114
2095
|
}), _ = t(() => n.legend.backgroundColor || "rgba(255, 255, 255, 0.7)"), v = t(() => n.legend.interactive === !0), y = t(() => n.hiddenSeriesIds === void 0 ? s.value : new Set(n.hiddenSeriesIds)), b = t(() => Array.from(y.value)), x = (e) => n.legend.trackPositions?.[e] ?? n.legend.position ?? "top-right", S = (e) => {
|
|
2115
2096
|
let t = n.legend.orientation ?? "auto";
|
|
@@ -2131,10 +2112,10 @@ function Mn(e) {
|
|
|
2131
2112
|
fontStyle: n.title?.textStyle?.fontStyle ?? "normal",
|
|
2132
2113
|
textDecoration: n.title?.textStyle?.textDecoration ?? "none",
|
|
2133
2114
|
letterSpacing: n.title?.textStyle?.letterSpacing ?? "normal",
|
|
2134
|
-
lineHeight: String(
|
|
2115
|
+
lineHeight: String(_t)
|
|
2135
2116
|
})), A = t(() => {
|
|
2136
2117
|
let e = Number.parseFloat(n.title?.textStyle?.letterSpacing ?? ""), t = Number.isFinite(e) ? Math.max(0, C.value.length - 1) * e : 0;
|
|
2137
|
-
return Math.max(1, C.value.length * E.value *
|
|
2118
|
+
return Math.max(1, C.value.length * E.value * gt + t);
|
|
2138
2119
|
}), j = t(() => {
|
|
2139
2120
|
let e = d.value - 48;
|
|
2140
2121
|
return e > 0 ? e : A.value;
|
|
@@ -2144,12 +2125,12 @@ function Mn(e) {
|
|
|
2144
2125
|
maxWidth: O.value ? "none" : `${j.value}px`,
|
|
2145
2126
|
whiteSpace: O.value ? "nowrap" : "normal",
|
|
2146
2127
|
overflowWrap: O.value ? "normal" : "anywhere"
|
|
2147
|
-
})), N = t(() =>
|
|
2128
|
+
})), N = t(() => Mn({
|
|
2148
2129
|
naturalWidth: a.value || A.value,
|
|
2149
2130
|
naturalHeight: o.value || E.value * 1.2,
|
|
2150
2131
|
availableWidth: j.value,
|
|
2151
2132
|
rotation: D.value
|
|
2152
|
-
})), P = t(() => w.value ? N.value.areaHeight : 0), F = t(() =>
|
|
2133
|
+
})), P = t(() => w.value ? N.value.areaHeight : 0), F = t(() => mt.top), I = t(() => Math.max(0, f.value - P.value - c.value));
|
|
2153
2134
|
return {
|
|
2154
2135
|
fixedWidth: l,
|
|
2155
2136
|
fixedHeight: u,
|
|
@@ -2173,7 +2154,7 @@ function Mn(e) {
|
|
|
2173
2154
|
titleAreaHeight: P,
|
|
2174
2155
|
chartTopMargin: F,
|
|
2175
2156
|
drawingHeight: I,
|
|
2176
|
-
innerHeight: t(() => Math.max(0, I.value -
|
|
2157
|
+
innerHeight: t(() => Math.max(0, I.value - mt.top - mt.bottom)),
|
|
2177
2158
|
titleAreaStyle: t(() => ({
|
|
2178
2159
|
height: `${P.value}px`,
|
|
2179
2160
|
justifyContent: n.title?.align === "left" ? "flex-start" : n.title?.align === "right" ? "flex-end" : "center"
|
|
@@ -2195,10 +2176,10 @@ function Mn(e) {
|
|
|
2195
2176
|
}
|
|
2196
2177
|
//#endregion
|
|
2197
2178
|
//#region src/components/core/useWaveformChartController.ts
|
|
2198
|
-
function
|
|
2179
|
+
function Pn(e, t) {
|
|
2199
2180
|
e.value = t instanceof Element ? t : void 0;
|
|
2200
2181
|
}
|
|
2201
|
-
function
|
|
2182
|
+
function Fn(e, t) {
|
|
2202
2183
|
let n = v(), r = v(), i = v(), a = v(), o = v(0), s = v(0), c = v(0), l = v(0), d = v(0), f = x(U), p = x([]), m = v({}), h = v({}), g = b({
|
|
2203
2184
|
points: [],
|
|
2204
2185
|
trackIndex: null,
|
|
@@ -2206,11 +2187,11 @@ function Pn(e, t) {
|
|
|
2206
2187
|
x: 0,
|
|
2207
2188
|
y: 0
|
|
2208
2189
|
}
|
|
2209
|
-
}), y = v(!1), S = v(1), w = x(), T = se("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ge(), A = v([]), j =
|
|
2190
|
+
}), y = v(!1), S = v(1), w = x(), T = se("waveform-clip"), O = v(new Set(e.defaultHiddenSeriesIds)), k = Ge(), A = v([]), j = Sn();
|
|
2210
2191
|
E([() => e.yDomain, () => e.yDomains], () => {
|
|
2211
2192
|
m.value = {}, h.value = {};
|
|
2212
2193
|
}, { deep: !0 });
|
|
2213
|
-
let M = v(null), N = v(!1), P = v(!1), F = () => void 0, I =
|
|
2194
|
+
let M = v(null), N = v(!1), P = v(!1), F = () => void 0, I = On(() => e.data, () => F()), L = Nn({
|
|
2214
2195
|
props: e,
|
|
2215
2196
|
observedWidth: o,
|
|
2216
2197
|
observedHeight: s,
|
|
@@ -2218,24 +2199,24 @@ function Pn(e, t) {
|
|
|
2218
2199
|
measuredTitleHeight: l,
|
|
2219
2200
|
internalHiddenSeriesIds: O,
|
|
2220
2201
|
paginationBandHeight: d
|
|
2221
|
-
}), { chartWidth: R, chartHeight: z, isCleanView: B, isPresentationMode: V, hiddenSeriesIdSet: H, resolvedTitleText: ee, titleAreaReserved: te, titleMeasureStyle: ne, titleAreaHeight: re, chartTopMargin: ie, innerHeight:
|
|
2202
|
+
}), { chartWidth: R, chartHeight: z, isCleanView: B, isPresentationMode: V, hiddenSeriesIdSet: H, resolvedTitleText: ee, titleAreaReserved: te, titleMeasureStyle: ne, titleAreaHeight: re, chartTopMargin: ie, innerHeight: W } = L, ae = kn({
|
|
2222
2203
|
props: e,
|
|
2223
2204
|
preparedSeries: I,
|
|
2224
2205
|
currentPage: S,
|
|
2225
2206
|
hiddenSeriesIdSet: H,
|
|
2226
2207
|
chartWidth: R,
|
|
2227
|
-
innerHeight:
|
|
2208
|
+
innerHeight: W,
|
|
2228
2209
|
isCleanView: B,
|
|
2229
2210
|
sharedTransform: f,
|
|
2230
2211
|
independentTransforms: p,
|
|
2231
2212
|
sharedYDomains: m,
|
|
2232
2213
|
independentYDomains: h,
|
|
2233
2214
|
annotationInteraction: u(k)
|
|
2234
|
-
}), { chartSeries:
|
|
2215
|
+
}), { chartSeries: G, chartTracks: oe, gridOptions: ce, pageCount: le, pagedTracks: ue, resolvedChartLeftMargin: de, innerWidth: K, hasChartArea: fe, activeInteractionMode: pe, isZoomMode: me, initialXDomain: he, sharedZoomDomain: ge, resolveInitialTrackDomain: q, trackLayouts: _e, annotationLayoutsForTrack: ve, resolveSeriesYScale: ye } = ae;
|
|
2235
2216
|
D(() => {
|
|
2236
|
-
d.value =
|
|
2217
|
+
d.value = ce.value.showPagination && le.value > 1 && R.value <= 520 ? 40 : 0;
|
|
2237
2218
|
});
|
|
2238
|
-
let J =
|
|
2219
|
+
let J = Cn({
|
|
2239
2220
|
props: e,
|
|
2240
2221
|
emit: t,
|
|
2241
2222
|
svgElement: r,
|
|
@@ -2243,20 +2224,20 @@ function Pn(e, t) {
|
|
|
2243
2224
|
sharedTransform: f,
|
|
2244
2225
|
independentTransforms: p,
|
|
2245
2226
|
trackLayouts: _e,
|
|
2246
|
-
initialXDomain:
|
|
2227
|
+
initialXDomain: he,
|
|
2247
2228
|
sharedZoomDomain: ge,
|
|
2248
|
-
innerWidth:
|
|
2249
|
-
innerHeight:
|
|
2250
|
-
hasChartArea:
|
|
2251
|
-
isZoomMode:
|
|
2229
|
+
innerWidth: K,
|
|
2230
|
+
innerHeight: W,
|
|
2231
|
+
hasChartArea: fe,
|
|
2232
|
+
isZoomMode: me,
|
|
2252
2233
|
isPresentationMode: V,
|
|
2253
2234
|
resolveInitialTrackDomain: q,
|
|
2254
|
-
cancelPendingHover: () =>
|
|
2255
|
-
}),
|
|
2235
|
+
cancelPendingHover: () => X.cancelPendingHover()
|
|
2236
|
+
}), Y = vn({
|
|
2256
2237
|
props: e,
|
|
2257
2238
|
emit: t,
|
|
2258
2239
|
container: n,
|
|
2259
|
-
chartSeries:
|
|
2240
|
+
chartSeries: G,
|
|
2260
2241
|
hiddenSeriesIdSet: H,
|
|
2261
2242
|
internalHiddenSeriesIds: O,
|
|
2262
2243
|
annotationInteraction: k,
|
|
@@ -2266,28 +2247,28 @@ function Pn(e, t) {
|
|
|
2266
2247
|
resolveSeriesYScale: ye,
|
|
2267
2248
|
chartWidth: R,
|
|
2268
2249
|
chartHeight: z,
|
|
2269
|
-
innerWidth:
|
|
2270
|
-
resolvedChartLeftMargin:
|
|
2250
|
+
innerWidth: K,
|
|
2251
|
+
resolvedChartLeftMargin: de,
|
|
2271
2252
|
titleAreaHeight: re,
|
|
2272
2253
|
chartTopMargin: ie,
|
|
2273
|
-
activeInteractionMode:
|
|
2254
|
+
activeInteractionMode: pe,
|
|
2274
2255
|
isPresentationMode: V
|
|
2275
|
-
}),
|
|
2256
|
+
}), be = xn({
|
|
2276
2257
|
props: e,
|
|
2277
2258
|
emit: t,
|
|
2278
2259
|
selection: M,
|
|
2279
2260
|
spacePressed: N,
|
|
2280
2261
|
trackLayouts: _e,
|
|
2281
|
-
chartTracks:
|
|
2282
|
-
initialXDomain:
|
|
2283
|
-
innerWidth:
|
|
2284
|
-
innerHeight:
|
|
2262
|
+
chartTracks: oe,
|
|
2263
|
+
initialXDomain: he,
|
|
2264
|
+
innerWidth: K,
|
|
2265
|
+
innerHeight: W,
|
|
2285
2266
|
sharedOverlayElement: a,
|
|
2286
2267
|
sharedTransform: f,
|
|
2287
2268
|
independentTransforms: p,
|
|
2288
2269
|
sharedYDomains: m,
|
|
2289
2270
|
independentYDomains: h,
|
|
2290
|
-
isZoomMode:
|
|
2271
|
+
isZoomMode: me,
|
|
2291
2272
|
isPresentationMode: V,
|
|
2292
2273
|
editorSeriesOptions: A,
|
|
2293
2274
|
resolveInitialTrackDomain: q,
|
|
@@ -2295,24 +2276,24 @@ function Pn(e, t) {
|
|
|
2295
2276
|
canZoomSharedTracks: J.canZoomSharedTracks,
|
|
2296
2277
|
configureZoom: J.configureZoom,
|
|
2297
2278
|
cancelPendingZoom: J.cancelPendingZoom,
|
|
2298
|
-
clearHover: () =>
|
|
2299
|
-
resolveTrackAtPointer:
|
|
2300
|
-
}),
|
|
2279
|
+
clearHover: () => X.clearHover(),
|
|
2280
|
+
resolveTrackAtPointer: Y.resolveTrackAtPointer
|
|
2281
|
+
}), X = bn({
|
|
2301
2282
|
emit: t,
|
|
2302
2283
|
hoverState: g,
|
|
2303
2284
|
suppressHoverUntilMove: y,
|
|
2304
2285
|
hoverThrottle: j,
|
|
2305
2286
|
selection: M,
|
|
2306
2287
|
trackLayouts: _e,
|
|
2307
|
-
innerWidth:
|
|
2308
|
-
resolvedChartLeftMargin:
|
|
2288
|
+
innerWidth: K,
|
|
2289
|
+
resolvedChartLeftMargin: de,
|
|
2309
2290
|
titleAreaHeight: re,
|
|
2310
2291
|
chartTopMargin: ie,
|
|
2311
2292
|
sharedOverlayElement: a,
|
|
2312
2293
|
isPresentationMode: V,
|
|
2313
|
-
updateViewportDrag:
|
|
2314
|
-
resolveTrackAtPointer:
|
|
2315
|
-
}),
|
|
2294
|
+
updateViewportDrag: be.updateViewportDrag,
|
|
2295
|
+
resolveTrackAtPointer: Y.resolveTrackAtPointer
|
|
2296
|
+
}), xe = Tn({
|
|
2316
2297
|
props: e,
|
|
2317
2298
|
emit: t,
|
|
2318
2299
|
container: n,
|
|
@@ -2328,14 +2309,14 @@ function Pn(e, t) {
|
|
|
2328
2309
|
spacePressed: N,
|
|
2329
2310
|
pointerInsideChart: P,
|
|
2330
2311
|
currentPage: S,
|
|
2331
|
-
pageCount:
|
|
2332
|
-
pagedTracks:
|
|
2333
|
-
gridOptions:
|
|
2334
|
-
chartSeries:
|
|
2335
|
-
chartTracks:
|
|
2336
|
-
innerWidth:
|
|
2337
|
-
innerHeight:
|
|
2338
|
-
activeInteractionMode:
|
|
2312
|
+
pageCount: le,
|
|
2313
|
+
pagedTracks: ue,
|
|
2314
|
+
gridOptions: ce,
|
|
2315
|
+
chartSeries: G,
|
|
2316
|
+
chartTracks: oe,
|
|
2317
|
+
innerWidth: K,
|
|
2318
|
+
innerHeight: W,
|
|
2319
|
+
activeInteractionMode: pe,
|
|
2339
2320
|
hiddenSeriesIdSet: H,
|
|
2340
2321
|
internalHiddenSeriesIds: O,
|
|
2341
2322
|
independentTransforms: p,
|
|
@@ -2343,23 +2324,23 @@ function Pn(e, t) {
|
|
|
2343
2324
|
annotationInteraction: k,
|
|
2344
2325
|
editorSeriesOptions: A,
|
|
2345
2326
|
isPresentationMode: V,
|
|
2346
|
-
clearHover:
|
|
2347
|
-
cancelAnnotation:
|
|
2327
|
+
clearHover: X.clearHover,
|
|
2328
|
+
cancelAnnotation: Y.cancelAnnotation,
|
|
2348
2329
|
configureZoom: J.configureZoom,
|
|
2349
|
-
resetViewport:
|
|
2350
|
-
cancelViewportDrag:
|
|
2351
|
-
cancelPendingHover:
|
|
2330
|
+
resetViewport: be.resetViewport,
|
|
2331
|
+
cancelViewportDrag: be.cancelViewportDrag,
|
|
2332
|
+
cancelPendingHover: X.cancelPendingHover,
|
|
2352
2333
|
clearZoomBindings: J.clearZoomBindings
|
|
2353
2334
|
});
|
|
2354
|
-
return F =
|
|
2335
|
+
return F = xe.handleDataReferenceChange, _({
|
|
2355
2336
|
...C(e),
|
|
2356
2337
|
...L,
|
|
2357
|
-
...
|
|
2358
|
-
...be,
|
|
2359
|
-
...xe,
|
|
2338
|
+
...ae,
|
|
2360
2339
|
...Y,
|
|
2361
|
-
|
|
2362
|
-
|
|
2340
|
+
...be,
|
|
2341
|
+
...X,
|
|
2342
|
+
margin: mt,
|
|
2343
|
+
getPageSize: Jt,
|
|
2363
2344
|
currentPage: S,
|
|
2364
2345
|
selection: M,
|
|
2365
2346
|
pointerInsideChart: P,
|
|
@@ -2369,32 +2350,32 @@ function Pn(e, t) {
|
|
|
2369
2350
|
contextMenu: k.contextMenu,
|
|
2370
2351
|
editorSeriesOptions: A,
|
|
2371
2352
|
clipPathId: T,
|
|
2372
|
-
goToPage:
|
|
2373
|
-
setContainer: (e) =>
|
|
2374
|
-
setSvgElement: (e) =>
|
|
2375
|
-
setTitleMeasureElement: (e) =>
|
|
2376
|
-
setSharedOverlayElement: (e) =>
|
|
2353
|
+
goToPage: xe.goToPage,
|
|
2354
|
+
setContainer: (e) => Pn(n, e),
|
|
2355
|
+
setSvgElement: (e) => Pn(r, e),
|
|
2356
|
+
setTitleMeasureElement: (e) => Pn(i, e),
|
|
2357
|
+
setSharedOverlayElement: (e) => Pn(a, e)
|
|
2377
2358
|
});
|
|
2378
2359
|
}
|
|
2379
2360
|
//#endregion
|
|
2380
2361
|
//#region src/components/annotation/WaveformAnnotationEditor.vue?vue&type=script&setup=true&lang.ts
|
|
2381
|
-
var
|
|
2362
|
+
var In = ["aria-labelledby"], Ln = { class: "waveform-annotation-editor__panel" }, Rn = { class: "waveform-annotation-editor__header" }, zn = ["id"], Bn = {
|
|
2382
2363
|
class: "waveform-annotation-editor__coordinates",
|
|
2383
2364
|
"aria-label": "标注坐标"
|
|
2384
|
-
},
|
|
2365
|
+
}, Vn = {
|
|
2385
2366
|
key: 0,
|
|
2386
2367
|
class: "waveform-annotation-editor__series",
|
|
2387
2368
|
"aria-label": "标注所属波形"
|
|
2388
|
-
},
|
|
2369
|
+
}, Hn = { class: "waveform-annotation-editor__series-label" }, Un = ["value"], Wn = ["value"], Gn = { key: 1 }, Kn = { class: "waveform-annotation-editor__field" }, qn = { class: "waveform-annotation-editor__label-row" }, Jn = ["maxlength"], Yn = { class: "waveform-annotation-editor__colors" }, Xn = {
|
|
2389
2370
|
class: "waveform-annotation-editor__color-field",
|
|
2390
2371
|
title: "调整标注边框色和透明度"
|
|
2391
|
-
},
|
|
2372
|
+
}, Zn = {
|
|
2392
2373
|
class: "waveform-annotation-editor__color-field",
|
|
2393
2374
|
title: "调整标注文字色和透明度"
|
|
2394
|
-
},
|
|
2375
|
+
}, Qn = {
|
|
2395
2376
|
class: "waveform-annotation-editor__color-field",
|
|
2396
2377
|
title: "调整标注背景色和透明度"
|
|
2397
|
-
},
|
|
2378
|
+
}, $n = { class: "waveform-annotation-editor__actions" }, er = ["disabled"], tr = /*#__PURE__*/ Z(/* @__PURE__ */ c({
|
|
2398
2379
|
__name: "WaveformAnnotationEditor",
|
|
2399
2380
|
props: {
|
|
2400
2381
|
annotation: {},
|
|
@@ -2419,7 +2400,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
|
|
|
2419
2400
|
} : c.series;
|
|
2420
2401
|
});
|
|
2421
2402
|
function A() {
|
|
2422
|
-
let e =
|
|
2403
|
+
let e = xe(c.annotation.style);
|
|
2423
2404
|
m.value = c.annotation.text, h.value = e.borderColor, _.value = e.textColor, b.value = e.backgroundColor, d(() => u.value?.focus());
|
|
2424
2405
|
}
|
|
2425
2406
|
E(() => c.annotation, A, { immediate: !0 });
|
|
@@ -2447,21 +2428,21 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
|
|
|
2447
2428
|
"aria-modal": "true",
|
|
2448
2429
|
"aria-labelledby": w(f),
|
|
2449
2430
|
onClick: n[6] ||= k((e) => l("cancel"), ["self"])
|
|
2450
|
-
}, [a("section",
|
|
2451
|
-
a("header",
|
|
2431
|
+
}, [a("section", Ln, [
|
|
2432
|
+
a("header", Rn, [a("div", null, [a("h2", { id: w(f) }, S(c.mode === "add" ? "添加标注" : "编辑标注"), 9, zn)]), a("button", {
|
|
2452
2433
|
type: "button",
|
|
2453
2434
|
class: "waveform-annotation-editor__close",
|
|
2454
2435
|
"aria-label": "关闭标注编辑器",
|
|
2455
2436
|
title: "关闭",
|
|
2456
2437
|
onClick: n[0] ||= (e) => l("cancel")
|
|
2457
2438
|
}, " × ")]),
|
|
2458
|
-
a("div",
|
|
2459
|
-
D.value ? (g(), i("label",
|
|
2439
|
+
a("div", Bn, [a("span", null, [a("b", null, "X (" + S(c.timeUnit) + ")", 1), a("code", null, S(w(dt)(c.annotation.x, c.timeUnit)), 1)]), a("span", null, [n[7] ||= a("b", null, "Y", -1), a("code", null, S(w(ot)(c.annotation.y)), 1)])]),
|
|
2440
|
+
D.value ? (g(), i("label", Vn, [
|
|
2460
2441
|
a("i", {
|
|
2461
2442
|
style: p({ backgroundColor: D.value.color }),
|
|
2462
2443
|
"aria-hidden": "true"
|
|
2463
2444
|
}, null, 4),
|
|
2464
|
-
a("span",
|
|
2445
|
+
a("span", Hn, [n[8] ||= a("small", null, "标注波形", -1), a("b", null, S(D.value.name), 1)]),
|
|
2465
2446
|
c.seriesOptions?.length ? (g(), i("select", {
|
|
2466
2447
|
key: 0,
|
|
2467
2448
|
value: c.annotation.seriesId,
|
|
@@ -2470,9 +2451,9 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
|
|
|
2470
2451
|
}, [(g(!0), i(e, null, y(c.seriesOptions, (e) => (g(), i("option", {
|
|
2471
2452
|
key: e.seriesId,
|
|
2472
2453
|
value: e.seriesId
|
|
2473
|
-
}, S(e.name) + S(e.unit ? ` (${e.unit})` : ""), 9,
|
|
2454
|
+
}, S(e.name) + S(e.unit ? ` (${e.unit})` : ""), 9, Wn))), 128))], 40, Un)) : D.value.unit ? (g(), i("code", Gn, S(D.value.unit), 1)) : r("", !0)
|
|
2474
2455
|
])) : r("", !0),
|
|
2475
|
-
a("label",
|
|
2456
|
+
a("label", Kn, [a("span", qn, [n[9] ||= a("b", null, "标注文本", -1), a("small", null, S(C.value) + "/" + S(w(40)), 1)]), O(a("textarea", {
|
|
2476
2457
|
ref_key: "textarea",
|
|
2477
2458
|
ref: u,
|
|
2478
2459
|
"onUpdate:modelValue": n[1] ||= (e) => m.value = e,
|
|
@@ -2481,10 +2462,10 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
|
|
|
2481
2462
|
"aria-label": "标注文本",
|
|
2482
2463
|
placeholder: "输入这处波形的说明",
|
|
2483
2464
|
onKeydown: M
|
|
2484
|
-
}, null, 40,
|
|
2485
|
-
a("fieldset",
|
|
2465
|
+
}, null, 40, Jn), [[T, m.value]])]),
|
|
2466
|
+
a("fieldset", Yn, [
|
|
2486
2467
|
n[13] ||= a("legend", null, "颜色与透明度", -1),
|
|
2487
|
-
a("label",
|
|
2468
|
+
a("label", Xn, [n[10] ||= a("span", null, "边框色", -1), s(w(G), {
|
|
2488
2469
|
"pure-color": h.value,
|
|
2489
2470
|
"onUpdate:pureColor": n[2] ||= (e) => h.value = e,
|
|
2490
2471
|
"aria-label": "标注边框色",
|
|
@@ -2494,7 +2475,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
|
|
|
2494
2475
|
"disable-alpha": !1,
|
|
2495
2476
|
"blur-close": !0
|
|
2496
2477
|
}, null, 8, ["pure-color"])]),
|
|
2497
|
-
a("label",
|
|
2478
|
+
a("label", Zn, [n[11] ||= a("span", null, "文字色", -1), s(w(G), {
|
|
2498
2479
|
"pure-color": _.value,
|
|
2499
2480
|
"onUpdate:pureColor": n[3] ||= (e) => _.value = e,
|
|
2500
2481
|
"aria-label": "标注文字色",
|
|
@@ -2504,7 +2485,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
|
|
|
2504
2485
|
"disable-alpha": !1,
|
|
2505
2486
|
"blur-close": !0
|
|
2506
2487
|
}, null, 8, ["pure-color"])]),
|
|
2507
|
-
a("label",
|
|
2488
|
+
a("label", Qn, [n[12] ||= a("span", null, "背景色", -1), s(w(G), {
|
|
2508
2489
|
"pure-color": b.value,
|
|
2509
2490
|
"onUpdate:pureColor": n[4] ||= (e) => b.value = e,
|
|
2510
2491
|
"aria-label": "标注背景色",
|
|
@@ -2515,7 +2496,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
|
|
|
2515
2496
|
"blur-close": !0
|
|
2516
2497
|
}, null, 8, ["pure-color"])])
|
|
2517
2498
|
]),
|
|
2518
|
-
a("footer",
|
|
2499
|
+
a("footer", $n, [a("button", {
|
|
2519
2500
|
type: "button",
|
|
2520
2501
|
onClick: n[5] ||= (e) => l("cancel")
|
|
2521
2502
|
}, "取消"), a("button", {
|
|
@@ -2523,10 +2504,10 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
|
|
|
2523
2504
|
class: "is-primary",
|
|
2524
2505
|
disabled: !x.value,
|
|
2525
2506
|
onClick: j
|
|
2526
|
-
}, " 保存标注 ", 8,
|
|
2527
|
-
])], 8,
|
|
2507
|
+
}, " 保存标注 ", 8, er)])
|
|
2508
|
+
])], 8, In));
|
|
2528
2509
|
}
|
|
2529
|
-
}), [["__scopeId", "data-v-52818b45"]]),
|
|
2510
|
+
}), [["__scopeId", "data-v-52818b45"]]), nr = { class: "waveform-tooltip__time waveform-chart__tooltip-time" }, rr = { key: 0 }, ir = { class: "waveform-tooltip__value" }, ar = { key: 0 }, or = 12, sr = 8, cr = 238, lr = /*#__PURE__*/ Z(/* @__PURE__ */ c({
|
|
2530
2511
|
__name: "WaveformTooltip",
|
|
2531
2512
|
props: {
|
|
2532
2513
|
visible: { type: Boolean },
|
|
@@ -2540,30 +2521,30 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
|
|
|
2540
2521
|
setup(n) {
|
|
2541
2522
|
let s = n, c = t(() => {
|
|
2542
2523
|
if (!s.visible || !s.hoveredPoint) return { display: "none" };
|
|
2543
|
-
let e = 44 + s.seriesPoints.length * 22, t = s.position.x +
|
|
2524
|
+
let e = 44 + s.seriesPoints.length * 22, t = s.position.x + or, n = s.position.x - or - cr;
|
|
2544
2525
|
return {
|
|
2545
|
-
...t +
|
|
2526
|
+
...t + cr <= s.containerWidth - sr ? { left: `${t}px` } : n >= sr ? { right: `${s.containerWidth - s.position.x + or}px` } : { left: `${sr}px` },
|
|
2546
2527
|
top: `${Math.max(8, Math.min(s.position.y - 18, s.containerHeight - e - 8))}px`
|
|
2547
2528
|
};
|
|
2548
2529
|
});
|
|
2549
2530
|
function l(e) {
|
|
2550
|
-
let { lower: t, upper: n } =
|
|
2551
|
-
return t === 0 && n === 0 ? null : `(+${
|
|
2531
|
+
let { lower: t, upper: n } = jt(e);
|
|
2532
|
+
return t === 0 && n === 0 ? null : `(+${it(n)} / -${it(t)})`;
|
|
2552
2533
|
}
|
|
2553
2534
|
return (t, s) => n.visible && n.hoveredPoint ? (g(), i("div", {
|
|
2554
2535
|
key: 0,
|
|
2555
2536
|
class: "waveform-tooltip waveform-chart__tooltip",
|
|
2556
2537
|
style: p(c.value)
|
|
2557
|
-
}, [a("span",
|
|
2538
|
+
}, [a("span", nr, S(n.timeUnit) + ": " + S(w(ut)(n.hoveredPoint.x, n.timeUnit)), 1), (g(!0), i(e, null, y(n.seriesPoints, (e) => (g(), i("span", {
|
|
2558
2539
|
key: `${e.trackIndex}-${e.name}`,
|
|
2559
2540
|
class: "waveform-tooltip__series waveform-chart__tooltip-series"
|
|
2560
2541
|
}, [
|
|
2561
2542
|
a("i", { style: p({ backgroundColor: e.color }) }, null, 4),
|
|
2562
|
-
e.name ? (g(), i("strong",
|
|
2563
|
-
a("span",
|
|
2543
|
+
e.name ? (g(), i("strong", rr, S(e.name) + ":", 1)) : r("", !0),
|
|
2544
|
+
a("span", ir, [o(S(w(it)(e.point.y)) + S(e.unit ? ` ${e.unit}` : "") + " ", 1), l(e.point) ? (g(), i("small", ar, S(l(e.point)), 1)) : r("", !0)])
|
|
2564
2545
|
]))), 128))], 4)) : r("", !0);
|
|
2565
2546
|
}
|
|
2566
|
-
}), [["__scopeId", "data-v-b8b5592a"]]),
|
|
2547
|
+
}), [["__scopeId", "data-v-b8b5592a"]]), ur = /* @__PURE__ */ c({
|
|
2567
2548
|
__name: "WaveformHoverHost",
|
|
2568
2549
|
props: {
|
|
2569
2550
|
state: {},
|
|
@@ -2574,7 +2555,7 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
|
|
|
2574
2555
|
},
|
|
2575
2556
|
setup(e) {
|
|
2576
2557
|
let r = e, i = t(() => r.state.points[0]?.point ?? null);
|
|
2577
|
-
return (t, r) => (g(), n(
|
|
2558
|
+
return (t, r) => (g(), n(lr, {
|
|
2578
2559
|
visible: e.visible && i.value !== null,
|
|
2579
2560
|
position: e.state.position,
|
|
2580
2561
|
"time-unit": e.timeUnit,
|
|
@@ -2592,16 +2573,16 @@ var Fn = ["aria-labelledby"], In = { class: "waveform-annotation-editor__panel"
|
|
|
2592
2573
|
"container-height"
|
|
2593
2574
|
]));
|
|
2594
2575
|
}
|
|
2595
|
-
}),
|
|
2576
|
+
}), dr = 13, fr = 2, pr = 14, mr = 8, hr = 24, gr = {
|
|
2596
2577
|
circle: ee,
|
|
2597
2578
|
square: ne,
|
|
2598
2579
|
triangle: re,
|
|
2599
2580
|
diamond: te
|
|
2600
2581
|
};
|
|
2601
|
-
function
|
|
2602
|
-
return e === "none" ? null : H().type(
|
|
2582
|
+
function _r(e, t = 48) {
|
|
2583
|
+
return e === "none" ? null : H().type(gr[e]).size(t)() ?? null;
|
|
2603
2584
|
}
|
|
2604
|
-
function
|
|
2585
|
+
function vr(e, t, n = 48) {
|
|
2605
2586
|
if (e === "none" || t.length === 0) return null;
|
|
2606
2587
|
if (e === "circle") {
|
|
2607
2588
|
let e = Math.sqrt(n / Math.PI);
|
|
@@ -2618,24 +2599,24 @@ function _r(e, t, n = 48) {
|
|
|
2618
2599
|
let r = Math.sqrt(n / (2 * Math.tan(Math.PI / 6))), i = r * Math.tan(Math.PI / 6);
|
|
2619
2600
|
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("");
|
|
2620
2601
|
}
|
|
2621
|
-
function
|
|
2602
|
+
function yr(e) {
|
|
2622
2603
|
return e === "none" ? null : "M1 8H25";
|
|
2623
2604
|
}
|
|
2624
|
-
function
|
|
2605
|
+
function br(e) {
|
|
2625
2606
|
if (e === "dashed") return "8 5";
|
|
2626
2607
|
if (e === "dash-dot") return "8 5 1.5 5";
|
|
2627
2608
|
}
|
|
2628
|
-
function
|
|
2629
|
-
let t = (Number.isFinite(e) && e > 0 ? Math.min(e,
|
|
2609
|
+
function xr(e) {
|
|
2610
|
+
let t = (Number.isFinite(e) && e > 0 ? Math.min(e, hr) : mr) / 2, n = dr - t, r = dr + t;
|
|
2630
2611
|
return [
|
|
2631
|
-
`M${n} ${
|
|
2632
|
-
`M${
|
|
2633
|
-
`M${n} ${
|
|
2612
|
+
`M${n} ${fr}H${r}`,
|
|
2613
|
+
`M${dr} ${fr}V${pr}`,
|
|
2614
|
+
`M${n} ${pr}H${r}`
|
|
2634
2615
|
].join("");
|
|
2635
2616
|
}
|
|
2636
2617
|
//#endregion
|
|
2637
2618
|
//#region src/components/rendering/WaveformSeriesLayer.vue?vue&type=script&setup=true&lang.ts
|
|
2638
|
-
var
|
|
2619
|
+
var Sr = ["clip-path"], Cr = ["data-series-id", "data-series-name"], wr = [
|
|
2639
2620
|
"data-series-id",
|
|
2640
2621
|
"data-series-name",
|
|
2641
2622
|
"data-y-axis-index",
|
|
@@ -2644,11 +2625,11 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2644
2625
|
"d",
|
|
2645
2626
|
"stroke",
|
|
2646
2627
|
"stroke-dasharray"
|
|
2647
|
-
],
|
|
2628
|
+
], Tr = ["data-series-id"], Er = [
|
|
2648
2629
|
"d",
|
|
2649
2630
|
"stroke",
|
|
2650
2631
|
"stroke-width"
|
|
2651
|
-
],
|
|
2632
|
+
], Dr = ["data-series-id", "data-point-type"], Or = ["d", "fill"], kr = /*#__PURE__*/ Z(/* @__PURE__ */ c({
|
|
2652
2633
|
__name: "WaveformSeriesLayer",
|
|
2653
2634
|
props: {
|
|
2654
2635
|
track: {},
|
|
@@ -2656,11 +2637,11 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2656
2637
|
},
|
|
2657
2638
|
setup(n) {
|
|
2658
2639
|
let a = n, o = t(() => a.track.seriesPaths.map((e) => {
|
|
2659
|
-
let t =
|
|
2640
|
+
let t = vr(e.series.pointType, e.pointRenderPoints.map((t) => ({
|
|
2660
2641
|
x: a.track.xScale(t.x),
|
|
2661
2642
|
y: e.yScale(t.y)
|
|
2662
2643
|
}))), n = e.series.errorBar.capWidth / 2, r = e.errorBarRenderPoints.map((t) => {
|
|
2663
|
-
let { lower: r, upper: i } =
|
|
2644
|
+
let { lower: r, upper: i } = jt(t), o = a.track.xScale(t.x), s = e.yScale(t.y - r), c = e.yScale(t.y + i);
|
|
2664
2645
|
return [
|
|
2665
2646
|
`M${o - n},${s}H${o + n}`,
|
|
2666
2647
|
`M${o},${s}V${c}`,
|
|
@@ -2693,8 +2674,8 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2693
2674
|
"data-line-style": e.series.lineStyle,
|
|
2694
2675
|
d: e.path,
|
|
2695
2676
|
stroke: e.series.color,
|
|
2696
|
-
"stroke-dasharray": w(
|
|
2697
|
-
}, null, 8,
|
|
2677
|
+
"stroke-dasharray": w(br)(e.series.lineStyle)
|
|
2678
|
+
}, null, 8, wr)) : r("", !0),
|
|
2698
2679
|
e.series.errorBar.visible ? (g(), i("g", {
|
|
2699
2680
|
key: 1,
|
|
2700
2681
|
class: "waveform-track__error-bars waveform-chart__error-bars",
|
|
@@ -2705,7 +2686,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2705
2686
|
d: e.errorBarPath,
|
|
2706
2687
|
stroke: e.series.errorBar.color || e.series.color,
|
|
2707
2688
|
"stroke-width": e.series.errorBar.width
|
|
2708
|
-
}, null, 8,
|
|
2689
|
+
}, null, 8, Er)) : r("", !0)], 8, Tr)) : r("", !0),
|
|
2709
2690
|
e.series.pointType === "none" ? r("", !0) : (g(), i("g", {
|
|
2710
2691
|
key: 2,
|
|
2711
2692
|
class: "waveform-track__points waveform-chart__points",
|
|
@@ -2716,24 +2697,20 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2716
2697
|
class: "waveform-track__point waveform-chart__point",
|
|
2717
2698
|
d: e.pointPath,
|
|
2718
2699
|
fill: e.series.color
|
|
2719
|
-
}, null, 8,
|
|
2720
|
-
], 8,
|
|
2700
|
+
}, null, 8, Or)) : r("", !0)], 8, Dr))
|
|
2701
|
+
], 8, Cr))), 128))], 8, Sr)) : r("", !0);
|
|
2721
2702
|
}
|
|
2722
|
-
}), [["__scopeId", "data-v-42a3fd47"]]),
|
|
2703
|
+
}), [["__scopeId", "data-v-42a3fd47"]]), Ar = ["transform"], jr = ["transform"], Mr = {
|
|
2723
2704
|
class: "waveform-track__axis-endpoint waveform-track__axis-endpoint--start waveform-chart__axis-endpoint waveform-chart__axis-endpoint--start",
|
|
2724
2705
|
x: "0",
|
|
2725
2706
|
y: "7",
|
|
2726
2707
|
dy: "0.71em",
|
|
2727
2708
|
"text-anchor": "start"
|
|
2728
|
-
},
|
|
2709
|
+
}, Nr = ["x"], Pr = [
|
|
2729
2710
|
"data-y-axis-index",
|
|
2730
2711
|
"data-y-axis-side",
|
|
2731
2712
|
"transform"
|
|
2732
|
-
], Fr = [
|
|
2733
|
-
"data-y-axis-index",
|
|
2734
|
-
"x",
|
|
2735
|
-
"text-anchor"
|
|
2736
|
-
], Ir = { key: 3 }, Lr = ["x", "y"], Rr = ["fill", "transform"], zr = ["data-y-axis-title-index"], Br = ["x", "y"], Vr = ["fill", "transform"], Hr = /* @__PURE__ */ c({
|
|
2713
|
+
], Fr = { key: 2 }, Ir = ["x", "y"], Lr = ["fill", "transform"], Rr = ["data-y-axis-title-index"], zr = ["x", "y"], Br = ["fill", "transform"], Vr = /* @__PURE__ */ c({
|
|
2737
2714
|
__name: "WaveformTrackAxes",
|
|
2738
2715
|
props: {
|
|
2739
2716
|
track: {},
|
|
@@ -2762,14 +2739,15 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2762
2739
|
if (n.track.yAxes.forEach((e, t) => {
|
|
2763
2740
|
let r = s.value[t];
|
|
2764
2741
|
if (!r) return;
|
|
2765
|
-
let [i, a] = e.scale.domain(), o = (e.side === "left" ? j(e.scale) : M(e.scale)).tickFormat((e) =>
|
|
2742
|
+
let [i, a] = e.scale.domain(), o = Math.max(...e.tickValues), c = (e.side === "left" ? j(e.scale) : M(e.scale)).tickFormat((e) => rt(Number(e), {
|
|
2766
2743
|
axisMin: i,
|
|
2767
|
-
axisMax: a
|
|
2768
|
-
|
|
2769
|
-
|
|
2744
|
+
axisMax: a,
|
|
2745
|
+
topTickValue: o
|
|
2746
|
+
})).tickSize(-4).tickPadding(7).tickSizeOuter(0).tickValues(e.tickValues), l = V(r);
|
|
2747
|
+
l.call(c), l.selectAll("path.domain").attr("display", n.axes?.y?.lineVisible === !1 ? "none" : null);
|
|
2770
2748
|
}), !o.value) return;
|
|
2771
2749
|
let e = V(o.value);
|
|
2772
|
-
e.call(A(n.track.xScale).tickValues(n.track.xAxisTickValues).tickFormat((e) =>
|
|
2750
|
+
e.call(A(n.track.xScale).tickValues(n.track.xAxisTickValues).tickFormat((e) => lt(Number(e), n.timeUnit, n.track.xScale.domain())).tickSize(-4).tickPadding(7).tickSizeOuter(0)), e.selectAll("path.domain").attr("display", n.axes?.x?.lineVisible === !1 ? "none" : null);
|
|
2773
2751
|
}
|
|
2774
2752
|
return h(async () => {
|
|
2775
2753
|
await d(), m();
|
|
@@ -2790,7 +2768,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2790
2768
|
ref: o,
|
|
2791
2769
|
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 }]),
|
|
2792
2770
|
transform: `translate(0, ${t.track.height})`
|
|
2793
|
-
}, null, 10,
|
|
2771
|
+
}, null, 10, Ar)) : r("", !0),
|
|
2794
2772
|
t.track.showXAxis ? (g(), i("g", {
|
|
2795
2773
|
key: 1,
|
|
2796
2774
|
class: "waveform-track__axis-endpoints waveform-chart__axis-endpoints",
|
|
@@ -2798,21 +2776,13 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2798
2776
|
"font-family": "sans-serif",
|
|
2799
2777
|
"font-size": "10",
|
|
2800
2778
|
"aria-hidden": "true"
|
|
2801
|
-
}, [a("text",
|
|
2779
|
+
}, [a("text", Mr, S(t.track.endpointLabels.start), 1), a("text", {
|
|
2802
2780
|
class: "waveform-track__axis-endpoint waveform-track__axis-endpoint--end waveform-chart__axis-endpoint waveform-chart__axis-endpoint--end",
|
|
2803
2781
|
x: t.track.width ?? t.innerWidth,
|
|
2804
2782
|
y: "7",
|
|
2805
2783
|
dy: "0.71em",
|
|
2806
2784
|
"text-anchor": "end"
|
|
2807
|
-
}, S(t.track.endpointLabels.end), 9,
|
|
2808
|
-
t.track.showXAxis && t.track.xAxisExponent ? (g(), i("text", {
|
|
2809
|
-
key: 2,
|
|
2810
|
-
class: "waveform-track__axis-exponent waveform-track__axis-exponent--x waveform-chart__axis-exponent waveform-chart__axis-exponent--x",
|
|
2811
|
-
x: t.track.width ?? t.innerWidth,
|
|
2812
|
-
y: t.track.height + 27,
|
|
2813
|
-
"text-anchor": "end",
|
|
2814
|
-
"aria-hidden": "true"
|
|
2815
|
-
}, S(t.track.xAxisExponent), 9, Nr)) : r("", !0),
|
|
2785
|
+
}, S(t.track.endpointLabels.end), 9, Nr)], 8, jr)) : r("", !0),
|
|
2816
2786
|
(g(!0), i(e, null, y(t.track.isEmpty ? [] : t.track.yAxes, (e) => (g(), i("g", {
|
|
2817
2787
|
key: `y-axis-${t.track.index}-${e.index}`,
|
|
2818
2788
|
ref_for: !0,
|
|
@@ -2822,30 +2792,20 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2822
2792
|
"data-y-axis-side": e.side,
|
|
2823
2793
|
transform: `translate(${e.x}, 0)`
|
|
2824
2794
|
}, null, 10, Pr))), 128)),
|
|
2825
|
-
|
|
2826
|
-
key: `y-axis-exponent-${t.track.index}-${e.index}`,
|
|
2827
|
-
class: "waveform-track__axis-exponent waveform-track__axis-exponent--y waveform-chart__axis-exponent waveform-chart__axis-exponent--y",
|
|
2828
|
-
"data-y-axis-index": e.index,
|
|
2829
|
-
x: e.exponentX,
|
|
2830
|
-
y: "0",
|
|
2831
|
-
dy: "0.32em",
|
|
2832
|
-
"text-anchor": e.side === "left" ? "end" : "start",
|
|
2833
|
-
"aria-hidden": "true"
|
|
2834
|
-
}, S(e.exponentLabel), 9, Fr))), 128)),
|
|
2835
|
-
!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", Ir, [a("rect", {
|
|
2795
|
+
!t.cleanView && !t.track.isEmpty && t.track.hasVisibleSeries && t.track.seriesList.length === 1 && t.track.showYAxisLabel && c(t.track.series) && p(t.track.height, t.track.index) ? (g(), i("g", Fr, [a("rect", {
|
|
2836
2796
|
class: "waveform-track__y-axis-label-bg waveform-chart__y-axis-label-bg",
|
|
2837
2797
|
x: t.track.yAxisLabelX - 12,
|
|
2838
2798
|
y: t.track.height / 2 - 40,
|
|
2839
2799
|
width: "24",
|
|
2840
2800
|
height: "80",
|
|
2841
2801
|
rx: "2"
|
|
2842
|
-
}, null, 8,
|
|
2802
|
+
}, null, 8, Ir), a("text", {
|
|
2843
2803
|
class: "waveform-track__y-axis-label waveform-chart__y-axis-label",
|
|
2844
2804
|
fill: t.track.series.color,
|
|
2845
2805
|
transform: `translate(${t.track.yAxisLabelX}, ${t.track.height / 2}) rotate(-90)`,
|
|
2846
2806
|
"text-anchor": "middle",
|
|
2847
2807
|
"dominant-baseline": "central"
|
|
2848
|
-
}, S(c(t.track.series)), 9,
|
|
2808
|
+
}, S(c(t.track.series)), 9, Lr)])) : r("", !0),
|
|
2849
2809
|
(g(!0), i(e, null, y(!t.cleanView && t.track.yAxes.length > 1 ? t.track.yAxes.filter(l) : [], (e) => (g(), i("g", {
|
|
2850
2810
|
key: `y-axis-title-${t.track.index}-${e.index}`,
|
|
2851
2811
|
class: "waveform-track__multi-axis-title",
|
|
@@ -2857,40 +2817,40 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2857
2817
|
width: "24",
|
|
2858
2818
|
height: "80",
|
|
2859
2819
|
rx: "2"
|
|
2860
|
-
}, null, 8,
|
|
2820
|
+
}, null, 8, zr), a("text", {
|
|
2861
2821
|
class: "waveform-track__y-axis-label waveform-chart__y-axis-label",
|
|
2862
2822
|
fill: e.seriesList[0].color,
|
|
2863
2823
|
transform: `translate(${e.labelX}, ${t.track.height / 2}) rotate(-90)`,
|
|
2864
2824
|
"text-anchor": "middle",
|
|
2865
2825
|
"dominant-baseline": "central"
|
|
2866
|
-
}, S(c(e.seriesList[0])), 9,
|
|
2826
|
+
}, S(c(e.seriesList[0])), 9, Br)], 8, Rr))), 128))
|
|
2867
2827
|
], 64));
|
|
2868
2828
|
}
|
|
2869
|
-
}),
|
|
2829
|
+
}), Hr = [
|
|
2870
2830
|
"width",
|
|
2871
2831
|
"height",
|
|
2872
2832
|
"fill"
|
|
2873
|
-
],
|
|
2833
|
+
], Ur = ["clip-path"], Wr = { class: "waveform-track__grid waveform-track__grid--minor waveform-chart__grid waveform-chart__grid--minor" }, Gr = [
|
|
2874
2834
|
"stroke",
|
|
2875
2835
|
"x1",
|
|
2876
2836
|
"x2",
|
|
2877
2837
|
"y2"
|
|
2878
|
-
],
|
|
2838
|
+
], Kr = [
|
|
2879
2839
|
"stroke",
|
|
2880
2840
|
"x2",
|
|
2881
2841
|
"y1",
|
|
2882
2842
|
"y2"
|
|
2883
|
-
],
|
|
2843
|
+
], qr = { class: "waveform-track__grid waveform-track__grid--major waveform-chart__grid waveform-chart__grid--major" }, Jr = [
|
|
2884
2844
|
"stroke",
|
|
2885
2845
|
"x1",
|
|
2886
2846
|
"x2",
|
|
2887
2847
|
"y2"
|
|
2888
|
-
],
|
|
2848
|
+
], Yr = [
|
|
2889
2849
|
"stroke",
|
|
2890
2850
|
"x2",
|
|
2891
2851
|
"y1",
|
|
2892
2852
|
"y2"
|
|
2893
|
-
],
|
|
2853
|
+
], Xr = ["clip-path"], Zr = [
|
|
2894
2854
|
"data-y-axis-index",
|
|
2895
2855
|
"x2",
|
|
2896
2856
|
"y1",
|
|
@@ -2898,7 +2858,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2898
2858
|
"stroke",
|
|
2899
2859
|
"stroke-width",
|
|
2900
2860
|
"stroke-dasharray"
|
|
2901
|
-
],
|
|
2861
|
+
], Qr = ["x", "y"], $r = /* @__PURE__ */ c({
|
|
2902
2862
|
__name: "WaveformTrackBackdrop",
|
|
2903
2863
|
props: {
|
|
2904
2864
|
track: {},
|
|
@@ -2923,12 +2883,12 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2923
2883
|
height: t.track.height,
|
|
2924
2884
|
fill: t.frameStyle.backgroundColor,
|
|
2925
2885
|
"aria-hidden": "true"
|
|
2926
|
-
}, null, 8,
|
|
2886
|
+
}, null, 8, Hr)) : r("", !0),
|
|
2927
2887
|
!t.track.isEmpty && t.track.hasVisibleSeries && !t.cleanView ? (g(), i("g", {
|
|
2928
2888
|
key: 1,
|
|
2929
2889
|
"clip-path": `url(#${t.clipPathId}-${t.track.index})`,
|
|
2930
2890
|
"aria-hidden": "true"
|
|
2931
|
-
}, [a("g",
|
|
2891
|
+
}, [a("g", Wr, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMinorTicks, (e) => (g(), i("line", {
|
|
2932
2892
|
key: `x-minor-${t.track.index}-${e}`,
|
|
2933
2893
|
"data-grid-direction": "vertical",
|
|
2934
2894
|
stroke: t.track.gridLines.verticalColor,
|
|
@@ -2936,7 +2896,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2936
2896
|
x2: t.track.xScale(e),
|
|
2937
2897
|
y1: "0",
|
|
2938
2898
|
y2: t.track.height
|
|
2939
|
-
}, null, 8,
|
|
2899
|
+
}, null, 8, Gr))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMinorTicks, (e) => (g(), i("line", {
|
|
2940
2900
|
key: `y-minor-${t.track.index}-${e}`,
|
|
2941
2901
|
"data-grid-direction": "horizontal",
|
|
2942
2902
|
stroke: t.track.gridLines.horizontalColor,
|
|
@@ -2944,7 +2904,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2944
2904
|
x2: t.track.width ?? t.innerWidth,
|
|
2945
2905
|
y1: t.track.yScale(e),
|
|
2946
2906
|
y2: t.track.yScale(e)
|
|
2947
|
-
}, null, 8,
|
|
2907
|
+
}, null, 8, Kr))), 128)) : r("", !0)]), a("g", qr, [t.track.gridLines.vertical ? (g(!0), i(e, { key: 0 }, y(t.track.xMajorTicks, (e) => (g(), i("line", {
|
|
2948
2908
|
key: `x-major-${t.track.index}-${e}`,
|
|
2949
2909
|
"data-grid-direction": "vertical",
|
|
2950
2910
|
stroke: t.track.gridLines.verticalColor,
|
|
@@ -2952,7 +2912,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2952
2912
|
x2: t.track.xScale(e),
|
|
2953
2913
|
y1: "0",
|
|
2954
2914
|
y2: t.track.height
|
|
2955
|
-
}, null, 8,
|
|
2915
|
+
}, null, 8, Jr))), 128)) : r("", !0), t.track.gridLines.horizontal ? (g(!0), i(e, { key: 1 }, y(t.track.yMajorTicks, (e) => (g(), i("line", {
|
|
2956
2916
|
key: `y-major-${t.track.index}-${e}`,
|
|
2957
2917
|
"data-grid-direction": "horizontal",
|
|
2958
2918
|
stroke: t.track.gridLines.horizontalColor,
|
|
@@ -2960,7 +2920,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2960
2920
|
x2: t.track.width ?? t.innerWidth,
|
|
2961
2921
|
y1: t.track.yScale(e),
|
|
2962
2922
|
y2: t.track.yScale(e)
|
|
2963
|
-
}, null, 8,
|
|
2923
|
+
}, null, 8, Yr))), 128)) : r("", !0)])], 8, Ur)) : r("", !0),
|
|
2964
2924
|
!t.track.isEmpty && t.track.hasVisibleSeries && t.zeroLine.visible && !t.cleanView ? (g(), i("g", {
|
|
2965
2925
|
key: 2,
|
|
2966
2926
|
class: "waveform-track__zero-lines waveform-chart__zero-lines",
|
|
@@ -2977,7 +2937,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2977
2937
|
stroke: t.zeroLine.color,
|
|
2978
2938
|
"stroke-width": t.zeroLine.width,
|
|
2979
2939
|
"stroke-dasharray": t.zeroLine.dash || void 0
|
|
2980
|
-
}, null, 8,
|
|
2940
|
+
}, null, 8, Zr))], 64))), 128))], 8, Xr)) : r("", !0),
|
|
2981
2941
|
!t.track.isEmpty && t.track.hasVisibleSeries && t.frameNumber !== void 0 && !t.cleanView ? (g(), i("text", {
|
|
2982
2942
|
key: 3,
|
|
2983
2943
|
class: "waveform-track__watermark waveform-chart__watermark",
|
|
@@ -2987,10 +2947,10 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2987
2947
|
"text-anchor": "middle",
|
|
2988
2948
|
"dominant-baseline": "central",
|
|
2989
2949
|
"aria-hidden": "true"
|
|
2990
|
-
}, S(t.frameNumber), 13,
|
|
2950
|
+
}, S(t.frameNumber), 13, Qr)) : r("", !0)
|
|
2991
2951
|
], 64));
|
|
2992
2952
|
}
|
|
2993
|
-
}),
|
|
2953
|
+
}), ei = [
|
|
2994
2954
|
"data-track-index",
|
|
2995
2955
|
"data-track-empty",
|
|
2996
2956
|
"data-track-left",
|
|
@@ -2999,19 +2959,19 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
2999
2959
|
"data-track-top",
|
|
3000
2960
|
"data-track-height",
|
|
3001
2961
|
"transform"
|
|
3002
|
-
],
|
|
2962
|
+
], ti = [
|
|
3003
2963
|
"width",
|
|
3004
2964
|
"height",
|
|
3005
2965
|
"stroke",
|
|
3006
2966
|
"stroke-width",
|
|
3007
2967
|
"stroke-dasharray",
|
|
3008
2968
|
"stroke-linecap"
|
|
3009
|
-
],
|
|
2969
|
+
], ni = [
|
|
3010
2970
|
"data-interactive",
|
|
3011
2971
|
"data-independent-overlay-index",
|
|
3012
2972
|
"width",
|
|
3013
2973
|
"height"
|
|
3014
|
-
],
|
|
2974
|
+
], ri = ["x", "y"], ii = /* @__PURE__ */ c({
|
|
3015
2975
|
__name: "WaveformTrack",
|
|
3016
2976
|
props: {
|
|
3017
2977
|
track: {},
|
|
@@ -3070,7 +3030,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3070
3030
|
"data-track-height": e.track.height,
|
|
3071
3031
|
transform: `translate(${e.track.left ?? 0}, ${e.track.top})`
|
|
3072
3032
|
}, [
|
|
3073
|
-
s(
|
|
3033
|
+
s($r, {
|
|
3074
3034
|
track: e.track,
|
|
3075
3035
|
"clip-path-id": e.clipPathId,
|
|
3076
3036
|
"inner-width": e.innerWidth,
|
|
@@ -3087,7 +3047,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3087
3047
|
"frame-style",
|
|
3088
3048
|
"zero-line"
|
|
3089
3049
|
]),
|
|
3090
|
-
s(
|
|
3050
|
+
s(Vr, {
|
|
3091
3051
|
track: e.track,
|
|
3092
3052
|
"inner-width": e.innerWidth,
|
|
3093
3053
|
"clean-view": e.cleanView,
|
|
@@ -3113,8 +3073,8 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3113
3073
|
"stroke-dasharray": c.value.borderStyle === "dashed" ? "6 4" : c.value.borderStyle === "dotted" ? "1 3" : void 0,
|
|
3114
3074
|
"stroke-linecap": c.value.borderStyle === "dotted" ? "round" : void 0,
|
|
3115
3075
|
"aria-hidden": "true"
|
|
3116
|
-
}, null, 8,
|
|
3117
|
-
s(
|
|
3076
|
+
}, null, 8, ti)),
|
|
3077
|
+
s(kr, {
|
|
3118
3078
|
track: e.track,
|
|
3119
3079
|
"clip-path-id": e.clipPathId
|
|
3120
3080
|
}, null, 8, ["track", "clip-path-id"]),
|
|
@@ -3136,7 +3096,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3136
3096
|
onPointerleave: n[4] ||= (e) => o("pointer-leave"),
|
|
3137
3097
|
onClick: n[5] ||= (e) => o("click", e),
|
|
3138
3098
|
onContextmenu: n[6] ||= (e) => o("contextmenu", e)
|
|
3139
|
-
}, null, 42,
|
|
3099
|
+
}, null, 42, ni)) : r("", !0),
|
|
3140
3100
|
!e.track.isEmpty && !e.track.hasVisibleSeries && !e.cleanView ? (g(), i("text", {
|
|
3141
3101
|
key: 2,
|
|
3142
3102
|
class: "waveform-track__no-visible-series",
|
|
@@ -3144,33 +3104,33 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3144
3104
|
y: e.track.height / 2,
|
|
3145
3105
|
"text-anchor": "middle",
|
|
3146
3106
|
"dominant-baseline": "central"
|
|
3147
|
-
}, " 暂无可见曲线 ", 8,
|
|
3148
|
-
], 10,
|
|
3107
|
+
}, " 暂无可见曲线 ", 8, ri)) : r("", !0)
|
|
3108
|
+
], 10, ei));
|
|
3149
3109
|
}
|
|
3150
|
-
}),
|
|
3110
|
+
}), ai = [
|
|
3151
3111
|
"width",
|
|
3152
3112
|
"height",
|
|
3153
3113
|
"data-position",
|
|
3154
3114
|
"data-orientation"
|
|
3155
|
-
],
|
|
3115
|
+
], oi = [
|
|
3156
3116
|
"disabled",
|
|
3157
3117
|
"aria-pressed",
|
|
3158
3118
|
"aria-label",
|
|
3159
3119
|
"onClick"
|
|
3160
|
-
],
|
|
3120
|
+
], si = [
|
|
3161
3121
|
"data-line-type",
|
|
3162
3122
|
"data-line-style",
|
|
3163
3123
|
"data-point-type",
|
|
3164
3124
|
"data-error-bar-visible"
|
|
3165
|
-
],
|
|
3125
|
+
], ci = [
|
|
3166
3126
|
"d",
|
|
3167
3127
|
"stroke",
|
|
3168
3128
|
"stroke-dasharray"
|
|
3169
|
-
],
|
|
3129
|
+
], li = [
|
|
3170
3130
|
"d",
|
|
3171
3131
|
"stroke",
|
|
3172
3132
|
"stroke-width"
|
|
3173
|
-
],
|
|
3133
|
+
], ui = ["d", "fill"], di = ["title"], fi = /*#__PURE__*/ Z(/* @__PURE__ */ c({
|
|
3174
3134
|
__name: "WaveformLegend",
|
|
3175
3135
|
props: {
|
|
3176
3136
|
series: {},
|
|
@@ -3228,45 +3188,45 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3228
3188
|
"data-point-type": e.pointType,
|
|
3229
3189
|
"data-error-bar-visible": e.errorBar.visible || void 0
|
|
3230
3190
|
}, [
|
|
3231
|
-
w(
|
|
3191
|
+
w(yr)(e.lineType) ? (g(), i("path", {
|
|
3232
3192
|
key: 0,
|
|
3233
3193
|
class: "waveform-legend__line",
|
|
3234
|
-
d: w(
|
|
3194
|
+
d: w(yr)(e.lineType) ?? void 0,
|
|
3235
3195
|
stroke: e.color,
|
|
3236
|
-
"stroke-dasharray": w(
|
|
3196
|
+
"stroke-dasharray": w(br)(e.lineStyle),
|
|
3237
3197
|
"stroke-width": "1.5",
|
|
3238
3198
|
fill: "none"
|
|
3239
|
-
}, null, 8,
|
|
3199
|
+
}, null, 8, ci)) : r("", !0),
|
|
3240
3200
|
e.errorBar.visible ? (g(), i("path", {
|
|
3241
3201
|
key: 1,
|
|
3242
3202
|
class: "waveform-legend__error-bar",
|
|
3243
|
-
d: w(
|
|
3203
|
+
d: w(xr)(e.errorBar.capWidth),
|
|
3244
3204
|
stroke: e.errorBar.color || e.color,
|
|
3245
3205
|
"stroke-width": e.errorBar.width,
|
|
3246
3206
|
"stroke-linecap": "butt",
|
|
3247
3207
|
fill: "none"
|
|
3248
|
-
}, null, 8,
|
|
3208
|
+
}, null, 8, li)) : r("", !0),
|
|
3249
3209
|
e.pointType === "none" ? r("", !0) : (g(), i("path", {
|
|
3250
3210
|
key: 2,
|
|
3251
3211
|
class: "waveform-legend__point",
|
|
3252
|
-
d: w(
|
|
3212
|
+
d: w(_r)(e.pointType, 30) ?? void 0,
|
|
3253
3213
|
fill: e.color,
|
|
3254
3214
|
transform: "translate(13 8)"
|
|
3255
|
-
}, null, 8,
|
|
3256
|
-
], 8,
|
|
3215
|
+
}, null, 8, ui))
|
|
3216
|
+
], 8, si)), a("span", {
|
|
3257
3217
|
class: "waveform-legend__label",
|
|
3258
3218
|
title: e.name
|
|
3259
|
-
}, S(e.name), 9,
|
|
3219
|
+
}, S(e.name), 9, di)], 10, oi))), 128))], 6)], 2)], 8, ai));
|
|
3260
3220
|
}
|
|
3261
|
-
}), [["__scopeId", "data-v-2ae12e71"]]),
|
|
3221
|
+
}), [["__scopeId", "data-v-2ae12e71"]]), pi = {
|
|
3262
3222
|
class: "waveform-chart__hover-layer",
|
|
3263
3223
|
"pointer-events": "none",
|
|
3264
3224
|
"aria-hidden": "true"
|
|
3265
|
-
},
|
|
3225
|
+
}, mi = ["clip-path", "transform"], hi = [
|
|
3266
3226
|
"x1",
|
|
3267
3227
|
"x2",
|
|
3268
3228
|
"y2"
|
|
3269
|
-
],
|
|
3229
|
+
], gi = /*#__PURE__*/ Z(/* @__PURE__ */ c({
|
|
3270
3230
|
__name: "WaveformHoverLayer",
|
|
3271
3231
|
props: {
|
|
3272
3232
|
state: {},
|
|
@@ -3289,7 +3249,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3289
3249
|
}] : [];
|
|
3290
3250
|
});
|
|
3291
3251
|
});
|
|
3292
|
-
return (t, r) => (g(), i("g",
|
|
3252
|
+
return (t, r) => (g(), i("g", pi, [(g(!0), i(e, null, y(o.value, (e) => (g(), i("g", {
|
|
3293
3253
|
key: e.track.index,
|
|
3294
3254
|
class: "waveform-track__crosshair waveform-chart__crosshair",
|
|
3295
3255
|
"clip-path": `url(#${n.clipPathId}-${e.track.index})`,
|
|
@@ -3299,46 +3259,46 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3299
3259
|
x2: e.x,
|
|
3300
3260
|
y1: "0",
|
|
3301
3261
|
y2: e.track.height
|
|
3302
|
-
}, null, 8,
|
|
3262
|
+
}, null, 8, hi)], 8, mi))), 128))]));
|
|
3303
3263
|
}
|
|
3304
|
-
}), [["__scopeId", "data-v-a6f82099"]]),
|
|
3264
|
+
}), [["__scopeId", "data-v-a6f82099"]]), _i = [
|
|
3305
3265
|
"data-display-mode",
|
|
3306
3266
|
"data-interaction-mode",
|
|
3307
3267
|
"data-presentation-mode",
|
|
3308
3268
|
"data-overlay-mode",
|
|
3309
3269
|
"data-chart-left-margin",
|
|
3310
3270
|
"data-title-area-height"
|
|
3311
|
-
],
|
|
3271
|
+
], vi = [
|
|
3312
3272
|
"role",
|
|
3313
3273
|
"aria-level",
|
|
3314
3274
|
"aria-hidden"
|
|
3315
|
-
],
|
|
3275
|
+
], yi = ["data-title-scale", "data-title-wrapped"], bi = [
|
|
3316
3276
|
"width",
|
|
3317
3277
|
"height",
|
|
3318
3278
|
"aria-label"
|
|
3319
|
-
],
|
|
3279
|
+
], xi = ["id"], Si = ["width", "height"], Ci = ["transform"], wi = {
|
|
3320
3280
|
key: 0,
|
|
3321
3281
|
class: "waveform-chart__grid-slots",
|
|
3322
3282
|
"aria-hidden": "true"
|
|
3323
|
-
},
|
|
3283
|
+
}, Ti = ["transform"], Ei = ["width", "height"], Di = ["width", "height"], Oi = [
|
|
3324
3284
|
"x",
|
|
3325
3285
|
"y",
|
|
3326
3286
|
"width",
|
|
3327
3287
|
"height"
|
|
3328
|
-
],
|
|
3288
|
+
], ki = {
|
|
3329
3289
|
key: 4,
|
|
3330
3290
|
class: "waveform-chart__legend-layer"
|
|
3331
|
-
},
|
|
3291
|
+
}, Ai = [
|
|
3332
3292
|
"data-legend-track-index",
|
|
3333
3293
|
"data-legend-track-id",
|
|
3334
3294
|
"transform"
|
|
3335
|
-
],
|
|
3295
|
+
], ji = ["x", "y"], Mi = ["x", "y"], Ni = /* @__PURE__ */ c({
|
|
3336
3296
|
__name: "WaveformChartView",
|
|
3337
3297
|
props: { controller: {} },
|
|
3338
3298
|
setup(t) {
|
|
3339
|
-
let { displayMode: o, activeInteractionMode: c, isCleanView: l, isPresentationMode: u, selection: d, containerStyle: m, overlayMode: h, resolvedChartLeftMargin: _, titleAreaHeight: v, pointerInsideChart: b, handleNativeContextMenu: x, titleAreaReserved: T, titleAreaStyle: E, titleVisible: D, titleMeasureStyle: O, resolvedTitleText: k, titleVisualStyle: A, titleTextStyle: j, titleLayout: M, chartWidth: N, drawingHeight: P, hasWaveformData: F, requestViewportReset: I, trackLayouts: L, clipPathId: R, chartTopMargin: z, gridCells: B, hasVisibleWaveformData: V, zoomable: H, isZoomMode: ee, innerWidth: te, innerHeight: ne, handleSharedPointerMove: re, beginSharedViewportDrag: ie, finishViewportDrag: U, cancelViewportDrag: W, handlePointerLeave:
|
|
3299
|
+
let { displayMode: o, activeInteractionMode: c, isCleanView: l, isPresentationMode: u, selection: d, containerStyle: m, overlayMode: h, resolvedChartLeftMargin: _, titleAreaHeight: v, pointerInsideChart: b, handleNativeContextMenu: x, titleAreaReserved: T, titleAreaStyle: E, titleVisible: D, titleMeasureStyle: O, resolvedTitleText: k, titleVisualStyle: A, titleTextStyle: j, titleLayout: M, chartWidth: N, drawingHeight: P, hasWaveformData: F, requestViewportReset: I, trackLayouts: L, clipPathId: R, chartTopMargin: z, gridCells: B, hasVisibleWaveformData: V, zoomable: H, isZoomMode: ee, innerWidth: te, innerHeight: ne, handleSharedPointerMove: re, beginSharedViewportDrag: ie, finishViewportDrag: U, cancelViewportDrag: W, handlePointerLeave: G, handleAnnotationClick: oe, handleAnnotationContextMenu: se, resolveFrameNumber: ce, frameStyle: le, axes: ue, resolvedZeroLine: de, timeUnit: K, yLabel: fe, handleIndependentPointerMove: pe, beginViewportDrag: me, hoverState: he, showTooltip: ge, selectionBox: q, renderedAnnotations: _e, annotationsVisible: ve, handleExistingAnnotationContextMenu: ye, beginAnnotationDrag: J, handleAnnotationMove: Y, endAnnotationDrag: be, resolveLegendPosition: X, resolveLegendOrientation: xe, legendBackgroundColor: Se, legendInteractive: Ce, resolvedHiddenSeriesIds: we, toggleSeriesVisibility: Te, resolvedXLabel: Ee, xAxisTitleY: De, hasChartArea: Oe, gridOptions: ke, pageCount: Ae, currentPage: je, getPageSize: Z, chartTracks: Pe, goToPage: Q, annotationInteraction: Fe, editorDraft: Ie, contextMenu: Le, editorSeries: Re, editorSeriesOptions: ze, confirmAnnotation: Be, cancelAnnotation: Ve, changeDraftSeries: He, editContextAnnotation: Ue, deleteContextAnnotation: We, chartHeight: Ge, setContainer: $, setSvgElement: Ke, setTitleMeasureElement: qe, setSharedOverlayElement: Je } = C(t.controller);
|
|
3340
3300
|
return (t, C) => (g(), i("div", {
|
|
3341
|
-
ref: w(
|
|
3301
|
+
ref: w($),
|
|
3342
3302
|
class: f(["waveform-chart", [
|
|
3343
3303
|
`waveform-chart--${w(o)}`,
|
|
3344
3304
|
`waveform-chart--interaction-${w(c)}`,
|
|
@@ -3367,7 +3327,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3367
3327
|
"aria-level": w(D) ? 2 : void 0,
|
|
3368
3328
|
"aria-hidden": w(l) || void 0
|
|
3369
3329
|
}, [a("span", {
|
|
3370
|
-
ref: w(
|
|
3330
|
+
ref: w(qe),
|
|
3371
3331
|
class: "waveform-chart__title-measure",
|
|
3372
3332
|
style: p(w(O)),
|
|
3373
3333
|
"aria-hidden": "true"
|
|
@@ -3380,9 +3340,9 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3380
3340
|
style: p(w(j)),
|
|
3381
3341
|
"data-title-scale": w(M).scale,
|
|
3382
3342
|
"data-title-wrapped": w(M).wrapped || void 0
|
|
3383
|
-
}, S(w(k)), 13,
|
|
3343
|
+
}, S(w(k)), 13, yi)], 4)) : r("", !0)], 12, vi)) : r("", !0),
|
|
3384
3344
|
(g(), i("svg", {
|
|
3385
|
-
ref: w(
|
|
3345
|
+
ref: w(Ke),
|
|
3386
3346
|
class: "waveform-chart__svg",
|
|
3387
3347
|
width: w(N),
|
|
3388
3348
|
height: w(P),
|
|
@@ -3397,9 +3357,9 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3397
3357
|
}, [a("rect", {
|
|
3398
3358
|
width: e.width,
|
|
3399
3359
|
height: e.height
|
|
3400
|
-
}, null, 8,
|
|
3360
|
+
}, null, 8, Si)], 8, xi))), 128))]),
|
|
3401
3361
|
a("g", { transform: `translate(${w(_)}, ${w(z)})` }, [
|
|
3402
|
-
w(o) !== "compact" && !w(l) ? (g(), i("g",
|
|
3362
|
+
w(o) !== "compact" && !w(l) ? (g(), i("g", wi, [(g(!0), i(e, null, y(w(B), (e) => (g(), i("g", {
|
|
3403
3363
|
key: `grid-slot-${e.slotIndex}`,
|
|
3404
3364
|
transform: `translate(${e.left}, ${e.top})`
|
|
3405
3365
|
}, [e.series ? r("", !0) : (g(), i("rect", {
|
|
@@ -3407,10 +3367,10 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3407
3367
|
class: "waveform-chart__grid-slot-placeholder",
|
|
3408
3368
|
width: e.width,
|
|
3409
3369
|
height: e.cellHeight
|
|
3410
|
-
}, null, 8,
|
|
3370
|
+
}, null, 8, Ei))], 8, Ti))), 128))])) : r("", !0),
|
|
3411
3371
|
w(o) !== "independent" && w(L).length && w(V) ? (g(), i("rect", {
|
|
3412
3372
|
key: 1,
|
|
3413
|
-
ref: w(
|
|
3373
|
+
ref: w(Je),
|
|
3414
3374
|
class: f(["waveform-chart__overlay waveform-chart__overlay--shared", {
|
|
3415
3375
|
"is-zoomable": !w(u) && w(H) && w(ee),
|
|
3416
3376
|
"is-annotating": !w(u) && w(c) === "annotation"
|
|
@@ -3421,11 +3381,11 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3421
3381
|
onPointerdown: C[1] ||= (...e) => w(ie) && w(ie)(...e),
|
|
3422
3382
|
onPointerup: C[2] ||= (...e) => w(U) && w(U)(...e),
|
|
3423
3383
|
onPointercancel: C[3] ||= (...e) => w(W) && w(W)(...e),
|
|
3424
|
-
onPointerleave: C[4] ||= (...e) => w(
|
|
3425
|
-
onClick: C[5] ||= (...e) => w(
|
|
3426
|
-
onContextmenu: C[6] ||= (...e) => w(
|
|
3427
|
-
}, null, 42,
|
|
3428
|
-
(g(!0), i(e, null, y(w(L), (e) => (g(), n(w(
|
|
3384
|
+
onPointerleave: C[4] ||= (...e) => w(G) && w(G)(...e),
|
|
3385
|
+
onClick: C[5] ||= (...e) => w(oe) && w(oe)(...e),
|
|
3386
|
+
onContextmenu: C[6] ||= (...e) => w(se) && w(se)(...e)
|
|
3387
|
+
}, null, 42, Di)) : r("", !0),
|
|
3388
|
+
(g(!0), i(e, null, y(w(L), (e) => (g(), n(w(ii), {
|
|
3429
3389
|
key: `${e.index}-${e.series.name}`,
|
|
3430
3390
|
track: e,
|
|
3431
3391
|
"clip-path-id": w(R),
|
|
@@ -3434,20 +3394,20 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3434
3394
|
interactive: !w(u),
|
|
3435
3395
|
"display-mode": w(o),
|
|
3436
3396
|
"interaction-mode": w(c),
|
|
3437
|
-
"frame-number": w(
|
|
3438
|
-
"frame-style": w(
|
|
3439
|
-
axes: w(
|
|
3397
|
+
"frame-number": w(ce)(e.index),
|
|
3398
|
+
"frame-style": w(le),
|
|
3399
|
+
axes: w(ue),
|
|
3440
3400
|
"clean-view": w(l),
|
|
3441
|
-
"zero-line": w(
|
|
3442
|
-
"time-unit": w(
|
|
3443
|
-
"y-label": w(
|
|
3444
|
-
onPointerMove: (t) => w(
|
|
3445
|
-
onPointerDown: (t) => w(
|
|
3401
|
+
"zero-line": w(de),
|
|
3402
|
+
"time-unit": w(K),
|
|
3403
|
+
"y-label": w(fe),
|
|
3404
|
+
onPointerMove: (t) => w(pe)(t, e.index),
|
|
3405
|
+
onPointerDown: (t) => w(me)(t, e.index, !0),
|
|
3446
3406
|
onPointerUp: w(U),
|
|
3447
3407
|
onPointerCancel: w(W),
|
|
3448
|
-
onPointerLeave: w(
|
|
3449
|
-
onClick: (t) => w(
|
|
3450
|
-
onContextmenu: (t) => w(
|
|
3408
|
+
onPointerLeave: w(G),
|
|
3409
|
+
onClick: (t) => w(oe)(t, e.index),
|
|
3410
|
+
onContextmenu: (t) => w(se)(t, e.index)
|
|
3451
3411
|
}, null, 8, [
|
|
3452
3412
|
"track",
|
|
3453
3413
|
"clip-path-id",
|
|
@@ -3471,8 +3431,8 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3471
3431
|
"onClick",
|
|
3472
3432
|
"onContextmenu"
|
|
3473
3433
|
]))), 128)),
|
|
3474
|
-
s(w(
|
|
3475
|
-
state: w(
|
|
3434
|
+
s(w(gi), {
|
|
3435
|
+
state: w(he),
|
|
3476
3436
|
tracks: w(L),
|
|
3477
3437
|
"clip-path-id": w(R),
|
|
3478
3438
|
visible: w(ge) && !w(u)
|
|
@@ -3490,7 +3450,7 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3490
3450
|
width: w(q).width,
|
|
3491
3451
|
height: w(q).height,
|
|
3492
3452
|
"aria-hidden": "true"
|
|
3493
|
-
}, null, 8,
|
|
3453
|
+
}, null, 8, Oi)) : r("", !0),
|
|
3494
3454
|
w(l) ? r("", !0) : (g(), n(w(Me), {
|
|
3495
3455
|
key: 3,
|
|
3496
3456
|
annotations: w(_e),
|
|
@@ -3498,8 +3458,8 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3498
3458
|
interactive: !w(u),
|
|
3499
3459
|
onContextmenu: w(ye),
|
|
3500
3460
|
onDragStart: w(J),
|
|
3501
|
-
onMove: w(
|
|
3502
|
-
onDragEnd: w(
|
|
3461
|
+
onMove: w(Y),
|
|
3462
|
+
onDragEnd: w(be)
|
|
3503
3463
|
}, null, 8, [
|
|
3504
3464
|
"annotations",
|
|
3505
3465
|
"visible",
|
|
@@ -3509,23 +3469,23 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3509
3469
|
"onMove",
|
|
3510
3470
|
"onDragEnd"
|
|
3511
3471
|
])),
|
|
3512
|
-
w(l) ? r("", !0) : (g(), i("g",
|
|
3472
|
+
w(l) ? r("", !0) : (g(), i("g", ki, [(g(!0), i(e, null, y(w(L), (e) => (g(), i("g", {
|
|
3513
3473
|
key: `legend-${e.index}-${e.series.name}`,
|
|
3514
3474
|
class: "waveform-chart__legend-track",
|
|
3515
3475
|
"data-legend-track-index": e.index,
|
|
3516
3476
|
"data-legend-track-id": e.id,
|
|
3517
3477
|
transform: `translate(${e.left}, ${e.top})`
|
|
3518
|
-
}, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(
|
|
3478
|
+
}, [!e.isEmpty && e.legendSeries.length > 1 ? (g(), n(w(fi), {
|
|
3519
3479
|
key: 0,
|
|
3520
3480
|
series: e.legendSeries,
|
|
3521
|
-
position: w(
|
|
3522
|
-
orientation: w(
|
|
3523
|
-
"background-color": w(
|
|
3524
|
-
interactive: w(
|
|
3525
|
-
"hidden-series-ids": w(
|
|
3481
|
+
position: w(X)(e.id),
|
|
3482
|
+
orientation: w(xe)(w(X)(e.id)),
|
|
3483
|
+
"background-color": w(Se),
|
|
3484
|
+
interactive: w(Ce),
|
|
3485
|
+
"hidden-series-ids": w(we),
|
|
3526
3486
|
width: e.width ?? w(te),
|
|
3527
3487
|
height: e.height,
|
|
3528
|
-
onToggle: w(
|
|
3488
|
+
onToggle: w(Te)
|
|
3529
3489
|
}, null, 8, [
|
|
3530
3490
|
"series",
|
|
3531
3491
|
"position",
|
|
@@ -3536,49 +3496,49 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3536
3496
|
"width",
|
|
3537
3497
|
"height",
|
|
3538
3498
|
"onToggle"
|
|
3539
|
-
])) : r("", !0)], 8,
|
|
3540
|
-
w(
|
|
3499
|
+
])) : r("", !0)], 8, Ai))), 128))])),
|
|
3500
|
+
w(Ee) && !w(l) ? (g(), i("text", {
|
|
3541
3501
|
key: 5,
|
|
3542
3502
|
class: "waveform-chart__label waveform-chart__x-label",
|
|
3543
3503
|
x: w(te) / 2,
|
|
3544
|
-
y: w(
|
|
3504
|
+
y: w(De),
|
|
3545
3505
|
"text-anchor": "middle"
|
|
3546
|
-
}, S(w(
|
|
3547
|
-
], 8,
|
|
3548
|
-
w(
|
|
3506
|
+
}, S(w(Ee)), 9, ji)) : r("", !0)
|
|
3507
|
+
], 8, Ci),
|
|
3508
|
+
w(Oe) && !w(F) ? (g(), i("text", {
|
|
3549
3509
|
key: 0,
|
|
3550
3510
|
class: "waveform-chart__empty",
|
|
3551
3511
|
x: w(N) / 2,
|
|
3552
3512
|
y: w(P) / 2,
|
|
3553
3513
|
"text-anchor": "middle"
|
|
3554
|
-
}, " 暂无有效波形数据 ", 8,
|
|
3555
|
-
], 40,
|
|
3556
|
-
w(
|
|
3514
|
+
}, " 暂无有效波形数据 ", 8, Mi)) : r("", !0)
|
|
3515
|
+
], 40, bi)),
|
|
3516
|
+
w(ke).showPagination && w(Ae) > 1 && !w(l) ? (g(), n(w(ae), {
|
|
3557
3517
|
key: 1,
|
|
3558
3518
|
class: "waveform-chart__pagination",
|
|
3559
3519
|
"aria-label": "波形分页",
|
|
3560
|
-
current: w(
|
|
3561
|
-
"page-size": w(
|
|
3562
|
-
total: w(
|
|
3520
|
+
current: w(je),
|
|
3521
|
+
"page-size": w(Z)(w(ke)),
|
|
3522
|
+
total: w(Pe).length,
|
|
3563
3523
|
"show-size-changer": !1,
|
|
3564
3524
|
"show-quick-jumper": !1,
|
|
3565
|
-
onChange: w(
|
|
3525
|
+
onChange: w(Q)
|
|
3566
3526
|
}, null, 8, [
|
|
3567
3527
|
"current",
|
|
3568
3528
|
"page-size",
|
|
3569
3529
|
"total",
|
|
3570
3530
|
"onChange"
|
|
3571
3531
|
])) : r("", !0),
|
|
3572
|
-
w(
|
|
3532
|
+
w(Ie) && !w(l) && !w(u) ? (g(), n(tr, {
|
|
3573
3533
|
key: 2,
|
|
3574
|
-
annotation: w(
|
|
3575
|
-
mode: w(
|
|
3576
|
-
series: w(
|
|
3577
|
-
"series-options": w(
|
|
3578
|
-
"time-unit": w(
|
|
3579
|
-
onConfirm: w(
|
|
3580
|
-
onCancel: w(
|
|
3581
|
-
onSeriesChange: w(
|
|
3534
|
+
annotation: w(Ie).annotation,
|
|
3535
|
+
mode: w(Ie).mode,
|
|
3536
|
+
series: w(Re),
|
|
3537
|
+
"series-options": w(ze),
|
|
3538
|
+
"time-unit": w(K),
|
|
3539
|
+
onConfirm: w(Be),
|
|
3540
|
+
onCancel: w(Ve),
|
|
3541
|
+
onSeriesChange: w(He)
|
|
3582
3542
|
}, null, 8, [
|
|
3583
3543
|
"annotation",
|
|
3584
3544
|
"mode",
|
|
@@ -3591,13 +3551,13 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3591
3551
|
])) : r("", !0),
|
|
3592
3552
|
!w(l) && !w(u) ? (g(), n(w(Ne), {
|
|
3593
3553
|
key: 3,
|
|
3594
|
-
visible: w(
|
|
3595
|
-
x: w(
|
|
3596
|
-
y: w(
|
|
3597
|
-
"can-edit": !!w(
|
|
3598
|
-
onEdit: w(
|
|
3599
|
-
onDelete: w(
|
|
3600
|
-
onClose: w(
|
|
3554
|
+
visible: w(Le) !== null,
|
|
3555
|
+
x: w(Le)?.x || 0,
|
|
3556
|
+
y: w(Le)?.y || 0,
|
|
3557
|
+
"can-edit": !!w(Le)?.annotationId,
|
|
3558
|
+
onEdit: w(Ue),
|
|
3559
|
+
onDelete: w(We),
|
|
3560
|
+
onClose: w(Fe).closeContextMenu
|
|
3601
3561
|
}, null, 8, [
|
|
3602
3562
|
"visible",
|
|
3603
3563
|
"x",
|
|
@@ -3607,12 +3567,12 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3607
3567
|
"onDelete",
|
|
3608
3568
|
"onClose"
|
|
3609
3569
|
])) : r("", !0),
|
|
3610
|
-
s(w(
|
|
3611
|
-
state: w(
|
|
3570
|
+
s(w(ur), {
|
|
3571
|
+
state: w(he),
|
|
3612
3572
|
visible: w(ge) && !w(u),
|
|
3613
|
-
"time-unit": w(
|
|
3573
|
+
"time-unit": w(K),
|
|
3614
3574
|
"container-width": w(N),
|
|
3615
|
-
"container-height": w(
|
|
3575
|
+
"container-height": w(Ge)
|
|
3616
3576
|
}, null, 8, [
|
|
3617
3577
|
"state",
|
|
3618
3578
|
"visible",
|
|
@@ -3620,9 +3580,9 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3620
3580
|
"container-width",
|
|
3621
3581
|
"container-height"
|
|
3622
3582
|
])
|
|
3623
|
-
], 46,
|
|
3583
|
+
], 46, _i));
|
|
3624
3584
|
}
|
|
3625
|
-
}),
|
|
3585
|
+
}), Pi = /* @__PURE__ */ c({
|
|
3626
3586
|
__name: "WaveformChart",
|
|
3627
3587
|
props: {
|
|
3628
3588
|
data: {},
|
|
@@ -3698,9 +3658,9 @@ var xr = ["clip-path"], Sr = ["data-series-id", "data-series-name"], Cr = [
|
|
|
3698
3658
|
"page-change"
|
|
3699
3659
|
],
|
|
3700
3660
|
setup(e, { expose: t, emit: r }) {
|
|
3701
|
-
let i =
|
|
3702
|
-
return t({ resetViewport: i.resetViewport }), (e, t) => (g(), n(
|
|
3661
|
+
let i = Fn(e, r);
|
|
3662
|
+
return t({ resetViewport: i.resetViewport }), (e, t) => (g(), n(Ni, { controller: w(i) }, null, 8, ["controller"]));
|
|
3703
3663
|
}
|
|
3704
3664
|
});
|
|
3705
3665
|
//#endregion
|
|
3706
|
-
export {
|
|
3666
|
+
export { Pt as DEFAULT_WAVEFORM_RENDERING_OPTIONS, Pi as WaveformChart, Ke as buildMinorTicks, pt as clamp, st as displayTime, lt as formatAxisTime, ct as formatEndpointTime, ut as formatTooltipTime, Mt as normalizeWaveformData, Nt as normalizeWaveformSeries, $ as paddedDomain, We as parseWaveformAnnotations, ft as resolveTrackGeometry, Ft as resolveWaveformRenderingOptions, Ht as selectRenderablePoints, Ue as serializeWaveformAnnotations };
|