aurea-eden 1.46.0 → 1.46.2

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/dist/bpmn-diagram.es.js

@@ -60172,6 +60172,9 @@ SPREAD LOG: Target ${nodeId} Port ${basePort}`);
       "eventBasedGateway",
       "complexGateway",
       "endEvent",
+      "intermediateCatchEvent",
+      "intermediateThrowEvent",
+      "boundaryEvent",
       "subProcess",
       "callActivity"
     ];
@@ -60440,7 +60443,7 @@ SPREAD LOG: Target ${nodeId} Port ${basePort}`);
     return text.replace(/\n/g, "\\n").replace(/'/g, "\\'");
   }
 }
-const version = "1.46.0";
+const version = "1.46.2";
 var Easing = Object.freeze({
   Linear: Object.freeze({
     None: function(amount) {
@@ -66403,6 +66406,11 @@ class Element extends Mesh {
       context.font = `Bold ${scaledFontSize}px Arial`;
       const worldScale = 0.4 / resolutionScale;
       sprite.scale.set(canvas.width * worldScale, (mainHeight + tailHeight) * worldScale, 1);
+      if (sprite.material && sprite.material.map) {
+        sprite.material.map.dispose();
+        sprite.material.map = new CanvasTexture(canvas);
+        sprite.material.map.minFilter = LinearFilter;
+      }
     }
     context.clearRect(0, 0, canvas.width, canvas.height);
     this._drawBubblePath(context, canvas.width, mainHeight, tailHeight, scaledBorderRadius);
@@ -68071,22 +68079,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;
@@ -68726,19 +68736,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
@@ -69384,6 +69404,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)));