@pixerate/editor 0.165.0 → 0.167.0

package/dist/{chunk-IMRXC7OA.cjs → chunk-2F4GAZL5.cjs}

@@ -11,10 +11,10 @@ var _chunkTTCJPX4Ucjs = require('./chunk-TTCJPX4U.cjs');
 
 
 
-var _chunkQO2T6KA5cjs = require('./chunk-QO2T6KA5.cjs');
 
 
 
+var _chunkWOIXNDHVcjs = require('./chunk-WOIXNDHV.cjs');
 
 
 
@@ -44,7 +44,10 @@ var _chunkQO2T6KA5cjs = require('./chunk-QO2T6KA5.cjs');
 
 
 
-var _chunkUVXTOZ2Bcjs = require('./chunk-UVXTOZ2B.cjs');
+
+
+
+var _chunkOUO3DSRTcjs = require('./chunk-OUO3DSRT.cjs');
 
 
 
@@ -83,7 +86,7 @@ var csvField = (text) => /[",\n]|^\s|\s$/.test(text) ? `"${text.replace(/"/g, '"
 var treemapName = (name) => !name.includes('"') ? `"${name}"` : !name.includes("'") ? `'${name}'` : `"${name.replace(/"/g, "'")}"`;
 var yamlText = (text) => /^[\w][\w .,!?()/&+-]*$/.test(text) && !/:\s/.test(text) ? text : JSON.stringify(text);
 function chartMermaidFamily(spec) {
-  const family = _chunkUVXTOZ2Bcjs.chartFamily.call(void 0, spec);
+  const family = _chunkOUO3DSRTcjs.chartFamily.call(void 0, spec);
   if (family === "sankey" && _optionalChain([spec, 'access', _2 => _2.links, 'optionalAccess', _3 => _3.length])) return "sankey";
   if (family === "treemap" || family === "sunburst") return "treemap";
   if (family === "pie" || family === "funnel" || family === "parliament") return "pie";
@@ -136,7 +139,7 @@ function chartToMermaid(spec, options = {}) {
     lines.push("treemap-beta");
     if (spec.title) lines.push(`title ${spec.title}`);
     const first = _nullishCoalesce(visible[0], () => ( spec.series[0]));
-    const tree = spec.tree.length ? spec.tree : _chunkUVXTOZ2Bcjs.chartTreeFromSeries.call(void 0, spec.categories, _nullishCoalesce(_optionalChain([first, 'optionalAccess', _4 => _4.values]), () => ( [])));
+    const tree = spec.tree.length ? spec.tree : _chunkOUO3DSRTcjs.chartTreeFromSeries.call(void 0, spec.categories, _nullishCoalesce(_optionalChain([first, 'optionalAccess', _4 => _4.values]), () => ( [])));
     const write = (nodes, depth) => {
       for (const n of nodes) {
         const pad = ind.repeat(depth);
@@ -271,8 +274,8 @@ function chartFromMermaid(text, options = {}) {
   let title = _nullishCoalesce(frontTitle, () => ( ""));
   const categories = [];
   const series = [];
-  const xAxis = _chunkUVXTOZ2Bcjs.defaultChartAxis.call(void 0, false);
-  const yAxis = _chunkUVXTOZ2Bcjs.defaultChartAxis.call(void 0, true);
+  const xAxis = _chunkOUO3DSRTcjs.defaultChartAxis.call(void 0, false);
+  const yAxis = _chunkOUO3DSRTcjs.defaultChartAxis.call(void 0, true);
   const radarAxes = [];
   const pieSlices = [];
   let legendShow = true;
@@ -434,7 +437,7 @@ function chartFromMermaid(text, options = {}) {
       input.series = metaSeries.map((extra, i) => ({ ..._nullishCoalesce(base[i], () => ( {})), ..._nullishCoalesce(extra, () => ( {})) }));
     }
   }
-  const { spec, issues: specIssues } = _chunkUVXTOZ2Bcjs.normalizeChartSpec.call(void 0, input);
+  const { spec, issues: specIssues } = _chunkOUO3DSRTcjs.normalizeChartSpec.call(void 0, input);
   if (!family && !partial && !issues.length) issues.push({ path: "header", message: "The text is empty: expected a chart header (xychart-beta, pie, radar-beta, sankey-beta or treemap-beta)." });
   return { spec, issues: [...issues, ...specIssues], family, hasMeta: !!meta };
 }
@@ -464,7 +467,7 @@ function readWholeMermaid(family, all, headerLine, partial, title, issues) {
   const tree = items.map(toNode);
   const leaf = (n) => !n.children;
   const flatOrOneLevel = tree.every(leaf) || tree.every((n) => _optionalChain([n, 'access', _18 => _18.children, 'optionalAccess', _19 => _19.every, 'call', _20 => _20(leaf)]));
-  return { type: flatOrOneLevel ? "treemap" : "sunburst", title: name, tree, categories: tree.map((n) => n.name), series: [{ id: "series-1", name: "Values", values: tree.map(_chunkUVXTOZ2Bcjs.chartTreeTotal) }] };
+  return { type: flatOrOneLevel ? "treemap" : "sunburst", title: name, tree, categories: tree.map((n) => n.name), series: [{ id: "series-1", name: "Values", values: tree.map(_chunkOUO3DSRTcjs.chartTreeTotal) }] };
 }
 function findMermaidCharts(text) {
   const lines = text.replace(/^/, "").split(/\r?\n/);
@@ -509,11 +512,11 @@ function findMermaidCharts(text) {
 }
 
 // src/chart/summary.ts
-function summarizeChart(spec, size = { width: 640, height: 400 }, scene = _chunkQO2T6KA5cjs.layoutChart.call(void 0, spec, { ...size, selection: null })) {
+function summarizeChart(spec, size = { width: 640, height: 400 }, scene = _chunkWOIXNDHVcjs.layoutChart.call(void 0, spec, { ...size, selection: null })) {
   const visible = spec.series.filter((s) => !s.hidden);
-  const series = visible.map((s) => _chunkQO2T6KA5cjs.summarizeChartSeries.call(void 0, s, spec.categories));
-  const colors = _chunkUVXTOZ2Bcjs.chartSpecColorsByCategory.call(void 0, spec) ? spec.categories.map((_, i) => _optionalChain([visible, 'access', _24 => _24[0], 'optionalAccess', _25 => _25.pointColors, 'optionalAccess', _26 => _26[i]]) || _chunkUVXTOZ2Bcjs.chartSliceColor.call(void 0, spec, i)) : visible.map((s) => _chunkUVXTOZ2Bcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s)));
-  const check = _chunkUVXTOZ2Bcjs.checkChartColors.call(void 0, colors, { surface: scene.theme.surface.startsWith("var(") ? "#ffffff" : scene.theme.surface });
+  const series = visible.map((s) => _chunkWOIXNDHVcjs.summarizeChartSeries.call(void 0, s, spec.categories));
+  const colors = _chunkOUO3DSRTcjs.chartSpecColorsByCategory.call(void 0, spec) ? spec.categories.map((_, i) => _optionalChain([visible, 'access', _24 => _24[0], 'optionalAccess', _25 => _25.pointColors, 'optionalAccess', _26 => _26[i]]) || _chunkOUO3DSRTcjs.chartSliceColor.call(void 0, spec, i)) : visible.map((s) => _chunkOUO3DSRTcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s)));
+  const check = _chunkOUO3DSRTcjs.checkChartColors.call(void 0, colors, { surface: scene.theme.surface.startsWith("var(") ? "#ffffff" : scene.theme.surface });
   const axis = (s, a) => s ? { min: s.domain[0], max: s.domain[1], ticks: [...s.ticks], ...s.logBase ? { logBase: s.logBase } : {}, ...a.reverse ? { reversed: true } : {} } : void 0;
   return {
     type: spec.type,
@@ -528,12 +531,12 @@ function summarizeChart(spec, size = { width: 640, height: 400 }, scene = _chunk
     description: describeChart(spec, series)
   };
 }
-function describeChart(spec, series = spec.series.filter((s) => !s.hidden).map((s) => _chunkQO2T6KA5cjs.summarizeChartSeries.call(void 0, s, spec.categories))) {
-  const kind = _chunkUVXTOZ2Bcjs.CHART_TYPE_LABELS[spec.type].toLowerCase();
+function describeChart(spec, series = spec.series.filter((s) => !s.hidden).map((s) => _chunkWOIXNDHVcjs.summarizeChartSeries.call(void 0, s, spec.categories))) {
+  const kind = _chunkOUO3DSRTcjs.CHART_TYPE_LABELS[spec.type].toLowerCase();
   const parts = [];
-  const family = _chunkUVXTOZ2Bcjs.chartFamily.call(void 0, spec);
+  const family = _chunkOUO3DSRTcjs.chartFamily.call(void 0, spec);
   const format = spec.yAxis.format;
-  const fmt = (v) => v === null ? "blank" : _chunkQO2T6KA5cjs.formatChartNumber.call(void 0, v, format);
+  const fmt = (v) => v === null ? "blank" : _chunkWOIXNDHVcjs.formatChartNumber.call(void 0, v, format);
   const head = spec.title ? `${spec.title}: a ${kind} chart` : `A ${kind} chart`;
   if (!series.length || series.every((s) => s.count === 0)) return `${head} with no data.`;
   if (family === "pie" || family === "funnel" || family === "treemap" || family === "sunburst") {
@@ -543,12 +546,28 @@ function describeChart(spec, series = spec.series.filter((s) => !s.hidden).map((
     parts.push(`${head} of ${s.name} across ${spec.categories.length} categories, totalling ${fmt(s.sum)}.`);
     parts.push(`The largest is ${s.maxAt} at ${fmt(s.max)}${share(s.max)}; the smallest is ${s.minAt} at ${fmt(s.min)}${share(s.min)}.`);
     if (spec.tree.length) {
-      const depth = _chunkUVXTOZ2Bcjs.chartTreeDepth.call(void 0, spec.tree);
-      const items = _chunkUVXTOZ2Bcjs.chartTreeToRows.call(void 0, spec.tree).length;
+      const depth = _chunkOUO3DSRTcjs.chartTreeDepth.call(void 0, spec.tree);
+      const items = _chunkOUO3DSRTcjs.chartTreeToRows.call(void 0, spec.tree).length;
       parts.push(`The data is grouped ${depth} level${depth === 1 ? "" : "s"} deep with ${items} item${items === 1 ? "" : "s"}.`);
     }
     return parts.join(" ");
   }
+  if (family === "choropleth") {
+    const s = spec.series.find((x) => !x.hidden);
+    const map = _chunkWOIXNDHVcjs.getChartMap.call(void 0, spec.map);
+    const matches = map ? _chunkWOIXNDHVcjs.matchChartMapRegions.call(void 0, map, spec.categories) : spec.categories.map(() => null);
+    const rows = spec.categories.flatMap((c, i) => matches[i] && s.values[i] !== null ? [{ name: matches[i].name, v: s.values[i] }] : []).sort((a, b) => b.v - a.v);
+    const missing = spec.categories.filter((_, i) => !matches[i]).length;
+    if (!rows.length) return `${head} of ${_nullishCoalesce(_optionalChain([map, 'optionalAccess', _27 => _27.name]), () => ( spec.map))} with no regions matched.`;
+    return `${head} of ${_nullishCoalesce(_optionalChain([map, 'optionalAccess', _28 => _28.name]), () => ( spec.map))} shading ${rows.length} region${rows.length === 1 ? "" : "s"} by ${s.name}: highest ${rows[0].name} (${fmt(rows[0].v)}), lowest ${rows[rows.length - 1].name} (${fmt(rows[rows.length - 1].v)}).${missing ? ` ${missing} categor${missing === 1 ? "y names" : "ies name"} no region.` : ""}`;
+  }
+  if (family === "barrace") {
+    const n = spec.categories.length;
+    const first = _chunkWOIXNDHVcjs.chartRaceRanking.call(void 0, spec, 0)[0];
+    const last = _chunkWOIXNDHVcjs.chartRaceRanking.call(void 0, spec, n - 1)[0];
+    const lead = (e, at) => e ? `${e.name} leads at ${at} with ${fmt(e.value)}` : "";
+    return `${head} of ${series.length} names over ${n} time points (${spec.categories[0]} to ${spec.categories[n - 1]}), showing the top ${Math.min(spec.raceTopN, series.length)}. ${lead(first, spec.categories[0])}; ${lead(last, spec.categories[n - 1])}.`;
+  }
   if (family === "sankey") {
     if (!spec.links.length) return `${head} with no flows yet.`;
     const total = spec.links.reduce((t, l) => t + l.value, 0);
@@ -563,7 +582,7 @@ function describeChart(spec, series = spec.series.filter((s) => !s.hidden).map((
     const total = seats.reduce((t, x) => t + x.n, 0);
     const majority = _nullishCoalesce(spec.parliamentMajority, () => ( Math.floor(total / 2) + 1));
     const largest = [...seats].sort((a, b) => b.n - a.n)[0];
-    const verdict = largest && largest.n >= majority ? `${largest.c} holds a majority with ${largest.n}` : `no group reaches the majority of ${majority}; the largest is ${_optionalChain([largest, 'optionalAccess', _27 => _27.c])} with ${_optionalChain([largest, 'optionalAccess', _28 => _28.n])}`;
+    const verdict = largest && largest.n >= majority ? `${largest.c} holds a majority with ${largest.n}` : `no group reaches the majority of ${majority}; the largest is ${_optionalChain([largest, 'optionalAccess', _29 => _29.c])} with ${_optionalChain([largest, 'optionalAccess', _30 => _30.n])}`;
     return `${head} of ${total} seats across ${seats.length} groups: ${verdict}.`;
   }
   if (family === "slope") {
@@ -586,7 +605,7 @@ function describeChart(spec, series = spec.series.filter((s) => !s.hidden).map((
     });
     const best = [...agree].sort((x, y) => y.share - x.share);
     const pct = (v) => `${Math.round(v * 100)}%`;
-    return `${head} of ${spec.categories.length} questions with ${answers.length} answers from ${_optionalChain([answers, 'access', _29 => _29[0], 'optionalAccess', _30 => _30.name])} to ${_optionalChain([answers, 'access', _31 => _31[answers.length - 1], 'optionalAccess', _32 => _32.name])}. Most positive: ${_optionalChain([best, 'access', _33 => _33[0], 'optionalAccess', _34 => _34.c])} (${pct(_nullishCoalesce(_optionalChain([best, 'access', _35 => _35[0], 'optionalAccess', _36 => _36.share]), () => ( 0)))}); least: ${_optionalChain([best, 'access', _37 => _37[best.length - 1], 'optionalAccess', _38 => _38.c])} (${pct(_nullishCoalesce(_optionalChain([best, 'access', _39 => _39[best.length - 1], 'optionalAccess', _40 => _40.share]), () => ( 0)))}).`;
+    return `${head} of ${spec.categories.length} questions with ${answers.length} answers from ${_optionalChain([answers, 'access', _31 => _31[0], 'optionalAccess', _32 => _32.name])} to ${_optionalChain([answers, 'access', _33 => _33[answers.length - 1], 'optionalAccess', _34 => _34.name])}. Most positive: ${_optionalChain([best, 'access', _35 => _35[0], 'optionalAccess', _36 => _36.c])} (${pct(_nullishCoalesce(_optionalChain([best, 'access', _37 => _37[0], 'optionalAccess', _38 => _38.share]), () => ( 0)))}); least: ${_optionalChain([best, 'access', _39 => _39[best.length - 1], 'optionalAccess', _40 => _40.c])} (${pct(_nullishCoalesce(_optionalChain([best, 'access', _41 => _41[best.length - 1], 'optionalAccess', _42 => _42.share]), () => ( 0)))}).`;
   }
   if (family === "waterfall") {
     const s = spec.series.find((x) => !x.hidden);
@@ -625,7 +644,7 @@ function describeChart(spec, series = spec.series.filter((s) => !s.hidden).map((
   }
   parts.push(...axes);
   for (const s of spec.series.filter((x) => !x.hidden && (x.errorBars || x.xErrorBars)).slice(0, 8)) {
-    const bars = [s.errorBars ? _chunkUVXTOZ2Bcjs.describeChartErrorBars.call(void 0, s.errorBars) : "", s.xErrorBars ? `x ${_chunkUVXTOZ2Bcjs.describeChartErrorBars.call(void 0, s.xErrorBars)}` : ""].filter(Boolean).join(" and ");
+    const bars = [s.errorBars ? _chunkOUO3DSRTcjs.describeChartErrorBars.call(void 0, s.errorBars) : "", s.xErrorBars ? `x ${_chunkOUO3DSRTcjs.describeChartErrorBars.call(void 0, s.xErrorBars)}` : ""].filter(Boolean).join(" and ");
     parts.push(`${s.name} has ${bars}.`);
   }
   return parts.join(" ");
@@ -690,7 +709,7 @@ function chartSceneToSvg(scene, options = {}) {
   return `<svg xmlns="http://www.w3.org/2000/svg" width="${scene.width}" height="${scene.height}" viewBox="0 0 ${scene.width} ${scene.height}" role="img"${label ? ` aria-label="${escape(label)}"` : ""}${labelled ? ` aria-labelledby="${labelled}"` : ""}>${head}${body}</svg>`;
 }
 function chartToSvg(spec, options) {
-  const scene = _chunkQO2T6KA5cjs.layoutChart.call(void 0, spec, { ...options, selection: null });
+  const scene = _chunkWOIXNDHVcjs.layoutChart.call(void 0, spec, { ...options, selection: null });
   return chartSceneToSvg(scene, { ...options, ariaLabel: _nullishCoalesce(options.ariaLabel, () => ( (spec.title || void 0))), description: _nullishCoalesce(options.description, () => ( describeChart(spec))) });
 }
 var SVG_NS = "http://www.w3.org/2000/svg";
@@ -728,10 +747,10 @@ var CHART_LAYOUT_PRESETS = [
 ];
 function monochromeChartPalette(base, count = 6) {
   const steps = count <= 1 ? [0] : Array.from({ length: count }, (_, i) => -0.45 + 1.05 * i / (count - 1));
-  return steps.map((t) => _chunkUVXTOZ2Bcjs.shadeChartColor.call(void 0, base, t));
+  return steps.map((t) => _chunkOUO3DSRTcjs.shadeChartColor.call(void 0, base, t));
 }
 var CHART_COLOR_SCHEMES = [
-  { id: "default", label: "Default", description: "Ten distinct colours, readable on light and dark backgrounds.", palette: _chunkUVXTOZ2Bcjs.DEFAULT_CHART_PALETTE },
+  { id: "default", label: "Default", description: "Ten distinct colours, readable on light and dark backgrounds.", palette: _chunkOUO3DSRTcjs.DEFAULT_CHART_PALETTE },
   { id: "okabe-ito", label: "Okabe\u2013Ito", description: "Eight colours chosen to stay distinct with colour-blindness.", palette: ["#e69f00", "#56b4e9", "#009e73", "#f0e442", "#0072b2", "#d55e00", "#cc79a7", "#000000"] },
   { id: "office", label: "Office", description: "The six accent colours of the default Office theme.", palette: ["#4472c4", "#ed7d31", "#a5a5a5", "#ffc000", "#5b9bd5", "#70ad47"] },
   { id: "warm", label: "Warm", description: "Reds, oranges and yellows.", palette: ["#b2182b", "#d6604d", "#f4a582", "#e08214", "#fdb863", "#8c510a"] },
@@ -759,7 +778,7 @@ function chartPresetPatch(options) {
 
 // src/chart/controller.ts
 function pointLists(s) {
-  const lists = [s.values, s.x, s.sizes, s.pointColors, s.callouts, _optionalChain([s, 'access', _41 => _41.errorBars, 'optionalAccess', _42 => _42.plus]), _optionalChain([s, 'access', _43 => _43.errorBars, 'optionalAccess', _44 => _44.minus]), _optionalChain([s, 'access', _45 => _45.xErrorBars, 'optionalAccess', _46 => _46.plus]), _optionalChain([s, 'access', _47 => _47.xErrorBars, 'optionalAccess', _48 => _48.minus])];
+  const lists = [s.values, s.x, s.sizes, s.pointColors, s.callouts, _optionalChain([s, 'access', _43 => _43.errorBars, 'optionalAccess', _44 => _44.plus]), _optionalChain([s, 'access', _45 => _45.errorBars, 'optionalAccess', _46 => _46.minus]), _optionalChain([s, 'access', _47 => _47.xErrorBars, 'optionalAccess', _48 => _48.plus]), _optionalChain([s, 'access', _49 => _49.xErrorBars, 'optionalAccess', _50 => _50.minus])];
   return lists.filter((l) => Array.isArray(l));
 }
 function sameChartJson(a, b) {
@@ -776,6 +795,17 @@ function sameChartJson(a, b) {
   if (keys.length !== Object.keys(bo).filter((k) => bo[k] !== void 0).length) return false;
   return keys.every((k) => Object.prototype.hasOwnProperty.call(bo, k) && sameChartJson(ao[k], bo[k]));
 }
+var defaultRaceTicker = {
+  now: () => typeof performance !== "undefined" ? performance.now() : Date.now(),
+  next: (step) => {
+    if (typeof requestAnimationFrame === "function") {
+      const id2 = requestAnimationFrame(() => step());
+      return () => cancelAnimationFrame(id2);
+    }
+    const id = setTimeout(step, 16);
+    return () => clearTimeout(id);
+  }
+};
 var fail = (message, issues) => ({ ok: false, message, ...issues ? { issues } : {} });
 var ChartController = (_class = class {
   
@@ -788,20 +818,24 @@ var ChartController = (_class = class {
   __init6() {this.revision = 0}
   __init7() {this.applying = false}
   
-  __init8() {this.listeners = /* @__PURE__ */ new Set()}
+  
+  __init8() {this.raceFrame = null}
+  __init9() {this.raceStop = null}
+  __init10() {this.listeners = /* @__PURE__ */ new Set()}
   
   
-  constructor(options = {}) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);_class.prototype.__init9.call(this);_class.prototype.__init10.call(this);
+  constructor(options = {}) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);_class.prototype.__init9.call(this);_class.prototype.__init10.call(this);_class.prototype.__init11.call(this);_class.prototype.__init12.call(this);
     this.history = _nullishCoalesce(options.history, () => ( new (0, _chunkFJ2MSI43cjs.HistoryManager)()));
     this.onChange = options.onChange;
-    const { spec, issues } = _chunkUVXTOZ2Bcjs.normalizeChartSpec.call(void 0, _nullishCoalesce(options.spec, () => ( {})));
+    this.raceTicker = _nullishCoalesce(options.raceTicker, () => ( defaultRaceTicker));
+    const { spec, issues } = _chunkOUO3DSRTcjs.normalizeChartSpec.call(void 0, _nullishCoalesce(options.spec, () => ( {})));
     this.spec = spec;
     this.issues = issues;
     this.state = this.computeState();
     this.connect();
   }
   connect() {
-    _optionalChain([this, 'access', _49 => _49.unsubscribeHistory, 'optionalCall', _50 => _50()]);
+    _optionalChain([this, 'access', _51 => _51.unsubscribeHistory, 'optionalCall', _52 => _52()]);
     this.unsubscribeHistory = this.history.subscribe((h) => {
       const s = this.state;
       if (this.applying || s.canUndo === h.canUndo && s.canRedo === h.canRedo && s.undoLabel === h.undoName && s.redoLabel === h.redoName) return;
@@ -812,9 +846,9 @@ var ChartController = (_class = class {
   // State
   // -------------------------------------------------------------------------
   /** The current snapshot (stable until the next change). */
-  __init9() {this.getState = () => this.state}
+  __init11() {this.getState = () => this.state}
   /** Calls `listener` after every change. Returns an unsubscribe function. */
-  __init10() {this.subscribe = (listener) => {
+  __init12() {this.subscribe = (listener) => {
     if (!this.unsubscribeHistory) this.connect();
     this.listeners.add(listener);
     return () => {
@@ -831,25 +865,27 @@ var ChartController = (_class = class {
   computeState() {
     const h = this.history.getState();
     const sel = this.selection;
-    const seriesId = _optionalChain([sel, 'optionalAccess', _51 => _51.kind]) === "series" || _optionalChain([sel, 'optionalAccess', _52 => _52.kind]) === "point" || _optionalChain([sel, 'optionalAccess', _53 => _53.kind]) === "trendline" ? sel.seriesId : null;
+    const seriesId = _optionalChain([sel, 'optionalAccess', _53 => _53.kind]) === "series" || _optionalChain([sel, 'optionalAccess', _54 => _54.kind]) === "point" || _optionalChain([sel, 'optionalAccess', _55 => _55.kind]) === "trendline" ? sel.seriesId : null;
     return {
       spec: this.spec,
       selection: sel,
       selectedSeries: seriesId ? _nullishCoalesce(this.spec.series.find((s) => s.id === seriesId), () => ( null)) : null,
-      selectedIndex: _optionalChain([sel, 'optionalAccess', _54 => _54.kind]) === "point" || _optionalChain([sel, 'optionalAccess', _55 => _55.kind]) === "category" ? sel.index : null,
+      selectedIndex: _optionalChain([sel, 'optionalAccess', _56 => _56.kind]) === "point" || _optionalChain([sel, 'optionalAccess', _57 => _57.kind]) === "category" ? sel.index : null,
       issues: this.issues,
       gesture: this.gestureKey,
       canUndo: h.canUndo,
       canRedo: h.canRedo,
       undoLabel: h.undoName,
       redoLabel: h.redoName,
+      raceFrame: this.raceFrame === null ? null : Math.min(this.raceFrame, Math.max(0, this.spec.categories.length - 1)),
+      racePlaying: this.raceStop !== null,
       revision: this.revision
     };
   }
   notify(specChanged) {
     this.revision++;
     this.state = this.computeState();
-    if (specChanged) _optionalChain([this, 'access', _56 => _56.onChange, 'optionalCall', _57 => _57(this.spec)]);
+    if (specChanged) _optionalChain([this, 'access', _58 => _58.onChange, 'optionalCall', _59 => _59(this.spec)]);
     const state = this.state;
     this.listeners.forEach((listener) => {
       try {
@@ -873,7 +909,7 @@ var ChartController = (_class = class {
       case "category":
         return sel.index < spec.categories.length ? sel : null;
       case "trendline":
-        return _optionalChain([spec, 'access', _58 => _58.series, 'access', _59 => _59.find, 'call', _60 => _60((s) => s.id === sel.seriesId), 'optionalAccess', _61 => _61.trendlines, 'optionalAccess', _62 => _62[sel.index]]) ? sel : null;
+        return _optionalChain([spec, 'access', _60 => _60.series, 'access', _61 => _61.find, 'call', _62 => _62((s) => s.id === sel.seriesId), 'optionalAccess', _63 => _63.trendlines, 'optionalAccess', _64 => _64[sel.index]]) ? sel : null;
       case "title":
         return spec.title ? sel : null;
       case "subtitle":
@@ -897,7 +933,7 @@ var ChartController = (_class = class {
     const hadIssues = this.issues.length > 0;
     this.issues = [];
     if (sameChartJson(before, next)) {
-      const reselect = select !== void 0 && !_chunkQO2T6KA5cjs.sameChartSelection.call(void 0, this.selection, select) && !(select === null && this.selection === null);
+      const reselect = select !== void 0 && !_chunkWOIXNDHVcjs.sameChartSelection.call(void 0, this.selection, select) && !(select === null && this.selection === null);
       if (reselect) this.selection = select;
       if (reselect || hadIssues) this.notify(false);
       return;
@@ -920,7 +956,7 @@ var ChartController = (_class = class {
   }
   /** A copy of the spec with `edit` applied (series and categories copied as needed). */
   edited(edit) {
-    const draft = _chunkUVXTOZ2Bcjs.cloneChartSpec.call(void 0, this.spec);
+    const draft = _chunkOUO3DSRTcjs.cloneChartSpec.call(void 0, this.spec);
     edit(draft);
     return draft;
   }
@@ -950,7 +986,7 @@ var ChartController = (_class = class {
       legend: patch.legend ? { ...s.legend, ...patch.legend } : s.legend,
       version: 1
     };
-    const { spec, issues } = _chunkUVXTOZ2Bcjs.normalizeChartSpec.call(void 0, merged);
+    const { spec, issues } = _chunkOUO3DSRTcjs.normalizeChartSpec.call(void 0, merged);
     if (issues.length) return this.reject(issues.map((i) => i.message).join(" "), issues);
     if (JSON.stringify(spec) === JSON.stringify(s)) return { ok: true };
     this.commit(_nullishCoalesce(options.label, () => ( updateLabel(patch))), spec);
@@ -1004,7 +1040,7 @@ var ChartController = (_class = class {
     const series = this.getSeries(seriesId);
     if (!series) return this.unknownSeries(seriesId);
     if (!Number.isInteger(index) || index < 0 || index >= this.spec.categories.length) return this.badIndex(index);
-    const parsed = _chunkUVXTOZ2Bcjs.parseChartValue.call(void 0, value);
+    const parsed = _chunkOUO3DSRTcjs.parseChartValue.call(void 0, value);
     if (parsed === void 0) return this.reject(`"${String(value)}" is not a number; enter a number or leave the cell blank.`, [{ path: `${seriesId}[${index}]`, message: `"${String(value)}" is not a number.` }]);
     if (series.values[index] === parsed) {
       if (this.issues.length) {
@@ -1029,7 +1065,7 @@ var ChartController = (_class = class {
       if (!this.getSeries(cell.seriesId)) issues.push({ path: cell.seriesId, message: this.unknownSeries(cell.seriesId).message });
       else if (!Number.isInteger(cell.index) || cell.index < 0 || cell.index >= this.spec.categories.length) issues.push({ path: `${cell.seriesId}[${cell.index}]`, message: this.badIndex(cell.index).message });
       else {
-        const value = _chunkUVXTOZ2Bcjs.parseChartValue.call(void 0, cell.value);
+        const value = _chunkOUO3DSRTcjs.parseChartValue.call(void 0, cell.value);
         if (value === void 0) issues.push({ path: `${cell.seriesId}[${cell.index}]`, message: `"${String(cell.value)}" is not a number.` });
         else parsed.push({ seriesId: cell.seriesId, index: cell.index, value });
       }
@@ -1043,12 +1079,12 @@ var ChartController = (_class = class {
   }
   /** Adds a series (values padded to the categories) and selects it. Returns its id. */
   addSeries(input = {}, options = {}) {
-    const id = input.id && !this.getSeries(input.id) ? input.id : _chunkUVXTOZ2Bcjs.uniqueChartSeriesId.call(void 0, this.spec.series);
+    const id = input.id && !this.getSeries(input.id) ? input.id : _chunkOUO3DSRTcjs.uniqueChartSeriesId.call(void 0, this.spec.series);
     const name = _nullishCoalesce(input.name, () => ( `Series ${this.spec.series.length + 1}`));
     const at = Math.max(0, Math.min(this.spec.series.length, _nullishCoalesce(options.at, () => ( this.spec.series.length))));
     const series = [...this.spec.series];
     series.splice(at, 0, { ...input, id, name, values: _nullishCoalesce(input.values, () => ( [])) });
-    const { spec, issues } = _chunkUVXTOZ2Bcjs.normalizeChartSpec.call(void 0, { ...this.spec, series });
+    const { spec, issues } = _chunkOUO3DSRTcjs.normalizeChartSpec.call(void 0, { ...this.spec, series });
     if (issues.length) return this.reject(issues.map((i) => i.message).join(" "), issues);
     this.commit(`Add series "${name}"`, spec, { kind: "series", seriesId: id });
     return { ok: true, id };
@@ -1068,7 +1104,7 @@ var ChartController = (_class = class {
   updateSeries(id, patch) {
     const series = this.getSeries(id);
     if (!series) return this.unknownSeries(id);
-    const next = _chunkUVXTOZ2Bcjs.cloneChartSeries.call(void 0, series);
+    const next = _chunkOUO3DSRTcjs.cloneChartSeries.call(void 0, series);
     if (patch.name !== void 0) next.name = String(patch.name);
     if (patch.color === null || patch.color === "") delete next.color;
     else if (patch.color !== void 0) next.color = patch.color;
@@ -1088,7 +1124,7 @@ var ChartController = (_class = class {
     const series2 = this.spec.series.map((s) => s.id === id ? next : s);
     const renamed = next.name !== series.name && this.spec.highlight.includes(series.name) && !this.spec.categories.includes(series.name);
     const highlight = renamed ? this.spec.highlight.map((h) => h === series.name ? next.name : h) : this.spec.highlight;
-    const { spec, issues } = _chunkUVXTOZ2Bcjs.normalizeChartSpec.call(void 0, { ...this.spec, series: series2, highlight });
+    const { spec, issues } = _chunkOUO3DSRTcjs.normalizeChartSpec.call(void 0, { ...this.spec, series: series2, highlight });
     if (issues.length) return this.reject(issues.map((i) => i.message).join(" "), issues);
     if (JSON.stringify(spec.series) === JSON.stringify(this.spec.series)) return { ok: true };
     const label = patch.hidden !== void 0 && Object.keys(patch).length === 1 ? `${patch.hidden ? "Hide" : "Show"} "${series.name}"` : patch.name !== void 0 && Object.keys(patch).length === 1 ? "Rename series" : `Change series "${series.name}"`;
@@ -1194,7 +1230,7 @@ var ChartController = (_class = class {
       const width = Math.max(...rows.map((r) => r.length));
       const lastSeries = column + width - 1;
       while (d.series.length <= lastSeries) {
-        const id = _chunkUVXTOZ2Bcjs.uniqueChartSeriesId.call(void 0, d.series);
+        const id = _chunkOUO3DSRTcjs.uniqueChartSeriesId.call(void 0, d.series);
         d.series.push({ id, name: `Series ${d.series.length + 1}`, values: d.categories.map(() => null) });
       }
       const lastRow = row + rows.length - 1;
@@ -1208,7 +1244,7 @@ var ChartController = (_class = class {
           const index = row + r;
           if (col < 0) d.categories[index] = cell === null || cell === void 0 ? "" : String(cell).trim();
           else {
-            const parsed = _chunkUVXTOZ2Bcjs.parseChartValue.call(void 0, cell);
+            const parsed = _chunkOUO3DSRTcjs.parseChartValue.call(void 0, cell);
             if (parsed === void 0) issues.push({ path: `${d.series[col].id}[${index}]`, message: `"${String(cell)}" is not a number; it was left blank.` });
             d.series[col].values[index] = _nullishCoalesce(parsed, () => ( null));
           }
@@ -1227,14 +1263,14 @@ var ChartController = (_class = class {
    * colours and types are kept by name.
    */
   importTable(rows, options = {}) {
-    const data = _chunkUVXTOZ2Bcjs.chartDataFromTable.call(void 0, rows, options);
+    const data = _chunkOUO3DSRTcjs.chartDataFromTable.call(void 0, rows, options);
     if (!data.categories.length || !data.series.length) return this.reject("There is no data to import: expected a header row and at least one row of values.");
     const byName = new Map(this.spec.series.map((s) => [s.name, s]));
     const series = data.series.map((s) => {
       const old = byName.get(s.name);
-      return { ...s, ..._optionalChain([old, 'optionalAccess', _63 => _63.color]) ? { color: old.color } : {}, ..._optionalChain([old, 'optionalAccess', _64 => _64.type]) ? { type: old.type } : {}, ...old ? { id: old.id } : {} };
+      return { ...s, ..._optionalChain([old, 'optionalAccess', _65 => _65.color]) ? { color: old.color } : {}, ..._optionalChain([old, 'optionalAccess', _66 => _66.type]) ? { type: old.type } : {}, ...old ? { id: old.id } : {} };
     });
-    const { spec } = _chunkUVXTOZ2Bcjs.normalizeChartSpec.call(void 0, { ...this.spec, categories: data.categories, series, tree: [], links: [] });
+    const { spec } = _chunkOUO3DSRTcjs.normalizeChartSpec.call(void 0, { ...this.spec, categories: data.categories, series, tree: [], links: [] });
     this.commit("Import data", spec);
     if (data.issues.length) {
       this.issues = data.issues;
@@ -1265,7 +1301,7 @@ var ChartController = (_class = class {
   /** Replaces the grouped data (an empty list goes back to the table, keeping the totals as values). One undo step. */
   setTree(tree, options = {}) {
     const issues = [];
-    const next = _chunkUVXTOZ2Bcjs.normalizeChartTree.call(void 0, tree, issues);
+    const next = _chunkOUO3DSRTcjs.normalizeChartTree.call(void 0, tree, issues);
     if (issues.length) return this.reject(issues.map((i) => i.message).join(" "), issues);
     return this.update({ tree: next, links: [] }, { label: _nullishCoalesce(options.label, () => ( (next.length ? "Replace grouped data" : "Ungroup data"))) });
   }
@@ -1275,12 +1311,12 @@ var ChartController = (_class = class {
    */
   setTreeRows(rows, options = {}) {
     const issues = [];
-    const next = _chunkUVXTOZ2Bcjs.chartTreeFromRows.call(void 0, rows, issues);
+    const next = _chunkOUO3DSRTcjs.chartTreeFromRows.call(void 0, rows, issues);
     if (issues.length) return this.reject(issues.map((i) => i.message).join(" "), issues);
     const keepColors = (list, prefix) => {
       for (const n of list) {
-        const old = _chunkUVXTOZ2Bcjs.findChartTreeNode.call(void 0, this.spec.tree, [...prefix, n.name]);
-        if (_optionalChain([old, 'optionalAccess', _65 => _65.color])) n.color = old.color;
+        const old = _chunkOUO3DSRTcjs.findChartTreeNode.call(void 0, this.spec.tree, [...prefix, n.name]);
+        if (_optionalChain([old, 'optionalAccess', _67 => _67.color])) n.color = old.color;
         if (n.children) keepColors(n.children, [...prefix, n.name]);
       }
     };
@@ -1290,16 +1326,16 @@ var ChartController = (_class = class {
   /** Replaces the data with a table of names and values (group, …, item, value); see `chartTreeFromTable`. */
   importTreeTable(rows, options = {}) {
     const issues = [];
-    const next = _chunkUVXTOZ2Bcjs.chartTreeFromTable.call(void 0, rows, options, issues);
+    const next = _chunkOUO3DSRTcjs.chartTreeFromTable.call(void 0, rows, options, issues);
     if (issues.length) return this.reject(issues.map((i) => i.message).join(" "), issues);
     if (!next.length) return this.reject('There is no grouped data to import: expected rows of names followed by a value, e.g. "Europe,France,40".');
     return this.update({ tree: next, links: [] }, { label: "Import grouped data" });
   }
   nodeAt(path) {
-    const node = _chunkUVXTOZ2Bcjs.findChartTreeNode.call(void 0, this.spec.tree, path);
+    const node = _chunkOUO3DSRTcjs.findChartTreeNode.call(void 0, this.spec.tree, path);
     if (node) return node;
-    const known = path.length > 1 ? _chunkUVXTOZ2Bcjs.findChartTreeNode.call(void 0, this.spec.tree, path.slice(0, -1)) : null;
-    const siblings = _nullishCoalesce((path.length > 1 ? _optionalChain([known, 'optionalAccess', _66 => _66.children]) : this.spec.tree), () => ( []));
+    const known = path.length > 1 ? _chunkOUO3DSRTcjs.findChartTreeNode.call(void 0, this.spec.tree, path.slice(0, -1)) : null;
+    const siblings = _nullishCoalesce((path.length > 1 ? _optionalChain([known, 'optionalAccess', _68 => _68.children]) : this.spec.tree), () => ( []));
     return fail(
       `There is no node ${JSON.stringify(path)}. ${siblings.length ? `${path.length > 1 && known ? `"${known.name}" contains` : "The top level has"} ${siblings.map((n) => `"${n.name}"`).slice(0, 20).join(", ")}.` : "The chart has no grouped data yet; add nodes with add_chart_tree_node or set_chart_tree."}`
     );
@@ -1314,12 +1350,12 @@ var ChartController = (_class = class {
       siblings = group.children;
     }
     const issues = [];
-    const [node] = _chunkUVXTOZ2Bcjs.normalizeChartTree.call(void 0, [input], issues, "node");
+    const [node] = _chunkOUO3DSRTcjs.normalizeChartTree.call(void 0, [input], issues, "node");
     if (!node || issues.length) return this.reject(issues.map((i) => i.message).join(" ") || "The node is not valid.", issues);
     if (siblings.some((n) => n.name === node.name)) return this.reject(`"${node.name}" is already there; names under one group must be unique.`);
     const at = Math.max(0, Math.min(siblings.length, _nullishCoalesce(options.at, () => ( siblings.length))));
-    const tree = _chunkUVXTOZ2Bcjs.cloneChartTree.call(void 0, this.spec.tree);
-    const list = parent.length ? _chunkUVXTOZ2Bcjs.findChartTreeNode.call(void 0, tree, parent).children : tree;
+    const tree = _chunkOUO3DSRTcjs.cloneChartTree.call(void 0, this.spec.tree);
+    const list = parent.length ? _chunkOUO3DSRTcjs.findChartTreeNode.call(void 0, tree, parent).children : tree;
     list.splice(at, 0, node);
     const result = this.update({ tree }, { label: `Add "${node.name}"` });
     if (!result.ok) return result;
@@ -1331,16 +1367,16 @@ var ChartController = (_class = class {
     if ("ok" in node) return node;
     if (patch.value !== void 0 && node.children) return this.reject(`"${node.name}" is a group: its value is the sum of its items. Change the items instead.`);
     const name = patch.name !== void 0 ? String(patch.name).trim() : node.name;
-    const siblings = (path.length > 1 ? _chunkUVXTOZ2Bcjs.findChartTreeNode.call(void 0, this.spec.tree, path.slice(0, -1)).children : this.spec.tree).filter((n) => n !== node);
+    const siblings = (path.length > 1 ? _chunkOUO3DSRTcjs.findChartTreeNode.call(void 0, this.spec.tree, path.slice(0, -1)).children : this.spec.tree).filter((n) => n !== node);
     if (siblings.some((n) => n.name === name)) return this.reject(`There is already a "${name}" next to "${node.name}"; names under one group must be unique.`);
-    const tree = _chunkUVXTOZ2Bcjs.cloneChartTree.call(void 0, this.spec.tree);
-    const target = _chunkUVXTOZ2Bcjs.findChartTreeNode.call(void 0, tree, path);
+    const tree = _chunkOUO3DSRTcjs.cloneChartTree.call(void 0, this.spec.tree);
+    const target = _chunkOUO3DSRTcjs.findChartTreeNode.call(void 0, tree, path);
     const merged = { ...target, name };
     if (patch.value !== void 0) merged.value = patch.value;
     if (patch.color === null) delete merged.color;
     else if (patch.color !== void 0) merged.color = patch.color;
     const issues = [];
-    const [checked] = _chunkUVXTOZ2Bcjs.normalizeChartTree.call(void 0, [merged], issues, "node");
+    const [checked] = _chunkOUO3DSRTcjs.normalizeChartTree.call(void 0, [merged], issues, "node");
     if (!checked || issues.length) return this.reject(issues.map((i) => i.message).join(" "), issues);
     Object.assign(target, checked);
     if (patch.color === null) delete target.color;
@@ -1352,8 +1388,8 @@ var ChartController = (_class = class {
   removeTreeNode(path) {
     const node = this.nodeAt(path);
     if ("ok" in node) return node;
-    const tree = _chunkUVXTOZ2Bcjs.cloneChartTree.call(void 0, this.spec.tree);
-    const parent = path.length > 1 ? _chunkUVXTOZ2Bcjs.findChartTreeNode.call(void 0, tree, path.slice(0, -1)) : null;
+    const tree = _chunkOUO3DSRTcjs.cloneChartTree.call(void 0, this.spec.tree);
+    const parent = path.length > 1 ? _chunkOUO3DSRTcjs.findChartTreeNode.call(void 0, tree, path.slice(0, -1)) : null;
     const list = parent ? parent.children : tree;
     list.splice(
       list.findIndex((n) => n.name === node.name),
@@ -1374,7 +1410,7 @@ var ChartController = (_class = class {
    */
   setLinks(links, options = {}) {
     const issues = [];
-    const next = _chunkUVXTOZ2Bcjs.normalizeChartLinks.call(void 0, links, issues);
+    const next = _chunkOUO3DSRTcjs.normalizeChartLinks.call(void 0, links, issues);
     if (issues.length) return this.reject(issues.map((i) => i.message).join(" "), issues);
     const used = new Set(next.flatMap((l) => [l.source, l.target]));
     const sankeyNodes = options.nodes ? [...options.nodes] : this.spec.sankeyNodes.filter((n) => used.has(n));
@@ -1382,7 +1418,7 @@ var ChartController = (_class = class {
   }
   /** Replaces the data with flows from a table of source, target and value columns. */
   importLinksTable(rows, options = {}) {
-    const raw = _chunkUVXTOZ2Bcjs.chartLinksFromTable.call(void 0, rows, options);
+    const raw = _chunkOUO3DSRTcjs.chartLinksFromTable.call(void 0, rows, options);
     if (!raw.length) return this.reject('There are no flows to import: expected rows of source, target and value, e.g. "Website,Signup,120".');
     return this.setLinks(raw, { label: "Import flows" });
   }
@@ -1392,7 +1428,7 @@ var ChartController = (_class = class {
   }
   /** Adds a flow and returns its index. */
   addLink(link) {
-    const result = this.setLinks([...this.spec.links, link], { label: `Add flow ${String(_nullishCoalesce(_optionalChain([link, 'optionalAccess', _67 => _67.source]), () => ( "")))} \u2192 ${String(_nullishCoalesce(_optionalChain([link, 'optionalAccess', _68 => _68.target]), () => ( "")))}` });
+    const result = this.setLinks([...this.spec.links, link], { label: `Add flow ${String(_nullishCoalesce(_optionalChain([link, 'optionalAccess', _69 => _69.source]), () => ( "")))} \u2192 ${String(_nullishCoalesce(_optionalChain([link, 'optionalAccess', _70 => _70.target]), () => ( "")))}` });
     if (!result.ok) return result;
     return { ok: true, index: this.spec.links.length - 1 };
   }
@@ -1446,7 +1482,7 @@ var ChartController = (_class = class {
   /** Why a reference on `axis` at `values` cannot be drawn on this chart, or null. */
   referenceProblem(axis, values) {
     const s = this.spec;
-    const family = _chunkUVXTOZ2Bcjs.chartFamily.call(void 0, s);
+    const family = _chunkOUO3DSRTcjs.chartFamily.call(void 0, s);
     if (family !== "cartesian" && family !== "xy") return `Reference lines and bands are drawn on bar, line, area, scatter and bubble charts; this is a ${s.type} chart.`;
     if (axis === "x" && family !== "xy") return 'axis "x" needs a scatter or bubble chart with numeric x values; use "y" for the value axis.';
     if (axis === "y2" && (family !== "cartesian" || !s.series.some((x) => !x.hidden && x.axis === "secondary")))
@@ -1465,7 +1501,7 @@ var ChartController = (_class = class {
   /** Adds a reference line (a target, floor or average). Returns its index. */
   addReferenceLine(input) {
     const issues = [];
-    const line = _chunkUVXTOZ2Bcjs.normalizeChartReferenceLine.call(void 0, input, "referenceLine", issues);
+    const line = _chunkOUO3DSRTcjs.normalizeChartReferenceLine.call(void 0, input, "referenceLine", issues);
     if (!line || issues.length) return this.reject(issues.map((i) => i.message).join(" "), issues);
     const problem = this.referenceProblem(line.axis, [line.value]);
     if (problem) return this.reject(problem);
@@ -1480,7 +1516,7 @@ var ChartController = (_class = class {
     const merged = { ...current, ...patch };
     for (const [k, v] of Object.entries(patch)) if (v === null) delete merged[k];
     const issues = [];
-    const line = _chunkUVXTOZ2Bcjs.normalizeChartReferenceLine.call(void 0, merged, "referenceLine", issues);
+    const line = _chunkOUO3DSRTcjs.normalizeChartReferenceLine.call(void 0, merged, "referenceLine", issues);
     if (!line || issues.length) return this.reject(issues.map((i) => i.message).join(" "), issues);
     const problem = this.referenceProblem(line.axis, [line.value]);
     if (problem) return this.reject(problem);
@@ -1495,7 +1531,7 @@ var ChartController = (_class = class {
   /** Adds a reference band (a target range). Returns its index. */
   addReferenceBand(input) {
     const issues = [];
-    const band = _chunkUVXTOZ2Bcjs.normalizeChartReferenceBand.call(void 0, input, "referenceBand", issues);
+    const band = _chunkOUO3DSRTcjs.normalizeChartReferenceBand.call(void 0, input, "referenceBand", issues);
     if (!band || issues.length) return this.reject(issues.map((i) => i.message).join(" "), issues);
     const problem = this.referenceProblem(band.axis, [band.from, band.to]);
     if (problem) return this.reject(problem);
@@ -1510,7 +1546,7 @@ var ChartController = (_class = class {
     const merged = { ...current, ...patch };
     for (const [k, v] of Object.entries(patch)) if (v === null) delete merged[k];
     const issues = [];
-    const band = _chunkUVXTOZ2Bcjs.normalizeChartReferenceBand.call(void 0, merged, "referenceBand", issues);
+    const band = _chunkOUO3DSRTcjs.normalizeChartReferenceBand.call(void 0, merged, "referenceBand", issues);
     if (!band || issues.length) return this.reject(issues.map((i) => i.message).join(" "), issues);
     const problem = this.referenceProblem(band.axis, [band.from, band.to]);
     if (problem) return this.reject(problem);
@@ -1533,7 +1569,7 @@ var ChartController = (_class = class {
     const series = this.getSeries(seriesId);
     if (!series) return this.unknownSeries(seriesId);
     if (!Number.isInteger(index) || index < 0 || index >= this.spec.categories.length) return this.badIndex(index);
-    const family = _chunkUVXTOZ2Bcjs.chartFamily.call(void 0, this.spec);
+    const family = _chunkOUO3DSRTcjs.chartFamily.call(void 0, this.spec);
     const text = label === null ? "" : String(label).trim();
     if (text && family !== "cartesian" && family !== "xy") return this.reject(`Callouts are drawn on bar, line, area, scatter and bubble charts; this is a ${this.spec.type} chart.`);
     if (text && (series.values[index] === null || series.values[index] === void 0))
@@ -1555,12 +1591,12 @@ var ChartController = (_class = class {
   addTrendline(seriesId, input) {
     const series = this.getSeries(seriesId);
     if (!series) return this.unknownSeries(seriesId);
-    if (!_chunkQO2T6KA5cjs.chartSupportsTrendlines.call(void 0, this.spec.type, this.spec.stacking))
+    if (!_chunkWOIXNDHVcjs.chartSupportsTrendlines.call(void 0, this.spec.type, this.spec.stacking))
       return this.reject(`Trendlines need an unstacked bar, line, area, scatter or bubble chart; this is a ${this.spec.stacking !== "none" ? `${this.spec.stacking} ` : ""}${this.spec.type} chart.`);
     const issues = [];
-    const line = _chunkUVXTOZ2Bcjs.normalizeChartTrendline.call(void 0, input, "trendline", issues);
+    const line = _chunkOUO3DSRTcjs.normalizeChartTrendline.call(void 0, input, "trendline", issues);
     if (!line || issues.length) return this.reject(issues.map((i) => i.message).join(" ") || "The trendline is not valid.", issues);
-    const index = _nullishCoalesce(_optionalChain([series, 'access', _69 => _69.trendlines, 'optionalAccess', _70 => _70.length]), () => ( 0));
+    const index = _nullishCoalesce(_optionalChain([series, 'access', _71 => _71.trendlines, 'optionalAccess', _72 => _72.length]), () => ( 0));
     const next = this.edited((d) => {
       const s = d.series.find((x) => x.id === seriesId);
       s.trendlines = [..._nullishCoalesce(s.trendlines, () => ( [])), line];
@@ -1572,12 +1608,12 @@ var ChartController = (_class = class {
   updateTrendline(seriesId, index, patch) {
     const series = this.getSeries(seriesId);
     if (!series) return this.unknownSeries(seriesId);
-    const current = _optionalChain([series, 'access', _71 => _71.trendlines, 'optionalAccess', _72 => _72[index]]);
-    if (!current) return fail(`"${series.name}" has no trendline ${index}; ${_optionalChain([series, 'access', _73 => _73.trendlines, 'optionalAccess', _74 => _74.length]) ? `expected 0 to ${series.trendlines.length - 1}` : "it has none yet"}.`);
+    const current = _optionalChain([series, 'access', _73 => _73.trendlines, 'optionalAccess', _74 => _74[index]]);
+    if (!current) return fail(`"${series.name}" has no trendline ${index}; ${_optionalChain([series, 'access', _75 => _75.trendlines, 'optionalAccess', _76 => _76.length]) ? `expected 0 to ${series.trendlines.length - 1}` : "it has none yet"}.`);
     const issues = [];
     const merged = { ...current, ...patch };
     for (const [k, v] of Object.entries(patch)) if (v === null) delete merged[k];
-    const line = _chunkUVXTOZ2Bcjs.normalizeChartTrendline.call(void 0, merged, "trendline", issues);
+    const line = _chunkOUO3DSRTcjs.normalizeChartTrendline.call(void 0, merged, "trendline", issues);
     if (!line || issues.length) return this.reject(issues.map((i) => i.message).join(" "), issues);
     this.commit(
       "Change trendline",
@@ -1590,7 +1626,7 @@ var ChartController = (_class = class {
   removeTrendline(seriesId, index) {
     const series = this.getSeries(seriesId);
     if (!series) return this.unknownSeries(seriesId);
-    if (!_optionalChain([series, 'access', _75 => _75.trendlines, 'optionalAccess', _76 => _76[index]])) return fail(`"${series.name}" has no trendline ${index}.`);
+    if (!_optionalChain([series, 'access', _77 => _77.trendlines, 'optionalAccess', _78 => _78[index]])) return fail(`"${series.name}" has no trendline ${index}.`);
     this.commit(
       "Delete trendline",
       this.edited((d) => {
@@ -1605,25 +1641,25 @@ var ChartController = (_class = class {
   trendlinePoints(seriesId) {
     const series = this.getSeries(seriesId);
     if (!series) return [];
-    const xy = _chunkUVXTOZ2Bcjs.chartFamily.call(void 0, this.spec) === "xy";
+    const xy = _chunkOUO3DSRTcjs.chartFamily.call(void 0, this.spec) === "xy";
     const out = [];
     series.values.forEach((v, i) => {
-      const x = xy ? _nullishCoalesce(_optionalChain([series, 'access', _77 => _77.x, 'optionalAccess', _78 => _78[i]]), () => ( (this.spec.type === "bubble" ? i + 1 : null))) : i + 1;
+      const x = xy ? _nullishCoalesce(_optionalChain([series, 'access', _79 => _79.x, 'optionalAccess', _80 => _80[i]]), () => ( (this.spec.type === "bubble" ? i + 1 : null))) : i + 1;
       if (v !== null && x !== null && Number.isFinite(v) && Number.isFinite(x)) out.push([x, v]);
     });
     return out;
   }
   /** The fitted coefficients, R² and equation of a trendline (null for moving averages or unfittable data). */
   trendlineFit(seriesId, index) {
-    const line = _optionalChain([this, 'access', _79 => _79.getSeries, 'call', _80 => _80(seriesId), 'optionalAccess', _81 => _81.trendlines, 'optionalAccess', _82 => _82[index]]);
+    const line = _optionalChain([this, 'access', _81 => _81.getSeries, 'call', _82 => _82(seriesId), 'optionalAccess', _83 => _83.trendlines, 'optionalAccess', _84 => _84[index]]);
     if (!line) return null;
-    return _chunkQO2T6KA5cjs.fitChartTrendline.call(void 0, line, this.trendlinePoints(seriesId));
+    return _chunkWOIXNDHVcjs.fitChartTrendline.call(void 0, line, this.trendlinePoints(seriesId));
   }
   /** The moving-average points of a trendline (empty for other kinds). */
   trendlineMovingAverage(seriesId, index) {
-    const line = _optionalChain([this, 'access', _83 => _83.getSeries, 'call', _84 => _84(seriesId), 'optionalAccess', _85 => _85.trendlines, 'optionalAccess', _86 => _86[index]]);
+    const line = _optionalChain([this, 'access', _85 => _85.getSeries, 'call', _86 => _86(seriesId), 'optionalAccess', _87 => _87.trendlines, 'optionalAccess', _88 => _88[index]]);
     if (!line || line.type !== "moving-average") return [];
-    return _chunkQO2T6KA5cjs.chartMovingAverage.call(void 0, this.trendlinePoints(seriesId), _nullishCoalesce(line.period, () => ( 2)));
+    return _chunkWOIXNDHVcjs.chartMovingAverage.call(void 0, this.trendlinePoints(seriesId), _nullishCoalesce(line.period, () => ( 2)));
   }
   // -------------------------------------------------------------------------
   // Reshaping
@@ -1644,17 +1680,66 @@ var ChartController = (_class = class {
       used.add(id);
       return { id, name, values: s.series.map((x) => _nullishCoalesce(x.values[i], () => ( null))) };
     });
-    const { spec } = _chunkUVXTOZ2Bcjs.normalizeChartSpec.call(void 0, { ...s, categories: s.series.map((x) => x.name), series });
+    const { spec } = _chunkOUO3DSRTcjs.normalizeChartSpec.call(void 0, { ...s, categories: s.series.map((x) => x.name), series });
     this.commit("Switch rows and columns", spec, null);
     return { ok: true };
   }
   // -------------------------------------------------------------------------
   // Selection and gestures
   // -------------------------------------------------------------------------
+  /**
+   * Shows a bar race at a moment: a category index, fractional between time points (`null`:
+   * the last one). View state like the selection, so not an undo step. Stops playback.
+   */
+  setRaceFrame(frame) {
+    const n = this.spec.categories.length;
+    if (frame !== null && !(Number.isFinite(frame) && frame >= 0 && frame <= Math.max(0, n - 1)))
+      return fail(n ? `The race has time points 0 to ${n - 1}${n > 1 ? ` ("${this.spec.categories[0]}" to "${this.spec.categories[n - 1]}")` : ""}; got ${frame}.` : "The chart has no time points (categories) yet.");
+    this.stopRace();
+    if (frame === this.raceFrame) return { ok: true };
+    this.raceFrame = frame;
+    this.notify(false);
+    return { ok: true };
+  }
+  /**
+   * Plays the bar race from the moment shown (from the start when it is at the end), moving
+   * one time point every `msPerStep` (default 1000) until the last. Not an undo step.
+   */
+  playRace(options = {}) {
+    const last = this.spec.categories.length - 1;
+    if (last < 1) return fail("A race needs at least two time points (categories) to play.");
+    this.stopRace();
+    const per = Math.max(50, _nullishCoalesce(options.msPerStep, () => ( 1e3)));
+    const from = this.raceFrame === null || this.raceFrame >= last ? 0 : this.raceFrame;
+    const start = this.raceTicker.now();
+    const step = () => {
+      const at = Math.min(last, from + (this.raceTicker.now() - start) / per);
+      this.raceFrame = at;
+      if (at >= last) {
+        this.raceStop = null;
+        this.raceFrame = null;
+      } else this.raceStop = this.raceTicker.next(step);
+      this.notify(false);
+    };
+    this.raceFrame = from;
+    this.raceStop = this.raceTicker.next(step);
+    this.notify(false);
+    return { ok: true };
+  }
+  /** Pauses bar race playback where it is. */
+  pauseRace() {
+    if (!this.raceStop) return;
+    this.stopRace();
+    this.notify(false);
+  }
+  stopRace() {
+    _optionalChain([this, 'access', _89 => _89.raceStop, 'optionalCall', _90 => _90()]);
+    this.raceStop = null;
+  }
   /** Selects a chart element (view state; not an undo step). */
   select(selection) {
     const next = this.validSelection(selection, this.spec);
-    if (_chunkQO2T6KA5cjs.sameChartSelection.call(void 0, next, this.selection) || next === null && this.selection === null) return;
+    if (_chunkWOIXNDHVcjs.sameChartSelection.call(void 0, next, this.selection) || next === null && this.selection === null) return;
     this.selection = next;
     this.notify(false);
   }
@@ -1731,14 +1816,14 @@ var ChartController = (_class = class {
   // -------------------------------------------------------------------------
   /** The spec, for saving (a copy). */
   toJSON() {
-    return _chunkUVXTOZ2Bcjs.cloneChartSpec.call(void 0, this.spec);
+    return _chunkOUO3DSRTcjs.cloneChartSpec.call(void 0, this.spec);
   }
   /**
    * Replaces the chart without an undo step (e.g. when opening a document). Problems are
    * fixed with defaults and reported in `state.issues` (and returned).
    */
   load(input, options = {}) {
-    const { spec, issues } = _chunkUVXTOZ2Bcjs.normalizeChartSpec.call(void 0, input);
+    const { spec, issues } = _chunkOUO3DSRTcjs.normalizeChartSpec.call(void 0, input);
     this.spec = spec;
     this.issues = issues;
     this.selection = this.validSelection(this.selection, spec);
@@ -1758,7 +1843,7 @@ var ChartController = (_class = class {
    * nothing changes and every problem is returned (and shown in `state.issues`).
    */
   replace(input, options = {}) {
-    const { spec, issues } = _chunkUVXTOZ2Bcjs.normalizeChartSpec.call(void 0, input);
+    const { spec, issues } = _chunkOUO3DSRTcjs.normalizeChartSpec.call(void 0, input);
     if (issues.length) return this.reject(issues.map((i) => i.message).join(" "), issues);
     this.commit(_nullishCoalesce(options.label, () => ( "Replace chart")), spec, this.validSelection(this.selection, spec));
     return { ok: true };
@@ -1773,7 +1858,8 @@ var ChartController = (_class = class {
   }
   /** Stops listening to the history (reconnected by the next `subscribe`). */
   destroy() {
-    _optionalChain([this, 'access', _87 => _87.unsubscribeHistory, 'optionalCall', _88 => _88()]);
+    this.stopRace();
+    _optionalChain([this, 'access', _91 => _91.unsubscribeHistory, 'optionalCall', _92 => _92()]);
     this.unsubscribeHistory = void 0;
     this.listeners.clear();
   }
@@ -1808,6 +1894,10 @@ function updateLabel(patch) {
     parliamentArc: "Change hemicycle sweep",
     parliamentMajority: "Change majority",
     parliamentLabel: "Edit seat caption",
+    raceTopN: "Change bars shown",
+    map: "Change map",
+    mapSteps: "Change colour classes",
+    mapThresholds: "Change class breaks",
     sunburstLabel: "Edit centre caption",
     tree: "Replace grouped data",
     links: "Replace flows",
@@ -1835,7 +1925,7 @@ function layoutSparkline(values, options) {
   const h = Number.isFinite(options.height) ? Math.max(1, options.height) : 1;
   const color = _nullishCoalesce(options.color, () => ( "#4269d0"));
   const negative = _nullishCoalesce(options.negativeColor, () => ( "#e5484d"));
-  const theme = { ..._chunkUVXTOZ2Bcjs.DEFAULT_CHART_THEME, background: "transparent" };
+  const theme = { ..._chunkOUO3DSRTcjs.DEFAULT_CHART_THEME, background: "transparent" };
   const marks = [];
   const scene = { width: w, height: h, plot: { x: 0, y: 0, width: w, height: h }, marks, percent: false, theme, warnings: [] };
   const vals = values.slice(0, MAX_POINTS).map((v) => v !== null && Number.isFinite(v) ? Math.max(-1e300, Math.min(1e300, v)) : null);
@@ -1868,7 +1958,7 @@ function layoutSparkline(values, options) {
     const flush = () => {
       if (run.length >= 2) {
         const pts = run.length > 4e3 ? run.filter((_, i) => i % (Math.floor(run.length / 2e3) + 1) === 0) : run;
-        d += pts.map(([x, y], i) => `${i ? "L" : "M"}${_chunkQO2T6KA5cjs.r2.call(void 0, x)},${_chunkQO2T6KA5cjs.r2.call(void 0, y)}`).join("");
+        d += pts.map(([x, y], i) => `${i ? "L" : "M"}${_chunkWOIXNDHVcjs.r2.call(void 0, x)},${_chunkWOIXNDHVcjs.r2.call(void 0, y)}`).join("");
       }
       run = [];
     };