@vielzeug/prism 26.11.5 → 26.11.6
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/README.md +25 -10
- package/dist/_dev.js +1 -2
- package/dist/_tappers.js +1 -2
- package/dist/animation/easing.js +1 -2
- package/dist/animation/motion.js +0 -1
- package/dist/animation/reveal.cjs +1 -1
- package/dist/animation/reveal.cjs.map +1 -1
- package/dist/animation/reveal.js +29 -30
- package/dist/animation/transition.js +1 -2
- package/dist/animation/tween.js +1 -2
- package/dist/axes/axis.js +1 -2
- package/dist/axes/grid.js +1 -2
- package/dist/axes/scale-utils.js +1 -2
- package/dist/charts/area/area-chart.cjs +1 -1
- package/dist/charts/area/area-chart.cjs.map +1 -1
- package/dist/charts/area/area-chart.js +34 -35
- package/dist/charts/area/area-renderer.cjs +1 -1
- package/dist/charts/area/area-renderer.cjs.map +1 -1
- package/dist/charts/area/area-renderer.js +56 -57
- package/dist/charts/area/area-renderer.js.map +1 -1
- package/dist/charts/bar/bar-chart.cjs +1 -1
- package/dist/charts/bar/bar-chart.cjs.map +1 -1
- package/dist/charts/bar/bar-chart.js +80 -81
- package/dist/charts/bar/bar-chart.js.map +1 -1
- package/dist/charts/bar/bar-hit-test.js +1 -2
- package/dist/charts/bar/bar-renderer.cjs +1 -1
- package/dist/charts/bar/bar-renderer.cjs.map +1 -1
- package/dist/charts/bar/bar-renderer.js +42 -43
- package/dist/charts/bar/bar-value-labels.cjs +1 -1
- package/dist/charts/bar/bar-value-labels.cjs.map +1 -1
- package/dist/charts/bar/bar-value-labels.js +17 -18
- package/dist/charts/heatmap/heatmap-chart.cjs +1 -1
- package/dist/charts/heatmap/heatmap-chart.cjs.map +1 -1
- package/dist/charts/heatmap/heatmap-chart.js +43 -44
- package/dist/charts/heatmap/heatmap-color.js +1 -2
- package/dist/charts/line/line-chart.cjs +1 -1
- package/dist/charts/line/line-chart.cjs.map +1 -1
- package/dist/charts/line/line-chart.js +41 -42
- package/dist/charts/line/line-renderer.cjs +1 -1
- package/dist/charts/line/line-renderer.cjs.map +1 -1
- package/dist/charts/line/line-renderer.js +81 -82
- package/dist/charts/line/line-renderer.js.map +1 -1
- package/dist/charts/pie/pie-chart.cjs +1 -1
- package/dist/charts/pie/pie-chart.cjs.map +1 -1
- package/dist/charts/pie/pie-chart.js +69 -70
- package/dist/charts/pie/pie-renderer.js +1 -2
- package/dist/charts/radar/radar-chart.cjs +1 -1
- package/dist/charts/radar/radar-chart.cjs.map +1 -1
- package/dist/charts/radar/radar-chart.js +118 -119
- package/dist/charts/radar/radar-chart.js.map +1 -1
- package/dist/charts/radar/radar-geometry.cjs +1 -1
- package/dist/charts/radar/radar-geometry.cjs.map +1 -1
- package/dist/charts/radar/radar-geometry.js +15 -16
- package/dist/charts/scatter/scatter-chart.cjs +1 -1
- package/dist/charts/scatter/scatter-chart.cjs.map +1 -1
- package/dist/charts/scatter/scatter-chart.js +33 -34
- package/dist/charts/scatter/scatter-renderer.cjs +1 -1
- package/dist/charts/scatter/scatter-renderer.cjs.map +1 -1
- package/dist/charts/scatter/scatter-renderer.js +22 -23
- package/dist/charts/sparkline/sparkline.cjs +1 -1
- package/dist/charts/sparkline/sparkline.cjs.map +1 -1
- package/dist/charts/sparkline/sparkline.js +87 -88
- package/dist/charts/sparkline/sparkline.js.map +1 -1
- package/dist/core/cartesian-model.js +1 -2
- package/dist/core/cartesian-scales.js +1 -2
- package/dist/core/chart-base.cjs +1 -1
- package/dist/core/chart-base.cjs.map +1 -1
- package/dist/core/chart-base.js +13 -14
- package/dist/core/chart-scaffold.cjs +1 -1
- package/dist/core/chart-scaffold.cjs.map +1 -1
- package/dist/core/chart-scaffold.js +33 -34
- package/dist/core/datum-style.js +1 -2
- package/dist/core/ids.js +1 -2
- package/dist/core/layout.js +1 -2
- package/dist/core/polar.js +1 -2
- package/dist/core/responsive.js +1 -2
- package/dist/core/series-id.js +1 -2
- package/dist/errors.js +1 -2
- package/dist/index.cjs +1 -1
- package/dist/index.js +14 -14
- package/dist/interaction/announcer.js +1 -2
- package/dist/interaction/crosshair.js +1 -2
- package/dist/interaction/events.js +1 -2
- package/dist/interaction/legend.js +1 -2
- package/dist/interaction/scatter-interaction.cjs +1 -1
- package/dist/interaction/scatter-interaction.cjs.map +1 -1
- package/dist/interaction/scatter-interaction.js +26 -27
- package/dist/interaction/series-interaction.cjs +1 -1
- package/dist/interaction/series-interaction.cjs.map +1 -1
- package/dist/interaction/series-interaction.js +40 -41
- package/dist/interaction/tooltip.js +1 -2
- package/dist/prism.cjs +1 -1
- package/dist/prism.cjs.map +1 -1
- package/dist/prism.iife.js +1 -1
- package/dist/prism.iife.js.map +1 -1
- package/dist/prism.js +52 -103
- package/dist/prism.js.map +1 -1
- package/dist/scales/band.js +1 -2
- package/dist/scales/linear.js +1 -2
- package/dist/scales/time.js +1 -2
- package/dist/svg/element.js +1 -2
- package/dist/svg/path.js +1 -2
- package/dist/svg/text.js +1 -2
- package/dist/theme/index.js +1 -2
- package/package.json +6 -6
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import "../../_dev.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
2
|
+
import { positionAxis as e, renderAxis as t, resolveTickCount as n, resolveTicks as r } from "../../axes/axis.js";
|
|
3
|
+
import { renderGrid as i } from "../../axes/grid.js";
|
|
4
|
+
import { normalizeCartesianSeries as a } from "../../core/cartesian-model.js";
|
|
5
|
+
import { clearCartesianDom as o, createChartScaffold as s } from "../../core/chart-scaffold.js";
|
|
6
|
+
import { chartArea as c } from "../../core/layout.js";
|
|
7
|
+
import { seriesDomId as l } from "../../core/series-id.js";
|
|
8
|
+
import { describeValues as u } from "../../interaction/announcer.js";
|
|
9
|
+
import { getMousePosition as d } from "../../interaction/events.js";
|
|
10
|
+
import { comparisonContent as f } from "../../interaction/tooltip.js";
|
|
11
|
+
import { bandScale as p } from "../../scales/band.js";
|
|
12
|
+
import { linearScale as m } from "../../scales/linear.js";
|
|
13
|
+
import { createSvgElement as h, setAttributes as g } from "../../svg/element.js";
|
|
14
|
+
import { seriesColor as _ } from "../../theme/index.js";
|
|
15
15
|
import { findCatIdx as v, findSeriesIdx as y } from "./bar-hit-test.js";
|
|
16
16
|
import { renderBars as b } from "./bar-renderer.js";
|
|
17
17
|
import { renderBarValueLabels as x } from "./bar-value-labels.js";
|
|
18
|
-
|
|
18
|
+
// src/charts/bar/bar-chart.ts
|
|
19
19
|
function variantFlags(e) {
|
|
20
20
|
return {
|
|
21
21
|
horizontal: e === "grouped-horizontal" || e === "stacked-horizontal",
|
|
@@ -24,13 +24,13 @@ function variantFlags(e) {
|
|
|
24
24
|
}
|
|
25
25
|
function createBarChart(S, C) {
|
|
26
26
|
let w = C.series, T = null, E = null;
|
|
27
|
-
return
|
|
28
|
-
let { groups: D, legend: O, tooltip: k } =
|
|
27
|
+
return s(S, C, (s, S) => {
|
|
28
|
+
let { groups: D, legend: O, tooltip: k } = s;
|
|
29
29
|
O?.update(w.map((e, t) => ({
|
|
30
|
-
color:
|
|
30
|
+
color: _(t, e.color),
|
|
31
31
|
name: e.name
|
|
32
32
|
})));
|
|
33
|
-
let A =
|
|
33
|
+
let A = s.dimensions, j = c(A.width, A.height, A.margin), M = w.map((e) => e.data), N = a(w, M), P = N.domain, F = N.series.map(({ byKey: e }) => P.map((t) => e.get(t))), categoryAxis = (e) => ({
|
|
34
34
|
...e,
|
|
35
35
|
tickFormat: (t) => {
|
|
36
36
|
let n = String(t), r = N.labels.get(n) ?? t;
|
|
@@ -38,7 +38,7 @@ function createBarChart(S, C) {
|
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
if (P.length === 0) {
|
|
41
|
-
|
|
41
|
+
o(D, O, k), T?.remove(), T = null, E?.remove(), E = null;
|
|
42
42
|
return;
|
|
43
43
|
}
|
|
44
44
|
let { horizontal: I, stacked: L } = variantFlags(C.variant ?? "grouped"), R = C.xAxis === !1 ? !1 : I ? {
|
|
@@ -56,13 +56,13 @@ function createBarChart(S, C) {
|
|
|
56
56
|
let e = F.flatMap((e) => e.flatMap((e) => e ? [e.value] : []));
|
|
57
57
|
B = Math.max(...e), V = Math.min(0, ...e);
|
|
58
58
|
}
|
|
59
|
-
let H =
|
|
59
|
+
let H = p(I ? {
|
|
60
60
|
domain: P,
|
|
61
61
|
range: [0, j.height]
|
|
62
62
|
} : {
|
|
63
63
|
domain: P,
|
|
64
64
|
range: [0, j.width]
|
|
65
|
-
}), U =
|
|
65
|
+
}), U = m(I ? {
|
|
66
66
|
domain: [V, B],
|
|
67
67
|
range: [0, j.width]
|
|
68
68
|
} : {
|
|
@@ -80,34 +80,34 @@ function createBarChart(S, C) {
|
|
|
80
80
|
valueScale: U
|
|
81
81
|
};
|
|
82
82
|
if (I) {
|
|
83
|
-
if (R && R.grid &&
|
|
84
|
-
let
|
|
85
|
-
|
|
83
|
+
if (R && R.grid && i(D.grid, U, R.grid, j.height, "vertical", r(U, R, n(R, j.width, "bottom"))), z !== !1) {
|
|
84
|
+
let n = categoryAxis(z);
|
|
85
|
+
e(D.yAxis, n.position ?? "left", j.width, j.height), t(D.yAxis, H, n, j.height, "left");
|
|
86
86
|
}
|
|
87
|
-
R && (
|
|
87
|
+
R && (e(D.xAxis, R.position ?? "bottom", j.width, j.height), t(D.xAxis, U, R, j.width, "bottom"));
|
|
88
88
|
} else {
|
|
89
|
-
if (z && z.grid &&
|
|
90
|
-
let
|
|
91
|
-
|
|
89
|
+
if (z && z.grid && i(D.grid, U, z.grid, j.width, "horizontal", r(U, z, n(z, j.height, "left"))), R !== !1) {
|
|
90
|
+
let n = categoryAxis(R);
|
|
91
|
+
e(D.xAxis, n.position ?? "bottom", j.width, j.height), t(D.xAxis, H, n, j.width, "bottom");
|
|
92
92
|
}
|
|
93
|
-
z && (
|
|
93
|
+
z && (e(D.yAxis, z.position ?? "left", j.width, j.height), t(D.yAxis, U, z, j.height, "left"));
|
|
94
94
|
}
|
|
95
|
-
let q = L ? 0 : Number.parseFloat(getComputedStyle(
|
|
95
|
+
let q = L ? 0 : Number.parseFloat(getComputedStyle(s.svg).getPropertyValue("--prism-bar-radius")) || 0;
|
|
96
96
|
for (; D.series.children.length > w.length;) {
|
|
97
97
|
let e = D.series.lastElementChild;
|
|
98
98
|
e && D.series.removeChild(e);
|
|
99
99
|
}
|
|
100
|
-
for (let
|
|
101
|
-
let
|
|
102
|
-
|
|
103
|
-
let
|
|
104
|
-
let r = F[
|
|
100
|
+
for (let e = 0; e < w.length; e++) {
|
|
101
|
+
let t = w[e], n = D.series.children[e];
|
|
102
|
+
n || (n = h("g", { class: "prism-bar-series" }), D.series.appendChild(n)), n.setAttribute("data-series-id", l(t, e));
|
|
103
|
+
let r = P.map((t, n) => {
|
|
104
|
+
let r = F[e]?.[n];
|
|
105
105
|
if (L) {
|
|
106
|
-
let
|
|
107
|
-
return G[
|
|
108
|
-
base:
|
|
106
|
+
let e = G[t] ?? 0, n = e + Math.max(0, r?.value ?? 0);
|
|
107
|
+
return G[t] = n, {
|
|
108
|
+
base: e,
|
|
109
109
|
dash: r?.dash,
|
|
110
|
-
key:
|
|
110
|
+
key: t,
|
|
111
111
|
opacity: r?.opacity,
|
|
112
112
|
present: r !== void 0,
|
|
113
113
|
y: n
|
|
@@ -116,70 +116,70 @@ function createBarChart(S, C) {
|
|
|
116
116
|
return {
|
|
117
117
|
base: 0,
|
|
118
118
|
dash: r?.dash,
|
|
119
|
-
key:
|
|
119
|
+
key: t,
|
|
120
120
|
opacity: r?.opacity,
|
|
121
121
|
present: r !== void 0,
|
|
122
122
|
y: r?.value ?? 0
|
|
123
123
|
};
|
|
124
124
|
});
|
|
125
|
-
W[
|
|
126
|
-
let
|
|
127
|
-
b(
|
|
128
|
-
baselineYs:
|
|
129
|
-
borderRadius:
|
|
130
|
-
color:
|
|
131
|
-
disposalSignal:
|
|
125
|
+
W[e] = r.map((e) => e.y);
|
|
126
|
+
let i = L ? r.map((e) => U.map(e.base)) : void 0;
|
|
127
|
+
b(n, r, H, U, K.baselinePx, {
|
|
128
|
+
baselineYs: i,
|
|
129
|
+
borderRadius: t.borderRadius ?? q,
|
|
130
|
+
color: _(e, t.color),
|
|
131
|
+
disposalSignal: s.disposalSignal,
|
|
132
132
|
horizontal: I,
|
|
133
133
|
seriesCount: w.length,
|
|
134
|
-
seriesIndex:
|
|
134
|
+
seriesIndex: e,
|
|
135
135
|
stacked: L,
|
|
136
136
|
transition: S !== "resize" && C.transition
|
|
137
137
|
});
|
|
138
138
|
}
|
|
139
139
|
if (k?.hide(), D.series.classList.toggle("prism-bars-stacked", L), C.showValues) {
|
|
140
|
-
|
|
140
|
+
E && s.chartArea.contains(E) || (E = h("g", {
|
|
141
141
|
"aria-hidden": "true",
|
|
142
142
|
class: "prism-bar-values"
|
|
143
|
-
}),
|
|
144
|
-
let
|
|
145
|
-
if (L) for (let
|
|
146
|
-
let r = F.reduce((
|
|
147
|
-
r <= 0 ||
|
|
143
|
+
}), s.chartArea.appendChild(E));
|
|
144
|
+
let e = C.valueFormat ?? String, t = [];
|
|
145
|
+
if (L) for (let n = 0; n < P.length; n++) {
|
|
146
|
+
let r = F.reduce((e, t) => e + Math.max(0, t[n]?.value ?? 0), 0);
|
|
147
|
+
r <= 0 || t.push({
|
|
148
148
|
bandSize: H.bandwidth(),
|
|
149
149
|
barLength: Math.abs(U.map(r) - U.map(0)),
|
|
150
|
-
center: H.map(P[
|
|
150
|
+
center: H.map(P[n]) + H.bandwidth() / 2,
|
|
151
151
|
dir: 1,
|
|
152
|
-
text:
|
|
152
|
+
text: e(r),
|
|
153
153
|
valueEdge: U.map(r)
|
|
154
154
|
});
|
|
155
155
|
}
|
|
156
|
-
else for (let
|
|
156
|
+
else for (let n = 0; n < w.length; n++) {
|
|
157
157
|
let r = H.bandwidth() / w.length;
|
|
158
158
|
for (let i = 0; i < P.length; i++) {
|
|
159
|
-
let a = F[
|
|
160
|
-
a &&
|
|
159
|
+
let a = F[n]?.[i];
|
|
160
|
+
a && t.push({
|
|
161
161
|
bandSize: Math.max(0, r - 1),
|
|
162
162
|
barLength: Math.abs(U.map(a.value) - U.map(0)),
|
|
163
|
-
center: H.map(P[i]) + r *
|
|
163
|
+
center: H.map(P[i]) + r * n + r / 2,
|
|
164
164
|
dir: a.value < 0 ? -1 : 1,
|
|
165
|
-
text:
|
|
165
|
+
text: e(a.value),
|
|
166
166
|
valueEdge: U.map(a.value)
|
|
167
167
|
});
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
|
-
x(E,
|
|
170
|
+
x(E, t, {
|
|
171
171
|
areaExtent: I ? j.width : j.height,
|
|
172
|
-
disposalSignal:
|
|
172
|
+
disposalSignal: s.disposalSignal,
|
|
173
173
|
horizontal: I,
|
|
174
174
|
transition: S !== "resize" && C.transition
|
|
175
175
|
});
|
|
176
176
|
} else E?.remove(), E = null;
|
|
177
|
-
|
|
177
|
+
T && s.chartArea.contains(T) || (T = h("rect", {
|
|
178
178
|
"aria-hidden": "true",
|
|
179
179
|
class: "prism-bar-band",
|
|
180
180
|
"pointer-events": "none"
|
|
181
|
-
}),
|
|
182
|
-
let J = w.map((e, t) =>
|
|
181
|
+
}), s.chartArea.insertBefore(T, D.series)), T.style.display = "none";
|
|
182
|
+
let J = w.map((e, t) => _(t, e.color)), labelOf = (e) => String(N.labels.get(P[e]) ?? P[e]), Y = typeof C.tooltip == "object" ? C.tooltip : void 0, keyOf = (e) => N.labels.get(P[e]) ?? P[e], titleOf = (e) => Y?.titleFormat ? Y.titleFormat(keyOf(e)) : labelOf(e), X = Y?.valueFormat ?? String, Z = -1, valuesAt = (e) => w.map((t, n) => ({
|
|
183
183
|
datum: F[n]?.[e],
|
|
184
184
|
series: t
|
|
185
185
|
})), eventAt = (e, t, n) => {
|
|
@@ -194,36 +194,36 @@ function createBarChart(S, C) {
|
|
|
194
194
|
Z = e, D.series.classList.toggle("prism-bars-focused", e >= 0);
|
|
195
195
|
for (let t of D.series.children) for (let [n, r] of [...t.children].entries()) r.classList.toggle("prism-bar--active", n === e);
|
|
196
196
|
if (!T || (T.style.display = e < 0 ? "none" : "", e < 0)) return;
|
|
197
|
-
let
|
|
198
|
-
|
|
199
|
-
height:
|
|
200
|
-
width:
|
|
197
|
+
let t = K.bandCenter(P[e]) - H.bandwidth() / 2 - H.gap() / 2, n = H.bandwidth() + H.gap(), r = c(s.dimensions.width, s.dimensions.height, s.dimensions.margin);
|
|
198
|
+
g(T, I ? {
|
|
199
|
+
height: n,
|
|
200
|
+
width: r.width,
|
|
201
201
|
x: 0,
|
|
202
|
-
y:
|
|
202
|
+
y: t
|
|
203
203
|
} : {
|
|
204
|
-
height:
|
|
205
|
-
width:
|
|
206
|
-
x:
|
|
204
|
+
height: r.height,
|
|
205
|
+
width: n,
|
|
206
|
+
x: t,
|
|
207
207
|
y: 0
|
|
208
208
|
});
|
|
209
209
|
}, activate = (e, t, n) => {
|
|
210
210
|
let r = eventAt(e, t, n);
|
|
211
211
|
if (!r) return;
|
|
212
212
|
setActive(e);
|
|
213
|
-
let i = r.values ?? [], a =
|
|
213
|
+
let i = r.values ?? [], a = u(titleOf(e), i, X);
|
|
214
214
|
if (k) {
|
|
215
|
-
let t = i.map((t, n) => L ? W[n]?.[e] ?? 0 : Math.max(0, t.datum?.value ?? 0)), n = U.map(Math.max(...t)), o = K.bandCenter(P[e]), { margin:
|
|
215
|
+
let t = i.map((t, n) => L ? W[n]?.[e] ?? 0 : Math.max(0, t.datum?.value ?? 0)), n = U.map(Math.max(...t)), o = K.bandCenter(P[e]), { margin: c } = s.dimensions, l = i.flatMap((e, t) => e.datum ? [{
|
|
216
216
|
color: J[t],
|
|
217
217
|
name: e.series.name,
|
|
218
218
|
value: X(e.datum.value, e.datum, e.series)
|
|
219
219
|
}] : []);
|
|
220
|
-
k.show((I ? n : o) +
|
|
221
|
-
} else
|
|
220
|
+
k.show((I ? n : o) + c.left, (I ? o : n) + c.top, r.datum, r.series, f(s.svg.ownerDocument, titleOf(e), l, a));
|
|
221
|
+
} else s.announcer.announce(a);
|
|
222
222
|
C.onHover?.(r);
|
|
223
223
|
}, deactivate = () => {
|
|
224
|
-
setActive(-1), k?.hide(),
|
|
224
|
+
setActive(-1), k?.hide(), s.announcer.clear(), C.onHover?.(null);
|
|
225
225
|
}, hit = (e) => {
|
|
226
|
-
let t =
|
|
226
|
+
let t = s.dimensions, n = d(s.svg, e, t.margin.left, t.margin.top), r = c(t.width, t.height, t.margin);
|
|
227
227
|
if (n.x < 0 || n.x > r.width || n.y < 0 || n.y > r.height) return null;
|
|
228
228
|
let i = v(I ? n.y : n.x, P, K);
|
|
229
229
|
return i === -1 ? null : {
|
|
@@ -262,7 +262,6 @@ function createBarChart(S, C) {
|
|
|
262
262
|
w = e;
|
|
263
263
|
});
|
|
264
264
|
}
|
|
265
|
-
//#endregion
|
|
266
265
|
export { createBarChart };
|
|
267
266
|
|
|
268
267
|
//# sourceMappingURL=bar-chart.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-chart.js","names":["variant","seriesList","config","band","valueLabelsGroup","createChartScaffold","container","ctx","seriesColor","i","s","dims","area","chartArea","sourceData","series","model","normalizeCartesianSeries","categories","allData","byKey","key","axis","value","label","clearCartesianDom","groups","legend","tooltip","xAxisConfig","horizontal","yAxisConfig","vMax","vMin","stacked","seriesData","datum","sums","sum","categoryIndex","allY","catScale","bandScale","valScale","linearScale","stackedTops","stackTops","cat","sc","renderGrid","resolveTicks","resolveTickCount","yAxis","positionAxis","renderAxis","xAxis","themeRadius","last","group","createSvgElement","seriesDomId","barData","base","top","d","baselineYs","reason","formatValue","labels","c","total","barBand","colors","catIdx","tooltipFormat","activeCat","si","values","preferred","seriesIdx","v","rect","start","size","a","event","originalEvent","spoken","describeValues","tops","valuePx","bandCenterPx","rows","margin","comparisonContent","pos","getMousePosition","findCatIdx","findSeriesIdx","target","chartEvent","prev","next","data"],"sources":["../../../src/charts/bar/bar-chart.ts"],"sourcesContent":["import { warn } from '../../_dev';\nimport { positionAxis, renderAxis, resolveTickCount, resolveTicks } from '../../axes/axis';\nimport { renderGrid } from '../../axes/grid';\nimport { normalizeCartesianSeries } from '../../core/cartesian-model';\nimport { clearCartesianDom, createChartScaffold } from '../../core/chart-scaffold';\nimport { chartArea } from '../../core/layout';\nimport { seriesDomId } from '../../core/series-id';\nimport { describeValues } from '../../interaction/announcer';\nimport { getMousePosition } from '../../interaction/events';\nimport { comparisonContent } from '../../interaction/tooltip';\nimport { bandScale } from '../../scales/band';\nimport { linearScale } from '../../scales/linear';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport { seriesColor } from '../../theme';\nimport type {\n BarChartConfig,\n BarSeriesConfig,\n BarVariant,\n ChartEvent,\n ChartHandle,\n Datum,\n SeriesValue,\n XAxisConfig,\n YAxisConfig,\n} from '../../types';\nimport { findCatIdx, findSeriesIdx } from './bar-hit-test';\nimport { renderBars } from './bar-renderer';\nimport type { BarScaleContext } from './bar-scale-context';\nimport { type BarValueLabel, renderBarValueLabels } from './bar-value-labels';\n\nfunction variantFlags(variant: BarVariant): { horizontal: boolean; stacked: boolean } {\n return {\n horizontal: variant === 'grouped-horizontal' || variant === 'stacked-horizontal',\n stacked: variant === 'stacked' || variant === 'stacked-horizontal',\n };\n}\n\n// ─── Chart ────────────────────────────────────────────────────────────────────\n\nexport function createBarChart(container: HTMLElement, config: BarChartConfig): ChartHandle<BarSeriesConfig[]> {\n let seriesList = config.series;\n let band: SVGRectElement | null = null;\n let valueLabelsGroup: SVGGElement | null = null;\n\n return createChartScaffold(\n container,\n config,\n (ctx, reason) => {\n const { groups, legend, tooltip } = ctx;\n legend?.update(seriesList.map((s, i) => ({ color: seriesColor(i, s.color), name: s.name })));\n const dims = ctx.dimensions;\n const area = chartArea(dims.width, dims.height, dims.margin);\n const sourceData = seriesList.map((series) => series.data);\n const model = normalizeCartesianSeries(seriesList, sourceData);\n const categories = model.domain;\n const allData = model.series.map(({ byKey }) => categories.map((key) => byKey.get(key)));\n const categoryAxis = (axis: XAxisConfig | YAxisConfig) => {\n return {\n ...axis,\n tickFormat: (value: Date | number | string) => {\n const key = String(value);\n const label = model.labels.get(key) ?? value;\n\n return axis.tickFormat ? axis.tickFormat(label) : String(label);\n },\n };\n };\n\n if (categories.length === 0) {\n clearCartesianDom(groups, legend, tooltip);\n band?.remove();\n band = null;\n valueLabelsGroup?.remove();\n valueLabelsGroup = null;\n\n return;\n }\n\n const { horizontal, stacked } = variantFlags(config.variant ?? 'grouped');\n\n // Axes render by default; `false` opts out. The value axis (x when horizontal, y\n // otherwise) carries gridlines by default and merges over that default, so a partial\n // config (e.g. only `tickFormat`) keeps the gridlines; the category axis defaults to none.\n const xAxisConfig: XAxisConfig | false =\n config.xAxis === false ? false : horizontal ? { grid: true, ...config.xAxis } : (config.xAxis ?? {});\n const yAxisConfig: YAxisConfig | false =\n config.yAxis === false ? false : horizontal ? (config.yAxis ?? {}) : { grid: true, ...config.yAxis };\n\n // Value domain\n let vMax: number;\n let vMin: number;\n\n if (stacked) {\n if (allData.some((seriesData) => seriesData.some((datum) => (datum?.value ?? 0) < 0))) {\n warn(\n 'createBarChart: negative values in a stacked/stacked-horizontal series are clamped to 0: stacking mixed-sign data is not supported.',\n );\n }\n\n const sums = categories.map((_, categoryIndex) =>\n allData.reduce((sum, seriesData) => sum + Math.max(0, seriesData[categoryIndex]?.value ?? 0), 0),\n );\n\n vMax = Math.max(...sums);\n vMin = 0;\n } else {\n const allY = allData.flatMap((seriesData) => seriesData.flatMap((datum) => (datum ? [datum.value] : [])));\n\n vMax = Math.max(...allY);\n vMin = Math.min(0, ...allY);\n }\n\n // Build uniform scale context\n const catScale = horizontal\n ? bandScale({ domain: categories, range: [0, area.height] })\n : bandScale({ domain: categories, range: [0, area.width] });\n\n const valScale = horizontal\n ? linearScale({ domain: [vMin, vMax], range: [0, area.width] })\n : linearScale({ domain: [vMin, vMax], range: [area.height, 0] });\n\n const stackedTops: number[][] = [];\n const stackTops = Object.create(null) as Record<string, number>;\n\n for (const cat of categories) stackTops[cat] = 0;\n\n const sc: BarScaleContext = {\n bandCenter: (cat) => catScale.map(cat) + catScale.bandwidth() / 2,\n bandwidth: catScale.bandwidth(),\n baselinePx: valScale.map(0),\n horizontal,\n stacked,\n stackedTops,\n valueScale: valScale,\n };\n\n // Axes & grid\n if (horizontal) {\n if (xAxisConfig && xAxisConfig.grid) {\n renderGrid(\n groups.grid,\n valScale,\n xAxisConfig.grid,\n area.height,\n 'vertical',\n resolveTicks(valScale, xAxisConfig, resolveTickCount(xAxisConfig, area.width, 'bottom')),\n );\n }\n\n if (yAxisConfig !== false) {\n const yAxis = categoryAxis(yAxisConfig);\n\n positionAxis(groups.yAxis, yAxis.position ?? 'left', area.width, area.height);\n renderAxis(groups.yAxis, catScale, yAxis, area.height, 'left');\n }\n\n if (xAxisConfig) {\n positionAxis(groups.xAxis, xAxisConfig.position ?? 'bottom', area.width, area.height);\n renderAxis(groups.xAxis, valScale, xAxisConfig, area.width, 'bottom');\n }\n } else {\n if (yAxisConfig && yAxisConfig.grid) {\n renderGrid(\n groups.grid,\n valScale,\n yAxisConfig.grid,\n area.width,\n 'horizontal',\n resolveTicks(valScale, yAxisConfig, resolveTickCount(yAxisConfig, area.height, 'left')),\n );\n }\n\n if (xAxisConfig !== false) {\n const xAxis = categoryAxis(xAxisConfig);\n\n positionAxis(groups.xAxis, xAxis.position ?? 'bottom', area.width, area.height);\n renderAxis(groups.xAxis, catScale, xAxis, area.width, 'bottom');\n }\n\n if (yAxisConfig) {\n positionAxis(groups.yAxis, yAxisConfig.position ?? 'left', area.width, area.height);\n renderAxis(groups.yAxis, valScale, yAxisConfig, area.height, 'left');\n }\n }\n\n // Series groups\n // Stacked segments stay square so they join cleanly.\n const themeRadius = stacked\n ? 0\n : Number.parseFloat(getComputedStyle(ctx.svg).getPropertyValue('--prism-bar-radius')) || 0;\n\n while (groups.series.children.length > seriesList.length) {\n const last = groups.series.lastElementChild;\n\n if (last) groups.series.removeChild(last);\n }\n\n for (let i = 0; i < seriesList.length; i++) {\n const series = seriesList[i];\n let group = groups.series.children[i] as SVGGElement | undefined;\n\n if (!group) {\n group = createSvgElement('g', { class: 'prism-bar-series' });\n groups.series.appendChild(group);\n }\n\n group.setAttribute('data-series-id', seriesDomId(series, i));\n\n const barData = categories.map((key, categoryIndex) => {\n const datum = allData[i]?.[categoryIndex];\n\n if (stacked) {\n const base = stackTops[key] ?? 0;\n const top = base + Math.max(0, datum?.value ?? 0);\n\n stackTops[key] = top;\n\n return { base, dash: datum?.dash, key, opacity: datum?.opacity, present: datum !== undefined, y: top };\n }\n\n return {\n base: 0,\n dash: datum?.dash,\n key,\n opacity: datum?.opacity,\n present: datum !== undefined,\n y: datum?.value ?? 0,\n };\n });\n\n stackedTops[i] = barData.map((d) => d.y);\n\n const baselineYs = stacked ? barData.map((d) => valScale.map(d.base)) : undefined;\n\n renderBars(group, barData, catScale, valScale, sc.baselinePx, {\n baselineYs,\n borderRadius: series.borderRadius ?? themeRadius,\n color: seriesColor(i, series.color),\n disposalSignal: ctx.disposalSignal,\n horizontal,\n seriesCount: seriesList.length,\n seriesIndex: i,\n stacked,\n transition: reason === 'resize' ? false : config.transition,\n });\n }\n\n tooltip?.hide();\n groups.series.classList.toggle('prism-bars-stacked', stacked);\n\n // Value labels: one per bar (stacked variants label the stack total at\n // the stack's top), painted once per render into a dedicated aria-hidden\n // group so series updates never disturb them.\n if (config.showValues) {\n if (!valueLabelsGroup || !ctx.chartArea.contains(valueLabelsGroup)) {\n valueLabelsGroup = createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-bar-values' });\n ctx.chartArea.appendChild(valueLabelsGroup);\n }\n\n const formatValue = config.valueFormat ?? String;\n const labels: BarValueLabel[] = [];\n\n if (stacked) {\n for (let c = 0; c < categories.length; c++) {\n const total = allData.reduce((sum, seriesData) => sum + Math.max(0, seriesData[c]?.value ?? 0), 0);\n\n if (total <= 0) continue;\n\n labels.push({\n bandSize: catScale.bandwidth(),\n barLength: Math.abs(valScale.map(total) - valScale.map(0)),\n center: catScale.map(categories[c]!) + catScale.bandwidth() / 2,\n dir: 1,\n text: formatValue(total),\n valueEdge: valScale.map(total),\n });\n }\n } else {\n for (let i = 0; i < seriesList.length; i++) {\n const barBand = catScale.bandwidth() / seriesList.length;\n\n for (let c = 0; c < categories.length; c++) {\n const datum = allData[i]?.[c];\n\n if (!datum) continue;\n\n labels.push({\n bandSize: Math.max(0, barBand - 1),\n barLength: Math.abs(valScale.map(datum.value) - valScale.map(0)),\n center: catScale.map(categories[c]!) + barBand * i + barBand / 2,\n dir: datum.value < 0 ? -1 : 1,\n text: formatValue(datum.value),\n valueEdge: valScale.map(datum.value),\n });\n }\n }\n }\n\n renderBarValueLabels(valueLabelsGroup, labels, {\n areaExtent: horizontal ? area.width : area.height,\n disposalSignal: ctx.disposalSignal,\n horizontal,\n transition: reason === 'resize' ? false : config.transition,\n });\n } else {\n valueLabelsGroup?.remove();\n valueLabelsGroup = null;\n }\n\n if (!band || !ctx.chartArea.contains(band)) {\n band = createSvgElement('rect', { 'aria-hidden': 'true', class: 'prism-bar-band', 'pointer-events': 'none' });\n ctx.chartArea.insertBefore(band, groups.series);\n }\n\n band.style.display = 'none';\n\n // ─── Event handlers (close over render-derived state) ─────────────────────\n\n const colors = seriesList.map((s, i) => seriesColor(i, s.color));\n const labelOf = (catIdx: number): string => String(model.labels.get(categories[catIdx]) ?? categories[catIdx]);\n const tooltipFormat = typeof config.tooltip === 'object' ? config.tooltip : undefined;\n const keyOf = (catIdx: number): Datum['key'] => model.labels.get(categories[catIdx]) ?? categories[catIdx];\n const titleOf = (catIdx: number): string =>\n tooltipFormat?.titleFormat ? tooltipFormat.titleFormat(keyOf(catIdx)) : labelOf(catIdx);\n const formatValue = tooltipFormat?.valueFormat ?? String;\n let activeCat = -1;\n\n const valuesAt = (catIdx: number): SeriesValue[] =>\n seriesList.map((series, si) => ({ datum: allData[si]?.[catIdx], series }));\n\n const eventAt = (catIdx: number, seriesIdx: number, originalEvent: Event): ChartEvent | null => {\n const values = valuesAt(catIdx);\n const preferred = values[seriesIdx]?.datum ? seriesIdx : values.findIndex((v) => v.datum);\n const datum = values[preferred]?.datum;\n\n return datum ? { datum, originalEvent, series: seriesList[preferred], values } : null;\n };\n\n const setActive = (catIdx: number): void => {\n activeCat = catIdx;\n groups.series.classList.toggle('prism-bars-focused', catIdx >= 0);\n\n for (const group of groups.series.children) {\n for (const [i, rect] of [...group.children].entries())\n rect.classList.toggle('prism-bar--active', i === catIdx);\n }\n\n if (!band) return;\n\n band.style.display = catIdx < 0 ? 'none' : '';\n\n if (catIdx < 0) return;\n\n const start = sc.bandCenter(categories[catIdx]) - catScale.bandwidth() / 2 - catScale.gap() / 2;\n const size = catScale.bandwidth() + catScale.gap();\n const a = chartArea(ctx.dimensions.width, ctx.dimensions.height, ctx.dimensions.margin);\n\n setAttributes(\n band,\n horizontal\n ? { height: size, width: a.width, x: 0, y: start }\n : { height: a.height, width: size, x: start, y: 0 },\n );\n };\n\n const activate = (catIdx: number, seriesIdx: number, originalEvent: Event): void => {\n const event = eventAt(catIdx, seriesIdx, originalEvent);\n\n if (!event) return;\n\n setActive(catIdx);\n\n const values = event.values ?? [];\n const spoken = describeValues(titleOf(catIdx), values, formatValue);\n\n if (tooltip) {\n const tops = values.map((v, si) =>\n stacked ? (stackedTops[si]?.[catIdx] ?? 0) : Math.max(0, v.datum?.value ?? 0),\n );\n const valuePx = valScale.map(Math.max(...tops));\n const bandCenterPx = sc.bandCenter(categories[catIdx]);\n const { margin } = ctx.dimensions;\n const rows = values.flatMap((v, si) =>\n v.datum\n ? [{ color: colors[si], name: v.series.name, value: formatValue(v.datum.value, v.datum, v.series) }]\n : [],\n );\n\n tooltip.show(\n (horizontal ? valuePx : bandCenterPx) + margin.left,\n (horizontal ? bandCenterPx : valuePx) + margin.top,\n event.datum,\n event.series,\n comparisonContent(ctx.svg.ownerDocument, titleOf(catIdx), rows, spoken),\n );\n } else {\n ctx.announcer.announce(spoken);\n }\n\n config.onHover?.(event);\n };\n\n const deactivate = (): void => {\n setActive(-1);\n tooltip?.hide();\n ctx.announcer.clear();\n config.onHover?.(null);\n };\n\n const hit = (event: MouseEvent): { catIdx: number; seriesIdx: number } | null => {\n const d = ctx.dimensions;\n const pos = getMousePosition(ctx.svg, event, d.margin.left, d.margin.top);\n const a = chartArea(d.width, d.height, d.margin);\n\n if (pos.x < 0 || pos.x > a.width || pos.y < 0 || pos.y > a.height) return null;\n\n const catIdx = findCatIdx(horizontal ? pos.y : pos.x, categories, sc);\n\n return catIdx === -1\n ? null\n : { catIdx, seriesIdx: findSeriesIdx(pos, catIdx, categories, sc, seriesList.length) };\n };\n\n const onMouseMove = (event: MouseEvent) => {\n const target = hit(event);\n\n if (target) activate(target.catIdx, target.seriesIdx, event);\n else if (activeCat >= 0) deactivate();\n };\n\n const onClick = (event: MouseEvent) => {\n const target = config.onClick && hit(event);\n const chartEvent = target && eventAt(target.catIdx, target.seriesIdx, event);\n\n if (chartEvent) config.onClick?.(chartEvent);\n };\n\n const onKeyDown = (event: KeyboardEvent) => {\n const last = categories.length - 1;\n const prev = activeCat < 0 ? last : Math.max(0, activeCat - 1);\n const next = activeCat < 0 ? 0 : Math.min(last, activeCat + 1);\n const target: Record<string, number> = {\n ArrowDown: next,\n ArrowLeft: prev,\n ArrowRight: next,\n ArrowUp: prev,\n End: last,\n Home: 0,\n };\n\n if (event.key in target) {\n event.preventDefault();\n activate(target[event.key], 0, event);\n } else if ((event.key === 'Enter' || event.key === ' ') && activeCat >= 0 && config.onClick) {\n event.preventDefault();\n\n const chartEvent = eventAt(activeCat, 0, event);\n\n if (chartEvent) config.onClick(chartEvent);\n } else if (event.key === 'Escape') {\n deactivate();\n }\n };\n\n return { onClick, onKeyDown, onMouseLeave: deactivate, onMouseMove };\n },\n (data) => {\n seriesList = data;\n },\n );\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"bar-chart.js","names":["variant","seriesList","config","band","valueLabelsGroup","createChartScaffold","container","ctx","seriesColor","i","s","dims","area","chartArea","sourceData","series","model","normalizeCartesianSeries","categories","allData","byKey","key","axis","value","label","clearCartesianDom","groups","legend","tooltip","xAxisConfig","horizontal","yAxisConfig","vMax","vMin","stacked","seriesData","datum","sums","sum","categoryIndex","allY","catScale","bandScale","valScale","linearScale","stackedTops","stackTops","cat","sc","renderGrid","resolveTicks","resolveTickCount","yAxis","positionAxis","renderAxis","xAxis","themeRadius","last","group","createSvgElement","seriesDomId","barData","base","top","d","baselineYs","reason","formatValue","labels","c","total","barBand","colors","catIdx","tooltipFormat","activeCat","si","values","preferred","seriesIdx","v","rect","start","size","a","event","originalEvent","spoken","describeValues","tops","valuePx","bandCenterPx","rows","margin","comparisonContent","pos","getMousePosition","findCatIdx","findSeriesIdx","target","chartEvent","prev","next","data"],"sources":["../../../src/charts/bar/bar-chart.ts"],"sourcesContent":["import { warn } from '../../_dev';\nimport { positionAxis, renderAxis, resolveTickCount, resolveTicks } from '../../axes/axis';\nimport { renderGrid } from '../../axes/grid';\nimport { normalizeCartesianSeries } from '../../core/cartesian-model';\nimport { clearCartesianDom, createChartScaffold } from '../../core/chart-scaffold';\nimport { chartArea } from '../../core/layout';\nimport { seriesDomId } from '../../core/series-id';\nimport { describeValues } from '../../interaction/announcer';\nimport { getMousePosition } from '../../interaction/events';\nimport { comparisonContent } from '../../interaction/tooltip';\nimport { bandScale } from '../../scales/band';\nimport { linearScale } from '../../scales/linear';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport { seriesColor } from '../../theme';\nimport type {\n BarChartConfig,\n BarSeriesConfig,\n BarVariant,\n ChartEvent,\n ChartHandle,\n Datum,\n SeriesValue,\n XAxisConfig,\n YAxisConfig,\n} from '../../types';\nimport { findCatIdx, findSeriesIdx } from './bar-hit-test';\nimport { renderBars } from './bar-renderer';\nimport type { BarScaleContext } from './bar-scale-context';\nimport { type BarValueLabel, renderBarValueLabels } from './bar-value-labels';\n\nfunction variantFlags(variant: BarVariant): { horizontal: boolean; stacked: boolean } {\n return {\n horizontal: variant === 'grouped-horizontal' || variant === 'stacked-horizontal',\n stacked: variant === 'stacked' || variant === 'stacked-horizontal',\n };\n}\n\n// ─── Chart ────────────────────────────────────────────────────────────────────\n\nexport function createBarChart(container: HTMLElement, config: BarChartConfig): ChartHandle<BarSeriesConfig[]> {\n let seriesList = config.series;\n let band: SVGRectElement | null = null;\n let valueLabelsGroup: SVGGElement | null = null;\n\n return createChartScaffold(\n container,\n config,\n (ctx, reason) => {\n const { groups, legend, tooltip } = ctx;\n legend?.update(seriesList.map((s, i) => ({ color: seriesColor(i, s.color), name: s.name })));\n const dims = ctx.dimensions;\n const area = chartArea(dims.width, dims.height, dims.margin);\n const sourceData = seriesList.map((series) => series.data);\n const model = normalizeCartesianSeries(seriesList, sourceData);\n const categories = model.domain;\n const allData = model.series.map(({ byKey }) => categories.map((key) => byKey.get(key)));\n const categoryAxis = (axis: XAxisConfig | YAxisConfig) => {\n return {\n ...axis,\n tickFormat: (value: Date | number | string) => {\n const key = String(value);\n const label = model.labels.get(key) ?? value;\n\n return axis.tickFormat ? axis.tickFormat(label) : String(label);\n },\n };\n };\n\n if (categories.length === 0) {\n clearCartesianDom(groups, legend, tooltip);\n band?.remove();\n band = null;\n valueLabelsGroup?.remove();\n valueLabelsGroup = null;\n\n return;\n }\n\n const { horizontal, stacked } = variantFlags(config.variant ?? 'grouped');\n\n // Axes render by default; `false` opts out. The value axis (x when horizontal, y\n // otherwise) carries gridlines by default and merges over that default, so a partial\n // config (e.g. only `tickFormat`) keeps the gridlines; the category axis defaults to none.\n const xAxisConfig: XAxisConfig | false =\n config.xAxis === false ? false : horizontal ? { grid: true, ...config.xAxis } : (config.xAxis ?? {});\n const yAxisConfig: YAxisConfig | false =\n config.yAxis === false ? false : horizontal ? (config.yAxis ?? {}) : { grid: true, ...config.yAxis };\n\n // Value domain\n let vMax: number;\n let vMin: number;\n\n if (stacked) {\n if (allData.some((seriesData) => seriesData.some((datum) => (datum?.value ?? 0) < 0))) {\n warn(\n 'createBarChart: negative values in a stacked/stacked-horizontal series are clamped to 0: stacking mixed-sign data is not supported.',\n );\n }\n\n const sums = categories.map((_, categoryIndex) =>\n allData.reduce((sum, seriesData) => sum + Math.max(0, seriesData[categoryIndex]?.value ?? 0), 0),\n );\n\n vMax = Math.max(...sums);\n vMin = 0;\n } else {\n const allY = allData.flatMap((seriesData) => seriesData.flatMap((datum) => (datum ? [datum.value] : [])));\n\n vMax = Math.max(...allY);\n vMin = Math.min(0, ...allY);\n }\n\n // Build uniform scale context\n const catScale = horizontal\n ? bandScale({ domain: categories, range: [0, area.height] })\n : bandScale({ domain: categories, range: [0, area.width] });\n\n const valScale = horizontal\n ? linearScale({ domain: [vMin, vMax], range: [0, area.width] })\n : linearScale({ domain: [vMin, vMax], range: [area.height, 0] });\n\n const stackedTops: number[][] = [];\n const stackTops = Object.create(null) as Record<string, number>;\n\n for (const cat of categories) stackTops[cat] = 0;\n\n const sc: BarScaleContext = {\n bandCenter: (cat) => catScale.map(cat) + catScale.bandwidth() / 2,\n bandwidth: catScale.bandwidth(),\n baselinePx: valScale.map(0),\n horizontal,\n stacked,\n stackedTops,\n valueScale: valScale,\n };\n\n // Axes & grid\n if (horizontal) {\n if (xAxisConfig && xAxisConfig.grid) {\n renderGrid(\n groups.grid,\n valScale,\n xAxisConfig.grid,\n area.height,\n 'vertical',\n resolveTicks(valScale, xAxisConfig, resolveTickCount(xAxisConfig, area.width, 'bottom')),\n );\n }\n\n if (yAxisConfig !== false) {\n const yAxis = categoryAxis(yAxisConfig);\n\n positionAxis(groups.yAxis, yAxis.position ?? 'left', area.width, area.height);\n renderAxis(groups.yAxis, catScale, yAxis, area.height, 'left');\n }\n\n if (xAxisConfig) {\n positionAxis(groups.xAxis, xAxisConfig.position ?? 'bottom', area.width, area.height);\n renderAxis(groups.xAxis, valScale, xAxisConfig, area.width, 'bottom');\n }\n } else {\n if (yAxisConfig && yAxisConfig.grid) {\n renderGrid(\n groups.grid,\n valScale,\n yAxisConfig.grid,\n area.width,\n 'horizontal',\n resolveTicks(valScale, yAxisConfig, resolveTickCount(yAxisConfig, area.height, 'left')),\n );\n }\n\n if (xAxisConfig !== false) {\n const xAxis = categoryAxis(xAxisConfig);\n\n positionAxis(groups.xAxis, xAxis.position ?? 'bottom', area.width, area.height);\n renderAxis(groups.xAxis, catScale, xAxis, area.width, 'bottom');\n }\n\n if (yAxisConfig) {\n positionAxis(groups.yAxis, yAxisConfig.position ?? 'left', area.width, area.height);\n renderAxis(groups.yAxis, valScale, yAxisConfig, area.height, 'left');\n }\n }\n\n // Series groups\n // Stacked segments stay square so they join cleanly.\n const themeRadius = stacked\n ? 0\n : Number.parseFloat(getComputedStyle(ctx.svg).getPropertyValue('--prism-bar-radius')) || 0;\n\n while (groups.series.children.length > seriesList.length) {\n const last = groups.series.lastElementChild;\n\n if (last) groups.series.removeChild(last);\n }\n\n for (let i = 0; i < seriesList.length; i++) {\n const series = seriesList[i];\n let group = groups.series.children[i] as SVGGElement | undefined;\n\n if (!group) {\n group = createSvgElement('g', { class: 'prism-bar-series' });\n groups.series.appendChild(group);\n }\n\n group.setAttribute('data-series-id', seriesDomId(series, i));\n\n const barData = categories.map((key, categoryIndex) => {\n const datum = allData[i]?.[categoryIndex];\n\n if (stacked) {\n const base = stackTops[key] ?? 0;\n const top = base + Math.max(0, datum?.value ?? 0);\n\n stackTops[key] = top;\n\n return { base, dash: datum?.dash, key, opacity: datum?.opacity, present: datum !== undefined, y: top };\n }\n\n return {\n base: 0,\n dash: datum?.dash,\n key,\n opacity: datum?.opacity,\n present: datum !== undefined,\n y: datum?.value ?? 0,\n };\n });\n\n stackedTops[i] = barData.map((d) => d.y);\n\n const baselineYs = stacked ? barData.map((d) => valScale.map(d.base)) : undefined;\n\n renderBars(group, barData, catScale, valScale, sc.baselinePx, {\n baselineYs,\n borderRadius: series.borderRadius ?? themeRadius,\n color: seriesColor(i, series.color),\n disposalSignal: ctx.disposalSignal,\n horizontal,\n seriesCount: seriesList.length,\n seriesIndex: i,\n stacked,\n transition: reason === 'resize' ? false : config.transition,\n });\n }\n\n tooltip?.hide();\n groups.series.classList.toggle('prism-bars-stacked', stacked);\n\n // Value labels: one per bar (stacked variants label the stack total at\n // the stack's top), painted once per render into a dedicated aria-hidden\n // group so series updates never disturb them.\n if (config.showValues) {\n if (!valueLabelsGroup || !ctx.chartArea.contains(valueLabelsGroup)) {\n valueLabelsGroup = createSvgElement('g', { 'aria-hidden': 'true', class: 'prism-bar-values' });\n ctx.chartArea.appendChild(valueLabelsGroup);\n }\n\n const formatValue = config.valueFormat ?? String;\n const labels: BarValueLabel[] = [];\n\n if (stacked) {\n for (let c = 0; c < categories.length; c++) {\n const total = allData.reduce((sum, seriesData) => sum + Math.max(0, seriesData[c]?.value ?? 0), 0);\n\n if (total <= 0) continue;\n\n labels.push({\n bandSize: catScale.bandwidth(),\n barLength: Math.abs(valScale.map(total) - valScale.map(0)),\n center: catScale.map(categories[c]!) + catScale.bandwidth() / 2,\n dir: 1,\n text: formatValue(total),\n valueEdge: valScale.map(total),\n });\n }\n } else {\n for (let i = 0; i < seriesList.length; i++) {\n const barBand = catScale.bandwidth() / seriesList.length;\n\n for (let c = 0; c < categories.length; c++) {\n const datum = allData[i]?.[c];\n\n if (!datum) continue;\n\n labels.push({\n bandSize: Math.max(0, barBand - 1),\n barLength: Math.abs(valScale.map(datum.value) - valScale.map(0)),\n center: catScale.map(categories[c]!) + barBand * i + barBand / 2,\n dir: datum.value < 0 ? -1 : 1,\n text: formatValue(datum.value),\n valueEdge: valScale.map(datum.value),\n });\n }\n }\n }\n\n renderBarValueLabels(valueLabelsGroup, labels, {\n areaExtent: horizontal ? area.width : area.height,\n disposalSignal: ctx.disposalSignal,\n horizontal,\n transition: reason === 'resize' ? false : config.transition,\n });\n } else {\n valueLabelsGroup?.remove();\n valueLabelsGroup = null;\n }\n\n if (!band || !ctx.chartArea.contains(band)) {\n band = createSvgElement('rect', { 'aria-hidden': 'true', class: 'prism-bar-band', 'pointer-events': 'none' });\n ctx.chartArea.insertBefore(band, groups.series);\n }\n\n band.style.display = 'none';\n\n // ─── Event handlers (close over render-derived state) ─────────────────────\n\n const colors = seriesList.map((s, i) => seriesColor(i, s.color));\n const labelOf = (catIdx: number): string => String(model.labels.get(categories[catIdx]) ?? categories[catIdx]);\n const tooltipFormat = typeof config.tooltip === 'object' ? config.tooltip : undefined;\n const keyOf = (catIdx: number): Datum['key'] => model.labels.get(categories[catIdx]) ?? categories[catIdx];\n const titleOf = (catIdx: number): string =>\n tooltipFormat?.titleFormat ? tooltipFormat.titleFormat(keyOf(catIdx)) : labelOf(catIdx);\n const formatValue = tooltipFormat?.valueFormat ?? String;\n let activeCat = -1;\n\n const valuesAt = (catIdx: number): SeriesValue[] =>\n seriesList.map((series, si) => ({ datum: allData[si]?.[catIdx], series }));\n\n const eventAt = (catIdx: number, seriesIdx: number, originalEvent: Event): ChartEvent | null => {\n const values = valuesAt(catIdx);\n const preferred = values[seriesIdx]?.datum ? seriesIdx : values.findIndex((v) => v.datum);\n const datum = values[preferred]?.datum;\n\n return datum ? { datum, originalEvent, series: seriesList[preferred], values } : null;\n };\n\n const setActive = (catIdx: number): void => {\n activeCat = catIdx;\n groups.series.classList.toggle('prism-bars-focused', catIdx >= 0);\n\n for (const group of groups.series.children) {\n for (const [i, rect] of [...group.children].entries())\n rect.classList.toggle('prism-bar--active', i === catIdx);\n }\n\n if (!band) return;\n\n band.style.display = catIdx < 0 ? 'none' : '';\n\n if (catIdx < 0) return;\n\n const start = sc.bandCenter(categories[catIdx]) - catScale.bandwidth() / 2 - catScale.gap() / 2;\n const size = catScale.bandwidth() + catScale.gap();\n const a = chartArea(ctx.dimensions.width, ctx.dimensions.height, ctx.dimensions.margin);\n\n setAttributes(\n band,\n horizontal\n ? { height: size, width: a.width, x: 0, y: start }\n : { height: a.height, width: size, x: start, y: 0 },\n );\n };\n\n const activate = (catIdx: number, seriesIdx: number, originalEvent: Event): void => {\n const event = eventAt(catIdx, seriesIdx, originalEvent);\n\n if (!event) return;\n\n setActive(catIdx);\n\n const values = event.values ?? [];\n const spoken = describeValues(titleOf(catIdx), values, formatValue);\n\n if (tooltip) {\n const tops = values.map((v, si) =>\n stacked ? (stackedTops[si]?.[catIdx] ?? 0) : Math.max(0, v.datum?.value ?? 0),\n );\n const valuePx = valScale.map(Math.max(...tops));\n const bandCenterPx = sc.bandCenter(categories[catIdx]);\n const { margin } = ctx.dimensions;\n const rows = values.flatMap((v, si) =>\n v.datum\n ? [{ color: colors[si], name: v.series.name, value: formatValue(v.datum.value, v.datum, v.series) }]\n : [],\n );\n\n tooltip.show(\n (horizontal ? valuePx : bandCenterPx) + margin.left,\n (horizontal ? bandCenterPx : valuePx) + margin.top,\n event.datum,\n event.series,\n comparisonContent(ctx.svg.ownerDocument, titleOf(catIdx), rows, spoken),\n );\n } else {\n ctx.announcer.announce(spoken);\n }\n\n config.onHover?.(event);\n };\n\n const deactivate = (): void => {\n setActive(-1);\n tooltip?.hide();\n ctx.announcer.clear();\n config.onHover?.(null);\n };\n\n const hit = (event: MouseEvent): { catIdx: number; seriesIdx: number } | null => {\n const d = ctx.dimensions;\n const pos = getMousePosition(ctx.svg, event, d.margin.left, d.margin.top);\n const a = chartArea(d.width, d.height, d.margin);\n\n if (pos.x < 0 || pos.x > a.width || pos.y < 0 || pos.y > a.height) return null;\n\n const catIdx = findCatIdx(horizontal ? pos.y : pos.x, categories, sc);\n\n return catIdx === -1\n ? null\n : { catIdx, seriesIdx: findSeriesIdx(pos, catIdx, categories, sc, seriesList.length) };\n };\n\n const onMouseMove = (event: MouseEvent) => {\n const target = hit(event);\n\n if (target) activate(target.catIdx, target.seriesIdx, event);\n else if (activeCat >= 0) deactivate();\n };\n\n const onClick = (event: MouseEvent) => {\n const target = config.onClick && hit(event);\n const chartEvent = target && eventAt(target.catIdx, target.seriesIdx, event);\n\n if (chartEvent) config.onClick?.(chartEvent);\n };\n\n const onKeyDown = (event: KeyboardEvent) => {\n const last = categories.length - 1;\n const prev = activeCat < 0 ? last : Math.max(0, activeCat - 1);\n const next = activeCat < 0 ? 0 : Math.min(last, activeCat + 1);\n const target: Record<string, number> = {\n ArrowDown: next,\n ArrowLeft: prev,\n ArrowRight: next,\n ArrowUp: prev,\n End: last,\n Home: 0,\n };\n\n if (event.key in target) {\n event.preventDefault();\n activate(target[event.key], 0, event);\n } else if ((event.key === 'Enter' || event.key === ' ') && activeCat >= 0 && config.onClick) {\n event.preventDefault();\n\n const chartEvent = eventAt(activeCat, 0, event);\n\n if (chartEvent) config.onClick(chartEvent);\n } else if (event.key === 'Escape') {\n deactivate();\n }\n };\n\n return { onClick, onKeyDown, onMouseLeave: deactivate, onMouseMove };\n },\n (data) => {\n seriesList = data;\n },\n );\n}\n"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
// src/charts/bar/bar-hit-test.ts
|
|
2
2
|
function findCatIdx(e, t, n) {
|
|
3
3
|
for (let r = 0; r < t.length; r++) {
|
|
4
4
|
let i = n.bandCenter(t[r]) - n.bandwidth / 2;
|
|
@@ -20,7 +20,6 @@ function findSeriesIdx(e, t, n, r, i) {
|
|
|
20
20
|
return Math.max(0, Math.min(i - 1, c));
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
|
-
//#endregion
|
|
24
23
|
export { findCatIdx, findSeriesIdx };
|
|
25
24
|
|
|
26
25
|
//# sourceMappingURL=bar-hit-test.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require("../../
|
|
1
|
+
const e=require("../../animation/motion.cjs"),t=require("../../animation/reveal.cjs"),n=require("../../animation/transition.cjs"),r=require("../../svg/element.cjs");var i=20,a=400,o=new WeakMap;function barsOf(e){return[...e.children].filter(e=>e.classList.contains(`prism-bar`))}function renderBars(s,c,l,u,d,f){o.get(s)?.(),o.delete(s);let p=barsOf(s);for(let e of p.slice(c.length))e.remove();let m=l.bandwidth(),h=f.stacked?m:m/f.seriesCount,g=Math.max(0,h-1),_=f.stacked?0:h*f.seriesIndex,v=f.horizontal??!1,y=p.length===0,b=[],x=[],S=[],C=e.resolveMotion(f.transition,{defaultStagger:y?0:i}),w=C.duration>0,T=Math.min(C.stagger,a/Math.max(1,c.length));for(let e=0;e<c.length;e++){let t=c[e],n=l.map(t.key)+_,i=f.baselineYs?f.baselineYs[e]:d,a=u.map(t.y),o=p[e],m=!o;if(o||(o=r.createSvgElement(`rect`,{class:`prism-bar`}),s.appendChild(o)),o.style.display=t.present?``:`none`,r.setAttributes(o,{opacity:t.opacity,stroke:t.dash?f.color:void 0,"stroke-dasharray":t.dash,"stroke-width":t.dash?1:void 0}),v){let e=Math.max(0,Math.abs(i-a)),t=Math.min(a,i);r.setAttributes(o,{fill:f.color,height:g,rx:f.borderRadius,ry:f.borderRadius,y:n}),y?(r.setAttributes(o,{width:e,x:t}),w&&S.push({anchor:i,height:g,width:e,x:t,y:n})):w?m?(r.setAttributes(o,{width:0,x:i}),b.push({attrs:{width:{from:0,to:e},x:{from:i,to:t}},el:o})):x.push({attrs:{width:{from:Number(o.getAttribute(`width`)??e),to:e},x:{from:Number(o.getAttribute(`x`)??t),to:t}},el:o}):r.setAttributes(o,{width:e,x:t})}else{let e=Math.max(0,Math.abs(i-a)),t=Math.min(a,i);r.setAttributes(o,{fill:f.color,rx:f.borderRadius,ry:f.borderRadius,width:g,x:n}),y?(r.setAttributes(o,{height:e,y:t}),w&&S.push({anchor:i,height:e,width:g,x:n,y:t})):w?m?(r.setAttributes(o,{height:0,y:i}),b.push({attrs:{height:{from:0,to:e},y:{from:i,to:t}},el:o})):x.push({attrs:{height:{from:Number(o.getAttribute(`height`)??e),to:e},y:{from:Number(o.getAttribute(`y`)??t),to:t}},el:o}):r.setAttributes(o,{height:e,y:t})}}if(w){let e=[];y&&S.length>0&&e.push(t.playGrowReveal(s,S,()=>{},C,{axis:v?`x`:`y`,signal:f.disposalSignal,stagger:T})),b.length>0&&e.push(n.animate(b,{...C,stagger:T},void 0,f.disposalSignal)),x.length>0&&e.push(n.animate(x,{...C,stagger:0},void 0,f.disposalSignal)),o.set(s,()=>{for(let t of e)t()})}}exports.renderBars=renderBars;
|
|
2
2
|
//# sourceMappingURL=bar-renderer.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-renderer.cjs","names":["resolveMotion","createSvgElement","playGrowReveal","animate","require_element","require_motion","require_transition","require_reveal","DEFAULT_NEW_BAR_STAGGER","MAX_STAGGER_TOTAL","activeBarAnimations","parent","child","existingBars","extra","data","bandwidth","xScale","barBand","options","bandSize","offset","horizontal","isMount","enterTargets","updateTargets","lanes","motion","animateBars","enterStagger","i","d","bandPos","barBaselineY","baselineY","valuePx","yScale","rect","isNew","finalWidth","finalX","finalHeight","finalY","cancels","cancel"],"sources":["../../../src/charts/bar/bar-renderer.ts"],"sourcesContent":["import { resolveMotion } from '../../animation/motion';\nimport { type GrowRevealLane, playGrowReveal } from '../../animation/reveal';\nimport type { AnimationTarget } from '../../animation/transition';\nimport { animate } from '../../animation/transition';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport type { BandScale, Scale, TransitionOption } from '../../types';\n\nexport interface BarRenderOptions {\n baselineYs?: number[];\n borderRadius: number;\n color: string;\n /** Aborted when the owning chart is disposed: stops in-flight transitions from rescheduling. */\n disposalSignal?: AbortSignal;\n horizontal?: boolean;\n seriesCount: number;\n seriesIndex: number;\n stacked?: boolean;\n transition?: TransitionOption;\n}\n\n/** Preserve the stagger for bars inserted by a data update, not the initial entrance. */\nconst DEFAULT_NEW_BAR_STAGGER = 20;\n/** Upper bound on the total staggered delay a bar chart may add, whatever the per-bar value. */\nconst MAX_STAGGER_TOTAL = 400;\n\nconst activeBarAnimations = new WeakMap<SVGGElement, () => void>();\n\n/**\n * The group's bars in data order. Queried by class rather than by `children` index\n * because a mount reveal injects a `<defs>` into the same group.\n */\nfunction barsOf(parent: SVGGElement): SVGRectElement[] {\n return [...parent.children].filter((child): child is SVGRectElement => child.classList.contains('prism-bar'));\n}\n\nexport function renderBars(\n parent: SVGGElement,\n data: { base: number; dash?: string; key: string; opacity?: number; present: boolean; y: number }[],\n xScale: BandScale,\n yScale: Scale<number>,\n baselineY: number,\n options: BarRenderOptions,\n): void {\n activeBarAnimations.get(parent)?.();\n activeBarAnimations.delete(parent);\n const existingBars = barsOf(parent);\n\n for (const extra of existingBars.slice(data.length)) extra.remove();\n\n const bandwidth = xScale.bandwidth();\n const barBand = options.stacked ? bandwidth : bandwidth / options.seriesCount;\n const bandSize = Math.max(0, barBand - 1);\n const offset = options.stacked ? 0 : barBand * options.seriesIndex;\n const horizontal = options.horizontal ?? false;\n // A group with no bars yet is mounting: every bar enters together through a grow\n // reveal. A group that already has bars updates in place (with per-bar attr tweens).\n const isMount = existingBars.length === 0;\n\n const enterTargets: AnimationTarget[] = [];\n const updateTargets: AnimationTarget[] = [];\n const lanes: GrowRevealLane[] = [];\n const motion = resolveMotion(options.transition, { defaultStagger: isMount ? 0 : DEFAULT_NEW_BAR_STAGGER });\n const animateBars = motion.duration > 0;\n // A long category axis must not stretch the entrance past ~400 ms of added delay.\n const enterStagger = Math.min(motion.stagger, MAX_STAGGER_TOTAL / Math.max(1, data.length));\n\n for (let i = 0; i < data.length; i++) {\n const d = data[i];\n const bandPos = xScale.map(d.key) + offset;\n const barBaselineY = options.baselineYs ? options.baselineYs[i] : baselineY;\n const valuePx = yScale.map(d.y);\n\n let rect = existingBars[i];\n\n const isNew = !rect;\n\n if (!rect) {\n rect = createSvgElement('rect', { class: 'prism-bar' });\n parent.appendChild(rect);\n }\n\n rect.style.display = d.present ? '' : 'none';\n\n // Presentation attributes (not inline styles) so CSS interaction states\n // like the focus-dim rule keep winning over per-datum styling.\n setAttributes(rect, {\n opacity: d.opacity,\n stroke: d.dash ? options.color : undefined,\n 'stroke-dasharray': d.dash,\n 'stroke-width': d.dash ? 1 : undefined,\n });\n\n if (horizontal) {\n // Horizontal: category on Y axis, value on X axis\n // baselineY here is actually the baseline X (yScale.map(0) in value-space mapped to screen X)\n const finalWidth = Math.max(0, Math.abs(barBaselineY - valuePx));\n const finalX = Math.min(valuePx, barBaselineY);\n\n setAttributes(rect, {\n fill: options.color,\n height: bandSize,\n rx: options.borderRadius,\n ry: options.borderRadius,\n y: bandPos,\n });\n\n if (isMount) {\n // Final geometry now; the grow reveal below uncovers it lane by lane.\n setAttributes(rect, { width: finalWidth, x: finalX });\n\n if (animateBars) {\n lanes.push({ anchor: barBaselineY, height: bandSize, width: finalWidth, x: finalX, y: bandPos });\n }\n } else if (animateBars) {\n if (isNew) {\n setAttributes(rect, { width: 0, x: barBaselineY });\n enterTargets.push({\n attrs: { width: { from: 0, to: finalWidth }, x: { from: barBaselineY, to: finalX } },\n el: rect,\n });\n } else {\n updateTargets.push({\n attrs: {\n width: { from: Number(rect.getAttribute('width') ?? finalWidth), to: finalWidth },\n x: { from: Number(rect.getAttribute('x') ?? finalX), to: finalX },\n },\n el: rect,\n });\n }\n } else {\n setAttributes(rect, { width: finalWidth, x: finalX });\n }\n } else {\n // Vertical (default)\n const finalHeight = Math.max(0, Math.abs(barBaselineY - valuePx));\n const finalY = Math.min(valuePx, barBaselineY);\n\n setAttributes(rect, {\n fill: options.color,\n rx: options.borderRadius,\n ry: options.borderRadius,\n width: bandSize,\n x: bandPos,\n });\n\n if (isMount) {\n // Final geometry now; the grow reveal below uncovers it lane by lane, so a\n // rounded bar never renders as a corner-clamped 1-3 px sliver mid-grow.\n setAttributes(rect, { height: finalHeight, y: finalY });\n\n if (animateBars) {\n lanes.push({ anchor: barBaselineY, height: finalHeight, width: bandSize, x: bandPos, y: finalY });\n }\n } else if (animateBars) {\n if (isNew) {\n setAttributes(rect, { height: 0, y: barBaselineY });\n enterTargets.push({\n attrs: { height: { from: 0, to: finalHeight }, y: { from: barBaselineY, to: finalY } },\n el: rect,\n });\n } else {\n updateTargets.push({\n attrs: {\n height: { from: Number(rect.getAttribute('height') ?? finalHeight), to: finalHeight },\n y: { from: Number(rect.getAttribute('y') ?? finalY), to: finalY },\n },\n el: rect,\n });\n }\n } else {\n setAttributes(rect, { height: finalHeight, y: finalY });\n }\n }\n }\n\n if (animateBars) {\n const cancels: (() => void)[] = [];\n\n if (isMount && lanes.length > 0) {\n cancels.push(\n playGrowReveal(parent, lanes, () => {}, motion, {\n axis: horizontal ? 'x' : 'y',\n signal: options.disposalSignal,\n stagger: enterStagger,\n }),\n );\n }\n\n if (enterTargets.length > 0) {\n cancels.push(animate(enterTargets, { ...motion, stagger: enterStagger }, undefined, options.disposalSignal));\n }\n\n if (updateTargets.length > 0) {\n cancels.push(animate(updateTargets, { ...motion, stagger: 0 }, undefined, options.disposalSignal));\n }\n\n activeBarAnimations.set(parent, () => {\n for (const cancel of cancels) cancel();\n });\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"bar-renderer.cjs","names":["resolveMotion","createSvgElement","playGrowReveal","animate","require_motion","require_reveal","require_transition","require_element","DEFAULT_NEW_BAR_STAGGER","MAX_STAGGER_TOTAL","activeBarAnimations","parent","child","existingBars","extra","data","bandwidth","xScale","barBand","options","bandSize","offset","horizontal","isMount","enterTargets","updateTargets","lanes","motion","animateBars","enterStagger","i","d","bandPos","barBaselineY","baselineY","valuePx","yScale","rect","isNew","finalWidth","finalX","finalHeight","finalY","cancels","cancel"],"sources":["../../../src/charts/bar/bar-renderer.ts"],"sourcesContent":["import { resolveMotion } from '../../animation/motion';\nimport { type GrowRevealLane, playGrowReveal } from '../../animation/reveal';\nimport type { AnimationTarget } from '../../animation/transition';\nimport { animate } from '../../animation/transition';\nimport { createSvgElement, setAttributes } from '../../svg/element';\nimport type { BandScale, Scale, TransitionOption } from '../../types';\n\nexport interface BarRenderOptions {\n baselineYs?: number[];\n borderRadius: number;\n color: string;\n /** Aborted when the owning chart is disposed: stops in-flight transitions from rescheduling. */\n disposalSignal?: AbortSignal;\n horizontal?: boolean;\n seriesCount: number;\n seriesIndex: number;\n stacked?: boolean;\n transition?: TransitionOption;\n}\n\n/** Preserve the stagger for bars inserted by a data update, not the initial entrance. */\nconst DEFAULT_NEW_BAR_STAGGER = 20;\n/** Upper bound on the total staggered delay a bar chart may add, whatever the per-bar value. */\nconst MAX_STAGGER_TOTAL = 400;\n\nconst activeBarAnimations = new WeakMap<SVGGElement, () => void>();\n\n/**\n * The group's bars in data order. Queried by class rather than by `children` index\n * because a mount reveal injects a `<defs>` into the same group.\n */\nfunction barsOf(parent: SVGGElement): SVGRectElement[] {\n return [...parent.children].filter((child): child is SVGRectElement => child.classList.contains('prism-bar'));\n}\n\nexport function renderBars(\n parent: SVGGElement,\n data: { base: number; dash?: string; key: string; opacity?: number; present: boolean; y: number }[],\n xScale: BandScale,\n yScale: Scale<number>,\n baselineY: number,\n options: BarRenderOptions,\n): void {\n activeBarAnimations.get(parent)?.();\n activeBarAnimations.delete(parent);\n const existingBars = barsOf(parent);\n\n for (const extra of existingBars.slice(data.length)) extra.remove();\n\n const bandwidth = xScale.bandwidth();\n const barBand = options.stacked ? bandwidth : bandwidth / options.seriesCount;\n const bandSize = Math.max(0, barBand - 1);\n const offset = options.stacked ? 0 : barBand * options.seriesIndex;\n const horizontal = options.horizontal ?? false;\n // A group with no bars yet is mounting: every bar enters together through a grow\n // reveal. A group that already has bars updates in place (with per-bar attr tweens).\n const isMount = existingBars.length === 0;\n\n const enterTargets: AnimationTarget[] = [];\n const updateTargets: AnimationTarget[] = [];\n const lanes: GrowRevealLane[] = [];\n const motion = resolveMotion(options.transition, { defaultStagger: isMount ? 0 : DEFAULT_NEW_BAR_STAGGER });\n const animateBars = motion.duration > 0;\n // A long category axis must not stretch the entrance past ~400 ms of added delay.\n const enterStagger = Math.min(motion.stagger, MAX_STAGGER_TOTAL / Math.max(1, data.length));\n\n for (let i = 0; i < data.length; i++) {\n const d = data[i];\n const bandPos = xScale.map(d.key) + offset;\n const barBaselineY = options.baselineYs ? options.baselineYs[i] : baselineY;\n const valuePx = yScale.map(d.y);\n\n let rect = existingBars[i];\n\n const isNew = !rect;\n\n if (!rect) {\n rect = createSvgElement('rect', { class: 'prism-bar' });\n parent.appendChild(rect);\n }\n\n rect.style.display = d.present ? '' : 'none';\n\n // Presentation attributes (not inline styles) so CSS interaction states\n // like the focus-dim rule keep winning over per-datum styling.\n setAttributes(rect, {\n opacity: d.opacity,\n stroke: d.dash ? options.color : undefined,\n 'stroke-dasharray': d.dash,\n 'stroke-width': d.dash ? 1 : undefined,\n });\n\n if (horizontal) {\n // Horizontal: category on Y axis, value on X axis\n // baselineY here is actually the baseline X (yScale.map(0) in value-space mapped to screen X)\n const finalWidth = Math.max(0, Math.abs(barBaselineY - valuePx));\n const finalX = Math.min(valuePx, barBaselineY);\n\n setAttributes(rect, {\n fill: options.color,\n height: bandSize,\n rx: options.borderRadius,\n ry: options.borderRadius,\n y: bandPos,\n });\n\n if (isMount) {\n // Final geometry now; the grow reveal below uncovers it lane by lane.\n setAttributes(rect, { width: finalWidth, x: finalX });\n\n if (animateBars) {\n lanes.push({ anchor: barBaselineY, height: bandSize, width: finalWidth, x: finalX, y: bandPos });\n }\n } else if (animateBars) {\n if (isNew) {\n setAttributes(rect, { width: 0, x: barBaselineY });\n enterTargets.push({\n attrs: { width: { from: 0, to: finalWidth }, x: { from: barBaselineY, to: finalX } },\n el: rect,\n });\n } else {\n updateTargets.push({\n attrs: {\n width: { from: Number(rect.getAttribute('width') ?? finalWidth), to: finalWidth },\n x: { from: Number(rect.getAttribute('x') ?? finalX), to: finalX },\n },\n el: rect,\n });\n }\n } else {\n setAttributes(rect, { width: finalWidth, x: finalX });\n }\n } else {\n // Vertical (default)\n const finalHeight = Math.max(0, Math.abs(barBaselineY - valuePx));\n const finalY = Math.min(valuePx, barBaselineY);\n\n setAttributes(rect, {\n fill: options.color,\n rx: options.borderRadius,\n ry: options.borderRadius,\n width: bandSize,\n x: bandPos,\n });\n\n if (isMount) {\n // Final geometry now; the grow reveal below uncovers it lane by lane, so a\n // rounded bar never renders as a corner-clamped 1-3 px sliver mid-grow.\n setAttributes(rect, { height: finalHeight, y: finalY });\n\n if (animateBars) {\n lanes.push({ anchor: barBaselineY, height: finalHeight, width: bandSize, x: bandPos, y: finalY });\n }\n } else if (animateBars) {\n if (isNew) {\n setAttributes(rect, { height: 0, y: barBaselineY });\n enterTargets.push({\n attrs: { height: { from: 0, to: finalHeight }, y: { from: barBaselineY, to: finalY } },\n el: rect,\n });\n } else {\n updateTargets.push({\n attrs: {\n height: { from: Number(rect.getAttribute('height') ?? finalHeight), to: finalHeight },\n y: { from: Number(rect.getAttribute('y') ?? finalY), to: finalY },\n },\n el: rect,\n });\n }\n } else {\n setAttributes(rect, { height: finalHeight, y: finalY });\n }\n }\n }\n\n if (animateBars) {\n const cancels: (() => void)[] = [];\n\n if (isMount && lanes.length > 0) {\n cancels.push(\n playGrowReveal(parent, lanes, () => {}, motion, {\n axis: horizontal ? 'x' : 'y',\n signal: options.disposalSignal,\n stagger: enterStagger,\n }),\n );\n }\n\n if (enterTargets.length > 0) {\n cancels.push(animate(enterTargets, { ...motion, stagger: enterStagger }, undefined, options.disposalSignal));\n }\n\n if (updateTargets.length > 0) {\n cancels.push(animate(updateTargets, { ...motion, stagger: 0 }, undefined, options.disposalSignal));\n }\n\n activeBarAnimations.set(parent, () => {\n for (const cancel of cancels) cancel();\n });\n }\n}\n"],"mappings":"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"}
|