@diagrammo/dgmo 0.94.0 → 0.96.0

package/dist/{chunk-KBHT5XEY.js → chunk-MYHR3PMH.js}

@@ -1,15 +1,16 @@
 import {
   drawCylinderCard,
   drawQueueCard
-} from "./chunk-IHN6WDEY.js";
+} from "./chunk-4B45SNZH.js";
 import {
   CYLINDER_RY,
+  FILE_WAVE,
   QUEUE_CAP
-} from "./chunk-5KKZXA44.js";
+} from "./chunk-ZBOIYC2G.js";
 import {
   WHITEBOARD_COLORS,
   WHITEBOARD_NOTE_COLOR
-} from "./chunk-P7TRFL4P.js";
+} from "./chunk-SQBCNEJB.js";
 import {
   renderChartTitle
 } from "./chunk-6XLMTAEX.js";
@@ -18,7 +19,7 @@ import {
 } from "./chunk-VLC6WNRD.js";
 import {
   renderIntegratedLegend
-} from "./chunk-NMS5XSLX.js";
+} from "./chunk-PGD6CNWO.js";
 import {
   getMaxLegendReservedHeight
 } from "./chunk-JILEYZ2V.js";
@@ -68,6 +69,32 @@ function roundedRect(x, y, w, h, radius) {
     ...ellipse(x + w - r, y + h - r, r, r)
   ];
 }
