@diagrammo/dgmo 0.92.0 → 0.92.1

package/dist/advanced.d.ts

@@ -979,6 +979,13 @@ declare function getSimpleChartLegendGroups(parsed: ParsedChart, colors: string[
  */
 declare function getExtendedChartLegendGroups(parsed: ParsedExtendedChart, colors: string[]): LegendGroupData[];
 
+/** How the axis draws its tick labels, so they can be measured (#1426). */
+interface TickLabelFit {
+    /** Font size the labels are drawn at. */
+    fontSize: number;
+    /** True when labels stack down a vertical axis rather than along a row. */
+    vertical?: boolean;
+}
 /**
  * Generates adaptive tick marks along a time axis.
  * Picks the right granularity (years, months, weeks, days, hours, minutes)
@@ -988,7 +995,7 @@ declare function getExtendedChartLegendGroups(parsed: ParsedExtendedChart, color
  * - boundaryStart/boundaryEnd: numeric date values
  * - boundaryStartLabel/boundaryEndLabel: formatted labels for those dates
  */
-declare function computeTimeTicks(domainMin: number, domainMax: number, scale: d3Scale.ScaleLinear<number, number>, boundaryStart?: number, boundaryEnd?: number, boundaryStartLabel?: string, boundaryEndLabel?: string): {
+declare function computeTimeTicks(domainMin: number, domainMax: number, scale: d3Scale.ScaleLinear<number, number>, boundaryStart?: number, boundaryEnd?: number, boundaryStartLabel?: string, boundaryEndLabel?: string, labelFit?: TickLabelFit): {
     pos: number;
     label: string;
 }[];

package/dist/advanced.js

@@ -146,7 +146,7 @@ import {
 import {
   buildTagLaneRowList,
   renderGantt
-} from "./chunk-LMP6Y7QO.js";
+} from "./chunk-4QLGGQNO.js";
 import {
   renderFamily,
   renderFamilyForExport
@@ -326,7 +326,7 @@ import {
   focusEventLine,
   renderEventLine,
   renderEventLineForExport
-} from "./chunk-62BP7AJU.js";
+} from "./chunk-QQPNCXAO.js";
 import "./chunk-NPWVOFB3.js";
 import {
   parseInlineMarkdown,
@@ -350,7 +350,7 @@ import {
   renderSlopeChart,
   renderVenn,
   renderWordCloud
-} from "./chunk-RJ2JW3FG.js";
+} from "./chunk-Y2V5AEVG.js";
 import {
   layoutBracket
 } from "./chunk-ZI6WC24V.js";
@@ -430,10 +430,10 @@ import "./chunk-2CW5ZTNH.js";
 import {
   formatDateLabel,
   renderTimeline
-} from "./chunk-F7326NVM.js";
+} from "./chunk-O5WUZGPV.js";
 import {
   computeTimeTicks
-} from "./chunk-YRYKTYMQ.js";
+} from "./chunk-VSOZZYLK.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";

package/dist/block.js

@@ -4,7 +4,7 @@ import {
 } from "./chunk-D3K4U3ZM.js";
 import {
   render
-} from "./chunk-RJ2JW3FG.js";
+} from "./chunk-Y2V5AEVG.js";
 import "./chunk-ZI6WC24V.js";
 import {
   docsLink,
@@ -34,8 +34,8 @@ import "./chunk-2CW5ZTNH.js";
 import {
   escapeAttr,
   escapeHtml
-} from "./chunk-F7326NVM.js";
-import "./chunk-YRYKTYMQ.js";
+} from "./chunk-O5WUZGPV.js";
+import "./chunk-VSOZZYLK.js";
 import "./chunk-24YPR5EH.js";
 import "./chunk-NMS5XSLX.js";
 import "./chunk-XCKNFFKM.js";

package/dist/{chunk-LMP6Y7QO.js → chunk-4QLGGQNO.js}

