@dcs-tech/ui 0.4.0 → 0.7.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.
Files changed (70) hide show
  1. package/README.md +27 -0
  2. package/dist/ChartImageMenu-C6MwKKjc.js +1494 -0
  3. package/dist/{ChartView-Cehrcr05.js → ChartView-nS4f4EU_.js} +514 -514
  4. package/dist/{SummaryChart-y27q_BBN.js → SummaryChart-CVg6i2mx.js} +2 -2
  5. package/dist/{SummaryImage-DDNEEu_K.js → SummaryImage-OHJHjCqe.js} +2 -2
  6. package/dist/{SummarySeeAll-0dX-_LFe.js → SummarySeeAll-BYrvXSJ6.js} +5 -5
  7. package/dist/assets/fileTask.worker-BHT1olUk.js +1 -0
  8. package/dist/columnValue-K98ElfJc.js +610 -0
  9. package/dist/exportContext-CJaIv8R-.js +166 -0
  10. package/dist/{exportEngine-DL-jEXFU.js → exportEngine-S8JHzYbS.js} +355 -356
  11. package/dist/file-worker.js +1 -0
  12. package/dist/fileActions-COf5Q4Eg.js +144 -0
  13. package/dist/{geometry-CG2nOEnw.js → geometry-ChwYB45B.js} +433 -497
  14. package/dist/index.js +8817 -8596
  15. package/dist/{defaults-DL745PK1.js → labels-CnqqTrne.js} +3 -79
  16. package/dist/runFileTask--4YjQH7Y.js +210 -0
  17. package/dist/scrollArea-DAlVT5U7.js +214 -0
  18. package/dist/style.css +1 -1
  19. package/dist/{summaryChartData-Djo73zb8.js → summaryChartData-pNvzaEHp.js} +1 -1
  20. package/dist/types/components/Charts/parts.d.ts +1 -1
  21. package/dist/types/components/Collapsible/index.d.ts +1 -1
  22. package/dist/types/components/DataTable/DataTable.d.ts +1 -1
  23. package/dist/types/components/DataTable/cards/cardFields.d.ts +2 -4
  24. package/dist/types/components/DataTable/columnValue.d.ts +19 -0
  25. package/dist/types/components/DataTable/export/exportCells.d.ts +13 -0
  26. package/dist/types/components/DataTable/export/exportEngine.d.ts +13 -4
  27. package/dist/types/components/DataTable/export/useTableExport.d.ts +2 -0
  28. package/dist/types/components/DataTable/host.d.ts +2 -0
  29. package/dist/types/components/DataTable/index.d.ts +1 -1
  30. package/dist/types/components/DataTable/labels.d.ts +2 -0
  31. package/dist/types/components/DataTable/types.d.ts +11 -0
  32. package/dist/types/components/DataTable/useTable.d.ts +4 -1
  33. package/dist/types/components/DataTable/vendor/index.d.ts +1 -1
  34. package/dist/types/components/Dialog/DialogHost.d.ts +1 -0
  35. package/dist/types/components/EditableTable/EditableTableCell.d.ts +1 -1
  36. package/dist/types/components/FileEngine/FileEngineContext.d.ts +17 -0
  37. package/dist/types/components/FileEngine/FileEngineProvider.d.ts +31 -0
  38. package/dist/types/components/FileEngine/FileJobsTray.d.ts +10 -0
  39. package/dist/types/components/FileEngine/index.d.ts +8 -0
  40. package/dist/types/components/FileEngine/labels.d.ts +29 -0
  41. package/dist/types/components/Toast/ToastHost.d.ts +1 -0
  42. package/dist/types/components/UIProvider/UIFormatContext.d.ts +7 -0
  43. package/dist/types/components/UIProvider/UIHostContext.d.ts +20 -0
  44. package/dist/types/components/UIProvider/UILabelsContext.d.ts +116 -0
  45. package/dist/types/components/UIProvider/UIProvider.d.ts +8 -1
  46. package/dist/types/components/UIProvider/index.d.ts +6 -0
  47. package/dist/types/core/logic/collapsible.logic.d.ts +6 -1
  48. package/dist/types/core/logic/datePicker.logic.d.ts +5 -0
  49. package/dist/types/core/logic/exportSafety.logic.d.ts +1 -0
  50. package/dist/types/core/logic/fileQueue.logic.d.ts +28 -0
  51. package/dist/types/core/logic/format.logic.d.ts +4 -0
  52. package/dist/types/core/logic/index.d.ts +4 -0
  53. package/dist/types/core/logic/tableDate.logic.d.ts +7 -0
  54. package/dist/types/core/logic/tableSummary.logic.d.ts +2 -2
  55. package/dist/types/core/types/collapsible.types.d.ts +4 -16
  56. package/dist/types/core/types/fileEngine.types.d.ts +116 -0
  57. package/dist/types/core/types/form.types.d.ts +4 -0
  58. package/dist/types/core/types/format.types.d.ts +15 -0
  59. package/dist/types/core/types/index.d.ts +2 -0
  60. package/dist/types/core/types/table.types.d.ts +1 -0
  61. package/dist/types/{components/DataTable/vendor → file}/fileActions.d.ts +17 -7
  62. package/dist/types/file/fileEngine.d.ts +49 -0
  63. package/dist/types/file/tasks/fileTask.worker.d.ts +1 -0
  64. package/dist/types/file/tasks/runFileTask.d.ts +9 -0
  65. package/dist/types/file/workerPool.d.ts +18 -0
  66. package/dist/types/index.d.ts +11 -2
  67. package/package.json +3 -2
  68. package/dist/ChartImageMenu-HILSfn5A.js +0 -1115
  69. package/dist/exportContext-CdpsOzE8.js +0 -235
  70. package/dist/scrollArea-CkPGDYH2.js +0 -210
