@pixerate/editor 0.164.0 → 0.165.0

package/dist/{chunk-GKNEJ6EN.cjs → chunk-IMRXC7OA.cjs}

@@ -1,16 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class;
 
 
+var _chunkTTCJPX4Ucjs = require('./chunk-TTCJPX4U.cjs');
 
 
 
 
 
 
-var _chunkSBQVEBSUcjs = require('./chunk-SBQVEBSU.cjs');
 
 
 
+var _chunkQO2T6KA5cjs = require('./chunk-QO2T6KA5.cjs');
 
 
 
@@ -36,7 +37,14 @@ var _chunkSBQVEBSUcjs = require('./chunk-SBQVEBSU.cjs');
 
 
 
-var _chunkR3P2M7HUcjs = require('./chunk-R3P2M7HU.cjs');
+
+
+
+
+
+
+
+var _chunkUVXTOZ2Bcjs = require('./chunk-UVXTOZ2B.cjs');
 
 
 
@@ -71,9 +79,14 @@ function splitOutside(text, sep) {
   out.push(cur);
   return out;
 }
+var csvField = (text) => /[",\n]|^\s|\s$/.test(text) ? `"${text.replace(/"/g, '""')}"` : text;
+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 = _chunkR3P2M7HUcjs.chartFamily.call(void 0, spec);
-  if (family === "pie" || family === "funnel" || family === "treemap" || family === "parliament" || family === "sunburst") return "pie";
+  const family = _chunkUVXTOZ2Bcjs.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";
   if (family === "radar") return "radar";
   return "xychart";
 }
@@ -114,12 +127,32 @@ function chartToMermaid(spec, options = {}) {
   const visible = spec.series.filter((s) => !s.hidden);
   const lines = [];
   const v = (x) => x === null || !Number.isFinite(x) ? "0" : num(x);
-  if (family === "pie") {
+  const front = [];
+  if (family === "sankey") {
+    if (spec.title) front.push("---", `title: ${yamlText(spec.title)}`, "---");
+    lines.push("sankey-beta");
+    for (const l of spec.links) lines.push(`${csvField(l.source)},${csvField(l.target)},${num(l.value)}`);
+  } else if (family === "treemap") {
+    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 write = (nodes, depth) => {
+      for (const n of nodes) {
+        const pad = ind.repeat(depth);
+        if (n.children) {
+          lines.push(`${pad}${treemapName(n.name)}`);
+          write(n.children, depth + 1);
+        } else lines.push(`${pad}${treemapName(n.name)}: ${num(_nullishCoalesce(n.value, () => ( 0)))}`);
+      }
+    };
+    write(tree, 1);
+  } else if (family === "pie") {
     const s = _nullishCoalesce(visible[0], () => ( spec.series[0]));
     lines.push(`pie${spec.dataLabels ? " showData" : ""}`);
     if (spec.title) lines.push(`${ind}title ${spec.title}`);
     spec.categories.forEach((c, i) => {
-      const value = _optionalChain([s, 'optionalAccess', _2 => _2.values, 'access', _3 => _3[i]]);
+      const value = _optionalChain([s, 'optionalAccess', _5 => _5.values, 'access', _6 => _6[i]]);
       if (value !== null && value !== void 0 && Number.isFinite(value) && value > 0) lines.push(`${ind}${quote(c)} : ${num(value)}`);
     });
   } else if (family === "radar") {
@@ -160,13 +193,13 @@ function chartToMermaid(spec, options = {}) {
       lines.push(`${ind}${kind} ${quote(s.name)} [${s.values.map(v).join(", ")}]`);
     }
   }
-  let text = `${lines.join("\n")}
+  let text = `${[...front, ...lines].join("\n")}
 `;
   if (options.meta !== false) {
     const meta = metaFor(spec, text);
     if (meta) {
       const [header, ...rest] = lines;
-      text = `${[header, `${CHART_MERMAID_META_PREFIX}${JSON.stringify({ v: 1, ...meta })}`, ...rest].join("\n")}
+      text = `${[...front, header, `${CHART_MERMAID_META_PREFIX}${JSON.stringify({ v: 1, ...meta })}`, ...rest].join("\n")}
 `;
     }
   }
@@ -202,7 +235,7 @@ function chartFromMermaid(text, options = {}) {
   const all = text.replace(/^/, "").split(/\r?\n/);
   let start = 0;
   let frontTitle;
-  if (_optionalChain([all, 'access', _4 => _4[0], 'optionalAccess', _5 => _5.trim, 'call', _6 => _6()]) === "---") {
+  if (_optionalChain([all, 'access', _7 => _7[0], 'optionalAccess', _8 => _8.trim, 'call', _9 => _9()]) === "---") {
     const end = all.findIndex((l, i) => i > 0 && l.trim() === "---");
     if (end > 0) {
       for (const l of all.slice(1, end)) {
@@ -223,21 +256,23 @@ function chartFromMermaid(text, options = {}) {
     let m;
     if (m = /^xychart(?:-beta)?(?:\s+(horizontal|vertical))?\s*$/i.exec(t)) {
       family = "xychart";
-      horizontal = _optionalChain([m, 'access', _7 => _7[1], 'optionalAccess', _8 => _8.toLowerCase, 'call', _9 => _9()]) === "horizontal";
+      horizontal = _optionalChain([m, 'access', _10 => _10[1], 'optionalAccess', _11 => _11.toLowerCase, 'call', _12 => _12()]) === "horizontal";
     } else if (m = /^pie(\s+showData)?(?:\s+title\s+(.*))?\s*$/i.exec(t)) {
       family = "pie";
       showData = !!m[1];
       if (m[2]) frontTitle = m[2].trim();
     } else if (/^radar(?:-beta)?\s*$/i.test(t)) family = "radar";
-    else issues.push({ path: "header", line: i + 1, message: `Line ${i + 1}: expected a chart header (xychart-beta, pie or radar-beta), got "${t.slice(0, 40)}".` });
+    else if (/^sankey(?:-beta)?\s*$/i.test(t)) family = "sankey";
+    else if (/^treemap(?:-beta)?\s*$/i.test(t)) family = "treemap";
+    else issues.push({ path: "header", line: i + 1, message: `Line ${i + 1}: expected a chart header (xychart-beta, pie, radar-beta, sankey-beta or treemap-beta), got "${t.slice(0, 40)}".` });
     headerLine = i;
     break;
   }
   let title = _nullishCoalesce(frontTitle, () => ( ""));
   const categories = [];
   const series = [];
-  const xAxis = _chunkR3P2M7HUcjs.defaultChartAxis.call(void 0, false);
-  const yAxis = _chunkR3P2M7HUcjs.defaultChartAxis.call(void 0, true);
+  const xAxis = _chunkUVXTOZ2Bcjs.defaultChartAxis.call(void 0, false);
+  const yAxis = _chunkUVXTOZ2Bcjs.defaultChartAxis.call(void 0, true);
   const radarAxes = [];
   const pieSlices = [];
   let legendShow = true;
@@ -245,6 +280,7 @@ function chartFromMermaid(text, options = {}) {
   let graticule = "circle";
   const counts = { bar: 0, line: 0 };
   const lineIssue = (i, message) => issues.push({ path: `line ${i + 1}`, line: i + 1, message: `Line ${i + 1}: ${message}` });
+  const whole = family === "sankey" || family === "treemap";
   for (let i = headerLine + 1; family && i < all.length; i++) {
     const raw = all[i];
     const t = raw.trim();
@@ -260,7 +296,7 @@ function chartFromMermaid(text, options = {}) {
       }
       continue;
     }
-    if (t.startsWith("%%")) continue;
+    if (t.startsWith("%%") || whole) continue;
     const isLast = i === all.length - 1 || all.slice(i + 1).every((l) => !l.trim());
     let m;
     if (m = /^title\s+(.+)$/i.exec(t)) {
@@ -362,7 +398,8 @@ function chartFromMermaid(text, options = {}) {
     if (!(partial && isLast)) lineIssue(i, `could not read "${t.slice(0, 60)}"; it was skipped.`);
   }
   let input;
-  if (family === "pie") {
+  if (whole) input = readWholeMermaid(family, all, headerLine, partial, title, issues);
+  else if (family === "pie") {
     input = {
       type: "pie",
       title,
@@ -397,19 +434,55 @@ function chartFromMermaid(text, options = {}) {
       input.series = metaSeries.map((extra, i) => ({ ..._nullishCoalesce(base[i], () => ( {})), ..._nullishCoalesce(extra, () => ( {})) }));
     }
   }
-  const { spec, issues: specIssues } = _chunkR3P2M7HUcjs.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 or radar-beta)." });
+  const { spec, issues: specIssues } = _chunkUVXTOZ2Bcjs.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 };
 }
+function readWholeMermaid(family, all, headerLine, partial, title, issues) {
+  const body = all.slice(headerLine).map((l) => l.trim().startsWith(CHART_MERMAID_META_PREFIX.trim()) ? "%%" : l);
+  const parse = (lines) => family === "sankey" ? _chunkTTCJPX4Ucjs.parseSankey.call(void 0, lines.join("\n")) : _chunkTTCJPX4Ucjs.parseTreemap.call(void 0, lines.join("\n"));
+  let read = parse(body);
+  if ("error" in read && partial && body.length > 1) read = parse(body.slice(0, -1));
+  const lineOf = (n) => n === void 0 ? void 0 : n + headerLine;
+  if ("error" in read) {
+    const line = lineOf(read.line);
+    if (!(partial && body.length <= 2)) issues.push({ path: family, ...line ? { line } : {}, message: line ? `Line ${line}: ${read.error}` : read.error });
+    return { type: family === "sankey" ? "sankey" : "treemap", title };
+  }
+  if (family === "sankey") {
+    const data2 = read.data;
+    return { type: "sankey", title, links: data2.links, sankeyNodes: data2.nodes, series: [{ id: "series-1", name: "Values", values: [] }] };
+  }
+  const data = read.data;
+  let items = data.items;
+  let name = _nullishCoalesce(data.title, () => ( title));
+  if (items.length === 1 && _optionalChain([items, 'access', _13 => _13[0], 'access', _14 => _14.children, 'optionalAccess', _15 => _15.length])) {
+    name ||= items[0].name;
+    items = items[0].children;
+  }
+  const toNode = (item) => _optionalChain([item, 'access', _16 => _16.children, 'optionalAccess', _17 => _17.length]) ? { name: item.name, children: item.children.map(toNode) } : { name: item.name, value: _nullishCoalesce(item.value, () => ( 0)) };
+  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) }] };
+}
 function findMermaidCharts(text) {
   const lines = text.replace(/^/, "").split(/\r?\n/);
   const found = [];
   const familyOf = (body) => {
-    const header = body.split(/\r?\n/).find((l) => l.trim() && !l.trim().startsWith("%%") && l.trim() !== "---");
+    let rows = body.split(/\r?\n/);
+    const firstRow = rows.findIndex((l) => l.trim());
+    if (_optionalChain([rows, 'access', _21 => _21[firstRow], 'optionalAccess', _22 => _22.trim, 'call', _23 => _23()]) === "---") {
+      const end = rows.findIndex((l, i) => i > firstRow && l.trim() === "---");
+      if (end > 0) rows = rows.slice(end + 1);
+    }
+    const header = rows.find((l) => l.trim() && !l.trim().startsWith("%%"));
     if (!header) return null;
     if (/^\s*xychart(-beta)?\b/.test(header)) return "xychart";
     if (/^\s*pie\b/.test(header)) return "pie";
     if (/^\s*radar(-beta)?\b/.test(header)) return "radar";
+    if (/^\s*sankey(-beta)?\s*$/.test(header)) return "sankey";
+    if (/^\s*treemap(-beta)?\s*$/.test(header)) return "treemap";
     return null;
   };
   for (let i = 0; i < lines.length; i++) {
@@ -436,11 +509,11 @@ function findMermaidCharts(text) {
 }
 
 // src/chart/summary.ts
-function summarizeChart(spec, size = { width: 640, height: 400 }, scene = _chunkSBQVEBSUcjs.layoutChart.call(void 0, spec, { ...size, selection: null })) {
+function summarizeChart(spec, size = { width: 640, height: 400 }, scene = _chunkQO2T6KA5cjs.layoutChart.call(void 0, spec, { ...size, selection: null })) {
   const visible = spec.series.filter((s) => !s.hidden);
-  const series = visible.map((s) => _chunkSBQVEBSUcjs.summarizeChartSeries.call(void 0, s, spec.categories));
-  const colors = _chunkR3P2M7HUcjs.chartSpecColorsByCategory.call(void 0, spec) ? spec.categories.map((_, i) => _optionalChain([visible, 'access', _10 => _10[0], 'optionalAccess', _11 => _11.pointColors, 'optionalAccess', _12 => _12[i]]) || _chunkR3P2M7HUcjs.chartSliceColor.call(void 0, spec, i)) : visible.map((s) => _chunkR3P2M7HUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s)));
-  const check = _chunkR3P2M7HUcjs.checkChartColors.call(void 0, colors, { surface: scene.theme.surface.startsWith("var(") ? "#ffffff" : scene.theme.surface });
+  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 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,
@@ -455,12 +528,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) => _chunkSBQVEBSUcjs.summarizeChartSeries.call(void 0, s, spec.categories))) {
-  const kind = _chunkR3P2M7HUcjs.CHART_TYPE_LABELS[spec.type].toLowerCase();
+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();
   const parts = [];
-  const family = _chunkR3P2M7HUcjs.chartFamily.call(void 0, spec);
+  const family = _chunkUVXTOZ2Bcjs.chartFamily.call(void 0, spec);
   const format = spec.yAxis.format;
-  const fmt = (v) => v === null ? "blank" : _chunkSBQVEBSUcjs.formatChartNumber.call(void 0, v, format);
+  const fmt = (v) => v === null ? "blank" : _chunkQO2T6KA5cjs.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") {
@@ -470,19 +543,27 @@ 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 = _chunkR3P2M7HUcjs.chartTreeDepth.call(void 0, spec.tree);
-      const items = _chunkR3P2M7HUcjs.chartTreeToRows.call(void 0, spec.tree).length;
+      const depth = _chunkUVXTOZ2Bcjs.chartTreeDepth.call(void 0, spec.tree);
+      const items = _chunkUVXTOZ2Bcjs.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 === "sankey") {
+    if (!spec.links.length) return `${head} with no flows yet.`;
+    const total = spec.links.reduce((t, l) => t + l.value, 0);
+    const largest = [...spec.links].sort((a, b) => b.value - a.value)[0];
+    const sources = spec.sankeyNodes.filter((n) => !spec.links.some((l) => l.target === n));
+    const sinks = spec.sankeyNodes.filter((n) => !spec.links.some((l) => l.source === n));
+    return `${head} of ${spec.links.length} flows between ${spec.sankeyNodes.length} nodes, from ${sources.join(", ")} to ${sinks.join(", ")}. The largest flow is ${largest.source} \u2192 ${largest.target} (${fmt(largest.value)}); all flows add up to ${fmt(total)}.`;
+  }
   if (family === "parliament") {
     const s = spec.series.find((x) => !x.hidden);
     const seats = spec.categories.map((c, i) => ({ c, n: Math.max(0, Math.round(_nullishCoalesce(s.values[i], () => ( 0)))) }));
     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', _13 => _13.c])} with ${_optionalChain([largest, 'optionalAccess', _14 => _14.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', _27 => _27.c])} with ${_optionalChain([largest, 'optionalAccess', _28 => _28.n])}`;
     return `${head} of ${total} seats across ${seats.length} groups: ${verdict}.`;
   }
   if (family === "slope") {
@@ -505,7 +586,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', _15 => _15[0], 'optionalAccess', _16 => _16.name])} to ${_optionalChain([answers, 'access', _17 => _17[answers.length - 1], 'optionalAccess', _18 => _18.name])}. Most positive: ${_optionalChain([best, 'access', _19 => _19[0], 'optionalAccess', _20 => _20.c])} (${pct(_nullishCoalesce(_optionalChain([best, 'access', _21 => _21[0], 'optionalAccess', _22 => _22.share]), () => ( 0)))}); least: ${_optionalChain([best, 'access', _23 => _23[best.length - 1], 'optionalAccess', _24 => _24.c])} (${pct(_nullishCoalesce(_optionalChain([best, 'access', _25 => _25[best.length - 1], 'optionalAccess', _26 => _26.share]), () => ( 0)))}).`;
+    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)))}).`;
   }
   if (family === "waterfall") {
     const s = spec.series.find((x) => !x.hidden);
@@ -544,7 +625,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 ? _chunkR3P2M7HUcjs.describeChartErrorBars.call(void 0, s.errorBars) : "", s.xErrorBars ? `x ${_chunkR3P2M7HUcjs.describeChartErrorBars.call(void 0, s.xErrorBars)}` : ""].filter(Boolean).join(" and ");
+    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 ");
     parts.push(`${s.name} has ${bars}.`);
   }
   return parts.join(" ");
@@ -609,7 +690,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 = _chunkSBQVEBSUcjs.layoutChart.call(void 0, spec, { ...options, selection: null });
+  const scene = _chunkQO2T6KA5cjs.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";
@@ -647,10 +728,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) => _chunkR3P2M7HUcjs.shadeChartColor.call(void 0, base, t));
+  return steps.map((t) => _chunkUVXTOZ2Bcjs.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: _chunkR3P2M7HUcjs.DEFAULT_CHART_PALETTE },
+  { id: "default", label: "Default", description: "Ten distinct colours, readable on light and dark backgrounds.", palette: _chunkUVXTOZ2Bcjs.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"] },
@@ -678,7 +759,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', _27 => _27.errorBars, 'optionalAccess', _28 => _28.plus]), _optionalChain([s, 'access', _29 => _29.errorBars, 'optionalAccess', _30 => _30.minus]), _optionalChain([s, 'access', _31 => _31.xErrorBars, 'optionalAccess', _32 => _32.plus]), _optionalChain([s, 'access', _33 => _33.xErrorBars, 'optionalAccess', _34 => _34.minus])];
+  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])];
   return lists.filter((l) => Array.isArray(l));
 }
 function sameChartJson(a, b) {
@@ -713,14 +794,14 @@ var ChartController = (_class = class {
   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);
     this.history = _nullishCoalesce(options.history, () => ( new (0, _chunkFJ2MSI43cjs.HistoryManager)()));
     this.onChange = options.onChange;
-    const { spec, issues } = _chunkR3P2M7HUcjs.normalizeChartSpec.call(void 0, _nullishCoalesce(options.spec, () => ( {})));
+    const { spec, issues } = _chunkUVXTOZ2Bcjs.normalizeChartSpec.call(void 0, _nullishCoalesce(options.spec, () => ( {})));
     this.spec = spec;
     this.issues = issues;
     this.state = this.computeState();
     this.connect();
   }
   connect() {
-    _optionalChain([this, 'access', _35 => _35.unsubscribeHistory, 'optionalCall', _36 => _36()]);
+    _optionalChain([this, 'access', _49 => _49.unsubscribeHistory, 'optionalCall', _50 => _50()]);
     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;
@@ -750,12 +831,12 @@ var ChartController = (_class = class {
   computeState() {
     const h = this.history.getState();
     const sel = this.selection;
-    const seriesId = _optionalChain([sel, 'optionalAccess', _37 => _37.kind]) === "series" || _optionalChain([sel, 'optionalAccess', _38 => _38.kind]) === "point" || _optionalChain([sel, 'optionalAccess', _39 => _39.kind]) === "trendline" ? sel.seriesId : null;
+    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;
     return {
       spec: this.spec,
       selection: sel,
       selectedSeries: seriesId ? _nullishCoalesce(this.spec.series.find((s) => s.id === seriesId), () => ( null)) : null,
-      selectedIndex: _optionalChain([sel, 'optionalAccess', _40 => _40.kind]) === "point" || _optionalChain([sel, 'optionalAccess', _41 => _41.kind]) === "category" ? sel.index : null,
+      selectedIndex: _optionalChain([sel, 'optionalAccess', _54 => _54.kind]) === "point" || _optionalChain([sel, 'optionalAccess', _55 => _55.kind]) === "category" ? sel.index : null,
       issues: this.issues,
       gesture: this.gestureKey,
       canUndo: h.canUndo,
@@ -768,7 +849,7 @@ var ChartController = (_class = class {
   notify(specChanged) {
     this.revision++;
     this.state = this.computeState();
-    if (specChanged) _optionalChain([this, 'access', _42 => _42.onChange, 'optionalCall', _43 => _43(this.spec)]);
+    if (specChanged) _optionalChain([this, 'access', _56 => _56.onChange, 'optionalCall', _57 => _57(this.spec)]);
     const state = this.state;
     this.listeners.forEach((listener) => {
       try {
@@ -792,7 +873,7 @@ var ChartController = (_class = class {
       case "category":
         return sel.index < spec.categories.length ? sel : null;
       case "trendline":
-        return _optionalChain([spec, 'access', _44 => _44.series, 'access', _45 => _45.find, 'call', _46 => _46((s) => s.id === sel.seriesId), 'optionalAccess', _47 => _47.trendlines, 'optionalAccess', _48 => _48[sel.index]]) ? sel : null;
+        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;
       case "title":
         return spec.title ? sel : null;
       case "subtitle":
@@ -816,7 +897,7 @@ var ChartController = (_class = class {
     const hadIssues = this.issues.length > 0;
     this.issues = [];
     if (sameChartJson(before, next)) {
-      const reselect = select !== void 0 && !_chunkSBQVEBSUcjs.sameChartSelection.call(void 0, this.selection, select) && !(select === null && this.selection === null);
+      const reselect = select !== void 0 && !_chunkQO2T6KA5cjs.sameChartSelection.call(void 0, this.selection, select) && !(select === null && this.selection === null);
       if (reselect) this.selection = select;
       if (reselect || hadIssues) this.notify(false);
       return;
@@ -839,7 +920,7 @@ var ChartController = (_class = class {
   }
   /** A copy of the spec with `edit` applied (series and categories copied as needed). */
   edited(edit) {
-    const draft = _chunkR3P2M7HUcjs.cloneChartSpec.call(void 0, this.spec);
+    const draft = _chunkUVXTOZ2Bcjs.cloneChartSpec.call(void 0, this.spec);
     edit(draft);
     return draft;
   }
@@ -869,7 +950,7 @@ var ChartController = (_class = class {
       legend: patch.legend ? { ...s.legend, ...patch.legend } : s.legend,
       version: 1
     };
-    const { spec, issues } = _chunkR3P2M7HUcjs.normalizeChartSpec.call(void 0, merged);
+    const { spec, issues } = _chunkUVXTOZ2Bcjs.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);
@@ -910,7 +991,7 @@ var ChartController = (_class = class {
    * to the categories; all-or-nothing like `update`.
    */
   setData(data, options = {}) {
-    const clear = (data.categories || data.series) && this.spec.tree.length ? { tree: [] } : {};
+    const clear = (data.categories || data.series) && (this.spec.tree.length || this.spec.links.length) ? { tree: [], links: [] } : {};
     return this.update({ ...data.categories ? { categories: data.categories } : {}, ...data.series ? { series: data.series } : {}, ...clear }, { label: _nullishCoalesce(options.label, () => ( "Edit chart data")) });
   }
   /**
@@ -923,7 +1004,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 = _chunkR3P2M7HUcjs.parseChartValue.call(void 0, value);
+    const parsed = _chunkUVXTOZ2Bcjs.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) {
@@ -948,7 +1029,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 = _chunkR3P2M7HUcjs.parseChartValue.call(void 0, cell.value);
+        const value = _chunkUVXTOZ2Bcjs.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 });
       }
@@ -962,12 +1043,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 : _chunkR3P2M7HUcjs.uniqueChartSeriesId.call(void 0, this.spec.series);
+    const id = input.id && !this.getSeries(input.id) ? input.id : _chunkUVXTOZ2Bcjs.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 } = _chunkR3P2M7HUcjs.normalizeChartSpec.call(void 0, { ...this.spec, series });
+    const { spec, issues } = _chunkUVXTOZ2Bcjs.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 };
@@ -987,7 +1068,7 @@ var ChartController = (_class = class {
   updateSeries(id, patch) {
     const series = this.getSeries(id);
     if (!series) return this.unknownSeries(id);
-    const next = _chunkR3P2M7HUcjs.cloneChartSeries.call(void 0, series);
+    const next = _chunkUVXTOZ2Bcjs.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;
@@ -1007,7 +1088,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 } = _chunkR3P2M7HUcjs.normalizeChartSpec.call(void 0, { ...this.spec, series: series2, highlight });
+    const { spec, issues } = _chunkUVXTOZ2Bcjs.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}"`;
@@ -1113,7 +1194,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 = _chunkR3P2M7HUcjs.uniqueChartSeriesId.call(void 0, d.series);
+        const id = _chunkUVXTOZ2Bcjs.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;
@@ -1127,7 +1208,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 = _chunkR3P2M7HUcjs.parseChartValue.call(void 0, cell);
+            const parsed = _chunkUVXTOZ2Bcjs.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));
           }
