@diagrammo/dgmo 0.77.0 → 0.78.0

package/dist/{chunk-UBDVAHGK.js → chunk-XDPJMLOH.js}

@@ -1,60 +1,65 @@
 import {
   edgeSplinePath,
-  fitDiagramToCanvas,
   selfLoopArcPath
-} from "./chunk-7IATMZSA.js";
+} from "./chunk-26EVL454.js";
 import {
   layoutGraph
-} from "./chunk-N6MZSBOL.js";
-import {
-  appendArrowheadMarkers
-} from "./chunk-LP7EC4MI.js";
+} from "./chunk-AN7T6VP7.js";
 import {
   NOTE_BADGE_RADIUS,
   noteConnectorPoints,
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-Q74GP3GK.js";
+} from "./chunk-KO6DGOOB.js";
 import {
-  EDGE_STROKE_WIDTH,
-  NODE_STROKE_WIDTH
-} from "./chunk-FJ57274M.js";
+  appendArrowheadMarkers
+} from "./chunk-XBJJP2HN.js";
+import {
+  fitDiagramToCanvas
+} from "./chunk-EPDBWATV.js";
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  ARROWHEAD_HEIGHT,
+  ARROWHEAD_WIDTH,
+  EDGE_LABEL_KNOCKOUT_OPACITY,
+  EDGE_STROKE_WIDTH,
+  NODE_STROKE_WIDTH
+} from "./chunk-IIEI7VK5.js";
 import {
   layoutInlineHeader
-} from "./chunk-MG3DE3VO.js";
+} from "./chunk-FLMXJMMY.js";
 import {
   serializeSvg
-} from "./chunk-RU2HHHYA.js";
+} from "./chunk-LD2JSKU3.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
   TITLE_Y
-} from "./chunk-DEW62ON3.js";
+} from "./chunk-VSPNH7LC.js";
 import {
   renderIntegratedLegend
-} from "./chunk-U4DS2ODO.js";
+} from "./chunk-67I3HFSF.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-IZTU6WVR.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   measureText
 } from "./chunk-MTGGOCND.js";
 import {
   parseState
-} from "./chunk-M5JT2AU7.js";
+} from "./chunk-6Z2NUJSX.js";
 import {
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
@@ -65,7 +70,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 
 // src/graph/state-renderer.ts
 import * as d3Selection from "d3-selection";
@@ -74,8 +79,6 @@ var MAX_SCALE = 3;
 var NODE_FONT_SIZE = 13;
 var EDGE_LABEL_FONT_SIZE = 11;
 var GROUP_LABEL_FONT_SIZE = 11;
-var ARROWHEAD_W = 10;
-var ARROWHEAD_H = 7;
 var PSEUDOSTATE_RADIUS = 10;
 var STATE_CORNER_RADIUS = 10;
 var GROUP_EXTRA_PADDING = 12;
@@ -103,8 +106,8 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
   const sGroupLabelFontSize = ctx.text(GROUP_LABEL_FONT_SIZE);
   const sEdgeStrokeWidth = ctx.structural(EDGE_STROKE_WIDTH);
   const sNodeStrokeWidth = ctx.structural(NODE_STROKE_WIDTH);
-  const sArrowheadW = ctx.structural(ARROWHEAD_W);
-  const sArrowheadH = ctx.structural(ARROWHEAD_H);
+  const sArrowheadW = ctx.structural(ARROWHEAD_WIDTH);
+  const sArrowheadH = ctx.structural(ARROWHEAD_HEIGHT);
   const sPseudostateRadius = ctx.structural(PSEUDOSTATE_RADIUS);
   const sStateCornerRadius = ctx.structural(STATE_CORNER_RADIUS);
   const sGroupExtraPadding = ctx.aesthetic(GROUP_EXTRA_PADDING);
@@ -155,7 +158,7 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
   });
   const diagramW = layout.width;
   const diagramH = layout.height;
