bpmn-js 17.8.0 → 17.8.1

package/dist/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v17.8.0
+ * bpmn-js - bpmn-modeler v17.8.1
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2024-05-28
+ * Date: 2024-05-30
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -178,7 +178,7 @@
    *
    * @template T
    *
-   * @param {T[][]} arr
+   * @param {T[][] | T[] | null} [arr]
    *
    * @return {T[]}
    */
@@ -956,9 +956,11 @@
   /**
    * Flatten array, one level deep.
    *
-   * @param {Array<?>} arr
+   * @template T
+   *
+   * @param {T[][] | T[] | null} [arr]
    *
-   * @return {Array<?>}
+   * @return {T[]}
    */
 
   const nativeToString = Object.prototype.toString;
@@ -989,10 +991,11 @@
    * Iterate over collection; returning something
    * (non-undefined) will stop iteration.
    *
-   * @param  {Array|Object} collection
-   * @param  {Function} iterator
+   * @template T
+   * @param {Collection<T>} collection
+   * @param { ((item: T, idx: number) => (boolean|void)) | ((item: T, key: string) => (boolean|void)) } iterator
    *
-   * @return {Object} return result that stopped the iteration
+   * @return {T} return result that stopped the iteration
    */
   function forEach(collection, iterator) {
 
@@ -1215,51 +1218,37 @@
   };
 
   /**
-   * Remove all children from the given element.
+   * Clear utility
    */
-  function clear$1(el) {
-
-    var c;
-
-    while (el.childNodes.length) {
-      c = el.childNodes[0];
-      el.removeChild(c);
-    }
-
-    return el;
-  }
 
   /**
-   * @param { HTMLElement } element
-   * @param { String } selector
+   * Removes all children from the given element
    *
-   * @return { boolean }
+   * @param {Element} element
+   *
+   * @return {Element} the element (for chaining)
    */
