@pixerate/editor 0.164.0 → 0.166.0

package/dist/{chunk-SBQVEBSU.cjs → chunk-UUUTEVX6.cjs}

@@ -12,7 +12,7 @@
 
 
 
-var _chunkR3P2M7HUcjs = require('./chunk-R3P2M7HU.cjs');
+var _chunkBPX4Z3N3cjs = require('./chunk-BPX4Z3N3.cjs');
 
 
 var _chunk55AKPTLMcjs = require('./chunk-55AKPTLM.cjs');
@@ -907,7 +907,7 @@ function drawCallouts(ctx, plot) {
     if (s.hidden || !s.callouts) continue;
     s.callouts.forEach((label, i) => {
       if (!label) return;
-      const mark = marks.find((m) => (m.role === "bar" || m.role === "point") && _optionalChain([m, 'access', _2 => _2.target, 'optionalAccess', _3 => _3.kind]) === "point" && m.target.seriesId === s.id && m.target.index === i);
+      const mark = marks.find((m) => (m.role === "bar" || m.role === "point") && _optionalChain([m, 'access', _3 => _3.target, 'optionalAccess', _4 => _4.kind]) === "point" && m.target.seriesId === s.id && m.target.index === i);
       const anchor = mark ? anchorOf(mark, horizontal && mark.kind === "rect") : null;
       if (!anchor) {
         unplaced++;
@@ -948,7 +948,7 @@ function drawCallouts(ctx, plot) {
   }
   if (unplaced) ctx.warn("annotations-skipped", `${unplaced} callout${unplaced === 1 ? " points" : "s point"} at a gap or a hidden value and ${unplaced === 1 ? "is" : "are"} not drawn.`);
 }
-var MUTED = /* @__PURE__ */ new Set(["bar", "line", "area", "point", "slice", "cell", "box", "whisker", "outlier", "connector", "trendline", "trendline-label", "error-bar", "data-label", "legend-swatch", "legend-label"]);
+var MUTED = /* @__PURE__ */ new Set(["node", "bar", "line", "area", "point", "slice", "cell", "box", "whisker", "outlier", "connector", "trendline", "trendline-label", "error-bar", "data-label", "legend-swatch", "legend-label"]);
 function applyHighlight(ctx) {
   const { spec, marks } = ctx;
   if (!spec.highlight.length) return;
@@ -992,8 +992,8 @@ var MAX_CHART_DATA_LABELS = 200;
 var MAX_CHART_LINE_POINTS = 2e3;
 var MAX_CHART_MARKERS = 1e3;
 function scaleInfo(scale, range, format, axis) {
-  const logBase = _optionalChain([axis, 'optionalAccess', _4 => _4.scale]) === "log" ? _nullishCoalesce(axis.logBase, () => ( 10)) : void 0;
-  const r = _optionalChain([axis, 'optionalAccess', _5 => _5.reverse]) ? [range[1], range[0]] : range;
+  const logBase = _optionalChain([axis, 'optionalAccess', _5 => _5.scale]) === "log" ? _nullishCoalesce(axis.logBase, () => ( 10)) : void 0;
+  const r = _optionalChain([axis, 'optionalAccess', _6 => _6.reverse]) ? [range[1], range[0]] : range;
   const vs = { domain: [scale.min, scale.max], range: r, logBase };
   const raw = (v) => chartScaleToPixel(v, vs);
   const px = (v) => logBase && !(v > 0) ? r[0] : raw(Math.min(scale.max, Math.max(scale.min, v)));
@@ -1014,7 +1014,7 @@ function categoryFrame(ctx, area, input) {
   };
   const valueLen0 = horizontal ? area.width : area.height;
   const valueLabelWidth = primary.axis.show ? estimate(primary, valueLen0) : 0;
-  const valueLabelWidth2 = _optionalChain([secondary, 'optionalAccess', _6 => _6.axis, 'access', _7 => _7.show]) ? estimate(secondary, valueLen0) : 0;
+  const valueLabelWidth2 = _optionalChain([secondary, 'optionalAccess', _7 => _7.axis, 'access', _8 => _8.show]) ? estimate(secondary, valueLen0) : 0;
   const catLabelWidth = Math.max(0, ...labels.map((c) => measure(c, fs)));
   let left;
   let bottom;
@@ -1138,7 +1138,7 @@ function categoryFrame(ctx, area, input) {
     marks.push({ kind: "text", key: `axis-title-${horizontal ? "y" : "x"}`, role: "axis-title", x: plot.x + plot.width / 2, y: area.y + area.height, text: bottomTitle, anchor: "middle", baseline: "bottom", size: fs + 1, weight: 500, fill: theme.text, target: horizontal ? yTarget : xTarget });
   if (leftTitle)
     marks.push({ kind: "text", key: `axis-title-${horizontal ? "x" : "y"}`, role: "axis-title", x: area.x, y: plot.y + plot.height / 2, text: leftTitle, anchor: "middle", baseline: "top", size: fs + 1, weight: 500, fill: theme.text, rotate: -90, target: horizontal ? xTarget : yTarget });
-  if (_optionalChain([secondary, 'optionalAccess', _8 => _8.axis, 'access', _9 => _9.title])) {
+  if (_optionalChain([secondary, 'optionalAccess', _9 => _9.axis, 'access', _10 => _10.title])) {
     const target = { kind: "axis", axis: "y2" };
     if (horizontal) marks.push({ kind: "text", key: "axis-title-y2", role: "axis-title", x: plot.x + plot.width / 2, y: area.y, text: secondary.axis.title, anchor: "middle", baseline: "top", size: fs + 1, weight: 500, fill: theme.text, target });
     else marks.push({ kind: "text", key: "axis-title-y2", role: "axis-title", x: area.x + area.width, y: plot.y + plot.height / 2, text: secondary.axis.title, anchor: "middle", baseline: "top", size: fs + 1, weight: 500, fill: theme.text, rotate: 90, target });
@@ -1239,7 +1239,7 @@ function layoutCartesian(ctx, area, visible) {
   const { spec, theme, marks, measure, fs } = ctx;
   const horizontal = spec.orientation === "horizontal";
   const n = spec.categories.length;
-  const types = new Map(visible.map((s) => [s.id, _chunkR3P2M7HUcjs.chartSeriesType.call(void 0, spec, s)]));
+  const types = new Map(visible.map((s) => [s.id, _chunkBPX4Z3N3cjs.chartSeriesType.call(void 0, spec, s)]));
   const stacked = spec.stacking !== "none";
   const percent = spec.stacking === "percent";
   const onSecondary = (s) => s.axis === "secondary";
@@ -1276,9 +1276,9 @@ function layoutCartesian(ctx, area, visible) {
     const stack = stacks.get(s.id);
     errors.set(
       s.id,
-      _chunkR3P2M7HUcjs.chartErrorAmounts.call(void 0, s.errorBars, s.values).map((e, i) => {
+      _chunkBPX4Z3N3cjs.chartErrorAmounts.call(void 0, s.errorBars, s.values).map((e, i) => {
         const raw = s.values[i];
-        const seg = _optionalChain([stack, 'optionalAccess', _10 => _10.segments, 'access', _11 => _11[i]]);
+        const seg = _optionalChain([stack, 'optionalAccess', _11 => _11.segments, 'access', _12 => _12[i]]);
         if (!e || raw === null || stack && !seg) return null;
         const k = seg && percent ? raw ? (seg[1] - seg[0]) / raw : 0 : 1;
         const center = (seg ? seg[1] : raw) + (e.center - raw) * k;
@@ -1300,7 +1300,7 @@ function layoutCartesian(ctx, area, visible) {
       const stack = stacks.get(s.id);
       if (stack) stack.segments.forEach((seg) => seg && (see(seg[0]), see(seg[1])));
       else s.values.forEach((v) => v !== null && see(v));
-      _optionalChain([errors, 'access', _12 => _12.get, 'call', _13 => _13(s.id), 'optionalAccess', _14 => _14.forEach, 'call', _15 => _15((e) => e && (see(e.lo), see(e.hi)))]);
+      _optionalChain([errors, 'access', _13 => _13.get, 'call', _14 => _14(s.id), 'optionalAccess', _15 => _15.forEach, 'call', _16 => _16((e) => e && (see(e.lo), see(e.hi)))]);
     }
     for (const v of referenceValues(spec, secondary ? "y2" : "y")) see(v);
     if (log) {
@@ -1346,7 +1346,7 @@ function layoutCartesian(ctx, area, visible) {
   const drawOrder = [...visible].sort((a, b) => order(types.get(a.id)) - order(types.get(b.id)));
   for (const s of drawOrder) {
     const si = spec.series.indexOf(s);
-    const color = _chunkR3P2M7HUcjs.chartSeriesColor.call(void 0, spec, si);
+    const color = _chunkBPX4Z3N3cjs.chartSeriesColor.call(void 0, spec, si);
     const type = types.get(s.id);
     const stack = stacks.get(s.id);
     const selSeries = ctx.seriesSelected(s.id);
@@ -1372,7 +1372,7 @@ function layoutCartesian(ctx, area, visible) {
         const selected = ctx.isSelected(target);
         const [x, y] = map({ c: c0, v: Math.min(a, b) });
         const rect = horizontal ? { x: Math.min(a, b), y: c0, width: Math.abs(b - a), height: cw } : { x, y, width: cw, height: Math.abs(b - a) };
-        const fill = _chunkR3P2M7HUcjs.chartPointColor.call(void 0, spec, si, i);
+        const fill = _chunkBPX4Z3N3cjs.chartPointColor.call(void 0, spec, si, i);
         marks.push({
           kind: "rect",
           key: `bar-${s.id}-${i}`,
@@ -1400,7 +1400,7 @@ function layoutCartesian(ctx, area, visible) {
     } else {
       const curve = _nullishCoalesce(s.curve, () => ( spec.curve));
       const pointValue = (i) => {
-        const v = stack ? _nullishCoalesce(_optionalChain([stack, 'access', _16 => _16.segments, 'access', _17 => _17[i], 'optionalAccess', _18 => _18[1]]), () => ( null)) : s.values[i];
+        const v = stack ? _nullishCoalesce(_optionalChain([stack, 'access', _17 => _17.segments, 'access', _18 => _18[i], 'optionalAccess', _19 => _19[1]]), () => ( null)) : s.values[i];
         return v !== null && Number.isFinite(v) && !(log && (v <= 0 || (_nullishCoalesce(s.values[i], () => ( 0))) <= 0)) ? v : null;
       };
       const runs = [];
@@ -1424,7 +1424,7 @@ function layoutCartesian(ctx, area, visible) {
       const drawn = runs.map(thin);
       if (type === "area") {
         const parts = drawn.map((r) => {
-          const baseline = stack ? r.map((pt) => ({ c: pt.c, v: valuePx(_nullishCoalesce(_optionalChain([stack, 'access', _19 => _19.segments, 'access', _20 => _20[pt.i], 'optionalAccess', _21 => _21[0]]), () => ( 0))) })).reverse() : [
+          const baseline = stack ? r.map((pt) => ({ c: pt.c, v: valuePx(_nullishCoalesce(_optionalChain([stack, 'access', _20 => _20.segments, 'access', _21 => _21[pt.i], 'optionalAccess', _22 => _22[0]]), () => ( 0))) })).reverse() : [
             { c: r[r.length - 1].c, v: info.zero },
             { c: r[0].c, v: info.zero }
           ];
@@ -1451,7 +1451,7 @@ function layoutCartesian(ctx, area, visible) {
         const target = { kind: "point", seriesId: s.id, index: i };
         const selected = ctx.isSelected(target);
         const r = type === "scatter" ? 4.5 : 3.5;
-        const pointColor = _chunkR3P2M7HUcjs.chartPointColor.call(void 0, spec, si, i);
+        const pointColor = _chunkBPX4Z3N3cjs.chartPointColor.call(void 0, spec, si, i);
         const fill = showDots ? type === "scatter" ? pointColor : theme.surface : "transparent";
         marks.push(
           pointMark({ key: `point-${s.id}-${i}`, target, selected: selected || selSeries, opacity: type === "scatter" ? 0.85 : void 0 }, showDots ? marker : "hit", cx, cy, showDots ? r : 6, fill, showDots ? pointColor : void 0, 2)
@@ -1488,7 +1488,7 @@ function layoutCartesian(ctx, area, visible) {
         if (d) errorMarks.push({ kind: "path", key: `error-bar-${s.id}-${i}`, role: "error-bar", d, fill: "none", stroke: type === "bar" ? theme.text : color, strokeWidth: selSeries ? 2 : 1.25, target: seriesTarget, selected: selSeries });
       });
     }
-    if (trendsAllowed && _optionalChain([s, 'access', _22 => _22.trendlines, 'optionalAccess', _23 => _23.length])) {
+    if (trendsAllowed && _optionalChain([s, 'access', _23 => _23.trendlines, 'optionalAccess', _24 => _24.length])) {
       const points = [];
       s.values.forEach((v, i) => v !== null && Number.isFinite(v) && points.push([i + 1, v]));
       const toPx = (x, y) => map({ c: catCenter(x - 1), v: info.raw(y) });
@@ -1514,7 +1514,7 @@ function layoutXy(ctx, area, visible) {
   const xLog = xAxis.scale === "log";
   const yLog = yAxis.scale === "log";
   let skipped = 0;
-  const pointsOf = (s) => s.values.map((y, i) => ({ i, x: _nullishCoalesce(_optionalChain([s, 'access', _24 => _24.x, 'optionalAccess', _25 => _25[i]]), () => ( (bubble || !s.x ? i + 1 : null))), y, size: _nullishCoalesce(_optionalChain([s, 'access', _26 => _26.sizes, 'optionalAccess', _27 => _27[i]]), () => ( null)) })).filter((p) => {
+  const pointsOf = (s) => s.values.map((y, i) => ({ i, x: _nullishCoalesce(_optionalChain([s, 'access', _25 => _25.x, 'optionalAccess', _26 => _26[i]]), () => ( (bubble || !s.x ? i + 1 : null))), y, size: _nullishCoalesce(_optionalChain([s, 'access', _27 => _27.sizes, 'optionalAccess', _28 => _28[i]]), () => ( null)) })).filter((p) => {
     if (p.x === null || p.y === null || !Number.isFinite(p.x) || !Number.isFinite(p.y)) return false;
     if (xLog && p.x <= 0 || yLog && p.y <= 0) return skipped++, false;
     return true;
@@ -1524,8 +1524,8 @@ function layoutXy(ctx, area, visible) {
   const yErrors = /* @__PURE__ */ new Map();
   const xErrors = /* @__PURE__ */ new Map();
   for (const { s } of all) {
-    if (s.errorBars) yErrors.set(s.id, _chunkR3P2M7HUcjs.chartErrorAmounts.call(void 0, s.errorBars, s.values));
-    if (s.xErrorBars) xErrors.set(s.id, _chunkR3P2M7HUcjs.chartErrorAmounts.call(void 0, s.xErrorBars, s.values.map((_, i) => _nullishCoalesce(_optionalChain([s, 'access', _28 => _28.x, 'optionalAccess', _29 => _29[i]]), () => ( (bubble || !s.x ? i + 1 : null))))));
+    if (s.errorBars) yErrors.set(s.id, _chunkBPX4Z3N3cjs.chartErrorAmounts.call(void 0, s.errorBars, s.values));
+    if (s.xErrorBars) xErrors.set(s.id, _chunkBPX4Z3N3cjs.chartErrorAmounts.call(void 0, s.xErrorBars, s.values.map((_, i) => _nullishCoalesce(_optionalChain([s, 'access', _29 => _29.x, 'optionalAccess', _30 => _30[i]]), () => ( (bubble || !s.x ? i + 1 : null))))));
   }
   let xlo = Infinity;
   let xhi = -Infinity;
@@ -1547,9 +1547,9 @@ function layoutXy(ctx, area, visible) {
       seeX(p.x);
       seeY(p.y);
       if (p.size !== null && p.size > maxSize) maxSize = p.size;
-      const ey = _optionalChain([yErrors, 'access', _30 => _30.get, 'call', _31 => _31(s.id), 'optionalAccess', _32 => _32[p.i]]);
+      const ey = _optionalChain([yErrors, 'access', _31 => _31.get, 'call', _32 => _32(s.id), 'optionalAccess', _33 => _33[p.i]]);
       if (ey) seeY(ey.center - ey.minus), seeY(ey.center + ey.plus);
-      const ex = _optionalChain([xErrors, 'access', _33 => _33.get, 'call', _34 => _34(s.id), 'optionalAccess', _35 => _35[p.i]]);
+      const ex = _optionalChain([xErrors, 'access', _34 => _34.get, 'call', _35 => _35(s.id), 'optionalAccess', _36 => _36[p.i]]);
       if (ex) seeX(ex.center - ex.minus), seeX(ex.center + ex.plus);
     }
     for (const t of _nullishCoalesce(s.trendlines, () => ( []))) {
@@ -1608,8 +1608,8 @@ function layoutXy(ctx, area, visible) {
   const trendLabels = [];
   for (const { s, pts } of all) {
     const si = spec.series.indexOf(s);
-    const color = _chunkR3P2M7HUcjs.chartSeriesColor.call(void 0, spec, si);
-    const type = _chunkR3P2M7HUcjs.chartSeriesType.call(void 0, spec, s);
+    const color = _chunkBPX4Z3N3cjs.chartSeriesColor.call(void 0, spec, si);
+    const type = _chunkBPX4Z3N3cjs.chartSeriesType.call(void 0, spec, s);
     const selSeries = ctx.seriesSelected(s.id);
     const seriesTarget = { kind: "series", seriesId: s.id };
     if (type === "line" || type === "area") {
@@ -1634,7 +1634,7 @@ function layoutXy(ctx, area, visible) {
       }
       const target = { kind: "point", seriesId: s.id, index: p.i };
       const selected = ctx.isSelected(target);
-      const pointColor = _chunkR3P2M7HUcjs.chartPointColor.call(void 0, spec, si, p.i);
+      const pointColor = _chunkBPX4Z3N3cjs.chartPointColor.call(void 0, spec, si, p.i);
       const r = bubble ? maxSize > 0 && p.size !== null && p.size > 0 ? Math.max(2, Math.sqrt(p.size / maxSize) * maxR) : 2 : 4.5;
       if (bubble) marks.push({ kind: "circle", key: `point-${s.id}-${p.i}`, role: "point", cx, cy, r, fill: pointColor, stroke: pointColor, strokeWidth: 1, opacity: 0.6, target, selected: selected || selSeries });
       else marks.push(pointMark({ key: `point-${s.id}-${p.i}`, target, selected: selected || selSeries, opacity: 0.85 }, marker === "none" ? "hit" : marker, cx, cy, marker === "none" ? 6 : r, marker === "none" ? "transparent" : pointColor, marker === "none" ? void 0 : pointColor, 2));
@@ -1644,14 +1644,14 @@ function layoutXy(ctx, area, visible) {
     const stroke = color;
     const errorBar = (key, d) => d && errorMarks.push({ kind: "path", key, role: "error-bar", d, fill: "none", stroke, strokeWidth: selSeries ? 2 : 1.25, target: seriesTarget, selected: selSeries });
     for (const p of pts) {
-      const ey = _optionalChain([yErrors, 'access', _36 => _36.get, 'call', _37 => _37(s.id), 'optionalAccess', _38 => _38[p.i]]);
+      const ey = _optionalChain([yErrors, 'access', _37 => _37.get, 'call', _38 => _38(s.id), 'optionalAccess', _39 => _39[p.i]]);
       if (ey) {
         const lo = ey.center - ey.minus;
         const hi = ey.center + ey.plus;
         const cap = s.errorBars.cap !== false;
         errorBar(`error-bar-${s.id}-${p.i}`, errorBarPath((q) => [q.c, q.v], xPx(p.x), yPx(lo), yPx(hi), 8, cap && lo < ey.center, cap && hi > ey.center));
       }
-      const ex = _optionalChain([xErrors, 'access', _39 => _39.get, 'call', _40 => _40(s.id), 'optionalAccess', _41 => _41[p.i]]);
+      const ex = _optionalChain([xErrors, 'access', _40 => _40.get, 'call', _41 => _41(s.id), 'optionalAccess', _42 => _42[p.i]]);
       if (ex) {
         const lo = ex.center - ex.minus;
         const hi = ex.center + ex.plus;
@@ -1659,7 +1659,7 @@ function layoutXy(ctx, area, visible) {
         errorBar(`error-bar-x-${s.id}-${p.i}`, errorBarPath((q) => [q.v, q.c], yPx(p.y), xPx(lo), xPx(hi), 8, cap && lo < ex.center, cap && hi > ex.center));
       }
     }
-    if (_optionalChain([s, 'access', _42 => _42.trendlines, 'optionalAccess', _43 => _43.length])) drawTrendlines(ctx, plot, s, color, pts.map((p) => [p.x, p.y]), (x, y) => [xRaw(x), yRaw(y)], trendLabels, xLog || yLog);
+    if (_optionalChain([s, 'access', _43 => _43.trendlines, 'optionalAccess', _44 => _44.length])) drawTrendlines(ctx, plot, s, color, pts.map((p) => [p.x, p.y]), (x, y) => [xRaw(x), yRaw(y)], trendLabels, xLog || yLog);
   }
   drawReferences(ctx, plot, refAxes, "lines");
   marks.push(...errorMarks, ...labelMarks);
@@ -1677,8 +1677,40 @@ function trendlineLegendItems(spec, color) {
   );
 }
 
+// src/chart/race.ts
+function chartRaceValueAt(series, index) {
+  for (let i = Math.min(index, series.values.length - 1); i >= 0; i--) {
+    const v = series.values[i];
+    if (v !== null && v !== void 0 && Number.isFinite(v)) return v;
+  }
+  return 0;
+}
+function chartRaceMoment(count, frame) {
+  const last = Math.max(0, count - 1);
+  const at = frame === null || frame === void 0 || !Number.isFinite(frame) ? last : Math.max(0, Math.min(last, frame));
+  const from = Math.floor(at);
+  const to = Math.min(last, from + 1);
+  return { from, to, t: at - from, at };
+}
+function chartRaceRanking(spec, frame) {
+  const visible = spec.series.filter((s) => !s.hidden);
+  const { from, to, t } = chartRaceMoment(spec.categories.length, frame);
+  const rankAt = (i) => {
+    const order2 = visible.map((s, k) => ({ id: s.id, v: chartRaceValueAt(s, i), k })).sort((a, b) => b.v - a.v || a.k - b.k);
+    return new Map(order2.map((o, r) => [o.id, r]));
+  };
+  const r0 = rankAt(from);
+  const r1 = rankAt(to);
+  const near = t < 0.5 ? r0 : r1;
+  return visible.map((s) => {
+    const a = chartRaceValueAt(s, from);
+    const b = chartRaceValueAt(s, to);
+    return { seriesId: s.id, name: s.name, value: a + (b - a) * t, position: r0.get(s.id) + (r1.get(s.id) - r0.get(s.id)) * t, rank: near.get(s.id) };
+  }).sort((a, b) => a.position - b.position || b.value - a.value);
+}
+
 // src/chart/layout-families.ts
-var sliceColor = (ctx, series, i) => _optionalChain([series, 'access', _44 => _44.pointColors, 'optionalAccess', _45 => _45[i]]) || _chunkR3P2M7HUcjs.chartSliceColor.call(void 0, ctx.spec, i);
+var sliceColor = (ctx, series, i) => _optionalChain([series, 'access', _45 => _45.pointColors, 'optionalAccess', _46 => _46[i]]) || _chunkBPX4Z3N3cjs.chartSliceColor.call(void 0, ctx.spec, i);
 function layoutPie(ctx, area, series) {
   const { spec, theme, marks, fs, selection } = ctx;
   const values = spec.categories.map((_, i) => {
@@ -1708,7 +1740,7 @@ function layoutPie(ctx, area, series) {
     angle = end;
     const target = { kind: "point", seriesId: series.id, index: i };
     const selected = ctx.isSelected(target) || ctx.isSelected({ kind: "category", index: i });
-    const seriesSel = _optionalChain([selection, 'optionalAccess', _46 => _46.kind]) === "series" && selection.seriesId === series.id;
+    const seriesSel = _optionalChain([selection, 'optionalAccess', _47 => _47.kind]) === "series" && selection.seriesId === series.id;
     const mid = (start + end) / 2;
     const off = selected ? 6 : 0;
     const ox = cx + off * Math.sin(mid);
@@ -1794,7 +1826,7 @@ function layoutRadar(ctx, area, visible) {
     });
   for (const s of visible) {
     const si = spec.series.indexOf(s);
-    const color = _chunkR3P2M7HUcjs.chartSeriesColor.call(void 0, spec, si);
+    const color = _chunkBPX4Z3N3cjs.chartSeriesColor.call(void 0, spec, si);
     const selSeries = ctx.seriesSelected(s.id);
     const pts = s.values.map((v, i) => v !== null && Number.isFinite(v) ? at(i, rOf(v)) : null);
     const present = pts.filter((p) => p !== null);
@@ -1844,7 +1876,7 @@ function layoutWaterfall(ctx, area, series) {
   });
   const { band, catCenter, map, value } = frame;
   const w = band * (1 - spec.gapWidth);
-  const color = _chunkR3P2M7HUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(series));
+  const color = _chunkBPX4Z3N3cjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(series));
   const format = _nullishCoalesce(series.format, () => ( spec.yAxis.format));
   const labelsOn = _nullishCoalesce(series.dataLabels, () => ( spec.dataLabels));
   let prevEnd = null;
@@ -1903,7 +1935,7 @@ function layoutHistogram(ctx, area, visible) {
   const gap = k > 1 ? band * spec.gapWidth * 0.5 : 0;
   const w = (band - gap) / k;
   visible.forEach((s, si) => {
-    const color = _chunkR3P2M7HUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
+    const color = _chunkBPX4Z3N3cjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
     const target = { kind: "series", seriesId: s.id };
     const selected = ctx.seriesSelected(s.id);
     counts[si].forEach((c, b) => {
@@ -1934,7 +1966,7 @@ function layoutBox(ctx, area, visible) {
   visible.forEach((s, i) => {
     const st = stats[i];
     if (!st) return;
-    const color = _chunkR3P2M7HUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
+    const color = _chunkBPX4Z3N3cjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
     const target = { kind: "series", seriesId: s.id };
     const selected = ctx.seriesSelected(s.id);
     const c = catCenter(i);
@@ -2153,7 +2185,7 @@ function layoutLikert(ctx, area, visible) {
       if (x1 - x0 <= 0) return;
       const target = { kind: "point", seriesId: s.id, index: i };
       const selected = ctx.isSelected(target);
-      const fill = _optionalChain([s, 'access', _47 => _47.pointColors, 'optionalAccess', _48 => _48[i]]) || _chunkR3P2M7HUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
+      const fill = _optionalChain([s, 'access', _48 => _48.pointColors, 'optionalAccess', _49 => _49[i]]) || _chunkBPX4Z3N3cjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
       const rect = { x: x0, y, width: x1 - x0, height: barH };
       marks.push({ kind: "rect", key, role: "bar", ...rect, fill, target, selected: selected || ctx.seriesSelected(s.id) || catSelected });
       if (selected) ctx.outline(`${key}-selection`, { x: rect.x - 2, y: rect.y - 2, width: rect.width + 4, height: rect.height + 4 });
@@ -2252,22 +2284,22 @@ function layoutParliament(ctx, area, series) {
 }
 function treeColor(ctx, series, node, group, base, shade) {
   if (node.color) return node.color;
-  if (base === null) return _optionalChain([series, 'optionalAccess', _49 => _49.pointColors, 'optionalAccess', _50 => _50[group]]) || _chunkR3P2M7HUcjs.chartSliceColor.call(void 0, ctx.spec, group);
-  return _chunkR3P2M7HUcjs.shadeChartColor.call(void 0, base, shade);
+  if (base === null) return _optionalChain([series, 'optionalAccess', _50 => _50.pointColors, 'optionalAccess', _51 => _51[group]]) || _chunkBPX4Z3N3cjs.chartSliceColor.call(void 0, ctx.spec, group);
+  return _chunkBPX4Z3N3cjs.shadeChartColor.call(void 0, base, shade);
 }
 function layoutTreemapTree(ctx, area, series) {
   const { spec, marks, theme, fs, measure } = ctx;
-  const format = _nullishCoalesce(_optionalChain([series, 'optionalAccess', _51 => _51.format]), () => ( spec.yAxis.format));
-  const labelsOn = _nullishCoalesce(_optionalChain([series, 'optionalAccess', _52 => _52.dataLabels]), () => ( true));
+  const format = _nullishCoalesce(_optionalChain([series, 'optionalAccess', _52 => _52.format]), () => ( spec.yAxis.format));
+  const labelsOn = _nullishCoalesce(_optionalChain([series, 'optionalAccess', _53 => _53.dataLabels]), () => ( true));
   let unlabelled = 0;
   const draw = (nodes, rect, key, group, base) => {
-    const rects = chartSquarify(nodes.map(_chunkR3P2M7HUcjs.chartTreeTotal), rect);
+    const rects = chartSquarify(nodes.map(_chunkBPX4Z3N3cjs.chartTreeTotal), rect);
     nodes.forEach((node, k) => {
       const r = rects[k];
       if (r.width <= 0.5 || r.height <= 0.5) return;
       const g = _nullishCoalesce(group, () => ( k));
       const target = { kind: "category", index: g };
-      const selected = ctx.isSelected(target) || ctx.isSelected({ kind: "point", seriesId: _nullishCoalesce(_optionalChain([series, 'optionalAccess', _53 => _53.id]), () => ( "")), index: g });
+      const selected = ctx.isSelected(target) || ctx.isSelected({ kind: "point", seriesId: _nullishCoalesce(_optionalChain([series, 'optionalAccess', _54 => _54.id]), () => ( "")), index: g });
       const id = `${key}-${k}`;
       const fill = treeColor(ctx, series, node, g, base, base === null ? 0 : (k % 4 - 1.5) * 0.14);
       if (node.children) {
@@ -2296,10 +2328,10 @@ function layoutTreemapTree(ctx, area, series) {
 }
 function layoutSunburst(ctx, area, series) {
   const { spec, marks, theme, fs, measure } = ctx;
-  const tree = spec.tree.length ? spec.tree : _chunkR3P2M7HUcjs.chartTreeFromSeries.call(void 0, spec.categories, _nullishCoalesce(_optionalChain([series, 'optionalAccess', _54 => _54.values]), () => ( [])));
+  const tree = spec.tree.length ? spec.tree : _chunkBPX4Z3N3cjs.chartTreeFromSeries.call(void 0, spec.categories, _nullishCoalesce(_optionalChain([series, 'optionalAccess', _55 => _55.values]), () => ( [])));
   const indexOf = new Map(spec.categories.map((c, i) => [c.trim() || `${i + 1}`, i]));
-  const depth = _chunkR3P2M7HUcjs.chartTreeDepth.call(void 0, tree);
-  const total = tree.reduce((t, n) => t + _chunkR3P2M7HUcjs.chartTreeTotal.call(void 0, n), 0);
+  const depth = _chunkBPX4Z3N3cjs.chartTreeDepth.call(void 0, tree);
+  const total = tree.reduce((t, n) => t + _chunkBPX4Z3N3cjs.chartTreeTotal.call(void 0, n), 0);
   const cx = area.x + area.width / 2;
   const cy = area.y + area.height / 2;
   const outer = Math.max(8, Math.min(area.width, area.height) / 2 - 4);
@@ -2310,20 +2342,20 @@ function layoutSunburst(ctx, area, series) {
   }
   const hole = outer * 0.28;
   const ring = (outer - hole) / Math.max(1, depth);
-  const format = _nullishCoalesce(_optionalChain([series, 'optionalAccess', _55 => _55.format]), () => ( spec.yAxis.format));
+  const format = _nullishCoalesce(_optionalChain([series, 'optionalAccess', _56 => _56.format]), () => ( spec.yAxis.format));
   let unlabelled = 0;
   const walk = (nodes, start, sweep, level, key, group, base) => {
-    const sum = nodes.reduce((t, n) => t + _chunkR3P2M7HUcjs.chartTreeTotal.call(void 0, n), 0);
+    const sum = nodes.reduce((t, n) => t + _chunkBPX4Z3N3cjs.chartTreeTotal.call(void 0, n), 0);
     let at = start;
     nodes.forEach((node, k) => {
-      const value = _chunkR3P2M7HUcjs.chartTreeTotal.call(void 0, node);
+      const value = _chunkBPX4Z3N3cjs.chartTreeTotal.call(void 0, node);
       if (!(value > 0) || !sum) return;
       const a0 = at;
       const a1 = at + sweep * value / sum;
       at = a1;
       const g = _nullishCoalesce(_nullishCoalesce(group, () => ( indexOf.get(node.name))), () => ( k));
       const target = { kind: "category", index: g };
-      const selected = ctx.isSelected(target) || ctx.isSelected({ kind: "point", seriesId: _nullishCoalesce(_optionalChain([series, 'optionalAccess', _56 => _56.id]), () => ( "")), index: g });
+      const selected = ctx.isSelected(target) || ctx.isSelected({ kind: "point", seriesId: _nullishCoalesce(_optionalChain([series, 'optionalAccess', _57 => _57.id]), () => ( "")), index: g });
       const fill = treeColor(ctx, series, node, g, base, 0.22 * level);
       const id = `${key}-${k}`;
       const r0 = hole + ring * level;
@@ -2349,17 +2381,148 @@ function layoutSunburst(ctx, area, series) {
   }
   return { plot };
 }
+function layoutSankey(ctx, area, series) {
+  const { spec, theme, marks, fs, measure } = ctx;
+  const nodes = spec.sankeyNodes;
+  const links = spec.links;
+  const at = new Map(nodes.map((n, i) => [n, i]));
+  const incoming = nodes.map(() => []);
+  const outgoing = nodes.map(() => []);
+  links.forEach((l, k) => {
+    outgoing[at.get(l.source)].push(k);
+    incoming[at.get(l.target)].push(k);
+  });
+  const column = nodes.map(() => -1);
+  const depth = (i) => {
+    if (column[i] >= 0) return column[i];
+    column[i] = 0;
+    column[i] = incoming[i].reduce((d, k) => Math.max(d, depth(at.get(links[k].source)) + 1), 0);
+    return column[i];
+  };
+  nodes.forEach((_, i) => depth(i));
+  const last = Math.max(...column);
+  nodes.forEach((_, i) => {
+    if (!outgoing[i].length) column[i] = last;
+  });
+  const value = _nullishCoalesce(_optionalChain([series, 'optionalAccess', _58 => _58.values, 'access', _59 => _59.map, 'call', _60 => _60((v) => _nullishCoalesce(v, () => ( 0)))]), () => ( nodes.map(() => 0)));
+  const nodeW = Math.max(6, Math.min(16, area.width * 0.02));
+  const gap = last > 0 ? (area.width - nodeW) / last : 0;
+  const xOf = (c) => last > 0 ? area.x + c * gap : area.x + area.width / 2 - nodeW / 2;
+  const columns = Array.from({ length: last + 1 }, (_, c) => nodes.map((_2, i) => i).filter((i) => column[i] === c));
+  const pad = Math.max(4, Math.min(fs * 1.2, area.height / Math.max(1, Math.max(...columns.map((c) => c.length))) / 3));
+  const ky = Math.min(...columns.filter((c) => c.length).map((c) => (area.height - pad * (c.length - 1)) / Math.max(1e-9, c.reduce((t, i) => t + value[i], 0))));
+  const top = nodes.map(() => 0);
+  for (const col of columns) {
+    const used = col.reduce((t, i) => t + value[i] * ky, 0) + pad * Math.max(0, col.length - 1);
+    let y = area.y + (area.height - used) / 2;
+    for (const i of col) {
+      top[i] = y;
+      y += value[i] * ky + pad;
+    }
+  }
+  const color = (i) => _optionalChain([series, 'optionalAccess', _61 => _61.pointColors, 'optionalAccess', _62 => _62[i]]) || _chunkBPX4Z3N3cjs.chartSliceColor.call(void 0, spec, i);
+  const named = new Set(spec.highlight);
+  const lit = nodes.map((n) => named.has(n));
+  const dimLinks = lit.some(Boolean);
+  const outOffset = nodes.map(() => 0);
+  const inOffset = nodes.map(() => 0);
+  const startY = /* @__PURE__ */ new Map();
+  const endY = /* @__PURE__ */ new Map();
+  nodes.forEach((_, i) => {
+    for (const k of [...outgoing[i]].sort((a, b) => top[at.get(links[a].target)] - top[at.get(links[b].target)])) {
+      startY.set(k, top[i] + outOffset[i]);
+      outOffset[i] += links[k].value * ky;
+    }
+    for (const k of [...incoming[i]].sort((a, b) => top[at.get(links[a].source)] - top[at.get(links[b].source)])) {
+      endY.set(k, top[i] + inOffset[i]);
+      inOffset[i] += links[k].value * ky;
+    }
+  });
+  const selectedNode = (i) => ctx.isSelected({ kind: "category", index: i }) || ctx.isSelected({ kind: "point", seriesId: _nullishCoalesce(_optionalChain([series, 'optionalAccess', _63 => _63.id]), () => ( "")), index: i });
+  links.forEach((l, k) => {
+    const s = at.get(l.source);
+    const t = at.get(l.target);
+    const w = l.value * ky;
+    const x0 = xOf(column[s]) + nodeW;
+    const x1 = xOf(column[t]);
+    const y0 = startY.get(k);
+    const y1 = endY.get(k);
+    const xm = (x0 + x1) / 2;
+    const d = `M${r2(x0)},${r2(y0)}C${r2(xm)},${r2(y0)} ${r2(xm)},${r2(y1)} ${r2(x1)},${r2(y1)}L${r2(x1)},${r2(y1 + w)}C${r2(xm)},${r2(y1 + w)} ${r2(xm)},${r2(y0 + w)} ${r2(x0)},${r2(y0 + w)}Z`;
+    const fill = _nullishCoalesce(l.color, () => ( (spec.sankeyLinkColor === "gray" ? theme.mutedText : color(spec.sankeyLinkColor === "target" ? t : s))));
+    const emphasis = selectedNode(s) || selectedNode(t) ? 0.6 : 0.35;
+    const opacity = dimLinks && !lit[s] && !lit[t] ? emphasis * 0.25 : emphasis;
+    marks.push({ kind: "path", key: `link-${k}`, role: "link", d, fill, opacity });
+  });
+  const labelsOn = _nullishCoalesce(_optionalChain([series, 'optionalAccess', _64 => _64.dataLabels]), () => ( spec.dataLabels));
+  const format = _nullishCoalesce(_optionalChain([series, 'optionalAccess', _65 => _65.format]), () => ( spec.yAxis.format));
+  let hidden = 0;
+  nodes.forEach((name, i) => {
+    const x = xOf(column[i]);
+    const h = Math.max(1, value[i] * ky);
+    const target = { kind: "category", index: i };
+    const selected = selectedNode(i);
+    marks.push({ kind: "rect", key: `node-${i}`, role: "node", x, y: top[i], width: nodeW, height: h, fill: color(i), radius: 1, ...selected ? { stroke: theme.selection, strokeWidth: 2 } : {}, target, selected });
+    const text = labelsOn ? `${name} ${formatChartNumber(value[i], format)}` : name;
+    const room = (last > 0 ? gap : area.width / 2) - nodeW - 10;
+    const shown = truncate(text, Math.max(fs * 2, room), fs, measure);
+    if (shown !== text) hidden++;
+    const right = column[i] < last || last === 0;
+    marks.push({ kind: "text", key: `label-node-${i}`, role: "data-label", x: right ? x + nodeW + 5 : x - 5, y: top[i] + h / 2, text: shown, anchor: right ? "start" : "end", baseline: "middle", size: fs, weight: selected ? 600 : void 0, fill: selected ? theme.selection : theme.text, target, selected });
+  });
+  if (hidden) ctx.warn("labels-truncated", `${hidden} node label${hidden === 1 ? " was" : "s were"} shortened to fit between the columns.`);
+  return { plot: area };
+}
+function layoutBarRace(ctx, area, frame) {
+  const { spec, theme, marks, fs, measure } = ctx;
+  const top = spec.raceTopN;
+  const moment = chartRaceMoment(spec.categories.length, frame);
+  const ranking = chartRaceRanking(spec, frame);
+  const shown = ranking.filter((e) => e.position < top);
+  const labelW = Math.min(area.width * 0.3, Math.max(0, ...ranking.map((e) => measure(e.name, fs)))) + 8;
+  const tickH = spec.yAxis.show ? fs * 1.6 : 4;
+  const plot = { x: area.x + labelW, y: area.y + tickH, width: Math.max(1, area.width - labelW - fs * 4), height: Math.max(1, area.height - tickH) };
+  const lead = Math.max(1e-9, ...shown.map((e) => e.value));
+  const max = spec.yAxis.max !== null && spec.yAxis.max > 0 ? spec.yAxis.max : lead * 1.08;
+  const xOf = (v) => plot.x + Math.max(0, Math.min(max, v)) / max * plot.width;
+  const ticks = niceScale(0, max, 5).ticks.filter((t) => t <= max);
+  const axisTarget = { kind: "axis", axis: "y" };
+  const format = spec.yAxis.format;
+  ticks.forEach((t, k) => {
+    if (spec.yAxis.gridlines) marks.push({ kind: "line", key: `grid-y-${k}`, role: "grid", x1: xOf(t), y1: plot.y, x2: xOf(t), y2: plot.y + plot.height, stroke: theme.grid, strokeWidth: 1 });
+    if (spec.yAxis.show) marks.push({ kind: "text", key: `tick-y-${k}`, role: "tick-label", x: xOf(t), y: area.y, text: formatChartNumber(t, format, _nullishCoalesce(format.decimals, () => ( stepDecimals(ticks[1] - ticks[0] || 1)))), anchor: "middle", baseline: "top", size: fs - 1, fill: theme.mutedText, target: axisTarget });
+  });
+  const label = _nullishCoalesce(spec.categories[moment.t < 0.5 ? moment.from : moment.to], () => ( ""));
+  const timeSize = Math.min(theme.titleSize * 3, plot.height * 0.2, plot.width * 0.5 / Math.max(1, label.length * 0.6));
+  marks.push({ kind: "text", key: "race-time", role: "race-time", x: plot.x + plot.width, y: plot.y + plot.height - 4, text: label, anchor: "end", baseline: "bottom", size: timeSize, weight: 700, fill: theme.mutedText, opacity: 0.55, target: { kind: "category", index: moment.t < 0.5 ? moment.from : moment.to } });
+  const band = plot.height / top;
+  const barH = Math.max(2, band * (1 - Math.min(0.8, spec.gapWidth)));
+  const index = Math.round(moment.at);
+  for (const e of shown) {
+    const si = spec.series.findIndex((s2) => s2.id === e.seriesId);
+    const s = spec.series[si];
+    const y = plot.y + e.position * band + (band - barH) / 2;
+    const target = { kind: "point", seriesId: e.seriesId, index };
+    const selected = ctx.isSelected(target) || ctx.seriesSelected(e.seriesId);
+    const width = Math.max(0, xOf(e.value) - plot.x);
+    marks.push({ kind: "rect", key: `bar-${e.seriesId}`, role: "bar", x: plot.x, y, width, height: barH, fill: _chunkBPX4Z3N3cjs.chartSeriesColor.call(void 0, spec, si), radius: Math.min(3, barH / 4), target, selected, ...selected ? { stroke: theme.selection, strokeWidth: 1.5 } : {} });
+    marks.push({ kind: "text", key: `label-name-${e.seriesId}`, role: "tick-label", x: plot.x - 6, y: y + barH / 2, text: truncate(e.name, labelW - 8, fs, measure), anchor: "end", baseline: "middle", size: fs, fill: selected ? theme.selection : theme.text, target: { kind: "series", seriesId: e.seriesId } });
+    if (_nullishCoalesce(s.dataLabels, () => ( true))) marks.push({ kind: "text", key: `label-${e.seriesId}`, role: "data-label", x: plot.x + width + 5, y: y + barH / 2, text: formatChartNumber(e.value, _nullishCoalesce(s.format, () => ( format)), _nullishCoalesce((_nullishCoalesce(s.format, () => ( format))).decimals, () => ( (Math.abs(e.value) >= 100 ? 0 : void 0)))), anchor: "start", baseline: "middle", size: fs - 1, fill: theme.text, target });
+  }
+  if (ranking.length > top) ctx.warn("values-skipped", `The race shows the top ${top} of ${ranking.length} names at each moment (raceTopN).`);
+  return { plot, valueScale: { axis: "x", domain: [0, max], range: [plot.x, plot.x + plot.width], ticks } };
+}
 
 // src/chart/layout.ts
 function legendItems(spec, ctx) {
-  const family = _chunkR3P2M7HUcjs.chartFamily.call(void 0, spec);
-  if (spec.type === "funnel" || spec.type === "slope") return [];
-  if (_chunkR3P2M7HUcjs.chartSpecColorsByCategory.call(void 0, spec)) {
+  const family = _chunkBPX4Z3N3cjs.chartFamily.call(void 0, spec);
+  if (spec.type === "funnel" || spec.type === "slope" || spec.type === "sankey" || spec.type === "barrace") return [];
+  if (_chunkBPX4Z3N3cjs.chartSpecColorsByCategory.call(void 0, spec)) {
     const first = spec.series.find((s) => !s.hidden);
-    const seats = (i) => Math.max(0, Math.round(_nullishCoalesce(_optionalChain([first, 'optionalAccess', _57 => _57.values, 'access', _58 => _58[i]]), () => ( 0))));
+    const seats = (i) => Math.max(0, Math.round(_nullishCoalesce(_optionalChain([first, 'optionalAccess', _66 => _66.values, 'access', _67 => _67[i]]), () => ( 0))));
     return spec.categories.map((c, i) => ({
       label: spec.type === "parliament" ? `${c} ${seats(i)}` : c,
-      color: _optionalChain([first, 'optionalAccess', _59 => _59.pointColors, 'optionalAccess', _60 => _60[i]]) || _chunkR3P2M7HUcjs.chartSliceColor.call(void 0, spec, i),
+      color: _optionalChain([first, 'optionalAccess', _68 => _68.pointColors, 'optionalAccess', _69 => _69[i]]) || _chunkBPX4Z3N3cjs.chartSliceColor.call(void 0, spec, i),
       target: { kind: "category", index: i },
       faded: false,
       selected: ctx.isSelected({ kind: "category", index: i }),
@@ -2373,17 +2536,17 @@ function legendItems(spec, ctx) {
     return [
       { label: "Increase", color: ctx.theme.positive, target, faded: false, selected: false, shape: "square" },
       { label: "Decrease", color: ctx.theme.negative, target, faded: false, selected: false, shape: "square" },
-      { label: "Total", color: _chunkR3P2M7HUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(first)), target, faded: false, selected: false, shape: "square" }
+      { label: "Total", color: _chunkBPX4Z3N3cjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(first)), target, faded: false, selected: false, shape: "square" }
     ];
   }
   if (family === "box") return [];
-  const trends = trendlineLegendItems(spec, (i) => _chunkR3P2M7HUcjs.chartSeriesColor.call(void 0, spec, i));
+  const trends = trendlineLegendItems(spec, (i) => _chunkBPX4Z3N3cjs.chartSeriesColor.call(void 0, spec, i));
   const items = [];
   spec.series.forEach((s, i) => {
-    const type = _chunkR3P2M7HUcjs.chartSeriesType.call(void 0, spec, s);
+    const type = _chunkBPX4Z3N3cjs.chartSeriesType.call(void 0, spec, s);
     items.push({
       label: s.name,
-      color: _chunkR3P2M7HUcjs.chartSeriesColor.call(void 0, spec, i),
+      color: _chunkBPX4Z3N3cjs.chartSeriesColor.call(void 0, spec, i),
       target: { kind: "series", seriesId: s.id },
       faded: !!s.hidden,
       selected: ctx.seriesSelected(s.id),
@@ -2396,7 +2559,7 @@ function legendItems(spec, ctx) {
 function layoutChart(spec, options) {
   const width = Math.max(1, Number.isFinite(options.width) ? options.width : 1);
   const height = Math.max(1, Number.isFinite(options.height) ? options.height : 1);
-  const theme = { ..._chunkR3P2M7HUcjs.DEFAULT_CHART_THEME, ...options.theme };
+  const theme = { ..._chunkBPX4Z3N3cjs.DEFAULT_CHART_THEME, ...options.theme };
   const selection = _nullishCoalesce(options.selection, () => ( null));
   const marks = [];
   const warnings = [];
@@ -2412,7 +2575,7 @@ function layoutChart(spec, options) {
     warnings,
     selection,
     isSelected: (target) => sameChartSelection(selection, target),
-    seriesSelected: (id) => _optionalChain([selection, 'optionalAccess', _61 => _61.kind]) === "series" && selection.seriesId === id,
+    seriesSelected: (id) => _optionalChain([selection, 'optionalAccess', _70 => _70.kind]) === "series" && selection.seriesId === id,
     outline: (key, box) => marks.push({ kind: "rect", key, role: "selection", ...box, fill: "none", stroke: theme.selection, strokeWidth: 1, radius: 3 }),
     warn: (code, message) => {
       if (!warnings.some((w) => w.code === code && w.message === message)) warnings.push({ code, message });
@@ -2435,17 +2598,17 @@ function layoutChart(spec, options) {
   if (spec.title) titleMark("title", spec.title, theme.titleSize, 600, theme.text);
   if (spec.subtitle) titleMark("subtitle", spec.subtitle, fs + 1, 400, theme.mutedText);
   if (spec.title || spec.subtitle) top += 6;
-  const family = _chunkR3P2M7HUcjs.chartFamily.call(void 0, spec);
+  const family = _chunkBPX4Z3N3cjs.chartFamily.call(void 0, spec);
   const visible = spec.series.filter((s) => !s.hidden);
   const items = legendItems(spec, ctx);
   let area = { x: pad, y: top, width: width - pad * 2, height: height - top - pad - noteHeight(spec, fs) };
   const seriesLegend = family === "cartesian" || family === "xy" || family === "radar" || family === "histogram";
   const hasTrend = items.some((i) => i.shape === "dash");
-  const showLegend = spec.legend.show && items.length > 0 && (!seriesLegend || _chunkR3P2M7HUcjs.chartVariesColors.call(void 0, spec) || spec.series.length > 1 || spec.series.some((s) => s.hidden) || hasTrend);
+  const showLegend = spec.legend.show && items.length > 0 && (!seriesLegend || _chunkBPX4Z3N3cjs.chartVariesColors.call(void 0, spec) || spec.series.length > 1 || spec.series.some((s) => s.hidden) || hasTrend);
   if (showLegend) area = layoutLegend(items, spec.legend.position, area, ctx, ctx.isSelected({ kind: "legend" }));
   const finish = (result) => {
     if (result.plot.width > 0) {
-      if (chartAnnotationFamily(_chunkR3P2M7HUcjs.chartFamily.call(void 0, spec))) drawCallouts(ctx, result.plot);
+      if (chartAnnotationFamily(_chunkBPX4Z3N3cjs.chartFamily.call(void 0, spec))) drawCallouts(ctx, result.plot);
       else if (spec.referenceLines.length || spec.referenceBands.length || spec.series.some((s) => s.callouts))
         ctx.warn("annotations-skipped", `Reference lines, bands and callouts are drawn on bar, line, area, scatter and bubble charts; this ${spec.type} chart leaves them out.`);
     }
@@ -2493,6 +2656,14 @@ function layoutChart(spec, options) {
       return finish(layoutFunnel(ctx, area, visible[0]));
     case "treemap":
       return finish(spec.tree.length ? layoutTreemapTree(ctx, area, spec.series[0]) : layoutTreemap(ctx, area, visible[0]));
+    case "barrace":
+      return finish(layoutBarRace(ctx, area, options.raceFrame));
+    case "sankey":
+      if (!spec.links.length) {
+        ctx.warn("type-fallback", "A Sankey diagram needs flows (set_chart_links); it is drawn as a bar chart until then.");
+        return finish(layoutCartesian(ctx, area, visible));
+      }
+      return finish(layoutSankey(ctx, area, spec.series[0]));
     case "sunburst":
       return finish(layoutSunburst(ctx, area, spec.tree.length ? spec.series[0] : visible[0]));
     case "slope":
@@ -2588,9 +2759,9 @@ function layoutLegend(items, position, area, ctx, legendSelected) {
 function addReadout(ctx, readout, plot) {
   const { spec, marks, theme, fs, measure } = ctx;
   const series = spec.series.find((s) => s.id === readout.seriesId);
-  const value = _optionalChain([series, 'optionalAccess', _62 => _62.values, 'access', _63 => _63[readout.index]]);
+  const value = _optionalChain([series, 'optionalAccess', _71 => _71.values, 'access', _72 => _72[readout.index]]);
   if (!series || value === null || value === void 0) return;
-  const mark = marks.find((m) => (m.role === "point" || m.role === "bar") && _optionalChain([m, 'access', _64 => _64.target, 'optionalAccess', _65 => _65.kind]) === "point" && m.target.seriesId === readout.seriesId && m.target.index === readout.index);
+  const mark = marks.find((m) => (m.role === "point" || m.role === "bar") && _optionalChain([m, 'access', _73 => _73.target, 'optionalAccess', _74 => _74.kind]) === "point" && m.target.seriesId === readout.seriesId && m.target.index === readout.index);
   if (!mark) return;
   let ax;
   let ay;
@@ -2602,8 +2773,8 @@ function addReadout(ctx, readout, plot) {
     ay = mark.cy - mark.r;
   } else return;
   const axis = series.axis === "secondary" ? spec.yAxis2 : spec.yAxis;
-  const x = _optionalChain([series, 'access', _66 => _66.x, 'optionalAccess', _67 => _67[readout.index]]);
-  const text = x !== null && x !== void 0 && _chunkR3P2M7HUcjs.chartFamily.call(void 0, spec) === "xy" ? `${formatChartNumber(x, spec.xAxis.format)}, ${formatChartNumber(value, axis.format)}` : `${_nullishCoalesce(spec.categories[readout.index], () => ( ""))}: ${formatChartNumber(value, _nullishCoalesce(series.format, () => ( axis.format)))}`;
+  const x = _optionalChain([series, 'access', _75 => _75.x, 'optionalAccess', _76 => _76[readout.index]]);
+  const text = x !== null && x !== void 0 && _chunkBPX4Z3N3cjs.chartFamily.call(void 0, spec) === "xy" ? `${formatChartNumber(x, spec.xAxis.format)}, ${formatChartNumber(value, axis.format)}` : `${_nullishCoalesce(spec.categories[readout.index], () => ( ""))}: ${formatChartNumber(value, _nullishCoalesce(series.format, () => ( axis.format)))}`;
   const w = measure(text, fs, 600) + 10;
   const h = fs + 8;
   const bx = Math.max(plot.x, Math.min(plot.x + plot.width - w, ax - w / 2));
@@ -2652,7 +2823,7 @@ function chartXAtPoint(scene, point) {
   if (!scale) return void 0;
   return chartScaleFromPixel(point.x, scale);
 }
-function snapChartValue(scene, value, step, ticks = _nullishCoalesce(_optionalChain([scene, 'access', _68 => _68.valueScale, 'optionalAccess', _69 => _69.ticks]), () => ( [])), logBase) {
+function snapChartValue(scene, value, step, ticks = _nullishCoalesce(_optionalChain([scene, 'access', _77 => _77.valueScale, 'optionalAccess', _78 => _78.ticks]), () => ( [])), logBase) {
   if (logBase && step === void 0) return value > 0 && Number.isFinite(value) ? Number(value.toPrecision(2)) : value;
   const unit = _nullishCoalesce(step, () => ( (ticks.length > 1 ? (ticks[1] - ticks[0]) / 10 : 1)));
   if (!(unit > 0)) return value;
@@ -2700,4 +2871,7 @@ function snapChartValue(scene, value, step, ticks = _nullishCoalesce(_optionalCh
 
 
 
-exports.parseChartDate = parseChartDate; exports.CHART_DATE_STEPS = CHART_DATE_STEPS; exports.formatChartDate = formatChartDate; exports.chartDateLabels = chartDateLabels; exports.compileChartFormatCode = compileChartFormatCode; exports.formatChartValueWithCode = formatChartValueWithCode; exports.chartSerialToDate = chartSerialToDate; exports.chartDateToSerial = chartDateToSerial; exports.niceStep = niceStep; exports.niceScale = niceScale; exports.stepDecimals = stepDecimals; exports.formatChartNumber = formatChartNumber; exports.linearMap = linearMap; exports.niceLogScale = niceLogScale; exports.chartScaleToPixel = chartScaleToPixel; exports.chartScaleFromPixel = chartScaleFromPixel; exports.estimateChartTextWidth = estimateChartTextWidth; exports.sameChartSelection = sameChartSelection; exports.contrastingTextColor = contrastingTextColor; exports.r2 = r2; exports.chartHistogram = chartHistogram; exports.chartQuantile = chartQuantile; exports.suggestChartReferences = suggestChartReferences; exports.chartBoxStats = chartBoxStats; exports.chartSquarify = chartSquarify; exports.decimateChartPoints = decimateChartPoints; exports.summarizeChartSeries = summarizeChartSeries; exports.fitChartTrendline = fitChartTrendline; exports.trendNumberText = trendNumberText; exports.chartMovingAverage = chartMovingAverage; exports.chartTrendlineName = chartTrendlineName; exports.chartSupportsTrendlines = chartSupportsTrendlines; exports.MAX_CHART_DATA_LABELS = MAX_CHART_DATA_LABELS; exports.MAX_CHART_LINE_POINTS = MAX_CHART_LINE_POINTS; exports.MAX_CHART_MARKERS = MAX_CHART_MARKERS; exports.layoutChart = layoutChart; exports.chartValueAtPoint = chartValueAtPoint; exports.chartXAtPoint = chartXAtPoint; exports.snapChartValue = snapChartValue;
+
+
+
+exports.parseChartDate = parseChartDate; exports.CHART_DATE_STEPS = CHART_DATE_STEPS; exports.formatChartDate = formatChartDate; exports.chartDateLabels = chartDateLabels; exports.compileChartFormatCode = compileChartFormatCode; exports.formatChartValueWithCode = formatChartValueWithCode; exports.chartSerialToDate = chartSerialToDate; exports.chartDateToSerial = chartDateToSerial; exports.niceStep = niceStep; exports.niceScale = niceScale; exports.stepDecimals = stepDecimals; exports.formatChartNumber = formatChartNumber; exports.linearMap = linearMap; exports.niceLogScale = niceLogScale; exports.chartScaleToPixel = chartScaleToPixel; exports.chartScaleFromPixel = chartScaleFromPixel; exports.estimateChartTextWidth = estimateChartTextWidth; exports.sameChartSelection = sameChartSelection; exports.contrastingTextColor = contrastingTextColor; exports.r2 = r2; exports.chartHistogram = chartHistogram; exports.chartQuantile = chartQuantile; exports.suggestChartReferences = suggestChartReferences; exports.chartBoxStats = chartBoxStats; exports.chartSquarify = chartSquarify; exports.decimateChartPoints = decimateChartPoints; exports.summarizeChartSeries = summarizeChartSeries; exports.fitChartTrendline = fitChartTrendline; exports.trendNumberText = trendNumberText; exports.chartMovingAverage = chartMovingAverage; exports.chartTrendlineName = chartTrendlineName; exports.chartSupportsTrendlines = chartSupportsTrendlines; exports.MAX_CHART_DATA_LABELS = MAX_CHART_DATA_LABELS; exports.MAX_CHART_LINE_POINTS = MAX_CHART_LINE_POINTS; exports.MAX_CHART_MARKERS = MAX_CHART_MARKERS; exports.chartRaceValueAt = chartRaceValueAt; exports.chartRaceMoment = chartRaceMoment; exports.chartRaceRanking = chartRaceRanking; exports.layoutChart = layoutChart; exports.chartValueAtPoint = chartValueAtPoint; exports.chartXAtPoint = chartXAtPoint; exports.snapChartValue = snapChartValue;