@diagrammo/dgmo 0.76.0 → 0.78.0

package/dist/{chunk-FJ57274M.js → chunk-IIEI7VK5.js}

@@ -5,6 +5,14 @@ var CARD_RADIUS = 6;
 var CONTAINER_RADIUS = 8;
 var COLLAPSE_BAR_INSET = 0;
 var EDGE_LABEL_KNOCKOUT_OPACITY = 0.9;
+var ARROWHEAD_WIDTH = 10;
+var ARROWHEAD_HEIGHT = 7;
+var EDGE_DASH = "6 3";
+var GRID_DASH = "4 4";
+var HAIRLINE_DASH = "2 3";
+function scaleDash(pattern, scale) {
+  return pattern.split(/[\s,]+/).filter(Boolean).map((n) => scale(Number(n))).join(" ");
+}
 var HEADER_HEIGHT = 28;
 var LABEL_FONT_SIZE = 13;
 var META_FONT_SIZE = 11;
@@ -23,6 +31,12 @@ export {
   CONTAINER_RADIUS,
   COLLAPSE_BAR_INSET,
   EDGE_LABEL_KNOCKOUT_OPACITY,
+  ARROWHEAD_WIDTH,
+  ARROWHEAD_HEIGHT,
+  EDGE_DASH,
+  GRID_DASH,
+  HAIRLINE_DASH,
+  scaleDash,
   HEADER_HEIGHT,
   LABEL_FONT_SIZE,
   META_FONT_SIZE,
@@ -34,4 +48,4 @@ export {
   CONTAINER_META_FONT_SIZE,
   CONTAINER_META_LINE_HEIGHT
 };
-//# sourceMappingURL=chunk-FJ57274M.js.map
+//# sourceMappingURL=chunk-IIEI7VK5.js.map

package/dist/{chunk-YDA46XHI.js → chunk-IMO46ROR.js}

@@ -1,9 +1,9 @@
 import {
   buildSwatches
-} from "./chunk-MS5574I7.js";
+} from "./chunk-RIXWLFB4.js";
 import {
   FONT_FAMILY
-} from "./chunk-UTCPNJND.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   fixedParts,
   fixedTimeCells,
@@ -14,19 +14,22 @@ import {
   workStatus,
   zoneParts
 } from "./chunk-A2RUBBVT.js";
