@diagrammo/dgmo 0.86.0 → 0.88.0

package/dist/{chunk-EWSESGC2.js → chunk-EJS3K44P.js}

@@ -4,7 +4,10 @@ import {
   NODE_HEIGHT,
   NODE_WIDTH,
   measureEdgeLabel
-} from "./chunk-TW6WMZFW.js";
+} from "./chunk-QT3KDDXK.js";
+import {
+  measureText
+} from "./chunk-KAO7JL4I.js";
 
 // src/boxes-and-lines/edge-clip.ts
 function rectBorderPoint(rect, toward) {
@@ -48,6 +51,8 @@ var DUMMY_THICK = 10;
 var MARGIN = 40;
 var GROUP_PAD = 16;
 var GROUP_LABEL_ZONE = 32;
+var GROUP_TITLE_FONT_SIZE = 14;
+var TITLE_CLEAR = 6;
 var GROUP_GAP = 24;
 var TIER_GAP = GROUP_LABEL_ZONE + 2 * GROUP_PAD;
 var W_REAL_REAL = 1;
@@ -556,6 +561,70 @@ function groupedTierCandidates(parsed, sizes, opts) {
     });
     const chainById = /* @__PURE__ */ new Map();
     for (const ch of chains) chainById.set(ch.edgeIdx, ch.chain);
+    const nodeBox = new Map(
+      layoutNodes.map((n) => [
+        n.label,
+        {
+          l: n.x - n.width / 2,
+          r: n.x + n.width / 2,
+          t: n.y - n.height / 2,
+          b: n.y + n.height / 2
+        }
+      ])
+    );
+    const depthOf = (label) => {
+      let d = 0;
+      let cur = label;
+      const guard = /* @__PURE__ */ new Set();
+      while (cur && !guard.has(cur)) {
+        guard.add(cur);
+        cur = groupByLabel.get(cur)?.parentGroup;
+        if (cur) d++;
+      }
+      return d;
+    };
+    const childGroups = /* @__PURE__ */ new Map();
+    for (const g of parsed.groups)
+      if (g.parentGroup)
+        (childGroups.get(g.parentGroup) ?? childGroups.set(g.parentGroup, []).get(g.parentGroup)).push(g.label);
+    const rectByGroup = /* @__PURE__ */ new Map();
+    const ordered = [...parsed.groups].sort(
+      (a, b) => depthOf(b.label) - depthOf(a.label)
+    );
+    const layoutGroups = [];
+    for (const grp of ordered) {
+      let l = Infinity, r = -Infinity, t = Infinity, bm = -Infinity;
+      const acc2 = (box) => {
+        l = Math.min(l, box.l);
+        r = Math.max(r, box.r);
+        t = Math.min(t, box.t);
+        bm = Math.max(bm, box.b);
+      };
+      for (const c of grp.children) {
+        const nb = nodeBox.get(c);
+        if (nb) acc2(nb);
+      }
+      for (const sub of childGroups.get(grp.label) ?? []) {
+        const sr = rectByGroup.get(sub);
+        if (sr) acc2(sr);
+      }
+      if (!Number.isFinite(l)) continue;
+      const x0 = l - GROUP_PAD;
+      const x1 = r + GROUP_PAD;
+      const y0 = t - GROUP_LABEL_ZONE;
+      const y1 = bm + GROUP_PAD;
+      rectByGroup.set(grp.label, { l: x0, r: x1, t: y0, b: y1 });
+      layoutGroups.push({
+        label: grp.label,
+        lineNumber: grp.lineNumber,
+        x: (x0 + x1) / 2,
+        y: (y0 + y1) / 2,
+        width: x1 - x0,
+        height: y1 - y0,
+        collapsed: false,
+        childCount: grp.children.length
+      });
+    }
     let minCross = Infinity, maxCross = -Infinity;
     for (const n of node.values()) {
       if (n.dummy) continue;
@@ -574,35 +643,69 @@ function groupedTierCandidates(parsed, sizes, opts) {
       side: sideOf(b),
       span: Math.abs(node.get(b.src).rank - node.get(b.tgt).rank)
     })).sort((a, b) => a.side - b.side || a.span - b.span);
