bpmn-js 10.0.0 → 10.1.0

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

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-navigated-viewer v10.0.0
+ * bpmn-js - bpmn-navigated-viewer v10.1.0
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2022-09-20
+ * Date: 2022-09-30
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -26,30 +26,45 @@
    * @return {Array<?>}
    */
 
-  var nativeToString$1 = Object.prototype.toString;
-  var nativeHasOwnProperty$1 = Object.prototype.hasOwnProperty;
-  function isUndefined$2(obj) {
+  const nativeToString$4 = Object.prototype.toString;
+  const nativeHasOwnProperty$3 = Object.prototype.hasOwnProperty;
+
+  function isUndefined$4(obj) {
     return obj === undefined;
   }
+
   function isDefined(obj) {
     return obj !== undefined;
   }
-  function isArray$2(obj) {
-    return nativeToString$1.call(obj) === '[object Array]';
+
+  function isArray$4(obj) {
+    return nativeToString$4.call(obj) === '[object Array]';
   }
-  function isObject(obj) {
-    return nativeToString$1.call(obj) === '[object Object]';
+
+  function isObject$1(obj) {
+    return nativeToString$4.call(obj) === '[object Object]';
   }
+
   function isNumber(obj) {
-    return nativeToString$1.call(obj) === '[object Number]';
+    return nativeToString$4.call(obj) === '[object Number]';
   }
-  function isFunction(obj) {
-    var tag = nativeToString$1.call(obj);
-    return tag === '[object Function]' || tag === '[object AsyncFunction]' || tag === '[object GeneratorFunction]' || tag === '[object AsyncGeneratorFunction]' || tag === '[object Proxy]';
+
+  function isFunction$1(obj) {
+    const tag = nativeToString$4.call(obj);
+
+    return (
+      tag === '[object Function]' ||
+      tag === '[object AsyncFunction]' ||
+      tag === '[object GeneratorFunction]' ||
+      tag === '[object AsyncGeneratorFunction]' ||
+      tag === '[object Proxy]'
+    );
   }
-  function isString(obj) {
-    return nativeToString$1.call(obj) === '[object String]';
+
+  function isString$3(obj) {
+    return nativeToString$4.call(obj) === '[object String]';
   }
+
   /**
    * Return true, if target owns a property with the given key.
    *
@@ -58,9 +73,8 @@
    *
    * @return {Boolean}
    */
-
-  function has$1(target, key) {
-    return nativeHasOwnProperty$1.call(target, key);
+  function has$3(target, key) {
+    return nativeHasOwnProperty$3.call(target, key);
   }
 
   /**
@@ -71,38 +85,25 @@
    *
    * @return {Object}
    */
+  function find$1(collection, matcher) {
 
-  function find(collection, matcher) {
-    matcher = toMatcher(matcher);
-    var match;
-    forEach$1(collection, function (val, key) {
+    matcher = toMatcher$1(matcher);
+
+    let match;
+
+    forEach$3(collection, function(val, key) {
       if (matcher(val, key)) {
         match = val;
+
         return false;
       }
     });
+
     return match;
-  }
-  /**
-   * Find element index in collection.
-   *
-   * @param  {Array|Object} collection
-   * @param  {Function} matcher
-   *
-   * @return {Object}
-   */
 
-  function findIndex(collection, matcher) {
-    matcher = toMatcher(matcher);
-    var idx = isArray$2(collection) ? -1 : undefined;
-    forEach$1(collection, function (val, key) {
-      if (matcher(val, key)) {
-        idx = key;
-        return false;
-      }
-    });
-    return idx;
   }
+
+
   /**
    * Find element in collection.
    *
@@ -111,16 +112,20 @@
    *
    * @return {Array} result
    */
+  function filter$1(collection, matcher) {
 
-  function filter(collection, matcher) {
-    var result = [];
-    forEach$1(collection, function (val, key) {
+    let result = [];
+
+    forEach$3(collection, function(val, key) {
       if (matcher(val, key)) {
         result.push(val);
       }
     });
+
     return result;
   }
+
+
   /**
    * Iterate over collection; returning something
    * (non-undefined) will stop iteration.
@@ -130,19 +135,22 @@
    *
    * @return {Object} return result that stopped the iteration
    */
+  function forEach$3(collection, iterator) {
 
-  function forEach$1(collection, iterator) {
-    var val, result;
+    let val,
+        result;
 
-    if (isUndefined$2(collection)) {
+    if (isUndefined$4(collection)) {
       return;
     }
 
-    var convertKey = isArray$2(collection) ? toNum$1 : identity$1;
+    const convertKey = isArray$4(collection) ? toNum$3 : identity$3;
 
-    for (var key in collection) {
-      if (has$1(collection, key)) {
+    for (let key in collection) {
+
+      if (has$3(collection, key)) {
         val = collection[key];
+
         result = iterator(val, convertKey(key));
 
         if (result === false) {
@@ -151,6 +159,8 @@
       }
     }
   }
+
+
   /**
    * Reduce collection, returning a single result.
    *
@@ -160,13 +170,16 @@
    *
    * @return {Any} result returned from last iterator
    */
-
   function reduce(collection, iterator, result) {
-    forEach$1(collection, function (value, idx) {
+
+    forEach$3(collection, function(value, idx) {
       result = iterator(result, value, idx);
     });
+
     return result;
   }
+
+
   /**
    * Return true if every element in the collection
    * matches the criteria.
@@ -176,12 +189,14 @@
    *
    * @return {Boolean}
    */
-
   function every(collection, matcher) {
-    return !!reduce(collection, function (matches, val, key) {
+
+    return !!reduce(collection, function(matches, val, key) {
       return matches && matcher(val, key);
     }, true);
   }
+
+
   /**
    * Return true if some elements in the collection
    * match the criteria.
@@ -191,10 +206,12 @@
    *
    * @return {Boolean}
    */
-
   function some(collection, matcher) {
-    return !!find(collection, matcher);
+
+    return !!find$1(collection, matcher);
   }
+
+
   /**
    * Transform a collection into another collection
    * by piping each member through the given fn.
@@ -204,14 +221,18 @@
    *
    * @return {Array} transformed collection
    */
+  function map$1(collection, fn) {
 
-  function map(collection, fn) {
-    var result = [];
-    forEach$1(collection, function (val, key) {
+    let result = [];
+
+    forEach$3(collection, function(val, key) {
       result.push(fn(val, key));
     });
+
     return result;
   }
+
+
   /**
    * Create an object pattern matcher.
    *
@@ -225,26 +246,30 @@
    *
    * @return {Function} matcherFn
    */
-
   function matchPattern(pattern) {
-    return function (el) {
-      return every(pattern, function (val, key) {
+
+    return function(el) {
+
+      return every(pattern, function(val, key) {
         return el[key] === val;
       });
+
     };
   }
 
-  function toMatcher(matcher) {
-    return isFunction(matcher) ? matcher : function (e) {
+
+  function toMatcher$1(matcher) {
+    return isFunction$1(matcher) ? matcher : (e) => {
       return e === matcher;
     };
   }
 
-  function identity$1(arg) {
+
+  function identity$3(arg) {
     return arg;
   }
 
-  function toNum$1(arg) {
+  function toNum$3(arg) {
     return Number(arg);
   }
 
@@ -261,20 +286,26 @@
    * @return {Function} debounced function
    */
   function debounce(fn, timeout) {
-    var timer;
-    var lastArgs;
-    var lastThis;
-    var lastNow;
+
+    let timer;
+
+    let lastArgs;
+    let lastThis;
+
+    let lastNow;
 
     function fire(force) {
-      var now = Date.now();
-      var scheduledDiff = force ? 0 : lastNow + timeout - now;
+
+      let now = Date.now();
+
+      let scheduledDiff = force ? 0 : (lastNow + timeout) - now;
 
       if (scheduledDiff > 0) {
         return schedule(scheduledDiff);
       }
 
       fn.apply(lastThis, lastArgs);
+
       clear();
     }
 
@@ -298,16 +329,13 @@
       clear();
     }
 
-    function callback() {
+    function callback(...args) {
       lastNow = Date.now();
 
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
       lastArgs = args;
-      lastThis = this; // ensure an execution is scheduled
+      lastThis = this;
 
+      // ensure an execution is scheduled
       if (!timer) {
         schedule(timeout);
       }
@@ -315,8 +343,10 @@
 
     callback.flush = flush;
     callback.cancel = clear;
+
     return callback;
   }
+
   /**
    * Bind function against target <this>.
    *
@@ -325,29 +355,10 @@
    *
    * @return {Function} bound function
    */
-
-  function bind(fn, target) {
+  function bind$3(fn, target) {
     return fn.bind(target);
   }
 
-  function _extends() {
-    _extends = Object.assign || function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-
-      return target;
-    };
-
-    return _extends.apply(this, arguments);
-  }
-
   /**
    * Convenience wrapper for `Object.assign`.
    *
@@ -356,33 +367,10 @@
    *
    * @return {Object} the target
    */
-
-  function assign(target) {
-    for (var _len = arguments.length, others = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      others[_key - 1] = arguments[_key];
-    }
-
-    return _extends.apply(void 0, [target].concat(others));
+  function assign$4(target, ...others) {
+    return Object.assign(target, ...others);
   }
-  /**
-   * Pick given properties from the target object.
-   *
-   * @param {Object} target
-   * @param {Array} properties
-   *
-   * @return {Object} target
-   */
 
-  function pick(target, properties) {
-    var result = {};
-    var obj = Object(target);
-    forEach$1(properties, function (prop) {
-      if (prop in obj) {
-        result[prop] = target[prop];
-      }
-    });
-    return result;
-  }
   /**
    * Pick all target properties, excluding the given ones.
    *
@@ -391,15 +379,19 @@
    *
    * @return {Object} target
    */
-
   function omit(target, properties) {
-    var result = {};
-    var obj = Object(target);
-    forEach$1(obj, function (prop, key) {
+
+    let result = {};
+
+    let obj = Object(target);
+
+    forEach$3(obj, function(prop, key) {
+
       if (properties.indexOf(key) === -1) {
         result[key] = prop;
       }
     });
+
     return result;
   }
 
@@ -620,9 +612,11 @@
 
     if (element.ownerDocument !== target.ownerDocument) {
       try {
+
         // may fail on webkit
         return target.ownerDocument.importNode(element, true);
       } catch (e) {
+
         // ignore
       }
     }
@@ -748,6 +742,7 @@
     var type = CSS_PROPERTIES[hyphenated];
 
     if (type) {
+
       // append pixel unit, unless present
       if (type === LENGTH_ATTR && typeof value === 'number') {
         value = String(value) + 'px';
@@ -793,38 +788,24 @@
   }
 
   /**
-   * Clear utility
+   * Taken from https://github.com/component/classes
+   *
+   * Without the component bits.
    */
-  function index(arr, obj) {
-    if (arr.indexOf) {
-      return arr.indexOf(obj);
-    }
-
-
-    for (var i = 0; i < arr.length; ++i) {
-      if (arr[i] === obj) {
-        return i;
-      }
-    }
-
-    return -1;
-  }
-
-  var re$1 = /\s+/;
 
-  var toString$1 = Object.prototype.toString;
+  /**
+   * toString reference.
+   */
 
-  function defined(o) {
-    return typeof o !== 'undefined';
-  }
+  const toString$1 = Object.prototype.toString;
 
   /**
-   * Wrap `el` in a `ClassList`.
-   *
-   * @param {Element} el
-   * @return {ClassList}
-   * @api public
-   */
+    * Wrap `el` in a `ClassList`.
+    *
+    * @param {Element} el
+    * @return {ClassList}
+    * @api public
+    */
 
   function classes$1(el) {
     return new ClassList$1(el);
@@ -839,79 +820,48 @@
   }
 
   /**
-   * Add class `name` if not already present.
-   *
-   * @param {String} name
-   * @return {ClassList}
-   * @api public
-   */
+    * Add class `name` if not already present.
+    *
+    * @param {String} name
+    * @return {ClassList}
+    * @api public
+    */
 
   ClassList$1.prototype.add = function(name) {
-
-    // classList
-    if (this.list) {
-      this.list.add(name);
-      return this;
-    }
-
-    // fallback
-    var arr = this.array();
-    var i = index(arr, name);
-    if (!~i) {
-      arr.push(name);
-    }
-
-    if (defined(this.el.className.baseVal)) {
-      this.el.className.baseVal = arr.join(' ');
-    } else {
-      this.el.className = arr.join(' ');
-    }
-
+    this.list.add(name);
     return this;
   };
 
   /**
-   * Remove class `name` when present, or
-   * pass a regular expression to remove
-   * any which match.
-   *
-   * @param {String|RegExp} name
-   * @return {ClassList}
-   * @api public
-   */
+    * Remove class `name` when present, or
+    * pass a regular expression to remove
+    * any which match.
+    *
+    * @param {String|RegExp} name
+    * @return {ClassList}
+    * @api public
+    */
 
   ClassList$1.prototype.remove = function(name) {
-    if ('[object RegExp]' === toString$1.call(name)) {
+    if ('[object RegExp]' == toString$1.call(name)) {
       return this.removeMatching(name);
     }
 
-    // classList
-    if (this.list) {
-      this.list.remove(name);
-      return this;
-    }
-
-    // fallback
-    var arr = this.array();
-    var i = index(arr, name);
-    if (~i) {
-      arr.splice(i, 1);
-    }
-    this.el.className.baseVal = arr.join(' ');
+    this.list.remove(name);
     return this;
   };
 
   /**
-   * Remove all classes matching `re`.
-   *
-   * @param {RegExp} re
-   * @return {ClassList}
-   * @api private
-   */
+    * Remove all classes matching `re`.
+    *
+    * @param {RegExp} re
+    * @return {ClassList}
+    * @api private
+    */
 
   ClassList$1.prototype.removeMatching = function(re) {
-    var arr = this.array();
-    for (var i = 0; i < arr.length; i++) {
+    const arr = this.array();
+    for (let i = 0; i < arr.length; i++) {
       if (re.test(arr[i])) {
         this.remove(arr[i]);
       }
@@ -920,81 +870,51 @@
   };
 
   /**
-   * Toggle class `name`, can force state via `force`.
-   *
-   * For browsers that support classList, but do not support `force` yet,
-   * the mistake will be detected and corrected.
-   *
-   * @param {String} name
-   * @param {Boolean} force
-   * @return {ClassList}
-   * @api public
-   */
+    * Toggle class `name`, can force state via `force`.
+    *
+    * For browsers that support classList, but do not support `force` yet,
+    * the mistake will be detected and corrected.
+    *
+    * @param {String} name
+    * @param {Boolean} force
+    * @return {ClassList}
+    * @api public
+    */
 
   ClassList$1.prototype.toggle = function(name, force) {
-    // classList
-    if (this.list) {
-      if (defined(force)) {
-        if (force !== this.list.toggle(name, force)) {
-          this.list.toggle(name); // toggle again to correct
-        }
-      } else {
-        this.list.toggle(name);
-      }
-      return this;
-    }
-
-    // fallback
-    if (defined(force)) {
-      if (!force) {
-        this.remove(name);
-      } else {
-        this.add(name);
+    if ('undefined' !== typeof force) {
+      if (force !== this.list.toggle(name, force)) {
+        this.list.toggle(name); // toggle again to correct
       }
     } else {
-      if (this.has(name)) {
-        this.remove(name);
-      } else {
-        this.add(name);
-      }
+      this.list.toggle(name);
     }
-
     return this;
   };
 
   /**
-   * Return an array of classes.
-   *
-   * @return {Array}
-   * @api public
-   */
+    * Return an array of classes.
+    *
+    * @return {Array}
+    * @api public
+    */
 
   ClassList$1.prototype.array = function() {
-    var className = this.el.getAttribute('class') || '';
-    var str = className.replace(/^\s+|\s+$/g, '');
-    var arr = str.split(re$1);
-    if ('' === arr[0]) {
-      arr.shift();
-    }
-    return arr;
+    return Array.from(this.list);
   };
 
   /**
-   * Check if class `name` is present.
-   *
-   * @param {String} name
-   * @return {ClassList}
-   * @api public
-   */
+    * Check if class `name` is present.
+    *
+    * @param {String} name
+    * @return {ClassList}
+    * @api public
+    */
 
   ClassList$1.prototype.has =
-  ClassList$1.prototype.contains = function(name) {
-    return (
-      this.list ?
-        this.list.contains(name) :
-        !! ~index(this.array(), name)
-    );
-  };
+   ClassList$1.prototype.contains = function(name) {
+     return this.list.contains(name);
+   };
 
   function remove$2(element) {
     var parent = element.parentNode;
@@ -1046,6 +966,7 @@
         svg = SVG_START + svg.substring(4);
       }
     } else {
+
       // namespace svg
       svg = SVG_START + '>' + svg + '</svg>';
       unwrap = true;
@@ -1201,8 +1122,10 @@
     var i, len, attrMap, attrNode, childNodes;
 
     switch (node.nodeType) {
+
     // TEXT
     case 3:
+
       // replace special XML characters
       output.push(escape$1(node.textContent, TEXT_ENTITIES));
       break;
@@ -1266,6 +1189,7 @@
     }
 
     if (!isFragment(parsed)) {
+
       // extract <svg> from parsed document
       parsed = parsed.documentElement;
     }
@@ -1536,6 +1460,21 @@
     return componentsToPath(rectPath);
   }
 
+  function _mergeNamespaces$1(n, m) {
+    m.forEach(function (e) {
+      e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
+        if (k !== 'default' && !(k in n)) {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () { return e[k]; }
+          });
+        }
+      });
+    });
+    return Object.freeze(n);
+  }
+
   /**
    * Flatten array, one level deep.
    *
@@ -1544,13 +1483,13 @@
    * @return {Array<?>}
    */
 
-  var nativeToString = Object.prototype.toString;
-  var nativeHasOwnProperty = Object.prototype.hasOwnProperty;
-  function isUndefined$1(obj) {
+  var nativeToString$3 = Object.prototype.toString;
+  var nativeHasOwnProperty$2 = Object.prototype.hasOwnProperty;
+  function isUndefined$3(obj) {
     return obj === undefined;
   }
-  function isArray$1(obj) {
-    return nativeToString.call(obj) === '[object Array]';
+  function isArray$3(obj) {
+    return nativeToString$3.call(obj) === '[object Array]';
   }
   /**
    * Return true, if target owns a property with the given key.
@@ -1561,8 +1500,8 @@
    * @return {Boolean}
    */
 
-  function has(target, key) {
-    return nativeHasOwnProperty.call(target, key);
+  function has$2(target, key) {
+    return nativeHasOwnProperty$2.call(target, key);
   }
   /**
    * Iterate over collection; returning something
@@ -1574,17 +1513,17 @@
    * @return {Object} return result that stopped the iteration
    */
 
-  function forEach(collection, iterator) {
+  function forEach$2(collection, iterator) {
     var val, result;
 
-    if (isUndefined$1(collection)) {
+    if (isUndefined$3(collection)) {
       return;
     }
 
-    var convertKey = isArray$1(collection) ? toNum : identity;
+    var convertKey = isArray$3(collection) ? toNum$2 : identity$2;
 
     for (var key in collection) {
-      if (has(collection, key)) {
+      if (has$2(collection, key)) {
         val = collection[key];
         result = iterator(val, convertKey(key));
 
@@ -1595,11 +1534,11 @@
     }
   }
 
-  function identity(arg) {
+  function identity$2(arg) {
     return arg;
   }
 
-  function toNum(arg) {
+  function toNum$2(arg) {
     return Number(arg);
   }
 
@@ -1611,19 +1550,15 @@
    *
    * @return {Element} the element
    */
-  function assign$1(element) {
-    var target = element.style;
-
-    for (var _len = arguments.length, styleSources = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      styleSources[_key - 1] = arguments[_key];
-    }
+  function assign$3(element, ...styleSources) {
+    const target = element.style;
 
-    forEach(styleSources, function (style) {
+    forEach$2(styleSources, function(style) {
       if (!style) {
         return;
       }
 
-      forEach(style, function (value, key) {
+      forEach$2(style, function(value, key) {
         target[key] = value;
       });
     });
@@ -1640,6 +1575,7 @@
    * @api public
    */
   function attr(el, name, val) {
+
     // get
     if (arguments.length == 2) {
       return el.getAttribute(name);
@@ -1656,33 +1592,17 @@
     return el;
   }
 
-  var indexOf = [].indexOf;
-
-  var indexof = function(arr, obj){
-    if (indexOf) return arr.indexOf(obj);
-    for (var i = 0; i < arr.length; ++i) {
-      if (arr[i] === obj) return i;
-    }
-    return -1;
-  };
-
   /**
    * Taken from https://github.com/component/classes
    *
    * Without the component bits.
    */
 
-  /**
-   * Whitespace regexp.
-   */
-
-  var re = /\s+/;
-
   /**
    * toString reference.
    */
 
-  var toString = Object.prototype.toString;
+  const toString = Object.prototype.toString;
 
   /**
    * Wrap `el` in a `ClassList`.
@@ -1719,18 +1639,8 @@
    * @api public
    */
 
-  ClassList.prototype.add = function (name) {
-    // classList
-    if (this.list) {
-      this.list.add(name);
-      return this;
-    }
-
-    // fallback
-    var arr = this.array();
-    var i = indexof(arr, name);
-    if (!~i) arr.push(name);
-    this.el.className = arr.join(' ');
+  ClassList.prototype.add = function(name) {
+    this.list.add(name);
     return this;
   };
 
@@ -1744,22 +1654,12 @@
    * @api public
    */
 
-  ClassList.prototype.remove = function (name) {
+  ClassList.prototype.remove = function(name) {
     if ('[object RegExp]' == toString.call(name)) {
       return this.removeMatching(name);
     }
 
-    // classList
-    if (this.list) {
-      this.list.remove(name);
-      return this;
-    }
-
-    // fallback
-    var arr = this.array();
-    var i = indexof(arr, name);
-    if (~i) arr.splice(i, 1);
-    this.el.className = arr.join(' ');
+    this.list.remove(name);
     return this;
   };
 
@@ -1771,9 +1671,9 @@
    * @api private
    */
 
-  ClassList.prototype.removeMatching = function (re) {
-    var arr = this.array();
-    for (var i = 0; i < arr.length; i++) {
+  ClassList.prototype.removeMatching = function(re) {
+    const arr = this.array();
+    for (let i = 0; i < arr.length; i++) {
       if (re.test(arr[i])) {
         this.remove(arr[i]);
       }
@@ -1793,34 +1693,14 @@
    * @api public
    */
 
-  ClassList.prototype.toggle = function (name, force) {
-    // classList
-    if (this.list) {
-      if ('undefined' !== typeof force) {
-        if (force !== this.list.toggle(name, force)) {
-          this.list.toggle(name); // toggle again to correct
-        }
-      } else {
-        this.list.toggle(name);
-      }
-      return this;
-    }
-
-    // fallback
+  ClassList.prototype.toggle = function(name, force) {
     if ('undefined' !== typeof force) {
-      if (!force) {
-        this.remove(name);
-      } else {
-        this.add(name);
+      if (force !== this.list.toggle(name, force)) {
+        this.list.toggle(name); // toggle again to correct
       }
     } else {
-      if (this.has(name)) {
-        this.remove(name);
-      } else {
-        this.add(name);
-      }
+      this.list.toggle(name);
     }
-
     return this;
   };
 
@@ -1831,12 +1711,8 @@
    * @api public
    */
 
-  ClassList.prototype.array = function () {
-    var className = this.el.getAttribute('class') || '';
-    var str = className.replace(/^\s+|\s+$/g, '');
-    var arr = str.split(re);
-    if ('' === arr[0]) arr.shift();
-    return arr;
+  ClassList.prototype.array = function() {
+    return Array.from(this.list);
   };
 
   /**
@@ -1847,8 +1723,9 @@
    * @api public
    */
 
-  ClassList.prototype.has = ClassList.prototype.contains = function (name) {
-    return this.list ? this.list.contains(name) : !!~indexof(this.array(), name);
+  ClassList.prototype.has =
+  ClassList.prototype.contains = function(name) {
+    return this.list.contains(name);
   };
 
   /**
@@ -1866,33 +1743,14 @@
     return el;
   }
 
-  var proto = typeof Element !== 'undefined' ? Element.prototype : {};
-  var vendor = proto.matches
-    || proto.matchesSelector
-    || proto.webkitMatchesSelector
-    || proto.mozMatchesSelector
-    || proto.msMatchesSelector
-    || proto.oMatchesSelector;
-
-  var matchesSelector = match;
-
   /**
-   * Match `el` to `selector`.
+   * @param { HTMLElement } element
+   * @param { String } selector
    *
-   * @param {Element} el
-   * @param {String} selector
-   * @return {Boolean}
-   * @api public
+   * @return { boolean }
    */
-
-  function match(el, selector) {
-    if (!el || el.nodeType !== 1) return false;
-    if (vendor) return vendor.call(el, selector);
-    var nodes = el.parentNode.querySelectorAll(selector);
-    for (var i = 0; i < nodes.length; i++) {
-      if (nodes[i] == el) return true;
-    }
-    return false;
+  function matches(element, selector) {
+    return element && typeof element.matches === 'function' && element.matches(selector);
   }
 
   /**
@@ -1902,23 +1760,26 @@
    * @param {String} selector
    * @param {Boolean} checkYourSelf (optional)
    */
-  function closest (element, selector, checkYourSelf) {
+  function closest(element, selector, checkYourSelf) {
     var currentElem = checkYourSelf ? element : element.parentNode;
 
-    while (currentElem && currentElem.nodeType !== document.DOCUMENT_NODE && currentElem.nodeType !== document.DOCUMENT_FRAGMENT_NODE) {
+    while (currentElem && currentElem.nodeType !== document.DOCUMENT_NODE &&
+        currentElem.nodeType !== document.DOCUMENT_FRAGMENT_NODE) {
 
-      if (matchesSelector(currentElem, selector)) {
+      if (matches(currentElem, selector)) {
         return currentElem;
       }
 
       currentElem = currentElem.parentNode;
     }
 
-    return matchesSelector(currentElem, selector) ? currentElem : null;
+    return matches(currentElem, selector) ? currentElem : null;
   }
 
+  var componentEvent = {};
+
   var bind$1 = window.addEventListener ? 'addEventListener' : 'attachEvent',
-      unbind = window.removeEventListener ? 'removeEventListener' : 'detachEvent',
+      unbind$1 = window.removeEventListener ? 'removeEventListener' : 'detachEvent',
       prefix$6 = bind$1 !== 'addEventListener' ? 'on' : '';
 
   /**
@@ -1932,7 +1793,7 @@
    * @api public
    */
 
-  var bind_1 = function(el, type, fn, capture){
+  var bind_1 = componentEvent.bind = function(el, type, fn, capture){
     el[bind$1](prefix$6 + type, fn, capture || false);
     return fn;
   };
@@ -1948,15 +1809,17 @@
    * @api public
    */
 
-  var unbind_1 = function(el, type, fn, capture){
-    el[unbind](prefix$6 + type, fn, capture || false);
+  var unbind_1 = componentEvent.unbind = function(el, type, fn, capture){
+    el[unbind$1](prefix$6 + type, fn, capture || false);
     return fn;
   };
 
-  var componentEvent = {
-  	bind: bind_1,
-  	unbind: unbind_1
-  };
+  var event = /*#__PURE__*/_mergeNamespaces$1({
+    __proto__: null,
+    bind: bind_1,
+    unbind: unbind_1,
+    'default': componentEvent
+  }, [componentEvent]);
 
   /**
    * Module dependencies.
@@ -1978,14 +1841,14 @@
 
   // Some events don't bubble, so we want to bind to the capture phase instead
   // when delegating.
-  var forceCaptureEvents = ['focus', 'blur'];
+  var forceCaptureEvents = [ 'focus', 'blur' ];
 
   function bind$2(el, selector, type, fn, capture) {
     if (forceCaptureEvents.indexOf(type) !== -1) {
       capture = true;
     }
 
-    return componentEvent.bind(el, type, function (e) {
+    return event.bind(el, type, function(e) {
       var target = e.target || e.srcElement;
       e.delegateTarget = closest(target, selector, true);
       if (e.delegateTarget) {
@@ -2003,17 +1866,17 @@
    * @param {Boolean} capture
    * @api public
    */
-  function unbind$1(el, type, fn, capture) {
+  function unbind(el, type, fn, capture) {
     if (forceCaptureEvents.indexOf(type) !== -1) {
       capture = true;
     }
 
-    return componentEvent.unbind(el, type, fn, capture);
+    return event.unbind(el, type, fn, capture);
   }
 
   var delegate = {
     bind: bind$2,
-    unbind: unbind$1
+    unbind
   };
 
   /**
@@ -2042,7 +1905,7 @@
    * Wrap map from jquery.
    */
 
-  var map$1 = {
+  var map = {
     legend: [1, '<fieldset>', '</fieldset>'],
     tr: [2, '<table><tbody>', '</tbody></table>'],
     col: [2, '<table><tbody></tbody><colgroup>', '</colgroup></table>'],
@@ -2051,27 +1914,27 @@
     _default: innerHTMLBug ? [1, 'X<div>', '</div>'] : [0, '', '']
   };
 
-  map$1.td =
-  map$1.th = [3, '<table><tbody><tr>', '</tr></tbody></table>'];
+  map.td =
+  map.th = [3, '<table><tbody><tr>', '</tr></tbody></table>'];
 
-  map$1.option =
-  map$1.optgroup = [1, '<select multiple="multiple">', '</select>'];
+  map.option =
+  map.optgroup = [1, '<select multiple="multiple">', '</select>'];
 
-  map$1.thead =
-  map$1.tbody =
-  map$1.colgroup =
-  map$1.caption =
-  map$1.tfoot = [1, '<table>', '</table>'];
+  map.thead =
+  map.tbody =
+  map.colgroup =
+  map.caption =
+  map.tfoot = [1, '<table>', '</table>'];
 
-  map$1.polyline =
-  map$1.ellipse =
-  map$1.polygon =
-  map$1.circle =
-  map$1.text =
-  map$1.line =
-  map$1.path =
-  map$1.rect =
-  map$1.g = [1, '<svg xmlns="http://www.w3.org/2000/svg" version="1.1">','</svg>'];
+  map.polyline =
+  map.ellipse =
+  map.polygon =
+  map.circle =
+  map.text =
+  map.line =
+  map.path =
+  map.rect =
+  map.g = [1, '<svg xmlns="http://www.w3.org/2000/svg" version="1.1">','</svg>'];
 
   /**
    * Parse `html` and return a DOM Node instance, which could be a TextNode,
@@ -2106,7 +1969,7 @@
     }
 
     // wrap map
-    var wrap = map$1[tag] || map$1._default;
+    var wrap = Object.prototype.hasOwnProperty.call(map, tag) ? map[tag] : map._default;
     var depth = wrap[0];
     var prefix = wrap[1];
     var suffix = wrap[2];
@@ -2128,6 +1991,8 @@
     return fragment;
   }
 
+  var domify$1 = domify;
+
   function query(selector, el) {
     el = el || document;
 
@@ -2379,7 +2244,7 @@
     var computeStyle = styles.computeStyle;
 
     function addMarker(id, options) {
-      var attrs = assign({
+      var attrs = assign$4({
         fill: black,
         strokeWidth: 1,
         strokeLinecap: 'round',
@@ -2551,7 +2416,7 @@
 
     function drawCircle(parentGfx, width, height, offset, attrs) {
 
-      if (isObject(offset)) {
+      if (isObject$1(offset)) {
         attrs = offset;
         offset = 0;
       }
@@ -2586,7 +2451,7 @@
 
     function drawRect(parentGfx, width, height, r, offset, attrs) {
 
-      if (isObject(offset)) {
+      if (isObject$1(offset)) {
         attrs = offset;
         offset = 0;
       }
@@ -2674,7 +2539,7 @@
     }
 
     function drawMarker(type, parentGfx, path, attrs) {
-      return drawPath(parentGfx, path, assign({ 'data-marker': type }, attrs));
+      return drawPath(parentGfx, path, assign$4({ 'data-marker': type }, attrs));
     }
 
     function renderer(type) {
@@ -2746,7 +2611,7 @@
 
     function renderLabel(parentGfx, label, options) {
 
-      options = assign({
+      options = assign$4({
         size: {
           width: 100
         }
@@ -2786,7 +2651,7 @@
       return renderLabel(parentGfx, getLabel(element), {
         box: box,
         fitBox: true,
-        style: assign(
+        style: assign$4(
           {},
           textRenderer.getExternalStyle(),
           {
@@ -3388,7 +3253,7 @@
         return task;
       },
       'bpmn:SubProcess': function(parentGfx, element, attrs) {
-        attrs = assign({
+        attrs = assign$4({
           fill: getFillColor(element, defaultFillColor),
           stroke: getStrokeColor(element, defaultStrokeColor)
         }, attrs);
@@ -3474,7 +3339,7 @@
         return lane;
       },
       'bpmn:Lane': function(parentGfx, element, attrs) {
-        var rect = drawRect(parentGfx, element.width, element.height, 0, assign({
+        var rect = drawRect(parentGfx, element.width, element.height, 0, assign$4({
           fill: getFillColor(element, defaultFillColor),
           fillOpacity: HIGH_FILL_OPACITY,
           stroke: getStrokeColor(element, defaultStrokeColor)
@@ -3696,7 +3561,7 @@
         var fill = getFillColor(element, defaultFillColor),
             stroke = getStrokeColor(element, defaultStrokeColor);
 
-        attrs = assign({
+        attrs = assign$4({
           strokeDasharray: '0.5, 5',
           strokeLinecap: 'round',
           strokeLinejoin: 'round',
@@ -3884,12 +3749,12 @@
         }
 
         // apply fillOpacity
-        var outerAttrs = assign({}, attrs, {
+        var outerAttrs = assign$4({}, attrs, {
           fillOpacity: 1
         });
 
         // apply no-fill
-        var innerAttrs = assign({}, attrs, {
+        var innerAttrs = assign$4({}, attrs, {
           fill: 'none'
         });
 
@@ -4112,7 +3977,7 @@
         };
       }
 
-      forEach$1(taskMarkers, function(marker) {
+      forEach$3(taskMarkers, function(marker) {
         renderer(marker)(parentGfx, element, position);
       });
 
@@ -4240,8 +4105,8 @@
 
   function parsePadding(padding) {
 
-    if (isObject(padding)) {
-      return assign({ top: 0, left: 0, right: 0, bottom: 0 }, padding);
+    if (isObject$1(padding)) {
+      return assign$4({ top: 0, left: 0, right: 0, bottom: 0 }, padding);
     } else {
       return {
         top: padding,
@@ -4405,7 +4270,7 @@
         id: 'helper-svg'
       });
 
-      assign$1(helperSvg, {
+      assign$3(helperSvg, {
         visibility: 'hidden',
         position: 'fixed',
         width: 0,
@@ -4430,7 +4295,7 @@
    */
   function Text(config) {
 
-    this._config = assign({}, {
+    this._config = assign$4({}, {
       size: DEFAULT_LABEL_SIZE$1,
       padding: DEFAULT_BOX_PADDING,
       style: {},
@@ -4479,8 +4344,8 @@
    * @return {Object} { element, dimensions }
    */
   Text.prototype.layoutText = function(text, options) {
-    var box = assign({}, this._config.size, options.box),
-        style = assign({}, this._config.style, options.style),
+    var box = assign$4({}, this._config.size, options.box),
+        style = assign$4({}, this._config.style, options.style),
         align = parseAlign(options.align || this._config.align),
         padding = parsePadding(options.padding !== undefined ? options.padding : this._config.padding),
         fitBox = options.fitBox || false;
@@ -4536,7 +4401,7 @@
 
     // layout each line taking into account that parent
     // shape might resize to fit text size
-    forEach$1(layouted, function(line) {
+    forEach$3(layouted, function(line) {
 
       var x;
 
@@ -4595,7 +4460,7 @@
 
   function TextRenderer(config) {
 
-    var defaultStyle = assign({
+    var defaultStyle = assign$4({
       fontFamily: 'Arial, sans-serif',
       fontSize: DEFAULT_FONT_SIZE,
       fontWeight: 'normal',
@@ -4604,7 +4469,7 @@
 
     var fontSize = parseInt(defaultStyle.fontSize, 10) - 1;
 
-    var externalStyle = assign({}, defaultStyle, {
+    var externalStyle = assign$4({}, defaultStyle, {
       fontSize: fontSize
     }, config && config.externalStyle || {});
 
@@ -5340,7 +5205,7 @@
       size = DEFAULT_LABEL_SIZE;
     }
 
-    return assign({
+    return assign$4({
       x: mid.x - size.width / 2,
       y: mid.y - size.height / 2
     }, size);
@@ -5510,7 +5375,7 @@
    * @return {Object}
    */
   function elementData(semantic, di, attrs) {
-    return assign({
+    return assign$4({
       id: semantic.id,
       type: semantic.$type,
       businessObject: semantic,
@@ -6065,13 +5930,13 @@
     }
 
     function registerEvents(svg) {
-      forEach$1(bindings, function(val, key) {
+      forEach$3(bindings, function(val, key) {
         registerEvent(svg, key, val);
       });
     }
 
     function unregisterEvents(svg) {
-      forEach$1(bindings, function(val, key) {
+      forEach$3(bindings, function(val, key) {
         unregisterEvent(svg, key, val);
       });
     }
@@ -6142,7 +6007,7 @@
 
     function createHitStyle(classNames, attrs) {
 
-      attrs = assign({
+      attrs = assign$4({
         stroke: 'white',
         strokeWidth: 15
       }, attrs || {});
@@ -6181,7 +6046,7 @@
     this.removeHits = function(gfx) {
       var hits = all('.djs-hit', gfx);
 
-      forEach$1(hits, remove$2);
+      forEach$3(hits, remove$2);
     };
 
     /**
@@ -6240,7 +6105,7 @@
      */
     this.createBoxHit = function(gfx, type, attrs) {
 
-      attrs = assign({
+      attrs = assign$4({
         x: 0,
         y: 0
       }, attrs);
@@ -6397,7 +6262,7 @@
   function getBBox(elements, stopRecursion) {
 
     stopRecursion = !!stopRecursion;
-    if (!isArray$2(elements)) {
+    if (!isArray$4(elements)) {
       elements = [ elements ];
     }
 
@@ -6406,7 +6271,7 @@
         maxX,
         maxY;
 
-    forEach$1(elements, function(element) {
+    forEach$3(elements, function(element) {
 
       // If element is a connection the bbox must be computed first
       var bbox = element;
@@ -6485,7 +6350,7 @@
     function createOutline(gfx, bounds) {
       var outline = create$1('rect');
 
-      attr$1(outline, assign({
+      attr$1(outline, assign$4({
         x: 10,
         y: 10,
         rx: 3,
@@ -6644,7 +6509,7 @@
     var selectedElements = this._selectedElements,
         oldSelection = selectedElements.slice();
 
-    if (!isArray$2(elements)) {
+    if (!isArray$4(elements)) {
       elements = elements ? [ elements ] : [];
     }
 
@@ -6661,7 +6526,7 @@
     // selection may be cleared by passing an empty array or null
     // to the method
     if (add) {
-      forEach$1(elements, function(element) {
+      forEach$3(elements, function(element) {
         if (selectedElements.indexOf(element) !== -1) {
 
           // already selected
@@ -6730,13 +6595,13 @@
       var oldSelection = event.oldSelection,
           newSelection = event.newSelection;
 
-      forEach$1(oldSelection, function(e) {
+      forEach$3(oldSelection, function(e) {
         if (newSelection.indexOf(e) === -1) {
           deselect(e);
         }
       });
 
-      forEach$1(newSelection, function(e) {
+      forEach$3(newSelection, function(e) {
         if (oldSelection.indexOf(e) === -1) {
           select(e);
         }
@@ -6778,7 +6643,7 @@
 
     var rect = create$1('rect');
 
-    attr$1(rect, assign({
+    attr$1(rect, assign$4({
       rx: 3
     }, bBox));
 
@@ -6815,7 +6680,7 @@
           return;
         }
 
-        if (isArray$2(autoSelect)) {
+        if (isArray$4(autoSelect)) {
           selection.select(autoSelect);
         } else {
 
@@ -6842,7 +6707,7 @@
       var shape = elementRegistry.get(event.context.shape.id);
 
       // Always select main shape on move
-      var isSelected = find(previousSelection, function(selectedShape) {
+      var isSelected = find$1(previousSelection, function(selectedShape) {
         return shape.id === selectedShape.id;
       });
 
@@ -7021,7 +6886,7 @@
 
     this._ids = ids;
 
-    this._overlayDefaults = assign({
+    this._overlayDefaults = assign$4({
 
       // no show constraints
       show: null,
@@ -7083,11 +6948,11 @@
    */
   Overlays.prototype.get = function(search) {
 
-    if (isString(search)) {
+    if (isString$3(search)) {
       search = { id: search };
     }
 
-    if (isString(search.element)) {
+    if (isString$3(search.element)) {
       search.element = this._elementRegistry.get(search.element);
     }
 
@@ -7096,13 +6961,13 @@
 
       // return a list of overlays when searching by element (+type)
       if (container) {
-        return search.type ? filter(container.overlays, matchPattern({ type: search.type })) : container.overlays.slice();
+        return search.type ? filter$1(container.overlays, matchPattern({ type: search.type })) : container.overlays.slice();
       } else {
         return [];
       }
     } else
     if (search.type) {
-      return filter(this._overlays, matchPattern({ type: search.type }));
+      return filter$1(this._overlays, matchPattern({ type: search.type }));
     } else {
 
       // return single element when searching by id
@@ -7135,7 +7000,7 @@
    */
   Overlays.prototype.add = function(element, type, overlay) {
 
-    if (isObject(type)) {
+    if (isObject$1(type)) {
       overlay = type;
       type = null;
     }
@@ -7158,7 +7023,7 @@
 
     var id = this._ids.next();
 
-    overlay = assign({}, this._overlayDefaults, overlay, {
+    overlay = assign$4({}, this._overlayDefaults, overlay, {
       id: id,
       type: type,
       element: element,
@@ -7182,13 +7047,13 @@
 
     var overlays = this.get(filter) || [];
 
-    if (!isArray$2(overlays)) {
+    if (!isArray$4(overlays)) {
       overlays = [ overlays ];
     }
 
     var self = this;
 
-    forEach$1(overlays, function(overlay) {
+    forEach$3(overlays, function(overlay) {
 
       var container = self._getOverlayContainer(overlay.element, true);
 
@@ -7297,8 +7162,8 @@
 
 
   Overlays.prototype._createOverlayContainer = function(element) {
-    var html = domify('<div class="djs-overlays" />');
-    assign$1(html, { position: 'absolute' });
+    var html = domify$1('<div class="djs-overlays" />');
+    assign$3(html, { position: 'absolute' });
 
     this._overlayRoot.appendChild(html);
 
@@ -7335,7 +7200,7 @@
 
 
   Overlays.prototype._getOverlayContainer = function(element, raw) {
-    var container = find(this._overlayContainers, function(c) {
+    var container = find$1(this._overlayContainers, function(c) {
       return c.element === element;
     });
 
@@ -7363,14 +7228,14 @@
 
     // create proper html elements from
     // overlay HTML strings
-    if (isString(html)) {
-      html = domify(html);
+    if (isString$3(html)) {
+      html = domify$1(html);
     }
 
     overlayContainer = this._getOverlayContainer(element);
 
-    htmlContainer = domify('<div class="djs-overlay" data-overlay-id="' + id + '">');
-    assign$1(htmlContainer, { position: 'absolute' });
+    htmlContainer = domify$1('<div class="djs-overlay" data-overlay-id="' + id + '">');
+    assign$3(htmlContainer, { position: 'absolute' });
 
     htmlContainer.appendChild(html);
 
@@ -7460,7 +7325,7 @@
 
     var self = this;
 
-    forEach$1(this._overlays, function(overlay) {
+    forEach$3(this._overlays, function(overlay) {
       self._updateOverlayVisibilty(overlay, viewbox);
     });
   };
@@ -7497,7 +7362,7 @@
       var element = e.element;
       var overlays = self.get({ element: element });
 
-      forEach$1(overlays, function(o) {
+      forEach$3(overlays, function(o) {
         self.remove(o.id);
       });
 
@@ -7521,7 +7386,7 @@
       var container = self._getOverlayContainer(element, true);
 
       if (container) {
-        forEach$1(container.overlays, function(overlay) {
+        forEach$3(container.overlays, function(overlay) {
           self._updateOverlay(overlay);
         });
 
@@ -7554,11 +7419,11 @@
   // helpers /////////////////////////////
 
   function createRoot(parentNode) {
-    var root = domify(
+    var root = domify$1(
       '<div class="djs-overlay-container" />'
     );
 
-    assign$1(root, {
+    assign$3(root, {
       position: 'absolute',
       width: 0,
       height: 0
@@ -7570,7 +7435,7 @@
   }
 
   function setPosition(el, x, y) {
-    assign$1(el, { left: x + 'px', top: y + 'px' });
+    assign$3(el, { left: x + 'px', top: y + 'px' });
   }
 
   /**
@@ -7716,7 +7581,7 @@
    */
   CommandInterceptor.prototype.on = function(events, hook, priority, handlerFn, unwrap, that) {
 
-    if (isFunction(hook) || isNumber(hook)) {
+    if (isFunction$1(hook) || isNumber(hook)) {
       that = unwrap;
       unwrap = handlerFn;
       handlerFn = priority;
@@ -7724,29 +7589,29 @@
       hook = null;
     }
 
-    if (isFunction(priority)) {
+    if (isFunction$1(priority)) {
       that = unwrap;
       unwrap = handlerFn;
       handlerFn = priority;
       priority = DEFAULT_PRIORITY$2;
     }
 
-    if (isObject(unwrap)) {
+    if (isObject$1(unwrap)) {
       that = unwrap;
       unwrap = false;
     }
 
-    if (!isFunction(handlerFn)) {
+    if (!isFunction$1(handlerFn)) {
       throw new Error('handlerFn must be a function');
     }
 
-    if (!isArray$2(events)) {
+    if (!isArray$4(events)) {
       events = [ events ];
     }
 
     var eventBus = this._eventBus;
 
-    forEach$1(events, function(event) {
+    forEach$3(events, function(event) {
 
       // concat commandStack(.event)?(.hook)?
       var fullEvent = [ 'commandStack', event, hook ].filter(function(e) { return e; }).join('.');
@@ -7774,7 +7639,7 @@
    * This will generate the CommandInterceptor#(preExecute|...|reverted) methods
    * which will in term forward to CommandInterceptor#on.
    */
-  forEach$1(hooks, function(hook) {
+  forEach$3(hooks, function(hook) {
 
     /**
      * {canExecute|preExecute|preExecuted|execute|executed|postExecute|postExecuted|revert|reverted}
@@ -7790,7 +7655,7 @@
      */
     CommandInterceptor.prototype[hook] = function(events, priority, handlerFn, unwrap, that) {
 
-      if (isFunction(events) || isNumber(events)) {
+      if (isFunction$1(events) || isNumber(events)) {
         that = unwrap;
         unwrap = handlerFn;
         handlerFn = priority;
@@ -7998,7 +7863,7 @@
    * @param {canvas} canvas
    */
   function DrilldownBreadcrumbs(eventBus, elementRegistry, overlays, canvas) {
-    var breadcrumbs = domify('<ul class="bjs-breadcrumbs"></ul>');
+    var breadcrumbs = domify$1('<ul class="bjs-breadcrumbs"></ul>');
     var container = canvas.getContainer();
     var containerClasses = classes(container);
     container.appendChild(breadcrumbs);
@@ -8010,7 +7875,7 @@
       var shape = e.element,
           bo = getBusinessObject(shape);
 
-      var isPresent = find(boParents, function(el) {
+      var isPresent = find$1(boParents, function(el) {
         return el === bo;
       });
 
@@ -8034,7 +7899,7 @@
 
       var path = boParents.map(function(parent) {
         var title = escapeHTML(parent.name || parent.id);
-        var link = domify('<li><span class="bjs-crumb"><a title="' + title + '">' + title + '</a></span></li>');
+        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);
 
@@ -8574,7 +8439,7 @@
       this.removeOverlay(element);
     }
 
-    var button = domify('<button class="bjs-drilldown">' + ARROW_DOWN_SVG + '</button>');
+    var button = domify$1('<button class="bjs-drilldown">' + ARROW_DOWN_SVG + '</button>');
 
     button.addEventListener('click', function() {
       canvas.setRootElement(canvas.findRoot(getPlaneIdFromShape(element)));
@@ -8616,7 +8481,7 @@
     subprocessCompatibility: [ 'type', SubprocessCompatibility ]
   };
 
-  var CLASS_PATTERN = /^class /;
+  const CLASS_PATTERN = /^class[ {]/;
 
 
   /**
@@ -8633,8 +8498,8 @@
    *
    * @return {boolean}
    */
-  function isArray(obj) {
-    return Object.prototype.toString.call(obj) === '[object Array]';
+  function isArray$2(obj) {
+    return Array.isArray(obj);
   }
 
   /**
@@ -8658,14 +8523,15 @@
    *
    * @return {T & InjectAnnotated}
    */
-  function annotate() {
-    var args = Array.prototype.slice.call(arguments);
+  function annotate(...args) {
 
-    if (args.length === 1 && isArray(args[0])) {
+    if (args.length === 1 && isArray$2(args[0])) {
       args = args[0];
     }
 
-    var fn = args.pop();
+    args = [ ...args ];
+
+    const fn = args.pop();
 
     fn.$inject = args;
 
@@ -8686,9 +8552,9 @@
   // first constructor(...) pattern found which may be the one
   // of a nested class, too.
 
-  var CONSTRUCTOR_ARGS = /constructor\s*[^(]*\(\s*([^)]*)\)/m;
-  var FN_ARGS = /^(?:async\s+)?(?:function\s*[^(]*)?(?:\(\s*([^)]*)\)|(\w+))/m;
-  var FN_ARG = /\/\*([^*]*)\*\//m;
+  const CONSTRUCTOR_ARGS = /constructor\s*[^(]*\(\s*([^)]*)\)/m;
+  const FN_ARGS = /^(?:async\s+)?(?:function\s*[^(]*)?(?:\(\s*([^)]*)\)|(\w+))/m;
+  const FN_ARG = /\/\*([^*]*)\*\//m;
 
   /**
    * @param {unknown} fn
@@ -8698,20 +8564,20 @@
   function parseAnnotations(fn) {
 
     if (typeof fn !== 'function') {
-      throw new Error('Cannot annotate "' + fn + '". Expected a function!');
+      throw new Error(`Cannot annotate "${fn}". Expected a function!`);
     }
 
-    var match = fn.toString().match(isClass(fn) ? CONSTRUCTOR_ARGS : FN_ARGS);
+    const match = fn.toString().match(isClass(fn) ? CONSTRUCTOR_ARGS : FN_ARGS);
 
     // may parse class without constructor
     if (!match) {
       return [];
     }
 
-    var args = match[1] || match[2];
+    const args = match[1] || match[2];
 
-    return args && args.split(',').map(function(arg) {
-      var argMatch = arg.match(FN_ARG);
+    return args && args.split(',').map(arg => {
+      const argMatch = arg.match(FN_ARG);
       return (argMatch && argMatch[1] || arg).trim();
     }) || [];
   }
@@ -8736,21 +8602,21 @@
         if (strict === false) {
           return null;
         } else {
-          throw error('No provider for "' + name + '"!');
+          throw error(`No provider for "${ name }"!`);
         }
       }
     };
 
-    var currentlyResolving = [];
-    var providers = this._providers = Object.create(parent._providers || null);
-    var instances = this._instances = Object.create(null);
+    const currentlyResolving = [];
+    const providers = this._providers = Object.create(parent._providers || null);
+    const instances = this._instances = Object.create(null);
 
-    var self = instances.injector = this;
+    const self = instances.injector = this;
 
-    var error = function(msg) {
-      var stack = currentlyResolving.join(' -> ');
+    const error = function(msg) {
+      const stack = currentlyResolving.join(' -> ');
       currentlyResolving.length = 0;
-      return new Error(stack ? msg + ' (Resolving: ' + stack + ')' : msg);
+      return new Error(stack ? `${ msg } (Resolving: ${ stack })` : msg);
     };
 
     /**
@@ -8763,8 +8629,8 @@
      */
     function get(name, strict) {
       if (!providers[name] && name.indexOf('.') !== -1) {
-        var parts = name.split('.');
-        var pivot = get(parts.shift());
+        const parts = name.split('.');
+        let pivot = get(parts.shift());
 
         while (parts.length) {
           pivot = pivot[parts.shift()];
@@ -8800,15 +8666,15 @@
       }
 
       if (typeof fn !== 'function') {
-        if (isArray(fn)) {
+        if (isArray$2(fn)) {
           fn = annotate(fn.slice());
         } else {
-          throw new Error('Cannot invoke "' + fn + '". Expected a function!');
+          throw error(`Cannot invoke "${ fn }". Expected a function!`);
         }
       }
 
-      var inject = fn.$inject || parseAnnotations(fn);
-      var dependencies = inject.map(function(dep) {
+      const inject = fn.$inject || parseAnnotations(fn);
+      const dependencies = inject.map(dep => {
         if (hasOwnProp(locals, dep)) {
           return locals[dep];
         } else {
@@ -8823,22 +8689,22 @@
     }
 
     function instantiate(Type) {
-      var def = fnDef(Type);
-
-      var fn = def.fn,
-          dependencies = def.dependencies;
+      const {
+        fn,
+        dependencies
+      } = fnDef(Type);
 
       // instantiate var args constructor
-      var Constructor = Function.prototype.bind.apply(fn, [ null ].concat(dependencies));
+      const Constructor = Function.prototype.bind.apply(fn, [ null ].concat(dependencies));
 
       return new Constructor();
     }
 
     function invoke(func, context, locals) {
-      var def = fnDef(func, locals);
-
-      var fn = def.fn,
-          dependencies = def.dependencies;
+      const {
+        fn,
+        dependencies
+      } = fnDef(func, locals);
 
       return fn.apply(context, dependencies);
     }
@@ -8849,9 +8715,7 @@
      * @return {Function}
      */
     function createPrivateInjectorFactory(childInjector) {
-      return annotate(function(key) {
-        return childInjector.get(key);
-      });
+      return annotate(key => childInjector.get(key));
     }
 
     /**
@@ -8862,18 +8726,19 @@
      */
     function createChild(modules, forceNewInstances) {
       if (forceNewInstances && forceNewInstances.length) {
-        var fromParentModule = Object.create(null);
-        var matchedScopes = Object.create(null);
-
-        var privateInjectorsCache = [];
-        var privateChildInjectors = [];
-        var privateChildFactories = [];
-
-        var provider;
-        var cacheIdx;
-        var privateChildInjector;
-        var privateChildInjectorFactory;
-        for (var name in providers) {
+        const fromParentModule = Object.create(null);
+        const matchedScopes = Object.create(null);
+
+        const privateInjectorsCache = [];
+        const privateChildInjectors = [];
+        const privateChildFactories = [];
+
+        let provider;
+        let cacheIdx;
+        let privateChildInjector;
+        let privateChildInjectorFactory;
+
+        for (let name in providers) {
           provider = providers[name];
 
           if (forceNewInstances.indexOf(name) !== -1) {
@@ -8897,7 +8762,7 @@
 
           if ((provider[2] === 'factory' || provider[2] === 'type') && provider[1].$scope) {
             /* jshint -W083 */
-            forceNewInstances.forEach(function(scope) {
+            forceNewInstances.forEach(scope => {
               if (provider[1].$scope.indexOf(scope) !== -1) {
                 fromParentModule[name] = [ provider[2], provider[1] ];
                 matchedScopes[scope] = true;
@@ -8906,7 +8771,7 @@
           }
         }
 
-        forceNewInstances.forEach(function(scope) {
+        forceNewInstances.forEach(scope => {
           if (!matchedScopes[scope]) {
             throw new Error('No provider for "' + scope + '". Cannot use provider from the parent!');
           }
@@ -8918,7 +8783,7 @@
       return new Injector(modules, self);
     }
 
-    var factoryMap = {
+    const factoryMap = {
       factory: invoke,
       type: instantiate,
       value: function(value) {
@@ -8932,10 +8797,10 @@
      */
     function createInitializer(moduleDefinition, injector) {
 
-      var initializers = moduleDefinition.__init__ || [];
+      const initializers = moduleDefinition.__init__ || [];
 
       return function() {
-        initializers.forEach(function(initializer) {
+        initializers.forEach(initializer => {
 
           // eagerly resolve component (fn or string)
           if (typeof initializer === 'string') {
@@ -8952,13 +8817,13 @@
      */
     function loadModule(moduleDefinition) {
 
-      var moduleExports = moduleDefinition.__exports__;
+      const moduleExports = moduleDefinition.__exports__;
 
       // private module
       if (moduleExports) {
-        var nestedModules = moduleDefinition.__modules__;
+        const nestedModules = moduleDefinition.__modules__;
 
-        var clonedModule = Object.keys(moduleDefinition).reduce(function(clonedModule, key) {
+        const clonedModule = Object.keys(moduleDefinition).reduce((clonedModule, key) => {
 
           if (key !== '__exports__' && key !== '__modules__' && key !== '__init__' && key !== '__depends__') {
             clonedModule[key] = moduleDefinition[key];
@@ -8967,10 +8832,10 @@
           return clonedModule;
         }, Object.create(null));
 
-        var childModules = (nestedModules || []).concat(clonedModule);
+        const childModules = (nestedModules || []).concat(clonedModule);
 
-        var privateInjector = createChild(childModules);
-        var getFromPrivateInjector = annotate(function(key) {
+        const privateInjector = createChild(childModules);
+        const getFromPrivateInjector = annotate(function(key) {
           return privateInjector.get(key);
         });
 
@@ -8979,7 +8844,7 @@
         });
 
         // ensure child injector initializes
-        var initializers = (moduleDefinition.__init__ || []).slice();
+        const initializers = (moduleDefinition.__init__ || []).slice();
 
         initializers.unshift(function() {
           privateInjector.init();
@@ -9004,8 +8869,8 @@
           return;
         }
 
-        var type = moduleDefinition[key][0];
-        var value = moduleDefinition[key][1];
+        const type = moduleDefinition[key][0];
+        const value = moduleDefinition[key][1];
 
         providers[key] = [ factoryMap[type], arrayUnwrap(type, value), type ];
       });
@@ -9041,11 +8906,11 @@
      */
     function bootstrap(moduleDefinitions) {
 
-      var initializers = moduleDefinitions
+      const initializers = moduleDefinitions
         .reduce(resolveDependencies, [])
         .map(loadModule);
 
-      var initialized = false;
+      let initialized = false;
 
       return function() {
 
@@ -9055,9 +8920,7 @@
 
         initialized = true;
 
-        initializers.forEach(function(initializer) {
-          return initializer();
-        });
+        initializers.forEach(initializer => initializer());
       };
     }
 
@@ -9075,7 +8938,7 @@
   // helpers ///////////////
 
   function arrayUnwrap(type, value) {
-    if (type !== 'value' && isArray(value)) {
+    if (type !== 'value' && isArray$2(value)) {
       value = annotate(value.slice());
     }
 
@@ -9120,9 +8983,9 @@
     });
 
     if (isFrameElement(element)) {
-      attr$1(rect, assign({}, this.FRAME_STYLE, attrs || {}));
+      attr$1(rect, assign$4({}, this.FRAME_STYLE, attrs || {}));
     } else {
-      attr$1(rect, assign({}, this.SHAPE_STYLE, attrs || {}));
+      attr$1(rect, assign$4({}, this.SHAPE_STYLE, attrs || {}));
     }
 
     append(visuals, rect);
@@ -9132,7 +8995,7 @@
 
   DefaultRenderer.prototype.drawConnection = function drawConnection(visuals, connection, attrs) {
 
-    var line = createLine(connection.waypoints, assign({}, this.CONNECTION_STYLE, attrs || {}));
+    var line = createLine(connection.waypoints, assign$4({}, this.CONNECTION_STYLE, attrs || {}));
     append(visuals, line);
 
     return line;
@@ -9208,7 +9071,7 @@
     this.cls = function(className, traits, additionalAttrs) {
       var attrs = this.style(traits, additionalAttrs);
 
-      return assign(attrs, { 'class': className });
+      return assign$4(attrs, { 'class': className });
     };
 
     /**
@@ -9221,25 +9084,25 @@
      */
     this.style = function(traits, additionalAttrs) {
 
-      if (!isArray$2(traits) && !additionalAttrs) {
+      if (!isArray$4(traits) && !additionalAttrs) {
         additionalAttrs = traits;
         traits = [];
       }
 
       var attrs = reduce(traits, function(attrs, t) {
-        return assign(attrs, defaultTraits[t] || {});
+        return assign$4(attrs, defaultTraits[t] || {});
       }, {});
 
-      return additionalAttrs ? assign(attrs, additionalAttrs) : attrs;
+      return additionalAttrs ? assign$4(attrs, additionalAttrs) : attrs;
     };
 
     this.computeStyle = function(custom, traits, defaultStyles) {
-      if (!isArray$2(traits)) {
+      if (!isArray$4(traits)) {
         defaultStyles = traits;
         traits = [];
       }
 
-      return self.style(traits || [], assign({}, defaultStyles, custom || {}));
+      return self.style(traits || [], assign$4({}, defaultStyles, custom || {}));
     };
   }
 
@@ -9348,17 +9211,17 @@
    */
   function createContainer(options) {
 
-    options = assign({}, { width: '100%', height: '100%' }, options);
+    options = assign$4({}, { width: '100%', height: '100%' }, options);
 
-    var container = options.container || document.body;
+    const container = options.container || document.body;
 
     // create a <div> around the svg element with the respective size
     // this way we can always get the correct container size
     // (this is impossible for <svg> elements at the moment)
-    var parent = document.createElement('div');
+    const parent = document.createElement('div');
     parent.setAttribute('class', 'djs-container');
 
-    assign$1(parent, {
+    assign$3(parent, {
       position: 'relative',
       overflow: 'hidden',
       width: ensurePx(options.width),
@@ -9371,10 +9234,10 @@
   }
 
   function createGroup(parent, cls, childIndex) {
-    var group = create$1('g');
+    const group = create$1('g');
     classes$1(group).add(cls);
 
-    var index = childIndex !== undefined ? childIndex : parent.childNodes.length - 1;
+    const index = childIndex !== undefined ? childIndex : parent.childNodes.length - 1;
 
     // must ensure second argument is node or _null_
     // cf. https://developer.mozilla.org/en-US/docs/Web/API/Node/insertBefore
@@ -9383,14 +9246,14 @@
     return group;
   }
 
-  var BASE_LAYER = 'base';
+  const BASE_LAYER = 'base';
 
   // render plane contents behind utility layers
-  var PLANE_LAYER_INDEX = 0;
-  var UTILITY_LAYER_INDEX = 1;
+  const PLANE_LAYER_INDEX = 0;
+  const UTILITY_LAYER_INDEX = 1;
 
 
-  var REQUIRED_MODEL_ATTRS = {
+  const REQUIRED_MODEL_ATTRS = {
     shape: [ 'x', 'y', 'width', 'height' ],
     connection: [ 'waypoints' ]
   };
@@ -9445,22 +9308,22 @@
    */
   Canvas.prototype._init = function(config) {
 
-    var eventBus = this._eventBus;
+    const eventBus = this._eventBus;
 
     // html container
-    var container = this._container = createContainer(config);
+    const container = this._container = createContainer(config);
 
-    var svg = this._svg = create$1('svg');
+    const svg = this._svg = create$1('svg');
     attr$1(svg, { width: '100%', height: '100%' });
 
     append(container, svg);
 
-    var viewport = this._viewport = createGroup(svg, 'viewport');
+    const viewport = this._viewport = createGroup(svg, 'viewport');
 
     // debounce canvas.viewbox.changed events
     // for smoother diagram interaction
     if (config.deferUpdate !== false) {
-      this._viewboxChanged = debounce(bind(this._viewboxChanged, this), 300);
+      this._viewboxChanged = debounce(bind$3(this._viewboxChanged, this), 300);
     }
 
     eventBus.on('diagram.init', function() {
@@ -9506,7 +9369,7 @@
       viewport: this._viewport
     });
 
-    var parent = this._container.parentNode;
+    const parent = this._container.parentNode;
 
     if (parent) {
       parent.removeChild(this._container);
@@ -9522,18 +9385,16 @@
 
   Canvas.prototype._clear = function() {
 
-    var self = this;
-
-    var allElements = this._elementRegistry.getAll();
+    const allElements = this._elementRegistry.getAll();
 
     // remove all elements
-    allElements.forEach(function(element) {
-      var type = getType(element);
+    allElements.forEach(element => {
+      const type = getType(element);
 
       if (type === 'root') {
-        self.removeRootElement(element);
+        this.removeRootElement(element);
       } else {
-        self._removeElement(element, type);
+        this._removeElement(element, type);
       }
     });
 
@@ -9576,7 +9437,7 @@
       throw new Error('must specify a name');
     }
 
-    var layer = this._layers[name];
+    let layer = this._layers[name];
 
     if (!layer) {
       layer = this._layers[name] = this._createLayer(name, index);
@@ -9624,7 +9485,7 @@
       index = UTILITY_LAYER_INDEX;
     }
 
-    var childIndex = this._getChildIndex(index);
+    const childIndex = this._getChildIndex(index);
 
     return {
       group: createGroup(this._viewport, 'layer-' + name, childIndex),
@@ -9646,21 +9507,21 @@
       throw new Error('must specify a name');
     }
 
-    var layer = this._layers[name];
+    const layer = this._layers[name];
 
     if (!layer) {
       throw new Error('layer <' + name + '> does not exist');
     }
 
-    var viewport = this._viewport;
-    var group = layer.group;
-    var index = layer.index;
+    const viewport = this._viewport;
+    const group = layer.group;
+    const index = layer.index;
 
     if (layer.visible) {
       return group;
     }
 
-    var childIndex = this._getChildIndex(index);
+    const childIndex = this._getChildIndex(index);
 
     viewport.insertBefore(group, viewport.childNodes[childIndex] || null);
 
@@ -9681,13 +9542,13 @@
       throw new Error('must specify a name');
     }
 
-    var layer = this._layers[name];
+    const layer = this._layers[name];
 
     if (!layer) {
       throw new Error('layer <' + name + '> does not exist');
     }
 
-    var group = layer.group;
+    const group = layer.group;
 
     if (!layer.visible) {
       return group;
@@ -9703,7 +9564,7 @@
 
   Canvas.prototype._removeLayer = function(name) {
 
-    var layer = this._layers[name];
+    const layer = this._layers[name];
 
     if (layer) {
       delete this._layers[name];
@@ -9718,7 +9579,7 @@
    * @returns {SVGElement|null}
    */
   Canvas.prototype.getActiveLayer = function() {
-    var plane = this._findPlaneForRoot(this.getRootElement());
+    const plane = this._findPlaneForRoot(this.getRootElement());
 
     if (!plane) {
       return null;
@@ -9744,7 +9605,7 @@
       return;
     }
 
-    var plane = this._findPlaneForRoot(
+    const plane = this._findPlaneForRoot(
       findRoot(element)
     ) || {};
 
@@ -9763,7 +9624,7 @@
   };
 
   Canvas.prototype._findPlaneForRoot = function(rootElement) {
-    return find(this._planes, function(plane) {
+    return find$1(this._planes, function(plane) {
       return plane.rootElement === rootElement;
     });
   };
@@ -9783,7 +9644,7 @@
   // markers //////////////////////
 
   Canvas.prototype._updateMarker = function(element, marker, add) {
-    var container;
+    let container;
 
     if (!element.id) {
       element = this._elementRegistry.get(element);
@@ -9796,7 +9657,7 @@
       return;
     }
 
-    forEach$1([ container.gfx, container.secondaryGfx ], function(gfx) {
+    forEach$3([ container.gfx, container.secondaryGfx ], function(gfx) {
       if (gfx) {
 
         // invoke either addClass or removeClass based on mode
@@ -9831,7 +9692,7 @@
    * @example
    * canvas.addMarker('foo', 'some-marker');
    *
-   * var fooGfx = canvas.getGraphics('foo');
+   * const fooGfx = canvas.getGraphics('foo');
    *
    * fooGfx; // <g class="... some-marker"> ... </g>
    *
@@ -9867,7 +9728,7 @@
       element = this._elementRegistry.get(element);
     }
 
-    var gfx = this.getGraphics(element);
+    const gfx = this.getGraphics(element);
 
     return classes$1(gfx).has(marker);
   };
@@ -9905,7 +9766,7 @@
    * @returns {Object|djs.model.Root|null} rootElement.
    */
   Canvas.prototype.getRootElement = function() {
-    var rootElement = this._rootElement;
+    const rootElement = this._rootElement;
 
     // can return null if root elements are present but none was set yet
     if (rootElement || this._planes.length) {
@@ -9924,7 +9785,7 @@
    */
 
   Canvas.prototype.addRootElement = function(rootElement) {
-    var idx = this._rootsIdx++;
+    const idx = this._rootsIdx++;
 
     if (!rootElement) {
       rootElement = {
@@ -9934,11 +9795,11 @@
       };
     }
 
-    var layerName = rootElement.layer = 'root-' + idx;
+    const layerName = rootElement.layer = 'root-' + idx;
 
     this._ensureValid('root', rootElement);
 
-    var layer = this.getLayer(layerName, PLANE_LAYER_INDEX);
+    const layer = this.getLayer(layerName, PLANE_LAYER_INDEX);
 
     this.hideLayer(layerName);
 
@@ -9965,7 +9826,7 @@
       rootElement = this._elementRegistry.get(rootElement);
     }
 
-    var plane = this._findPlaneForRoot(rootElement);
+    const plane = this._findPlaneForRoot(rootElement);
 
     if (!plane) {
       return;
@@ -10011,7 +9872,7 @@
       return;
     }
 
-    var plane;
+    let plane;
 
     if (!rootElement) {
       throw new Error('rootElement required');
@@ -10031,8 +9892,8 @@
 
 
   Canvas.prototype._removeRoot = function(element) {
-    var elementRegistry = this._elementRegistry,
-        eventBus = this._eventBus;
+    const elementRegistry = this._elementRegistry,
+          eventBus = this._eventBus;
 
     // simulate element remove event sequence
     eventBus.fire('root.remove', { element: element });
@@ -10043,8 +9904,8 @@
 
 
   Canvas.prototype._addRoot = function(element, gfx) {
-    var elementRegistry = this._elementRegistry,
-        eventBus = this._eventBus;
+    const elementRegistry = this._elementRegistry,
+          eventBus = this._eventBus;
 
     // resemble element add event sequence
     eventBus.fire('root.add', { element: element });
@@ -10057,7 +9918,7 @@
 
   Canvas.prototype._setRoot = function(rootElement, layer) {
 
-    var currentRoot = this._rootElement;
+    const currentRoot = this._rootElement;
 
     if (currentRoot) {
 
@@ -10097,9 +9958,9 @@
       throw new Error('element <' + element.id + '> already exists');
     }
 
-    var requiredAttrs = REQUIRED_MODEL_ATTRS[type];
+    const requiredAttrs = REQUIRED_MODEL_ATTRS[type];
 
-    var valid = every(requiredAttrs, function(attr) {
+    const valid = every(requiredAttrs, function(attr) {
       return typeof element[attr] !== 'undefined';
     });
 
@@ -10138,8 +9999,8 @@
 
     parent = parent || this.getRootElement();
 
-    var eventBus = this._eventBus,
-        graphicsFactory = this._graphicsFactory;
+    const eventBus = this._eventBus,
+          graphicsFactory = this._graphicsFactory;
 
     this._ensureValid(type, element);
 
@@ -10148,7 +10009,7 @@
     this._setParent(element, parent, parentIndex);
 
     // create graphics
-    var gfx = graphicsFactory.create(type, element, parentIndex);
+    const gfx = graphicsFactory.create(type, element, parentIndex);
 
     this._elementRegistry.add(element, gfx);
 
@@ -10192,9 +10053,9 @@
    */
   Canvas.prototype._removeElement = function(element, type) {
 
-    var elementRegistry = this._elementRegistry,
-        graphicsFactory = this._graphicsFactory,
-        eventBus = this._eventBus;
+    const elementRegistry = this._elementRegistry,
+          graphicsFactory = this._graphicsFactory,
+          eventBus = this._eventBus;
 
     element = elementRegistry.get(element.id || element);
 
@@ -10343,7 +10204,7 @@
    * // sets the visible area of the diagram to (100|100) -> (600|100)
    * // and and scales it according to the diagram width
    *
-   * var viewbox = canvas.viewbox(); // pass `false` to force recomputing the box.
+   * const viewbox = canvas.viewbox(); // pass `false` to force recomputing the box.
    *
    * console.log(viewbox);
    * // {
@@ -10357,7 +10218,7 @@
    * // if the current diagram is zoomed and scrolled, you may reset it to the
    * // default zoom via this method, too:
    *
-   * var zoomedAndScrolledViewbox = canvas.viewbox();
+   * const zoomedAndScrolledViewbox = canvas.viewbox();
    *
    * canvas.viewbox({
    *   x: 0,
@@ -10380,9 +10241,9 @@
       return this._cachedViewbox;
     }
 
-    var viewport = this._viewport,
-        innerBox,
-        outerBox = this.getSize(),
+    const viewport = this._viewport,
+          outerBox = this.getSize();
+    let innerBox,
         matrix,
         activeLayer,
         transform,
@@ -10426,7 +10287,7 @@
       this._changeViewbox(function() {
         scale = Math.min(outerBox.width / box.width, outerBox.height / box.height);
 
-        var matrix = this._svg.createSVGMatrix()
+        const matrix = this._svg.createSVGMatrix()
           .scale(scale)
           .translate(-box.x, -box.y);
 
@@ -10448,12 +10309,12 @@
    */
   Canvas.prototype.scroll = function(delta) {
 
-    var node = this._viewport;
-    var matrix = node.getCTM();
+    const node = this._viewport;
+    let matrix = node.getCTM();
 
     if (delta) {
       this._changeViewbox(function() {
-        delta = assign({ dx: 0, dy: 0 }, delta || {});
+        delta = assign$4({ dx: 0, dy: 0 }, delta || {});
 
         matrix = this._svg.createSVGMatrix().translate(delta.dx, delta.dy).multiply(matrix);
 
@@ -10473,14 +10334,14 @@
    *
    */
   Canvas.prototype.scrollToElement = function(element, padding) {
-    var defaultPadding = 100;
+    let defaultPadding = 100;
 
     if (typeof element === 'string') {
       element = this._elementRegistry.get(element);
     }
 
     // set to correct rootElement
-    var rootElement = this.findRoot(element);
+    const rootElement = this.findRoot(element);
 
     if (rootElement !== this.getRootElement()) {
       this.setRootElement(rootElement);
@@ -10500,11 +10361,11 @@
       left: padding.left || defaultPadding
     };
 
-    var elementBounds = getBBox(element),
-        elementTrbl = asTRBL(elementBounds),
-        viewboxBounds = this.viewbox(),
-        zoom = this.zoom(),
-        dx, dy;
+    const elementBounds = getBBox(element),
+          elementTrbl = asTRBL(elementBounds),
+          viewboxBounds = this.viewbox(),
+          zoom = this.zoom();
+    let dx, dy;
 
     // shrink viewboxBounds with padding
     viewboxBounds.y += padding.top / zoom;
@@ -10512,9 +10373,9 @@
     viewboxBounds.width -= (padding.right + padding.left) / zoom;
     viewboxBounds.height -= (padding.bottom + padding.top) / zoom;
 
-    var viewboxTrbl = asTRBL(viewboxBounds);
+    const viewboxTrbl = asTRBL(viewboxBounds);
 
-    var canFit = elementBounds.width < viewboxBounds.width && elementBounds.height < viewboxBounds.height;
+    const canFit = elementBounds.width < viewboxBounds.width && elementBounds.height < viewboxBounds.height;
 
     if (!canFit) {
 
@@ -10524,10 +10385,10 @@
 
     } else {
 
-      var dRight = Math.max(0, elementTrbl.right - viewboxTrbl.right),
-          dLeft = Math.min(0, elementTrbl.left - viewboxTrbl.left),
-          dBottom = Math.max(0, elementTrbl.bottom - viewboxTrbl.bottom),
-          dTop = Math.min(0, elementTrbl.top - viewboxTrbl.top);
+      const dRight = Math.max(0, elementTrbl.right - viewboxTrbl.right),
+            dLeft = Math.min(0, elementTrbl.left - viewboxTrbl.left),
+            dBottom = Math.max(0, elementTrbl.bottom - viewboxTrbl.bottom),
+            dTop = Math.min(0, elementTrbl.top - viewboxTrbl.top);
 
       dx = dRight || dLeft;
       dy = dBottom || dTop;
@@ -10560,7 +10421,7 @@
       return this._fitViewport(center);
     }
 
-    var outer,
+    let outer,
         matrix;
 
     this._changeViewbox(function() {
@@ -10581,16 +10442,16 @@
   };
 
   function setCTM(node, m) {
-    var mstr = 'matrix(' + m.a + ',' + m.b + ',' + m.c + ',' + m.d + ',' + m.e + ',' + m.f + ')';
+    const mstr = 'matrix(' + m.a + ',' + m.b + ',' + m.c + ',' + m.d + ',' + m.e + ',' + m.f + ')';
     node.setAttribute('transform', mstr);
   }
 
   Canvas.prototype._fitViewport = function(center) {
 
-    var vbox = this.viewbox(),
-        outer = vbox.outer,
-        inner = vbox.inner,
-        newScale,
+    const vbox = this.viewbox(),
+          outer = vbox.outer,
+          inner = vbox.inner;
+    let newScale,
         newViewbox;
 
     // display the complete diagram without zooming in.
@@ -10631,13 +10492,13 @@
 
   Canvas.prototype._setZoom = function(scale, center) {
 
-    var svg = this._svg,
-        viewport = this._viewport;
+    const svg = this._svg,
+          viewport = this._viewport;
 
-    var matrix = svg.createSVGMatrix();
-    var point = svg.createSVGPoint();
+    const matrix = svg.createSVGMatrix();
+    const point = svg.createSVGPoint();
 
-    var centerPoint,
+    let centerPoint,
         originalPoint,
         currentMatrix,
         scaleMatrix,
@@ -10645,10 +10506,10 @@
 
     currentMatrix = viewport.getCTM();
 
-    var currentScale = currentMatrix.a;
+    const currentScale = currentMatrix.a;
 
     if (center) {
-      centerPoint = assign(point, center);
+      centerPoint = assign$4(point, center);
 
       // revert applied viewport transformations
       originalPoint = centerPoint.matrixTransform(currentMatrix.inverse());
@@ -10694,13 +10555,13 @@
    * @return {Bounds} the absolute bounding box
    */
   Canvas.prototype.getAbsoluteBBox = function(element) {
-    var vbox = this.viewbox();
-    var bbox;
+    const vbox = this.viewbox();
+    let bbox;
 
     // connection
     // use svg bbox
     if (element.waypoints) {
-      var gfx = this.getGraphics(element);
+      const gfx = this.getGraphics(element);
 
       bbox = gfx.getBBox();
     }
@@ -10711,11 +10572,11 @@
       bbox = element;
     }
 
-    var x = bbox.x * vbox.scale - vbox.x * vbox.scale;
-    var y = bbox.y * vbox.scale - vbox.y * vbox.scale;
+    const x = bbox.x * vbox.scale - vbox.x * vbox.scale;
+    const y = bbox.y * vbox.scale - vbox.y * vbox.scale;
 
-    var width = bbox.width * vbox.scale;
-    var height = bbox.height * vbox.scale;
+    const width = bbox.width * vbox.scale;
+    const height = bbox.height * vbox.scale;
 
     return {
       x: x,
@@ -11542,7 +11403,7 @@
     if (!Type) {
       throw new Error('unknown type: <' + type + '>');
     }
-    return assign(new Type(), attrs);
+    return assign$4(new Type(), attrs);
   }
 
   /**
@@ -11579,7 +11440,7 @@
    */
   ElementFactory.prototype.create = function(type, attrs) {
 
-    attrs = assign({}, attrs || {});
+    attrs = assign$4({}, attrs || {});
 
     if (!attrs.id) {
       attrs.id = type + '_' + (this._uid++);
@@ -11705,9 +11566,9 @@
    */
   EventBus.prototype.on = function(events, priority, callback, that) {
 
-    events = isArray$2(events) ? events : [ events ];
+    events = isArray$4(events) ? events : [ events ];
 
-    if (isFunction(priority)) {
+    if (isFunction$1(priority)) {
       that = callback;
       callback = priority;
       priority = DEFAULT_PRIORITY$1;
@@ -11720,7 +11581,7 @@
     var actualCallback = callback;
 
     if (that) {
-      actualCallback = bind(callback, that);
+      actualCallback = bind$3(callback, that);
 
       // make sure we remember and are able to remove
       // bound callbacks via {@link #off} using the original
@@ -11751,7 +11612,7 @@
   EventBus.prototype.once = function(event, priority, callback, that) {
     var self = this;
 
-    if (isFunction(priority)) {
+    if (isFunction$1(priority)) {
       that = callback;
       callback = priority;
       priority = DEFAULT_PRIORITY$1;
@@ -11790,7 +11651,7 @@
    */
   EventBus.prototype.off = function(events, callback) {
 
-    events = isArray$2(events) ? events : [ events ];
+    events = isArray$4(events) ? events : [ events ];
 
     var self = this;
 
@@ -12085,7 +11946,7 @@
   };
 
   InternalEvent.prototype.init = function(data) {
-    assign(this, data || {});
+    assign$4(this, data || {});
   };
 
 
@@ -12258,7 +12119,7 @@
 
     // update all parents of changed and reorganized their children
     // in the correct order (as indicated in our model)
-    forEach$1(parents, function(parent) {
+    forEach$3(parents, function(parent) {
 
       var children = parent.children;
 
@@ -12268,7 +12129,7 @@
 
       var childrenGfx = self._getChildrenContainer(parent);
 
-      forEach$1(children.slice().reverse(), function(child) {
+      forEach$3(children.slice().reverse(), function(child) {
         var childGfx = elementRegistry.getGraphics(child);
 
         prependTo(childGfx.parentNode, childrenGfx);
@@ -12518,6 +12379,193 @@
     this.get('eventBus').fire('diagram.clear');
   };
 
+  /**
+   * Flatten array, one level deep.
+   *
+   * @param {Array<?>} arr
+   *
+   * @return {Array<?>}
+   */
+
+  var nativeToString$2 = Object.prototype.toString;
+  function isString$2(obj) {
+    return nativeToString$2.call(obj) === '[object String]';
+  }
+
+  function _extends$2() {
+    _extends$2 = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends$2.apply(this, arguments);
+  }
+
+  /**
+   * Convenience wrapper for `Object.assign`.
+   *
+   * @param {Object} target
+   * @param {...Object} others
+   *
+   * @return {Object} the target
+   */
+
+  function assign$2(target) {
+    for (var _len = arguments.length, others = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      others[_key - 1] = arguments[_key];
+    }
+
+    return _extends$2.apply(void 0, [target].concat(others));
+  }
+
+  /**
+   * Flatten array, one level deep.
+   *
+   * @param {Array<?>} arr
+   *
+   * @return {Array<?>}
+   */
+
+  var nativeToString$1 = Object.prototype.toString;
+  var nativeHasOwnProperty$1 = Object.prototype.hasOwnProperty;
+  function isUndefined$2(obj) {
+    return obj === undefined;
+  }
+  function isArray$1(obj) {
+    return nativeToString$1.call(obj) === '[object Array]';
+  }
+  function isObject(obj) {
+    return nativeToString$1.call(obj) === '[object Object]';
+  }
+  function isString$1(obj) {
+    return nativeToString$1.call(obj) === '[object String]';
+  }
+  /**
+   * Return true, if target owns a property with the given key.
+   *
+   * @param {Object} target
+   * @param {String} key
+   *
+   * @return {Boolean}
+   */
+
+  function has$1(target, key) {
+    return nativeHasOwnProperty$1.call(target, key);
+  }
+  /**
+   * Iterate over collection; returning something
+   * (non-undefined) will stop iteration.
+   *
+   * @param  {Array|Object} collection
+   * @param  {Function} iterator
+   *
+   * @return {Object} return result that stopped the iteration
+   */
+
+  function forEach$1(collection, iterator) {
+    var val, result;
+
+    if (isUndefined$2(collection)) {
+      return;
+    }
+
+    var convertKey = isArray$1(collection) ? toNum$1 : identity$1;
+
+    for (var key in collection) {
+      if (has$1(collection, key)) {
+        val = collection[key];
+        result = iterator(val, convertKey(key));
+
+        if (result === false) {
+          return val;
+        }
+      }
+    }
+  }
+
+  function identity$1(arg) {
+    return arg;
+  }
+
+  function toNum$1(arg) {
+    return Number(arg);
+  }
+  /**
+   * Bind function against target <this>.
+   *
+   * @param  {Function} fn
+   * @param  {Object}   target
+   *
+   * @return {Function} bound function
+   */
+
+  function bind(fn, target) {
+    return fn.bind(target);
+  }
+
+  function _extends$1() {
+    _extends$1 = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends$1.apply(this, arguments);
+  }
+
+  /**
+   * Convenience wrapper for `Object.assign`.
+   *
+   * @param {Object} target
+   * @param {...Object} others
+   *
+   * @return {Object} the target
+   */
+
+  function assign$1(target) {
+    for (var _len = arguments.length, others = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      others[_key - 1] = arguments[_key];
+    }
+
+    return _extends$1.apply(void 0, [target].concat(others));
+  }
+  /**
+   * Pick given properties from the target object.
+   *
+   * @param {Object} target
+   * @param {Array} properties
+   *
+   * @return {Object} target
+   */
+
+  function pick(target, properties) {
+    var result = {};
+    var obj = Object(target);
+    forEach$1(properties, function (prop) {
+      if (prop in obj) {
+        result[prop] = target[prop];
+      }
+    });
+    return result;
+  }
+
   /**
    * Moddle base element.
    */
@@ -12862,7 +12910,7 @@
     forEach$1(t.properties, bind(function(p) {
 
       // clone property to allow extensions
-      p = assign({}, p, {
+      p = assign$1({}, p, {
         name: p.ns.localName,
         inherited: inherited
       });
@@ -12922,7 +12970,7 @@
   Registry.prototype.registerPackage = function(pkg) {
 
     // copy package
-    pkg = assign({}, pkg);
+    pkg = assign$1({}, pkg);
 
     var pkgMap = this.packageMap;
 
@@ -12944,11 +12992,11 @@
    */
   Registry.prototype.registerType = function(type, pkg) {
 
-    type = assign({}, type, {
+    type = assign$1({}, type, {
       superClass: (type.superClass || []).slice(),
       extends: (type.extends || []).slice(),
       properties: (type.properties || []).slice(),
-      meta: assign((type.meta || {}))
+      meta: assign$1((type.meta || {}))
     });
 
     var ns = parseName(type.name, pkg.prefix),
@@ -12967,7 +13015,7 @@
         p.type = parseName(p.type, propertyNs.prefix).name;
       }
 
-      assign(p, {
+      assign$1(p, {
         ns: propertyNs,
         name: propertyName
       });
@@ -12976,7 +13024,7 @@
     }, this));
 
     // update ns + name
-    assign(type, {
+    assign$1(type, {
       ns: ns,
       name: name,
       propertiesByName: propertiesByName
@@ -13112,7 +13160,7 @@
 
     var propertyName = property && property.name;
 
-    if (isUndefined(value)) {
+    if (isUndefined$1(value)) {
       // unset the property, if the specified value is undefined;
       // delete from $attrs (for extensions) or the target itself
       if (property) {
@@ -13177,7 +13225,7 @@
 
       // use getters for read-only variables to support ES6 proxies
       // cf. https://github.com/bpmn-io/internal-docs/issues/386
-      options = assign({}, options, {
+      options = assign$1({}, options, {
         get: function() { return value; }
       });
 
@@ -13203,7 +13251,7 @@
   };
 
 
-  function isUndefined(val) {
+  function isUndefined$1(val) {
     return typeof val === 'undefined';
   }
 
@@ -13292,7 +13340,7 @@
 
     var cache = this.typeCache;
 
-    var name = isString(descriptor) ? descriptor : descriptor.ns.name;
+    var name = isString$1(descriptor) ? descriptor : descriptor.ns.name;
 
     var type = cache[name];
 
@@ -13425,6 +13473,180 @@
     return this.registry.typeMap[type];
   };
 
+  /**
+   * Flatten array, one level deep.
+   *
+   * @param {Array<?>} arr
+   *
+   * @return {Array<?>}
+   */
+
+  var nativeToString = Object.prototype.toString;
+  var nativeHasOwnProperty = Object.prototype.hasOwnProperty;
+  function isUndefined(obj) {
+    return obj === undefined;
+  }
+  function isArray(obj) {
+    return nativeToString.call(obj) === '[object Array]';
+  }
+  function isFunction(obj) {
+    var tag = nativeToString.call(obj);
+    return tag === '[object Function]' || tag === '[object AsyncFunction]' || tag === '[object GeneratorFunction]' || tag === '[object AsyncGeneratorFunction]' || tag === '[object Proxy]';
+  }
+  function isString(obj) {
+    return nativeToString.call(obj) === '[object String]';
+  }
+  /**
+   * Return true, if target owns a property with the given key.
+   *
+   * @param {Object} target
+   * @param {String} key
+   *
+   * @return {Boolean}
+   */
+
+  function has(target, key) {
+    return nativeHasOwnProperty.call(target, key);
+  }
+
+  /**
+   * Find element in collection.
+   *
+   * @param  {Array|Object} collection
+   * @param  {Function|Object} matcher
+   *
+   * @return {Object}
+   */
+
+  function find(collection, matcher) {
+    matcher = toMatcher(matcher);
+    var match;
+    forEach(collection, function (val, key) {
+      if (matcher(val, key)) {
+        match = val;
+        return false;
+      }
+    });
+    return match;
+  }
+  /**
+   * Find element index in collection.
+   *
+   * @param  {Array|Object} collection
+   * @param  {Function} matcher
+   *
+   * @return {Object}
+   */
+
+  function findIndex(collection, matcher) {
+    matcher = toMatcher(matcher);
+    var idx = isArray(collection) ? -1 : undefined;
+    forEach(collection, function (val, key) {
+      if (matcher(val, key)) {
+        idx = key;
+        return false;
+      }
+    });
+    return idx;
+  }
+  /**
+   * Find element in collection.
+   *
+   * @param  {Array|Object} collection
+   * @param  {Function} matcher
+   *
+   * @return {Array} result
+   */
+
+  function filter(collection, matcher) {
+    var result = [];
+    forEach(collection, function (val, key) {
+      if (matcher(val, key)) {
+        result.push(val);
+      }
+    });
+    return result;
+  }
+  /**
+   * Iterate over collection; returning something
+   * (non-undefined) will stop iteration.
+   *
+   * @param  {Array|Object} collection
+   * @param  {Function} iterator
+   *
+   * @return {Object} return result that stopped the iteration
+   */
+
+  function forEach(collection, iterator) {
+    var val, result;
+
+    if (isUndefined(collection)) {
+      return;
+    }
+
+    var convertKey = isArray(collection) ? toNum : identity;
+
+    for (var key in collection) {
+      if (has(collection, key)) {
+        val = collection[key];
+        result = iterator(val, convertKey(key));
+
+        if (result === false) {
+          return val;
+        }
+      }
+    }
+  }
+
+  function toMatcher(matcher) {
+    return isFunction(matcher) ? matcher : function (e) {
+      return e === matcher;
+    };
+  }
+
+  function identity(arg) {
+    return arg;
+  }
+
+  function toNum(arg) {
+    return Number(arg);
+  }
+
+  function _extends() {
+    _extends = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends.apply(this, arguments);
+  }
+
+  /**
+   * Convenience wrapper for `Object.assign`.
+   *
+   * @param {Object} target
+   * @param {...Object} others
+   *
+   * @return {Object} the target
+   */
+
+  function assign(target) {
+    for (var _len = arguments.length, others = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      others[_key - 1] = arguments[_key];
+    }
+
+    return _extends.apply(void 0, [target].concat(others));
+  }
+
   var fromCharCode = String.fromCharCode;
 
   var hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -14820,7 +15042,7 @@
         model = this.model,
         propNameNs;
 
-    forEach$1(attributes, function(value, name) {
+    forEach(attributes, function(value, name) {
 
       var prop = descriptor.propertiesByName[name],
           values;
@@ -14838,7 +15060,7 @@
           // IDREFS: parse references as whitespace-separated list
           values = value.split(' ');
 
-          forEach$1(values, function(v) {
+          forEach(values, function(v) {
             context.addReference({
               element: instance,
               property: prop.ns.name,
@@ -15582,7 +15804,7 @@
       }
 
       // do not serialize defaults
-      if (!has$1(element, name)) {
+      if (!has(element, name)) {
         return false;
       }
 
@@ -15811,7 +16033,7 @@
 
     var attributes = [];
 
-    forEach$1(element, function(val, key) {
+    forEach(element, function(val, key) {
 
       var nonNsAttr;
 
@@ -15819,7 +16041,7 @@
         body.push(new BodySerializer().build({ type: 'String' }, val));
       } else
       if (key === '$children') {
-        forEach$1(val, function(child) {
+        forEach(val, function(child) {
           body.push(new ElementSerializer(self).build(child));
         });
       } else
@@ -15889,7 +16111,7 @@
     // parse namespace attributes first
     // and log them. push non namespace attributes to a list
     // and process them later
-    forEach$1(genericAttrs, function(value, name) {
+    forEach(genericAttrs, function(value, name) {
 
       var nonNsAttr = self.parseNsAttribute(element, name, value);
 
@@ -15905,7 +16127,7 @@
 
     var self = this;
 
-    forEach$1(attributes, function(attr) {
+    forEach(attributes, function(attr) {
 
       // do not serialize xsi:type attribute
       // it is set manually based on the actual implementation type
@@ -15930,7 +16152,7 @@
         body = this.body,
         element = this.element;
 
-    forEach$1(properties, function(p) {
+    forEach(properties, function(p) {
       var value = element.get(p.name),
           isReference = p.isReference,
           isMany = p.isMany;
@@ -15943,12 +16165,12 @@
         body.push(new BodySerializer().build(p, value[0]));
       } else
       if (isSimple(p.type)) {
-        forEach$1(value, function(v) {
+        forEach(value, function(v) {
           body.push(new ValueSerializer(self.addTagName(self.nsPropertyTagName(p))).build(p, v));
         });
       } else
       if (isReference) {
-        forEach$1(value, function(v) {
+        forEach(value, function(v) {
           body.push(new ReferenceSerializer(self.addTagName(self.nsPropertyTagName(p))).build(v));
         });
       } else {
@@ -15958,7 +16180,7 @@
         var asType = serializeAsType(p),
             asProperty = serializeAsProperty(p);
 
-        forEach$1(value, function(v) {
+        forEach(value, function(v) {
           var serializer;
 
           if (asType) {
@@ -16066,7 +16288,7 @@
     var self = this,
         element = this.element;
 
-    forEach$1(properties, function(p) {
+    forEach(properties, function(p) {
 
       var value = element.get(p.name);
 
@@ -16077,7 +16299,7 @@
         }
         else {
           var values = [];
-          forEach$1(value, function(v) {
+          forEach(value, function(v) {
             values.push(v.id);
           });
 
@@ -16133,7 +16355,7 @@
       attrs = getNsAttrs(namespaces).concat(attrs);
     }
 
-    forEach$1(attrs, function(a) {
+    forEach(attrs, function(a) {
       writer
         .append(' ')
         .append(nsName(a.name)).append('="').append(a.value).append('"');
@@ -16160,7 +16382,7 @@
           .indent();
       }
 
-      forEach$1(this.body, function(b) {
+      forEach(this.body, function(b) {
         b.serializeTo(writer);
       });
 
@@ -16337,12 +16559,12 @@
    */
   BpmnModdle.prototype.fromXML = function(xmlStr, typeName, options) {
 
-    if (!isString(typeName)) {
+    if (!isString$2(typeName)) {
       options = typeName;
       typeName = 'bpmn:Definitions';
     }
 
-    var reader = new Reader(assign({ model: this, lax: true }, options));
+    var reader = new Reader(assign$2({ model: this, lax: true }, options));
     var rootHandler = reader.handler(typeName);
 
     return reader.fromXML(xmlStr, rootHandler);
@@ -20029,7 +20251,7 @@
   };
 
   function simple(additionalPackages, options) {
-    var pks = assign({}, packages, additionalPackages);
+    var pks = assign$2({}, packages, additionalPackages);
 
     return new BpmnModdle(pks, options);
   }
@@ -20053,7 +20275,7 @@
       }
 
       var argLen = arguments.length;
-      if (argLen >= 1 && isFunction(arguments[argLen - 1])) {
+      if (argLen >= 1 && isFunction$1(arguments[argLen - 1])) {
 
         var callback = arguments[argLen - 1];
 
@@ -20094,7 +20316,7 @@
   function ensureCompatDiRef(businessObject) {
 
     // bpmnElement can have multiple independent DIs
-    if (!has$1(businessObject, 'di')) {
+    if (!has$3(businessObject, 'di')) {
       Object.defineProperty(businessObject, 'di', {
         enumerable: false,
         get: function() {
@@ -20122,7 +20344,7 @@
    * correctly specify one.
    */
   function findDisplayCandidate(definitions) {
-    return find(definitions.rootElements, function(e) {
+    return find$1(definitions.rootElements, function(e) {
       return is(e, 'bpmn:Process') || is(e, 'bpmn:Collaboration');
     });
   }
@@ -20229,7 +20451,7 @@
     function handlePlane(plane) {
       registerDi(plane);
 
-      forEach$1(plane.planeElement, handlePlaneElement);
+      forEach$3(plane.planeElement, handlePlaneElement);
     }
 
     function handlePlaneElement(planeElement) {
@@ -20354,7 +20576,7 @@
       // walk through all processes that have not yet been drawn and draw them
       // if they contain lanes with DI information.
       // we do this to pass the free-floating lane test cases in the MIWG test suite
-      var processes = filter(rootElements, function(e) {
+      var processes = filter$1(rootElements, function(e) {
         return !isHandled(e) && is(e, 'bpmn:Process') && e.laneSets;
       });
 
@@ -20366,7 +20588,7 @@
     }
 
     function handleMessageFlows(messageFlows, context) {
-      forEach$1(messageFlows, contextual(handleMessageFlow, context));
+      forEach$3(messageFlows, contextual(handleMessageFlow, context));
     }
 
     function handleDataAssociation(association, context) {
@@ -20392,7 +20614,7 @@
 
     function handleArtifacts(artifacts, context) {
 
-      forEach$1(artifacts, function(e) {
+      forEach$3(artifacts, function(e) {
         if (is(e, 'bpmn:Association')) {
           deferred.push(function() {
             handleArtifact(e, context);
@@ -20409,8 +20631,8 @@
         return;
       }
 
-      forEach$1(ioSpecification.dataInputs, contextual(handleDataInput, context));
-      forEach$1(ioSpecification.dataOutputs, contextual(handleDataOutput, context));
+      forEach$3(ioSpecification.dataInputs, contextual(handleDataInput, context));
+      forEach$3(ioSpecification.dataOutputs, contextual(handleDataOutput, context));
     }
 
     function handleSubProcess(subProcess, context) {
@@ -20437,8 +20659,8 @@
       //   * bpmn:CatchEvent
       //
       deferred.push(function() {
-        forEach$1(flowNode.dataInputAssociations, contextual(handleDataAssociation, context));
-        forEach$1(flowNode.dataOutputAssociations, contextual(handleDataAssociation, context));
+        forEach$3(flowNode.dataInputAssociations, contextual(handleDataAssociation, context));
+        forEach$3(flowNode.dataOutputAssociations, contextual(handleDataAssociation, context));
       });
     }
 
@@ -20465,11 +20687,11 @@
     }
 
     function handleLaneSet(laneSet, context) {
-      forEach$1(laneSet.lanes, contextual(handleLane, context));
+      forEach$3(laneSet.lanes, contextual(handleLane, context));
     }
 
     function handleLaneSets(laneSets, context) {
-      forEach$1(laneSets, contextual(handleLaneSet, context));
+      forEach$3(laneSets, contextual(handleLaneSet, context));
     }
 
     function handleFlowElementsContainer(container, context) {
@@ -20481,7 +20703,7 @@
     }
 
     function handleFlowElements(flowElements, context) {
-      forEach$1(flowElements, function(e) {
+      forEach$3(flowElements, function(e) {
         if (is(e, 'bpmn:SequenceFlow')) {
           deferred.push(function() {
             handleSequenceFlow(e, context);
@@ -20519,7 +20741,7 @@
 
     function handleCollaboration(collaboration, context) {
 
-      forEach$1(collaboration.participants, contextual(handleParticipant, context));
+      forEach$3(collaboration.participants, contextual(handleParticipant, context));
 
       handleArtifacts(collaboration.artifacts, context);
 
@@ -20533,7 +20755,7 @@
     function wireFlowNodeRefs(lane) {
 
       // wire the virtual flowNodeRefs <-> relationship
-      forEach$1(lane.flowNodeRef, function(flowNode) {
+      forEach$3(lane.flowNodeRef, function(flowNode) {
         var lanes = flowNode.get('lanes');
 
         if (lanes) {
@@ -20627,7 +20849,7 @@
 
       // traverse BPMN 2.0 document model,
       // starting at definitions
-      forEach$1(diagramsToImport, function(diagram) {
+      forEach$3(diagramsToImport, function(diagram) {
         walker.handleDefinitions(definitions, diagram);
       });
 
@@ -20694,12 +20916,12 @@
     if (is$1(rootElement, 'bpmn:Collaboration')) {
       collaboration = rootElement;
     } else {
-      collaboration = find(definitions.rootElements, function(element) {
+      collaboration = find$1(definitions.rootElements, function(element) {
         if (!is$1(element, 'bpmn:Collaboration')) {
           return;
         }
 
-        return find(element.participants, function(participant) {
+        return find$1(element.participants, function(participant) {
           return participant.processRef === rootElement;
         });
       });
@@ -20709,7 +20931,7 @@
 
     // all collaboration processes can contain sub-diagrams
     if (collaboration) {
-      rootElements = map(collaboration.participants, function(participant) {
+      rootElements = map$1(collaboration.participants, function(participant) {
         return participant.processRef;
       });
 
@@ -20723,7 +20945,7 @@
     var diagramsToImport = [ bpmnDiagram ];
     var handledElements = [ bpmnElement ];
 
-    forEach$1(definitions.diagrams, function(diagram) {
+    forEach$3(definitions.diagrams, function(diagram) {
       var businessObject = diagram.plane.bpmnElement;
 
       if (
@@ -20742,7 +20964,7 @@
   function selfAndAllFlowElements(elements) {
     var result = [];
 
-    forEach$1(elements, function(element) {
+    forEach$3(elements, function(element) {
       if (!element) {
         return;
       }
@@ -20835,13 +21057,13 @@
   var lightbox;
 
   function createLightbox() {
-    lightbox = domify(LIGHTBOX_MARKUP);
+    lightbox = domify$1(LIGHTBOX_MARKUP);
 
-    assign$1(lightbox, LIGHTBOX_STYLES);
-    assign$1(query('svg', lightbox), LOGO_STYLES);
-    assign$1(query('.backdrop', lightbox), BACKDROP_STYLES);
-    assign$1(query('.notice', lightbox), NOTICE_STYLES);
-    assign$1(query('.link', lightbox), LINK_STYLES, {
+    assign$3(lightbox, LIGHTBOX_STYLES);
+    assign$3(query('svg', lightbox), LOGO_STYLES);
+    assign$3(query('.backdrop', lightbox), BACKDROP_STYLES);
+    assign$3(query('.notice', lightbox), NOTICE_STYLES);
+    assign$3(query('.link', lightbox), LINK_STYLES, {
       'margin': '15px 20px 15px 10px',
       'alignSelf': 'center'
     });
@@ -20883,7 +21105,7 @@
    */
   function BaseViewer(options) {
 
-    options = assign({}, DEFAULT_OPTIONS, options);
+    options = assign$4({}, DEFAULT_OPTIONS, options);
 
     this._moddle = this._createModdle(options);
 
@@ -21425,8 +21647,8 @@
 
     const diagramModules = [].concat(staticModules, baseModules, additionalModules);
 
-    const diagramOptions = assign(omit(options, [ 'additionalModules' ]), {
-      canvas: assign({}, options.canvas, { container: container }),
+    const diagramOptions = assign$4(omit(options, [ 'additionalModules' ]), {
+      canvas: assign$4({}, options.canvas, { container: container }),
       modules: diagramModules
     });
 
@@ -21452,9 +21674,9 @@
 
   BaseViewer.prototype._createContainer = function(options) {
 
-    const container = domify('<div class="bjs-container"></div>');
+    const container = domify$1('<div class="bjs-container"></div>');
 
-    assign$1(container, {
+    assign$3(container, {
       width: ensureUnit(options.width),
       height: ensureUnit(options.height),
       position: options.position
@@ -21464,7 +21686,7 @@
   };
 
   BaseViewer.prototype._createModdle = function(options) {
-    const moddleOptions = assign({}, this._moddleExtensions, options.moddleExtensions);
+    const moddleOptions = assign$4({}, this._moddleExtensions, options.moddleExtensions);
 
     return new simple(moddleOptions);
   };
@@ -21523,7 +21745,7 @@
       return null;
     }
 
-    return find(definitions.diagrams, function(element) {
+    return find$1(definitions.diagrams, function(element) {
       return element.id === diagramId;
     }) || null;
   }
@@ -21548,10 +21770,10 @@
       img +
       '</a>';
 
-    const linkElement = domify(linkMarkup);
+    const linkElement = domify$1(linkMarkup);
 
-    assign$1(query('svg', linkElement), LOGO_STYLES);
-    assign$1(linkElement, LINK_STYLES, {
+    assign$3(query('svg', linkElement), LOGO_STYLES);
+    assign$3(linkElement, LINK_STYLES, {
       position: 'absolute',
       bottom: '15px',
       right: '15px',
@@ -21560,7 +21782,7 @@
 
     container.appendChild(linkElement);
 
-    componentEvent.bind(linkElement, 'click', function(event) {
+    event.bind(linkElement, 'click', function(event) {
       open();
 
       event.preventDefault();
@@ -21673,7 +21895,7 @@
    * @param {KeyboardEvent} event
    */
   function isKey(keys, event) {
-    keys = isArray$2(keys) ? keys : [ keys ];
+    keys = isArray$4(keys) ? keys : [ keys ];
 
     return keys.indexOf(event.key) !== -1 || keys.indexOf(event.keyCode) !== -1;
   }
@@ -21829,8 +22051,8 @@
     this._node = node;
 
     // bind key events
-    componentEvent.bind(node, 'keydown', this._keydownHandler, true);
-    componentEvent.bind(node, 'keyup', this._keyupHandler, true);
+    event.bind(node, 'keydown', this._keydownHandler, true);
+    event.bind(node, 'keyup', this._keyupHandler, true);
 
     this._fire('bind');
   };
@@ -21846,8 +22068,8 @@
       this._fire('unbind');
 
       // unbind key events
-      componentEvent.unbind(node, 'keydown', this._keydownHandler, true);
-      componentEvent.unbind(node, 'keyup', this._keyupHandler, true);
+      event.unbind(node, 'keydown', this._keydownHandler, true);
+      event.unbind(node, 'keyup', this._keyupHandler, true);
     }
 
     this._node = null;
@@ -21867,7 +22089,7 @@
    * @param {string} type
    */
   Keyboard.prototype.addListener = function(priority, listener, type) {
-    if (isFunction(priority)) {
+    if (isFunction$1(priority)) {
       type = listener;
       listener = priority;
       priority = DEFAULT_PRIORITY;
@@ -21890,7 +22112,7 @@
   // helpers ///////
 
   function isInput(target) {
-    return target && (matchesSelector(target, 'input, textarea') || target.contentEditable === 'true');
+    return target && (matches(target, 'input, textarea') || target.contentEditable === 'true');
   }
 
   var LOW_PRIORITY = 500;
@@ -22083,7 +22305,7 @@
 
     var self = this;
 
-    this._config = assign({}, DEFAULT_CONFIG, config || {});
+    this._config = assign$4({}, DEFAULT_CONFIG, config || {});
 
     keyboard.addListener(arrowsListener);
 
@@ -22290,36 +22512,36 @@
     }
 
 
-    function handleEnd(event) {
-      componentEvent.unbind(document, 'mousemove', handleMove);
-      componentEvent.unbind(document, 'mouseup', handleEnd);
+    function handleEnd(event$1) {
+      event.unbind(document, 'mousemove', handleMove);
+      event.unbind(document, 'mouseup', handleEnd);
 
       context = null;
 
       unset();
     }
 
-    function handleStart(event) {
+    function handleStart(event$1) {
 
       // event is already handled by '.djs-draggable'
-      if (closest(event.target, '.djs-draggable')) {
+      if (closest(event$1.target, '.djs-draggable')) {
         return;
       }
 
-      var button = event.button;
+      var button = event$1.button;
 
       // reject right mouse button or modifier key
-      if (button >= 2 || event.ctrlKey || event.shiftKey || event.altKey) {
+      if (button >= 2 || event$1.ctrlKey || event$1.shiftKey || event$1.altKey) {
         return;
       }
 
       context = {
         button: button,
-        start: toPoint(event)
+        start: toPoint(event$1)
       };
 
-      componentEvent.bind(document, 'mousemove', handleMove);
-      componentEvent.bind(document, 'mouseup', handleEnd);
+      event.bind(document, 'mousemove', handleMove);
+      event.bind(document, 'mouseup', handleEnd);
 
       // we've handled the event
       return true;
@@ -22412,7 +22634,7 @@
     this._canvas = canvas;
     this._container = canvas._container;
 
-    this._handleWheel = bind(this._handleWheel, this);
+    this._handleWheel = bind$3(this._handleWheel, this);
 
     this._totalDelta = 0;
     this._scale = config.scale || DEFAULT_SCALE;
@@ -22587,7 +22809,7 @@
 
       // add or remove wheel listener based on
       // changed enabled state
-      componentEvent[newEnabled ? 'bind' : 'unbind'](element, 'wheel', handleWheel, false);
+      event[newEnabled ? 'bind' : 'unbind'](element, 'wheel', handleWheel, false);
     }
 
     this._enabled = newEnabled;