@diagrammo/dgmo 0.50.2 → 0.52.0

package/dist/chunk-DAOFNU6J.js

@@ -0,0 +1,283 @@
+// src/utils/date.ts
+var MONTHS_FULL = [
+  "january",
+  "february",
+  "march",
+  "april",
+  "may",
+  "june",
+  "july",
+  "august",
+  "september",
+  "october",
+  "november",
+  "december"
+];
+var MONTHS_ABBR = [
+  "jan",
+  "feb",
+  "mar",
+  "apr",
+  "may",
+  "jun",
+  "jul",
+  "aug",
+  "sep",
+  "oct",
+  "nov",
+  "dec"
+];
+function monthNameToNum(raw) {
+  const t = raw.toLowerCase().replace(/\.$/, "");
+  let i = MONTHS_FULL.indexOf(t);
+  if (i >= 0) return i + 1;
+  i = MONTHS_ABBR.indexOf(t.slice(0, 3));
+  return i >= 0 ? i + 1 : 0;
+}
+var MONTH_NAME_SCAN_RE = /\b(\d{1,2})\s+([A-Za-z]{3,9})\.?(?:\s+\d{4})?|\b([A-Za-z]{3,9})\.?\s+(\d{1,2})(?:,?\s+\d{4})?/g;
+function scanMonthNameDates(line) {
+  const spans = [];
+  const re = new RegExp(MONTH_NAME_SCAN_RE.source, "g");
+  let m;
+  while ((m = re.exec(line)) !== null) {
+    const month = m[2] ?? m[3] ?? "";
+    if (monthNameToNum(month) <= 0) {
+      re.lastIndex = m.index + 1;
+      continue;
+    }
+    spans.push({ start: m.index, end: m.index + m[0].length });
+  }
+  return spans;
+}
+var ERA_RE = /^(\d{1,4})(?:-(\d{2})(?:-(\d{2}))?)?\s+(BCE|BC|CE|AD)\b/i;
+var ISO_RE = /^(\d{4})(?:-(\d{2})(?:-(\d{2}))?)?/;
+var MONTH_D_RE = /^([A-Za-z]{3,9})\.?\s+(\d{1,2})(?:,?\s+(\d{4}))?/;
+var D_MONTH_RE = /^(\d{1,2})\s+([A-Za-z]{3,9})\.?(?:\s+(\d{4}))?/;
+var SLASH_RE = /^(\d{1,2})[/-](\d{1,2})(?:[/-](\d{2,4}))?/;
+var TIME_RE = /^[T ](\d{1,2}):(\d{2})(?::(\d{2}))?/;
+function matchTime(rest) {
+  const m = rest.match(TIME_RE);
+  if (!m) return { hour: 0, minute: 0, second: 0, hasTime: false, consumed: 0 };
+  const hour = parseInt(m[1], 10);
+  const minute = parseInt(m[2], 10);
+  const second = m[3] !== void 0 ? parseInt(m[3], 10) : 0;
+  const ok = hour <= 23 && minute <= 59 && second <= 59;
+  return {
+    hour,
+    minute,
+    second,
+    hasTime: true,
+    consumed: m[0].length,
+    invalid: ok ? void 0 : m[0].trim()
+  };
+}
+function dayToken(year, month, day, sign = 1) {
+  return {
+    sign,
+    year,
+    month,
+    day,
+    hour: 0,
+    minute: 0,
+    second: 0,
+    grain: 3,
+    hasTime: false,
+    invalidTime: void 0
+  };
+}
+function parseDateToken(input, opts = {}) {
+  const order = opts.dateOrder ?? "mdy";
+  const era = input.match(ERA_RE);
+  if (era) {
+    const marker = era[4].toUpperCase();
+    const sign = marker === "BCE" || marker === "BC" ? -1 : 1;
+    const grain = era[3] ? 3 : era[2] ? 2 : 1;
+    return {
+      token: {
+        sign,
+        year: parseInt(era[1], 10),
+        month: era[2] ? parseInt(era[2], 10) : 1,
+        day: era[3] ? parseInt(era[3], 10) : 1,
+        hour: 0,
+        minute: 0,
+        second: 0,
+        grain,
+        hasTime: false
+      },
+      consumed: era[0].length
+    };
+  }
+  const iso = input.match(ISO_RE);
+  if (iso) {
+    const grain = iso[3] ? 3 : iso[2] ? 2 : 1;
+    let consumed = iso[0].length;
+    let time = {
+      hour: 0,
+      minute: 0,
+      second: 0,
+      hasTime: false,
+      consumed: 0
+    };
+    if (grain === 3) {
+      time = matchTime(input.slice(consumed));
+      consumed += time.consumed;
+    }
+    return {
+      token: {
+        sign: 1,
+        year: parseInt(iso[1], 10),
+        month: iso[2] ? parseInt(iso[2], 10) : 1,
+        day: iso[3] ? parseInt(iso[3], 10) : 1,
+        hour: time.hour,
+        minute: time.minute,
+        second: time.second,
+        grain,
+        hasTime: time.hasTime,
+        invalidTime: time.invalid
+      },
+      consumed
+    };
+  }
+  const md = input.match(MONTH_D_RE);
+  if (md && monthNameToNum(md[1]) > 0) {
+    const mo = monthNameToNum(md[1]);
+    const day = parseInt(md[2], 10);
+    const year = md[3] ? parseInt(md[3], 10) : null;
+    const tok = dayToken(year, mo, day);
+    const time = matchTime(input.slice(md[0].length));
+    tok.hour = time.hour;
+    tok.minute = time.minute;
+    tok.second = time.second;
+    tok.hasTime = time.hasTime;
+    tok.invalidTime = time.invalid;
+    return { token: tok, consumed: md[0].length + time.consumed };
+  }
+  const dm = input.match(D_MONTH_RE);
+  if (dm && monthNameToNum(dm[2]) > 0) {
+    const mo = monthNameToNum(dm[2]);
+    const day = parseInt(dm[1], 10);
+    const year = dm[3] ? parseInt(dm[3], 10) : null;
+    const tok = dayToken(year, mo, day);
+    const time = matchTime(input.slice(dm[0].length));
+    tok.hour = time.hour;
+    tok.minute = time.minute;
+    tok.second = time.second;
+    tok.hasTime = time.hasTime;
+    tok.invalidTime = time.invalid;
+    return { token: tok, consumed: dm[0].length + time.consumed };
+  }
+  const sl = input.match(SLASH_RE);
+  if (sl) {
+    const a = parseInt(sl[1], 10);
+    const b = parseInt(sl[2], 10);
+    let year = null;
+    if (sl[3]) {
+      year = parseInt(sl[3], 10);
+      if (sl[3].length === 2) year += 2e3;
+    }
+    let month;
+    let day;
+    if (a > 12 && b <= 12) {
+      day = a;
+      month = b;
+    } else if (b > 12 && a <= 12) {
+      month = a;
+      day = b;
+    } else if (order === "dmy") {
+      day = a;
+      month = b;
+    } else {
+      month = a;
+      day = b;
+    }
+    if (month < 1 || month > 12 || day < 1 || day > 31) return null;
+    const tok = dayToken(year, month, day);
+    const time = matchTime(input.slice(sl[0].length));
+    tok.hour = time.hour;
+    tok.minute = time.minute;
+    tok.second = time.second;
+    tok.hasTime = time.hasTime;
+    tok.invalidTime = time.invalid;
+    return { token: tok, consumed: sl[0].length + time.consumed };
+  }
+  return null;
+}
+function toInternal(token, resolvedYear) {
+  const y = token.year ?? resolvedYear;
+  const neg = token.sign < 0 ? "-" : "";
+  const yStr = String(y);
+  if (token.grain === 1) return `${neg}${yStr}`;
+  const mm = String(token.month).padStart(2, "0");
+  if (token.grain === 2) return `${neg}${yStr}-${mm}`;
+  const dd = String(token.day).padStart(2, "0");
+  let out = `${neg}${yStr}-${mm}-${dd}`;
+  if (token.hasTime) {
+    const hh = String(token.hour).padStart(2, "0");
+    const mi = String(token.minute).padStart(2, "0");
+    out += ` ${hh}:${mi}`;
+    if (token.second) out += `:${String(token.second).padStart(2, "0")}`;
+  }
+  return out;
+}
+function cmp(y, m, d, p) {
+  if (y !== p.y) return y - p.y;
+  if (m !== p.m) return m - p.m;
+  return d - p.d;
+}
+function resolveTokenYear(token, ctx) {
+  if (token.year != null) {
+    const signed = token.sign * token.year;
+    ctx.contextYear = signed;
+    ctx.prev = { y: signed, m: token.month, d: token.day };
+    return { internal: toInternal(token, token.year) };
+  }
+  let hint;
+  let error;
+  let y;
+  if (ctx.contextYear != null) {
+    y = ctx.contextYear;
+  } else if (ctx.noCurrentYear) {
+    error = "Date has no year and none can be derived. Add a full date, a `year 20XX` directive, or remove `no-current-year`.";
+    y = ctx.currentYear;
+  } else {
+    y = ctx.currentYear;
+    hint = "Date has no year; assuming the current year. Add `year 20XX` to make this diagram reproducible.";
+  }
+  if (ctx.prev && cmp(y, token.month, token.day, ctx.prev) < 0) {
+    y += 1;
+  }
+  ctx.contextYear = y;
+  ctx.prev = { y, m: token.month, d: token.day };
+  return { internal: toInternal(token, y), hint, error };
+}
+function makeYearContext(opts) {
+  const directiveYear = opts.directiveYear ?? null;
+  const seed = directiveYear ?? opts.prescanYear ?? null;
+  return {
+    order: opts.order ?? "mdy",
+    directiveYear,
+    currentYear: opts.currentYear ?? (/* @__PURE__ */ new Date()).getFullYear(),
+    noCurrentYear: opts.noCurrentYear ?? false,
+    contextYear: seed,
+    prev: null
+  };
+}
+function normalizeDate(raw, opts = {}) {
+  const s = raw.trim();
+  const res = parseDateToken(s, { dateOrder: opts.order });
+  if (!res) return null;
+  if (res.consumed !== s.length) return null;
+  if (res.token.invalidTime) return null;
+  const year = res.token.year ?? opts.year ?? opts.currentYear ?? (/* @__PURE__ */ new Date()).getFullYear();
+  return toInternal(res.token, year);
+}
+
+export {
+  scanMonthNameDates,
+  parseDateToken,
+  toInternal,
+  resolveTokenYear,
+  makeYearContext,
+  normalizeDate
+};
+//# sourceMappingURL=chunk-DAOFNU6J.js.map