@@ -1,7 +1,9 @@
 import {
   MONTH_ABBR,
-  computeTimeTicks
-} from "./chunk-YRYKTYMQ.js";
+  capLabelColumn,
+  computeTimeTicks,
+  showFullOnHover
+} from "./chunk-VSOZZYLK.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
@@ -130,7 +132,7 @@ function renderLabelBand(svg, y, leftMargin, color, palette, isDark, cssPrefix,
 function appendTaskIcon(textEl, label, isMilestone, iconColor, textColor) {
   const icon = isMilestone ? "\u25C6" : "\u25CF";
   textEl.append("tspan").attr("fill", iconColor).text(icon);
-  textEl.append("tspan").attr("fill", textColor).text(" " + label);
+  return textEl.append("tspan").attr("fill", textColor).text(" " + label);
 }
 function renderGantt(container, resolved, palette, isDark, options, exportDims) {
   keepSwimlaneToggleFocus(
@@ -182,7 +184,14 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
     ...labelWidths,
     measureText("0000000000", LABEL_FONT)
   );
-  const leftMargin = Math.max(MIN_LEFT_MARGIN, maxLabelWidth + 30);
+  const containerWidth = exportDims?.width ?? (container.clientWidth || 800);
+  const labelColumn = capLabelColumn(
+    Math.max(MIN_LEFT_MARGIN, maxLabelWidth + 30),
+    containerWidth,
+    MIN_LEFT_MARGIN
+  );
+  const leftMargin = labelColumn.width;
+  const fitLabel = labelColumn.fit;
   const totalRows = rows.length;
   const hasCriticalPath = resolved.options.criticalPath && resolved.tasks.some((t) => t.isCriticalPath);
   const hasDependencies = resolved.options.dependencies && resolved.tasks.some((t) => t.task.dependencies.length > 0);
@@ -196,7 +205,6 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
   const title = resolved.options.title;
   const showTitle = !!title && !resolved.options.noTitle;
   const titleHeight = showTitle ? 50 : 20;
-  const containerWidth = exportDims?.width ?? (container.clientWidth || 800);
   const hasTagLegend = !resolved.options.noLegend && (resolved.tagGroups.length > 0 || hasCriticalPath || hasDependencies);
   const tagLegendReserve = hasTagLegend ? getMaxLegendReservedHeight(
     {
@@ -492,8 +500,14 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
         restoreHighlight();
         hideGanttDateIndicators(g);
       });
-      labelG.append("text").attr("x", labelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", sFont11).attr("font-weight", "bold").attr("fill", laneColor).text(
-        toggleIcon + " " + row.laneName + (row.aggregateProgress !== null ? ` ${Math.round(row.aggregateProgress)}%` : "")
+      const laneFullText = toggleIcon + " " + row.laneName + (row.aggregateProgress !== null ? ` ${Math.round(row.aggregateProgress)}%` : "");
+      const laneText = labelG.append("text").attr("x", labelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", sFont11).attr("font-weight", "bold").attr("fill", laneColor);
+      showFullOnHover(
+        labelG,
+        laneText,
+        laneText,
+        laneFullText,
+        fitLabel(laneFullText, labelX, sFont11, true)
       );
       if (laneBarWidth > 0) {
         const barFill = shapeFill(palette, laneColor, isDark, {
@@ -567,8 +581,14 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
       });
       const groupIndent = group.depth <= 2 ? group.depth * 14 : 2 * 14 + (group.depth - 2) * 8;
       const labelX = 10 + groupIndent;
-      labelG.append("text").attr("x", labelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", sFont11).attr("font-weight", "bold").attr("fill", palette.text).text(
-        toggleIcon + " " + group.name + (group.progress !== null ? ` ${Math.round(group.progress)}%` : "")
+      const groupFullText = toggleIcon + " " + group.name + (group.progress !== null ? ` ${Math.round(group.progress)}%` : "");
+      const groupText = labelG.append("text").attr("x", labelX).attr("y", sMarginTop + yOffset + sBarH / 2).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", sFont11).attr("font-weight", "bold").attr("fill", palette.text);
+      showFullOnHover(
+        labelG,
+        groupText,
+        groupText,
+        groupFullText,
+        fitLabel(groupFullText, labelX, sFont11, true)
       );
       const gStart = dateToFractionalYear(group.startDate);
       const gEnd = dateToFractionalYear(group.endDate);
@@ -696,13 +716,25 @@ function drawGantt(container, resolved, palette, isDark, options, exportDims) {
       }).on("mouseleave", () => {
         resetHighlight(g, svg);
       });
-      appendTaskIcon(
+      const taskLabelText = appendTaskIcon(
         taskLabel,
         task.label,
         rt.isMilestone,
         barColor,
         palette.text
       );
+      const taskIconW = measureText(
+        (rt.isMilestone ? "\u25C6" : "\u25CF") + " ",
+        sFont11
+      );
+      showFullOnHover(
+        taskLabel,
+        taskLabel,
+        taskLabelText,
+        task.label,
+        fitLabel(task.label, taskLabelX + taskIconW, sFont11),
+        " "
+      );
       for (const [key, value] of Object.entries(rt.effectiveMetadata)) {
         taskLabel.attr(`data-tag-${tagAttrKey(key)}`, value.toLowerCase());
       }

package/dist/{chunk-F7326NVM.js → chunk-O5WUZGPV.js}

@@ -1,7 +1,9 @@
 import {
   MONTH_ABBR,
-  computeTimeTicks
-} from "./chunk-YRYKTYMQ.js";
+  capLabelColumn,
+  computeTimeTicks,
+  showFullOnHover
+} from "./chunk-VSOZZYLK.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
@@ -48,6 +50,9 @@ import {
   measureLegendText,
   truncateLegendText
 } from "./chunk-UOCWYLYT.js";
+import {
+  measureText
+} from "./chunk-KAO7JL4I.js";
 import {
   getEraColors,
   getSeriesColors,
@@ -252,7 +257,8 @@ function renderTimeScale(g, scale, isVertical, innerWidth, innerHeight, textColo
     boundaryStart,
     boundaryEnd,
     boundaryStartLabel,
-    boundaryEndLabel
+    boundaryEndLabel,
+    { fontSize: 10, vertical: isVertical }
   );
   if (ticks.length < 2) return;
   const tickLen = 6;
@@ -1054,10 +1060,12 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
     ...lanes.flatMap((l) => l.events.map((ev) => ev.label.length + 2))
   );
   const maxLeftLabelLen = Math.max(maxGroupNameLen, maxEventLabelLen);
-  const dynamicLeftMargin = Math.max(
-    ctx.aesthetic(140),
-    maxLeftLabelLen * sCharW + ctx.aesthetic(30)
+  const labelColumn = capLabelColumn(
+    Math.max(ctx.aesthetic(140), maxLeftLabelLen * sCharW + ctx.aesthetic(30)),
+    width,
+    ctx.aesthetic(140)
   );
+  const dynamicLeftMargin = labelColumn.width;
   const baseTopMargin = title ? 50 : ctx.aesthetic(20);
   const margin = {
     top: baseTopMargin + topScaleH + eraReserve + markerReserve + tagLegendReserve,
@@ -1150,7 +1158,20 @@ 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", 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}`);
+    const headerText = 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");
+    const headerFull = `${toggleIcon} ${lane.name}`;
+    showFullOnHover(
+      headerG,
+      headerText,
+      headerText,
+      headerFull,
+      labelColumn.fit(
+        headerFull,
+        bandX + 5 + margin.left,
+        sLaneHeaderFont,
+        true
+      )
+    );
     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));
@@ -1206,7 +1227,19 @@ function renderTimelineHorizontalGrouped(container, parsed, palette, isDark, set
       const icon = isPoint ? "\u25C6" : "\u25CF";
       const labelEl = evG.append("text").attr("class", "tl-event-label").attr("x", -margin.left + ctx.aesthetic(20)).attr("y", y).attr("dy", "0.35em").attr("text-anchor", "start").attr("font-size", sEventFont).attr("fill", textColor);
       labelEl.append("tspan").attr("fill", evColor).text(icon);
-      labelEl.append("tspan").attr("fill", textColor).text(" " + ev.label);
+      const labelTextEl = labelEl.append("tspan").attr("fill", textColor);
+      showFullOnHover(
+        evG,
+        labelEl,
+        labelTextEl,
+        ev.label,
+        labelColumn.fit(
+          ev.label,
+          ctx.aesthetic(20) + measureText(icon + " ", sEventFont),
+          sEventFont
+        ),
+        " "
+      );
       if (ev.endDate) {
         const x2 = xScale(parseTimelineDate(ev.endDate));
         const rectW = Math.max(x2 - x, 4);

package/dist/{chunk-62BP7AJU.js → chunk-QQPNCXAO.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-R2K5L4UA.js";
 import {
   formatDateLabel
-} from "./chunk-F7326NVM.js";
+} from "./chunk-O5WUZGPV.js";
 import {
   renderIntegratedLegend
 } from "./chunk-NMS5XSLX.js";

package/dist/{chunk-YRYKTYMQ.js → chunk-VSOZZYLK.js}

@@ -1,4 +1,10 @@
+import {
+  measureText,
+  truncateText
+} from "./chunk-KAO7JL4I.js";
+
 // src/utils/time-ticks.ts
+var TICK_LABEL_GAP = 8;
 var MONTH_ABBR = [
   "Jan",
   "Feb",
@@ -35,11 +41,12 @@ function dateToFractionalYear(d) {
 function formatYearTick(y) {
   return y < 0 ? `${-y} BCE` : String(y);
 }
-function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEnd, boundaryStartLabel, boundaryEndLabel) {
+function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEnd, boundaryStartLabel, boundaryEndLabel, labelFit = { fontSize: 10 }) {
   const minYear = Math.floor(domainMin);
   const maxYear = Math.floor(domainMax);
   const span = domainMax - domainMin;
   let ticks = [];
+  let strides = [];
   const firstYear = Math.ceil(domainMin);
   const lastYear = Math.floor(domainMax);
   if (lastYear >= firstYear + 1) {
@@ -52,9 +59,12 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
     else if (yearSpan > 40) step = 10;
     else if (yearSpan > 20) step = 5;
     else if (yearSpan > 10) step = 2;
+    strides = [1, 2, 5, 10, 20, 50, 100, 200, 500, 1e3, 2e3, 5e3].filter(
+      (c) => c % step === 0
+    );
     const alignedFirst = Math.ceil(firstYear / step) * step;
     for (let y = alignedFirst; y <= lastYear; y += step) {
-      ticks.push({ pos: scale(y), label: formatYearTick(y) });
+      ticks.push({ pos: scale(y), label: formatYearTick(y), slot: y });
     }
   } else if (span > 0.25) {
     const crossesYear = maxYear > minYear;
@@ -66,7 +76,9 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
           const abbr = MONTH_ABBR[m - 1];
           ticks.push({
             pos: scale(val),
-            label: crossesYear ? `${abbr} '${String(y).slice(-2)}` : abbr
+            label: crossesYear ? `${abbr} '${String(y).slice(-2)}` : abbr,
+            // Month index, so a stride of 3 lands on Jan, Apr, Jul, Oct.
+            slot: y * 12 + (m - 1)
           });
         }
       }
@@ -89,7 +101,11 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
         const hh = String(startDate.getHours()).padStart(2, "0");
         const mm = String(startDate.getMinutes()).padStart(2, "0");
         const ss = String(startDate.getSeconds()).padStart(2, "0");
-        ticks.push({ pos: scale(val), label: `${hh}:${mm}:${ss}` });
+        ticks.push({
+          pos: scale(val),
+          label: `${hh}:${mm}:${ss}`,
+          slot: ticks.length
+        });
       }
       startDate.setSeconds(startDate.getSeconds() + stepSec);
     }
@@ -111,7 +127,11 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
       if (val >= domainMin) {
         const hh = String(startDate.getHours()).padStart(2, "0");
         const mm = String(startDate.getMinutes()).padStart(2, "0");
-        ticks.push({ pos: scale(val), label: `${hh}:${mm}` });
+        ticks.push({
+          pos: scale(val),
+          label: `${hh}:${mm}`,
+          slot: ticks.length
+        });
       }
       startDate.setMinutes(startDate.getMinutes() + stepMin);
     }
@@ -136,11 +156,19 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
         const hh = String(startDate.getHours()).padStart(2, "0");
         const mm = String(startDate.getMinutes()).padStart(2, "0");
         if (singleDay) {
-          ticks.push({ pos: scale(val), label: `${hh}:${mm}` });
+          ticks.push({
+            pos: scale(val),
+            label: `${hh}:${mm}`,
+            slot: ticks.length
+          });
         } else {
           const mon = MONTH_ABBR[startDate.getMonth()];
           const d = startDate.getDate();
-          ticks.push({ pos: scale(val), label: `${mon} ${d} ${hh}:${mm}` });
+          ticks.push({
+            pos: scale(val),
+            label: `${mon} ${d} ${hh}:${mm}`,
+            slot: ticks.length
+          });
         }
       }
       startDate.setHours(startDate.getHours() + stepHour);
@@ -154,32 +182,98 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
           if (val >= domainMin) {
             ticks.push({
               pos: scale(val),
-              label: `${MONTH_ABBR[m - 1]} ${d}`
+              label: `${MONTH_ABBR[m - 1]} ${d}`,
+              slot: ticks.length
             });
           }
         }
       }
     }
   }
