@diagrammo/dgmo 0.76.0 → 0.78.0

package/dist/{chunk-RTTZIX34.js → chunk-EOB7XVYR.js}

@@ -7,7 +7,7 @@ import {
   META_FONT_SIZE,
   META_LINE_HEIGHT,
   SEPARATOR_GAP
-} from "./chunk-FJ57274M.js";
+} from "./chunk-IIEI7VK5.js";
 import {
   measureText
 } from "./chunk-MTGGOCND.js";
@@ -489,4 +489,4 @@ export {
   focusFamily,
   layoutFamily
 };
-//# sourceMappingURL=chunk-RTTZIX34.js.map
+//# sourceMappingURL=chunk-EOB7XVYR.js.map

package/dist/chunk-EPDBWATV.js

@@ -0,0 +1,38 @@
+// src/utils/fit-canvas.ts
+var MIN_CANVAS_WIDTH = 480;
+function fitDiagramToCanvas(p) {
+  const scaleX = (p.width - p.padding * 2) / p.diagramW;
+  let scale;
+  let canvasHeight;
+  let canvasWidth;
+  if (p.exportMode) {
+    scale = Math.min(p.maxScale, scaleX, 1);
+    canvasHeight = p.titleHeight + p.diagramH * scale + p.padding * 2;
+    canvasWidth = Math.round(
+      Math.min(
+        p.width,
+        Math.max(MIN_CANVAS_WIDTH, p.diagramW * scale + p.padding * 2)
+      )
+    );
+  } else {
+    const availH = p.height - p.titleHeight;
+    const scaleY = (availH - p.padding * 2) / p.diagramH;
+    scale = Math.min(p.maxScale, scaleX, scaleY);
+    canvasHeight = p.height;
+    canvasWidth = p.width;
+  }
+  const scaledW = p.diagramW * scale;
+  return {
+    scale,
+    offsetX: (canvasWidth - scaledW) / 2,
+    offsetY: p.titleHeight + p.padding,
+    canvasHeight,
+    canvasWidth
+  };
+}
+
+export {
+  MIN_CANVAS_WIDTH,
+  fitDiagramToCanvas
+};
+//# sourceMappingURL=chunk-EPDBWATV.js.map

package/dist/{chunk-TPN7RJOM.js → chunk-FJADQOFQ.js}

@@ -17,7 +17,7 @@ import {
   stripDefaultModifier,
   tagAttrKey,
   validateTagGroupNames
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   AliasRegistry,
   GANTT_BOOLEAN_SET,
@@ -35,7 +35,7 @@ import {
 } from "./chunk-M5OOAP65.js";
 import {
   getSeriesColors
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 import {
   formatDgmoError,
   makeDgmoError
@@ -1381,4 +1381,4 @@ export {
   GANTT_KNOWN_OPTIONS,
   GANTT_KNOWN_BOOLEANS
 };
-//# sourceMappingURL=chunk-TPN7RJOM.js.map
+//# sourceMappingURL=chunk-FJADQOFQ.js.map

package/dist/{chunk-MG3DE3VO.js → chunk-FLMXJMMY.js}

@@ -1,10 +1,10 @@
 import {
   TITLE_FONT_SIZE,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   LEGEND_HEIGHT
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-MFK7LF66.js";
 import {
   measureText
 } from "./chunk-MTGGOCND.js";
@@ -83,4 +83,4 @@ export {
   INLINE_HEADER_PAD,
   layoutInlineHeader
 };
-//# sourceMappingURL=chunk-MG3DE3VO.js.map
+//# sourceMappingURL=chunk-FLMXJMMY.js.map

package/dist/{chunk-WGC42WJU.js → chunk-FWNJDD4U.js}

@@ -1,3 +1,7 @@
+import {
+  MONO_FAMILY
+} from "./chunk-ICLB27PZ.js";
+
 // src/utils/safe-href.ts
 var ALLOWED_SCHEMES = ["http", "https", "mailto"];
 var SCHEME_RE = /^([a-z][a-z0-9+.-]*):/i;
@@ -76,7 +80,7 @@ function renderInlineText(textEl, text, palette, fontSize) {
       if (span.bold) tspan.attr("font-weight", "bold");
       if (span.italic) tspan.attr("font-style", "italic");
       if (span.code) {
-        tspan.attr("font-family", "monospace");
+        tspan.attr("font-family", MONO_FAMILY);
         if (fontSize) tspan.attr("font-size", fontSize - 1);
       }
     }
@@ -90,4 +94,4 @@ export {
   stripInlineMarkdown,
   renderInlineText
 };
-//# sourceMappingURL=chunk-WGC42WJU.js.map
+//# sourceMappingURL=chunk-FWNJDD4U.js.map

package/dist/{chunk-S5P5Z5Y5.js → chunk-GINNZHVN.js}

@@ -11,7 +11,7 @@ import {
   matchTagBlockHeading,
   stripDefaultModifier,
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   FAMILY_PERSON_REGISTRY,
   FAMILY_UNION_REGISTRY,
@@ -571,4 +571,4 @@ export {
   FAMILY_DIAGNOSTICS,
   parseFamily
 };
-//# sourceMappingURL=chunk-S5P5Z5Y5.js.map
+//# sourceMappingURL=chunk-GINNZHVN.js.map

package/dist/{chunk-7EZ5AKBK.js → chunk-GJH7ZEPH.js}

@@ -4,40 +4,48 @@ import {
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-Q74GP3GK.js";
+} from "./chunk-KO6DGOOB.js";
+import {
+  appendArrowheadMarkers,
+  appendReverseArrowheadMarkers
+} from "./chunk-XBJJP2HN.js";
 import {
   wrapDescriptionLines
-} from "./chunk-NCT22MOD.js";
+} from "./chunk-WMIKC5XO.js";
 import {
   renderInlineText,
   stripInlineMarkdown
-} from "./chunk-WGC42WJU.js";
+} from "./chunk-FWNJDD4U.js";
 import {
+  ScaleContext
+} from "./chunk-24YPR5EH.js";
+import {
+  ARROWHEAD_HEIGHT,
+  ARROWHEAD_WIDTH,
+  CARD_RADIUS,
+  CONTAINER_RADIUS,
   EDGE_LABEL_KNOCKOUT_OPACITY,
   EDGE_STROKE_WIDTH,
   NODE_STROKE_WIDTH
-} from "./chunk-FJ57274M.js";
-import {
-  ScaleContext
-} from "./chunk-24YPR5EH.js";
+} from "./chunk-IIEI7VK5.js";
 import {
   layoutInlineHeader
-} from "./chunk-MG3DE3VO.js";
+} from "./chunk-FLMXJMMY.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-QT5UMFPE.js";
+} from "./chunk-67I3HFSF.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-4SXHMFFP.js";
+} from "./chunk-IZTU6WVR.js";
 import {
   FONT_FAMILY
-} from "./chunk-UTCPNJND.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   CHAR_WIDTH_RATIO,
   measureText,
