@diagrammo/dgmo 0.93.0 → 0.95.0

package/dist/{chunk-CYDM2XII.js → chunk-JJ7RGTAU.js}

@@ -1,6 +1,9 @@
 import {
   renderNodeCard
 } from "./chunk-R2K5L4UA.js";
+import {
+  placeEdgeLabels
+} from "./chunk-IN7XI6NO.js";
 import {
   serializeSvg
 } from "./chunk-CYRB2JTN.js";
@@ -9,7 +12,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   layoutInlineHeader
-} from "./chunk-42UJ23H3.js";
+} from "./chunk-UIEKW4SG.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
@@ -45,7 +48,7 @@ import {
 } from "./chunk-IYULMRBE.js";
 import {
   renderInlineText
-} from "./chunk-65GPEV5V.js";
+} from "./chunk-QKPOIJBT.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -101,6 +104,51 @@ function containerStroke(palette, nodeColor) {
 }
 var lineGenerator = d3Shape.line().x((d) => d.x).y((d) => d.y).curve(d3Shape.curveBasis);
 var lineGeneratorLinear = d3Shape.line().x((d) => d.x).y((d) => d.y).curve(d3Shape.curveLinear);
+function placeSitemapEdgeLabels(layout, fontSize) {
+  const nodes = [
+    ...layout.nodes.map((n) => ({
+      label: n.id,
+      x: n.x,
+      y: n.y + n.height / 2,
+      width: n.width,
+      height: n.height
+    })),
+    ...layout.containers.map((c) => ({
+      label: c.nodeId,
+      x: c.x + c.width / 2,
+      y: c.y + c.labelHeight / 2,
+      width: c.width,
+      height: c.labelHeight
+    }))
+  ];
+  const adapted = {
+    nodes,
+    groups: [],
+    width: layout.width,
+    height: layout.height,
+    edges: layout.edges.map((e) => ({
+      source: e.sourceId,
+      target: e.targetId,
+      ...e.label !== void 0 && { label: e.label },
+      bidirectional: false,
+      lineNumber: e.lineNumber,
+      points: e.points,
+      yOffset: 0,
+      parallelCount: 1,
+      metadata: {}
+    }))
+  };
+  const placed = placeEdgeLabels(adapted, {
+    fontSize,
+    maxWidth: Number.POSITIVE_INFINITY
+  });
+  const out = /* @__PURE__ */ new Map();
+  placed.layout.edges.forEach((e, idx) => {
+    if (e.labelX !== void 0 && e.labelY !== void 0)
+      out.set(idx, { x: e.labelX, y: e.labelY });
+  });
+  return out;
+}
 function renderSitemap(container, parsed, layout, palette, isDark, onClickItem, exportDims, activeTagGroup, hiddenAttributes, exportMode) {
   d3Selection.select(container).selectAll(":not([data-d3-tooltip])").remove();
   const width = exportDims?.width ?? container.clientWidth;
@@ -232,7 +280,7 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
   for (const c of layout.containers) {
     const cG = contentG.append("g").attr("transform", `translate(${c.x}, ${c.y})`).attr("class", "sitemap-container").attr("data-line-number", String(c.lineNumber));
     if (c.hasChildren) {
-      cG.attr("data-node-toggle", c.nodeId).attr("tabindex", "0").attr("role", "button").attr("aria-expanded", String(!c.hiddenCount)).attr("aria-label", c.label);
+      cG.attr("data-node-toggle", c.nodeId).attr("role", "button").attr("aria-expanded", String(!c.hiddenCount)).attr("aria-label", c.label);
     }
     if (onClickItem) {
       cG.style("cursor", "pointer").on(
@@ -277,7 +325,8 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
       cG.append("rect").attr("y", c.height - sCollapseBarHeight).attr("width", c.width).attr("height", sCollapseBarHeight).attr("fill", stroke).attr("clip-path", `url(#${clipId})`).attr("class", "sitemap-collapse-bar");
     }
   }
-  for (const edge of layout.edges) {
+  const labelCentres = placeSitemapEdgeLabels(layout, sEdgeLabelFontSize);
+  for (const [edgeIdx, edge] of layout.edges.entries()) {
     if (edge.points.length < 2) continue;
     const edgeG = contentG.append("g").attr("class", "sitemap-edge-group").attr("data-line-number", String(edge.lineNumber)).attr("data-from", edge.sourceId).attr("data-to", edge.targetId);
     const edgeColor = palette.textMuted;
@@ -287,8 +336,8 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
     if (pathD) {
       edgeG.append("path").attr("d", pathD).attr("fill", "none").attr("stroke", edgeColor).attr("stroke-width", sEdgeStrokeWidth).attr("marker-end", `url(#${markerId})`).attr("class", "sitemap-edge");
     }
-    if (edge.label && edge.points.length >= 2) {
-      const mid = edge.points[Math.floor(edge.points.length / 2)];
+    const mid = labelCentres.get(edgeIdx);
+    if (edge.label && mid) {
       const labelW = measureText(edge.label, sEdgeLabelFontSize) + 10;
       const labelH = sEdgeLabelFontSize + 6;
       edgeG.append("rect").attr("x", mid.x - labelW / 2).attr("y", mid.y - labelH / 2 - 1).attr("width", labelW).attr("height", labelH).attr("rx", 3).attr("fill", palette.bg).attr("opacity", EDGE_LABEL_KNOCKOUT_OPACITY).attr("class", "sitemap-edge-label-bg");
@@ -298,7 +347,7 @@ function renderSitemap(container, parsed, layout, palette, isDark, onClickItem,
   for (const node of layout.nodes) {
     const nodeG = contentG.append("g").attr("transform", `translate(${node.x - node.width / 2}, ${node.y})`).attr("class", "sitemap-node").attr("data-line-number", String(node.lineNumber)).attr("data-node-id", node.id);
     if (node.hasChildren) {
-      nodeG.attr("data-node-toggle", node.id).attr("tabindex", "0").attr("role", "button").attr("aria-expanded", String(!node.hiddenCount));
+      nodeG.attr("data-node-toggle", node.id).attr("role", "button").attr("aria-expanded", String(!node.hiddenCount));
     }
     if (onClickItem) {
       nodeG.style("cursor", "pointer").on("click", () => onClickItem(node.lineNumber));

package/dist/{chunk-NJJCTEBM.js → chunk-KLBTJEIK.js}

@@ -5,7 +5,7 @@ import {
   NOTE_GAP,
   noteBoxSize,
   noteConnectorPoints
-} from "./chunk-D6PVMUCX.js";
+} from "./chunk-67N26CER.js";
 import {
   extractColor,
   measureIndent

package/dist/{chunk-KHL652SX.js → chunk-KSZB7TIY.js}

@@ -14,7 +14,7 @@ import {
 import {
   INLINE_HEADER_PAD,
   layoutInlineHeader
-} from "./chunk-42UJ23H3.js";
+} from "./chunk-UIEKW4SG.js";
 import {
   CAPTION_BOX_PADDING_X,
   CAPTION_BOX_PADDING_Y,

package/dist/{chunk-KPSSNGAE.js → chunk-L5S32VZJ.js}

@@ -1,6 +1,6 @@
 import {
   layoutClassDiagram
-} from "./chunk-J43OCO22.js";
+} from "./chunk-BCV2VJTM.js";
 import {
   extractExportSvg,
   runInExportContainer
@@ -10,7 +10,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   layoutInlineHeader
-} from "./chunk-42UJ23H3.js";
+} from "./chunk-UIEKW4SG.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -32,14 +32,14 @@ import {
 } from "./chunk-JILEYZ2V.js";
 import {
   parseClassDiagram
-} from "./chunk-KCMGIYPO.js";
+} from "./chunk-5XBYLYYI.js";
 import {
   NOTE_BADGE_RADIUS,
   noteConnectorPoints,
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-D6PVMUCX.js";
+} from "./chunk-67N26CER.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";

package/dist/{chunk-472EOHVW.js → chunk-LAXMUSGW.js}

@@ -5,7 +5,7 @@ import {
   NODE_LABEL_LINE_HEIGHT,
   layoutGraph,
   wrapNodeLabel
-} from "./chunk-WK5QEYFA.js";
+} from "./chunk-EXHXTMVR.js";
 import {
   appendArrowheadMarkers
 } from "./chunk-XBJJP2HN.js";
@@ -18,6 +18,11 @@ import {
 import {
   ScaleContext
 } from "./chunk-24YPR5EH.js";
+import {
+  INLINE_HEADER_PAD,
+  layoutInlineHeader,
+  measureTitleWidth
+} from "./chunk-UIEKW4SG.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -32,14 +37,14 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   parseFlowchart
-} from "./chunk-M6ZQAFPD.js";
+} from "./chunk-IY62DXT2.js";
 import {
   NOTE_BADGE_RADIUS,
   noteConnectorPoints,
   renderNoteBadge,
   renderNoteBox,
   renderNoteConnector
-} from "./chunk-D6PVMUCX.js";
+} from "./chunk-67N26CER.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -331,7 +336,7 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
   const titleHeight = showTitle ? 40 : 0;
   const diagramW = layout.width;
   const diagramH = layout.height;
-  const { scale, offsetX, offsetY, canvasHeight, canvasWidth } = fitDiagramToCanvas({
+  const fit = fitDiagramToCanvas({
     width,
     height,
     diagramW,
@@ -341,6 +346,27 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
     maxScale: MAX_SCALE,
     exportMode: !!exportDims
   });
+  const { scale, offsetY, canvasHeight } = fit;
+  let { offsetX, canvasWidth } = fit;
+  if (showTitle && exportDims) {
+    const titleW = Math.ceil(
+      measureTitleWidth(graph.title, sTitleFontSize) + INLINE_HEADER_PAD * 2
+    );
+    if (titleW > canvasWidth) {
+      offsetX += (titleW - canvasWidth) / 2;
+      canvasWidth = titleW;
+    }
+  }
+  const header = layoutInlineHeader({
+    requested: false,
+    title: graph.title ?? "",
+    hasLegend: false,
+    legendWidth: 0,
+    legendHeight: 0,
+    containerWidth: canvasWidth,
+    titleBandHeight: titleHeight,
+    legendReserve: 0
+  });
   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%");
@@ -355,7 +381,7 @@ function renderFlowchart(container, graph, layout, palette, isDark, onClickItem,
     colors: edgeColors
   });
   if (showTitle) {
-    const titleEl = svg.append("text").attr("class", "chart-title").attr("x", width / 2).attr("y", sTitleY).attr("text-anchor", "middle").attr("fill", palette.text).attr("font-size", sTitleFontSize).attr("font-weight", TITLE_FONT_WEIGHT).style(
+    const titleEl = svg.append("text").attr("class", "chart-title").attr("x", header.titleX).attr("y", sTitleY).attr("text-anchor", header.titleAnchor).attr("fill", palette.text).attr("font-size", sTitleFontSize).attr("font-weight", TITLE_FONT_WEIGHT).style(
       "cursor",
       onClickItem && graph.titleLineNumber ? "pointer" : "default"
     ).text(graph.title);

package/dist/{chunk-M4NV5PPU.js → chunk-LJGE43SG.js}

@@ -4,7 +4,7 @@ import {
 import {
   resolveNotes,
   tryCollectNote
-} from "./chunk-NJJCTEBM.js";
+} from "./chunk-KLBTJEIK.js";
 import {
   displayName,
   normalizeName

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

@@ -38,10 +38,21 @@ function fractionalYearToDate(frac) {
 function dateToFractionalYear(d) {
   return d.getFullYear() + d.getMonth() / 12 + (d.getDate() - 1) / 365 + d.getHours() / 8760 + d.getMinutes() / 525600 + d.getSeconds() / 31536e3;
 }
+var APPROXIMATE_CONVERTERS = {
+  toFractionalYear: dateToFractionalYear,
+  fromFractionalYear: fractionalYearToDate
+};
+function calendarDay(year, month0, day) {
+  const d = new Date(2e3, month0, day);
+  d.setFullYear(year);
+  return d;
+}
 function formatYearTick(y) {
   return y < 0 ? `${-y} BCE` : String(y);
 }
-function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEnd, boundaryStartLabel, boundaryEndLabel, labelFit = { fontSize: 10 }) {
+function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEnd, boundaryStartLabel, boundaryEndLabel, labelFit = { fontSize: 10 }, converters) {
+  const { toFractionalYear, fromFractionalYear } = converters ?? APPROXIMATE_CONVERTERS;
+  const dayValue = (y, month0, day) => converters ? toFractionalYear(calendarDay(y, month0, day)) : y + month0 / 12 + (day - 1) / 365;
   const minYear = Math.floor(domainMin);
   const maxYear = Math.floor(domainMax);
   const span = domainMax - domainMin;
@@ -70,7 +81,7 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
     const crossesYear = maxYear > minYear;
     for (let y = minYear; y <= maxYear + 1; y++) {
       for (let m = 1; m <= 12; m++) {
-        const val = y + (m - 1) / 12;
+        const val = dayValue(y, m - 1, 1);
         if (val > domainMax) break;
         if (val >= domainMin) {
           const abbr = MONTH_ABBR[m - 1];
@@ -89,13 +100,13 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
     if (spanSec > 180) stepSec = 30;
     else if (spanSec > 60) stepSec = 15;
     else if (spanSec > 30) stepSec = 10;
-    const startDate = fractionalYearToDate(domainMin);
+    const startDate = fromFractionalYear(domainMin);
     startDate.setSeconds(
       Math.floor(startDate.getSeconds() / stepSec) * stepSec,
       0
     );
     while (true) {
-      const val = dateToFractionalYear(startDate);
+      const val = toFractionalYear(startDate);
       if (val > domainMax) break;
       if (val >= domainMin) {
         const hh = String(startDate.getHours()).padStart(2, "0");
@@ -115,14 +126,14 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
     if (spanHours > 3) stepMin = 30;
     else if (spanHours > 1) stepMin = 15;
     else if (spanHours > 0.5) stepMin = 10;
-    const startDate = fractionalYearToDate(domainMin);
+    const startDate = fromFractionalYear(domainMin);
     startDate.setMinutes(
       Math.floor(startDate.getMinutes() / stepMin) * stepMin,
       0,
       0
     );
     while (true) {
-      const val = dateToFractionalYear(startDate);
+      const val = toFractionalYear(startDate);
       if (val > domainMax) break;
       if (val >= domainMin) {
         const hh = String(startDate.getHours()).padStart(2, "0");
@@ -142,7 +153,7 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
     else if (spanHours > 24) stepHour = 3;
     else if (spanHours > 12) stepHour = 2;
     const singleDay = spanHours <= 24;
-    const startDate = fractionalYearToDate(domainMin);
+    const startDate = fromFractionalYear(domainMin);
     startDate.setHours(
       Math.floor(startDate.getHours() / stepHour) * stepHour,
       0,
@@ -150,7 +161,7 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
       0
     );
     while (true) {
-      const val = dateToFractionalYear(startDate);
+      const val = toFractionalYear(startDate);
       if (val > domainMax) break;
       if (val >= domainMin) {
         const hh = String(startDate.getHours()).padStart(2, "0");
@@ -177,7 +188,7 @@ function computeTimeTicks(domainMin, domainMax, scale, boundaryStart, boundaryEn
     for (let y = minYear; y <= maxYear + 1; y++) {
       for (let m = 1; m <= 12; m++) {
         for (const d of [1, 8, 15, 22]) {
-          const val = y + (m - 1) / 12 + (d - 1) / 365;
+          const val = dayValue(y, m - 1, d);
           if (val > domainMax) break;
           if (val >= domainMin) {
             ticks.push({

package/dist/{chunk-UG7AQQNR.js → chunk-OSSTOSXU.js}

@@ -15,10 +15,10 @@ import {
 } from "./chunk-NMS5XSLX.js";
 import {
   wrapDescriptionLines
-} from "./chunk-MB2SQF7N.js";
+} from "./chunk-7WEYXYLC.js";
 import {
   renderInlineText
-} from "./chunk-65GPEV5V.js";
+} from "./chunk-QKPOIJBT.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";

package/dist/{chunk-YDZIVDVR.js → chunk-P5XA627W.js}

@@ -36,7 +36,7 @@ import {
 import {
   WHITEBOARD_DIAGNOSTICS,
   parseWhiteboard
-} from "./chunk-5HAYT43L.js";
+} from "./chunk-U6VS3T2M.js";
 import {
   SWIMLANE_DIAGNOSTICS,
   parseSwimlane
@@ -97,10 +97,10 @@ import {
 } from "./chunk-JXGSTBW6.js";
 import {
   parseBoxesAndLines
-} from "./chunk-A5WIAMCT.js";
+} from "./chunk-4UVCTLRH.js";
 import {
   parseDgmoChartType
-} from "./chunk-UVX3IYXF.js";
+} from "./chunk-BTP2BMWN.js";
 import {
   parseRaci
 } from "./chunk-KRPLP5LP.js";
@@ -123,13 +123,13 @@ import {
 } from "./chunk-CDM6XMOT.js";
 import {
   parseFlowchart
-} from "./chunk-M6ZQAFPD.js";
+} from "./chunk-IY62DXT2.js";
 import {
   GRAPH_DIAGNOSTICS
 } from "./chunk-TIVMAITN.js";
 import {
   parseState
-} from "./chunk-M4NV5PPU.js";
+} from "./chunk-LJGE43SG.js";
 import {
   makeYearContext,
   parseDateToken,
@@ -141,10 +141,10 @@ import {
 } from "./chunk-CYTFO2LF.js";
 import {
   parseERDiagram
-} from "./chunk-Q7Y6JQ3R.js";
+} from "./chunk-S4SJ4LLY.js";
 import {
   parseClassDiagram
-} from "./chunk-KCMGIYPO.js";
+} from "./chunk-5XBYLYYI.js";
 import {
   ARROW_DIAGNOSTIC_CODES
 } from "./chunk-N7VMGZCU.js";

package/dist/{chunk-DRQSB72S.js → chunk-PGBTUGDB.js}

@@ -205,7 +205,7 @@ function renderOrg(container, parsed, layout, palette, isDark, onClickItem, expo
       }
     }
     if (c.hasChildren) {
-      cG.attr("data-node-toggle", c.nodeId).attr("tabindex", "0").attr("role", "button").attr("aria-expanded", String(!c.hiddenCount)).attr("aria-label", c.label);
+      cG.attr("data-node-toggle", c.nodeId).attr("role", "button").attr("aria-expanded", String(!c.hiddenCount)).attr("aria-label", c.label);
     }
     if (onClickItem) {
       cG.style("cursor", "pointer").on("click", () => {
@@ -287,7 +287,7 @@ function renderOrg(container, parsed, layout, palette, isDark, onClickItem, expo
       }
     }
     if (node.hasChildren) {
-      nodeG.attr("data-node-toggle", node.id).attr("tabindex", "0").attr("role", "button").attr("aria-expanded", String(!node.hiddenCount)).attr("aria-label", node.label);
+      nodeG.attr("data-node-toggle", node.id).attr("role", "button").attr("aria-expanded", String(!node.hiddenCount)).attr("aria-label", node.label);
     }
     if (onClickItem) {
       nodeG.style("cursor", "pointer").on("click", () => {

package/dist/{chunk-65GPEV5V.js → chunk-QKPOIJBT.js}

@@ -25,7 +25,7 @@ function safeHref(url) {
 // src/utils/inline-markdown.ts
 function parseInlineMarkdown(text) {
   const spans = [];
-  const regex = /\*\*(.+?)\*\*|__(.+?)__|\*(.+?)\*|_(.+?)_|`(.+?)`|\[(.+?)\]\((.+?)\)|(https?:\/\/[^\s)>\]]+|www\.[^\s)>\]]+)|([^*_`[]+?(?=https?:\/\/|www\.|$)|[^*_`[]+)/g;
+  const regex = /\*\*(.+?)\*\*|__(.+?)__|\*(.+?)\*|_(.+?)_|`(.+?)`|\[([^[\]\n\r]+)\]\(((?:[^()\n\r]|\([^()\n\r]*\))+)\)|(https?:\/\/[^\s)>\]]+|www\.[^\s)>\]]+)|([^*_`[]+?(?=https?:\/\/|www\.|$)|[^*_`[]+|\[)/g;
   let match;
   while ((match = regex.exec(text)) !== null) {
     if (match[1])
@@ -58,7 +58,7 @@ function truncateBareUrl(url) {
   return stripped.slice(0, BARE_URL_MAX_DISPLAY - 1) + "\u2026";
 }
 function stripInlineMarkdown(text) {
-  return text.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "$1").replace(
+  return text.replace(/\[([^[\]\n\r]+)\]\((?:[^()\n\r]|\([^()\n\r]*\))+\)/g, "$1").replace(
     /https?:\/\/[^\s)>\]]+|www\.[^\s)>\]]+/g,
     (u) => truncateBareUrl(u)
   ).replace(/\*\*|__|[*_`]/g, "");

package/dist/{chunk-QJOVZ4TC.js → chunk-QPQWY5RU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-XSVWUOUZ.js";
 import {
   layoutInlineHeader
-} from "./chunk-42UJ23H3.js";
+} from "./chunk-UIEKW4SG.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,

package/dist/{chunk-P7TRFL4P.js → chunk-R46N5KR4.js}

@@ -28,6 +28,7 @@ var WHITEBOARD_ELEMENT_KEYWORDS = [
 ];
 var WHITEBOARD_STROKE_STYLES = ["solid", "dashed"];
 var WHITEBOARD_FILLS = ["tint", "solid", "outline"];
+var WHITEBOARD_LABEL_POSITIONS = ["top", "middle"];
 var WHITEBOARD_HEADS = ["end", "both"];
 var WHITEBOARD_NOTE_WIDTH = 160;
 var WHITEBOARD_NOTE_HEIGHT = 99;
@@ -45,6 +46,7 @@ export {
   WHITEBOARD_ELEMENT_KEYWORDS,
   WHITEBOARD_STROKE_STYLES,
   WHITEBOARD_FILLS,
+  WHITEBOARD_LABEL_POSITIONS,
   WHITEBOARD_HEADS,
   WHITEBOARD_NOTE_WIDTH,
   WHITEBOARD_NOTE_HEIGHT,

package/dist/{chunk-LNVB75QU.js → chunk-RBVFNUAL.js}

@@ -13,7 +13,7 @@ import {
 import {
   parseInlineMarkdown,
   safeHref
-} from "./chunk-65GPEV5V.js";
+} from "./chunk-QKPOIJBT.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";

package/dist/{chunk-DAHQL57W.js → chunk-RITTLIDJ.js}

@@ -24,7 +24,7 @@ import {
 } from "./chunk-JILEYZ2V.js";
 import {
   renderInlineText
-} from "./chunk-65GPEV5V.js";
+} from "./chunk-QKPOIJBT.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";

package/dist/{chunk-2TFXRBCD.js → chunk-RQTDUZUH.js}

@@ -19,7 +19,7 @@ import {
 } from "./chunk-24YPR5EH.js";
 import {
   layoutInlineHeader
-} from "./chunk-42UJ23H3.js";
+} from "./chunk-UIEKW4SG.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT
@@ -43,7 +43,7 @@ import {
 } from "./chunk-IYULMRBE.js";
 import {
   renderInlineText
-} from "./chunk-65GPEV5V.js";
+} from "./chunk-QKPOIJBT.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
@@ -318,7 +318,7 @@ function renderMindmap(container, parsed, layout, palette, isDark, onClickItem,
       }
     }
     if (node.hasChildren) {
-      nodeG.attr("data-node-toggle", node.id).attr("tabindex", "0").attr("role", "button").attr(
+      nodeG.attr("data-node-toggle", node.id).attr("role", "button").attr(
         "aria-expanded",
         node.hiddenCount != null && node.hiddenCount > 0 ? "false" : "true"
       ).attr("aria-label", node.label);

package/dist/{chunk-Q7Y6JQ3R.js → chunk-S4SJ4LLY.js}

@@ -4,7 +4,7 @@ import {
 import {
   resolveNotes,
   tryCollectNote
-} from "./chunk-NJJCTEBM.js";
+} from "./chunk-KLBTJEIK.js";
 import {
   displayName,
   normalizeName

package/dist/{chunk-LUDUDBO6.js → chunk-S5Y3OO3V.js}

@@ -18,11 +18,11 @@ import {
 } from "./chunk-3DPOIW3W.js";
 import {
   wrapDescriptionLines
-} from "./chunk-MB2SQF7N.js";
+} from "./chunk-7WEYXYLC.js";
 import {
   renderInlineText,
   stripInlineMarkdown
-} from "./chunk-65GPEV5V.js";
+} from "./chunk-QKPOIJBT.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";

package/dist/{chunk-3GCASUWA.js → chunk-TASRGDYP.js}

@@ -9,7 +9,7 @@ import {
   capLabelColumn,
   computeTimeTicks,
   showFullOnHover
-} from "./chunk-VSOZZYLK.js";
+} from "./chunk-NERQSSYD.js";
 import {
   parseTimelineDate
 } from "./chunk-BQO24BDM.js";

package/dist/{chunk-5HAYT43L.js → chunk-U6VS3T2M.js}

@@ -1,12 +1,13 @@
 import {
   WHITEBOARD_COLORS,
   WHITEBOARD_ELEMENT_KEYWORDS,
+  WHITEBOARD_LABEL_POSITIONS,
   WHITEBOARD_NOTE_COLOR,
   WHITEBOARD_NOTE_HEIGHT,
   WHITEBOARD_NOTE_WIDTH,
   isWhiteboardColor,
   isWhiteboardShapeKind
-} from "./chunk-P7TRFL4P.js";
+} from "./chunk-R46N5KR4.js";
 import {
   extractPaletteDirective
 } from "./chunk-CYTFO2LF.js";
@@ -100,7 +101,7 @@ var WHITEBOARD_DIAGNOSTICS = [
     chartType: "whiteboard",
     title: "Unknown whiteboard value",
     message: (p) => `Unknown ${s(p.key)}: "${s(p.value)}" \u2014 ${s(p.fallback)} used instead (valid: ${s(p.valid)})${p.hint ? `. ${s(p.hint)}` : ""}`,
-    hint: "Shapes take `fill: solid` or `fill: outline`; arrows take `heads: both`; arrows and lines take `bend:` as a whole number.",
+    hint: "Shapes take `fill: solid` or `fill: outline`, and `label: top` or `label: middle`; arrows take `heads: both`; arrows and lines take `bend:` as a whole number.",
     example: "whiteboard\nrectangle at: 0 0, size: 100 60, fill: hatched"
   },
   {
@@ -353,8 +354,9 @@ var INK_WIDTH_RE = /^\d+(\.\d+)?$/;
 var INK_WIDTH_MAX = 200;
 var WRITTEN_STYLES = ["dashed"];
 var WRITTEN_FILLS = ["solid", "outline"];
+var labelPart = (p) => p ? { labelPosition: p } : {};
 var KEYS_BY_KIND = {
-  shape: ["at", "size", "color", "fill"],
+  shape: ["at", "size", "color", "fill", "label"],
   note: ["at", "size", "color"],
   arrow: ["from", "to", "color", "style", "heads", "bend"],
   line: ["from", "to", "color", "style", "bend"],
@@ -480,6 +482,19 @@ function parseWhiteboard(content, _palette) {
     });
     return "tint";
   };
+  const readLabelPosition = (raw, line) => {
+    if (raw === void 0) return void 0;
+    const v = raw.trim().toLowerCase();
+    if (v === "top" || v === "middle") return v;
+    warn(line, WHITEBOARD_DIAGNOSTIC_CODES.BAD_VALUE, {
+      key: "label",
+      value: raw,
+      fallback: "automatic",
+      valid: WHITEBOARD_LABEL_POSITIONS.join(", "),
+      hint: suggest(v, WHITEBOARD_LABEL_POSITIONS) ?? ""
+    });
+    return void 0;
+  };
   const readHeads = (raw, line) => {
     if (raw === void 0) return "end";
     const v = raw.trim().toLowerCase();
@@ -684,6 +699,7 @@ function parseWhiteboard(content, _palette) {
         label: joinLabel(name, body),
         color: readColor(meta.get("color"), lineNumber),
         fill: readFill(meta.get("fill"), lineNumber),
+        ...labelPart(readLabelPosition(meta.get("label"), lineNumber)),
         lineNumber
       });
       continue;

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

@@ -81,5 +81,6 @@ function layoutInlineHeader(input) {
 export {
   legendInlineSupported,
   INLINE_HEADER_PAD,
+  measureTitleWidth,
   layoutInlineHeader
 };