+  if (strides.length === 0) strides = [1, 2, 3, 4, 6, 8, 12, 16, 24, 32, 48];
   const collisionThreshold = 40;
+  let startBoundary = null;
+  let endBoundary = null;
   if (boundaryStart !== void 0 && boundaryStartLabel) {
     const boundaryPos = scale(boundaryStart);
     ticks = ticks.filter(
       (t) => Math.abs(t.pos - boundaryPos) >= collisionThreshold
     );
-    ticks.unshift({ pos: boundaryPos, label: boundaryStartLabel });
+    startBoundary = { pos: boundaryPos, label: boundaryStartLabel };
   }
   if (boundaryEnd !== void 0 && boundaryEndLabel) {
     const boundaryPos = scale(boundaryEnd);
     ticks = ticks.filter(
       (t) => Math.abs(t.pos - boundaryPos) >= collisionThreshold
     );
-    ticks.push({ pos: boundaryPos, label: boundaryEndLabel });
+    endBoundary = { pos: boundaryPos, label: boundaryEndLabel };
   }
-  return ticks;
+  return fitTickLabels(ticks, startBoundary, endBoundary, strides, labelFit);
+}
+function fitTickLabels(standard, startBoundary, endBoundary, strides, fit) {
+  const extent = (label) => fit.vertical ? fit.fontSize * 1.2 : measureText(label, fit.fontSize);
+  const span = (t) => {
+    const half = extent(t.label) / 2;
+    return { pos: t.pos, label: t.label, lo: t.pos - half, hi: t.pos + half };
+  };
+  const apart = (a, b) => a.hi + TICK_LABEL_GAP <= b.lo || b.hi + TICK_LABEL_GAP <= a.lo;
+  const fitsInOrder = (spans) => {
+    const sorted = [...spans].sort((a, b) => a.lo - b.lo);
+    for (let i = 1; i < sorted.length; i++) {
+      if (!apart(sorted[i - 1], sorted[i])) return false;
+    }
+    return true;
+  };
+  const start = startBoundary ? span(startBoundary) : null;
+  let end = endBoundary ? span(endBoundary) : null;
+  if (start && end && !apart(start, end)) end = null;
+  const pinned = [start, end].filter((p) => p !== null);
+  const withPinned = (kept) => [
+    ...start ? [start] : [],
+    ...kept,
+    ...end ? [end] : []
+  ];
+  const strip = (s) => ({
+    pos: s.pos,
+    label: s.label
+  });
+  for (const stride of strides) {
+    const kept = standard.filter((t) => t.slot % stride === 0).map(span).filter((s) => pinned.every((p) => apart(p, s)));
+    if (kept.length === 0 && pinned.length === 0) continue;
+    if (fitsInOrder(kept)) {
+      return withPinned(kept).map(strip);
+    }
+  }
+  return withPinned([]).map(strip);
+}
+
+// src/utils/label-column.ts
+var LABEL_COLUMN_MAX_SHARE = 1 / 3;
+var LABEL_COLUMN_END_PAD = 12;
+function capLabelColumn(natural, chartWidth, floor) {
+  const cap = Math.max(floor, Math.floor(chartWidth * LABEL_COLUMN_MAX_SHARE));
+  const width = Math.min(natural, cap);
+  const capped = natural > cap;
+  return {
+    width,
+    fit: (text, labelX, fontSize, bold = false) => capped ? truncateText(
+      text,
+      fontSize,
+      Math.max(0, width - labelX - LABEL_COLUMN_END_PAD),
+      { bold }
+    ) : text
+  };
+}
+function showFullOnHover(hoverEl, labelEl, drawEl, full, shown, prefix = "") {
+  drawEl.text(prefix + shown);
+  if (shown === full) return;
+  labelEl.attr("data-full-label", full);
+  hoverEl.on("mouseenter.reveal", () => drawEl.text(prefix + full)).on("mouseleave.reveal", () => drawEl.text(prefix + shown));
 }
 
 export {
   MONTH_ABBR,
-  computeTimeTicks
+  computeTimeTicks,
+  capLabelColumn,
+  showFullOnHover
 };

