minerva-design 1.2.0 → 1.3.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/CHANGELOG.md +7 -0
- package/dist/charts/canvas.d.cts +4 -1
- package/dist/charts/canvas.d.ts +4 -1
- package/dist/charts/core.cjs +1 -1
- package/dist/charts/core.d.cts +5 -2
- package/dist/charts/core.d.ts +5 -2
- package/dist/charts/core.js +6 -4
- package/dist/charts/engine/canvas.cjs +1 -1
- package/dist/charts/engine/canvas.cjs.map +1 -1
- package/dist/charts/engine/canvas.js +65 -53
- package/dist/charts/engine/canvas.js.map +1 -1
- package/dist/charts/engine/chart.cjs +1 -2
- package/dist/charts/engine/chart.cjs.map +1 -1
- package/dist/charts/engine/chart.js +342 -323
- package/dist/charts/engine/chart.js.map +1 -1
- package/dist/charts/engine/color.cjs +1 -1
- package/dist/charts/engine/color.cjs.map +1 -1
- package/dist/charts/engine/color.d.cts +17 -0
- package/dist/charts/engine/color.d.ts +17 -0
- package/dist/charts/engine/color.js +27 -3
- package/dist/charts/engine/color.js.map +1 -1
- package/dist/charts/engine/controller.cjs +2 -2
- package/dist/charts/engine/controller.cjs.map +1 -1
- package/dist/charts/engine/controller.d.cts +6 -0
- package/dist/charts/engine/controller.d.ts +6 -0
- package/dist/charts/engine/controller.js +317 -253
- package/dist/charts/engine/controller.js.map +1 -1
- package/dist/charts/engine/curve.cjs +2 -0
- package/dist/charts/engine/curve.cjs.map +1 -0
- package/dist/charts/engine/curve.d.cts +15 -0
- package/dist/charts/engine/curve.d.ts +15 -0
- package/dist/charts/engine/curve.js +56 -0
- package/dist/charts/engine/curve.js.map +1 -0
- package/dist/charts/engine/data.cjs +1 -1
- package/dist/charts/engine/data.cjs.map +1 -1
- package/dist/charts/engine/data.d.cts +15 -2
- package/dist/charts/engine/data.d.ts +15 -2
- package/dist/charts/engine/data.js +98 -38
- package/dist/charts/engine/data.js.map +1 -1
- package/dist/charts/engine/dom.cjs +1 -1
- package/dist/charts/engine/dom.cjs.map +1 -1
- package/dist/charts/engine/dom.d.cts +5 -3
- package/dist/charts/engine/dom.d.ts +5 -3
- package/dist/charts/engine/dom.js +27 -22
- package/dist/charts/engine/dom.js.map +1 -1
- package/dist/charts/engine/items.cjs +1 -1
- package/dist/charts/engine/items.cjs.map +1 -1
- package/dist/charts/engine/items.js +132 -61
- package/dist/charts/engine/items.js.map +1 -1
- package/dist/charts/engine/model.cjs +1 -1
- package/dist/charts/engine/model.cjs.map +1 -1
- package/dist/charts/engine/model.d.cts +30 -3
- package/dist/charts/engine/model.d.ts +30 -3
- package/dist/charts/engine/model.js +225 -108
- package/dist/charts/engine/model.js.map +1 -1
- package/dist/charts/engine/overlay.cjs +1 -1
- package/dist/charts/engine/overlay.cjs.map +1 -1
- package/dist/charts/engine/overlay.d.cts +2 -0
- package/dist/charts/engine/overlay.d.ts +2 -0
- package/dist/charts/engine/overlay.js +16 -16
- package/dist/charts/engine/overlay.js.map +1 -1
- package/dist/charts/engine/presets.cjs +2 -2
- package/dist/charts/engine/presets.cjs.map +1 -1
- package/dist/charts/engine/presets.d.cts +71 -5
- package/dist/charts/engine/presets.d.ts +71 -5
- package/dist/charts/engine/presets.js +120 -33
- package/dist/charts/engine/presets.js.map +1 -1
- package/dist/charts/engine/renderers/canvas2d.cjs +1 -1
- package/dist/charts/engine/renderers/canvas2d.cjs.map +1 -1
- package/dist/charts/engine/renderers/canvas2d.js +149 -111
- package/dist/charts/engine/renderers/canvas2d.js.map +1 -1
- package/dist/charts/engine/renderers/range.cjs +1 -1
- package/dist/charts/engine/renderers/range.cjs.map +1 -1
- package/dist/charts/engine/renderers/range.js +4 -4
- package/dist/charts/engine/renderers/range.js.map +1 -1
- package/dist/charts/engine/renderers/shaders.cjs +37 -19
- package/dist/charts/engine/renderers/shaders.cjs.map +1 -1
- package/dist/charts/engine/renderers/shaders.d.cts +2 -2
- package/dist/charts/engine/renderers/shaders.d.ts +2 -2
- package/dist/charts/engine/renderers/shaders.js +37 -19
- package/dist/charts/engine/renderers/shaders.js.map +1 -1
- package/dist/charts/engine/renderers/types.cjs.map +1 -1
- package/dist/charts/engine/renderers/types.d.cts +11 -4
- package/dist/charts/engine/renderers/types.d.ts +11 -4
- package/dist/charts/engine/renderers/types.js.map +1 -1
- package/dist/charts/engine/renderers/webgl2.cjs +1 -1
- package/dist/charts/engine/renderers/webgl2.cjs.map +1 -1
- package/dist/charts/engine/renderers/webgl2.js +33 -12
- package/dist/charts/engine/renderers/webgl2.js.map +1 -1
- package/dist/charts/engine/renderers/webgpu.cjs +1 -1
- package/dist/charts/engine/renderers/webgpu.cjs.map +1 -1
- package/dist/charts/engine/renderers/webgpu.js +18 -15
- package/dist/charts/engine/renderers/webgpu.js.map +1 -1
- package/dist/charts/engine/scene.cjs +1 -1
- package/dist/charts/engine/scene.cjs.map +1 -1
- package/dist/charts/engine/scene.d.cts +19 -6
- package/dist/charts/engine/scene.d.ts +19 -6
- package/dist/charts/engine/scene.js +201 -89
- package/dist/charts/engine/scene.js.map +1 -1
- package/dist/charts/engine/shapes/canvas.cjs +2 -0
- package/dist/charts/engine/shapes/canvas.cjs.map +1 -0
- package/dist/charts/engine/shapes/canvas.d.cts +58 -0
- package/dist/charts/engine/shapes/canvas.d.ts +58 -0
- package/dist/charts/engine/shapes/canvas.js +159 -0
- package/dist/charts/engine/shapes/canvas.js.map +1 -0
- package/dist/charts/engine/shapes/chart.cjs +2 -0
- package/dist/charts/engine/shapes/chart.cjs.map +1 -0
- package/dist/charts/engine/shapes/chart.d.cts +6 -0
- package/dist/charts/engine/shapes/chart.d.ts +6 -0
- package/dist/charts/engine/shapes/chart.js +273 -0
- package/dist/charts/engine/shapes/chart.js.map +1 -0
- package/dist/charts/engine/shapes/draw.cjs +2 -0
- package/dist/charts/engine/shapes/draw.cjs.map +1 -0
- package/dist/charts/engine/shapes/draw.d.cts +20 -0
- package/dist/charts/engine/shapes/draw.d.ts +20 -0
- package/dist/charts/engine/shapes/draw.js +152 -0
- package/dist/charts/engine/shapes/draw.js.map +1 -0
- package/dist/charts/engine/shapes/funnel.cjs +2 -0
- package/dist/charts/engine/shapes/funnel.cjs.map +1 -0
- package/dist/charts/engine/shapes/funnel.d.cts +6 -0
- package/dist/charts/engine/shapes/funnel.d.ts +6 -0
- package/dist/charts/engine/shapes/funnel.js +149 -0
- package/dist/charts/engine/shapes/funnel.js.map +1 -0
- package/dist/charts/engine/shapes/gauge.cjs +2 -0
- package/dist/charts/engine/shapes/gauge.cjs.map +1 -0
- package/dist/charts/engine/shapes/gauge.d.cts +7 -0
- package/dist/charts/engine/shapes/gauge.d.ts +7 -0
- package/dist/charts/engine/shapes/gauge.js +173 -0
- package/dist/charts/engine/shapes/gauge.js.map +1 -0
- package/dist/charts/engine/shapes/hit.cjs +2 -0
- package/dist/charts/engine/shapes/hit.cjs.map +1 -0
- package/dist/charts/engine/shapes/hit.d.cts +28 -0
- package/dist/charts/engine/shapes/hit.d.ts +28 -0
- package/dist/charts/engine/shapes/hit.js +124 -0
- package/dist/charts/engine/shapes/hit.js.map +1 -0
- package/dist/charts/engine/shapes/index.d.cts +9 -0
- package/dist/charts/engine/shapes/index.d.ts +9 -0
- package/dist/charts/engine/shapes/layout.cjs +3 -0
- package/dist/charts/engine/shapes/layout.cjs.map +1 -0
- package/dist/charts/engine/shapes/layout.d.cts +88 -0
- package/dist/charts/engine/shapes/layout.d.ts +88 -0
- package/dist/charts/engine/shapes/layout.js +266 -0
- package/dist/charts/engine/shapes/layout.js.map +1 -0
- package/dist/charts/engine/shapes/pie.cjs +2 -0
- package/dist/charts/engine/shapes/pie.cjs.map +1 -0
- package/dist/charts/engine/shapes/pie.d.cts +20 -0
- package/dist/charts/engine/shapes/pie.d.ts +20 -0
- package/dist/charts/engine/shapes/pie.js +302 -0
- package/dist/charts/engine/shapes/pie.js.map +1 -0
- package/dist/charts/engine/shapes/radar.cjs +2 -0
- package/dist/charts/engine/shapes/radar.cjs.map +1 -0
- package/dist/charts/engine/shapes/radar.d.cts +8 -0
- package/dist/charts/engine/shapes/radar.d.ts +8 -0
- package/dist/charts/engine/shapes/radar.js +197 -0
- package/dist/charts/engine/shapes/radar.js.map +1 -0
- package/dist/charts/engine/shapes/runtime.cjs +2 -0
- package/dist/charts/engine/shapes/runtime.cjs.map +1 -0
- package/dist/charts/engine/shapes/runtime.d.cts +29 -0
- package/dist/charts/engine/shapes/runtime.d.ts +29 -0
- package/dist/charts/engine/shapes/runtime.js +97 -0
- package/dist/charts/engine/shapes/runtime.js.map +1 -0
- package/dist/charts/engine/shapes/scene.cjs +2 -0
- package/dist/charts/engine/shapes/scene.cjs.map +1 -0
- package/dist/charts/engine/shapes/scene.d.cts +257 -0
- package/dist/charts/engine/shapes/scene.d.ts +257 -0
- package/dist/charts/engine/shapes/scene.js +123 -0
- package/dist/charts/engine/shapes/scene.js.map +1 -0
- package/dist/charts/engine/shapes/treemap.cjs +2 -0
- package/dist/charts/engine/shapes/treemap.cjs.map +1 -0
- package/dist/charts/engine/shapes/treemap.d.cts +14 -0
- package/dist/charts/engine/shapes/treemap.d.ts +14 -0
- package/dist/charts/engine/shapes/treemap.js +213 -0
- package/dist/charts/engine/shapes/treemap.js.map +1 -0
- package/dist/charts/engine/shapes/types.d.cts +292 -0
- package/dist/charts/engine/shapes/types.d.ts +292 -0
- package/dist/charts/engine/signature.cjs +2 -0
- package/dist/charts/engine/signature.cjs.map +1 -0
- package/dist/charts/engine/signature.d.cts +9 -0
- package/dist/charts/engine/signature.d.ts +9 -0
- package/dist/charts/engine/signature.js +13 -0
- package/dist/charts/engine/signature.js.map +1 -0
- package/dist/charts/engine/theme.cjs +1 -1
- package/dist/charts/engine/theme.cjs.map +1 -1
- package/dist/charts/engine/theme.d.cts +10 -1
- package/dist/charts/engine/theme.d.ts +10 -1
- package/dist/charts/engine/theme.js +40 -16
- package/dist/charts/engine/theme.js.map +1 -1
- package/dist/charts/engine/types.d.cts +70 -9
- package/dist/charts/engine/types.d.ts +70 -9
- package/dist/charts/index.cjs +1 -1
- package/dist/charts/index.d.cts +4 -2
- package/dist/charts/index.d.ts +4 -2
- package/dist/charts/index.js +8 -5
- package/dist/charts/react/Chart.cjs +1 -1
- package/dist/charts/react/Chart.cjs.map +1 -1
- package/dist/charts/react/Chart.d.cts +8 -1
- package/dist/charts/react/Chart.d.ts +8 -1
- package/dist/charts/react/Chart.js +66 -47
- package/dist/charts/react/Chart.js.map +1 -1
- package/dist/charts/react/charts.cjs +1 -1
- package/dist/charts/react/charts.cjs.map +1 -1
- package/dist/charts/react/charts.d.cts +10 -2
- package/dist/charts/react/charts.d.ts +10 -2
- package/dist/charts/react/charts.js +174 -51
- package/dist/charts/react/charts.js.map +1 -1
- package/dist/charts/react/shapes.cjs +2 -0
- package/dist/charts/react/shapes.cjs.map +1 -0
- package/dist/charts/react/shapes.d.cts +255 -0
- package/dist/charts/react/shapes.d.ts +255 -0
- package/dist/charts/react/shapes.js +242 -0
- package/dist/charts/react/shapes.js.map +1 -0
- package/dist/charts/react/types.d.cts +73 -4
- package/dist/charts/react/types.d.ts +73 -4
- package/dist/native/charts/src/engine/color.cjs +1 -1
- package/dist/native/charts/src/engine/color.cjs.map +1 -1
- package/dist/native/charts/src/engine/color.js +12 -3
- package/dist/native/charts/src/engine/color.js.map +1 -1
- package/dist/native/charts/src/engine/controller.cjs +2 -2
- package/dist/native/charts/src/engine/controller.cjs.map +1 -1
- package/dist/native/charts/src/engine/controller.js +334 -270
- package/dist/native/charts/src/engine/controller.js.map +1 -1
- package/dist/native/charts/src/engine/curve.cjs +2 -0
- package/dist/native/charts/src/engine/curve.cjs.map +1 -0
- package/dist/native/charts/src/engine/curve.js +56 -0
- package/dist/native/charts/src/engine/curve.js.map +1 -0
- package/dist/native/charts/src/engine/data.cjs +1 -1
- package/dist/native/charts/src/engine/data.cjs.map +1 -1
- package/dist/native/charts/src/engine/data.js +98 -38
- package/dist/native/charts/src/engine/data.js.map +1 -1
- package/dist/native/charts/src/engine/model.cjs +1 -1
- package/dist/native/charts/src/engine/model.cjs.map +1 -1
- package/dist/native/charts/src/engine/model.js +229 -112
- package/dist/native/charts/src/engine/model.js.map +1 -1
- package/dist/native/charts/src/engine/overlay.cjs +1 -1
- package/dist/native/charts/src/engine/overlay.cjs.map +1 -1
- package/dist/native/charts/src/engine/overlay.js +16 -16
- package/dist/native/charts/src/engine/overlay.js.map +1 -1
- package/dist/native/charts/src/engine/presets.cjs +1 -1
- package/dist/native/charts/src/engine/presets.cjs.map +1 -1
- package/dist/native/charts/src/engine/presets.js +11 -4
- package/dist/native/charts/src/engine/presets.js.map +1 -1
- package/dist/native/charts/src/engine/scene.cjs +1 -1
- package/dist/native/charts/src/engine/scene.cjs.map +1 -1
- package/dist/native/charts/src/engine/scene.js +209 -97
- package/dist/native/charts/src/engine/scene.js.map +1 -1
- package/dist/native/charts/src/engine/theme.cjs.map +1 -1
- package/dist/native/charts/src/engine/theme.js.map +1 -1
- package/dist/native/components/Chart/scene.cjs +1 -1
- package/dist/native/components/Chart/scene.cjs.map +1 -1
- package/dist/native/components/Chart/scene.js +31 -19
- package/dist/native/components/Chart/scene.js.map +1 -1
- package/dist/native/source/components/Chart/scene.tsx +54 -20
- package/dist/taro/index.js +1059 -579
- package/dist/uni/charts-canvas.js +3 -1
- package/dist/weapp/controls.js +966 -225
- package/package.json +1 -1
|
@@ -0,0 +1,273 @@
|
|
|
1
|
+
import { createChartDom as e, styleElement as t, swatch as n } from "../dom.js";
|
|
2
|
+
import { readTheme as r, watchTheme as i } from "../theme.js";
|
|
3
|
+
import { estimateText as a } from "./scene.js";
|
|
4
|
+
import { drawShapeScene as o } from "./draw.js";
|
|
5
|
+
import { hitTestShapes as s, hoverAnchor as c, stepHover as l } from "./hit.js";
|
|
6
|
+
import { describeChart as ee, describeItem as te, describeScene as ne, hoverEvent as u, legendConfig as re, placeShapeTooltip as ie, sameHover as ae, shapeLegend as oe, tooltipContent as se } from "./layout.js";
|
|
7
|
+
import { createShapeRuntime as ce, now as le } from "./runtime.js";
|
|
8
|
+
//#region src/engine/shapes/chart.ts
|
|
9
|
+
var ue = 6, de = 0, d = (d, f) => {
|
|
10
|
+
let p = d.ownerDocument, m = p.defaultView, h = e(d);
|
|
11
|
+
h.root.classList.add("minerva-shape-chart"), h.foreground.style.display = "none", h.hover.style.display = "none";
|
|
12
|
+
let g = h.background, _ = null;
|
|
13
|
+
try {
|
|
14
|
+
_ = g.getContext("2d");
|
|
15
|
+
} catch {
|
|
16
|
+
_ = null;
|
|
17
|
+
}
|
|
18
|
+
let v = ce(f), y = f, b = r(h.root, y.palette), x = null, S = null, C = "", w = !1, T = null, E = !1, D = null, O = {
|
|
19
|
+
hover: /* @__PURE__ */ new Set(),
|
|
20
|
+
click: /* @__PURE__ */ new Set(),
|
|
21
|
+
toggle: /* @__PURE__ */ new Set()
|
|
22
|
+
}, k = (e, t) => {
|
|
23
|
+
for (let n of [...O[e]]) n(t);
|
|
24
|
+
}, A = p.createElement("div");
|
|
25
|
+
A.id = `minerva-shape-chart-${++de}`, t(A, {
|
|
26
|
+
position: "absolute",
|
|
27
|
+
width: "1px",
|
|
28
|
+
height: "1px",
|
|
29
|
+
overflow: "hidden",
|
|
30
|
+
clip: "rect(0 0 0 0)",
|
|
31
|
+
clipPath: "inset(50%)",
|
|
32
|
+
whiteSpace: "nowrap"
|
|
33
|
+
}), h.stage.appendChild(A), h.stage.setAttribute("aria-describedby", A.id), h.stage.tabIndex = 0;
|
|
34
|
+
let j = "", fe = (e, t) => _ ? (t !== j && (_.font = t, j = t), _.measureText(e).width) : a(e, t), M = () => {
|
|
35
|
+
T !== null && (E ? clearTimeout(T) : m?.cancelAnimationFrame?.(T), T = null);
|
|
36
|
+
}, N = () => {
|
|
37
|
+
w || T !== null || (m && typeof m.requestAnimationFrame == "function" ? (E = !1, T = m.requestAnimationFrame(() => L())) : (E = !0, T = setTimeout(() => L(), 16)));
|
|
38
|
+
}, P = () => y.tooltip === !1 ? null : typeof y.tooltip == "object" ? y.tooltip : {}, pe = (e) => {
|
|
39
|
+
let r = P()?.render;
|
|
40
|
+
if (r) return r(e);
|
|
41
|
+
if (!x || !S) return null;
|
|
42
|
+
let i = se(x, S.hover);
|
|
43
|
+
if (!i) return null;
|
|
44
|
+
let a = p.createDocumentFragment(), o = p.createElement("div");
|
|
45
|
+
t(o, {
|
|
46
|
+
display: "flex",
|
|
47
|
+
alignItems: "center",
|
|
48
|
+
gap: "6px",
|
|
49
|
+
fontWeight: "600",
|
|
50
|
+
marginBottom: "4px",
|
|
51
|
+
color: "var(--text-color, #1f2937)"
|
|
52
|
+
}), i.color && o.appendChild(n(p, i.color, "dot")), o.appendChild(p.createTextNode(i.title)), a.append(o);
|
|
53
|
+
for (let e of i.rows) {
|
|
54
|
+
let r = p.createElement("div");
|
|
55
|
+
t(r, {
|
|
56
|
+
display: "flex",
|
|
57
|
+
alignItems: "center",
|
|
58
|
+
gap: "8px"
|
|
59
|
+
}), e.color && r.appendChild(n(p, e.color, "dot"));
|
|
60
|
+
let i = p.createElement("span");
|
|
61
|
+
t(i, {
|
|
62
|
+
flex: "1 1 auto",
|
|
63
|
+
color: e.strong ? "var(--text-color, #1f2937)" : "var(--text-secondary-color, #6b7280)",
|
|
64
|
+
fontWeight: e.strong ? "600" : "400"
|
|
65
|
+
}), i.textContent = e.name;
|
|
66
|
+
let o = p.createElement("span");
|
|
67
|
+
t(o, {
|
|
68
|
+
fontWeight: "600",
|
|
69
|
+
fontVariantNumeric: "tabular-nums",
|
|
70
|
+
marginLeft: "12px"
|
|
71
|
+
}), o.textContent = e.value, r.append(i, o), a.append(r);
|
|
72
|
+
}
|
|
73
|
+
return a;
|
|
74
|
+
}, F = (e = !1) => {
|
|
75
|
+
let t = h.tooltip, n = x && S ? u(x, S.hover) : null;
|
|
76
|
+
if (!n || !x || !S || !P() || D?.moved) {
|
|
77
|
+
t.style.display = "none", C = "";
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
let r = `${n.index}:${n.indicator ?? ""}`;
|
|
81
|
+
if (e || r !== C) {
|
|
82
|
+
C = r;
|
|
83
|
+
let e = pe(n);
|
|
84
|
+
if (e === null || e === "") {
|
|
85
|
+
t.replaceChildren(), C = "", t.style.display = "none";
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
88
|
+
typeof e == "string" ? (t.textContent = e, t.style.whiteSpace = "pre") : (t.replaceChildren(e), t.style.whiteSpace = "nowrap");
|
|
89
|
+
} else if (!t.firstChild) return;
|
|
90
|
+
t.style.display = "block";
|
|
91
|
+
let i = S.keyboard ? c(x, S.hover) ?? S : S, a = h.stage.clientWidth, o = h.stage.clientHeight, { x: s, y: l } = ie(x, S.hover, i, t.offsetWidth, t.offsetHeight, a, o);
|
|
92
|
+
t.style.transform = `translate(${Math.round(s)}px, ${Math.round(l)}px)`;
|
|
93
|
+
}, I = (e, t, n, r) => {
|
|
94
|
+
let i = !ae(S?.hover ?? null, e);
|
|
95
|
+
S = e ? {
|
|
96
|
+
hover: e,
|
|
97
|
+
x: t,
|
|
98
|
+
y: n,
|
|
99
|
+
keyboard: r
|
|
100
|
+
} : null, h.stage.style.cursor = e && !r ? "pointer" : "", F(), i && (N(), k("hover", x && e ? u(x, e) : null));
|
|
101
|
+
};
|
|
102
|
+
function L() {
|
|
103
|
+
if (T = null, w) return;
|
|
104
|
+
let e = h.stage.clientWidth, t = h.stage.clientHeight;
|
|
105
|
+
if (!(e > 0 && t > 0)) return;
|
|
106
|
+
let n = m?.devicePixelRatio || 1, r = Math.max(1, Math.round(e * n)), i = Math.max(1, Math.round(t * n));
|
|
107
|
+
g.width !== r && (g.width = r), g.height !== i && (g.height = i), g.style.width = `${e}px`, g.style.height = `${t}px`, j = "";
|
|
108
|
+
let a = v.frame(le(), {
|
|
109
|
+
theme: b,
|
|
110
|
+
width: e,
|
|
111
|
+
height: t,
|
|
112
|
+
measure: fe
|
|
113
|
+
});
|
|
114
|
+
if (x = a.scene, S && !x.items.some((e) => e.index === S?.hover.index) && (S = null, h.stage.style.cursor = "", k("hover", null)), _ && (_.setTransform(1, 0, 0, 1, 0, 0), _.clearRect(0, 0, r, i), _.setTransform(n, 0, 0, n, 0, 0), o(_, x, S?.hover ?? null), j = ""), F(), a.animating) N();
|
|
115
|
+
else {
|
|
116
|
+
let e = ne(x);
|
|
117
|
+
A.textContent !== e && (A.textContent = e);
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
let R = () => {
|
|
121
|
+
let e = oe(y, b, v.hidden), r = re(y), i = [...h.legend.children].indexOf(p.activeElement);
|
|
122
|
+
if (h.legend.replaceChildren(), h.legend.style.display = e ? "flex" : "none", !e) return;
|
|
123
|
+
let a = r.position === "bottom";
|
|
124
|
+
h.legend.style.order = a ? "1" : "0", h.legend.style.padding = a ? "8px 4px 0" : "0 4px 8px", h.legend.style.justifyContent = "center";
|
|
125
|
+
for (let i of e) {
|
|
126
|
+
let e = p.createElement(r.toggle ? "button" : "span");
|
|
127
|
+
e instanceof HTMLButtonElement && (e.type = "button", e.setAttribute("aria-pressed", String(!i.hidden)), e.addEventListener("click", () => B(i.index))), t(e, {
|
|
128
|
+
display: "inline-flex",
|
|
129
|
+
alignItems: "center",
|
|
130
|
+
gap: "6px",
|
|
131
|
+
padding: "2px 4px",
|
|
132
|
+
margin: "0",
|
|
133
|
+
border: "0",
|
|
134
|
+
borderRadius: "4px",
|
|
135
|
+
background: "none",
|
|
136
|
+
font: "inherit",
|
|
137
|
+
color: "var(--text-secondary-color, #6b7280)",
|
|
138
|
+
cursor: r.toggle ? "pointer" : "default",
|
|
139
|
+
opacity: i.hidden ? "0.45" : "1",
|
|
140
|
+
textDecoration: i.hidden ? "line-through" : "none",
|
|
141
|
+
transition: "opacity 120ms ease-out"
|
|
142
|
+
}), e.append(n(p, i.color, "dot"), p.createTextNode(i.name)), h.legend.appendChild(e);
|
|
143
|
+
}
|
|
144
|
+
i >= 0 && h.legend.children[i]?.focus();
|
|
145
|
+
}, z = () => {
|
|
146
|
+
h.stage.setAttribute("aria-label", y.ariaLabel ?? ee(y));
|
|
147
|
+
};
|
|
148
|
+
function B(e) {
|
|
149
|
+
if (w) return;
|
|
150
|
+
let t = v.toggle(e);
|
|
151
|
+
t && (y.hidden || (R(), C = "", N()), k("toggle", t));
|
|
152
|
+
}
|
|
153
|
+
let V = (e) => {
|
|
154
|
+
let t = h.stage.getBoundingClientRect();
|
|
155
|
+
return {
|
|
156
|
+
x: e.clientX - t.left,
|
|
157
|
+
y: e.clientY - t.top
|
|
158
|
+
};
|
|
159
|
+
}, H = (e, t) => x ? s(x, e, t, S?.hover ?? null) : null, U = (e) => {
|
|
160
|
+
let { x: t, y: n } = V(e);
|
|
161
|
+
if (D && D.id === e.pointerId) {
|
|
162
|
+
if (Math.hypot(t - D.x, n - D.y) > ue && (D.moved = !0), D.touch) return;
|
|
163
|
+
} else if (e.pointerType === "touch") return;
|
|
164
|
+
I(H(t, n), t, n, !1);
|
|
165
|
+
}, W = (e) => {
|
|
166
|
+
let { x: t, y: n } = V(e);
|
|
167
|
+
D = {
|
|
168
|
+
x: t,
|
|
169
|
+
y: n,
|
|
170
|
+
id: e.pointerId,
|
|
171
|
+
touch: e.pointerType === "touch",
|
|
172
|
+
moved: !1
|
|
173
|
+
};
|
|
174
|
+
}, G = (e) => {
|
|
175
|
+
let t = D;
|
|
176
|
+
if (D = null, !t || t.id !== e.pointerId || t.moved) {
|
|
177
|
+
F();
|
|
178
|
+
return;
|
|
179
|
+
}
|
|
180
|
+
let { x: n, y: r } = V(e), i = H(n, r);
|
|
181
|
+
if (I(i, n, r, !1), i && x) {
|
|
182
|
+
let e = u(x, i);
|
|
183
|
+
e && k("click", e);
|
|
184
|
+
}
|
|
185
|
+
}, K = () => {
|
|
186
|
+
D = null, F();
|
|
187
|
+
}, q = (e) => {
|
|
188
|
+
e.pointerType !== "touch" && (D = null, S && !S.keyboard && I(null, 0, 0, !1));
|
|
189
|
+
}, J = (e) => {
|
|
190
|
+
if (!x || !e) return;
|
|
191
|
+
let t = c(x, e) ?? {
|
|
192
|
+
x: 0,
|
|
193
|
+
y: 0
|
|
194
|
+
};
|
|
195
|
+
I(e, t.x, t.y, !0), h.live.textContent = te(x, e);
|
|
196
|
+
}, Y = (e) => {
|
|
197
|
+
if (!x) return;
|
|
198
|
+
let t = S?.hover ?? null, n = {
|
|
199
|
+
ArrowRight: "next",
|
|
200
|
+
ArrowLeft: "prev",
|
|
201
|
+
ArrowUp: "up",
|
|
202
|
+
ArrowDown: "down"
|
|
203
|
+
}[e.key];
|
|
204
|
+
if (n) {
|
|
205
|
+
e.preventDefault(), J(l(x, t, n));
|
|
206
|
+
return;
|
|
207
|
+
}
|
|
208
|
+
switch (e.key) {
|
|
209
|
+
case "Home":
|
|
210
|
+
case "End": {
|
|
211
|
+
let n = x.items;
|
|
212
|
+
if (!n.length) return;
|
|
213
|
+
e.preventDefault();
|
|
214
|
+
let r = e.key === "Home" ? n[0] : n[n.length - 1];
|
|
215
|
+
J(x.type === "radar" ? {
|
|
216
|
+
index: r.index,
|
|
217
|
+
indicator: t?.indicator ?? 0
|
|
218
|
+
} : { index: r.index });
|
|
219
|
+
break;
|
|
220
|
+
}
|
|
221
|
+
case "Enter":
|
|
222
|
+
case " ": {
|
|
223
|
+
if (!t) return;
|
|
224
|
+
let n = u(x, t);
|
|
225
|
+
if (!n) return;
|
|
226
|
+
e.preventDefault(), k("click", n);
|
|
227
|
+
break;
|
|
228
|
+
}
|
|
229
|
+
case "Escape": S && (e.preventDefault(), I(null, 0, 0, !1));
|
|
230
|
+
}
|
|
231
|
+
}, X = () => {
|
|
232
|
+
let e;
|
|
233
|
+
try {
|
|
234
|
+
e = h.stage.matches(":focus-visible");
|
|
235
|
+
} catch {
|
|
236
|
+
e = !0;
|
|
237
|
+
}
|
|
238
|
+
e && (h.stage.style.boxShadow = "inset 0 0 0 2px var(--primary-color, #4f46e5)");
|
|
239
|
+
}, Z = () => {
|
|
240
|
+
h.stage.style.boxShadow = "", S?.keyboard && I(null, 0, 0, !1);
|
|
241
|
+
}, Q = h.stage;
|
|
242
|
+
Q.addEventListener("pointermove", U), Q.addEventListener("pointerdown", W), Q.addEventListener("pointerup", G), Q.addEventListener("pointercancel", K), Q.addEventListener("pointerleave", q), Q.addEventListener("keydown", Y), Q.addEventListener("focus", X), Q.addEventListener("blur", Z);
|
|
243
|
+
let $ = typeof ResizeObserver == "function" ? new ResizeObserver(() => N()) : null;
|
|
244
|
+
$?.observe(h.stage);
|
|
245
|
+
let me = () => {
|
|
246
|
+
w || (b = r(h.root, y.palette), R(), C = "", N());
|
|
247
|
+
}, he = i(me);
|
|
248
|
+
return R(), z(), L(), {
|
|
249
|
+
setOptions(e) {
|
|
250
|
+
if (w) return;
|
|
251
|
+
let t = y;
|
|
252
|
+
y = e, v.setOptions(e), (e.palette ?? []).join() !== (t.palette ?? []).join() && (b = r(h.root, e.palette)), e.type !== t.type && S && I(null, 0, 0, !1), R(), z(), C = "", N();
|
|
253
|
+
},
|
|
254
|
+
resize() {
|
|
255
|
+
w || (M(), L());
|
|
256
|
+
},
|
|
257
|
+
refreshTheme: me,
|
|
258
|
+
toggle: B,
|
|
259
|
+
getHidden: () => v.hiddenIndexes(),
|
|
260
|
+
on(e, t) {
|
|
261
|
+
return O[e].add(t), () => {
|
|
262
|
+
O[e].delete(t);
|
|
263
|
+
};
|
|
264
|
+
},
|
|
265
|
+
destroy() {
|
|
266
|
+
w || (w = !0, M(), Q.removeEventListener("pointermove", U), Q.removeEventListener("pointerdown", W), Q.removeEventListener("pointerup", G), Q.removeEventListener("pointercancel", K), Q.removeEventListener("pointerleave", q), Q.removeEventListener("keydown", Y), Q.removeEventListener("focus", X), Q.removeEventListener("blur", Z), $?.disconnect(), he(), O.hover.clear(), O.click.clear(), O.toggle.clear(), h.root.remove());
|
|
267
|
+
}
|
|
268
|
+
};
|
|
269
|
+
};
|
|
270
|
+
//#endregion
|
|
271
|
+
export { d as createShapeChart };
|
|
272
|
+
|
|
273
|
+
//# sourceMappingURL=chart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart.js","names":["assign","TAP_SLOP","uid","createShapeChart","doc","container","win","dom","createChartDom","canvas","ctx","runtime","createShapeRuntime","initial","options","theme","readTheme","scene","hover","tipKey","destroyed","frameId","frameIsTimeout","press","listeners","emit","listener","type","event","description","fontSet","measure","f","text","estimateText","cancelFrame","schedule","render","tooltipOptions","tooltipNode","custom","content","tooltipContent","fragment","header","swatch","row","el","n","v","updateTooltip","tip","hoverEvent","key","force","anchor","hoverAnchor","stageW","stageH","left","top","placeShapeTooltip","setHover","changed","sameHover","next","keyboard","width","height","dpr","pw","ph","frame","now","it","drawShapeScene","describeScene","renderLegend","entries","shapeLegend","config","legendConfig","focused","bottom","entry","item","toggle","updateAccessibility","describeChart","index","local","rect","hitAt","hitTestShapes","x","y","onPointerMove","onPointerDown","onPointerUp","p","hit","onPointerCancel","onPointerLeave","focusItem","describeItem","onKeyDown","current","direction","stepHover","items","e","onFocus","visible","onBlur","stage","resizeObserver","refreshTheme","unwatchTheme","watchTheme","previous"],"sources":["../../../../../charts/src/engine/shapes/chart.ts"],"sourcesContent":["// createShapeChart: DOM host of the shape charts. One Canvas2D layer sized\n// with the device pixel ratio, the house legend / tooltip / live region of\n// createChartDom, pointer + keyboard interaction, resize and theme watching.\n\nimport { createChartDom, styleElement, swatch } from \"../dom\";\nimport { readTheme, watchTheme, type ChartTheme } from \"../theme\";\nimport { drawShapeScene } from \"./draw\";\nimport { hitTestShapes, hoverAnchor, stepHover } from \"./hit\";\nimport {\n describeChart,\n describeItem,\n describeScene,\n hoverEvent,\n legendConfig,\n placeShapeTooltip,\n sameHover,\n shapeLegend,\n tooltipContent,\n} from \"./layout\";\nimport { createShapeRuntime, now } from \"./runtime\";\nimport {\n estimateText,\n type MeasureText,\n type ShapeHover,\n type ShapeScene,\n} from \"./scene\";\nimport type {\n ShapeChartEventMap,\n ShapeChartInstance,\n ShapeChartOptions,\n ShapeHoverEvent,\n} from \"./types\";\n\n/** Pointer travel (px) under which a press counts as a click / tap */\nconst TAP_SLOP = 6;\n\nlet uid = 0;\n\ninterface HoverState {\n hover: ShapeHover;\n x: number;\n y: number;\n keyboard: boolean;\n}\n\n/**\n * Creates a pie / donut, radar, gauge, funnel or treemap chart in\n * `container` (drawn with Canvas2D, themed by the Minerva CSS variables).\n */\nexport const createShapeChart = (\n container: HTMLElement,\n initial: ShapeChartOptions,\n): ShapeChartInstance => {\n const doc = container.ownerDocument;\n const win = doc.defaultView;\n const dom = createChartDom(container);\n dom.root.classList.add(\"minerva-shape-chart\");\n dom.foreground.style.display = \"none\";\n dom.hover.style.display = \"none\";\n const canvas = dom.background;\n let ctx: CanvasRenderingContext2D | null = null;\n try {\n ctx = canvas.getContext(\"2d\");\n } catch {\n ctx = null;\n }\n\n const runtime = createShapeRuntime(initial);\n let options = initial;\n let theme: ChartTheme = readTheme(dom.root, options.palette);\n let scene: ShapeScene | null = null;\n let hover: HoverState | null = null;\n let tipKey = \"\";\n let destroyed = false;\n let frameId: number | null = null;\n let frameIsTimeout = false;\n let press: {\n x: number;\n y: number;\n id: number;\n touch: boolean;\n moved: boolean;\n } | null = null;\n\n const listeners: {\n [K in keyof ShapeChartEventMap]: Set<\n (event: ShapeChartEventMap[K]) => void\n >;\n } = { hover: new Set(), click: new Set(), toggle: new Set() };\n const emit = <K extends keyof ShapeChartEventMap>(\n type: K,\n event: ShapeChartEventMap[K],\n ) => {\n for (const listener of [...listeners[type]]) listener(event);\n };\n\n // screen-reader summary of the data\n const description = doc.createElement(\"div\");\n description.id = `minerva-shape-chart-${++uid}`;\n styleElement(description, {\n position: \"absolute\",\n width: \"1px\",\n height: \"1px\",\n overflow: \"hidden\",\n clip: \"rect(0 0 0 0)\",\n clipPath: \"inset(50%)\",\n whiteSpace: \"nowrap\",\n });\n dom.stage.appendChild(description);\n dom.stage.setAttribute(\"aria-describedby\", description.id);\n dom.stage.tabIndex = 0;\n\n let fontSet = \"\";\n const measure: MeasureText = (text, f) => {\n if (!ctx) return estimateText(text, f);\n if (f !== fontSet) {\n ctx.font = f;\n fontSet = f;\n }\n return ctx.measureText(text).width;\n };\n\n // ------------------------------------------------------------- frames\n\n const cancelFrame = () => {\n if (frameId === null) return;\n if (frameIsTimeout) clearTimeout(frameId);\n else win?.cancelAnimationFrame?.(frameId);\n frameId = null;\n };\n\n const schedule = () => {\n if (destroyed || frameId !== null) return;\n if (win && typeof win.requestAnimationFrame === \"function\") {\n frameIsTimeout = false;\n frameId = win.requestAnimationFrame(() => render());\n } else {\n frameIsTimeout = true;\n frameId = setTimeout(() => render(), 16) as unknown as number;\n }\n };\n\n const tooltipOptions = () =>\n options.tooltip === false\n ? null\n : typeof options.tooltip === \"object\"\n ? options.tooltip\n : {};\n\n const tooltipNode = (event: ShapeHoverEvent): Node | string | null => {\n const custom = tooltipOptions()?.render;\n if (custom) return custom(event);\n if (!scene || !hover) return null;\n const content = tooltipContent(scene, hover.hover);\n if (!content) return null;\n const fragment = doc.createDocumentFragment();\n const header = doc.createElement(\"div\");\n styleElement(header, {\n display: \"flex\",\n alignItems: \"center\",\n gap: \"6px\",\n fontWeight: \"600\",\n marginBottom: \"4px\",\n color: \"var(--text-color, #1f2937)\",\n });\n if (content.color) header.appendChild(swatch(doc, content.color, \"dot\"));\n header.appendChild(doc.createTextNode(content.title));\n fragment.append(header);\n for (const row of content.rows) {\n const el = doc.createElement(\"div\");\n styleElement(el, { display: \"flex\", alignItems: \"center\", gap: \"8px\" });\n if (row.color) el.appendChild(swatch(doc, row.color, \"dot\"));\n const n = doc.createElement(\"span\");\n styleElement(n, {\n flex: \"1 1 auto\",\n color: row.strong\n ? \"var(--text-color, #1f2937)\"\n : \"var(--text-secondary-color, #6b7280)\",\n fontWeight: row.strong ? \"600\" : \"400\",\n });\n n.textContent = row.name;\n const v = doc.createElement(\"span\");\n styleElement(v, {\n fontWeight: \"600\",\n fontVariantNumeric: \"tabular-nums\",\n marginLeft: \"12px\",\n });\n v.textContent = row.value;\n el.append(n, v);\n fragment.append(el);\n }\n return fragment;\n };\n\n /** Fills (when the hovered item changed) and places the tooltip */\n const updateTooltip = (force = false) => {\n const tip = dom.tooltip;\n const event = scene && hover ? hoverEvent(scene, hover.hover) : null;\n if (!event || !scene || !hover || !tooltipOptions() || press?.moved) {\n tip.style.display = \"none\";\n tipKey = \"\";\n return;\n }\n const key = `${event.index}:${event.indicator ?? \"\"}`;\n if (force || key !== tipKey) {\n tipKey = key;\n const content = tooltipNode(event);\n if (content === null || content === \"\") {\n tip.replaceChildren();\n tipKey = \"\";\n tip.style.display = \"none\";\n return;\n }\n if (typeof content === \"string\") {\n tip.textContent = content;\n tip.style.whiteSpace = \"pre\";\n } else {\n tip.replaceChildren(content);\n tip.style.whiteSpace = \"nowrap\";\n }\n } else if (!tip.firstChild) {\n return;\n }\n tip.style.display = \"block\";\n const anchor = hover.keyboard\n ? (hoverAnchor(scene, hover.hover) ?? hover)\n : hover;\n const stageW = dom.stage.clientWidth;\n const stageH = dom.stage.clientHeight;\n const { x: left, y: top } = placeShapeTooltip(\n scene,\n hover.hover,\n anchor,\n tip.offsetWidth,\n tip.offsetHeight,\n stageW,\n stageH,\n );\n tip.style.transform = `translate(${Math.round(left)}px, ${Math.round(top)}px)`;\n };\n\n const setHover = (\n next: ShapeHover | null,\n x: number,\n y: number,\n keyboard: boolean,\n ) => {\n const changed = !sameHover(hover?.hover ?? null, next);\n hover = next ? { hover: next, x, y, keyboard } : null;\n dom.stage.style.cursor = next && !keyboard ? \"pointer\" : \"\";\n updateTooltip();\n if (!changed) return;\n schedule();\n emit(\"hover\", scene && next ? hoverEvent(scene, next) : null);\n };\n\n function render() {\n frameId = null;\n if (destroyed) return;\n const width = dom.stage.clientWidth;\n const height = dom.stage.clientHeight;\n if (!(width > 0 && height > 0)) return;\n const dpr = win?.devicePixelRatio || 1;\n const pw = Math.max(1, Math.round(width * dpr));\n const ph = Math.max(1, Math.round(height * dpr));\n if (canvas.width !== pw) canvas.width = pw;\n if (canvas.height !== ph) canvas.height = ph;\n canvas.style.width = `${width}px`;\n canvas.style.height = `${height}px`;\n fontSet = \"\";\n const frame = runtime.frame(now(), { theme, width, height, measure });\n scene = frame.scene;\n if (hover && !scene.items.some((it) => it.index === hover?.hover.index)) {\n hover = null;\n dom.stage.style.cursor = \"\";\n emit(\"hover\", null);\n }\n if (ctx) {\n ctx.setTransform(1, 0, 0, 1, 0, 0);\n ctx.clearRect(0, 0, pw, ph);\n ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n drawShapeScene(ctx, scene, hover?.hover ?? null);\n fontSet = \"\";\n }\n updateTooltip();\n if (!frame.animating) {\n const text = describeScene(scene);\n if (description.textContent !== text) description.textContent = text;\n } else schedule();\n }\n\n // ------------------------------------------------------------- legend\n\n const renderLegend = () => {\n const entries = shapeLegend(options, theme, runtime.hidden);\n const config = legendConfig(options);\n const focused = [...dom.legend.children].indexOf(\n doc.activeElement as Element,\n );\n dom.legend.replaceChildren();\n dom.legend.style.display = entries ? \"flex\" : \"none\";\n if (!entries) return;\n const bottom = config.position === \"bottom\";\n dom.legend.style.order = bottom ? \"1\" : \"0\";\n dom.legend.style.padding = bottom ? \"8px 4px 0\" : \"0 4px 8px\";\n dom.legend.style.justifyContent = \"center\";\n for (const entry of entries) {\n const item = doc.createElement(config.toggle ? \"button\" : \"span\");\n if (item instanceof HTMLButtonElement) {\n item.type = \"button\";\n item.setAttribute(\"aria-pressed\", String(!entry.hidden));\n item.addEventListener(\"click\", () => toggle(entry.index));\n }\n styleElement(item, {\n display: \"inline-flex\",\n alignItems: \"center\",\n gap: \"6px\",\n padding: \"2px 4px\",\n margin: \"0\",\n border: \"0\",\n borderRadius: \"4px\",\n background: \"none\",\n font: \"inherit\",\n color: \"var(--text-secondary-color, #6b7280)\",\n cursor: config.toggle ? \"pointer\" : \"default\",\n opacity: entry.hidden ? \"0.45\" : \"1\",\n textDecoration: entry.hidden ? \"line-through\" : \"none\",\n transition: \"opacity 120ms ease-out\",\n });\n item.append(\n swatch(doc, entry.color, \"dot\"),\n doc.createTextNode(entry.name),\n );\n dom.legend.appendChild(item);\n }\n if (focused >= 0)\n (dom.legend.children[focused] as HTMLElement | undefined)?.focus();\n };\n\n const updateAccessibility = () => {\n dom.stage.setAttribute(\n \"aria-label\",\n options.ariaLabel ?? describeChart(options),\n );\n };\n\n function toggle(index: number) {\n if (destroyed) return;\n const event = runtime.toggle(index);\n if (!event) return;\n if (!options.hidden) {\n renderLegend();\n tipKey = \"\";\n schedule();\n }\n emit(\"toggle\", event);\n }\n\n // -------------------------------------------------------- interaction\n\n const local = (event: { clientX: number; clientY: number }) => {\n const rect = dom.stage.getBoundingClientRect();\n return { x: event.clientX - rect.left, y: event.clientY - rect.top };\n };\n\n const hitAt = (x: number, y: number) =>\n scene ? hitTestShapes(scene, x, y, hover?.hover ?? null) : null;\n\n const onPointerMove = (event: PointerEvent) => {\n const { x, y } = local(event);\n if (press && press.id === event.pointerId) {\n if (Math.hypot(x - press.x, y - press.y) > TAP_SLOP) press.moved = true;\n if (press.touch) return;\n } else if (event.pointerType === \"touch\") return;\n setHover(hitAt(x, y), x, y, false);\n };\n\n const onPointerDown = (event: PointerEvent) => {\n const { x, y } = local(event);\n press = {\n x,\n y,\n id: event.pointerId,\n touch: event.pointerType === \"touch\",\n moved: false,\n };\n };\n\n const onPointerUp = (event: PointerEvent) => {\n const p = press;\n press = null;\n if (!p || p.id !== event.pointerId || p.moved) {\n updateTooltip();\n return;\n }\n const { x, y } = local(event);\n const hit = hitAt(x, y);\n // a tap shows the tooltip (there is no hover on touch screens)\n setHover(hit, x, y, false);\n if (hit && scene) {\n const e = hoverEvent(scene, hit);\n if (e) emit(\"click\", e);\n }\n };\n\n const onPointerCancel = () => {\n press = null;\n updateTooltip();\n };\n\n const onPointerLeave = (event: PointerEvent) => {\n if (event.pointerType === \"touch\") return;\n press = null;\n if (hover && !hover.keyboard) setHover(null, 0, 0, false);\n };\n\n const focusItem = (next: ShapeHover | null) => {\n if (!scene || !next) return;\n const anchor = hoverAnchor(scene, next) ?? { x: 0, y: 0 };\n setHover(next, anchor.x, anchor.y, true);\n dom.live.textContent = describeItem(scene, next);\n };\n\n const onKeyDown = (event: KeyboardEvent) => {\n if (!scene) return;\n const current = hover?.hover ?? null;\n const keys: Record<string, \"next\" | \"prev\" | \"up\" | \"down\"> = {\n ArrowRight: \"next\",\n ArrowLeft: \"prev\",\n ArrowUp: \"up\",\n ArrowDown: \"down\",\n };\n const direction = keys[event.key];\n if (direction) {\n event.preventDefault();\n focusItem(stepHover(scene, current, direction));\n return;\n }\n switch (event.key) {\n case \"Home\":\n case \"End\": {\n const items = scene.items;\n if (!items.length) return;\n event.preventDefault();\n const it = event.key === \"Home\" ? items[0] : items[items.length - 1];\n focusItem(\n scene.type === \"radar\"\n ? { index: it.index, indicator: current?.indicator ?? 0 }\n : { index: it.index },\n );\n break;\n }\n case \"Enter\":\n case \" \": {\n if (!current) return;\n const e = hoverEvent(scene, current);\n if (!e) return;\n event.preventDefault();\n emit(\"click\", e);\n break;\n }\n case \"Escape\":\n if (hover) {\n event.preventDefault();\n setHover(null, 0, 0, false);\n }\n break;\n default:\n break;\n }\n };\n\n const onFocus = () => {\n let visible: boolean;\n try {\n visible = dom.stage.matches(\":focus-visible\");\n } catch {\n visible = true;\n }\n // inset, like an outline drawn inside the stage edge: the drawing keeps a\n // padding, so the ring never covers labels or leader lines\n if (visible)\n dom.stage.style.boxShadow =\n \"inset 0 0 0 2px var(--primary-color, #4f46e5)\";\n };\n\n const onBlur = () => {\n dom.stage.style.boxShadow = \"\";\n if (hover?.keyboard) setHover(null, 0, 0, false);\n };\n\n const stage = dom.stage;\n stage.addEventListener(\"pointermove\", onPointerMove);\n stage.addEventListener(\"pointerdown\", onPointerDown);\n stage.addEventListener(\"pointerup\", onPointerUp);\n stage.addEventListener(\"pointercancel\", onPointerCancel);\n stage.addEventListener(\"pointerleave\", onPointerLeave);\n stage.addEventListener(\"keydown\", onKeyDown);\n stage.addEventListener(\"focus\", onFocus);\n stage.addEventListener(\"blur\", onBlur);\n\n const resizeObserver =\n typeof ResizeObserver === \"function\"\n ? new ResizeObserver(() => schedule())\n : null;\n resizeObserver?.observe(dom.stage);\n\n const refreshTheme = () => {\n if (destroyed) return;\n theme = readTheme(dom.root, options.palette);\n renderLegend();\n tipKey = \"\";\n schedule();\n };\n const unwatchTheme = watchTheme(refreshTheme);\n\n renderLegend();\n updateAccessibility();\n render();\n\n return {\n setOptions(next) {\n if (destroyed) return;\n const previous = options;\n options = next;\n runtime.setOptions(next);\n if ((next.palette ?? []).join() !== (previous.palette ?? []).join())\n theme = readTheme(dom.root, next.palette);\n if (next.type !== previous.type && hover) setHover(null, 0, 0, false);\n renderLegend();\n updateAccessibility();\n tipKey = \"\";\n schedule();\n },\n resize() {\n if (destroyed) return;\n cancelFrame();\n render();\n },\n refreshTheme,\n toggle,\n getHidden: () => runtime.hiddenIndexes(),\n on(type, listener) {\n listeners[type].add(listener);\n return () => {\n listeners[type].delete(listener);\n };\n },\n destroy() {\n if (destroyed) return;\n destroyed = true;\n cancelFrame();\n stage.removeEventListener(\"pointermove\", onPointerMove);\n stage.removeEventListener(\"pointerdown\", onPointerDown);\n stage.removeEventListener(\"pointerup\", onPointerUp);\n stage.removeEventListener(\"pointercancel\", onPointerCancel);\n stage.removeEventListener(\"pointerleave\", onPointerLeave);\n stage.removeEventListener(\"keydown\", onKeyDown);\n stage.removeEventListener(\"focus\", onFocus);\n stage.removeEventListener(\"blur\", onBlur);\n resizeObserver?.disconnect();\n unwatchTheme();\n listeners.hover.clear();\n listeners.click.clear();\n listeners.toggle.clear();\n dom.root.remove();\n },\n };\n};\n"],"mappings":";;;;;;;;AAkCA,IAAMC,KAAW,GAEbC,KAAM,GAaGC,KACX,GACA,MACuB;CACvB,IAAMC,IAAMC,EAAU,eAChBC,IAAMF,EAAI,aACVG,IAAMC,EAAeH,CAAS;CAGpC,AAFAE,EAAI,KAAK,UAAU,IAAI,qBAAqB,GAC5C,EAAI,WAAW,MAAM,UAAU,QAC/B,EAAI,MAAM,MAAM,UAAU;CAC1B,IAAME,IAASF,EAAI,YACfG,IAAuC;CAC3C,IAAI;EACF,IAAMD,EAAO,WAAW,IAAI;CAC9B,QAAQ;EACN,IAAM;CACR;CAEA,IAAME,IAAUC,GAAmBC,CAAO,GACtCC,IAAUD,GACVE,IAAoBC,EAAUT,EAAI,MAAMO,EAAQ,OAAO,GACvDG,IAA2B,MAC3BC,IAA2B,MAC3BC,IAAS,IACTC,IAAY,IACZC,IAAyB,MACzBC,IAAiB,IACjBC,IAMO,MAELC,IAIF;EAAE,uBAAO,IAAI,IAAI;EAAG,uBAAO,IAAI,IAAI;EAAG,wBAAQ,IAAI,IAAI;CAAE,GACtDC,KACJ,GACA,MACG;EACH,KAAK,IAAMC,KAAY,CAAC,GAAGF,EAAUG,EAAK,GAAG,EAASC,CAAK;CAC7D,GAGMC,IAAczB,EAAI,cAAc,KAAK;CAa3C,AAZA,EAAY,KAAK,uBAAuB,EAAEF,MAC1CF,EAAa6B,GAAa;EACxB,UAAU;EACV,OAAO;EACP,QAAQ;EACR,UAAU;EACV,MAAM;EACN,UAAU;EACV,YAAY;CACd,CAAC,GACDtB,EAAI,MAAM,YAAYsB,CAAW,GACjCtB,EAAI,MAAM,aAAa,oBAAoBsB,EAAY,EAAE,GACzD,EAAI,MAAM,WAAW;CAErB,IAAIC,IAAU,IACRC,MAAwB,GAAM,MAC7BrB,KACDsB,MAAMF,MACR,EAAI,OAAOE,GACX,IAAUA,IAELtB,EAAI,YAAYuB,CAAI,CAAC,CAAC,SALZC,EAAaD,GAAMD,CAAC,GAUjCG,UAAoB;EACxB,AAAId,MAAY,SACZC,IAAgB,aAAaD,CAAO,IACnCf,GAAK,uBAAuBe,CAAO,GACxC,IAAU;CACZ,GAEMe,UAAiB;EACrB,AAAIhB,KAAaC,MAAY,SACzBf,KAAO,OAAOA,EAAI,yBAA0B,cAC9C,IAAiB,IACjB,IAAUA,EAAI,4BAA4B+B,EAAO,CAAC,MAElD,IAAiB,IACjB,IAAU,iBAAiBA,EAAO,GAAG,EAAE;CAE3C,GAEMC,UACJxB,EAAQ,YAAY,KAChB,OACA,OAAOA,EAAQ,WAAY,WACzBA,EAAQ,UACR,CAAC,GAEHyB,MAAe,MAAiD;EACpE,IAAMC,IAASF,EAAe,CAAC,EAAE;EACjC,IAAIE,GAAQ,OAAOA,EAAOZ,CAAK;EAC/B,IAAI,CAACX,KAAS,CAACC,GAAO,OAAO;EAC7B,IAAMuB,IAAUC,GAAezB,GAAOC,EAAM,KAAK;EACjD,IAAI,CAACuB,GAAS,OAAO;EACrB,IAAME,IAAWvC,EAAI,uBAAuB,GACtCwC,IAASxC,EAAI,cAAc,KAAK;EAWtC,AAVAJ,EAAa4C,GAAQ;GACnB,SAAS;GACT,YAAY;GACZ,KAAK;GACL,YAAY;GACZ,cAAc;GACd,OAAO;EACT,CAAC,GACGH,EAAQ,SAAOG,EAAO,YAAYC,EAAOzC,GAAKqC,EAAQ,OAAO,KAAK,CAAC,GACvEG,EAAO,YAAYxC,EAAI,eAAeqC,EAAQ,KAAK,CAAC,GACpDE,EAAS,OAAOC,CAAM;EACtB,KAAK,IAAME,KAAOL,EAAQ,MAAM;GAC9B,IAAMM,IAAK3C,EAAI,cAAc,KAAK;GAElC,AADAJ,EAAa+C,GAAI;IAAE,SAAS;IAAQ,YAAY;IAAU,KAAK;GAAM,CAAC,GAClED,EAAI,SAAOC,EAAG,YAAYF,EAAOzC,GAAK0C,EAAI,OAAO,KAAK,CAAC;GAC3D,IAAME,IAAI5C,EAAI,cAAc,MAAM;GAQlC,AAPAJ,EAAagD,GAAG;IACd,MAAM;IACN,OAAOF,EAAI,SACP,+BACA;IACJ,YAAYA,EAAI,SAAS,QAAQ;GACnC,CAAC,GACD,EAAE,cAAcA,EAAI;GACpB,IAAMG,IAAI7C,EAAI,cAAc,MAAM;GAQlC,AAPAJ,EAAaiD,GAAG;IACd,YAAY;IACZ,oBAAoB;IACpB,YAAY;GACd,CAAC,GACD,EAAE,cAAcH,EAAI,OACpBC,EAAG,OAAOC,GAAGC,CAAC,GACdN,EAAS,OAAOI,CAAE;EACpB;EACA,OAAOJ;CACT,GAGMO,KAAiB,IAAQ,OAAU;EACvC,IAAMC,IAAM5C,EAAI,SACVqB,IAAQX,KAASC,IAAQkC,EAAWnC,GAAOC,EAAM,KAAK,IAAI;EAChE,IAAI,CAACU,KAAS,CAACX,KAAS,CAACC,KAAS,CAACoB,EAAe,KAAKf,GAAO,OAAO;GAEnE,AADA,EAAI,MAAM,UAAU,QACpB,IAAS;GACT;EACF;EACA,IAAM8B,IAAM,GAAGzB,EAAM,MAAM,GAAGA,EAAM,aAAa;EACjD,IAAI0B,KAASD,MAAQlC,GAAQ;GAC3B,IAASkC;GACT,IAAMZ,IAAUF,GAAYX,CAAK;GACjC,IAAIa,MAAY,QAAQA,MAAY,IAAI;IAGtC,AAFAU,EAAI,gBAAgB,GACpB,IAAS,IACT,EAAI,MAAM,UAAU;IACpB;GACF;GACA,AAAI,OAAOV,KAAY,YACrB,EAAI,cAAcA,GAClB,EAAI,MAAM,aAAa,UAEvBU,EAAI,gBAAgBV,CAAO,GAC3B,EAAI,MAAM,aAAa;EAE3B,OAAO,IAAI,CAACU,EAAI,YACd;EAEF,EAAI,MAAM,UAAU;EACpB,IAAMI,IAASrC,EAAM,WAChBsC,EAAYvC,GAAOC,EAAM,KAAK,KAAKA,IACpCA,GACEuC,IAASlD,EAAI,MAAM,aACnBmD,IAASnD,EAAI,MAAM,cACnB,EAAE,GAAGoD,GAAM,GAAGC,MAAQC,GAC1B5C,GACAC,EAAM,OACNqC,GACAJ,EAAI,aACJA,EAAI,cACJM,GACAC,CACF;EACA,EAAI,MAAM,YAAY,aAAa,KAAK,MAAMC,CAAI,EAAE,MAAM,KAAK,MAAMC,CAAG,EAAE;CAC5E,GAEME,KACJ,GACA,GACA,GACA,MACG;EACH,IAAMC,IAAU,CAACC,GAAU9C,GAAO,SAAS,MAAM+C,CAAI;EAIrD,AAHA,IAAQA,IAAO;GAAE,OAAOA;GAAM;GAAG;GAAG;EAAS,IAAI,MACjD,EAAI,MAAM,MAAM,SAASA,KAAQ,CAACC,IAAW,YAAY,IACzDhB,EAAc,GACTa,MACL3B,EAAS,GACTX,EAAK,SAASR,KAASgD,IAAOb,EAAWnC,GAAOgD,CAAI,IAAI,IAAI;CAC9D;CAEA,SAAS5B,IAAS;EAEhB,IADA,IAAU,MACNjB,GAAW;EACf,IAAM+C,IAAQ5D,EAAI,MAAM,aAClB6D,IAAS7D,EAAI,MAAM;EACzB,IAAI,EAAE4D,IAAQ,KAAKC,IAAS,IAAI;EAChC,IAAMC,IAAM/D,GAAK,oBAAoB,GAC/BgE,IAAK,KAAK,IAAI,GAAG,KAAK,MAAMH,IAAQE,CAAG,CAAC,GACxCE,IAAK,KAAK,IAAI,GAAG,KAAK,MAAMH,IAASC,CAAG,CAAC;EAK/C,AAJI5D,EAAO,UAAU6D,MAAI,EAAO,QAAQA,IACpC7D,EAAO,WAAW8D,MAAI,EAAO,SAASA,IAC1C,EAAO,MAAM,QAAQ,GAAGJ,EAAM,KAC9B,EAAO,MAAM,SAAS,GAAGC,EAAO,KAChC,IAAU;EACV,IAAMI,IAAQ7D,EAAQ,MAAM8D,GAAI,GAAG;GAAE;GAAO;GAAO;GAAQ;EAAQ,CAAC;EAepE,IAdA,IAAQD,EAAM,OACVtD,KAAS,CAACD,EAAM,MAAM,MAAM,MAAOyD,EAAG,UAAUxD,GAAO,MAAM,KAAK,MACpE,IAAQ,MACR,EAAI,MAAM,MAAM,SAAS,IACzBO,EAAK,SAAS,IAAI,IAEhBf,MACFA,EAAI,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,GACjCA,EAAI,UAAU,GAAG,GAAG4D,GAAIC,CAAE,GAC1B7D,EAAI,aAAa2D,GAAK,GAAG,GAAGA,GAAK,GAAG,CAAC,GACrCM,EAAejE,GAAKO,GAAOC,GAAO,SAAS,IAAI,GAC/C,IAAU,KAEZgC,EAAc,GACTsB,EAAM,WAGJ,EAAS;OAHM;GACpB,IAAMvC,IAAO2C,GAAc3D,CAAK;GAChC,AAAIY,EAAY,gBAAgBI,MAAM,EAAY,cAAcA;EAClE;CACF;CAIA,IAAM4C,UAAqB;EACzB,IAAMC,IAAUC,GAAYjE,GAASC,GAAOJ,EAAQ,MAAM,GACpDqE,IAASC,GAAanE,CAAO,GAC7BoE,IAAU,CAAC,GAAG3E,EAAI,OAAO,QAAQ,CAAC,CAAC,QACvCH,EAAI,aACN;EAGA,IAFAG,EAAI,OAAO,gBAAgB,GAC3B,EAAI,OAAO,MAAM,UAAUuE,IAAU,SAAS,QAC1C,CAACA,GAAS;EACd,IAAMK,IAASH,EAAO,aAAa;EAGnC,AAFA,EAAI,OAAO,MAAM,QAAQG,IAAS,MAAM,KACxC,EAAI,OAAO,MAAM,UAAUA,IAAS,cAAc,aAClD,EAAI,OAAO,MAAM,iBAAiB;EAClC,KAAK,IAAMC,KAASN,GAAS;GAC3B,IAAMO,IAAOjF,EAAI,cAAc4E,EAAO,SAAS,WAAW,MAAM;GA0BhE,AAzBIK,aAAgB,sBAClB,EAAK,OAAO,UACZA,EAAK,aAAa,gBAAgB,OAAO,CAACD,EAAM,MAAM,CAAC,GACvDC,EAAK,iBAAiB,eAAeC,EAAOF,EAAM,KAAK,CAAC,IAE1DpF,EAAaqF,GAAM;IACjB,SAAS;IACT,YAAY;IACZ,KAAK;IACL,SAAS;IACT,QAAQ;IACR,QAAQ;IACR,cAAc;IACd,YAAY;IACZ,MAAM;IACN,OAAO;IACP,QAAQL,EAAO,SAAS,YAAY;IACpC,SAASI,EAAM,SAAS,SAAS;IACjC,gBAAgBA,EAAM,SAAS,iBAAiB;IAChD,YAAY;GACd,CAAC,GACDC,EAAK,OACHxC,EAAOzC,GAAKgF,EAAM,OAAO,KAAK,GAC9BhF,EAAI,eAAegF,EAAM,IAAI,CAC/B,GACA7E,EAAI,OAAO,YAAY8E,CAAI;EAC7B;EACA,AAAIH,KAAW,KACb3E,EAAK,OAAO,SAAS2E,EAAQ,EAA8B,MAAM;CACrE,GAEMK,UAA4B;EAChC,EAAI,MAAM,aACR,cACAzE,EAAQ,aAAa0E,GAAc1E,CAAO,CAC5C;CACF;CAEA,SAASwE,EAAO,GAAe;EAC7B,IAAIlE,GAAW;EACf,IAAMQ,IAAQjB,EAAQ,OAAO8E,CAAK;EAClC,AAAK7D,MACAd,EAAQ,WACX+D,EAAa,GACb,IAAS,IACTzC,EAAS,IAEXX,EAAK,UAAUG,CAAK;CACtB;CAIA,IAAM8D,KAAS,MAAgD;EAC7D,IAAMC,IAAOpF,EAAI,MAAM,sBAAsB;EAC7C,OAAO;GAAE,GAAGqB,EAAM,UAAU+D,EAAK;GAAM,GAAG/D,EAAM,UAAU+D,EAAK;EAAI;CACrE,GAEMC,KAAS,GAAW,MACxB3E,IAAQ4E,EAAc5E,GAAO6E,GAAGC,GAAG7E,GAAO,SAAS,IAAI,IAAI,MAEvD8E,KAAiB,MAAwB;EAC7C,IAAM,EAAE,MAAG,SAAMN,EAAM9D,CAAK;EAC5B,IAAIL,KAASA,EAAM,OAAOK,EAAM,WAE9B;OADI,KAAK,MAAMkE,IAAIvE,EAAM,GAAGwE,IAAIxE,EAAM,CAAC,IAAItB,OAAU,EAAM,QAAQ,KAC/DsB,EAAM,OAAO;EAAA,OACZ,IAAIK,EAAM,gBAAgB,SAAS;EAC1C,EAASgE,EAAME,GAAGC,CAAC,GAAGD,GAAGC,GAAG,EAAK;CACnC,GAEME,KAAiB,MAAwB;EAC7C,IAAM,EAAE,MAAG,SAAMP,EAAM9D,CAAK;EAC5B,IAAQ;GACN;GACA;GACA,IAAIA,EAAM;GACV,OAAOA,EAAM,gBAAgB;GAC7B,OAAO;EACT;CACF,GAEMsE,KAAe,MAAwB;EAC3C,IAAMC,IAAI5E;EAEV,IADA,IAAQ,MACJ,CAAC4E,KAAKA,EAAE,OAAOvE,EAAM,aAAauE,EAAE,OAAO;GAC7C,EAAc;GACd;EACF;EACA,IAAM,EAAE,MAAG,SAAMT,EAAM9D,CAAK,GACtBwE,IAAMR,EAAME,GAAGC,CAAC;EAGtB,IADAjC,EAASsC,GAAKN,GAAGC,GAAG,EAAK,GACrBK,KAAOnF,GAAO;GAChB,IAAM,IAAImC,EAAWnC,GAAOmF,CAAG;GAC/B,AAAI,KAAG3E,EAAK,SAAS,CAAC;EACxB;CACF,GAEM4E,UAAwB;EAE5B,AADA,IAAQ,MACRnD,EAAc;CAChB,GAEMoD,KAAkB,MAAwB;EAC9C,AAAI1E,EAAM,gBAAgB,YAC1B,IAAQ,MACJV,KAAS,CAACA,EAAM,YAAU4C,EAAS,MAAM,GAAG,GAAG,EAAK;CAC1D,GAEMyC,KAAa,MAA4B;EAC7C,IAAI,CAACtF,KAAS,CAACgD,GAAM;EACrB,IAAMV,IAASC,EAAYvC,GAAOgD,CAAI,KAAK;GAAE,GAAG;GAAG,GAAG;EAAE;EAExD,AADAH,EAASG,GAAMV,EAAO,GAAGA,EAAO,GAAG,EAAI,GACvC,EAAI,KAAK,cAAciD,GAAavF,GAAOgD,CAAI;CACjD,GAEMwC,KAAa,MAAyB;EAC1C,IAAI,CAACxF,GAAO;EACZ,IAAMyF,IAAUxF,GAAO,SAAS,MAO1ByF,IAAY;GALhB,YAAY;GACZ,WAAW;GACX,SAAS;GACT,WAAW;EAEK,EAAK/E,EAAM;EAC7B,IAAI+E,GAAW;GAEb,AADA/E,EAAM,eAAe,GACrB2E,EAAUK,EAAU3F,GAAOyF,GAASC,CAAS,CAAC;GAC9C;EACF;EACA,QAAQ/E,EAAM,KAAd;GACE,KAAK;GACL,KAAK,OAAO;IACV,IAAMiF,IAAQ5F,EAAM;IACpB,IAAI,CAAC4F,EAAM,QAAQ;IACnB,EAAM,eAAe;IACrB,IAAMnC,IAAK9C,EAAM,QAAQ,SAASiF,EAAM,KAAKA,EAAMA,EAAM,SAAS;IAClE,EACE5F,EAAM,SAAS,UACX;KAAE,OAAOyD,EAAG;KAAO,WAAWgC,GAAS,aAAa;IAAE,IACtD,EAAE,OAAOhC,EAAG,MAAM,CACxB;IACA;GACF;GACA,KAAK;GACL,KAAK,KAAK;IACR,IAAI,CAACgC,GAAS;IACd,IAAMI,IAAI1D,EAAWnC,GAAOyF,CAAO;IACnC,IAAI,CAACI,GAAG;IAER,AADAlF,EAAM,eAAe,GACrBH,EAAK,SAASqF,CAAC;IACf;GACF;GACA,KAAK,UACH,AAAI5F,MACFU,EAAM,eAAe,GACrBkC,EAAS,MAAM,GAAG,GAAG,EAAK;EAKhC;CACF,GAEMiD,UAAgB;EACpB,IAAIC;EACJ,IAAI;GACF,IAAUzG,EAAI,MAAM,QAAQ,gBAAgB;EAC9C,QAAQ;GACN,IAAU;EACZ;EAGA,AAAIyG,MACF,EAAI,MAAM,MAAM,YACd;CACN,GAEMC,UAAe;EAEnB,AADA,EAAI,MAAM,MAAM,YAAY,IACxB/F,GAAO,YAAU4C,EAAS,MAAM,GAAG,GAAG,EAAK;CACjD,GAEMoD,IAAQ3G,EAAI;CAQlB,AAPA2G,EAAM,iBAAiB,eAAelB,CAAa,GACnDkB,EAAM,iBAAiB,eAAejB,CAAa,GACnDiB,EAAM,iBAAiB,aAAahB,CAAW,GAC/CgB,EAAM,iBAAiB,iBAAiBb,CAAe,GACvDa,EAAM,iBAAiB,gBAAgBZ,CAAc,GACrDY,EAAM,iBAAiB,WAAWT,CAAS,GAC3CS,EAAM,iBAAiB,SAASH,CAAO,GACvCG,EAAM,iBAAiB,QAAQD,CAAM;CAErC,IAAME,IACJ,OAAO,kBAAmB,aACtB,IAAI,qBAAqB/E,EAAS,CAAC,IACnC;CACN,GAAgB,QAAQ7B,EAAI,KAAK;CAEjC,IAAM6G,WAAqB;EACzB,AAAIhG,MACJ,IAAQJ,EAAUT,EAAI,MAAMO,EAAQ,OAAO,GAC3C+D,EAAa,GACb,IAAS,IACTzC,EAAS;CACX,GACMiF,KAAeC,EAAWF,EAAY;CAM5C,OAJAvC,EAAa,GACbU,EAAoB,GACpBlD,EAAO,GAEA;EACL,WAAW,GAAM;GACf,IAAIjB,GAAW;GACf,IAAMmG,IAAWzG;GASjB,AARA,IAAUmD,GACVtD,EAAQ,WAAWsD,CAAI,IAClBA,EAAK,WAAW,CAAC,EAAA,CAAG,KAAK,OAAOsD,EAAS,WAAW,CAAC,EAAA,CAAG,KAAK,MAChE,IAAQvG,EAAUT,EAAI,MAAM0D,EAAK,OAAO,IACtCA,EAAK,SAASsD,EAAS,QAAQrG,KAAO4C,EAAS,MAAM,GAAG,GAAG,EAAK,GACpEe,EAAa,GACbU,EAAoB,GACpB,IAAS,IACTnD,EAAS;EACX;EACA,SAAS;GACP,AAAIhB,MACJe,EAAY,GACZE,EAAO;EACT;EACA;EACA;EACA,iBAAiB1B,EAAQ,cAAc;EACvC,GAAG,GAAM,GAAU;GAEjB,OADAa,EAAUG,EAAK,CAAC,IAAID,CAAQ,SACf;IACX,EAAUC,EAAK,CAAC,OAAOD,CAAQ;GACjC;EACF;EACA,UAAU;GACR,AAAIN,MACJ,IAAY,IACZe,EAAY,GACZ+E,EAAM,oBAAoB,eAAelB,CAAa,GACtDkB,EAAM,oBAAoB,eAAejB,CAAa,GACtDiB,EAAM,oBAAoB,aAAahB,CAAW,GAClDgB,EAAM,oBAAoB,iBAAiBb,CAAe,GAC1Da,EAAM,oBAAoB,gBAAgBZ,CAAc,GACxDY,EAAM,oBAAoB,WAAWT,CAAS,GAC9CS,EAAM,oBAAoB,SAASH,CAAO,GAC1CG,EAAM,oBAAoB,QAAQD,CAAM,GACxCE,GAAgB,WAAW,GAC3BE,GAAa,GACb7F,EAAU,MAAM,MAAM,GACtBA,EAAU,MAAM,MAAM,GACtBA,EAAU,OAAO,MAAM,GACvBjB,EAAI,KAAK,OAAO;EAClB;CACF;AACF"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const e=require("../color.cjs"),t=require("../overlay.cjs"),n=require("./scene.cjs");var r=`rgba(15, 23, 42, 0.18)`,i=`rgba(255, 255, 255, 0.14)`,a=e=>Math.max(0,Math.min(e.pad,e.r1*(e.a1-e.a0)/3)),o=(e,t)=>t>0?Math.asin(Math.min(1,e/t)):Math.PI/2,s=(e,t,r=0,i=0)=>{let s=t.cx+r,c=t.cy+i,{r0:l,r1:u,a0:d,a1:f}=t,p=f-d;if(e.beginPath(),p<=0||u<=l)return;if(p>=n.TAU-1e-6){e.moveTo(s+u,c),e.arc(s,c,u,0,n.TAU),l>0&&(e.moveTo(s+l,c),e.arc(s,c,l,n.TAU,0,!0)),e.closePath();return}let m=a(t)/2,h=(e,t,n)=>{let r=e+t*o(m,n);return[s+n*Math.cos(r),c+n*Math.sin(r)]},g=(e,t)=>[s+t*Math.cos(e),c+t*Math.sin(e)],_=o(m,u),v=Math.max(0,p-2*_),y=l>0?o(m,l):0,b=l>0?p-2*y:0,x=l>0&&b>1e-4,S=u-l,C=Math.max(0,Math.min(t.corner,S/2,u*v/2-.01)),w=x?Math.max(0,Math.min(t.corner,S/2,l*b/2-.01)):0;if(C>.5){let t=h(d,1,u-C);e.moveTo(t[0],t[1]);let n=h(d,1,u),r=g(d+_+C/u,u);e.quadraticCurveTo(n[0],n[1],r[0],r[1]),e.arc(s,c,u,d+_+C/u,f-_-C/u);let i=h(f,-1,u),a=h(f,-1,u-C);e.quadraticCurveTo(i[0],i[1],a[0],a[1])}else{let t=g(d+_,u);e.moveTo(t[0],t[1]),e.arc(s,c,u,d+_,f-_)}if(x){if(w>.5){let t=h(f,-1,l+w);e.lineTo(t[0],t[1]);let n=h(f,-1,l),r=g(f-y-w/l,l);e.quadraticCurveTo(n[0],n[1],r[0],r[1]),e.arc(s,c,l,f-y-w/l,d+y+w/l,!0);let i=h(d,1,l),a=h(d,1,l+w);e.quadraticCurveTo(i[0],i[1],a[0],a[1])}else{let t=g(f-y,l);e.lineTo(t[0],t[1]),e.arc(s,c,l,f-y,d+y,!0)}}else if(m<=0)e.lineTo(s,c);else if(p<Math.PI){let t=m/Math.sin(p/2),n=(d+f)/2;e.lineTo(s+t*Math.cos(n),c+t*Math.sin(n))}else e.lineTo(s+m*Math.cos(f-Math.PI/2),c+m*Math.sin(f-Math.PI/2)),e.lineTo(s+m*Math.cos(d+Math.PI/2),c+m*Math.sin(d+Math.PI/2));e.closePath()},c=(e,t,n,r,i,a)=>{let o=t.length>>1;if(o<2)return;let s=e=>t[(r?o-1-e:e)*2]+i,c=e=>t[(r?o-1-e:e)*2+1]+a;if(n<=0||o<3){e.moveTo(s(0),c(0));for(let t=1;t<o;t++)e.lineTo(s(t),c(t));e.closePath();return}e.moveTo((s(o-1)+s(0))/2,(c(o-1)+c(0))/2);for(let t=0;t<o;t++){let r=(t+1)%o,i=(t+o-1)%o,a=Math.hypot(s(t)-s(i),c(t)-c(i)),l=Math.hypot(s(r)-s(t),c(r)-c(t)),u=Math.min(n,a/2,l/2);u>.01?e.arcTo(s(t),c(t),s(r),c(r),u):e.lineTo(s(t),c(t))}e.closePath()},l=(e,t,n=0,r=0)=>{e.beginPath(),c(e,t.points,t.radius??0,!1,n,r),t.hole&&c(e,t.hole,0,!0,n,r)},u=(e,t,n,r,i,a)=>{let o=Math.max(0,Math.min(a,r/2,i/2));if(e.beginPath(),o<=.01){e.moveTo(t,n),e.lineTo(t+r,n),e.lineTo(t+r,n+i),e.lineTo(t,n+i),e.closePath();return}e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},d=(e,t)=>{typeof e.setLineDash==`function`&&e.setLineDash(t)},f=(e,t,r,i)=>{e.beginPath(),e.arc(t,r,Math.max(0,i),0,n.TAU)},p=(e,t,n)=>{e.save();let a=t.enter,o=a?Math.max(0,Math.min(1,a.alpha)):1;a&&a.scale!==1&&(e.translate(a.cx,a.cy),e.scale(a.scale,a.scale),e.translate(-a.cx,-a.cy)),e.lineJoin=`round`,e.lineCap=`round`;for(let a of t.nodes){let c=a.hit!==void 0,p=!!n&&c&&a.hit===n.index,m=o*(a.alpha??1);if(n&&c&&!p&&(m*=t.dim),m<=.002)continue;e.globalAlpha=m;let h=p&&a.shift?a.shift[0]:0,g=p&&a.shift?a.shift[1]:0;switch(a.kind){case`sector`:s(e,a,h,g),e.fillStyle=a.fill,p?(e.save(),e.shadowColor=r,e.shadowBlur=14,e.shadowOffsetY=4,e.fill(),e.restore()):e.fill();break;case`polygon`:{l(e,a,h,g);let t=p&&a.hoverFill?a.hoverFill:a.fill;t&&(e.fillStyle=t,e.fill(),p&&a.brighten&&(e.fillStyle=i,e.fill())),a.stroke&&(e.strokeStyle=a.stroke,e.lineWidth=p&&a.hoverLineWidth?a.hoverLineWidth:a.lineWidth??1,e.stroke());break}case`rect`:u(e,a.x+h,a.y+g,a.width,a.height,a.radius),e.fillStyle=a.fill,e.fill(),p&&a.brighten&&(e.fillStyle=i,e.fill());break;case`arc`:if(a.a1-a.a0<=1e-6||a.width<=0)break;e.beginPath(),e.arc(a.cx+h,a.cy+g,a.r,a.a0,a.a1),e.lineCap=a.cap,e.lineWidth=a.width,e.strokeStyle=a.color,e.stroke(),e.lineCap=`round`;break;case`circle`:{if(!a.fill&&!a.stroke)break;let t=p&&(a.indicator===void 0||a.indicator===n?.indicator),r=t&&a.hoverR?a.hoverR:a.r,i=a.cx+h,o=a.cy+g;t&&a.halo&&(f(e,i,o,r+5),e.fillStyle=a.halo,e.fill()),f(e,i,o,r),a.fill&&(e.fillStyle=a.fill,e.fill()),a.stroke&&(e.strokeStyle=a.stroke,e.lineWidth=a.lineWidth??1,e.stroke());break}case`line`:{let t=a.points;if(t.length<4)break;e.beginPath(),e.moveTo(t[0]+h,t[1]+g);for(let n=2;n<t.length;n+=2)e.lineTo(t[n]+(n===t.length-2?0:h),t[n+1]+(n===t.length-2?0:g));e.strokeStyle=a.color,e.lineWidth=a.width,a.dash&&d(e,a.dash),e.stroke(),a.dash&&d(e,[]);break}case`text`:{let t=a.indicator!==void 0&&n?.indicator===a.indicator;e.font=t&&a.hoverFont?a.hoverFont:a.font,e.fillStyle=t&&a.hoverColor?a.hoverColor:a.color,e.textAlign=a.align,e.textBaseline=a.baseline,e.fillText(a.text,a.x+h,a.y+g);break}case`guide`:{let t=n?.indicator;if(t===void 0||!a.ends[t])break;e.globalAlpha=o,e.beginPath(),e.moveTo(a.cx,a.cy),e.lineTo(a.ends[t][0],a.ends[t][1]),e.strokeStyle=a.color,e.lineWidth=1,d(e,[3,3]),e.stroke(),d(e,[]);break}}}e.restore()},m=(n,r,i)=>{n.save(),n.font=t.font(r,12),n.textBaseline=`middle`,n.textAlign=`left`;for(let t of i){let i=t.y+t.height/2;n.globalAlpha=t.hidden?.45:1,n.fillStyle=t.color,f(n,t.x+4.5,i,4.5),n.fill(),n.fillStyle=e.toCss(r.textMuted),n.fillText(t.name,t.x+15,i,Math.max(1,t.width-15)),t.hidden&&n.fillRect(t.x+15,i,t.width-15,1)}n.restore()},h=(n,i,a)=>{let{padding:o,lineHeight:s}=a;n.save(),n.globalAlpha=1,n.save(),n.shadowColor=r,n.shadowBlur=16,n.shadowOffsetY=6,u(n,a.x,a.y,a.width,a.height,8),n.fillStyle=e.toCss(i.background),n.fill(),n.restore(),u(n,a.x+.5,a.y+.5,a.width-1,a.height-1,8),n.strokeStyle=e.toCss(i.axis),n.lineWidth=1,n.stroke(),n.textBaseline=`middle`;let c=a.y+o+s/2,l=a.x+o+2,d=a.x+a.width-o-2;if(a.text){n.font=t.font(i,12),n.fillStyle=e.toCss(i.text),n.textAlign=`left`;for(let e of a.text)n.fillText(e,l,c),c+=s}else if(a.content){let{content:r}=a,o=l;r.color&&(n.fillStyle=r.color,f(n,o+4,c,4),n.fill(),o+=14),n.font=t.font(i,12,600),n.fillStyle=e.toCss(i.text),n.textAlign=`left`,n.fillText(r.title,o,c),c+=s;for(let a of r.rows)o=l,a.color&&(n.fillStyle=a.color,f(n,o+4,c,4),n.fill(),o+=14),n.font=t.font(i,12,a.strong?600:400),n.textAlign=`left`,n.fillStyle=e.toCss(a.strong?i.text:i.textMuted),n.fillText(a.name,o,c),n.font=t.font(i,12,600),n.textAlign=`right`,n.fillStyle=e.toCss(i.text),n.fillText(a.value,d,c),c+=s}n.restore()};exports.drawShapeLegend=m,exports.drawShapeScene=p,exports.drawShapeTooltip=h,exports.padAngleAt=o,exports.roundRectPath=u,exports.sectorPad=a,exports.sectorPath=s;
|
|
2
|
+
//# sourceMappingURL=draw.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"draw.cjs","names":["TAU","font","toCss","require_color","require_overlay","require_scene","SHADOW","BRIGHTEN","sectorPad","node","padAngleAt","r","half","sectorPath","cx","dx","cy","dy","span","a1","a0","ctx","r1","r0","edge","t","a","side","polar","po","outerSpan","pi","innerSpan","hasInner","thick","co","ci","s","c","e","c2","e2","d","m","polygonSubpath","n","points","px","reverse","i","py","radius","j","p","lenPrev","lenNext","polygonPath","roundRectPath","w","h","x","y","setDash","dash","circle","drawShapeScene","enter","scene","base","owned","active","hover","alpha","fill","focused","k","drawShapeLegend","theme","box","boxes","drawShapeTooltip","padding","lineHeight","left","right","line","content","row"],"sources":["../../../../../charts/src/engine/shapes/draw.ts"],"sourcesContent":["// Draws a ShapeScene on any CanvasRenderingContext2D (browser, OffscreenCanvas,\n// mini-programs). Only uses the widely available path APIs: arc, arcTo,\n// quadraticCurveTo (no roundRect, no Path2D, no fill rules).\n\nimport { toCss } from \"../color\";\nimport { font } from \"../overlay\";\nimport type { ChartTheme } from \"../theme\";\nimport type { ShapeLegendBox, ShapeTooltipBox } from \"./layout\";\nimport {\n TAU,\n type PolygonNode,\n type SectorNode,\n type ShapeHover,\n type ShapeScene,\n} from \"./scene\";\n\nconst SHADOW = \"rgba(15, 23, 42, 0.18)\";\nconst BRIGHTEN = \"rgba(255, 255, 255, 0.14)\";\n\n/** Gap of a sector, reduced so thin slices keep most of their arc */\nexport const sectorPad = (node: SectorNode) =>\n Math.max(0, Math.min(node.pad, (node.r1 * (node.a1 - node.a0)) / 3));\n\n/** Angle offset of a point at distance `r` from a radial edge moved by `half` px */\nexport const padAngleAt = (half: number, r: number) =>\n r > 0 ? Math.asin(Math.min(1, half / r)) : Math.PI / 2;\n\n/** Annular sector with pixel gaps and rounded corners */\nexport const sectorPath = (\n ctx: CanvasRenderingContext2D,\n node: SectorNode,\n dx = 0,\n dy = 0,\n) => {\n const cx = node.cx + dx;\n const cy = node.cy + dy;\n const { r0, r1, a0, a1 } = node;\n const span = a1 - a0;\n ctx.beginPath();\n if (span <= 0 || r1 <= r0) return;\n if (span >= TAU - 1e-6) {\n ctx.moveTo(cx + r1, cy);\n ctx.arc(cx, cy, r1, 0, TAU);\n if (r0 > 0) {\n ctx.moveTo(cx + r0, cy);\n ctx.arc(cx, cy, r0, TAU, 0, true);\n }\n ctx.closePath();\n return;\n }\n const half = sectorPad(node) / 2;\n // point at distance `r` on the start (side 1) or end (side -1) edge\n const edge = (a: number, side: 1 | -1, r: number): [number, number] => {\n const t = a + side * padAngleAt(half, r);\n return [cx + r * Math.cos(t), cy + r * Math.sin(t)];\n };\n const polar = (a: number, r: number): [number, number] => [\n cx + r * Math.cos(a),\n cy + r * Math.sin(a),\n ];\n\n const po = padAngleAt(half, r1);\n const outerSpan = Math.max(0, span - 2 * po);\n const pi = r0 > 0 ? padAngleAt(half, r0) : 0;\n const innerSpan = r0 > 0 ? span - 2 * pi : 0;\n const hasInner = r0 > 0 && innerSpan > 1e-4;\n const thick = r1 - r0;\n const co = Math.max(\n 0,\n Math.min(node.corner, thick / 2, (r1 * outerSpan) / 2 - 0.01),\n );\n const ci = hasInner\n ? Math.max(0, Math.min(node.corner, thick / 2, (r0 * innerSpan) / 2 - 0.01))\n : 0;\n\n // outer edge\n if (co > 0.5) {\n const s = edge(a0, 1, r1 - co);\n ctx.moveTo(s[0], s[1]);\n const c = edge(a0, 1, r1);\n const e = polar(a0 + po + co / r1, r1);\n ctx.quadraticCurveTo(c[0], c[1], e[0], e[1]);\n ctx.arc(cx, cy, r1, a0 + po + co / r1, a1 - po - co / r1);\n const c2 = edge(a1, -1, r1);\n const e2 = edge(a1, -1, r1 - co);\n ctx.quadraticCurveTo(c2[0], c2[1], e2[0], e2[1]);\n } else {\n const s = polar(a0 + po, r1);\n ctx.moveTo(s[0], s[1]);\n ctx.arc(cx, cy, r1, a0 + po, a1 - po);\n }\n\n // inner edge (or apex)\n if (hasInner) {\n if (ci > 0.5) {\n const s = edge(a1, -1, r0 + ci);\n ctx.lineTo(s[0], s[1]);\n const c = edge(a1, -1, r0);\n const e = polar(a1 - pi - ci / r0, r0);\n ctx.quadraticCurveTo(c[0], c[1], e[0], e[1]);\n ctx.arc(cx, cy, r0, a1 - pi - ci / r0, a0 + pi + ci / r0, true);\n const c2 = edge(a0, 1, r0);\n const e2 = edge(a0, 1, r0 + ci);\n ctx.quadraticCurveTo(c2[0], c2[1], e2[0], e2[1]);\n } else {\n const s = polar(a1 - pi, r0);\n ctx.lineTo(s[0], s[1]);\n ctx.arc(cx, cy, r0, a1 - pi, a0 + pi, true);\n }\n } else if (half <= 0) {\n ctx.lineTo(cx, cy);\n } else if (span < Math.PI) {\n // the two offset edges meet on the bisector\n const d = half / Math.sin(span / 2);\n const m = (a0 + a1) / 2;\n ctx.lineTo(cx + d * Math.cos(m), cy + d * Math.sin(m));\n } else {\n ctx.lineTo(\n cx + half * Math.cos(a1 - Math.PI / 2),\n cy + half * Math.sin(a1 - Math.PI / 2),\n );\n ctx.lineTo(\n cx + half * Math.cos(a0 + Math.PI / 2),\n cy + half * Math.sin(a0 + Math.PI / 2),\n );\n }\n ctx.closePath();\n};\n\n/** Closed polygon with rounded corners (adds a subpath) */\nconst polygonSubpath = (\n ctx: CanvasRenderingContext2D,\n points: readonly number[],\n radius: number,\n reverse: boolean,\n dx: number,\n dy: number,\n) => {\n const n = points.length >> 1;\n if (n < 2) return;\n const px = (i: number) => {\n const k = reverse ? n - 1 - i : i;\n return points[k * 2] + dx;\n };\n const py = (i: number) => {\n const k = reverse ? n - 1 - i : i;\n return points[k * 2 + 1] + dy;\n };\n if (radius <= 0 || n < 3) {\n ctx.moveTo(px(0), py(0));\n for (let i = 1; i < n; i++) ctx.lineTo(px(i), py(i));\n ctx.closePath();\n return;\n }\n // start in the middle of the last edge so every corner is rounded\n ctx.moveTo((px(n - 1) + px(0)) / 2, (py(n - 1) + py(0)) / 2);\n for (let i = 0; i < n; i++) {\n const j = (i + 1) % n;\n const p = (i + n - 1) % n;\n const lenPrev = Math.hypot(px(i) - px(p), py(i) - py(p));\n const lenNext = Math.hypot(px(j) - px(i), py(j) - py(i));\n const r = Math.min(radius, lenPrev / 2, lenNext / 2);\n if (r > 0.01) ctx.arcTo(px(i), py(i), px(j), py(j), r);\n else ctx.lineTo(px(i), py(i));\n }\n ctx.closePath();\n};\n\nconst polygonPath = (\n ctx: CanvasRenderingContext2D,\n node: PolygonNode,\n dx = 0,\n dy = 0,\n) => {\n ctx.beginPath();\n polygonSubpath(ctx, node.points, node.radius ?? 0, false, dx, dy);\n // reversed winding cuts the hole with the default nonzero rule\n if (node.hole) polygonSubpath(ctx, node.hole, 0, true, dx, dy);\n};\n\n/** Rounded rectangle path (no `ctx.roundRect`) */\nexport const roundRectPath = (\n ctx: CanvasRenderingContext2D,\n x: number,\n y: number,\n w: number,\n h: number,\n radius: number,\n) => {\n const r = Math.max(0, Math.min(radius, w / 2, h / 2));\n ctx.beginPath();\n if (r <= 0.01) {\n ctx.moveTo(x, y);\n ctx.lineTo(x + w, y);\n ctx.lineTo(x + w, y + h);\n ctx.lineTo(x, y + h);\n ctx.closePath();\n return;\n }\n ctx.moveTo(x + r, y);\n ctx.lineTo(x + w - r, y);\n ctx.arcTo(x + w, y, x + w, y + r, r);\n ctx.lineTo(x + w, y + h - r);\n ctx.arcTo(x + w, y + h, x + w - r, y + h, r);\n ctx.lineTo(x + r, y + h);\n ctx.arcTo(x, y + h, x, y + h - r, r);\n ctx.lineTo(x, y + r);\n ctx.arcTo(x, y, x + r, y, r);\n ctx.closePath();\n};\n\nconst setDash = (ctx: CanvasRenderingContext2D, dash: number[]) => {\n if (typeof ctx.setLineDash === \"function\") ctx.setLineDash(dash);\n};\n\nconst circle = (\n ctx: CanvasRenderingContext2D,\n x: number,\n y: number,\n r: number,\n) => {\n ctx.beginPath();\n ctx.arc(x, y, Math.max(0, r), 0, TAU);\n};\n\n/**\n * Draws a scene in CSS pixels (the caller sets the pixel-ratio transform and\n * clears the canvas). `hover` emphasizes an item and dims the others.\n */\nexport const drawShapeScene = (\n ctx: CanvasRenderingContext2D,\n scene: ShapeScene,\n hover: ShapeHover | null,\n) => {\n ctx.save();\n const enter = scene.enter;\n const base = enter ? Math.max(0, Math.min(1, enter.alpha)) : 1;\n if (enter && enter.scale !== 1) {\n ctx.translate(enter.cx, enter.cy);\n ctx.scale(enter.scale, enter.scale);\n ctx.translate(-enter.cx, -enter.cy);\n }\n ctx.lineJoin = \"round\";\n ctx.lineCap = \"round\";\n\n for (const node of scene.nodes) {\n const owned = node.hit !== undefined;\n const active = !!hover && owned && node.hit === hover.index;\n let alpha = base * (node.alpha ?? 1);\n if (hover && owned && !active) alpha *= scene.dim;\n if (alpha <= 0.002) continue;\n ctx.globalAlpha = alpha;\n const dx = active && node.shift ? node.shift[0] : 0;\n const dy = active && node.shift ? node.shift[1] : 0;\n\n switch (node.kind) {\n case \"sector\": {\n sectorPath(ctx, node, dx, dy);\n ctx.fillStyle = node.fill;\n if (active) {\n ctx.save();\n ctx.shadowColor = SHADOW;\n ctx.shadowBlur = 14;\n ctx.shadowOffsetY = 4;\n ctx.fill();\n ctx.restore();\n } else ctx.fill();\n break;\n }\n case \"polygon\": {\n polygonPath(ctx, node, dx, dy);\n const fill = active && node.hoverFill ? node.hoverFill : node.fill;\n if (fill) {\n ctx.fillStyle = fill;\n ctx.fill();\n if (active && node.brighten) {\n ctx.fillStyle = BRIGHTEN;\n ctx.fill();\n }\n }\n if (node.stroke) {\n ctx.strokeStyle = node.stroke;\n ctx.lineWidth =\n active && node.hoverLineWidth\n ? node.hoverLineWidth\n : (node.lineWidth ?? 1);\n ctx.stroke();\n }\n break;\n }\n case \"rect\": {\n roundRectPath(\n ctx,\n node.x + dx,\n node.y + dy,\n node.width,\n node.height,\n node.radius,\n );\n ctx.fillStyle = node.fill;\n ctx.fill();\n if (active && node.brighten) {\n ctx.fillStyle = BRIGHTEN;\n ctx.fill();\n }\n break;\n }\n case \"arc\": {\n if (node.a1 - node.a0 <= 1e-6 || node.width <= 0) break;\n ctx.beginPath();\n ctx.arc(node.cx + dx, node.cy + dy, node.r, node.a0, node.a1);\n ctx.lineCap = node.cap;\n ctx.lineWidth = node.width;\n ctx.strokeStyle = node.color;\n ctx.stroke();\n ctx.lineCap = \"round\";\n break;\n }\n case \"circle\": {\n if (!node.fill && !node.stroke) break;\n const focused =\n active &&\n (node.indicator === undefined || node.indicator === hover?.indicator);\n const r = focused && node.hoverR ? node.hoverR : node.r;\n const x = node.cx + dx;\n const y = node.cy + dy;\n if (focused && node.halo) {\n circle(ctx, x, y, r + 5);\n ctx.fillStyle = node.halo;\n ctx.fill();\n }\n circle(ctx, x, y, r);\n if (node.fill) {\n ctx.fillStyle = node.fill;\n ctx.fill();\n }\n if (node.stroke) {\n ctx.strokeStyle = node.stroke;\n ctx.lineWidth = node.lineWidth ?? 1;\n ctx.stroke();\n }\n break;\n }\n case \"line\": {\n const p = node.points;\n if (p.length < 4) break;\n ctx.beginPath();\n ctx.moveTo(p[0] + dx, p[1] + dy);\n // the last point stays: leader lines bend to their fixed label\n for (let i = 2; i < p.length; i += 2)\n ctx.lineTo(\n p[i] + (i === p.length - 2 ? 0 : dx),\n p[i + 1] + (i === p.length - 2 ? 0 : dy),\n );\n ctx.strokeStyle = node.color;\n ctx.lineWidth = node.width;\n if (node.dash) setDash(ctx, node.dash);\n ctx.stroke();\n if (node.dash) setDash(ctx, []);\n break;\n }\n case \"text\": {\n const focused =\n node.indicator !== undefined && hover?.indicator === node.indicator;\n ctx.font = focused && node.hoverFont ? node.hoverFont : node.font;\n ctx.fillStyle =\n focused && node.hoverColor ? node.hoverColor : node.color;\n ctx.textAlign = node.align;\n ctx.textBaseline = node.baseline;\n ctx.fillText(node.text, node.x + dx, node.y + dy);\n break;\n }\n case \"guide\": {\n const k = hover?.indicator;\n if (k === undefined || !node.ends[k]) break;\n ctx.globalAlpha = base;\n ctx.beginPath();\n ctx.moveTo(node.cx, node.cy);\n ctx.lineTo(node.ends[k][0], node.ends[k][1]);\n ctx.strokeStyle = node.color;\n ctx.lineWidth = 1;\n setDash(ctx, [3, 3]);\n ctx.stroke();\n setDash(ctx, []);\n break;\n }\n default:\n break;\n }\n }\n ctx.restore();\n};\n\n/** Legend drawn on a canvas (dots, muted names, struck-through when hidden) */\nexport const drawShapeLegend = (\n ctx: CanvasRenderingContext2D,\n theme: ChartTheme,\n boxes: readonly ShapeLegendBox[],\n) => {\n ctx.save();\n ctx.font = font(theme, 12);\n ctx.textBaseline = \"middle\";\n ctx.textAlign = \"left\";\n for (const box of boxes) {\n const cy = box.y + box.height / 2;\n ctx.globalAlpha = box.hidden ? 0.45 : 1;\n ctx.fillStyle = box.color;\n circle(ctx, box.x + 4.5, cy, 4.5);\n ctx.fill();\n ctx.fillStyle = toCss(theme.textMuted);\n ctx.fillText(box.name, box.x + 15, cy, Math.max(1, box.width - 15));\n if (box.hidden) ctx.fillRect(box.x + 15, cy, box.width - 15, 1);\n }\n ctx.restore();\n};\n\n/** Tooltip drawn on a canvas, styled like the DOM tooltip */\nexport const drawShapeTooltip = (\n ctx: CanvasRenderingContext2D,\n theme: ChartTheme,\n box: ShapeTooltipBox,\n) => {\n const { padding, lineHeight } = box;\n ctx.save();\n ctx.globalAlpha = 1;\n ctx.save();\n ctx.shadowColor = SHADOW;\n ctx.shadowBlur = 16;\n ctx.shadowOffsetY = 6;\n roundRectPath(ctx, box.x, box.y, box.width, box.height, 8);\n ctx.fillStyle = toCss(theme.background);\n ctx.fill();\n ctx.restore();\n roundRectPath(\n ctx,\n box.x + 0.5,\n box.y + 0.5,\n box.width - 1,\n box.height - 1,\n 8,\n );\n ctx.strokeStyle = toCss(theme.axis);\n ctx.lineWidth = 1;\n ctx.stroke();\n\n ctx.textBaseline = \"middle\";\n let y = box.y + padding + lineHeight / 2;\n const left = box.x + padding + 2;\n const right = box.x + box.width - padding - 2;\n if (box.text) {\n ctx.font = font(theme, 12);\n ctx.fillStyle = toCss(theme.text);\n ctx.textAlign = \"left\";\n for (const line of box.text) {\n ctx.fillText(line, left, y);\n y += lineHeight;\n }\n } else if (box.content) {\n const { content } = box;\n let x = left;\n if (content.color) {\n ctx.fillStyle = content.color;\n circle(ctx, x + 4, y, 4);\n ctx.fill();\n x += 14;\n }\n ctx.font = font(theme, 12, 600);\n ctx.fillStyle = toCss(theme.text);\n ctx.textAlign = \"left\";\n ctx.fillText(content.title, x, y);\n y += lineHeight;\n for (const row of content.rows) {\n x = left;\n if (row.color) {\n ctx.fillStyle = row.color;\n circle(ctx, x + 4, y, 4);\n ctx.fill();\n x += 14;\n }\n ctx.font = font(theme, 12, row.strong ? 600 : 400);\n ctx.textAlign = \"left\";\n ctx.fillStyle = toCss(row.strong ? theme.text : theme.textMuted);\n ctx.fillText(row.name, x, y);\n ctx.font = font(theme, 12, 600);\n ctx.textAlign = \"right\";\n ctx.fillStyle = toCss(theme.text);\n ctx.fillText(row.value, right, y);\n y += lineHeight;\n }\n }\n ctx.restore();\n};\n"],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ChartTheme } from '../theme.cjs';
|
|
2
|
+
import { ShapeLegendBox, ShapeTooltipBox } from './layout.cjs';
|
|
3
|
+
import { SectorNode, ShapeHover, ShapeScene } from './scene.cjs';
|
|
4
|
+
/** Gap of a sector, reduced so thin slices keep most of their arc */
|
|
5
|
+
export declare const sectorPad: (node: SectorNode) => number;
|
|
6
|
+
/** Angle offset of a point at distance `r` from a radial edge moved by `half` px */
|
|
7
|
+
export declare const padAngleAt: (half: number, r: number) => number;
|
|
8
|
+
/** Annular sector with pixel gaps and rounded corners */
|
|
9
|
+
export declare const sectorPath: (ctx: CanvasRenderingContext2D, node: SectorNode, dx?: number, dy?: number) => void;
|
|
10
|
+
/** Rounded rectangle path (no `ctx.roundRect`) */
|
|
11
|
+
export declare const roundRectPath: (ctx: CanvasRenderingContext2D, x: number, y: number, w: number, h: number, radius: number) => void;
|
|
12
|
+
/**
|
|
13
|
+
* Draws a scene in CSS pixels (the caller sets the pixel-ratio transform and
|
|
14
|
+
* clears the canvas). `hover` emphasizes an item and dims the others.
|
|
15
|
+
*/
|
|
16
|
+
export declare const drawShapeScene: (ctx: CanvasRenderingContext2D, scene: ShapeScene, hover: ShapeHover | null) => void;
|
|
17
|
+
/** Legend drawn on a canvas (dots, muted names, struck-through when hidden) */
|
|
18
|
+
export declare const drawShapeLegend: (ctx: CanvasRenderingContext2D, theme: ChartTheme, boxes: readonly ShapeLegendBox[]) => void;
|
|
19
|
+
/** Tooltip drawn on a canvas, styled like the DOM tooltip */
|
|
20
|
+
export declare const drawShapeTooltip: (ctx: CanvasRenderingContext2D, theme: ChartTheme, box: ShapeTooltipBox) => void;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ChartTheme } from '../theme.js';
|
|
2
|
+
import { ShapeLegendBox, ShapeTooltipBox } from './layout.js';
|
|
3
|
+
import { SectorNode, ShapeHover, ShapeScene } from './scene.js';
|
|
4
|
+
/** Gap of a sector, reduced so thin slices keep most of their arc */
|
|
5
|
+
export declare const sectorPad: (node: SectorNode) => number;
|
|
6
|
+
/** Angle offset of a point at distance `r` from a radial edge moved by `half` px */
|
|
7
|
+
export declare const padAngleAt: (half: number, r: number) => number;
|
|
8
|
+
/** Annular sector with pixel gaps and rounded corners */
|
|
9
|
+
export declare const sectorPath: (ctx: CanvasRenderingContext2D, node: SectorNode, dx?: number, dy?: number) => void;
|
|
10
|
+
/** Rounded rectangle path (no `ctx.roundRect`) */
|
|
11
|
+
export declare const roundRectPath: (ctx: CanvasRenderingContext2D, x: number, y: number, w: number, h: number, radius: number) => void;
|
|
12
|
+
/**
|
|
13
|
+
* Draws a scene in CSS pixels (the caller sets the pixel-ratio transform and
|
|
14
|
+
* clears the canvas). `hover` emphasizes an item and dims the others.
|
|
15
|
+
*/
|
|
16
|
+
export declare const drawShapeScene: (ctx: CanvasRenderingContext2D, scene: ShapeScene, hover: ShapeHover | null) => void;
|
|
17
|
+
/** Legend drawn on a canvas (dots, muted names, struck-through when hidden) */
|
|
18
|
+
export declare const drawShapeLegend: (ctx: CanvasRenderingContext2D, theme: ChartTheme, boxes: readonly ShapeLegendBox[]) => void;
|
|
19
|
+
/** Tooltip drawn on a canvas, styled like the DOM tooltip */
|
|
20
|
+
export declare const drawShapeTooltip: (ctx: CanvasRenderingContext2D, theme: ChartTheme, box: ShapeTooltipBox) => void;
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
import { toCss as e } from "../color.js";
|
|
2
|
+
import { font as t } from "../overlay.js";
|
|
3
|
+
import { TAU as n } from "./scene.js";
|
|
4
|
+
//#region src/engine/shapes/draw.ts
|
|
5
|
+
var r = "rgba(15, 23, 42, 0.18)", i = "rgba(255, 255, 255, 0.14)", a = (e) => Math.max(0, Math.min(e.pad, e.r1 * (e.a1 - e.a0) / 3)), o = (e, t) => t > 0 ? Math.asin(Math.min(1, e / t)) : Math.PI / 2, s = (e, t, r = 0, i = 0) => {
|
|
6
|
+
let s = t.cx + r, c = t.cy + i, { r0: l, r1: u, a0: d, a1: f } = t, p = f - d;
|
|
7
|
+
if (e.beginPath(), p <= 0 || u <= l) return;
|
|
8
|
+
if (p >= n - 1e-6) {
|
|
9
|
+
e.moveTo(s + u, c), e.arc(s, c, u, 0, n), l > 0 && (e.moveTo(s + l, c), e.arc(s, c, l, n, 0, !0)), e.closePath();
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
12
|
+
let m = a(t) / 2, h = (e, t, n) => {
|
|
13
|
+
let r = e + t * o(m, n);
|
|
14
|
+
return [s + n * Math.cos(r), c + n * Math.sin(r)];
|
|
15
|
+
}, g = (e, t) => [s + t * Math.cos(e), c + t * Math.sin(e)], _ = o(m, u), v = Math.max(0, p - 2 * _), y = l > 0 ? o(m, l) : 0, b = l > 0 ? p - 2 * y : 0, x = l > 0 && b > 1e-4, S = u - l, C = Math.max(0, Math.min(t.corner, S / 2, u * v / 2 - .01)), w = x ? Math.max(0, Math.min(t.corner, S / 2, l * b / 2 - .01)) : 0;
|
|
16
|
+
if (C > .5) {
|
|
17
|
+
let t = h(d, 1, u - C);
|
|
18
|
+
e.moveTo(t[0], t[1]);
|
|
19
|
+
let n = h(d, 1, u), r = g(d + _ + C / u, u);
|
|
20
|
+
e.quadraticCurveTo(n[0], n[1], r[0], r[1]), e.arc(s, c, u, d + _ + C / u, f - _ - C / u);
|
|
21
|
+
let i = h(f, -1, u), a = h(f, -1, u - C);
|
|
22
|
+
e.quadraticCurveTo(i[0], i[1], a[0], a[1]);
|
|
23
|
+
} else {
|
|
24
|
+
let t = g(d + _, u);
|
|
25
|
+
e.moveTo(t[0], t[1]), e.arc(s, c, u, d + _, f - _);
|
|
26
|
+
}
|
|
27
|
+
if (x) {
|
|
28
|
+
if (w > .5) {
|
|
29
|
+
let t = h(f, -1, l + w);
|
|
30
|
+
e.lineTo(t[0], t[1]);
|
|
31
|
+
let n = h(f, -1, l), r = g(f - y - w / l, l);
|
|
32
|
+
e.quadraticCurveTo(n[0], n[1], r[0], r[1]), e.arc(s, c, l, f - y - w / l, d + y + w / l, !0);
|
|
33
|
+
let i = h(d, 1, l), a = h(d, 1, l + w);
|
|
34
|
+
e.quadraticCurveTo(i[0], i[1], a[0], a[1]);
|
|
35
|
+
} else {
|
|
36
|
+
let t = g(f - y, l);
|
|
37
|
+
e.lineTo(t[0], t[1]), e.arc(s, c, l, f - y, d + y, !0);
|
|
38
|
+
}
|
|
39
|
+
} else if (m <= 0) e.lineTo(s, c);
|
|
40
|
+
else if (p < Math.PI) {
|
|
41
|
+
let t = m / Math.sin(p / 2), n = (d + f) / 2;
|
|
42
|
+
e.lineTo(s + t * Math.cos(n), c + t * Math.sin(n));
|
|
43
|
+
} else e.lineTo(s + m * Math.cos(f - Math.PI / 2), c + m * Math.sin(f - Math.PI / 2)), e.lineTo(s + m * Math.cos(d + Math.PI / 2), c + m * Math.sin(d + Math.PI / 2));
|
|
44
|
+
e.closePath();
|
|
45
|
+
}, c = (e, t, n, r, i, a) => {
|
|
46
|
+
let o = t.length >> 1;
|
|
47
|
+
if (o < 2) return;
|
|
48
|
+
let s = (e) => t[(r ? o - 1 - e : e) * 2] + i, c = (e) => t[(r ? o - 1 - e : e) * 2 + 1] + a;
|
|
49
|
+
if (n <= 0 || o < 3) {
|
|
50
|
+
e.moveTo(s(0), c(0));
|
|
51
|
+
for (let t = 1; t < o; t++) e.lineTo(s(t), c(t));
|
|
52
|
+
e.closePath();
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
e.moveTo((s(o - 1) + s(0)) / 2, (c(o - 1) + c(0)) / 2);
|
|
56
|
+
for (let t = 0; t < o; t++) {
|
|
57
|
+
let r = (t + 1) % o, i = (t + o - 1) % o, a = Math.hypot(s(t) - s(i), c(t) - c(i)), l = Math.hypot(s(r) - s(t), c(r) - c(t)), u = Math.min(n, a / 2, l / 2);
|
|
58
|
+
u > .01 ? e.arcTo(s(t), c(t), s(r), c(r), u) : e.lineTo(s(t), c(t));
|
|
59
|
+
}
|
|
60
|
+
e.closePath();
|
|
61
|
+
}, l = (e, t, n = 0, r = 0) => {
|
|
62
|
+
e.beginPath(), c(e, t.points, t.radius ?? 0, !1, n, r), t.hole && c(e, t.hole, 0, !0, n, r);
|
|
63
|
+
}, u = (e, t, n, r, i, a) => {
|
|
64
|
+
let o = Math.max(0, Math.min(a, r / 2, i / 2));
|
|
65
|
+
if (e.beginPath(), o <= .01) {
|
|
66
|
+
e.moveTo(t, n), e.lineTo(t + r, n), e.lineTo(t + r, n + i), e.lineTo(t, n + i), e.closePath();
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
e.moveTo(t + o, n), e.lineTo(t + r - o, n), e.arcTo(t + r, n, t + r, n + o, o), e.lineTo(t + r, n + i - o), e.arcTo(t + r, n + i, t + r - o, n + i, o), e.lineTo(t + o, n + i), e.arcTo(t, n + i, t, n + i - o, o), e.lineTo(t, n + o), e.arcTo(t, n, t + o, n, o), e.closePath();
|
|
70
|
+
}, d = (e, t) => {
|
|
71
|
+
typeof e.setLineDash == "function" && e.setLineDash(t);
|
|
72
|
+
}, f = (e, t, r, i) => {
|
|
73
|
+
e.beginPath(), e.arc(t, r, Math.max(0, i), 0, n);
|
|
74
|
+
}, p = (e, t, n) => {
|
|
75
|
+
e.save();
|
|
76
|
+
let a = t.enter, o = a ? Math.max(0, Math.min(1, a.alpha)) : 1;
|
|
77
|
+
a && a.scale !== 1 && (e.translate(a.cx, a.cy), e.scale(a.scale, a.scale), e.translate(-a.cx, -a.cy)), e.lineJoin = "round", e.lineCap = "round";
|
|
78
|
+
for (let a of t.nodes) {
|
|
79
|
+
let c = a.hit !== void 0, p = !!n && c && a.hit === n.index, m = o * (a.alpha ?? 1);
|
|
80
|
+
if (n && c && !p && (m *= t.dim), m <= .002) continue;
|
|
81
|
+
e.globalAlpha = m;
|
|
82
|
+
let h = p && a.shift ? a.shift[0] : 0, g = p && a.shift ? a.shift[1] : 0;
|
|
83
|
+
switch (a.kind) {
|
|
84
|
+
case "sector":
|
|
85
|
+
s(e, a, h, g), e.fillStyle = a.fill, p ? (e.save(), e.shadowColor = r, e.shadowBlur = 14, e.shadowOffsetY = 4, e.fill(), e.restore()) : e.fill();
|
|
86
|
+
break;
|
|
87
|
+
case "polygon": {
|
|
88
|
+
l(e, a, h, g);
|
|
89
|
+
let t = p && a.hoverFill ? a.hoverFill : a.fill;
|
|
90
|
+
t && (e.fillStyle = t, e.fill(), p && a.brighten && (e.fillStyle = i, e.fill())), a.stroke && (e.strokeStyle = a.stroke, e.lineWidth = p && a.hoverLineWidth ? a.hoverLineWidth : a.lineWidth ?? 1, e.stroke());
|
|
91
|
+
break;
|
|
92
|
+
}
|
|
93
|
+
case "rect":
|
|
94
|
+
u(e, a.x + h, a.y + g, a.width, a.height, a.radius), e.fillStyle = a.fill, e.fill(), p && a.brighten && (e.fillStyle = i, e.fill());
|
|
95
|
+
break;
|
|
96
|
+
case "arc":
|
|
97
|
+
if (a.a1 - a.a0 <= 1e-6 || a.width <= 0) break;
|
|
98
|
+
e.beginPath(), e.arc(a.cx + h, a.cy + g, a.r, a.a0, a.a1), e.lineCap = a.cap, e.lineWidth = a.width, e.strokeStyle = a.color, e.stroke(), e.lineCap = "round";
|
|
99
|
+
break;
|
|
100
|
+
case "circle": {
|
|
101
|
+
if (!a.fill && !a.stroke) break;
|
|
102
|
+
let t = p && (a.indicator === void 0 || a.indicator === n?.indicator), r = t && a.hoverR ? a.hoverR : a.r, i = a.cx + h, o = a.cy + g;
|
|
103
|
+
t && a.halo && (f(e, i, o, r + 5), e.fillStyle = a.halo, e.fill()), f(e, i, o, r), a.fill && (e.fillStyle = a.fill, e.fill()), a.stroke && (e.strokeStyle = a.stroke, e.lineWidth = a.lineWidth ?? 1, e.stroke());
|
|
104
|
+
break;
|
|
105
|
+
}
|
|
106
|
+
case "line": {
|
|
107
|
+
let t = a.points;
|
|
108
|
+
if (t.length < 4) break;
|
|
109
|
+
e.beginPath(), e.moveTo(t[0] + h, t[1] + g);
|
|
110
|
+
for (let n = 2; n < t.length; n += 2) e.lineTo(t[n] + (n === t.length - 2 ? 0 : h), t[n + 1] + (n === t.length - 2 ? 0 : g));
|
|
111
|
+
e.strokeStyle = a.color, e.lineWidth = a.width, a.dash && d(e, a.dash), e.stroke(), a.dash && d(e, []);
|
|
112
|
+
break;
|
|
113
|
+
}
|
|
114
|
+
case "text": {
|
|
115
|
+
let t = a.indicator !== void 0 && n?.indicator === a.indicator;
|
|
116
|
+
e.font = t && a.hoverFont ? a.hoverFont : a.font, e.fillStyle = t && a.hoverColor ? a.hoverColor : a.color, e.textAlign = a.align, e.textBaseline = a.baseline, e.fillText(a.text, a.x + h, a.y + g);
|
|
117
|
+
break;
|
|
118
|
+
}
|
|
119
|
+
case "guide": {
|
|
120
|
+
let t = n?.indicator;
|
|
121
|
+
if (t === void 0 || !a.ends[t]) break;
|
|
122
|
+
e.globalAlpha = o, e.beginPath(), e.moveTo(a.cx, a.cy), e.lineTo(a.ends[t][0], a.ends[t][1]), e.strokeStyle = a.color, e.lineWidth = 1, d(e, [3, 3]), e.stroke(), d(e, []);
|
|
123
|
+
break;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
e.restore();
|
|
128
|
+
}, m = (n, r, i) => {
|
|
129
|
+
n.save(), n.font = t(r, 12), n.textBaseline = "middle", n.textAlign = "left";
|
|
130
|
+
for (let t of i) {
|
|
131
|
+
let i = t.y + t.height / 2;
|
|
132
|
+
n.globalAlpha = t.hidden ? .45 : 1, n.fillStyle = t.color, f(n, t.x + 4.5, i, 4.5), n.fill(), n.fillStyle = e(r.textMuted), n.fillText(t.name, t.x + 15, i, Math.max(1, t.width - 15)), t.hidden && n.fillRect(t.x + 15, i, t.width - 15, 1);
|
|
133
|
+
}
|
|
134
|
+
n.restore();
|
|
135
|
+
}, h = (n, i, a) => {
|
|
136
|
+
let { padding: o, lineHeight: s } = a;
|
|
137
|
+
n.save(), n.globalAlpha = 1, n.save(), n.shadowColor = r, n.shadowBlur = 16, n.shadowOffsetY = 6, u(n, a.x, a.y, a.width, a.height, 8), n.fillStyle = e(i.background), n.fill(), n.restore(), u(n, a.x + .5, a.y + .5, a.width - 1, a.height - 1, 8), n.strokeStyle = e(i.axis), n.lineWidth = 1, n.stroke(), n.textBaseline = "middle";
|
|
138
|
+
let c = a.y + o + s / 2, l = a.x + o + 2, d = a.x + a.width - o - 2;
|
|
139
|
+
if (a.text) {
|
|
140
|
+
n.font = t(i, 12), n.fillStyle = e(i.text), n.textAlign = "left";
|
|
141
|
+
for (let e of a.text) n.fillText(e, l, c), c += s;
|
|
142
|
+
} else if (a.content) {
|
|
143
|
+
let { content: r } = a, o = l;
|
|
144
|
+
r.color && (n.fillStyle = r.color, f(n, o + 4, c, 4), n.fill(), o += 14), n.font = t(i, 12, 600), n.fillStyle = e(i.text), n.textAlign = "left", n.fillText(r.title, o, c), c += s;
|
|
145
|
+
for (let a of r.rows) o = l, a.color && (n.fillStyle = a.color, f(n, o + 4, c, 4), n.fill(), o += 14), n.font = t(i, 12, a.strong ? 600 : 400), n.textAlign = "left", n.fillStyle = e(a.strong ? i.text : i.textMuted), n.fillText(a.name, o, c), n.font = t(i, 12, 600), n.textAlign = "right", n.fillStyle = e(i.text), n.fillText(a.value, d, c), c += s;
|
|
146
|
+
}
|
|
147
|
+
n.restore();
|
|
148
|
+
};
|
|
149
|
+
//#endregion
|
|
150
|
+
export { m as drawShapeLegend, p as drawShapeScene, h as drawShapeTooltip, o as padAngleAt, u as roundRectPath, a as sectorPad, s as sectorPath };
|
|
151
|
+
|
|
152
|
+
//# sourceMappingURL=draw.js.map
|