@pixerate/editor 0.180.0 → 0.181.0

package/dist/{chunk-TUXKLM5W.cjs → chunk-N76AMOKE.cjs}

@@ -12,7 +12,7 @@
 
 
 
-var _chunkOUO3DSRTcjs = require('./chunk-OUO3DSRT.cjs');
+var _chunkWRZ6C4TUcjs = require('./chunk-WRZ6C4TU.cjs');
 
 
 var _chunk55AKPTLMcjs = require('./chunk-55AKPTLM.cjs');
@@ -1239,7 +1239,7 @@ function layoutCartesian(ctx, area, visible) {
   const { spec, theme, marks, measure, fs } = ctx;
   const horizontal = spec.orientation === "horizontal";
   const n = spec.categories.length;
-  const types = new Map(visible.map((s) => [s.id, _chunkOUO3DSRTcjs.chartSeriesType.call(void 0, spec, s)]));
+  const types = new Map(visible.map((s) => [s.id, _chunkWRZ6C4TUcjs.chartSeriesType.call(void 0, spec, s)]));
   const stacked = spec.stacking !== "none";
   const percent = spec.stacking === "percent";
   const onSecondary = (s) => s.axis === "secondary";
@@ -1276,7 +1276,7 @@ function layoutCartesian(ctx, area, visible) {
     const stack = stacks.get(s.id);
     errors.set(
       s.id,
-      _chunkOUO3DSRTcjs.chartErrorAmounts.call(void 0, s.errorBars, s.values).map((e, i) => {
+      _chunkWRZ6C4TUcjs.chartErrorAmounts.call(void 0, s.errorBars, s.values).map((e, i) => {
         const raw = s.values[i];
         const seg = _optionalChain([stack, 'optionalAccess', _11 => _11.segments, 'access', _12 => _12[i]]);
         if (!e || raw === null || stack && !seg) return null;
@@ -1346,7 +1346,7 @@ function layoutCartesian(ctx, area, visible) {
   const drawOrder = [...visible].sort((a, b) => order(types.get(a.id)) - order(types.get(b.id)));
   for (const s of drawOrder) {
     const si = spec.series.indexOf(s);
-    const color = _chunkOUO3DSRTcjs.chartSeriesColor.call(void 0, spec, si);
+    const color = _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, si);
     const type = types.get(s.id);
     const stack = stacks.get(s.id);
     const selSeries = ctx.seriesSelected(s.id);
@@ -1372,7 +1372,7 @@ function layoutCartesian(ctx, area, visible) {
         const selected = ctx.isSelected(target);
         const [x, y] = map({ c: c0, v: Math.min(a, b) });
         const rect = horizontal ? { x: Math.min(a, b), y: c0, width: Math.abs(b - a), height: cw } : { x, y, width: cw, height: Math.abs(b - a) };
-        const fill = _chunkOUO3DSRTcjs.chartPointColor.call(void 0, spec, si, i);
+        const fill = _chunkWRZ6C4TUcjs.chartPointColor.call(void 0, spec, si, i);
         marks.push({
           kind: "rect",
           key: `bar-${s.id}-${i}`,
@@ -1451,7 +1451,7 @@ function layoutCartesian(ctx, area, visible) {
         const target = { kind: "point", seriesId: s.id, index: i };
         const selected = ctx.isSelected(target);
         const r = type === "scatter" ? 4.5 : 3.5;
-        const pointColor = _chunkOUO3DSRTcjs.chartPointColor.call(void 0, spec, si, i);
+        const pointColor = _chunkWRZ6C4TUcjs.chartPointColor.call(void 0, spec, si, i);
         const fill = showDots ? type === "scatter" ? pointColor : theme.surface : "transparent";
         marks.push(
           pointMark({ key: `point-${s.id}-${i}`, target, selected: selected || selSeries, opacity: type === "scatter" ? 0.85 : void 0 }, showDots ? marker : "hit", cx, cy, showDots ? r : 6, fill, showDots ? pointColor : void 0, 2)
@@ -1525,8 +1525,8 @@ function layoutXy(ctx, area, visible) {
   const yErrors = /* @__PURE__ */ new Map();
   const xErrors = /* @__PURE__ */ new Map();
   for (const { s } of all) {
-    if (s.errorBars) yErrors.set(s.id, _chunkOUO3DSRTcjs.chartErrorAmounts.call(void 0, s.errorBars, s.values));
-    if (s.xErrorBars) xErrors.set(s.id, _chunkOUO3DSRTcjs.chartErrorAmounts.call(void 0, s.xErrorBars, s.values.map((_, i) => _nullishCoalesce(_optionalChain([s, 'access', _29 => _29.x, 'optionalAccess', _30 => _30[i]]), () => ( (bubble || !s.x ? i + 1 : null))))));
+    if (s.errorBars) yErrors.set(s.id, _chunkWRZ6C4TUcjs.chartErrorAmounts.call(void 0, s.errorBars, s.values));
+    if (s.xErrorBars) xErrors.set(s.id, _chunkWRZ6C4TUcjs.chartErrorAmounts.call(void 0, s.xErrorBars, s.values.map((_, i) => _nullishCoalesce(_optionalChain([s, 'access', _29 => _29.x, 'optionalAccess', _30 => _30[i]]), () => ( (bubble || !s.x ? i + 1 : null))))));
   }
   let xlo = Infinity;
   let xhi = -Infinity;
@@ -1609,8 +1609,8 @@ function layoutXy(ctx, area, visible) {
   const trendLabels = [];
   for (const { s, pts } of all) {
     const si = spec.series.indexOf(s);
-    const color = _chunkOUO3DSRTcjs.chartSeriesColor.call(void 0, spec, si);
-    const type = _chunkOUO3DSRTcjs.chartSeriesType.call(void 0, spec, s);
+    const color = _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, si);
+    const type = _chunkWRZ6C4TUcjs.chartSeriesType.call(void 0, spec, s);
     const selSeries = ctx.seriesSelected(s.id);
     const seriesTarget = { kind: "series", seriesId: s.id };
     if (type === "line" || type === "area") {
@@ -1635,7 +1635,7 @@ function layoutXy(ctx, area, visible) {
       }
       const target = { kind: "point", seriesId: s.id, index: p.i };
       const selected = ctx.isSelected(target);
-      const pointColor = _chunkOUO3DSRTcjs.chartPointColor.call(void 0, spec, si, p.i);
+      const pointColor = _chunkWRZ6C4TUcjs.chartPointColor.call(void 0, spec, si, p.i);
       const r = bubble ? maxSize > 0 && p.size !== null && p.size > 0 ? Math.max(2, Math.sqrt(p.size / maxSize) * maxR) : 2 : 4.5;
       if (bubble) marks.push({ kind: "circle", key: `point-${s.id}-${p.i}`, role: "point", cx, cy, r, fill: pointColor, stroke: pointColor, strokeWidth: 1, opacity: 0.6, target, selected: selected || selSeries });
       else marks.push(pointMark({ key: `point-${s.id}-${p.i}`, target, selected: selected || selSeries, opacity: 0.85 }, marker === "none" ? "hit" : marker, cx, cy, marker === "none" ? 6 : r, marker === "none" ? "transparent" : pointColor, marker === "none" ? void 0 : pointColor, 2));
@@ -1678,6 +1678,185 @@ function trendlineLegendItems(spec, color) {
   );
 }
 
+// src/chart/layout-streamgraph.ts
+function layoutStreamgraph(ctx, area, visible) {
+  const { spec, theme, marks, selection } = ctx;
+  const n = spec.categories.length;
+  if (!visible.length || n === 0) {
+    const plot2 = { x: area.x + 8, y: area.y + 8, width: Math.max(1, area.width - 16), height: Math.max(1, area.height - 16) };
+    marks.push({
+      kind: "text",
+      key: "empty",
+      role: "empty",
+      x: plot2.x + plot2.width / 2,
+      y: plot2.y + plot2.height / 2,
+      text: _nullishCoalesce(ctx.options.emptyMessage, () => ( "No data")),
+      anchor: "middle",
+      baseline: "middle",
+      size: ctx.fs + 1,
+      fill: theme.mutedText
+    });
+    return { plot: plot2 };
+  }
+  const totals = new Array(n).fill(0);
+  for (let i = 0; i < n; i++) {
+    let colSum = 0;
+    for (const s of visible) {
+      const v = s.values[i];
+      if (v !== null && Number.isFinite(v) && v > 0) {
+        colSum += v;
+      }
+    }
+    totals[i] = colSum;
+  }
+  const maxTotal = Math.max(0, ...totals);
+  const halfTotal = maxTotal > 0 ? maxTotal / 2 : 1;
+  const headroom = spec.yAxis.max === null;
+  const maxHalf = headroom ? halfTotal * 1.15 : halfTotal;
+  const lo = -maxHalf;
+  const hi = maxHalf;
+  const frame = categoryFrame(ctx, area, {
+    labels: spec.categories,
+    horizontal: spec.orientation === "horizontal",
+    primary: {
+      lo,
+      hi,
+      axis: spec.yAxis,
+      format: spec.yAxis.format,
+      frozen: ctx.options.valueDomain,
+      key: "y"
+    }
+  });
+  const { plot, catCenter, map, value } = frame;
+  const curve = spec.curve === "step" ? "linear" : spec.curve;
+  const baselines = totals.map((t) => -0.5 * t);
+  const currentOffsets = [...baselines];
+  const zeroPx = value.px(0);
+  const [zx1, zy1] = map({ c: frame.catStart, v: zeroPx });
+  const [zx2, zy2] = map({ c: frame.catStart + frame.catLen, v: zeroPx });
+  marks.push({
+    kind: "line",
+    key: "rule-zero",
+    role: "grid",
+    x1: zx1,
+    y1: zy1,
+    x2: zx2,
+    y2: zy2,
+    stroke: theme.axis,
+    strokeWidth: 1,
+    dash: "3,3"
+  });
+  const layers = [];
+  for (let sIdx = 0; sIdx < visible.length; sIdx++) {
+    const s = visible[sIdx];
+    const color = _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
+    const selSeries = ctx.seriesSelected(s.id);
+    const bottomPts = [];
+    const topPts = [];
+    for (let i = 0; i < n; i++) {
+      const c = catCenter(i);
+      const rawVal = s.values[i];
+      const val = rawVal !== null && Number.isFinite(rawVal) && rawVal > 0 ? rawVal : 0;
+      const bVal = currentOffsets[i];
+      const tVal = bVal + val;
+      currentOffsets[i] = tVal;
+      bottomPts.push({ c, v: value.px(bVal), i });
+      topPts.push({ c, v: value.px(tVal), i });
+    }
+    layers.push({ series: s, color, selSeries, bottomPts, topPts });
+  }
+  for (const layer of layers) {
+    const { series: s, color, selSeries, bottomPts, topPts } = layer;
+    const seriesTarget = { kind: "series", seriesId: s.id };
+    const revBottom = [...bottomPts].reverse();
+    const d = `${curvePath(topPts, curve, map)}${curvePath(revBottom, curve, map, false)}Z`;
+    marks.push({
+      kind: "path",
+      key: `area-${s.id}`,
+      role: "area",
+      d,
+      fill: color,
+      opacity: selSeries ? 0.85 : 0.65,
+      target: seriesTarget,
+      selected: selSeries
+    });
+  }
+  if (layers.length > 0) {
+    const bottomBase = layers[0].bottomPts;
+    marks.push({
+      kind: "path",
+      key: `boundary-bottom`,
+      role: "line",
+      d: curvePath(bottomBase, curve, map),
+      fill: "none",
+      stroke: theme.axis,
+      strokeWidth: 1.5,
+      opacity: 0.7
+    });
+  }
+  for (const layer of layers) {
+    const { series: s, color, selSeries, topPts } = layer;
+    const seriesTarget = { kind: "series", seriesId: s.id };
+    marks.push({
+      kind: "path",
+      key: `line-${s.id}`,
+      role: "line",
+      d: curvePath(topPts, curve, map),
+      fill: "none",
+      stroke: color,
+      strokeWidth: selSeries ? 3 : 1.75,
+      target: seriesTarget,
+      selected: selSeries
+    });
+  }
+  const showDots = spec.points;
+  for (const layer of layers) {
+    const { series: s, color } = layer;
+    for (let i = 0; i < n; i++) {
+      const rawVal = s.values[i];
+      if (rawVal === null || !Number.isFinite(rawVal)) continue;
+      const bPt = layer.bottomPts[i];
+      const tPt = layer.topPts[i];
+      const midV = (bPt.v + tPt.v) / 2;
+      const [cx, cy] = map({ c: bPt.c, v: midV });
+      const target = { kind: "point", seriesId: s.id, index: i };
+      const selected = ctx.isSelected(target);
+      if (showDots || selected) {
+        marks.push({
+          kind: "circle",
+          key: `pt-${s.id}-${i}`,
+          role: "point",
+          cx: r2(cx),
+          cy: r2(cy),
+          r: selected ? 5 : 3.5,
+          fill: selected ? theme.selection : color,
+          stroke: theme.surface,
+          strokeWidth: 1.5,
+          target,
+          selected
+        });
+      } else {
+        marks.push({
+          kind: "circle",
+          key: `hit-${s.id}-${i}`,
+          role: "point",
+          cx: r2(cx),
+          cy: r2(cy),
+          r: 6,
+          fill: "transparent",
+          stroke: "none",
+          target
+        });
+      }
+    }
+  }
+  return {
+    plot,
+    valueScale: toValueScale(value, frame.horizontal ? "x" : "y"),
+    categoryScale: { axis: frame.horizontal ? "y" : "x", start: frame.catStart, length: frame.catLen, count: frame.n, reverse: !!spec.xAxis.reverse }
+  };
+}
+
 // src/chart/maps.ts
 var maps = /* @__PURE__ */ new Map();
 function registerChartMap(map) {
@@ -1720,7 +1899,7 @@ function chartMapBreaks(values, steps, thresholds) {
 var chartMapClass = (value, breaks) => breaks.filter((b) => value >= b).length;
 function chartMapRamp(base, count) {
   if (count <= 1) return [base];
-  return Array.from({ length: count }, (_, k) => _chunkOUO3DSRTcjs.shadeChartColor.call(void 0, base, 0.82 - 1.17 * k / (count - 1)));
+  return Array.from({ length: count }, (_, k) => _chunkWRZ6C4TUcjs.shadeChartColor.call(void 0, base, 0.82 - 1.17 * k / (count - 1)));
 }
 
 // src/chart/race.ts
@@ -1756,7 +1935,7 @@ function chartRaceRanking(spec, frame) {
 }
 
 // src/chart/layout-families.ts
-var sliceColor = (ctx, series, i) => _optionalChain([series, 'access', _45 => _45.pointColors, 'optionalAccess', _46 => _46[i]]) || _chunkOUO3DSRTcjs.chartSliceColor.call(void 0, ctx.spec, i);
+var sliceColor = (ctx, series, i) => _optionalChain([series, 'access', _45 => _45.pointColors, 'optionalAccess', _46 => _46[i]]) || _chunkWRZ6C4TUcjs.chartSliceColor.call(void 0, ctx.spec, i);
 function layoutPie(ctx, area, series) {
   const { spec, theme, marks, fs, selection } = ctx;
   const values = spec.categories.map((_, i) => {
@@ -1872,7 +2051,7 @@ function layoutRadar(ctx, area, visible) {
     });
   for (const s of visible) {
     const si = spec.series.indexOf(s);
-    const color = _chunkOUO3DSRTcjs.chartSeriesColor.call(void 0, spec, si);
+    const color = _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, si);
     const selSeries = ctx.seriesSelected(s.id);
     const pts = s.values.map((v, i) => v !== null && Number.isFinite(v) ? at(i, rOf(v)) : null);
     const present = pts.filter((p) => p !== null);
@@ -1922,7 +2101,7 @@ function layoutWaterfall(ctx, area, series) {
   });
   const { band, catCenter, map, value } = frame;
   const w = band * (1 - spec.gapWidth);
-  const color = _chunkOUO3DSRTcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(series));
+  const color = _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(series));
   const format = _nullishCoalesce(series.format, () => ( spec.yAxis.format));
   const labelsOn = _nullishCoalesce(series.dataLabels, () => ( spec.dataLabels));
   let prevEnd = null;
@@ -1981,7 +2160,7 @@ function layoutHistogram(ctx, area, visible) {
   const gap = k > 1 ? band * spec.gapWidth * 0.5 : 0;
   const w = (band - gap) / k;
   visible.forEach((s, si) => {
-    const color = _chunkOUO3DSRTcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
+    const color = _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
     const target = { kind: "series", seriesId: s.id };
     const selected = ctx.seriesSelected(s.id);
     counts[si].forEach((c, b) => {
@@ -2012,7 +2191,7 @@ function layoutBox(ctx, area, visible) {
   visible.forEach((s, i) => {
     const st = stats[i];
     if (!st) return;
-    const color = _chunkOUO3DSRTcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
+    const color = _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
     const target = { kind: "series", seriesId: s.id };
     const selected = ctx.seriesSelected(s.id);
     const c = catCenter(i);
@@ -2231,7 +2410,7 @@ function layoutLikert(ctx, area, visible) {
       if (x1 - x0 <= 0) return;
       const target = { kind: "point", seriesId: s.id, index: i };
       const selected = ctx.isSelected(target);
-      const fill = _optionalChain([s, 'access', _48 => _48.pointColors, 'optionalAccess', _49 => _49[i]]) || _chunkOUO3DSRTcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
+      const fill = _optionalChain([s, 'access', _48 => _48.pointColors, 'optionalAccess', _49 => _49[i]]) || _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
       const rect = { x: x0, y, width: x1 - x0, height: barH };
       marks.push({ kind: "rect", key, role: "bar", ...rect, fill, target, selected: selected || ctx.seriesSelected(s.id) || catSelected });
       if (selected) ctx.outline(`${key}-selection`, { x: rect.x - 2, y: rect.y - 2, width: rect.width + 4, height: rect.height + 4 });
@@ -2330,8 +2509,8 @@ function layoutParliament(ctx, area, series) {
 }
 function treeColor(ctx, series, node, group, base, shade) {
   if (node.color) return node.color;
-  if (base === null) return _optionalChain([series, 'optionalAccess', _50 => _50.pointColors, 'optionalAccess', _51 => _51[group]]) || _chunkOUO3DSRTcjs.chartSliceColor.call(void 0, ctx.spec, group);
-  return _chunkOUO3DSRTcjs.shadeChartColor.call(void 0, base, shade);
+  if (base === null) return _optionalChain([series, 'optionalAccess', _50 => _50.pointColors, 'optionalAccess', _51 => _51[group]]) || _chunkWRZ6C4TUcjs.chartSliceColor.call(void 0, ctx.spec, group);
+  return _chunkWRZ6C4TUcjs.shadeChartColor.call(void 0, base, shade);
 }
 function layoutTreemapTree(ctx, area, series) {
   const { spec, marks, theme, fs, measure } = ctx;
@@ -2339,7 +2518,7 @@ function layoutTreemapTree(ctx, area, series) {
   const labelsOn = _nullishCoalesce(_optionalChain([series, 'optionalAccess', _53 => _53.dataLabels]), () => ( true));
   let unlabelled = 0;
   const draw = (nodes, rect, key, group, base) => {
-    const rects = chartSquarify(nodes.map(_chunkOUO3DSRTcjs.chartTreeTotal), rect);
+    const rects = chartSquarify(nodes.map(_chunkWRZ6C4TUcjs.chartTreeTotal), rect);
     nodes.forEach((node, k) => {
       const r = rects[k];
       if (r.width <= 0.5 || r.height <= 0.5) return;
@@ -2374,10 +2553,10 @@ function layoutTreemapTree(ctx, area, series) {
 }
 function layoutSunburst(ctx, area, series) {
   const { spec, marks, theme, fs, measure } = ctx;
-  const tree = spec.tree.length ? spec.tree : _chunkOUO3DSRTcjs.chartTreeFromSeries.call(void 0, spec.categories, _nullishCoalesce(_optionalChain([series, 'optionalAccess', _55 => _55.values]), () => ( [])));
+  const tree = spec.tree.length ? spec.tree : _chunkWRZ6C4TUcjs.chartTreeFromSeries.call(void 0, spec.categories, _nullishCoalesce(_optionalChain([series, 'optionalAccess', _55 => _55.values]), () => ( [])));
   const indexOf = new Map(spec.categories.map((c, i) => [c.trim() || `${i + 1}`, i]));
-  const depth = _chunkOUO3DSRTcjs.chartTreeDepth.call(void 0, tree);
-  const total = tree.reduce((t, n) => t + _chunkOUO3DSRTcjs.chartTreeTotal.call(void 0, n), 0);
+  const depth = _chunkWRZ6C4TUcjs.chartTreeDepth.call(void 0, tree);
+  const total = tree.reduce((t, n) => t + _chunkWRZ6C4TUcjs.chartTreeTotal.call(void 0, n), 0);
   const cx = area.x + area.width / 2;
   const cy = area.y + area.height / 2;
   const outer = Math.max(8, Math.min(area.width, area.height) / 2 - 4);
@@ -2391,10 +2570,10 @@ function layoutSunburst(ctx, area, series) {
   const format = _nullishCoalesce(_optionalChain([series, 'optionalAccess', _56 => _56.format]), () => ( spec.yAxis.format));
   let unlabelled = 0;
   const walk = (nodes, start, sweep, level, key, group, base) => {
-    const sum = nodes.reduce((t, n) => t + _chunkOUO3DSRTcjs.chartTreeTotal.call(void 0, n), 0);
+    const sum = nodes.reduce((t, n) => t + _chunkWRZ6C4TUcjs.chartTreeTotal.call(void 0, n), 0);
     let at = start;
     nodes.forEach((node, k) => {
-      const value = _chunkOUO3DSRTcjs.chartTreeTotal.call(void 0, node);
+      const value = _chunkWRZ6C4TUcjs.chartTreeTotal.call(void 0, node);
       if (!(value > 0) || !sum) return;
       const a0 = at;
       const a1 = at + sweep * value / sum;
@@ -2466,7 +2645,7 @@ function layoutSankey(ctx, area, series) {
       y += value[i] * ky + pad;
     }
   }
-  const color = (i) => _optionalChain([series, 'optionalAccess', _61 => _61.pointColors, 'optionalAccess', _62 => _62[i]]) || _chunkOUO3DSRTcjs.chartSliceColor.call(void 0, spec, i);
+  const color = (i) => _optionalChain([series, 'optionalAccess', _61 => _61.pointColors, 'optionalAccess', _62 => _62[i]]) || _chunkWRZ6C4TUcjs.chartSliceColor.call(void 0, spec, i);
   const named = new Set(spec.highlight);
   const lit = nodes.map((n) => named.has(n));
   const dimLinks = lit.some(Boolean);
@@ -2551,7 +2730,7 @@ function layoutBarRace(ctx, area, frame) {
     const target = { kind: "point", seriesId: e.seriesId, index };
     const selected = ctx.isSelected(target) || ctx.seriesSelected(e.seriesId);
     const width = Math.max(0, xOf(e.value) - plot.x);
-    marks.push({ kind: "rect", key: `bar-${e.seriesId}`, role: "bar", x: plot.x, y, width, height: barH, fill: _chunkOUO3DSRTcjs.chartSeriesColor.call(void 0, spec, si), radius: Math.min(3, barH / 4), target, selected, ...selected ? { stroke: theme.selection, strokeWidth: 1.5 } : {} });
+    marks.push({ kind: "rect", key: `bar-${e.seriesId}`, role: "bar", x: plot.x, y, width, height: barH, fill: _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, si), radius: Math.min(3, barH / 4), target, selected, ...selected ? { stroke: theme.selection, strokeWidth: 1.5 } : {} });
     marks.push({ kind: "text", key: `label-name-${e.seriesId}`, role: "tick-label", x: plot.x - 6, y: y + barH / 2, text: truncate(e.name, labelW - 8, fs, measure), anchor: "end", baseline: "middle", size: fs, fill: selected ? theme.selection : theme.text, target: { kind: "series", seriesId: e.seriesId } });
     if (_nullishCoalesce(s.dataLabels, () => ( true))) marks.push({ kind: "text", key: `label-${e.seriesId}`, role: "data-label", x: plot.x + width + 5, y: y + barH / 2, text: formatChartNumber(e.value, _nullishCoalesce(s.format, () => ( format)), _nullishCoalesce((_nullishCoalesce(s.format, () => ( format))).decimals, () => ( (Math.abs(e.value) >= 100 ? 0 : void 0)))), anchor: "start", baseline: "middle", size: fs - 1, fill: theme.text, target });
   }
@@ -2576,7 +2755,7 @@ function layoutChoropleth(ctx, area, series) {
   };
   const present = [...indexOf.values()].map(valueAt).filter((v) => v !== null);
   const breaks = chartMapBreaks(present, spec.mapSteps, spec.mapThresholds);
-  const ramp = chartMapRamp(_nullishCoalesce(series.color, () => ( _chunkOUO3DSRTcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(series)))), breaks.length + 1);
+  const ramp = chartMapRamp(_nullishCoalesce(series.color, () => ( _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(series)))), breaks.length + 1);
   const format = _nullishCoalesce(series.format, () => ( spec.yAxis.format));
   const legendH = fs * 2.2;
   const s = Math.max(1e-6, Math.min(area.width / map.width, (area.height - legendH) / map.height));
@@ -2621,14 +2800,14 @@ function layoutChoropleth(ctx, area, series) {
 
 // src/chart/layout.ts
 function legendItems(spec, ctx) {
-  const family = _chunkOUO3DSRTcjs.chartFamily.call(void 0, spec);
+  const family = _chunkWRZ6C4TUcjs.chartFamily.call(void 0, spec);
   if (spec.type === "funnel" || spec.type === "slope" || spec.type === "sankey" || spec.type === "barrace" || spec.type === "choropleth") return [];
-  if (_chunkOUO3DSRTcjs.chartSpecColorsByCategory.call(void 0, spec)) {
+  if (_chunkWRZ6C4TUcjs.chartSpecColorsByCategory.call(void 0, spec)) {
     const first = spec.series.find((s) => !s.hidden);
     const seats = (i) => Math.max(0, Math.round(_nullishCoalesce(_optionalChain([first, 'optionalAccess', _68 => _68.values, 'access', _69 => _69[i]]), () => ( 0))));
     return spec.categories.map((c, i) => ({
       label: spec.type === "parliament" ? `${c} ${seats(i)}` : c,
-      color: _optionalChain([first, 'optionalAccess', _70 => _70.pointColors, 'optionalAccess', _71 => _71[i]]) || _chunkOUO3DSRTcjs.chartSliceColor.call(void 0, spec, i),
+      color: _optionalChain([first, 'optionalAccess', _70 => _70.pointColors, 'optionalAccess', _71 => _71[i]]) || _chunkWRZ6C4TUcjs.chartSliceColor.call(void 0, spec, i),
       target: { kind: "category", index: i },
       faded: false,
       selected: ctx.isSelected({ kind: "category", index: i }),
@@ -2642,17 +2821,17 @@ function legendItems(spec, ctx) {
     return [
       { label: "Increase", color: ctx.theme.positive, target, faded: false, selected: false, shape: "square" },
       { label: "Decrease", color: ctx.theme.negative, target, faded: false, selected: false, shape: "square" },
-      { label: "Total", color: _chunkOUO3DSRTcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(first)), target, faded: false, selected: false, shape: "square" }
+      { label: "Total", color: _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(first)), target, faded: false, selected: false, shape: "square" }
     ];
   }
   if (family === "box") return [];
-  const trends = trendlineLegendItems(spec, (i) => _chunkOUO3DSRTcjs.chartSeriesColor.call(void 0, spec, i));
+  const trends = trendlineLegendItems(spec, (i) => _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, i));
   const items = [];
   spec.series.forEach((s, i) => {
-    const type = _chunkOUO3DSRTcjs.chartSeriesType.call(void 0, spec, s);
+    const type = _chunkWRZ6C4TUcjs.chartSeriesType.call(void 0, spec, s);
     items.push({
       label: s.name,
-      color: _chunkOUO3DSRTcjs.chartSeriesColor.call(void 0, spec, i),
+      color: _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, i),
       target: { kind: "series", seriesId: s.id },
       faded: !!s.hidden,
       selected: ctx.seriesSelected(s.id),
@@ -2665,7 +2844,7 @@ function legendItems(spec, ctx) {
 function layoutChart(spec, options) {
   const width = Math.max(1, Number.isFinite(options.width) ? options.width : 1);
   const height = Math.max(1, Number.isFinite(options.height) ? options.height : 1);
-  const theme = { ..._chunkOUO3DSRTcjs.DEFAULT_CHART_THEME, ...options.theme };
+  const theme = { ..._chunkWRZ6C4TUcjs.DEFAULT_CHART_THEME, ...options.theme };
   const selection = _nullishCoalesce(options.selection, () => ( null));
   const marks = [];
   const warnings = [];
@@ -2704,17 +2883,17 @@ function layoutChart(spec, options) {
   if (spec.title) titleMark("title", spec.title, theme.titleSize, 600, theme.text);
   if (spec.subtitle) titleMark("subtitle", spec.subtitle, fs + 1, 400, theme.mutedText);
   if (spec.title || spec.subtitle) top += 6;
-  const family = _chunkOUO3DSRTcjs.chartFamily.call(void 0, spec);
+  const family = _chunkWRZ6C4TUcjs.chartFamily.call(void 0, spec);
   const visible = spec.series.filter((s) => !s.hidden);
   const items = legendItems(spec, ctx);
   let area = { x: pad, y: top, width: width - pad * 2, height: height - top - pad - noteHeight(spec, fs) };
   const seriesLegend = family === "cartesian" || family === "xy" || family === "radar" || family === "histogram";
   const hasTrend = items.some((i) => i.shape === "dash");
-  const showLegend = spec.legend.show && items.length > 0 && (!seriesLegend || _chunkOUO3DSRTcjs.chartVariesColors.call(void 0, spec) || spec.series.length > 1 || spec.series.some((s) => s.hidden) || hasTrend);
+  const showLegend = spec.legend.show && items.length > 0 && (!seriesLegend || _chunkWRZ6C4TUcjs.chartVariesColors.call(void 0, spec) || spec.series.length > 1 || spec.series.some((s) => s.hidden) || hasTrend);
   if (showLegend) area = layoutLegend(items, spec.legend.position, area, ctx, ctx.isSelected({ kind: "legend" }));
   const finish = (result) => {
     if (result.plot.width > 0) {
-      if (chartAnnotationFamily(_chunkOUO3DSRTcjs.chartFamily.call(void 0, spec))) drawCallouts(ctx, result.plot);
+      if (chartAnnotationFamily(_chunkWRZ6C4TUcjs.chartFamily.call(void 0, spec))) drawCallouts(ctx, result.plot);
       else if (spec.referenceLines.length || spec.referenceBands.length || spec.series.some((s) => s.callouts))
         ctx.warn("annotations-skipped", `Reference lines, bands and callouts are drawn on bar, line, area, scatter and bubble charts; this ${spec.type} chart leaves them out.`);
     }
@@ -2777,6 +2956,8 @@ function layoutChart(spec, options) {
     }
     case "barrace":
       return finish(layoutBarRace(ctx, area, options.raceFrame));
+    case "streamgraph":
+      return finish(layoutStreamgraph(ctx, area, visible));
     case "sankey":
       if (!spec.links.length) {
         ctx.warn("type-fallback", "A Sankey diagram needs flows (set_chart_links); it is drawn as a bar chart until then.");
@@ -2893,7 +3074,7 @@ function addReadout(ctx, readout, plot) {
   } else return;
   const axis = series.axis === "secondary" ? spec.yAxis2 : spec.yAxis;
   const x = _optionalChain([series, 'access', _77 => _77.x, 'optionalAccess', _78 => _78[readout.index]]);
-  const text = x !== null && x !== void 0 && _chunkOUO3DSRTcjs.chartFamily.call(void 0, spec) === "xy" ? `${formatChartNumber(x, spec.xAxis.format)}, ${formatChartNumber(value, axis.format)}` : `${_nullishCoalesce(spec.categories[readout.index], () => ( ""))}: ${formatChartNumber(value, _nullishCoalesce(series.format, () => ( axis.format)))}`;
+  const text = x !== null && x !== void 0 && _chunkWRZ6C4TUcjs.chartFamily.call(void 0, spec) === "xy" ? `${formatChartNumber(x, spec.xAxis.format)}, ${formatChartNumber(value, axis.format)}` : `${_nullishCoalesce(spec.categories[readout.index], () => ( ""))}: ${formatChartNumber(value, _nullishCoalesce(series.format, () => ( axis.format)))}`;
   const w = measure(text, fs, 600) + 10;
   const h = fs + 8;
   const bx = Math.max(plot.x, Math.min(plot.x + plot.width - w, ax - w / 2));
@@ -3009,4 +3190,5 @@ function snapChartValue(scene, value, step, ticks = _nullishCoalesce(_optionalCh
 
 
 
-exports.parseChartDate = parseChartDate; exports.CHART_DATE_STEPS = CHART_DATE_STEPS; exports.formatChartDate = formatChartDate; exports.chartDateLabels = chartDateLabels; exports.compileChartFormatCode = compileChartFormatCode; exports.formatChartValueWithCode = formatChartValueWithCode; exports.chartSerialToDate = chartSerialToDate; exports.chartDateToSerial = chartDateToSerial; exports.niceStep = niceStep; exports.niceScale = niceScale; exports.stepDecimals = stepDecimals; exports.formatChartNumber = formatChartNumber; exports.linearMap = linearMap; exports.niceLogScale = niceLogScale; exports.chartScaleToPixel = chartScaleToPixel; exports.chartScaleFromPixel = chartScaleFromPixel; exports.estimateChartTextWidth = estimateChartTextWidth; exports.sameChartSelection = sameChartSelection; exports.contrastingTextColor = contrastingTextColor; exports.r2 = r2; exports.chartHistogram = chartHistogram; exports.chartQuantile = chartQuantile; exports.suggestChartReferences = suggestChartReferences; exports.chartBoxStats = chartBoxStats; exports.chartSquarify = chartSquarify; exports.decimateChartPoints = decimateChartPoints; exports.summarizeChartSeries = summarizeChartSeries; exports.fitChartTrendline = fitChartTrendline; exports.trendNumberText = trendNumberText; exports.chartMovingAverage = chartMovingAverage; exports.chartTrendlineName = chartTrendlineName; exports.chartSupportsTrendlines = chartSupportsTrendlines; exports.MAX_CHART_DATA_LABELS = MAX_CHART_DATA_LABELS; exports.MAX_CHART_LINE_POINTS = MAX_CHART_LINE_POINTS; exports.MAX_CHART_MARKERS = MAX_CHART_MARKERS; exports.registerChartMap = registerChartMap; exports.getChartMap = getChartMap; exports.listChartMaps = listChartMaps; exports.matchChartMapRegions = matchChartMapRegions; exports.chartMapBreaks = chartMapBreaks; exports.chartMapClass = chartMapClass; exports.chartMapRamp = chartMapRamp; exports.chartRaceValueAt = chartRaceValueAt; exports.chartRaceMoment = chartRaceMoment; exports.chartRaceRanking = chartRaceRanking; exports.layoutChart = layoutChart; exports.chartValueAtPoint = chartValueAtPoint; exports.chartCategoryAtPoint = chartCategoryAtPoint; exports.chartXAtPoint = chartXAtPoint; exports.snapChartValue = snapChartValue;
+
+exports.parseChartDate = parseChartDate; exports.CHART_DATE_STEPS = CHART_DATE_STEPS; exports.formatChartDate = formatChartDate; exports.chartDateLabels = chartDateLabels; exports.compileChartFormatCode = compileChartFormatCode; exports.formatChartValueWithCode = formatChartValueWithCode; exports.chartSerialToDate = chartSerialToDate; exports.chartDateToSerial = chartDateToSerial; exports.niceStep = niceStep; exports.niceScale = niceScale; exports.stepDecimals = stepDecimals; exports.formatChartNumber = formatChartNumber; exports.linearMap = linearMap; exports.niceLogScale = niceLogScale; exports.chartScaleToPixel = chartScaleToPixel; exports.chartScaleFromPixel = chartScaleFromPixel; exports.estimateChartTextWidth = estimateChartTextWidth; exports.sameChartSelection = sameChartSelection; exports.contrastingTextColor = contrastingTextColor; exports.r2 = r2; exports.chartHistogram = chartHistogram; exports.chartQuantile = chartQuantile; exports.suggestChartReferences = suggestChartReferences; exports.chartBoxStats = chartBoxStats; exports.chartSquarify = chartSquarify; exports.decimateChartPoints = decimateChartPoints; exports.summarizeChartSeries = summarizeChartSeries; exports.fitChartTrendline = fitChartTrendline; exports.trendNumberText = trendNumberText; exports.chartMovingAverage = chartMovingAverage; exports.chartTrendlineName = chartTrendlineName; exports.chartSupportsTrendlines = chartSupportsTrendlines; exports.MAX_CHART_DATA_LABELS = MAX_CHART_DATA_LABELS; exports.MAX_CHART_LINE_POINTS = MAX_CHART_LINE_POINTS; exports.MAX_CHART_MARKERS = MAX_CHART_MARKERS; exports.layoutStreamgraph = layoutStreamgraph; exports.registerChartMap = registerChartMap; exports.getChartMap = getChartMap; exports.listChartMaps = listChartMaps; exports.matchChartMapRegions = matchChartMapRegions; exports.chartMapBreaks = chartMapBreaks; exports.chartMapClass = chartMapClass; exports.chartMapRamp = chartMapRamp; exports.chartRaceValueAt = chartRaceValueAt; exports.chartRaceMoment = chartRaceMoment; exports.chartRaceRanking = chartRaceRanking; exports.layoutChart = layoutChart; exports.chartValueAtPoint = chartValueAtPoint; exports.chartCategoryAtPoint = chartCategoryAtPoint; exports.chartXAtPoint = chartXAtPoint; exports.snapChartValue = snapChartValue;

package/dist/{chunk-RLOIEDA3.cjs → chunk-O7QXVGMP.cjs}

@@ -5,14 +5,14 @@
 
 
 
-var _chunkGXEC4FS6cjs = require('./chunk-GXEC4FS6.cjs');
+var _chunk5DQPDXOMcjs = require('./chunk-5DQPDXOM.cjs');
 
 
-var _chunkTUXKLM5Wcjs = require('./chunk-TUXKLM5W.cjs');
+var _chunkN76AMOKEcjs = require('./chunk-N76AMOKE.cjs');
 
 
 
-var _chunkOUO3DSRTcjs = require('./chunk-OUO3DSRT.cjs');
+var _chunkWRZ6C4TUcjs = require('./chunk-WRZ6C4TU.cjs');
 
 
 var _chunkG43MNQ4Ccjs = require('./chunk-G43MNQ4C.cjs');
@@ -1211,7 +1211,7 @@ var ChartNodeView = (_class = class {
     this.dom.contentEditable = "false";
     this.syncAttributes();
     this.key = specKey(this.node.attrs.spec);
-    this.controller = new (0, _chunkGXEC4FS6cjs.ChartController)({ spec: this.node.attrs.spec });
+    this.controller = new (0, _chunk5DQPDXOMcjs.ChartController)({ spec: this.node.attrs.spec });
     this.unsubscribe = this.controller.subscribe((state) => {
       if (!state.gesture) this.writeBack();
     });
@@ -1444,7 +1444,7 @@ function readSpec(value) {
     }
   }
   if (!input || typeof input !== "object" || Array.isArray(input)) return null;
-  return _chunkOUO3DSRTcjs.normalizeChartSpec.call(void 0, input).spec;
+  return _chunkWRZ6C4TUcjs.normalizeChartSpec.call(void 0, input).spec;
 }
 var readSize = (value) => {
   const n = value === null ? NaN : Number(value);
@@ -1470,10 +1470,10 @@ function staticChartSvg(node, options) {
   const spec = node.attrs.spec;
   const width = _nullishCoalesce(node.attrs.width, () => ( options.defaultWidth));
   const height = _nullishCoalesce(node.attrs.height, () => ( options.defaultHeight));
-  const scene = _chunkTUXKLM5Wcjs.layoutChart.call(void 0, spec, { width, height, theme: options.theme, selection: null });
-  return _chunkGXEC4FS6cjs.chartSceneToDomSpec.call(void 0, scene, {
+  const scene = _chunkN76AMOKEcjs.layoutChart.call(void 0, spec, { width, height, theme: options.theme, selection: null });
+  return _chunk5DQPDXOMcjs.chartSceneToDomSpec.call(void 0, scene, {
     ariaLabel: spec.title || "Chart",
-    description: _chunkGXEC4FS6cjs.describeChart.call(void 0, spec),
+    description: _chunk5DQPDXOMcjs.describeChart.call(void 0, spec),
     attrs: { style: "max-width: 100%; height: auto; display: block" }
   });
 }
@@ -1489,7 +1489,7 @@ var Chart = _core.Node.create({
     return {
       HTMLAttributes: {},
       nodeView: null,
-      theme: _chunkOUO3DSRTcjs.DEFAULT_CHART_THEME,
+      theme: _chunkWRZ6C4TUcjs.DEFAULT_CHART_THEME,
       defaultWidth: 640,
       defaultHeight: 320,
       generateId: () => generateStructureId("chart")
@@ -1503,7 +1503,7 @@ var Chart = _core.Node.create({
         renderHTML: (attributes) => attributes.id ? { "data-chart-id": attributes.id } : {}
       },
       spec: {
-        default: _chunkOUO3DSRTcjs.normalizeChartSpec.call(void 0, {}).spec,
+        default: _chunkWRZ6C4TUcjs.normalizeChartSpec.call(void 0, {}).spec,
         // null (no `data-chart`) keeps what the parse rule found, e.g. a mermaid block's spec.
         parseHTML: (element) => readSpec(element.getAttribute("data-chart")),
         renderHTML: (attributes) => ({
@@ -1541,7 +1541,7 @@ var Chart = _core.Node.create({
           const code = element.querySelector("code");
           const language = _nullishCoalesce(_nullishCoalesce(_optionalChain([code, 'optionalAccess', _34 => _34.getAttribute, 'call', _35 => _35("class")]), () => ( element.getAttribute("data-language"))), () => ( ""));
           if (!/(?:^|\s)language-mermaid(?:\s|$)/.test(language) && language !== "mermaid") return false;
-          const result = _chunkGXEC4FS6cjs.chartFromMermaid.call(void 0, _nullishCoalesce((_nullishCoalesce(code, () => ( element))).textContent, () => ( "")));
+          const result = _chunk5DQPDXOMcjs.chartFromMermaid.call(void 0, _nullishCoalesce((_nullishCoalesce(code, () => ( element))).textContent, () => ( "")));
           return result.family ? { spec: result.spec } : false;
         }
       }
@@ -1565,7 +1565,7 @@ var Chart = _core.Node.create({
     return {
       markdown: {
         serialize(state, node) {
-          const text = _chunkGXEC4FS6cjs.chartToMermaid.call(void 0, node.attrs.spec);
+          const text = _chunk5DQPDXOMcjs.chartToMermaid.call(void 0, node.attrs.spec);
           const fence = "`".repeat(Math.max(3, longestBacktickRun(text) + 1));
           state.write(`${fence}mermaid
 `);
@@ -1587,7 +1587,7 @@ var Chart = _core.Node.create({
         type: this.name,
         attrs: {
           id: _nullishCoalesce(options.id, () => ( this.options.generateId())),
-          spec: _chunkOUO3DSRTcjs.normalizeChartSpec.call(void 0, _nullishCoalesce(options.spec, () => ( {}))).spec,
+          spec: _chunkWRZ6C4TUcjs.normalizeChartSpec.call(void 0, _nullishCoalesce(options.spec, () => ( {}))).spec,
           width: _nullishCoalesce(options.width, () => ( null)),
           height: _nullishCoalesce(options.height, () => ( this.options.defaultHeight))
         }
@@ -1598,7 +1598,7 @@ var Chart = _core.Node.create({
         if (dispatch) {
           tr.setNodeMarkup(chart.pos, void 0, {
             ...chart.node.attrs,
-            ...changes.spec !== void 0 ? { spec: _chunkOUO3DSRTcjs.normalizeChartSpec.call(void 0, changes.spec).spec } : {},
+            ...changes.spec !== void 0 ? { spec: _chunkWRZ6C4TUcjs.normalizeChartSpec.call(void 0, changes.spec).spec } : {},
             ...changes.width !== void 0 ? { width: changes.width } : {},
             ...changes.height !== void 0 ? { height: changes.height } : {}
           });
@@ -1705,14 +1705,14 @@ var Sparkline = _core.Node.create({
     return [{ tag: 'span[data-type="sparkline"]', priority: 60 }];
   },
   renderHTML({ node, HTMLAttributes }) {
-    const scene = _chunkGXEC4FS6cjs.layoutSparkline.call(void 0, node.attrs.values, {
+    const scene = _chunk5DQPDXOMcjs.layoutSparkline.call(void 0, node.attrs.values, {
       kind: node.attrs.kind,
       width: node.attrs.width,
       height: node.attrs.height,
       color: _nullishCoalesce(node.attrs.color, () => ( this.options.color)),
       negativeColor: this.options.negativeColor
     });
-    const svg = _chunkGXEC4FS6cjs.chartSceneToDomSpec.call(void 0, scene, {
+    const svg = _chunk5DQPDXOMcjs.chartSceneToDomSpec.call(void 0, scene, {
       ariaLabel: sparklineLabel(node),
       attrs: { style: "display: inline-block; vertical-align: middle" }
     });

package/dist/{chunk-R2VHVQVY.js → chunk-PI2UYMZY.js}

@@ -5,14 +5,14 @@ import {
   chartToMermaid,
   describeChart,
   layoutSparkline
-} from "./chunk-KPWG3PSW.js";
+} from "./chunk-23E5GI2U.js";
 import {
   layoutChart
-} from "./chunk-OJQVKJYD.js";
+} from "./chunk-WKMUBATU.js";
 import {
   DEFAULT_CHART_THEME,
   normalizeChartSpec
-} from "./chunk-ORZF4JOO.js";
+} from "./chunk-6ZZKRH7R.js";
 import {
   plainTextToSlice
 } from "./chunk-2INPJDNY.js";