@pixerate/editor 0.236.0 → 0.238.0

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

@@ -12,7 +12,7 @@
 
 
 
-var _chunkWRZ6C4TUcjs = require('./chunk-WRZ6C4TU.cjs');
+var _chunk3R5P3DVYcjs = require('./chunk-3R5P3DVY.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, _chunk3R5P3DVYcjs.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) => {
+      _chunk3R5P3DVYcjs.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 = _chunk3R5P3DVYcjs.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 = _chunk3R5P3DVYcjs.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 = _chunk3R5P3DVYcjs.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, _chunk3R5P3DVYcjs.chartErrorAmounts.call(void 0, s.errorBars, s.values));
+    if (s.xErrorBars) xErrors.set(s.id, _chunk3R5P3DVYcjs.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 = _chunk3R5P3DVYcjs.chartSeriesColor.call(void 0, spec, si);
+    const type = _chunk3R5P3DVYcjs.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 = _chunk3R5P3DVYcjs.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 = _chunk3R5P3DVYcjs.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) => _chunk3R5P3DVYcjs.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]]) || _chunk3R5P3DVYcjs.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 = _chunk3R5P3DVYcjs.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 = _chunk3R5P3DVYcjs.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 = _chunk3R5P3DVYcjs.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 = _chunk3R5P3DVYcjs.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]]) || _chunk3R5P3DVYcjs.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]]) || _chunk3R5P3DVYcjs.chartSliceColor.call(void 0, ctx.spec, group);
+  return _chunk3R5P3DVYcjs.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(_chunk3R5P3DVYcjs.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 : _chunk3R5P3DVYcjs.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 = _chunk3R5P3DVYcjs.chartTreeDepth.call(void 0, tree);
+  const total = tree.reduce((t, n) => t + _chunk3R5P3DVYcjs.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 + _chunk3R5P3DVYcjs.chartTreeTotal.call(void 0, n), 0);
     let at = start;
     nodes.forEach((node, k) => {
-      const value = _chunkWRZ6C4TUcjs.chartTreeTotal.call(void 0, node);
+      const value = _chunk3R5P3DVYcjs.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]]) || _chunk3R5P3DVYcjs.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: _chunk3R5P3DVYcjs.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, () => ( _chunk3R5P3DVYcjs.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 = _chunk3R5P3DVYcjs.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 (_chunk3R5P3DVYcjs.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]]) || _chunk3R5P3DVYcjs.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: _chunk3R5P3DVYcjs.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) => _chunk3R5P3DVYcjs.chartSeriesColor.call(void 0, spec, i));
   const items = [];
   spec.series.forEach((s, i) => {
-    const type = _chunkWRZ6C4TUcjs.chartSeriesType.call(void 0, spec, s);
+    const type = _chunk3R5P3DVYcjs.chartSeriesType.call(void 0, spec, s);
     items.push({
       label: s.name,
-      color: _chunkWRZ6C4TUcjs.chartSeriesColor.call(void 0, spec, i),
+      color: _chunk3R5P3DVYcjs.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 = { ..._chunk3R5P3DVYcjs.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 = _chunk3R5P3DVYcjs.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 || _chunk3R5P3DVYcjs.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(_chunk3R5P3DVYcjs.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 && _chunk3R5P3DVYcjs.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-WKMUBATU.js → chunk-N4DFDI73.js}

@@ -12,7 +12,7 @@ import {
   chartTreeTotal,
   chartVariesColors,
   shadeChartColor
-} from "./chunk-6ZZKRH7R.js";
+} from "./chunk-QARCM66V.js";
 import {
   NumberFormat
 } from "./chunk-II2WIF5Z.js";

package/dist/{chunk-GNZI3KYK.cjs → chunk-NKTNLJUJ.cjs}

@@ -26,8 +26,15 @@ var _chunkPQ3H2AANcjs = require('./chunk-PQ3H2AAN.cjs');
 
 
 
+
 var _chunk474IQG74cjs = require('./chunk-474IQG74.cjs');
 
+
+
+
+
+var _chunk7AHBW2CQcjs = require('./chunk-7AHBW2CQ.cjs');
+
 // src/paint-editor/effect-paint.ts
 function effectPaintKey(p) {
   return JSON.stringify({ type: "effect", effect: p.effect, provider: p.provider, values: p.values, time: p.time });
@@ -610,12 +617,23 @@ function drawSticker(medium, s) {
 }
 function jitterColor(hex, amount, seed, i) {
   const [r, g, b] = hexRgb(hex);
-  const l = (_chunkPQ3H2AANcjs.rand01.call(void 0, seed, i, 61) - 0.5) * amount * 0.6;
-  const h = (_chunkPQ3H2AANcjs.rand01.call(void 0, seed, i, 63) - 0.5) * amount;
-  const m = (r + g + b) / 3;
-  const rot = (c0, c1) => c0 + (c1 - c0) * h;
-  const out = [rot(r, g), rot(g, b), rot(b, r)].map((c) => Math.min(1, Math.max(0, c + l + (c - m) * 0)));
-  return "#" + out.map((c) => Math.round(c * 255).toString(16).padStart(2, "0")).join("");
+  const lch = _chunk7AHBW2CQcjs.oklabToOklch.call(void 0, _chunk7AHBW2CQcjs.rgbToOklab.call(void 0, { r, g, b, a: 1 }));
+  const l = Math.min(1, Math.max(0, lch.l + (_chunkPQ3H2AANcjs.rand01.call(void 0, seed, i, 61) - 0.5) * amount * 0.3));
+  const h = lch.h + (_chunkPQ3H2AANcjs.rand01.call(void 0, seed, i, 63) - 0.5) * amount * 80;
+  const at = (c) => _chunk7AHBW2CQcjs.oklabToRgb.call(void 0, _chunk7AHBW2CQcjs.oklchToOklab.call(void 0, { l, c, h, alpha: 1 }));
+  const inGamut = (o) => [o.r, o.g, o.b].every((v) => v >= -1e-4 && v <= 1 + 1e-4);
+  let out = at(lch.c);
+  if (!inGamut(out)) {
+    let lo = 0;
+    let hi = lch.c;
+    for (let k = 0; k < 12; k++) {
+      const mid = (lo + hi) / 2;
+      if (inGamut(at(mid))) lo = mid;
+      else hi = mid;
+    }
+    out = at(lo);
+  }
+  return "#" + [out.r, out.g, out.b].map((c) => Math.round(Math.min(1, Math.max(0, c)) * 255).toString(16).padStart(2, "0")).join("");
 }
 var StickerSpray = (_class4 = class {
   constructor(init) {;_class4.prototype.__init18.call(this);_class4.prototype.__init19.call(this);_class4.prototype.__init20.call(this);_class4.prototype.__init21.call(this);
@@ -731,8 +749,10 @@ function normalizeStickerUpdate(u) {
   }
   return out;
 }
-function stickerSurface(stickers) {
+function stickerSurface(stickers, base, dirty) {
+  const only = base && dirty ? new Set(dirty.flatMap((r) => _chunk474IQG74cjs.tilesInRect.call(void 0, r).map(({ tx, ty }) => _chunk474IQG74cjs.tileKey.call(void 0, tx, ty)))) : null;
   const live = /* @__PURE__ */ new Map();
+  let scratch = null;
   const target = {
     offset: { x: 0, y: 0 },
     lockTransparency: false,
@@ -740,19 +760,38 @@ function stickerSurface(stickers) {
     readTile: (tx, ty) => _nullishCoalesce(live.get(_chunk474IQG74cjs.tileKey.call(void 0, tx, ty)), () => ( null)),
     writeTile: (tx, ty) => {
       const k = _chunk474IQG74cjs.tileKey.call(void 0, tx, ty);
+      if (only && !only.has(k)) return (scratch ??= new Uint8ClampedArray(_chunk474IQG74cjs.TILE * _chunk474IQG74cjs.TILE * 4)).fill(0);
       let t = live.get(k);
       if (!t) live.set(k, t = new Uint8ClampedArray(_chunk474IQG74cjs.TILE * _chunk474IQG74cjs.TILE * 4));
       return t;
     }
   };
-  renderStickers(stickers, target);
+  const reaches = (s) => !only || _chunk474IQG74cjs.tilesInRect.call(void 0, stickerRect(s)).some(({ tx, ty }) => only.has(_chunk474IQG74cjs.tileKey.call(void 0, tx, ty)));
+  renderStickers(stickers.filter(reaches), target);
   const tiles = /* @__PURE__ */ new Map();
+  if (only && base) {
+    for (const [k, t] of base.tiles) if (!only.has(k)) tiles.set(k, t);
+  }
   for (const [k, d] of live) {
     const t = _chunk474IQG74cjs.finishTile.call(void 0, d, 4, 0);
     if (t) tiles.set(k, t);
   }
   return new (0, _chunk474IQG74cjs.TiledSurface)(4, tiles, 0);
 }
+function stickerAt(stickers, x, y) {
+  for (let i = stickers.length - 1; i >= 0; i--) {
+    const s = stickers[i];
+    const rad = s.size / 2;
+    const a = s.rotation * Math.PI / 180;
+    const dx = x - s.x;
+    const dy = y - s.y;
+    const u = (dx * Math.cos(a) + dy * Math.sin(a)) / rad;
+    const v = (-dx * Math.sin(a) + dy * Math.cos(a)) / rad;
+    if (Math.abs(u) > 1.05 || Math.abs(v) > 1.05) continue;
+    if (s.size < 16 || stampCoverage(s.stamp, u, v, s.seed) > 0.25) return s;
+  }
+  return null;
+}
 
 // src/paint-editor/procedural.ts
 var STEP_PX = 1.5;
@@ -1917,4 +1956,5 @@ function parseBrushLibrary(raw, problems = []) {
 
 
 
-exports.effectPaintKey = effectPaintKey; exports.isPaintEffectPaint = isPaintEffectPaint; exports.readPaintEffectPaint = readPaintEffectPaint; exports.sampleEffectField = sampleEffectField; exports.sampleEffectAt = sampleEffectAt; exports.PAPER_FAMILIES = PAPER_FAMILIES; exports.PAPER_LIBRARY = PAPER_LIBRARY; exports.DEFAULT_PAPER = DEFAULT_PAPER; exports.paperPreset = paperPreset; exports.clonePaper = clonePaper; exports.normalizePaper = normalizePaper; exports.hexToRgb8 = hexToRgb8; exports.renderPaper = renderPaper; exports.penOrientation = penOrientation; exports.tiltToOrientation = tiltToOrientation; exports.PenSmoother = PenSmoother; exports.IDENTITY_COPY = IDENTITY_COPY; exports.PenDabWalker = PenDabWalker; exports.DryStroke = DryStroke; exports.mixerTip = mixerTip; exports.toStrokePoint = toStrokePoint; exports.STAMP_KINDS = STAMP_KINDS; exports.DEFAULT_STICKER = DEFAULT_STICKER; exports.normalizeStickerSettings = normalizeStickerSettings; exports.stampCoverage = stampCoverage; exports.stickerRect = stickerRect; exports.drawSticker = drawSticker; exports.StickerSpray = StickerSpray; exports.renderStickers = renderStickers; exports.normalizeStickerUpdate = normalizeStickerUpdate; exports.stickerSurface = stickerSurface; exports.PARTICLE_KINDS = PARTICLE_KINDS; exports.PARTICLE_RENDERS = PARTICLE_RENDERS; exports.DEFAULT_PARTICLE = DEFAULT_PARTICLE; exports.normalizeParticle = normalizeParticle; exports.ParticleStroke = ParticleStroke; exports.DEFAULT_BRISTLE = DEFAULT_BRISTLE; exports.normalizeBristle = normalizeBristle; exports.BristleStroke = BristleStroke; exports.PAINT_BRUSH_ENGINES = PAINT_BRUSH_ENGINES; exports.PAINT_BRUSH_CATEGORIES = PAINT_BRUSH_CATEGORIES; exports.WET_TOOLS = WET_TOOLS; exports.WET_MEDIA = WET_MEDIA; exports.DEFAULT_WET_BRUSH = DEFAULT_WET_BRUSH; exports.normalizeWetBrush = normalizeWetBrush; exports.IMPASTO_TOOLS = IMPASTO_TOOLS; exports.DEFAULT_IMPASTO = DEFAULT_IMPASTO; exports.normalizeImpasto = normalizeImpasto; exports.MULTI_COLOR_MODES = MULTI_COLOR_MODES; exports.DEFAULT_MULTI_COLOR = DEFAULT_MULTI_COLOR; exports.DEFAULT_BEHAVIOR = DEFAULT_BEHAVIOR; exports.BRUSH_ROTATIONS = BRUSH_ROTATIONS; exports.DEFAULT_DYNAMICS = DEFAULT_DYNAMICS; exports.normalizeDynamics = normalizeDynamics; exports.BRUSH_ID = BRUSH_ID; exports.normalizeMultiColor = normalizeMultiColor; exports.normalizeBehavior = normalizeBehavior; exports.isWetCapable = isWetCapable; exports.isWetBrush = isWetBrush; exports.usesPaintExchange = usesPaintExchange; exports.brushTakesPaint = brushTakesPaint; exports.paintToMultiColor = paintToMultiColor; exports.multiColorToPaint = multiColorToPaint; exports.normalizePaintBrush = normalizePaintBrush; exports.BUILTIN_BRUSHES = BUILTIN_BRUSHES; exports.DEFAULT_BRUSH_ID = DEFAULT_BRUSH_ID; exports.brushToJSON = brushToJSON; exports.parseBrushLibrary = parseBrushLibrary;
+
+exports.effectPaintKey = effectPaintKey; exports.isPaintEffectPaint = isPaintEffectPaint; exports.readPaintEffectPaint = readPaintEffectPaint; exports.sampleEffectField = sampleEffectField; exports.sampleEffectAt = sampleEffectAt; exports.PAPER_FAMILIES = PAPER_FAMILIES; exports.PAPER_LIBRARY = PAPER_LIBRARY; exports.DEFAULT_PAPER = DEFAULT_PAPER; exports.paperPreset = paperPreset; exports.clonePaper = clonePaper; exports.normalizePaper = normalizePaper; exports.hexToRgb8 = hexToRgb8; exports.renderPaper = renderPaper; exports.penOrientation = penOrientation; exports.tiltToOrientation = tiltToOrientation; exports.PenSmoother = PenSmoother; exports.IDENTITY_COPY = IDENTITY_COPY; exports.PenDabWalker = PenDabWalker; exports.DryStroke = DryStroke; exports.mixerTip = mixerTip; exports.toStrokePoint = toStrokePoint; exports.STAMP_KINDS = STAMP_KINDS; exports.DEFAULT_STICKER = DEFAULT_STICKER; exports.normalizeStickerSettings = normalizeStickerSettings; exports.stampCoverage = stampCoverage; exports.stickerRect = stickerRect; exports.drawSticker = drawSticker; exports.StickerSpray = StickerSpray; exports.renderStickers = renderStickers; exports.normalizeStickerUpdate = normalizeStickerUpdate; exports.stickerSurface = stickerSurface; exports.stickerAt = stickerAt; exports.PARTICLE_KINDS = PARTICLE_KINDS; exports.PARTICLE_RENDERS = PARTICLE_RENDERS; exports.DEFAULT_PARTICLE = DEFAULT_PARTICLE; exports.normalizeParticle = normalizeParticle; exports.ParticleStroke = ParticleStroke; exports.DEFAULT_BRISTLE = DEFAULT_BRISTLE; exports.normalizeBristle = normalizeBristle; exports.BristleStroke = BristleStroke; exports.PAINT_BRUSH_ENGINES = PAINT_BRUSH_ENGINES; exports.PAINT_BRUSH_CATEGORIES = PAINT_BRUSH_CATEGORIES; exports.WET_TOOLS = WET_TOOLS; exports.WET_MEDIA = WET_MEDIA; exports.DEFAULT_WET_BRUSH = DEFAULT_WET_BRUSH; exports.normalizeWetBrush = normalizeWetBrush; exports.IMPASTO_TOOLS = IMPASTO_TOOLS; exports.DEFAULT_IMPASTO = DEFAULT_IMPASTO; exports.normalizeImpasto = normalizeImpasto; exports.MULTI_COLOR_MODES = MULTI_COLOR_MODES; exports.DEFAULT_MULTI_COLOR = DEFAULT_MULTI_COLOR; exports.DEFAULT_BEHAVIOR = DEFAULT_BEHAVIOR; exports.BRUSH_ROTATIONS = BRUSH_ROTATIONS; exports.DEFAULT_DYNAMICS = DEFAULT_DYNAMICS; exports.normalizeDynamics = normalizeDynamics; exports.BRUSH_ID = BRUSH_ID; exports.normalizeMultiColor = normalizeMultiColor; exports.normalizeBehavior = normalizeBehavior; exports.isWetCapable = isWetCapable; exports.isWetBrush = isWetBrush; exports.usesPaintExchange = usesPaintExchange; exports.brushTakesPaint = brushTakesPaint; exports.paintToMultiColor = paintToMultiColor; exports.multiColorToPaint = multiColorToPaint; exports.normalizePaintBrush = normalizePaintBrush; exports.BUILTIN_BRUSHES = BUILTIN_BRUSHES; exports.DEFAULT_BRUSH_ID = DEFAULT_BRUSH_ID; exports.brushToJSON = brushToJSON; exports.parseBrushLibrary = parseBrushLibrary;

package/dist/{chunk-TQOL6CF7.js → chunk-PJYG6FCF.js}

@@ -25,8 +25,15 @@ import {
   TILE,
   TiledSurface,
   finishTile,
-  tileKey
+  tileKey,
+  tilesInRect
 } from "./chunk-HVVR5PZW.js";
+import {
+  oklabToOklch,
+  oklabToRgb,
+  oklchToOklab,
+  rgbToOklab
+} from "./chunk-F67XMVDI.js";
 
 // src/paint-editor/effect-paint.ts
 function effectPaintKey(p) {
@@ -610,12 +617,23 @@ function drawSticker(medium, s) {
 }
 function jitterColor(hex, amount, seed, i) {
   const [r, g, b] = hexRgb(hex);
-  const l = (rand01(seed, i, 61) - 0.5) * amount * 0.6;
-  const h = (rand01(seed, i, 63) - 0.5) * amount;
-  const m = (r + g + b) / 3;
-  const rot = (c0, c1) => c0 + (c1 - c0) * h;
-  const out = [rot(r, g), rot(g, b), rot(b, r)].map((c) => Math.min(1, Math.max(0, c + l + (c - m) * 0)));
-  return "#" + out.map((c) => Math.round(c * 255).toString(16).padStart(2, "0")).join("");
+  const lch = oklabToOklch(rgbToOklab({ r, g, b, a: 1 }));
+  const l = Math.min(1, Math.max(0, lch.l + (rand01(seed, i, 61) - 0.5) * amount * 0.3));
+  const h = lch.h + (rand01(seed, i, 63) - 0.5) * amount * 80;
+  const at = (c) => oklabToRgb(oklchToOklab({ l, c, h, alpha: 1 }));
+  const inGamut = (o) => [o.r, o.g, o.b].every((v) => v >= -1e-4 && v <= 1 + 1e-4);
+  let out = at(lch.c);
+  if (!inGamut(out)) {
+    let lo = 0;
+    let hi = lch.c;
+    for (let k = 0; k < 12; k++) {
+      const mid = (lo + hi) / 2;
+      if (inGamut(at(mid))) lo = mid;
+      else hi = mid;
+    }
+    out = at(lo);
+  }
+  return "#" + [out.r, out.g, out.b].map((c) => Math.round(Math.min(1, Math.max(0, c)) * 255).toString(16).padStart(2, "0")).join("");
 }
 var StickerSpray = class {
   constructor(init) {
@@ -731,8 +749,10 @@ function normalizeStickerUpdate(u) {
   }
   return out;
 }
-function stickerSurface(stickers) {
+function stickerSurface(stickers, base, dirty) {
+  const only = base && dirty ? new Set(dirty.flatMap((r) => tilesInRect(r).map(({ tx, ty }) => tileKey(tx, ty)))) : null;
   const live = /* @__PURE__ */ new Map();
+  let scratch = null;
   const target = {
     offset: { x: 0, y: 0 },
     lockTransparency: false,
@@ -740,19 +760,38 @@ function stickerSurface(stickers) {
     readTile: (tx, ty) => live.get(tileKey(tx, ty)) ?? null,
     writeTile: (tx, ty) => {
       const k = tileKey(tx, ty);
+      if (only && !only.has(k)) return (scratch ??= new Uint8ClampedArray(TILE * TILE * 4)).fill(0);
       let t = live.get(k);
       if (!t) live.set(k, t = new Uint8ClampedArray(TILE * TILE * 4));
       return t;
     }
   };
-  renderStickers(stickers, target);
+  const reaches = (s) => !only || tilesInRect(stickerRect(s)).some(({ tx, ty }) => only.has(tileKey(tx, ty)));
+  renderStickers(stickers.filter(reaches), target);
   const tiles = /* @__PURE__ */ new Map();
+  if (only && base) {
+    for (const [k, t] of base.tiles) if (!only.has(k)) tiles.set(k, t);
+  }
   for (const [k, d] of live) {
     const t = finishTile(d, 4, 0);
     if (t) tiles.set(k, t);
   }
   return new TiledSurface(4, tiles, 0);
 }
+function stickerAt(stickers, x, y) {
+  for (let i = stickers.length - 1; i >= 0; i--) {
+    const s = stickers[i];
+    const rad = s.size / 2;
+    const a = s.rotation * Math.PI / 180;
+    const dx = x - s.x;
+    const dy = y - s.y;
+    const u = (dx * Math.cos(a) + dy * Math.sin(a)) / rad;
+    const v = (-dx * Math.sin(a) + dy * Math.cos(a)) / rad;
+    if (Math.abs(u) > 1.05 || Math.abs(v) > 1.05) continue;
+    if (s.size < 16 || stampCoverage(s.stamp, u, v, s.seed) > 0.25) return s;
+  }
+  return null;
+}
 
 // src/paint-editor/procedural.ts
 var STEP_PX = 1.5;
@@ -1880,6 +1919,7 @@ export {
   renderStickers,
   normalizeStickerUpdate,
   stickerSurface,
+  stickerAt,
   PARTICLE_KINDS,
   PARTICLE_RENDERS,
   DEFAULT_PARTICLE,

package/dist/{chunk-V3L7U63N.cjs → chunk-PP6BXVRL.cjs}

@@ -74,7 +74,7 @@ function profileAlongPolyline(points, values, count = 32) {
 var round3 = (v) => Math.round(v * 1e3) / 1e3;
 var loading = null;
 function loadCanvasBrushstrokeRenderer() {
-  loading ??= Promise.resolve().then(() => _interopRequireWildcard(require("./brushstrokeRender-WDTKD54B.cjs"))).catch((error) => {
+  loading ??= Promise.resolve().then(() => _interopRequireWildcard(require("./brushstrokeRender-MPOM7BFW.cjs"))).catch((error) => {
     loading = null;
     throw error;
   });