package/dist/{chunk-QJJZSROI.js → chunk-DYWQFQJP.js}

@@ -2,7 +2,7 @@ import {
   computeQuadrantPointLabels,
   rectCircleOverlap,
   rectsOverlap
-} from "./chunk-HGN652MU.js";
+} from "./chunk-VL2O2F3W.js";
 import {
   EXPORT_HEIGHT,
   EXPORT_WIDTH,
@@ -11,10 +11,10 @@ import {
   initD3Chart,
   renderChartTitle,
   resolveExportPalette
-} from "./chunk-U6EQI3U6.js";
+} from "./chunk-QBZYACOG.js";
 import {
   computeLegendLayout
-} from "./chunk-7UEMZREK.js";
+} from "./chunk-YAA6IID3.js";
 import {
   FONT_FAMILY
 } from "./chunk-6KFWC4CO.js";
@@ -23,16 +23,16 @@ import {
   LEGEND_ENTRY_FONT_SIZE,
   LEGEND_HEIGHT,
   LEGEND_PILL_FONT_SIZE
-} from "./chunk-HQCHYB5F.js";
+} from "./chunk-QOOUC2J5.js";
 import {
   measureText
-} from "./chunk-5LWQH6QV.js";
+} from "./chunk-WCT3NYCV.js";
 import {
   getExtendedChartLegendGroups,
   getSimpleChartLegendGroups,
   parseChart,
   parseExtendedChart
-} from "./chunk-XEGTMVYY.js";
+} from "./chunk-EMLPOL77.js";
 import {
   contrastText,
   getSegmentColors,
@@ -40,11 +40,12 @@ import {
   hexToHSL,
   hslToHex,
   mix,
-  shapeFill
-} from "./chunk-P6T66CCZ.js";
+  shapeFill,
+  themeBaseBg
+} from "./chunk-WBM7ZNDI.js";
 import {
   tagAttrKey
-} from "./chunk-FJUNPCYI.js";
+} from "./chunk-HHKO6SKY.js";
 
 // src/utils/legend-svg.ts
 function esc(s) {
@@ -220,12 +221,12 @@ function renderBar(svg, chart, width, height, colors, palette, isDark, textColor
   ) : 1;
   const horizontal = chart.orientation === "horizontal";
   const multiSeries = seriesCount > 1;
-  const solid = chart.solidFill === true;
+  const fillMode = chart.fillMode;
   const colorFor = (seriesIdx, catIdx, override) => {
     if (override) return override;
     return multiSeries ? colors[seriesIdx % colors.length] : colors[catIdx % colors.length];
   };
-  const fillOf = (c) => solid ? c : shapeFill(palette, c, isDark);
+  const fillOf = (c) => shapeFill(palette, c, isDark, { mode: fillMode });
   const top = reserveHeader(
     svg,
     chart,
@@ -402,7 +403,7 @@ function seriesValue(pt, s) {
 function renderLine(svg, chart, width, height, colors, palette, isDark, textColor, mutedColor, bgColor, hasTitle) {
   const data = chart.data;
   const isArea = chart.fill === true;
-  const solid = chart.solidFill === true;
+  const solid = chart.fillMode === "solid";
   const seriesNames = chart.seriesNames?.length ? chart.seriesNames : [chart.series ?? ""];
   const seriesCount = Math.max(
     1,
@@ -558,7 +559,7 @@ function renderPie(svg, chart, width, height, palette, isDark, textColor, topIns
   if (data.length === 0) return;
   const holeRatio = chart.hole;
   const hasHole = holeRatio !== void 0;
-  const solid = chart.solidFill === true;
+  const fillMode = chart.fillMode;
   const total = data.reduce((a, d) => a + d.value, 0);
   const cx = width / 2;
   const top = topInset + 12;
@@ -593,7 +594,7 @@ function renderPie(svg, chart, width, height, palette, isDark, textColor, topIns
   const g = svg.append("g").attr("transform", `translate(${cx},${cy})`);
   arcs.forEach((a, i) => {
     const stroke = strokeFor(i, data[i].color);
-    const fill = solid ? stroke : shapeFill(palette, stroke, isDark);
+    const fill = shapeFill(palette, stroke, isDark, { mode: fillMode });
     const pct = Math.round(data[i].value / total * 100);
     const slice = g.append("path").attr("d", arcGen(a) ?? "").attr("fill", fill).attr("stroke", stroke).attr("stroke-width", 1.5);
     tagDatum(slice, {
@@ -644,7 +645,8 @@ function renderRadar(svg, chart, width, height, colors, palette, isDark, textCol
   const data = chart.data;
   const n = data.length;
   if (n < 3) return;
-  const solid = chart.solidFill === true;
+  const fillMode = chart.fillMode;
+  const solid = fillMode === "solid";
   const seriesNames = chart.seriesNames?.length ? chart.seriesNames : [chart.series ?? ""];
   const seriesCount = Math.max(
     1,
@@ -688,7 +690,10 @@ function renderRadar(svg, chart, width, height, colors, palette, isDark, textCol
     const seriesLine = chart.seriesNameLineNumbers?.[s];
     if (seriesLine !== void 0) g.attr("data-line-number", seriesLine);
     const poly = data.map((d, i) => pt(i, seriesValue2(d, s) / maxValue * radius).join(",")).join(" ");
-    g.append("polygon").attr("points", poly).attr("fill", solid || multi ? color : shapeFill(palette, color, isDark)).attr("fill-opacity", solid ? 0.6 : multi ? 0.2 : 1).attr("stroke", color).attr("stroke-width", 2);
+    g.append("polygon").attr("points", poly).attr(
+      "fill",
+      fillMode === "outline" ? "none" : solid || multi ? color : shapeFill(palette, color, isDark)
+    ).attr("fill-opacity", solid ? 0.6 : multi ? 0.2 : 1).attr("stroke", color).attr("stroke-width", 2);
     data.forEach((d, i) => {
       const v = seriesValue2(d, s);
       const [x, y] = pt(i, v / maxValue * radius);
@@ -719,7 +724,7 @@ function renderPolarArea(svg, chart, width, height, palette, isDark, textColor,
   const data = chart.data.filter((d) => d.value > 0);
   const n = data.length;
   if (n === 0) return;
-  const solid = chart.solidFill === true;
+  const fillMode = chart.fillMode;
   const total = data.reduce((a, d) => a + d.value, 0);
   const maxValue = Math.max(...data.map((d) => d.value)) || 1;
   const cx = width / 2;
@@ -737,7 +742,7 @@ function renderPolarArea(svg, chart, width, height, palette, isDark, textColor,
     const a1 = a0 + seg;
     const arcGen = d3arc2().innerRadius(innerR).outerRadius(r).startAngle(a0).endAngle(a1);
     const pct = Math.round(d.value / total * 100);
-    const sector = g.append("path").attr("d", arcGen({}) ?? "").attr("fill", solid ? stroke : shapeFill(palette, stroke, isDark)).attr("stroke", stroke).attr("stroke-width", 2);
+    const sector = g.append("path").attr("d", arcGen({}) ?? "").attr("fill", shapeFill(palette, stroke, isDark, { mode: fillMode })).attr("stroke", stroke).attr("stroke-width", 2);
     tagDatum(sector, {
       line: d.lineNumber,
       key: d.label,
@@ -768,7 +773,7 @@ function renderFunnel(svg, chart, width, height, colors, palette, isDark, topIns
   const sorted = [...chart.data].sort((a, b) => b.value - a.value);
   const n = sorted.length;
   if (n === 0) return;
-  const solid = chart.solidFill === true;
+  const fillMode = chart.fillMode;
   const top = topInset + 8;
   const bottom = height - 30;
   const H = bottom - top;
@@ -826,7 +831,7 @@ function renderFunnel(svg, chart, width, height, colors, palette, isDark, topIns
   ({ plotW, cx } = layout(rightW));
   sorted.forEach((d, i) => {
     const stroke = d.color ?? colors[chart.data.indexOf(d) % colors.length];
-    const fill = solid ? stroke : shapeFill(palette, stroke, isDark);
+    const fill = shapeFill(palette, stroke, isDark, { mode: fillMode });
     const { topW, botW } = bandWidthsAt(plotW, i);
     const y0 = top + i * bandH;
     const y1 = y0 + bandH;
@@ -850,7 +855,7 @@ function renderFunnel(svg, chart, width, height, colors, palette, isDark, topIns
     const valueInside = valueInsideAt(plotW, i);
     if (valueInside) {
       const valueSize = valueSizeAt(plotW, i);
-      const valueFill = solid ? contrastText(fill, palette.textOnFillLight, palette.textOnFillDark) : stroke;
+      const valueFill = fillMode === "solid" ? contrastText(fill, palette.textOnFillLight, palette.textOnFillDark) : stroke;
       svg.append("text").attr("x", cx).attr("y", yMid + valueSize * 0.35).attr("text-anchor", "middle").attr("fill", valueFill).attr("font-size", valueSize).attr("font-weight", 700).attr("font-family", FONT_FAMILY).text(fmtNum(d.value));
     }
     const showValueRight = !chart.noValue && !valueInside;
@@ -883,12 +888,14 @@ function renderHeatmap(svg, chart, width, height, palette, isDark, textColor, bg
       minValue = Math.min(minValue, v);
       maxValue = Math.max(maxValue, v);
     }
-  const solid = chart.solidFill === true;
+  const outline = chart.fillMode === "outline";
+  const fillMode = outline || chart.fillMode === "solid" ? "solid" : void 0;
+  const baseBg = themeBaseBg(palette, isDark);
   const gradientStops = [
-    shapeFill(palette, palette.primary, isDark, { solid }),
-    shapeFill(palette, palette.colors.cyan, isDark, { solid }),
-    shapeFill(palette, palette.colors.yellow, isDark, { solid }),
-    shapeFill(palette, palette.colors.orange, isDark, { solid })
+    shapeFill(palette, palette.primary, isDark, { mode: fillMode }),
+    shapeFill(palette, palette.colors.cyan, isDark, { mode: fillMode }),
+    shapeFill(palette, palette.colors.yellow, isDark, { mode: fillMode }),
+    shapeFill(palette, palette.colors.orange, isDark, { mode: fillMode })
   ];
   const gradientAt = (t) => {
     const tt = Math.max(0, Math.min(1, t));
@@ -938,25 +945,26 @@ function renderHeatmap(svg, chart, width, height, palette, isDark, textColor, bg
     svg.append("text").attr("class", "dgmo-axis-label").attr("data-filter-attr", "data-row-key").attr("data-filter-value", row.label).attr("x", left - 10).attr("y", top + ri * ch + ch / 2 + 4).attr("text-anchor", "end").attr("fill", textColor).attr("font-size", 13).attr("font-family", FONT_FAMILY).text(row.label);
     row.values.forEach((v, ci) => {
       const t = maxValue === minValue ? 0.5 : (v - minValue) / (maxValue - minValue);
-      const cell = gradientAt(t);
+      const ramp = gradientAt(t);
+      const cell = outline ? baseBg : ramp;
       const colLabel = cols[ci] ?? `Col ${ci + 1}`;
       const cellKey = `${row.label} \xB7 ${colLabel}`;
-      const r = svg.append("rect").attr("x", left + ci * cw).attr("y", top + ri * ch).attr("width", cw).attr("height", ch).attr("fill", cell).attr("stroke", bgColor).attr("stroke-width", 2).attr("data-row-key", row.label).attr("data-col-key", colLabel);
+      const r = svg.append("rect").attr("x", left + ci * cw).attr("y", top + ri * ch).attr("width", cw).attr("height", ch).attr("fill", cell).attr("stroke", outline ? ramp : bgColor).attr("stroke-width", outline ? 1.5 : 2).attr("data-row-key", row.label).attr("data-col-key", colLabel);
       tagDatum(r, {
         line: row.lineNumber,
         key: cellKey,
         name: cellKey,
         value: fmtNum(v),
-        color: cell
+        color: ramp
       });
       if (!chart.noValue) {
-        const label = svg.append("text").attr("x", left + ci * cw + cw / 2).attr("y", top + ri * ch + ch / 2 + cellFont / 3).attr("text-anchor", "middle").attr("fill", labelTint(cell)).attr("font-size", cellFont).attr("font-weight", 600).attr("font-family", FONT_FAMILY).text(fmtNum(v));
+        const label = svg.append("text").attr("x", left + ci * cw + cw / 2).attr("y", top + ri * ch + ch / 2 + cellFont / 3).attr("text-anchor", "middle").attr("fill", labelTint(ramp)).attr("font-size", cellFont).attr("font-weight", 600).attr("font-family", FONT_FAMILY).text(fmtNum(v));
         tagDatum(label, {
           line: row.lineNumber,
           key: cellKey,
           name: cellKey,
           value: fmtNum(v),
-          color: cell
+          color: ramp
         });
         label.attr("data-row-key", row.label).attr("data-col-key", colLabel);
       }
@@ -1029,7 +1037,7 @@ function placeScatterHoverValue(cx, cy, r, labelText, valueText, labelRects, cir
 function renderScatter(svg, chart, width, height, colors, palette, isDark, textColor, mutedColor, topInset) {
   const points = chart.scatterPoints ?? [];
   if (points.length === 0) return;
-  const solid = chart.solidFill === true;
+  const fillMode = chart.fillMode;
   const hasSize = points.some((p) => p.size !== void 0);
   const categories = [
     ...new Set(points.map((p) => p.category).filter(Boolean))
@@ -1111,7 +1119,7 @@ function renderScatter(svg, chart, width, height, colors, palette, isDark, textC
   points.forEach((p, i) => {
     const stroke = p.color ?? (p.category ? catColor(p.category, catIndex.get(p.category) ?? 0) : colors[i % colors.length]);
     const r = radii[i];
-    const dot = svg.append("circle").attr("cx", x(p.x)).attr("cy", y(p.y)).attr("r", r).attr("fill", solid ? stroke : shapeFill(palette, stroke, isDark)).attr("fill-opacity", FILL_OPACITY).attr("stroke", stroke).attr("stroke-width", 2);
+    const dot = svg.append("circle").attr("cx", x(p.x)).attr("cy", y(p.y)).attr("r", r).attr("fill", shapeFill(palette, stroke, isDark, { mode: fillMode })).attr("fill-opacity", FILL_OPACITY).attr("stroke", stroke).attr("stroke-width", 2);
     tagDatum(dot, {
       line: p.lineNumber,
       key: p.name,
@@ -1162,7 +1170,7 @@ var NODE_GAP = 14;
 function renderSankey(svg, chart, width, height, colors, bgColor, textColor, topInset) {
   const links = chart.links ?? [];
   if (links.length === 0) return;
-  const solid = chart.solidFill === true;
+  const solid = chart.fillMode === "solid";
   const names = Array.from(new Set(links.flatMap((l) => [l.source, l.target])));
   const node = /* @__PURE__ */ new Map();
   names.forEach(
@@ -1264,7 +1272,9 @@ function renderSankey(svg, chart, width, height, colors, bgColor, textColor, top
     ).attr("fill", color).attr("fill-opacity", 0.6);
     tagDatum(ribbon, {
       line: l.lineNumber,
-      key: `link:${s.name}\0${t.name}`,
+      // U+241F (symbol-for-unit-separator) — collision-proof AND XML-legal;
+      // a raw control char here corrupts the exported SVG (data-emph-key).
+      key: `link:${s.name}\u241F${t.name}`,
       name: `${s.name} \u2192 ${t.name}`,
       value: String(l.value),
       color: s.raw
@@ -1291,7 +1301,7 @@ function renderSankey(svg, chart, width, height, colors, bgColor, textColor, top
 function renderChord(svg, chart, width, height, colors, palette, isDark, textColor, topInset) {
   const links = chart.links ?? [];
   if (links.length === 0) return;
-  const solid = chart.solidFill === true;
+  const fillMode = chart.fillMode;
   const names = Array.from(new Set(links.flatMap((l) => [l.source, l.target])));
   const n = names.length;
   const idx = new Map(names.map((nm, i) => [nm, i]));
@@ -1351,7 +1361,7 @@ function renderChord(svg, chart, width, height, colors, palette, isDark, textCol
   names.forEach((nm, i) => {
     const [px, py] = pos(i);
     const stroke = colorOf(i);
-    const dot = svg.append("circle").attr("cx", px).attr("cy", py).attr("r", 10).attr("fill", solid ? stroke : shapeFill(palette, stroke, isDark)).attr("stroke", stroke).attr("stroke-width", 2);
+    const dot = svg.append("circle").attr("cx", px).attr("cy", py).attr("r", 10).attr("fill", shapeFill(palette, stroke, isDark, { mode: fillMode })).attr("stroke", stroke).attr("stroke-width", 2);
     tagDatum(dot, { key: `node:${nm}`, name: nm, color: stroke });
     const c = Math.cos(angle(i));
     const lx = px + c * 16;
@@ -1701,4 +1711,4 @@ export {
   supportsD3DataChart,
   renderDataChartD3
 };
-//# sourceMappingURL=chunk-QJJZSROI.js.map
+//# sourceMappingURL=chunk-DYWQFQJP.js.map

package/dist/{chunk-XEGTMVYY.js → chunk-EMLPOL77.js}

@@ -1,11 +1,12 @@
 import {
   collectIndentedValues,
   extractColor,
+  fillModeFromToken,
   measureIndent,
   normalizeNumericToken,
   parseFirstLine,
   parseSeriesNames
-} from "./chunk-OTAL43EH.js";
+} from "./chunk-BRENJ2BQ.js";
 import {
   RECOGNIZED_COLOR_NAMES,
   resolveColorWithDiagnostic
@@ -43,7 +44,9 @@ var KNOWN_OPTIONS = /* @__PURE__ */ new Set([
 var DEFAULT_HOLE = 0.6;
 var KNOWN_BOOLEANS = /* @__PURE__ */ new Set([
   "orientation-horizontal",
-  "solid-fill",
+  "fill-tint",
+  "fill-solid",
+  "fill-outline",
   "no-title",
   "no-auto-y",
   "fill",
@@ -173,8 +176,10 @@ function parseChart(content, palette) {
     if (KNOWN_BOOLEANS.has(firstToken) && spaceIdx < 0) {
       if (firstToken === "orientation-horizontal") {
         result.orientation = "horizontal";
-      } else if (firstToken === "solid-fill") {
-        result.solidFill = true;
+      } else if (fillModeFromToken(firstToken) !== null) {
+        const fm = fillModeFromToken(firstToken);
+        if (fm === "tint") delete result.fillMode;
+        else result.fillMode = fm;
       } else if (firstToken === "no-title") {
         result.noTitle = true;
       } else if (firstToken === "no-auto-y") {
@@ -708,7 +713,7 @@ function parseExtendedChartFull(content, palette) {
       const spaceIdx2 = trimmed.indexOf(" ");
       const lastTok = trimmed.substring(trimmed.lastIndexOf(" ") + 1);
       const hasNumericSuffix = spaceIdx2 >= 0 && !isNaN(parseFloat(normalizeNumericToken(lastTok) ?? lastTok));
-      const isBareKeywordOption = spaceIdx2 < 0 && /^(solid-fill|no-name|no-value|no-percent|shade|no-title)$/i.test(
+      const isBareKeywordOption = spaceIdx2 < 0 && /^(fill-tint|fill-solid|fill-outline|no-name|no-value|no-percent|shade|no-title)$/i.test(
         trimmed
       );
       const isLayoutDirective = spaceIdx2 >= 0 && trimmed.substring(0, spaceIdx2).toLowerCase() === "layout";
@@ -839,8 +844,10 @@ function parseExtendedChartFull(content, palette) {
       result.shade = true;
       continue;
     }
-    if (firstToken === "solid-fill") {
-      result.solidFill = true;
+    const fillFamily = fillModeFromToken(firstToken);
+    if (fillFamily !== null && spaceIdx < 0) {
+      if (fillFamily === "tint") delete result.fillMode;
+      else result.fillMode = fillFamily;
       continue;
     }
     if (firstToken === "no-title" && spaceIdx < 0) {
@@ -1057,4 +1064,4 @@ export {
   getSimpleChartLegendGroups,
   getExtendedChartLegendGroups
 };
-//# sourceMappingURL=chunk-XEGTMVYY.js.map
+//# sourceMappingURL=chunk-EMLPOL77.js.map