-    const sideCounts = /* @__PURE__ */ new Map();
-    for (const b of backSorted)
-      sideCounts.set(b.side, (sideCounts.get(b.side) ?? 0) + 1);
     const laneCounter = /* @__PURE__ */ new Map();
     const backPoints = /* @__PURE__ */ new Map();
+    const faceKey = (id, side) => `${id}\0${side}`;
+    const faceCount = /* @__PURE__ */ new Map();
+    for (const b of backSorted)
+      for (const id of [b.src, b.tgt])
+        faceCount.set(
+          faceKey(id, b.side),
+          (faceCount.get(faceKey(id, b.side)) ?? 0) + 1
+        );
+    const faceSeen = /* @__PURE__ */ new Map();
+    const portSlot = (id, side) => {
+      const key = faceKey(id, side);
+      const j = faceSeen.get(key) ?? 0;
+      faceSeen.set(key, j + 1);
+      return 2 * (j + 1) / (faceCount.get(key) + 1) - 1;
+    };
+    const titleStrips = layoutGroups.map((g) => {
+      const tw = measureText(g.label, GROUP_TITLE_FONT_SIZE, { bold: true });
+      const x0 = g.x - tw / 2 - TITLE_CLEAR;
+      const x1 = g.x + tw / 2 + TITLE_CLEAR;
+      const y0 = g.y - g.height / 2;
+      const y1 = y0 + GROUP_LABEL_ZONE;
+      return isTB ? { c0: x0, c1: x1, r0: y0, r1: y1 } : { c0: y0, c1: y1, r0: x0, r1: x1 };
+    });
+    const stubHitsTitle = (r, ca, cb) => titleStrips.some(
+      (t) => r > t.r0 && r < t.r1 && Math.min(ca, cb) < t.c1 && Math.max(ca, cb) > t.c0
+    );
+    const gapMid = (rank, dir) => {
+      const nb = rank + dir;
+      if (nb < 0 || nb > maxRank) return void 0;
+      const a = bandCenter[rank] + dir * bandDepth[rank] / 2;
+      const b = bandCenter[nb] - dir * bandDepth[nb] / 2;
+      return (a + b) / 2;
+    };
     for (const b of backSorted) {
       const s = b.side;
       const k = laneCounter.get(s) ?? 0;
       laneCounter.set(s, k + 1);
-      const K = sideCounts.get(s);
       const src = node.get(b.src);
       const tgt = node.get(b.tgt);
       const laneC = s > 0 ? maxCross + GAP + k * LANE : minCross - GAP - k * LANE;
       const srcCtr = bandCenter[src.rank];
       const tgtCtr = bandCenter[tgt.rank];
-      const frac = K > 1 ? (k + 1) / (K + 1) : 0;
-      const srcR = srcCtr - frac * faceLim(src.depth);
-      const tgtR = tgtCtr + frac * faceLim(tgt.depth);
+      const dir = srcCtr >= tgtCtr ? 1 : -1;
+      const srcR = srcCtr + dir * portSlot(b.src, s) * faceLim(src.depth);
+      const tgtR = tgtCtr - dir * portSlot(b.tgt, s) * faceLim(tgt.depth);
       const m = (c, rr) => isTB ? { x: c, y: rr } : { x: rr, y: c };
       const off = 10;
       const srcEdgeC = src.cross + s * (src.thick / 2 + off);
       const tgtEdgeC = tgt.cross + s * (tgt.thick / 2 + off);
+      const end = (n, ctr, r, edgeC, toward) => {
+        if (stubHitsTitle(r, n.cross, laneC)) {
+          const g = gapMid(n.rank, toward);
+          if (g !== void 0 && !stubHitsTitle(g, n.cross, laneC))
+            return [m(n.cross, ctr), m(n.cross, g), m(laneC, g)];
+        }
+        return [m(n.cross, ctr), m(edgeC, r), m(laneC, r)];
+      };
+      const toTgt = tgt.rank >= src.rank ? 1 : -1;
       backPoints.set(b.edgeIdx, [
-        m(src.cross, srcCtr),
-        m(srcEdgeC, srcR),
-        m(laneC, srcR),
-        m(laneC, tgtR),
-        m(tgtEdgeC, tgtR),
-        m(tgt.cross, tgtCtr)
+        ...end(src, srcCtr, srcR, srcEdgeC, toTgt),
+        ...end(tgt, tgtCtr, tgtR, tgtEdgeC, -toTgt).reverse()
       ]);
     }
     const flatPoints = /* @__PURE__ */ new Map();
