aurea-eden 1.45.1 → 1.46.1

package/README.md

@@ -214,7 +214,10 @@ const barValues = {
   'Task_4': [
     { heightValue: 42, colorValue: 70 },
     { heightValue: 30, colorValue: 90, colorsInverted: true }
-  ]
+  ],
+
+  // Clear bars explicitly (omitting the ID entirely also works)
+  'Task_5': 0
 };
 </script>
 ```
@@ -357,6 +360,14 @@ diagram.addTask('a1')
 
 Colors are normalized **per slot** across all elements. All elements' first bars are normalized together, all second bars separately — so each slot independently represents a different KPI dimension.
 
+#### Clearing Bars
+
+To remove a value bar from an element that previously displayed one, you can either:
+1. Completely omit the element's ID from the `values` object in your next reactive update.
+2. Explicitly set the value to `0` or an empty array `[]`.
+
+The Vue wrapper will automatically clean up the 3D meshes without crashing the WebGL context.
+
 #### Badge labels in ANALYZE mode
 
 Each bar (or combined group for 3+ bars) gets an animated floating label that counts up from zero to the final value during the rise animation. If the element has an active-task type set, the label also carries the appropriate star icon.
@@ -539,6 +550,8 @@ export { CurvedConnectorShape };
 
 ```
 aurea-eden/
+├── data/
+│   └── bpmn/               # BPMN 2.0 XML templates
 ├── lib/
 │   ├── components/         # Vue component (AureaEdenBpmnDiagram.vue)
 │   ├── connectors/         # Connector base class
@@ -553,8 +566,7 @@ aurea-eden/
 │   ├── CustomNotationDemo/
 │   ├── OrderProcessingDemo/
 │   ├── ShapesDemo/
-│   ├── SimpleBPMN/
-│   └── VueWrapperBpmnDemo/
+│   └── SimpleBPMN/
 ├── assets/                 # Static assets (logo, demo screenshots)
 ├── dist/                   # Built library (ES module + UMD)
 ├── dist-site/              # Built demo site

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

@@ -60171,7 +60171,12 @@ SPREAD LOG: Target ${nodeId} Port ${basePort}`);
       "parallelGateway",
       "eventBasedGateway",
       "complexGateway",
-      "endEvent"
+      "endEvent",
+      "intermediateCatchEvent",
+      "intermediateThrowEvent",
+      "boundaryEvent",
+      "subProcess",
+      "callActivity"
     ];
     for (let i2 = 0; i2 < allNodes.length; i2++) {
       const node2 = allNodes[i2];
@@ -60438,7 +60443,7 @@ SPREAD LOG: Target ${nodeId} Port ${basePort}`);
     return text.replace(/\n/g, "\\n").replace(/'/g, "\\'");
   }
 }