+import {
+  now
+} from "./chunk-3DPOIW3W.js";
 import {
   contrastText,
   mix,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
 
 // src/clock/renderer.ts
 import * as d3Selection from "d3-selection";
-function partsFor(entry, now) {
-  return entry.kind === "fixed" ? fixedParts(entry.fixedOffsetMin ?? 0, now) : zoneParts(entry.zone, now);
+function partsFor(entry, now2) {
+  return entry.kind === "fixed" ? fixedParts(entry.fixedOffsetMin ?? 0, now2) : zoneParts(entry.zone, now2);
 }
 var PLACE_ACCENTS = [
   "blue",
@@ -143,7 +146,7 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
     baseWidth,
     COL_MIN_W * Math.max(1, parsed.entries.length) + 2 * cardM
   ) : baseWidth);
-  const now = Date.now();
+  const now2 = now();
   const baseBg = themeBaseBg(palette, isDark);
   const muted = mix(palette.text, baseBg, 55);
   const faint = mix(palette.text, baseBg, 72);
@@ -167,9 +170,9 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
     const titleFont = 20;
     const meta = parsed.work ? `${hourLabel(parsed.work.startMin, parsed.hours12)}\u2013${hourLabel(parsed.work.endMin, parsed.hours12)} \xB7 ${daysLabel(parsed.work.days)}` : null;
     const metaW = meta ? estWidth(meta, 12) + 16 : 0;
-    svg.append("text").attr("x", padX).attr("y", y + titleFont).attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", titleFont).attr("font-weight", 650).attr("data-line-number", parsed.titleLineNumber).text(ellipsize(parsed.title, titleFont, rightX - padX - metaW));
+    svg.append("text").attr("x", padX).attr("y", y + titleFont).attr("fill", palette.text).attr("font-family", FONT_FAMILY).attr("font-size", titleFont).attr("font-weight", "bold").attr("data-line-number", parsed.titleLineNumber).text(ellipsize(parsed.title, titleFont, rightX - padX - metaW));
     if (meta) {
-      svg.append("text").attr("x", rightX).attr("y", y + titleFont - 3).attr("text-anchor", "end").attr("fill", faint).attr("font-family", FONT_FAMILY).attr("font-size", 12).attr("font-weight", 500).text(meta);
+      svg.append("text").attr("x", rightX).attr("y", y + titleFont - 3).attr("text-anchor", "end").attr("fill", faint).attr("font-family", FONT_FAMILY).attr("font-size", 12).attr("font-weight", "normal").text(meta);
     }
     y += titleFont + 12;
     svg.append("line").attr("x1", cardM).attr("x2", width - cardM).attr("y1", y).attr("y2", y).attr("stroke", mix(palette.text, palette.bg, 22)).attr("stroke-width", 1);
@@ -191,14 +194,14 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
   };
   let bannerH;
   if (parsed.columns) {
-    bannerH = drawColumns(body, parsed, now, rowsTop, { width, cardM }, col);
+    bannerH = drawColumns(body, parsed, now2, rowsTop, { width, cardM }, col);
   } else {
     let leftColW = rowH - 20;
     let mainW = 0;
     if (parsed.face === "digital") {
       let secW = 0;
       for (const e of parsed.entries) {
-        const p = partsFor(e, now);
+        const p = partsFor(e, now2);
         const t = formatTime(p.h, p.m, p.s, parsed.hours12);
         mainW = Math.max(mainW, estWidth(t.main, 48));
         secW = Math.max(secW, estWidth(`:${t.sec}`, 16), estWidth(t.ap, 16));
@@ -211,7 +214,7 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
         entry,
         i,
         parsed,
-        now,
+        now2,
         rowsTop + i * rowH,
         rowH,
         { padX, rightX, width, leftColW, mainW },
@@ -230,13 +233,13 @@ function renderClock(container, parsed, palette, isDark, exportDims) {
 function zoneFillMode(entry, parsed, col) {
   return entry.color || parsed.colorBy === "place" ? col.fillMode : void 0;
 }
-function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
+function drawRow(svg, entry, index, parsed, now2, rowTop, rowH, geom, col) {
   const { padX } = geom;
   const { text, muted, line2, tick, sw, cardFill } = col;
   const center = rowTop + rowH / 2;
-  const parts = partsFor(entry, now);
+  const parts = partsFor(entry, now2);
   const hasCoords = entry.lat !== null && entry.lon !== null;
-  const sun = parsed.sun && hasCoords ? sunLine(now, entry.lat, entry.lon) : null;
+  const sun = parsed.sun && hasCoords ? sunLine(now2, entry.lat, entry.lon) : null;
   const up = sun ? sun.up : parts.h >= 6 && parts.h < 18;
   const stColor = up ? sw.day : sw.night;
   const stTint = up ? sw.dayTint : sw.nightTint;
@@ -309,14 +312,17 @@ function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
     const capTop = baseY - mainFont * 0.7;
     const sf = 20;
     const gap = 5;
-    const { cells, width: mainW } = fixedTimeCells(ts.main, contentLeft, mainFont);
+    const { cells, width: mainW } = fixedTimeCells(
+      ts.main,
+      contentLeft,
+      mainFont
+    );
     const stackX = contentLeft + mainW + gap;
-    const mainText = g.append("text").attr("data-dgmo-clock-digital", "").attr("data-dgmo-clock-digital-part", "main").attr("y", baseY).attr("text-anchor", "middle").attr("fill", timeColor).attr("font-family", FONT_FAMILY).attr("font-size", mainFont).attr("font-weight", 600).attr("data-dgmo-clock-x0", contentLeft).attr("data-dgmo-clock-fs", mainFont).attr("data-dgmo-clock-gap", gap);
-    for (const c of cells)
-      mainText.append("tspan").attr("x", c.x).text(c.ch);
-    g.append("text").attr("data-dgmo-clock-digital-part", "sec").attr("x", stackX).attr("y", capTop + sf * 0.72).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", 600).style("font-variant-numeric", "tabular-nums").text(`:${ts.sec}`);
+    const mainText = g.append("text").attr("data-dgmo-clock-digital", "").attr("data-dgmo-clock-digital-part", "main").attr("y", baseY).attr("text-anchor", "middle").attr("fill", timeColor).attr("font-family", FONT_FAMILY).attr("font-size", mainFont).attr("font-weight", "bold").attr("data-dgmo-clock-x0", contentLeft).attr("data-dgmo-clock-fs", mainFont).attr("data-dgmo-clock-gap", gap);
+    for (const c of cells) mainText.append("tspan").attr("x", c.x).text(c.ch);
+    g.append("text").attr("data-dgmo-clock-digital-part", "sec").attr("x", stackX).attr("y", capTop + sf * 0.72).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", "bold").style("font-variant-numeric", "tabular-nums").text(`:${ts.sec}`);
     if (ts.ap)
-      g.append("text").attr("data-dgmo-clock-digital-part", "ap").attr("x", stackX).attr("y", baseY).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", 600).text(ts.ap);
+      g.append("text").attr("data-dgmo-clock-digital-part", "ap").attr("x", stackX).attr("y", baseY).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", "bold").text(ts.ap);
   }
   const midLeft = contentLeft + geom.leftColW + 26;
   const midMaxW = Math.max(40, rightColLeft - 12 - midLeft);
@@ -341,7 +347,7 @@ function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
   const firstBase = aliasLines.length === 1 ? center + 16 : center - aliasLines.length * aliasLh / 2 + aliasFont * 0.72;
   const aliasFill = auto?.solid ?? mix(muted, text, Math.round((aliasFont - 17) / 31 * 55));
   aliasLines.forEach((ln, i) => {
-    g.append("text").attr("x", midLeft).attr("y", firstBase + i * aliasLh).attr("fill", aliasFill).attr("font-family", FONT_FAMILY).attr("font-size", aliasFont).attr("font-weight", 650).text(ln);
+    g.append("text").attr("x", midLeft).attr("y", firstBase + i * aliasLh).attr("fill", aliasFill).attr("font-family", FONT_FAMILY).attr("font-size", aliasFont).attr("font-weight", "bold").text(ln);
   });
   const iconX = rightColLeft + 6;
   const textX = rightColLeft + 20;
@@ -357,11 +363,11 @@ function drawRow(svg, entry, index, parsed, now, rowTop, rowH, geom, col) {
     const yy = top + i * lh;
     if (ln.kind === "place") {
       g.append("path").attr("transform", `translate(${iconX},${yy - 5}) scale(1.25)`).attr("d", "M0,4 L-2.3,-0.6 A2.6,2.6 0 1 1 2.3,-0.6 Z").attr("fill", muted);
-      g.append("text").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 14).attr("font-weight", 500).text(ellipsize(entry.place, 14, textMax));
+      g.append("text").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 14).attr("font-weight", "normal").text(ellipsize(entry.place, 14, textMax));
     } else if (ln.kind === "avail" && status) {
       const stCol = status.cls === "ok" ? sw.ok : status.cls === "soon" ? sw.soon : sw.off;
       drawStatusClock(g, iconX, yy - 5, 5, stCol);
-      g.append("text").attr("data-dgmo-clock-status", "").attr("x", textX).attr("y", yy).attr("fill", stCol).attr("font-family", FONT_FAMILY).attr("font-size", 14).attr("font-weight", 600).text(ellipsize(status.text, 14, textMax));
+      g.append("text").attr("data-dgmo-clock-status", "").attr("x", textX).attr("y", yy).attr("fill", stCol).attr("font-family", FONT_FAMILY).attr("font-size", 14).attr("font-weight", "bold").text(ellipsize(status.text, 14, textMax));
     } else if (ln.kind === "sun" && sun) {
       drawSunMoon(g, iconX, yy - 5, up, sw, 1.25);
       g.append("text").attr("data-dgmo-clock-sun-line", "").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 13.5).text(ellipsize(sun.text, 13.5, textMax));
@@ -394,7 +400,7 @@ function bakeAnchors(g, entry, parsed, sun, sw) {
     );
   }
 }
-function drawColumns(body, parsed, now, top, geom, col) {
+function drawColumns(body, parsed, now2, top, geom, col) {
   const { width, cardM } = geom;
   const { text, muted, line2, tick, cardFill, sw } = col;
   const n = Math.max(1, parsed.entries.length);
@@ -406,9 +412,9 @@ function drawColumns(body, parsed, now, top, geom, col) {
   parsed.entries.forEach((entry, i) => {
     const x0 = cardM + i * colW;
     const cx = x0 + colW / 2;
-    const parts = partsFor(entry, now);
+    const parts = partsFor(entry, now2);
     const hasCoords = entry.lat !== null && entry.lon !== null;
-    const sun = parsed.sun && hasCoords ? sunLine(now, entry.lat, entry.lon) : null;
+    const sun = parsed.sun && hasCoords ? sunLine(now2, entry.lat, entry.lon) : null;
     const up = sun ? sun.up : parts.h >= 6 && parts.h < 18;
     const ts = formatTime(parts.h, parts.m, parts.s, parsed.hours12);
     const work = parsed.work ? {
@@ -476,13 +482,13 @@ function drawColumns(body, parsed, now, top, geom, col) {
       const stackW = Math.max(estWidth(`:${ts.sec}`, sf), estWidth(ts.ap, sf));
       const gLeft = cx - (mainW + gap + stackW) / 2;
       const baseY = cy + tf * 0.34;
-      const mainText = g.append("text").attr("data-dgmo-clock-digital", "").attr("data-dgmo-clock-digital-part", "main").attr("y", baseY).attr("text-anchor", "middle").attr("fill", timeColor).attr("font-family", FONT_FAMILY).attr("font-size", tf).attr("font-weight", 600).attr("data-dgmo-clock-x0", gLeft).attr("data-dgmo-clock-fs", tf).attr("data-dgmo-clock-gap", gap);
+      const mainText = g.append("text").attr("data-dgmo-clock-digital", "").attr("data-dgmo-clock-digital-part", "main").attr("y", baseY).attr("text-anchor", "middle").attr("fill", timeColor).attr("font-family", FONT_FAMILY).attr("font-size", tf).attr("font-weight", "bold").attr("data-dgmo-clock-x0", gLeft).attr("data-dgmo-clock-fs", tf).attr("data-dgmo-clock-gap", gap);
       for (const c of fixedTimeCells(ts.main, gLeft, tf).cells)
         mainText.append("tspan").attr("x", c.x).text(c.ch);
       const stackX = gLeft + mainW + gap;
-      g.append("text").attr("data-dgmo-clock-digital-part", "sec").attr("x", stackX).attr("y", baseY - tf * cap + sf * cap).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", 500).text(`:${ts.sec}`);
+      g.append("text").attr("data-dgmo-clock-digital-part", "sec").attr("x", stackX).attr("y", baseY - tf * cap + sf * cap).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", "normal").text(`:${ts.sec}`);
       if (ts.ap)
-        g.append("text").attr("data-dgmo-clock-digital-part", "ap").attr("x", stackX).attr("y", baseY).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", 500).text(ts.ap);
+        g.append("text").attr("data-dgmo-clock-digital-part", "ap").attr("x", stackX).attr("y", baseY).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", sf).attr("font-weight", "normal").text(ts.ap);
       cy += tf + 8;
     }
     const amax = colW - 14;
@@ -501,7 +507,7 @@ function drawColumns(body, parsed, now, top, geom, col) {
     const alh = af + 3;
     const aFill = auto?.solid ?? mix(muted, text, Math.round((af - 14) / 12 * 55));
     alines.forEach(
-      (ln, j) => g.append("text").attr("x", cx).attr("y", cy + af * 0.72 + j * alh).attr("text-anchor", "middle").attr("fill", aFill).attr("font-family", FONT_FAMILY).attr("font-size", af).attr("font-weight", 650).text(ln)
+      (ln, j) => g.append("text").attr("x", cx).attr("y", cy + af * 0.72 + j * alh).attr("text-anchor", "middle").attr("fill", aFill).attr("font-family", FONT_FAMILY).attr("font-size", af).attr("font-weight", "bold").text(ln)
     );
     cy += alines.length * alh + 12;
     const kinds = [];
@@ -523,7 +529,7 @@ function drawColumns(body, parsed, now, top, geom, col) {
           } else if (kind === "avail" && status) {
             const stCol = status.cls === "ok" ? sw.ok : status.cls === "soon" ? sw.soon : sw.off;
             drawStatusClock(g, iconX, yy - 4, 4, stCol);
-            g.append("text").attr("data-dgmo-clock-status", "").attr("x", textX).attr("y", yy).attr("fill", stCol).attr("font-family", FONT_FAMILY).attr("font-size", 12).attr("font-weight", 600).text(ellipsize(status.text, 12, tmax));
+            g.append("text").attr("data-dgmo-clock-status", "").attr("x", textX).attr("y", yy).attr("fill", stCol).attr("font-family", FONT_FAMILY).attr("font-size", 12).attr("font-weight", "bold").text(ellipsize(status.text, 12, tmax));
           } else if (kind === "sun" && sun) {
             drawSunMoon(g, iconX, yy - 4, up, sw, 1);
             g.append("text").attr("data-dgmo-clock-sun-line", "").attr("x", textX).attr("y", yy).attr("fill", muted).attr("font-family", FONT_FAMILY).attr("font-size", 11.5).text(ellipsize(sun.text, 11.5, tmax));
@@ -558,4 +564,4 @@ export {
   renderClock,
   renderClockForExport
 };
-//# sourceMappingURL=chunk-YDA46XHI.js.map
+//# sourceMappingURL=chunk-IMO46ROR.js.map

package/dist/{chunk-4SXHMFFP.js → chunk-IZTU6WVR.js}

@@ -13,7 +13,7 @@ import {
   LEGEND_TOGGLE_DOT_R,
   measureLegendText,
   truncateLegendText
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-MFK7LF66.js";
 
 // src/utils/number-format.ts
 function compactNumber(n) {
@@ -108,9 +108,10 @@ function entriesWidth(entries) {
   }
   return w;
 }
-function entryWidth(value) {
+function legendEntryWidth(value) {
   return LEGEND_DOT_R * 2 + LEGEND_ENTRY_DOT_GAP + measureLegendText(value, LEGEND_ENTRY_FONT_SIZE) + LEGEND_ENTRY_TRAIL;
 }
+var entryWidth = legendEntryWidth;
 function controlWidth(control) {
   let w = CONTROL_PILL_PAD;
   if (control.label) {
@@ -125,12 +126,12 @@ function controlWidth(control) {
   }
   return w;
 }
-function capsuleWidth(name, entries, containerWidth, addonWidth = 0) {
+function capsuleWidth(name, entries, containerWidth, addonWidth = 0, trailWidth = 0) {
   const pw = pillWidth(name);
   const maxCapsuleW = containerWidth;
   const baseW = LEGEND_CAPSULE_PAD * 2 + pw + 4 + addonWidth;
   const ew = entriesWidth(entries);
-  const singleRowW = baseW + ew;
+  const singleRowW = baseW + ew + trailWidth;
   if (singleRowW <= maxCapsuleW + 0.5) {
     return {
       width: singleRowW,
@@ -139,7 +140,7 @@ function capsuleWidth(name, entries, containerWidth, addonWidth = 0) {
       visibleEntries: entries.length
     };
   }
-  const rowWidth = maxCapsuleW - LEGEND_CAPSULE_PAD;
+  const rowWidth = maxCapsuleW - LEGEND_CAPSULE_PAD - trailWidth;
   let row = 1;
   let rowX = LEGEND_CAPSULE_PAD + pw + 4 + addonWidth;
   let visible = 0;
@@ -321,7 +322,8 @@ function computeLegendLayout(config, state, containerWidth) {
       activeCapsule = buildCapsuleLayout(
         g,
         groupAvailW,
-        config.capsulePillAddonWidth ?? 0
+        config.capsulePillAddonWidth ?? 0,
+        config.capsuleTrailingAddonWidth ?? 0
       );
     } else if (!activeGroupName || config.showInactivePills) {
       const pw = pillWidth(g.name);
@@ -360,14 +362,15 @@ function computeLegendLayout(config, state, containerWidth) {
     }
   };
 }
-function buildCapsuleLayout(group, containerWidth, addonWidth = 0) {
+function buildCapsuleLayout(group, containerWidth, addonWidth = 0, trailWidth = 0) {
   if (group.gradient) return buildGradientCapsuleLayout(group, group.gradient);
   const pw = pillWidth(group.name);
   const info = capsuleWidth(
     group.name,
     group.entries,
     containerWidth,
-    addonWidth
+    addonWidth,
+    trailWidth
   );
   const pill = {
     groupName: group.name,
@@ -381,7 +384,7 @@ function buildCapsuleLayout(group, containerWidth, addonWidth = 0) {
   const ex = LEGEND_CAPSULE_PAD + pw + 4 + addonWidth;
   let ey = 0;
   let rowX = ex;
-  const maxRowW = containerWidth - LEGEND_CAPSULE_PAD;
+  const maxRowW = containerWidth - LEGEND_CAPSULE_PAD - trailWidth;
   let currentRow = 0;
   for (let i = 0; i < info.visibleEntries; i++) {
     const entry = group.entries[i];
@@ -433,7 +436,12 @@ function buildCapsuleLayout(group, containerWidth, addonWidth = 0) {
     pill,
     entries,
     ...info.moreCount > 0 && { moreCount: info.moreCount },
-    ...addonWidth > 0 && { addonX: LEGEND_CAPSULE_PAD + pw + 4 }
+    ...addonWidth > 0 && { addonX: LEGEND_CAPSULE_PAD + pw + 4 },
+    // After the last entry, on whatever row that entry ended on — `rowX` and
+    // `ey` are exactly the cursor the loop left behind.
+    ...trailWidth > 0 && {
+      trailingAddon: { x: rowX, y: ey, width: trailWidth }
+    }
   };
 }
 function layoutRows(activeCapsule, pills, controls, groupAvailW, containerWidth, totalControlsW, alignLeft = false, controlsGroup) {
@@ -528,10 +536,11 @@ function getMaxLegendReservedHeight(config, containerWidth) {
   const groups = config.groups;
   if (groups.length === 0) return LEGEND_HEIGHT;
   const addon = config.capsulePillAddonWidth ?? 0;
+  const trail = config.capsuleTrailingAddonWidth ?? 0;
   let max = LEGEND_HEIGHT;
   for (const g of groups) {
     if (g.entries.length === 0) continue;
-    const info = capsuleWidth(g.name, g.entries, containerWidth, addon);
+    const info = capsuleWidth(g.name, g.entries, containerWidth, addon, trail);
     const h = info.entryRows * LEGEND_HEIGHT;
     if (h > max) max = h;
   }
@@ -551,7 +560,8 @@ function getLegendExtent(config, state, containerWidth) {
     const c = layout.activeCapsule;
     track(c.x, c.y, c.width, c.height);
   }
-  for (const pill of layout.pills) track(pill.x, pill.y, pill.width, pill.height);
+  for (const pill of layout.pills)
+    track(pill.x, pill.y, pill.width, pill.height);
   return {
     width: right - (left === Infinity ? 0 : left),
     height: bottom || LEGEND_HEIGHT
@@ -560,10 +570,11 @@ function getLegendExtent(config, state, containerWidth) {
 
 export {
   compactNumber,
+  legendEntryWidth,
   controlsGroupCapsuleWidth,
   computeLegendLayout,
   getLegendReservedHeight,
   getMaxLegendReservedHeight,
   getLegendExtent
 };
-//# sourceMappingURL=chunk-4SXHMFFP.js.map
+//# sourceMappingURL=chunk-IZTU6WVR.js.map

package/dist/{chunk-U74EGVOA.js → chunk-JOD2CK2M.js}

@@ -4,27 +4,28 @@ import {
   buildLegend,
   compactNumber,
   formatPct,
+  mutedFill,
   resolveCellColor,
   resolveColorMode
-} from "./chunk-C2WH3BMS.js";
+} from "./chunk-X326N4GN.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QT5UMFPE.js";
+} from "./chunk-67I3HFSF.js";
 import {
   getMaxLegendReservedHeight
-} from "./chunk-4SXHMFFP.js";
+} from "./chunk-IZTU6WVR.js";
 import {
   FONT_FAMILY
-} from "./chunk-UTCPNJND.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-MFK7LF66.js";
 import {
   measureText
 } from "./chunk-MTGGOCND.js";
 import {
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   contrastRatio,
   contrastText,
@@ -32,7 +33,7 @@ import {
   hexToHSL,
   hslToHex,
   relativeLuminance
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 
 // src/treemap/renderer-radial.ts
 import * as d3Selection from "d3-selection";
@@ -202,7 +203,8 @@ function renderTreemapRadial(container, parsed, palette, isDark, exportDims, opt
     rootIndexByLabel,
     seriesColors,
     colorOffset: options.colorOffset ?? 0,
-    bg: palette.bg
+    bg: palette.bg,
+    muted: mutedFill(palette)
   };
   const arcGen = d3arc().startAngle((c) => c.startAngle).endAngle((c) => c.endAngle).innerRadius((c) => c.innerR).outerRadius((c) => c.outerR).padAngle(4e-3).padRadius(radius);
   let labelSeq = 0;
@@ -281,12 +283,12 @@ function drawCenterDisc(plot, parsed, discRadius, total, isEmpty, palette) {
   const titleFs = clampFs(15, discRadius);
   const totalFs = fitFs(totalStr, clampFs(22, discRadius), maxW);
   if (title) {
-    const t = disc.append("text").attr("class", "dgmo-treemap-disc-title").attr("text-anchor", "middle").attr("y", -4).attr("fill", ink).attr("font-size", titleFs).attr("font-weight", 600).text(clip(title, maxW, titleFs));
+    const t = disc.append("text").attr("class", "dgmo-treemap-disc-title").attr("text-anchor", "middle").attr("y", -4).attr("fill", ink).attr("font-size", titleFs).attr("font-weight", "bold").text(clip(title, maxW, titleFs));
     if (parsed.titleLineNumber !== null) {
       t.attr("data-line-number", parsed.titleLineNumber);
     }
   }
-  disc.append("text").attr("class", "dgmo-treemap-disc-total").attr("text-anchor", "middle").attr("y", title ? titleFs : 8).attr("fill", ink).attr("font-size", totalFs).attr("font-weight", 700).text(totalStr);
+  disc.append("text").attr("class", "dgmo-treemap-disc-total").attr("text-anchor", "middle").attr("y", title ? titleFs : 8).attr("fill", ink).attr("font-size", totalFs).attr("font-weight", "bold").text(totalStr);
 }
 function groupedNumber(v) {
   const rounded = Math.round(v * 100) / 100;
@@ -327,7 +329,7 @@ function drawArcLabel(g, defs, pathId, cell, opts, palette, fill) {
         cell,
         rName,
         nameFs,
-        600,
+        "bold",
         nameText,
         ink
       );
@@ -342,7 +344,7 @@ function drawArcLabel(g, defs, pathId, cell, opts, palette, fill) {
           cell,
           rVal,
           valFs,
-          500,
+          "normal",
           valText,
           ink
         );
@@ -355,7 +357,7 @@ function drawArcLabel(g, defs, pathId, cell, opts, palette, fill) {
   const fs = fitFs(full, maxFs, availLen);
   const text = clip(full, availLen, fs);
   if (!text) return;
-  drawCurvedLine(g, defs, pathId, cell, rMid, fs, 600, text, ink);
+  drawCurvedLine(g, defs, pathId, cell, rMid, fs, "bold", text, ink);
 }
 function isBottomHalf(cell) {
   const mid = (cell.startAngle + cell.endAngle) / 2;
@@ -423,4 +425,4 @@ export {
   renderTreemapRadialForExport,
   renderTreemapRadial
 };
-//# sourceMappingURL=chunk-U74EGVOA.js.map
+//# sourceMappingURL=chunk-JOD2CK2M.js.map

package/dist/{chunk-U5B3TUEW.js → chunk-JUNTVLOU.js}

@@ -1,15 +1,15 @@
 import {
   compactNumber
-} from "./chunk-C2WH3BMS.js";
+} from "./chunk-X326N4GN.js";
 import {
   parseInlineMarkdown
-} from "./chunk-WGC42WJU.js";
+} from "./chunk-FWNJDD4U.js";
 import {
   TITLE_FONT_WEIGHT
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   FONT_FAMILY
-} from "./chunk-UTCPNJND.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   measureText
 } from "./chunk-MTGGOCND.js";
@@ -18,7 +18,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -75,6 +75,7 @@ function renderGoal(container, parsed, palette, isDark, exportDims) {
   const vw = box.maxX - box.minX + pad * 2;
   const vh = box.maxY - box.minY + pad * 2;
   svg.attr("viewBox", `${vx} ${vy} ${vw} ${vh}`);
+  if (vw > 0 && vh > 0) svg.attr("height", Math.round(cw * vh / vw));
   svg.insert("rect", ":first-child").attr("x", vx).attr("y", vy).attr("width", vw).attr("height", vh).attr("fill", palette.bg);
 }
 function renderGoalForExport(container, parsed, palette, isDark, exportDims) {
@@ -155,7 +156,7 @@ function drawNote(svg, description, paint, left, top, width) {
   const maxChars = Math.max(8, Math.floor(width / (descSize * 0.46)));
   const firstY = top + descSize;
   const lines = layoutDescription(description, left, maxChars);
-  const desc = svg.append("text").attr("x", left).attr("y", firstY).attr("text-anchor", "start").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", descSize).attr("font-weight", 500);
+  const desc = svg.append("text").attr("x", left).attr("y", firstY).attr("text-anchor", "start").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", descSize).attr("font-weight", "normal");
   renderWrappedMarkdown(desc, lines, lineH);
   return firstY + lines.length * lineH;
 }
@@ -176,7 +177,7 @@ function renderBar(svg, parsed, metrics, paint) {
   if (hasTitle) faceTitle(svg, parsed, paint, x, titleSize - 2, "start");
   const barRight = x + trackW;
   if (showPct) {
-    svg.append("text").attr("x", barRight).attr("y", titleSize - 2).attr("text-anchor", "end").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", titleSize).attr("font-weight", 700).text(metrics.pctLabel);
+    svg.append("text").attr("x", barRight).attr("y", titleSize - 2).attr("text-anchor", "end").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", titleSize).attr("font-weight", "bold").text(metrics.pctLabel);
   }
   const y = hasTitle || showPct ? titleSize + 14 : 0;
   const barCy = y + trackH / 2;
@@ -198,10 +199,10 @@ function renderBar(svg, parsed, metrics, paint) {
     const valuePad = 16;
     const insideFits = fillW >= measureText(valueText, 24, { bold: true }) + valuePad * 2;
     const valX = insideFits ? x + fillW - valuePad : x + fillW + valuePad;
-    g.append("text").attr("x", valX).attr("y", barCy + 24 * 0.35).attr("text-anchor", insideFits ? "end" : "start").attr("fill", insideFits ? paint.base : paint.text).attr("font-family", FONT_FAMILY).attr("font-size", 24).attr("font-weight", 700).text(valueText);
+    g.append("text").attr("x", valX).attr("y", barCy + 24 * 0.35).attr("text-anchor", insideFits ? "end" : "start").attr("fill", insideFits ? paint.base : paint.text).attr("font-family", FONT_FAMILY).attr("font-size", 24).attr("font-weight", "bold").text(valueText);
   }
   if (parsed.hasTarget) {
-    g.append("text").attr("x", barRight + gap).attr("y", barCy + 26 * 0.35).attr("text-anchor", "start").attr("fill", paint.text).attr("font-family", FONT_FAMILY).attr("font-size", 26).attr("font-weight", 700).text(compactNumber(parsed.target));
+    g.append("text").attr("x", barRight + gap).attr("y", barCy + 26 * 0.35).attr("text-anchor", "start").attr("fill", paint.text).attr("font-family", FONT_FAMILY).attr("font-size", 26).attr("font-weight", "bold").text(compactNumber(parsed.target));
   }
   let bottom = y + trackH;
   if (parsed.description && !parsed.options.noNote) {
@@ -248,7 +249,7 @@ function renderThermometer(svg, parsed, metrics, paint) {
       const y = yForFrac(f);
       g.append("line").attr("x1", edgeX).attr("y1", y).attr("x2", edgeX - (isTarget ? 26 : major ? 18 : 10)).attr("y2", y).attr("stroke", isTarget ? paint.base : paint.muted).attr("stroke-width", isTarget ? 4 : major ? 2 : 1.5);
       if (isTarget) {
-        g.append("text").attr("x", tickLabelX).attr("y", y - 20).attr("text-anchor", "start").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", 15).attr("font-weight", 600).attr("letter-spacing", 1).text("TARGET");
+        g.append("text").attr("x", tickLabelX).attr("y", y - 20).attr("text-anchor", "start").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", 15).attr("font-weight", "bold").attr("letter-spacing", 1).text("TARGET");
       }
       if (major) {
         g.append("text").attr("x", tickLabelX).attr("y", y + (isTarget ? 30 * 0.35 : 19 * 0.35)).attr("text-anchor", "start").attr("fill", isTarget ? paint.text : paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", isTarget ? 30 : 19).attr("font-weight", isTarget ? 700 : 500).text(compactNumber(parsed.target * f));
@@ -256,7 +257,7 @@ function renderThermometer(svg, parsed, metrics, paint) {
     };
     for (const f of [0.25, 0.75]) drawTick(f, false);
     for (const f of [0, 0.5, 1]) drawTick(f, true);
-    g.append("text").attr("x", tickLabelX).attr("y", fillTopY + 42 * 0.35).attr("text-anchor", "start").attr("fill", paint.base).attr("font-family", FONT_FAMILY).attr("font-size", 42).attr("font-weight", 700).text(compactNumber(parsed.now));
+    g.append("text").attr("x", tickLabelX).attr("y", fillTopY + 42 * 0.35).attr("text-anchor", "start").attr("fill", paint.base).attr("font-family", FONT_FAMILY).attr("font-size", 42).attr("font-weight", "bold").text(compactNumber(parsed.now));
   }
   const titleSize = GOAL_TITLE_SIZE;
   let cursorY = glassTop;
@@ -265,7 +266,7 @@ function renderThermometer(svg, parsed, metrics, paint) {
     cursorY += titleSize + 16;
   }
   if (!parsed.options.noPercent) {
-    svg.append("text").attr("x", colLeft).attr("y", cursorY + 52).attr("text-anchor", "start").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", 64).attr("font-weight", 700).text(metrics.pctLabel);
+    svg.append("text").attr("x", colLeft).attr("y", cursorY + 52).attr("text-anchor", "start").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", 64).attr("font-weight", "bold").text(metrics.pctLabel);
     cursorY += 76;
   }
   let colBottom = cursorY;
@@ -344,7 +345,7 @@ function renderGauge(svg, parsed, metrics, paint) {
     r * 0.95 / Math.max(1, nowLabel.length * 0.6)
   );
   const nowY = cy - r * 0.42;
-  g.append("text").attr("x", cx).attr("y", nowY + nowSize * 0.35).attr("text-anchor", "middle").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", nowSize).attr("font-weight", 700).text(nowLabel);
+  g.append("text").attr("x", cx).attr("y", nowY + nowSize * 0.35).attr("text-anchor", "middle").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", nowSize).attr("font-weight", "bold").text(nowLabel);
   if (parsed.hasTarget) {
     const bandInner = r - stroke / 2;
     for (const f of [0, 0.25, 0.5, 0.75, 1]) {
@@ -356,7 +357,7 @@ function renderGauge(svg, parsed, metrics, paint) {
       const lr = bandInner - (isTarget ? 40 : 26);
       const anchor = ca > 0.2 ? "end" : ca < -0.2 ? "start" : "middle";
       if (isTarget) {
-        g.append("text").attr("x", cx + lr * ca).attr("y", cy - lr * sa - 20).attr("text-anchor", anchor).attr("dominant-baseline", "middle").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", 15).attr("font-weight", 600).attr("letter-spacing", 1).text("TARGET");
+        g.append("text").attr("x", cx + lr * ca).attr("y", cy - lr * sa - 20).attr("text-anchor", anchor).attr("dominant-baseline", "middle").attr("fill", paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", 15).attr("font-weight", "bold").attr("letter-spacing", 1).text("TARGET");
       }
       g.append("text").attr("x", cx + lr * ca).attr("y", cy - lr * sa).attr("text-anchor", anchor).attr("dominant-baseline", sa > 0.7 ? "hanging" : "middle").attr("fill", isTarget ? paint.text : paint.muted).attr("font-family", FONT_FAMILY).attr("font-size", isTarget ? 30 : 18).attr("font-weight", isTarget ? 700 : 500).text(compactNumber(parsed.target * f));
     }
@@ -374,4 +375,4 @@ export {
   renderGoal,
   renderGoalForExport
 };
-//# sourceMappingURL=chunk-U5B3TUEW.js.map
+//# sourceMappingURL=chunk-JUNTVLOU.js.map

package/dist/{chunk-RWFMOVHG.js → chunk-KAZQX2EY.js}

@@ -21,7 +21,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   PERT_REGISTRY,
   extractColor,
@@ -1268,4 +1268,4 @@ export {
   extractPertSymbols,
   looksLikePert
 };
-//# sourceMappingURL=chunk-RWFMOVHG.js.map
+//# sourceMappingURL=chunk-KAZQX2EY.js.map