bpmn-js 13.0.2 → 13.0.3

package/dist/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v13.0.2
+ * bpmn-js - bpmn-modeler v13.0.3
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2023-04-20
+ * Date: 2023-04-24
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -17859,7 +17859,183 @@
   }
 
   /**
-   * @typedef { import('../../model').DiagramElement } DiagramElement
+   * @typedef {import('diagram-js/lib/util/Types').Point} Point
+   * @typedef {import('diagram-js/lib/util/Types').Rect} Rect
+   *
+   * @typedef {import('../model/Types').Element} Element
+   * @typedef {import('../model/Types').ModdleElement} ModdleElement
+   */
+
+  var DEFAULT_LABEL_SIZE$1 = {
+    width: 90,
+    height: 20
+  };
+
+  var FLOW_LABEL_INDENT = 15;
+
+
+  /**
+   * Return true if the given semantic has an external label.
+   *
+   * @param {Element} semantic
+   *
+   * @return {boolean}
+   */
+  function isLabelExternal(semantic) {
+    return is$1(semantic, 'bpmn:Event') ||
+           is$1(semantic, 'bpmn:Gateway') ||
+           is$1(semantic, 'bpmn:DataStoreReference') ||
+           is$1(semantic, 'bpmn:DataObjectReference') ||
+           is$1(semantic, 'bpmn:DataInput') ||
+           is$1(semantic, 'bpmn:DataOutput') ||
+           is$1(semantic, 'bpmn:SequenceFlow') ||
+           is$1(semantic, 'bpmn:MessageFlow') ||
+           is$1(semantic, 'bpmn:Group');
+  }
+
+  /**
+   * Return true if the given element has an external label.
+   *
+   * @param {Element} element
+   *
+   * @return {boolean}
+   */
+  function hasExternalLabel(element) {
+    return isLabel$5(element.label);
+  }
+
+  /**
+   * Get the position of a sequence flow label.
+   *
+   * @param  {Point[]} waypoints
+   *
+   * @return {Point}
+   */
+  function getFlowLabelPosition(waypoints) {
+
+    // get the waypoints mid
+    var mid = waypoints.length / 2 - 1;
+
+    var first = waypoints[Math.floor(mid)];
+    var second = waypoints[Math.ceil(mid + 0.01)];
+
+    // get position
+    var position = getWaypointsMid(waypoints);
+
+    // calculate angle
+    var angle = Math.atan((second.y - first.y) / (second.x - first.x));
+
+    var x = position.x,
+        y = position.y;
+
+    if (Math.abs(angle) < Math.PI / 2) {
+      y -= FLOW_LABEL_INDENT;
+    } else {
+      x += FLOW_LABEL_INDENT;
+    }
+
+    return { x: x, y: y };
+  }
+
+
+  /**
+   * Get the middle of a number of waypoints.
+   *
+   * @param  {Point[]} waypoints
+   *
+   * @return {Point}
+   */
+  function getWaypointsMid(waypoints) {
+
+    var mid = waypoints.length / 2 - 1;
+
+    var first = waypoints[Math.floor(mid)];
+    var second = waypoints[Math.ceil(mid + 0.01)];
+
+    return {
+      x: first.x + (second.x - first.x) / 2,
+      y: first.y + (second.y - first.y) / 2
+    };
+  }
+
+  /**
+   * Get the middle of the external label of an element.
+   *
+   * @param {Element} element
+   *
+   * @return {Point}
+   */
+  function getExternalLabelMid(element) {
+
+    if (element.waypoints) {
+      return getFlowLabelPosition(element.waypoints);
+    } else if (is$1(element, 'bpmn:Group')) {
+      return {
+        x: element.x + element.width / 2,
+        y: element.y + DEFAULT_LABEL_SIZE$1.height / 2
+      };
+    } else {
+      return {
+        x: element.x + element.width / 2,
+        y: element.y + element.height + DEFAULT_LABEL_SIZE$1.height / 2
+      };
+    }
+  }
+
+
+  /**
+   * Return the bounds of an elements label, parsed from the elements DI or
+   * generated from its bounds.
+   *
+   * @param {ModdleElement} di
+   * @param {Element} element
+   *
+   * @return {Rect}
+   */
+  function getExternalLabelBounds(di, element) {
+
+    var mid,
+        size,
+        bounds,
+        label = di.label;
+
+    if (label && label.bounds) {
+      bounds = label.bounds;
+
+      size = {
+        width: Math.max(DEFAULT_LABEL_SIZE$1.width, bounds.width),
+        height: bounds.height
+      };
+
+      mid = {
+        x: bounds.x + bounds.width / 2,
+        y: bounds.y + bounds.height / 2
+      };
+    } else {
+
+      mid = getExternalLabelMid(element);
+
+      size = DEFAULT_LABEL_SIZE$1;
+    }
+
+    return assign$1({
+      x: mid.x - size.width / 2,
+      y: mid.y - size.height / 2
+    }, size);
+  }
+
+  /**
+   * @param {Element} element
+   *
+   * @return {boolean}
+   */
+  function isLabel$5(element) {
+    return element && !!element.labelTarget;
+  }
+
+
+  /**
+   * @typedef { import('../model').DiagramElement } DiagramElement
    */
 
   function getLabelAttr(semantic) {
@@ -20088,7 +20264,7 @@
 
   var DEFAULT_BOX_PADDING = 0;
 
-  var DEFAULT_LABEL_SIZE$1 = {
+  var DEFAULT_LABEL_SIZE = {
     width: 150,
     height: 50
   };
@@ -20328,7 +20504,7 @@
   function Text(config) {
 
     this._config = assign$1({}, {
-      size: DEFAULT_LABEL_SIZE$1,
+      size: DEFAULT_LABEL_SIZE,
       padding: DEFAULT_BOX_PADDING,
       style: {},
       align: 'center-top'
@@ -21141,181 +21317,6 @@
     translate: [ 'value', translate$1 ]
   };
 
-  /**
-   * @typedef {import('diagram-js/lib/util/Types').Point} Point
-   * @typedef {import('diagram-js/lib/util/Types').Rect} Rect
-   *
-   * @typedef {import('../model/Types').Element} Element
-   * @typedef {import('../model/Types').ModdleElement} ModdleElement
-   */
-
-  var DEFAULT_LABEL_SIZE = {
-    width: 90,
-    height: 20
-  };
-
-  var FLOW_LABEL_INDENT = 15;
-
-
-  /**
-   * Return true if the given semantic has an external label.
-   *
-   * @param {Element} semantic
-   *
-   * @return {boolean}
-   */
-  function isLabelExternal(semantic) {
-    return is$1(semantic, 'bpmn:Event') ||
-           is$1(semantic, 'bpmn:Gateway') ||
-           is$1(semantic, 'bpmn:DataStoreReference') ||
-           is$1(semantic, 'bpmn:DataObjectReference') ||
-           is$1(semantic, 'bpmn:DataInput') ||
-           is$1(semantic, 'bpmn:DataOutput') ||
-           is$1(semantic, 'bpmn:SequenceFlow') ||
-           is$1(semantic, 'bpmn:MessageFlow') ||
-           is$1(semantic, 'bpmn:Group');
-  }
-
-  /**
-   * Return true if the given element has an external label.
-   *
-   * @param {Element} element
-   *
-   * @return {boolean}
-   */
-  function hasExternalLabel(element) {
-    return isLabel$5(element.label);
-  }
-
-  /**
-   * Get the position of a sequence flow label.
-   *
-   * @param  {Point[]} waypoints
-   *
-   * @return {Point}
-   */
-  function getFlowLabelPosition(waypoints) {
-
-    // get the waypoints mid
-    var mid = waypoints.length / 2 - 1;
-
-    var first = waypoints[Math.floor(mid)];
-    var second = waypoints[Math.ceil(mid + 0.01)];
-
-    // get position
-    var position = getWaypointsMid(waypoints);
-
-    // calculate angle
-    var angle = Math.atan((second.y - first.y) / (second.x - first.x));
-
-    var x = position.x,
-        y = position.y;
-
-    if (Math.abs(angle) < Math.PI / 2) {
-      y -= FLOW_LABEL_INDENT;
-    } else {
-      x += FLOW_LABEL_INDENT;
-    }
-
-    return { x: x, y: y };
-  }
-
-
-  /**
-   * Get the middle of a number of waypoints.
-   *
-   * @param  {Point[]} waypoints
-   *
-   * @return {Point}
-   */
-  function getWaypointsMid(waypoints) {
-
-    var mid = waypoints.length / 2 - 1;
-
-    var first = waypoints[Math.floor(mid)];
-    var second = waypoints[Math.ceil(mid + 0.01)];
-
-    return {
-      x: first.x + (second.x - first.x) / 2,
-      y: first.y + (second.y - first.y) / 2
-    };
-  }
-
-  /**
-   * Get the middle of the external label of an element.
-   *
-   * @param {Element} element
-   *
-   * @return {Point}
-   */
-  function getExternalLabelMid(element) {
-
-    if (element.waypoints) {
-      return getFlowLabelPosition(element.waypoints);
-    } else if (is$1(element, 'bpmn:Group')) {
-      return {
-        x: element.x + element.width / 2,
-        y: element.y + DEFAULT_LABEL_SIZE.height / 2
-      };
-    } else {
-      return {
-        x: element.x + element.width / 2,
-        y: element.y + element.height + DEFAULT_LABEL_SIZE.height / 2
-      };
-    }
-  }
-
-
-  /**
-   * Return the bounds of an elements label, parsed from the elements DI or
-   * generated from its bounds.
-   *
-   * @param {ModdleElement} di
-   * @param {Element} element
-   *
-   * @return {Rect}
-   */
-  function getExternalLabelBounds(di, element) {
-
-    var mid,
-        size,
-        bounds,
-        label = di.label;
-
-    if (label && label.bounds) {
-      bounds = label.bounds;
-
-      size = {
-        width: Math.max(DEFAULT_LABEL_SIZE.width, bounds.width),
-        height: bounds.height
-      };
-
-      mid = {
-        x: bounds.x + bounds.width / 2,
-        y: bounds.y + bounds.height / 2
-      };
-    } else {
-
-      mid = getExternalLabelMid(element);
-
-      size = DEFAULT_LABEL_SIZE;
-    }
-
-    return assign$1({
-      x: mid.x - size.width / 2,
-      y: mid.y - size.height / 2
-    }, size);
-  }
-
-  /**
-   * @param {Element} element
-   *
-   * @return {boolean}
-   */
-  function isLabel$5(element) {
-    return element && !!element.labelTarget;
-  }
-
   /**
    * @typedef {import('diagram-js/lib/core/Canvas').default} Canvas
    * @typedef {import('diagram-js/lib/core/ElementRegistry').default} ElementRegistry
@@ -47630,11 +47631,6 @@
     return oldTRBL.top !== newTRBL.top && oldTRBL.bottom !== newTRBL.bottom;
   }
 
-  var DEFAULT_LABEL_DIMENSIONS = {
-    width: 90,
-    height: 20
-  };
-
   var NAME_PROPERTY = 'name';
   var TEXT_PROPERTY = 'text';
 
@@ -47667,7 +47663,16 @@
     CommandInterceptor.call(this, eventBus);
 
     // update label if name property was updated
-    this.postExecute('element.updateProperties', function(e) {
+    this.postExecute('element.updateProperties', onPropertyUpdate);
+    this.postExecute('element.updateModdleProperties', e => {
+      const elementBo = getBusinessObject(e.context.element);
+
+      if (elementBo === e.context.moddleElement) {
+        onPropertyUpdate(e);
+      }
+    });
+
+    function onPropertyUpdate(e) {
       var context = e.context,
           element = context.element,
           properties = context.properties;
@@ -47691,7 +47696,7 @@
 
         modeling.updateLabel(element, properties.text, newBounds);
       }
-    });
+    }
 
     // create label shape after shape/connection was created
     this.postExecute([ 'shape.create', 'connection.create' ], function(e) {
@@ -47702,8 +47707,7 @@
         return;
       }
 
-      var element = context.shape || context.connection,
-          businessObject = element.businessObject;
+      var element = context.shape || context.connection;
 
       if (isLabel$5(element) || !isLabelExternal(element)) {
         return;
@@ -47714,20 +47718,7 @@
         return;
       }
 
-      var labelCenter = getExternalLabelMid(element);
-
-      // we don't care about x and y
-      var labelDimensions = textRenderer.getExternalLabelBounds(
-        DEFAULT_LABEL_DIMENSIONS,
-        getLabel(element)
-      );
-
-      modeling.createLabel(element, labelCenter, {
-        id: businessObject.id + '_label',
-        businessObject: businessObject,
-        width: labelDimensions.width,
-        height: labelDimensions.height
-      });
+      modeling.updateLabel(element, getLabel(element));
     });
 
     // update label after label shape was deleted
@@ -47742,42 +47733,6 @@
       }
     });
 
-    // update di information on label creation
-    this.postExecute([ 'label.create' ], function(event) {
-
-      var context = event.context,
-          element = context.shape,
-          labelTarget = context.labelTarget,
-          di;
-
-      // we want to trigger on real labels only
-      if (!labelTarget) {
-        return;
-      }
-
-      // we want to trigger on BPMN elements only
-      if (!is$1(labelTarget, 'bpmn:BaseElement')) {
-        return;
-      }
-
-      di = getDi(labelTarget);
-
-      if (!di.label) {
-        di.label = bpmnFactory.create('bpmndi:BPMNLabel', {
-          bounds: bpmnFactory.create('dc:Bounds')
-        });
-
-        element.di = di;
-      }
-
-      assign$1(di.label.bounds, {
-        x: element.x,
-        y: element.y,
-        width: element.width,
-        height: element.height
-      });
-    });
-
     function getVisibleLabelAdjustment(event) {
 
       var context = event.context,
@@ -55277,6 +55232,28 @@
 
     this.executed([ 'element.updateAttachment' ], ifBpmn(updateAttachment));
     this.reverted([ 'element.updateAttachment' ], ifBpmn(updateAttachment));
+
+
+    // update BPMNLabel
+    this.executed('element.updateLabel', ifBpmn(updateBPMNLabel));
+    this.reverted('element.updateLabel', ifBpmn(updateBPMNLabel));
+
+    function updateBPMNLabel(event) {
+      const { element } = event.context,
+            label = getLabel(element);
+      const di = getDi(element),
+            diLabel = di && di.get('label');
+
+      if (isLabelExternal(element)) {
+        return;
+      }
+
+      if (label && !diLabel) {
+        di.set('label', bpmnFactory.create('bpmndi:BPMNLabel'));
+      } else if (!label && diLabel) {
+        di.set('label', undefined);
+      }
+    }
   }
 
   e$3(BpmnUpdater, CommandInterceptor);
@@ -55777,7 +55754,7 @@
     return function(event) {
 
       var context = event.context,
-          element = context.shape || context.connection;
+          element = context.shape || context.connection || context.element;
 
       if (is$1(element, 'bpmn:BaseElement')) {
         fn(event);
@@ -55902,7 +55879,7 @@
     // and wired via attrs
     if (elementType === 'label') {
       var di = attrs.di || this._bpmnFactory.createDiLabel();
-      return this._baseCreate(elementType, assign$1({ type: 'label', di: di }, DEFAULT_LABEL_SIZE, attrs));
+      return this._baseCreate(elementType, assign$1({ type: 'label', di: di }, DEFAULT_LABEL_SIZE$1, attrs));
     }
 
     return this.createElement(elementType, attrs);
@@ -60088,29 +60065,6 @@
    */
   function UpdateLabelHandler(modeling, textRenderer, bpmnFactory) {
 
-    /**
-     * Creates an empty `diLabel` attribute for embedded labels.
-     *
-     * @param {Element} element
-     * @param {string} text
-     */
-    function ensureInternalLabelDi(element, text) {
-      if (isLabelExternal(element)) {
-        return;
-      }
-
-      var di = getDi(element);
-
-      if (text && !di.label) {
-        di.label = bpmnFactory.create('bpmndi:BPMNLabel');
-      }
-
-      if (!text && di.label) {
-        delete di.label;
-      }
-    }
-
-
     /**
      * Set the label and return the changed elements.
      *
@@ -60128,8 +60082,6 @@
 
       setLabel(label, text);
 
-      ensureInternalLabelDi(element, text);
-
       return [ label, labelTarget ];
     }
 
@@ -60191,7 +60143,7 @@
         return;
       }
 
-      var text = getLabel(label);
+      var text = getLabel(element);
 
       // resize element based on label _or_ pre-defined bounds
       if (typeof newBounds === 'undefined') {