@floegence/floe-webapp-core 0.75.0 → 0.76.0
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/components/ui/Charts.d.ts +8 -5
- package/dist/components/ui/Charts.js +385 -369
- package/dist/components/ui/Settings.js +78 -69
- package/dist/styles.css +1 -1
- package/dist/ui.css +29 -0
- package/package.json +1 -1
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { createComponent as $, mergeProps as te, insert as
|
|
2
|
-
import { splitProps as
|
|
1
|
+
import { createComponent as $, mergeProps as te, insert as s, effect as I, setAttribute as r, setStyleProperty as J, memo as Bt, className as Ft, use as St, template as p, delegateEvents as ee } from "solid-js/web";
|
|
2
|
+
import { splitProps as Ct, createUniqueId as Xt, createMemo as K, createSignal as Mt, createEffect as wt, onCleanup as pt, Show as Q, For as z, children as ne, untrack as qt } from "solid-js";
|
|
3
3
|
import { cn as Tt } from "../../utils/cn.js";
|
|
4
|
-
import { useResizeObserver as
|
|
5
|
-
import { computeAutoMaxXAxisLabels as
|
|
6
|
-
var It = /* @__PURE__ */
|
|
4
|
+
import { useResizeObserver as re } from "../../hooks/useResizeObserver.js";
|
|
5
|
+
import { computeAutoMaxXAxisLabels as ae } from "./chartXAxis.js";
|
|
6
|
+
var It = /* @__PURE__ */ p("<div class=chart-title>"), Et = /* @__PURE__ */ p("<svg><g class=chart-grid></svg>", !1, !0, !1), oe = /* @__PURE__ */ p("<div class=chart-legend>"), se = /* @__PURE__ */ p('<div><svg class=chart-svg preserveAspectRatio="xMidYMid meet"><defs></defs><rect fill=transparent class=chart-hover-area></rect><g class=chart-axis-labels></g><g class=chart-axis-labels>'), ie = /* @__PURE__ */ p("<svg><linearGradient x1=0% y1=0% x2=0% y2=100%><stop offset=0% style=stop-opacity:0.4></stop><stop offset=100% style=stop-opacity:0.05></svg>", !1, !0, !1), Dt = /* @__PURE__ */ p("<svg><line class=chart-grid-line></svg>", !1, !0, !1), le = /* @__PURE__ */ p("<svg><text class=chart-axis-label text-anchor=end dominant-baseline=middle></svg>", !1, !0, !1), ce = /* @__PURE__ */ p("<svg><text class=chart-axis-label></svg>", !1, !0, !1), de = /* @__PURE__ */ p("<svg><path class=chart-area></svg>", !1, !0, !1), he = /* @__PURE__ */ p("<svg><path fill=none stroke-width=2 stroke-linecap=round stroke-linejoin=round class=chart-line></svg>", !1, !0, !1), ue = /* @__PURE__ */ p("<svg><circle stroke-width=2 class=chart-point><title></svg>", !1, !0, !1), ve = /* @__PURE__ */ p("<svg><line class=chart-crosshair></svg>", !1, !0, !1), ge = /* @__PURE__ */ p("<svg><rect rx=4 class=chart-tooltip-bg></svg>", !1, !0, !1), me = /* @__PURE__ */ p("<svg><text class=chart-tooltip-label></svg>", !1, !0, !1), fe = /* @__PURE__ */ p("<svg><circle r=6 class=chart-crosshair-point></svg>", !1, !0, !1), xe = /* @__PURE__ */ p("<svg><g><circle r=4></circle><text class=chart-tooltip-value>: </svg>", !1, !0, !1), be = /* @__PURE__ */ p("<div class=chart-legend-item><div class=chart-legend-color></div><span class=chart-legend-label>"), $e = /* @__PURE__ */ p('<div><svg class=chart-svg preserveAspectRatio="xMidYMid meet"><defs></defs><g class=chart-axis-labels>'), ye = /* @__PURE__ */ p("<svg><linearGradient x1=0% y1=0% x2=0% y2=100%><stop offset=0% style=stop-opacity:1></stop><stop offset=100% style=stop-opacity:0.7></svg>", !1, !0, !1), Me = /* @__PURE__ */ p("<svg><text class=chart-bar-value text-anchor=middle></svg>", !1, !0, !1), pe = /* @__PURE__ */ p("<svg><g><rect rx=2 class=chart-bar><title></svg>", !1, !0, !1), we = /* @__PURE__ */ p("<svg><text class=chart-axis-label text-anchor=middle></svg>", !1, !0, !1), Le = /* @__PURE__ */ p("<svg><text class=chart-pie-center-label text-anchor=middle dominant-baseline=middle></svg>", !1, !0, !1), Ae = /* @__PURE__ */ p("<svg><text class=chart-pie-center-sublabel text-anchor=middle dominant-baseline=middle>Total</svg>", !1, !0, !1), _e = /* @__PURE__ */ p("<div class=chart-pie-legend>"), Ce = /* @__PURE__ */ p('<div><div class=chart-pie-wrapper><svg class="chart-svg chart-pie-svg"><defs>'), Pe = /* @__PURE__ */ p("<svg><linearGradient x1=0% y1=0% x2=100% y2=100%><stop offset=0% style=stop-opacity:1></stop><stop offset=100% style=stop-opacity:0.8></svg>", !1, !0, !1), Se = /* @__PURE__ */ p("<svg><path class=chart-pie-slice><title></svg>", !1, !0, !1), Fe = /* @__PURE__ */ p("<div class=chart-legend-item><div class=chart-legend-color></div><span class=chart-legend-label></span><span class=chart-legend-value>%"), Te = /* @__PURE__ */ p("<div class=chart-monitoring-status aria-label=Live title=Live><div class=chart-monitoring-dot aria-hidden=true></div><span aria-hidden=true>Live"), Ie = /* @__PURE__ */ p("<div class=chart-monitoring-meta>"), ke = /* @__PURE__ */ p("<div class=chart-monitoring-header><div class=chart-monitoring-heading>"), Ve = /* @__PURE__ */ p("<div>");
|
|
7
7
|
const Lt = ["var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)", "var(--chart-5)"];
|
|
8
8
|
function Vt(U) {
|
|
9
9
|
if (!(typeof U != "number" || !Number.isFinite(U)))
|
|
10
10
|
return U;
|
|
11
11
|
}
|
|
12
|
-
function
|
|
12
|
+
function Xe(U, t = 2) {
|
|
13
13
|
return Number.isFinite(U) ? U.toFixed(t).replace(/\.?0+$/, "") : String(U);
|
|
14
14
|
}
|
|
15
15
|
function zt(U) {
|
|
16
|
-
const [t] =
|
|
16
|
+
const [t] = Ct(U, ["series", "labels", "height", "showGrid", "showLegend", "showPoints", "showArea", "smooth", "animate", "variant", "class", "title", "yAxisLabel", "xAxisLabel", "yMin", "yMax", "formatYTick", "formatTooltipValue", "maxXAxisLabels"]), lt = Xt(), y = () => t.height ?? 200, ct = () => t.showGrid ?? !0, bt = () => t.showLegend ?? !0, ut = () => t.showPoints ?? !0, O = () => t.showArea ?? !1, F = () => t.smooth ?? !0, B = () => t.animate ?? !0, gt = () => t.variant ?? "default", vt = () => Vt(t.yMin), V = () => Vt(t.yMax), tt = () => t.formatYTick ?? ((n) => String(Math.round(n))), at = () => t.formatTooltipValue ?? ((n) => Xe(n, 2)), f = () => {
|
|
17
17
|
const n = Vt(t.maxXAxisLabels);
|
|
18
18
|
if (!n) return;
|
|
19
19
|
const o = Math.floor(n);
|
|
@@ -23,77 +23,77 @@ function zt(U) {
|
|
|
23
23
|
right: 20,
|
|
24
24
|
bottom: 40,
|
|
25
25
|
left: 45
|
|
26
|
-
},
|
|
26
|
+
}, C = () => y();
|
|
27
27
|
let Y;
|
|
28
|
-
const
|
|
29
|
-
const n =
|
|
28
|
+
const i = re(() => Y), d = K(() => {
|
|
29
|
+
const n = i()?.width;
|
|
30
30
|
return !n || !Number.isFinite(n) ? 400 : Math.max(240, Math.round(n));
|
|
31
|
-
}),
|
|
32
|
-
let
|
|
33
|
-
const Z = 100,
|
|
34
|
-
let
|
|
35
|
-
const
|
|
36
|
-
let
|
|
31
|
+
}), _ = () => `0 0 ${d()} ${C()}`, [v, w] = Mt(null);
|
|
32
|
+
let P;
|
|
33
|
+
const Z = 100, L = 10, X = 24, q = 10, [R, E] = Mt(Z);
|
|
34
|
+
let W;
|
|
35
|
+
const et = [];
|
|
36
|
+
let st = "", mt = null;
|
|
37
37
|
const D = (n, o) => {
|
|
38
|
-
if (!
|
|
39
|
-
mt ??=
|
|
40
|
-
const
|
|
41
|
-
if (!
|
|
42
|
-
const
|
|
38
|
+
if (!P) return null;
|
|
39
|
+
mt ??= P.createSVGPoint(), mt.x = n, mt.y = o;
|
|
40
|
+
const M = P.getScreenCTM();
|
|
41
|
+
if (!M) return null;
|
|
42
|
+
const A = mt.matrixTransform(M.inverse());
|
|
43
43
|
return {
|
|
44
|
-
x:
|
|
45
|
-
y:
|
|
44
|
+
x: A.x,
|
|
45
|
+
y: A.y
|
|
46
46
|
};
|
|
47
47
|
};
|
|
48
48
|
wt(() => {
|
|
49
49
|
const n = v();
|
|
50
50
|
if (n === null) {
|
|
51
|
-
|
|
51
|
+
st = "";
|
|
52
52
|
return;
|
|
53
53
|
}
|
|
54
|
-
const o =
|
|
55
|
-
const a =
|
|
56
|
-
return `${
|
|
57
|
-
series:
|
|
58
|
-
seriesIndex:
|
|
54
|
+
const o = at(), M = t.labels[n] ?? "", A = t.series.map((b, S) => {
|
|
55
|
+
const a = b.data[n];
|
|
56
|
+
return `${b.name}: ${o(a, {
|
|
57
|
+
series: b,
|
|
58
|
+
seriesIndex: S,
|
|
59
59
|
pointIndex: n
|
|
60
60
|
})}`;
|
|
61
|
-
}),
|
|
62
|
-
${
|
|
61
|
+
}), T = `${M}
|
|
62
|
+
${A.join(`
|
|
63
63
|
`)}`;
|
|
64
|
-
if (
|
|
65
|
-
|
|
64
|
+
if (T === st) return;
|
|
65
|
+
st = T;
|
|
66
66
|
const h = requestAnimationFrame(() => {
|
|
67
|
-
const
|
|
68
|
-
|
|
67
|
+
const b = W?.isConnected ? W.getComputedTextLength() : 0, S = et.reduce((g, u) => u?.isConnected ? Math.max(g, u.getComputedTextLength()) : g, 0), a = Math.ceil(Math.max(Z, L + b + q, X + S + q));
|
|
68
|
+
R() !== a && E(a);
|
|
69
69
|
});
|
|
70
70
|
pt(() => cancelAnimationFrame(h));
|
|
71
71
|
});
|
|
72
|
-
const
|
|
73
|
-
const n = t.series.flatMap((a) => a.data).filter((a) => Number.isFinite(a)), o = n.length > 0 ? Math.min(0, ...n) : 0,
|
|
74
|
-
let h = Number.isFinite(
|
|
75
|
-
|
|
76
|
-
const
|
|
72
|
+
const ot = K(() => {
|
|
73
|
+
const n = t.series.flatMap((a) => a.data).filter((a) => Number.isFinite(a)), o = n.length > 0 ? Math.min(0, ...n) : 0, M = n.length > 0 ? Math.max(...n) : 0, A = vt() ?? o, T = V() ?? M;
|
|
74
|
+
let h = Number.isFinite(A) ? A : 0, b = Number.isFinite(T) ? T : 0;
|
|
75
|
+
b < h && ([h, b] = [b, h]), b === h && (b = h + 1);
|
|
76
|
+
const S = b - h || 1;
|
|
77
77
|
return {
|
|
78
78
|
min: h,
|
|
79
|
-
max:
|
|
80
|
-
range:
|
|
79
|
+
max: b,
|
|
80
|
+
range: S
|
|
81
81
|
};
|
|
82
82
|
}), $t = K(() => {
|
|
83
|
-
const n =
|
|
84
|
-
return t.series.map((
|
|
85
|
-
x: e.left +
|
|
86
|
-
y:
|
|
83
|
+
const n = ot(), o = t.series[0]?.data.length ?? 0, M = (d() - e.left - e.right) / Math.max(1, o - 1), A = (y() - e.top - e.bottom) / n.range;
|
|
84
|
+
return t.series.map((T) => T.data.map((h, b) => ({
|
|
85
|
+
x: e.left + b * M,
|
|
86
|
+
y: y() - e.bottom - (h - n.min) * A,
|
|
87
87
|
value: h
|
|
88
88
|
})));
|
|
89
89
|
}), xt = K(() => {
|
|
90
90
|
const n = v();
|
|
91
91
|
if (n === null) return null;
|
|
92
|
-
const o = $t(),
|
|
93
|
-
return
|
|
92
|
+
const o = $t(), M = o[0]?.[n];
|
|
93
|
+
return M ? {
|
|
94
94
|
idx: n,
|
|
95
95
|
positions: o,
|
|
96
|
-
xPos:
|
|
96
|
+
xPos: M.x
|
|
97
97
|
} : null;
|
|
98
98
|
});
|
|
99
99
|
let dt = null, At = 0, Gt = 0, Pt = !1;
|
|
@@ -102,10 +102,10 @@ ${w.join(`
|
|
|
102
102
|
Pt = !1;
|
|
103
103
|
const n = D(At, Gt);
|
|
104
104
|
if (!n) return;
|
|
105
|
-
const o = n.x,
|
|
106
|
-
if (
|
|
107
|
-
const
|
|
108
|
-
o >= e.left && o <= d() - e.right ?
|
|
105
|
+
const o = n.x, M = t.series[0]?.data.length ?? 0;
|
|
106
|
+
if (M === 0) return;
|
|
107
|
+
const A = (d() - e.left - e.right) / Math.max(1, M - 1), T = o - e.left, h = Math.round(T / A), b = Math.max(0, Math.min(M - 1, h));
|
|
108
|
+
o >= e.left && o <= d() - e.right ? w(b) : w(null);
|
|
109
109
|
}, Ut = (n) => {
|
|
110
110
|
if (At = n.clientX, Gt = n.clientY, Pt = !0, dt === null) {
|
|
111
111
|
if (typeof requestAnimationFrame > "u") {
|
|
@@ -115,29 +115,29 @@ ${w.join(`
|
|
|
115
115
|
dt = requestAnimationFrame(Rt);
|
|
116
116
|
}
|
|
117
117
|
}, Zt = () => {
|
|
118
|
-
Pt = !1, dt !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(dt), dt = null),
|
|
118
|
+
Pt = !1, dt !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(dt), dt = null), w(null);
|
|
119
119
|
};
|
|
120
120
|
pt(() => {
|
|
121
121
|
dt !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(dt), dt = null);
|
|
122
122
|
});
|
|
123
123
|
const Nt = (n, o = !1) => {
|
|
124
124
|
if (n.length === 0) return "";
|
|
125
|
-
const
|
|
126
|
-
x: e.left +
|
|
127
|
-
y:
|
|
125
|
+
const M = ot(), A = (d() - e.left - e.right) / Math.max(1, n.length - 1), T = (y() - e.top - e.bottom) / M.range, h = n.map((b, S) => ({
|
|
126
|
+
x: e.left + S * A,
|
|
127
|
+
y: y() - e.bottom - (b - M.min) * T
|
|
128
128
|
}));
|
|
129
|
-
if (
|
|
130
|
-
let
|
|
131
|
-
for (let
|
|
132
|
-
const a = h[
|
|
133
|
-
|
|
129
|
+
if (F() && h.length > 2) {
|
|
130
|
+
let b = `M ${h[0].x},${h[0].y}`;
|
|
131
|
+
for (let S = 0; S < h.length - 1; S++) {
|
|
132
|
+
const a = h[S === 0 ? 0 : S - 1], g = h[S], u = h[S + 1], l = h[S + 2 >= h.length ? S + 1 : S + 2], x = 0.3, c = g.x + (u.x - a.x) * x, k = g.y + (u.y - a.y) * x, G = u.x - (l.x - g.x) * x, j = u.y - (l.y - g.y) * x;
|
|
133
|
+
b += ` C ${c},${k} ${G},${j} ${u.x},${u.y}`;
|
|
134
134
|
}
|
|
135
|
-
return o && (
|
|
135
|
+
return o && (b += ` L ${h[h.length - 1].x},${y() - e.bottom}`, b += ` L ${h[0].x},${y() - e.bottom} Z`), b;
|
|
136
136
|
} else {
|
|
137
|
-
let
|
|
138
|
-
for (let
|
|
139
|
-
|
|
140
|
-
return o && (
|
|
137
|
+
let b = `M ${h[0].x},${h[0].y}`;
|
|
138
|
+
for (let S = 1; S < h.length; S++)
|
|
139
|
+
b += ` L ${h[S].x},${h[S].y}`;
|
|
140
|
+
return o && (b += ` L ${h[h.length - 1].x},${y() - e.bottom}`, b += ` L ${h[0].x},${y() - e.bottom} Z`), b;
|
|
141
141
|
}
|
|
142
142
|
}, [kt, Ht] = Mt(B() ? 0 : 1);
|
|
143
143
|
wt(() => {
|
|
@@ -146,33 +146,33 @@ ${w.join(`
|
|
|
146
146
|
return;
|
|
147
147
|
}
|
|
148
148
|
let n, o;
|
|
149
|
-
const
|
|
150
|
-
n || (n =
|
|
151
|
-
const
|
|
152
|
-
Ht(h), h < 1 && (o = requestAnimationFrame(
|
|
149
|
+
const M = (A) => {
|
|
150
|
+
n || (n = A);
|
|
151
|
+
const T = A - n, h = Math.min(T / 800, 1);
|
|
152
|
+
Ht(h), h < 1 && (o = requestAnimationFrame(M));
|
|
153
153
|
};
|
|
154
|
-
o = requestAnimationFrame(
|
|
154
|
+
o = requestAnimationFrame(M), pt(() => cancelAnimationFrame(o));
|
|
155
155
|
});
|
|
156
156
|
const Ot = K(() => {
|
|
157
|
-
const n =
|
|
158
|
-
for (let
|
|
159
|
-
const
|
|
157
|
+
const n = ot(), o = 5, M = n.range / (o - 1), A = y() - e.top - e.bottom, T = y() - e.bottom, h = [];
|
|
158
|
+
for (let b = 0; b < o; b += 1) {
|
|
159
|
+
const S = n.min + M * b;
|
|
160
160
|
h.push({
|
|
161
|
-
value:
|
|
162
|
-
y:
|
|
161
|
+
value: S,
|
|
162
|
+
y: T - (S - n.min) / n.range * A
|
|
163
163
|
});
|
|
164
164
|
}
|
|
165
165
|
return h;
|
|
166
|
-
}), ft = (n, o) => o.color ?? Lt[n % Lt.length], jt = K(() =>
|
|
166
|
+
}), ft = (n, o) => o.color ?? Lt[n % Lt.length], jt = K(() => ae({
|
|
167
167
|
labels: t.labels,
|
|
168
168
|
viewBoxWidth: d(),
|
|
169
|
-
viewportWidthPx:
|
|
169
|
+
viewportWidthPx: i()?.width,
|
|
170
170
|
padding: {
|
|
171
171
|
left: e.left,
|
|
172
172
|
right: e.right
|
|
173
173
|
}
|
|
174
174
|
})), Kt = K(() => {
|
|
175
|
-
const n =
|
|
175
|
+
const n = f(), o = jt();
|
|
176
176
|
return typeof n == "number" ? Math.min(n, o ?? n) : o;
|
|
177
177
|
}), Jt = K(() => {
|
|
178
178
|
const n = t.labels.length;
|
|
@@ -181,65 +181,65 @@ ${w.join(`
|
|
|
181
181
|
if (!o || o >= n)
|
|
182
182
|
return new Set(Array.from({
|
|
183
183
|
length: n
|
|
184
|
-
}, (
|
|
184
|
+
}, (T, h) => h));
|
|
185
185
|
if (o === 1) return /* @__PURE__ */ new Set([n - 1]);
|
|
186
|
-
const
|
|
187
|
-
for (let
|
|
188
|
-
|
|
189
|
-
return
|
|
186
|
+
const M = /* @__PURE__ */ new Set(), A = Math.ceil((n - 1) / (o - 1));
|
|
187
|
+
for (let T = 0; T < n; T += A)
|
|
188
|
+
M.add(T);
|
|
189
|
+
return M.add(n - 1), M;
|
|
190
190
|
}), Qt = K(() => {
|
|
191
|
-
const n = t.labels, o = Jt(),
|
|
192
|
-
for (let
|
|
193
|
-
const
|
|
194
|
-
|
|
195
|
-
idx:
|
|
196
|
-
label:
|
|
191
|
+
const n = t.labels, o = Jt(), M = [];
|
|
192
|
+
for (let A = 0; A < n.length; A += 1) {
|
|
193
|
+
const T = n[A];
|
|
194
|
+
T && o.has(A) && M.push({
|
|
195
|
+
idx: A,
|
|
196
|
+
label: T
|
|
197
197
|
});
|
|
198
198
|
}
|
|
199
|
-
return
|
|
199
|
+
return M;
|
|
200
200
|
});
|
|
201
201
|
return (() => {
|
|
202
|
-
var n =
|
|
203
|
-
typeof
|
|
202
|
+
var n = se(), o = n.firstChild, M = o.firstChild, A = M.nextSibling, T = A.nextSibling, h = T.nextSibling, b = Y;
|
|
203
|
+
typeof b == "function" ? St(b, n) : Y = n, s(n, $(Q, {
|
|
204
204
|
get when() {
|
|
205
205
|
return t.title;
|
|
206
206
|
},
|
|
207
207
|
get children() {
|
|
208
208
|
var a = It();
|
|
209
|
-
return
|
|
209
|
+
return s(a, () => t.title), a;
|
|
210
210
|
}
|
|
211
211
|
}), o), o.addEventListener("mouseleave", Zt), o.$$mousemove = Ut;
|
|
212
|
-
var
|
|
213
|
-
return typeof
|
|
212
|
+
var S = P;
|
|
213
|
+
return typeof S == "function" ? St(S, o) : P = o, s(M, $(z, {
|
|
214
214
|
get each() {
|
|
215
215
|
return t.series;
|
|
216
216
|
},
|
|
217
217
|
children: (a, g) => (() => {
|
|
218
|
-
var u =
|
|
219
|
-
return
|
|
220
|
-
var k = `gradient-${
|
|
221
|
-
return k !==
|
|
218
|
+
var u = ie(), l = u.firstChild, x = l.nextSibling;
|
|
219
|
+
return I((c) => {
|
|
220
|
+
var k = `gradient-${lt}-${g()}`, G = ft(g(), a), j = ft(g(), a);
|
|
221
|
+
return k !== c.e && r(u, "id", c.e = k), G !== c.t && J(l, "stop-color", c.t = G), j !== c.a && J(x, "stop-color", c.a = j), c;
|
|
222
222
|
}, {
|
|
223
223
|
e: void 0,
|
|
224
224
|
t: void 0,
|
|
225
225
|
a: void 0
|
|
226
226
|
}), u;
|
|
227
227
|
})()
|
|
228
|
-
})),
|
|
228
|
+
})), s(o, $(Q, {
|
|
229
229
|
get when() {
|
|
230
|
-
return
|
|
230
|
+
return ct();
|
|
231
231
|
},
|
|
232
232
|
get children() {
|
|
233
233
|
var a = Et();
|
|
234
|
-
return
|
|
234
|
+
return s(a, $(z, {
|
|
235
235
|
get each() {
|
|
236
236
|
return Ot();
|
|
237
237
|
},
|
|
238
238
|
children: (g) => (() => {
|
|
239
239
|
var u = Dt();
|
|
240
|
-
return
|
|
241
|
-
var
|
|
242
|
-
return
|
|
240
|
+
return I((l) => {
|
|
241
|
+
var x = e.left, c = g.y, k = d() - e.right, G = g.y;
|
|
242
|
+
return x !== l.e && r(u, "x1", l.e = x), c !== l.t && r(u, "y1", l.t = c), k !== l.a && r(u, "x2", l.a = k), G !== l.o && r(u, "y2", l.o = G), l;
|
|
243
243
|
}, {
|
|
244
244
|
e: void 0,
|
|
245
245
|
t: void 0,
|
|
@@ -249,40 +249,40 @@ ${w.join(`
|
|
|
249
249
|
})()
|
|
250
250
|
})), a;
|
|
251
251
|
}
|
|
252
|
-
}),
|
|
252
|
+
}), T), s(T, $(z, {
|
|
253
253
|
get each() {
|
|
254
254
|
return Ot();
|
|
255
255
|
},
|
|
256
256
|
children: (a) => (() => {
|
|
257
|
-
var g =
|
|
258
|
-
return
|
|
259
|
-
var
|
|
260
|
-
return
|
|
257
|
+
var g = le();
|
|
258
|
+
return s(g, () => tt()(a.value)), I((u) => {
|
|
259
|
+
var l = e.left - 6, x = a.y;
|
|
260
|
+
return l !== u.e && r(g, "x", u.e = l), x !== u.t && r(g, "y", u.t = x), u;
|
|
261
261
|
}, {
|
|
262
262
|
e: void 0,
|
|
263
263
|
t: void 0
|
|
264
264
|
}), g;
|
|
265
265
|
})()
|
|
266
|
-
})),
|
|
266
|
+
})), s(h, $(z, {
|
|
267
267
|
get each() {
|
|
268
268
|
return Qt();
|
|
269
269
|
},
|
|
270
270
|
children: (a) => {
|
|
271
|
-
const g = a.idx === 0, u = a.idx === t.labels.length - 1,
|
|
271
|
+
const g = a.idx === 0, u = a.idx === t.labels.length - 1, l = g ? "start" : u ? "end" : "middle";
|
|
272
272
|
return (() => {
|
|
273
|
-
var
|
|
274
|
-
return r(
|
|
275
|
-
var k = e.left + a.idx * (d() - e.left - e.right) / Math.max(1, t.labels.length - 1),
|
|
276
|
-
return k !==
|
|
273
|
+
var x = ce();
|
|
274
|
+
return r(x, "text-anchor", l), s(x, () => a.label), I((c) => {
|
|
275
|
+
var k = e.left + a.idx * (d() - e.left - e.right) / Math.max(1, t.labels.length - 1), G = y() - e.bottom + 14;
|
|
276
|
+
return k !== c.e && r(x, "x", c.e = k), G !== c.t && r(x, "y", c.t = G), c;
|
|
277
277
|
}, {
|
|
278
278
|
e: void 0,
|
|
279
279
|
t: void 0
|
|
280
|
-
}),
|
|
280
|
+
}), x;
|
|
281
281
|
})();
|
|
282
282
|
}
|
|
283
|
-
})),
|
|
283
|
+
})), s(o, $(Q, {
|
|
284
284
|
get when() {
|
|
285
|
-
return
|
|
285
|
+
return O();
|
|
286
286
|
},
|
|
287
287
|
get children() {
|
|
288
288
|
return $(z, {
|
|
@@ -290,10 +290,10 @@ ${w.join(`
|
|
|
290
290
|
return t.series;
|
|
291
291
|
},
|
|
292
292
|
children: (a, g) => (() => {
|
|
293
|
-
var u =
|
|
294
|
-
return
|
|
295
|
-
var
|
|
296
|
-
return
|
|
293
|
+
var u = de();
|
|
294
|
+
return I((l) => {
|
|
295
|
+
var x = Nt(a.data, !0), c = gt() === "gradient" ? `url(#gradient-${lt}-${g()})` : ft(g(), a), k = gt() === "gradient" ? 1 : 0.15, G = kt();
|
|
296
|
+
return x !== l.e && r(u, "d", l.e = x), c !== l.t && r(u, "fill", l.t = c), k !== l.a && r(u, "fill-opacity", l.a = k), G !== l.o && J(u, "opacity", l.o = G), l;
|
|
297
297
|
}, {
|
|
298
298
|
e: void 0,
|
|
299
299
|
t: void 0,
|
|
@@ -303,28 +303,28 @@ ${w.join(`
|
|
|
303
303
|
})()
|
|
304
304
|
});
|
|
305
305
|
}
|
|
306
|
-
}), null),
|
|
306
|
+
}), null), s(o, $(z, {
|
|
307
307
|
get each() {
|
|
308
308
|
return t.series;
|
|
309
309
|
},
|
|
310
310
|
children: (a, g) => {
|
|
311
|
-
const u = K(() => Nt(a.data)),
|
|
311
|
+
const u = K(() => Nt(a.data)), l = K(() => u().length * 2);
|
|
312
312
|
return (() => {
|
|
313
|
-
var
|
|
314
|
-
return
|
|
315
|
-
var k = u(),
|
|
316
|
-
return k !==
|
|
313
|
+
var x = he();
|
|
314
|
+
return I((c) => {
|
|
315
|
+
var k = u(), G = ft(g(), a), j = B() ? l() : "none", m = B() ? l() * (1 - kt()) : 0;
|
|
316
|
+
return k !== c.e && r(x, "d", c.e = k), G !== c.t && r(x, "stroke", c.t = G), j !== c.a && J(x, "stroke-dasharray", c.a = j), m !== c.o && J(x, "stroke-dashoffset", c.o = m), c;
|
|
317
317
|
}, {
|
|
318
318
|
e: void 0,
|
|
319
319
|
t: void 0,
|
|
320
320
|
a: void 0,
|
|
321
321
|
o: void 0
|
|
322
|
-
}),
|
|
322
|
+
}), x;
|
|
323
323
|
})();
|
|
324
324
|
}
|
|
325
|
-
}), null),
|
|
325
|
+
}), null), s(o, $(Q, {
|
|
326
326
|
get when() {
|
|
327
|
-
return
|
|
327
|
+
return ut();
|
|
328
328
|
},
|
|
329
329
|
get children() {
|
|
330
330
|
return $(z, {
|
|
@@ -332,22 +332,22 @@ ${w.join(`
|
|
|
332
332
|
return t.series;
|
|
333
333
|
},
|
|
334
334
|
children: (a, g) => {
|
|
335
|
-
const u = K(() => (d() - e.left - e.right) / Math.max(1, a.data.length - 1)),
|
|
335
|
+
const u = K(() => (d() - e.left - e.right) / Math.max(1, a.data.length - 1)), l = K(() => (y() - e.top - e.bottom) / ot().range);
|
|
336
336
|
return $(z, {
|
|
337
337
|
get each() {
|
|
338
338
|
return a.data;
|
|
339
339
|
},
|
|
340
|
-
children: (
|
|
341
|
-
const k = () => e.left +
|
|
340
|
+
children: (x, c) => {
|
|
341
|
+
const k = () => e.left + c() * u(), G = () => y() - e.bottom - (x - ot().min) * l(), j = () => v() === c();
|
|
342
342
|
return (() => {
|
|
343
|
-
var m =
|
|
344
|
-
return
|
|
343
|
+
var m = ue(), N = m.firstChild;
|
|
344
|
+
return s(N, () => `${t.labels[c()] ?? ""}: ${at()(x, {
|
|
345
345
|
series: a,
|
|
346
346
|
seriesIndex: g(),
|
|
347
|
-
pointIndex:
|
|
348
|
-
})}`),
|
|
349
|
-
var
|
|
350
|
-
return
|
|
347
|
+
pointIndex: c()
|
|
348
|
+
})}`), I((H) => {
|
|
349
|
+
var it = k(), nt = G(), ht = j() ? 6 : 4, yt = j() ? ft(g(), a) : "var(--background)", rt = ft(g(), a), _t = kt();
|
|
350
|
+
return it !== H.e && r(m, "cx", H.e = it), nt !== H.t && r(m, "cy", H.t = nt), ht !== H.a && r(m, "r", H.a = ht), yt !== H.o && r(m, "fill", H.o = yt), rt !== H.i && r(m, "stroke", H.i = rt), _t !== H.n && J(m, "opacity", H.n = _t), H;
|
|
351
351
|
}, {
|
|
352
352
|
e: void 0,
|
|
353
353
|
t: void 0,
|
|
@@ -362,95 +362,95 @@ ${w.join(`
|
|
|
362
362
|
}
|
|
363
363
|
});
|
|
364
364
|
}
|
|
365
|
-
}), null),
|
|
365
|
+
}), null), s(o, $(Q, {
|
|
366
366
|
get when() {
|
|
367
367
|
return xt();
|
|
368
368
|
},
|
|
369
369
|
get children() {
|
|
370
370
|
return (() => {
|
|
371
|
-
const a = xt(), g = a.idx, u = a.positions,
|
|
372
|
-
let j = k ?
|
|
373
|
-
if (!k && !
|
|
374
|
-
const m = e.left,
|
|
375
|
-
j =
|
|
371
|
+
const a = xt(), g = a.idx, u = a.positions, l = a.xPos, x = 18 + t.series.length * 18, c = R(), k = l + 12 + c <= d() - e.right, G = l - 12 - c >= e.left;
|
|
372
|
+
let j = k ? l + 12 : l - c - 12;
|
|
373
|
+
if (!k && !G) {
|
|
374
|
+
const m = e.left, N = d() - e.right - c;
|
|
375
|
+
j = N > m ? Math.min(Math.max(j, m), N) : m;
|
|
376
376
|
}
|
|
377
377
|
return [(() => {
|
|
378
|
-
var m =
|
|
379
|
-
return r(m, "x1",
|
|
380
|
-
var
|
|
381
|
-
return
|
|
378
|
+
var m = ve();
|
|
379
|
+
return r(m, "x1", l), r(m, "x2", l), I((N) => {
|
|
380
|
+
var H = e.top, it = y() - e.bottom;
|
|
381
|
+
return H !== N.e && r(m, "y1", N.e = H), it !== N.t && r(m, "y2", N.t = it), N;
|
|
382
382
|
}, {
|
|
383
383
|
e: void 0,
|
|
384
384
|
t: void 0
|
|
385
385
|
}), m;
|
|
386
386
|
})(), $(z, {
|
|
387
387
|
each: u,
|
|
388
|
-
children: (m,
|
|
389
|
-
const
|
|
390
|
-
return
|
|
391
|
-
var
|
|
392
|
-
return
|
|
393
|
-
var ht =
|
|
394
|
-
return ht !==
|
|
388
|
+
children: (m, N) => {
|
|
389
|
+
const H = m[g];
|
|
390
|
+
return H ? (() => {
|
|
391
|
+
var it = fe();
|
|
392
|
+
return I((nt) => {
|
|
393
|
+
var ht = H.x, yt = H.y, rt = ft(N(), t.series[N()]);
|
|
394
|
+
return ht !== nt.e && r(it, "cx", nt.e = ht), yt !== nt.t && r(it, "cy", nt.t = yt), rt !== nt.a && r(it, "fill", nt.a = rt), nt;
|
|
395
395
|
}, {
|
|
396
396
|
e: void 0,
|
|
397
397
|
t: void 0,
|
|
398
398
|
a: void 0
|
|
399
|
-
}),
|
|
399
|
+
}), it;
|
|
400
400
|
})() : null;
|
|
401
401
|
}
|
|
402
402
|
}), (() => {
|
|
403
|
-
var m =
|
|
404
|
-
return r(m, "x", j), r(m, "width",
|
|
403
|
+
var m = ge();
|
|
404
|
+
return r(m, "x", j), r(m, "width", c), r(m, "height", x), I(() => r(m, "y", e.top)), m;
|
|
405
405
|
})(), (() => {
|
|
406
|
-
var m =
|
|
407
|
-
return typeof
|
|
406
|
+
var m = me(), N = W;
|
|
407
|
+
return typeof N == "function" ? St(N, m) : W = m, r(m, "x", j + L), s(m, () => t.labels[g]), I(() => r(m, "y", e.top + 14)), m;
|
|
408
408
|
})(), $(z, {
|
|
409
409
|
get each() {
|
|
410
410
|
return t.series;
|
|
411
411
|
},
|
|
412
|
-
children: (m,
|
|
413
|
-
const
|
|
412
|
+
children: (m, N) => {
|
|
413
|
+
const H = m.data[g];
|
|
414
414
|
return (() => {
|
|
415
|
-
var
|
|
416
|
-
return r(
|
|
417
|
-
|
|
418
|
-
}, ht), r(ht, "x", j +
|
|
415
|
+
var it = xe(), nt = it.firstChild, ht = nt.nextSibling, yt = ht.firstChild;
|
|
416
|
+
return r(nt, "cx", j + 14), St((rt) => {
|
|
417
|
+
et[N()] = rt;
|
|
418
|
+
}, ht), r(ht, "x", j + X), s(ht, () => m.name, yt), s(ht, () => at()(H, {
|
|
419
419
|
series: m,
|
|
420
|
-
seriesIndex:
|
|
420
|
+
seriesIndex: N(),
|
|
421
421
|
pointIndex: g
|
|
422
|
-
}), null),
|
|
423
|
-
var
|
|
424
|
-
return
|
|
422
|
+
}), null), I((rt) => {
|
|
423
|
+
var _t = e.top + 28 + N() * 18, Wt = ft(N(), m), Yt = e.top + 32 + N() * 18;
|
|
424
|
+
return _t !== rt.e && r(nt, "cy", rt.e = _t), Wt !== rt.t && r(nt, "fill", rt.t = Wt), Yt !== rt.a && r(ht, "y", rt.a = Yt), rt;
|
|
425
425
|
}, {
|
|
426
426
|
e: void 0,
|
|
427
427
|
t: void 0,
|
|
428
428
|
a: void 0
|
|
429
|
-
}),
|
|
429
|
+
}), it;
|
|
430
430
|
})();
|
|
431
431
|
}
|
|
432
432
|
})];
|
|
433
433
|
})();
|
|
434
434
|
}
|
|
435
|
-
}), null),
|
|
435
|
+
}), null), s(n, $(Q, {
|
|
436
436
|
get when() {
|
|
437
437
|
return Bt(() => !!bt())() && t.series.length > 1;
|
|
438
438
|
},
|
|
439
439
|
get children() {
|
|
440
|
-
var a =
|
|
441
|
-
return
|
|
440
|
+
var a = oe();
|
|
441
|
+
return s(a, $(z, {
|
|
442
442
|
get each() {
|
|
443
443
|
return t.series;
|
|
444
444
|
},
|
|
445
445
|
children: (g, u) => (() => {
|
|
446
|
-
var
|
|
447
|
-
return c
|
|
446
|
+
var l = be(), x = l.firstChild, c = x.nextSibling;
|
|
447
|
+
return s(c, () => g.name), I((k) => J(x, "background", ft(u(), g))), l;
|
|
448
448
|
})()
|
|
449
449
|
})), a;
|
|
450
450
|
}
|
|
451
|
-
}), null),
|
|
452
|
-
var g = Tt("chart-container", t.class), u =
|
|
453
|
-
return g !== a.e && Ft(n, a.e = g), u !== a.t && r(o, "viewBox", a.t = u),
|
|
451
|
+
}), null), I((a) => {
|
|
452
|
+
var g = Tt("chart-container", t.class), u = _(), l = `${y()}px`, x = e.left, c = e.top, k = d() - e.left - e.right, G = y() - e.top - e.bottom;
|
|
453
|
+
return g !== a.e && Ft(n, a.e = g), u !== a.t && r(o, "viewBox", a.t = u), l !== a.a && J(o, "height", a.a = l), x !== a.o && r(A, "x", a.o = x), c !== a.i && r(A, "y", a.i = c), k !== a.n && r(A, "width", a.n = k), G !== a.s && r(A, "height", a.s = G), a;
|
|
454
454
|
}, {
|
|
455
455
|
e: void 0,
|
|
456
456
|
t: void 0,
|
|
@@ -462,145 +462,145 @@ ${w.join(`
|
|
|
462
462
|
}), n;
|
|
463
463
|
})();
|
|
464
464
|
}
|
|
465
|
-
function
|
|
466
|
-
const [, t] =
|
|
465
|
+
function We(U) {
|
|
466
|
+
const [, t] = Ct(U, ["stacked"]);
|
|
467
467
|
return $(zt, te(t, {
|
|
468
468
|
showArea: !0,
|
|
469
469
|
smooth: !0,
|
|
470
470
|
variant: "gradient"
|
|
471
471
|
}));
|
|
472
472
|
}
|
|
473
|
-
function
|
|
474
|
-
const [t] =
|
|
473
|
+
function Ye(U) {
|
|
474
|
+
const [t] = Ct(U, ["data", "height", "showGrid", "showValues", "animate", "variant", "class", "title"]), lt = Xt(), y = () => t.height ?? 200, ct = () => t.showGrid ?? !0, bt = () => t.showValues ?? !0, ut = () => t.animate ?? !0, O = () => t.variant ?? "default", F = {
|
|
475
475
|
top: 20,
|
|
476
476
|
right: 20,
|
|
477
477
|
bottom: 40,
|
|
478
478
|
left: 45
|
|
479
|
-
}, B = 400,
|
|
480
|
-
const v = t.data.map((
|
|
479
|
+
}, B = 400, gt = () => `0 0 ${B} ${y()}`, vt = K(() => {
|
|
480
|
+
const v = t.data.map((P) => P.value).filter((P) => Number.isFinite(P)), w = v.length > 0 ? Math.max(...v) : 0;
|
|
481
481
|
return {
|
|
482
|
-
max: Math.max(
|
|
482
|
+
max: Math.max(w, 0)
|
|
483
483
|
};
|
|
484
|
-
}), [
|
|
484
|
+
}), [V, tt] = Mt(ut() ? 0 : 1);
|
|
485
485
|
wt(() => {
|
|
486
|
-
if (!
|
|
487
|
-
|
|
486
|
+
if (!ut()) {
|
|
487
|
+
tt(1);
|
|
488
488
|
return;
|
|
489
489
|
}
|
|
490
|
-
let v,
|
|
491
|
-
const
|
|
490
|
+
let v, w;
|
|
491
|
+
const P = (Z) => {
|
|
492
492
|
v || (v = Z);
|
|
493
|
-
const
|
|
494
|
-
|
|
493
|
+
const L = Z - v, X = Math.min(L / 600, 1), q = 1 - Math.pow(1 - X, 3);
|
|
494
|
+
tt(q), X < 1 && (w = requestAnimationFrame(P));
|
|
495
495
|
};
|
|
496
|
-
|
|
496
|
+
w = requestAnimationFrame(P), pt(() => cancelAnimationFrame(w));
|
|
497
497
|
});
|
|
498
|
-
const
|
|
499
|
-
const v =
|
|
498
|
+
const at = 0.3, f = () => B - F.left - F.right, e = () => Math.max(1, t.data.length), C = () => f() / e(), Y = () => C() * (1 - at), i = () => y() - F.top - F.bottom, d = () => {
|
|
499
|
+
const v = vt().max;
|
|
500
500
|
return Number.isFinite(v) && v > 0 ? v : 1;
|
|
501
|
-
},
|
|
501
|
+
}, _ = (v, w) => w.color ?? Lt[v % Lt.length];
|
|
502
502
|
return (() => {
|
|
503
|
-
var v =
|
|
504
|
-
return
|
|
503
|
+
var v = $e(), w = v.firstChild, P = w.firstChild, Z = P.nextSibling;
|
|
504
|
+
return s(v, $(Q, {
|
|
505
505
|
get when() {
|
|
506
506
|
return t.title;
|
|
507
507
|
},
|
|
508
508
|
get children() {
|
|
509
|
-
var
|
|
510
|
-
return
|
|
509
|
+
var L = It();
|
|
510
|
+
return s(L, () => t.title), L;
|
|
511
511
|
}
|
|
512
|
-
}),
|
|
512
|
+
}), w), s(P, $(z, {
|
|
513
513
|
get each() {
|
|
514
514
|
return t.data;
|
|
515
515
|
},
|
|
516
|
-
children: (
|
|
517
|
-
var q =
|
|
518
|
-
return
|
|
519
|
-
var
|
|
520
|
-
return
|
|
516
|
+
children: (L, X) => (() => {
|
|
517
|
+
var q = ye(), R = q.firstChild, E = R.nextSibling;
|
|
518
|
+
return I((W) => {
|
|
519
|
+
var et = `bar-gradient-${lt}-${X()}`, st = _(X(), L), mt = _(X(), L);
|
|
520
|
+
return et !== W.e && r(q, "id", W.e = et), st !== W.t && J(R, "stop-color", W.t = st), mt !== W.a && J(E, "stop-color", W.a = mt), W;
|
|
521
521
|
}, {
|
|
522
522
|
e: void 0,
|
|
523
523
|
t: void 0,
|
|
524
524
|
a: void 0
|
|
525
525
|
}), q;
|
|
526
526
|
})()
|
|
527
|
-
})),
|
|
527
|
+
})), s(w, $(Q, {
|
|
528
528
|
get when() {
|
|
529
|
-
return
|
|
529
|
+
return ct();
|
|
530
530
|
},
|
|
531
531
|
get children() {
|
|
532
|
-
var
|
|
533
|
-
return
|
|
532
|
+
var L = Et();
|
|
533
|
+
return s(L, $(z, {
|
|
534
534
|
each: [0.25, 0.5, 0.75, 1],
|
|
535
|
-
children: (
|
|
536
|
-
const q =
|
|
535
|
+
children: (X) => {
|
|
536
|
+
const q = y() - F.bottom - X * (y() - F.top - F.bottom);
|
|
537
537
|
return (() => {
|
|
538
|
-
var
|
|
539
|
-
return r(
|
|
540
|
-
var
|
|
541
|
-
return
|
|
538
|
+
var R = Dt();
|
|
539
|
+
return r(R, "y1", q), r(R, "y2", q), I((E) => {
|
|
540
|
+
var W = F.left, et = B - F.right;
|
|
541
|
+
return W !== E.e && r(R, "x1", E.e = W), et !== E.t && r(R, "x2", E.t = et), E;
|
|
542
542
|
}, {
|
|
543
543
|
e: void 0,
|
|
544
544
|
t: void 0
|
|
545
|
-
}),
|
|
545
|
+
}), R;
|
|
546
546
|
})();
|
|
547
547
|
}
|
|
548
|
-
})),
|
|
548
|
+
})), L;
|
|
549
549
|
}
|
|
550
|
-
}), Z),
|
|
550
|
+
}), Z), s(w, $(z, {
|
|
551
551
|
get each() {
|
|
552
552
|
return t.data;
|
|
553
553
|
},
|
|
554
|
-
children: (
|
|
555
|
-
const q = () => Number.isFinite(
|
|
554
|
+
children: (L, X) => {
|
|
555
|
+
const q = () => Number.isFinite(L.value) ? Math.max(0, L.value) : 0, R = () => F.left + X() * C() + (C() - Y()) / 2, E = () => q() / d() * i() * V(), W = () => y() - F.bottom - E();
|
|
556
556
|
return (() => {
|
|
557
|
-
var
|
|
558
|
-
return
|
|
557
|
+
var et = pe(), st = et.firstChild, mt = st.firstChild;
|
|
558
|
+
return s(mt, () => `${L.label}: ${q()}`), s(et, $(Q, {
|
|
559
559
|
get when() {
|
|
560
|
-
return Bt(() => !!bt())() &&
|
|
560
|
+
return Bt(() => !!bt())() && V() > 0.8;
|
|
561
561
|
},
|
|
562
562
|
get children() {
|
|
563
|
-
var D =
|
|
564
|
-
return
|
|
565
|
-
var $t =
|
|
566
|
-
return $t !==
|
|
563
|
+
var D = Me();
|
|
564
|
+
return s(D, q), I((ot) => {
|
|
565
|
+
var $t = R() + Y() / 2, xt = W() - 4;
|
|
566
|
+
return $t !== ot.e && r(D, "x", ot.e = $t), xt !== ot.t && r(D, "y", ot.t = xt), ot;
|
|
567
567
|
}, {
|
|
568
568
|
e: void 0,
|
|
569
569
|
t: void 0
|
|
570
570
|
}), D;
|
|
571
571
|
}
|
|
572
|
-
}), null),
|
|
573
|
-
var
|
|
574
|
-
return
|
|
572
|
+
}), null), I((D) => {
|
|
573
|
+
var ot = R(), $t = W(), xt = Y(), dt = E(), At = O() === "gradient" ? `url(#bar-gradient-${lt}-${X()})` : _(X(), L);
|
|
574
|
+
return ot !== D.e && r(st, "x", D.e = ot), $t !== D.t && r(st, "y", D.t = $t), xt !== D.a && r(st, "width", D.a = xt), dt !== D.o && r(st, "height", D.o = dt), At !== D.i && r(st, "fill", D.i = At), D;
|
|
575
575
|
}, {
|
|
576
576
|
e: void 0,
|
|
577
577
|
t: void 0,
|
|
578
578
|
a: void 0,
|
|
579
579
|
o: void 0,
|
|
580
580
|
i: void 0
|
|
581
|
-
}),
|
|
581
|
+
}), et;
|
|
582
582
|
})();
|
|
583
583
|
}
|
|
584
|
-
}), Z),
|
|
584
|
+
}), Z), s(Z, $(z, {
|
|
585
585
|
get each() {
|
|
586
586
|
return t.data;
|
|
587
587
|
},
|
|
588
|
-
children: (
|
|
589
|
-
const q = () =>
|
|
588
|
+
children: (L, X) => {
|
|
589
|
+
const q = () => F.left + X() * C() + C() / 2;
|
|
590
590
|
return (() => {
|
|
591
|
-
var
|
|
592
|
-
return
|
|
593
|
-
var
|
|
594
|
-
return
|
|
591
|
+
var R = we();
|
|
592
|
+
return s(R, () => L.label), I((E) => {
|
|
593
|
+
var W = q(), et = y() - F.bottom + 14;
|
|
594
|
+
return W !== E.e && r(R, "x", E.e = W), et !== E.t && r(R, "y", E.t = et), E;
|
|
595
595
|
}, {
|
|
596
596
|
e: void 0,
|
|
597
597
|
t: void 0
|
|
598
|
-
}),
|
|
598
|
+
}), R;
|
|
599
599
|
})();
|
|
600
600
|
}
|
|
601
|
-
})),
|
|
602
|
-
var
|
|
603
|
-
return
|
|
601
|
+
})), I((L) => {
|
|
602
|
+
var X = Tt("chart-container", t.class), q = gt(), R = `${y()}px`;
|
|
603
|
+
return X !== L.e && Ft(v, L.e = X), q !== L.t && r(w, "viewBox", L.t = q), R !== L.a && J(w, "height", L.a = R), L;
|
|
604
604
|
}, {
|
|
605
605
|
e: void 0,
|
|
606
606
|
t: void 0,
|
|
@@ -608,200 +608,216 @@ function He(U) {
|
|
|
608
608
|
}), v;
|
|
609
609
|
})();
|
|
610
610
|
}
|
|
611
|
-
function
|
|
612
|
-
const [t] =
|
|
613
|
-
let
|
|
614
|
-
return t.data.map((e,
|
|
615
|
-
const Y = e.value /
|
|
611
|
+
function qe(U) {
|
|
612
|
+
const [t] = Ct(U, ["data", "size", "innerRadius", "showLegend", "animate", "class", "title"]), lt = Xt(), y = () => t.size ?? 200, ct = () => t.innerRadius ?? 0, bt = () => t.showLegend ?? !0, ut = () => t.animate ?? !0, O = () => y() / 2, F = () => y() / 2 * 0.85, B = () => F() * ct(), gt = K(() => t.data.reduce((f, e) => f + e.value, 0)), vt = K(() => {
|
|
613
|
+
let f = -Math.PI / 2;
|
|
614
|
+
return t.data.map((e, C) => {
|
|
615
|
+
const Y = e.value / gt(), i = Y * Math.PI * 2, d = {
|
|
616
616
|
...e,
|
|
617
617
|
percentage: Y,
|
|
618
|
-
startAngle:
|
|
619
|
-
endAngle:
|
|
620
|
-
color: e.color ?? Lt[
|
|
618
|
+
startAngle: f,
|
|
619
|
+
endAngle: f + i,
|
|
620
|
+
color: e.color ?? Lt[C % Lt.length]
|
|
621
621
|
};
|
|
622
|
-
return
|
|
622
|
+
return f += i, d;
|
|
623
623
|
});
|
|
624
|
-
}), [
|
|
624
|
+
}), [V, tt] = Mt(ut() ? 0 : 1);
|
|
625
625
|
wt(() => {
|
|
626
|
-
if (!
|
|
627
|
-
|
|
626
|
+
if (!ut()) {
|
|
627
|
+
tt(1);
|
|
628
628
|
return;
|
|
629
629
|
}
|
|
630
|
-
let
|
|
631
|
-
const
|
|
632
|
-
|
|
633
|
-
const
|
|
634
|
-
|
|
630
|
+
let f, e;
|
|
631
|
+
const C = (Y) => {
|
|
632
|
+
f || (f = Y);
|
|
633
|
+
const i = Y - f, d = Math.min(i / 800, 1), _ = 1 - Math.pow(1 - d, 2);
|
|
634
|
+
tt(_), d < 1 && (e = requestAnimationFrame(C));
|
|
635
635
|
};
|
|
636
|
-
e = requestAnimationFrame(
|
|
636
|
+
e = requestAnimationFrame(C), pt(() => cancelAnimationFrame(e));
|
|
637
637
|
});
|
|
638
|
-
const
|
|
639
|
-
const
|
|
640
|
-
x:
|
|
641
|
-
y:
|
|
642
|
-
},
|
|
643
|
-
x:
|
|
644
|
-
y:
|
|
638
|
+
const at = (f, e) => {
|
|
639
|
+
const C = f + (e - f) * V(), Y = {
|
|
640
|
+
x: O() + Math.cos(f) * F(),
|
|
641
|
+
y: O() + Math.sin(f) * F()
|
|
642
|
+
}, i = {
|
|
643
|
+
x: O() + Math.cos(C) * F(),
|
|
644
|
+
y: O() + Math.sin(C) * F()
|
|
645
645
|
}, d = {
|
|
646
|
-
x:
|
|
647
|
-
y:
|
|
648
|
-
},
|
|
649
|
-
x:
|
|
650
|
-
y:
|
|
651
|
-
}, v =
|
|
652
|
-
return
|
|
646
|
+
x: O() + Math.cos(C) * B(),
|
|
647
|
+
y: O() + Math.sin(C) * B()
|
|
648
|
+
}, _ = {
|
|
649
|
+
x: O() + Math.cos(f) * B(),
|
|
650
|
+
y: O() + Math.sin(f) * B()
|
|
651
|
+
}, v = C - f > Math.PI ? 1 : 0;
|
|
652
|
+
return ct() > 0 ? `
|
|
653
653
|
M ${Y.x} ${Y.y}
|
|
654
|
-
A ${
|
|
654
|
+
A ${F()} ${F()} 0 ${v} 1 ${i.x} ${i.y}
|
|
655
655
|
L ${d.x} ${d.y}
|
|
656
|
-
A ${B()} ${B()} 0 ${v} 0 ${
|
|
656
|
+
A ${B()} ${B()} 0 ${v} 0 ${_.x} ${_.y}
|
|
657
657
|
Z
|
|
658
658
|
` : `
|
|
659
|
-
M ${
|
|
659
|
+
M ${O()} ${O()}
|
|
660
660
|
L ${Y.x} ${Y.y}
|
|
661
|
-
A ${
|
|
661
|
+
A ${F()} ${F()} 0 ${v} 1 ${i.x} ${i.y}
|
|
662
662
|
Z
|
|
663
663
|
`;
|
|
664
664
|
};
|
|
665
665
|
return (() => {
|
|
666
|
-
var
|
|
667
|
-
return
|
|
666
|
+
var f = Ce(), e = f.firstChild, C = e.firstChild, Y = C.firstChild;
|
|
667
|
+
return s(f, $(Q, {
|
|
668
668
|
get when() {
|
|
669
669
|
return t.title;
|
|
670
670
|
},
|
|
671
671
|
get children() {
|
|
672
|
-
var
|
|
673
|
-
return
|
|
672
|
+
var i = It();
|
|
673
|
+
return s(i, () => t.title), i;
|
|
674
674
|
}
|
|
675
|
-
}), e),
|
|
675
|
+
}), e), s(Y, $(z, {
|
|
676
676
|
get each() {
|
|
677
|
-
return
|
|
677
|
+
return vt();
|
|
678
678
|
},
|
|
679
|
-
children: (
|
|
680
|
-
var
|
|
681
|
-
return
|
|
682
|
-
var Z = `pie-gradient-${
|
|
683
|
-
return Z !==
|
|
679
|
+
children: (i, d) => (() => {
|
|
680
|
+
var _ = Pe(), v = _.firstChild, w = v.nextSibling;
|
|
681
|
+
return I((P) => {
|
|
682
|
+
var Z = `pie-gradient-${lt}-${d()}`, L = i.color, X = i.color;
|
|
683
|
+
return Z !== P.e && r(_, "id", P.e = Z), L !== P.t && J(v, "stop-color", P.t = L), X !== P.a && J(w, "stop-color", P.a = X), P;
|
|
684
684
|
}, {
|
|
685
685
|
e: void 0,
|
|
686
686
|
t: void 0,
|
|
687
687
|
a: void 0
|
|
688
|
-
}),
|
|
688
|
+
}), _;
|
|
689
689
|
})()
|
|
690
|
-
})),
|
|
690
|
+
})), s(C, $(z, {
|
|
691
691
|
get each() {
|
|
692
|
-
return
|
|
692
|
+
return vt();
|
|
693
693
|
},
|
|
694
|
-
children: (
|
|
695
|
-
var
|
|
696
|
-
return
|
|
697
|
-
var
|
|
698
|
-
return
|
|
694
|
+
children: (i, d) => (() => {
|
|
695
|
+
var _ = Se(), v = _.firstChild;
|
|
696
|
+
return s(v, () => `${i.label}: ${i.value} (${Math.round(i.percentage * 100)}%)`), I((w) => {
|
|
697
|
+
var P = at(i.startAngle, i.endAngle), Z = `url(#pie-gradient-${lt}-${d()})`;
|
|
698
|
+
return P !== w.e && r(_, "d", w.e = P), Z !== w.t && r(_, "fill", w.t = Z), w;
|
|
699
699
|
}, {
|
|
700
700
|
e: void 0,
|
|
701
701
|
t: void 0
|
|
702
|
-
}),
|
|
702
|
+
}), _;
|
|
703
703
|
})()
|
|
704
|
-
}), null),
|
|
704
|
+
}), null), s(C, $(Q, {
|
|
705
705
|
get when() {
|
|
706
|
-
return
|
|
706
|
+
return ct() > 0;
|
|
707
707
|
},
|
|
708
708
|
get children() {
|
|
709
709
|
return [(() => {
|
|
710
|
-
var
|
|
711
|
-
return
|
|
712
|
-
var
|
|
713
|
-
return
|
|
710
|
+
var i = Le();
|
|
711
|
+
return s(i, gt), I((d) => {
|
|
712
|
+
var _ = O(), v = O();
|
|
713
|
+
return _ !== d.e && r(i, "x", d.e = _), v !== d.t && r(i, "y", d.t = v), d;
|
|
714
714
|
}, {
|
|
715
715
|
e: void 0,
|
|
716
716
|
t: void 0
|
|
717
|
-
}),
|
|
717
|
+
}), i;
|
|
718
718
|
})(), (() => {
|
|
719
|
-
var
|
|
720
|
-
return
|
|
721
|
-
var
|
|
722
|
-
return
|
|
719
|
+
var i = Ae();
|
|
720
|
+
return I((d) => {
|
|
721
|
+
var _ = O(), v = O() + 12;
|
|
722
|
+
return _ !== d.e && r(i, "x", d.e = _), v !== d.t && r(i, "y", d.t = v), d;
|
|
723
723
|
}, {
|
|
724
724
|
e: void 0,
|
|
725
725
|
t: void 0
|
|
726
|
-
}),
|
|
726
|
+
}), i;
|
|
727
727
|
})()];
|
|
728
728
|
}
|
|
729
|
-
}), null),
|
|
729
|
+
}), null), s(e, $(Q, {
|
|
730
730
|
get when() {
|
|
731
731
|
return bt();
|
|
732
732
|
},
|
|
733
733
|
get children() {
|
|
734
|
-
var
|
|
735
|
-
return
|
|
734
|
+
var i = _e();
|
|
735
|
+
return s(i, $(z, {
|
|
736
736
|
get each() {
|
|
737
|
-
return
|
|
737
|
+
return vt();
|
|
738
738
|
},
|
|
739
739
|
children: (d) => (() => {
|
|
740
|
-
var
|
|
741
|
-
return
|
|
740
|
+
var _ = Fe(), v = _.firstChild, w = v.nextSibling, P = w.nextSibling, Z = P.firstChild;
|
|
741
|
+
return s(w, () => d.label), s(P, () => Math.round(d.percentage * 100), Z), I((L) => J(v, "background", d.color)), _;
|
|
742
742
|
})()
|
|
743
|
-
})),
|
|
743
|
+
})), i;
|
|
744
744
|
}
|
|
745
|
-
}), null),
|
|
746
|
-
var d = Tt("chart-container chart-pie-container", t.class),
|
|
747
|
-
return d !==
|
|
745
|
+
}), null), I((i) => {
|
|
746
|
+
var d = Tt("chart-container chart-pie-container", t.class), _ = `0 0 ${y()} ${y()}`, v = `${y()}px`, w = `${y()}px`;
|
|
747
|
+
return d !== i.e && Ft(f, i.e = d), _ !== i.t && r(C, "viewBox", i.t = _), v !== i.a && J(C, "width", i.a = v), w !== i.o && J(C, "height", i.o = w), i;
|
|
748
748
|
}, {
|
|
749
749
|
e: void 0,
|
|
750
750
|
t: void 0,
|
|
751
751
|
a: void 0,
|
|
752
752
|
o: void 0
|
|
753
|
-
}),
|
|
753
|
+
}), f;
|
|
754
754
|
})();
|
|
755
755
|
}
|
|
756
|
-
function
|
|
757
|
-
const [t] =
|
|
758
|
-
...
|
|
759
|
-
data: [...
|
|
760
|
-
})))), [
|
|
756
|
+
function Be(U) {
|
|
757
|
+
const [t] = Ct(U, ["series", "labels", "height", "maxPoints", "onUpdate", "updateInterval", "showGrid", "showLegend", "class", "title", "headerMeta", "realtime", "smooth", "yMin", "yMax", "formatYTick", "formatTooltipValue", "maxXAxisLabels"]), lt = () => t.maxPoints ?? 20, y = () => t.updateInterval ?? 2e3, ct = () => t.realtime ?? !1, bt = () => t.smooth ?? !0, ut = ne(() => t.headerMeta), O = () => ut.toArray().some((V) => V != null && typeof V != "boolean" && V !== ""), [F, B] = Mt(qt(() => t.series.map((V) => ({
|
|
758
|
+
...V,
|
|
759
|
+
data: [...V.data]
|
|
760
|
+
})))), [gt, vt] = Mt(qt(() => [...t.labels]));
|
|
761
761
|
return wt(() => {
|
|
762
|
-
|
|
763
|
-
...
|
|
764
|
-
data: [...
|
|
765
|
-
}))),
|
|
762
|
+
ct() || (B(t.series.map((V) => ({
|
|
763
|
+
...V,
|
|
764
|
+
data: [...V.data]
|
|
765
|
+
}))), vt([...t.labels]));
|
|
766
766
|
}), wt(() => {
|
|
767
|
-
if (!
|
|
768
|
-
const
|
|
769
|
-
const
|
|
770
|
-
|
|
771
|
-
const C = [...
|
|
772
|
-
return C.length >
|
|
773
|
-
...
|
|
767
|
+
if (!ct() || !t.onUpdate) return;
|
|
768
|
+
const V = setInterval(() => {
|
|
769
|
+
const tt = t.onUpdate();
|
|
770
|
+
tt && (B((at) => at.map((f, e) => {
|
|
771
|
+
const C = [...f.data, tt.values[e]];
|
|
772
|
+
return C.length > lt() && C.shift(), {
|
|
773
|
+
...f,
|
|
774
774
|
data: C
|
|
775
775
|
};
|
|
776
|
-
})),
|
|
777
|
-
const
|
|
778
|
-
return
|
|
776
|
+
})), vt((at) => {
|
|
777
|
+
const f = [...at, tt.label];
|
|
778
|
+
return f.length > lt() && f.shift(), f;
|
|
779
779
|
}));
|
|
780
|
-
},
|
|
781
|
-
pt(() => clearInterval(
|
|
780
|
+
}, y());
|
|
781
|
+
pt(() => clearInterval(V));
|
|
782
782
|
}), (() => {
|
|
783
|
-
var
|
|
784
|
-
return
|
|
783
|
+
var V = Ve();
|
|
784
|
+
return s(V, $(Q, {
|
|
785
785
|
get when() {
|
|
786
|
-
return t.title;
|
|
786
|
+
return t.title || ct() || O();
|
|
787
787
|
},
|
|
788
788
|
get children() {
|
|
789
|
-
var
|
|
790
|
-
return
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
789
|
+
var tt = ke(), at = tt.firstChild;
|
|
790
|
+
return s(at, $(Q, {
|
|
791
|
+
get when() {
|
|
792
|
+
return t.title;
|
|
793
|
+
},
|
|
794
|
+
get children() {
|
|
795
|
+
var f = It();
|
|
796
|
+
return s(f, () => t.title), f;
|
|
797
|
+
}
|
|
798
|
+
}), null), s(at, $(Q, {
|
|
799
|
+
get when() {
|
|
800
|
+
return ct();
|
|
801
|
+
},
|
|
802
|
+
get children() {
|
|
803
|
+
return Te();
|
|
804
|
+
}
|
|
805
|
+
}), null), s(tt, $(Q, {
|
|
806
|
+
get when() {
|
|
807
|
+
return O();
|
|
808
|
+
},
|
|
809
|
+
get children() {
|
|
810
|
+
var f = Ie();
|
|
811
|
+
return s(f, ut), f;
|
|
812
|
+
}
|
|
813
|
+
}), null), tt;
|
|
798
814
|
}
|
|
799
|
-
}), null),
|
|
815
|
+
}), null), s(V, $(zt, {
|
|
800
816
|
get series() {
|
|
801
|
-
return
|
|
817
|
+
return F();
|
|
802
818
|
},
|
|
803
819
|
get labels() {
|
|
804
|
-
return
|
|
820
|
+
return gt();
|
|
805
821
|
},
|
|
806
822
|
get height() {
|
|
807
823
|
return t.height;
|
|
@@ -834,14 +850,14 @@ function We(U) {
|
|
|
834
850
|
get maxXAxisLabels() {
|
|
835
851
|
return t.maxXAxisLabels;
|
|
836
852
|
}
|
|
837
|
-
}), null),
|
|
853
|
+
}), null), I(() => Ft(V, Tt("chart-monitoring", t.class))), V;
|
|
838
854
|
})();
|
|
839
855
|
}
|
|
840
856
|
ee(["mousemove"]);
|
|
841
857
|
export {
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
858
|
+
We as AreaChart,
|
|
859
|
+
Ye as DataBarChart,
|
|
860
|
+
qe as DataPieChart,
|
|
845
861
|
zt as LineChart,
|
|
846
|
-
|
|
862
|
+
Be as MonitoringChart
|
|
847
863
|
};
|