vue-data-ui 3.16.0 → 3.16.1
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/dist/ColorPicker-B0mV4xzu.js +255 -0
- package/dist/{NonSvgPenAndPaper-vqweC0WU.js → NonSvgPenAndPaper-VyJFyJ6X.js} +1 -1
- package/dist/{PackageVersion-IIGK_e2C.js → PackageVersion-DPO-OOVI.js} +1 -1
- package/dist/{PenAndPaper-DARlvvKW.js → PenAndPaper-Ct3qJ4lA.js} +109 -101
- package/dist/{UserOptions-DWHf8jyO.js → UserOptions-rW2fRf3V.js} +2 -2
- package/dist/components/vue-ui-3d-bar.js +1 -1
- package/dist/components/vue-ui-age-pyramid.js +1 -1
- package/dist/components/vue-ui-annotator.js +1 -1
- package/dist/components/vue-ui-bullet.js +1 -1
- package/dist/components/vue-ui-bump.js +1 -1
- package/dist/components/vue-ui-candlestick.js +1 -1
- package/dist/components/vue-ui-carousel-table.js +1 -1
- package/dist/components/vue-ui-chestnut.js +1 -1
- package/dist/components/vue-ui-chord.js +1 -1
- package/dist/components/vue-ui-circle-pack.js +1 -1
- package/dist/components/vue-ui-cursor.js +1 -1
- package/dist/components/vue-ui-dag.js +1 -1
- package/dist/components/vue-ui-dashboard.js +1 -1
- package/dist/components/vue-ui-digits.js +1 -1
- package/dist/components/vue-ui-donut-evolution.js +1 -1
- package/dist/components/vue-ui-donut.js +1 -1
- package/dist/components/vue-ui-dumbbell.js +1 -1
- package/dist/components/vue-ui-flow.js +1 -1
- package/dist/components/vue-ui-funnel.js +1 -1
- package/dist/components/vue-ui-galaxy.js +1 -1
- package/dist/components/vue-ui-gauge.js +1 -1
- package/dist/components/vue-ui-geo.js +1 -1
- package/dist/components/vue-ui-gizmo.js +1 -1
- package/dist/components/vue-ui-heatmap.js +1 -1
- package/dist/components/vue-ui-history-plot.js +1 -1
- package/dist/components/vue-ui-horizontal-bar.js +1 -1
- package/dist/components/vue-ui-kpi.js +1 -1
- package/dist/components/vue-ui-molecule.js +1 -1
- package/dist/components/vue-ui-mood-radar.js +1 -1
- package/dist/components/vue-ui-nested-donuts.js +1 -1
- package/dist/components/vue-ui-onion.js +1 -1
- package/dist/components/vue-ui-parallel-coordinate-plot.js +1 -1
- package/dist/components/vue-ui-quadrant.js +1 -1
- package/dist/components/vue-ui-quick-chart.js +1 -1
- package/dist/components/vue-ui-radar.js +1 -1
- package/dist/components/vue-ui-relation-circle.js +1 -1
- package/dist/components/vue-ui-ridgeline.js +1 -1
- package/dist/components/vue-ui-rings.js +1 -1
- package/dist/components/vue-ui-scatter.js +1 -1
- package/dist/components/vue-ui-skeleton.js +1 -1
- package/dist/components/vue-ui-spark-trend.js +1 -1
- package/dist/components/vue-ui-sparkbar.js +1 -1
- package/dist/components/vue-ui-sparkgauge.js +1 -1
- package/dist/components/vue-ui-sparkhistogram.js +1 -1
- package/dist/components/vue-ui-sparkline.js +1 -1
- package/dist/components/vue-ui-sparkstackbar.js +1 -1
- package/dist/components/vue-ui-stackbar.js +1 -1
- package/dist/components/vue-ui-stackline.js +1 -1
- package/dist/components/vue-ui-strip-plot.js +1 -1
- package/dist/components/vue-ui-table-heatmap.js +1 -1
- package/dist/components/vue-ui-table-sparkline.js +1 -1
- package/dist/components/vue-ui-table.js +1 -1
- package/dist/components/vue-ui-thermometer.js +1 -1
- package/dist/components/vue-ui-timer.js +1 -1
- package/dist/components/vue-ui-tiremarks.js +1 -1
- package/dist/components/vue-ui-treemap.js +1 -1
- package/dist/components/vue-ui-vertical-bar.js +1 -1
- package/dist/components/vue-ui-waffle.js +1 -1
- package/dist/components/vue-ui-wheel.js +1 -1
- package/dist/components/vue-ui-word-cloud.js +1 -1
- package/dist/components/vue-ui-world.js +1 -1
- package/dist/components/vue-ui-xy-canvas.js +1 -1
- package/dist/components/vue-ui-xy.js +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.ts +1 -0
- package/dist/{vue-data-ui-CykQ4SW2.js → vue-data-ui-DXGkXRnC.js} +63 -63
- package/dist/vue-data-ui.js +63 -63
- package/dist/{vue-ui-3d-bar-D5KRiVmZ.js → vue-ui-3d-bar-BaFpQnd5.js} +1 -1
- package/dist/{vue-ui-age-pyramid-QfZ1J5Xx.js → vue-ui-age-pyramid-CRM498Pc.js} +342 -341
- package/dist/{vue-ui-annotator-CpSMITlP.js → vue-ui-annotator-CkPi9moo.js} +1 -1
- package/dist/{vue-ui-bullet-B-mo7tzz.js → vue-ui-bullet-BBiwof3c.js} +1 -1
- package/dist/{vue-ui-bump-NfZcJ9Q0.js → vue-ui-bump-Brxpu4xV.js} +1 -1
- package/dist/{vue-ui-candlestick-CGU-0rrF.js → vue-ui-candlestick-DAnZv77-.js} +240 -239
- package/dist/{vue-ui-carousel-table-BsdD3wU7.js → vue-ui-carousel-table-BHRZBYY0.js} +1 -1
- package/dist/{vue-ui-chestnut-JpoNeiHD.js → vue-ui-chestnut-CbrYnRgm.js} +1 -1
- package/dist/{vue-ui-chord-CxhxjRQz.js → vue-ui-chord-CaX_IUVs.js} +1 -1
- package/dist/{vue-ui-circle-pack-DbxOzzk2.js → vue-ui-circle-pack-CR3h53sc.js} +1 -1
- package/dist/{vue-ui-cursor-CZGKKkeT.js → vue-ui-cursor-Cjfazw7Z.js} +1 -1
- package/dist/{vue-ui-dag-gal2eIv-.js → vue-ui-dag-B9vH3c66.js} +1 -1
- package/dist/{vue-ui-dashboard-ClnkPMc5.js → vue-ui-dashboard-DWll05qs.js} +62 -62
- package/dist/{vue-ui-digits-DColgbmH.js → vue-ui-digits-DcM67rMx.js} +1 -1
- package/dist/{vue-ui-donut-Bckj-DX2.js → vue-ui-donut-Be5G38P5.js} +395 -394
- package/dist/{vue-ui-donut-evolution-B6HtvZVs.js → vue-ui-donut-evolution-BLSesj3c.js} +265 -264
- package/dist/{vue-ui-dumbbell-r3Jv9uut.js → vue-ui-dumbbell-DIMiCY4r.js} +1 -1
- package/dist/{vue-ui-flow-BxfLqYXa.js → vue-ui-flow-zvZylhgr.js} +1 -1
- package/dist/{vue-ui-funnel-B6Gevxqh.js → vue-ui-funnel-CSri-oWm.js} +1 -1
- package/dist/{vue-ui-galaxy-BJr1ddJZ.js → vue-ui-galaxy-CGykxsAI.js} +1 -1
- package/dist/{vue-ui-gauge-Q-Slhgwx.js → vue-ui-gauge-D1MNB9Jq.js} +1 -1
- package/dist/{vue-ui-geo-Dow4oyTv.js → vue-ui-geo-DdJDGhG2.js} +1 -1
- package/dist/{vue-ui-gizmo-zpVjAoDG.js → vue-ui-gizmo-BZYRHGFm.js} +1 -1
- package/dist/{vue-ui-heatmap-mKX5Bzql.js → vue-ui-heatmap-CryOx6XK.js} +494 -482
- package/dist/{vue-ui-history-plot-D6kiRkhD.js → vue-ui-history-plot-C85iw9Kl.js} +1 -1
- package/dist/{vue-ui-horizontal-bar-FKkR13e7.js → vue-ui-horizontal-bar-BoBZOybC.js} +430 -429
- package/dist/{vue-ui-kpi-CMRe29m5.js → vue-ui-kpi-DHrolXw6.js} +1 -1
- package/dist/{vue-ui-molecule-7eT7D17p.js → vue-ui-molecule-DJ_BQ4DK.js} +1 -1
- package/dist/{vue-ui-mood-radar-DsC0X_C2.js → vue-ui-mood-radar-CBE02TpQ.js} +1 -1
- package/dist/{vue-ui-nested-donuts-FbiXKFZX.js → vue-ui-nested-donuts-YTFtb4CL.js} +284 -283
- package/dist/{vue-ui-onion-CjWiTq2x.js → vue-ui-onion-B9l81-PS.js} +1 -1
- package/dist/{vue-ui-parallel-coordinate-plot-kl1jgKIX.js → vue-ui-parallel-coordinate-plot-C1e_rs8J.js} +1 -1
- package/dist/{vue-ui-quadrant-CyalzEfW.js → vue-ui-quadrant-C1qsLCRn.js} +556 -555
- package/dist/{vue-ui-quick-chart-DgWwf7SJ.js → vue-ui-quick-chart-DFoz3WiA.js} +360 -359
- package/dist/{vue-ui-radar-Bw9veQKf.js → vue-ui-radar-Cmo3p-UA.js} +1 -1
- package/dist/{vue-ui-relation-circle-D4-9g-5t.js → vue-ui-relation-circle-BqwznVwf.js} +1 -1
- package/dist/{vue-ui-ridgeline-BZy69VT6.js → vue-ui-ridgeline-CDk9eXJq.js} +1 -1
- package/dist/{vue-ui-rings-LDs6OFnx.js → vue-ui-rings-BRkGoQdL.js} +1 -1
- package/dist/{vue-ui-scatter-i_hakuFa.js → vue-ui-scatter-BxDtWASQ.js} +479 -466
- package/dist/{vue-ui-skeleton-F2qaXsQ2.js → vue-ui-skeleton-D6kTb9aO.js} +1 -1
- package/dist/{vue-ui-spark-trend-ZIMooBi3.js → vue-ui-spark-trend-D8Mf2A1w.js} +1 -1
- package/dist/{vue-ui-sparkbar-BYRKG_Mm.js → vue-ui-sparkbar-BbYj56c3.js} +1 -1
- package/dist/{vue-ui-sparkgauge-BM0mnDHp.js → vue-ui-sparkgauge-DXzOSLRb.js} +1 -1
- package/dist/{vue-ui-sparkhistogram-z4-7Q6J8.js → vue-ui-sparkhistogram-DMfSx1iH.js} +1 -1
- package/dist/{vue-ui-sparkline-9m1__jVp.js → vue-ui-sparkline-D-rQ9PsC.js} +439 -438
- package/dist/{vue-ui-sparkstackbar-uM98VUDw.js → vue-ui-sparkstackbar-DK5n8IKP.js} +1 -1
- package/dist/{vue-ui-stackbar-DcSJuwTC.js → vue-ui-stackbar-BHthy6jf.js} +212 -211
- package/dist/{vue-ui-stackline-Dl_FfJAO.js → vue-ui-stackline-C6-WNpKD.js} +363 -362
- package/dist/{vue-ui-strip-plot-CcV8bOkg.js → vue-ui-strip-plot-CHu-1ilI.js} +1 -1
- package/dist/{vue-ui-table-Dx-N-eF1.js → vue-ui-table-DW9JGsLq.js} +2 -2
- package/dist/{vue-ui-table-heatmap-CVxNZzGe.js → vue-ui-table-heatmap-LYqoBit9.js} +1 -1
- package/dist/{vue-ui-table-sparkline-DdtbqaUL.js → vue-ui-table-sparkline-CXK1dFr-.js} +1 -1
- package/dist/{vue-ui-thermometer-Clwz-wUE.js → vue-ui-thermometer-BN8tflOz.js} +1 -1
- package/dist/{vue-ui-timer-BYVk_bvz.js → vue-ui-timer-DGT0UBOF.js} +1 -1
- package/dist/{vue-ui-tiremarks-D5TSv5yw.js → vue-ui-tiremarks-BZ-osQqY.js} +1 -1
- package/dist/{vue-ui-treemap-C0zhPMxE.js → vue-ui-treemap-98KaVRyd.js} +388 -387
- package/dist/{vue-ui-waffle-BtjLPkLm.js → vue-ui-waffle-Cb7oJnIc.js} +1 -1
- package/dist/{vue-ui-wheel-DSlnowV4.js → vue-ui-wheel-sfew1fjw.js} +1 -1
- package/dist/{vue-ui-word-cloud-DFdiRCqc.js → vue-ui-word-cloud-vq1t9JHr.js} +1 -1
- package/dist/{vue-ui-world-CymT7_Ep.js → vue-ui-world-CN0f6elD.js} +1 -1
- package/dist/{vue-ui-xy-B9Q4FR0g.js → vue-ui-xy-BdzEiImZ.js} +956 -955
- package/dist/{vue-ui-xy-canvas-CrnBxoa0.js → vue-ui-xy-canvas-CWQzUQzY.js} +113 -113
- package/package.json +1 -1
- package/dist/ColorPicker-DQ5sdRrl.js +0 -244
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { computed as m, watch as z, nextTick as
|
|
2
|
-
import { j as
|
|
3
|
-
import { t as
|
|
4
|
-
import { u as
|
|
5
|
-
import { u as
|
|
6
|
-
import { u as
|
|
7
|
-
import { u as
|
|
8
|
-
import { u as
|
|
9
|
-
import { u as
|
|
10
|
-
import { u as
|
|
11
|
-
import
|
|
12
|
-
import { A as
|
|
13
|
-
import { _ as
|
|
14
|
-
const
|
|
1
|
+
import { computed as m, watch as z, nextTick as J, onBeforeUnmount as nt, openBlock as f, createElementBlock as k, Fragment as we, renderList as Pe, createElementVNode as A, createCommentVNode as L, ref as C, defineAsyncComponent as ft, toRefs as Bt, shallowRef as pt, onMounted as gt, watchEffect as Dt, normalizeStyle as ne, toDisplayString as Ce, createBlock as Le, renderSlot as ve, normalizeProps as Xe, guardReactiveProps as Ke, unref as y, createVNode as Et, withCtx as Ft, createTextVNode as Vt } from "vue";
|
|
2
|
+
import { j as qt, t as yt, aD as Ue, o as mt, q as bt, r as Gt, v as Ve, Y as Wt, ap as Ot, c as He, b as kt, s as zt, X as jt, u as qe, V as Yt, G as wt, k as Ze, l as Je, aE as Xt } from "./lib-DBptbyyI.js";
|
|
3
|
+
import { t as Kt, u as Ut } from "./useResponsive-DfdjqQps.js";
|
|
4
|
+
import { u as Ht } from "./useConfig-DO94Aj5s.js";
|
|
5
|
+
import { u as Zt, B as Jt } from "./BaseScanner-BhhkKVoj.js";
|
|
6
|
+
import { u as Qe } from "./useNestedProp-Bf5XFbs8.js";
|
|
7
|
+
import { u as Qt } from "./useThemeCheck-D1ZYXUwG.js";
|
|
8
|
+
import { u as ea } from "./useTimeLabels-C-A2uZKi.js";
|
|
9
|
+
import { u as ta } from "./useChartAccessibility-9icAAmYg.js";
|
|
10
|
+
import { u as aa } from "./usePrefersMotion-CUKm8_t8.js";
|
|
11
|
+
import la from "./vue_ui_sparkline-CQ8DJVJx.js";
|
|
12
|
+
import { A as na } from "./A11yDataTable-KcVAX2cP.js";
|
|
13
|
+
import { _ as ra } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
14
|
+
const ua = {
|
|
15
15
|
key: 0,
|
|
16
16
|
style: { "pointer-events": "none" }
|
|
17
|
-
},
|
|
17
|
+
}, oa = ["r", "fill", "filter"], sa = ["begin", "dur", "repeatCount", "fill", "calcMode", "keySplines", "keyTimes", "keyPoints"], ia = ["href"], da = ["dur", "repeatCount", "fill", "values"], ca = ["r", "fill"], va = ["begin", "dur", "repeatCount", "calcMode", "keySplines", "keyTimes", "keyPoints"], ha = ["href"], fa = ["dur", "repeatCount"], pa = {
|
|
18
18
|
__name: "SparklinePulse",
|
|
19
19
|
props: {
|
|
20
20
|
uid: { type: String, required: !0 },
|
|
@@ -40,19 +40,19 @@ const ra = {
|
|
|
40
40
|
const i = a.svgRef?.value;
|
|
41
41
|
i && (typeof i.pauseAnimations == "function" && i.pauseAnimations(), typeof i.setCurrentTime == "function" && i.setCurrentTime(0), typeof i.unpauseAnimations == "function" && i.unpauseAnimations());
|
|
42
42
|
}
|
|
43
|
-
function d(i,
|
|
43
|
+
function d(i, M) {
|
|
44
44
|
if (typeof i != "string") return i;
|
|
45
45
|
const h = i.trim().match(/^([\d.]+)\s*(ms|s)$/);
|
|
46
46
|
if (!h) return i;
|
|
47
|
-
const
|
|
48
|
-
return Number.isNaN(
|
|
47
|
+
const w = Number(h[1]), P = h[2];
|
|
48
|
+
return Number.isNaN(w) ? i : `${w + M}${P}`;
|
|
49
49
|
}
|
|
50
50
|
function v(i) {
|
|
51
51
|
return (n.value - i) / n.value * a.pulse.radius;
|
|
52
52
|
}
|
|
53
53
|
function p(i) {
|
|
54
|
-
const
|
|
55
|
-
return `0;${
|
|
54
|
+
const M = a.pulse.trail.opacity, h = (n.value - i) / n.value, w = i === 0 ? 1 : h * M;
|
|
55
|
+
return `0;${w};${w};0`;
|
|
56
56
|
}
|
|
57
57
|
return z(
|
|
58
58
|
() => a.loading,
|
|
@@ -61,26 +61,26 @@ const ra = {
|
|
|
61
61
|
o();
|
|
62
62
|
return;
|
|
63
63
|
}
|
|
64
|
-
await
|
|
64
|
+
await J(), o();
|
|
65
65
|
}
|
|
66
66
|
), z(
|
|
67
67
|
() => a.pulsePathId,
|
|
68
68
|
async () => {
|
|
69
|
-
await
|
|
69
|
+
await J(), o();
|
|
70
70
|
}
|
|
71
|
-
),
|
|
71
|
+
), nt(() => {
|
|
72
72
|
o();
|
|
73
|
-
}), (i,
|
|
74
|
-
(f(!0),
|
|
75
|
-
|
|
76
|
-
key: `sparkline_dot_${
|
|
77
|
-
r: v(
|
|
73
|
+
}), (i, M) => s.value ? (f(), k("g", ua, [
|
|
74
|
+
(f(!0), k(we, null, Pe(n.value, (h, w) => (f(), k(we, null, [
|
|
75
|
+
w % 3 === 0 ? (f(), k("circle", {
|
|
76
|
+
key: `sparkline_dot_${w}_${e.pulsePathId}`,
|
|
77
|
+
r: v(w),
|
|
78
78
|
fill: e.pulse.color,
|
|
79
79
|
filter: `url(#sparkline_pulse_glow_${e.uid})`,
|
|
80
80
|
opacity: "0"
|
|
81
81
|
}, [
|
|
82
82
|
A("animateMotion", {
|
|
83
|
-
begin: d(e.pulseBegin,
|
|
83
|
+
begin: d(e.pulseBegin, w * 10),
|
|
84
84
|
dur: e.pulseDur,
|
|
85
85
|
repeatCount: e.pulseRepeatCount,
|
|
86
86
|
fill: e.pulseFillMode,
|
|
@@ -92,19 +92,19 @@ const ra = {
|
|
|
92
92
|
}, [
|
|
93
93
|
A("mpath", {
|
|
94
94
|
href: `#${e.pulsePathId}`
|
|
95
|
-
}, null, 8,
|
|
96
|
-
], 8,
|
|
95
|
+
}, null, 8, ia)
|
|
96
|
+
], 8, sa),
|
|
97
97
|
A("animate", {
|
|
98
98
|
attributeName: "opacity",
|
|
99
99
|
dur: e.pulseDur,
|
|
100
100
|
repeatCount: e.pulseRepeatCount,
|
|
101
101
|
fill: e.pulseFillMode,
|
|
102
|
-
values: p(
|
|
102
|
+
values: p(w),
|
|
103
103
|
keyTimes: "0;0.1;0.9;1"
|
|
104
|
-
}, null, 8,
|
|
105
|
-
], 8,
|
|
104
|
+
}, null, 8, da)
|
|
105
|
+
], 8, oa)) : L("", !0)
|
|
106
106
|
], 64))), 256)),
|
|
107
|
-
(f(),
|
|
107
|
+
(f(), k("circle", {
|
|
108
108
|
key: `sparkline_halo_${e.pulsePathId}`,
|
|
109
109
|
r: Math.max(e.pulse.radius * 1.3),
|
|
110
110
|
fill: e.pulse.color,
|
|
@@ -122,51 +122,51 @@ const ra = {
|
|
|
122
122
|
}, [
|
|
123
123
|
A("mpath", {
|
|
124
124
|
href: `#${e.pulsePathId}`
|
|
125
|
-
}, null, 8,
|
|
126
|
-
], 8,
|
|
125
|
+
}, null, 8, ha)
|
|
126
|
+
], 8, va),
|
|
127
127
|
A("animate", {
|
|
128
128
|
attributeName: "opacity",
|
|
129
129
|
values: "0;0.35;0.35;0",
|
|
130
130
|
keyTimes: "0;0.15;0.85;1",
|
|
131
131
|
dur: e.pulseDur,
|
|
132
132
|
repeatCount: e.pulseRepeatCount
|
|
133
|
-
}, null, 8,
|
|
134
|
-
], 8,
|
|
133
|
+
}, null, 8, fa)
|
|
134
|
+
], 8, ca))
|
|
135
135
|
])) : L("", !0);
|
|
136
136
|
}
|
|
137
|
-
},
|
|
137
|
+
}, Ge = {
|
|
138
138
|
canvas: null,
|
|
139
139
|
ctx: null
|
|
140
140
|
};
|
|
141
|
-
function
|
|
141
|
+
function ga() {
|
|
142
142
|
if (typeof document > "u")
|
|
143
143
|
throw new Error("color-utils: document is not available (browser-only).");
|
|
144
|
-
if (!
|
|
144
|
+
if (!Ge.canvas) {
|
|
145
145
|
const e = document.createElement("canvas");
|
|
146
146
|
e.width = 1, e.height = 1;
|
|
147
147
|
const a = e.getContext("2d", { willReadFrequently: !0 });
|
|
148
148
|
if (!a)
|
|
149
149
|
throw new Error("color-utils: unable to get 2D canvas context.");
|
|
150
|
-
|
|
150
|
+
Ge.canvas = e, Ge.ctx = a;
|
|
151
151
|
}
|
|
152
|
-
return
|
|
152
|
+
return Ge.ctx;
|
|
153
153
|
}
|
|
154
|
-
function
|
|
154
|
+
function ya(e) {
|
|
155
155
|
return e < 0 ? 0 : e > 255 ? 255 : Math.round(e);
|
|
156
156
|
}
|
|
157
|
-
function
|
|
157
|
+
function ut(e) {
|
|
158
158
|
return e < 0 ? 0 : e > 1 ? 1 : e;
|
|
159
159
|
}
|
|
160
|
-
function
|
|
160
|
+
function ma(e, a = null) {
|
|
161
161
|
if (typeof e != "string" || e.trim().length === 0)
|
|
162
162
|
throw new Error("colorToRgba: inputColor must be a non-empty string.");
|
|
163
163
|
const n = e.trim();
|
|
164
164
|
if (n.toLowerCase() === "transparent")
|
|
165
165
|
return { red: 0, green: 0, blue: 0, alpha: 0 };
|
|
166
|
-
const s =
|
|
166
|
+
const s = ba(n, a), o = ga();
|
|
167
167
|
o.clearRect(0, 0, 1, 1), o.fillStyle = "#000";
|
|
168
168
|
const d = o.fillStyle;
|
|
169
|
-
if (o.fillStyle = s, o.fillStyle === d && !
|
|
169
|
+
if (o.fillStyle = s, o.fillStyle === d && !ka(s))
|
|
170
170
|
throw new Error(`colorToRgba: unsupported or invalid color "${e}".`);
|
|
171
171
|
o.fillRect(0, 0, 1, 1);
|
|
172
172
|
const p = o.getImageData(0, 0, 1, 1).data;
|
|
@@ -177,38 +177,38 @@ function ya(e, a = null) {
|
|
|
177
177
|
alpha: p[3] / 255
|
|
178
178
|
};
|
|
179
179
|
}
|
|
180
|
-
function
|
|
180
|
+
function xt(e, a = null) {
|
|
181
181
|
if (!Array.isArray(e) || e.length === 0)
|
|
182
182
|
throw new Error("colorsToRgba: colors must be a non-empty array.");
|
|
183
183
|
const n = new Array(e.length);
|
|
184
184
|
for (let s = 0; s < e.length; s += 1)
|
|
185
|
-
n[s] =
|
|
185
|
+
n[s] = ma(e[s], a);
|
|
186
186
|
return n;
|
|
187
187
|
}
|
|
188
|
-
function
|
|
188
|
+
function ba(e, a = null) {
|
|
189
189
|
return e !== "currentColor" || typeof window > "u" || !a ? e : window.getComputedStyle(a).color || e;
|
|
190
190
|
}
|
|
191
|
-
function
|
|
191
|
+
function ka(e) {
|
|
192
192
|
const a = e.trim().toLowerCase();
|
|
193
193
|
return a === "black" || a === "#000" || a === "#000000" || a === "rgb(0, 0, 0)" || a === "rgba(0, 0, 0, 1)" || a === "rgba(0, 0, 0, 0)";
|
|
194
194
|
}
|
|
195
|
-
function
|
|
196
|
-
const a =
|
|
195
|
+
function be(e) {
|
|
196
|
+
const a = ut(e / 255);
|
|
197
197
|
return a <= 0.04045 ? a / 12.92 : Math.pow((a + 0.055) / 1.055, 2.4);
|
|
198
198
|
}
|
|
199
|
-
function
|
|
200
|
-
const a =
|
|
199
|
+
function et(e) {
|
|
200
|
+
const a = ut(e);
|
|
201
201
|
let n;
|
|
202
|
-
return a <= 31308e-7 ? n = a * 12.92 : n = 1.055 * Math.pow(a, 1 / 2.4) - 0.055,
|
|
202
|
+
return a <= 31308e-7 ? n = a * 12.92 : n = 1.055 * Math.pow(a, 1 / 2.4) - 0.055, ya(n * 255);
|
|
203
203
|
}
|
|
204
|
-
function
|
|
205
|
-
const o =
|
|
204
|
+
function $t(e, a, n, s) {
|
|
205
|
+
const o = ut(n);
|
|
206
206
|
if (s === "linearRGB") {
|
|
207
|
-
const d =
|
|
207
|
+
const d = be(e.red), v = be(e.green), p = be(e.blue), i = be(a.red), M = be(a.green), h = be(a.blue), w = d + (i - d) * o, P = v + (M - v) * o, N = p + (h - p) * o;
|
|
208
208
|
return {
|
|
209
|
-
red:
|
|
210
|
-
green:
|
|
211
|
-
blue:
|
|
209
|
+
red: et(w),
|
|
210
|
+
green: et(P),
|
|
211
|
+
blue: et(N),
|
|
212
212
|
alpha: e.alpha + (a.alpha - e.alpha) * o
|
|
213
213
|
};
|
|
214
214
|
}
|
|
@@ -223,45 +223,45 @@ function O(e, a, n) {
|
|
|
223
223
|
let s = e;
|
|
224
224
|
return s < a && (s = a), s > n && (s = n), s;
|
|
225
225
|
}
|
|
226
|
-
function
|
|
226
|
+
function Q(e, a) {
|
|
227
227
|
const n = Math.pow(10, a);
|
|
228
228
|
return Math.round(e * n) / n;
|
|
229
229
|
}
|
|
230
|
-
function
|
|
230
|
+
function re(e) {
|
|
231
231
|
return Number.isFinite(e) ? e.toString() : "0";
|
|
232
232
|
}
|
|
233
|
-
function
|
|
233
|
+
function tt(e) {
|
|
234
234
|
const n = O(e, 0, 255).toString(16);
|
|
235
235
|
return n.length === 1 ? "0" + n : n;
|
|
236
236
|
}
|
|
237
|
-
function
|
|
237
|
+
function wa(e) {
|
|
238
238
|
if (typeof e != "string") return;
|
|
239
239
|
const a = Number.parseFloat(e);
|
|
240
240
|
return Number.isFinite(a) ? a : void 0;
|
|
241
241
|
}
|
|
242
|
-
function
|
|
242
|
+
function xa(e, a, n, s = !0) {
|
|
243
243
|
const o = n - a;
|
|
244
244
|
if (o === 0) return 0;
|
|
245
245
|
const d = (e - a) / o;
|
|
246
246
|
return s ? O(d, 0, 1) : d;
|
|
247
247
|
}
|
|
248
|
-
const
|
|
249
|
-
function
|
|
248
|
+
const Mt = "http://www.w3.org/2000/svg";
|
|
249
|
+
function $a(e) {
|
|
250
250
|
if (typeof document > "u")
|
|
251
251
|
throw new Error("SvgPathGradientAsync: document is not available (browser-only implementation).");
|
|
252
|
-
const a = document.createElementNS(
|
|
252
|
+
const a = document.createElementNS(Mt, "svg");
|
|
253
253
|
a.setAttribute("width", "0"), a.setAttribute("height", "0"), a.setAttribute("viewBox", "0 0 0 0"), a.style.position = "absolute", a.style.left = "-10000px", a.style.top = "-10000px", a.style.visibility = "hidden", a.style.pointerEvents = "none";
|
|
254
|
-
const n = document.createElementNS(
|
|
254
|
+
const n = document.createElementNS(Mt, "path");
|
|
255
255
|
return e === "M " && (e = "M 0,0"), n.setAttribute("d", e), a.appendChild(n), document.body.appendChild(a), { svgElement: a, pathElement: n };
|
|
256
256
|
}
|
|
257
|
-
function
|
|
257
|
+
function at(e) {
|
|
258
258
|
if (e)
|
|
259
259
|
try {
|
|
260
260
|
e.svgElement?.remove?.();
|
|
261
261
|
} catch {
|
|
262
262
|
}
|
|
263
263
|
}
|
|
264
|
-
function
|
|
264
|
+
function Ma(e, a, n) {
|
|
265
265
|
if (typeof n == "number" && n > 0)
|
|
266
266
|
return n;
|
|
267
267
|
let s = a * 0.75;
|
|
@@ -269,70 +269,70 @@ function $a(e, a, n) {
|
|
|
269
269
|
const o = e / 2;
|
|
270
270
|
return s > o && o > 0 && (s = o), s <= 0 && (s = 1), s;
|
|
271
271
|
}
|
|
272
|
-
function
|
|
272
|
+
function Aa(e, a, n) {
|
|
273
273
|
if (typeof a == "number" && a >= 1)
|
|
274
274
|
return Math.floor(a);
|
|
275
275
|
const s = typeof n == "number" && n > 0 ? n : 2, o = Math.ceil(e / s);
|
|
276
276
|
return o < 1 ? 1 : o;
|
|
277
277
|
}
|
|
278
|
-
function
|
|
278
|
+
function Sa(e, a, n, s, o, d) {
|
|
279
279
|
const v = n - a;
|
|
280
280
|
let p = Math.ceil(v / s) + 1;
|
|
281
281
|
p < 2 && (p = 2), p > d && (p = d);
|
|
282
|
-
const i = p > 1 ? v / (p - 1) : 0,
|
|
283
|
-
let h = `M ${
|
|
284
|
-
|
|
282
|
+
const i = p > 1 ? v / (p - 1) : 0, M = e.getPointAtLength(a);
|
|
283
|
+
let h = `M ${re(Q(M.x, o))} ${re(
|
|
284
|
+
Q(M.y, o)
|
|
285
285
|
)}`;
|
|
286
|
-
for (let
|
|
287
|
-
const P = a +
|
|
288
|
-
h += ` L ${
|
|
289
|
-
|
|
286
|
+
for (let w = 1; w < p; w += 1) {
|
|
287
|
+
const P = a + w * i, N = e.getPointAtLength(P);
|
|
288
|
+
h += ` L ${re(Q(N.x, o))} ${re(
|
|
289
|
+
Q(N.y, o)
|
|
290
290
|
)}`;
|
|
291
291
|
}
|
|
292
292
|
return h;
|
|
293
293
|
}
|
|
294
|
-
function
|
|
294
|
+
function Ca(e, a, n, s, o, d) {
|
|
295
295
|
const v = n - a;
|
|
296
296
|
let p = Math.ceil(v / s) + 1;
|
|
297
297
|
p < 2 && (p = 2), p > d && (p = d);
|
|
298
|
-
const i = p > 1 ? v / (p - 1) : 0,
|
|
299
|
-
let h =
|
|
300
|
-
|
|
298
|
+
const i = p > 1 ? v / (p - 1) : 0, M = e.getPointAtLength(a);
|
|
299
|
+
let h = M.x, w = M.x, P = M.y, N = M.y, q = `M ${re(Q(M.x, o))} ${re(
|
|
300
|
+
Q(M.y, o)
|
|
301
301
|
)}`;
|
|
302
302
|
for (let t = 1; t < p; t += 1) {
|
|
303
|
-
const
|
|
304
|
-
B.x < h && (h = B.x), B.x >
|
|
305
|
-
|
|
303
|
+
const ue = a + t * i, B = e.getPointAtLength(ue);
|
|
304
|
+
B.x < h && (h = B.x), B.x > w && (w = B.x), B.y < P && (P = B.y), B.y > N && (N = B.y), q += ` L ${re(Q(B.x, o))} ${re(
|
|
305
|
+
Q(B.y, o)
|
|
306
306
|
)}`;
|
|
307
307
|
}
|
|
308
308
|
return {
|
|
309
309
|
pathData: q,
|
|
310
|
-
bounds: { minX: h, maxX:
|
|
310
|
+
bounds: { minX: h, maxX: w, minY: P, maxY: N }
|
|
311
311
|
};
|
|
312
312
|
}
|
|
313
|
-
function
|
|
313
|
+
function La(e) {
|
|
314
314
|
if (e.length === 1) return [{ position: 0, rgba: e[0] }];
|
|
315
315
|
const a = new Array(e.length), n = e.length - 1;
|
|
316
316
|
for (let s = 0; s < e.length; s += 1)
|
|
317
317
|
a[s] = { position: s / n, rgba: e[s] };
|
|
318
318
|
return a;
|
|
319
319
|
}
|
|
320
|
-
function
|
|
320
|
+
function Pa(e, a, n, s) {
|
|
321
321
|
const o = O(a, 0, 1);
|
|
322
322
|
let d = s;
|
|
323
323
|
for (d < 0 && (d = 0), d > e.length - 2 && (d = e.length - 2); d > 0 && o < e[d].position; ) d -= 1;
|
|
324
324
|
for (; d < e.length - 2 && o > e[d + 1].position; ) d += 1;
|
|
325
|
-
const v = e[d], p = e[d + 1], i = p.position - v.position,
|
|
326
|
-
return
|
|
325
|
+
const v = e[d], p = e[d + 1], i = p.position - v.position, M = i > 0 ? (o - v.position) / i : 0, h = _a(v.rgba, p.rgba, M, n);
|
|
326
|
+
return rt(h);
|
|
327
327
|
}
|
|
328
|
-
function
|
|
328
|
+
function _a(e, a, n, s) {
|
|
329
329
|
const o = O(n, 0, 1);
|
|
330
330
|
if (s === "linearRGB") {
|
|
331
|
-
const d =
|
|
331
|
+
const d = ke(e.red), v = ke(e.green), p = ke(e.blue), i = ke(a.red), M = ke(a.green), h = ke(a.blue), w = d + (i - d) * o, P = v + (M - v) * o, N = p + (h - p) * o;
|
|
332
332
|
return {
|
|
333
|
-
red:
|
|
334
|
-
green:
|
|
335
|
-
blue:
|
|
333
|
+
red: lt(w),
|
|
334
|
+
green: lt(P),
|
|
335
|
+
blue: lt(N),
|
|
336
336
|
alpha: e.alpha + (a.alpha - e.alpha) * o
|
|
337
337
|
};
|
|
338
338
|
}
|
|
@@ -343,59 +343,59 @@ function Pa(e, a, n, s) {
|
|
|
343
343
|
alpha: e.alpha + (a.alpha - e.alpha) * o
|
|
344
344
|
};
|
|
345
345
|
}
|
|
346
|
-
function
|
|
346
|
+
function ke(e) {
|
|
347
347
|
const a = O(e / 255, 0, 1);
|
|
348
348
|
return a <= 0.04045 ? a / 12.92 : Math.pow((a + 0.055) / 1.055, 2.4);
|
|
349
349
|
}
|
|
350
|
-
function
|
|
350
|
+
function lt(e) {
|
|
351
351
|
const a = O(e, 0, 1);
|
|
352
352
|
let n;
|
|
353
353
|
a <= 31308e-7 ? n = a * 12.92 : n = 1.055 * Math.pow(a, 1 / 2.4) - 0.055;
|
|
354
354
|
const s = Math.round(n * 255);
|
|
355
355
|
return O(s, 0, 255);
|
|
356
356
|
}
|
|
357
|
-
function
|
|
357
|
+
function rt(e) {
|
|
358
358
|
const a = O(e.alpha, 0, 1), n = O(Math.round(e.red), 0, 255), s = O(Math.round(e.green), 0, 255), o = O(Math.round(e.blue), 0, 255);
|
|
359
359
|
if (a >= 1)
|
|
360
|
-
return `#${
|
|
361
|
-
const d =
|
|
360
|
+
return `#${tt(n)}${tt(s)}${tt(o)}`;
|
|
361
|
+
const d = Q(a, 4).toString();
|
|
362
362
|
return `rgba(${n}, ${s}, ${o}, ${d})`;
|
|
363
363
|
}
|
|
364
|
-
function
|
|
364
|
+
function Na(e) {
|
|
365
365
|
const a = e.fill ?? "none";
|
|
366
|
-
let n = `fill="${
|
|
366
|
+
let n = `fill="${ee(a)}"`;
|
|
367
367
|
const s = Object.keys(e);
|
|
368
368
|
for (let o = 0; o < s.length; o += 1) {
|
|
369
369
|
const d = s[o];
|
|
370
370
|
if (d === "stroke" || d === "d") continue;
|
|
371
371
|
const v = e[d];
|
|
372
|
-
n += ` ${d}="${
|
|
372
|
+
n += ` ${d}="${ee(v)}"`;
|
|
373
373
|
}
|
|
374
374
|
return n;
|
|
375
375
|
}
|
|
376
|
-
function
|
|
377
|
-
return `<path d="${
|
|
376
|
+
function At(e, a, n) {
|
|
377
|
+
return `<path d="${ee(e)}" stroke="${ee(a)}" ${n} />`;
|
|
378
378
|
}
|
|
379
|
-
function
|
|
379
|
+
function Ta(e) {
|
|
380
380
|
const a = [], n = e.segmentAttributeMap.fill ?? "none";
|
|
381
|
-
a.push(`fill="${
|
|
381
|
+
a.push(`fill="${ee(n)}"`), a.push(`stroke="${ee(e.stroke)}"`);
|
|
382
382
|
for (const s of Object.keys(e.segmentAttributeMap)) {
|
|
383
383
|
if (s === "stroke" || s === "d") continue;
|
|
384
384
|
const o = e.segmentAttributeMap[s];
|
|
385
|
-
a.push(`${s}="${
|
|
385
|
+
a.push(`${s}="${ee(o)}"`);
|
|
386
386
|
}
|
|
387
|
-
return `<path d="${
|
|
387
|
+
return `<path d="${ee(e.pathData)}" ${a.join(" ")} />`;
|
|
388
388
|
}
|
|
389
|
-
function
|
|
389
|
+
function St(e, a) {
|
|
390
390
|
const n = [];
|
|
391
391
|
for (const o of Object.keys(a))
|
|
392
|
-
n.push(`${o}="${
|
|
392
|
+
n.push(`${o}="${ee(a[o])}"`);
|
|
393
393
|
return `<g data-svg-path-gradient="true"${n.length ? " " + n.join(" ") : ""}>${e.join("")}</g>`;
|
|
394
394
|
}
|
|
395
|
-
function
|
|
395
|
+
function ee(e) {
|
|
396
396
|
return String(e).replaceAll("&", "&").replaceAll('"', """).replaceAll("<", "<").replaceAll(">", ">");
|
|
397
397
|
}
|
|
398
|
-
function
|
|
398
|
+
function Ia(e, a = null, n = {}) {
|
|
399
399
|
return new Promise((s, o) => {
|
|
400
400
|
let d = null;
|
|
401
401
|
try {
|
|
@@ -406,21 +406,21 @@ function Ta(e, a = null, n = {}) {
|
|
|
406
406
|
throw new Error("SvgPathGradientAsync: colors must be a non-empty array when temperatureMode is not enabled.");
|
|
407
407
|
if ((n.returnMode ?? "string") !== "string")
|
|
408
408
|
throw new Error('SvgPathGradientAsync: only returnMode="string" is supported for the async version.');
|
|
409
|
-
const i = typeof n.decimalPlaces == "number" ? n.decimalPlaces : 3,
|
|
410
|
-
d =
|
|
411
|
-
const q = d.pathElement, t = q.getTotalLength(),
|
|
412
|
-
if (v === null && (!(t > 0) ||
|
|
413
|
-
const G =
|
|
409
|
+
const i = typeof n.decimalPlaces == "number" ? n.decimalPlaces : 3, M = typeof n.flattenTolerance == "number" && n.flattenTolerance > 0 ? n.flattenTolerance : 0.25, h = n.attrs ? { ...n.attrs } : {}, w = n.groupAttrs ? { ...n.groupAttrs } : {}, P = wa(h["stroke-width"]), N = typeof n.strokeWidth == "number" && n.strokeWidth > 0 ? n.strokeWidth : typeof P == "number" && P > 0 ? P : 1;
|
|
410
|
+
d = $a(e);
|
|
411
|
+
const q = d.pathElement, t = q.getTotalLength(), ue = v === null ? xt(a, n.colorReferenceElement) : [];
|
|
412
|
+
if (v === null && (!(t > 0) || ue.length === 1)) {
|
|
413
|
+
const G = rt(ue[0]), W = St(
|
|
414
414
|
[
|
|
415
|
-
|
|
415
|
+
Ta({
|
|
416
416
|
pathData: e,
|
|
417
417
|
stroke: G,
|
|
418
418
|
segmentAttributeMap: h
|
|
419
419
|
})
|
|
420
420
|
],
|
|
421
|
-
|
|
421
|
+
w
|
|
422
422
|
);
|
|
423
|
-
|
|
423
|
+
at(d), s(W);
|
|
424
424
|
return;
|
|
425
425
|
}
|
|
426
426
|
const B = n.colorSpace ?? "linearRGB";
|
|
@@ -429,87 +429,87 @@ function Ta(e, a = null, n = {}) {
|
|
|
429
429
|
if (!Array.isArray(G) || G.length !== 2)
|
|
430
430
|
throw new Error("SvgPathGradientAsync: temperatureColors must be a tuple of exactly 2 colors when temperatureMode is enabled.");
|
|
431
431
|
}
|
|
432
|
-
const D = v !== null ?
|
|
433
|
-
const G =
|
|
432
|
+
const D = v !== null ? xt(n.temperatureColors, n.colorReferenceElement) : null, U = v === null ? (() => {
|
|
433
|
+
const G = La(ue), W = new Array(G.length);
|
|
434
434
|
for (let I = 0; I < G.length; I += 1)
|
|
435
435
|
W[I] = { position: G[I].position, rgba: G[I].rgba };
|
|
436
436
|
return W;
|
|
437
|
-
})() : [],
|
|
437
|
+
})() : [], xe = Ma(t, N, n.maxSegmentLength), j = Aa(t, n.segments, xe), oe = t / j;
|
|
438
438
|
let T = typeof n.overlap == "number" && n.overlap >= 0 ? n.overlap : N * 0.5;
|
|
439
|
-
const
|
|
440
|
-
T >
|
|
441
|
-
const
|
|
442
|
-
let
|
|
443
|
-
const
|
|
439
|
+
const _e = oe * 0.45;
|
|
440
|
+
T > _e && (T = _e);
|
|
441
|
+
const se = typeof n.samplePointLimitPerSegment == "number" && n.samplePointLimitPerSegment > 10 ? n.samplePointLimitPerSegment : 250, Ne = Na(h), he = [], Te = v !== null ? [] : null, ie = v !== null ? [] : null;
|
|
442
|
+
let fe = 0;
|
|
443
|
+
const $e = v === null ? U.length - 2 : 0;
|
|
444
444
|
let Y = 0;
|
|
445
|
-
const
|
|
445
|
+
const Ie = () => {
|
|
446
446
|
const G = performance.now(), W = typeof n.frameBudgetMs == "number" ? n.frameBudgetMs : 8;
|
|
447
447
|
for (; Y < j && performance.now() - G < W; ) {
|
|
448
|
-
const
|
|
449
|
-
let R =
|
|
450
|
-
if (Y !== 0 && (R =
|
|
448
|
+
const te = Y * oe, V = (Y + 1) * oe;
|
|
449
|
+
let R = te, E = V;
|
|
450
|
+
if (Y !== 0 && (R = te - T), Y !== j - 1 && (E = V + T), R = O(R, 0, t), E = O(E, 0, t), E > R)
|
|
451
451
|
if (v !== null) {
|
|
452
|
-
const _ =
|
|
452
|
+
const _ = Ca(
|
|
453
453
|
q,
|
|
454
454
|
R,
|
|
455
455
|
E,
|
|
456
|
-
|
|
456
|
+
M,
|
|
457
457
|
i,
|
|
458
|
-
|
|
458
|
+
se
|
|
459
459
|
);
|
|
460
|
-
|
|
460
|
+
Te.push(_.pathData), ie.push(_.bounds);
|
|
461
461
|
} else {
|
|
462
462
|
const F = (R + E) * 0.5 / t;
|
|
463
|
-
for (;
|
|
464
|
-
|
|
465
|
-
const X =
|
|
463
|
+
for (; fe < $e && F > U[fe + 1].position; )
|
|
464
|
+
fe += 1;
|
|
465
|
+
const X = Pa(
|
|
466
466
|
U,
|
|
467
467
|
F,
|
|
468
468
|
B,
|
|
469
|
-
|
|
470
|
-
), K =
|
|
469
|
+
fe
|
|
470
|
+
), K = Sa(
|
|
471
471
|
q,
|
|
472
472
|
R,
|
|
473
473
|
E,
|
|
474
|
-
|
|
474
|
+
M,
|
|
475
475
|
i,
|
|
476
|
-
|
|
476
|
+
se
|
|
477
477
|
);
|
|
478
|
-
|
|
479
|
-
|
|
478
|
+
he.push(
|
|
479
|
+
At(K, X, Ne)
|
|
480
480
|
);
|
|
481
481
|
}
|
|
482
482
|
Y += 1;
|
|
483
483
|
}
|
|
484
484
|
if (Y < j) {
|
|
485
|
-
requestAnimationFrame(
|
|
485
|
+
requestAnimationFrame(Ie);
|
|
486
486
|
return;
|
|
487
487
|
}
|
|
488
488
|
if (v !== null) {
|
|
489
|
-
let
|
|
490
|
-
for (let _ = 0; _ <
|
|
491
|
-
const F =
|
|
492
|
-
X <
|
|
489
|
+
let te = Number.POSITIVE_INFINITY, V = Number.NEGATIVE_INFINITY;
|
|
490
|
+
for (let _ = 0; _ < ie.length; _ += 1) {
|
|
491
|
+
const F = ie[_], X = v === "vertical" ? F.minY : F.minX, K = v === "vertical" ? F.maxY : F.maxX;
|
|
492
|
+
X < te && (te = X), K > V && (V = K);
|
|
493
493
|
}
|
|
494
494
|
const R = D[0], E = D[1];
|
|
495
|
-
|
|
496
|
-
for (let _ = 0; _ <
|
|
497
|
-
const F =
|
|
498
|
-
|
|
499
|
-
|
|
495
|
+
he.length = 0;
|
|
496
|
+
for (let _ = 0; _ < ie.length; _ += 1) {
|
|
497
|
+
const F = ie[_], X = v === "vertical" ? F.minY : F.minX, K = v === "vertical" ? F.maxY : F.maxX, pe = (X + K) * 0.5, ge = xa(pe, te, V, !0), Re = v === "vertical" ? $t(R, E, ge, B) : $t(E, R, ge, B), de = rt(Re), Me = Te[_];
|
|
498
|
+
he.push(
|
|
499
|
+
At(Me, de, Ne)
|
|
500
500
|
);
|
|
501
501
|
}
|
|
502
502
|
}
|
|
503
|
-
const I =
|
|
504
|
-
|
|
503
|
+
const I = St(he, w);
|
|
504
|
+
at(d), s(I);
|
|
505
505
|
};
|
|
506
|
-
requestAnimationFrame(
|
|
506
|
+
requestAnimationFrame(Ie);
|
|
507
507
|
} catch (v) {
|
|
508
|
-
|
|
508
|
+
at(d), o(v);
|
|
509
509
|
}
|
|
510
510
|
});
|
|
511
511
|
}
|
|
512
|
-
const
|
|
512
|
+
const Ra = ["innerHTML"], Ba = {
|
|
513
513
|
__name: "SparklineGradientPath",
|
|
514
514
|
props: {
|
|
515
515
|
svgPathData: { type: String, required: !0 },
|
|
@@ -537,7 +537,7 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
537
537
|
n.value = "";
|
|
538
538
|
return;
|
|
539
539
|
}
|
|
540
|
-
const v = await
|
|
540
|
+
const v = await Ia(a.svgPathData, null, {
|
|
541
541
|
segments: a.segments,
|
|
542
542
|
temperatureMode: "vertical",
|
|
543
543
|
temperatureColors: [a.highColor, a.lowColor],
|
|
@@ -551,14 +551,14 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
551
551
|
d === s && (n.value = v);
|
|
552
552
|
},
|
|
553
553
|
{ immediate: !0 }
|
|
554
|
-
), (o, d) => (f(),
|
|
554
|
+
), (o, d) => (f(), k("g", { innerHTML: n.value }, null, 8, Ra));
|
|
555
555
|
}
|
|
556
|
-
},
|
|
556
|
+
}, Da = ["id"], Ea = ["id"], Fa = { style: { position: "relative" } }, Va = ["xmlns", "viewBox", "aria-describedby"], qa = ["width", "height"], Ga = ["id"], Wa = ["stop-color"], Oa = ["stop-color"], za = ["id"], ja = ["stop-color"], Ya = ["stop-color"], Xa = ["id"], Ka = ["stop-color"], Ua = ["stop-color"], Ha = ["id"], Za = ["id"], Ja = ["stop-color", "offset"], Qa = { key: 1 }, el = ["d", "fill"], tl = ["d", "fill"], al = ["id", "d", "stroke", "stroke-width"], ll = ["id", "d", "stroke", "stroke-width"], nl = ["x", "y", "width", "height", "fill", "rx"], rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], ol = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], sl = ["x", "y", "font-size", "font-weight", "fill"], il = ["x", "y", "height", "width", "onMouseenter", "onMouseleave", "onClick"], dl = {
|
|
557
557
|
key: 0,
|
|
558
558
|
style: { position: "absolute", top: "100%", left: "0", width: "100%" },
|
|
559
559
|
"data-dom-to-png-ignore": "",
|
|
560
560
|
"aria-hidden": "true"
|
|
561
|
-
},
|
|
561
|
+
}, cl = {
|
|
562
562
|
__name: "vue-ui-sparkline",
|
|
563
563
|
props: {
|
|
564
564
|
config: {
|
|
@@ -592,11 +592,11 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
592
592
|
},
|
|
593
593
|
emits: ["hoverIndex", "selectDatapoint"],
|
|
594
594
|
setup(e, { emit: a }) {
|
|
595
|
-
const n =
|
|
596
|
-
function
|
|
597
|
-
return i.config?.skeletonDataset && Array.isArray(i.config.skeletonDataset) ? i.config.skeletonDataset.map((r) => ({ period: "-", value: r })) :
|
|
595
|
+
const n = ft(() => import("./PackageVersion-DPO-OOVI.js")), s = ft(() => import("./SparkTooltip-BorBpltj.js")), { vue_ui_sparkline: o } = Ht(), { isThemeValid: d, warnInvalidTheme: v } = Qt(), p = aa(), i = e, M = m(() => Array.isArray(i.dataset) && i.dataset.length > 0), h = C(qt()), w = C(null), P = C(null), N = C(null), q = C(null), t = C(oe());
|
|
596
|
+
function ue(l) {
|
|
597
|
+
return i.config?.skeletonDataset && Array.isArray(i.config.skeletonDataset) ? i.config.skeletonDataset.map((r) => ({ period: "-", value: r })) : Xt(l).map((r) => ({ period: "-", value: r }));
|
|
598
598
|
}
|
|
599
|
-
const B = m(() =>
|
|
599
|
+
const B = m(() => yt({
|
|
600
600
|
defaultConfig: {
|
|
601
601
|
gradientPath: { show: !1 },
|
|
602
602
|
temperatureColors: { show: !1 },
|
|
@@ -614,23 +614,23 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
614
614
|
}
|
|
615
615
|
},
|
|
616
616
|
userConfig: t.value.skeletonConfig ?? {}
|
|
617
|
-
})), { loading: D, FINAL_DATASET: U, manualLoading:
|
|
618
|
-
...
|
|
617
|
+
})), { loading: D, FINAL_DATASET: U, manualLoading: xe } = Zt({
|
|
618
|
+
...Bt(i),
|
|
619
619
|
FINAL_CONFIG: t,
|
|
620
|
-
prepareConfig:
|
|
620
|
+
prepareConfig: oe,
|
|
621
621
|
callback: () => {
|
|
622
622
|
Promise.resolve().then(async () => {
|
|
623
|
-
await
|
|
623
|
+
await J(), ge();
|
|
624
624
|
});
|
|
625
625
|
},
|
|
626
|
-
skeletonDataset:
|
|
627
|
-
skeletonConfig:
|
|
626
|
+
skeletonDataset: ue(12),
|
|
627
|
+
skeletonConfig: yt({
|
|
628
628
|
defaultConfig: t.value,
|
|
629
629
|
userConfig: B.value
|
|
630
630
|
})
|
|
631
|
-
}), { svgRef: j } =
|
|
632
|
-
function
|
|
633
|
-
const l =
|
|
631
|
+
}), { svgRef: j } = ta({ config: t.value.style.title });
|
|
632
|
+
function oe() {
|
|
633
|
+
const l = Qe({
|
|
634
634
|
userConfig: i.config,
|
|
635
635
|
defaultConfig: o
|
|
636
636
|
});
|
|
@@ -640,12 +640,12 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
640
640
|
if (!d.value(l))
|
|
641
641
|
v(l), r = l;
|
|
642
642
|
else {
|
|
643
|
-
const c =
|
|
644
|
-
userConfig:
|
|
643
|
+
const c = Qe({
|
|
644
|
+
userConfig: la[u] || i.config,
|
|
645
645
|
defaultConfig: l
|
|
646
646
|
});
|
|
647
647
|
r = {
|
|
648
|
-
...
|
|
648
|
+
...Qe({
|
|
649
649
|
userConfig: i.config,
|
|
650
650
|
defaultConfig: c
|
|
651
651
|
})
|
|
@@ -655,29 +655,29 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
655
655
|
r = l;
|
|
656
656
|
return r;
|
|
657
657
|
}
|
|
658
|
-
const T = m(() => t.value?.style?.line.pulse || {}),
|
|
658
|
+
const T = m(() => t.value?.style?.line.pulse || {}), _e = m(() => `${Math.max(200, Number(T.value.durationMs) || 4e3) / 1e3}s`), se = C(0), Ne = m(() => T.value?.begin || "0ms"), he = C("0;1"), Te = m(() => T.value?.loop === !1 ? "1" : "indefinite"), ie = m(() => T.value?.loop === !1 ? "freeze" : void 0), fe = m(() => T.value.trail.show && G.value.lengthPx || 1), $e = m(() => !!T.value?.show && !H.value && !p.value && !D.value && (g.value?.length || 0) > 1);
|
|
659
659
|
function Y() {
|
|
660
|
-
if (
|
|
661
|
-
|
|
660
|
+
if (!$e.value) {
|
|
661
|
+
se.value = 0;
|
|
662
662
|
return;
|
|
663
663
|
}
|
|
664
664
|
const l = j.value;
|
|
665
665
|
if (!l) return;
|
|
666
|
-
const r = `#${
|
|
666
|
+
const r = `#${de.value}`, u = l.querySelector?.(r);
|
|
667
667
|
if (u && typeof u.getTotalLength == "function") {
|
|
668
668
|
const c = u.getTotalLength();
|
|
669
|
-
Number.isFinite(c) && c > 0 && (
|
|
669
|
+
Number.isFinite(c) && c > 0 && (se.value = c);
|
|
670
670
|
return;
|
|
671
671
|
}
|
|
672
672
|
requestAnimationFrame(() => {
|
|
673
673
|
const c = l.querySelector?.(r);
|
|
674
674
|
if (c && typeof c.getTotalLength == "function") {
|
|
675
|
-
const
|
|
676
|
-
Number.isFinite(
|
|
675
|
+
const b = c.getTotalLength();
|
|
676
|
+
Number.isFinite(b) && b > 0 && (se.value = b);
|
|
677
677
|
}
|
|
678
678
|
});
|
|
679
679
|
}
|
|
680
|
-
const
|
|
680
|
+
const Ie = m(() => {
|
|
681
681
|
const l = T.value?.easing || "ease-in-out", r = {
|
|
682
682
|
ease: [0.25, 0.1, 0.25, 1],
|
|
683
683
|
"ease-in": [0.42, 0, 1, 1],
|
|
@@ -707,14 +707,14 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
707
707
|
fadeIn: 0.5,
|
|
708
708
|
fadeOut: 0.2
|
|
709
709
|
};
|
|
710
|
-
}), W = m(() =>
|
|
710
|
+
}), W = m(() => Ue({
|
|
711
711
|
data: U.value,
|
|
712
712
|
threshold: t.value.downsample.threshold
|
|
713
713
|
}));
|
|
714
714
|
z(() => i.config, (l) => {
|
|
715
|
-
D.value || (t.value =
|
|
715
|
+
D.value || (t.value = oe()), it(), x.value.chartWidth = t.value.style.chartWidth;
|
|
716
716
|
}, { deep: !0 }), z(() => i.dataset, (l) => {
|
|
717
|
-
Array.isArray(l) && l.length > 0 && (
|
|
717
|
+
Array.isArray(l) && l.length > 0 && (xe.value = !1), I.value = Ue({
|
|
718
718
|
data: U.value.map((r) => ({
|
|
719
719
|
...r,
|
|
720
720
|
value: [void 0].includes(r.value) ? null : r.value
|
|
@@ -722,9 +722,9 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
722
722
|
threshold: t.value.downsample.threshold
|
|
723
723
|
});
|
|
724
724
|
}, { deep: !0 });
|
|
725
|
-
const I = C(
|
|
726
|
-
function
|
|
727
|
-
return
|
|
725
|
+
const I = C(te());
|
|
726
|
+
function te() {
|
|
727
|
+
return Ue({
|
|
728
728
|
data: U.value.map((l) => t.value.style.animation.show && U.value.length > 1 ? {
|
|
729
729
|
...l,
|
|
730
730
|
value: null
|
|
@@ -735,174 +735,174 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
735
735
|
threshold: t.value.downsample.threshold
|
|
736
736
|
});
|
|
737
737
|
}
|
|
738
|
-
const V =
|
|
739
|
-
const r = (W.value || []).map((
|
|
738
|
+
const V = pt(null), R = pt(null), E = C(!1), _ = C(0), F = C([]), X = C(""), K = m(() => {
|
|
739
|
+
const r = (W.value || []).map((b) => `${b.period}::${Number.isFinite(b.value) ? b.value : 0}`).join("|"), u = t.value?.style?.animation || {}, c = !!t.value?.gradientPath?.show && !t.value.temperatureColors.show;
|
|
740
740
|
return `${r}#${!!u.show}#${u.animationFrames || 0}#${c}`;
|
|
741
741
|
});
|
|
742
|
-
function
|
|
742
|
+
function pe() {
|
|
743
743
|
_.value && (cancelAnimationFrame(_.value), _.value = 0), F.value.forEach((l) => clearTimeout(l)), F.value = [], E.value = !1;
|
|
744
744
|
}
|
|
745
|
-
function
|
|
745
|
+
function ge() {
|
|
746
746
|
const l = t.value?.style?.animation || {}, r = W.value || [], u = K.value, c = !!t.value.gradientPath.show && !t.value.temperatureColors.show;
|
|
747
747
|
if (u && u === X.value && (E.value || I.value.length === r.length))
|
|
748
748
|
return;
|
|
749
|
-
if (
|
|
749
|
+
if (pe(), c || !l.show || D.value || r.length <= 1) {
|
|
750
750
|
I.value = r, X.value = u;
|
|
751
751
|
return;
|
|
752
752
|
}
|
|
753
753
|
E.value = !0, X.value = u, I.value = [];
|
|
754
|
-
const
|
|
755
|
-
let
|
|
756
|
-
const
|
|
754
|
+
const b = Math.max(1, Number(l.animationFrames) || 1), Ye = Math.max(1, Math.floor(b / r.length));
|
|
755
|
+
let Z = 0;
|
|
756
|
+
const Ee = () => {
|
|
757
757
|
if (u !== K.value) {
|
|
758
|
-
|
|
758
|
+
pe();
|
|
759
759
|
return;
|
|
760
760
|
}
|
|
761
|
-
if (
|
|
762
|
-
I.value.push(r[
|
|
763
|
-
const
|
|
764
|
-
_.value = requestAnimationFrame(
|
|
765
|
-
},
|
|
766
|
-
F.value.push(
|
|
761
|
+
if (Z < r.length) {
|
|
762
|
+
I.value.push(r[Z]);
|
|
763
|
+
const Fe = setTimeout(() => {
|
|
764
|
+
_.value = requestAnimationFrame(Ee);
|
|
765
|
+
}, Ye);
|
|
766
|
+
F.value.push(Fe), Z += 1;
|
|
767
767
|
} else
|
|
768
|
-
I.value = r,
|
|
768
|
+
I.value = r, pe();
|
|
769
769
|
};
|
|
770
|
-
_.value = requestAnimationFrame(
|
|
770
|
+
_.value = requestAnimationFrame(Ee);
|
|
771
771
|
}
|
|
772
772
|
z(K, () => {
|
|
773
|
+
ge();
|
|
774
|
+
}), gt(() => {
|
|
775
|
+
it(), ge();
|
|
776
|
+
}), nt(() => {
|
|
773
777
|
pe();
|
|
774
|
-
}), pt(() => {
|
|
775
|
-
ot(), pe();
|
|
776
|
-
}), at(() => {
|
|
777
|
-
fe();
|
|
778
778
|
});
|
|
779
|
-
const
|
|
779
|
+
const Re = C(0);
|
|
780
780
|
z(
|
|
781
781
|
() => D.value,
|
|
782
782
|
async (l) => {
|
|
783
|
-
l || (await
|
|
783
|
+
l || (await J(), Re.value += 1);
|
|
784
784
|
}
|
|
785
785
|
), z(
|
|
786
786
|
() => E.value,
|
|
787
787
|
async (l) => {
|
|
788
|
-
l || D.value || (await
|
|
788
|
+
l || D.value || (await J(), Re.value += 1);
|
|
789
789
|
}
|
|
790
790
|
);
|
|
791
|
-
const
|
|
792
|
-
async function
|
|
793
|
-
|
|
791
|
+
const de = m(() => `sparkline_line_path_${h.value}`), Me = C(!0);
|
|
792
|
+
async function ot() {
|
|
793
|
+
Me.value = !1, await J(), Me.value = !0, await J(), Y();
|
|
794
794
|
}
|
|
795
|
-
const
|
|
796
|
-
function
|
|
797
|
-
if (
|
|
795
|
+
const st = m(() => !!t.value.debug);
|
|
796
|
+
function it() {
|
|
797
|
+
if (mt(i.dataset) ? (bt({
|
|
798
798
|
componentName: "VueUiSparkline",
|
|
799
799
|
type: "dataset",
|
|
800
|
-
debug:
|
|
801
|
-
}),
|
|
802
|
-
|
|
800
|
+
debug: st.value
|
|
801
|
+
}), xe.value = !0) : i.dataset.forEach((l, r) => {
|
|
802
|
+
Gt({
|
|
803
803
|
datasetObject: l,
|
|
804
804
|
requiredAttributes: ["period", "value"]
|
|
805
805
|
}).forEach((u) => {
|
|
806
|
-
|
|
806
|
+
bt({
|
|
807
807
|
componentName: "VueUiSparkline",
|
|
808
808
|
type: "datasetSerieAttribute",
|
|
809
809
|
property: u,
|
|
810
810
|
index: r,
|
|
811
|
-
debug:
|
|
811
|
+
debug: st.value
|
|
812
812
|
});
|
|
813
813
|
});
|
|
814
|
-
}),
|
|
815
|
-
const l =
|
|
816
|
-
const { width: r, height: u } =
|
|
817
|
-
chart:
|
|
814
|
+
}), mt(i.dataset) || (xe.value = t.value.loading), t.value.responsive) {
|
|
815
|
+
const l = Kt(() => {
|
|
816
|
+
const { width: r, height: u } = Ut({
|
|
817
|
+
chart: w.value,
|
|
818
818
|
title: t.value.style.title.show && i.showInfo ? P.value : null,
|
|
819
819
|
source: N.value
|
|
820
820
|
});
|
|
821
821
|
requestAnimationFrame(() => {
|
|
822
|
-
|
|
822
|
+
x.value.width = r, x.value.height = u, x.value.chartWidth = t.value.style.chartWidth / 500 * r, x.value.padding = i.forcedPadding / 500 * r;
|
|
823
823
|
});
|
|
824
824
|
});
|
|
825
|
-
V.value && (R.value && V.value.unobserve(R.value), V.value.disconnect()), V.value = new ResizeObserver(l), R.value =
|
|
825
|
+
V.value && (R.value && V.value.unobserve(R.value), V.value.disconnect()), V.value = new ResizeObserver(l), R.value = w.value.parentNode, V.value.observe(R.value);
|
|
826
826
|
}
|
|
827
827
|
}
|
|
828
|
-
|
|
828
|
+
nt(() => {
|
|
829
829
|
V.value && (R.value && V.value.unobserve(R.value), V.value.disconnect());
|
|
830
830
|
});
|
|
831
|
-
const
|
|
831
|
+
const x = C({
|
|
832
832
|
height: 80 * i.heightRatio,
|
|
833
833
|
width: 500,
|
|
834
834
|
chartWidth: t.value.style.chartWidth,
|
|
835
835
|
padding: i.forcedPadding
|
|
836
|
-
}),
|
|
836
|
+
}), Be = a, S = m(() => {
|
|
837
837
|
const { top: l, right: r, bottom: u, left: c } = t.value.style.padding;
|
|
838
838
|
return {
|
|
839
839
|
top: l,
|
|
840
840
|
left: c,
|
|
841
|
-
right:
|
|
842
|
-
bottom:
|
|
843
|
-
start: i.showInfo && t.value.style.dataLabel.show && t.value.style.dataLabel.position === "left" ?
|
|
844
|
-
width: i.showInfo && t.value.style.dataLabel.show ?
|
|
845
|
-
height:
|
|
841
|
+
right: x.value.width - r,
|
|
842
|
+
bottom: x.value.height - u,
|
|
843
|
+
start: i.showInfo && t.value.style.dataLabel.show && t.value.style.dataLabel.position === "left" ? x.value.width - x.value.chartWidth + c : x.value.padding + c,
|
|
844
|
+
width: i.showInfo && t.value.style.dataLabel.show ? x.value.chartWidth - c - r : x.value.width - x.value.padding - c - r,
|
|
845
|
+
height: x.value.height - l - u
|
|
846
846
|
};
|
|
847
|
-
}),
|
|
848
|
-
const l =
|
|
847
|
+
}), We = m(() => [null, void 0].includes(t.value.style.scaleMin) ? Math.min(...I.value.map((l) => isNaN(l.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(l.value) ? 0 : l.value || 0)) : t.value.style.scaleMin), Ct = m(() => [null, void 0].includes(t.value.style.scaleMax) ? Math.max(...I.value.map((l) => isNaN(l.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(l.value) ? 0 : l.value || 0)) : t.value.style.scaleMax), Ae = m(() => {
|
|
848
|
+
const l = We.value >= 0 ? 0 : We.value;
|
|
849
849
|
return Math.abs(l);
|
|
850
|
-
}),
|
|
851
|
-
function
|
|
852
|
-
return isNaN(l /
|
|
850
|
+
}), dt = m(() => Ct.value + Ae.value), ye = m(() => S.value.bottom - S.value.height * Oe(Ae.value));
|
|
851
|
+
function Oe(l) {
|
|
852
|
+
return isNaN(l / dt.value) ? 0 : l / dt.value;
|
|
853
853
|
}
|
|
854
|
-
const
|
|
855
|
-
let
|
|
856
|
-
|
|
857
|
-
const l = ++
|
|
854
|
+
const me = m(() => W.value.length - 1 || 1), Se = C([]);
|
|
855
|
+
let ct = 0;
|
|
856
|
+
Dt(() => {
|
|
857
|
+
const l = ++ct;
|
|
858
858
|
(async () => {
|
|
859
|
-
const r = await
|
|
859
|
+
const r = await ea({
|
|
860
860
|
values: W.value.map((u) => u.period),
|
|
861
861
|
maxDatapoints: W.value.length,
|
|
862
862
|
formatter: t.value.style.dataLabel.datetimeFormatter,
|
|
863
863
|
start: 0,
|
|
864
864
|
end: W.value.length
|
|
865
865
|
});
|
|
866
|
-
l ===
|
|
866
|
+
l === ct && (Se.value = r);
|
|
867
867
|
})();
|
|
868
868
|
});
|
|
869
869
|
const g = m(() => I.value.map((l, r) => {
|
|
870
|
-
const u = isNaN(l.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(l.value) ? 0 : l.value || 0, c = S.value.width /
|
|
870
|
+
const u = isNaN(l.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(l.value) ? 0 : l.value || 0, c = S.value.width / me.value;
|
|
871
871
|
return {
|
|
872
872
|
absoluteValue: u,
|
|
873
|
-
period:
|
|
874
|
-
plotValue: u +
|
|
875
|
-
toMax:
|
|
873
|
+
period: Se.value && Se.value[r] && Se.value[r].text ? Se.value[r].text : l.period,
|
|
874
|
+
plotValue: u + Ae.value,
|
|
875
|
+
toMax: Oe(u + Ae.value),
|
|
876
876
|
x: S.value.start + r * c,
|
|
877
|
-
y: S.value.bottom - S.value.height *
|
|
877
|
+
y: S.value.bottom - S.value.height * Oe(u + Ae.value),
|
|
878
878
|
id: `plot_${h.value}_${r}`,
|
|
879
|
-
color: H.value ? t.value.style.bar.color : t.value.style.area.useGradient ?
|
|
879
|
+
color: H.value ? t.value.style.bar.color : t.value.style.area.useGradient ? Ve(t.value.style.line.color, 0.05 * (1 - r / me.value)) : t.value.style.line.color,
|
|
880
880
|
width: c
|
|
881
881
|
};
|
|
882
|
-
})),
|
|
883
|
-
const l = { x: g.value[0].x || 0, y: (
|
|
882
|
+
})), Lt = m(() => {
|
|
883
|
+
const l = { x: g.value[0].x || 0, y: (x.value.height || 0) - 6 }, r = { x: g.value[g.value.length - 1].x || 0, y: (x.value.height || 0) - 6 }, u = [];
|
|
884
884
|
return g.value.forEach((c) => {
|
|
885
885
|
u.push(`${c.x || 0},${c.y || 0} `);
|
|
886
886
|
}), [l.x, l.y, ...u, r.x, r.y].toString();
|
|
887
|
-
}), $ = C(void 0),
|
|
888
|
-
function
|
|
889
|
-
t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: l, seriesIndex: r }), q.value = r, $.value = l,
|
|
887
|
+
}), $ = C(void 0), ae = C(void 0);
|
|
888
|
+
function De(l, r) {
|
|
889
|
+
t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: l, seriesIndex: r }), q.value = r, $.value = l, ae.value || (ae.value = l), Be("hoverIndex", { index: r });
|
|
890
890
|
}
|
|
891
|
-
function
|
|
892
|
-
t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: l, seriesIndex: r }),
|
|
891
|
+
function Pt(l, r) {
|
|
892
|
+
t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: l, seriesIndex: r }), ae.value = $.value, $.value = void 0, q.value = null, Be("hoverIndex", { index: void 0 });
|
|
893
893
|
}
|
|
894
|
-
const
|
|
895
|
-
if (
|
|
894
|
+
const le = m(() => {
|
|
895
|
+
if (M.value) {
|
|
896
896
|
const l = g.value.map((u) => u.absoluteValue), r = l.reduce((u, c) => u + c, 0);
|
|
897
897
|
return {
|
|
898
898
|
latest: g.value[g.value.length - 1] ? g.value[g.value.length - 1].absoluteValue : 0,
|
|
899
899
|
sum: r,
|
|
900
900
|
average: r / g.value.length,
|
|
901
|
-
median:
|
|
902
|
-
trend:
|
|
901
|
+
median: Ot(l),
|
|
902
|
+
trend: Wt(g.value.map(({ x: u, y: c, absoluteValue: b }) => ({
|
|
903
903
|
x: u,
|
|
904
904
|
y: c,
|
|
905
|
-
value:
|
|
905
|
+
value: b
|
|
906
906
|
}))).trend
|
|
907
907
|
};
|
|
908
908
|
} else
|
|
@@ -913,136 +913,137 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
913
913
|
median: null,
|
|
914
914
|
trend: null
|
|
915
915
|
};
|
|
916
|
-
}),
|
|
917
|
-
function
|
|
918
|
-
t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: l, seriesIndex: r }),
|
|
916
|
+
}), vt = m(() => M.value ? t.value.style.dataLabel.valueType === "latest" ? le.value.latest : t.value.style.dataLabel.valueType === "sum" ? le.value.sum : t.value.style.dataLabel.valueType === "average" ? le.value.average : 0 : 0), H = m(() => t.value.type && t.value.type === "bar");
|
|
917
|
+
function _t(l, r) {
|
|
918
|
+
t.value.events.datapointClick && t.value.events.datapointClick({ datapoint: l, seriesIndex: r }), Be("selectDatapoint", { datapoint: l, index: r });
|
|
919
919
|
}
|
|
920
|
-
const
|
|
920
|
+
const ht = m(() => H.value || !t.value.gradientPath.show || t.value.temperatureColors.show ? "" : `M ${(t.value.style.line.smooth ? He(g.value) : kt(g.value)) || "0,0"}`), ce = m(() => !t.value.temperatureColors.show || t.value.temperatureColors.colors.length === 0 ? null : t.value.temperatureColors.colors.map((l) => zt(l)));
|
|
921
921
|
z(
|
|
922
922
|
() => [
|
|
923
|
-
|
|
924
|
-
|
|
923
|
+
$e.value,
|
|
924
|
+
de.value,
|
|
925
925
|
g.value.length,
|
|
926
|
-
|
|
927
|
-
|
|
926
|
+
x.value.width,
|
|
927
|
+
x.value.height,
|
|
928
928
|
t.value?.style?.line?.smooth
|
|
929
929
|
],
|
|
930
930
|
async () => {
|
|
931
|
-
await
|
|
931
|
+
await J(), Y();
|
|
932
932
|
},
|
|
933
933
|
{ immediate: !0 }
|
|
934
|
-
),
|
|
935
|
-
await
|
|
934
|
+
), gt(async () => {
|
|
935
|
+
await J(), Y();
|
|
936
936
|
}), z(
|
|
937
937
|
() => D.value,
|
|
938
938
|
async (l) => {
|
|
939
|
-
l || await
|
|
939
|
+
l || await ot();
|
|
940
940
|
}
|
|
941
941
|
), z(
|
|
942
942
|
() => E.value,
|
|
943
943
|
async (l) => {
|
|
944
|
-
l || D.value || await
|
|
944
|
+
l || D.value || await ot();
|
|
945
945
|
}
|
|
946
946
|
), z(
|
|
947
947
|
() => i.selectedIndex,
|
|
948
948
|
(l) => {
|
|
949
949
|
if (l == null || l < 0 || l >= g.value.length) return;
|
|
950
950
|
const r = g.value[l];
|
|
951
|
-
r && (q.value = l,
|
|
951
|
+
r && (q.value = l, De(r, l));
|
|
952
952
|
}
|
|
953
953
|
);
|
|
954
|
-
const
|
|
955
|
-
function _t() {
|
|
956
|
-
q.value = null, $.value || Be(g.value.at(-1), g.value.length - 1), We.value = !0;
|
|
957
|
-
}
|
|
954
|
+
const ze = C(!1);
|
|
958
955
|
function Nt() {
|
|
959
|
-
q.value = null,
|
|
956
|
+
q.value = null, $.value || De(g.value.at(-1), g.value.length - 1), ze.value = !0;
|
|
960
957
|
}
|
|
961
|
-
function Tt(
|
|
958
|
+
function Tt() {
|
|
959
|
+
q.value = null, ae.value = $.value, $.value = void 0, Be("hoverIndex", { index: void 0 }), ze.value = !1;
|
|
960
|
+
}
|
|
961
|
+
function It(l) {
|
|
962
962
|
if (!j.value || document.activeElement !== j.value) return;
|
|
963
|
-
|
|
963
|
+
ae.value = $.value;
|
|
964
964
|
const r = l.key === "ArrowLeft", u = l.key === "ArrowRight";
|
|
965
965
|
if (!r && !u) return;
|
|
966
966
|
const c = g.value.length;
|
|
967
967
|
if (!c) return;
|
|
968
968
|
l.preventDefault(), l.stopPropagation();
|
|
969
|
-
let
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
969
|
+
let b = q.value;
|
|
970
|
+
const Ye = b !== null && b >= 0 && b < c, Z = $.value ? g.value.findIndex((Rt) => Rt.id === $.value.id) : -1, Ee = Z !== null && Z >= 0 && Z < c;
|
|
971
|
+
Ye ? u ? (b += 1, b >= c && (b = 0)) : r && (b -= 1, b < 0 && (b = c - 1)) : Ee ? (b = u ? Z + 1 : Z - 1, b >= c && (b = 0), b < 0 && (b = c - 1)) : u ? b = 0 : b = c - 1;
|
|
972
|
+
const Fe = g.value[b];
|
|
973
|
+
Fe && (q.value = b, De(Fe, b));
|
|
973
974
|
}
|
|
974
|
-
const
|
|
975
|
+
const je = m(() => {
|
|
975
976
|
const l = [
|
|
976
977
|
t.value.translations.period,
|
|
977
978
|
t.value.translations.value
|
|
978
979
|
], r = g.value.map((u) => [u.period, u.absoluteValue]);
|
|
979
980
|
return { headers: l, rows: r };
|
|
980
981
|
});
|
|
981
|
-
return (l, r) => (f(),
|
|
982
|
+
return (l, r) => (f(), k("div", {
|
|
982
983
|
ref_key: "sparklineChart",
|
|
983
|
-
ref:
|
|
984
|
+
ref: w,
|
|
984
985
|
class: "vue-data-ui-component vue-ui-sparkline",
|
|
985
986
|
id: h.value,
|
|
986
|
-
style:
|
|
987
|
+
style: ne(`width:100%;font-family:${t.value.style.fontFamily};`)
|
|
987
988
|
}, [
|
|
988
989
|
A("p", {
|
|
989
990
|
id: `chart-instructions-${h.value}`,
|
|
990
991
|
class: "sr-only"
|
|
991
|
-
},
|
|
992
|
-
|
|
992
|
+
}, Ce(t.value.a11y.translations.keyboardNavigation), 9, Ea),
|
|
993
|
+
je.value?.rows?.length ? (f(), Le(na, {
|
|
993
994
|
key: 0,
|
|
994
995
|
uid: h.value,
|
|
995
|
-
head:
|
|
996
|
-
body:
|
|
996
|
+
head: je.value.headers,
|
|
997
|
+
body: je.value.rows,
|
|
997
998
|
notice: t.value.a11y.translations.tableAvailable,
|
|
998
999
|
caption: t.value.a11y.translations.tableCaption
|
|
999
1000
|
}, null, 8, ["uid", "head", "body", "notice", "caption"])) : L("", !0),
|
|
1000
|
-
|
|
1001
|
+
ve(l.$slots, "before", Xe(Ke({
|
|
1001
1002
|
selected: $.value,
|
|
1002
|
-
latest:
|
|
1003
|
-
sum:
|
|
1004
|
-
average:
|
|
1005
|
-
median:
|
|
1006
|
-
trend:
|
|
1003
|
+
latest: le.value.latest,
|
|
1004
|
+
sum: le.value.sum,
|
|
1005
|
+
average: le.value.average,
|
|
1006
|
+
median: le.value.median,
|
|
1007
|
+
trend: le.value.trend
|
|
1007
1008
|
})), void 0, !0),
|
|
1008
|
-
t.value.style.title.show && e.showInfo ? (f(),
|
|
1009
|
+
t.value.style.title.show && e.showInfo ? (f(), k("div", {
|
|
1009
1010
|
key: 1,
|
|
1010
1011
|
ref_key: "chartTitle",
|
|
1011
1012
|
ref: P,
|
|
1012
1013
|
class: "vue-ui-sparkline-title",
|
|
1013
|
-
style:
|
|
1014
|
+
style: ne(`display:flex;align-items:center;width:100%;color:${t.value.style.title.color};background:${t.value.style.backgroundColor};justify-content:${t.value.style.title.textAlign === "left" ? "flex-start" : t.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${t.value.style.title.fontSize * 2}px;font-size:${t.value.style.title.fontSize}px;font-weight:${t.value.style.title.bold ? "bold" : "normal"};`)
|
|
1014
1015
|
}, [
|
|
1015
1016
|
A("span", {
|
|
1016
|
-
style:
|
|
1017
|
-
},
|
|
1017
|
+
style: ne(`padding:${t.value.style.title.textAlign === "left" ? "0 0 0 12px" : t.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`)
|
|
1018
|
+
}, Ce($.value ? $.value.period : t.value.style.title.text), 5)
|
|
1018
1019
|
], 4)) : L("", !0),
|
|
1019
|
-
A("div",
|
|
1020
|
-
(f(),
|
|
1020
|
+
A("div", Fa, [
|
|
1021
|
+
(f(), k("svg", {
|
|
1021
1022
|
ref_key: "svgRef",
|
|
1022
1023
|
ref: j,
|
|
1023
|
-
xmlns: y(
|
|
1024
|
-
viewBox: `0 0 ${
|
|
1025
|
-
style:
|
|
1024
|
+
xmlns: y(jt),
|
|
1025
|
+
viewBox: `0 0 ${x.value.width} ${x.value.height}`,
|
|
1026
|
+
style: ne(`background:${t.value.style.backgroundColor};overflow:visible;direction:ltr`),
|
|
1026
1027
|
tabindex: "0",
|
|
1027
1028
|
"aria-describedby": `chart-instructions-${h.value}`,
|
|
1028
|
-
onMouseleave: r[0] || (r[0] = (u) =>
|
|
1029
|
-
onFocus:
|
|
1030
|
-
onBlur:
|
|
1031
|
-
onKeydown:
|
|
1029
|
+
onMouseleave: r[0] || (r[0] = (u) => ae.value = void 0),
|
|
1030
|
+
onFocus: Nt,
|
|
1031
|
+
onBlur: Tt,
|
|
1032
|
+
onKeydown: It
|
|
1032
1033
|
}, [
|
|
1033
|
-
|
|
1034
|
-
l.$slots["chart-background"] ? (f(),
|
|
1034
|
+
Et(y(n)),
|
|
1035
|
+
l.$slots["chart-background"] ? (f(), k("foreignObject", {
|
|
1035
1036
|
key: 0,
|
|
1036
1037
|
x: 0,
|
|
1037
1038
|
y: 0,
|
|
1038
|
-
width:
|
|
1039
|
-
height:
|
|
1039
|
+
width: x.value.width <= 0 ? 10 : x.value.width,
|
|
1040
|
+
height: x.value.height <= 0 ? 10 : x.value.height,
|
|
1040
1041
|
style: {
|
|
1041
1042
|
pointerEvents: "none"
|
|
1042
1043
|
}
|
|
1043
1044
|
}, [
|
|
1044
|
-
|
|
1045
|
-
], 8,
|
|
1045
|
+
ve(l.$slots, "chart-background", {}, void 0, !0)
|
|
1046
|
+
], 8, qa)) : L("", !0),
|
|
1046
1047
|
A("defs", null, [
|
|
1047
1048
|
A("linearGradient", {
|
|
1048
1049
|
x1: "0%",
|
|
@@ -1053,13 +1054,13 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
1053
1054
|
}, [
|
|
1054
1055
|
A("stop", {
|
|
1055
1056
|
offset: "0%",
|
|
1056
|
-
"stop-color": y(
|
|
1057
|
-
}, null, 8,
|
|
1057
|
+
"stop-color": y(qe)(y(Ve)(t.value.style.area.color, 0.05), t.value.style.area.opacity)
|
|
1058
|
+
}, null, 8, Wa),
|
|
1058
1059
|
A("stop", {
|
|
1059
1060
|
offset: "100%",
|
|
1060
|
-
"stop-color": y(
|
|
1061
|
-
}, null, 8,
|
|
1062
|
-
], 8,
|
|
1061
|
+
"stop-color": y(qe)(t.value.style.area.color, t.value.style.area.opacity)
|
|
1062
|
+
}, null, 8, Oa)
|
|
1063
|
+
], 8, Ga),
|
|
1063
1064
|
A("linearGradient", {
|
|
1064
1065
|
x2: "0%",
|
|
1065
1066
|
y2: "100%",
|
|
@@ -1068,12 +1069,12 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
1068
1069
|
A("stop", {
|
|
1069
1070
|
offset: "0%",
|
|
1070
1071
|
"stop-color": t.value.style.bar.color
|
|
1071
|
-
}, null, 8,
|
|
1072
|
+
}, null, 8, ja),
|
|
1072
1073
|
A("stop", {
|
|
1073
1074
|
offset: "100%",
|
|
1074
|
-
"stop-color": y(
|
|
1075
|
-
}, null, 8,
|
|
1076
|
-
], 8,
|
|
1075
|
+
"stop-color": y(Ve)(t.value.style.bar.color, 0.05)
|
|
1076
|
+
}, null, 8, Ya)
|
|
1077
|
+
], 8, za),
|
|
1077
1078
|
A("linearGradient", {
|
|
1078
1079
|
x2: "0%",
|
|
1079
1080
|
y2: "100%",
|
|
@@ -1081,13 +1082,13 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
1081
1082
|
}, [
|
|
1082
1083
|
A("stop", {
|
|
1083
1084
|
offset: "0%",
|
|
1084
|
-
"stop-color": y(
|
|
1085
|
-
}, null, 8,
|
|
1085
|
+
"stop-color": y(Ve)(t.value.style.bar.color, 0.05)
|
|
1086
|
+
}, null, 8, Ka),
|
|
1086
1087
|
A("stop", {
|
|
1087
1088
|
offset: "100%",
|
|
1088
1089
|
"stop-color": t.value.style.bar.color
|
|
1089
|
-
}, null, 8,
|
|
1090
|
-
], 8,
|
|
1090
|
+
}, null, 8, Ua)
|
|
1091
|
+
], 8, Xa),
|
|
1091
1092
|
A("filter", {
|
|
1092
1093
|
id: `sparkline_pulse_glow_${h.value}`,
|
|
1093
1094
|
filterUnits: "userSpaceOnUse",
|
|
@@ -1105,109 +1106,109 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
1105
1106
|
A("feMergeNode", { in: "blur" }),
|
|
1106
1107
|
A("feMergeNode", { in: "SourceGraphic" })
|
|
1107
1108
|
], -1)
|
|
1108
|
-
])], 8,
|
|
1109
|
-
t.value.temperatureColors.show &&
|
|
1109
|
+
])], 8, Ha),
|
|
1110
|
+
t.value.temperatureColors.show && ce.value ? (f(), k("linearGradient", {
|
|
1110
1111
|
key: 0,
|
|
1111
1112
|
id: `temperature_grad_sparkline_${h.value}`,
|
|
1112
1113
|
gradientTransform: "rotate(90)"
|
|
1113
1114
|
}, [
|
|
1114
|
-
(f(!0),
|
|
1115
|
+
(f(!0), k(we, null, Pe(ce.value, (u, c) => (f(), k("stop", {
|
|
1115
1116
|
key: `temperature_grad_stop_${c}_${h.value}`,
|
|
1116
1117
|
"stop-color": u,
|
|
1117
|
-
offset: y(
|
|
1118
|
-
}, null, 8,
|
|
1119
|
-
], 8,
|
|
1118
|
+
offset: y(Yt)(c, ce.value.length)
|
|
1119
|
+
}, null, 8, Ja))), 128))
|
|
1120
|
+
], 8, Za)) : L("", !0)
|
|
1120
1121
|
]),
|
|
1121
|
-
t.value.style.area.show && !H.value && g.value[0] && g.value.length > 1 ? (f(),
|
|
1122
|
-
t.value.style.line.smooth ? (f(),
|
|
1122
|
+
t.value.style.area.show && !H.value && g.value[0] && g.value.length > 1 ? (f(), k("g", Qa, [
|
|
1123
|
+
t.value.style.line.smooth ? (f(), k("path", {
|
|
1123
1124
|
key: 0,
|
|
1124
1125
|
class: "vue-ui-sparkline-area",
|
|
1125
|
-
d: `M ${g.value[0].x},${S.value.bottom} ${y(
|
|
1126
|
-
fill: t.value.style.area.useGradient ? `url(#sparkline_gradient_${h.value})` : y(
|
|
1126
|
+
d: `M ${g.value[0].x},${S.value.bottom} ${y(He)(g.value)} L ${g.value.at(-1).x},${S.value.bottom} Z`,
|
|
1127
|
+
fill: t.value.style.area.useGradient ? `url(#sparkline_gradient_${h.value})` : y(qe)(t.value.style.area.color, t.value.style.area.opacity),
|
|
1127
1128
|
"stroke-linecap": "round",
|
|
1128
1129
|
"stroke-linejoin": "round",
|
|
1129
|
-
style:
|
|
1130
|
+
style: ne({
|
|
1130
1131
|
transition: y(D) ? void 0 : "all 0.2s"
|
|
1131
1132
|
})
|
|
1132
|
-
}, null, 12,
|
|
1133
|
+
}, null, 12, el)) : (f(), k("path", {
|
|
1133
1134
|
key: 1,
|
|
1134
1135
|
class: "vue-ui-sparkline-area",
|
|
1135
|
-
d: `M${
|
|
1136
|
-
fill: t.value.style.area.useGradient ? `url(#sparkline_gradient_${h.value})` : y(
|
|
1136
|
+
d: `M${Lt.value}Z`,
|
|
1137
|
+
fill: t.value.style.area.useGradient ? `url(#sparkline_gradient_${h.value})` : y(qe)(t.value.style.area.color, t.value.style.area.opacity),
|
|
1137
1138
|
"stroke-linecap": "round",
|
|
1138
1139
|
"stroke-linejoin": "round",
|
|
1139
|
-
style:
|
|
1140
|
+
style: ne({
|
|
1140
1141
|
transition: y(D) ? void 0 : "all 0.2s"
|
|
1141
1142
|
})
|
|
1142
|
-
}, null, 12,
|
|
1143
|
+
}, null, 12, tl))
|
|
1143
1144
|
])) : L("", !0),
|
|
1144
|
-
t.value.style.line.smooth && !H.value ? (f(),
|
|
1145
|
+
t.value.style.line.smooth && !H.value ? (f(), k("path", {
|
|
1145
1146
|
key: 2,
|
|
1146
1147
|
class: "vue-ui-sparkline-path",
|
|
1147
|
-
id:
|
|
1148
|
-
d: `M ${y(
|
|
1149
|
-
stroke:
|
|
1148
|
+
id: de.value,
|
|
1149
|
+
d: `M ${y(He)(g.value) || "0,0"}`,
|
|
1150
|
+
stroke: ce.value ? `url(#temperature_grad_sparkline_${h.value})` : t.value.style.line.color,
|
|
1150
1151
|
fill: "none",
|
|
1151
1152
|
"stroke-width": t.value.style.line.strokeWidth,
|
|
1152
1153
|
"stroke-linecap": "round",
|
|
1153
1154
|
"stroke-linejoin": "round",
|
|
1154
|
-
style:
|
|
1155
|
+
style: ne({
|
|
1155
1156
|
transition: y(D) ? void 0 : "all 0.2s"
|
|
1156
1157
|
})
|
|
1157
|
-
}, null, 12,
|
|
1158
|
-
!t.value.style.line.smooth && !H.value ? (f(),
|
|
1158
|
+
}, null, 12, al)) : L("", !0),
|
|
1159
|
+
!t.value.style.line.smooth && !H.value ? (f(), k("path", {
|
|
1159
1160
|
key: 3,
|
|
1160
1161
|
class: "vue-ui-sparkline-path",
|
|
1161
|
-
id:
|
|
1162
|
-
d: `M ${y(
|
|
1163
|
-
stroke:
|
|
1162
|
+
id: de.value,
|
|
1163
|
+
d: `M ${y(kt)(g.value) || "0,0"}`,
|
|
1164
|
+
stroke: ce.value ? `url(#temperature_grad_sparkline_${h.value})` : t.value.style.line.color,
|
|
1164
1165
|
fill: "none",
|
|
1165
1166
|
"stroke-width": t.value.style.line.strokeWidth,
|
|
1166
1167
|
"stroke-linecap": "round",
|
|
1167
1168
|
"stroke-linejoin": "round",
|
|
1168
|
-
style:
|
|
1169
|
+
style: ne({
|
|
1169
1170
|
transition: y(D) ? void 0 : "all 0.2s"
|
|
1170
1171
|
})
|
|
1171
|
-
}, null, 12,
|
|
1172
|
-
|
|
1172
|
+
}, null, 12, ll)) : L("", !0),
|
|
1173
|
+
ht.value && !ce.value ? (f(), Le(Ba, {
|
|
1173
1174
|
key: 4,
|
|
1174
|
-
svgPathData:
|
|
1175
|
-
enabled: t.value.gradientPath.show && !H.value && !
|
|
1175
|
+
svgPathData: ht.value,
|
|
1176
|
+
enabled: t.value.gradientPath.show && !H.value && !ce.value,
|
|
1176
1177
|
strokeWidth: t.value.style.line.strokeWidth,
|
|
1177
1178
|
highColor: t.value.gradientPath.colors.high,
|
|
1178
1179
|
lowColor: t.value.gradientPath.colors.low,
|
|
1179
1180
|
segments: t.value.gradientPath.segments
|
|
1180
1181
|
}, null, 8, ["svgPathData", "enabled", "strokeWidth", "highColor", "lowColor", "segments"])) : L("", !0),
|
|
1181
|
-
|
|
1182
|
+
Me.value && $e.value ? (f(), Le(pa, {
|
|
1182
1183
|
key: 5,
|
|
1183
1184
|
uid: h.value,
|
|
1184
1185
|
svgRef: y(j),
|
|
1185
|
-
pulsePathId:
|
|
1186
|
-
pulsePathLength:
|
|
1187
|
-
pulseDur:
|
|
1188
|
-
pulseBegin:
|
|
1189
|
-
pulseRepeatCount:
|
|
1190
|
-
pulseFillMode:
|
|
1191
|
-
pulseKeyPoints:
|
|
1192
|
-
pulseMotion:
|
|
1186
|
+
pulsePathId: de.value,
|
|
1187
|
+
pulsePathLength: se.value,
|
|
1188
|
+
pulseDur: _e.value,
|
|
1189
|
+
pulseBegin: Ne.value,
|
|
1190
|
+
pulseRepeatCount: Te.value,
|
|
1191
|
+
pulseFillMode: ie.value,
|
|
1192
|
+
pulseKeyPoints: he.value,
|
|
1193
|
+
pulseMotion: Ie.value,
|
|
1193
1194
|
pulse: T.value,
|
|
1194
1195
|
pulseTrail: G.value,
|
|
1195
|
-
pulseTrailLength:
|
|
1196
|
+
pulseTrailLength: fe.value,
|
|
1196
1197
|
prefersReducedMotion: y(p),
|
|
1197
1198
|
loading: y(D),
|
|
1198
1199
|
isBar: H.value
|
|
1199
1200
|
}, null, 8, ["uid", "svgRef", "pulsePathId", "pulsePathLength", "pulseDur", "pulseBegin", "pulseRepeatCount", "pulseFillMode", "pulseKeyPoints", "pulseMotion", "pulse", "pulseTrail", "pulseTrailLength", "prefersReducedMotion", "loading", "isBar"])) : L("", !0),
|
|
1200
|
-
(f(!0),
|
|
1201
|
-
H.value ? (f(),
|
|
1201
|
+
(f(!0), k(we, null, Pe(g.value, (u, c) => (f(), k("g", null, [
|
|
1202
|
+
H.value ? (f(), k("rect", {
|
|
1202
1203
|
key: 0,
|
|
1203
1204
|
x: u.x - u.width / 2,
|
|
1204
|
-
y: isNaN(u.absoluteValue > 0 ? u.y :
|
|
1205
|
+
y: isNaN(u.absoluteValue > 0 ? u.y : ye.value) ? 0 : u.absoluteValue > 0 ? u.y : ye.value,
|
|
1205
1206
|
width: u.width,
|
|
1206
|
-
height: isNaN(Math.abs(u.y -
|
|
1207
|
+
height: isNaN(Math.abs(u.y - ye.value)) ? 0 : Math.abs(u.y - ye.value),
|
|
1207
1208
|
fill: u.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${h.value})` : `url(#sparkline_bar_gradient_neg_${h.value})`,
|
|
1208
1209
|
rx: t.value.style.bar.borderRadius
|
|
1209
|
-
}, null, 8,
|
|
1210
|
-
t.value.style.verticalIndicator.show && ($.value && u.id === $.value.id || e.selectedIndex === c) ? (f(),
|
|
1210
|
+
}, null, 8, nl)) : L("", !0),
|
|
1211
|
+
t.value.style.verticalIndicator.show && ($.value && u.id === $.value.id || e.selectedIndex === c) ? (f(), k("line", {
|
|
1211
1212
|
key: 1,
|
|
1212
1213
|
x1: u.x,
|
|
1213
1214
|
x2: u.x,
|
|
@@ -1217,21 +1218,21 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
1217
1218
|
"stroke-width": t.value.style.verticalIndicator.strokeWidth,
|
|
1218
1219
|
"stroke-linecap": "round",
|
|
1219
1220
|
"stroke-dasharray": t.value.style.verticalIndicator.strokeDasharray || 0
|
|
1220
|
-
}, null, 8,
|
|
1221
|
+
}, null, 8, rl)) : L("", !0)
|
|
1221
1222
|
]))), 256)),
|
|
1222
|
-
|
|
1223
|
+
We.value < 0 ? (f(), k("line", {
|
|
1223
1224
|
key: 6,
|
|
1224
1225
|
x1: S.value.start,
|
|
1225
1226
|
x2: S.value.start + S.value.width,
|
|
1226
|
-
y1: y(
|
|
1227
|
-
y2: y(
|
|
1227
|
+
y1: y(wt)(ye.value, S.value.bottom),
|
|
1228
|
+
y2: y(wt)(ye.value, S.value.bottom),
|
|
1228
1229
|
stroke: t.value.style.zeroLine.color,
|
|
1229
1230
|
"stroke-dasharray": t.value.style.zeroLine.strokeWidth * 2,
|
|
1230
1231
|
"stroke-width": t.value.style.zeroLine.strokeWidth,
|
|
1231
1232
|
"stroke-linecap": "round"
|
|
1232
|
-
}, null, 8,
|
|
1233
|
-
t.value.style.plot.show ? (f(!0),
|
|
1234
|
-
$.value && u.id === $.value.id || e.selectedIndex === c || y(U).length === 1 ? (f(),
|
|
1233
|
+
}, null, 8, ul)) : L("", !0),
|
|
1234
|
+
t.value.style.plot.show ? (f(!0), k(we, { key: 7 }, Pe(g.value, (u, c) => (f(), k("g", null, [
|
|
1235
|
+
$.value && u.id === $.value.id || e.selectedIndex === c || y(U).length === 1 ? (f(), k("circle", {
|
|
1235
1236
|
key: 0,
|
|
1236
1237
|
cx: u.x,
|
|
1237
1238
|
cy: u.y,
|
|
@@ -1239,47 +1240,47 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
1239
1240
|
fill: u.color,
|
|
1240
1241
|
stroke: t.value.style.plot.stroke,
|
|
1241
1242
|
"stroke-width": t.value.style.plot.strokeWidth
|
|
1242
|
-
}, null, 8,
|
|
1243
|
+
}, null, 8, ol)) : L("", !0)
|
|
1243
1244
|
]))), 256)) : L("", !0),
|
|
1244
|
-
e.showInfo && t.value.style.dataLabel.show ? (f(),
|
|
1245
|
+
e.showInfo && t.value.style.dataLabel.show ? (f(), k("text", {
|
|
1245
1246
|
key: 8,
|
|
1246
1247
|
x: t.value.style.dataLabel.position === "left" ? 12 + t.value.style.dataLabel.offsetX : S.value.width + 12 + t.value.style.dataLabel.offsetX,
|
|
1247
|
-
y:
|
|
1248
|
+
y: x.value.height / 2 + t.value.style.dataLabel.fontSize / 2.5 + t.value.style.dataLabel.offsetY,
|
|
1248
1249
|
"font-size": t.value.style.dataLabel.fontSize,
|
|
1249
1250
|
"font-weight": t.value.style.dataLabel.bold ? "bold" : "normal",
|
|
1250
1251
|
fill: t.value.style.dataLabel.color
|
|
1251
|
-
},
|
|
1252
|
+
}, Ce($.value ? y(Ze)(
|
|
1252
1253
|
t.value.style.dataLabel.formatter,
|
|
1253
1254
|
$.value.absoluteValue,
|
|
1254
|
-
y(
|
|
1255
|
+
y(Je)({ p: t.value.style.dataLabel.prefix, v: $.value.absoluteValue, s: t.value.style.dataLabel.suffix, r: t.value.style.dataLabel.roundingValue }),
|
|
1255
1256
|
{ datapoint: $.value }
|
|
1256
|
-
) : y(
|
|
1257
|
+
) : y(Ze)(
|
|
1257
1258
|
t.value.style.dataLabel.formatter,
|
|
1258
|
-
|
|
1259
|
-
y(
|
|
1260
|
-
)), 9,
|
|
1261
|
-
(f(!0),
|
|
1262
|
-
x: u.x - (S.value.width / (
|
|
1259
|
+
vt.value,
|
|
1260
|
+
y(Je)({ p: t.value.style.dataLabel.prefix, v: vt.value, s: t.value.style.dataLabel.suffix, r: t.value.style.dataLabel.roundingValue })
|
|
1261
|
+
)), 9, sl)) : L("", !0),
|
|
1262
|
+
(f(!0), k(we, null, Pe(g.value, (u, c) => (f(), k("rect", {
|
|
1263
|
+
x: u.x - (S.value.width / (me.value + 1) > x.value.padding ? x.value.padding : S.value.width / (me.value + 1)) / 2,
|
|
1263
1264
|
y: S.value.top - 6,
|
|
1264
1265
|
height: S.value.height + 6,
|
|
1265
|
-
width: S.value.width / (
|
|
1266
|
+
width: S.value.width / (me.value + 1) > x.value.padding ? x.value.padding : S.value.width / (me.value + 1),
|
|
1266
1267
|
fill: "transparent",
|
|
1267
|
-
onMouseenter: () =>
|
|
1268
|
-
onMouseleave: () =>
|
|
1269
|
-
onClick: () =>
|
|
1270
|
-
}, null, 40,
|
|
1271
|
-
|
|
1272
|
-
], 44,
|
|
1273
|
-
l.$slots.hint ? (f(),
|
|
1274
|
-
|
|
1268
|
+
onMouseenter: () => De(u, c),
|
|
1269
|
+
onMouseleave: () => Pt(u, c),
|
|
1270
|
+
onClick: () => _t(u, c)
|
|
1271
|
+
}, null, 40, il))), 256)),
|
|
1272
|
+
ve(l.$slots, "svg", { svg: x.value }, void 0, !0)
|
|
1273
|
+
], 44, Va)),
|
|
1274
|
+
l.$slots.hint ? (f(), k("div", dl, [
|
|
1275
|
+
ve(l.$slots, "hint", Xe(Ke({ hint: t.value.a11y.translations.keyboardNavigation, isVisible: ze.value })), void 0, !0)
|
|
1275
1276
|
])) : L("", !0)
|
|
1276
1277
|
]),
|
|
1277
|
-
$.value && t.value.style.tooltip.show ? (f(),
|
|
1278
|
+
$.value && t.value.style.tooltip.show ? (f(), Le(y(s), {
|
|
1278
1279
|
key: 2,
|
|
1279
1280
|
x: $.value.x,
|
|
1280
1281
|
y: $.value.y,
|
|
1281
|
-
prevX:
|
|
1282
|
-
prevY:
|
|
1282
|
+
prevX: ae.value.x,
|
|
1283
|
+
prevY: ae.value.y,
|
|
1283
1284
|
offsetY: t.value.style.plot.radius * 3 + t.value.style.tooltip.offsetY,
|
|
1284
1285
|
svgRef: y(j),
|
|
1285
1286
|
background: t.value.style.tooltip.backgroundColor,
|
|
@@ -1290,12 +1291,12 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
1290
1291
|
borderRadius: t.value.style.tooltip.borderRadius,
|
|
1291
1292
|
backgroundOpacity: t.value.style.tooltip.backgroundOpacity
|
|
1292
1293
|
}, {
|
|
1293
|
-
default:
|
|
1294
|
-
|
|
1295
|
-
|
|
1294
|
+
default: Ft(() => [
|
|
1295
|
+
ve(l.$slots, "tooltip", Xe(Ke({ ...$.value })), () => [
|
|
1296
|
+
Vt(Ce($.value.period) + ": " + Ce(y(Ze)(
|
|
1296
1297
|
t.value.style.dataLabel.formatter,
|
|
1297
1298
|
$.value.absoluteValue,
|
|
1298
|
-
y(
|
|
1299
|
+
y(Je)({
|
|
1299
1300
|
p: t.value.style.dataLabel.prefix,
|
|
1300
1301
|
v: $.value.absoluteValue,
|
|
1301
1302
|
s: t.value.style.dataLabel.suffix,
|
|
@@ -1307,20 +1308,20 @@ const Ia = ["innerHTML"], Ra = {
|
|
|
1307
1308
|
]),
|
|
1308
1309
|
_: 3
|
|
1309
1310
|
}, 8, ["x", "y", "prevX", "prevY", "offsetY", "svgRef", "background", "color", "fontSize", "borderWidth", "borderColor", "borderRadius", "backgroundOpacity"])) : L("", !0),
|
|
1310
|
-
l.$slots.source ? (f(),
|
|
1311
|
+
l.$slots.source ? (f(), k("div", {
|
|
1311
1312
|
key: 3,
|
|
1312
1313
|
ref_key: "source",
|
|
1313
1314
|
ref: N,
|
|
1314
1315
|
dir: "auto"
|
|
1315
1316
|
}, [
|
|
1316
|
-
|
|
1317
|
+
ve(l.$slots, "source", {}, void 0, !0)
|
|
1317
1318
|
], 512)) : L("", !0),
|
|
1318
|
-
|
|
1319
|
-
y(D) ? (f(),
|
|
1319
|
+
ve(l.$slots, "skeleton", {}, () => [
|
|
1320
|
+
y(D) ? (f(), Le(Jt, { key: 0 })) : L("", !0)
|
|
1320
1321
|
], !0)
|
|
1321
|
-
], 12,
|
|
1322
|
+
], 12, Da));
|
|
1322
1323
|
}
|
|
1323
|
-
},
|
|
1324
|
+
}, Al = /* @__PURE__ */ ra(cl, [["__scopeId", "data-v-5d38ffad"]]);
|
|
1324
1325
|
export {
|
|
1325
|
-
|
|
1326
|
+
Al as default
|
|
1326
1327
|
};
|