-const version = "1.45.1";
+const version = "1.46.1";
 var Easing = Object.freeze({
   Linear: Object.freeze({
     None: function(amount) {
@@ -68069,22 +68074,24 @@ class Diagram {
         if (barHeight > maxBarHeight) maxBarHeight = barHeight;
         const rawColor = getColorForValue(colorValue, slotMin, slotMax, colorsInverted);
         const barColor = isDark ? new Color(65535) : rawColor;
-        const slotShape = totalBars === 1 ? element.shape.getOuterShape() : createRoundedBarSlotShape(elementSize.x, elementSize.y, barIndex, totalBars);
-        const barShape = new ValueBarShape(slotShape, barHeight, barColor, this.theme);
-        const barElement = new Element(`${element.elementId}_bar_${barIndex}`, barShape);
-        barElement.themable = false;
-        barElement.userData.barIndex = barIndex;
-        barElement.userData.barDef = barDef;
-        barElement.userData.slotMin = slotMin;
-        barElement.userData.slotMax = slotMax;
-        this.addElement(barElement).positionAt(element.getPosition());
-        element.valueBars.push({ element: barElement, positionOffset: new Vector3(0, 0, 0) });
-        barElement.scale.z = 0;
-        const animationState = { progress: 0 };
-        const tween = new Tween(animationState).to({ progress: 1 }, 1500).easing(Easing.Quartic.Out).onUpdate(() => {
-          barElement.scale.z = animationState.progress;
-        }).start();
-        this.analysisTweens.push(tween);
+        if (barHeight > 0) {
+          const slotShape = totalBars === 1 ? element.shape.getOuterShape() : createRoundedBarSlotShape(elementSize.x, elementSize.y, barIndex, totalBars);
+          const barShape = new ValueBarShape(slotShape, barHeight, barColor, this.theme);
+          const barElement = new Element(`${element.elementId}_bar_${barIndex}`, barShape);
+          barElement.themable = false;
+          barElement.userData.barIndex = barIndex;
+          barElement.userData.barDef = barDef;
+          barElement.userData.slotMin = slotMin;
+          barElement.userData.slotMax = slotMax;
+          this.addElement(barElement).positionAt(element.getPosition());
+          element.valueBars.push({ element: barElement, positionOffset: new Vector3(0, 0, 0) });
+          barElement.scale.z = 0;
+          const animationState = { progress: 0 };
+          const tween = new Tween(animationState).to({ progress: 1 }, 1500).easing(Easing.Quartic.Out).onUpdate(() => {
+            barElement.scale.z = animationState.progress;
+          }).start();
+          this.analysisTweens.push(tween);
+        }
       });
       const taskType = element.userData.taskType;
       let minZ = 0;
@@ -68724,19 +68731,29 @@ class Diagram {
    * Clears all elements and connectors from the diagram.
    */
   clear() {
+    if (this.tween) this.tween.stop();
+    if (this.analysisTweens) {
+      this.analysisTweens.forEach((t2) => t2.stop());
+      this.analysisTweens = [];
+    }
+    this.removeValueBars();
     if (this.elements.length > 0) {
       this.elements.forEach((element) => {
         this.scene.remove(element);
+        if (element.dispose) element.dispose();
       });
     }
     if (this.connectors.length > 0) {
       this.connectors.forEach((connector) => {
         this.scene.remove(connector);
+        if (connector.geometry) connector.geometry.dispose();
+        if (connector.material) connector.material.dispose();
       });
     }
     this.elements = [];
     this.connectors = [];
     this.elementConnectors.clear();
+    this.mode = "VIEW";
   }
   // ================================================================
   //   Diagram JSON
@@ -69105,9 +69122,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';
@@ -69381,6 +69399,23 @@ class BpmnDiagram extends Diagram {
     _el.textStyle = { fontSize: BPMN_DIMS.FONT_SIZE_EVENT, align: BPMN_DIMS.TEXT_ALIGN_EVENT, offset: new Vector3(0, -(height / 2) - BPMN_DIMS.LABEL_GAP_BELOW, 3), vAlign: "top", faceCamera: BPMN_DIMS.FACE_CAMERA_EVENT };
     return _el;
   }
+  addIntermediateThrowEvent(elementId, width = BPMN_DIMS.EVENT_SIZE, height = BPMN_DIMS.EVENT_SIZE) {
+    const _el = this.addIntermediateEvent(elementId, width, height);
+    _el.bpmnType = "bpmn:IntermediateThrowEvent";
+    return _el;
+  }
+  addIntermediateCatchEvent(elementId, width = BPMN_DIMS.EVENT_SIZE, height = BPMN_DIMS.EVENT_SIZE) {
+    const _el = this.addIntermediateEvent(elementId, width, height);
+    _el.bpmnType = "bpmn:IntermediateCatchEvent";
+    return _el;
+  }
+  addBoundaryEvent(elementId, width = BPMN_DIMS.EVENT_SIZE, height = BPMN_DIMS.EVENT_SIZE) {
+    const _el = this.addElement(new Element(elementId, new CircleShape(width, height))).addIcon(intermediate, "center", BPMN_DIMS.ICON_SIZE_LARGE);
+    _el.semanticType = "event";
+    _el.bpmnType = "bpmn:BoundaryEvent";
+    _el.textStyle = { fontSize: BPMN_DIMS.FONT_SIZE_EVENT, align: BPMN_DIMS.TEXT_ALIGN_EVENT, offset: new Vector3(0, -(height / 2) - BPMN_DIMS.LABEL_GAP_BELOW, 3), vAlign: "top", faceCamera: BPMN_DIMS.FACE_CAMERA_EVENT };
+    return _el;
+  }
   // End Events
   addEndEvent(elementId, width = BPMN_DIMS.EVENT_SIZE, height = BPMN_DIMS.EVENT_SIZE) {
     const _el = this.addElement(new Element(elementId, new CircleShape(width, height, BPMN_DIMS.END_EVENT_LINE_WIDTH)));
@@ -69432,6 +69467,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";
@@ -69595,16 +69649,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
         };
       }
     }
@@ -69662,6 +69720,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);
@@ -69678,6 +69737,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");
@@ -69701,6 +69761,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);
@@ -69720,6 +69781,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);
@@ -69735,12 +69797,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);
     }
@@ -69750,6 +69842,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);
     }
@@ -69759,6 +69852,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);
     }
@@ -69768,6 +69862,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);
     }
@@ -69777,6 +69872,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);
     }
@@ -69786,6 +69882,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);
     }
@@ -69795,6 +69892,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);
     }
@@ -69804,6 +69902,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);
     }
@@ -69813,6 +69912,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);
     }
@@ -69822,6 +69922,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);
     }
@@ -69831,6 +69932,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);
     }
@@ -69840,6 +69942,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);
     }
@@ -69849,6 +69952,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);
     }
@@ -69864,10 +69968,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");
@@ -69938,7 +70043,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");