@@ -659,70 +762,6 @@ function groupedTierCandidates(parsed, sizes, opts) {
         metadata: e.metadata
       });
     }
-    const nodeBox = new Map(
-      layoutNodes.map((n) => [
-        n.label,
-        {
-          l: n.x - n.width / 2,
-          r: n.x + n.width / 2,
-          t: n.y - n.height / 2,
-          b: n.y + n.height / 2
-        }
-      ])
-    );
-    const depthOf = (label) => {
-      let d = 0;
-      let cur = label;
-      const guard = /* @__PURE__ */ new Set();
-      while (cur && !guard.has(cur)) {
-        guard.add(cur);
-        cur = groupByLabel.get(cur)?.parentGroup;
-        if (cur) d++;
-      }
-      return d;
-    };
-    const childGroups = /* @__PURE__ */ new Map();
-    for (const g of parsed.groups)
-      if (g.parentGroup)
-        (childGroups.get(g.parentGroup) ?? childGroups.set(g.parentGroup, []).get(g.parentGroup)).push(g.label);
-    const rectByGroup = /* @__PURE__ */ new Map();
-    const ordered = [...parsed.groups].sort(
-      (a, b) => depthOf(b.label) - depthOf(a.label)
-    );
-    const layoutGroups = [];
-    for (const grp of ordered) {
-      let l = Infinity, r = -Infinity, t = Infinity, bm = -Infinity;
-      const acc2 = (box) => {
-        l = Math.min(l, box.l);
-        r = Math.max(r, box.r);
-        t = Math.min(t, box.t);
-        bm = Math.max(bm, box.b);
-      };
-      for (const c of grp.children) {
-        const nb = nodeBox.get(c);
-        if (nb) acc2(nb);
-      }
-      for (const sub of childGroups.get(grp.label) ?? []) {
-        const sr = rectByGroup.get(sub);
-        if (sr) acc2(sr);
-      }
-      if (!Number.isFinite(l)) continue;
-      const x0 = l - GROUP_PAD;
-      const x1 = r + GROUP_PAD;
-      const y0 = t - GROUP_LABEL_ZONE;
-      const y1 = bm + GROUP_PAD;
-      rectByGroup.set(grp.label, { l: x0, r: x1, t: y0, b: y1 });
-      layoutGroups.push({
-        label: grp.label,
-        lineNumber: grp.lineNumber,
-        x: (x0 + x1) / 2,
-        y: (y0 + y1) / 2,
-        width: x1 - x0,
-        height: y1 - y0,
-        collapsed: false,
-        childCount: grp.children.length
-      });
-    }
     let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
     const ext = (x0, y0, x1, y1) => {
       minX = Math.min(minX, x0);

package/dist/{chunk-5JO443MB.js → chunk-HAH5X345.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-5DH3KYFH.js";
 import {
   renderInlineText
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 import {
   mix
 } from "./chunk-7HWY4QAJ.js";

package/dist/{chunk-HBCAY3KR.js → chunk-HTNLLT34.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6EK55ART.js";
 import {
   noteBoxSize
-} from "./chunk-ZGHV4QLK.js";
+} from "./chunk-RJNZHFNG.js";
 
 // src/utils/notes/build.ts
 function buildPlacedNotes(anchors, noteByNode, direction, collapsedNotes) {

package/dist/{chunk-HUMQIRJK.js → chunk-HTPZDZKQ.js}

@@ -1,13 +1,13 @@
 import {
   layoutERDiagram
-} from "./chunk-FAV4RDVT.js";
+} from "./chunk-2A4DQAXG.js";
 import {
   NOTE_BADGE_RADIUS,
   noteConnectorPoints,
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-5JO443MB.js";
+} from "./chunk-HAH5X345.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";

package/dist/{chunk-VPVWG2GH.js → chunk-J7Q4VPBJ.js}

@@ -1,6 +1,6 @@
 import {
   renderInlineText
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";

package/dist/{chunk-QPE646M2.js → chunk-JLETTWUJ.js}

@@ -54,9 +54,26 @@ import {
   themeBaseBg
 } from "./chunk-7HWY4QAJ.js";
 
+// src/embed/escape.ts
+var HTML_ENTITIES = {
+  "&": "&",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;"
+};
+function escapeHtml(s) {
+  return s.replace(/[&<>"']/g, (ch) => HTML_ENTITIES[ch] ?? ch);
+}
+function escapeAttr(s) {
+  return s.replace(/[&<>"']/g, (ch) => HTML_ENTITIES[ch] ?? ch);
+}
+
 // src/timeline/renderer.ts
 import * as d3Scale from "d3-scale";
 import * as d3Selection from "d3-selection";
+var MIN_TOP_SCALE_BAND = 26;
+var MIN_BOTTOM_BAND = 30;
 function renderEras(g, eras, scale, isVertical, innerWidth, innerHeight, onEnter, onLeave, hasScale = false, _tooltip = null, palette, reservedLabelY, fillMode, outlineBg) {
   const eraColors = getEraColors(
     palette ?? getPalette(DEFAULT_PALETTE_ID).light
@@ -281,7 +298,7 @@ function hideEventDatesOnScale(g) {
 }
 function buildEventTooltipHtml(ev) {
   const datePart = ev.endDate ? `${formatDateLabel(ev.date)} \u2192 ${formatDateLabel(ev.endDate)}` : formatDateLabel(ev.date);
-  return `<strong>${ev.label}</strong><br>${datePart}`;
+  return `<strong>${escapeHtml(ev.label)}</strong><br>${datePart}`;
 }
 function renderTimelineGroupLegend(g, groups, groupColorMap, textColor, palette, isDark, legendY, onHover, onLeave) {
   const PILL_H = 22;
@@ -784,11 +801,12 @@ function renderTimelineHorizontalTimeSort(container, parsed, palette, isDark, se
   const MARKER_ROW_H = ctx.structural(22);
   const eraReserve = timelineEras.length > 0 ? ERA_ROW_H : 0;
   const markerReserve = timelineMarkers.length > 0 ? MARKER_ROW_H : 0;
-  const topScaleH = timelineScale ? ctx.structural(40) : 0;
+  const topScaleH = timelineScale ? Math.max(ctx.structural(40), MIN_TOP_SCALE_BAND) : 0;
+  const hasGroupLegend = timelineGroups.length > 0 && !parsed.noLegend;
   const margin = {
-    top: ctx.aesthetic(104) + topScaleH + eraReserve + markerReserve + tagLegendReserve,
+    top: 50 + (hasGroupLegend ? 54 : ctx.aesthetic(54)) + topScaleH + eraReserve + markerReserve + tagLegendReserve,
     right: ctx.aesthetic(40),
-    bottom: ctx.aesthetic(40) + scaleMargin,
+    bottom: Math.max(ctx.aesthetic(40), MIN_BOTTOM_BAND) + scaleMargin,
     left: ctx.aesthetic(60)
   };
   const markerLabelY = markerReserve ? -(topScaleH + MARKER_ROW_H / 2) : 0;
@@ -859,8 +877,8 @@ function renderTimelineHorizontalTimeSort(container, parsed, palette, isDark, se
       formatBoundaryLabel(latestEndDateStr, earliestStartDateStr)
     );
   }
-  if (timelineGroups.length > 0 && !parsed.noLegend) {
-    const legendY = timelineScale ? -ctx.aesthetic(75) : -ctx.aesthetic(55);
+  if (hasGroupLegend) {
+    const legendY = timelineScale ? -(topScaleH + 35) : -55;
     renderTimelineGroupLegend(
       g,
       timelineGroups,
@@ -1018,7 +1036,7 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
   const MARKER_ROW_H = ctx.structural(22);
   const eraReserve = timelineEras.length > 0 ? ERA_ROW_H : 0;
   const markerReserve = timelineMarkers.length > 0 ? MARKER_ROW_H : 0;
-  const topScaleH = timelineScale ? ctx.structural(40) : 0;
+  const topScaleH = timelineScale ? Math.max(ctx.structural(40), MIN_TOP_SCALE_BAND) : 0;
   const maxGroupNameLen = Math.max(...lanes.map((l) => l.name.length)) + 2;
   const maxEventLabelLen = Math.max(
     0,
@@ -1029,11 +1047,11 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
     ctx.aesthetic(140),
     maxLeftLabelLen * sCharW + ctx.aesthetic(30)
   );
-  const baseTopMargin = title ? ctx.aesthetic(50) : ctx.aesthetic(20);
+  const baseTopMargin = title ? 50 : ctx.aesthetic(20);
   const margin = {
     top: baseTopMargin + topScaleH + eraReserve + markerReserve + tagLegendReserve,
     right: ctx.aesthetic(40),
-    bottom: ctx.aesthetic(40) + scaleMargin,
+    bottom: Math.max(ctx.aesthetic(40), MIN_BOTTOM_BAND) + scaleMargin,
     left: dynamicLeftMargin
   };
   const markerLabelY = markerReserve ? -(topScaleH + MARKER_ROW_H / 2) : 0;
@@ -1121,7 +1139,7 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
     g.append("rect").attr("class", "tl-group-header-bg").attr("data-group", lane.name).attr("x", bandX).attr("y", bandY).attr("width", bandW).attr("height", bandH).attr("rx", sBandRx).attr("fill", shapeFill(palette, laneColor, isDark, { mode: fillMode })).style("pointer-events", "none");
     g.append("rect").attr("class", "tl-group-header-accent").attr("data-group", lane.name).attr("x", bandX).attr("y", bandY).attr("width", sBandAccentW).attr("height", bandH).attr("fill", laneColor).attr("clip-path", `url(#${clipId})`).style("pointer-events", "none");
     const headerG = g.append("g").attr("class", "tl-group-header").attr("data-group", lane.name).style("cursor", "pointer").on("mouseenter", () => fadeToGroup(g, lane.name)).on("mouseleave", () => fadeReset(g)).on("click", () => toggleGroup(lane.name));
-    headerG.append("text").attr("x", -margin.left + ctx.aesthetic(10)).attr("y", curY + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("fill", textColor).attr("font-size", sLaneHeaderFont).attr("font-weight", "bold").text(`${toggleIcon} ${lane.name}`);
+    headerG.append("text").attr("x", bandX + 5).attr("y", curY + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("fill", textColor).attr("font-size", sLaneHeaderFont).attr("font-weight", "bold").text(`${toggleIcon} ${lane.name}`);
     if (lane.events.length > 0) {
       const evDates = lane.events.map((ev) => parseTimelineDate(ev.date));
       const evEndDates = lane.events.filter((ev) => ev.endDate).map((ev) => parseTimelineDate(ev.endDate));
@@ -1672,6 +1690,8 @@ function renderTimeline(container, parsed, palette, isDark, onClickItem, exportD
 }
 
 export {
+  escapeHtml,
+  escapeAttr,
   formatDateLabel,
   renderTimeline
 };

package/dist/{chunk-3CQS3CIO.js → chunk-LL6D3MES.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-UIUXIDBX.js";
 import {
   renderInlineText
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";

package/dist/{chunk-ERYHC4KJ.js → chunk-LSQGJN5H.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-XBJJP2HN.js";
 import {
   renderInlineText
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";

package/dist/{chunk-AGO3PFGS.js → chunk-MVCPO6LI.js}

@@ -72,10 +72,10 @@ import * as d3Scale from "d3-scale";
 import * as d3Selection from "d3-selection";
 var BAR_H = 22;
 var ROW_GAP = 6;
-var GROUP_GAP = 14;
 var MILESTONE_SIZE = 10;
 var MIN_LEFT_MARGIN = 120;
 var BOTTOM_MARGIN = 40;
+var BOTTOM_AXIS_LABEL_RESERVE = 30;
 var RIGHT_MARGIN = 20;
 var LABEL_PAD = 8;
 var LABEL_GAP = 5;
@@ -213,9 +213,11 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
   const ctx = exportDims ? ScaleContext.identity() : ScaleContext.from(containerWidth, idealWidth);
   const sBarH = ctx.structural(BAR_H);
   const sRowGap = ctx.structural(ROW_GAP);
-  const sGroupGap = ctx.structural(GROUP_GAP);
   const sMilestoneSize = ctx.structural(MILESTONE_SIZE);
-  const sBottomMargin = ctx.aesthetic(BOTTOM_MARGIN);
+  const sBottomMargin = Math.max(
+    ctx.aesthetic(BOTTOM_MARGIN),
+    BOTTOM_AXIS_LABEL_RESERVE
+  );
   const sRightMargin = ctx.aesthetic(RIGHT_MARGIN);
   const sLabelPad = ctx.structural(LABEL_PAD);
   const sLabelGap = ctx.structural(LABEL_GAP);
@@ -225,10 +227,10 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
   const sTitleY = ctx.aesthetic(TITLE_Y);
   const sHeaderRowH = ctx.structural(HEADER_ROW_H);
   const sContentTopPad = ctx.aesthetic(CONTENT_TOP_PAD);
-  const sTopDateLabelReserve = ctx.structural(topDateLabelReserve);
+  const sTopDateLabelReserve = topDateLabelReserve;
   const sSprintLabelReserve = ctx.structural(sprintLabelReserve);
   const sTitleHeight = ctx.aesthetic(titleHeight);
-  const sTagLegendReserve = ctx.structural(tagLegendReserve);
+  const sTagLegendReserve = tagLegendReserve;
   const inlineRequested = resolved.options.legendInline === true && resolved.tagGroups.length > 0;
   const legendExtent = inlineRequested ? getLegendExtent(
     {
@@ -267,15 +269,17 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
   const sTodayLabelY = sTodayReserve ? -(sTopDateLabelReserve + sHeaderRowH / 2) : 0;
   const sMarkerLabelY = sMarkerReserve ? -(sTopDateLabelReserve + sTodayReserve + sHeaderRowH / 2) : 0;
   const sEraLabelY = sEraReserve ? -(sTopDateLabelReserve + sTodayReserve + sMarkerReserve + sHeaderRowH / 2) : 0;
-  const sContentH = isTagMode ? totalRows * (sBarH + sRowGap) : totalRows * (sBarH + sRowGap) + sGroupGap * resolved.groups.length;
+  const sContentH = isTagMode ? totalRows * (sBarH + sRowGap) : totalRows * (sBarH + sRowGap);
   const sInnerHeight = sContentTopPad + sContentH;
   const sOuterHeight = sMarginTop + sInnerHeight + sBottomMargin;
   const sprintRightPad = resolved.sprints.length > 0 ? 50 : 0;
-  const innerWidth = containerWidth - leftMargin - sRightMargin - sprintRightPad;
-  const svg = d3Selection.select(container).append("svg").attr("viewBox", `0 0 ${containerWidth} ${sOuterHeight}`).attr("width", exportDims ? containerWidth : "100%").attr("preserveAspectRatio", "xMidYMin meet").attr("font-family", FONT_FAMILY).style("overflow", "visible");
+  const containerHeight = options?.fitToContainer ? container.clientHeight : 0;
+  const layoutWidth = !exportDims && containerHeight > 0 && sOuterHeight > containerHeight ? containerWidth * sOuterHeight / containerHeight : containerWidth;
+  const innerWidth = layoutWidth - leftMargin - sRightMargin - sprintRightPad;
+  const svg = d3Selection.select(container).append("svg").attr("viewBox", `0 0 ${layoutWidth} ${sOuterHeight}`).attr("width", exportDims ? containerWidth : "100%").attr("preserveAspectRatio", "xMidYMin meet").attr("font-family", FONT_FAMILY).style("overflow", "visible");
   const g = svg.append("g").attr("transform", `translate(${leftMargin}, ${sMarginTop})`);
   if (showTitle) {
-    svg.append("text").attr("class", "chart-title").attr("x", header.titleX).attr("y", sTitleY).attr("text-anchor", header.titleAnchor).attr("font-size", sTitleFontSize).attr("font-weight", TITLE_FONT_WEIGHT).attr("fill", palette.text).text(title);
+    svg.append("text").attr("class", "chart-title").attr("x", header.inline ? header.titleX : layoutWidth / 2).attr("y", sTitleY).attr("text-anchor", header.titleAnchor).attr("font-size", sTitleFontSize).attr("font-weight", TITLE_FONT_WEIGHT).attr("fill", palette.text).text(title);
   }
   function drawLegend() {
     svg.selectAll(".gantt-tag-legend-container").remove();
@@ -362,7 +366,8 @@ function renderGantt(container, resolved, palette, isDark, options, exportDims)
   drawLegend();
   const startTime = dateToFractionalYear(resolved.startDate);
   const endTime = dateToFractionalYear(resolved.endDate);
-  const domainPad = Math.max((endTime - startTime) * 0.02, 0.01);
+  const span = endTime - startTime;
+  const domainPad = span > 0 ? span * 0.02 : 1 / 365;
   const domainMin = startTime - domainPad;
   const domainMax = endTime + domainPad;
   const xScale = d3Scale.scaleLinear().domain([domainMin, domainMax]).range([0, innerWidth]);

package/dist/{chunk-E6S2K6O2.js → chunk-N7XRBWXA.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk-DOXBS7F5.js";
 import {
   wrapNoteBody
-} from "./chunk-ZGHV4QLK.js";
+} from "./chunk-RJNZHFNG.js";
 import {
   NOTE_BULLET_INDENT
 } from "./chunk-5DH3KYFH.js";
 import {
   renderInlineText
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";

package/dist/{chunk-WMIKC5XO.js → chunk-NPWVOFB3.js}

@@ -1,6 +1,6 @@
 import {
   stripInlineMarkdown
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 
 // src/utils/wrapped-desc.ts
 var BULLET_PREFIX = "\u2022 ";

package/dist/{chunk-MYHPRQHR.js → chunk-O6MMQQLF.js}

@@ -4,18 +4,18 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-5JO443MB.js";
+} from "./chunk-HAH5X345.js";
 import {
   appendArrowheadMarkers,
   appendReverseArrowheadMarkers
 } from "./chunk-XBJJP2HN.js";
 import {
   wrapDescriptionLines
-} from "./chunk-WMIKC5XO.js";
+} from "./chunk-NPWVOFB3.js";
 import {
   renderInlineText,
   stripInlineMarkdown
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";

package/dist/{chunk-GYORDNOM.js → chunk-P5V63L35.js}

@@ -1579,7 +1579,7 @@ function renderScurveBlock(svg, data, args) {
   }));
   const curve = d3Shape.line().x((d) => d.x).y((d) => d.y).curve(d3Shape.curveMonotoneX)(points);
   if (curve) {
-    const clipId = `pert-scurve-clip-${Math.random().toString(36).slice(2, 10)}`;
+    const clipId = `pert-scurve-clip-${[plotLeft, plotTop, plotW, plotH].map((v) => Math.round(v)).join("-")}`;
     block.append("clipPath").attr("id", clipId).append("rect").attr("x", plotLeft).attr("y", plotTop).attr("width", plotW).attr("height", plotH);
     block.append("path").attr("class", "pert-scurve-line").attr("d", curve).attr("fill", "none").attr("stroke", palette.colors.red).attr("stroke-width", 2).attr("clip-path", `url(#${clipId})`);
   }

package/dist/{chunk-BHZE36F7.js → chunk-PUVTFUNH.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-R2K5L4UA.js";
 import {
   renderInlineText
-} from "./chunk-FWNJDD4U.js";
+} from "./chunk-S7W75MIM.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";