-  const { scale, offsetX, offsetY, canvasHeight } = fitDiagramToCanvas({
+  const { scale, offsetX, offsetY, canvasHeight, canvasWidth } = fitDiagramToCanvas({
     width,
     height,
     diagramW,
@@ -166,7 +169,7 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
     maxScale: MAX_SCALE,
     exportMode: !!exportDims
   });
-  const svg = d3Selection.select(container).append("svg").attr("width", width).attr("height", canvasHeight).attr("viewBox", `0 0 ${width} ${canvasHeight}`).attr("preserveAspectRatio", "xMidYMin meet").style("font-family", FONT_FAMILY);
+  const svg = d3Selection.select(container).append("svg").attr("width", canvasWidth).attr("height", canvasHeight).attr("viewBox", `0 0 ${canvasWidth} ${canvasHeight}`).attr("preserveAspectRatio", "xMidYMin meet").style("font-family", FONT_FAMILY);
   if (ctx.isBelowFloor) {
     svg.attr("width", "100%");
   }
@@ -306,7 +309,7 @@ function renderState(container, graph, layout, palette, isDark, onClickItem, exp
       }
       const lp = labelPosMap.get(ei);
       if (edge.label && lp) {
-        edgeG.append("rect").attr("x", lp.x - lp.w / 2).attr("y", lp.y - lp.h / 2 - 1).attr("width", lp.w).attr("height", lp.h).attr("rx", 3).attr("fill", palette.bg).attr("opacity", 0.85).attr("class", "st-edge-label-bg");
+        edgeG.append("rect").attr("x", lp.x - lp.w / 2).attr("y", lp.y - lp.h / 2 - 1).attr("width", lp.w).attr("height", lp.h).attr("rx", 3).attr("fill", palette.bg).attr("opacity", EDGE_LABEL_KNOCKOUT_OPACITY).attr("class", "st-edge-label-bg");
         edgeG.append("text").attr("x", lp.x).attr("y", lp.y + 4).attr("text-anchor", "middle").attr("fill", edgeColor).attr("font-size", sEdgeLabelFontSize).attr("class", "st-edge-label").text(edge.label);
       }
     }
@@ -465,4 +468,4 @@ export {
   renderState,
   renderStateForExport
 };
-//# sourceMappingURL=chunk-UBDVAHGK.js.map
+//# sourceMappingURL=chunk-XDPJMLOH.js.map

package/dist/{chunk-CF3I5SOG.js → chunk-YKDZ3ZRI.js}

@@ -1,39 +1,40 @@
 import {
   wrapDescriptionLines
-} from "./chunk-NCT22MOD.js";
+} from "./chunk-WMIKC5XO.js";
 import {
   renderNodeCard
-} from "./chunk-5GM6BZO7.js";
+} from "./chunk-4AWLEWSD.js";
 import {
   renderInlineText
-} from "./chunk-WGC42WJU.js";
+} from "./chunk-FWNJDD4U.js";
+import {
+  formatDateLabel
+} from "./chunk-UCF6TKWV.js";
 import {
   CARD_RADIUS,
+  HAIRLINE_DASH,
   HEADER_HEIGHT,
   LABEL_FONT_SIZE,
   NODE_STROKE_WIDTH,
   SEPARATOR_GAP
-} from "./chunk-FJ57274M.js";
-import {
-  formatDateLabel
-} from "./chunk-QXMHBIQG.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-U4DS2ODO.js";
+} from "./chunk-67I3HFSF.js";
 import {
   getLegendExtent
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-IZTU6WVR.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   CHAR_WIDTH_RATIO,
   wrapTextToWidth
@@ -42,16 +43,17 @@ import {
   parseTimelineDate
 } from "./chunk-UCZBRGJN.js";
 import {
+  UNTAGGED_TAG_COLOR,
   resolveActiveTagGroup,
   resolveTagColor
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   contrastText,
   getSeriesColors,
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -73,7 +75,7 @@ var TITLE_MAX_W = (CARD_W - CARD_PAD * 2) * 0.93;
 var DOT_R = 5.5;
 var MIN_SPACING = 96;
 var LANE_GAP = 16;
-var NEUTRAL_TAG = "#999999";
+var NEUTRAL_TAG = UNTAGGED_TAG_COLOR;
 var CARD_INSET = 18;
 var FAN_GAP = 6;
 var DATE_SUBTITLE_H = 15;
@@ -534,7 +536,7 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
   const solidRight = hasTrailingFuture ? realRightX : spineRight;
   svg.append("line").attr("x1", spineLeft).attr("y1", spineY).attr("x2", solidRight).attr("y2", spineY).attr("stroke", palette.text).attr("stroke-width", 2.5).attr("stroke-linecap", "round");
   if (hasTrailingFuture) {
-    svg.append("line").attr("x1", solidRight).attr("y1", spineY).attr("x2", spineRight).attr("y2", spineY).attr("stroke", palette.text).attr("stroke-width", 2.5).attr("stroke-linecap", "round").attr("stroke-opacity", 0.45).attr("stroke-dasharray", "2 6");
+    svg.append("line").attr("x1", solidRight).attr("y1", spineY).attr("x2", spineRight).attr("y2", spineY).attr("stroke", palette.text).attr("stroke-width", 2.5).attr("stroke-linecap", "round").attr("stroke-opacity", 0.45).attr("stroke-dasharray", HAIRLINE_DASH);
   }
   const geo = placed.map((p) => {
     const near = p.side === "above" ? spineY - laneNear(p) : spineY + laneNear(p);
@@ -602,7 +604,7 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
       const titleMid = headBandTop + p.headerH / 2;
       const titleTop = titleMid - (p.titleLines.length - 1) * TITLE_LINE_H / 2;
       for (let ti = 0; ti < p.titleLines.length; ti++) {
-        cardG.append("text").attr("x", CARD_PAD).attr("y", titleTop + ti * TITLE_LINE_H).attr("dominant-baseline", "central").attr("fill", shelfText).attr("font-family", FONT_FAMILY).attr("font-size", LABEL_FONT_SIZE).attr("font-weight", 700).text(p.titleLines[ti]);
+        cardG.append("text").attr("x", CARD_PAD).attr("y", titleTop + ti * TITLE_LINE_H).attr("dominant-baseline", "central").attr("fill", shelfText).attr("font-family", FONT_FAMILY).attr("font-size", LABEL_FONT_SIZE).attr("font-weight", "bold").text(p.titleLines[ti]);
       }
       if (dateStr) {
         cardG.append("text").attr("x", CARD_PAD).attr(
@@ -611,7 +613,7 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
         ).attr(
           "fill",
           parsed.options.fillMode ? mix(shelfText, p.color, 25) : mix(palette.text, palette.bg, 55)
-        ).attr("font-family", FONT_FAMILY).attr("font-size", DATE_SUBTITLE_FONT).attr("font-weight", 600).text(dateStr);
+        ).attr("font-family", FONT_FAMILY).attr("font-size", DATE_SUBTITLE_FONT).attr("font-weight", "bold").text(dateStr);
       }
       if (p.lines.length > 0) {
         const startBaseline = titleNearTop ? p.headerH + SEPARATOR_GAP + dateH + DESC_FONT : CARD_PAD + DESC_FONT;
@@ -640,7 +642,7 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
         headerHeight: p.headerH
       });
       if (dateStr) {
-        cardG.append("text").attr("x", CARD_W / 2).attr("y", p.headerH + DATE_SUBTITLE_FONT + 1).attr("text-anchor", "middle").attr("fill", mix(p.titleColor, p.cardFill, 60)).attr("font-family", FONT_FAMILY).attr("font-size", DATE_SUBTITLE_FONT).attr("font-weight", 600).text(dateStr);
+        cardG.append("text").attr("x", CARD_W / 2).attr("y", p.headerH + DATE_SUBTITLE_FONT + 1).attr("text-anchor", "middle").attr("fill", mix(p.titleColor, p.cardFill, 60)).attr("font-family", FONT_FAMILY).attr("font-size", DATE_SUBTITLE_FONT).attr("font-weight", "bold").text(dateStr);
       }
       if (p.lines.length > 0) {
         cardG.append("line").attr("x1", 0).attr("y1", p.headerH + dateH).attr("x2", CARD_W).attr("y2", p.headerH + dateH).attr("stroke", p.titleColor).attr("stroke-opacity", 0.3).attr("stroke-width", 1);
@@ -737,7 +739,7 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
         "d",
         `M${x02},${y + ERA_BRACKET_CAP * cap} L${x02},${y} L${x12},${y} L${x12},${y + ERA_BRACKET_CAP * cap}`
       ).attr("fill", "none").attr("stroke", col).attr("stroke-width", 1.5).attr("stroke-linecap", "round").attr("stroke-linejoin", "round").attr("stroke-opacity", op);
-      eg.append("text").attr("x", (r.firstX + r.lastX) / 2).attr("y", eraSide === "above" ? y - 6 : y + ERA_LABEL_FONT + 4).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", ERA_LABEL_FONT).attr("font-weight", 700).attr("fill", col).attr("fill-opacity", neutral ? 0.85 : 1).text(r.era.name);
+      eg.append("text").attr("x", (r.firstX + r.lastX) / 2).attr("y", eraSide === "above" ? y - 6 : y + ERA_LABEL_FONT + 4).attr("text-anchor", "middle").attr("font-family", FONT_FAMILY).attr("font-size", ERA_LABEL_FONT).attr("font-weight", "bold").attr("fill", col).attr("fill-opacity", neutral ? 0.85 : 1).text(r.era.name);
       if (onClickItem) {
         const ln = r.era.lineNumber;
         eg.style("cursor", "pointer").on("click", () => onClickItem(ln));
@@ -829,13 +831,13 @@ function renderEventLine(container, parsed, palette, isDark, onClickItem, export
       grad.append("stop").attr("offset", "0%").attr("stop-color", nowColor).attr("stop-opacity", 0);
       grad.append("stop").attr("offset", "50%").attr("stop-color", nowColor).attr("stop-opacity", 0.9);
       grad.append("stop").attr("offset", "100%").attr("stop-color", nowColor).attr("stop-opacity", 0);
-      nowG.append("line").attr("x1", nowX).attr("y1", ruleTop).attr("x2", nowX).attr("y2", ruleBot).attr("stroke", `url(#${gradId})`).attr("stroke-width", 1.6).attr("stroke-dasharray", "1 4").attr("stroke-linecap", "round");
+      nowG.append("line").attr("x1", nowX).attr("y1", ruleTop).attr("x2", nowX).attr("y2", ruleBot).attr("stroke", `url(#${gradId})`).attr("stroke-width", 1.6).attr("stroke-dasharray", HAIRLINE_DASH).attr("stroke-linecap", "round");
       nowG.append("path").attr("d", `M${nowX} ${spineY - 5} l5 5 l-5 5 l-5 -5 z`).attr("fill", nowColor);
       nowG.append("line").attr("x1", nowX).attr("y1", stemFrom).attr("x2", nowX).attr("y2", stemTo).attr("stroke", nowColor).attr("stroke-width", 1.6);
       nowG.append("rect").attr("x", pillCX - pillW / 2).attr("y", slot.y0).attr("width", pillW).attr("height", pillH).attr("rx", pillH / 2).attr("fill", pillFill).attr("stroke", pillStroke).attr("stroke-width", pillStrokeW);
-      nowG.append("text").attr("x", pillCX).attr("y", slot.y0 + pillH / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", 10.5).attr("font-weight", 600).attr("fill", pillText).text(label);
+      nowG.append("text").attr("x", pillCX).attr("y", slot.y0 + pillH / 2).attr("text-anchor", "middle").attr("dominant-baseline", "central").attr("font-family", FONT_FAMILY).attr("font-size", 10.5).attr("font-weight", "bold").attr("fill", pillText).text(label);
       if (!exportMode) {
-        const hoverRule = nowG.append("line").attr("class", "evt-now-rule-full").attr("x1", nowX).attr("y1", Math.max(topUsed, 2)).attr("x2", nowX).attr("y2", totalH - 2).attr("stroke", nowColor).attr("stroke-width", 1.4).attr("stroke-dasharray", "1 4").attr("stroke-linecap", "round").attr("opacity", 0).style("transition", "opacity 120ms ease").style("pointer-events", "none");
+        const hoverRule = nowG.append("line").attr("class", "evt-now-rule-full").attr("x1", nowX).attr("y1", Math.max(topUsed, 2)).attr("x2", nowX).attr("y2", totalH - 2).attr("stroke", nowColor).attr("stroke-width", 1.4).attr("stroke-dasharray", HAIRLINE_DASH).attr("stroke-linecap", "round").attr("opacity", 0).style("transition", "opacity 120ms ease").style("pointer-events", "none");
         hoverRule.lower();
         const nowNode = nowG.node();
         if (nowNode) {
@@ -1142,7 +1144,7 @@ function renderBody(cardG, lines, bodyColor, palette, startBaseline = CARD_BODY_
       lineColor = bulletColors[bulletIdx] ?? bodyColor;
       lineMeta = bulletMeta[bulletIdx] ?? null;
       bulletIdx++;
-      const marker = cardG.append("text").attr("x", CARD_PAD).attr("y", y).attr("text-anchor", "start").attr("fill", lineColor).attr("font-family", FONT_FAMILY).attr("font-size", DESC_FONT).attr("font-weight", 700).text("\u2022");
+      const marker = cardG.append("text").attr("x", CARD_PAD).attr("y", y).attr("text-anchor", "start").attr("fill", lineColor).attr("font-family", FONT_FAMILY).attr("font-size", DESC_FONT).attr("font-weight", "bold").text("\u2022");
       tagBullet(marker);
     } else if (!isBullet) {
       lineColor = bodyColor;
@@ -1161,4 +1163,4 @@ export {
   focusEventLine,
   renderEventLineForExport
 };
-//# sourceMappingURL=chunk-CF3I5SOG.js.map
+//# sourceMappingURL=chunk-YKDZ3ZRI.js.map

package/dist/{chunk-GLREDNBA.js → chunk-YVLTNNME.js}

@@ -247,6 +247,15 @@ function politicalTints(palette, count, isDark) {
   }
   return out.slice(0, count);
 }
+function getEraColors(palette) {
+  return [
+    palette.colors.blue,
+    palette.colors.green,
+    palette.colors.yellow,
+    palette.colors.orange,
+    palette.colors.purple
+  ];
+}
 
 export {
   hexToHSL,
@@ -264,6 +273,7 @@ export {
   shapeFill,
   getSeriesColors,
   getSegmentColors,
-  politicalTints
+  politicalTints,
+  getEraColors
 };
-//# sourceMappingURL=chunk-GLREDNBA.js.map
+//# sourceMappingURL=chunk-YVLTNNME.js.map

package/dist/{chunk-6ZZKEYBS.js → chunk-ZGOBAMQ2.js}

@@ -4,6 +4,7 @@ import {
 } from "./chunk-IVKC4GID.js";
 import {
   CARD_RADIUS,
+  EDGE_DASH,
   EDGE_STROKE_WIDTH,
   HEADER_HEIGHT,
   LABEL_FONT_SIZE,
@@ -11,28 +12,28 @@ import {
   META_LINE_HEIGHT,
   NODE_STROKE_WIDTH,
   SEPARATOR_GAP
-} from "./chunk-FJ57274M.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-U4DS2ODO.js";
+} from "./chunk-67I3HFSF.js";
 import {
   getLegendExtent,
   getMaxLegendReservedHeight
-} from "./chunk-VRPV6QXR.js";
+} from "./chunk-IZTU6WVR.js";
 import {
   FONT_FAMILY
-} from "./chunk-53SEVJQM.js";
+} from "./chunk-ICLB27PZ.js";
 import {
   LEGEND_GROUP_GAP
-} from "./chunk-YT5ICQ4R.js";
+} from "./chunk-MFK7LF66.js";
 import {
   measureText
 } from "./chunk-MTGGOCND.js";
@@ -40,9 +41,10 @@ import {
   EMPHASIS_DIM_OPACITY
 } from "./chunk-2CW5ZTNH.js";
 import {
+  UNTAGGED_TAG_COLOR,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-76LHNLGX.js";
+} from "./chunk-R4YGH7DJ.js";
 import {
   fillModeFromOptions,
   legendInlineRequested,
@@ -53,7 +55,7 @@ import {
   mix,
   shapeFill,
   themeBaseBg
-} from "./chunk-GLREDNBA.js";
+} from "./chunk-YVLTNNME.js";
 import {
   resolveColor
 } from "./chunk-XOGQY4EC.js";
@@ -93,7 +95,7 @@ function baseColor(node, parsed, palette, activeTagGroup) {
       [...parsed.tagGroups],
       activeTagGroup
     );
-    if (c && c !== "#999999") return c;
+    if (c && c !== UNTAGGED_TAG_COLOR) return c;
   }
   return palette.primary;
 }
@@ -205,7 +207,7 @@ function renderFamilyForExport(container, parsed, layout, palette, isDark, opts
   const edgeG = root.append("g").attr("class", "family-edges");
   const pathD = (pts) => pts.map((p, i) => `${i ? "L" : "M"}${p.x} ${p.y}`).join(" ");
   const line = (pts, dashed, dimmed) => {
-    edgeG.append("path").attr("d", pathD(pts)).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", EDGE_STROKE_WIDTH).attr("stroke-dasharray", dashed ? "6 3" : null).attr("stroke-opacity", dimmed ? DIM_OPACITY : null);
+    edgeG.append("path").attr("d", pathD(pts)).attr("fill", "none").attr("stroke", palette.textMuted).attr("stroke-width", EDGE_STROKE_WIDTH).attr("stroke-dasharray", dashed ? EDGE_DASH : null).attr("stroke-opacity", dimmed ? DIM_OPACITY : null);
   };
   const byUnion = /* @__PURE__ */ new Map();
   for (const e of layout.edges) {
@@ -234,7 +236,7 @@ function renderFamilyForExport(container, parsed, layout, palette, isDark, opts
   for (const bar of layout.bars) {
     const bg = barG.append("g");
     if (bar.dimmed) bg.attr("opacity", DIM_OPACITY);
-    bg.append("line").attr("x1", bar.x1).attr("y1", bar.y).attr("x2", bar.x2).attr("y2", bar.y).attr("stroke", palette.textMuted).attr("stroke-width", EDGE_STROKE_WIDTH).attr("stroke-dasharray", bar.divorced ? "6 3" : null).attr("class", "family-marriage-bar").attr("data-line-number", String(bar.lineNumber));
+    bg.append("line").attr("x1", bar.x1).attr("y1", bar.y).attr("x2", bar.x2).attr("y2", bar.y).attr("stroke", palette.textMuted).attr("stroke-width", EDGE_STROKE_WIDTH).attr("stroke-dasharray", bar.divorced ? EDGE_DASH : null).attr("class", "family-marriage-bar").attr("data-line-number", String(bar.lineNumber));
     bg.append("circle").attr("cx", bar.midX).attr("cy", bar.y).attr("r", BAR_DOT_R).attr("fill", palette.textMuted);
     if (bar.year) {
       bg.append("text").attr("x", bar.labelX).attr("y", bar.y - BAR_DOT_R - 3).attr("text-anchor", "middle").attr("font-size", META_FONT_SIZE).attr("fill", palette.textMuted).attr("stroke", baseBg).attr("stroke-width", 3).attr("stroke-linejoin", "round").attr("paint-order", "stroke").text(`m. ${bar.year}`);
@@ -317,4 +319,4 @@ export {
   renderFamilyForExport,
   renderFamily
 };
-//# sourceMappingURL=chunk-6ZZKEYBS.js.map
+//# sourceMappingURL=chunk-ZGOBAMQ2.js.map