@aranzatech/diagrams-bpmn 0.1.2 → 0.2.0

package/dist/xml/index.cjs

@@ -9,6 +9,7 @@ var BPMN_ELEMENT_CATALOG = {
   // ─── Events ──────────────────────────────────────────────────────────────────
   StartEvent: {
     label: "Start Event",
+    icon: "Circle",
     category: "event",
     defaultWidth: 36,
     defaultHeight: 36,
@@ -24,6 +25,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   EndEvent: {
     label: "End Event",
+    icon: "CircleDot",
     category: "event",
     defaultWidth: 36,
     defaultHeight: 36,
@@ -38,6 +40,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   IntermediateCatchEvent: {
     label: "Intermediate Catch Event",
+    icon: "Clock",
     category: "event",
     defaultWidth: 36,
     defaultHeight: 36,
@@ -51,6 +54,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   IntermediateThrowEvent: {
     label: "Intermediate Throw Event",
+    icon: "Zap",
     category: "event",
     defaultWidth: 36,
     defaultHeight: 36,
@@ -64,6 +68,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   BoundaryEvent: {
     label: "Boundary Event",
+    icon: "AlertCircle",
     category: "event",
     defaultWidth: 36,
     defaultHeight: 36,
@@ -79,6 +84,7 @@ var BPMN_ELEMENT_CATALOG = {
   // ─── Tasks ───────────────────────────────────────────────────────────────────
   Task: {
     label: "Task",
+    icon: "Square",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -92,6 +98,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   UserTask: {
     label: "User Task",
+    icon: "User",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -105,6 +112,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   ServiceTask: {
     label: "Service Task",
+    icon: "Settings",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -118,6 +126,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   ScriptTask: {
     label: "Script Task",
+    icon: "FileCode",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -131,6 +140,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   ManualTask: {
     label: "Manual Task",
+    icon: "Hand",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -144,6 +154,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   BusinessRuleTask: {
     label: "Business Rule Task",
+    icon: "Scale",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -157,6 +168,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   ReceiveTask: {
     label: "Receive Task",
+    icon: "Mail",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -170,6 +182,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   SendTask: {
     label: "Send Task",
+    icon: "Send",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -183,6 +196,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   CallActivity: {
     label: "Call Activity",
+    icon: "ExternalLink",
     category: "task",
     defaultWidth: 120,
     defaultHeight: 60,
@@ -197,6 +211,7 @@ var BPMN_ELEMENT_CATALOG = {
   // ─── Gateways ────────────────────────────────────────────────────────────────
   ExclusiveGateway: {
     label: "Exclusive Gateway",
+    icon: "GitBranch",
     category: "gateway",
     defaultWidth: 50,
     defaultHeight: 50,
@@ -209,6 +224,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   InclusiveGateway: {
     label: "Inclusive Gateway",
+    icon: "GitMerge",
     category: "gateway",
     defaultWidth: 50,
     defaultHeight: 50,
@@ -221,6 +237,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   ParallelGateway: {
     label: "Parallel Gateway",
+    icon: "GitFork",
     category: "gateway",
     defaultWidth: 50,
     defaultHeight: 50,
@@ -233,6 +250,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   EventBasedGateway: {
     label: "Event-Based Gateway",
+    icon: "Radio",
     category: "gateway",
     defaultWidth: 50,
     defaultHeight: 50,
@@ -246,6 +264,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   ComplexGateway: {
     label: "Complex Gateway",
+    icon: "Asterisk",
     category: "gateway",
     defaultWidth: 50,
     defaultHeight: 50,
@@ -259,6 +278,52 @@ var BPMN_ELEMENT_CATALOG = {
   // ─── Containers ───────────────────────────────────────────────────────────────
   SubProcess: {
     label: "Sub-Process",
+    icon: "Layout",
+    category: "container",
+    defaultWidth: 350,
+    defaultHeight: 200,
+    handlePolicy: "all",
+    orientation: "horizontal",
+    isContainer: true,
+    acceptsBoundaryEvents: true,
+    supportsCollapse: true,
+    supportsMarkers: true,
+    canBeStart: false,
+    canBeEnd: false
+  },
+  Transaction: {
+    label: "Transaction",
+    icon: "CreditCard",
+    category: "container",
+    defaultWidth: 350,
+    defaultHeight: 200,
+    handlePolicy: "all",
+    orientation: "horizontal",
+    isContainer: true,
+    acceptsBoundaryEvents: true,
+    supportsCollapse: true,
+    supportsMarkers: true,
+    canBeStart: false,
+    canBeEnd: false
+  },
+  EventSubProcess: {
+    label: "Event Sub-Process",
+    icon: "Workflow",
+    category: "container",
+    defaultWidth: 350,
+    defaultHeight: 200,
+    handlePolicy: "all",
+    orientation: "horizontal",
+    isContainer: true,
+    acceptsBoundaryEvents: false,
+    supportsCollapse: true,
+    supportsMarkers: true,
+    canBeStart: false,
+    canBeEnd: false
+  },
+  AdHocSubProcess: {
+    label: "Ad-Hoc Sub-Process",
+    icon: "Shuffle",
     category: "container",
     defaultWidth: 350,
     defaultHeight: 200,
@@ -273,6 +338,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   Pool: {
     label: "Pool",
+    icon: "Columns",
     category: "container",
     defaultWidth: 600,
     defaultHeight: 200,
@@ -287,6 +353,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   Lane: {
     label: "Lane",
+    icon: "AlignJustify",
     category: "container",
     defaultWidth: 600,
     defaultHeight: 120,
@@ -302,6 +369,7 @@ var BPMN_ELEMENT_CATALOG = {
   // ─── Artifacts ────────────────────────────────────────────────────────────────
   Annotation: {
     label: "Text Annotation",
+    icon: "StickyNote",
     category: "artifact",
     defaultWidth: 100,
     defaultHeight: 60,
@@ -316,6 +384,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   Group: {
     label: "Group",
+    icon: "Group",
     category: "artifact",
     defaultWidth: 300,
     defaultHeight: 200,
@@ -331,6 +400,7 @@ var BPMN_ELEMENT_CATALOG = {
   // ─── Data (BPMN 2.0 §10.3) ───────────────────────────────────────────────────
   DataObject: {
     label: "Data Object",
+    icon: "File",
     category: "data",
     defaultWidth: 36,
     defaultHeight: 50,
@@ -345,6 +415,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   DataObjectReference: {
     label: "Data Object Reference",
+    icon: "FileSymlink",
     category: "data",
     defaultWidth: 36,
     defaultHeight: 50,
@@ -359,6 +430,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   DataInput: {
     label: "Data Input",
+    icon: "FileInput",
     category: "data",
     defaultWidth: 36,
     defaultHeight: 50,
@@ -372,6 +444,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   DataOutput: {
     label: "Data Output",
+    icon: "FileOutput",
     category: "data",
     defaultWidth: 36,
     defaultHeight: 50,
@@ -385,6 +458,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   DataStore: {
     label: "Data Store",
+    icon: "Database",
     category: "data",
     defaultWidth: 50,
     defaultHeight: 50,
@@ -399,6 +473,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   DataStoreReference: {
     label: "Data Store Reference",
+    icon: "DatabaseZap",
     category: "data",
     defaultWidth: 50,
     defaultHeight: 50,
@@ -414,6 +489,7 @@ var BPMN_ELEMENT_CATALOG = {
   // ─── Conversation (BPMN 2.0 §12) ─────────────────────────────────────────────
   Conversation: {
     label: "Conversation",
+    icon: "MessageCircle",
     category: "conversation",
     defaultWidth: 60,
     defaultHeight: 52,
@@ -426,6 +502,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   SubConversation: {
     label: "Sub-Conversation",
+    icon: "MessagesSquare",
     category: "conversation",
     defaultWidth: 60,
     defaultHeight: 52,
@@ -439,6 +516,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   CallConversation: {
     label: "Call Conversation",
+    icon: "PhoneCall",
     category: "conversation",
     defaultWidth: 60,
     defaultHeight: 52,
@@ -452,6 +530,7 @@ var BPMN_ELEMENT_CATALOG = {
   // ─── Choreography (BPMN 2.0 §11) ─────────────────────────────────────────────
   ChoreographyTask: {
     label: "Choreography Task",
+    icon: "ArrowLeftRight",
     category: "choreography",
     defaultWidth: 120,
     defaultHeight: 80,
@@ -464,6 +543,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   SubChoreography: {
     label: "Sub-Choreography",
+    icon: "BoxSelect",
     category: "choreography",
     defaultWidth: 120,
     defaultHeight: 80,
@@ -477,6 +557,7 @@ var BPMN_ELEMENT_CATALOG = {
   },
   CallChoreography: {
     label: "Call Choreography",
+    icon: "Phone",
     category: "choreography",
     defaultWidth: 120,
     defaultHeight: 80,
@@ -511,8 +592,8 @@ var MODDLE_TO_ELEMENT_TYPE = {
   "bpmn:EventBasedGateway": "EventBasedGateway",
   "bpmn:ComplexGateway": "ComplexGateway",
   "bpmn:SubProcess": "SubProcess",
-  "bpmn:AdHocSubProcess": "SubProcess",
-  "bpmn:Transaction": "SubProcess",
+  "bpmn:AdHocSubProcess": "AdHocSubProcess",
+  "bpmn:Transaction": "Transaction",
   "bpmn:TextAnnotation": "Annotation",
   "bpmn:Group": "Group",
   "bpmn:DataObject": "DataObject",
@@ -550,6 +631,9 @@ var ELEMENT_TYPE_TO_MODDLE = {
   EventBasedGateway: "bpmn:EventBasedGateway",
   ComplexGateway: "bpmn:ComplexGateway",
   SubProcess: "bpmn:SubProcess",
+  Transaction: "bpmn:Transaction",
+  EventSubProcess: "bpmn:SubProcess",
+  AdHocSubProcess: "bpmn:AdHocSubProcess",
   Pool: "bpmn:Participant",
   Lane: "bpmn:Lane",
   Annotation: "bpmn:TextAnnotation",
@@ -614,6 +698,10 @@ function asElements(v) {
 function asString(v) {
   return typeof v === "string" && v.trim() ? v.trim() : void 0;
 }
+function extractDocumentation(el) {
+  const [doc] = asElements(el.documentation);
+  return asString(doc?.text);
+}
 function extractDiagramInfo(definitions) {
   const shapes = /* @__PURE__ */ new Map();
   const waypoints = /* @__PURE__ */ new Map();
@@ -669,6 +757,7 @@ function extractTrigger(el) {
 function extractSubProcessVariant(el) {
   if (el.$type === "bpmn:Transaction") return "transaction";
   if (el.$type === "bpmn:AdHocSubProcess") return "adhoc";
+  if (el.$type === "bpmn:SubProcess" && el.triggeredByEvent === true) return "event";
   if (el.triggeredByEvent === true) return "event";
   return "embedded";
 }
@@ -682,7 +771,7 @@ function walkFlowElements(elements, parentId, ctx, nodes, edges) {
       continue;
     }
     if ($type === "bpmn:LaneSet") continue;
-    const elementType = MODDLE_TO_ELEMENT_TYPE[$type];
+    const elementType = $type === "bpmn:SubProcess" && el.triggeredByEvent === true ? "EventSubProcess" : MODDLE_TO_ELEMENT_TYPE[$type];
     if (!elementType) {
       ctx.warnings.push(`Unknown element type "${$type}" (id=${id}) \u2014 skipped.`);
       continue;
@@ -703,22 +792,26 @@ function buildNode(el, elementType, parentId, ctx, nodes) {
   const y = shape?.y ?? 100;
   if (!shape) ctx.autoX.value += (meta?.defaultWidth ?? 120) + 20;
   const label = asString(el.name);
+  const documentation = extractDocumentation(el);
   const trigger = extractTrigger(el);
   const isNonInterrupting = el.cancelActivity === false;
+  const attachedToRef = el.attachedToRef?.id;
   const data = {
     elementType,
     ...label ? { label } : {},
+    ...documentation ? { documentation } : {},
     ...trigger ? { trigger } : {},
-    ...isNonInterrupting ? { isNonInterrupting: true } : {}
+    ...isNonInterrupting ? { isNonInterrupting: true } : {},
+    ...attachedToRef ? { attachedToRef } : {}
   };
-  if (elementType === "SubProcess") {
+  if (elementType === "SubProcess" || elementType === "Transaction" || elementType === "EventSubProcess" || elementType === "AdHocSubProcess") {
     const variant = extractSubProcessVariant(el);
     if (variant) data.subProcessVariant = variant;
     const isExpanded = shape?.isExpanded ?? true;
     data.isExpanded = isExpanded;
   }
   const laneId = ctx.laneMembership.get(id);
-  const effectiveParentId = laneId ?? parentId;
+  const effectiveParentId = attachedToRef ?? laneId ?? parentId;
   const node = {
     id,
     type: elementType,
@@ -739,10 +832,12 @@ function buildEdge(el, edgeType, ctx, edges) {
     return;
   }
   const label = asString(el.name);
+  const documentation = extractDocumentation(el);
   const condExpr = el.conditionExpression;
   const data = {
     edgeType,
     ...label ? { label } : {},
+    ...documentation ? { documentation } : {},
     ...condExpr?.body ? { conditionExpression: condExpr.body } : {}
   };
   const waypoints = ctx.waypoints.get(id);
@@ -843,7 +938,46 @@ async function parseBpmnXml(xml) {
       );
     }
   }
-  return { nodes, edges, warnings };
+  const defaultFlowById = /* @__PURE__ */ new Set();
+  const nodeIds = new Set(nodes.map((node) => node.id));
+  for (const rootEl of asElements(rootElement.rootElements)) {
+    collectDefaultFlows(rootEl, defaultFlowById);
+  }
+  const normalizedEdges = edges.map((edge) => {
+    if (!defaultFlowById.has(edge.id)) return edge;
+    const data = {
+      edgeType: edge.data?.edgeType ?? edge.type,
+      ...edge.data ?? {},
+      isDefault: true
+    };
+    return { ...edge, data };
+  });
+  return {
+    nodes: normalizeChildPositions(nodes, nodeIds),
+    edges: normalizedEdges,
+    warnings
+  };
+}
+function collectDefaultFlows(el, defaultFlowById) {
+  const defaultRef = el.default;
+  if (defaultRef?.id) defaultFlowById.add(defaultRef.id);
+  for (const child of asElements(el.rootElements)) collectDefaultFlows(child, defaultFlowById);
+  for (const child of asElements(el.flowElements)) collectDefaultFlows(child, defaultFlowById);
+}
+function normalizeChildPositions(nodes, nodeIds) {
+  const absoluteById = new Map(nodes.map((node) => [node.id, node.position]));
+  return nodes.map((node) => {
+    if (!node.parentId || !nodeIds.has(node.parentId)) return node;
+    const parentPosition = absoluteById.get(node.parentId);
+    if (!parentPosition) return node;
+    return {
+      ...node,
+      position: {
+        x: node.position.x - parentPosition.x,
+        y: node.position.y - parentPosition.y
+      }
+    };
+  });
 }
 function uid(prefix, id) {
   return `${prefix}_${id}`;
@@ -851,19 +985,6 @@ function uid(prefix, id) {
 function asNodes(nodes, types) {
   return nodes.filter((n) => types.includes(n.data.elementType));
 }
-function buildFlowableAttrs(data) {
-  const attrs = {};
-  if (data.flowableAssignee) attrs["flowable:assignee"] = data.flowableAssignee;
-  if (data.flowableCandidateGroups) attrs["flowable:candidateGroups"] = data.flowableCandidateGroups;
-  if (data.flowableCandidateUsers) attrs["flowable:candidateUsers"] = data.flowableCandidateUsers;
-  if (data.flowableFormKey) attrs["flowable:formKey"] = data.flowableFormKey;
-  if (data.flowableDueDate) attrs["flowable:dueDate"] = data.flowableDueDate;
-  if (data.flowableType) attrs["flowable:type"] = data.flowableType;
-  if (data.flowableExpression) attrs["flowable:expression"] = data.flowableExpression;
-  if (data.flowableClass) attrs["flowable:class"] = data.flowableClass;
-  if (data.flowableDelegateExpression) attrs["flowable:delegateExpression"] = data.flowableDelegateExpression;
-  return attrs;
-}
 function buildSemanticModel(moddle, nodes, edges, opts) {
   const defId = opts.id ?? "Definitions_1";
   const defName = opts.name;
@@ -922,13 +1043,26 @@ function buildSemanticModel(moddle, nodes, edges, opts) {
   return definitions;
 }
 function buildProcess(moddle, allNodes, allEdges, poolId, laneNodes, processId) {
-  const myNodes = poolId ? allNodes.filter(
+  const subProcessIds = new Set(
+    allNodes.filter(
+      (n) => n.data.elementType === "SubProcess" || n.data.elementType === "Transaction" || n.data.elementType === "EventSubProcess" || n.data.elementType === "AdHocSubProcess"
+    ).map((n) => n.id)
+  );
+  const isInsideSubProcess = (node) => {
+    let parentId = node.parentId;
+    while (parentId) {
+      if (subProcessIds.has(parentId)) return true;
+      parentId = allNodes.find((candidate) => candidate.id === parentId)?.parentId;
+    }
+    return false;
+  };
+  const myNodes = (poolId ? allNodes.filter(
     (n) => n.parentId === poolId || laneNodes.some((l) => l.id === n.parentId && l.parentId === poolId)
-  ) : allNodes.filter((n) => n.data.elementType !== "Pool" && n.data.elementType !== "Lane");
+  ) : allNodes.filter((n) => n.data.elementType !== "Pool" && n.data.elementType !== "Lane")).filter((n) => !isInsideSubProcess(n));
   const myLanes = laneNodes.filter((l) => poolId ? l.parentId === poolId : true);
   const flowElements = [];
   for (const node of myNodes) {
-    const el = buildFlowElement(moddle, node);
+    const el = buildFlowElement(moddle, node, allNodes, allEdges);
     if (el) flowElements.push(el);
   }
   const myNodeIds = new Set(myNodes.map((n) => n.id));
@@ -939,6 +1073,17 @@ function buildProcess(moddle, allNodes, allEdges, poolId, laneNodes, processId)
     const edgeMeta = buildEdgeElement(moddle, edge);
     if (edgeMeta) flowElements.push(edgeMeta);
   }
+  const elementById = new Map(
+    flowElements.filter((element) => typeof element.id === "string").map((element) => [element.id, element])
+  );
+  for (const edge of myEdges) {
+    if (!edge.data?.isDefault) continue;
+    const sourceElement = elementById.get(edge.source);
+    const edgeElement = elementById.get(edge.id);
+    if (sourceElement && edgeElement) {
+      sourceElement.default = edgeElement;
+    }
+  }
   const process = moddle.create("bpmn:Process", {
     id: processId,
     isExecutable: true,
@@ -959,7 +1104,7 @@ function buildProcess(moddle, allNodes, allEdges, poolId, laneNodes, processId)
   }
   return process;
 }
-function buildFlowElement(moddle, node, _allNodes, _allEdges) {
+function buildFlowElement(moddle, node, allNodes, allEdges) {
   const { elementType, label, trigger } = node.data;
   if (elementType === "Pool" || elementType === "Lane") return null;
   const moddleType = ELEMENT_TYPE_TO_MODDLE[elementType];
@@ -968,25 +1113,46 @@ function buildFlowElement(moddle, node, _allNodes, _allEdges) {
     id: node.id,
     name: label ?? ""
   };
+  if (node.data.documentation) {
+    attrs.documentation = [
+      moddle.create("bpmn:Documentation", { text: node.data.documentation })
+    ];
+  }
   if (trigger && trigger !== "none") {
     const defType = TRIGGER_TO_EVENT_DEF[trigger];
     if (defType) {
       attrs.eventDefinitions = [moddle.create(defType, { id: uid("EventDef", node.id) })];
     }
   }
-  if (elementType === "SubProcess" && node.data.subProcessVariant === "transaction") {
-    return moddle.create("bpmn:Transaction", attrs);
+  if (elementType === "BoundaryEvent") {
+    attrs.attachedToRef = { id: node.data.attachedToRef ?? node.parentId };
+    attrs.cancelActivity = node.data.isNonInterrupting ? false : true;
   }
-  if (elementType === "SubProcess" && node.data.subProcessVariant === "adhoc") {
-    return moddle.create("bpmn:AdHocSubProcess", attrs);
+  const isSubProcess = elementType === "SubProcess" || elementType === "Transaction" || elementType === "EventSubProcess" || elementType === "AdHocSubProcess";
+  if (isSubProcess) {
+    attrs.flowElements = buildNestedFlowElements(moddle, node, allNodes, allEdges);
+    if (elementType === "EventSubProcess" || node.data.subProcessVariant === "event") {
+      attrs.triggeredByEvent = true;
+    }
   }
   const element = moddle.create(moddleType, attrs);
-  const flowableAttrs = buildFlowableAttrs(node.data);
-  if (Object.keys(flowableAttrs).length > 0) {
-    element.$attrs = flowableAttrs;
-  }
   return element;
 }
+function buildNestedFlowElements(moddle, parent, allNodes, allEdges) {
+  const childNodes = allNodes.filter((node) => node.parentId === parent.id);
+  const childNodeIds = new Set(childNodes.map((node) => node.id));
+  const flowElements = [];
+  for (const child of childNodes) {
+    const element = buildFlowElement(moddle, child, allNodes, allEdges);
+    if (element) flowElements.push(element);
+  }
+  for (const edge of allEdges) {
+    if (!childNodeIds.has(edge.source) || !childNodeIds.has(edge.target)) continue;
+    const element = buildEdgeElement(moddle, edge);
+    if (element) flowElements.push(element);
+  }
+  return flowElements;
+}
 function buildEdgeElement(moddle, edge) {
   if (!edge.data) return null;
   const moddleType = EDGE_TYPE_TO_MODDLE[edge.data.edgeType];
@@ -997,6 +1163,11 @@ function buildEdgeElement(moddle, edge) {
     sourceRef: { id: edge.source },
     targetRef: { id: edge.target }
   };
+  if (edge.data.documentation) {
+    attrs.documentation = [
+      moddle.create("bpmn:Documentation", { text: edge.data.documentation })
+    ];
+  }
   if (edge.data.conditionExpression) {
     attrs.conditionExpression = moddle.create("bpmn:FormalExpression", {
       body: edge.data.conditionExpression
@@ -1007,13 +1178,14 @@ function buildEdgeElement(moddle, edge) {
 function buildBpmnDI(moddle, definitions, nodes, edges) {
   const shapes = [];
   const edgeShapes = [];
+  const absolutePositionById = buildAbsolutePositionMap(nodes);
   for (const node of nodes) {
     const meta = BPMN_ELEMENT_CATALOG[node.data.elementType];
     const w = node.width ?? meta?.defaultWidth ?? 120;
     const h = node.height ?? meta?.defaultHeight ?? 60;
     const bounds = moddle.create("dc:Bounds", {
-      x: node.position.x,
-      y: node.position.y,
+      x: absolutePositionById.get(node.id)?.x ?? node.position.x,
+      y: absolutePositionById.get(node.id)?.y ?? node.position.y,
       width: w,
       height: h
     });
@@ -1052,6 +1224,24 @@ function buildBpmnDI(moddle, definitions, nodes, edges) {
   });
   definitions.diagrams = [diagram];
 }
+function buildAbsolutePositionMap(nodes) {
+  const nodeById = new Map(nodes.map((node) => [node.id, node]));
+  const absoluteById = /* @__PURE__ */ new Map();
+  function resolve(node) {
+    const cached = absoluteById.get(node.id);
+    if (cached) return cached;
+    const parent = node.parentId ? nodeById.get(node.parentId) : void 0;
+    const parentPosition = parent ? resolve(parent) : { x: 0, y: 0 };
+    const absolute = {
+      x: parentPosition.x + node.position.x,
+      y: parentPosition.y + node.position.y
+    };
+    absoluteById.set(node.id, absolute);
+    return absolute;
+  }
+  for (const node of nodes) resolve(node);
+  return absoluteById;
+}
 async function serializeBpmnXml(nodes, edges, opts = {}) {
   const moddle = new bpmnModdle.BpmnModdle();
   const definitions = buildSemanticModel(moddle, nodes, edges, opts);