@pixerate/editor 0.256.0 → 0.258.0

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

@@ -12,7 +12,7 @@
 
 
 
-var _chunkWRZ6C4TUcjs = require('./chunk-WRZ6C4TU.cjs');
+var _chunkP6WYDBTHcjs = require('./chunk-P6WYDBTH.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, _chunkWRZ6C4TUcjs.chartSeriesType.call(void 0, spec, s)]));
+  const types = new Map(visible.map((s) => [s.id, _chunkP6WYDBTHcjs.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,
-      _chunkWRZ6C4TUcjs.chartErrorAmounts.call(void 0, s.errorBars, s.values).map((e, i) => {
+      _chunkP6WYDBTHcjs.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 = _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, si);
+    const color = _chunkP6WYDBTHcjs.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 = _chunkWRZ6C4TUcjs.chartPointColor.call(void 0, spec, si, i);
+        const fill = _chunkP6WYDBTHcjs.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 = _chunkWRZ6C4TUcjs.chartPointColor.call(void 0, spec, si, i);
+        const pointColor = _chunkP6WYDBTHcjs.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, _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))))));
+    if (s.errorBars) yErrors.set(s.id, _chunkP6WYDBTHcjs.chartErrorAmounts.call(void 0, s.errorBars, s.values));
+    if (s.xErrorBars) xErrors.set(s.id, _chunkP6WYDBTHcjs.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 = _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, si);
-    const type = _chunkWRZ6C4TUcjs.chartSeriesType.call(void 0, spec, s);
+    const color = _chunkP6WYDBTHcjs.chartSeriesColor.call(void 0, spec, si);
+    const type = _chunkP6WYDBTHcjs.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 = _chunkWRZ6C4TUcjs.chartPointColor.call(void 0, spec, si, p.i);
+      const pointColor = _chunkP6WYDBTHcjs.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));
@@ -1749,7 +1749,7 @@ function layoutStreamgraph(ctx, area, visible) {
   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 color = _chunkP6WYDBTHcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
     const selSeries = ctx.seriesSelected(s.id);
     const bottomPts = [];
     const topPts = [];
@@ -1899,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) => _chunkWRZ6C4TUcjs.shadeChartColor.call(void 0, base, 0.82 - 1.17 * k / (count - 1)));
+  return Array.from({ length: count }, (_, k) => _chunkP6WYDBTHcjs.shadeChartColor.call(void 0, base, 0.82 - 1.17 * k / (count - 1)));
 }
 
 // src/chart/race.ts
@@ -1935,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]]) || _chunkWRZ6C4TUcjs.chartSliceColor.call(void 0, ctx.spec, i);
+var sliceColor = (ctx, series, i) => _optionalChain([series, 'access', _45 => _45.pointColors, 'optionalAccess', _46 => _46[i]]) || _chunkP6WYDBTHcjs.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) => {
@@ -2051,7 +2051,7 @@ function layoutRadar(ctx, area, visible) {
     });
   for (const s of visible) {
     const si = spec.series.indexOf(s);
-    const color = _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, si);
+    const color = _chunkP6WYDBTHcjs.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);
@@ -2101,7 +2101,7 @@ function layoutWaterfall(ctx, area, series) {
   });
   const { band, catCenter, map, value } = frame;
   const w = band * (1 - spec.gapWidth);