package/dist/{chunk-RJ2JW3FG.js → chunk-Y2V5AEVG.js}

@@ -46,7 +46,7 @@ import {
 } from "./chunk-H6BT45SN.js";
 import {
   renderTimeline
-} from "./chunk-F7326NVM.js";
+} from "./chunk-O5WUZGPV.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
@@ -2123,7 +2123,7 @@ function ctxTagOverride(ctx) {
 async function exportEventLine(ctx) {
   const { content, theme, palette } = ctx;
   const { parseEventLine: parseEventLine2 } = await import("./parser-YG625J5H.js");
-  const { renderEventLineForExport } = await import("./renderer-J67LMOD5.js");
+  const { renderEventLineForExport } = await import("./renderer-DVNMCYHZ.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const parsed = parseEventLine2(content, effectivePalette);
   if (parsed.error || parsed.events.length === 0) return "";
@@ -2786,7 +2786,7 @@ async function exportGantt(ctx) {
   const { content, theme, palette, viewState, exportMode } = ctx;
   const { parseGantt: parseGantt2 } = await import("./parser-2NWH5JUS.js");
   const { calculateSchedule } = await import("./calculator-BNH3GSJE.js");
-  const { renderGantt } = await import("./renderer-NIE5IW24.js");
+  const { renderGantt } = await import("./renderer-RUSFL7WU.js");
   const effectivePalette = await resolveExportPalette(theme, palette);
   const ganttParsed = parseGantt2(content, effectivePalette);
   const resolved = calculateSchedule(ganttParsed);

package/dist/index.js

@@ -14,7 +14,7 @@ import {
 } from "./chunk-Z6DXWULM.js";
 import {
   render
-} from "./chunk-RJ2JW3FG.js";
+} from "./chunk-Y2V5AEVG.js";
 import "./chunk-ZI6WC24V.js";
 import {
   renderErrorCard
@@ -44,8 +44,8 @@ import "./chunk-KMU65FYM.js";
 import "./chunk-EPDBWATV.js";
 import "./chunk-H6BT45SN.js";
 import "./chunk-2CW5ZTNH.js";
-import "./chunk-F7326NVM.js";
-import "./chunk-YRYKTYMQ.js";
+import "./chunk-O5WUZGPV.js";
+import "./chunk-VSOZZYLK.js";
 import "./chunk-24YPR5EH.js";
 import "./chunk-NMS5XSLX.js";
 import {

package/dist/{renderer-J67LMOD5.js → renderer-DVNMCYHZ.js}

@@ -3,13 +3,13 @@ import {
   focusEventLine,
   renderEventLine,
   renderEventLineForExport
-} from "./chunk-62BP7AJU.js";
+} from "./chunk-QQPNCXAO.js";
 import "./chunk-NPWVOFB3.js";
 import "./chunk-S7W75MIM.js";
 import "./chunk-R2K5L4UA.js";
 import "./chunk-Z6DXWULM.js";
-import "./chunk-F7326NVM.js";
-import "./chunk-YRYKTYMQ.js";
+import "./chunk-O5WUZGPV.js";
+import "./chunk-VSOZZYLK.js";
 import "./chunk-24YPR5EH.js";
 import "./chunk-NMS5XSLX.js";
 import "./chunk-XCKNFFKM.js";

package/dist/{renderer-NIE5IW24.js → renderer-RUSFL7WU.js}

@@ -1,8 +1,8 @@
 import {
   buildTagLaneRowList,
   renderGantt
-} from "./chunk-LMP6Y7QO.js";
-import "./chunk-YRYKTYMQ.js";
+} from "./chunk-4QLGGQNO.js";
+import "./chunk-VSOZZYLK.js";
 import "./chunk-24YPR5EH.js";
 import "./chunk-NMS5XSLX.js";
 import "./chunk-XCKNFFKM.js";

package/gallery/fixtures/map-undirected-edges.dgmo

@@ -1,12 +1,12 @@
 map Sister Ports of the Spanish Main
 flow-width Shared cargo runs
 
-poi Tortuga
-poi Port Royal
-poi Nassau
+poi 20.05 -72.82 as Tortuga label: Tortuga
+poi 17.94 -76.84 as royal label: Port Royal
+poi 25.06 -77.35 as Nassau label: Nassau
 poi Havana
 
-Tortuga -ferry- Port Royal width: 18
-Port Royal ~cable~ Nassau
+Tortuga -ferry- royal width: 18
+royal ~cable~ Nassau
 Nassau -- Havana
 Havana -ships-> Tortuga width: 30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diagrammo/dgmo",
-  "version": "0.92.0",
+  "version": "0.92.1",
   "description": "DGMO diagram markup language — parser, renderer, and color system",
   "license": "MIT",
   "author": "Diagrammo LLC",
@@ -98,6 +98,8 @@
     "bench:bl-options": "vitest run --config vitest.bench.config.ts tests/bl-options.ts",
     "bench:bl-overlap": "vitest run --config vitest.bench.config.ts tests/bl-overlap-debug.ts",
     "bl-gallery": "vitest run --config vitest.bench.config.ts tests/bl-gallery.ts",
+    "stress:render": "TZ=UTC vitest run --config vitest.bench.config.ts tests/stress-render.ts",
+    "stress:sheet": "node scripts/stress-sheet.mjs",
     "test:watch": "TZ=UTC vitest",
     "test:auto": "pnpm build && TZ=UTC vitest run tests/auto.test.ts tests/safe-href.test.ts",
     "sri": "node scripts/sri.mjs",