@@ -1146,14 +1227,14 @@ var ChartController = (_class = class {
    * colours and types are kept by name.
    */
   importTable(rows, options = {}) {
-    const data = _chunkR3P2M7HUcjs.chartDataFromTable.call(void 0, rows, options);
+    const data = _chunkUVXTOZ2Bcjs.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', _49 => _49.color]) ? { color: old.color } : {}, ..._optionalChain([old, 'optionalAccess', _50 => _50.type]) ? { type: old.type } : {}, ...old ? { id: old.id } : {} };
+      return { ...s, ..._optionalChain([old, 'optionalAccess', _63 => _63.color]) ? { color: old.color } : {}, ..._optionalChain([old, 'optionalAccess', _64 => _64.type]) ? { type: old.type } : {}, ...old ? { id: old.id } : {} };
     });
-    const { spec } = _chunkR3P2M7HUcjs.normalizeChartSpec.call(void 0, { ...this.spec, categories: data.categories, series, tree: [] });
+    const { spec } = _chunkUVXTOZ2Bcjs.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;
@@ -1170,8 +1251,12 @@ var ChartController = (_class = class {
   // -------------------------------------------------------------------------
   // Grouped data (tree)
   // -------------------------------------------------------------------------
-  /** A refusal while the data is a tree (cell edits would be overwritten by its totals), else null. */
+  /** A refusal while the data is a tree or flows (cell edits would be overwritten by their totals), else null. */
   treeLocked() {
+    if (this.spec.links.length)
+      return this.reject(
+        "This chart's data is flows (links): its categories are the nodes and its values how much passes through each. Change it with setLinks / the flow edits (set_chart_links, add_chart_link, update_chart_link, remove_chart_link), or replace it with new data."
+      );
     if (!this.spec.tree.length) return null;
     return this.reject(
       "This chart's data is grouped (a tree): its categories and values are the top-level groups and their totals. Change it with setTree / the tree node edits (set_chart_tree, add_chart_tree_node, update_chart_tree_node, remove_chart_tree_node), or replace it with new data."
@@ -1180,9 +1265,9 @@ 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 = _chunkR3P2M7HUcjs.normalizeChartTree.call(void 0, tree, issues);
+    const next = _chunkUVXTOZ2Bcjs.normalizeChartTree.call(void 0, tree, issues);
     if (issues.length) return this.reject(issues.map((i) => i.message).join(" "), issues);
-    return this.update({ tree: next }, { label: _nullishCoalesce(options.label, () => ( (next.length ? "Replace grouped data" : "Ungroup data"))) });
+    return this.update({ tree: next, links: [] }, { label: _nullishCoalesce(options.label, () => ( (next.length ? "Replace grouped data" : "Ungroup data"))) });
   }
   /**
    * Replaces the grouped data from rows of names and a value (group, …, item, value), as the
@@ -1190,12 +1275,12 @@ var ChartController = (_class = class {
    */
   setTreeRows(rows, options = {}) {
     const issues = [];
-    const next = _chunkR3P2M7HUcjs.chartTreeFromRows.call(void 0, rows, issues);
+    const next = _chunkUVXTOZ2Bcjs.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 = _chunkR3P2M7HUcjs.findChartTreeNode.call(void 0, this.spec.tree, [...prefix, n.name]);
-        if (_optionalChain([old, 'optionalAccess', _51 => _51.color])) n.color = old.color;
+        const old = _chunkUVXTOZ2Bcjs.findChartTreeNode.call(void 0, this.spec.tree, [...prefix, n.name]);
+        if (_optionalChain([old, 'optionalAccess', _65 => _65.color])) n.color = old.color;
         if (n.children) keepColors(n.children, [...prefix, n.name]);
       }
     };
@@ -1205,16 +1290,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 = _chunkR3P2M7HUcjs.chartTreeFromTable.call(void 0, rows, options, issues);
+    const next = _chunkUVXTOZ2Bcjs.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 }, { label: "Import grouped data" });
+    return this.update({ tree: next, links: [] }, { label: "Import grouped data" });
   }
   nodeAt(path) {
-    const node = _chunkR3P2M7HUcjs.findChartTreeNode.call(void 0, this.spec.tree, path);
+    const node = _chunkUVXTOZ2Bcjs.findChartTreeNode.call(void 0, this.spec.tree, path);
     if (node) return node;
-    const known = path.length > 1 ? _chunkR3P2M7HUcjs.findChartTreeNode.call(void 0, this.spec.tree, path.slice(0, -1)) : null;
-    const siblings = _nullishCoalesce((path.length > 1 ? _optionalChain([known, 'optionalAccess', _52 => _52.children]) : this.spec.tree), () => ( []));
+    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), () => ( []));
     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."}`
     );
