@dcs-tech/ui 0.4.0 → 0.6.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/ChartImageMenu-CuuFnW9q.js +1481 -0
- package/dist/{ChartView-Cehrcr05.js → ChartView-nS4f4EU_.js} +514 -514
- package/dist/{SummaryChart-y27q_BBN.js → SummaryChart-CVg6i2mx.js} +2 -2
- package/dist/{SummaryImage-DDNEEu_K.js → SummaryImage-CoEFzMl6.js} +2 -2
- package/dist/{SummarySeeAll-0dX-_LFe.js → SummarySeeAll-C_OUs3kn.js} +5 -5
- package/dist/assets/fileTask.worker-FQSUtwcz.js +1 -0
- package/dist/columnValue-K98ElfJc.js +610 -0
- package/dist/exportContext-CJaIv8R-.js +166 -0
- package/dist/{exportEngine-DL-jEXFU.js → exportEngine-CDLYHH0d.js} +137 -133
- package/dist/fileActions-KSaVGnaE.js +144 -0
- package/dist/{geometry-CG2nOEnw.js → geometry-ChwYB45B.js} +433 -497
- package/dist/index.js +8572 -8435
- package/dist/{defaults-DL745PK1.js → labels-CnqqTrne.js} +3 -79
- package/dist/runFileTask-BClLQjmv.js +109 -0
- package/dist/scrollArea-DAlVT5U7.js +214 -0
- package/dist/style.css +1 -1
- package/dist/{summaryChartData-Djo73zb8.js → summaryChartData-pNvzaEHp.js} +1 -1
- package/dist/types/components/Charts/parts.d.ts +1 -1
- package/dist/types/components/Collapsible/index.d.ts +1 -1
- package/dist/types/components/DataTable/DataTable.d.ts +1 -1
- package/dist/types/components/DataTable/cards/cardFields.d.ts +2 -4
- package/dist/types/components/DataTable/columnValue.d.ts +19 -0
- package/dist/types/components/DataTable/export/exportCells.d.ts +13 -0
- package/dist/types/components/DataTable/export/exportEngine.d.ts +2 -0
- package/dist/types/components/DataTable/export/useTableExport.d.ts +2 -0
- package/dist/types/components/DataTable/host.d.ts +2 -0
- package/dist/types/components/DataTable/index.d.ts +1 -1
- package/dist/types/components/DataTable/labels.d.ts +2 -0
- package/dist/types/components/DataTable/types.d.ts +11 -0
- package/dist/types/components/DataTable/useTable.d.ts +4 -1
- package/dist/types/components/DataTable/vendor/index.d.ts +1 -1
- package/dist/types/components/EditableTable/EditableTableCell.d.ts +1 -1
- package/dist/types/components/FileEngine/FileEngineContext.d.ts +17 -0
- package/dist/types/components/FileEngine/FileEngineProvider.d.ts +12 -0
- package/dist/types/components/FileEngine/FileJobsTray.d.ts +10 -0
- package/dist/types/components/FileEngine/index.d.ts +8 -0
- package/dist/types/components/FileEngine/labels.d.ts +29 -0
- package/dist/types/components/Toast/ToastHost.d.ts +1 -0
- package/dist/types/components/UIProvider/UIFormatContext.d.ts +7 -0
- package/dist/types/components/UIProvider/UILabelsContext.d.ts +116 -0
- package/dist/types/components/UIProvider/UIProvider.d.ts +6 -1
- package/dist/types/components/UIProvider/index.d.ts +4 -0
- package/dist/types/core/logic/collapsible.logic.d.ts +6 -1
- package/dist/types/core/logic/datePicker.logic.d.ts +5 -0
- package/dist/types/core/logic/exportSafety.logic.d.ts +1 -0
- package/dist/types/core/logic/fileQueue.logic.d.ts +28 -0
- package/dist/types/core/logic/format.logic.d.ts +4 -0
- package/dist/types/core/logic/index.d.ts +4 -0
- package/dist/types/core/logic/tableDate.logic.d.ts +7 -0
- package/dist/types/core/logic/tableSummary.logic.d.ts +2 -2
- package/dist/types/core/types/collapsible.types.d.ts +4 -16
- package/dist/types/core/types/fileEngine.types.d.ts +65 -0
- package/dist/types/core/types/format.types.d.ts +15 -0
- package/dist/types/core/types/index.d.ts +2 -0
- package/dist/types/core/types/table.types.d.ts +1 -0
- package/dist/types/{components/DataTable/vendor → file}/fileActions.d.ts +17 -7
- package/dist/types/file/fileEngine.d.ts +48 -0
- package/dist/types/file/tasks/fileTask.worker.d.ts +1 -0
- package/dist/types/file/tasks/runFileTask.d.ts +6 -0
- package/dist/types/file/workerPool.d.ts +17 -0
- package/dist/types/index.d.ts +9 -2
- package/package.json +1 -1
- package/dist/ChartImageMenu-HILSfn5A.js +0 -1115
- package/dist/exportContext-CdpsOzE8.js +0 -235
- package/dist/scrollArea-CkPGDYH2.js +0 -210
|
@@ -0,0 +1,1481 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { A as e, C as t, Cn as n, Dn as r, E as i, En as a, F as o, J as s, L as c, N as l, Nn as u, O as d, P as f, Q as p, R as m, S as h, T as g, Tn as _, Y as v, _ as y, b, c as x, d as S, et as C, ft as w, g as T, h as ee, i as te, j as ne, kn as re, l as ie, r as ae, rt as oe, st as E, ut as se, w as ce, y as le } from "./geometry-ChwYB45B.js";
|
|
3
|
+
import { a as ue, c as de, i as fe, l as pe, t as me } from "./fileActions-KSaVGnaE.js";
|
|
4
|
+
import { t as he } from "./runFileTask-BClLQjmv.js";
|
|
5
|
+
import ge, { cloneElement as _e, createContext as ve, forwardRef as ye, useCallback as D, useContext as be, useEffect as O, useId as xe, useLayoutEffect as Se, useMemo as Ce, useRef as k, useState as A, useSyncExternalStore as we } from "react";
|
|
6
|
+
import { Fragment as Te, jsx as j, jsxs as M } from "react/jsx-runtime";
|
|
7
|
+
import { createPortal as Ee } from "react-dom";
|
|
8
|
+
// src/core/logic/button.logic.ts
|
|
9
|
+
function De(e) {
|
|
10
|
+
let t = e.isIconOnly && e.shape === "rounded" ? "circle" : e.shape, n = [
|
|
11
|
+
"root",
|
|
12
|
+
`variant_${e.variant}`,
|
|
13
|
+
`size_${e.size}`,
|
|
14
|
+
`color_${e.color}`,
|
|
15
|
+
`shape_${t}`
|
|
16
|
+
];
|
|
17
|
+
return e.disabled && n.push("disabled"), e.loading && (n.push("loading"), n.push(`loading_${e.loadingPosition}`)), e.fullWidth && n.push("fullWidth"), e.disableTextTransform && n.push("disableTextTransform"), e.disableElevation && n.push("disableElevation"), e.showFocusRing && n.push("showFocusRing"), e.isIconOnly && n.push("iconOnly"), n;
|
|
18
|
+
}
|
|
19
|
+
function Oe(e) {
|
|
20
|
+
let t = ["group", `orientation_${e.orientation}`];
|
|
21
|
+
return e.fullWidth && t.push("groupFullWidth"), t;
|
|
22
|
+
}
|
|
23
|
+
// src/core/logic/press.logic.ts
|
|
24
|
+
function ke(e, t) {
|
|
25
|
+
let n = t ? Math.min(Math.max(t.x, 0), e.width) : e.width / 2, r = t ? Math.min(Math.max(t.y, 0), e.height) : e.height / 2, i = Math.max(n, e.width - n), a = Math.max(r, e.height - r);
|
|
26
|
+
return {
|
|
27
|
+
x: n,
|
|
28
|
+
y: r,
|
|
29
|
+
size: 2 * Math.hypot(i, a)
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
function Ae(e, t = 150) {
|
|
33
|
+
return Math.max(0, t - e);
|
|
34
|
+
}
|
|
35
|
+
// src/core/logic/fileQueue.logic.ts
|
|
36
|
+
var je = {
|
|
37
|
+
concurrency: 2,
|
|
38
|
+
maxQueued: 20,
|
|
39
|
+
timeoutMs: 12e4,
|
|
40
|
+
keepFinished: 10,
|
|
41
|
+
workers: "auto"
|
|
42
|
+
};
|
|
43
|
+
function Me(e = {}) {
|
|
44
|
+
let t = (e, t, n) => typeof e == "number" && Number.isFinite(e) && e >= n ? Math.floor(e) : t;
|
|
45
|
+
return {
|
|
46
|
+
concurrency: t(e.concurrency, je.concurrency, 1),
|
|
47
|
+
maxQueued: t(e.maxQueued, je.maxQueued, 0),
|
|
48
|
+
timeoutMs: t(e.timeoutMs, je.timeoutMs, 1),
|
|
49
|
+
keepFinished: t(e.keepFinished, je.keepFinished, 0),
|
|
50
|
+
workers: e.workers === "off" ? "off" : "auto"
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
var N = {
|
|
54
|
+
high: 0,
|
|
55
|
+
normal: 1,
|
|
56
|
+
low: 2
|
|
57
|
+
}, Ne = /* @__PURE__ */ new Set([
|
|
58
|
+
"delivered",
|
|
59
|
+
"failed",
|
|
60
|
+
"cancelled"
|
|
61
|
+
]), P = (e) => Ne.has(e.status), Pe = (e) => e.status === "queued" || e.status === "running";
|
|
62
|
+
function F(e, t) {
|
|
63
|
+
let n = e.filter((e) => e.status === "running").length, r = Math.max(0, t - n);
|
|
64
|
+
return r === 0 ? [] : e.filter((e) => e.status === "queued").sort((e, t) => N[e.priority] - N[t.priority] || e.seq - t.seq).slice(0, r).map((e) => e.id);
|
|
65
|
+
}
|
|
66
|
+
function Fe(e, t, n) {
|
|
67
|
+
let r = t.dedupeKey ? e.filter((e) => e.dedupeKey === t.dedupeKey && Pe(e)) : [];
|
|
68
|
+
if (r.length && !t.replace) return {
|
|
69
|
+
kind: "reuse",
|
|
70
|
+
id: r[0].id
|
|
71
|
+
};
|
|
72
|
+
let i = t.replace ? r.map((e) => e.id) : [];
|
|
73
|
+
return e.filter((e) => e.status === "queued" && !i.includes(e.id)).length >= n ? {
|
|
74
|
+
kind: "reject",
|
|
75
|
+
reason: "queue-full"
|
|
76
|
+
} : {
|
|
77
|
+
kind: "add",
|
|
78
|
+
cancel: i
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
var Ie = (e) => e.attempts <= e.retry;
|
|
82
|
+
function Le(e, t) {
|
|
83
|
+
if (!Number.isFinite(t)) return null;
|
|
84
|
+
let n = Math.min(1, Math.max(e, t));
|
|
85
|
+
return n === e || n < 1 && n - e < .01 ? null : n;
|
|
86
|
+
}
|
|
87
|
+
function Re(e, t) {
|
|
88
|
+
return e === "download" || e === "none" ? "now" : t.activationActive === void 0 ? t.sinceSubmitMs <= 4e3 ? "now" : "wait" : t.activationActive ? "now" : "wait";
|
|
89
|
+
}
|
|
90
|
+
function ze(e, t) {
|
|
91
|
+
return e.filter(P).sort((e, t) => (t.finishedAt ?? 0) - (e.finishedAt ?? 0) || t.seq - e.seq).slice(t).map((e) => e.id);
|
|
92
|
+
}
|
|
93
|
+
// src/core/logic/useMergeRefs.ts
|
|
94
|
+
function Be(...e) {
|
|
95
|
+
let t = k(e);
|
|
96
|
+
return t.current = e, D((e) => {
|
|
97
|
+
for (let n of t.current) n && (typeof n == "function" ? n(e) : n.current = e);
|
|
98
|
+
}, []);
|
|
99
|
+
}
|
|
100
|
+
var I = {
|
|
101
|
+
tooltip: "_tooltip_osxra_14",
|
|
102
|
+
open: "_open_osxra_42",
|
|
103
|
+
placement_top: "_placement_top_osxra_81",
|
|
104
|
+
placement_bottom: "_placement_bottom_osxra_82",
|
|
105
|
+
placement_left: "_placement_left_osxra_83",
|
|
106
|
+
placement_right: "_placement_right_osxra_84",
|
|
107
|
+
measured: "_measured_osxra_90",
|
|
108
|
+
helpIcon: "_helpIcon_osxra_98",
|
|
109
|
+
disabledAnchor: "_disabledAnchor_osxra_131"
|
|
110
|
+
}, Ve = 500, He = 100, L = 8, Ue = 16, We = 300, Ge = 0, Ke = () => Date.now() - Ge < We, R = () => typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --probe"), qe = () => typeof HTMLElement < "u" && Object.prototype.hasOwnProperty.call(HTMLElement.prototype, "popover");
|
|
111
|
+
function Je(e) {
|
|
112
|
+
let t = r(e), n = `tooltip-${xe().replace(/:/g, "")}`, [i, o] = A(!1), [s, c] = A(t?.placement || "top"), [l, u] = A(!1), d = k(null), f = k(null), p = k(void 0), m = k(void 0), h = k(null), g = k("pointer"), _ = t?.placement || "top", v = t?.anchorTo || "auto", y = t?.delay ?? Ve, b = t?.closeDelay ?? He, x = D(() => {
|
|
113
|
+
let e = d.current, t = f.current;
|
|
114
|
+
if (!e || !t) return;
|
|
115
|
+
let n = t.getBoundingClientRect(), r = e.getBoundingClientRect(), i = h.current, o = !!i && re({
|
|
116
|
+
anchorTo: v,
|
|
117
|
+
openedBy: g.current,
|
|
118
|
+
anchorWidth: n.width,
|
|
119
|
+
tooltipWidth: r.width
|
|
120
|
+
}), s = a({
|
|
121
|
+
anchor: o && i ? {
|
|
122
|
+
top: i.y - Ue / 2,
|
|
123
|
+
left: i.x - Ue / 2,
|
|
124
|
+
width: Ue,
|
|
125
|
+
height: Ue
|
|
126
|
+
} : {
|
|
127
|
+
top: n.top,
|
|
128
|
+
left: n.left,
|
|
129
|
+
width: n.width,
|
|
130
|
+
height: n.height
|
|
131
|
+
},
|
|
132
|
+
tooltip: {
|
|
133
|
+
width: r.width,
|
|
134
|
+
height: r.height
|
|
135
|
+
},
|
|
136
|
+
viewport: {
|
|
137
|
+
width: window.innerWidth,
|
|
138
|
+
height: window.innerHeight
|
|
139
|
+
},
|
|
140
|
+
placement: _,
|
|
141
|
+
offset: L
|
|
142
|
+
});
|
|
143
|
+
e.style.top = `${s.top}px`, e.style.left = `${s.left}px`, c(s.placement);
|
|
144
|
+
}, [_, v]), S = () => {
|
|
145
|
+
window.clearTimeout(p.current), window.clearTimeout(m.current);
|
|
146
|
+
}, C = D((e, t) => {
|
|
147
|
+
f.current = e, g.current = t, u(t === "pointer" && v !== "element"), R() && e.style.setProperty("anchor-name", `--${n}`), o(!0);
|
|
148
|
+
}, [n, v]), w = D(() => {
|
|
149
|
+
o(!1), Ge = Date.now();
|
|
150
|
+
}, []), T = D((e, t) => {
|
|
151
|
+
S();
|
|
152
|
+
let n = Ke() ? 0 : y;
|
|
153
|
+
n === 0 ? C(e, t) : p.current = window.setTimeout(() => C(e, t), n);
|
|
154
|
+
}, [y, C]), ee = D(() => {
|
|
155
|
+
S(), m.current = window.setTimeout(w, b);
|
|
156
|
+
}, [b, w]);
|
|
157
|
+
return O(() => {
|
|
158
|
+
let e = d.current;
|
|
159
|
+
if (!e) return;
|
|
160
|
+
if (!i) {
|
|
161
|
+
qe() && e.matches(":popover-open") && e.hidePopover();
|
|
162
|
+
return;
|
|
163
|
+
}
|
|
164
|
+
if (qe() && !e.matches(":popover-open") && e.showPopover(), R() && !l) return;
|
|
165
|
+
x();
|
|
166
|
+
let t = () => x();
|
|
167
|
+
return window.addEventListener("scroll", t, !0), window.addEventListener("resize", t), () => {
|
|
168
|
+
window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t);
|
|
169
|
+
};
|
|
170
|
+
}, [
|
|
171
|
+
i,
|
|
172
|
+
l,
|
|
173
|
+
x
|
|
174
|
+
]), O(() => {
|
|
175
|
+
if (!i) return;
|
|
176
|
+
let e = (e) => {
|
|
177
|
+
e.key === "Escape" && (S(), w());
|
|
178
|
+
};
|
|
179
|
+
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
180
|
+
}, [i, w]), O(() => S, []), t ? {
|
|
181
|
+
hasTooltip: !0,
|
|
182
|
+
tooltipNode: /* @__PURE__ */ j("div", {
|
|
183
|
+
ref: d,
|
|
184
|
+
id: n,
|
|
185
|
+
role: "tooltip",
|
|
186
|
+
popover: qe() ? "manual" : void 0,
|
|
187
|
+
className: [
|
|
188
|
+
I.tooltip,
|
|
189
|
+
I[`placement_${s}`],
|
|
190
|
+
i ? I.open : "",
|
|
191
|
+
l ? I.measured : "",
|
|
192
|
+
t.className || ""
|
|
193
|
+
].filter(Boolean).join(" "),
|
|
194
|
+
style: { "--tooltip-anchor": `--${n}` },
|
|
195
|
+
children: t.content
|
|
196
|
+
}),
|
|
197
|
+
triggerProps: {
|
|
198
|
+
onPointerEnter: (e) => {
|
|
199
|
+
e.pointerType !== "touch" && (h.current = {
|
|
200
|
+
x: e.clientX,
|
|
201
|
+
y: e.clientY
|
|
202
|
+
}, T(e.currentTarget, "pointer"));
|
|
203
|
+
},
|
|
204
|
+
onPointerMove: (e) => {
|
|
205
|
+
e.pointerType === "touch" || i || p.current === void 0 || (h.current = {
|
|
206
|
+
x: e.clientX,
|
|
207
|
+
y: e.clientY
|
|
208
|
+
});
|
|
209
|
+
},
|
|
210
|
+
onPointerLeave: ee,
|
|
211
|
+
onFocus: (e) => {
|
|
212
|
+
e.currentTarget.matches(":focus-visible") && (h.current = null, T(e.currentTarget, "focus"));
|
|
213
|
+
},
|
|
214
|
+
onBlur: ee,
|
|
215
|
+
"aria-describedby": i ? n : void 0
|
|
216
|
+
}
|
|
217
|
+
} : {
|
|
218
|
+
triggerProps: {
|
|
219
|
+
onPointerEnter: () => {},
|
|
220
|
+
onPointerMove: () => {},
|
|
221
|
+
onPointerLeave: () => {},
|
|
222
|
+
onFocus: () => {},
|
|
223
|
+
onBlur: () => {}
|
|
224
|
+
},
|
|
225
|
+
tooltipNode: null,
|
|
226
|
+
hasTooltip: !1
|
|
227
|
+
};
|
|
228
|
+
}
|
|
229
|
+
var Ye = {
|
|
230
|
+
press: "_press_1iawn_23",
|
|
231
|
+
ripple: "_ripple_1iawn_60",
|
|
232
|
+
rippleHost: "_rippleHost_1iawn_70",
|
|
233
|
+
wave: "_wave_1iawn_82",
|
|
234
|
+
waveGrow: "_waveGrow_1iawn_1",
|
|
235
|
+
waveFade: "_waveFade_1iawn_1",
|
|
236
|
+
waveAppear: "_waveAppear_1iawn_1"
|
|
237
|
+
}, Xe = 1500;
|
|
238
|
+
function Ze(e) {
|
|
239
|
+
let t = e.querySelector(":scope > [data-press-ripples]");
|
|
240
|
+
if (t) return t;
|
|
241
|
+
let n = document.createElement("span");
|
|
242
|
+
return n.className = Ye.rippleHost, n.setAttribute("data-press-ripples", ""), n.setAttribute("aria-hidden", "true"), e.appendChild(n), n;
|
|
243
|
+
}
|
|
244
|
+
function Qe(e, t) {
|
|
245
|
+
let n = e.getBoundingClientRect(), r = ke(n, t && {
|
|
246
|
+
x: t.x - n.left,
|
|
247
|
+
y: t.y - n.top
|
|
248
|
+
}), i = document.createElement("span");
|
|
249
|
+
return i.className = Ye.wave, i.style.left = `${r.x - r.size / 2}px`, i.style.top = `${r.y - r.size / 2}px`, i.style.width = `${r.size}px`, i.style.height = `${r.size}px`, i.appendChild(document.createElement("span")), Ze(e).appendChild(i), () => {
|
|
250
|
+
i.setAttribute("data-leaving", "");
|
|
251
|
+
let e = () => i.remove();
|
|
252
|
+
i.firstElementChild?.addEventListener("animationend", e, { once: !0 }), setTimeout(e, Xe);
|
|
253
|
+
};
|
|
254
|
+
}
|
|
255
|
+
function $e({ enabled: e = !0, ripple: t = !1, centered: n = !1, target: r } = {}) {
|
|
256
|
+
let i = k(null);
|
|
257
|
+
O(() => () => {
|
|
258
|
+
i.current && clearTimeout(i.current);
|
|
259
|
+
}, []);
|
|
260
|
+
let a = D((e, n) => {
|
|
261
|
+
if (e.matches(":disabled, [aria-disabled=\"true\"]")) return () => void 0;
|
|
262
|
+
i.current && clearTimeout(i.current);
|
|
263
|
+
let r = performance.now();
|
|
264
|
+
e.setAttribute("data-pressed", "");
|
|
265
|
+
let a = t ? Qe(e, n) : null, o = !1;
|
|
266
|
+
return () => {
|
|
267
|
+
o || (o = !0, a?.(), i.current = setTimeout(() => e.removeAttribute("data-pressed"), Ae(performance.now() - r)));
|
|
268
|
+
};
|
|
269
|
+
}, [t]), o = D((t) => {
|
|
270
|
+
if (!e || t.button !== 0) return;
|
|
271
|
+
let i = t.currentTarget, o = a(r?.current ?? i, n ? null : {
|
|
272
|
+
x: t.clientX,
|
|
273
|
+
y: t.clientY
|
|
274
|
+
});
|
|
275
|
+
window.addEventListener("pointerup", o, { once: !0 }), window.addEventListener("pointercancel", o, { once: !0 }), i.addEventListener("pointerleave", o, { once: !0 });
|
|
276
|
+
}, [
|
|
277
|
+
e,
|
|
278
|
+
n,
|
|
279
|
+
r,
|
|
280
|
+
a
|
|
281
|
+
]), s = D((t) => {
|
|
282
|
+
if (!e || t.repeat || t.key !== " " && t.key !== "Enter") return;
|
|
283
|
+
let n = t.currentTarget, i = a(r?.current ?? n, null);
|
|
284
|
+
t.key === "Enter" ? i() : n.addEventListener("keyup", i, { once: !0 });
|
|
285
|
+
}, [
|
|
286
|
+
e,
|
|
287
|
+
r,
|
|
288
|
+
a
|
|
289
|
+
]);
|
|
290
|
+
return Ce(() => ({
|
|
291
|
+
onPointerDown: o,
|
|
292
|
+
onKeyDown: s
|
|
293
|
+
}), [o, s]);
|
|
294
|
+
}
|
|
295
|
+
// src/components/Button/ButtonGroupContext.ts
|
|
296
|
+
var et = ve(null);
|
|
297
|
+
function tt() {
|
|
298
|
+
return be(et);
|
|
299
|
+
}
|
|
300
|
+
var z = {
|
|
301
|
+
root: "_root_vgjyx_6",
|
|
302
|
+
size_xxs: "_size_xxs_vgjyx_45",
|
|
303
|
+
size_xs: "_size_xs_vgjyx_52",
|
|
304
|
+
size_small: "_size_small_vgjyx_59",
|
|
305
|
+
size_medium: "_size_medium_vgjyx_66",
|
|
306
|
+
size_large: "_size_large_vgjyx_73",
|
|
307
|
+
size_xl: "_size_xl_vgjyx_80",
|
|
308
|
+
iconOnly: "_iconOnly_vgjyx_89",
|
|
309
|
+
shape_rectangle: "_shape_rectangle_vgjyx_98",
|
|
310
|
+
shape_rounded: "_shape_rounded_vgjyx_102",
|
|
311
|
+
shape_pill: "_shape_pill_vgjyx_106",
|
|
312
|
+
shape_circle: "_shape_circle_vgjyx_110",
|
|
313
|
+
shape_square: "_shape_square_vgjyx_122",
|
|
314
|
+
color_primary: "_color_primary_vgjyx_140",
|
|
315
|
+
color_secondary: "_color_secondary_vgjyx_150",
|
|
316
|
+
color_success: "_color_success_vgjyx_160",
|
|
317
|
+
color_error: "_color_error_vgjyx_170",
|
|
318
|
+
color_warning: "_color_warning_vgjyx_180",
|
|
319
|
+
color_info: "_color_info_vgjyx_190",
|
|
320
|
+
color_neutral: "_color_neutral_vgjyx_200",
|
|
321
|
+
variant_filled: "_variant_filled_vgjyx_211",
|
|
322
|
+
disabled: "_disabled_vgjyx_217",
|
|
323
|
+
disableElevation: "_disableElevation_vgjyx_225",
|
|
324
|
+
variant_outlined: "_variant_outlined_vgjyx_235",
|
|
325
|
+
variant_text: "_variant_text_vgjyx_254",
|
|
326
|
+
variant_elevated: "_variant_elevated_vgjyx_270",
|
|
327
|
+
variant_tonal: "_variant_tonal_vgjyx_288",
|
|
328
|
+
loading: "_loading_vgjyx_312",
|
|
329
|
+
fullWidth: "_fullWidth_vgjyx_316",
|
|
330
|
+
disableTextTransform: "_disableTextTransform_vgjyx_320",
|
|
331
|
+
showFocusRing: "_showFocusRing_vgjyx_331",
|
|
332
|
+
content: "_content_vgjyx_338",
|
|
333
|
+
loading_overlay: "_loading_overlay_vgjyx_346",
|
|
334
|
+
loading_center: "_loading_center_vgjyx_347",
|
|
335
|
+
icon: "_icon_vgjyx_89",
|
|
336
|
+
loadingWrapper: "_loadingWrapper_vgjyx_365",
|
|
337
|
+
loading_start: "_loading_start_vgjyx_377",
|
|
338
|
+
loading_end: "_loading_end_vgjyx_378",
|
|
339
|
+
spinner: "_spinner_vgjyx_383",
|
|
340
|
+
spin: "_spin_vgjyx_383",
|
|
341
|
+
srOnly: "_srOnly_vgjyx_394",
|
|
342
|
+
group: "_group_vgjyx_414",
|
|
343
|
+
orientation_horizontal: "_orientation_horizontal_vgjyx_419",
|
|
344
|
+
orientation_vertical: "_orientation_vertical_vgjyx_423",
|
|
345
|
+
groupFullWidth: "_groupFullWidth_vgjyx_427"
|
|
346
|
+
}, nt = () => {
|
|
347
|
+
let e = u();
|
|
348
|
+
return /* @__PURE__ */ j("span", {
|
|
349
|
+
className: z.spinner,
|
|
350
|
+
role: "status",
|
|
351
|
+
"aria-label": e.common.loading,
|
|
352
|
+
children: /* @__PURE__ */ j("span", {
|
|
353
|
+
className: z.srOnly,
|
|
354
|
+
children: e.common.loading
|
|
355
|
+
})
|
|
356
|
+
});
|
|
357
|
+
}, rt = ye(({ type: e = "button", name: t, value: n, onClick: i, onFocus: a, onBlur: o, onMouseEnter: s, onMouseLeave: c, onPointerEnter: l, onPointerMove: u, onPointerLeave: d, onKeyDown: f, children: p, label: m, startIcon: h, endIcon: g, icon: _, tooltip: v, tooltipTrigger: y, disabled: b = !1, loading: x = !1, loadingPosition: S = "center", loadingIndicator: C, autoFocus: w = !1, tabIndex: T, preventDefault: ee = !1, stopPropagation: te = !1, variant: ne = "elevated", size: re = "small", color: ie = "primary", shape: ae = "rounded", className: oe = "", style: E = {}, fullWidth: se = !1, disableTextTransform: ce = !1, disableElevation: le = !1, ripple: ue, feedback: de, showFocusRing: fe = !0, id: pe, buttonRef: me, href: he, target: _e, rel: ve, download: ye, component: be, componentProps: O = {}, "aria-label": Se, "aria-labelledby": A, "aria-describedby": we, "aria-pressed": Ee, "aria-expanded": Oe, "aria-controls": ke, "aria-haspopup": Ae, role: je }, Me) => {
|
|
358
|
+
let N = tt(), Ne = N?.size || re, P = N?.variant || ne, Pe = N?.color || ie, F = N?.disabled || b, Fe = xe(), Ie = pe || Fe, Le = k(null), Re = Be(Me, me, Le);
|
|
359
|
+
ge.useEffect(() => {
|
|
360
|
+
w && Le.current && Le.current.focus();
|
|
361
|
+
}, [w]);
|
|
362
|
+
let ze = !!_ && !p && !m, Ve = p || m || "", He = D((e) => {
|
|
363
|
+
F || x || (ee && e.preventDefault(), te && e.stopPropagation(), i?.(e));
|
|
364
|
+
}, [
|
|
365
|
+
F,
|
|
366
|
+
x,
|
|
367
|
+
ee,
|
|
368
|
+
te,
|
|
369
|
+
i
|
|
370
|
+
]), L = de ?? (ue === !1 ? "none" : "ripple"), Ue = Ce(() => {
|
|
371
|
+
let e = De({
|
|
372
|
+
variant: P,
|
|
373
|
+
size: Ne,
|
|
374
|
+
color: Pe,
|
|
375
|
+
shape: ae,
|
|
376
|
+
isIconOnly: ze,
|
|
377
|
+
disabled: F,
|
|
378
|
+
loading: x,
|
|
379
|
+
loadingPosition: S,
|
|
380
|
+
fullWidth: se,
|
|
381
|
+
disableTextTransform: ce,
|
|
382
|
+
disableElevation: le,
|
|
383
|
+
showFocusRing: fe
|
|
384
|
+
}).map((e) => z[e]).filter(Boolean);
|
|
385
|
+
return L !== "none" && e.push(Ye.press), L === "ripple" && e.push(Ye.ripple), oe && e.push(oe), e.join(" ");
|
|
386
|
+
}, [
|
|
387
|
+
P,
|
|
388
|
+
Ne,
|
|
389
|
+
Pe,
|
|
390
|
+
ae,
|
|
391
|
+
ze,
|
|
392
|
+
F,
|
|
393
|
+
x,
|
|
394
|
+
S,
|
|
395
|
+
se,
|
|
396
|
+
ce,
|
|
397
|
+
le,
|
|
398
|
+
fe,
|
|
399
|
+
oe,
|
|
400
|
+
L
|
|
401
|
+
]), We = $e({
|
|
402
|
+
enabled: L !== "none",
|
|
403
|
+
ripple: L === "ripple"
|
|
404
|
+
}), Ge = D((e) => {
|
|
405
|
+
We.onPointerDown(e), O.onPointerDown?.(e);
|
|
406
|
+
}, [We, O]), Ke = D((e) => {
|
|
407
|
+
We.onKeyDown(e), f?.(e);
|
|
408
|
+
}, [We, f]), { triggerProps: R, tooltipNode: qe, hasTooltip: Xe } = Je(v), Ze = r(v), Qe = typeof Ze?.content == "string" ? Ze.content : void 0, et = (F || x) && Xe, rt = D((e) => {
|
|
409
|
+
a?.(e), R.onFocus(e);
|
|
410
|
+
}, [a, R]), B = D((e) => {
|
|
411
|
+
o?.(e), R.onBlur();
|
|
412
|
+
}, [o, R]), it = D((e) => {
|
|
413
|
+
l?.(e), R.onPointerEnter(e);
|
|
414
|
+
}, [l, R]), V = D((e) => {
|
|
415
|
+
u?.(e), R.onPointerMove(e);
|
|
416
|
+
}, [u, R]), at = D((e) => {
|
|
417
|
+
d?.(e), R.onPointerLeave();
|
|
418
|
+
}, [d, R]), ot = C || /* @__PURE__ */ j(nt, {}), H = () => S === "overlay" || S === "center" ? /* @__PURE__ */ j("span", {
|
|
419
|
+
className: `${z.loadingWrapper} ${z[`loading_${S}`] || ""}`,
|
|
420
|
+
children: ot
|
|
421
|
+
}) : ot, st = () => ze ? /* @__PURE__ */ j("span", {
|
|
422
|
+
className: z.icon,
|
|
423
|
+
children: _
|
|
424
|
+
}) : /* @__PURE__ */ M("span", {
|
|
425
|
+
className: z.content,
|
|
426
|
+
children: [
|
|
427
|
+
x && S === "start" && /* @__PURE__ */ j("span", {
|
|
428
|
+
className: `${z.loadingWrapper} ${z.loading_start || ""}`,
|
|
429
|
+
children: H()
|
|
430
|
+
}),
|
|
431
|
+
h && !x && /* @__PURE__ */ j("span", {
|
|
432
|
+
className: `${z.icon} ${z.iconStart || ""}`,
|
|
433
|
+
children: h
|
|
434
|
+
}),
|
|
435
|
+
Ve && /* @__PURE__ */ j("span", { children: Ve }),
|
|
436
|
+
g && !x && /* @__PURE__ */ j("span", {
|
|
437
|
+
className: `${z.icon} ${z.iconEnd || ""}`,
|
|
438
|
+
children: g
|
|
439
|
+
}),
|
|
440
|
+
x && S === "end" && /* @__PURE__ */ j("span", {
|
|
441
|
+
className: `${z.loadingWrapper} ${z.loading_end || ""}`,
|
|
442
|
+
children: H()
|
|
443
|
+
})
|
|
444
|
+
]
|
|
445
|
+
}), ct = x && (S === "overlay" || S === "center"), lt = {
|
|
446
|
+
ref: Re,
|
|
447
|
+
id: Ie,
|
|
448
|
+
name: t,
|
|
449
|
+
value: n,
|
|
450
|
+
disabled: F || x,
|
|
451
|
+
tabIndex: T,
|
|
452
|
+
className: Ue,
|
|
453
|
+
style: E,
|
|
454
|
+
onClick: He,
|
|
455
|
+
onFocus: rt,
|
|
456
|
+
onBlur: B,
|
|
457
|
+
onMouseEnter: s,
|
|
458
|
+
onMouseLeave: c,
|
|
459
|
+
onKeyDown: Ke,
|
|
460
|
+
"aria-label": Se || (ze ? Qe : void 0),
|
|
461
|
+
"aria-labelledby": A,
|
|
462
|
+
"aria-describedby": R["aria-describedby"] || we,
|
|
463
|
+
onPointerEnter: it,
|
|
464
|
+
onPointerMove: V,
|
|
465
|
+
onPointerLeave: at,
|
|
466
|
+
"aria-pressed": Ee,
|
|
467
|
+
"aria-expanded": Oe,
|
|
468
|
+
"aria-controls": ke,
|
|
469
|
+
"aria-haspopup": Ae,
|
|
470
|
+
"aria-busy": x || void 0,
|
|
471
|
+
"aria-disabled": F || void 0,
|
|
472
|
+
role: je || (he ? "link" : void 0),
|
|
473
|
+
...O,
|
|
474
|
+
onPointerDown: Ge
|
|
475
|
+
}, ut = /* @__PURE__ */ M(Te, { children: [st(), ct && H()] }), dt = () => {
|
|
476
|
+
if (he) {
|
|
477
|
+
let { disabled: e, ref: t, ...n } = lt;
|
|
478
|
+
return /* @__PURE__ */ j("a", {
|
|
479
|
+
...n,
|
|
480
|
+
href: he,
|
|
481
|
+
target: _e,
|
|
482
|
+
rel: ve || (_e === "_blank" ? "noopener noreferrer" : void 0),
|
|
483
|
+
download: ye,
|
|
484
|
+
children: ut
|
|
485
|
+
});
|
|
486
|
+
}
|
|
487
|
+
return j(be || "button", {
|
|
488
|
+
...lt,
|
|
489
|
+
type: e,
|
|
490
|
+
children: ut
|
|
491
|
+
});
|
|
492
|
+
};
|
|
493
|
+
return Xe ? /* @__PURE__ */ M(Te, { children: [et ? /* @__PURE__ */ j("span", {
|
|
494
|
+
className: I.disabledAnchor,
|
|
495
|
+
onPointerEnter: R.onPointerEnter,
|
|
496
|
+
onPointerLeave: R.onPointerLeave,
|
|
497
|
+
children: dt()
|
|
498
|
+
}) : dt(), qe] }) : dt();
|
|
499
|
+
});
|
|
500
|
+
rt.displayName = "Button";
|
|
501
|
+
// src/file/workerPool.ts
|
|
502
|
+
var B = class extends Error {
|
|
503
|
+
constructor(e, t) {
|
|
504
|
+
super(t), this.name = "WorkerFallback", this.reason = e;
|
|
505
|
+
}
|
|
506
|
+
};
|
|
507
|
+
function it(e) {
|
|
508
|
+
let t = [], n = /* @__PURE__ */ new Set(), r = !1, i = 0, a = (r) => {
|
|
509
|
+
n.delete(r), t.length < e.size ? t.push(r) : r.worker.terminate();
|
|
510
|
+
}, o = (e) => {
|
|
511
|
+
n.delete(e), e.worker.terminate();
|
|
512
|
+
};
|
|
513
|
+
return {
|
|
514
|
+
get broken() {
|
|
515
|
+
return r;
|
|
516
|
+
},
|
|
517
|
+
run(s, { signal: c, progress: l }) {
|
|
518
|
+
return new Promise((u, d) => {
|
|
519
|
+
if (r) return d(new B("unavailable", "Workers are unavailable"));
|
|
520
|
+
if (c.aborted) return d(new DOMException("Aborted", "AbortError"));
|
|
521
|
+
let f;
|
|
522
|
+
try {
|
|
523
|
+
f = t.pop() ?? {
|
|
524
|
+
worker: e.create(),
|
|
525
|
+
started: !1
|
|
526
|
+
};
|
|
527
|
+
} catch (e) {
|
|
528
|
+
return r = !0, d(new B("unavailable", `Worker could not be created: ${String(e)}`));
|
|
529
|
+
}
|
|
530
|
+
n.add(f);
|
|
531
|
+
let p = ++i, m = () => {
|
|
532
|
+
f.worker.removeEventListener("message", h), f.worker.removeEventListener("error", g), f.worker.removeEventListener("messageerror", _), c.removeEventListener("abort", v);
|
|
533
|
+
}, h = (e) => {
|
|
534
|
+
let t = e.data;
|
|
535
|
+
if (t && t.id === p) {
|
|
536
|
+
if (f.started = !0, t.type === "progress") return l(t.fraction);
|
|
537
|
+
m(), a(f), t.type === "done" ? u(t.buffer) : d(Error(t.message));
|
|
538
|
+
}
|
|
539
|
+
}, g = (e) => {
|
|
540
|
+
e.preventDefault?.(), m(), o(f), f.started ? d(Error(e.message || "The file worker stopped unexpectedly")) : (r = !0, d(new B("unavailable", e.message || "The file worker failed to start")));
|
|
541
|
+
}, _ = () => {
|
|
542
|
+
m(), o(f), d(/* @__PURE__ */ Error("The file worker sent a message that could not be read"));
|
|
543
|
+
}, v = () => {
|
|
544
|
+
m(), o(f), d(c.reason ?? new DOMException("Aborted", "AbortError"));
|
|
545
|
+
};
|
|
546
|
+
f.worker.addEventListener("message", h), f.worker.addEventListener("error", g), f.worker.addEventListener("messageerror", _), c.addEventListener("abort", v);
|
|
547
|
+
try {
|
|
548
|
+
f.worker.postMessage({
|
|
549
|
+
type: "run",
|
|
550
|
+
id: p,
|
|
551
|
+
task: s
|
|
552
|
+
});
|
|
553
|
+
} catch (e) {
|
|
554
|
+
m(), a(f), d(new B("uncloneable", e instanceof Error ? e.message : String(e)));
|
|
555
|
+
}
|
|
556
|
+
});
|
|
557
|
+
},
|
|
558
|
+
dispose() {
|
|
559
|
+
for (let e of [...t, ...n]) e.worker.terminate();
|
|
560
|
+
t.length = 0, n.clear();
|
|
561
|
+
}
|
|
562
|
+
};
|
|
563
|
+
}
|
|
564
|
+
// src/file/fileEngine.ts
|
|
565
|
+
var V = class extends Error {
|
|
566
|
+
constructor(e, t) {
|
|
567
|
+
super(t), this.name = "FileEngineError", this.code = e;
|
|
568
|
+
}
|
|
569
|
+
}, at = (e, t, n) => fe(e, pe(t.filename) + ue(t.format), t.format, n, t.title ?? t.filename), ot = () => typeof navigator > "u" ? void 0 : navigator.userActivation?.isActive, H = (e) => e instanceof Error ? e.message : String(e), st = () => new Worker(new URL("./assets/fileTask.worker-FQSUtwcz.js", import.meta.url), { type: "module" }), ct = () => typeof Worker < "u", lt = 0;
|
|
570
|
+
function ut(e = {}) {
|
|
571
|
+
let t = Me(e), n = e.deliver ?? at, r = `file-${++lt}-`, i = [], a = 0, o = !1, s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set(), d = null, f = t.workers === "auto" && (!!e.createWorker || ct()), p = () => {
|
|
572
|
+
if (!f) return null;
|
|
573
|
+
if (!d) {
|
|
574
|
+
let n = typeof navigator < "u" && navigator.hardwareConcurrency ? navigator.hardwareConcurrency : t.concurrency;
|
|
575
|
+
d = it({
|
|
576
|
+
size: Math.max(1, Math.min(t.concurrency, n)),
|
|
577
|
+
create: e.createWorker ?? st
|
|
578
|
+
});
|
|
579
|
+
}
|
|
580
|
+
return d;
|
|
581
|
+
}, m = async (e, t, n) => {
|
|
582
|
+
let r = p(), i;
|
|
583
|
+
if (r && !r.broken) try {
|
|
584
|
+
i = await r.run(e, n);
|
|
585
|
+
} catch (t) {
|
|
586
|
+
if (!(t instanceof B)) throw t;
|
|
587
|
+
i = await he(e, n);
|
|
588
|
+
}
|
|
589
|
+
else i = await he(e, n);
|
|
590
|
+
return new Blob([i], { type: me[t] });
|
|
591
|
+
}, h = (e) => i.find((t) => t.id === e), g = () => u.forEach((e) => e()), _ = (e, t) => {
|
|
592
|
+
i = i.map((n) => n.id === e ? {
|
|
593
|
+
...n,
|
|
594
|
+
...t
|
|
595
|
+
} : n);
|
|
596
|
+
}, v = (e) => {
|
|
597
|
+
if (!e.length) return;
|
|
598
|
+
let t = new Set(e);
|
|
599
|
+
i = i.filter((e) => !t.has(e.id)), e.forEach((e) => {
|
|
600
|
+
s.delete(e), c.delete(e);
|
|
601
|
+
});
|
|
602
|
+
}, y = (e, t) => {
|
|
603
|
+
let n = l.get(e);
|
|
604
|
+
n && (clearTimeout(n.timer), l.delete(e), t !== void 0 && n.controller.abort(t));
|
|
605
|
+
}, b = () => {
|
|
606
|
+
v(ze(i, t.keepFinished)), o || F(i, t.concurrency).forEach(S), g();
|
|
607
|
+
}, x = (e, t) => {
|
|
608
|
+
let n = h(e);
|
|
609
|
+
n && (Ie(n) ? _(e, {
|
|
610
|
+
status: "queued",
|
|
611
|
+
progress: 0,
|
|
612
|
+
error: H(t)
|
|
613
|
+
}) : _(e, {
|
|
614
|
+
status: "failed",
|
|
615
|
+
finishedAt: Date.now(),
|
|
616
|
+
error: H(t)
|
|
617
|
+
}));
|
|
618
|
+
}, S = (e) => {
|
|
619
|
+
let n = s.get(e), r = h(e);
|
|
620
|
+
if (!n || !r) return;
|
|
621
|
+
let i = new AbortController(), a = setTimeout(() => {
|
|
622
|
+
if (!l.has(e)) return;
|
|
623
|
+
let n = new V("timeout", `Timed out after ${t.timeoutMs} ms`);
|
|
624
|
+
y(e, n), x(e, n), b();
|
|
625
|
+
}, t.timeoutMs);
|
|
626
|
+
l.set(e, {
|
|
627
|
+
controller: i,
|
|
628
|
+
timer: a
|
|
629
|
+
}), _(e, {
|
|
630
|
+
status: "running",
|
|
631
|
+
attempts: r.attempts + 1,
|
|
632
|
+
startedAt: Date.now(),
|
|
633
|
+
progress: 0,
|
|
634
|
+
error: void 0
|
|
635
|
+
});
|
|
636
|
+
let o = () => l.get(e)?.controller === i, u = (t) => {
|
|
637
|
+
if (!o()) return;
|
|
638
|
+
let n = h(e), r = n ? Le(n.progress, t) : null;
|
|
639
|
+
r !== null && (_(e, { progress: r }), g());
|
|
640
|
+
}, d;
|
|
641
|
+
try {
|
|
642
|
+
let e = {
|
|
643
|
+
signal: i.signal,
|
|
644
|
+
progress: u
|
|
645
|
+
};
|
|
646
|
+
d = n.task ? m(n.task, r.format, e) : n.build(e);
|
|
647
|
+
} catch (e) {
|
|
648
|
+
d = Promise.reject(e);
|
|
649
|
+
}
|
|
650
|
+
Promise.resolve(d).then((e) => e instanceof Blob ? e : de(r.format, e)).then((t) => {
|
|
651
|
+
if (!o()) return;
|
|
652
|
+
y(e), c.set(e, t);
|
|
653
|
+
let i = Re(r.action ?? "download", {
|
|
654
|
+
activationActive: ot(),
|
|
655
|
+
sinceSubmitMs: Date.now() - r.createdAt
|
|
656
|
+
});
|
|
657
|
+
_(e, {
|
|
658
|
+
status: "ready",
|
|
659
|
+
progress: 1,
|
|
660
|
+
finishedAt: Date.now(),
|
|
661
|
+
awaitingClick: i === "wait"
|
|
662
|
+
});
|
|
663
|
+
let a = h(e);
|
|
664
|
+
try {
|
|
665
|
+
n.onReady?.(t, a);
|
|
666
|
+
} catch {}
|
|
667
|
+
b(), i === "now" && C.deliver(e);
|
|
668
|
+
}).catch((t) => {
|
|
669
|
+
o() && (y(e), x(e, t), b());
|
|
670
|
+
});
|
|
671
|
+
}, C = {
|
|
672
|
+
submit(e) {
|
|
673
|
+
if (o) throw new V("disposed", "The file engine has been disposed");
|
|
674
|
+
let n = Fe(i, e, t.maxQueued);
|
|
675
|
+
if (n.kind === "reject") throw new V("queue-full", `The file queue is full (${t.maxQueued} waiting)`);
|
|
676
|
+
if (n.kind === "reuse") return n.id;
|
|
677
|
+
n.cancel.forEach((e) => C.cancel(e));
|
|
678
|
+
let c = r + ++a, l = Number.isInteger(e.retry) && e.retry > 0 ? e.retry : 0;
|
|
679
|
+
return s.set(c, e), i = [...i, {
|
|
680
|
+
id: c,
|
|
681
|
+
format: e.task ? e.task.kind : e.format,
|
|
682
|
+
filename: e.filename,
|
|
683
|
+
...e.title ? { title: e.title } : {},
|
|
684
|
+
action: e.action ?? "download",
|
|
685
|
+
priority: e.priority ?? "normal",
|
|
686
|
+
...e.dedupeKey ? { dedupeKey: e.dedupeKey } : {},
|
|
687
|
+
status: "queued",
|
|
688
|
+
progress: 0,
|
|
689
|
+
attempts: 0,
|
|
690
|
+
retry: l,
|
|
691
|
+
notify: e.notify ?? "all",
|
|
692
|
+
seq: a,
|
|
693
|
+
createdAt: Date.now()
|
|
694
|
+
}], b(), c;
|
|
695
|
+
},
|
|
696
|
+
cancel(e) {
|
|
697
|
+
let t = h(e);
|
|
698
|
+
t && !P(t) && (y(e, new DOMException("Cancelled", "AbortError")), c.delete(e), _(e, {
|
|
699
|
+
status: "cancelled",
|
|
700
|
+
finishedAt: Date.now(),
|
|
701
|
+
awaitingClick: !1
|
|
702
|
+
}), b());
|
|
703
|
+
},
|
|
704
|
+
retry(e) {
|
|
705
|
+
let t = h(e);
|
|
706
|
+
t && s.has(e) && (t.status === "failed" || t.status === "cancelled") && (_(e, {
|
|
707
|
+
status: "queued",
|
|
708
|
+
attempts: 0,
|
|
709
|
+
progress: 0,
|
|
710
|
+
error: void 0,
|
|
711
|
+
finishedAt: void 0,
|
|
712
|
+
seq: ++a
|
|
713
|
+
}), b());
|
|
714
|
+
},
|
|
715
|
+
async deliver(e, t) {
|
|
716
|
+
let r = h(e), i = c.get(e);
|
|
717
|
+
if (!r || r.status !== "ready" || !i) return;
|
|
718
|
+
let a = t ?? r.action;
|
|
719
|
+
try {
|
|
720
|
+
if (a !== "none" && await n(i, r, a), h(e)?.status !== "ready") return;
|
|
721
|
+
c.delete(e), _(e, {
|
|
722
|
+
status: "delivered",
|
|
723
|
+
finishedAt: Date.now(),
|
|
724
|
+
awaitingClick: !1
|
|
725
|
+
});
|
|
726
|
+
} catch (t) {
|
|
727
|
+
if (h(e)?.status !== "ready") return;
|
|
728
|
+
c.delete(e), _(e, {
|
|
729
|
+
status: "failed",
|
|
730
|
+
finishedAt: Date.now(),
|
|
731
|
+
error: H(t),
|
|
732
|
+
awaitingClick: !1
|
|
733
|
+
});
|
|
734
|
+
}
|
|
735
|
+
b();
|
|
736
|
+
},
|
|
737
|
+
wait(e) {
|
|
738
|
+
let t = () => {
|
|
739
|
+
let t = h(e);
|
|
740
|
+
if (t) return P(t) || t.status === "ready" && t.awaitingClick ? t : null;
|
|
741
|
+
}, n = t();
|
|
742
|
+
return n === null ? new Promise((e) => {
|
|
743
|
+
let n = C.subscribe(() => {
|
|
744
|
+
let r = t();
|
|
745
|
+
r !== null && (n(), e(r));
|
|
746
|
+
});
|
|
747
|
+
}) : Promise.resolve(n);
|
|
748
|
+
},
|
|
749
|
+
clear(e) {
|
|
750
|
+
v(i.filter((t) => (P(t) || e && t.status === "ready") && (!e || e(t))).map((e) => e.id)), g();
|
|
751
|
+
},
|
|
752
|
+
getJobs: () => i,
|
|
753
|
+
subscribe(e) {
|
|
754
|
+
return u.add(e), () => {
|
|
755
|
+
u.delete(e);
|
|
756
|
+
};
|
|
757
|
+
},
|
|
758
|
+
dispose() {
|
|
759
|
+
if (!o) {
|
|
760
|
+
o = !0;
|
|
761
|
+
for (let e of [...l.keys()]) y(e, new DOMException("Disposed", "AbortError")), _(e, {
|
|
762
|
+
status: "cancelled",
|
|
763
|
+
finishedAt: Date.now()
|
|
764
|
+
});
|
|
765
|
+
i.filter((e) => e.status === "queued").forEach((e) => _(e.id, {
|
|
766
|
+
status: "cancelled",
|
|
767
|
+
finishedAt: Date.now()
|
|
768
|
+
})), d?.dispose(), g(), u.clear();
|
|
769
|
+
}
|
|
770
|
+
}
|
|
771
|
+
};
|
|
772
|
+
return C;
|
|
773
|
+
}
|
|
774
|
+
// src/components/FileEngine/FileEngineContext.ts
|
|
775
|
+
var dt = ve(null), ft = null;
|
|
776
|
+
function pt() {
|
|
777
|
+
return ft ||= ut(), ft;
|
|
778
|
+
}
|
|
779
|
+
function mt() {
|
|
780
|
+
return be(dt) ?? pt();
|
|
781
|
+
}
|
|
782
|
+
function ht() {
|
|
783
|
+
let e = mt();
|
|
784
|
+
return {
|
|
785
|
+
jobs: we(e.subscribe, e.getJobs, e.getJobs),
|
|
786
|
+
submit: D((t) => e.submit(t), [e]),
|
|
787
|
+
cancel: D((t) => e.cancel(t), [e]),
|
|
788
|
+
retry: D((t) => e.retry(t), [e]),
|
|
789
|
+
deliver: D((t, n) => e.deliver(t, n), [e]),
|
|
790
|
+
wait: D((t) => e.wait(t), [e]),
|
|
791
|
+
clear: D((t) => e.clear(t), [e]),
|
|
792
|
+
engine: e
|
|
793
|
+
};
|
|
794
|
+
}
|
|
795
|
+
function gt(e) {
|
|
796
|
+
let t = mt(), n = D(() => e ? t.getJobs().find((t) => t.id === e) : void 0, [t, e]);
|
|
797
|
+
return we(t.subscribe, n, n);
|
|
798
|
+
}
|
|
799
|
+
// src/components/Charts/menuPlacement.ts
|
|
800
|
+
function _t(e, t, n, { align: r = "end", offset: i = 4, margin: a = 8 } = {}) {
|
|
801
|
+
let o = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), s = e.top + e.height, c = n.height - a - (s + i), l = e.top - i - a, u = t.height <= c || c >= l ? "below" : "above", d = u === "below" ? s + i : e.top - i - t.height;
|
|
802
|
+
return {
|
|
803
|
+
left: o(r === "end" ? e.left + e.width - t.width : e.left, a, n.width - t.width - a),
|
|
804
|
+
top: o(d, a, n.height - t.height - a),
|
|
805
|
+
side: u
|
|
806
|
+
};
|
|
807
|
+
}
|
|
808
|
+
function vt(e, t, n) {
|
|
809
|
+
return {
|
|
810
|
+
x: e.left - t,
|
|
811
|
+
y: e.top - n
|
|
812
|
+
};
|
|
813
|
+
}
|
|
814
|
+
// src/components/Charts/AnchoredMenu.tsx
|
|
815
|
+
var yt = () => ({
|
|
816
|
+
width: document.documentElement.clientWidth || window.innerWidth,
|
|
817
|
+
height: document.documentElement.clientHeight || window.innerHeight
|
|
818
|
+
});
|
|
819
|
+
function bt({ trigger: e, items: t, onSelect: n, align: r = "end", "aria-label": i }) {
|
|
820
|
+
let a = _(), o = k(null), s = k(null), c = k([]), [l, u] = A(!1), [d, f] = A(-1), p = D((e) => {
|
|
821
|
+
u(!1), f(-1), e && o.current?.querySelector("button")?.focus({ preventScroll: !0 });
|
|
822
|
+
}, []), m = D(() => {
|
|
823
|
+
let e = o.current, t = s.current;
|
|
824
|
+
if (!e || !t) return;
|
|
825
|
+
let n = vt(t.getBoundingClientRect(), parseFloat(t.style.left) || 0, parseFloat(t.style.top) || 0), i = _t(e.getBoundingClientRect(), {
|
|
826
|
+
width: t.offsetWidth,
|
|
827
|
+
height: t.offsetHeight
|
|
828
|
+
}, yt(), { align: r });
|
|
829
|
+
t.style.left = `${Math.round(i.left - n.x)}px`, t.style.top = `${Math.round(i.top - n.y)}px`, t.style.visibility = "visible", t.dataset.side = i.side;
|
|
830
|
+
}, [r]);
|
|
831
|
+
Se(() => {
|
|
832
|
+
l && m();
|
|
833
|
+
}, [
|
|
834
|
+
l,
|
|
835
|
+
m,
|
|
836
|
+
t.length
|
|
837
|
+
]), O(() => {
|
|
838
|
+
if (!l) return;
|
|
839
|
+
let e = 0, t = () => {
|
|
840
|
+
cancelAnimationFrame(e), e = requestAnimationFrame(m);
|
|
841
|
+
}, n = (e) => {
|
|
842
|
+
let t = e.target;
|
|
843
|
+
!s.current?.contains(t) && !o.current?.contains(t) && p(!1);
|
|
844
|
+
};
|
|
845
|
+
return window.addEventListener("scroll", t, !0), window.addEventListener("resize", t), document.addEventListener("pointerdown", n, !0), () => {
|
|
846
|
+
cancelAnimationFrame(e), window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t), document.removeEventListener("pointerdown", n, !0);
|
|
847
|
+
};
|
|
848
|
+
}, [
|
|
849
|
+
l,
|
|
850
|
+
m,
|
|
851
|
+
p
|
|
852
|
+
]), O(() => {
|
|
853
|
+
l && d >= 0 && c.current[d]?.focus({ preventScroll: !0 });
|
|
854
|
+
}, [l, d]);
|
|
855
|
+
let h = (e) => {
|
|
856
|
+
u(!0), f(e && t.length ? 0 : -1);
|
|
857
|
+
}, g = (e) => f((n) => n < 0 ? e > 0 ? 0 : t.length - 1 : (n + e + t.length) % t.length);
|
|
858
|
+
return /* @__PURE__ */ M(Te, { children: [/* @__PURE__ */ j("span", {
|
|
859
|
+
ref: o,
|
|
860
|
+
className: "chart-menu-anchor",
|
|
861
|
+
children: _e(e, {
|
|
862
|
+
"aria-haspopup": "menu",
|
|
863
|
+
"aria-expanded": l,
|
|
864
|
+
onClick: (t) => {
|
|
865
|
+
e.props.onClick?.(t), l ? p(!1) : h(!1);
|
|
866
|
+
},
|
|
867
|
+
onKeyDown: (t) => {
|
|
868
|
+
e.props.onKeyDown?.(t), l || t.key !== "ArrowDown" && t.key !== "Enter" && t.key !== " " || (t.preventDefault(), h(!0));
|
|
869
|
+
}
|
|
870
|
+
})
|
|
871
|
+
}), l && a && Ee(/* @__PURE__ */ j("div", {
|
|
872
|
+
ref: s,
|
|
873
|
+
className: "chart-menu",
|
|
874
|
+
role: "menu",
|
|
875
|
+
"aria-label": i,
|
|
876
|
+
tabIndex: -1,
|
|
877
|
+
style: {
|
|
878
|
+
left: 0,
|
|
879
|
+
top: 0,
|
|
880
|
+
visibility: "hidden"
|
|
881
|
+
},
|
|
882
|
+
onKeyDown: (e) => {
|
|
883
|
+
switch (e.key) {
|
|
884
|
+
case "ArrowDown":
|
|
885
|
+
e.preventDefault(), g(1);
|
|
886
|
+
break;
|
|
887
|
+
case "ArrowUp":
|
|
888
|
+
e.preventDefault(), g(-1);
|
|
889
|
+
break;
|
|
890
|
+
case "Home":
|
|
891
|
+
e.preventDefault(), f(0);
|
|
892
|
+
break;
|
|
893
|
+
case "End":
|
|
894
|
+
e.preventDefault(), f(t.length - 1);
|
|
895
|
+
break;
|
|
896
|
+
case "Escape":
|
|
897
|
+
e.preventDefault(), e.stopPropagation(), p(!0);
|
|
898
|
+
break;
|
|
899
|
+
case "Tab": p(!1);
|
|
900
|
+
}
|
|
901
|
+
},
|
|
902
|
+
children: t.map((e, t) => /* @__PURE__ */ M("button", {
|
|
903
|
+
ref: (e) => {
|
|
904
|
+
c.current[t] = e;
|
|
905
|
+
},
|
|
906
|
+
type: "button",
|
|
907
|
+
role: "menuitem",
|
|
908
|
+
tabIndex: d === t ? 0 : -1,
|
|
909
|
+
className: `chart-menu-item${d === t ? " chart-menu-item--cursor" : ""}`,
|
|
910
|
+
onMouseEnter: () => f(t),
|
|
911
|
+
onClick: () => {
|
|
912
|
+
p(!0), n(e.value);
|
|
913
|
+
},
|
|
914
|
+
children: [e.icon && /* @__PURE__ */ j("span", {
|
|
915
|
+
className: "chart-menu-item-icon",
|
|
916
|
+
"aria-hidden": !0,
|
|
917
|
+
children: e.icon
|
|
918
|
+
}), e.label]
|
|
919
|
+
}, e.value))
|
|
920
|
+
}), a)] });
|
|
921
|
+
}
|
|
922
|
+
// src/components/Charts/chartImage.ts
|
|
923
|
+
var U = {
|
|
924
|
+
background: "#ffffff",
|
|
925
|
+
text: "#0f0f0f",
|
|
926
|
+
muted: "#616161",
|
|
927
|
+
faint: "#737373",
|
|
928
|
+
line: "#e6e6e6",
|
|
929
|
+
track: "#ebebeb",
|
|
930
|
+
slots: oe.light,
|
|
931
|
+
heat: C.light
|
|
932
|
+
}, W = 28, G = 16, xt = 22, St = 14, Ct = 12, K = 20, q = 28, J = 220, wt = 220, Y = 44, Tt = 80, Et = 300, Dt = 36, Ot = 3, kt = 10, At = 50, X = 664, jt = (e) => ({
|
|
933
|
+
title: `700 ${xt}px ${e}`,
|
|
934
|
+
report: `600 ${St}px ${e}`,
|
|
935
|
+
big: `700 ${Y}px ${e}`,
|
|
936
|
+
bold: `700 ${St}px ${e}`,
|
|
937
|
+
text: `400 ${St}px ${e}`,
|
|
938
|
+
small: `400 ${Ct}px ${e}`
|
|
939
|
+
});
|
|
940
|
+
function Mt(e) {
|
|
941
|
+
if (e.format) return e.format;
|
|
942
|
+
let t;
|
|
943
|
+
try {
|
|
944
|
+
t = new Intl.NumberFormat(e.locale);
|
|
945
|
+
} catch {
|
|
946
|
+
t = new Intl.NumberFormat();
|
|
947
|
+
}
|
|
948
|
+
return (e) => t.format(e);
|
|
949
|
+
}
|
|
950
|
+
function Nt(e, t) {
|
|
951
|
+
try {
|
|
952
|
+
return new Intl.DateTimeFormat(t, {
|
|
953
|
+
dateStyle: "medium",
|
|
954
|
+
timeStyle: "short"
|
|
955
|
+
}).format(e);
|
|
956
|
+
} catch {
|
|
957
|
+
return e.toLocaleString();
|
|
958
|
+
}
|
|
959
|
+
}
|
|
960
|
+
var Pt = (e, t) => {
|
|
961
|
+
let n = e.reduce((e, t) => e + t.value, 0);
|
|
962
|
+
return e.map((e) => ({
|
|
963
|
+
slot: e.slot,
|
|
964
|
+
label: e.label,
|
|
965
|
+
value: `${t(e.value)} · ${s(l(e.value, n))}`
|
|
966
|
+
}));
|
|
967
|
+
};
|
|
968
|
+
function Ft(e) {
|
|
969
|
+
switch (e.kind) {
|
|
970
|
+
case "donut":
|
|
971
|
+
case "pie": return Math.max(J, e.slices.length * q);
|
|
972
|
+
case "stacked": return 48 + Math.ceil(e.slices.length / 2) * q;
|
|
973
|
+
case "bars": return (e.series.length > 1 ? q : 0) + Math.max(1, e.data.length) * q;
|
|
974
|
+
case "columns": return (e.series.length > 1 ? 44 + Math.ceil(e.series.length / 2) * q : 0) + wt + K + 8;
|
|
975
|
+
case "line": return 264 + Math.ceil(e.series.length / 2) * q;
|
|
976
|
+
case "progress": return Math.max(1, e.rows.length) * At;
|
|
977
|
+
case "number": return Y + ((e.points?.length ?? 0) > 1 ? 116 : 0) + (e.previous === void 0 ? 0 : 24);
|
|
978
|
+
case "gauge": return Rt(e.rows.length, e.variant ?? "half").height + 8 + 40;
|
|
979
|
+
case "funnel": return Math.max(1, e.steps.length) * Dt;
|
|
980
|
+
case "treemap": return 316 + Math.ceil(e.nodes.length / 2) * q;
|
|
981
|
+
case "calendar": {
|
|
982
|
+
let { cell: t } = Lt(S(e.days).weeks);
|
|
983
|
+
return K + 7 * (t + It) + G + q;
|
|
984
|
+
}
|
|
985
|
+
}
|
|
986
|
+
}
|
|
987
|
+
var It = 3;
|
|
988
|
+
function Lt(e) {
|
|
989
|
+
return { cell: Math.max(4, Math.min(16, 608 / Math.max(1, e) - It)) };
|
|
990
|
+
}
|
|
991
|
+
function Rt(e, t) {
|
|
992
|
+
let n = X / Math.max(1, e), r = te[t], i = Math.min(t === "half" ? 260 : 200, n - 24);
|
|
993
|
+
return {
|
|
994
|
+
cell: n,
|
|
995
|
+
width: i,
|
|
996
|
+
height: i * r.height / r.width,
|
|
997
|
+
k: i / r.width
|
|
998
|
+
};
|
|
999
|
+
}
|
|
1000
|
+
function Z(e, t, n) {
|
|
1001
|
+
if (e.measureText(t).width <= n) return t;
|
|
1002
|
+
let r = 0, i = t.length;
|
|
1003
|
+
for (; r < i;) {
|
|
1004
|
+
let a = Math.ceil((r + i) / 2);
|
|
1005
|
+
e.measureText(`${t.slice(0, a)}…`).width <= n ? r = a : i = a - 1;
|
|
1006
|
+
}
|
|
1007
|
+
return `${t.slice(0, r)}…`;
|
|
1008
|
+
}
|
|
1009
|
+
function zt(e, t, n, r = Ot) {
|
|
1010
|
+
if (r <= 1 || e.measureText(t).width <= n) return [Z(e, t, n)];
|
|
1011
|
+
let i = t.split(" "), a = "", o = 0;
|
|
1012
|
+
for (; o < i.length; o++) {
|
|
1013
|
+
let t = a ? `${a} ${i[o]}` : i[o];
|
|
1014
|
+
if (e.measureText(t).width > n) break;
|
|
1015
|
+
a = t;
|
|
1016
|
+
}
|
|
1017
|
+
return a ? [a, ...zt(e, i.slice(o).join(" "), n, r - 1)] : [Z(e, t, n)];
|
|
1018
|
+
}
|
|
1019
|
+
function Bt(e, t, n, r) {
|
|
1020
|
+
e.fillStyle = E(r, "light"), e.fillRect(t, n - 6, 12, 12);
|
|
1021
|
+
}
|
|
1022
|
+
function Q(e, t, n, r, i, a, o) {
|
|
1023
|
+
let s = (a - (o - 1) * G) / o;
|
|
1024
|
+
t.forEach((t, a) => {
|
|
1025
|
+
let c = r + a % o * (s + G), l = i + Math.floor(a / o) * q + q / 2;
|
|
1026
|
+
Bt(e, c, l, t.slot), e.font = n.bold, e.textAlign = "right", e.fillStyle = U.text, e.fillText(t.value, c + s, l);
|
|
1027
|
+
let u = e.measureText(t.value).width;
|
|
1028
|
+
e.font = n.text, e.textAlign = "left", e.fillText(Z(e, t.label, s - 20 - u - 10), c + 20, l);
|
|
1029
|
+
});
|
|
1030
|
+
}
|
|
1031
|
+
function Vt(e, n, r, i, a, o) {
|
|
1032
|
+
let c = J / 100, u = r + J / 2, d = 40 * c;
|
|
1033
|
+
e.lineWidth = 16 * c, e.lineCap = "butt";
|
|
1034
|
+
let f = (e) => -Math.PI / 2 + e / ae * 2 * Math.PI, p = t(n);
|
|
1035
|
+
p.length || (e.globalAlpha = .5, e.strokeStyle = U.slots.rest, e.beginPath(), e.arc(138, u, d, 0, 2 * Math.PI), e.stroke(), e.globalAlpha = 1);
|
|
1036
|
+
for (let t of p) e.strokeStyle = E(t.slice.slot, "light"), e.beginPath(), e.arc(138, u, d, f(t.start), f(t.start + t.length)), e.stroke();
|
|
1037
|
+
let m = n.reduce((e, t) => e + t.value, 0), h = n[0];
|
|
1038
|
+
e.textAlign = "center", m > 0 && h ? (e.font = o.title, e.fillStyle = U.text, e.fillText(s(l(h.value, m)), 138, u - 6), e.font = o.small, e.fillStyle = U.muted, e.fillText(Z(e, h.label.toLowerCase(), d * 1.3), 138, u + 16)) : (e.font = o.small, e.fillStyle = U.muted, e.fillText(a.empty, 138, u));
|
|
1039
|
+
let g = Pt(n, i);
|
|
1040
|
+
Q(e, g, o, 276, r + Math.max(0, (J - g.length * q) / 2), 416, 1);
|
|
1041
|
+
}
|
|
1042
|
+
var $ = (e) => e - Math.PI / 2;
|
|
1043
|
+
function Ht(t, n, r, i, a, o) {
|
|
1044
|
+
let c = J / 100, l = r + J / 2, u = e(n);
|
|
1045
|
+
u.length || (t.globalAlpha = .5, t.fillStyle = U.slots.rest, t.beginPath(), t.arc(138, l, 48 * c, 0, 2 * Math.PI), t.fill(), t.globalAlpha = 1, t.font = o.small, t.textAlign = "center", t.fillStyle = U.text, t.fillText(a.empty, 138, l)), t.lineWidth = 2, t.lineJoin = "round";
|
|
1046
|
+
for (let e of u) t.fillStyle = E(e.slice.slot, "light"), t.strokeStyle = U.background, t.beginPath(), u.length > 1 && t.moveTo(138, l), t.arc(138, l, 48 * c, $(e.a0), $(e.a1)), t.closePath(), t.fill(), u.length > 1 && t.stroke();
|
|
1047
|
+
t.font = o.bold, t.textAlign = "center";
|
|
1048
|
+
for (let e of u) e.label && (t.fillStyle = se(E(e.slice.slot, "light")), t.fillText(s(e.share), W + e.label.x * c, r + e.label.y * c));
|
|
1049
|
+
let d = Pt(n, i);
|
|
1050
|
+
Q(t, d, o, 276, r + Math.max(0, (J - d.length * q) / 2), 416, 1);
|
|
1051
|
+
}
|
|
1052
|
+
function Ut(e, t, n, r, i) {
|
|
1053
|
+
let a = t.reduce((e, t) => e + t.value, 0), o = t.filter((e) => e.value > 0), s = Math.max(0, o.length - 1) * 2, c = W;
|
|
1054
|
+
e.fillStyle = U.track, a || e.fillRect(W, n, X, 32);
|
|
1055
|
+
for (let t of o) {
|
|
1056
|
+
let r = (X - s) * t.value / a;
|
|
1057
|
+
e.fillStyle = E(t.slot, "light"), e.fillRect(c, n, r, 32), c += r + 2;
|
|
1058
|
+
}
|
|
1059
|
+
Q(e, Pt(t, r), i, W, n + 32 + G, X, 2);
|
|
1060
|
+
}
|
|
1061
|
+
function Wt(e, t, n, r) {
|
|
1062
|
+
let i = W;
|
|
1063
|
+
e.font = r.text, e.textAlign = "left";
|
|
1064
|
+
for (let r of t) Bt(e, i, n, r.slot), e.fillStyle = U.text, e.fillText(r.label, i + 18, n), i += 18 + e.measureText(r.label).width + 24;
|
|
1065
|
+
}
|
|
1066
|
+
function Gt(e, t, n, r, i, a, o) {
|
|
1067
|
+
let c = r;
|
|
1068
|
+
n.length > 1 && (Wt(e, n, c + q / 2, o), c += q);
|
|
1069
|
+
let u = t.map((e) => le(e, n)), d = u.reduce((e, t) => e + t, 0);
|
|
1070
|
+
if (!d) {
|
|
1071
|
+
e.font = o.text, e.fillStyle = U.muted, e.textAlign = "left", e.fillText(a.empty, W, c + q / 2);
|
|
1072
|
+
return;
|
|
1073
|
+
}
|
|
1074
|
+
let f = ie(u), p = Math.min(200, X * .3), m = 239.2, h = 310.8;
|
|
1075
|
+
t.forEach((t, r) => {
|
|
1076
|
+
let a = c + r * q + q / 2;
|
|
1077
|
+
e.font = o.text, e.textAlign = "left", e.fillStyle = U.text, e.fillText(Z(e, t.fullLabel ?? t.label, p), W, a), e.fillStyle = U.track, e.fillRect(m, a - 7, h, 14);
|
|
1078
|
+
let g = m;
|
|
1079
|
+
for (let r of n) {
|
|
1080
|
+
let i = t.values[r.key] ?? 0;
|
|
1081
|
+
if (!i) continue;
|
|
1082
|
+
let o = i / f * h;
|
|
1083
|
+
e.fillStyle = E(n.length === 1 && t.slot ? t.slot : r.slot, "light"), e.fillRect(g, a - 7, o, 14), g += o;
|
|
1084
|
+
}
|
|
1085
|
+
e.font = o.bold, e.textAlign = "right", e.fillStyle = U.text, e.fillText(n.length === 1 ? `${i(u[r])} · ${s(l(u[r], d))}` : i(u[r]), 692, a);
|
|
1086
|
+
});
|
|
1087
|
+
}
|
|
1088
|
+
function Kt(e, t, n, r, i, a) {
|
|
1089
|
+
let o = r + wt;
|
|
1090
|
+
e.font = a.small, e.textAlign = "right", e.lineWidth = 1;
|
|
1091
|
+
for (let r of t) {
|
|
1092
|
+
let t = o - r / n * 204;
|
|
1093
|
+
e.fillStyle = U.faint, e.fillText(i(r), 76, t), e.strokeStyle = U.line, e.setLineDash(r === 0 ? [] : [4, 4]), e.beginPath(), e.moveTo(84, t), e.lineTo(692, t), e.stroke();
|
|
1094
|
+
}
|
|
1095
|
+
return e.setLineDash([]), {
|
|
1096
|
+
plotX: 84,
|
|
1097
|
+
plotW: 608,
|
|
1098
|
+
bottom: o,
|
|
1099
|
+
plotH: 204
|
|
1100
|
+
};
|
|
1101
|
+
}
|
|
1102
|
+
function qt(e, t, n, r, i, a, o, c) {
|
|
1103
|
+
let u = t.flatMap((e) => n.map((t) => e.values[t.key] ?? 0)), { max: f, ticks: p } = T(u), { plotX: m, plotW: h, bottom: g, plotH: _ } = Kt(e, p, f, i, a, c);
|
|
1104
|
+
if (!u.some((e) => e > 0)) e.textAlign = "center", e.fillStyle = U.muted, e.fillText(o.empty, m + h / 2, i + wt / 2);
|
|
1105
|
+
else {
|
|
1106
|
+
e.lineWidth = 2, e.lineJoin = "round";
|
|
1107
|
+
for (let i of n) {
|
|
1108
|
+
let n = d(t.map((e) => e.values[i.key] ?? 0), h, _, f).map((e) => ({
|
|
1109
|
+
x: m + e.x,
|
|
1110
|
+
y: g - _ + e.y
|
|
1111
|
+
})), a = E(i.slot, "light");
|
|
1112
|
+
r && n.length && (e.globalAlpha = .14, e.fillStyle = a, e.beginPath(), n.forEach((t, n) => n ? e.lineTo(t.x, t.y) : e.moveTo(t.x, t.y)), e.lineTo(n[n.length - 1].x, g), e.lineTo(n[0].x, g), e.closePath(), e.fill(), e.globalAlpha = 1), e.strokeStyle = a, e.beginPath(), n.forEach((t, n) => n ? e.lineTo(t.x, t.y) : e.moveTo(t.x, t.y)), e.stroke();
|
|
1113
|
+
}
|
|
1114
|
+
}
|
|
1115
|
+
e.font = c.small, e.fillStyle = U.muted;
|
|
1116
|
+
let v = x(t.length, 6);
|
|
1117
|
+
for (let n of v) {
|
|
1118
|
+
let r = m + ne(n, t.length, h);
|
|
1119
|
+
e.textAlign = n === 0 ? "left" : n === t.length - 1 ? "right" : "center", e.fillText(Z(e, t[n].label, h / v.length), r, g + K / 2 + 4);
|
|
1120
|
+
}
|
|
1121
|
+
let y = n.map((e) => t.reduce((t, n) => t + (n.values[e.key] ?? 0), 0)), b = y.reduce((e, t) => e + t, 0);
|
|
1122
|
+
Q(e, n.map((e, t) => ({
|
|
1123
|
+
slot: e.slot,
|
|
1124
|
+
label: e.label,
|
|
1125
|
+
value: n.length > 1 ? `${a(y[t])} · ${s(l(y[t], b))}` : `${o.total}: ${a(y[t])}`
|
|
1126
|
+
})), c, W, g + K + 8 + G, X, 2);
|
|
1127
|
+
}
|
|
1128
|
+
function Jt(e, t, n, r, a, o, c, u) {
|
|
1129
|
+
let d = a;
|
|
1130
|
+
n.length > 1 && (Wt(e, n, d + q / 2, u), d += q);
|
|
1131
|
+
let p = r === "grouped" && n.length > 1, m = t.map((e) => le(e, n)), { max: h, ticks: g } = T(y(t, n, p ? "grouped" : "stacked")), { plotX: _, plotW: v, bottom: b } = Kt(e, g, h, d, o, u);
|
|
1132
|
+
if (!m.some((e) => e > 0)) {
|
|
1133
|
+
e.textAlign = "center", e.fillStyle = U.muted, e.fillText(c.empty, _ + v / 2, d + wt / 2);
|
|
1134
|
+
return;
|
|
1135
|
+
}
|
|
1136
|
+
if (n.length > 1) {
|
|
1137
|
+
let r = n.map((e) => t.reduce((t, n) => t + (n.values[e.key] ?? 0), 0)), i = r.reduce((e, t) => e + t, 0);
|
|
1138
|
+
Q(e, n.map((e, t) => ({
|
|
1139
|
+
slot: e.slot,
|
|
1140
|
+
label: e.label,
|
|
1141
|
+
value: `${o(r[t])} · ${s(l(r[t], i))}`
|
|
1142
|
+
})), u, W, b + K + 8 + G, X, 2);
|
|
1143
|
+
}
|
|
1144
|
+
let x = v / Math.max(1, t.length), S = p ? Math.min(24 * n.length, x * .8) : Math.min(48, x * .6), C = i(n.length, S, 2);
|
|
1145
|
+
t.forEach((r, i) => {
|
|
1146
|
+
let a = _ + i * x + (x - S) / 2, s = b;
|
|
1147
|
+
n.forEach((t, n) => {
|
|
1148
|
+
let i = r.values[t.key] ?? 0;
|
|
1149
|
+
if (!i) return;
|
|
1150
|
+
let o = i / h * 204;
|
|
1151
|
+
e.fillStyle = E(t.slot, "light"), p ? (e.fillRect(a + C[n].x, b - o, C[n].width, o), s = Math.min(s, b - o)) : (e.fillRect(a, s - o, S, o), s -= o);
|
|
1152
|
+
}), e.textAlign = "center", m[i] && (e.font = u.small, e.fillStyle = U.text, e.fillText(o(m[i]), a + S / 2, s - 8)), f(i, t.length) && (e.font = u.small, e.fillStyle = U.muted, e.fillText(Z(e, r.label, x - 4), a + S / 2, b + K / 2 + 4));
|
|
1153
|
+
});
|
|
1154
|
+
}
|
|
1155
|
+
function Yt(e, t, n) {
|
|
1156
|
+
e.beginPath(), t.forEach((t, n) => n ? e.lineTo(t.x, t.y) : e.moveTo(t.x, t.y)), n !== void 0 && t.length && (e.lineTo(t[t.length - 1].x, n), e.lineTo(t[0].x, n), e.closePath());
|
|
1157
|
+
}
|
|
1158
|
+
function Xt(e, t, n, r, i, a) {
|
|
1159
|
+
let c = t.points ?? [];
|
|
1160
|
+
e.textAlign = "left", e.font = a.big, e.fillStyle = U.text;
|
|
1161
|
+
let l = r(t.value);
|
|
1162
|
+
e.fillText(l, W, n + Y / 2);
|
|
1163
|
+
let u = e.measureText(l).width, d = n + Y;
|
|
1164
|
+
if (t.previous !== void 0) {
|
|
1165
|
+
let r = m(t.current ?? c.reduce((e, t) => e + t.value, 0), t.previous), o = h(r.direction, t.good ?? "up"), l = r.direction === "up" ? "▲" : r.direction === "down" ? "▼" : "=";
|
|
1166
|
+
e.font = a.bold, e.fillStyle = E(o, "light"), e.fillText(`${l} ${r.percent === null ? i.deltaNew : s(Math.abs(r.percent))}`, W + u + 16, n + Y / 2 + 6);
|
|
1167
|
+
}
|
|
1168
|
+
if (c.length > 1) {
|
|
1169
|
+
d += G;
|
|
1170
|
+
let n = E(t.slot ?? 1, "light"), r = o(c.map((e) => e.value), X, Tt).map((e) => ({
|
|
1171
|
+
x: W + e.x,
|
|
1172
|
+
y: d + e.y
|
|
1173
|
+
}));
|
|
1174
|
+
e.globalAlpha = .14, e.fillStyle = n, Yt(e, r, d + Tt), e.fill(), e.globalAlpha = 1, e.strokeStyle = n, e.lineWidth = 2, e.lineJoin = "round", Yt(e, r), e.stroke(), d += Tt, e.font = a.small, e.fillStyle = U.muted, e.fillText(c[0].label, W, d + K / 2), e.textAlign = "right", e.fillText(c[c.length - 1].label, 692, d + K / 2), e.textAlign = "left", d += K;
|
|
1175
|
+
}
|
|
1176
|
+
t.previous !== void 0 && (e.font = a.small, e.fillStyle = U.faint, e.fillText(i.vsPrevious, W, d + 4 + K / 2));
|
|
1177
|
+
}
|
|
1178
|
+
function Zt(e, t, n, r, i, a) {
|
|
1179
|
+
if (t.reduce((e, t) => e + Math.max(0, t.value), 0) <= 0) {
|
|
1180
|
+
e.font = a.text, e.fillStyle = U.muted, e.textAlign = "left", e.fillText(i.empty, W, n + K / 2);
|
|
1181
|
+
return;
|
|
1182
|
+
}
|
|
1183
|
+
let o = c(t, X, Et);
|
|
1184
|
+
for (let t of o) {
|
|
1185
|
+
let i = t.parent ?? t.node, o = E(i.slot, "light"), s = !!t.node.children?.some((e) => e.value > 0);
|
|
1186
|
+
t.parent && (e.globalAlpha = ee(t.parent.children.filter((e) => e.value > 0).indexOf(t.node))), e.fillStyle = o, e.fillRect(W + t.rect.x + 1, n + t.rect.y + 1, Math.max(0, t.rect.w - 2), Math.max(0, t.rect.h - 2)), e.globalAlpha = 1, t.label && (e.textAlign = "left", e.fillStyle = se(o), e.font = a.bold, e.fillText(Z(e, t.node.label, t.rect.w - 12), W + t.rect.x + 6, n + t.rect.y + (s ? 9 : 12)), s || (e.font = a.small, e.fillText(Z(e, r(t.node.value), t.rect.w - 12), W + t.rect.x + 6, n + t.rect.y + 28)));
|
|
1187
|
+
}
|
|
1188
|
+
Q(e, Pt(t, r), a, W, n + Et + G, X, 2);
|
|
1189
|
+
}
|
|
1190
|
+
function Qt(e, t) {
|
|
1191
|
+
try {
|
|
1192
|
+
return new Intl.DateTimeFormat(e, {
|
|
1193
|
+
...t,
|
|
1194
|
+
timeZone: "UTC"
|
|
1195
|
+
});
|
|
1196
|
+
} catch {
|
|
1197
|
+
return new Intl.DateTimeFormat(void 0, {
|
|
1198
|
+
...t,
|
|
1199
|
+
timeZone: "UTC"
|
|
1200
|
+
});
|
|
1201
|
+
}
|
|
1202
|
+
}
|
|
1203
|
+
function $t(e, t, n, r, i, a, o) {
|
|
1204
|
+
let s = S(t), { cell: c } = Lt(s.weeks), l = c + It, u = n + K;
|
|
1205
|
+
e.font = a.small, e.textAlign = "left", e.fillStyle = U.muted;
|
|
1206
|
+
let d = Qt(o, { month: "short" });
|
|
1207
|
+
for (let t of s.months) e.fillText(d.format(b(`${t.month}-01`)), 84 + t.week * l, n + K / 2);
|
|
1208
|
+
let f = Qt(o, { weekday: "short" });
|
|
1209
|
+
for (let t = 0; t < 7; t += 2) e.fillText(Z(e, f.format(Date.UTC(2024, 0, 1 + t)), 50), W, u + t * l + c / 2);
|
|
1210
|
+
for (let t of s.cells) e.fillStyle = U.heat[t.level], e.fillRect(84 + t.week * l, u + t.weekday * l, c, c);
|
|
1211
|
+
let p = u + 7 * l + G + q / 2;
|
|
1212
|
+
e.fillStyle = U.muted, e.fillText(i.less, W, p);
|
|
1213
|
+
let m = W + e.measureText(i.less).width + 8;
|
|
1214
|
+
for (let t of U.heat) e.fillStyle = t, e.fillRect(m, p - 6, 12, 12), m += 15;
|
|
1215
|
+
e.fillStyle = U.muted, e.fillText(i.more, m + 5, p);
|
|
1216
|
+
let h = s.cells.reduce((e, t) => t.count > (e?.count ?? 0) ? t : e, null);
|
|
1217
|
+
e.textAlign = "right", e.font = a.bold, e.fillStyle = U.text;
|
|
1218
|
+
let g = Qt(o, { dateStyle: "medium" });
|
|
1219
|
+
e.fillText(`${i.total}: ${r(s.total)}${h ? ` · ${i.busiest}: ${g.format(b(h.day))} (${r(h.count)})` : ""}`, 692, p);
|
|
1220
|
+
}
|
|
1221
|
+
function en(e, t, n, r, i, a) {
|
|
1222
|
+
if (!t.some((e) => e.value > 0)) {
|
|
1223
|
+
e.font = a.text, e.fillStyle = U.muted, e.textAlign = "left", e.fillText(i.empty, W, n + K / 2);
|
|
1224
|
+
return;
|
|
1225
|
+
}
|
|
1226
|
+
let o = Math.min(180, X * .26), c = 317.36;
|
|
1227
|
+
ce(t).forEach(({ step: t, width: i, ofFirst: l, drop: u }, d) => {
|
|
1228
|
+
let f = n + d * Dt + Dt / 2;
|
|
1229
|
+
e.font = a.bold, e.textAlign = "left", e.fillStyle = U.text, e.fillText(Z(e, t.label, o), W, f);
|
|
1230
|
+
let p = Math.max(2, c * i), m = 212.64000000000001 + (c - p) / 2, h = E(t.slot, "light");
|
|
1231
|
+
e.fillStyle = h, e.fillRect(m, f - 13, p, 26), e.textAlign = "center";
|
|
1232
|
+
let g = r(t.value);
|
|
1233
|
+
e.measureText(g).width + 12 <= p ? (e.fillStyle = se(h), e.fillText(g, m + p / 2, f)) : (e.fillStyle = U.text, e.textAlign = "left", e.fillText(g, m + p + 6, f)), e.textAlign = "right", u !== null && (e.fillStyle = u === 0 ? U.muted : E(u > 0 ? "negative" : "positive", "light"), e.fillText(v(u), 692, f - 7)), e.font = a.small, e.fillStyle = U.muted, e.fillText(s(l), 692, u === null ? f : f + 8);
|
|
1234
|
+
});
|
|
1235
|
+
}
|
|
1236
|
+
function tn(e, t, n, r, i, a, o) {
|
|
1237
|
+
let { cell: c, width: u, height: d, k: f } = Rt(t.length, n), p = te[n];
|
|
1238
|
+
t.length ? t.forEach((t, m) => {
|
|
1239
|
+
let h = W + m * c + (c - u) / 2 + p.cx * f, _ = r + p.cy * f, v = l(t.value, t.total), { a0: y, a1: b, end: x } = g(n, v);
|
|
1240
|
+
e.lineWidth = 12 * f, e.lineCap = "round", e.strokeStyle = U.track, e.beginPath(), e.arc(h, _, p.r * f, $(y), $(b)), e.stroke(), v > 0 && (e.strokeStyle = E(w(t.color ?? 1, v), "light"), e.beginPath(), e.arc(h, _, p.r * f, $(y), $(Math.max(x, y + .01))), e.stroke()), e.lineCap = "butt", e.textAlign = "center", e.font = o.title, e.fillStyle = U.text, e.fillText(s(v), h, n === "half" ? _ - xt / 2 : _);
|
|
1241
|
+
let S = W + m * c + c / 2;
|
|
1242
|
+
e.font = o.bold, e.fillText(Z(e, t.label, c - 8), S, r + d + 8 + K / 2), e.font = o.text, e.fillStyle = U.muted, e.fillText(Z(e, `${a.ofTotal(i(t.value), i(t.total))} · ${s(v)}`, c - 8), S, r + d + 8 + K * 1.5);
|
|
1243
|
+
}) : (e.font = o.text, e.fillStyle = U.muted, e.textAlign = "left", e.fillText(a.empty, W, r + K / 2));
|
|
1244
|
+
}
|
|
1245
|
+
function nn(e, t, n, r, i, a) {
|
|
1246
|
+
t.length ? t.forEach((t, o) => {
|
|
1247
|
+
let c = n + o * At, l = t.total > 0 ? t.value / t.total * 100 : 0, u = `${i.ofTotal(r(t.value), r(t.total))} · ${s(l)}`;
|
|
1248
|
+
e.font = a.bold, e.textAlign = "right", e.fillStyle = U.text, e.fillText(u, 692, c + K / 2);
|
|
1249
|
+
let d = e.measureText(u).width;
|
|
1250
|
+
e.font = a.text, e.textAlign = "left", e.fillText(Z(e, t.label, X - d - 16), W, c + K / 2);
|
|
1251
|
+
let f = c + K + 4;
|
|
1252
|
+
e.fillStyle = U.track, e.fillRect(W, f, X, kt), e.fillStyle = E(w(t.color ?? 1, l), "light"), l > 0 && e.fillRect(W, f, X * Math.min(100, l) / 100, kt);
|
|
1253
|
+
}) : (e.font = a.text, e.fillStyle = U.muted, e.textAlign = "left", e.fillText(i.empty, W, n + K / 2));
|
|
1254
|
+
}
|
|
1255
|
+
function rn(e, t, n) {
|
|
1256
|
+
let r = e.getContext("2d");
|
|
1257
|
+
if (!r) throw Error("No 2D canvas");
|
|
1258
|
+
let i = jt(n.fontFamily), a = {
|
|
1259
|
+
...p,
|
|
1260
|
+
...t.labels
|
|
1261
|
+
}, o = Mt(t), s = n.pixelRatio ?? 2;
|
|
1262
|
+
r.font = i.text;
|
|
1263
|
+
let c = t.context ? zt(r, t.context, X) : [], l = W + ((t.report ? 24 : 0) + xt + 8 + c.length * K) + G + Ft(t.chart) + G + K + W;
|
|
1264
|
+
e.width = 720 * s, e.height = l * s, r.setTransform(s, 0, 0, s, 0, 0), r.textBaseline = "middle", r.fillStyle = U.background, r.fillRect(0, 0, 720, l);
|
|
1265
|
+
let u = W;
|
|
1266
|
+
r.textAlign = "left", t.report && (r.font = i.report, r.fillStyle = U.muted, r.fillText(Z(r, t.report, X), W, u + K / 2), u += 24), r.font = i.title, r.fillStyle = U.text, r.fillText(Z(r, t.title, X), W, u + xt / 2), u += 30, r.font = i.text, r.fillStyle = U.muted;
|
|
1267
|
+
for (let e of c) r.fillText(e, W, u + K / 2), u += K;
|
|
1268
|
+
u += G;
|
|
1269
|
+
let d = t.chart;
|
|
1270
|
+
switch (d.kind) {
|
|
1271
|
+
case "donut":
|
|
1272
|
+
Vt(r, d.slices, u, o, a, i);
|
|
1273
|
+
break;
|
|
1274
|
+
case "pie":
|
|
1275
|
+
Ht(r, d.slices, u, o, a, i);
|
|
1276
|
+
break;
|
|
1277
|
+
case "stacked":
|
|
1278
|
+
Ut(r, d.slices, u, o, i);
|
|
1279
|
+
break;
|
|
1280
|
+
case "bars":
|
|
1281
|
+
Gt(r, d.data, d.series, u, o, a, i);
|
|
1282
|
+
break;
|
|
1283
|
+
case "progress":
|
|
1284
|
+
nn(r, d.rows, u, o, a, i);
|
|
1285
|
+
break;
|
|
1286
|
+
case "columns":
|
|
1287
|
+
Jt(r, d.data, d.series, d.mode ?? "stacked", u, o, a, i);
|
|
1288
|
+
break;
|
|
1289
|
+
case "line":
|
|
1290
|
+
qt(r, d.data, d.series, !!d.area, u, o, a, i);
|
|
1291
|
+
break;
|
|
1292
|
+
case "number":
|
|
1293
|
+
Xt(r, d, u, o, a, i);
|
|
1294
|
+
break;
|
|
1295
|
+
case "gauge":
|
|
1296
|
+
tn(r, d.rows, d.variant ?? "half", u, o, a, i);
|
|
1297
|
+
break;
|
|
1298
|
+
case "funnel":
|
|
1299
|
+
en(r, d.steps, u, o, a, i);
|
|
1300
|
+
break;
|
|
1301
|
+
case "calendar":
|
|
1302
|
+
$t(r, d.days, u, o, a, i, t.locale);
|
|
1303
|
+
break;
|
|
1304
|
+
case "treemap": Zt(r, d.nodes, u, o, a, i);
|
|
1305
|
+
}
|
|
1306
|
+
u += Ft(d) + G, r.font = i.small, r.fillStyle = U.faint, r.textAlign = "left", r.fillText(Nt(t.at ?? /* @__PURE__ */ new Date(), t.locale), W, u + K / 2), t.branding && (r.textAlign = "right", r.fillText(Z(r, t.branding, X / 2), 692, u + K / 2));
|
|
1307
|
+
}
|
|
1308
|
+
function an(e) {
|
|
1309
|
+
return [
|
|
1310
|
+
e.report ?? "",
|
|
1311
|
+
e.title,
|
|
1312
|
+
e.context ?? "",
|
|
1313
|
+
e.branding ?? "",
|
|
1314
|
+
...on(e.chart)
|
|
1315
|
+
].join(" ");
|
|
1316
|
+
}
|
|
1317
|
+
function on(e) {
|
|
1318
|
+
switch (e.kind) {
|
|
1319
|
+
case "donut":
|
|
1320
|
+
case "pie":
|
|
1321
|
+
case "stacked": return e.slices.map((e) => e.label);
|
|
1322
|
+
case "funnel": return e.steps.map((e) => e.label);
|
|
1323
|
+
case "calendar": return [];
|
|
1324
|
+
case "treemap": return e.nodes.flatMap((e) => [e.label, ...(e.children ?? []).map((e) => e.label)]);
|
|
1325
|
+
case "progress":
|
|
1326
|
+
case "gauge": return e.rows.map((e) => e.label);
|
|
1327
|
+
case "number": return (e.points ?? []).map((e) => e.label);
|
|
1328
|
+
case "bars":
|
|
1329
|
+
case "columns":
|
|
1330
|
+
case "line": return [...e.data.map((e) => e.fullLabel ?? e.label), ...e.series.map((e) => e.label)];
|
|
1331
|
+
}
|
|
1332
|
+
}
|
|
1333
|
+
async function sn(e, t = {}) {
|
|
1334
|
+
let n = t.fontFamily || (typeof document < "u" ? getComputedStyle(document.body).fontFamily : "") || "sans-serif", r = jt(n);
|
|
1335
|
+
if (typeof document < "u" && document.fonts) {
|
|
1336
|
+
let t = an(e);
|
|
1337
|
+
await Promise.all([
|
|
1338
|
+
r.report,
|
|
1339
|
+
r.title,
|
|
1340
|
+
r.bold,
|
|
1341
|
+
r.text
|
|
1342
|
+
].map((e) => document.fonts.load(e, t).catch(() => []))), await document.fonts.ready;
|
|
1343
|
+
}
|
|
1344
|
+
let i = document.createElement("canvas");
|
|
1345
|
+
return rn(i, e, { fontFamily: n }), new Promise((e, t) => i.toBlob((n) => n ? e(n) : t(/* @__PURE__ */ Error("No image")), "image/png"));
|
|
1346
|
+
}
|
|
1347
|
+
function cn(e, t = /* @__PURE__ */ new Date(), n) {
|
|
1348
|
+
let r = [n, e].filter(Boolean).join(" ").trim().toLowerCase().replace(/[^\p{L}\p{M}\p{N}]+/gu, "-").replace(/^-+|-+$/g, "") || "chart", i = (e) => String(e).padStart(2, "0");
|
|
1349
|
+
return `${r}-${t.getFullYear()}-${i(t.getMonth() + 1)}-${i(t.getDate())}-${i(t.getHours())}${i(t.getMinutes())}.png`;
|
|
1350
|
+
}
|
|
1351
|
+
// src/components/Charts/ChartImageMenu.tsx
|
|
1352
|
+
var ln = 2e3;
|
|
1353
|
+
function un() {
|
|
1354
|
+
if (typeof navigator > "u") return {
|
|
1355
|
+
copy: !1,
|
|
1356
|
+
share: !1
|
|
1357
|
+
};
|
|
1358
|
+
let e = typeof navigator.clipboard?.write == "function" && typeof ClipboardItem < "u", t = !1;
|
|
1359
|
+
try {
|
|
1360
|
+
t = typeof navigator.share == "function" && typeof navigator.canShare == "function" && navigator.canShare({ files: [new File([], "chart.png", { type: "image/png" })] });
|
|
1361
|
+
} catch {
|
|
1362
|
+
t = !1;
|
|
1363
|
+
}
|
|
1364
|
+
return {
|
|
1365
|
+
copy: e,
|
|
1366
|
+
share: t
|
|
1367
|
+
};
|
|
1368
|
+
}
|
|
1369
|
+
var dn = (e) => /* @__PURE__ */ j("svg", {
|
|
1370
|
+
width: "16",
|
|
1371
|
+
height: "16",
|
|
1372
|
+
viewBox: "0 0 24 24",
|
|
1373
|
+
fill: "none",
|
|
1374
|
+
stroke: "currentColor",
|
|
1375
|
+
strokeWidth: "2",
|
|
1376
|
+
strokeLinecap: "round",
|
|
1377
|
+
strokeLinejoin: "round",
|
|
1378
|
+
"aria-hidden": !0,
|
|
1379
|
+
children: /* @__PURE__ */ j("path", { d: e })
|
|
1380
|
+
}), fn = () => dn("M12 4v11M7 10l5 5 5-5M5 20h14"), pn = () => dn("M9 9h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1zM5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1"), mn = () => /* @__PURE__ */ j("svg", {
|
|
1381
|
+
width: "16",
|
|
1382
|
+
height: "16",
|
|
1383
|
+
viewBox: "0 0 24 24",
|
|
1384
|
+
fill: "none",
|
|
1385
|
+
stroke: "currentColor",
|
|
1386
|
+
strokeWidth: "2",
|
|
1387
|
+
strokeLinecap: "round",
|
|
1388
|
+
strokeLinejoin: "round",
|
|
1389
|
+
"aria-hidden": !0,
|
|
1390
|
+
children: /* @__PURE__ */ j("path", { d: "M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7M16 6l-4-4-4 4M12 2v13" })
|
|
1391
|
+
});
|
|
1392
|
+
function hn(e) {
|
|
1393
|
+
let t = {
|
|
1394
|
+
...p,
|
|
1395
|
+
...u().charts,
|
|
1396
|
+
...e.labels
|
|
1397
|
+
}, r = mt(), i = n().locale, a = Ce(un, []), o = k(null), [s, c] = A(null);
|
|
1398
|
+
O(() => {
|
|
1399
|
+
if (!s) return;
|
|
1400
|
+
let e = setTimeout(() => c(null), ln);
|
|
1401
|
+
return () => clearTimeout(e);
|
|
1402
|
+
}, [s]);
|
|
1403
|
+
let l = [
|
|
1404
|
+
{
|
|
1405
|
+
value: "download",
|
|
1406
|
+
label: t.imageDownload,
|
|
1407
|
+
icon: /* @__PURE__ */ j(fn, {})
|
|
1408
|
+
},
|
|
1409
|
+
...a.copy ? [{
|
|
1410
|
+
value: "copy",
|
|
1411
|
+
label: t.imageCopy,
|
|
1412
|
+
icon: /* @__PURE__ */ j(pn, {})
|
|
1413
|
+
}] : [],
|
|
1414
|
+
...a.share ? [{
|
|
1415
|
+
value: "share",
|
|
1416
|
+
label: t.imageShare,
|
|
1417
|
+
icon: /* @__PURE__ */ j(mn, {})
|
|
1418
|
+
}] : []
|
|
1419
|
+
], d = async (n) => {
|
|
1420
|
+
c(null);
|
|
1421
|
+
let a = /* @__PURE__ */ new Date(), s = cn(e.title, a, e.report), l = () => sn({
|
|
1422
|
+
...e,
|
|
1423
|
+
locale: e.locale ?? i,
|
|
1424
|
+
at: a
|
|
1425
|
+
}, { fontFamily: o.current ? getComputedStyle(o.current).fontFamily : void 0 });
|
|
1426
|
+
try {
|
|
1427
|
+
if (n === "copy") {
|
|
1428
|
+
await navigator.clipboard.write([new ClipboardItem({ "image/png": l() })]), c({
|
|
1429
|
+
tone: "done",
|
|
1430
|
+
text: t.imageCopied
|
|
1431
|
+
});
|
|
1432
|
+
return;
|
|
1433
|
+
}
|
|
1434
|
+
let i = r.submit({
|
|
1435
|
+
format: "png",
|
|
1436
|
+
filename: s.replace(/\.png$/i, ""),
|
|
1437
|
+
title: e.title,
|
|
1438
|
+
action: n,
|
|
1439
|
+
dedupeKey: `dcs-chart-image:${s}:${n}`,
|
|
1440
|
+
notify: "awaiting-click",
|
|
1441
|
+
build: () => l()
|
|
1442
|
+
});
|
|
1443
|
+
(await r.wait(i))?.status === "failed" && c({
|
|
1444
|
+
tone: "failed",
|
|
1445
|
+
text: t.imageFailed
|
|
1446
|
+
});
|
|
1447
|
+
} catch (e) {
|
|
1448
|
+
e?.name !== "AbortError" && c({
|
|
1449
|
+
tone: "failed",
|
|
1450
|
+
text: t.imageFailed
|
|
1451
|
+
});
|
|
1452
|
+
}
|
|
1453
|
+
};
|
|
1454
|
+
return /* @__PURE__ */ M("span", {
|
|
1455
|
+
ref: o,
|
|
1456
|
+
className: "chart-root chart-image-menu",
|
|
1457
|
+
children: [/* @__PURE__ */ j(bt, {
|
|
1458
|
+
"aria-label": t.imageMenu,
|
|
1459
|
+
items: l,
|
|
1460
|
+
onSelect: (e) => void d(e),
|
|
1461
|
+
trigger: /* @__PURE__ */ j(rt, {
|
|
1462
|
+
variant: "text",
|
|
1463
|
+
color: "neutral",
|
|
1464
|
+
size: "xs",
|
|
1465
|
+
startIcon: /* @__PURE__ */ j(mn, {}),
|
|
1466
|
+
"aria-label": `${t.imageMenu}: ${e.title}`,
|
|
1467
|
+
tooltip: t.imageMenu
|
|
1468
|
+
})
|
|
1469
|
+
}), /* @__PURE__ */ j("span", {
|
|
1470
|
+
className: "chart-image-status",
|
|
1471
|
+
role: "status",
|
|
1472
|
+
"aria-live": "polite",
|
|
1473
|
+
"data-tone": s?.tone,
|
|
1474
|
+
children: s && /* @__PURE__ */ M(Te, { children: [s.tone === "done" && /* @__PURE__ */ j("span", {
|
|
1475
|
+
"aria-hidden": !0,
|
|
1476
|
+
children: "✓"
|
|
1477
|
+
}), s.text] })
|
|
1478
|
+
})]
|
|
1479
|
+
});
|
|
1480
|
+
}
|
|
1481
|
+
export { Oe as C, Be as S, et as _, rn as a, Je as b, _t as c, mt as d, gt as f, z as g, rt as h, cn as i, dt as l, ut as m, U as n, bt as o, V as p, sn as r, vt as s, hn as t, ht as u, $e as v, I as x, Ye as y };
|