@@ -0,0 +1,1494 @@
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, l as de, n as fe, o as pe, u as me } from "./fileActions-COf5Q4Eg.js";
4
+ import { t as he } from "./runFileTask--4YjQH7Y.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 = () => {
509
+ let t = e.create();
510
+ return e.init !== void 0 && t.postMessage(e.init), {
511
+ worker: t,
512
+ started: !1
513
+ };
514
+ }, o = (r) => {
515
+ n.delete(r), t.length < e.size ? t.push(r) : r.worker.terminate();
516
+ }, s = (e) => {
517
+ n.delete(e), e.worker.terminate();
518
+ };
519
+ return {
520
+ get broken() {
521
+ return r;
522
+ },
523
+ run(e, { signal: c, progress: l }) {
524
+ return new Promise((u, d) => {
525
+ if (r) return d(new B("unavailable", "Workers are unavailable"));
526
+ if (c.aborted) return d(new DOMException("Aborted", "AbortError"));
527
+ let f;
528
+ try {
529
+ f = t.pop() ?? a();
530
+ } catch (e) {
531
+ return r = !0, d(new B("unavailable", `Worker could not be created: ${String(e)}`));
532
+ }
533
+ n.add(f);
534
+ let p = ++i, m = () => {
535
+ f.worker.removeEventListener("message", h), f.worker.removeEventListener("error", g), f.worker.removeEventListener("messageerror", _), c.removeEventListener("abort", v);
536
+ }, h = (e) => {
537
+ let t = e.data;
538
+ if (t && t.id === p) {
539
+ if (f.started = !0, t.type === "progress") return l(t.fraction);
540
+ m(), o(f), t.type === "done" ? u(t.buffer) : d(Error(t.message));
541
+ }
542
+ }, g = (e) => {
543
+ e.preventDefault?.(), m(), s(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")));
544
+ }, _ = () => {
545
+ m(), s(f), d(/* @__PURE__ */ Error("The file worker sent a message that could not be read"));
546
+ }, v = () => {
547
+ m(), s(f), d(c.reason ?? new DOMException("Aborted", "AbortError"));
548
+ };
549
+ f.worker.addEventListener("message", h), f.worker.addEventListener("error", g), f.worker.addEventListener("messageerror", _), c.addEventListener("abort", v);
550
+ try {
551
+ f.worker.postMessage({
552
+ type: "run",
553
+ id: p,
554
+ task: e
555
+ });
556
+ } catch (e) {
557
+ m(), o(f), d(new B("uncloneable", e instanceof Error ? e.message : String(e)));
558
+ }
559
+ });
560
+ },
561
+ dispose() {
562
+ for (let e of [...t, ...n]) e.worker.terminate();
563
+ t.length = 0, n.clear();
564
+ }
565
+ };
566
+ }
567
+ // src/file/fileEngine.ts
568
+ var V = class extends Error {
569
+ constructor(e, t) {
570
+ super(t), this.name = "FileEngineError", this.code = e;
571
+ }
572
+ }, at = (e, t, n) => ue(e, me(t.filename) + pe(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-BHT1olUk.js", import.meta.url), { type: "module" }), ct = () => typeof Worker < "u", lt = 0;
573
+ function ut(e = {}) {
574
+ 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 = () => {
575
+ if (!f) return null;
576
+ if (!d) {
577
+ let n = typeof navigator < "u" && navigator.hardwareConcurrency ? navigator.hardwareConcurrency : t.concurrency;
578
+ d = it({
579
+ size: Math.max(1, Math.min(t.concurrency, n)),
580
+ create: e.createWorker ?? st,
581
+ ...e.pdfFonts ? { init: {
582
+ type: "init",
583
+ pdfFonts: e.pdfFonts
584
+ } } : {}
585
+ });
586
+ }
587
+ return d;
588
+ }, m = async (t, n, r) => {
589
+ let i = p(), a;
590
+ if (i && !i.broken) try {
591
+ a = await i.run(t, r);
592
+ } catch (n) {
593
+ if (!(n instanceof B)) throw n;
594
+ a = await he(t, {
595
+ ...r,
596
+ pdfFonts: e.pdfFonts
597
+ });
598
+ }
599
+ else a = await he(t, {
600
+ ...r,
601
+ pdfFonts: e.pdfFonts
602
+ });
603
+ return new Blob([a], { type: fe[n] });
604
+ }, h = (e) => i.find((t) => t.id === e), g = () => u.forEach((e) => e()), _ = (e, t) => {
605
+ i = i.map((n) => n.id === e ? {
606
+ ...n,
607
+ ...t
608
+ } : n);
609
+ }, v = (e) => {
610
+ if (!e.length) return;
611
+ let t = new Set(e);
612
+ i = i.filter((e) => !t.has(e.id)), e.forEach((e) => {
613
+ s.delete(e), c.delete(e);
614
+ });
615
+ }, y = (e, t) => {
616
+ let n = l.get(e);
617
+ n && (clearTimeout(n.timer), l.delete(e), t !== void 0 && n.controller.abort(t));
618
+ }, b = () => {
619
+ v(ze(i, t.keepFinished)), o || F(i, t.concurrency).forEach(S), g();
620
+ }, x = (e, t) => {
621
+ let n = h(e);
622
+ n && (Ie(n) ? _(e, {
623
+ status: "queued",
624
+ progress: 0,
625
+ error: H(t)
626
+ }) : _(e, {
627
+ status: "failed",
628
+ finishedAt: Date.now(),
629
+ error: H(t)
630
+ }));
631
+ }, S = (e) => {
632
+ let n = s.get(e), r = h(e);
633
+ if (!n || !r) return;
634
+ let i = new AbortController(), a = setTimeout(() => {
635
+ if (!l.has(e)) return;
636
+ let n = new V("timeout", `Timed out after ${t.timeoutMs} ms`);
637
+ y(e, n), x(e, n), b();
638
+ }, t.timeoutMs);
639
+ l.set(e, {
640
+ controller: i,
641
+ timer: a
642
+ }), _(e, {
643
+ status: "running",
644
+ attempts: r.attempts + 1,
645
+ startedAt: Date.now(),
646
+ progress: 0,
647
+ error: void 0
648
+ });
649
+ let o = () => l.get(e)?.controller === i, u = (t) => {
650
+ if (!o()) return;
651
+ let n = h(e), r = n ? Le(n.progress, t) : null;
652
+ r !== null && (_(e, { progress: r }), g());
653
+ }, d;
654
+ try {
655
+ let e = {
656
+ signal: i.signal,
657
+ progress: u
658
+ };
659
+ d = n.task ? m(n.task, r.format, e) : n.build(e);
660
+ } catch (e) {
661
+ d = Promise.reject(e);
662
+ }
663
+ Promise.resolve(d).then((e) => e instanceof Blob ? e : de(r.format, e)).then((t) => {
664
+ if (!o()) return;
665
+ y(e), c.set(e, t);
666
+ let i = Re(r.action ?? "download", {
667
+ activationActive: ot(),
668
+ sinceSubmitMs: Date.now() - r.createdAt
669
+ });
670
+ _(e, {
671
+ status: "ready",
672
+ progress: 1,
673
+ finishedAt: Date.now(),
674
+ awaitingClick: i === "wait"
675
+ });
676
+ let a = h(e);
677
+ try {
678
+ n.onReady?.(t, a);
679
+ } catch {}
680
+ b(), i === "now" && C.deliver(e);
681
+ }).catch((t) => {
682
+ o() && (y(e), x(e, t), b());
683
+ });
684
+ }, C = {
685
+ submit(e) {
686
+ if (o) throw new V("disposed", "The file engine has been disposed");
687
+ let n = Fe(i, e, t.maxQueued);
688
+ if (n.kind === "reject") throw new V("queue-full", `The file queue is full (${t.maxQueued} waiting)`);
689
+ if (n.kind === "reuse") return n.id;
690
+ n.cancel.forEach((e) => C.cancel(e));
691
+ let c = r + ++a, l = Number.isInteger(e.retry) && e.retry > 0 ? e.retry : 0;
692
+ return s.set(c, e), i = [...i, {
693
+ id: c,
694
+ format: e.task ? e.task.kind : e.format,
695
+ filename: e.filename,
696
+ ...e.title ? { title: e.title } : {},
697
+ action: e.action ?? "download",
698
+ priority: e.priority ?? "normal",
699
+ ...e.dedupeKey ? { dedupeKey: e.dedupeKey } : {},
700
+ status: "queued",
701
+ progress: 0,
702
+ attempts: 0,
703
+ retry: l,
704
+ notify: e.notify ?? "all",
705
+ seq: a,
706
+ createdAt: Date.now()
707
+ }], b(), c;
708
+ },
709
+ cancel(e) {
710
+ let t = h(e);
711
+ t && !P(t) && (y(e, new DOMException("Cancelled", "AbortError")), c.delete(e), _(e, {
712
+ status: "cancelled",
713
+ finishedAt: Date.now(),
714
+ awaitingClick: !1
715
+ }), b());
716
+ },
717
+ retry(e) {
718
+ let t = h(e);
719
+ t && s.has(e) && (t.status === "failed" || t.status === "cancelled") && (_(e, {
720
+ status: "queued",
721
+ attempts: 0,
722
+ progress: 0,
723
+ error: void 0,
724
+ finishedAt: void 0,
725
+ seq: ++a
726
+ }), b());
727
+ },
728
+ async deliver(e, t) {
729
+ let r = h(e), i = c.get(e);
730
+ if (!r || r.status !== "ready" || !i) return;
731
+ let a = t ?? r.action;
732
+ try {
733
+ if (a !== "none" && await n(i, r, a), h(e)?.status !== "ready") return;
734
+ c.delete(e), _(e, {
735
+ status: "delivered",
736
+ finishedAt: Date.now(),
737
+ awaitingClick: !1
738
+ });
739
+ } catch (t) {
740
+ if (h(e)?.status !== "ready") return;
741
+ c.delete(e), _(e, {
742
+ status: "failed",
743
+ finishedAt: Date.now(),
744
+ error: H(t),
745
+ awaitingClick: !1
746
+ });
747
+ }
748
+ b();
749
+ },
750
+ wait(e) {
751
+ let t = () => {
752
+ let t = h(e);
753
+ if (t) return P(t) || t.status === "ready" && t.awaitingClick ? t : null;
754
+ }, n = t();
755
+ return n === null ? new Promise((e) => {
756
+ let n = C.subscribe(() => {
757
+ let r = t();
758
+ r !== null && (n(), e(r));
759
+ });
760
+ }) : Promise.resolve(n);
761
+ },
762
+ clear(e) {
763
+ v(i.filter((t) => (P(t) || e && t.status === "ready") && (!e || e(t))).map((e) => e.id)), g();
764
+ },
765
+ getJobs: () => i,
766
+ subscribe(e) {
767
+ return u.add(e), () => {
768
+ u.delete(e);
769
+ };
770
+ },
771
+ dispose() {
772
+ if (!o) {
773
+ o = !0;
774
+ for (let e of [...l.keys()]) y(e, new DOMException("Disposed", "AbortError")), _(e, {
775
+ status: "cancelled",
776
+ finishedAt: Date.now()
777
+ });
778
+ i.filter((e) => e.status === "queued").forEach((e) => _(e.id, {
779
+ status: "cancelled",
780
+ finishedAt: Date.now()
781
+ })), d?.dispose(), g(), u.clear();
782
+ }
783
+ }
784
+ };
785
+ return C;
786
+ }
787
+ // src/components/FileEngine/FileEngineContext.ts
788
+ var dt = ve(null), ft = null;
789
+ function pt() {
790
+ return ft ||= ut(), ft;
791
+ }
792
+ function mt() {
793
+ return be(dt) ?? pt();
794
+ }
795
+ function ht() {
796
+ let e = mt();
797
+ return {
798
+ jobs: we(e.subscribe, e.getJobs, e.getJobs),
799
+ submit: D((t) => e.submit(t), [e]),
800
+ cancel: D((t) => e.cancel(t), [e]),
801
+ retry: D((t) => e.retry(t), [e]),
802
+ deliver: D((t, n) => e.deliver(t, n), [e]),
803
+ wait: D((t) => e.wait(t), [e]),
804
+ clear: D((t) => e.clear(t), [e]),
805
+ engine: e
806
+ };
807
+ }
808
+ function gt(e) {
809
+ let t = mt(), n = D(() => e ? t.getJobs().find((t) => t.id === e) : void 0, [t, e]);
810
+ return we(t.subscribe, n, n);
811
+ }
812
+ // src/components/Charts/menuPlacement.ts
813
+ function _t(e, t, n, { align: r = "end", offset: i = 4, margin: a = 8 } = {}) {
814
+ 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;
815
+ return {
816
+ left: o(r === "end" ? e.left + e.width - t.width : e.left, a, n.width - t.width - a),
817
+ top: o(d, a, n.height - t.height - a),
818
+ side: u
819
+ };
820
+ }
821
+ function vt(e, t, n) {
822
+ return {
823
+ x: e.left - t,
824
+ y: e.top - n
825
+ };
826
+ }
827
+ // src/components/Charts/AnchoredMenu.tsx
828
+ var yt = () => ({
829
+ width: document.documentElement.clientWidth || window.innerWidth,
830
+ height: document.documentElement.clientHeight || window.innerHeight
831
+ });
832
+ function bt({ trigger: e, items: t, onSelect: n, align: r = "end", "aria-label": i }) {
833
+ let a = _(), o = k(null), s = k(null), c = k([]), [l, u] = A(!1), [d, f] = A(-1), p = D((e) => {
834
+ u(!1), f(-1), e && o.current?.querySelector("button")?.focus({ preventScroll: !0 });
835
+ }, []), m = D(() => {
836
+ let e = o.current, t = s.current;
837
+ if (!e || !t) return;
838
+ let n = vt(t.getBoundingClientRect(), parseFloat(t.style.left) || 0, parseFloat(t.style.top) || 0), i = _t(e.getBoundingClientRect(), {
839
+ width: t.offsetWidth,
840
+ height: t.offsetHeight
841
+ }, yt(), { align: r });
842
+ 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;
843
+ }, [r]);
844
+ Se(() => {
845
+ l && m();
846
+ }, [
847
+ l,
848
+ m,
849
+ t.length
850
+ ]), O(() => {
851
+ if (!l) return;
852
+ let e = 0, t = () => {
853
+ cancelAnimationFrame(e), e = requestAnimationFrame(m);
854
+ }, n = (e) => {
855
+ let t = e.target;
856
+ !s.current?.contains(t) && !o.current?.contains(t) && p(!1);
857
+ };
858
+ return window.addEventListener("scroll", t, !0), window.addEventListener("resize", t), document.addEventListener("pointerdown", n, !0), () => {
859
+ cancelAnimationFrame(e), window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t), document.removeEventListener("pointerdown", n, !0);
860
+ };
861
+ }, [
862
+ l,
863
+ m,
864
+ p
865
+ ]), O(() => {
866
+ l && d >= 0 && c.current[d]?.focus({ preventScroll: !0 });
867
+ }, [l, d]);
868
+ let h = (e) => {
869
+ u(!0), f(e && t.length ? 0 : -1);
870
+ }, g = (e) => f((n) => n < 0 ? e > 0 ? 0 : t.length - 1 : (n + e + t.length) % t.length);
871
+ return /* @__PURE__ */ M(Te, { children: [/* @__PURE__ */ j("span", {
872
+ ref: o,
873
+ className: "chart-menu-anchor",
874
+ children: _e(e, {
875
+ "aria-haspopup": "menu",
876
+ "aria-expanded": l,
877
+ onClick: (t) => {
878
+ e.props.onClick?.(t), l ? p(!1) : h(!1);
879
+ },
880
+ onKeyDown: (t) => {
881
+ e.props.onKeyDown?.(t), l || t.key !== "ArrowDown" && t.key !== "Enter" && t.key !== " " || (t.preventDefault(), h(!0));
882
+ }
883
+ })
884
+ }), l && a && Ee(/* @__PURE__ */ j("div", {
885
+ ref: s,
886
+ className: "chart-menu",
887
+ role: "menu",
888
+ "aria-label": i,
889
+ tabIndex: -1,
890
+ style: {
891
+ left: 0,
892
+ top: 0,
893
+ visibility: "hidden"
894
+ },
895
+ onKeyDown: (e) => {
896
+ switch (e.key) {
897
+ case "ArrowDown":
898
+ e.preventDefault(), g(1);
899
+ break;
900
+ case "ArrowUp":
901
+ e.preventDefault(), g(-1);
902
+ break;
903
+ case "Home":
904
+ e.preventDefault(), f(0);
905
+ break;
906
+ case "End":
907
+ e.preventDefault(), f(t.length - 1);
908
+ break;
909
+ case "Escape":
910
+ e.preventDefault(), e.stopPropagation(), p(!0);
911
+ break;
912
+ case "Tab": p(!1);
913
+ }
914
+ },
915
+ children: t.map((e, t) => /* @__PURE__ */ M("button", {
916
+ ref: (e) => {
917
+ c.current[t] = e;
918
+ },
919
+ type: "button",
920
+ role: "menuitem",
921
+ tabIndex: d === t ? 0 : -1,
922
+ className: `chart-menu-item${d === t ? " chart-menu-item--cursor" : ""}`,
923
+ onMouseEnter: () => f(t),
924
+ onClick: () => {
925
+ p(!0), n(e.value);
926
+ },
927
+ children: [e.icon && /* @__PURE__ */ j("span", {
928
+ className: "chart-menu-item-icon",
929
+ "aria-hidden": !0,
930
+ children: e.icon
931
+ }), e.label]
932
+ }, e.value))
933
+ }), a)] });
934
+ }
935
+ // src/components/Charts/chartImage.ts
936
+ var U = {
937
+ background: "#ffffff",
938
+ text: "#0f0f0f",
939
+ muted: "#616161",
940
+ faint: "#737373",
941
+ line: "#e6e6e6",
942
+ track: "#ebebeb",
943
+ slots: oe.light,
944
+ heat: C.light
945
+ }, 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) => ({
946
+ title: `700 ${xt}px ${e}`,
947
+ report: `600 ${St}px ${e}`,
948
+ big: `700 ${Y}px ${e}`,
949
+ bold: `700 ${St}px ${e}`,
950
+ text: `400 ${St}px ${e}`,
951
+ small: `400 ${Ct}px ${e}`
952
+ });
953
+ function Mt(e) {
954
+ if (e.format) return e.format;
955
+ let t;
956
+ try {
957
+ t = new Intl.NumberFormat(e.locale);
958
+ } catch {
959
+ t = new Intl.NumberFormat();
960
+ }
961
+ return (e) => t.format(e);
962
+ }
963
+ function Nt(e, t) {
964
+ try {
965
+ return new Intl.DateTimeFormat(t, {
966
+ dateStyle: "medium",
967
+ timeStyle: "short"
968
+ }).format(e);
969
+ } catch {
970
+ return e.toLocaleString();
971
+ }
972
+ }
973
+ var Pt = (e, t) => {
974
+ let n = e.reduce((e, t) => e + t.value, 0);
975
+ return e.map((e) => ({
976
+ slot: e.slot,
977
+ label: e.label,
978
+ value: `${t(e.value)} · ${s(l(e.value, n))}`
979
+ }));
980
+ };
981
+ function Ft(e) {
982
+ switch (e.kind) {
983
+ case "donut":
984
+ case "pie": return Math.max(J, e.slices.length * q);
985
+ case "stacked": return 48 + Math.ceil(e.slices.length / 2) * q;
986
+ case "bars": return (e.series.length > 1 ? q : 0) + Math.max(1, e.data.length) * q;
987
+ case "columns": return (e.series.length > 1 ? 44 + Math.ceil(e.series.length / 2) * q : 0) + wt + K + 8;
988
+ case "line": return 264 + Math.ceil(e.series.length / 2) * q;
989
+ case "progress": return Math.max(1, e.rows.length) * At;
990
+ case "number": return Y + ((e.points?.length ?? 0) > 1 ? 116 : 0) + (e.previous === void 0 ? 0 : 24);
991
+ case "gauge": return Rt(e.rows.length, e.variant ?? "half").height + 8 + 40;
992
+ case "funnel": return Math.max(1, e.steps.length) * Dt;
993
+ case "treemap": return 316 + Math.ceil(e.nodes.length / 2) * q;
994
+ case "calendar": {
995
+ let { cell: t } = Lt(S(e.days).weeks);
996
+ return K + 7 * (t + It) + G + q;
997
+ }
998
+ }
999
+ }
1000
+ var It = 3;
1001
+ function Lt(e) {
1002
+ return { cell: Math.max(4, Math.min(16, 608 / Math.max(1, e) - It)) };
1003
+ }
1004
+ function Rt(e, t) {
1005
+ let n = X / Math.max(1, e), r = te[t], i = Math.min(t === "half" ? 260 : 200, n - 24);
1006
+ return {
1007
+ cell: n,
1008
+ width: i,
1009
+ height: i * r.height / r.width,
1010
+ k: i / r.width
1011
+ };
1012
+ }
1013
+ function Z(e, t, n) {
1014
+ if (e.measureText(t).width <= n) return t;
1015
+ let r = 0, i = t.length;
1016
+ for (; r < i;) {
1017
+ let a = Math.ceil((r + i) / 2);
1018
+ e.measureText(`${t.slice(0, a)}…`).width <= n ? r = a : i = a - 1;
1019
+ }
1020
+ return `${t.slice(0, r)}…`;
1021
+ }
1022
+ function zt(e, t, n, r = Ot) {
1023
+ if (r <= 1 || e.measureText(t).width <= n) return [Z(e, t, n)];
1024
+ let i = t.split(" "), a = "", o = 0;
1025
+ for (; o < i.length; o++) {
1026
+ let t = a ? `${a} ${i[o]}` : i[o];
1027
+ if (e.measureText(t).width > n) break;
1028
+ a = t;
1029
+ }
1030
+ return a ? [a, ...zt(e, i.slice(o).join(" "), n, r - 1)] : [Z(e, t, n)];
1031
+ }
1032
+ function Bt(e, t, n, r) {
1033
+ e.fillStyle = E(r, "light"), e.fillRect(t, n - 6, 12, 12);
1034
+ }
1035
+ function Q(e, t, n, r, i, a, o) {
1036
+ let s = (a - (o - 1) * G) / o;
1037
+ t.forEach((t, a) => {
1038
+ let c = r + a % o * (s + G), l = i + Math.floor(a / o) * q + q / 2;
1039
+ Bt(e, c, l, t.slot), e.font = n.bold, e.textAlign = "right", e.fillStyle = U.text, e.fillText(t.value, c + s, l);
1040
+ let u = e.measureText(t.value).width;
1041
+ e.font = n.text, e.textAlign = "left", e.fillText(Z(e, t.label, s - 20 - u - 10), c + 20, l);
1042
+ });
1043
+ }
1044
+ function Vt(e, n, r, i, a, o) {
1045
+ let c = J / 100, u = r + J / 2, d = 40 * c;
1046
+ e.lineWidth = 16 * c, e.lineCap = "butt";
1047
+ let f = (e) => -Math.PI / 2 + e / ae * 2 * Math.PI, p = t(n);
1048
+ 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);
1049
+ 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();
1050
+ let m = n.reduce((e, t) => e + t.value, 0), h = n[0];
1051
+ 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));
1052
+ let g = Pt(n, i);
1053
+ Q(e, g, o, 276, r + Math.max(0, (J - g.length * q) / 2), 416, 1);
1054
+ }
1055
+ var $ = (e) => e - Math.PI / 2;
1056
+ function Ht(t, n, r, i, a, o) {
1057
+ let c = J / 100, l = r + J / 2, u = e(n);
1058
+ 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";
1059
+ 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();
1060
+ t.font = o.bold, t.textAlign = "center";
1061
+ 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));
1062
+ let d = Pt(n, i);
1063
+ Q(t, d, o, 276, r + Math.max(0, (J - d.length * q) / 2), 416, 1);
1064
+ }
1065
+ function Ut(e, t, n, r, i) {
1066
+ 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;
1067
+ e.fillStyle = U.track, a || e.fillRect(W, n, X, 32);
1068
+ for (let t of o) {
1069
+ let r = (X - s) * t.value / a;
1070
+ e.fillStyle = E(t.slot, "light"), e.fillRect(c, n, r, 32), c += r + 2;
1071
+ }
1072
+ Q(e, Pt(t, r), i, W, n + 32 + G, X, 2);
1073
+ }
1074
+ function Wt(e, t, n, r) {
1075
+ let i = W;
1076
+ e.font = r.text, e.textAlign = "left";
1077
+ 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;
1078
+ }
1079
+ function Gt(e, t, n, r, i, a, o) {
1080
+ let c = r;
1081
+ n.length > 1 && (Wt(e, n, c + q / 2, o), c += q);
1082
+ let u = t.map((e) => le(e, n)), d = u.reduce((e, t) => e + t, 0);
1083
+ if (!d) {
1084
+ e.font = o.text, e.fillStyle = U.muted, e.textAlign = "left", e.fillText(a.empty, W, c + q / 2);
1085
+ return;
1086
+ }
1087
+ let f = ie(u), p = Math.min(200, X * .3), m = 239.2, h = 310.8;
1088
+ t.forEach((t, r) => {
1089
+ let a = c + r * q + q / 2;
1090
+ 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);
1091
+ let g = m;
1092
+ for (let r of n) {
1093
+ let i = t.values[r.key] ?? 0;
1094
+ if (!i) continue;
1095
+ let o = i / f * h;
1096
+ e.fillStyle = E(n.length === 1 && t.slot ? t.slot : r.slot, "light"), e.fillRect(g, a - 7, o, 14), g += o;
1097
+ }
1098
+ 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);
1099
+ });
1100
+ }
1101
+ function Kt(e, t, n, r, i, a) {
1102
+ let o = r + wt;
1103
+ e.font = a.small, e.textAlign = "right", e.lineWidth = 1;
1104
+ for (let r of t) {
1105
+ let t = o - r / n * 204;
1106
+ 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();
1107
+ }
1108
+ return e.setLineDash([]), {
1109
+ plotX: 84,
1110
+ plotW: 608,
1111
+ bottom: o,
1112
+ plotH: 204
1113
+ };
1114
+ }
1115
+ function qt(e, t, n, r, i, a, o, c) {
1116
+ 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);
1117
+ if (!u.some((e) => e > 0)) e.textAlign = "center", e.fillStyle = U.muted, e.fillText(o.empty, m + h / 2, i + wt / 2);
1118
+ else {
1119
+ e.lineWidth = 2, e.lineJoin = "round";
1120
+ for (let i of n) {
1121
+ let n = d(t.map((e) => e.values[i.key] ?? 0), h, _, f).map((e) => ({
1122
+ x: m + e.x,
1123
+ y: g - _ + e.y
1124
+ })), a = E(i.slot, "light");
1125
+ 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();
1126
+ }
1127
+ }
1128
+ e.font = c.small, e.fillStyle = U.muted;
1129
+ let v = x(t.length, 6);
1130
+ for (let n of v) {
1131
+ let r = m + ne(n, t.length, h);
1132
+ 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);
1133
+ }
1134
+ let y = n.map((e) => t.reduce((t, n) => t + (n.values[e.key] ?? 0), 0)), b = y.reduce((e, t) => e + t, 0);
1135
+ Q(e, n.map((e, t) => ({
1136
+ slot: e.slot,
1137
+ label: e.label,
1138
+ value: n.length > 1 ? `${a(y[t])} · ${s(l(y[t], b))}` : `${o.total}: ${a(y[t])}`
1139
+ })), c, W, g + K + 8 + G, X, 2);
1140
+ }
1141
+ function Jt(e, t, n, r, a, o, c, u) {
1142
+ let d = a;
1143
+ n.length > 1 && (Wt(e, n, d + q / 2, u), d += q);
1144
+ 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);
1145
+ if (!m.some((e) => e > 0)) {
1146
+ e.textAlign = "center", e.fillStyle = U.muted, e.fillText(c.empty, _ + v / 2, d + wt / 2);
1147
+ return;
1148
+ }
1149
+ if (n.length > 1) {
1150
+ let r = n.map((e) => t.reduce((t, n) => t + (n.values[e.key] ?? 0), 0)), i = r.reduce((e, t) => e + t, 0);
1151
+ Q(e, n.map((e, t) => ({
1152
+ slot: e.slot,
1153
+ label: e.label,
1154
+ value: `${o(r[t])} · ${s(l(r[t], i))}`
1155
+ })), u, W, b + K + 8 + G, X, 2);
1156
+ }
1157
+ 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);
1158
+ t.forEach((r, i) => {
1159
+ let a = _ + i * x + (x - S) / 2, s = b;
1160
+ n.forEach((t, n) => {
1161
+ let i = r.values[t.key] ?? 0;
1162
+ if (!i) return;
1163
+ let o = i / h * 204;
1164
+ 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);
1165
+ }), 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));
1166
+ });
1167
+ }
1168
+ function Yt(e, t, n) {
1169
+ 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());
1170
+ }
1171
+ function Xt(e, t, n, r, i, a) {
1172
+ let c = t.points ?? [];
1173
+ e.textAlign = "left", e.font = a.big, e.fillStyle = U.text;
1174
+ let l = r(t.value);
1175
+ e.fillText(l, W, n + Y / 2);
1176
+ let u = e.measureText(l).width, d = n + Y;
1177
+ if (t.previous !== void 0) {
1178
+ 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" ? "▼" : "=";
1179
+ 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);
1180
+ }
1181
+ if (c.length > 1) {
1182
+ d += G;
1183
+ let n = E(t.slot ?? 1, "light"), r = o(c.map((e) => e.value), X, Tt).map((e) => ({
1184
+ x: W + e.x,
1185
+ y: d + e.y
1186
+ }));
1187
+ 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;
1188
+ }
1189
+ t.previous !== void 0 && (e.font = a.small, e.fillStyle = U.faint, e.fillText(i.vsPrevious, W, d + 4 + K / 2));
1190
+ }
1191
+ function Zt(e, t, n, r, i, a) {
1192
+ if (t.reduce((e, t) => e + Math.max(0, t.value), 0) <= 0) {
1193
+ e.font = a.text, e.fillStyle = U.muted, e.textAlign = "left", e.fillText(i.empty, W, n + K / 2);
1194
+ return;
1195
+ }
1196
+ let o = c(t, X, Et);
1197
+ for (let t of o) {
1198
+ let i = t.parent ?? t.node, o = E(i.slot, "light"), s = !!t.node.children?.some((e) => e.value > 0);
1199
+ 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)));
1200
+ }
1201
+ Q(e, Pt(t, r), a, W, n + Et + G, X, 2);
1202
+ }
1203
+ function Qt(e, t) {
1204
+ try {
1205
+ return new Intl.DateTimeFormat(e, {
1206
+ ...t,
1207
+ timeZone: "UTC"
1208
+ });
1209
+ } catch {
1210
+ return new Intl.DateTimeFormat(void 0, {
1211
+ ...t,
1212
+ timeZone: "UTC"
1213
+ });
1214
+ }
1215
+ }
1216
+ function $t(e, t, n, r, i, a, o) {
1217
+ let s = S(t), { cell: c } = Lt(s.weeks), l = c + It, u = n + K;
1218
+ e.font = a.small, e.textAlign = "left", e.fillStyle = U.muted;
1219
+ let d = Qt(o, { month: "short" });
1220
+ for (let t of s.months) e.fillText(d.format(b(`${t.month}-01`)), 84 + t.week * l, n + K / 2);
1221
+ let f = Qt(o, { weekday: "short" });
1222
+ 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);
1223
+ for (let t of s.cells) e.fillStyle = U.heat[t.level], e.fillRect(84 + t.week * l, u + t.weekday * l, c, c);
1224
+ let p = u + 7 * l + G + q / 2;
1225
+ e.fillStyle = U.muted, e.fillText(i.less, W, p);
1226
+ let m = W + e.measureText(i.less).width + 8;
1227
+ for (let t of U.heat) e.fillStyle = t, e.fillRect(m, p - 6, 12, 12), m += 15;
1228
+ e.fillStyle = U.muted, e.fillText(i.more, m + 5, p);
1229
+ let h = s.cells.reduce((e, t) => t.count > (e?.count ?? 0) ? t : e, null);
1230
+ e.textAlign = "right", e.font = a.bold, e.fillStyle = U.text;
1231
+ let g = Qt(o, { dateStyle: "medium" });
1232
+ e.fillText(`${i.total}: ${r(s.total)}${h ? ` · ${i.busiest}: ${g.format(b(h.day))} (${r(h.count)})` : ""}`, 692, p);
1233
+ }
1234
+ function en(e, t, n, r, i, a) {
1235
+ if (!t.some((e) => e.value > 0)) {
1236
+ e.font = a.text, e.fillStyle = U.muted, e.textAlign = "left", e.fillText(i.empty, W, n + K / 2);
1237
+ return;
1238
+ }
1239
+ let o = Math.min(180, X * .26), c = 317.36;
1240
+ ce(t).forEach(({ step: t, width: i, ofFirst: l, drop: u }, d) => {
1241
+ let f = n + d * Dt + Dt / 2;
1242
+ e.font = a.bold, e.textAlign = "left", e.fillStyle = U.text, e.fillText(Z(e, t.label, o), W, f);
1243
+ let p = Math.max(2, c * i), m = 212.64000000000001 + (c - p) / 2, h = E(t.slot, "light");
1244
+ e.fillStyle = h, e.fillRect(m, f - 13, p, 26), e.textAlign = "center";
1245
+ let g = r(t.value);
1246
+ 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);
1247
+ });
1248
+ }
1249
+ function tn(e, t, n, r, i, a, o) {
1250
+ let { cell: c, width: u, height: d, k: f } = Rt(t.length, n), p = te[n];
1251
+ t.length ? t.forEach((t, m) => {
1252
+ 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);
1253
+ 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 : _);
1254
+ let S = W + m * c + c / 2;
1255
+ 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);
1256
+ }) : (e.font = o.text, e.fillStyle = U.muted, e.textAlign = "left", e.fillText(a.empty, W, r + K / 2));
1257
+ }
1258
+ function nn(e, t, n, r, i, a) {
1259
+ t.length ? t.forEach((t, o) => {
1260
+ 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)}`;
1261
+ e.font = a.bold, e.textAlign = "right", e.fillStyle = U.text, e.fillText(u, 692, c + K / 2);
1262
+ let d = e.measureText(u).width;
1263
+ e.font = a.text, e.textAlign = "left", e.fillText(Z(e, t.label, X - d - 16), W, c + K / 2);
1264
+ let f = c + K + 4;
1265
+ 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);
1266
+ }) : (e.font = a.text, e.fillStyle = U.muted, e.textAlign = "left", e.fillText(i.empty, W, n + K / 2));
1267
+ }
1268
+ function rn(e, t, n) {
1269
+ let r = e.getContext("2d");
1270
+ if (!r) throw Error("No 2D canvas");
1271
+ let i = jt(n.fontFamily), a = {
1272
+ ...p,
1273
+ ...t.labels
1274
+ }, o = Mt(t), s = n.pixelRatio ?? 2;
1275
+ r.font = i.text;
1276
+ 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;
1277
+ 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);
1278
+ let u = W;
1279
+ 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;
1280
+ for (let e of c) r.fillText(e, W, u + K / 2), u += K;
1281
+ u += G;
1282
+ let d = t.chart;
1283
+ switch (d.kind) {
1284
+ case "donut":
1285
+ Vt(r, d.slices, u, o, a, i);
1286
+ break;
1287
+ case "pie":
1288
+ Ht(r, d.slices, u, o, a, i);
1289
+ break;
1290
+ case "stacked":
1291
+ Ut(r, d.slices, u, o, i);
1292
+ break;
1293
+ case "bars":
1294
+ Gt(r, d.data, d.series, u, o, a, i);
1295
+ break;
1296
+ case "progress":
1297
+ nn(r, d.rows, u, o, a, i);
1298
+ break;
1299
+ case "columns":
1300
+ Jt(r, d.data, d.series, d.mode ?? "stacked", u, o, a, i);
1301
+ break;
1302
+ case "line":
1303
+ qt(r, d.data, d.series, !!d.area, u, o, a, i);
1304
+ break;
1305
+ case "number":
1306
+ Xt(r, d, u, o, a, i);
1307
+ break;
1308
+ case "gauge":
1309
+ tn(r, d.rows, d.variant ?? "half", u, o, a, i);
1310
+ break;
1311
+ case "funnel":
1312
+ en(r, d.steps, u, o, a, i);
1313
+ break;
1314
+ case "calendar":
1315
+ $t(r, d.days, u, o, a, i, t.locale);
1316
+ break;
1317
+ case "treemap": Zt(r, d.nodes, u, o, a, i);
1318
+ }
1319
+ 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));
1320
+ }
1321
+ function an(e) {
1322
+ return [
1323
+ e.report ?? "",
1324
+ e.title,
1325
+ e.context ?? "",
1326
+ e.branding ?? "",
1327
+ ...on(e.chart)
1328
+ ].join(" ");
1329
+ }
1330
+ function on(e) {
1331
+ switch (e.kind) {
1332
+ case "donut":
1333
+ case "pie":
1334
+ case "stacked": return e.slices.map((e) => e.label);
1335
+ case "funnel": return e.steps.map((e) => e.label);
1336
+ case "calendar": return [];
1337
+ case "treemap": return e.nodes.flatMap((e) => [e.label, ...(e.children ?? []).map((e) => e.label)]);
1338
+ case "progress":
1339
+ case "gauge": return e.rows.map((e) => e.label);
1340
+ case "number": return (e.points ?? []).map((e) => e.label);
1341
+ case "bars":
1342
+ case "columns":
1343
+ case "line": return [...e.data.map((e) => e.fullLabel ?? e.label), ...e.series.map((e) => e.label)];
1344
+ }
1345
+ }
1346
+ async function sn(e, t = {}) {
1347
+ let n = t.fontFamily || (typeof document < "u" ? getComputedStyle(document.body).fontFamily : "") || "sans-serif", r = jt(n);
1348
+ if (typeof document < "u" && document.fonts) {
1349
+ let t = an(e);
1350
+ await Promise.all([
1351
+ r.report,
1352
+ r.title,
1353
+ r.bold,
1354
+ r.text
1355
+ ].map((e) => document.fonts.load(e, t).catch(() => []))), await document.fonts.ready;
1356
+ }
1357
+ let i = document.createElement("canvas");
1358
+ return rn(i, e, { fontFamily: n }), new Promise((e, t) => i.toBlob((n) => n ? e(n) : t(/* @__PURE__ */ Error("No image")), "image/png"));
1359
+ }
1360
+ function cn(e, t = /* @__PURE__ */ new Date(), n) {
1361
+ 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");
1362
+ return `${r}-${t.getFullYear()}-${i(t.getMonth() + 1)}-${i(t.getDate())}-${i(t.getHours())}${i(t.getMinutes())}.png`;
1363
+ }
1364
+ // src/components/Charts/ChartImageMenu.tsx
1365
+ var ln = 2e3;
1366
+ function un() {
1367
+ if (typeof navigator > "u") return {
1368
+ copy: !1,
1369
+ share: !1
1370
+ };
1371
+ let e = typeof navigator.clipboard?.write == "function" && typeof ClipboardItem < "u", t = !1;
1372
+ try {
1373
+ t = typeof navigator.share == "function" && typeof navigator.canShare == "function" && navigator.canShare({ files: [new File([], "chart.png", { type: "image/png" })] });
1374
+ } catch {
1375
+ t = !1;
1376
+ }
1377
+ return {
1378
+ copy: e,
1379
+ share: t
1380
+ };
1381
+ }
1382
+ var dn = (e) => /* @__PURE__ */ j("svg", {
1383
+ width: "16",
1384
+ height: "16",
1385
+ viewBox: "0 0 24 24",
1386
+ fill: "none",
1387
+ stroke: "currentColor",
1388
+ strokeWidth: "2",
1389
+ strokeLinecap: "round",
1390
+ strokeLinejoin: "round",
1391
+ "aria-hidden": !0,
1392
+ children: /* @__PURE__ */ j("path", { d: e })
1393
+ }), 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", {
1394
+ width: "16",
1395
+ height: "16",
1396
+ viewBox: "0 0 24 24",
1397
+ fill: "none",
1398
+ stroke: "currentColor",
1399
+ strokeWidth: "2",
1400
+ strokeLinecap: "round",
1401
+ strokeLinejoin: "round",
1402
+ "aria-hidden": !0,
1403
+ 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" })
1404
+ });
1405
+ function hn(e) {
1406
+ let t = {
1407
+ ...p,
1408
+ ...u().charts,
1409
+ ...e.labels
1410
+ }, r = mt(), i = n().locale, a = Ce(un, []), o = k(null), [s, c] = A(null);
1411
+ O(() => {
1412
+ if (!s) return;
1413
+ let e = setTimeout(() => c(null), ln);
1414
+ return () => clearTimeout(e);
1415
+ }, [s]);
1416
+ let l = [
1417
+ {
1418
+ value: "download",
1419
+ label: t.imageDownload,
1420
+ icon: /* @__PURE__ */ j(fn, {})
1421
+ },
1422
+ ...a.copy ? [{
1423
+ value: "copy",
1424
+ label: t.imageCopy,
1425
+ icon: /* @__PURE__ */ j(pn, {})
1426
+ }] : [],
1427
+ ...a.share ? [{
1428
+ value: "share",
1429
+ label: t.imageShare,
1430
+ icon: /* @__PURE__ */ j(mn, {})
1431
+ }] : []
1432
+ ], d = async (n) => {
1433
+ c(null);
1434
+ let a = /* @__PURE__ */ new Date(), s = cn(e.title, a, e.report), l = () => sn({
1435
+ ...e,
1436
+ locale: e.locale ?? i,
1437
+ at: a
1438
+ }, { fontFamily: o.current ? getComputedStyle(o.current).fontFamily : void 0 });
1439
+ try {
1440
+ if (n === "copy") {
1441
+ await navigator.clipboard.write([new ClipboardItem({ "image/png": l() })]), c({
1442
+ tone: "done",
1443
+ text: t.imageCopied
1444
+ });
1445
+ return;
1446
+ }
1447
+ let i = r.submit({
1448
+ format: "png",
1449
+ filename: s.replace(/\.png$/i, ""),
1450
+ title: e.title,
1451
+ action: n,
1452
+ dedupeKey: `dcs-chart-image:${s}:${n}`,
1453
+ notify: "awaiting-click",
1454
+ build: () => l()
1455
+ });
1456
+ (await r.wait(i))?.status === "failed" && c({
1457
+ tone: "failed",
1458
+ text: t.imageFailed
1459
+ });
1460
+ } catch (e) {
1461
+ e?.name !== "AbortError" && c({
1462
+ tone: "failed",
1463
+ text: t.imageFailed
1464
+ });
1465
+ }
1466
+ };
1467
+ return /* @__PURE__ */ M("span", {
1468
+ ref: o,
1469
+ className: "chart-root chart-image-menu",
1470
+ children: [/* @__PURE__ */ j(bt, {
1471
+ "aria-label": t.imageMenu,
1472
+ items: l,
1473
+ onSelect: (e) => void d(e),
1474
+ trigger: /* @__PURE__ */ j(rt, {
1475
+ variant: "text",
1476
+ color: "neutral",
1477
+ size: "xs",
1478
+ startIcon: /* @__PURE__ */ j(mn, {}),
1479
+ "aria-label": `${t.imageMenu}: ${e.title}`,
1480
+ tooltip: t.imageMenu
1481
+ })
1482
+ }), /* @__PURE__ */ j("span", {
1483
+ className: "chart-image-status",
1484
+ role: "status",
1485
+ "aria-live": "polite",
1486
+ "data-tone": s?.tone,
1487
+ children: s && /* @__PURE__ */ M(Te, { children: [s.tone === "done" && /* @__PURE__ */ j("span", {
1488
+ "aria-hidden": !0,
1489
+ children: "✓"
1490
+ }), s.text] })
1491
+ })]
1492
+ });
1493
+ }
1494
+ 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 };