bpmn-js 17.8.0 → 17.8.2

package/dist/bpmn-navigated-viewer.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-navigated-viewer v17.8.0
+ * bpmn-js - bpmn-navigated-viewer v17.8.2
  *
  * 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-06-17
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -23,7 +23,7 @@
    *
    * @template T
    *
-   * @param {T[][]} arr
+   * @param {T[][] | T[] | null} [arr]
    *
    * @return {T[]}
    */
@@ -504,7 +504,7 @@
    *
    * @return {T}
    */
-  function set$2(target, path, value) {
+  function set$1(target, path, value) {
 
     let currentTarget = target;
 
@@ -1070,6 +1070,7 @@
    * appendTo utility
    */
 
+
   /**
    * Append a node to a target element and return the appended node.
    *
@@ -1086,6 +1087,7 @@
    * append utility
    */
 
+
   /**
    * Append a node to an element
    *
@@ -1358,16 +1360,6 @@
      return this.list.contains(name);
    };
 
-  function remove$2(element) {
-    var parent = element.parentNode;
-
-    if (parent) {
-      parent.removeChild(element);
-    }
-
-    return element;
-  }
-
   /**
    * Clear utility
    */
@@ -1375,14 +1367,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$1(element) {
     var child;
 
     while ((child = element.firstChild)) {
-      remove$2(child);
+      element.removeChild(child);
     }
 
     return element;
@@ -1396,6 +1388,7 @@
    * DOM parsing utility
    */
 
+
   var SVG_START = '<svg xmlns="' + ns.svg + '"';
 
   function parse$1(svg) {
@@ -1447,6 +1440,7 @@
    */
 
 
+
   /**
    * Create a specific type from name or SVG markup.
    *
@@ -1458,6 +1452,8 @@
   function create$1(name, attrs) {
     var element;
 
+    name = name.trim();
+
     if (name.charAt(0) === '<') {
       element = parse$1(name).firstChild;
       element = document.importNode(element, true);
@@ -1476,6 +1472,7 @@
    * Geometry helpers
    */
 
+
   // fake node used to instantiate svg geometry elements
   var node = null;
 
@@ -1529,9 +1526,7 @@
   }
 
   function createTransform(matrix) {
-    if (matrix) {
-      return getNode().createSVGTransformFromMatrix(matrix);
-    } else {
+    {
       return getNode().createSVGTransform();
     }
   }
@@ -1613,38 +1608,6 @@
     return output;
   }
 
-  /**
-   * innerHTML like functionality for SVG elements.
-   * based on innerSVG (https://code.google.com/p/innersvg)
-   */
-
-
-  function set$1(element, svg) {
-
-    var parsed = parse$1(svg);
-
-    // clear element contents
-    clear$1(element);
-
-    if (!svg) {
-      return;
-    }
-
-    if (!isFragment(parsed)) {
-
-      // extract <svg> from parsed document
-      parsed = parsed.documentElement;
-    }
-
-    var nodes = slice$1(parsed.childNodes);
-
-    // import + append each node
-    for (var i = 0; i < nodes.length; i++) {
-      appendTo(nodes[i], element);
-    }
-
-  }
-
   function get(element) {
     var child = element.firstChild,
         output = [];
@@ -1657,29 +1620,21 @@
     return output.join('');
   }
 
-  function isFragment(node) {
-    return node.nodeName === '#document-fragment';
-  }
-
   function innerSVG(element, svg) {
 
-    if (svg !== undefined) {
-
-      try {
-        set$1(element, svg);
-      } catch (e) {
-        throw new Error('error parsing SVG: ' + e.message);
-      }
-
-      return element;
-    } else {
+    {
       return get(element);
     }
   }
 
+  function remove$2(element) {
+    var parent = element.parentNode;
 
-  function slice$1(arr) {
-    return Array.prototype.slice.call(arr);
+    if (parent) {
+      parent.removeChild(element);
+    }
+
+    return element;
   }
 
   /**
@@ -2127,9 +2082,11 @@
   /**
    * Flatten array, one level deep.
    *
-   * @param {Array<?>} arr
+   * @template T
    *
-   * @return {Array<?>}
+   * @param {T[][] | T[] | null} [arr]
+   *
+   * @return {T[]}
    */
 
   const nativeToString = Object.prototype.toString;
@@ -2160,10 +2117,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) {
 
@@ -2386,51 +2344,37 @@
   };
 
   /**
-   * Remove all children from the given element.
+   * Clear utility
    */
-  function clear(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(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) {
-
-      if (matches(currentElem, selector)) {
-        return currentElem;
-      }
+    var actualElement = checkYourSelf ? element : element.parentNode;
 
-      currentElem = currentElem.parentNode;
-    }
-
-    return matches(currentElem, selector) ? currentElem : null;
+    return actualElement && typeof actualElement.closest === 'function' && actualElement.closest(selector) || null;
   }
 
   var componentEvent = {};
@@ -2656,6 +2600,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;
 
@@ -2687,7 +2641,7 @@
     rotate.setRotate(angle || 0, 0, 0);
 
     var scale = createTransform();
-    scale.setScale(amount || 1, amount || 1);
+    scale.setScale(1, 1);
 
     transform$1(gfx, [ translate, rotate, scale ]);
   }
@@ -8053,24 +8007,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 path = businessObjectParents.flatMap(function(parent) {
+        var parentPlane =
+          canvas.findRoot(getPlaneIdFromShape(parent)) ||
+          canvas.findRoot(parent.id);
 
-        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);
         });
@@ -9115,6 +9076,7 @@
    * @typedef {import('../util/Types').Point} Point
    */
 
+
   /**
    * @param {import('../core/EventBus').Event} event
    *
@@ -15354,7 +15316,7 @@
         return this[key];
       },
       set: function(key, value) {
-        set$2(this, [ key ], value);
+        set$1(this, [ key ], value);
       }
     };
 
@@ -22735,6 +22697,7 @@
    */
 
 
+
   // inlined ../../resources/logo.svg
   var BPMNIO_LOGO_SVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.02 5.57" width="53" height="21"><path fill="currentColor" d="M1.88.92v.14c0 .41-.13.68-.4.8.33.14.46.44.46.86v.33c0 .61-.33.95-.95.95H0V0h.95c.65 0 .93.3.93.92zM.63.57v1.06h.24c.24 0 .38-.1.38-.43V.98c0-.28-.1-.4-.32-.4zm0 1.63v1.22h.36c.2 0 .32-.1.32-.39v-.35c0-.37-.12-.48-.4-.48H.63zM4.18.99v.52c0 .64-.31.98-.94.98h-.3V4h-.62V0h.92c.63 0 .94.35.94.99zM2.94.57v1.35h.3c.2 0 .3-.09.3-.37v-.6c0-.29-.1-.38-.3-.38h-.3zm2.89 2.27L6.25 0h.88v4h-.6V1.12L6.1 3.99h-.6l-.46-2.82v2.82h-.55V0h.87zM8.14 1.1V4h-.56V0h.79L9 2.4V0h.56v4h-.64zm2.49 2.29v.6h-.6v-.6zM12.12 1c0-.63.33-1 .95-1 .61 0 .95.37.95 1v2.04c0 .64-.34 1-.95 1-.62 0-.95-.37-.95-1zm.62 2.08c0 .28.13.39.33.39s.32-.1.32-.4V.98c0-.29-.12-.4-.32-.4s-.33.11-.33.4z"/><path fill="currentColor" d="M0 4.53h14.02v1.04H0zM11.08 0h.63v.62h-.63zm.63 4V1h-.63v2.98z"/></svg>';
 
@@ -24376,6 +24339,7 @@
    */
 
 
+
   /**
    * @param {Point} a
    * @param {Point} b