-  function matches(element, selector) {
-    return element && typeof element.matches === 'function' && element.matches(selector);
+  function clear$1(element) {
+    var child;
+
+    while ((child = element.firstChild)) {
+      element.removeChild(child);
+    }
+
+    return element;
   }
 
   /**
    * Closest
    *
    * @param {Element} el
-   * @param {String} selector
-   * @param {Boolean} checkYourSelf (optional)
+   * @param {string} selector
+   * @param {boolean} checkYourSelf (optional)
    */
   function closest(element, selector, checkYourSelf) {
-    var currentElem = checkYourSelf ? element : element.parentNode;
-
-    while (currentElem && currentElem.nodeType !== document.DOCUMENT_NODE &&
-        currentElem.nodeType !== document.DOCUMENT_FRAGMENT_NODE) {
+    var actualElement = checkYourSelf ? element : element.parentNode;
 
-      if (matches(currentElem, selector)) {
-        return currentElem;
-      }
-
-      currentElem = currentElem.parentNode;
-    }
-
-    return matches(currentElem, selector) ? currentElem : null;
+    return actualElement && typeof actualElement.closest === 'function' && actualElement.closest(selector) || null;
   }
 
   var componentEvent = {};
@@ -1485,6 +1474,16 @@
 
   var domify$1 = domify;
 
+  /**
+   * @param { HTMLElement } element
+   * @param { String } selector
+   *
+   * @return { boolean }
+   */
+  function matches(element, selector) {
+    return element && typeof element.matches === 'function' && element.matches(selector) || false;
+  }
+
   function query(selector, el) {
     el = el || document;
 
@@ -1521,6 +1520,7 @@
    * appendTo utility
    */
 
+
   /**
    * Append a node to a target element and return the appended node.
    *
@@ -1537,6 +1537,7 @@
    * append utility
    */
 
+
   /**
    * Append a node to an element
    *
@@ -1809,16 +1810,6 @@
      return this.list.contains(name);
    };
 
-  function remove$1(element) {
-    var parent = element.parentNode;
-
-    if (parent) {
-      parent.removeChild(element);
-    }
-
-    return element;
-  }
-
   /**
    * Clear utility
    */
@@ -1826,14 +1817,14 @@
   /**
    * Removes all children from the given element
    *
-   * @param  {DOMElement} element
-   * @return {DOMElement} the element (for chaining)
+   * @param  {SVGElement} element
+   * @return {Element} the element (for chaining)
    */
   function clear(element) {
     var child;
 
     while ((child = element.firstChild)) {
-      remove$1(child);
+      element.removeChild(child);
     }
 
     return element;
@@ -1851,6 +1842,7 @@
    * DOM parsing utility
    */
 
+
   var SVG_START = '<svg xmlns="' + ns.svg + '"';
 
   function parse(svg) {
@@ -1902,6 +1894,7 @@
    */
 
 
+
   /**
    * Create a specific type from name or SVG markup.
    *
@@ -1913,6 +1906,8 @@
   function create$1(name, attrs) {
     var element;
 
+    name = name.trim();
+
     if (name.charAt(0) === '<') {
       element = parse(name).firstChild;
       element = document.importNode(element, true);
@@ -1931,6 +1926,7 @@
    * Geometry helpers
    */
 
+
   // fake node used to instantiate svg geometry elements
   var node = null;
 
@@ -2074,6 +2070,7 @@
    */
 
 
+
   function set$1(element, svg) {
 
     var parsed = parse(svg);
@@ -2137,6 +2134,16 @@
     return Array.prototype.slice.call(arr);
   }
 
+  function remove$1(element) {
+    var parent = element.parentNode;
+
+    if (parent) {
+      parent.removeChild(element);
+    }
+
+    return element;
+  }
+
   /**
    * transform accessor utility
    */
@@ -23524,24 +23531,31 @@
         businessObjectParents = getBusinessObjectParentChain(element);
       }
 
-      var path = businessObjectParents.map(function(parent) {
-        var title = escapeHTML(parent.name || parent.id);
-        var link = domify$1('<li><span class="bjs-crumb"><a title="' + title + '">' + title + '</a></span></li>');
-
-        var parentPlane = canvas.findRoot(getPlaneIdFromShape(parent)) || canvas.findRoot(parent.id);
+      var path = businessObjectParents.flatMap(function(parent) {
+        var parentPlane =
+          canvas.findRoot(getPlaneIdFromShape(parent)) ||
+          canvas.findRoot(parent.id);
 
-        // when the root is a collaboration, the process does not have a corresponding
-        // element in the elementRegisty. Instead, we search for the corresponding participant
+        // when the root is a collaboration, the process does not have a
+        // corresponding element in the elementRegisty. Instead, we search
+        // for the corresponding participant
         if (!parentPlane && is$1(parent, 'bpmn:Process')) {
           var participant = elementRegistry.find(function(element) {
             var businessObject = getBusinessObject(element);
 
-            return businessObject && businessObject.get('processRef') && businessObject.get('processRef') === parent;
+            return businessObject && businessObject.get('processRef') === parent;
           });
 
-          parentPlane = canvas.findRoot(participant.id);
+          parentPlane = participant && canvas.findRoot(participant.id);
         }
 
+        if (!parentPlane) {
+          return [];
+        }
+
+        var title = escapeHTML(parent.name || parent.id);
+        var link = domify$1('<li><span class="bjs-crumb"><a title="' + title + '">' + title + '</a></span></li>');
+
         link.addEventListener('click', function() {
           canvas.setRootElement(parentPlane);
         });
@@ -34043,6 +34057,8 @@
    * @typedef {import('../../draw/Styles').default} Styles
    */
 
+  const cloneIds = new IdGenerator('ps');
+
   var MARKER_TYPES = [
     'marker-start',
     'marker-mid',
@@ -34073,8 +34089,6 @@
     this._elementRegistry = elementRegistry;
     this._canvas = canvas;
     this._styles = styles;
-
-    this._clonedMarkers = {};
   }
 
   PreviewSupport.$inject = [
@@ -34198,35 +34212,32 @@
    * @param {string} [className="djs-dragger"]
    */
   PreviewSupport.prototype._cloneMarker = function(parentGfx, gfx, marker, markerType, className = 'djs-dragger') {
-    var markerId = marker.id + '-' + className;
-
-    var clonedMarker = this._clonedMarkers[ markerId ];
 
-    parentGfx = parentGfx || this._canvas._svg;
+    // Add a random suffix to the marker ID in case the same marker is previewed multiple times
+    var clonedMarkerId = [ marker.id, className, cloneIds.next() ].join('-');
 
-    if (!clonedMarker) {
-      clonedMarker = clone$1(marker);
+    // reuse marker if it was part of original gfx
+    var copiedMarker = query('marker#' + marker.id, parentGfx);
 
-      var clonedMarkerId = markerId + '-clone';
+    parentGfx = parentGfx || this._canvas._svg;
 
-      clonedMarker.id = clonedMarkerId;
+    var clonedMarker = copiedMarker || clone$1(marker);
 
-      classes(clonedMarker).add(className);
+    clonedMarker.id = clonedMarkerId;
 
-      this._clonedMarkers[ markerId ] = clonedMarker;
+    classes(clonedMarker).add(className);
 
-      var defs = query(':scope > defs', parentGfx);
+    var defs = query(':scope > defs', parentGfx);
 
-      if (!defs) {
-        defs = create$1('defs');
+    if (!defs) {
+      defs = create$1('defs');
 
-        append(parentGfx, defs);
-      }
-
-      append(defs, clonedMarker);
+      append(parentGfx, defs);
     }
 
-    var reference = idToReference(this._clonedMarkers[ markerId ].id);
+    append(defs, clonedMarker);
+
+    var reference = idToReference(clonedMarker.id);
 
     attr(gfx, markerType, reference);
   };
@@ -61549,11 +61560,14 @@
     function getAllDraggedElements(shapes) {
       var allShapes = selfAndAllChildren(shapes, true);
 
-      var allConnections = map$1(allShapes, function(shape) {
-        return (shape.incoming || []).concat(shape.outgoing || []);
-      });
+      var allConnections = allShapes.flatMap(shape =>
+        (shape.incoming || []).concat(shape.outgoing || [])
+      );
+
+      var allElements = allShapes.concat(allConnections);
+      var uniqueElements = [ ...new Set(allElements) ];
 
-      return flatten(allShapes.concat(allConnections));
+      return uniqueElements;
     }
 
     /**