aurea-eden 1.44.2 → 1.46.0

package/assets/star_silver.svg

@@ -1,56 +1,56 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="28.674372mm"
-   height="28.668304mm"
-   viewBox="0 0 101.6021 101.58061"
-   id="svg2"
-   version="1.1"
-   sodipodi:docname="five_pointed_star_spin_silver.svg">
-  
-  <title>Silver Five-Pointed Star Spinning</title>
-  
-
-
-  <metadata id="metadata7">
-    <rdf:RDF>
-      <cc:Work rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title>Silver Five-Pointed Star</dc:title>
-        <dc:creator>
-          <cc:Agent><dc:title>mazeo</dc:title></cc:Agent>
-        </dc:creator>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-
-  <g id="g3411">
-    <path
-       inkscape:connector-curvature="0"
-       d="m 49.4319,79.001906 l 1.1197,-23.1239 L 18.5018,100.58791 Z M 81.2953,101.58061 L 50.5516,55.878006 l -1.1197,23.1239 z m 0,0 L 71.2285,64.137706 l -20.6769,-8.2597 z m -62.7935,-0.9927 L 50.5516,55.878006 l -21.3689,6.0316 z M 50.5516,55.878006 L -3.0422191e-6,37.807606 L 29.1827,61.909606 Z m 0,0 l 20.6769,8.2597 l 30.3736,-24.7238 z m 0,0 L 38.4647,36.481906 L -3.0422192e-6,37.807606 Z m 0,0 l 51.0505,-16.4641 l -37.1517,-1.555 z m 0,0 l 13.8988,-18.0191 L 51.3588,5.7556778e-6 Z m 0,0 L 51.3588,5.7556778e-6 L 38.4647,36.481906 Z"
-       style="fill:#f0f0f0;fill-opacity:1;stroke:none;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"
-       id="path3829-7" />
-    <g
-       inkscape:label="Star"
-       transform="translate(50.551603,55.877997)"
-       id="g3809">
-      <path id="path3811" style="fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="m 0,0 l 0.8072,-55.878 l -12.8941,36.4819 z"/>
-      <path id="path3813" style="fill:#c0c0c0;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="M 0,0 L 13.8988,-18.0191 L 0.8072,-55.878 Z"/>
-      <path id="path3815" style="fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="m 0,0 l 51.0505,-16.4641 l -37.1517,-1.555 z"/>
-      <path id="path3817" style="fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="m 0,0 l -12.0869,-19.3961 l -38.4647,1.3257 z"/>
-      <path id="path3819" style="fill:#c0c0c0;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="M 0,0 L 20.6769,8.2597 L 51.0505,-16.4641 Z"/>
-      <path id="path3821" style="fill:#a8a8a8;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="m 0,0 l -50.5516,-18.0704 l 29.1827,24.102 z"/>
-      <path id="path3823" style="fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="M -32.0498,44.7099 L 0,0 l -21.3689,6.0316 z"/>
-      <path id="path3825" style="fill:#c0c0c0;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="M 30.7437,45.7026 L 20.6769,8.2597 L 0,0 Z"/>
-      <path id="path3827" style="fill:#a8a8a8;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="M 30.7437,45.7026 L 0,0 l -1.1197,23.1239 z"/>
-      <path id="path3829" style="fill:#c0c0c0;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="M -1.1197,23.1239 L 0,0 l -32.0498,44.7099 z"/>
-    </g>
-  </g>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="28.674372mm"
+   height="28.668304mm"
+   viewBox="0 0 101.6021 101.58061"
+   id="svg2"
+   version="1.1"
+   sodipodi:docname="five_pointed_star_spin_silver.svg">
+  
+  <title>Silver Five-Pointed Star Spinning</title>
+  
+
+
+  <metadata id="metadata7">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>Silver Five-Pointed Star</dc:title>
+        <dc:creator>
+          <cc:Agent><dc:title>mazeo</dc:title></cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+
+  <g id="g3411">
+    <path
+       inkscape:connector-curvature="0"
+       d="m 49.4319,79.001906 l 1.1197,-23.1239 L 18.5018,100.58791 Z M 81.2953,101.58061 L 50.5516,55.878006 l -1.1197,23.1239 z m 0,0 L 71.2285,64.137706 l -20.6769,-8.2597 z m -62.7935,-0.9927 L 50.5516,55.878006 l -21.3689,6.0316 z M 50.5516,55.878006 L -3.0422191e-6,37.807606 L 29.1827,61.909606 Z m 0,0 l 20.6769,8.2597 l 30.3736,-24.7238 z m 0,0 L 38.4647,36.481906 L -3.0422192e-6,37.807606 Z m 0,0 l 51.0505,-16.4641 l -37.1517,-1.555 z m 0,0 l 13.8988,-18.0191 L 51.3588,5.7556778e-6 Z m 0,0 L 51.3588,5.7556778e-6 L 38.4647,36.481906 Z"
+       style="fill:#f0f0f0;fill-opacity:1;stroke:none;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"
+       id="path3829-7" />
+    <g
+       inkscape:label="Star"
+       transform="translate(50.551603,55.877997)"
+       id="g3809">
+      <path id="path3811" style="fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="m 0,0 l 0.8072,-55.878 l -12.8941,36.4819 z"/>
+      <path id="path3813" style="fill:#c0c0c0;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="M 0,0 L 13.8988,-18.0191 L 0.8072,-55.878 Z"/>
+      <path id="path3815" style="fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="m 0,0 l 51.0505,-16.4641 l -37.1517,-1.555 z"/>
+      <path id="path3817" style="fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="m 0,0 l -12.0869,-19.3961 l -38.4647,1.3257 z"/>
+      <path id="path3819" style="fill:#c0c0c0;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="M 0,0 L 20.6769,8.2597 L 51.0505,-16.4641 Z"/>
+      <path id="path3821" style="fill:#a8a8a8;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="m 0,0 l -50.5516,-18.0704 l 29.1827,24.102 z"/>
+      <path id="path3823" style="fill:#808080;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="M -32.0498,44.7099 L 0,0 l -21.3689,6.0316 z"/>
+      <path id="path3825" style="fill:#c0c0c0;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="M 30.7437,45.7026 L 20.6769,8.2597 L 0,0 Z"/>
+      <path id="path3827" style="fill:#a8a8a8;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="M 30.7437,45.7026 L 0,0 l -1.1197,23.1239 z"/>
+      <path id="path3829" style="fill:#c0c0c0;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-opacity:1"         d="M -1.1197,23.1239 L 0,0 l -32.0498,44.7099 z"/>
+    </g>
+  </g>
 </svg>

package/dist/bpmn-diagram.es.js

