@weasel-js/diagram-formats 1.13.0 → 1.14.0

package/dist/index.js

@@ -1,5 +1,5 @@
+import { placedPagesOf, scenePoseAdapter, layoutPages, PAGES_DOC_KEY, documentOf, isAnnotationLayer, boundsOfPath, layoutTextPose, warmRender, renderSceneToPixels, planPixelRender, viewToMat3, createRasterSession, pageHolding, effectivePose, derivedDepOf, IDENTITY_POSE_COMPOSITION, pageName, composeWorldPose, derivedPartsOf, INHERIT, resolvePartPaint, createScene, mat3 } from '@weasel-js/core';
 import { diagramThemeFrom, DIAGRAM_THEME_KEY, diagramLabelOf, offPageSplits, diagramScene, themeDocValue, diagramShape, markShape, documentBoundsOf, dataNodeStyle, dataEdgeStyle, diagramEdgeOf, diagramContainerOf, NODE_STROKE_WIDTH, dataRegionStyle, poolAxisOf, titleIdOf, layoutOwnsRoute, EDGE_STROKE_WIDTH, diagramThemeOf, edgeIdOf, layoutOwnsPort, DEFAULT_PORTS, LANE_STROKE_WIDTH } from '@weasel-js/diagram';
-import { placedPagesOf, layoutPages, PAGES_DOC_KEY, documentOf, isAnnotationLayer, boundsOfPath, layoutTextPose, warmRender, renderSceneToPixels, planPixelRender, viewToMat3, createRasterSession, pageHolding, effectivePose, derivedDepOf, pageName, derivedPartsOf, INHERIT, resolvePartPaint, createScene, mat3 } from '@weasel-js/core';
 import { svgNodesFromKit, svgLeafFromKit, warmSvg, serializeSvg, escapeAttr, svgPaintFromKit, svgStrokeFromKit } from '@weasel-js/svg';
 import { writePdf, registryFontSource } from '@weasel-js/pdf';
 
