bpmn-js 10.0.0 → 10.2.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.2.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-10-02
  */
 (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;
+  const nativeToString$1 = Object.prototype.toString;
+  const nativeHasOwnProperty$1 = Object.prototype.hasOwnProperty;
+
   function isUndefined$2(obj) {
     return obj === undefined;
   }
+
   function isDefined(obj) {
     return obj !== undefined;
   }
+
   function isArray$2(obj) {
     return nativeToString$1.call(obj) === '[object Array]';
   }
+
   function isObject(obj) {
     return nativeToString$1.call(obj) === '[object Object]';
   }
+
   function isNumber(obj) {
     return nativeToString$1.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]';
+    const tag = nativeToString$1.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]';
   }
+
   /**
    * Return true, if target owns a property with the given key.
    *
@@ -58,7 +73,6 @@
    *
    * @return {Boolean}
    */
-
   function has$1(target, key) {
     return nativeHasOwnProperty$1.call(target, key);
   }
@@ -71,18 +85,25 @@
    *
    * @return {Object}
    */
-
   function find(collection, matcher) {
+
     matcher = toMatcher(matcher);
-    var match;
-    forEach$1(collection, function (val, key) {
+
+    let match;
+
+    forEach$1(collection, function(val, key) {
       if (matcher(val, key)) {
         match = val;
+
         return false;
       }
     });
+
     return match;
+
   }
+
+
   /**
    * Find element index in collection.
    *
@@ -91,18 +112,24 @@
    *
    * @return {Object}
    */
-
   function findIndex(collection, matcher) {
+
     matcher = toMatcher(matcher);
-    var idx = isArray$2(collection) ? -1 : undefined;
-    forEach$1(collection, function (val, key) {
+
+    let 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 +138,20 @@
    *
    * @return {Array} result
    */
-
   function filter(collection, matcher) {
-    var result = [];
-    forEach$1(collection, function (val, key) {
+
+    let result = [];
+
+    forEach$1(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 +161,22 @@
    *
    * @return {Object} return result that stopped the iteration
    */
-
   function forEach$1(collection, iterator) {
-    var val, result;
+
+    let val,
+        result;
 
     if (isUndefined$2(collection)) {
       return;
     }
 
-    var convertKey = isArray$2(collection) ? toNum$1 : identity$1;
+    const convertKey = isArray$2(collection) ? toNum$1 : identity$1;
+
+    for (let key in collection) {
 
-    for (var key in collection) {
       if (has$1(collection, key)) {
         val = collection[key];
+
         result = iterator(val, convertKey(key));
 
         if (result === false) {
@@ -151,6 +185,8 @@
       }
     }
   }
+
+
   /**
    * Reduce collection, returning a single result.
    *
@@ -160,13 +196,16 @@
    *
    * @return {Any} result returned from last iterator
    */
-
   function reduce(collection, iterator, result) {
-    forEach$1(collection, function (value, idx) {
+
+    forEach$1(collection, function(value, idx) {
       result = iterator(result, value, idx);
     });
+
     return result;
   }
+
+
   /**
    * Return true if every element in the collection
    * matches the criteria.
@@ -176,12 +215,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 +232,12 @@
    *
    * @return {Boolean}
    */
-
   function some(collection, matcher) {
+
     return !!find(collection, matcher);
   }
+
+
   /**
    * Transform a collection into another collection
    * by piping each member through the given fn.
@@ -204,14 +247,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$1(collection, function(val, key) {
       result.push(fn(val, key));
     });
+
     return result;
   }
+
+
   /**
    * Create an object pattern matcher.
    *
@@ -225,21 +272,25 @@
    *
    * @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) {
+    return isFunction(matcher) ? matcher : (e) => {
       return e === matcher;
     };
   }
 
+
   function identity$1(arg) {
     return arg;
   }
@@ -261,20 +312,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 +355,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 +369,10 @@
 
     callback.flush = flush;
     callback.cancel = clear;
+
     return callback;
   }
+
   /**
    * Bind function against target <this>.
    *
@@ -325,29 +381,10 @@
    *
    * @return {Function} bound function
    */
-
-  function bind(fn, target) {
+  function bind$2(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,14 +393,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$1(target, ...others) {
+    return Object.assign(target, ...others);
   }
+
   /**
    * Pick given properties from the target object.
    *
@@ -372,17 +405,22 @@
    *
    * @return {Object} target
    */
-
   function pick(target, properties) {
-    var result = {};
-    var obj = Object(target);
-    forEach$1(properties, function (prop) {
+
+    let result = {};
+
+    let 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 +429,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$1(obj, function(prop, key) {
+
       if (properties.indexOf(key) === -1) {
         result[key] = prop;
       }
     });
+
     return result;
   }
 
@@ -620,9 +662,11 @@
 
     if (element.ownerDocument !== target.ownerDocument) {
       try {
+
         // may fail on webkit
         return target.ownerDocument.importNode(element, true);
       } catch (e) {
+
         // ignore
       }
     }
@@ -748,6 +792,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 +838,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 +870,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 +920,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 +1016,7 @@
         svg = SVG_START + svg.substring(4);
       }
     } else {
+
       // namespace svg
       svg = SVG_START + '>' + svg + '</svg>';
       unwrap = true;
@@ -1201,8 +1172,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 +1239,7 @@
     }
 
     if (!isFragment(parsed)) {
+
       // extract <svg> from parsed document
       parsed = parsed.documentElement;
     }
@@ -1536,6 +1510,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.
    *
@@ -1611,19 +1600,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(element, ...styleSources) {
+    const target = element.style;
 
-    forEach(styleSources, function (style) {
+    forEach(styleSources, function(style) {
       if (!style) {
         return;
       }
 
-      forEach(style, function (value, key) {
+      forEach(style, function(value, key) {
         target[key] = value;
       });
     });
@@ -1640,6 +1625,7 @@
    * @api public
    */
   function attr(el, name, val) {
+
     // get
     if (arguments.length == 2) {
       return el.getAttribute(name);
@@ -1656,33 +1642,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 +1689,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 +1704,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 +1721,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 +1743,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 +1761,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 +1773,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 +1793,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 +1810,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 +1843,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 +1859,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 +1891,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) {
+  function bind(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 +1916,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
+    bind,
+    unbind
   };
 
   /**
@@ -2042,7 +1955,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 +1964,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 +2019,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 +2041,8 @@
     return fragment;
   }
 
+  var domify$1 = domify;
+
   function query(selector, el) {
     el = el || document;
 
@@ -2379,7 +2294,7 @@
     var computeStyle = styles.computeStyle;
 
     function addMarker(id, options) {
-      var attrs = assign({
+      var attrs = assign$1({
         fill: black,
         strokeWidth: 1,
         strokeLinecap: 'round',
@@ -2674,7 +2589,7 @@
     }
 
     function drawMarker(type, parentGfx, path, attrs) {
-      return drawPath(parentGfx, path, assign({ 'data-marker': type }, attrs));
+      return drawPath(parentGfx, path, assign$1({ 'data-marker': type }, attrs));
     }
 
     function renderer(type) {
@@ -2746,7 +2661,7 @@
 
     function renderLabel(parentGfx, label, options) {
 
-      options = assign({
+      options = assign$1({
         size: {
           width: 100
         }
@@ -2786,7 +2701,7 @@
       return renderLabel(parentGfx, getLabel(element), {
         box: box,
         fitBox: true,
-        style: assign(
+        style: assign$1(
           {},
           textRenderer.getExternalStyle(),
           {
@@ -3388,7 +3303,7 @@
         return task;
       },
       'bpmn:SubProcess': function(parentGfx, element, attrs) {
-        attrs = assign({
+        attrs = assign$1({
           fill: getFillColor(element, defaultFillColor),
           stroke: getStrokeColor(element, defaultStrokeColor)
         }, attrs);
@@ -3474,7 +3389,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$1({
           fill: getFillColor(element, defaultFillColor),
           fillOpacity: HIGH_FILL_OPACITY,
           stroke: getStrokeColor(element, defaultStrokeColor)
@@ -3696,7 +3611,7 @@
         var fill = getFillColor(element, defaultFillColor),
             stroke = getStrokeColor(element, defaultStrokeColor);
 
-        attrs = assign({
+        attrs = assign$1({
           strokeDasharray: '0.5, 5',
           strokeLinecap: 'round',
           strokeLinejoin: 'round',
@@ -3884,12 +3799,12 @@
         }
 
         // apply fillOpacity
-        var outerAttrs = assign({}, attrs, {
+        var outerAttrs = assign$1({}, attrs, {
           fillOpacity: 1
         });
 
         // apply no-fill
-        var innerAttrs = assign({}, attrs, {
+        var innerAttrs = assign$1({}, attrs, {
           fill: 'none'
         });
 
@@ -4241,7 +4156,7 @@
   function parsePadding(padding) {
 
     if (isObject(padding)) {
-      return assign({ top: 0, left: 0, right: 0, bottom: 0 }, padding);
+      return assign$1({ top: 0, left: 0, right: 0, bottom: 0 }, padding);
     } else {
       return {
         top: padding,
@@ -4405,7 +4320,7 @@
         id: 'helper-svg'
       });
 
-      assign$1(helperSvg, {
+      assign(helperSvg, {
         visibility: 'hidden',
         position: 'fixed',
         width: 0,
@@ -4430,7 +4345,7 @@
    */
   function Text(config) {
 
-    this._config = assign({}, {
+    this._config = assign$1({}, {
       size: DEFAULT_LABEL_SIZE$1,
       padding: DEFAULT_BOX_PADDING,
       style: {},
@@ -4479,8 +4394,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$1({}, this._config.size, options.box),
+        style = assign$1({}, 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;
@@ -4595,7 +4510,7 @@
 
   function TextRenderer(config) {
 
-    var defaultStyle = assign({
+    var defaultStyle = assign$1({
       fontFamily: 'Arial, sans-serif',
       fontSize: DEFAULT_FONT_SIZE,
       fontWeight: 'normal',
@@ -4604,7 +4519,7 @@
 
     var fontSize = parseInt(defaultStyle.fontSize, 10) - 1;
 
-    var externalStyle = assign({}, defaultStyle, {
+    var externalStyle = assign$1({}, defaultStyle, {
       fontSize: fontSize
     }, config && config.externalStyle || {});
 
@@ -5340,7 +5255,7 @@
       size = DEFAULT_LABEL_SIZE;
     }
 
-    return assign({
+    return assign$1({
       x: mid.x - size.width / 2,
       y: mid.y - size.height / 2
     }, size);
@@ -5510,7 +5425,7 @@
    * @return {Object}
    */
   function elementData(semantic, di, attrs) {
-    return assign({
+    return assign$1({
       id: semantic.id,
       type: semantic.$type,
       businessObject: semantic,
@@ -6142,7 +6057,7 @@
 
     function createHitStyle(classNames, attrs) {
 
-      attrs = assign({
+      attrs = assign$1({
         stroke: 'white',
         strokeWidth: 15
       }, attrs || {});
@@ -6240,7 +6155,7 @@
      */
     this.createBoxHit = function(gfx, type, attrs) {
 
-      attrs = assign({
+      attrs = assign$1({
         x: 0,
         y: 0
       }, attrs);
@@ -6485,7 +6400,7 @@
     function createOutline(gfx, bounds) {
       var outline = create$1('rect');
 
-      attr$1(outline, assign({
+      attr$1(outline, assign$1({
         x: 10,
         y: 10,
         rx: 3,
@@ -6778,7 +6693,7 @@
 
     var rect = create$1('rect');
 
-    attr$1(rect, assign({
+    attr$1(rect, assign$1({
       rx: 3
     }, bBox));
 
@@ -7021,7 +6936,7 @@
 
     this._ids = ids;
 
-    this._overlayDefaults = assign({
+    this._overlayDefaults = assign$1({
 
       // no show constraints
       show: null,
@@ -7158,7 +7073,7 @@
 
     var id = this._ids.next();
 
-    overlay = assign({}, this._overlayDefaults, overlay, {
+    overlay = assign$1({}, this._overlayDefaults, overlay, {
       id: id,
       type: type,
       element: element,
@@ -7297,8 +7212,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(html, { position: 'absolute' });
 
     this._overlayRoot.appendChild(html);
 
@@ -7364,13 +7279,13 @@
     // create proper html elements from
     // overlay HTML strings
     if (isString(html)) {
-      html = domify(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(htmlContainer, { position: 'absolute' });
 
     htmlContainer.appendChild(html);
 
@@ -7554,11 +7469,11 @@
   // helpers /////////////////////////////
 
   function createRoot(parentNode) {
-    var root = domify(
+    var root = domify$1(
       '<div class="djs-overlay-container" />'
     );
 
-    assign$1(root, {
+    assign(root, {
       position: 'absolute',
       width: 0,
       height: 0
@@ -7570,7 +7485,7 @@
   }
 
   function setPosition(el, x, y) {
-    assign$1(el, { left: x + 'px', top: y + 'px' });
+    assign(el, { left: x + 'px', top: y + 'px' });
   }
 
   /**
@@ -7998,7 +7913,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);
@@ -8034,7 +7949,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 +8489,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 +8531,7 @@
     subprocessCompatibility: [ 'type', SubprocessCompatibility ]
   };
 
-  var CLASS_PATTERN = /^class /;
+  const CLASS_PATTERN = /^class[ {]/;
 
 
   /**
@@ -8634,7 +8549,7 @@
    * @return {boolean}
    */
   function isArray(obj) {
-    return Object.prototype.toString.call(obj) === '[object Array]';
+    return Array.isArray(obj);
   }
 
   /**
@@ -8658,14 +8573,15 @@
    *
    * @return {T & InjectAnnotated}
    */
-  function annotate() {
-    var args = Array.prototype.slice.call(arguments);
+  function annotate(...args) {
 
     if (args.length === 1 && isArray(args[0])) {
       args = args[0];
     }
 
-    var fn = args.pop();
+    args = [ ...args ];
+
+    const fn = args.pop();
 
     fn.$inject = args;
 
@@ -8686,9 +8602,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 +8614,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 +8652,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 +8679,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()];
@@ -8803,12 +8719,12 @@
         if (isArray(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 +8739,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 +8765,7 @@
      * @return {Function}
      */
     function createPrivateInjectorFactory(childInjector) {
-      return annotate(function(key) {
-        return childInjector.get(key);
-      });
+      return annotate(key => childInjector.get(key));
     }
 
     /**
@@ -8862,18 +8776,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 +8812,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 +8821,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 +8833,7 @@
       return new Injector(modules, self);
     }
 
-    var factoryMap = {
+    const factoryMap = {
       factory: invoke,
       type: instantiate,
       value: function(value) {
@@ -8932,10 +8847,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 +8867,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 +8882,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 +8894,7 @@
         });
 
         // ensure child injector initializes
-        var initializers = (moduleDefinition.__init__ || []).slice();
+        const initializers = (moduleDefinition.__init__ || []).slice();
 
         initializers.unshift(function() {
           privateInjector.init();
@@ -9004,8 +8919,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 +8956,11 @@
      */
     function bootstrap(moduleDefinitions) {
 
-      var initializers = moduleDefinitions
+      const initializers = moduleDefinitions
         .reduce(resolveDependencies, [])
         .map(loadModule);
 
-      var initialized = false;
+      let initialized = false;
 
       return function() {
 
@@ -9055,9 +8970,7 @@
 
         initialized = true;
 
-        initializers.forEach(function(initializer) {
-          return initializer();
-        });
+        initializers.forEach(initializer => initializer());
       };
     }
 
@@ -9120,9 +9033,9 @@
     });
 
     if (isFrameElement(element)) {
-      attr$1(rect, assign({}, this.FRAME_STYLE, attrs || {}));
+      attr$1(rect, assign$1({}, this.FRAME_STYLE, attrs || {}));
     } else {
-      attr$1(rect, assign({}, this.SHAPE_STYLE, attrs || {}));
+      attr$1(rect, assign$1({}, this.SHAPE_STYLE, attrs || {}));
     }
 
     append(visuals, rect);
@@ -9132,7 +9045,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$1({}, this.CONNECTION_STYLE, attrs || {}));
     append(visuals, line);
 
     return line;
@@ -9208,7 +9121,7 @@
     this.cls = function(className, traits, additionalAttrs) {
       var attrs = this.style(traits, additionalAttrs);
 
-      return assign(attrs, { 'class': className });
+      return assign$1(attrs, { 'class': className });
     };
 
     /**
@@ -9227,10 +9140,10 @@
       }
 
       var attrs = reduce(traits, function(attrs, t) {
-        return assign(attrs, defaultTraits[t] || {});
+        return assign$1(attrs, defaultTraits[t] || {});
       }, {});
 
-      return additionalAttrs ? assign(attrs, additionalAttrs) : attrs;
+      return additionalAttrs ? assign$1(attrs, additionalAttrs) : attrs;
     };
 
     this.computeStyle = function(custom, traits, defaultStyles) {
@@ -9239,7 +9152,7 @@
         traits = [];
       }
 
-      return self.style(traits || [], assign({}, defaultStyles, custom || {}));
+      return self.style(traits || [], assign$1({}, defaultStyles, custom || {}));
     };
   }
 
@@ -9348,17 +9261,17 @@
    */
   function createContainer(options) {
 
-    options = assign({}, { width: '100%', height: '100%' }, options);
+    options = assign$1({}, { 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(parent, {
       position: 'relative',
       overflow: 'hidden',
       width: ensurePx(options.width),
@@ -9371,10 +9284,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 +9296,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 +9358,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$2(this._viewboxChanged, this), 300);
     }
 
     eventBus.on('diagram.init', function() {
@@ -9506,7 +9419,7 @@
       viewport: this._viewport
     });
 
-    var parent = this._container.parentNode;
+    const parent = this._container.parentNode;
 
     if (parent) {
       parent.removeChild(this._container);
@@ -9522,18 +9435,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 +9487,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 +9535,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 +9557,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 +9592,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 +9614,7 @@
 
   Canvas.prototype._removeLayer = function(name) {
 
-    var layer = this._layers[name];
+    const layer = this._layers[name];
 
     if (layer) {
       delete this._layers[name];
@@ -9718,7 +9629,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 +9655,7 @@
       return;
     }
 
-    var plane = this._findPlaneForRoot(
+    const plane = this._findPlaneForRoot(
       findRoot(element)
     ) || {};
 
@@ -9783,7 +9694,7 @@
   // markers //////////////////////
 
   Canvas.prototype._updateMarker = function(element, marker, add) {
-    var container;
+    let container;
 
     if (!element.id) {
       element = this._elementRegistry.get(element);
@@ -9831,7 +9742,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 +9778,7 @@
       element = this._elementRegistry.get(element);
     }
 
-    var gfx = this.getGraphics(element);
+    const gfx = this.getGraphics(element);
 
     return classes$1(gfx).has(marker);
   };
@@ -9905,7 +9816,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 +9835,7 @@
    */
 
   Canvas.prototype.addRootElement = function(rootElement) {
-    var idx = this._rootsIdx++;
+    const idx = this._rootsIdx++;
 
     if (!rootElement) {
       rootElement = {
@@ -9934,11 +9845,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 +9876,7 @@
       rootElement = this._elementRegistry.get(rootElement);
     }
 
-    var plane = this._findPlaneForRoot(rootElement);
+    const plane = this._findPlaneForRoot(rootElement);
 
     if (!plane) {
       return;
@@ -10011,7 +9922,7 @@
       return;
     }
 
-    var plane;
+    let plane;
 
     if (!rootElement) {
       throw new Error('rootElement required');
@@ -10031,8 +9942,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 +9954,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 +9968,7 @@
 
   Canvas.prototype._setRoot = function(rootElement, layer) {
 
-    var currentRoot = this._rootElement;
+    const currentRoot = this._rootElement;
 
     if (currentRoot) {
 
@@ -10097,9 +10008,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 +10049,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 +10059,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 +10103,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 +10254,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 +10268,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 +10291,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 +10337,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 +10359,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$1({ dx: 0, dy: 0 }, delta || {});
 
         matrix = this._svg.createSVGMatrix().translate(delta.dx, delta.dy).multiply(matrix);
 
@@ -10473,14 +10384,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 +10411,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 +10423,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 +10435,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 +10471,7 @@
       return this._fitViewport(center);
     }
 
-    var outer,
+    let outer,
         matrix;
 
     this._changeViewbox(function() {
@@ -10581,16 +10492,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 +10542,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 +10556,10 @@
 
     currentMatrix = viewport.getCTM();
 
-    var currentScale = currentMatrix.a;
+    const currentScale = currentMatrix.a;
 
     if (center) {
-      centerPoint = assign(point, center);
+      centerPoint = assign$1(point, center);
 
       // revert applied viewport transformations
       originalPoint = centerPoint.matrixTransform(currentMatrix.inverse());
@@ -10694,13 +10605,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 +10622,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 +11453,7 @@
     if (!Type) {
       throw new Error('unknown type: <' + type + '>');
     }
-    return assign(new Type(), attrs);
+    return assign$1(new Type(), attrs);
   }
 
   /**
@@ -11579,7 +11490,7 @@
    */
   ElementFactory.prototype.create = function(type, attrs) {
 
-    attrs = assign({}, attrs || {});
+    attrs = assign$1({}, attrs || {});
 
     if (!attrs.id) {
       attrs.id = type + '_' + (this._uid++);
@@ -11720,7 +11631,7 @@
     var actualCallback = callback;
 
     if (that) {
-      actualCallback = bind(callback, that);
+      actualCallback = bind$2(callback, that);
 
       // make sure we remember and are able to remove
       // bound callbacks via {@link #off} using the original
@@ -12085,7 +11996,7 @@
   };
 
   InternalEvent.prototype.init = function(data) {
-    assign(this, data || {});
+    assign$1(this, data || {});
   };
 
 
@@ -12570,7 +12481,7 @@
       props.define(this, '$attrs', { value: {} });
       props.define(this, '$parent', { writable: true });
 
-      forEach$1(attrs, bind(function(val, key) {
+      forEach$1(attrs, bind$2(function(val, key) {
         this.set(key, val);
       }, this));
     }
@@ -12653,6 +12564,7 @@
       localName = name;
       prefix = defaultPrefix;
     } else
+
     // prefix + local name
     if (parts.length === 2) {
       localName = parts[1];
@@ -12859,10 +12771,10 @@
       return;
     }
 
-    forEach$1(t.properties, bind(function(p) {
+    forEach$1(t.properties, bind$2(function(p) {
 
       // clone property to allow extensions
-      p = assign({}, p, {
+      p = assign$1({}, p, {
         name: p.ns.localName,
         inherited: inherited
       });
@@ -12906,7 +12818,7 @@
 
     this.properties = properties;
 
-    forEach$1(packages, bind(this.registerPackage, this));
+    forEach$1(packages, bind$2(this.registerPackage, this));
   }
 
 
@@ -12922,7 +12834,7 @@
   Registry.prototype.registerPackage = function(pkg) {
 
     // copy package
-    pkg = assign({}, pkg);
+    pkg = assign$1({}, pkg);
 
     var pkgMap = this.packageMap;
 
@@ -12930,7 +12842,7 @@
     ensureAvailable(pkgMap, pkg, 'uri');
 
     // register types
-    forEach$1(pkg.types, bind(function(descriptor) {
+    forEach$1(pkg.types, bind$2(function(descriptor) {
       this.registerType(descriptor, pkg);
     }, this));
 
@@ -12944,11 +12856,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),
@@ -12956,7 +12868,7 @@
         propertiesByName = {};
 
     // parse properties
-    forEach$1(type.properties, bind(function(p) {
+    forEach$1(type.properties, bind$2(function(p) {
 
       // namespace property names
       var propertyNs = parseName(p.name, ns.prefix),
@@ -12967,7 +12879,7 @@
         p.type = parseName(p.type, propertyNs.prefix).name;
       }
 
-      assign(p, {
+      assign$1(p, {
         ns: propertyNs,
         name: propertyName
       });
@@ -12976,13 +12888,13 @@
     }, this));
 
     // update ns + name
-    assign(type, {
+    assign$1(type, {
       ns: ns,
       name: name,
       propertiesByName: propertiesByName
     });
 
-    forEach$1(type.extends, bind(function(extendsName) {
+    forEach$1(type.extends, bind$2(function(extendsName) {
       var extended = this.typeMap[extendsName];
 
       extended.traits = extended.traits || [];
@@ -13077,7 +12989,7 @@
 
 
 
-  ///////// helpers ////////////////////////////
+  // helpers ////////////////////////////
 
   function ensureAvailable(packageMap, pkg, identifierKey) {
 
@@ -13108,11 +13020,16 @@
    */
   Properties.prototype.set = function(target, name, value) {
 
+    if (!isString(name) || !name.length) {
+      throw new TypeError('property name must be a non-empty string');
+    }
+
     var property = this.model.getPropertyDescriptor(target, name);
 
     var propertyName = property && property.name;
 
     if (isUndefined(value)) {
+
       // unset the property, if the specified value is undefined;
       // delete from $attrs (for extensions) or the target itself
       if (property) {
@@ -13121,6 +13038,7 @@
         delete target.$attrs[name];
       }
     } else {
+
       // set the property, defining well defined properties on the fly
       // or simply updating them in target.$attrs (for extensions)
       if (property) {
@@ -13177,7 +13095,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; }
       });
 
@@ -13216,7 +13134,7 @@
     });
   }
 
-  //// Moddle implementation /////////////////////////////////////////////////
+  // Moddle implementation /////////////////////////////////////////////////
 
   /**
    * @class Moddle
@@ -14599,7 +14517,7 @@
      * @property {Boolean} lax
      */
 
-    assign(this, options);
+    assign$1(this, options);
 
     this.elementsById = {};
     this.references = [];
@@ -14905,7 +14823,7 @@
 
           elementType = model.getType(elementTypeName);
 
-          return assign({}, property, {
+          return assign$1({}, property, {
             effectiveType: getModdleDescriptor(elementType).name
           });
         }
@@ -14927,7 +14845,7 @@
       });
 
       if (property) {
-        return assign({}, property, {
+        return assign$1({}, property, {
           effectiveType: getModdleDescriptor(elementType).name
         });
       }
@@ -15002,7 +14920,7 @@
       }
 
       if (propertyDesc.isReference) {
-        assign(newElement, {
+        assign$1(newElement, {
           element: element
         });
 
@@ -15111,7 +15029,7 @@
       };
     }
 
-    assign(this, { lax: false }, options);
+    assign$1(this, { lax: false }, options);
   }
 
   /**
@@ -15166,7 +15084,7 @@
     var model = this.model,
         lax = this.lax;
 
-    var context = new Context(assign({}, options, { rootHandler: rootHandler })),
+    var context = new Context(assign$1({}, options, { rootHandler: rootHandler })),
         parser = new Parser({ proxy: true }),
         stack = createStack();
 
@@ -15561,14 +15479,14 @@
 
   function getElementNs(ns, descriptor) {
     if (descriptor.isGeneric) {
-      return assign({ localName: descriptor.ns.localName }, ns);
+      return assign$1({ localName: descriptor.ns.localName }, ns);
     } else {
-      return assign({ localName: nameToAlias(descriptor.ns.localName, descriptor.$pkg) }, ns);
+      return assign$1({ localName: nameToAlias(descriptor.ns.localName, descriptor.$pkg) }, ns);
     }
   }
 
   function getPropertyNs(ns, descriptor) {
-    return assign({ localName: descriptor.ns.localName }, ns);
+    return assign$1({ localName: descriptor.ns.localName }, ns);
   }
 
   function getSerializableProperties(element) {
@@ -15800,7 +15718,7 @@
     if (this.isLocalNs(effectiveNs)) {
       return { localName: ns.localName };
     } else {
-      return assign({ localName: ns.localName }, effectiveNs);
+      return assign$1({ localName: ns.localName }, effectiveNs);
     }
   };
 
@@ -15916,6 +15834,8 @@
       try {
         self.addAttribute(self.nsAttributeName(attr.name), attr.value);
       } catch (e) {
+        /* global console */
+
         console.warn(
           'missing namespace information for ',
           attr.name, '=', attr.value, 'on', element,
@@ -16228,7 +16148,7 @@
 
   function FormatingWriter(out, format) {
 
-    var indent = [''];
+    var indent = [ '' ];
 
     this.append = function(str) {
       out.write(str);
@@ -16270,7 +16190,7 @@
    */
   function Writer(options) {
 
-    options = assign({ format: false, preamble: true }, options || {});
+    options = assign$1({ format: false, preamble: true }, options || {});
 
     function toXML(tree, writer) {
       var internalWriter = writer || new SavingWriter();
@@ -16342,7 +16262,7 @@
       typeName = 'bpmn:Definitions';
     }
 
-    var reader = new Reader(assign({ model: this, lax: true }, options));
+    var reader = new Reader(assign$1({ model: this, lax: true }, options));
     var rootHandler = reader.handler(typeName);
 
     return reader.fromXML(xmlStr, rootHandler);
@@ -20029,7 +19949,7 @@
   };
 
   function simple(additionalPackages, options) {
-    var pks = assign({}, packages, additionalPackages);
+    var pks = assign$1({}, packages, additionalPackages);
 
     return new BpmnModdle(pks, options);
   }
@@ -20709,7 +20629,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;
       });
 
@@ -20835,13 +20755,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(lightbox, LIGHTBOX_STYLES);
+    assign(query('svg', lightbox), LOGO_STYLES);
+    assign(query('.backdrop', lightbox), BACKDROP_STYLES);
+    assign(query('.notice', lightbox), NOTICE_STYLES);
+    assign(query('.link', lightbox), LINK_STYLES, {
       'margin': '15px 20px 15px 10px',
       'alignSelf': 'center'
     });
@@ -20883,7 +20803,7 @@
    */
   function BaseViewer(options) {
 
-    options = assign({}, DEFAULT_OPTIONS, options);
+    options = assign$1({}, DEFAULT_OPTIONS, options);
 
     this._moddle = this._createModdle(options);
 
@@ -21425,8 +21345,8 @@
 
     const diagramModules = [].concat(staticModules, baseModules, additionalModules);
 
-    const diagramOptions = assign(omit(options, [ 'additionalModules' ]), {
-      canvas: assign({}, options.canvas, { container: container }),
+    const diagramOptions = assign$1(omit(options, [ 'additionalModules' ]), {
+      canvas: assign$1({}, options.canvas, { container: container }),
       modules: diagramModules
     });
 
@@ -21452,9 +21372,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(container, {
       width: ensureUnit(options.width),
       height: ensureUnit(options.height),
       position: options.position
@@ -21464,7 +21384,7 @@
   };
 
   BaseViewer.prototype._createModdle = function(options) {
-    const moddleOptions = assign({}, this._moddleExtensions, options.moddleExtensions);
+    const moddleOptions = assign$1({}, this._moddleExtensions, options.moddleExtensions);
 
     return new simple(moddleOptions);
   };
@@ -21548,10 +21468,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(query('svg', linkElement), LOGO_STYLES);
+    assign(linkElement, LINK_STYLES, {
       position: 'absolute',
       bottom: '15px',
       right: '15px',
@@ -21560,7 +21480,7 @@
 
     container.appendChild(linkElement);
 
-    componentEvent.bind(linkElement, 'click', function(event) {
+    event.bind(linkElement, 'click', function(event) {
       open();
 
       event.preventDefault();
@@ -21829,8 +21749,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 +21766,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;
@@ -21890,7 +21810,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 +22003,7 @@
 
     var self = this;
 
-    this._config = assign({}, DEFAULT_CONFIG, config || {});
+    this._config = assign$1({}, DEFAULT_CONFIG, config || {});
 
     keyboard.addListener(arrowsListener);
 
@@ -22290,36 +22210,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 +22332,7 @@
     this._canvas = canvas;
     this._container = canvas._container;
 
-    this._handleWheel = bind(this._handleWheel, this);
+    this._handleWheel = bind$2(this._handleWheel, this);
 
     this._totalDelta = 0;
     this._scale = config.scale || DEFAULT_SCALE;
@@ -22587,7 +22507,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;