@@ -59644,17 +59644,15 @@ class BpmnToFluentConverter {
   // - Right (E) and down (S) ports for parallel/forward paths.
   // ─────────────────────────────────────────────────────────────
   _sourcePort(srcEl, tgtEl, srcOutgoingIds, primaryPathSet) {
-    const isEndEvent = tgtEl.type === "bpmn:endEvent" || tgtEl.type === "bpmn:terminateEndEvent";
     const isIteration = this.backEdges && this.backEdges.has(`${srcEl.id}->${tgtEl.id}`) || this.backwardBranchRoots && this.backwardBranchRoots.has(tgtEl.id);
-    if (isEndEvent || isIteration) {
+    if (isIteration) {
       return "N";
     }
     if (!srcOutgoingIds) return "E";
     const forwardTargets = srcOutgoingIds.map((id) => this.elements.get(id)).filter((t2) => {
       if (!t2) return false;
-      const tIsEnd = t2.type === "bpmn:endEvent" || t2.type === "bpmn:terminateEndEvent";
       const tIsIter = this.backEdges && this.backEdges.has(`${srcEl.id}->${t2.id}`) || this.backwardBranchRoots && this.backwardBranchRoots.has(t2.id);
-      return !tIsEnd && !tIsIter;
+      return !tIsIter;
     });
     if (forwardTargets.length <= 1) {
       return "E";
@@ -59662,7 +59660,7 @@ class BpmnToFluentConverter {
     const mainTarget = forwardTargets.find((t2) => primaryPathSet && primaryPathSet.has(t2.id));
     if (mainTarget) {
       if (mainTarget.id === tgtEl.id) return "E";
-      return "S";
+      return "auto";
     }
     const sorted = forwardTargets.slice().sort((a2, b) => {
       return a2.id.localeCompare(b.id);
@@ -59872,12 +59870,17 @@ class BpmnToFluentConverter {
     if (detectedBranches.length > 0) {
       generatedLines.push(`
 // --- Stage ${stage === "lanes" ? "3" : "2"}: ${stage === "lanes" ? "Sorting and Lanes" : "Unsorted Branches"} ---`);
+      for (const b of detectedBranches) {
+        const firstEl = this.elements.get(b.nodes[0]);
+        const isFirstElEndEvent = firstEl && (firstEl.type === "bpmn:endEvent" || firstEl.type === "bpmn:terminateEndEvent");
+        b.isUpward = b.isBackward || isFirstElEndEvent;
+      }
       if (stage === "lanes") {
         detectedBranches.sort((a2, b) => a2.span - b.span);
-        const forwardBranches = detectedBranches.filter((b) => !b.isBackward);
-        const backwardBranches = detectedBranches.filter((b) => b.isBackward);
-        if (forwardBranches.length > 0) this._assignLanes(forwardBranches, primaryPath, outgoingFlows, false);
-        if (backwardBranches.length > 0) this._assignLanes(backwardBranches, primaryPath, outgoingFlows, true);
+        const downwardBranches = detectedBranches.filter((b) => !b.isUpward);
+        const upwardBranches = detectedBranches.filter((b) => b.isUpward);
+        if (downwardBranches.length > 0) this._assignLanes(downwardBranches, primaryPath, outgoingFlows, false);
+        if (upwardBranches.length > 0) this._assignLanes(upwardBranches, primaryPath, outgoingFlows, true);
       }
       for (const branch of detectedBranches) {
         const anchorEl = this.elements.get(branch.anchor);
@@ -59890,12 +59893,7 @@ class BpmnToFluentConverter {
           let useShiftAndAlign = false;
           if (i2 === 0) {
             let baseAnchorId = anchorEl.id;
-            const isElementEndEvent = branchEl.type === "bpmn:endEvent" || branchEl.type === "bpmn:terminateEndEvent";
-            const isAnchorGateway = anchorEl.type.toLowerCase().includes("gateway");
-            if (isElementEndEvent && isAnchorGateway) {
-              positionMethod = "positionUpOf";
-              placementAnchorId = anchorEl.id;
-            } else if (branch.isBackward) {
+            if (branch.isUpward) {
               placementAnchorId = anchorEl.id;
               if (stage === "lanes" && branch.lane > 0 && branch.laneAnchorId) {
                 useShiftAndAlign = true;
@@ -60173,7 +60171,9 @@ SPREAD LOG: Target ${nodeId} Port ${basePort}`);
       "parallelGateway",
       "eventBasedGateway",
       "complexGateway",
-      "endEvent"
+      "endEvent",
+      "subProcess",
+      "callActivity"
     ];
     for (let i2 = 0; i2 < allNodes.length; i2++) {
       const node2 = allNodes[i2];
@@ -60265,7 +60265,22 @@ SPREAD LOG: Target ${nodeId} Port ${basePort}`);
       }
     }
     if (allPaths.length === 0) return null;
-    return allPaths.reduce((longest, current) => current.length > longest.length ? current : longest, []);
+    const scorePath = (path) => {
+      let score = path.length * 100;
+      const endNodeId = path[path.length - 1];
+      const endNode = this.elements.get(endNodeId);
+      if (endNode && endNode.hasName) {
+        const name2 = endNode.name.toLowerCase();
+        if (name2.includes("approve") || name2.includes("success") || name2.includes("complete") || name2.includes("accept") || name2.includes("yes")) {
+          score += 50;
+        }
+        if (name2.includes("reject") || name2.includes("fail") || name2.includes("cancel") || name2.includes("error") || name2.includes("no")) {
+          score -= 50;
+        }
+      }
+      return score;
+    };
+    return allPaths.reduce((best, current) => scorePath(current) > scorePath(best) ? current : best, allPaths[0]);
   }
   /**
    * Traces a continuous branch of unplaced elements starting from a specific node.
@@ -60415,14 +60430,17 @@ SPREAD LOG: Target ${nodeId} Port ${basePort}`);
     const dy = tgtPos.y - srcPos.y;
     if (Math.abs(dy) < 10) return dx > 0 ? { srcPort: "E", tgtPort: "W" } : { srcPort: "W", tgtPort: "E" };
     if (Math.abs(dx) < 10) return dy > 0 ? { srcPort: "N", tgtPort: "S" } : { srcPort: "S", tgtPort: "N" };
-    return { srcPort: dx > 0 ? "E" : "W", tgtPort: dy > 0 ? "S" : "N" };
+    if (dy > 0 && dx > 0) return { srcPort: "E", tgtPort: "S" };
+    if (dy < 0 && dx > 0) return { srcPort: "S", tgtPort: "W" };
+    if (dy > 0 && dx < 0) return { srcPort: "N", tgtPort: "E" };
+    return { srcPort: "W", tgtPort: "N" };
   }
   _cleanText(text) {
     if (!text) return "";
     return text.replace(/\n/g, "\\n").replace(/'/g, "\\'");
   }
 }
-const version = "1.44.2";
+const version = "1.46.0";
 var Easing = Object.freeze({
   Linear: Object.freeze({
     None: function(amount) {
@@ -66877,8 +66895,19 @@ class Element extends Mesh {
         finalSrc = dy > 0 ? "N" : "S";
         finalTgt = dy > 0 ? "S" : "N";
       } else {
-        finalSrc = dx > 0 ? "E" : "W";
-        finalTgt = dy > 0 ? "S" : "N";
+        if (dy > 0 && dx > 0) {
+          finalSrc = "E";
+          finalTgt = "S";
+        } else if (dy < 0 && dx > 0) {
+          finalSrc = "S";
+          finalTgt = "W";
+        } else if (dy > 0 && dx < 0) {
+          finalSrc = "N";
+          finalTgt = "E";
+        } else {
+          finalSrc = "W";
+          finalTgt = "N";
+        }
       }
       return { sourcePort: finalSrc, targetPort: finalTgt };
     }
@@ -69078,9 +69107,10 @@ class DashedOrthogonalConnectorShape extends Shape2 {
     this.name = "DashedOrthogonalConnectorShape";
   }
 }
-const inclusive = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>\r\n<!-- Created with Inkscape (http://www.inkscape.org/) -->\r\n\r\n<svg\r\n   width="13.758311mm"\r\n   height="13.758311mm"\r\n   viewBox="0 0 13.758311 13.758311"\r\n   version="1.1"\r\n   id="svg1"\r\n   inkscape:version="1.4 (e7c3feb1, 2024-10-09)"\r\n   sodipodi:docname="inclusive.svg"\r\n   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"\r\n   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"\r\n   xmlns="http://www.w3.org/2000/svg"\r\n   xmlns:svg="http://www.w3.org/2000/svg">\r\n  <sodipodi:namedview\r\n     id="namedview1"\r\n     pagecolor="#ffffff"\r\n     bordercolor="#000000"\r\n     borderopacity="0.25"\r\n     inkscape:showpageshadow="2"\r\n     inkscape:pageopacity="0.0"\r\n     inkscape:pagecheckerboard="0"\r\n     inkscape:deskcolor="#d1d1d1"\r\n     inkscape:document-units="mm"\r\n     inkscape:zoom="8.8470394"\r\n     inkscape:cx="30.349136"\r\n     inkscape:cy="27.636364"\r\n     inkscape:window-width="1104"\r\n     inkscape:window-height="784"\r\n     inkscape:window-x="0"\r\n     inkscape:window-y="38"\r\n     inkscape:window-maximized="0"\r\n     inkscape:current-layer="layer1" />\r\n  <defs\r\n     id="defs1" />\r\n  <g\r\n     inkscape:label="Layer 1"\r\n     inkscape:groupmode="layer"\r\n     id="layer1"\r\n     transform="translate(-101.73231,-141.68439)">\r\n    <path\r\n       style="display:inline;fill:#22242a;stroke-linecap:round;stroke-linejoin:round;stroke-width:0;stroke-dasharray:none;stroke:none"\r\n       d="m 25,10.75 c -7.855252,0 -14.25,6.394748 -14.25,14.25 0,7.855252 6.394748,14.25 14.25,14.25 7.855252,0 14.25,-6.394748 14.25,-14.25 0,-7.855252 -6.394748,-14.25 -14.25,-14.25 z m 0,2.5 c 6.504152,0 11.75,5.245848 11.75,11.75 0,6.504152 -5.245848,11.75 -11.75,11.75 -6.504152,0 -11.75,-5.245848 -11.75,-11.75 0,-6.504152 5.245848,-11.75 11.75,-11.75 z"\r\n       id="path2"\r\n       transform="matrix(0.26458333,0,0,0.26458333,101.99688,141.94896)" />\r\n    <rect\r\n       x="102.52605"\r\n       y="142.47813"\r\n       rx="1.0583333"\r\n       width="12.170834"\r\n       height="12.170834"\r\n       class="djs-outline"\r\n       style="fill:none;stroke-width:0.264583"\r\n       id="rect105" />\r\n  </g>\r\n</svg>\r\n';
-const exclusive = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>\r\n<!-- Created with Inkscape (http://www.inkscape.org/) -->\r\n\r\n<svg\r\n   width="13.758311mm"\r\n   height="13.758311mm"\r\n   viewBox="0 0 13.758311 13.758311"\r\n   version="1.1"\r\n   id="svg1"\r\n   inkscape:version="1.4 (e7c3feb1, 2024-10-09)"\r\n   sodipodi:docname="exclusive.svg"\r\n   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"\r\n   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"\r\n   xmlns="http://www.w3.org/2000/svg"\r\n   xmlns:svg="http://www.w3.org/2000/svg">\r\n  <sodipodi:namedview\r\n     id="namedview1"\r\n     pagecolor="#ffffff"\r\n     bordercolor="#000000"\r\n     borderopacity="0.25"\r\n     inkscape:showpageshadow="2"\r\n     inkscape:pageopacity="0.0"\r\n     inkscape:pagecheckerboard="0"\r\n     inkscape:deskcolor="#d1d1d1"\r\n     inkscape:document-units="mm"\r\n     inkscape:zoom="4.1672912"\r\n     inkscape:cx="41.63376"\r\n     inkscape:cy="36.714497"\r\n     inkscape:window-width="1104"\r\n     inkscape:window-height="719"\r\n     inkscape:window-x="0"\r\n     inkscape:window-y="38"\r\n     inkscape:window-maximized="0"\r\n     inkscape:current-layer="layer1" />\r\n  <defs\r\n     id="defs1" />\r\n  <g\r\n     inkscape:label="Layer 1"\r\n     inkscape:groupmode="layer"\r\n     id="layer1"\r\n     transform="translate(-101.7323,-141.68439)">\r\n    <path\r\n       style="display:inline;fill:#22242a;stroke-linecap:round;stroke-linejoin:round"\r\n       d="M 16,15 23.428571,24.714286 16,34.428571 h 3.428571 l 5.714286,-7.464228 5.714286,7.464228 h 3.428571 L 26.857143,24.714286 34.285714,15 H 30.857143 L 25.142857,22.464229 19.428571,15 Z"\r\n       id="path1"\r\n       transform="matrix(0.26458333,0,0,0.26458333,101.99687,141.94896)" />\r\n    <rect\r\n       x="102.52604"\r\n       y="142.47813"\r\n       rx="1.0583333"\r\n       width="12.170834"\r\n       height="12.170834"\r\n       class="djs-outline"\r\n       style="fill:none;stroke-width:0.264583"\r\n       id="rect108" />\r\n  </g>\r\n</svg>\r\n';
-const parallel = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>\r\n<!-- Created with Inkscape (http://www.inkscape.org/) -->\r\n\r\n<svg\r\n   width="13.758311mm"\r\n   height="13.758311mm"\r\n   viewBox="0 0 13.758311 13.758311"\r\n   version="1.1"\r\n   id="svg1"\r\n   inkscape:version="1.4 (e7c3feb1, 2024-10-09)"\r\n   sodipodi:docname="parallel.svg"\r\n   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"\r\n   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"\r\n   xmlns="http://www.w3.org/2000/svg"\r\n   xmlns:svg="http://www.w3.org/2000/svg">\r\n  <sodipodi:namedview\r\n     id="namedview1"\r\n     pagecolor="#ffffff"\r\n     bordercolor="#000000"\r\n     borderopacity="0.25"\r\n     inkscape:showpageshadow="2"\r\n     inkscape:pageopacity="0.0"\r\n     inkscape:pagecheckerboard="0"\r\n     inkscape:deskcolor="#d1d1d1"\r\n     inkscape:document-units="mm"\r\n     inkscape:zoom="2.5054948"\r\n     inkscape:cx="-2.1951752"\r\n     inkscape:cy="20.155699"\r\n     inkscape:window-width="1104"\r\n     inkscape:window-height="788"\r\n     inkscape:window-x="0"\r\n     inkscape:window-y="38"\r\n     inkscape:window-maximized="0"\r\n     inkscape:current-layer="layer1" />\r\n  <defs\r\n     id="defs1" />\r\n  <g\r\n     inkscape:label="Layer 1"\r\n     inkscape:groupmode="layer"\r\n     id="layer1"\r\n     transform="translate(-101.7323,-141.68439)">\r\n    <path\r\n       d="m 108.08229,144.59479 v 3.30729 h -3.3073 v 1.32292 h 3.3073 v 3.30729 h 1.32291 V 149.225 h 3.30729 v -1.32292 h -3.30729 v -3.30729 z"\r\n       style="fill:#22242a;stroke:#22242a;stroke-width:0.264583px;stroke-linecap:round;stroke-linejoin:round"\r\n       id="path109" />\r\n    <rect\r\n       x="102.52604"\r\n       y="142.47813"\r\n       rx="1.0583333"\r\n       width="12.170834"\r\n       height="12.170834"\r\n       class="djs-outline"\r\n       style="fill:none;stroke-width:0.264583"\r\n       id="rect111" />\r\n  </g>\r\n</svg>\r\n';
+const subProcessMarker = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n<svg\n   xmlns:dc="http://purl.org/dc/elements/1.1/"\n   xmlns:cc="http://creativecommons.org/ns#"\n   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"\n   xmlns:svg="http://www.w3.org/2000/svg"\n   xmlns="http://www.w3.org/2000/svg"\n   version="1.1"\n   id="svg2"\n   viewBox="0 0 2000 2000"\n   height="2000"\n   width="2000">\n  <defs\n     id="defs4" />\n  <metadata\n     id="metadata7">\n    <rdf:RDF>\n      <cc:Work\n         rdf:about="">\n        <dc:format>image/svg+xml</dc:format>\n        <dc:type\n           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />\n        <dc:title></dc:title>\n        <cc:license\n           rdf:resource="https://github.com/bpmn-io/bpmn-font/blob/master/LICENSE" />\n        <dc:creator>\n          <cc:Agent>\n            <dc:title>Jörg Dotzki</dc:title>\n          </cc:Agent>\n        </dc:creator>\n        <dc:subject>\n          <rdf:Bag>\n            <rdf:li>BPMN</rdf:li>\n            <rdf:li>bpmn-io</rdf:li>\n            <rdf:li>bpmn.io</rdf:li>\n            <rdf:li>Font</rdf:li>\n          </rdf:Bag>\n        </dc:subject>\n      </cc:Work>\n    </rdf:RDF>\n  </metadata>\n  <g\n     transform="translate(0,947.63784)"\n     id="layer1">\n    <path\n       id="rect4136-1"\n       transform="translate(0,-947.63784)"\n       d="m 300,300 0,50 0,1350 1400,0 0,-1400 z m 88,88 1224,0 0,1224 -1224,0 z m 522,212 0,310 -310,0 0,180 310,0 0,310 180,0 0,-310 310,0 0,-180 -310,0 0,-310 z"\n       style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:200;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />\n  </g>\n</svg>\n';
+const inclusive = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n<!-- Created with Inkscape (http://www.inkscape.org/) -->\n\n<svg\n   width="13.758311mm"\n   height="13.758311mm"\n   viewBox="0 0 13.758311 13.758311"\n   version="1.1"\n   id="svg1"\n   inkscape:version="1.4 (e7c3feb1, 2024-10-09)"\n   sodipodi:docname="inclusive.svg"\n   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"\n   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"\n   xmlns="http://www.w3.org/2000/svg"\n   xmlns:svg="http://www.w3.org/2000/svg">\n  <sodipodi:namedview\n     id="namedview1"\n     pagecolor="#ffffff"\n     bordercolor="#000000"\n     borderopacity="0.25"\n     inkscape:showpageshadow="2"\n     inkscape:pageopacity="0.0"\n     inkscape:pagecheckerboard="0"\n     inkscape:deskcolor="#d1d1d1"\n     inkscape:document-units="mm"\n     inkscape:zoom="8.8470394"\n     inkscape:cx="30.349136"\n     inkscape:cy="27.636364"\n     inkscape:window-width="1104"\n     inkscape:window-height="784"\n     inkscape:window-x="0"\n     inkscape:window-y="38"\n     inkscape:window-maximized="0"\n     inkscape:current-layer="layer1" />\n  <defs\n     id="defs1" />\n  <g\n     inkscape:label="Layer 1"\n     inkscape:groupmode="layer"\n     id="layer1"\n     transform="translate(-101.73231,-141.68439)">\n    <path\n       style="display:inline;fill:#22242a;stroke-linecap:round;stroke-linejoin:round;stroke-width:0;stroke-dasharray:none;stroke:none"\n       d="m 25,10.75 c -7.855252,0 -14.25,6.394748 -14.25,14.25 0,7.855252 6.394748,14.25 14.25,14.25 7.855252,0 14.25,-6.394748 14.25,-14.25 0,-7.855252 -6.394748,-14.25 -14.25,-14.25 z m 0,2.5 c 6.504152,0 11.75,5.245848 11.75,11.75 0,6.504152 -5.245848,11.75 -11.75,11.75 -6.504152,0 -11.75,-5.245848 -11.75,-11.75 0,-6.504152 5.245848,-11.75 11.75,-11.75 z"\n       id="path2"\n       transform="matrix(0.26458333,0,0,0.26458333,101.99688,141.94896)" />\n    <rect\n       x="102.52605"\n       y="142.47813"\n       rx="1.0583333"\n       width="12.170834"\n       height="12.170834"\n       class="djs-outline"\n       style="fill:none;stroke-width:0.264583"\n       id="rect105" />\n  </g>\n</svg>\n';
+const exclusive = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n<!-- Created with Inkscape (http://www.inkscape.org/) -->\n\n<svg\n   width="13.758311mm"\n   height="13.758311mm"\n   viewBox="0 0 13.758311 13.758311"\n   version="1.1"\n   id="svg1"\n   inkscape:version="1.4 (e7c3feb1, 2024-10-09)"\n   sodipodi:docname="exclusive.svg"\n   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"\n   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"\n   xmlns="http://www.w3.org/2000/svg"\n   xmlns:svg="http://www.w3.org/2000/svg">\n  <sodipodi:namedview\n     id="namedview1"\n     pagecolor="#ffffff"\n     bordercolor="#000000"\n     borderopacity="0.25"\n     inkscape:showpageshadow="2"\n     inkscape:pageopacity="0.0"\n     inkscape:pagecheckerboard="0"\n     inkscape:deskcolor="#d1d1d1"\n     inkscape:document-units="mm"\n     inkscape:zoom="4.1672912"\n     inkscape:cx="41.63376"\n     inkscape:cy="36.714497"\n     inkscape:window-width="1104"\n     inkscape:window-height="719"\n     inkscape:window-x="0"\n     inkscape:window-y="38"\n     inkscape:window-maximized="0"\n     inkscape:current-layer="layer1" />\n  <defs\n     id="defs1" />\n  <g\n     inkscape:label="Layer 1"\n     inkscape:groupmode="layer"\n     id="layer1"\n     transform="translate(-101.7323,-141.68439)">\n    <path\n       style="display:inline;fill:#22242a;stroke-linecap:round;stroke-linejoin:round"\n       d="M 16,15 23.428571,24.714286 16,34.428571 h 3.428571 l 5.714286,-7.464228 5.714286,7.464228 h 3.428571 L 26.857143,24.714286 34.285714,15 H 30.857143 L 25.142857,22.464229 19.428571,15 Z"\n       id="path1"\n       transform="matrix(0.26458333,0,0,0.26458333,101.99687,141.94896)" />\n    <rect\n       x="102.52604"\n       y="142.47813"\n       rx="1.0583333"\n       width="12.170834"\n       height="12.170834"\n       class="djs-outline"\n       style="fill:none;stroke-width:0.264583"\n       id="rect108" />\n  </g>\n</svg>\n';
+const parallel = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n<!-- Created with Inkscape (http://www.inkscape.org/) -->\n\n<svg\n   width="13.758311mm"\n   height="13.758311mm"\n   viewBox="0 0 13.758311 13.758311"\n   version="1.1"\n   id="svg1"\n   inkscape:version="1.4 (e7c3feb1, 2024-10-09)"\n   sodipodi:docname="parallel.svg"\n   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"\n   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"\n   xmlns="http://www.w3.org/2000/svg"\n   xmlns:svg="http://www.w3.org/2000/svg">\n  <sodipodi:namedview\n     id="namedview1"\n     pagecolor="#ffffff"\n     bordercolor="#000000"\n     borderopacity="0.25"\n     inkscape:showpageshadow="2"\n     inkscape:pageopacity="0.0"\n     inkscape:pagecheckerboard="0"\n     inkscape:deskcolor="#d1d1d1"\n     inkscape:document-units="mm"\n     inkscape:zoom="2.5054948"\n     inkscape:cx="-2.1951752"\n     inkscape:cy="20.155699"\n     inkscape:window-width="1104"\n     inkscape:window-height="788"\n     inkscape:window-x="0"\n     inkscape:window-y="38"\n     inkscape:window-maximized="0"\n     inkscape:current-layer="layer1" />\n  <defs\n     id="defs1" />\n  <g\n     inkscape:label="Layer 1"\n     inkscape:groupmode="layer"\n     id="layer1"\n     transform="translate(-101.7323,-141.68439)">\n    <path\n       d="m 108.08229,144.59479 v 3.30729 h -3.3073 v 1.32292 h 3.3073 v 3.30729 h 1.32291 V 149.225 h 3.30729 v -1.32292 h -3.30729 v -3.30729 z"\n       style="fill:#22242a;stroke:#22242a;stroke-width:0.264583px;stroke-linecap:round;stroke-linejoin:round"\n       id="path109" />\n    <rect\n       x="102.52604"\n       y="142.47813"\n       rx="1.0583333"\n       width="12.170834"\n       height="12.170834"\n       class="djs-outline"\n       style="fill:none;stroke-width:0.264583"\n       id="rect111" />\n  </g>\n</svg>\n';
 const eventBased = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n<!-- Created with Inkscape (http://www.inkscape.org/) -->\n\n<svg\n   width="13.758311mm"\n   height="13.758311mm"\n   viewBox="0 0 13.758311 13.758311"\n   version="1.1"\n   id="svg1"\n   inkscape:version="1.4 (e7c3feb1, 2024-10-09)"\n   sodipodi:docname="event-based.svg"\n   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"\n   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"\n   xmlns="http://www.w3.org/2000/svg"\n   xmlns:svg="http://www.w3.org/2000/svg">\n  <sodipodi:namedview\n     id="namedview1"\n     pagecolor="#ffffff"\n     bordercolor="#000000"\n     borderopacity="0.25"\n     inkscape:showpageshadow="2"\n     inkscape:pageopacity="0.0"\n     inkscape:pagecheckerboard="0"\n     inkscape:deskcolor="#d1d1d1"\n     inkscape:document-units="mm"\n     inkscape:zoom="4.3759929"\n     inkscape:cx="21.36658"\n     inkscape:cy="26.16549"\n     inkscape:window-width="1104"\n     inkscape:window-height="786"\n     inkscape:window-x="0"\n     inkscape:window-y="38"\n     inkscape:window-maximized="0"\n     inkscape:current-layer="layer1" />\n  <defs\n     id="defs1" />\n  <g\n     inkscape:label="Layer 1"\n     inkscape:groupmode="layer"\n     id="layer1"\n     transform="translate(-1969.426,-2186.3844)">\n    <circle\n       cx="1976.3052"\n       cy="2193.2637"\n       r="3.96875"\n       style="fill:none;stroke:#22242a;stroke-width:0.264583px;stroke-linecap:round;stroke-linejoin:round"\n       id="circle112" />\n    <circle\n       cx="1976.3052"\n       cy="2193.2637"\n       r="3.175"\n       style="fill:none;stroke:#22242a;stroke-width:0.264583px;stroke-linecap:round;stroke-linejoin:round"\n       id="circle113" />\n    <path\n       d="m 1974.4531,2192.4698 1.9483,-1.2988 1.9483,1.2988 -0.6494,2.5978 h -2.5978 z"\n       style="fill:none;stroke:#22242a;stroke-width:0.529167px;stroke-linecap:round;stroke-linejoin:round"\n       id="path113" />\n    <rect\n       x="1970.2197"\n       y="2187.1782"\n       rx="1.0583333"\n       width="12.170834"\n       height="12.170834"\n       class="djs-outline"\n       style="fill:none;stroke-width:0.264583"\n       id="rect114" />\n  </g>\n</svg>\n';
 const complex = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n<!-- Created with Inkscape (http://www.inkscape.org/) -->\n\n<svg\n   width="13.758311mm"\n   height="13.758311mm"\n   viewBox="0 0 13.758311 13.758311"\n   version="1.1"\n   id="svg1"\n   inkscape:version="1.4 (e7c3feb1, 2024-10-09)"\n   sodipodi:docname="complex.svg"\n   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"\n   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"\n   xmlns="http://www.w3.org/2000/svg"\n   xmlns:svg="http://www.w3.org/2000/svg">\n  <sodipodi:namedview\n     id="namedview1"\n     pagecolor="#ffffff"\n     bordercolor="#000000"\n     borderopacity="0.25"\n     inkscape:showpageshadow="2"\n     inkscape:pageopacity="0.0"\n     inkscape:pagecheckerboard="0"\n     inkscape:deskcolor="#d1d1d1"\n     inkscape:document-units="mm"\n     inkscape:zoom="4.8390424"\n     inkscape:cx="39.987251"\n     inkscape:cy="19.218679"\n     inkscape:window-width="1104"\n     inkscape:window-height="827"\n     inkscape:window-x="0"\n     inkscape:window-y="38"\n     inkscape:window-maximized="0"\n     inkscape:current-layer="layer1" />\n  <defs\n     id="defs1" />\n  <g\n     inkscape:label="Layer 1"\n     inkscape:groupmode="layer"\n     id="layer1"\n     transform="translate(-101.73231,-141.68439)">\n    <g\n       id="path115"\n       style="fill:#22242a;fill-opacity:1;stroke:none;stroke-width:0;stroke-dasharray:none"\n       transform="matrix(0.26458333,0,0,0.26458333,-13.62604,-21.563537)">\n      <path\n         style="fill:#22242a;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none"\n         d="m 460,631 v 7.11679 l -5.01825,-5.01825 -3.10219,3.10219 5.01825,5.01825 h -7.11679 v 4.37956 h 7.11679 l -5.01825,5.01825 3.10219,3.10219 L 460,648.70073 v 7.11679 h 4.37956 v -7.11679 l 5.01825,5.01825 3.10219,-3.10219 -5.01825,-5.01825 h 7.11679 v -4.37956 h -7.11679 l 5.01825,-5.01825 -3.10219,-3.10219 -5.01825,5.01825 V 631 Z"\n         id="path211" />\n    </g>\n    <rect\n       x="102.52604"\n       y="142.47813"\n       rx="1.0583333"\n       width="12.170834"\n       height="12.170834"\n       class="djs-outline"\n       style="fill:none;stroke-width:0.264583"\n       id="rect117" />\n  </g>\n</svg>\n';
 const conditional = '<?xml version="1.0" encoding="UTF-8" standalone="no"?>\n<!-- Created with Inkscape (http://www.inkscape.org/) -->\n\n<svg\n   width="4.1010432mm"\n   height="5.0270829mm"\n   viewBox="0 0 4.1010433 5.0270831"\n   version="1.1"\n   id="svg1"\n   inkscape:version="1.4 (86a8ad7, 2024-10-11)"\n   sodipodi:docname="conditional.svg"\n   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"\n   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"\n   xmlns="http://www.w3.org/2000/svg"\n   xmlns:svg="http://www.w3.org/2000/svg">\n  <sodipodi:namedview\n     id="namedview1"\n     pagecolor="#505050"\n     bordercolor="#eeeeee"\n     borderopacity="1"\n     inkscape:showpageshadow="0"\n     inkscape:pageopacity="0"\n     inkscape:pagecheckerboard="0"\n     inkscape:deskcolor="#505050"\n     inkscape:document-units="mm"\n     inkscape:zoom="8.1336326"\n     inkscape:cx="2.3359796"\n     inkscape:cy="13.216727"\n     inkscape:window-width="2560"\n     inkscape:window-height="1009"\n     inkscape:window-x="-8"\n     inkscape:window-y="-8"\n     inkscape:window-maximized="1"\n     inkscape:current-layer="layer1" />\n  <defs\n     id="defs1" />\n  <g\n     inkscape:label="Layer 1"\n     inkscape:groupmode="layer"\n     id="layer1"\n     transform="translate(-156.23646,-112.58021)">\n    <path\n       d="m 156.36875,112.7125 h 3.83646 v 4.7625 h -3.83646 z m 0.52917,0.79375 h 2.77813 M 156.89792,114.3 h 2.77813 m -2.77813,0.79375 h 2.77813 m -2.77813,0.79375 h 2.77813 m -2.77813,0.79375 h 2.77813 m -2.77813,0.79375 h 2.77813"\n       style="fill:none;stroke:#22242a;stroke-width:0.264583px;stroke-linecap:round;stroke-linejoin:round"\n       id="path22" />\n  </g>\n</svg>\n';
@@ -69405,6 +69435,25 @@ class BpmnDiagram extends Diagram {
     return _el;
   }
   // Tasks
+  addSubProcess(elementId, width = BPMN_DIMS.TASK_WIDTH, height = BPMN_DIMS.TASK_HEIGHT, isExpanded2 = false) {
+    const _el = this.addElement(new Element(elementId, new RoundedRectangleShape(width, height)));
+    _el.semanticType = "subprocess";
+    _el.bpmnType = "bpmn:SubProcess";
+    if (isExpanded2) {
+      _el.textStyle = { fontSize: BPMN_DIMS.FONT_SIZE_TASK, align: "top-left", offset: { x: 5, y: -5, z: 0 }, faceCamera: false };
+    } else {
+      _el.textStyle = { fontSize: BPMN_DIMS.FONT_SIZE_TASK, align: BPMN_DIMS.TEXT_ALIGN_TASK, offset: BPMN_DIMS.TEXT_OFFSET_DEFAULT, faceCamera: BPMN_DIMS.FACE_CAMERA_TASK };
+      _el.addIcon(subProcessMarker, "bottom", BPMN_DIMS.ICON_SIZE_SMALL);
+    }
+    return _el;
+  }
+  addCallActivity(elementId, width = BPMN_DIMS.TASK_WIDTH, height = BPMN_DIMS.TASK_HEIGHT) {
+    const _el = this.addElement(new Element(elementId, new RoundedRectangleShape(width, height, 10, 3)));
+    _el.semanticType = "callactivity";
+    _el.bpmnType = "bpmn:CallActivity";
+    _el.textStyle = { fontSize: BPMN_DIMS.FONT_SIZE_TASK, align: BPMN_DIMS.TEXT_ALIGN_TASK, offset: BPMN_DIMS.TEXT_OFFSET_DEFAULT, faceCamera: BPMN_DIMS.FACE_CAMERA_TASK };
+    return _el;
+  }
   addTask(elementId, width = BPMN_DIMS.TASK_WIDTH, height = BPMN_DIMS.TASK_HEIGHT) {
     const _el = this.addElement(new Element(elementId, new RoundedRectangleShape(width, height)));
     _el.semanticType = "task";
@@ -69568,16 +69617,20 @@ class BpmnDiagram extends Diagram {
     const dcNamespace = "http://www.omg.org/spec/DD/20100524/DC";
     const diNamespace = "http://www.omg.org/spec/DD/20100524/DI";
     const layoutMap = {};
-    const bpmnShapes = xmlDoc.getElementsByTagNameNS(bpmndiNamespace, "BPMNShape");
+    const bpmnDiagrams = xmlDoc.getElementsByTagNameNS(bpmndiNamespace, "BPMNDiagram");
+    const mainDiagram = bpmnDiagrams.length > 0 ? bpmnDiagrams[0] : xmlDoc;
+    const bpmnShapes = mainDiagram.getElementsByTagNameNS(bpmndiNamespace, "BPMNShape");
     for (let i2 = 0; i2 < bpmnShapes.length; i2++) {
       const bpmnElementId = bpmnShapes[i2].getAttribute("bpmnElement");
+      const isExpanded2 = bpmnShapes[i2].getAttribute("isExpanded") === "true";
       const bounds = bpmnShapes[i2].getElementsByTagNameNS(dcNamespace, "Bounds")[0];
       if (bounds) {
         layoutMap[bpmnElementId] = {
           width: parseFloat(bounds.getAttribute("width")),
           height: parseFloat(bounds.getAttribute("height")),
           x: parseFloat(bounds.getAttribute("x")),
-          y: parseFloat(bounds.getAttribute("y")) * -1
+          y: parseFloat(bounds.getAttribute("y")) * -1,
+          isExpanded: isExpanded2
         };
       }
     }
@@ -69635,6 +69688,7 @@ class BpmnDiagram extends Diagram {
     const startEvents = xmlDoc.getElementsByTagNameNS(bpmnNamespace, "startEvent");
     for (let i2 = 0; i2 < startEvents.length; i2++) {
       const startEventId = startEvents[i2].getAttribute("id");
+      if (!layoutMap[startEventId]) continue;
       const { width, height } = getDims(startEventId);
       if (startEvents[i2].getElementsByTagNameNS(bpmnNamespace, "messageEventDefinition").length > 0) {
         this.addMessageStartEvent(startEventId, width, height);
@@ -69651,6 +69705,7 @@ class BpmnDiagram extends Diagram {
     const endEvents = xmlDoc.getElementsByTagNameNS(bpmnNamespace, "endEvent");
     for (let i2 = 0; i2 < endEvents.length; i2++) {
       const endEventId = endEvents[i2].getAttribute("id");
+      if (!layoutMap[endEventId]) continue;
       endEvents[i2].getAttribute("name");
       endEvents[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
       endEvents[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
@@ -69674,6 +69729,7 @@ class BpmnDiagram extends Diagram {
     for (let i2 = 0; i2 < intermediateCatchEvents.length; i2++) {
       const intermediateCatchEventId = intermediateCatchEvents[i2].getAttribute("id");
       intermediateCatchEvents[i2].getAttribute("name");
+      if (!layoutMap[intermediateCatchEventId]) continue;
       getDims(intermediateCatchEventId);
       if (intermediateCatchEvents[i2].getElementsByTagNameNS(bpmnNamespace, "messageEventDefinition").length > 0) {
         this.addIntermediateMessageCatchEvent(intermediateCatchEventId);
@@ -69693,6 +69749,7 @@ class BpmnDiagram extends Diagram {
     for (let i2 = 0; i2 < intermediateThrowEvents.length; i2++) {
       const intermediateThrowEventId = intermediateThrowEvents[i2].getAttribute("id");
       intermediateThrowEvents[i2].getAttribute("name");
+      if (!layoutMap[intermediateThrowEventId]) continue;
       getDims(intermediateThrowEventId);
       if (intermediateThrowEvents[i2].getElementsByTagNameNS(bpmnNamespace, "messageEventDefinition").length > 0) {
         this.addIntermediateMessageThrowEvent(intermediateThrowEventId);
@@ -69708,12 +69765,42 @@ class BpmnDiagram extends Diagram {
         this.addIntermediateEvent(intermediateThrowEventId);
       }
     }
+    const subProcesses = xmlDoc.getElementsByTagNameNS(bpmnNamespace, "subProcess");
+    for (let i2 = 0; i2 < subProcesses.length; i2++) {
+      const subProcessId = subProcesses[i2].getAttribute("id");
+      const name2 = subProcesses[i2].getAttribute("name");
+      subProcesses[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
+      subProcesses[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
+      const layout = getRawLayout(subProcessId);
+      const isExpanded2 = layout.isExpanded || false;
+      if (!layoutMap[subProcessId]) continue;
+      let align = BPMN_DIMS.TEXT_ALIGN_TASK;
+      let offset = BPMN_DIMS.TEXT_OFFSET_DEFAULT;
+      let vAlign = "center";
+      if (isExpanded2) {
+        align = "center";
+        vAlign = "top";
+        offset = new Vector3(0, -10, 0);
+      }
+      this.addSubProcess(subProcessId, layout.width, layout.height, isExpanded2).addWrappedText(name2, offset, BPMN_DIMS.FONT_SIZE_TASK, align, layout.width * 0.9, layout.height, vAlign);
+    }
+    const callActivities = xmlDoc.getElementsByTagNameNS(bpmnNamespace, "callActivity");
+    for (let i2 = 0; i2 < callActivities.length; i2++) {
+      const callActivityId = callActivities[i2].getAttribute("id");
+      const name2 = callActivities[i2].getAttribute("name");
+      callActivities[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
+      callActivities[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
+      if (!layoutMap[callActivityId]) continue;
+      const { width, height } = getDims(callActivityId);
+      this.addCallActivity(callActivityId, width, height).addWrappedText(name2, BPMN_DIMS.TEXT_OFFSET_DEFAULT, BPMN_DIMS.FONT_SIZE_TASK, BPMN_DIMS.TEXT_ALIGN_TASK);
+    }
     const tasks = xmlDoc.getElementsByTagNameNS(bpmnNamespace, "task");
     for (let i2 = 0; i2 < tasks.length; i2++) {
       const taskId = tasks[i2].getAttribute("id");
       const name2 = tasks[i2].getAttribute("name");
       tasks[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
       tasks[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
+      if (!layoutMap[taskId]) continue;
       const { width, height } = getDims(taskId);
       this.addTask(taskId, width, height).addWrappedText(name2, BPMN_DIMS.TEXT_OFFSET_DEFAULT, BPMN_DIMS.FONT_SIZE_TASK, BPMN_DIMS.TEXT_ALIGN_TASK);
     }
@@ -69723,6 +69810,7 @@ class BpmnDiagram extends Diagram {
       const name2 = manualTasks[i2].getAttribute("name");
       manualTasks[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
       manualTasks[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
+      if (!layoutMap[manualTaskId]) continue;
       const { width, height } = getDims(manualTaskId);
       this.addManualTask(manualTaskId, width, height).addWrappedText(name2, BPMN_DIMS.TEXT_OFFSET_DEFAULT, BPMN_DIMS.FONT_SIZE_TASK, BPMN_DIMS.TEXT_ALIGN_TASK);
     }
@@ -69732,6 +69820,7 @@ class BpmnDiagram extends Diagram {
       const name2 = userTasks[i2].getAttribute("name");
       userTasks[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
       userTasks[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
+      if (!layoutMap[userTaskId]) continue;
       const { width, height } = getDims(userTaskId);
       this.addUserTask(userTaskId, width, height).addWrappedText(name2, BPMN_DIMS.TEXT_OFFSET_DEFAULT, BPMN_DIMS.FONT_SIZE_TASK, BPMN_DIMS.TEXT_ALIGN_TASK);
     }
@@ -69741,6 +69830,7 @@ class BpmnDiagram extends Diagram {
       const name2 = scriptTasks[i2].getAttribute("name");
       scriptTasks[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
       scriptTasks[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
+      if (!layoutMap[scriptTaskId]) continue;
       const { width, height } = getDims(scriptTaskId);
       this.addScriptTask(scriptTaskId, width, height).addWrappedText(name2, BPMN_DIMS.TEXT_OFFSET_DEFAULT, BPMN_DIMS.FONT_SIZE_TASK, BPMN_DIMS.TEXT_ALIGN_TASK);
     }
@@ -69750,6 +69840,7 @@ class BpmnDiagram extends Diagram {
       const name2 = businessRuleTasks[i2].getAttribute("name");
       businessRuleTasks[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
       businessRuleTasks[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
+      if (!layoutMap[businessRuleTaskId]) continue;
       const { width, height } = getDims(businessRuleTaskId);
       this.addBusinessRuleTask(businessRuleTaskId, width, height).addWrappedText(name2, BPMN_DIMS.TEXT_OFFSET_DEFAULT, BPMN_DIMS.FONT_SIZE_TASK, BPMN_DIMS.TEXT_ALIGN_TASK);
     }
@@ -69759,6 +69850,7 @@ class BpmnDiagram extends Diagram {
       const name2 = serviceTasks[i2].getAttribute("name");
       serviceTasks[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
       serviceTasks[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
+      if (!layoutMap[serviceTaskId]) continue;
       const { width, height } = getDims(serviceTaskId);
       this.addServiceTask(serviceTaskId, width, height).addWrappedText(name2, BPMN_DIMS.TEXT_OFFSET_DEFAULT, BPMN_DIMS.FONT_SIZE_TASK, BPMN_DIMS.TEXT_ALIGN_TASK);
     }
@@ -69768,6 +69860,7 @@ class BpmnDiagram extends Diagram {
       const name2 = sendTasks[i2].getAttribute("name");
       sendTasks[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
       sendTasks[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
+      if (!layoutMap[sendTaskId]) continue;
       const { width, height } = getDims(sendTaskId);
       this.addSendTask(sendTaskId, width, height).addWrappedText(name2, BPMN_DIMS.TEXT_OFFSET_DEFAULT, BPMN_DIMS.FONT_SIZE_TASK, BPMN_DIMS.TEXT_ALIGN_TASK);
     }
@@ -69777,6 +69870,7 @@ class BpmnDiagram extends Diagram {
       const name2 = receiveTasks[i2].getAttribute("name");
       receiveTasks[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
       receiveTasks[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
+      if (!layoutMap[receiveTaskId]) continue;
       const { width, height } = getDims(receiveTaskId);
       this.addReceiveTask(receiveTaskId, width, height).addWrappedText(name2, BPMN_DIMS.TEXT_OFFSET_DEFAULT, BPMN_DIMS.FONT_SIZE_TASK, BPMN_DIMS.TEXT_ALIGN_TASK);
     }
@@ -69786,6 +69880,7 @@ class BpmnDiagram extends Diagram {
       inclusiveGateways[i2].getAttribute("name");
       inclusiveGateways[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
       inclusiveGateways[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
+      if (!layoutMap[gatewayId]) continue;
       const { width, height } = getDims(gatewayId);
       this.addInclusiveGateway(gatewayId, width, height);
     }
@@ -69795,6 +69890,7 @@ class BpmnDiagram extends Diagram {
       exclusiveGateways[i2].getAttribute("name");
       exclusiveGateways[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
       exclusiveGateways[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
+      if (!layoutMap[gatewayId]) continue;
       const { width, height } = getDims(gatewayId);
       this.addExclusiveGateway(gatewayId, width, height);
     }
@@ -69804,6 +69900,7 @@ class BpmnDiagram extends Diagram {
       parallelGateways[i2].getAttribute("name");
       parallelGateways[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
       parallelGateways[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
+      if (!layoutMap[gatewayId]) continue;
       const { width, height } = getDims(gatewayId);
       this.addParallelGateway(gatewayId, width, height);
     }
@@ -69813,6 +69910,7 @@ class BpmnDiagram extends Diagram {
       eventBasedGateways[i2].getAttribute("name");
       eventBasedGateways[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
       eventBasedGateways[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
+      if (!layoutMap[gatewayId]) continue;
       const { width, height } = getDims(gatewayId);
       this.addEventBasedGateway(gatewayId, width, height);
     }
@@ -69822,6 +69920,7 @@ class BpmnDiagram extends Diagram {
       complexGateways[i2].getAttribute("name");
       complexGateways[i2].getElementsByTagNameNS(bpmnNamespace, "incoming");
       complexGateways[i2].getElementsByTagNameNS(bpmnNamespace, "outgoing");
+      if (!layoutMap[gatewayId]) continue;
       const { width, height } = getDims(gatewayId);
       this.addComplexGateway(gatewayId, width, height);
     }
@@ -69837,10 +69936,11 @@ class BpmnDiagram extends Diagram {
       const id = textAnnotations[i2].getAttribute("id");
       const textNode = textAnnotations[i2].getElementsByTagNameNS(bpmnNamespace, "text")[0];
       const text = textNode ? textNode.textContent : "";
+      if (!layoutMap[id]) continue;
       const { width, height } = getDims(id);
       this.addTextAnnotation(id, text, width, height);
     }
-    const bpmnShapesToPosition = xmlDoc.getElementsByTagNameNS(bpmndiNamespace, "BPMNShape");
+    const bpmnShapesToPosition = mainDiagram.getElementsByTagNameNS(bpmndiNamespace, "BPMNShape");
     for (let i2 = 0; i2 < bpmnShapesToPosition.length; i2++) {
       const bpmnShape = bpmnShapesToPosition[i2];
       bpmnShape.getAttribute("id");
@@ -69911,7 +70011,7 @@ class BpmnDiagram extends Diagram {
         }
       }
     }
-    const bpmnEdges = xmlDoc.getElementsByTagNameNS(bpmndiNamespace, "BPMNEdge");
+    const bpmnEdges = mainDiagram.getElementsByTagNameNS(bpmndiNamespace, "BPMNEdge");
     for (let i2 = 0; i2 < bpmnEdges.length; i2++) {
       const bpmnEdge = bpmnEdges[i2];
       const bpmnEdgeId = bpmnEdge.getAttribute("id");