-  const color = _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(series));
+  const color = _chunkP6WYDBTHcjs.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;
@@ -2160,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 = _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
+    const color = _chunkP6WYDBTHcjs.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) => {
@@ -2191,7 +2191,7 @@ function layoutBox(ctx, area, visible) {
   visible.forEach((s, i) => {
     const st = stats[i];
     if (!st) return;
-    const color = _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
+    const color = _chunkP6WYDBTHcjs.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);
@@ -2410,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]]) || _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(s));
+      const fill = _optionalChain([s, 'access', _48 => _48.pointColors, 'optionalAccess', _49 => _49[i]]) || _chunkP6WYDBTHcjs.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 });
@@ -2509,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]]) || _chunkWRZ6C4TUcjs.chartSliceColor.call(void 0, ctx.spec, group);
-  return _chunkWRZ6C4TUcjs.shadeChartColor.call(void 0, base, shade);
+  if (base === null) return _optionalChain([series, 'optionalAccess', _50 => _50.pointColors, 'optionalAccess', _51 => _51[group]]) || _chunkP6WYDBTHcjs.chartSliceColor.call(void 0, ctx.spec, group);
+  return _chunkP6WYDBTHcjs.shadeChartColor.call(void 0, base, shade);
 }
 function layoutTreemapTree(ctx, area, series) {
   const { spec, marks, theme, fs, measure } = ctx;
@@ -2518,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(_chunkWRZ6C4TUcjs.chartTreeTotal), rect);
+    const rects = chartSquarify(nodes.map(_chunkP6WYDBTHcjs.chartTreeTotal), rect);
     nodes.forEach((node, k) => {
       const r = rects[k];
       if (r.width <= 0.5 || r.height <= 0.5) return;
@@ -2553,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 : _chunkWRZ6C4TUcjs.chartTreeFromSeries.call(void 0, spec.categories, _nullishCoalesce(_optionalChain([series, 'optionalAccess', _55 => _55.values]), () => ( [])));
+  const tree = spec.tree.length ? spec.tree : _chunkP6WYDBTHcjs.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 = _chunkWRZ6C4TUcjs.chartTreeDepth.call(void 0, tree);
-  const total = tree.reduce((t, n) => t + _chunkWRZ6C4TUcjs.chartTreeTotal.call(void 0, n), 0);
+  const depth = _chunkP6WYDBTHcjs.chartTreeDepth.call(void 0, tree);
+  const total = tree.reduce((t, n) => t + _chunkP6WYDBTHcjs.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);
@@ -2570,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 + _chunkWRZ6C4TUcjs.chartTreeTotal.call(void 0, n), 0);
+    const sum = nodes.reduce((t, n) => t + _chunkP6WYDBTHcjs.chartTreeTotal.call(void 0, n), 0);
     let at = start;
     nodes.forEach((node, k) => {
-      const value = _chunkWRZ6C4TUcjs.chartTreeTotal.call(void 0, node);
+      const value = _chunkP6WYDBTHcjs.chartTreeTotal.call(void 0, node);
       if (!(value > 0) || !sum) return;
       const a0 = at;
       const a1 = at + sweep * value / sum;
@@ -2645,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]]) || _chunkWRZ6C4TUcjs.chartSliceColor.call(void 0, spec, i);
+  const color = (i) => _optionalChain([series, 'optionalAccess', _61 => _61.pointColors, 'optionalAccess', _62 => _62[i]]) || _chunkP6WYDBTHcjs.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);
@@ -2730,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: _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: "rect", key: `bar-${e.seriesId}`, role: "bar", x: plot.x, y, width, height: barH, fill: _chunkP6WYDBTHcjs.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 });
   }