@@ -1229,12 +1314,12 @@ var ChartController = (_class = class {
       siblings = group.children;
     }
     const issues = [];
-    const [node] = _chunkR3P2M7HUcjs.normalizeChartTree.call(void 0, [input], issues, "node");
+    const [node] = _chunkUVXTOZ2Bcjs.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 = _chunkR3P2M7HUcjs.cloneChartTree.call(void 0, this.spec.tree);
-    const list = parent.length ? _chunkR3P2M7HUcjs.findChartTreeNode.call(void 0, tree, parent).children : tree;
+    const tree = _chunkUVXTOZ2Bcjs.cloneChartTree.call(void 0, this.spec.tree);
+    const list = parent.length ? _chunkUVXTOZ2Bcjs.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;
@@ -1246,16 +1331,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 ? _chunkR3P2M7HUcjs.findChartTreeNode.call(void 0, this.spec.tree, path.slice(0, -1)).children : this.spec.tree).filter((n) => n !== node);
+    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);
     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 = _chunkR3P2M7HUcjs.cloneChartTree.call(void 0, this.spec.tree);
-    const target = _chunkR3P2M7HUcjs.findChartTreeNode.call(void 0, tree, path);
+    const tree = _chunkUVXTOZ2Bcjs.cloneChartTree.call(void 0, this.spec.tree);
+    const target = _chunkUVXTOZ2Bcjs.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] = _chunkR3P2M7HUcjs.normalizeChartTree.call(void 0, [merged], issues, "node");
+    const [checked] = _chunkUVXTOZ2Bcjs.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;
@@ -1267,8 +1352,8 @@ var ChartController = (_class = class {
   removeTreeNode(path) {
     const node = this.nodeAt(path);
     if ("ok" in node) return node;
-    const tree = _chunkR3P2M7HUcjs.cloneChartTree.call(void 0, this.spec.tree);
-    const parent = path.length > 1 ? _chunkR3P2M7HUcjs.findChartTreeNode.call(void 0, tree, path.slice(0, -1)) : null;
+    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 list = parent ? parent.children : tree;
     list.splice(
       list.findIndex((n) => n.name === node.name),
@@ -1281,6 +1366,56 @@ var ChartController = (_class = class {
     return this.update({ tree }, { label: `Delete "${node.name}"` });
   }
   // -------------------------------------------------------------------------
+  // Flows (links)
+  // -------------------------------------------------------------------------
+  /**
+   * Replaces the flows (and, when given, the node order). An empty list goes back to the
+   * table, keeping how much passed through each node as values. One undo step, all-or-nothing.
+   */
+  setLinks(links, options = {}) {
+    const issues = [];
+    const next = _chunkUVXTOZ2Bcjs.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));
+    return this.update({ links: next, tree: [], sankeyNodes }, { label: _nullishCoalesce(options.label, () => ( (next.length ? "Replace flows" : "Remove flows"))) });
+  }
+  /** 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);
+    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" });
+  }
+  badLink(index) {
+    const n = this.spec.links.length;
+    return fail(`There is no flow ${index}; ${n ? `expected 0 to ${n - 1}` : "the chart has none yet"}.`);
+  }
+  /** 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]), () => ( "")))}` });
+    if (!result.ok) return result;
+    return { ok: true, index: this.spec.links.length - 1 };
+  }
+  /** Changes a flow's source, target, value or colour (`color: null` goes back to the default). */
+  updateLink(index, patch) {
+    const current = this.spec.links[index];
+    if (!current) return this.badLink(index);
+    const merged = { ...current, ...patch };
+    if (patch.color === null) delete merged.color;
+    return this.setLinks(
+      this.spec.links.map((l, i) => i === index ? merged : l),
+      { label: "Change flow" }
+    );
+  }
+  removeLink(index) {
+    const current = this.spec.links[index];
+    if (!current) return this.badLink(index);
+    return this.setLinks(
+      this.spec.links.filter((_, i) => i !== index),
+      { label: `Delete flow ${current.source} \u2192 ${current.target}` }
+    );
+  }
+  // -------------------------------------------------------------------------
   // Annotations
   // -------------------------------------------------------------------------
   /** Sets the note written under the chart ("" removes it). */
@@ -1311,7 +1446,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 = _chunkR3P2M7HUcjs.chartFamily.call(void 0, s);
+    const family = _chunkUVXTOZ2Bcjs.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")))
@@ -1330,7 +1465,7 @@ var ChartController = (_class = class {
   /** Adds a reference line (a target, floor or average). Returns its index. */
   addReferenceLine(input) {
     const issues = [];
-    const line = _chunkR3P2M7HUcjs.normalizeChartReferenceLine.call(void 0, input, "referenceLine", issues);
+    const line = _chunkUVXTOZ2Bcjs.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);
@@ -1345,7 +1480,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 = _chunkR3P2M7HUcjs.normalizeChartReferenceLine.call(void 0, merged, "referenceLine", issues);
+    const line = _chunkUVXTOZ2Bcjs.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);
@@ -1360,7 +1495,7 @@ var ChartController = (_class = class {
   /** Adds a reference band (a target range). Returns its index. */
   addReferenceBand(input) {
     const issues = [];
-    const band = _chunkR3P2M7HUcjs.normalizeChartReferenceBand.call(void 0, input, "referenceBand", issues);
+    const band = _chunkUVXTOZ2Bcjs.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);
@@ -1375,7 +1510,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 = _chunkR3P2M7HUcjs.normalizeChartReferenceBand.call(void 0, merged, "referenceBand", issues);
+    const band = _chunkUVXTOZ2Bcjs.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);
@@ -1398,7 +1533,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 = _chunkR3P2M7HUcjs.chartFamily.call(void 0, this.spec);
+    const family = _chunkUVXTOZ2Bcjs.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))
@@ -1420,12 +1555,12 @@ var ChartController = (_class = class {
   addTrendline(seriesId, input) {
     const series = this.getSeries(seriesId);
     if (!series) return this.unknownSeries(seriesId);
-    if (!_chunkSBQVEBSUcjs.chartSupportsTrendlines.call(void 0, this.spec.type, this.spec.stacking))
+    if (!_chunkQO2T6KA5cjs.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 = _chunkR3P2M7HUcjs.normalizeChartTrendline.call(void 0, input, "trendline", issues);
+    const line = _chunkUVXTOZ2Bcjs.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', _53 => _53.trendlines, 'optionalAccess', _54 => _54.length]), () => ( 0));
+    const index = _nullishCoalesce(_optionalChain([series, 'access', _69 => _69.trendlines, 'optionalAccess', _70 => _70.length]), () => ( 0));
     const next = this.edited((d) => {
       const s = d.series.find((x) => x.id === seriesId);
       s.trendlines = [..._nullishCoalesce(s.trendlines, () => ( [])), line];
@@ -1437,12 +1572,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', _55 => _55.trendlines, 'optionalAccess', _56 => _56[index]]);
-    if (!current) return fail(`"${series.name}" has no trendline ${index}; ${_optionalChain([series, 'access', _57 => _57.trendlines, 'optionalAccess', _58 => _58.length]) ? `expected 0 to ${series.trendlines.length - 1}` : "it has none yet"}.`);
+    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 issues = [];
     const merged = { ...current, ...patch };
     for (const [k, v] of Object.entries(patch)) if (v === null) delete merged[k];
-    const line = _chunkR3P2M7HUcjs.normalizeChartTrendline.call(void 0, merged, "trendline", issues);
+    const line = _chunkUVXTOZ2Bcjs.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",
@@ -1455,7 +1590,7 @@ var ChartController = (_class = class {
   removeTrendline(seriesId, index) {
     const series = this.getSeries(seriesId);
     if (!series) return this.unknownSeries(seriesId);
-    if (!_optionalChain([series, 'access', _59 => _59.trendlines, 'optionalAccess', _60 => _60[index]])) return fail(`"${series.name}" has no trendline ${index}.`);
+    if (!_optionalChain([series, 'access', _75 => _75.trendlines, 'optionalAccess', _76 => _76[index]])) return fail(`"${series.name}" has no trendline ${index}.`);
     this.commit(
       "Delete trendline",
       this.edited((d) => {
@@ -1470,25 +1605,25 @@ var ChartController = (_class = class {
   trendlinePoints(seriesId) {
     const series = this.getSeries(seriesId);
     if (!series) return [];
-    const xy = _chunkR3P2M7HUcjs.chartFamily.call(void 0, this.spec) === "xy";
+    const xy = _chunkUVXTOZ2Bcjs.chartFamily.call(void 0, this.spec) === "xy";
     const out = [];
     series.values.forEach((v, i) => {
-      const x = xy ? _nullishCoalesce(_optionalChain([series, 'access', _61 => _61.x, 'optionalAccess', _62 => _62[i]]), () => ( (this.spec.type === "bubble" ? i + 1 : null))) : i + 1;
+      const x = xy ? _nullishCoalesce(_optionalChain([series, 'access', _77 => _77.x, 'optionalAccess', _78 => _78[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', _63 => _63.getSeries, 'call', _64 => _64(seriesId), 'optionalAccess', _65 => _65.trendlines, 'optionalAccess', _66 => _66[index]]);
+    const line = _optionalChain([this, 'access', _79 => _79.getSeries, 'call', _80 => _80(seriesId), 'optionalAccess', _81 => _81.trendlines, 'optionalAccess', _82 => _82[index]]);
     if (!line) return null;
-    return _chunkSBQVEBSUcjs.fitChartTrendline.call(void 0, line, this.trendlinePoints(seriesId));
+    return _chunkQO2T6KA5cjs.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', _67 => _67.getSeries, 'call', _68 => _68(seriesId), 'optionalAccess', _69 => _69.trendlines, 'optionalAccess', _70 => _70[index]]);
+    const line = _optionalChain([this, 'access', _83 => _83.getSeries, 'call', _84 => _84(seriesId), 'optionalAccess', _85 => _85.trendlines, 'optionalAccess', _86 => _86[index]]);
     if (!line || line.type !== "moving-average") return [];
-    return _chunkSBQVEBSUcjs.chartMovingAverage.call(void 0, this.trendlinePoints(seriesId), _nullishCoalesce(line.period, () => ( 2)));
+    return _chunkQO2T6KA5cjs.chartMovingAverage.call(void 0, this.trendlinePoints(seriesId), _nullishCoalesce(line.period, () => ( 2)));
   }
   // -------------------------------------------------------------------------
   // Reshaping
@@ -1509,7 +1644,7 @@ var ChartController = (_class = class {
       used.add(id);
       return { id, name, values: s.series.map((x) => _nullishCoalesce(x.values[i], () => ( null))) };
     });
-    const { spec } = _chunkR3P2M7HUcjs.normalizeChartSpec.call(void 0, { ...s, categories: s.series.map((x) => x.name), series });
+    const { spec } = _chunkUVXTOZ2Bcjs.normalizeChartSpec.call(void 0, { ...s, categories: s.series.map((x) => x.name), series });
     this.commit("Switch rows and columns", spec, null);
     return { ok: true };
   }
@@ -1519,7 +1654,7 @@ var ChartController = (_class = class {
   /** Selects a chart element (view state; not an undo step). */
   select(selection) {
     const next = this.validSelection(selection, this.spec);
-    if (_chunkSBQVEBSUcjs.sameChartSelection.call(void 0, next, this.selection) || next === null && this.selection === null) return;
+    if (_chunkQO2T6KA5cjs.sameChartSelection.call(void 0, next, this.selection) || next === null && this.selection === null) return;
     this.selection = next;
     this.notify(false);
   }
@@ -1596,14 +1731,14 @@ var ChartController = (_class = class {
   // -------------------------------------------------------------------------
   /** The spec, for saving (a copy). */
   toJSON() {
-    return _chunkR3P2M7HUcjs.cloneChartSpec.call(void 0, this.spec);
+    return _chunkUVXTOZ2Bcjs.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 } = _chunkR3P2M7HUcjs.normalizeChartSpec.call(void 0, input);
+    const { spec, issues } = _chunkUVXTOZ2Bcjs.normalizeChartSpec.call(void 0, input);
     this.spec = spec;
     this.issues = issues;
     this.selection = this.validSelection(this.selection, spec);
@@ -1623,7 +1758,7 @@ var ChartController = (_class = class {
    * nothing changes and every problem is returned (and shown in `state.issues`).
    */
   replace(input, options = {}) {
-    const { spec, issues } = _chunkR3P2M7HUcjs.normalizeChartSpec.call(void 0, input);
+    const { spec, issues } = _chunkUVXTOZ2Bcjs.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 };
@@ -1638,7 +1773,7 @@ var ChartController = (_class = class {
   }
   /** Stops listening to the history (reconnected by the next `subscribe`). */
   destroy() {
-    _optionalChain([this, 'access', _71 => _71.unsubscribeHistory, 'optionalCall', _72 => _72()]);
+    _optionalChain([this, 'access', _87 => _87.unsubscribeHistory, 'optionalCall', _88 => _88()]);
     this.unsubscribeHistory = void 0;
     this.listeners.clear();
   }
@@ -1675,6 +1810,9 @@ function updateLabel(patch) {
     parliamentLabel: "Edit seat caption",
     sunburstLabel: "Edit centre caption",
     tree: "Replace grouped data",
+    links: "Replace flows",
+    sankeyNodes: "Reorder nodes",
+    sankeyLinkColor: "Change flow colours",
     radarTicks: "Change radar rings",
     radarGraticule: "Change radar grid",
     legend: "Change legend",
@@ -1697,7 +1835,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 = { ..._chunkR3P2M7HUcjs.DEFAULT_CHART_THEME, background: "transparent" };
+  const theme = { ..._chunkUVXTOZ2Bcjs.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);
@@ -1730,7 +1868,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"}${_chunkSBQVEBSUcjs.r2.call(void 0, x)},${_chunkSBQVEBSUcjs.r2.call(void 0, y)}`).join("");
+        d += pts.map(([x, y], i) => `${i ? "L" : "M"}${_chunkQO2T6KA5cjs.r2.call(void 0, x)},${_chunkQO2T6KA5cjs.r2.call(void 0, y)}`).join("");
       }
       run = [];
     };