@diagrammo/dgmo 0.91.1 → 0.92.0

package/dist/{chunk-CNUN5GO6.js → chunk-42UJ23H3.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-VLC6WNRD.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";

package/dist/{chunk-TPEYEOXA.js → chunk-45QUTYPD.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   ARROWHEAD_HEIGHT,
   ARROWHEAD_WIDTH,
@@ -31,14 +31,14 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
-} from "./chunk-CNUN5GO6.js";
+} from "./chunk-42UJ23H3.js";
 import {
   serializeSvg
-} from "./chunk-OOCVGX4W.js";
+} from "./chunk-CYRB2JTN.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
@@ -51,12 +51,12 @@ import {
 } from "./chunk-IYULMRBE.js";
 import {
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   EYE_CLOSED_PATH,
   EYE_OPEN_PATH,
@@ -64,7 +64,7 @@ import {
   LEGEND_EYE_SIZE,
   LEGEND_GROUP_GAP,
   LEGEND_HEIGHT
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";
@@ -73,7 +73,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 
 // src/sitemap/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -243,7 +243,8 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
     if (activeTagGroup) {
       const tagKey = tagAttrKey(activeTagGroup);
       const tagVal = c.tagMetadata[tagKey];
-      if (tagVal) cG.attr(`data-tag-${tagKey}`, tagVal.toLowerCase());
+      if (tagVal)
+        cG.attr(`data-tag-${tagAttrKey(tagKey)}`, tagVal.toLowerCase());
     }
     const fill = containerFill(palette, isDark, c.color);
     const stroke = containerStroke(palette, c.color);
@@ -305,7 +306,8 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
     if (activeTagGroup) {
       const tagKey = tagAttrKey(activeTagGroup);
       const tagVal = node.tagMetadata[tagKey];
-      if (tagVal) nodeG.attr(`data-tag-${tagKey}`, tagVal.toLowerCase());
+      if (tagVal)
+        nodeG.attr(`data-tag-${tagAttrKey(tagKey)}`, tagVal.toLowerCase());
     }
     const fillMode = fillModeFromOptions(parsed.options);
     const fill = nodeFill(palette, isDark, node.color, fillMode);
@@ -456,9 +458,9 @@ function renderLegend(parent, legendGroups, palette, isDark, activeTagGroup, fix
   }
 }
 async function renderSitemapForExport(content, theme, palette) {
-  const { parseSitemap } = await import("./parser-XO5IAXMT.js");
-  const { layoutSitemap } = await import("./layout-IV4H2FLB.js");
-  const { getPalette, DEFAULT_PALETTE_ID } = await import("./palettes-WQHELGVQ.js");
+  const { parseSitemap } = await import("./parser-6TDWUKM5.js");
+  const { layoutSitemap } = await import("./layout-ND26WVX2.js");
+  const { getPalette, DEFAULT_PALETTE_ID } = await import("./palettes-IN7ZFRJM.js");
   const isDark = theme === "dark";
   const defaultCfg = getPalette(DEFAULT_PALETTE_ID);
   const effectivePalette = palette ?? (isDark ? defaultCfg.dark : defaultCfg.light);

package/dist/{chunk-QKJ6MQXW.js → chunk-4SACN2C5.js}

@@ -2,12 +2,12 @@ import {
   peelQuotedName,
   stripQuotes,
   tokenizeQuoteAware
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   CATEGORICAL_COLOR_ORDER,
   RECOGNIZED_COLOR_NAMES,
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 import {
   suggest
 } from "./chunk-BYU54C3S.js";

package/dist/{chunk-D7PP35BA.js → chunk-4XYZJTFO.js}

@@ -9,7 +9,7 @@ import {
   injectDefaultTagMetadata,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -23,7 +23,7 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";

package/dist/{chunk-5U6DXIMV.js → chunk-5EBYPETE.js}

@@ -1,10 +1,10 @@
 import {
   searchPlacement
-} from "./chunk-JJUDOR4I.js";
+} from "./chunk-HXULJZA2.js";
 import {
   buildPlacedNotes,
   noteCanvasShift
-} from "./chunk-Q3N7PI3B.js";
+} from "./chunk-FTUMRSGT.js";
 import {
   resolveNotes
 } from "./chunk-O753JUEZ.js";

package/dist/{chunk-K3BYD3WU.js → chunk-5KKZXA44.js}

@@ -5,10 +5,10 @@ import {
 import {
   UNTAGGED_TAG_COLOR,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   legendSuppressed
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,
@@ -19,7 +19,7 @@ import {
   LEGEND_PILL_FONT_SIZE,
   LEGEND_PILL_PAD,
   measureLegendText
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText,
   wrapTextToWidth

package/dist/{chunk-UWJP4JSZ.js → chunk-5OTA2PUH.js}

@@ -11,7 +11,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   AliasRegistry,
   OPTION_NOCOLON_RE,
@@ -23,7 +23,7 @@ import {
   splitNameAndMeta,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   formatDgmoError,
   makeDgmoError,

package/dist/{chunk-CU2PZLZP.js → chunk-5SSTVFPX.js}

@@ -1,10 +1,10 @@
 import {
   searchPlacement
-} from "./chunk-JJUDOR4I.js";
+} from "./chunk-HXULJZA2.js";
 import {
   noteCanvasShift,
   placeNotes
-} from "./chunk-Q3N7PI3B.js";
+} from "./chunk-FTUMRSGT.js";
 import {
   noteBoxSize
 } from "./chunk-RJNZHFNG.js";
@@ -15,15 +15,44 @@ import {
 // src/graph/layout.ts
 import dagre from "@dagrejs/dagre";
 var GROUP_PADDING = 20;
-function computeNodeWidth(label, shape) {
+var LABEL_WRAP_CHARS = 24;
+var NODE_LABEL_LINE_HEIGHT = 16;
+function wrapNodeLabel(label) {
+  const words = label.trim().split(/\s+/);
+  if (label.length <= LABEL_WRAP_CHARS || words.length < 2) return [label];
+  const greedy = (limit) => {
+    const lines = [];
+    let line = "";
+    for (const word of words) {
+      if (line && line.length + 1 + word.length > limit) {
+        lines.push(line);
+        line = word;
+      } else {
+        line = line ? `${line} ${word}` : word;
+      }
+    }
+    lines.push(line);
+    return lines;
+  };
+  let best = greedy(LABEL_WRAP_CHARS);
+  for (let limit = LABEL_WRAP_CHARS - 1; limit > 0; limit--) {
+    const lines = greedy(limit);
+    if (lines.length > best.length) break;
+    best = lines;
+  }
+  return best;
+}
+function computeNodeWidth(lines, shape) {
   if (shape === "pseudostate") return 24;
-  const base = Math.max(120, label.length * 9 + 40);
+  const longest = Math.max(...lines.map((l) => l.length));
+  const base = Math.max(120, longest * 9 + 40);
   if (shape === "subroutine") return base + 10;
   return base;
 }
-function computeNodeHeight(shape) {
+function computeNodeHeight(lineCount, shape) {
   if (shape === "pseudostate") return 24;
-  return shape === "decision" ? 60 : 50;
+  const extra = (lineCount - 1) * NODE_LABEL_LINE_HEIGHT;
+  return shape === "decision" ? 60 + extra * 2 : 50 + extra;
 }
 var newDagreGraph = () => new dagre.graphlib.Graph({ compound: true });
 function layoutGraph(graph, options) {
@@ -107,8 +136,9 @@ function layoutGraph(graph, options) {
       }
     }
     for (const node of ord(allNodes)) {
-      const width = computeNodeWidth(node.label, node.shape);
-      const height = computeNodeHeight(node.shape);
+      const lines = graph.type === "flowchart" ? wrapNodeLabel(node.label) : [node.label];
+      const width = computeNodeWidth(lines, node.shape);
+      const height = computeNodeHeight(lines.length, node.shape);
       g2.setNode(node.id, { label: node.label, width, height });
       if (node.group && graph.groups?.some((gr) => gr.id === node.group)) {
         g2.setParent(node.id, node.group);
@@ -156,7 +186,10 @@ function layoutGraph(graph, options) {
       height: p.height
     })),
     noteRequests,
-    graph.direction === "LR" ? "LR" : "TB"
+    graph.direction === "LR" ? "LR" : "TB",
+    graph.edges.map(
+      (e, i) => edgePoints?.[i] ?? g.edge(e.source, e.target)?.points ?? []
+    )
   );
   const layoutNodes = basePositioned.map((p) => {
     const node = p.node;
@@ -338,5 +371,7 @@ function layoutGraph(graph, options) {
 }
 
 export {
+  NODE_LABEL_LINE_HEIGHT,
+  wrapNodeLabel,
   layoutGraph
 };

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

@@ -9,10 +9,10 @@ import {
 } from "./chunk-R2K5L4UA.js";
 import {
   formatDateLabel
-} from "./chunk-FJCYK4K3.js";
+} from "./chunk-F7326NVM.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   CARD_RADIUS,
   HAIRLINE_DASH,
@@ -23,10 +23,10 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
-} from "./chunk-CNUN5GO6.js";
+} from "./chunk-42UJ23H3.js";
 import {
   getLegendExtent
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -37,12 +37,13 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   parseTimelineDate
-} from "./chunk-OYKNMFUY.js";
+} from "./chunk-BQO24BDM.js";
 import {
   UNTAGGED_TAG_COLOR,
   resolveActiveTagGroup,
-  resolveTagColor
-} from "./chunk-QKJ6MQXW.js";
+  resolveTagColor,
+  tagAttrKey
+} from "./chunk-4SACN2C5.js";
 import {
   CHAR_WIDTH_RATIO,
   wrapTextToWidth
@@ -53,10 +54,10 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/event-line/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -880,7 +881,7 @@ function applyHoverHooks(sel, p) {
   if (p.eraName) sel.attr("data-evt-era", p.eraName);
   if (p.event) {
     for (const [k, v] of Object.entries(p.event.metadata)) {
-      sel.attr(`data-tag-${k.toLowerCase()}`, String(v).toLowerCase());
+      sel.attr(`data-tag-${tagAttrKey(k)}`, String(v).toLowerCase());
     }
   }
 }
@@ -909,7 +910,7 @@ function applyEvtFocus(root, spec) {
     });
     return;
   }
-  const attr = `data-tag-${spec.group}`;
+  const attr = `data-tag-${tagAttrKey(spec.group)}`;
   const matches = (el) => el.getAttribute(attr) === spec.value;
   const bullets = [...root.querySelectorAll(".dgmo-evt-bullet")];
   const litEras = /* @__PURE__ */ new Set();
@@ -987,7 +988,8 @@ function applyEvtHidden(container, root) {
       if (sep < 0) continue;
       const group = key.slice(0, sep);
       const value = key.slice(sep + 1);
-      if (el.getAttribute(`data-tag-${group}`) === value) return true;
+      if (el.getAttribute(`data-tag-${tagAttrKey(group)}`) === value)
+        return true;
     }
     return false;
   };
@@ -1135,7 +1137,7 @@ function renderBody(cardG, lines, bodyColor, palette, startBaseline = CARD_BODY_
     if (!lineMeta) return;
     el.attr("class", "dgmo-evt-bullet");
     for (const [k, v] of Object.entries(lineMeta))
-      el.attr(`data-tag-${k.toLowerCase()}`, String(v).toLowerCase());
+      el.attr(`data-tag-${tagAttrKey(k)}`, String(v).toLowerCase());
   };
   for (const line of lines) {
     const isBullet = line.kind === "bullet-first" || line.kind === "bullet-cont";

package/dist/{chunk-LKR4FACF.js → chunk-66JTY4AN.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-NOTA6TEI.js";
 import {
   peelQuotedName
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   makeDgmoError
 } from "./chunk-BYU54C3S.js";
@@ -382,9 +382,7 @@ function calculateSchedule(parsed) {
   if (parsed.syntaxMode === "legacy") {
     const topLevelGroups = parsed.nodes.filter((n) => n.kind === "group");
     if (topLevelGroups.length >= 2) {
-      const names = topLevelGroups.map(
-        (g) => g.name
-      );
+      const names = topLevelGroups.map((g) => g.name);
       warn(
         topLevelGroups[0].lineNumber,
         `${names.join(" and ")} are sequential. Wrap in \`parallel\` if they should run concurrently.`

package/dist/{chunk-AR4QVMWG.js → chunk-6BNNLVAR.js}

@@ -5,7 +5,7 @@ import {
   splitNameAndMeta,
   tryParseSharedOption,
   warnUnknownMetaKeys
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   makeDgmoError,
   makeFail

package/dist/{chunk-L24LESXF.js → chunk-6GXLAKUH.js}

@@ -1,6 +1,6 @@
 import {
   CATEGORICAL_COLOR_ORDER
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/palettes/color-utils.ts
 var HEX_TO_HSL_CACHE = /* @__PURE__ */ new Map();

package/dist/{chunk-XLAREWBK.js → chunk-6OIMUSDX.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-2CW5ZTNH.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QVKTAU7P.js";
+} from "./chunk-NMS5XSLX.js";
 import {
   CARD_RADIUS,
   EDGE_DASH,
@@ -21,11 +21,11 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   layoutInlineHeader
-} from "./chunk-CNUN5GO6.js";
+} from "./chunk-42UJ23H3.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-NS7L7YKH.js";
+} from "./chunk-JILEYZ2V.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -38,15 +38,15 @@ import {
   UNTAGGED_TAG_COLOR,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-QKJ6MQXW.js";
+} from "./chunk-4SACN2C5.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
   legendSuppressed
-} from "./chunk-MPJQMMBZ.js";
+} from "./chunk-TIIZIAGS.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-I6GGMCTV.js";
+} from "./chunk-UOCWYLYT.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";
@@ -55,10 +55,10 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-L24LESXF.js";
+} from "./chunk-6GXLAKUH.js";
 import {
   resolveColor
-} from "./chunk-2M4IGSCY.js";
+} from "./chunk-3J7O3CU6.js";
 
 // src/family/renderer.ts
 import * as d3Selection from "d3-selection";
@@ -259,7 +259,7 @@ function renderFamilyForExport(container, parsed, layout, palette, isDark, opts
     if (activeTagGroup) {
       const key = tagAttrKey(activeTagGroup);
       const v = node.tagMetadata[key];
-      if (v) g.attr(`data-tag-${key}`, v.toLowerCase());
+      if (v) g.attr(`data-tag-${tagAttrKey(key)}`, v.toLowerCase());
     }
     g.append("rect").attr("x", 0).attr("y", 0).attr("width", node.width).attr("height", node.height).attr("rx", CARD_RADIUS).attr("fill", fill).attr("stroke", stroke).attr("stroke-width", NODE_STROKE_WIDTH);
     g.append("text").attr("x", node.width / 2).attr("y", HEADER_HEIGHT / 2).attr("dominant-baseline", "central").attr("text-anchor", "middle").attr("fill", labelColor).attr("font-size", LABEL_FONT_SIZE).attr("font-weight", "bold").text(noDaggers ? node.label : familyDisplayLabel(node));

package/dist/{chunk-RE27AX7O.js → chunk-6OSGENN5.js}

@@ -1,7 +1,7 @@
 import {
   __commonJS,
   __toESM
-} from "./chunk-5WRI5ZAA.js";
+} from "./chunk-YLJ4XMA6.js";
 
 // node_modules/.pnpm/lz-string@1.5.0/node_modules/lz-string/libs/lz-string.js
 var require_lz_string = __commonJS({