@@ -65,6 +65,7 @@ function laidOutPage(page, opts) {
   const specs = diagramScene(pinned, {
     layout: "layered",
     theme: opts.theme,
+    composition: IDENTITY_POSE_COMPOSITION,
     ...opts.measure ? { measure: opts.measure } : {},
     ...page.direction ? { layoutOptions: { direction: page.direction } } : {}
   });
@@ -479,23 +480,47 @@ var OUTLINES = {
   ellipse: "ellipse",
   oval: "ellipse",
   circle: "ellipse",
-  doublecircle: "ellipse",
+  doublecircle: "doubleEllipse",
   point: "ellipse",
   diamond: "diamond",
   hexagon: "hexagon",
   parallelogram: "parallelogram",
-  trapezium: "trapezoid"
+  trapezium: "trapezoid",
+  cylinder: "cylinder",
+  note: "note",
+  folder: "folder",
+  tab: "folder",
+  octagon: "octagon",
+  triangle: "triangle",
+  box3d: "cube"
 };
+var OUTLINE_ATTR = "weasel_outline";
+var SHAPE_NAMES = {
+  stadium: { shape: "box", rounded: true, marked: true },
+  roundRect: { shape: "box", rounded: true },
+  trapezoid: { shape: "trapezium" },
+  cube: { shape: "box3d" },
+  doubleEllipse: { shape: "doublecircle" }
+};
+var SAME_NAMES = /* @__PURE__ */ new Set([
+  "diamond",
+  "ellipse",
+  "hexagon",
+  "parallelogram",
+  "cylinder",
+  "note",
+  "folder",
+  "octagon",
+  "triangle"
+]);
 function outlineOf(shape, styles) {
   const outline = OUTLINES[shape.toLowerCase()];
   if (outline === void 0) return null;
-  return outline === "rect" && styles.includes("rounded") ? "stadium" : outline;
+  return outline === "rect" && styles.includes("rounded") ? "roundRect" : outline;
 }
 function shapeOf(outline) {
   if (outline === void 0 || typeof outline !== "string" || outline === "rect") return { shape: "box" };
-  if (outline === "stadium") return { shape: "box", rounded: true };
-  if (outline === "trapezoid") return { shape: "trapezium" };
-  return { shape: outline };
+  return SHAPE_NAMES[outline] ?? (SAME_NAMES.has(outline) ? { shape: outline } : { shape: "box", missing: true, marked: true });
 }
 var ARROWS = {
   normal: "arrow",
@@ -509,8 +534,13 @@ var ARROWS = {
   obox: "square",
   tee: "bar",
   empty: "arrow-open",
-  onormal: "arrow-open",
-  vee: "arrow-concave"
+  onormal: "triangle-hollow",
+  vee: "arrow-concave",
+  crow: "crow-many",
+  teetee: "crow-one",
+  teeodot: "crow-zero-one",
+  crowtee: "crow-one-many",
+  crowodot: "crow-zero-many"
 };
 var ARROW_NAMES = {
   arrow: "normal",
@@ -520,7 +550,13 @@ var ARROW_NAMES = {
   "diamond-hollow": "odiamond",
   circle: "dot",
   square: "box",
-  bar: "tee"
+  bar: "tee",
+  "triangle-hollow": "onormal",
+  "crow-many": "crow",
+  "crow-one": "teetee",
+  "crow-zero-one": "teeodot",
+  "crow-one-many": "crowtee",
+  "crow-zero-many": "crowodot"
 };
 var markerOf = (name) => ARROWS[name.toLowerCase()];
 function arrowName(marker2) {
@@ -538,7 +574,7 @@ var READ = {
   root: /* @__PURE__ */ new Set(["rankdir", "label", "bb"]),
   cluster: /* @__PURE__ */ new Set(["label", "style", "color", "fillcolor", "bgcolor", "pencolor", "fontcolor"]),
   plain: /* @__PURE__ */ new Set(),
-  node: /* @__PURE__ */ new Set(["label", "shape", "style", "color", "fillcolor", "fontcolor", "penwidth", "width", "height", "pos"]),
+  node: /* @__PURE__ */ new Set([OUTLINE_ATTR, "label", "shape", "style", "color", "fillcolor", "fontcolor", "penwidth", "width", "height", "pos"]),
   edge: /* @__PURE__ */ new Set(["label", "color", "fontcolor", "penwidth", "style", "dir", "arrowhead", "arrowtail", "tailport", "headport"])
 };
 var DIRECTIONS = { TB: "down", BT: "up", LR: "right", RL: "left" };
@@ -632,7 +668,7 @@ function nodeColors(attrs2, styles) {
 function readNode(r, id, attrs2) {
   const styles = stylesOf(str(attrs2, "style"));
   const shape = str(attrs2, "shape") ?? "ellipse";
-  let outline = outlineOf(shape, styles);
+  let outline = str(attrs2, OUTLINE_ATTR) ?? outlineOf(shape, styles);
   if (outline === null) {
     r.warnings.list("DOT shapes read as rectangles", shape);
     outline = "rect";
@@ -770,16 +806,23 @@ function readDot(text) {
   });
   return { document: { pages: [page] }, warnings: r.warnings.all() };
 }
-function nodeLines(node, warnings, format) {
+
+// src/rowLines.ts
+function rowLines(node, dropped) {
   if (node.rows === void 0) return [...node.lines ?? []];
   const lines = [];
   for (const row of node.rows) {
     if (row.kind === "label") lines.push(row.text);
     else if (row.kind === "field") lines.push(`${row.label}: ${row.value}`);
-    else warnings.add(`${format} holds only text in a shape; its port rows and slots were dropped.`);
+    else if (row.kind !== "divider") dropped();
   }
   return lines;
 }
+
+// src/graphWrite.ts
+function nodeLines(node, warnings, format) {
+  return rowLines(node, () => warnings.add(`${format} holds only text in a shape; its port rows and slots were dropped.`));
+}
 function clusterTree(page, theme, warnings, format) {
   const parent = /* @__PURE__ */ new Map();
   const claim2 = (member, owner) => {
@@ -872,7 +915,8 @@ var attrList = (attrs2) => {
 var color = (key, value) => value === void 0 ? null : `${key}="${hexColor(value)}"`;
 var num = (n) => String(Math.round(n * 1e4) / 1e4);
 function nodeAttrs(out, node, placed) {
-  const { shape, rounded } = shapeOf(node.outline);
+  const { shape, rounded, missing, marked } = shapeOf(node.outline);
+  if (missing) out.warnings.add("DOT has no shape for some outlines; they were written as boxes.");
   const own = changed(nodeStyleIn(out, node), nodeStyleIn(out));
   const styles = [rounded ? "rounded" : null, "filled", own.dash !== void 0 ? "dashed" : null].filter((s) => s !== null);
   const page = out.page.height;
@@ -880,6 +924,7 @@ function nodeAttrs(out, node, placed) {
     `label=${quoteLabel(nodeLines(node, out.warnings, "DOT"))}`,
     shape !== "box" ? `shape=${shape}` : null,
     styles.length > 1 ? `style="${styles.join(",")}"` : null,
+    marked ? `${OUTLINE_ATTR}=${dotId(node.outline)}` : null,
     color("fillcolor", own.fill),
     color("color", own.stroke),
     color("fontcolor", own.text),
@@ -1208,6 +1253,10 @@ function cellLines(value, html) {
 
 // src/drawXml/mapping.ts
 var STADIUM_ARC = 50;
+var LABEL_BELOW = [["verticalLabelPosition", "bottom"], ["verticalAlign", "top"]];
+var event = (outline) => [["shape", "mxgraph.bpmn.event"], ["outline", outline], ["symbol", "general"], ...LABEL_BELOW];
+var gateway = (...parts) => [["shape", "mxgraph.bpmn.gateway2"], ...parts, ...LABEL_BELOW];
+var device = (name) => [["shape", `mxgraph.networks.${name}`], ...LABEL_BELOW];
 var SHAPES = [
   { name: "rhombus", outline: "diamond", write: ["rhombus"] },
   { name: "ellipse", outline: "ellipse", write: ["ellipse"] },
@@ -1217,22 +1266,72 @@ var SHAPES = [
     name: "trapezoid",
     outline: "trapezoid",
     write: [["shape", "trapezoid"], ["perimeter", "trapezoidPerimeter"], ["direction", "north"], ["size", 0.25]]
-  }
+  },
+  { name: "cylinder3", outline: "cylinder", write: [["shape", "cylinder3"], ["boundedLbl", 1], ["backgroundOutline", 1], ["size", 15]] },
+  { name: "document", outline: "document", write: [["shape", "document"], ["boundedLbl", 1]] },
+  { name: "note", outline: "note", write: [["shape", "note"], ["size", 20]] },
+  { name: "cloud", outline: "cloud", write: ["ellipse", ["shape", "cloud"]] },
+  { name: "triangle", outline: "triangle", write: ["triangle", ["direction", "north"]] },
+  { name: "cube", outline: "cube", write: [["shape", "cube"], ["boundedLbl", 1], ["flipH", 1]] },
+  { name: "folder", outline: "folder", write: [["shape", "folder"], ["tabPosition", "left"]] },
+  { name: "umlActor", outline: "actor", write: [["shape", "umlActor"], ["verticalLabelPosition", "bottom"], ["verticalAlign", "top"]] },
+  { name: "doubleEllipse", outline: "doubleEllipse", write: ["ellipse", ["shape", "doubleEllipse"]] },
+  { name: "mxgraph.bpmn.event", when: ["outline", "standard"], outline: "event", write: event("standard") },
+  { name: "mxgraph.bpmn.event", when: ["outline", "catching"], outline: "intermediateEvent", write: event("catching") },
+  { name: "mxgraph.bpmn.event", when: ["outline", "throwing"], outline: "intermediateEvent" },
+  { name: "mxgraph.bpmn.event", outline: "event" },
+  // As draw.io's own BPMN palette (Sidebar-BPMN.js) writes them: only exclusive, parallel and complex are a `gwType`;
+  // the default, `event`, draws the event `outline` and `symbol` name inside the diamond.
+  { name: "mxgraph.bpmn.gateway2", when: ["gwType", "exclusive"], outline: "exclusiveGateway", write: gateway(["outline", "none"], ["symbol", "none"], ["gwType", "exclusive"]) },
+  { name: "mxgraph.bpmn.gateway2", when: ["gwType", "parallel"], outline: "parallelGateway", write: gateway(["outline", "none"], ["symbol", "none"], ["gwType", "parallel"]) },
+  { name: "mxgraph.bpmn.gateway2", when: ["gwType", "complex"], outline: "diamond" },
+  { name: "mxgraph.bpmn.gateway2", when: ["outline", "end"], outline: "inclusiveGateway", write: gateway(["outline", "end"], ["symbol", "general"]) },
+  { name: "mxgraph.bpmn.gateway2", when: ["outline", "catching"], outline: "eventGateway", write: gateway(["outline", "catching"], ["symbol", "multiple"]) },
+  // What this package wrote before 2026-10-27, which draw.io draws as a bare diamond.
+  { name: "mxgraph.bpmn.gateway2", when: ["gwType", "inclusive"], outline: "inclusiveGateway" },
+  { name: "mxgraph.bpmn.gateway2", when: ["gwType", "eventBased"], outline: "eventGateway" },
+  { name: "mxgraph.bpmn.gateway2", outline: "diamond" },
+  {
+    name: "mxgraph.bpmn.task",
+    when: ["isLoopSub", "1"],
+    outline: "subprocess",
+    write: [["shape", "mxgraph.bpmn.task"], ["taskMarker", "abstract"], ["isLoopSub", 1], ["rounded", 1]]
+  },
+  { name: "mxgraph.networks.server", outline: "server", write: device("server") },
+  { name: "mxgraph.networks.router", outline: "router", write: device("router") },
+  { name: "mxgraph.networks.switch", outline: "switch", write: device("switch") },
+  { name: "mxgraph.networks.firewall", outline: "firewall", write: device("firewall") },
+  { name: "mxgraph.networks.laptop", outline: "laptop", write: device("laptop") },
+  { name: "mxgraph.networks.pc", outline: "desktop", write: device("pc") },
+  { name: "mxgraph.networks.mobile", outline: "phone", write: device("mobile") },
+  { name: "mxgraph.networks.printer", outline: "printer", write: device("printer") },
+  { name: "mxgraph.networks.user_male", outline: "user", write: device("user_male") },
+  // mxgraph.networks has no globe; this is the Office set's.
+  { name: "mxgraph.office.concepts.globe_internet", outline: "globe", write: [["shape", "mxgraph.office.concepts.globe_internet"], ...LABEL_BELOW] }
 ];
+function shapeEntry(name, value) {
+  return SHAPES.find((s) => s.name === name && (s.when === void 0 || value(s.when[0]) === s.when[1]));
+}
 var BOX_NAMES = /* @__PURE__ */ new Set(["rect", "rectangle", "text", "label"]);
 var ORTHOGONAL_EDGE_STYLES = /* @__PURE__ */ new Set(["orthogonalEdgeStyle", "elbowEdgeStyle", "entityRelationEdgeStyle"]);
 var MARKERS_READ = {
   classic: { filled: "arrow" },
   classicThin: { filled: "arrow" },
-  block: { filled: "arrow", hollow: "arrow-open" },
-  blockThin: { filled: "arrow", hollow: "arrow-open" },
+  block: { filled: "arrow", hollow: "triangle-hollow" },
+  blockThin: { filled: "arrow", hollow: "triangle-hollow" },
   open: { filled: "arrow-open" },
   openThin: { filled: "arrow-open" },
   diamond: { filled: "diamond", hollow: "diamond-hollow" },
   diamondThin: { filled: "diamond", hollow: "diamond-hollow" },
   oval: { filled: "circle" },
   box: { filled: "square" },
-  dash: { filled: "bar" }
+  dash: { filled: "bar" },
+  ERone: { filled: "bar" },
+  ERmandOne: { filled: "crow-one" },
+  ERmany: { filled: "crow-many" },
+  ERzeroToOne: { filled: "crow-zero-one" },
+  ERoneToMany: { filled: "crow-one-many" },
+  ERzeroToMany: { filled: "crow-zero-many" }
 };
 function markerOf2(name, fill) {
   if (name === "none" || name === "") return null;
@@ -1248,7 +1347,13 @@ var MARKERS_WRITE = {
   "diamond-hollow": ["diamond", 0],
   "circle": ["oval", 1],
   "square": ["box", 1],
-  "bar": ["dash", 1]
+  "bar": ["dash", 1],
+  "triangle-hollow": ["block", 0],
+  "crow-one": ["ERmandOne", 0],
+  "crow-many": ["ERmany", 0],
+  "crow-zero-one": ["ERzeroToOne", 0],
+  "crow-one-many": ["ERoneToMany", 0],
+  "crow-zero-many": ["ERzeroToMany", 0]
 };
 function markerStyle(marker2) {
   if (marker2 === null || marker2 === void 0) return ["none", 1];
@@ -1258,9 +1363,9 @@ function markerStyle(marker2) {
 // src/drawXml/readStyle.ts
 function outlineOf2(style, warn) {
   const shape = shapeOf2(style);
-  const known = SHAPES.find((s) => s.name === shape);
+  const known = shapeEntry(shape, (key) => style.values.get(key));
   if (known !== void 0) return known.outline;
-  if (styleFlag(style, "rounded") && (styleNumber(style, "arcSize") ?? 0) >= STADIUM_ARC) return "stadium";
+  if (styleFlag(style, "rounded")) return (styleNumber(style, "arcSize") ?? 0) >= STADIUM_ARC ? "stadium" : "roundRect";
   if (shape !== void 0 && !BOX_NAMES.has(shape)) warn(`Shapes of kind "${shape}" were drawn as rects.`);
   return "rect";
 }
@@ -1295,13 +1400,19 @@ function textOf(cell) {
   const style = defined({
     fontSize: styleNumber(cell.style, "fontSize"),
     fontFamily: cell.style.values.get("fontFamily") || void 0,
-    bold: fontStyle !== void 0 && (fontStyle & 1) === 1 ? true : void 0
+    bold: fontStyle !== void 0 && (fontStyle & 1) === 1 ? true : void 0,
+    italic: fontStyle !== void 0 && (fontStyle & 2) === 2 ? true : void 0
   });
   if (style === void 0) return { lines };
   return { rows: lines.map((text) => ({ kind: "label", text, style })) };
 }
 var VERTICAL = { top: "top", middle: "center", bottom: "bottom" };
-var verticalAlignOf = (style) => VERTICAL[style.values.get("verticalAlign") ?? ""];
+function verticalAlignOf(style) {
+  const raw = style.values.get("verticalAlign") ?? "";
+  const own = shapeEntry(shapeOf2(style), (key) => style.values.get(key))?.write;
+  if (own?.some((part) => Array.isArray(part) && part[0] === "verticalAlign" && part[1] === raw)) return void 0;
+  return VERTICAL[raw];
+}
 function routerOf(style) {
   if (styleFlag(style, "curved")) return "bezier";
   return ORTHOGONAL_EDGE_STYLES.has(style.values.get("edgeStyle") ?? "") ? "orthogonal" : "straight";
@@ -1579,25 +1690,24 @@ function colorParts(style, fill) {
 function outlineParts(node, warn) {
   const outline = node.outline ?? "rect";
   if (outline === "stadium") return [["rounded", 1], ["arcSize", STADIUM_ARC]];
-  const shape = SHAPES.find((s) => s.outline === outline);
-  if (shape !== void 0) return shape.write;
+  if (outline === "roundRect") return [["rounded", 1]];
+  const shape = SHAPES.find((s) => s.outline === outline && s.write !== void 0);
+  if (shape?.write !== void 0) return shape.write;
   if (typeof outline !== "string") warn("Shapes drawn with an outline path of their own were written as rects.");
+  else if (outline !== "rect") warn(`Shapes of kind "${outline}" were written as rects.`);
   return [["rounded", 0]];
 }
 function nodeLines2(node, warn) {
-  if (node.rows === void 0) return [...node.lines ?? []];
-  const lines = [];
-  for (const row of node.rows) {
-    if (row.kind === "label") lines.push(row.text);
-    else if (row.kind === "field") lines.push(`${row.label}: ${row.value}`);
-    else warn("Port rows and slots inside shapes were left out.");
-  }
-  return lines;
+  return rowLines(node, () => warn("Port rows and slots inside shapes were left out."));
+}
+function fontBits(style) {
+  const bits = (style.bold === true ? 1 : 0) | (style.italic === true ? 2 : 0);
+  return bits === 0 ? void 0 : bits;
 }
 function fontParts(rows) {
   const style = rows?.find((r) => r.kind === "label" || r.kind === "field")?.style;
   if (style === void 0) return [];
-  return [["fontSize", style.fontSize], ["fontFamily", style.fontFamily], ["fontStyle", style.bold === true ? 1 : void 0]];
+  return [["fontSize", style.fontSize], ["fontFamily", style.fontFamily], ["fontStyle", fontBits(style)]];
 }
 var VERTICAL2 = { top: "top", center: "middle", bottom: "bottom" };
 function nodeStyle(node, theme, warn) {
@@ -1813,7 +1923,7 @@ function vertices(data, theme, headerOf, warn) {
 function writePage(page, index, theme, warn) {
   const laid = needsLayout(page) ? laidOutPage(page, { theme }) : page;
   const { data } = laid;
-  const specs = new Map(diagramScene(data, { layout: "none", theme }).map((s) => [s.id, s]));
+  const specs = new Map(diagramScene(data, { layout: "none", theme, composition: IDENTITY_POSE_COMPOSITION }).map((s) => [s.id, s]));
   const headerOf = (id) => specs.get(id)?.data.diagram?.container?.header;
   const items = vertices(data, theme, headerOf, warn);
   const ids = new Set(items.map((v) => v.id));
@@ -2290,11 +2400,12 @@ var DIRECTIONS2 = {
 };
 var SHAPE_OUTLINES = {
   rect: "rect",
-  rounded: "stadium",
+  rounded: "roundRect",
   stadium: "stadium",
   circle: "ellipse",
-  "double-circle": "ellipse",
+  "double-circle": "doubleEllipse",
   diamond: "diamond",
+  cylinder: "cylinder",
   hexagon: "hexagon",
   "lean-right": "parallelogram",
   "lean-left": "parallelogram",
@@ -2306,15 +2417,25 @@ var META_OUTLINES = {
   rectangle: "rect",
   proc: "rect",
   process: "rect",
-  rounded: "stadium",
-  event: "stadium",
+  rounded: "roundRect",
+  event: "roundRect",
   stadium: "stadium",
   pill: "stadium",
   terminal: "stadium",
   circle: "ellipse",
   circ: "ellipse",
-  "dbl-circ": "ellipse",
-  "double-circle": "ellipse",
+  "dbl-circ": "doubleEllipse",
+  "double-circle": "doubleEllipse",
+  cyl: "cylinder",
+  cylinder: "cylinder",
+  db: "cylinder",
+  database: "cylinder",
+  doc: "document",
+  document: "document",
+  cloud: "cloud",
+  tri: "triangle",
+  triangle: "triangle",
+  extract: "triangle",
   diam: "diamond",
   diamond: "diamond",
   decision: "diamond",
@@ -2526,7 +2647,19 @@ var BRACKETS = {
   ellipse: ["((", "))"],
   hexagon: ["{{", "}}"],
   parallelogram: ["[/", "/]"],
-  trapezoid: ["[/", "\\]"]
+  trapezoid: ["[/", "\\]"],
+  cylinder: ["[(", ")]"],
+  doubleEllipse: ["(((", ")))"],
+  roundRect: ["(", ")"]
+};
+var NEAREST = {
+  event: "ellipse",
+  intermediateEvent: "doubleEllipse",
+  exclusiveGateway: "diamond",
+  parallelGateway: "diamond",
+  inclusiveGateway: "diamond",
+  eventGateway: "diamond",
+  subprocess: "roundRect"
 };
 var valid = (id) => /^[A-Za-z_]\w*$/.test(id) && !RESERVED.has(id.toLowerCase());
 function mermaidIds(ids) {
@@ -2574,7 +2707,15 @@ var MermaidWriter = class {
   }
   node(node, indent) {
     const outline = node.outline ?? "rect";
-    const [open, close] = BRACKETS[typeof outline === "string" ? outline : "rect"];
+    const nearest = typeof outline === "string" ? NEAREST[outline] : void 0;
+    if (nearest !== void 0) {
+      this.out.warnings.add("Mermaid has no BPMN figures; events were written as circles, gateways as diamonds without their markers, and subprocesses as rounded rectangles.");
+    }
+    const brackets = typeof outline === "string" ? BRACKETS[nearest ?? outline] : void 0;
+    if (brackets === void 0 && typeof outline === "string") {
+      this.out.warnings.add("Mermaid has no bracket shape for some outlines; they were written as rectangles.");
+    }
+    const [open, close] = brackets ?? BRACKETS.rect;
     this.lines.push(`${indent}${this.id(node.id)}${open}${mermaidText(nodeLines(node, this.out.warnings, "Mermaid"))}${close}`);
   }
   cluster(c, indent) {
@@ -2711,6 +2852,10 @@ var textOf2 = (scene, id) => {
   const text = dataOf(scene.get(id)).text;
   return typeof text === "string" ? text : void 0;
 };
+function withDividers(text, dividers) {
+  const all = [...text, ...dividers.map((d) => ({ index: d.index, row: d.inset === void 0 ? { kind: "divider" } : { kind: "divider", inset: d.inset } }))];
+  return all.sort((a, b) => a.index - b.index).map((e) => e.row);
+}
 function readShape(scene, node, page, theme) {
   const trait = traitOf(node);
   const data = dataOf(node);
@@ -2726,10 +2871,14 @@ function readShape(scene, node, page, theme) {
     dash: data.stroke?.dash
   }, { ...themed, strokeWidth: themed.strokeWidth ?? NODE_STROKE_WIDTH }, trait.ownStyle);
   const body = trait.body;
+  const dividers = body?.dividers ?? [];
   return {
     id: node.id,
     outline: trait.outline,
-    ...ownSize ? { rows: rows.map((r) => ({ kind: "label", text: dataOf(r).text, style: { fontSize: dataOf(r).style?.fontSize } })) } : { lines: rows.map((r) => dataOf(r).text) },
+    ...ownSize || dividers.length > 0 ? { rows: withDividers(rows.map((r) => ({
+      index: dataOf(r).bodyRow,
+      row: { kind: "label", text: dataOf(r).text, ...ownSize ? { style: { fontSize: dataOf(r).style?.fontSize } } : {} }
+    })), dividers) } : { lines: rows.map((r) => dataOf(r).text) },
     at: moved2(pose, page),
     width: pose.width,
     height: pose.height,
@@ -2867,7 +3016,7 @@ function contentPage(scene) {
   return { id: "page-1", x, y, width, height, index: 0 };
 }
 function documentFromScene(scene, opts = {}) {
-  const s = scene;
+  const s = inWorld(scene);
   const themeValue = s.doc.get(DIAGRAM_THEME_KEY);
   const theme = diagramThemeFrom(themeValue, opts.theme);
   const placed = placedPagesOf(scene);
@@ -2937,6 +3086,21 @@ var isContainerOrPool = (node) => {
   const trait = node.data.diagram;
   return trait?.container?.role === "container" || trait?.container?.role === "pool";
 };
+function inWorld(scene) {
+  const raw = scene;
+  const poses = scenePoseAdapter(scene);
+  const placed = (node) => ({ ...node, pose: composeWorldPose(poses, node.id, scene.composition.compose) });
+  return {
+    roots: raw.roots,
+    doc: raw.doc,
+    childrenOf: (id) => raw.childrenOf(id),
+    get: (id) => {
+      const node = raw.get(id);
+      return node === void 0 ? void 0 : placed(node);
+    },
+    renderOrderNodes: () => raw.renderOrderNodes().map(placed)
+  };
+}
 function documentSpecs(document, opts = {}) {
   const theme = opts.theme ?? diagramThemeFrom(document.theme);
   const measure = opts.measure ? { measure: opts.measure } : {};