@@ -45,7 +53,7 @@ import {
 } from "./chunk-MTGGOCND.js";
 import {
   resolveTagColor
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
@@ -58,7 +66,7 @@ import {
   shapeFill,
   themeBaseBg,
   valueRampColor
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -70,15 +78,13 @@ var DIAGRAM_PADDING = 20;
 var NODE_FONT_SIZE = 11;
 var MIN_NODE_FONT_SIZE = 9;
 var EDGE_LABEL_FONT_SIZE = 11;
-var NODE_RX = 8;
+var NODE_RX = CARD_RADIUS;
 var COLLAPSE_BAR_HEIGHT = 4;
-var ARROWHEAD_W = 5;
-var ARROWHEAD_H = 4;
 var DESC_FONT_SIZE = 10;
 var DESC_LINE_HEIGHT = 1.4;
 var MAX_DESC_LINES = 6;
 var NODE_TEXT_PADDING = 12;
-var GROUP_RX = 8;
+var GROUP_RX = CONTAINER_RADIUS;
 var GROUP_LABEL_FONT_SIZE = 14;
 var GROUP_LABEL_ZONE = 32;
 var RAMP_FLOOR = 15;
@@ -226,20 +232,21 @@ function edgeColor(edge, tagGroups, activeGroupName, palette) {
   return palette.textMuted;
 }
 function ensureArrowMarkers(defs, colors) {
-  for (const color of colors) {
-    const id = `bl-arrow-${color.replace("#", "")}`;
-    if (!defs.select(`#${id}`).empty()) continue;
-    defs.append("marker").attr("id", id).attr("viewBox", `0 0 ${ARROWHEAD_W * 2} ${ARROWHEAD_H * 2}`).attr("refX", ARROWHEAD_W * 2).attr("refY", ARROWHEAD_H).attr("markerWidth", ARROWHEAD_W).attr("markerHeight", ARROWHEAD_H).attr("orient", "auto").append("polygon").attr(
-      "points",
-      `0,0 ${ARROWHEAD_W * 2},${ARROWHEAD_H} 0,${ARROWHEAD_H * 2}`
-    ).attr("fill", color);
-    const revId = `bl-arrow-rev-${color.replace("#", "")}`;
-    if (!defs.select(`#${revId}`).empty()) continue;
-    defs.append("marker").attr("id", revId).attr("viewBox", `0 0 ${ARROWHEAD_W * 2} ${ARROWHEAD_H * 2}`).attr("refX", 0).attr("refY", ARROWHEAD_H).attr("markerWidth", ARROWHEAD_W).attr("markerHeight", ARROWHEAD_H).attr("orient", "auto").append("polygon").attr(
-      "points",
-      `${ARROWHEAD_W * 2},0 0,${ARROWHEAD_H} ${ARROWHEAD_W * 2},${ARROWHEAD_H * 2}`
-    ).attr("fill", color);
-  }
+  const fresh = [...colors].filter(
+    (color) => defs.select(`#bl-arrow-${color.replace("#", "")}`).empty()
+  );
+  if (fresh.length === 0) return;
+  const opts = {
+    idPrefix: "bl",
+    width: ARROWHEAD_WIDTH,
+    height: ARROWHEAD_HEIGHT,
+    // Every marker here is per-colour; the base id is never referenced, so it
+    // takes the first colour rather than introducing a palette dependency.
+    baseFill: fresh[0],
+    colors: fresh
+  };
+  appendArrowheadMarkers(defs, opts);
+  appendReverseArrowheadMarkers(defs, opts);
 }
 function renderBoxesAndLines(container, parsed, layout, palette, isDark, options) {
   const {
@@ -444,7 +451,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
       const lineH = fitted.fontSize * 1.3;
       const totalH = fitted.lines.length * lineH;
       for (let li = 0; li < fitted.lines.length; li++) {
-        groupG.append("text").attr("class", "bl-group-label").attr("x", group.x).attr("y", group.y - totalH / 2 + lineH / 2 + li * lineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", fitted.fontSize).attr("font-weight", "600").attr("fill", palette.text).text(fitted.lines[li]);
+        groupG.append("text").attr("class", "bl-group-label").attr("x", group.x).attr("y", group.y - totalH / 2 + lineH / 2 + li * lineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", fitted.fontSize).attr("font-weight", "bold").attr("fill", palette.text).text(fitted.lines[li]);
       }
       if (group.childCount !== void 0 && group.childCount > 0) {
         const chipFont = Math.max(9, sMinNodeFontSize - 2);
@@ -456,11 +463,11 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
         const chipCx = gx + group.width - chipW / 2 - 6;
         const chipCy = gy + chipH / 2 + 6;
         groupG.append("rect").attr("class", "bl-collapse-count").attr("x", chipCx - chipW / 2).attr("y", chipCy - chipH / 2).attr("width", chipW).attr("height", chipH).attr("rx", chipH / 2).attr("ry", chipH / 2).attr("fill", palette.textMuted).attr("fill-opacity", 0.18);
-        groupG.append("text").attr("class", "bl-collapse-count").attr("x", chipCx).attr("y", chipCy).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", chipFont).attr("font-weight", "600").attr("fill", palette.text).text(String(group.childCount));
+        groupG.append("text").attr("class", "bl-collapse-count").attr("x", chipCx).attr("y", chipCy).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", chipFont).attr("font-weight", "bold").attr("fill", palette.text).text(String(group.childCount));
       }
     } else {
       groupG.append("rect").attr("x", gx).attr("y", gy).attr("width", group.width).attr("height", groupHeight).attr("rx", GROUP_RX).attr("ry", GROUP_RX).attr("fill", mix(palette.surface, palette.bg, 40)).attr("stroke", palette.textMuted).attr("stroke-width", 1).attr("stroke-opacity", 0.35);
-      groupG.append("text").attr("class", "bl-group-label").attr("x", gx + group.width / 2).attr("y", gy + 18).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", sGroupLabelFontSize).attr("font-weight", "600").attr("fill", palette.text).text(group.label);
+      groupG.append("text").attr("class", "bl-group-label").attr("x", gx + group.width / 2).attr("y", gy + 18).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", sGroupLabelFontSize).attr("font-weight", "bold").attr("fill", palette.text).text(group.label);
     }
   }
   for (let i = 0; i < layout.edges.length; i++) {
@@ -648,7 +655,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
       }
       if (parsed.showValues !== false && node.value !== void 0) {
         const valueLabel = parsed.boxMetric ? `${parsed.boxMetric}: ${node.value}` : String(node.value);
-        nodeG.append("text").attr("class", "bl-node-value").attr("x", 0).attr("y", descStartY + visibleLines.length * descLineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", VALUE_FONT_SIZE).attr("font-weight", "600").attr("fill", colors.text).text(valueLabel);
+        nodeG.append("text").attr("class", "bl-node-value").attr("x", 0).attr("y", descStartY + visibleLines.length * descLineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", VALUE_FONT_SIZE).attr("font-weight", "bold").attr("fill", colors.text).text(valueLabel);
       }
     } else if (parsed.showValues !== false && node.value !== void 0) {
       const valueLabel = parsed.boxMetric ? `${parsed.boxMetric}: ${node.value}` : String(node.value);
@@ -675,7 +682,7 @@ function renderBoxesAndLines(container, parsed, layout, palette, isDark, options
       const lineH = fitted.fontSize * 1.3;
       const totalH = fitted.lines.length * lineH;
       for (let li = 0; li < fitted.lines.length; li++) {
-        nodeG.append("text").attr("x", 0).attr("y", -totalH / 2 + lineH / 2 + li * lineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", fitted.fontSize).attr("font-weight", "600").attr("fill", colors.text).text(fitted.lines[li]);
+        nodeG.append("text").attr("x", 0).attr("y", -totalH / 2 + lineH / 2 + li * lineH).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-size", fitted.fontSize).attr("font-weight", "bold").attr("fill", colors.text).text(fitted.lines[li]);
       }
     }
     if (ln.note) {
@@ -838,4 +845,4 @@ export {
   renderBoxesAndLines,
   renderBoxesAndLinesForExport
 };
-//# sourceMappingURL=chunk-7EZ5AKBK.js.map
+//# sourceMappingURL=chunk-GJH7ZEPH.js.map