@@ -2755,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, () => ( _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(series)))), breaks.length + 1);
+  const ramp = chartMapRamp(_nullishCoalesce(series.color, () => ( _chunkP6WYDBTHcjs.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));
@@ -2800,14 +2800,14 @@ function layoutChoropleth(ctx, area, series) {
 
 // src/chart/layout.ts
 function legendItems(spec, ctx) {
-  const family = _chunkWRZ6C4TUcjs.chartFamily.call(void 0, spec);
+  const family = _chunkP6WYDBTHcjs.chartFamily.call(void 0, spec);
   if (spec.type === "funnel" || spec.type === "slope" || spec.type === "sankey" || spec.type === "barrace" || spec.type === "choropleth") return [];
-  if (_chunkWRZ6C4TUcjs.chartSpecColorsByCategory.call(void 0, spec)) {
+  if (_chunkP6WYDBTHcjs.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]]) || _chunkWRZ6C4TUcjs.chartSliceColor.call(void 0, spec, i),
+      color: _optionalChain([first, 'optionalAccess', _70 => _70.pointColors, 'optionalAccess', _71 => _71[i]]) || _chunkP6WYDBTHcjs.chartSliceColor.call(void 0, spec, i),
       target: { kind: "category", index: i },
       faded: false,
       selected: ctx.isSelected({ kind: "category", index: i }),
@@ -2821,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: _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, spec.series.indexOf(first)), target, faded: false, selected: false, shape: "square" }
+      { label: "Total", color: _chunkP6WYDBTHcjs.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) => _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, i));
+  const trends = trendlineLegendItems(spec, (i) => _chunkP6WYDBTHcjs.chartSeriesColor.call(void 0, spec, i));
   const items = [];
   spec.series.forEach((s, i) => {
-    const type = _chunkWRZ6C4TUcjs.chartSeriesType.call(void 0, spec, s);
+    const type = _chunkP6WYDBTHcjs.chartSeriesType.call(void 0, spec, s);
     items.push({
       label: s.name,
-      color: _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, i),
+      color: _chunkP6WYDBTHcjs.chartSeriesColor.call(void 0, spec, i),
       target: { kind: "series", seriesId: s.id },
       faded: !!s.hidden,
       selected: ctx.seriesSelected(s.id),
@@ -2844,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 = { ..._chunkWRZ6C4TUcjs.DEFAULT_CHART_THEME, ...options.theme };
+  const theme = { ..._chunkP6WYDBTHcjs.DEFAULT_CHART_THEME, ...options.theme };
   const selection = _nullishCoalesce(options.selection, () => ( null));
   const marks = [];
   const warnings = [];
@@ -2883,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 = _chunkWRZ6C4TUcjs.chartFamily.call(void 0, spec);
+  const family = _chunkP6WYDBTHcjs.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 || _chunkWRZ6C4TUcjs.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 || _chunkP6WYDBTHcjs.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(_chunkWRZ6C4TUcjs.chartFamily.call(void 0, spec))) drawCallouts(ctx, result.plot);
+      if (chartAnnotationFamily(_chunkP6WYDBTHcjs.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.`);
     }
@@ -3074,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 && _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 text = x !== null && x !== void 0 && _chunkP6WYDBTHcjs.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));

package/dist/chunk-MEGSQUQO.cjs

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+
+var _chunkSXQHWXELcjs = require('./chunk-SXQHWXEL.cjs');
+
+
+
+
+
+
+
+
+var _chunk5UEFBM2Mcjs = require('./chunk-5UEFBM2M.cjs');
+
+// src/color/suggest.ts
+function suggestAccessibleForeground(foreground, background, options = {}) {
+  const large = _nullishCoalesce(options.large, () => ( false));
+  const lch = _chunk5UEFBM2Mcjs.oklabToOklch.call(void 0, _chunk5UEFBM2Mcjs.rgbToOklab.call(void 0, foreground));
+  const asHex = (l) => _chunk5UEFBM2Mcjs.parseColor.call(void 0, _chunkSXQHWXELcjs.formatHex.call(void 0, _chunkSXQHWXELcjs.toSrgbGamut.call(void 0, _chunk5UEFBM2Mcjs.oklabToRgb.call(void 0, _chunk5UEFBM2Mcjs.oklchToOklab.call(void 0, { ...lch, l })))));
+  for (let d = 0.01; d <= 1; d += 0.01) {
+    const downCand = asHex(Math.max(0, lch.l - d));
+    const upCand = asHex(Math.min(1, lch.l + d));
+    const downRatio = _chunk5UEFBM2Mcjs.contrastRatio.call(void 0, downCand, background);
+    const upRatio = _chunk5UEFBM2Mcjs.contrastRatio.call(void 0, upCand, background);
+    const downPass = _chunk5UEFBM2Mcjs.contrastLevel.call(void 0, downRatio, { large }) !== "fail";
+    const upPass = _chunk5UEFBM2Mcjs.contrastLevel.call(void 0, upRatio, { large }) !== "fail";
+    if (downPass && upPass) return _chunkSXQHWXELcjs.formatHex.call(void 0, downRatio >= upRatio ? downCand : upCand);
+    if (downPass) return _chunkSXQHWXELcjs.formatHex.call(void 0, downCand);
+    if (upPass) return _chunkSXQHWXELcjs.formatHex.call(void 0, upCand);
+  }
+  return void 0;
+}
+
+
+
+exports.suggestAccessibleForeground = suggestAccessibleForeground;

package/dist/chunk-MLLTWAXH.cjs

@@ -0,0 +1,276 @@
+"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 _chunkSXQHWXELcjs = require('./chunk-SXQHWXEL.cjs');
+
+
+
+
+
+
+
+
+var _chunk5UEFBM2Mcjs = require('./chunk-5UEFBM2M.cjs');
+
+// src/color/dual.ts
+var DEFAULT_SCHEME_SURFACES = {
+  light: "#ffffff",
+  dark: "#0b0b0f"
+};
+var clamp = (v, min, max) => Math.min(max, Math.max(min, v));
+function isDualColor(value) {
+  return typeof value === "object" && value !== null && typeof value.light === "string" && typeof value.dark === "string";
+}
+function parseDualColor(input) {
+  if (input === null || input === void 0) return null;
+  if (isDualColor(input)) {
+    if (_chunk5UEFBM2Mcjs.parseColor.call(void 0, input.light) === null || _chunk5UEFBM2Mcjs.parseColor.call(void 0, input.dark) === null) {
+      return null;
+    }
+    return { light: input.light, dark: input.dark };
+  }
+  if (typeof input === "string") {
+    const trimmed = input.trim();
+    if (trimmed.toLowerCase().startsWith("light-dark(") && trimmed.endsWith(")")) {
+      const inner = trimmed.slice("light-dark(".length, -1).trim();
+      if (inner.toLowerCase().includes("light-dark(")) {
+        return null;
+      }
+      let depth = 0;
+      let commaIndex = -1;
+      for (let i = 0; i < inner.length; i++) {
+        const char = inner[i];
+        if (char === "(") {
+          depth++;
+        } else if (char === ")") {
+          depth--;
+          if (depth < 0) return null;
+        } else if (char === "," && depth === 0) {
+          if (commaIndex !== -1) {
+            return null;
+          }
+          commaIndex = i;
+        }
+      }
+      if (depth !== 0 || commaIndex === -1) {
+        return null;
+      }
+      const lightPart = inner.slice(0, commaIndex).trim();
+      const darkPart = inner.slice(commaIndex + 1).trim();
+      if (!lightPart || !darkPart) return null;
+      if (_chunk5UEFBM2Mcjs.parseColor.call(void 0, lightPart) === null || _chunk5UEFBM2Mcjs.parseColor.call(void 0, darkPart) === null) {
+        return null;
+      }
+      return { light: lightPart, dark: darkPart };
+    }
+    if (_chunk5UEFBM2Mcjs.parseColor.call(void 0, trimmed) !== null) {
+      return { light: trimmed, dark: trimmed };
+    }
+  }
+  return null;
+}
+function normalizeDualColor(input) {
+  const parsed = parseDualColor(input);
+  if (!parsed) return null;
+  const light = _chunkSXQHWXELcjs.normalizeColor.call(void 0, parsed.light);
+  const dark = _chunkSXQHWXELcjs.normalizeColor.call(void 0, parsed.dark);
+  if (!light || !dark) return null;
+  return { light, dark };
+}
+function resolveColor(value, scheme) {
+  const normalized = normalizeDualColor(value);
+  if (!normalized) return null;
+  return scheme === "dark" ? normalized.dark : normalized.light;
+}
+function formatDualColor(value) {
+  const light = _nullishCoalesce(_chunkSXQHWXELcjs.normalizeColor.call(void 0, value.light), () => ( value.light));
+  const dark = _nullishCoalesce(_chunkSXQHWXELcjs.normalizeColor.call(void 0, value.dark), () => ( value.dark));
+  if (light === dark) {
+    return light;
+  }
+  return `light-dark(${light}, ${dark})`;
+}
+function isSameInBothSchemes(value) {
+  const light = _chunkSXQHWXELcjs.normalizeColor.call(void 0, value.light);
+  const dark = _chunkSXQHWXELcjs.normalizeColor.call(void 0, value.dark);
+  if (!light || !dark) return value.light === value.dark;
+  return light === dark;
+}
+function setDualColorSide(value, scheme, color) {
+  const base = _nullishCoalesce(normalizeDualColor(value), () => ( { light: "#000000", dark: "#000000" }));
+  const normColor = _nullishCoalesce(_chunkSXQHWXELcjs.normalizeColor.call(void 0, color), () => ( color));
+  return {
+    light: scheme === "light" ? normColor : base.light,
+    dark: scheme === "dark" ? normColor : base.dark
+  };
+}
+function deriveDualColor(color, options) {
+  const fromScheme = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _ => _.from]), () => ( "light"));
+  const baseRgba = _chunk5UEFBM2Mcjs.parseColor.call(void 0, color);
+  if (!baseRgba) {
+    throw new Error(`"${String(color)}" is not a colour; pass hex, rgb(), hsl(), oklch() or a CSS colour name.`);
+  }
+  if (_optionalChain([options, 'optionalAccess', _2 => _2.surfaces]) && !normalizeDualColor(options.surfaces)) {
+    throw new Error('The surfaces need a readable light and dark colour, e.g. { light: "#ffffff", dark: "#0b0b0f" }.');
+  }
+  const baseHex = _chunkSXQHWXELcjs.formatHex.call(void 0, baseRgba);
+  const lab = _chunk5UEFBM2Mcjs.rgbToOklab.call(void 0, baseRgba);
+  const lch = _chunk5UEFBM2Mcjs.oklabToOklch.call(void 0, lab);
+  const startL = clamp(1.05 - lch.l, 0.12, 0.95);
+  const targetC = lch.c * 0.9;
+  const targetH = lch.h;
+  let derivedHex;
+  if (_optionalChain([options, 'optionalAccess', _3 => _3.surfaces])) {
+    const surfaces = options.surfaces;
+    const fromSurfaceRgba = _chunk5UEFBM2Mcjs.parseColor.call(void 0, surfaces[fromScheme]);
+    const targetScheme = fromScheme === "light" ? "dark" : "light";
+    const targetSurfaceRgba = _chunk5UEFBM2Mcjs.parseColor.call(void 0, surfaces[targetScheme]);
+    const targetRatio = _chunk5UEFBM2Mcjs.contrastRatio.call(void 0, baseRgba, fromSurfaceRgba);
+    const targetSurfaceL = _chunk5UEFBM2Mcjs.oklabToOklch.call(void 0, _chunk5UEFBM2Mcjs.rgbToOklab.call(void 0, targetSurfaceRgba)).l;
+    const preferHigherL = targetSurfaceL < 0.5;
+    let bestDiff = Infinity;
+    let bestL = startL;
+    for (let candL = 0.05; candL <= 0.98; candL += 5e-3) {
+      const candRgb = _chunkSXQHWXELcjs.toSrgbGamut.call(void 0, 
+        _chunk5UEFBM2Mcjs.oklabToRgb.call(void 0, _chunk5UEFBM2Mcjs.oklchToOklab.call(void 0, { l: candL, c: targetC, h: targetH, alpha: baseRgba.a }))
+      );
+      const ratio = _chunk5UEFBM2Mcjs.contrastRatio.call(void 0, candRgb, targetSurfaceRgba);
+      const diff = Math.abs(ratio - targetRatio);
+      const isBetter = diff < bestDiff - 1e-4 || Math.abs(diff - bestDiff) <= 1e-4 && (preferHigherL ? candL > bestL : candL < bestL);
+      if (isBetter) {
+        bestDiff = diff;
+        bestL = candL;
+      }
+    }
+    const finalRgba = _chunkSXQHWXELcjs.toSrgbGamut.call(void 0, 
+      _chunk5UEFBM2Mcjs.oklabToRgb.call(void 0, _chunk5UEFBM2Mcjs.oklchToOklab.call(void 0, { l: bestL, c: targetC, h: targetH, alpha: baseRgba.a }))
+    );
+    derivedHex = _chunkSXQHWXELcjs.formatHex.call(void 0, finalRgba);
+  } else {
+    const finalRgba = _chunkSXQHWXELcjs.toSrgbGamut.call(void 0, 
+      _chunk5UEFBM2Mcjs.oklabToRgb.call(void 0, _chunk5UEFBM2Mcjs.oklchToOklab.call(void 0, { l: startL, c: targetC, h: targetH, alpha: baseRgba.a }))
+    );
+    derivedHex = _chunkSXQHWXELcjs.formatHex.call(void 0, finalRgba);
+  }
+  return fromScheme === "light" ? { light: baseHex, dark: derivedHex } : { light: derivedHex, dark: baseHex };
+}
+function checkDualColorContrast(foreground, background, options) {
+  const large = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _4 => _4.large]), () => ( false));
+  const requiredRatio = large ? 3 : 4.5;
+  const fg = normalizeDualColor(foreground);
+  const bg = normalizeDualColor(background);
+  if (!fg) throw new Error(`The foreground "${describeValue(foreground)}" is not a colour, light-dark() or { light, dark }.`);
+  if (!bg) throw new Error(`The background "${describeValue(background)}" is not a colour, light-dark() or { light, dark }.`);
+  const lightFgHex = fg.light;
+  const lightBgHex = bg.light;
+  const darkFgHex = fg.dark;
+  const darkBgHex = bg.dark;
+  const lightFg = _chunk5UEFBM2Mcjs.parseColor.call(void 0, lightFgHex);
+  const lightBg = _chunk5UEFBM2Mcjs.parseColor.call(void 0, lightBgHex);
+  const darkFg = _chunk5UEFBM2Mcjs.parseColor.call(void 0, darkFgHex);
+  const darkBg = _chunk5UEFBM2Mcjs.parseColor.call(void 0, darkBgHex);
+  const lightRatio = Math.round(_chunk5UEFBM2Mcjs.contrastRatio.call(void 0, lightFg, lightBg) * 100) / 100;
+  const darkRatio = Math.round(_chunk5UEFBM2Mcjs.contrastRatio.call(void 0, darkFg, darkBg) * 100) / 100;
+  const lightLevel = _chunk5UEFBM2Mcjs.contrastLevel.call(void 0, lightRatio, { large });
+  const darkLevel = _chunk5UEFBM2Mcjs.contrastLevel.call(void 0, darkRatio, { large });
+  const issues = [];
+  if (lightLevel === "fail") {
+    issues.push(
+      `In light mode, ${lightFgHex} on ${lightBgHex} has a contrast of ${lightRatio.toFixed(1)} (needs ${requiredRatio} for AA).`
+    );
+  }
+  if (darkLevel === "fail") {
+    issues.push(
+      `In dark mode, ${darkFgHex} on ${darkBgHex} has a contrast of ${darkRatio.toFixed(1)} (needs ${requiredRatio} for AA).`
+    );
+  }
+  return {
+    light: { ratio: lightRatio, level: lightLevel },
+    dark: { ratio: darkRatio, level: darkLevel },
+    issues
+  };
+}
+var CSS_VARIABLE_NAME = /^[A-Za-z_][A-Za-z0-9_-]*$/;
+function describeValue(value) {
+  return typeof value === "string" ? value : _nullishCoalesce(JSON.stringify(value), () => ( String(value)));
+}
+function dualColorsToCss(colors, options) {
+  const selector = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _5 => _5.selector]), () => ( ":root"));
+  const strategy = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _6 => _6.strategy]), () => ( "light-dark"));
+  const darkSelector = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _7 => _7.darkSelector]), () => ( ".dark"));
+  for (const [label, sel] of [["selector", selector], ["darkSelector", darkSelector]]) {
+    if (!sel.trim() || /[{};]/.test(sel)) {
+      throw new Error(`The ${label} "${sel}" is not a CSS selector (it can't be empty or contain "{", "}" or ";").`);
+    }
+  }
+  const normalized = {};
+  for (const [key, value] of Object.entries(colors)) {
+    if (!CSS_VARIABLE_NAME.test(key)) {
+      throw new Error(`"${key}" is not a CSS variable name; use letters, digits, "-" and "_" without the leading "--" (e.g. "brand-color").`);
+    }
+    const dual = normalizeDualColor(value);
+    if (!dual) throw new Error(`"${key}" has "${describeValue(value)}", which is not a colour, light-dark() or { light, dark }.`);
+    normalized[key] = dual;
+  }
+  const sortedKeys = Object.keys(normalized).sort();
+  switch (strategy) {
+    case "light-dark": {
+      const lines = [
+        `${selector} {`,
+        ...selector === ":root" ? ["  color-scheme: light dark;"] : [],
+        ...sortedKeys.map((k) => {
+          return `  --${k}: ${formatDualColor(normalized[k])};`;
+        }),
+        "}"
+      ];
+      return lines.join("\n");
+    }
+    case "media": {
+      const lightLines = [
+        `${selector} {`,
+        ...sortedKeys.map((k) => `  --${k}: ${normalized[k].light};`),
+        "}"
+      ];
+      const darkLines = [
+        `@media (prefers-color-scheme: dark) {`,
+        `  ${selector} {`,
+        ...sortedKeys.map((k) => `    --${k}: ${normalized[k].dark};`),
+        `  }`,
+        `}`
+      ];
+      return `${lightLines.join("\n")}
+
+${darkLines.join("\n")}`;
+    }
+    case "class": {
+      const lightLines = [
+        `${selector} {`,
+        ...sortedKeys.map((k) => `  --${k}: ${normalized[k].light};`),
+        "}"
+      ];
+      const darkLines = [
+        `${darkSelector} {`,
+        ...sortedKeys.map((k) => `  --${k}: ${normalized[k].dark};`),
+        "}"
+      ];
+      return `${lightLines.join("\n")}
+
+${darkLines.join("\n")}`;
+    }
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.DEFAULT_SCHEME_SURFACES = DEFAULT_SCHEME_SURFACES; exports.isDualColor = isDualColor; exports.parseDualColor = parseDualColor; exports.normalizeDualColor = normalizeDualColor; exports.resolveColor = resolveColor; exports.formatDualColor = formatDualColor; exports.isSameInBothSchemes = isSameInBothSchemes; exports.setDualColorSide = setDualColorSide; exports.deriveDualColor = deriveDualColor; exports.checkDualColorContrast = checkDualColorContrast; exports.dualColorsToCss = dualColorsToCss;

package/dist/{chunk-RHPSE2YR.js → chunk-MQ6MGIQM.js}

@@ -14,7 +14,7 @@ import {
   r2,
   sameChartSelection,
   summarizeChartSeries
-} from "./chunk-WKMUBATU.js";
+} from "./chunk-C2WEIEUB.js";
 import {
   CHART_TYPE_LABELS,
   DEFAULT_CHART_PALETTE,
@@ -47,7 +47,7 @@ import {
   parseChartValue,
   shadeChartColor,
   uniqueChartSeriesId
-} from "./chunk-6ZZKRH7R.js";
+} from "./chunk-47V3WXDG.js";
 import {
   parseCsv,
   parseTsv