+function whiteboardFileWave(h) {
+  return Math.max(0, Math.min(FILE_WAVE, h / 4));
+}
+var FILE_WAVE_STEPS = 16;
+function whiteboardFileWavePoints(x, y, w, h, steps = FILE_WAVE_STEPS) {
+  const wave = whiteboardFileWave(h);
+  const b = y + h - wave;
+  const xs = [x + w, x + w * 0.75, x + w * 0.25, x];
+  const ys = [b, b + 2 * wave, b - wave, b];
+  const out = [];
+  for (let i = 0; i <= steps; i++) {
+    const t = i / steps;
+    const u = 1 - t;
+    const k = [u * u * u, 3 * u * u * t, 3 * u * t * t, t * t * t];
+    out.push({
+      x: k[0] * xs[0] + k[1] * xs[1] + k[2] * xs[2] + k[3] * xs[3],
+      y: k[0] * ys[0] + k[1] * ys[1] + k[2] * ys[2] + k[3] * ys[3]
+    });
+  }
+  return out;
+}
+function whiteboardFilePath(x, y, w, h) {
+  const wave = whiteboardFileWave(h);
+  const b = y + h - wave;
+  return `M ${x} ${y} L ${x + w} ${y} L ${x + w} ${b} C ${x + w * 0.75} ${b + 2 * wave}, ${x + w * 0.25} ${b - wave}, ${x} ${b} Z`;
+}
 function piecesOf(s) {
   const { x, y, width: w, height: h } = s;
   if (s.kind === "note") {
@@ -105,6 +132,26 @@ function piecesOf(s) {
         ...ellipse(x + w - cap, cy, cap, h / 2)
       ];
     }
+    case "file": {
+      const pts = whiteboardFileWavePoints(x, y, w, h);
+      const top = Math.min(...pts.map((p) => p.y));
+      const strips = [];
+      for (let i = pts.length - 1; i > 0; i--) {
+        const a = pts[i];
+        const b = pts[i - 1];
+        if (b.x - a.x < EPS || Math.max(a.y, b.y) - top < EPS) continue;
+        strips.push({
+          kind: "poly",
+          pts: [
+            { x: a.x, y: top },
+            { x: b.x, y: top },
+            { x: b.x, y: Math.max(b.y, top) },
+            { x: a.x, y: Math.max(a.y, top) }
+          ]
+        });
+      }
+      return [...rect(x, y, x + w, top), ...strips];
+    }
   }
 }
 function halfPlanes(pts) {
@@ -132,6 +179,17 @@ function pieceContains(p, px, py) {
 function whiteboardShapeContains(shape, point) {
   return piecesOf(shape).some((p) => pieceContains(p, point.x, point.y));
 }
+function whiteboardLabelPosition(shape, elements) {
+  if (shape.labelPosition) return shape.labelPosition;
+  return shape.shape === "rectangle" && whiteboardEnclosesAny(shape, elements) ? "top" : "middle";
+}
+function whiteboardEnclosesAny(outer, elements) {
+  const x1 = outer.x + outer.width;
+  const y1 = outer.y + outer.height;
+  return elements.some(
+    (el) => el !== outer && (el.kind === "shape" || el.kind === "note" || el.kind === "image") && el.x >= outer.x && el.y >= outer.y && el.x + el.width <= x1 && el.y + el.height <= y1 && !(el.x === outer.x && el.y === outer.y && el.width === outer.width && el.height === outer.height)
+  );
+}
 function whiteboardShapeAt(point, elements) {
   for (let i = elements.length - 1; i >= 0; i--) {
     const el = elements[i];
@@ -331,9 +389,35 @@ function whiteboardSegmentMidpoint(s) {
     y: (s.y1 + 2 * s.cy + s.y2) / 4
   };
 }
+var DRAW_BAND = {
+  image: 0,
+  shape: 1,
+  note: 1,
+  arrow: 1,
+  line: 1,
+  text: 2,
+  ink: 3
+};
+function whiteboardDrawBand(el) {
+  return DRAW_BAND[el.kind];
+}
+function whiteboardDrawOrder(elements) {
+  const key = elements.map((el, i) => {
+    if (el.kind !== "arrow" && el.kind !== "line") return i;
+    const { from, to } = whiteboardConnectorAttachments(el, elements);
+    const last = Math.max(from, to);
+    return last > i ? last + 0.5 : i;
+  });
+  return elements.map((_, i) => i).sort(
+    (a, b) => DRAW_BAND[elements[a].kind] - DRAW_BAND[elements[b].kind] || key[a] - key[b] || a - b
+  );
+}
 
 // src/whiteboard/label.ts
 var WHITEBOARD_LABEL_FONT = 14;
+var WHITEBOARD_CONTAINER_FONT = 16;
+var WHITEBOARD_CONTAINER_WEIGHT = 600;
+var CONTAINER_GAP = 4;
 var WHITEBOARD_NOTE_FONT = 12;
 var WHITEBOARD_LABEL_LINE = 1.25;
 var LABEL_PAD = 8;
@@ -361,7 +445,7 @@ function whiteboardLabelHeight(box) {
     return Math.max(box.height - 2 * WHITEBOARD_NOTE_PAD, 0);
   }
   const shape = "shape" in box ? box.shape : "rectangle";
-  const inset = shape === "ellipse" ? box.height * ELLIPSE_INSET : shape === "database" ? 2 * CYLINDER_RY : 0;
+  const inset = shape === "ellipse" ? box.height * ELLIPSE_INSET : shape === "database" ? 2 * CYLINDER_RY : shape === "file" ? whiteboardFileWave(box.height) / 2 : 0;
   return Math.max(box.height - 2 * (LABEL_PAD + inset), 0);
 }
 function wrapWhiteboardLabel(label, box) {
@@ -370,20 +454,22 @@ function wrapWhiteboardLabel(label, box) {
   const font = "kind" in box && box.kind === "note" ? WHITEBOARD_NOTE_FONT : WHITEBOARD_LABEL_FONT;
   return label.split("\n").flatMap((line) => line ? wrapTextToWidth(line, font, width) : [""]);
 }
-function fitWhiteboardLabel(label, box) {
+function fitWhiteboardLabel(label, box, opts = {}) {
   const isNote = "kind" in box && box.kind === "note";
-  const full = isNote ? WHITEBOARD_NOTE_FONT : WHITEBOARD_LABEL_FONT;
+  const full = opts.font ?? (isNote ? WHITEBOARD_NOTE_FONT : WHITEBOARD_LABEL_FONT);
   const pad = isNote ? WHITEBOARD_NOTE_PAD : LABEL_PAD;
   if (!label) return { lines: [], font: full, top: pad };
+  const bold = opts.bold ?? false;
   const width = whiteboardLabelWidth(box);
-  const height = whiteboardLabelHeight(box);
+  const height = opts.height ?? whiteboardLabelHeight(box);
+  const measure = (l, font2) => measureText(l, font2, { bold });
   const wrap = (font2, hardBreak) => label.split("\n").flatMap(
-    (line) => line ? wrapTextToWidth(line, font2, width, { hardBreak }) : [""]
+    (line) => line ? wrapTextToWidth(line, font2, width, { hardBreak, bold }) : [""]
   );
   const tall = (n, font2) => n * font2 * WHITEBOARD_LABEL_LINE > height;
   for (let font2 = full; font2 >= WHITEBOARD_LABEL_MIN_FONT; font2--) {
     const lines2 = wrap(font2, false);
-    if (!tall(lines2.length, font2) && lines2.every((l) => measureText(l, font2) <= width))
+    if (!tall(lines2.length, font2) && lines2.every((l) => measure(l, font2) <= width))
       return { lines: lines2, font: font2, top: pad };
   }
   const font = WHITEBOARD_LABEL_MIN_FONT;
@@ -399,11 +485,76 @@ function fitWhiteboardLabel(label, box) {
   if (lines.length <= room) return { lines, font, top };
   const kept = lines.slice(0, room);
   let last = kept[room - 1];
-  while (last && measureText(`${last}\u2026`, font) > width)
+  while (last && measure(`${last}\u2026`, font) > width)
     last = [...last].slice(0, -1).join("");
   kept[room - 1] = `${last.trimEnd()}\u2026`;
   return { lines: kept, font, top };
 }
+function whiteboardLabelCentreY(box, position, blockHeight) {
+  if (position === "middle") return box.y + box.height / 2;
+  const innerTop = box.y + (box.height - whiteboardLabelHeight(box)) / 2;
+  return innerTop + blockHeight / 2;
+}
+function whiteboardShapeLabel(el, elements, text = el.label) {
+  const block = (n, font2) => n * font2 * WHITEBOARD_LABEL_LINE;
+  const top = whiteboardLabelPosition(el, elements) === "top";
+  const inset = (el.height - whiteboardLabelHeight(el)) / 2;
+  const innerTop = el.y + inset;
+  const innerBottom = el.y + el.height - inset;
+  const spans = [];
+  for (const o of elements) {
+    if (o === el) continue;
+    if (o.kind !== "shape" && o.kind !== "note" && o.kind !== "image") continue;
+    const ox1 = o.x + o.width;
+    const oy1 = o.y + o.height;
+    const overlaps = o.x < el.x + el.width && ox1 > el.x && o.y < el.y + el.height && oy1 > el.y;
+    const encloses = o.x <= el.x && o.y <= el.y && ox1 >= el.x + el.width && oy1 >= el.y + el.height;
+    if (overlaps && !encloses)
+      spans.push([o.y - CONTAINER_GAP, oy1 + CONTAINER_GAP]);
+  }
+  spans.sort((a, b) => a[0] - b[0]);
+  const strips = [];
+  let from = innerTop;
+  for (const [y0, y1] of spans) {
+    if (y0 > from) strips.push([from, Math.min(y0, innerBottom)]);
+    from = Math.max(from, y1);
+  }
+  if (from < innerBottom) strips.push([from, innerBottom]);
+  const floorLine = block(1, WHITEBOARD_LABEL_MIN_FONT);
+  const roomy = strips.filter(([a, b]) => b - a >= floorLine);
+  const font = top ? WHITEBOARD_CONTAINER_FONT : WHITEBOARD_LABEL_FONT;
+  const opts = top ? { font, bold: true } : {};
+  const into = ([a, b], centre) => {
+    const fit2 = fitWhiteboardLabel(text, el, { ...opts, height: b - a });
+    const h = block(fit2.lines.length, fit2.font);
+    const cy = Math.min(Math.max(centre, a + h / 2), b - h / 2);
+    return { lines: fit2.lines, font: fit2.font, bold: top, cy, onEdge: false };
+  };
+  if (top) {
+    const first = roomy[0];
+    if (first?.[0] === innerTop) return into(first, -Infinity);
+    const last = roomy.at(-1);
+    if (last?.[1] === innerBottom) return into(last, Infinity);
+  } else {
+    const mid = el.y + el.height / 2;
+    const strip = roomy.find(([a, b]) => a <= mid && mid <= b) ?? roomy.reduce(
+      (best, s) => !best || s[1] - s[0] > best[1] - best[0] ? s : best,
+      void 0
+    );
+    if (strip) return into(strip, mid);
+  }
+  const fit = fitWhiteboardLabel(text.replace(/\n/g, " "), el, {
+    ...opts,
+    height: block(1, font)
+  });
+  return {
+    lines: fit.lines.slice(0, 1),
+    font: fit.font,
+    bold: top,
+    cy: el.y,
+    onEdge: true
+  };
+}
 
 // src/whiteboard/renderer.ts
 function visibleWhiteboardIndices(parsed, options = {}) {
@@ -477,8 +628,8 @@ var SAFE_IMAGE_HREF_RE = /^(https?:|blob:|data:image\/)/i;
 function labelLines(label) {
   return label.split("\n");
 }
-function widest(lines, font) {
-  return Math.max(0, ...lines.map((l) => measureText(l, font)));
+function widest(lines, font, bold = false) {
+  return Math.max(0, ...lines.map((l) => measureText(l, font, { bold })));
 }
 function grow(b, x0, y0, x1, y1) {
   b.minX = Math.min(b.minX, x0, x1);
@@ -498,7 +649,7 @@ function whiteboardBounds(parsed, options = {}) {
     maxY: -Infinity
   };
   const elements = visibleWhiteboardElements(parsed, options);
-  const labelAt = placeConnectorLabels(elements);
+  const labelAt = placeConnectorLabels(elements, parsed.elements);
   for (const el of elements) {
     switch (el.kind) {
       case "shape":
@@ -590,7 +741,7 @@ function connectorLabelBox(lines, x, y) {
   const hh = lines.length * WHITEBOARD_LABEL_FONT * WHITEBOARD_LABEL_LINE / 2 + LABEL_CLEAR;
   return { x0: x - hw, y0: y - hh, x1: x + hw, y1: y + hh };
 }
-function authoredTextBoxes(elements) {
+function authoredTextBoxes(elements, all) {
   const boxes = [];
   for (const el of elements) {
     if (el.kind === "text") {
@@ -609,20 +760,19 @@ function authoredTextBoxes(elements) {
         y1: el.y + Math.max(el.height, noteTextHeight(el))
       });
     } else if (el.kind === "shape" && el.label) {
-      const { lines, font } = fitWhiteboardLabel(el.label, el);
+      const { lines, font, bold, cy } = whiteboardShapeLabel(el, all);
       if (lines.length === 0) continue;
       const cx = el.x + el.width / 2 + whiteboardLabelShift(el);
-      const cy = el.y + el.height / 2;
-      const hw = widest(lines, font) / 2;
       const hh = lines.length * font * WHITEBOARD_LABEL_LINE / 2;
+      const hw = widest(lines, font, bold) / 2;
       boxes.push({ x0: cx - hw, y0: cy - hh, x1: cx + hw, y1: cy + hh });
     }
   }
   return boxes;
 }
-function placeConnectorLabels(elements) {
+function placeConnectorLabels(elements, all) {
   const placed = /* @__PURE__ */ new Map();
-  const taken = authoredTextBoxes(elements);
+  const taken = authoredTextBoxes(elements, all);
   for (const el of elements) {
     if (el.kind !== "arrow" && el.kind !== "line" || !el.label) continue;
     const lines = labelLines(el.label);
@@ -739,7 +889,7 @@ function renderWhiteboard(container, parsed, palette, isDark, options = {}) {
   const titleOffset = showTitle ? TITLE_BAND : 0;
   const elements = visibleWhiteboardElements(parsed, options);
   const b = whiteboardBounds(parsed, options);
-  const labelAt = placeConnectorLabels(elements);
+  const labelAt = placeConnectorLabels(elements, parsed.elements);
   const contentW = b.maxX - b.minX;
   const contentH = b.maxY - b.minY;
   const titleW = showTitle ? measureText(parsed.title, TITLE_FONT_SIZE, { bold: true }) : 0;
@@ -783,11 +933,16 @@ function renderWhiteboard(container, parsed, palette, isDark, options = {}) {
   }
   const canvas = svg.append("g").attr("class", "whiteboard-canvas").attr("transform", `translate(${round2(tx)},${round2(ty)})`);
   const halo = palette.bg;
-  const centredLabel = (g, { lines, font }, cx, cy, color, ground) => {
+  const centredLabel = (g, {
+    lines,
+    font,
+    bold
+  }, cx, cy, color, ground) => {
     if (lines.length === 0) return;
     const lh = font * WHITEBOARD_LABEL_LINE;
     const top = cy - lines.length * lh / 2 + lh * BASELINE;
     const t = g.append("text").attr("class", "whiteboard-label").attr("text-anchor", "middle").attr("font-size", font).attr("fill", color).attr("stroke", ground).attr("stroke-width", LABEL_HALO).attr("stroke-linejoin", "round").attr("paint-order", "stroke");
+    if (bold) t.attr("font-weight", WHITEBOARD_CONTAINER_WEIGHT);
     appendLines(t, lines, cx, top, lh);
   };
   const drawImage = (g, el) => {
@@ -820,6 +975,8 @@ function renderWhiteboard(container, parsed, palette, isDark, options = {}) {
           g.append("rect").attr("x", el.x).attr("y", el.y).attr("width", el.width).attr("height", el.height).attr("rx", Math.min(RECT_RADIUS, el.width / 2, el.height / 2)).attr("fill", fill).attr("stroke", stroke).attr("stroke-width", SHAPE_STROKE);
         } else if (el.shape === "ellipse") {
           g.append("ellipse").attr("cx", cx).attr("cy", cy).attr("rx", el.width / 2).attr("ry", el.height / 2).attr("fill", fill).attr("stroke", stroke).attr("stroke-width", SHAPE_STROKE);
+        } else if (el.shape === "file") {
+          g.append("path").attr("d", whiteboardFilePath(el.x, el.y, el.width, el.height)).attr("fill", fill).attr("stroke", stroke).attr("stroke-width", SHAPE_STROKE);
         } else {
           const inner = g.append("g").attr("transform", `translate(${round2(cx)},${round2(cy)})`);
           if (el.shape === "database") {
@@ -828,13 +985,14 @@ function renderWhiteboard(container, parsed, palette, isDark, options = {}) {
             drawQueueCard(inner, el.width, el.height, fill, stroke);
           }
         }
+        const label = whiteboardShapeLabel(el, parsed.elements);
         centredLabel(
           g,
-          fitWhiteboardLabel(el.label, el),
+          label,
           cx + whiteboardLabelShift(el),
-          cy,
+          label.cy,
           labelColor,
-          fill === "none" ? halo : fill
+          label.onEdge || fill === "none" ? halo : fill
         );
         break;
       }
@@ -926,17 +1084,8 @@ function renderWhiteboard(container, parsed, palette, isDark, options = {}) {
   };
   for (const el of inDrawOrder(elements)) drawElement(el);
 }
-var DRAW_BAND = {
-  image: 0,
-  shape: 1,
-  note: 2,
-  arrow: 3,
-  line: 3,
-  text: 4,
-  ink: 5
-};
 function inDrawOrder(elements) {
-  return elements.map((el, i) => ({ el, i })).sort((a, b) => DRAW_BAND[a.el.kind] - DRAW_BAND[b.el.kind] || a.i - b.i).map(({ el }) => el);
+  return whiteboardDrawOrder(elements).map((i) => elements[i]);
 }
 function appendLines(t, lines, x, firstY, lh) {
   lines.forEach((ln, i) => {
@@ -950,13 +1099,21 @@ function round2(n) {
 
 export {
   whiteboardNoteFold,
+  whiteboardFileWave,
+  whiteboardFileWavePoints,
+  whiteboardFilePath,
   whiteboardShapeContains,
+  whiteboardLabelPosition,
   whiteboardShapeAt,
   whiteboardConnectorAttachments,
   clipWhiteboardConnector,
   whiteboardBendHandle,
   whiteboardBendFor,
   whiteboardSegmentMidpoint,
+  whiteboardDrawBand,
+  whiteboardDrawOrder,
+  WHITEBOARD_CONTAINER_FONT,
+  WHITEBOARD_CONTAINER_WEIGHT,
   WHITEBOARD_NOTE_FONT,
   WHITEBOARD_LABEL_MIN_FONT,
   whiteboardLabelWidth,
@@ -964,6 +1121,8 @@ export {
   whiteboardLabelHeight,
   wrapWhiteboardLabel,
   fitWhiteboardLabel,
+  whiteboardLabelCentreY,
+  whiteboardShapeLabel,
   visibleWhiteboardIndices,
   visibleWhiteboardElements,
   IMAGE_NOT_UPLOADED,

package/dist/{chunk-NBAAIRFP.js → chunk-NI4L6HEU.js}

@@ -10,6 +10,9 @@ import {
 
 // src/pert/layout.ts
 import dagre from "@dagrejs/dagre";
+function layoutInPlace(g) {
+  dagre.layout(g);
+}
 var DEFAULT_NODE_HEIGHT = 90;
 var MILESTONE_NODE_HEIGHT = DEFAULT_NODE_HEIGHT;
 var COLLAPSED_GROUP_HEIGHT = 90;
@@ -185,7 +188,7 @@ function relayoutPert(resolved, overrides, collapsedGroupIds = /* @__PURE__ */ n
     seenEdges.add(k);
     g.setEdge(src, tgt, {});
   }
-  dagre.layout(g);
+  layoutInPlace(g);
   const swimApplied = applySwimLanes(
     g,
     resolved,

package/dist/{chunk-A2A2I4Z4.js → chunk-O2HNVNKO.js}

@@ -9,10 +9,10 @@ import {
   injectDefaultTagMetadata,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-LGUFJ7Y2.js";
 import {
   legendSuppressed
-} from "./chunk-TIIZIAGS.js";
+} from "./chunk-FUYEXLAN.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,

package/dist/{chunk-2XMTZ5JR.js → chunk-OAZ6BIIB.js}

@@ -4,7 +4,7 @@ import {
 import {
   resolveNotes,
   tryCollectNote
-} from "./chunk-7SXV7NUS.js";
+} from "./chunk-HH3DHNQA.js";
 import {
   normalizeName
 } from "./chunk-NOTA6TEI.js";
@@ -18,7 +18,7 @@ import {
   tagAttrKey,
   validateTagGroupNames,
   validateTagValues
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-LGUFJ7Y2.js";
 import {
   AliasRegistry,
   BOXES_AND_LINES_REGISTRY,
@@ -31,7 +31,7 @@ import {
   tryParseSharedOption,
   warnUnknownMetaKeys,
   withTagAliases
-} from "./chunk-TIIZIAGS.js";
+} from "./chunk-FUYEXLAN.js";
 import {
   makeDgmoError,
   suggest

package/dist/{chunk-IZHGT5HD.js → chunk-OO4GUE4E.js}

@@ -10,7 +10,7 @@ import {
 import {
   INLINE_HEADER_PAD,
   layoutInlineHeader
-} from "./chunk-UIEKW4SG.js";
+} from "./chunk-R5L5E3TC.js";
 import {
   TITLE_FONT_SIZE,
   TITLE_FONT_WEIGHT,
@@ -25,7 +25,7 @@ import {
   keepSwimlaneToggleFocus,
   renderIntegratedLegend,
   wireSwimlaneToggle
-} from "./chunk-NMS5XSLX.js";
+} from "./chunk-PGD6CNWO.js";
 import {
   controlsGroupCapsuleWidth,
   getLegendExtent,
@@ -42,7 +42,7 @@ import {
   resolveActiveTagGroup,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-LGUFJ7Y2.js";
 import {
   LEGEND_CAPSULE_PAD,
   LEGEND_DOT_R,

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

@@ -1,10 +1,10 @@
-import {
-  computeNodeSizing,
-  layoutPert
-} from "./chunk-NBAAIRFP.js";
 import {
   analyzePert
 } from "./chunk-FOTH2WWP.js";
+import {
+  computeNodeSizing,
+  layoutPert
+} from "./chunk-NI4L6HEU.js";
 import {
   serializeSvg
 } from "./chunk-CYRB2JTN.js";
@@ -14,7 +14,7 @@ import {
 import {
   INLINE_HEADER_PAD,
   layoutInlineHeader
-} from "./chunk-UIEKW4SG.js";
+} from "./chunk-R5L5E3TC.js";
 import {
   CAPTION_BOX_PADDING_X,
   CAPTION_BOX_PADDING_Y,
@@ -43,13 +43,13 @@ import {
 } from "./chunk-XCKNFFKM.js";
 import {
   renderIntegratedLegend
-} from "./chunk-NMS5XSLX.js";
+} from "./chunk-PGD6CNWO.js";
 import {
   getLegendExtent
 } from "./chunk-JILEYZ2V.js";
 import {
   parsePert
-} from "./chunk-CDM6XMOT.js";
+} from "./chunk-34JOHSVE.js";
 import {
   addCalendarDays,
   formatDuration,
@@ -66,7 +66,7 @@ import {
   resolveGroupTagColor,
   resolveTagColor,
   tagAttrKey
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-LGUFJ7Y2.js";
 import {
   LEGEND_HEIGHT
 } from "./chunk-UOCWYLYT.js";

package/dist/{chunk-H6BT45SN.js → chunk-P2GNNEMN.js}

@@ -13,7 +13,7 @@ import {
   normalizeNumericToken,
   parseFirstLine,
   parseSeriesNames
-} from "./chunk-TIIZIAGS.js";
+} from "./chunk-FUYEXLAN.js";
 import {
   RECOGNIZED_COLOR_NAMES,
   resolveColorWithDiagnostic

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

@@ -1,22 +1,23 @@
 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-SQBCNEJB.js";
 import {
   extractPaletteDirective
 } from "./chunk-CYTFO2LF.js";
 import {
   matchTagBlockHeading
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-LGUFJ7Y2.js";
 import {
   parseFirstLine,
   recognizeGlobalBoolean
-} from "./chunk-TIIZIAGS.js";
+} from "./chunk-FUYEXLAN.js";
 import {
   makeDgmoError,
   makeFail,
@@ -45,7 +46,7 @@ var WHITEBOARD_DIAGNOSTICS = [
     severity: "warning",
     chartType: "whiteboard",
     title: "Unknown whiteboard element",
-    message: (p) => `Unknown element "${s(p.word)}" \u2014 a whiteboard line starts with rectangle, ellipse, database, queue, note, arrow, line, text, image or ink; line skipped${p.hint ? `. ${s(p.hint)}` : ""}`,
+    message: (p) => `Unknown element "${s(p.word)}" \u2014 a whiteboard line starts with rectangle, ellipse, database, queue, file, note, arrow, line, text, image or ink; line skipped${p.hint ? `. ${s(p.hint)}` : ""}`,
     hint: "Start the line with one of the ten element keywords.",
     example: "whiteboard\nsquare Start at: 0 0, size: 120 60"
   },
@@ -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-HHVIE45A.js → chunk-P6LKX3IQ.js}

@@ -3,13 +3,13 @@ import {
   mapLegendConfig,
   mapLegendGroups,
   parsePathRings
-} from "./chunk-AM42TLSZ.js";
+} from "./chunk-EMGNCG5C.js";
 import {
   buildSwatches
 } from "./chunk-T7NWBVSC.js";
 import {
   parseClock
-} from "./chunk-NXU4N5WT.js";
+} from "./chunk-EZ6BI5LL.js";
 import {
   fixedParts,
   fixedTimeCells,
@@ -25,13 +25,13 @@ import {
 } from "./chunk-VLC6WNRD.js";
 import {
   renderIntegratedLegend
-} from "./chunk-NMS5XSLX.js";
+} from "./chunk-PGD6CNWO.js";
 import {
   FONT_FAMILY
 } from "./chunk-ICLB27PZ.js";
 import {
   tagAttrKey
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-LGUFJ7Y2.js";
 import {
   measureText
 } from "./chunk-KAO7JL4I.js";

package/dist/{chunk-NMS5XSLX.js → chunk-PGD6CNWO.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ICLB27PZ.js";
 import {
   tagAttrKey
-} from "./chunk-4SACN2C5.js";
+} from "./chunk-LGUFJ7Y2.js";
 import {
   CONTROLS_ICON_PATH,
   LEGEND_DOT_R,