bpmn-js 10.0.0 → 10.2.0

package/dist/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v10.0.0
+ * bpmn-js - bpmn-modeler 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() :
@@ -192,46 +192,64 @@
     return Array.prototype.concat.apply([], arr);
   }
 
-  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 isNil(obj) {
     return obj == null;
   }
+
   function isArray$3(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]';
   }
+
+
   /**
    * Ensure collection is an array.
    *
    * @param {Object} obj
    */
-
   function ensureArray(obj) {
+
     if (isArray$3(obj)) {
       return;
     }
 
     throw new Error('must supply array');
   }
+
   /**
    * Return true, if target owns a property with the given key.
    *
@@ -240,7 +258,6 @@
    *
    * @return {Boolean}
    */
-
   function has$1(target, key) {
     return nativeHasOwnProperty$1.call(target, key);
   }
@@ -253,18 +270,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.
    *
@@ -273,18 +297,24 @@
    *
    * @return {Object}
    */
-
   function findIndex(collection, matcher) {
+
     matcher = toMatcher(matcher);
-    var idx = isArray$3(collection) ? -1 : undefined;
-    forEach$1(collection, function (val, key) {
+
+    let idx = isArray$3(collection) ? -1 : undefined;
+
+    forEach$1(collection, function(val, key) {
       if (matcher(val, key)) {
         idx = key;
+
         return false;
       }
     });
+
     return idx;
   }
+
+
   /**
    * Find element in collection.
    *
@@ -293,16 +323,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.
@@ -312,19 +346,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$3(collection) ? toNum$1 : identity$1;
+    const convertKey = isArray$3(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) {
@@ -333,6 +370,7 @@
       }
     }
   }
+
   /**
    * Return collection without element.
    *
@@ -341,18 +379,23 @@
    *
    * @return {Array}
    */
-
   function without(arr, matcher) {
+
     if (isUndefined$2(arr)) {
       return [];
     }
 
     ensureArray(arr);
+
     matcher = toMatcher(matcher);
-    return arr.filter(function (el, idx) {
+
+    return arr.filter(function(el, idx) {
       return !matcher(el, idx);
     });
+
   }
+
+
   /**
    * Reduce collection, returning a single result.
    *
@@ -362,13 +405,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.
@@ -378,12 +424,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.
@@ -393,10 +441,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.
@@ -406,14 +456,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;
   }
+
+
   /**
    * Get the collections keys.
    *
@@ -421,10 +475,11 @@
    *
    * @return {Array}
    */
-
   function keys(collection) {
     return collection && Object.keys(collection) || [];
   }
+
+
   /**
    * Shorthand for `keys(o).length`.
    *
@@ -432,10 +487,11 @@
    *
    * @return {Number}
    */
-
   function size(collection) {
     return keys(collection).length;
   }
+
+
   /**
    * Get the values in the collection.
    *
@@ -443,12 +499,11 @@
    *
    * @return {Array}
    */
-
   function values(collection) {
-    return map(collection, function (val) {
-      return val;
-    });
+    return map$1(collection, (val) => val);
   }
+
+
   /**
    * Group collection members by attribute.
    *
@@ -457,13 +512,14 @@
    *
    * @return {Object} map with { attrValue => [ a, b, c ] }
    */
+  function groupBy(collection, extractor, grouped = {}) {
 
-  function groupBy(collection, extractor) {
-    var grouped = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     extractor = toExtractor(extractor);
-    forEach$1(collection, function (val) {
-      var discriminator = extractor(val) || '_';
-      var group = grouped[discriminator];
+
+    forEach$1(collection, function(val) {
+      let discriminator = extractor(val) || '_';
+
+      let group = grouped[discriminator];
 
       if (!group) {
         group = grouped[discriminator] = [];
@@ -471,25 +527,31 @@
 
       group.push(val);
     });
+
     return grouped;
   }
-  function uniqueBy(extractor) {
+
+
+  function uniqueBy(extractor, ...collections) {
+
     extractor = toExtractor(extractor);
-    var grouped = {};
 
-    for (var _len = arguments.length, collections = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      collections[_key - 1] = arguments[_key];
-    }
+    let grouped = {};
 
-    forEach$1(collections, function (c) {
-      return groupBy(c, extractor, grouped);
-    });
-    var result = map(grouped, function (val, key) {
+    forEach$1(collections, (c) => groupBy(c, extractor, grouped));
+
+    let result = map$1(grouped, function(val, key) {
       return val[0];
     });
+
     return result;
   }
-  var unionBy = uniqueBy;
+
+
+  const unionBy = uniqueBy;
+
+
+
   /**
    * Sort collection by criteria.
    *
@@ -498,33 +560,37 @@
    *
    * @return {Array}
    */
-
   function sortBy(collection, extractor) {
+
     extractor = toExtractor(extractor);
-    var sorted = [];
-    forEach$1(collection, function (value, key) {
-      var disc = extractor(value, key);
-      var entry = {
+
+    let sorted = [];
+
+    forEach$1(collection, function(value, key) {
+      let disc = extractor(value, key);
+
+      let entry = {
         d: disc,
         v: value
       };
 
       for (var idx = 0; idx < sorted.length; idx++) {
-        var d = sorted[idx].d;
+        let { d } = sorted[idx];
 
         if (disc < d) {
           sorted.splice(idx, 0, entry);
           return;
         }
-      } // not inserted, append (!)
-
+      }
 
+      // not inserted, append (!)
       sorted.push(entry);
     });
-    return map(sorted, function (e) {
-      return e.v;
-    });
+
+    return map$1(sorted, (e) => e.v);
   }
+
+
   /**
    * Create an object pattern matcher.
    *
@@ -538,27 +604,32 @@
    *
    * @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 toExtractor(extractor) {
-    return isFunction(extractor) ? extractor : function (e) {
+    return isFunction(extractor) ? extractor : (e) => {
       return e[extractor];
     };
   }
 
+
   function toMatcher(matcher) {
-    return isFunction(matcher) ? matcher : function (e) {
+    return isFunction(matcher) ? matcher : (e) => {
       return e === matcher;
     };
   }
 
+
   function identity$1(arg) {
     return arg;
   }
@@ -580,20 +651,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();
     }
 
@@ -617,16 +694,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);
       }
@@ -634,8 +708,10 @@
 
     callback.flush = flush;
     callback.cancel = clear;
+
     return callback;
   }
+
   /**
    * Bind function against target <this>.
    *
@@ -644,29 +720,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`.
    *
@@ -675,14 +732,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.
    *
@@ -691,17 +744,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.
    *
@@ -710,18 +768,37 @@
    *
    * @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;
   }
 
+  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.
    *
@@ -797,19 +874,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;
       });
     });
@@ -826,6 +899,7 @@
    * @api public
    */
   function attr$1(el, name, val) {
+
     // get
     if (arguments.length == 2) {
       return el.getAttribute(name);
@@ -842,33 +916,17 @@
     return el;
   }
 
-  var indexOf$1 = [].indexOf;
-
-  var indexof = function(arr, obj){
-    if (indexOf$1) 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$1 = /\s+/;
-
   /**
    * toString reference.
    */
 
-  var toString$1 = Object.prototype.toString;
+  const toString$1 = Object.prototype.toString;
 
   /**
    * Wrap `el` in a `ClassList`.
@@ -905,18 +963,8 @@
    * @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 = indexof(arr, name);
-    if (!~i) arr.push(name);
-    this.el.className = arr.join(' ');
+  ClassList$1.prototype.add = function(name) {
+    this.list.add(name);
     return this;
   };
 
@@ -930,22 +978,12 @@
    * @api public
    */
 
-  ClassList$1.prototype.remove = function (name) {
+  ClassList$1.prototype.remove = function(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 = indexof(arr, name);
-    if (~i) arr.splice(i, 1);
-    this.el.className = arr.join(' ');
+    this.list.remove(name);
     return this;
   };
 
@@ -957,9 +995,9 @@
    * @api private
    */
 
-  ClassList$1.prototype.removeMatching = function (re) {
-    var arr = this.array();
-    for (var i = 0; i < arr.length; i++) {
+  ClassList$1.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]);
       }
@@ -979,34 +1017,14 @@
    * @api public
    */
 
-  ClassList$1.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$1.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;
   };
 
@@ -1017,12 +1035,8 @@
    * @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;
+  ClassList$1.prototype.array = function() {
+    return Array.from(this.list);
   };
 
   /**
@@ -1033,8 +1047,9 @@
    * @api public
    */
 
-  ClassList$1.prototype.has = ClassList$1.prototype.contains = function (name) {
-    return this.list ? this.list.contains(name) : !!~indexof(this.array(), name);
+  ClassList$1.prototype.has =
+  ClassList$1.prototype.contains = function(name) {
+    return this.list.contains(name);
   };
 
   /**
@@ -1052,33 +1067,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);
   }
 
   /**
@@ -1088,23 +1084,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' : '';
 
   /**
@@ -1118,7 +1117,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;
   };
@@ -1134,15 +1133,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.
@@ -1164,14 +1165,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) {
@@ -1189,17 +1190,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
   };
 
   /**
@@ -1228,7 +1229,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>'],
@@ -1237,27 +1238,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,
@@ -1292,7 +1293,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];
@@ -1314,6 +1315,8 @@
     return fragment;
   }
 
+  var domify$1 = domify;
+
   function query(selector, el) {
     el = el || document;
 
@@ -1334,9 +1337,11 @@
 
     if (element.ownerDocument !== target.ownerDocument) {
       try {
+
         // may fail on webkit
         return target.ownerDocument.importNode(element, true);
       } catch (e) {
+
         // ignore
       }
     }
@@ -1462,6 +1467,7 @@
     var type = CSS_PROPERTIES[hyphenated];
 
     if (type) {
+
       // append pixel unit, unless present
       if (type === LENGTH_ATTR && typeof value === 'number') {
         value = String(value) + 'px';
@@ -1507,38 +1513,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 = /\s+/;
 
-  var toString = Object.prototype.toString;
+  /**
+   * toString reference.
+   */
 
-  function defined(o) {
-    return typeof o !== 'undefined';
-  }
+  const toString = 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(el) {
     return new ClassList(el);
@@ -1553,79 +1545,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.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.prototype.remove = function(name) {
-    if ('[object RegExp]' === toString.call(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 = 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.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]);
       }
@@ -1634,81 +1595,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.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.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;
+    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.prototype.has =
-  ClassList.prototype.contains = function(name) {
-    return (
-      this.list ?
-        this.list.contains(name) :
-        !! ~index(this.array(), name)
-    );
-  };
+   ClassList.prototype.contains = function(name) {
+     return this.list.contains(name);
+   };
 
   function remove$1(element) {
     var parent = element.parentNode;
@@ -1764,6 +1695,7 @@
         svg = SVG_START + svg.substring(4);
       }
     } else {
+
       // namespace svg
       svg = SVG_START + '>' + svg + '</svg>';
       unwrap = true;
@@ -1919,8 +1851,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;
@@ -1984,6 +1918,7 @@
     }
 
     if (!isFragment(parsed)) {
+
       // extract <svg> from parsed document
       parsed = parsed.documentElement;
     }
@@ -2080,7 +2015,7 @@
     return transformList.consolidate();
   }
 
-  var CLASS_PATTERN = /^class /;
+  const CLASS_PATTERN = /^class[ {]/;
 
 
   /**
@@ -2098,7 +2033,7 @@
    * @return {boolean}
    */
   function isArray$1(obj) {
-    return Object.prototype.toString.call(obj) === '[object Array]';
+    return Array.isArray(obj);
   }
 
   /**
@@ -2122,14 +2057,15 @@
    *
    * @return {T & InjectAnnotated}
    */
-  function annotate() {
-    var args = Array.prototype.slice.call(arguments);
+  function annotate(...args) {
 
     if (args.length === 1 && isArray$1(args[0])) {
       args = args[0];
     }
 
-    var fn = args.pop();
+    args = [ ...args ];
+
+    const fn = args.pop();
 
     fn.$inject = args;
 
@@ -2150,9 +2086,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
@@ -2162,20 +2098,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();
     }) || [];
   }
@@ -2200,21 +2136,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);
     };
 
     /**
@@ -2227,8 +2163,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()];
@@ -2267,12 +2203,12 @@
         if (isArray$1(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 {
@@ -2287,22 +2223,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);
     }
@@ -2313,9 +2249,7 @@
      * @return {Function}
      */
     function createPrivateInjectorFactory(childInjector) {
-      return annotate(function(key) {
-        return childInjector.get(key);
-      });
+      return annotate(key => childInjector.get(key));
     }
 
     /**
@@ -2326,18 +2260,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) {
@@ -2361,7 +2296,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;
@@ -2370,7 +2305,7 @@
           }
         }
 
-        forceNewInstances.forEach(function(scope) {
+        forceNewInstances.forEach(scope => {
           if (!matchedScopes[scope]) {
             throw new Error('No provider for "' + scope + '". Cannot use provider from the parent!');
           }
@@ -2382,7 +2317,7 @@
       return new Injector(modules, self);
     }
 
-    var factoryMap = {
+    const factoryMap = {
       factory: invoke,
       type: instantiate,
       value: function(value) {
@@ -2396,10 +2331,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') {
@@ -2416,13 +2351,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];
@@ -2431,10 +2366,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);
         });
 
@@ -2443,7 +2378,7 @@
         });
 
         // ensure child injector initializes
-        var initializers = (moduleDefinition.__init__ || []).slice();
+        const initializers = (moduleDefinition.__init__ || []).slice();
 
         initializers.unshift(function() {
           privateInjector.init();
@@ -2468,8 +2403,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 ];
       });
@@ -2505,11 +2440,11 @@
      */
     function bootstrap(moduleDefinitions) {
 
-      var initializers = moduleDefinitions
+      const initializers = moduleDefinitions
         .reduce(resolveDependencies, [])
         .map(loadModule);
 
-      var initialized = false;
+      let initialized = false;
 
       return function() {
 
@@ -2519,9 +2454,7 @@
 
         initialized = true;
 
-        initializers.forEach(function(initializer) {
-          return initializer();
-        });
+        initializers.forEach(initializer => initializer());
       };
     }
 
@@ -3005,7 +2938,7 @@
   // helpers ///////////////////////////////
 
   function copyObject(src1, src2) {
-    return assign({}, src1 || {}, src2 || {});
+    return assign$1({}, src1 || {}, src2 || {});
   }
 
   // apply default renderer with lowest possible priority
@@ -3046,9 +2979,9 @@
     });
 
     if (isFrameElement$1(element)) {
-      attr(rect, assign({}, this.FRAME_STYLE, attrs || {}));
+      attr(rect, assign$1({}, this.FRAME_STYLE, attrs || {}));
     } else {
-      attr(rect, assign({}, this.SHAPE_STYLE, attrs || {}));
+      attr(rect, assign$1({}, this.SHAPE_STYLE, attrs || {}));
     }
 
     append(visuals, rect);
@@ -3058,7 +2991,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;
@@ -3134,7 +3067,7 @@
     this.cls = function(className, traits, additionalAttrs) {
       var attrs = this.style(traits, additionalAttrs);
 
-      return assign(attrs, { 'class': className });
+      return assign$1(attrs, { 'class': className });
     };
 
     /**
@@ -3153,10 +3086,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) {
@@ -3165,7 +3098,7 @@
         traits = [];
       }
 
-      return self.style(traits || [], assign({}, defaultStyles, custom || {}));
+      return self.style(traits || [], assign$1({}, defaultStyles, custom || {}));
     };
   }
 
@@ -4649,17 +4582,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),
@@ -4672,10 +4605,10 @@
   }
 
   function createGroup(parent, cls, childIndex) {
-    var group = create$1('g');
+    const group = create$1('g');
     classes(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
@@ -4684,14 +4617,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' ]
   };
@@ -4746,22 +4679,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(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() {
@@ -4807,7 +4740,7 @@
       viewport: this._viewport
     });
 
-    var parent = this._container.parentNode;
+    const parent = this._container.parentNode;
 
     if (parent) {
       parent.removeChild(this._container);
@@ -4823,18 +4756,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);
       }
     });
 
@@ -4877,7 +4808,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);
@@ -4925,7 +4856,7 @@
       index = UTILITY_LAYER_INDEX;
     }
 
-    var childIndex = this._getChildIndex(index);
+    const childIndex = this._getChildIndex(index);
 
     return {
       group: createGroup(this._viewport, 'layer-' + name, childIndex),
@@ -4947,21 +4878,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);
 
@@ -4982,13 +4913,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;
@@ -5004,7 +4935,7 @@
 
   Canvas.prototype._removeLayer = function(name) {
 
-    var layer = this._layers[name];
+    const layer = this._layers[name];
 
     if (layer) {
       delete this._layers[name];
@@ -5019,7 +4950,7 @@
    * @returns {SVGElement|null}
    */
   Canvas.prototype.getActiveLayer = function() {
-    var plane = this._findPlaneForRoot(this.getRootElement());
+    const plane = this._findPlaneForRoot(this.getRootElement());
 
     if (!plane) {
       return null;
@@ -5045,7 +4976,7 @@
       return;
     }
 
-    var plane = this._findPlaneForRoot(
+    const plane = this._findPlaneForRoot(
       findRoot(element)
     ) || {};
 
@@ -5084,7 +5015,7 @@
   // markers //////////////////////
 
   Canvas.prototype._updateMarker = function(element, marker, add) {
-    var container;
+    let container;
 
     if (!element.id) {
       element = this._elementRegistry.get(element);
@@ -5132,7 +5063,7 @@
    * @example
    * canvas.addMarker('foo', 'some-marker');
    *
-   * var fooGfx = canvas.getGraphics('foo');
+   * const fooGfx = canvas.getGraphics('foo');
    *
    * fooGfx; // <g class="... some-marker"> ... </g>
    *
@@ -5168,7 +5099,7 @@
       element = this._elementRegistry.get(element);
     }
 
-    var gfx = this.getGraphics(element);
+    const gfx = this.getGraphics(element);
 
     return classes(gfx).has(marker);
   };
@@ -5206,7 +5137,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) {
@@ -5225,7 +5156,7 @@
    */
 
   Canvas.prototype.addRootElement = function(rootElement) {
-    var idx = this._rootsIdx++;
+    const idx = this._rootsIdx++;
 
     if (!rootElement) {
       rootElement = {
@@ -5235,11 +5166,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);
 
@@ -5266,7 +5197,7 @@
       rootElement = this._elementRegistry.get(rootElement);
     }
 
-    var plane = this._findPlaneForRoot(rootElement);
+    const plane = this._findPlaneForRoot(rootElement);
 
     if (!plane) {
       return;
@@ -5312,7 +5243,7 @@
       return;
     }
 
-    var plane;
+    let plane;
 
     if (!rootElement) {
       throw new Error('rootElement required');
@@ -5332,8 +5263,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 });
@@ -5344,8 +5275,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 });
@@ -5358,7 +5289,7 @@
 
   Canvas.prototype._setRoot = function(rootElement, layer) {
 
-    var currentRoot = this._rootElement;
+    const currentRoot = this._rootElement;
 
     if (currentRoot) {
 
@@ -5398,9 +5329,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';
     });
 
@@ -5439,8 +5370,8 @@
 
     parent = parent || this.getRootElement();
 
-    var eventBus = this._eventBus,
-        graphicsFactory = this._graphicsFactory;
+    const eventBus = this._eventBus,
+          graphicsFactory = this._graphicsFactory;
 
     this._ensureValid(type, element);
 
@@ -5449,7 +5380,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);
 
@@ -5493,9 +5424,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);
 
@@ -5644,7 +5575,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);
    * // {
@@ -5658,7 +5589,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,
@@ -5681,9 +5612,9 @@
       return this._cachedViewbox;
     }
 
-    var viewport = this._viewport,
-        innerBox,
-        outerBox = this.getSize(),
+    const viewport = this._viewport,
+          outerBox = this.getSize();
+    let innerBox,
         matrix,
         activeLayer,
         transform,
@@ -5727,7 +5658,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);
 
@@ -5749,12 +5680,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);
 
@@ -5774,14 +5705,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);
@@ -5801,11 +5732,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;
@@ -5813,9 +5744,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) {
 
@@ -5825,10 +5756,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;
@@ -5861,7 +5792,7 @@
       return this._fitViewport(center);
     }
 
-    var outer,
+    let outer,
         matrix;
 
     this._changeViewbox(function() {
@@ -5882,16 +5813,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.
@@ -5932,13 +5863,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,
@@ -5946,10 +5877,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());
@@ -5995,13 +5926,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();
     }
@@ -6012,11 +5943,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,
@@ -6843,7 +6774,7 @@
     if (!Type) {
       throw new Error('unknown type: <' + type + '>');
     }
-    return assign(new Type(), attrs);
+    return assign$1(new Type(), attrs);
   }
 
   /**
@@ -6880,7 +6811,7 @@
    */
   ElementFactory$1.prototype.create = function(type, attrs) {
 
-    attrs = assign({}, attrs || {});
+    attrs = assign$1({}, attrs || {});
 
     if (!attrs.id) {
       attrs.id = type + '_' + (this._uid++);
@@ -7021,7 +6952,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
@@ -7386,7 +7317,7 @@
   };
 
   InternalEvent.prototype.init = function(data) {
-    assign(this, data || {});
+    assign$1(this, data || {});
   };
 
 
@@ -7916,7 +7847,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));
     }
@@ -7999,6 +7930,7 @@
       localName = name;
       prefix = defaultPrefix;
     } else
+
     // prefix + local name
     if (parts.length === 2) {
       localName = parts[1];
@@ -8205,10 +8137,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
       });
@@ -8252,7 +8184,7 @@
 
     this.properties = properties;
 
-    forEach$1(packages, bind(this.registerPackage, this));
+    forEach$1(packages, bind$2(this.registerPackage, this));
   }
 
 
@@ -8268,7 +8200,7 @@
   Registry.prototype.registerPackage = function(pkg) {
 
     // copy package
-    pkg = assign({}, pkg);
+    pkg = assign$1({}, pkg);
 
     var pkgMap = this.packageMap;
 
@@ -8276,7 +8208,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));
 
@@ -8290,11 +8222,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),
@@ -8302,7 +8234,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),
@@ -8313,7 +8245,7 @@
         p.type = parseName(p.type, propertyNs.prefix).name;
       }
 
-      assign(p, {
+      assign$1(p, {
         ns: propertyNs,
         name: propertyName
       });
@@ -8322,13 +8254,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 || [];
@@ -8423,7 +8355,7 @@
 
 
 
-  ///////// helpers ////////////////////////////
+  // helpers ////////////////////////////
 
   function ensureAvailable(packageMap, pkg, identifierKey) {
 
@@ -8454,11 +8386,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) {
@@ -8467,6 +8404,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) {
@@ -8523,7 +8461,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; }
       });
 
@@ -8562,7 +8500,7 @@
     });
   }
 
-  //// Moddle implementation /////////////////////////////////////////////////
+  // Moddle implementation /////////////////////////////////////////////////
 
   /**
    * @class Moddle
@@ -9945,7 +9883,7 @@
      * @property {Boolean} lax
      */
 
-    assign(this, options);
+    assign$1(this, options);
 
     this.elementsById = {};
     this.references = [];
@@ -10251,7 +10189,7 @@
 
           elementType = model.getType(elementTypeName);
 
-          return assign({}, property, {
+          return assign$1({}, property, {
             effectiveType: getModdleDescriptor(elementType).name
           });
         }
@@ -10273,7 +10211,7 @@
       });
 
       if (property) {
-        return assign({}, property, {
+        return assign$1({}, property, {
           effectiveType: getModdleDescriptor(elementType).name
         });
       }
@@ -10348,7 +10286,7 @@
       }
 
       if (propertyDesc.isReference) {
-        assign(newElement, {
+        assign$1(newElement, {
           element: element
         });
 
@@ -10457,7 +10395,7 @@
       };
     }
 
-    assign(this, { lax: false }, options);
+    assign$1(this, { lax: false }, options);
   }
 
   /**
@@ -10512,7 +10450,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();
 
@@ -10907,14 +10845,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) {
@@ -11146,7 +11084,7 @@
     if (this.isLocalNs(effectiveNs)) {
       return { localName: ns.localName };
     } else {
-      return assign({ localName: ns.localName }, effectiveNs);
+      return assign$1({ localName: ns.localName }, effectiveNs);
     }
   };
 
@@ -11262,6 +11200,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,
@@ -11574,7 +11514,7 @@
 
   function FormatingWriter(out, format) {
 
-    var indent = [''];
+    var indent = [ '' ];
 
     this.append = function(str) {
       out.write(str);
@@ -11616,7 +11556,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();
@@ -11688,7 +11628,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);
@@ -15375,7 +15315,7 @@
   };
 
   function simple(additionalPackages, options) {
-    var pks = assign({}, packages, additionalPackages);
+    var pks = assign$1({}, packages, additionalPackages);
 
     return new BpmnModdle(pks, options);
   }
@@ -16114,7 +16054,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;
       });
 
@@ -16240,13 +16180,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'
     });
@@ -16288,7 +16228,7 @@
    */
   function BaseViewer(options) {
 
-    options = assign({}, DEFAULT_OPTIONS, options);
+    options = assign$1({}, DEFAULT_OPTIONS, options);
 
     this._moddle = this._createModdle(options);
 
@@ -16830,8 +16770,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
     });
 
@@ -16857,9 +16797,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
@@ -16869,7 +16809,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);
   };
@@ -16953,10 +16893,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',
@@ -16965,7 +16905,7 @@
 
     container.appendChild(linkElement);
 
-    componentEvent.bind(linkElement, 'click', function(event) {
+    event.bind(linkElement, 'click', function(event) {
       open();
 
       event.preventDefault();
@@ -17335,7 +17275,7 @@
     var computeStyle = styles.computeStyle;
 
     function addMarker(id, options) {
-      var attrs = assign({
+      var attrs = assign$1({
         fill: black,
         strokeWidth: 1,
         strokeLinecap: 'round',
@@ -17630,7 +17570,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) {
@@ -17702,7 +17642,7 @@
 
     function renderLabel(parentGfx, label, options) {
 
-      options = assign({
+      options = assign$1({
         size: {
           width: 100
         }
@@ -17742,7 +17682,7 @@
       return renderLabel(parentGfx, getLabel(element), {
         box: box,
         fitBox: true,
-        style: assign(
+        style: assign$1(
           {},
           textRenderer.getExternalStyle(),
           {
@@ -18344,7 +18284,7 @@
         return task;
       },
       'bpmn:SubProcess': function(parentGfx, element, attrs) {
-        attrs = assign({
+        attrs = assign$1({
           fill: getFillColor(element, defaultFillColor),
           stroke: getStrokeColor$1(element, defaultStrokeColor)
         }, attrs);
@@ -18430,7 +18370,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$1(element, defaultStrokeColor)
@@ -18652,7 +18592,7 @@
         var fill = getFillColor(element, defaultFillColor),
             stroke = getStrokeColor$1(element, defaultStrokeColor);
 
-        attrs = assign({
+        attrs = assign$1({
           strokeDasharray: '0.5, 5',
           strokeLinecap: 'round',
           strokeLinejoin: 'round',
@@ -18840,12 +18780,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'
         });
 
@@ -19197,7 +19137,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,
@@ -19361,7 +19301,7 @@
         id: 'helper-svg'
       });
 
-      assign$1(helperSvg, {
+      assign(helperSvg, {
         visibility: 'hidden',
         position: 'fixed',
         width: 0,
@@ -19386,7 +19326,7 @@
    */
   function Text(config) {
 
-    this._config = assign({}, {
+    this._config = assign$1({}, {
       size: DEFAULT_LABEL_SIZE$1,
       padding: DEFAULT_BOX_PADDING,
       style: {},
@@ -19435,8 +19375,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;
@@ -19551,7 +19491,7 @@
 
   function TextRenderer(config) {
 
-    var defaultStyle = assign({
+    var defaultStyle = assign$1({
       fontFamily: 'Arial, sans-serif',
       fontSize: DEFAULT_FONT_SIZE,
       fontWeight: 'normal',
@@ -19560,7 +19500,7 @@
 
     var fontSize = parseInt(defaultStyle.fontSize, 10) - 1;
 
-    var externalStyle = assign({}, defaultStyle, {
+    var externalStyle = assign$1({}, defaultStyle, {
       fontSize: fontSize
     }, config && config.externalStyle || {});
 
@@ -20306,7 +20246,7 @@
       size = DEFAULT_LABEL_SIZE;
     }
 
-    return assign({
+    return assign$1({
       x: mid.x - size.width / 2,
       y: mid.y - size.height / 2
     }, size);
@@ -20324,7 +20264,7 @@
    * @return {Object}
    */
   function elementData(semantic, di, attrs) {
-    return assign({
+    return assign$1({
       id: semantic.id,
       type: semantic.$type,
       businessObject: semantic,
@@ -20971,7 +20911,7 @@
 
     function createHitStyle(classNames, attrs) {
 
-      attrs = assign({
+      attrs = assign$1({
         stroke: 'white',
         strokeWidth: 15
       }, attrs || {});
@@ -21069,7 +21009,7 @@
      */
     this.createBoxHit = function(gfx, type, attrs) {
 
-      attrs = assign({
+      attrs = assign$1({
         x: 0,
         y: 0
       }, attrs);
@@ -21238,7 +21178,7 @@
     function createOutline(gfx, bounds) {
       var outline = create$1('rect');
 
-      attr(outline, assign({
+      attr(outline, assign$1({
         x: 10,
         y: 10,
         rx: 3,
@@ -21531,7 +21471,7 @@
 
     var rect = create$1('rect');
 
-    attr(rect, assign({
+    attr(rect, assign$1({
       rx: 3
     }, bBox));
 
@@ -21774,7 +21714,7 @@
 
     this._ids = ids$1;
 
-    this._overlayDefaults = assign({
+    this._overlayDefaults = assign$1({
 
       // no show constraints
       show: null,
@@ -21911,7 +21851,7 @@
 
     var id = this._ids.next();
 
-    overlay = assign({}, this._overlayDefaults, overlay, {
+    overlay = assign$1({}, this._overlayDefaults, overlay, {
       id: id,
       type: type,
       element: element,
@@ -22050,8 +21990,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);
 
@@ -22117,13 +22057,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);
 
@@ -22307,11 +22247,11 @@
   // helpers /////////////////////////////
 
   function createRoot$1(parentNode) {
-    var root = domify(
+    var root = domify$1(
       '<div class="djs-overlay-container" />'
     );
 
-    assign$1(root, {
+    assign(root, {
       position: 'absolute',
       width: 0,
       height: 0
@@ -22323,7 +22263,7 @@
   }
 
   function setPosition$1(el, x, y) {
-    assign$1(el, { left: x + 'px', top: y + 'px' });
+    assign(el, { left: x + 'px', top: y + 'px' });
   }
 
   /**
@@ -22794,7 +22734,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$1(container);
     container.appendChild(breadcrumbs);
@@ -22830,7 +22770,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);
 
@@ -23370,7 +23310,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)));
@@ -23672,8 +23612,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');
   };
@@ -23689,8 +23629,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;
@@ -23733,7 +23673,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$m = 500;
@@ -23926,7 +23866,7 @@
 
     var self = this;
 
-    this._config = assign({}, DEFAULT_CONFIG$1, config || {});
+    this._config = assign$1({}, DEFAULT_CONFIG$1, config || {});
 
     keyboard.addListener(arrowsListener);
 
@@ -24141,36 +24081,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;
@@ -24263,7 +24203,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;
@@ -24438,7 +24378,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;
@@ -27165,24 +27105,24 @@
 
   function createTouchRecognizer(node) {
 
-    function stopMouse(event) {
+    function stopMouse(event$1) {
 
       forEach$1(mouseEvents, function(e) {
-        componentEvent.bind(node, e, stopEvent, true);
+        event.bind(node, e, stopEvent, true);
       });
     }
 
-    function allowMouse(event) {
+    function allowMouse(event$1) {
       setTimeout(function() {
         forEach$1(mouseEvents, function(e) {
-          componentEvent.unbind(node, e, stopEvent, true);
+          event.unbind(node, e, stopEvent, true);
         });
       }, 500);
     }
 
-    componentEvent.bind(node, 'touchstart', stopMouse, true);
-    componentEvent.bind(node, 'touchend', allowMouse, true);
-    componentEvent.bind(node, 'touchcancel', allowMouse, true);
+    event.bind(node, 'touchstart', stopMouse, true);
+    event.bind(node, 'touchend', allowMouse, true);
+    event.bind(node, 'touchcancel', allowMouse, true);
 
     // A touch event recognizer that handles
     // touch events only (we know, we can already handle
@@ -27952,14 +27892,14 @@
 
     forEach$1(entries, function(entry, id) {
       var grouping = entry.group || 'default',
-          control = domify(entry.html || '<div class="entry" draggable="true"></div>'),
+          control = domify$1(entry.html || '<div class="entry" draggable="true"></div>'),
           container;
 
       attr$1(control, 'data-action', id);
 
       container = query('[data-group=' + cssEscape(grouping) + ']', html);
       if (!container) {
-        container = domify('<div class="group"></div>');
+        container = domify$1('<div class="group"></div>');
         attr$1(container, 'data-group', grouping);
 
         html.appendChild(container);
@@ -27976,7 +27916,7 @@
       }
 
       if (entry.imageUrl) {
-        image = domify('<img>');
+        image = domify$1('<img>');
         attr$1(image, 'src', entry.imageUrl);
         image.style.width = '100%';
         image.style.height = '100%';
@@ -28010,11 +27950,11 @@
 
     var overlays = this._overlays;
 
-    var html = domify('<div class="djs-context-pad"></div>');
+    var html = domify$1('<div class="djs-context-pad"></div>');
 
     var position = this._getPosition(target);
 
-    var overlaysConfig = assign({
+    var overlaysConfig = assign$1({
       html: html
     }, this._overlaysConfig, position);
 
@@ -28027,7 +27967,7 @@
     });
 
     // stop propagation of mouse events
-    componentEvent.bind(html, 'mousedown', function(event) {
+    event.bind(html, 'mousedown', function(event) {
       event.stopPropagation();
     });
 
@@ -28303,7 +28243,7 @@
     var entries = this._getEntries(element, providers),
         headerEntries = this._getHeaderEntries(element, providers);
 
-    current.entries = assign({}, entries, headerEntries);
+    current.entries = assign$1({}, entries, headerEntries);
 
     current.container = this._createContainer(id);
 
@@ -28492,11 +28432,11 @@
    * @return {Object} a DOM container
    */
   PopupMenu.prototype._createContainer = function(id) {
-    var container = domify('<div class="djs-popup">'),
+    var container = domify$1('<div class="djs-popup">'),
         position = this._current.position,
         className = this._current.className;
 
-    assign$1(container, {
+    assign(container, {
       position: 'absolute',
       left: position.x + 'px',
       top: position.y + 'px',
@@ -28535,7 +28475,7 @@
     }
 
     // display after position adjustment to avoid flickering
-    assign$1(container, { visibility: 'visible' });
+    assign(container, { visibility: 'visible' });
   };
 
 
@@ -28624,7 +28564,7 @@
       top = cursorPosition.y - containerHeight + 'px';
     }
 
-    assign$1(container, { left: left, top: top }, { 'zIndex': 1000 });
+    assign(container, { left: left, top: top }, { 'zIndex': 1000 });
   };
 
 
@@ -28638,7 +28578,7 @@
    */
   PopupMenu.prototype._createEntries = function(entries, className) {
 
-    var entriesContainer = domify('<div>'),
+    var entriesContainer = domify$1('<div>'),
         self = this;
 
     classes$1(entriesContainer).add(className);
@@ -28649,7 +28589,7 @@
           groupContainer = query('[data-group=' + cssEscape(grouping) + ']', entriesContainer);
 
       if (!groupContainer) {
-        groupContainer = domify('<div class="group"></div>');
+        groupContainer = domify$1('<div class="group"></div>');
         attr$1(groupContainer, 'data-group', grouping);
 
         entriesContainer.appendChild(groupContainer);
@@ -28671,7 +28611,7 @@
    */
   PopupMenu.prototype._createEntry = function(entry, id) {
 
-    var entryContainer = domify('<div>'),
+    var entryContainer = domify$1('<div>'),
         entryClasses = classes$1(entryContainer);
 
     entryClasses.add('entry');
@@ -28685,13 +28625,13 @@
     attr$1(entryContainer, DATA_REF, id);
 
     if (entry.label) {
-      var label = domify('<span>');
+      var label = domify$1('<span>');
       label.textContent = entry.label;
       entryContainer.appendChild(label);
     }
 
     if (entry.imageUrl) {
-      var image = domify('<img>');
+      var image = domify$1('<img>');
       attr$1(image, 'src', entry.imageUrl);
 
       entryContainer.appendChild(image);
@@ -28785,7 +28725,7 @@
     var actions = {};
 
     if (this._isAllowed(elements)) {
-      assign(actions, this._getEntries(elements));
+      assign$1(actions, this._getEntries(elements));
     }
 
     return actions;
@@ -28807,7 +28747,7 @@
           click: function(event, elements) {
             var position = self._getMenuPosition(elements);
 
-            assign(position, {
+            assign$1(position, {
               cursor: {
                 x: event.x,
                 y: event.y
@@ -28874,7 +28814,7 @@
     var entries = {};
 
     if (this._isAllowed(elements)) {
-      assign(entries, this._getEntries(elements));
+      assign$1(entries, this._getEntries(elements));
     }
 
     return entries;
@@ -29759,7 +29699,7 @@
       newTrbl.bottom = elementsTrbl.bottom + offset.bottom;
     }
 
-    return asBounds(assign({}, targetTrbl, newTrbl));
+    return asBounds(assign$1({}, targetTrbl, newTrbl));
   };
 
 
@@ -30297,7 +30237,7 @@
       dragContext = dragContext || context;
 
       var event = eventBus.createEvent(
-        assign(
+        assign$1(
           {},
           dragContext.payload,
           dragContext.data,
@@ -30342,7 +30282,7 @@
         // fire start event with original
         // starting coordinates
 
-        assign(payload, {
+        assign$1(payload, {
           x: round$a(localStart.x + displacement.x),
           y: round$a(localStart.y + displacement.y),
           dx: 0,
@@ -30377,7 +30317,7 @@
       if (context.active) {
 
         // update payload with actual coordinates
-        assign(payload, {
+        assign$1(payload, {
           x: round$a(localCurrent.x + displacement.x),
           y: round$a(localCurrent.y + displacement.y),
           dx: round$a(localDelta.x),
@@ -30526,20 +30466,20 @@
       }
 
       // reset dom listeners
-      componentEvent.unbind(document, 'mousemove', move);
+      event.unbind(document, 'mousemove', move);
 
-      componentEvent.unbind(document, 'dragstart', preventDefault$1);
-      componentEvent.unbind(document, 'selectstart', preventDefault$1);
+      event.unbind(document, 'dragstart', preventDefault$1);
+      event.unbind(document, 'selectstart', preventDefault$1);
 
-      componentEvent.unbind(document, 'mousedown', endDrag, true);
-      componentEvent.unbind(document, 'mouseup', endDrag, true);
+      event.unbind(document, 'mousedown', endDrag, true);
+      event.unbind(document, 'mouseup', endDrag, true);
 
-      componentEvent.unbind(document, 'keyup', checkCancel);
+      event.unbind(document, 'keyup', checkCancel);
 
-      componentEvent.unbind(document, 'touchstart', trapTouch, true);
-      componentEvent.unbind(document, 'touchcancel', cancel, true);
-      componentEvent.unbind(document, 'touchmove', move, true);
-      componentEvent.unbind(document, 'touchend', end, true);
+      event.unbind(document, 'touchstart', trapTouch, true);
+      event.unbind(document, 'touchcancel', cancel, true);
+      event.unbind(document, 'touchmove', move, true);
+      event.unbind(document, 'touchend', end, true);
 
       eventBus.off('element.hover', hover);
       eventBus.off('element.out', out);
@@ -30572,7 +30512,7 @@
      * @param {string} prefix
      * @param {Object} [options]
      */
-    function init(event, relativeTo, prefix, options) {
+    function init(event$1, relativeTo, prefix, options) {
 
       // only one drag operation may be active, at a time
       if (context) {
@@ -30585,7 +30525,7 @@
         relativeTo = null;
       }
 
-      options = assign({}, defaultOptions, options || {});
+      options = assign$1({}, defaultOptions, options || {});
 
       var data = options.data || {},
           originalEvent,
@@ -30600,11 +30540,11 @@
         endDrag = end;
       }
 
-      if (event) {
-        originalEvent = getOriginal$1(event) || event;
-        globalStart = toPoint(event);
+      if (event$1) {
+        originalEvent = getOriginal$1(event$1) || event$1;
+        globalStart = toPoint(event$1);
 
-        stopPropagation$1(event);
+        stopPropagation$1(event$1);
 
         // prevent default browser dragging behavior
         if (originalEvent.type === 'dragstart') {
@@ -30623,7 +30563,7 @@
 
       isTouch = isTouchEvent(originalEvent);
 
-      context = assign({
+      context = assign$1({
         prefix: prefix,
         data: data,
         payload: {},
@@ -30640,24 +30580,24 @@
         // add dom listeners
 
         if (isTouch) {
-          componentEvent.bind(document, 'touchstart', trapTouch, true);
-          componentEvent.bind(document, 'touchcancel', cancel, true);
-          componentEvent.bind(document, 'touchmove', move, true);
-          componentEvent.bind(document, 'touchend', end, true);
+          event.bind(document, 'touchstart', trapTouch, true);
+          event.bind(document, 'touchcancel', cancel, true);
+          event.bind(document, 'touchmove', move, true);
+          event.bind(document, 'touchend', end, true);
         } else {
 
           // assume we use the mouse to interact per default
-          componentEvent.bind(document, 'mousemove', move);
+          event.bind(document, 'mousemove', move);
 
           // prevent default browser drag and text selection behavior
-          componentEvent.bind(document, 'dragstart', preventDefault$1);
-          componentEvent.bind(document, 'selectstart', preventDefault$1);
+          event.bind(document, 'dragstart', preventDefault$1);
+          event.bind(document, 'selectstart', preventDefault$1);
 
-          componentEvent.bind(document, 'mousedown', endDrag, true);
-          componentEvent.bind(document, 'mouseup', endDrag, true);
+          event.bind(document, 'mousedown', endDrag, true);
+          event.bind(document, 'mouseup', endDrag, true);
         }
 
-        componentEvent.bind(document, 'keyup', checkCancel);
+        event.bind(document, 'keyup', checkCancel);
 
         eventBus.on('element.hover', hover);
         eventBus.on('element.out', out);
@@ -30666,7 +30606,7 @@
       fire('init');
 
       if (options.autoActivate) {
-        move(event, true);
+        move(event$1, true);
       }
     }
 
@@ -30691,7 +30631,7 @@
     };
 
     this.setOptions = function(options) {
-      assign(defaultOptions, options);
+      assign$1(defaultOptions, options);
     };
   }
 
@@ -30728,7 +30668,7 @@
 
     this._canvas = canvas;
 
-    this._opts = assign({
+    this._opts = assign$1({
       scrollThresholdIn: [ 20, 20, 20, 20 ],
       scrollThresholdOut: [ 0, 0, 0, 0 ],
       scrollRepeatTimeout: 15,
@@ -30827,7 +30767,7 @@
    * @param  {Object} options
    */
   AutoScroll.prototype.setOptions = function(options) {
-    this._opts = assign({}, this._opts, options);
+    this._opts = assign$1({}, this._opts, options);
   };
 
 
@@ -31404,7 +31344,7 @@
 
     function bindInteractionEvents(node, eventName, element) {
 
-      componentEvent.bind(node, eventName, function(event) {
+      event.bind(node, eventName, function(event) {
         interactionEvents.triggerMouseEvent(eventName, event, element);
         event.stopPropagation();
       });
@@ -32774,7 +32714,7 @@
           cy = (y - sy);
 
       // update delta
-      assign(event, {
+      assign$1(event, {
         dx: event.dx - cx,
         dy: event.dy - cy,
         x: sx,
@@ -32865,7 +32805,7 @@
           cy = (y - sy);
 
       // update delta
-      assign(event, {
+      assign$1(event, {
         dx: event.dx - cx,
         dy: event.dy - cy,
         x: event.x - cx,
@@ -33459,7 +33399,7 @@
   function TextBox(options) {
     this.container = options.container;
 
-    this.parent = domify(
+    this.parent = domify$1(
       '<div class="djs-direct-editing-parent">' +
         '<div class="djs-direct-editing-content" contenteditable="true"></div>' +
       '</div>'
@@ -33470,8 +33410,8 @@
     this.keyHandler = options.keyHandler || function() {};
     this.resizeHandler = options.resizeHandler || function() {};
 
-    this.autoResize = bind(this.autoResize, this);
-    this.handlePaste = bind(this.handlePaste, this);
+    this.autoResize = bind$2(this.autoResize, this);
+    this.handlePaste = bind$2(this.handlePaste, this);
   }
 
 
@@ -33522,7 +33462,7 @@
       'transform'
     ]);
 
-    assign(parent.style, {
+    assign$1(parent.style, {
       width: bounds.width + 'px',
       height: bounds.height + 'px',
       maxWidth: bounds.maxWidth + 'px',
@@ -33553,7 +33493,7 @@
       'paddingLeft'
     ]);
 
-    assign(content.style, {
+    assign$1(content.style, {
       boxSizing: 'border-box',
       width: '100%',
       outline: 'none',
@@ -33561,7 +33501,7 @@
     }, contentStyle);
 
     if (options.centerVertically) {
-      assign(content.style, {
+      assign$1(content.style, {
         position: 'absolute',
         top: '50%',
         transform: 'translate(0, -50%)'
@@ -33570,12 +33510,12 @@
 
     content.innerText = value;
 
-    componentEvent.bind(content, 'keydown', this.keyHandler);
-    componentEvent.bind(content, 'mousedown', stopPropagation);
-    componentEvent.bind(content, 'paste', self.handlePaste);
+    event.bind(content, 'keydown', this.keyHandler);
+    event.bind(content, 'mousedown', stopPropagation);
+    event.bind(content, 'paste', self.handlePaste);
 
     if (options.autoResize) {
-      componentEvent.bind(content, 'input', this.autoResize);
+      event.bind(content, 'input', this.autoResize);
     }
 
     if (options.resizable) {
@@ -33737,7 +33677,7 @@
         maxHeight = parseInt(this.style.maxHeight) || Infinity;
 
     if (!resizeHandle) {
-      resizeHandle = this.resizeHandle = domify(
+      resizeHandle = this.resizeHandle = domify$1(
         '<div class="djs-direct-editing-resize-handle"></div>'
       );
 
@@ -33755,8 +33695,8 @@
         startWidth = bounds.width;
         startHeight = bounds.height;
 
-        componentEvent.bind(document, 'mousemove', onMouseMove);
-        componentEvent.bind(document, 'mouseup', onMouseUp);
+        event.bind(document, 'mousemove', onMouseMove);
+        event.bind(document, 'mouseup', onMouseUp);
       };
 
       var onMouseMove = function(e) {
@@ -33781,14 +33721,14 @@
         preventDefault(e);
         stopPropagation(e);
 
-        componentEvent.unbind(document,'mousemove', onMouseMove, false);
-        componentEvent.unbind(document, 'mouseup', onMouseUp, false);
+        event.unbind(document,'mousemove', onMouseMove, false);
+        event.unbind(document, 'mouseup', onMouseUp, false);
       };
 
-      componentEvent.bind(resizeHandle, 'mousedown', onMouseDown);
+      event.bind(resizeHandle, 'mousedown', onMouseDown);
     }
 
-    assign(resizeHandle.style, {
+    assign$1(resizeHandle.style, {
       position: 'absolute',
       bottom: '0px',
       right: '0px',
@@ -33821,10 +33761,10 @@
     parent.removeAttribute('style');
     content.removeAttribute('style');
 
-    componentEvent.unbind(content, 'keydown', this.keyHandler);
-    componentEvent.unbind(content, 'mousedown', stopPropagation);
-    componentEvent.unbind(content, 'input', this.autoResize);
-    componentEvent.unbind(content, 'paste', this.handlePaste);
+    event.unbind(content, 'keydown', this.keyHandler);
+    event.unbind(content, 'mousedown', stopPropagation);
+    event.unbind(content, 'input', this.autoResize);
+    event.unbind(content, 'paste', this.handlePaste);
 
     if (resizeHandle) {
       resizeHandle.removeAttribute('style');
@@ -33884,8 +33824,8 @@
     this._providers = [];
     this._textbox = new TextBox({
       container: canvas.getContainer(),
-      keyHandler: bind(this._handleKey, this),
-      resizeHandler: bind(this._handleResize, this)
+      keyHandler: bind$2(this._handleKey, this),
+      resizeHandler: bind$2(this._handleResize, this)
     });
   }
 
@@ -34027,7 +33967,7 @@
     var context;
 
     var provider = find(this._providers, function(p) {
-      return (context = p.activate(element)) ? p : null;
+      return ((context = p.activate(element))) ? p : null;
     });
 
     // check if activation took place
@@ -34499,7 +34439,7 @@
           connectionTarget: hints.connectionTarget
         });
       } else {
-        elements = modeling.createElements(elements, position, target, assign({}, hints, {
+        elements = modeling.createElements(elements, position, target, assign$1({}, hints, {
           attach: attach
         }));
 
@@ -34510,12 +34450,12 @@
       }
 
       // update elements and shape
-      assign(context, {
+      assign$1(context, {
         elements: elements,
         shape: shape
       });
 
-      assign(event, {
+      assign$1(event, {
         elements: elements,
         shape: shape
       });
@@ -34555,7 +34495,7 @@
         return;
       }
 
-      context = assign({
+      context = assign$1({
         elements: elements,
         hints: {},
         shape: shape
@@ -34581,7 +34521,7 @@
       // center elements around cursor
       forEach$1(elements, function(element) {
         if (isConnection$c(element)) {
-          element.waypoints = map(element.waypoints, function(waypoint) {
+          element.waypoints = map$1(element.waypoints, function(waypoint) {
             return {
               x: waypoint.x - bbox.x - bbox.width / 2,
               y: waypoint.y - bbox.y - bbox.height / 2
@@ -34589,7 +34529,7 @@
           });
         }
 
-        assign(element, {
+        assign$1(element, {
           x: element.x - bbox.x - bbox.width / 2,
           y: element.y - bbox.y - bbox.height / 2
         });
@@ -34994,7 +34934,7 @@
     eventBus.on('copyPaste.pasteElements', function(context) {
       var hints = context.hints;
 
-      assign(hints, {
+      assign$1(hints, {
         createElementsBehavior: false
       });
     });
@@ -35108,7 +35048,7 @@
     // center elements around cursor
     forEach$1(elements, function(element) {
       if (isConnection$b(element)) {
-        element.waypoints = map(element.waypoints, function(waypoint) {
+        element.waypoints = map$1(element.waypoints, function(waypoint) {
           return {
             x: waypoint.x - bbox.x - bbox.width / 2,
             y: waypoint.y - bbox.y - bbox.height / 2
@@ -35116,13 +35056,13 @@
         });
       }
 
-      assign(element, {
+      assign$1(element, {
         x: element.x - bbox.x - bbox.width / 2,
         y: element.y - bbox.y - bbox.height / 2
       });
     });
 
-    return this._modeling.createElements(elements, position, target, assign({}, hints));
+    return this._modeling.createElements(elements, position, target, assign$1({}, hints));
   };
 
   /**
@@ -35145,7 +35085,7 @@
       forEach$1(branch, function(descriptor) {
 
         // remove priority
-        var attrs = assign({}, omit(descriptor, [ 'priority' ]));
+        var attrs = assign$1({}, omit(descriptor, [ 'priority' ]));
 
         if (cache[ descriptor.parent ]) {
           attrs.parent = cache[ descriptor.parent ];
@@ -35365,12 +35305,12 @@
       return children;
     });
 
-    elements = map(elementsData, function(elementData) {
+    elements = map$1(elementsData, function(elementData) {
       return elementData.element;
     });
 
     // (2) copy elements
-    elementsData = map(elementsData, function(elementData) {
+    elementsData = map$1(elementsData, function(elementData) {
       elementData.descriptor = {};
 
       self._eventBus.fire('copyPaste.copyElement', {
@@ -35387,7 +35327,7 @@
       return elementData.descriptor.priority;
     });
 
-    elements = map(elementsData, function(elementData) {
+    elements = map$1(elementsData, function(elementData) {
       return elementData.element;
     });
 
@@ -35432,7 +35372,7 @@
   }
 
   function copyWaypoints$1(element) {
-    return map(element.waypoints, function(waypoint) {
+    return map$1(element.waypoints, function(waypoint) {
 
       waypoint = copyWaypoint$1(waypoint);
 
@@ -35445,7 +35385,7 @@
   }
 
   function copyWaypoint$1(waypoint) {
-    return assign({}, waypoint);
+    return assign$1({}, waypoint);
   }
 
   function removeElement(element, elements) {
@@ -35986,7 +35926,7 @@
 
     return modeling.replaceShape(
       oldElement,
-      assign(
+      assign$1(
         {},
         newElementData,
         {
@@ -36120,7 +36060,7 @@
           copyProps = intersection(elementProps, newElementProps);
 
       // initialize special properties defined in target definition
-      assign(newBusinessObject, pick(target, CUSTOM_PROPERTIES));
+      assign$1(newBusinessObject, pick(target, CUSTOM_PROPERTIES));
 
       var properties = filter(copyProps, function(propertyName) {
 
@@ -38226,7 +38166,7 @@
     var actions = {};
 
     if (this._isDeleteAllowed(elements)) {
-      assign(actions, {
+      assign$1(actions, {
         'delete': {
           group: 'edit',
           className: 'bpmn-icon-trash',
@@ -38332,7 +38272,7 @@
 
       function appendStart(event, element) {
 
-        var shape = elementFactory.createShape(assign({ type: type }, options));
+        var shape = elementFactory.createShape(assign$1({ type: type }, options));
         create.start(event, shape, {
           source: element
         });
@@ -38340,7 +38280,7 @@
 
 
       var append = autoPlace ? function(event, element) {
-        var shape = elementFactory.createShape(assign({ type: type }, options));
+        var shape = elementFactory.createShape(assign$1({ type: type }, options));
 
         autoPlace.append(element, shape);
       } : appendStart;
@@ -38375,7 +38315,7 @@
 
       var childLanes = getChildLanes(element);
 
-      assign(actions, {
+      assign$1(actions, {
         'lane-insert-above': {
           group: 'lane-insert-above',
           className: 'bpmn-icon-lane-insert-above',
@@ -38391,7 +38331,7 @@
       if (childLanes.length < 2) {
 
         if (element.height >= 120) {
-          assign(actions, {
+          assign$1(actions, {
             'lane-divide-two': {
               group: 'lane-divide',
               className: 'bpmn-icon-lane-divide-two',
@@ -38404,7 +38344,7 @@
         }
 
         if (element.height >= 180) {
-          assign(actions, {
+          assign$1(actions, {
             'lane-divide-three': {
               group: 'lane-divide',
               className: 'bpmn-icon-lane-divide-three',
@@ -38417,7 +38357,7 @@
         }
       }
 
-      assign(actions, {
+      assign$1(actions, {
         'lane-insert-below': {
           group: 'lane-insert-below',
           className: 'bpmn-icon-lane-insert-below',
@@ -38436,7 +38376,7 @@
 
       if (is$1(businessObject, 'bpmn:EventBasedGateway')) {
 
-        assign(actions, {
+        assign$1(actions, {
           'append.receive-task': appendAction(
             'bpmn:ReceiveTask',
             'bpmn-icon-receive-task',
@@ -38471,7 +38411,7 @@
 
       if (isEventType(businessObject, 'bpmn:BoundaryEvent', 'bpmn:CompensateEventDefinition')) {
 
-        assign(actions, {
+        assign$1(actions, {
           'append.compensation-activity':
               appendAction(
                 'bpmn:Task',
@@ -38489,7 +38429,7 @@
           !isEventType(businessObject, 'bpmn:IntermediateThrowEvent', 'bpmn:LinkEventDefinition') &&
           !isEventSubProcess(businessObject)) {
 
-        assign(actions, {
+        assign$1(actions, {
           'append.end-event': appendAction(
             'bpmn:EndEvent',
             'bpmn-icon-end-event-none',
@@ -38517,7 +38457,7 @@
     if (!popupMenu.isEmpty(element, 'bpmn-replace')) {
 
       // Replace menu entry
-      assign(actions, {
+      assign$1(actions, {
         'replace': {
           group: 'edit',
           className: 'bpmn-icon-screw-wrench',
@@ -38525,7 +38465,7 @@
           action: {
             click: function(event, element) {
 
-              var position = assign(getReplaceMenuPosition(element), {
+              var position = assign$1(getReplaceMenuPosition(element), {
                 cursor: { x: event.x, y: event.y }
               });
 
@@ -38537,7 +38477,7 @@
     }
 
     if (is$1(businessObject, 'bpmn:SequenceFlow')) {
-      assign(actions, {
+      assign$1(actions, {
         'append.text-annotation': appendAction(
           'bpmn:TextAnnotation',
           'bpmn-icon-text-annotation'
@@ -38553,7 +38493,7 @@
         'bpmn:DataStoreReference',
       ])
     ) {
-      assign(actions, {
+      assign$1(actions, {
         'append.text-annotation': appendAction(
           'bpmn:TextAnnotation',
           'bpmn-icon-text-annotation'
@@ -38578,7 +38518,7 @@
     }
 
     if (is$1(businessObject, 'bpmn:TextAnnotation')) {
-      assign(actions, {
+      assign$1(actions, {
         'connect': {
           group: 'connect',
           className: 'bpmn-icon-connection-multi',
@@ -38592,7 +38532,7 @@
     }
 
     if (isAny(businessObject, [ 'bpmn:DataObjectReference', 'bpmn:DataStoreReference' ])) {
-      assign(actions, {
+      assign$1(actions, {
         'connect': {
           group: 'connect',
           className: 'bpmn-icon-connection-multi',
@@ -38606,7 +38546,7 @@
     }
 
     if (is$1(businessObject, 'bpmn:Group')) {
-      assign(actions, {
+      assign$1(actions, {
         'append.text-annotation': appendAction('bpmn:TextAnnotation', 'bpmn-icon-text-annotation')
       });
     }
@@ -38621,7 +38561,7 @@
     }
 
     if (deleteAllowed) {
-      assign(actions, {
+      assign$1(actions, {
         'delete': {
           group: 'edit',
           className: 'bpmn-icon-trash',
@@ -38951,7 +38891,7 @@
     var entries = {};
 
     if (this._isAllowed(elements)) {
-      assign(entries, this._getEntries(elements));
+      assign$1(entries, this._getEntries(elements));
     }
 
     return entries;
@@ -39531,7 +39471,7 @@
         var snapConstraints = getSnapConstraints(event, axis);
 
         if (snapConstraints) {
-          assign(options, snapConstraints);
+          assign$1(options, snapConstraints);
         }
 
         if (!isSnapped(event, axis)) {
@@ -39922,7 +39862,7 @@
     }
 
     // assign snapped x and width
-    assign(newBounds, snappedNewBounds);
+    assign$1(newBounds, snappedNewBounds);
 
     return newBounds;
   };
@@ -39966,7 +39906,7 @@
     }
 
     // assign snapped y and height
-    assign(newBounds, snappedNewBounds);
+    assign$1(newBounds, snappedNewBounds);
 
     return newBounds;
   };
@@ -40247,8 +40187,8 @@
     }
 
     if ('x' in snapped || 'y' in snapped) {
-      segmentStart = assign({}, segmentStart, snapped);
-      segmentEnd = assign({}, segmentEnd, snapped);
+      segmentStart = assign$1({}, segmentStart, snapped);
+      segmentEnd = assign$1({}, segmentEnd, snapped);
     }
 
     return [ segmentStart, segmentEnd ];
@@ -40629,7 +40569,7 @@
 
     var self = this;
 
-    this._config = assign({}, DEFAULT_CONFIG, config || {});
+    this._config = assign$1({}, DEFAULT_CONFIG, config || {});
 
     keyboard.addListener(HIGHER_PRIORITY$3, function(event) {
 
@@ -40880,7 +40820,7 @@
       };
     }
 
-    context = assign({ shape: shape }, contextOrDirection);
+    context = assign$1({ shape: shape }, contextOrDirection);
 
     direction = context.direction;
 
@@ -41085,7 +41025,7 @@
 
       // add new selection markers ONLY if single selection
       if (newSelection.length === 1) {
-        forEach$1(newSelection, bind(self.addResizer, self));
+        forEach$1(newSelection, bind$2(self.addResizer, self));
       }
     });
 
@@ -41112,8 +41052,8 @@
       }
     }
 
-    componentEvent.bind(gfx, 'mousedown', startResize);
-    componentEvent.bind(gfx, 'touchstart', startResize);
+    event.bind(gfx, 'mousedown', startResize);
+    event.bind(gfx, 'touchstart', startResize);
   };
 
 
@@ -41388,7 +41328,7 @@
     // bounds
     var bounds = this.getEditingBBox(element);
 
-    assign(context, bounds);
+    assign$1(context, bounds);
 
     var options = {};
 
@@ -41402,27 +41342,27 @@
       ]) ||
       isCollapsedSubProcess(element)
     ) {
-      assign(options, {
+      assign$1(options, {
         centerVertically: true
       });
     }
 
     // external labels
     if (isLabelExternal(element)) {
-      assign(options, {
+      assign$1(options, {
         autoResize: true
       });
     }
 
     // text annotations
     if (is$1(element, 'bpmn:TextAnnotation')) {
-      assign(options, {
+      assign$1(options, {
         resizable: true,
         autoResize: true
       });
     }
 
-    assign(context, {
+    assign$1(context, {
       options: options
     });
 
@@ -41472,14 +41412,14 @@
     // adjust for expanded pools AND lanes
     if (is$1(element, 'bpmn:Lane') || isExpandedPool(element)) {
 
-      assign(bounds, {
+      assign$1(bounds, {
         width: bbox.height,
         height: 30 * zoom,
         x: bbox.x - bbox.height / 2 + (15 * zoom),
         y: mid.y - (30 * zoom) / 2
       });
 
-      assign(style, {
+      assign$1(style, {
         fontSize: defaultFontSize + 'px',
         lineHeight: defaultLineHeight,
         paddingTop: (7 * zoom) + 'px',
@@ -41497,12 +41437,12 @@
         isCollapsedPool(element) ||
         isCollapsedSubProcess(element)) {
 
-      assign(bounds, {
+      assign$1(bounds, {
         width: bbox.width,
         height: bbox.height
       });
 
-      assign(style, {
+      assign$1(style, {
         fontSize: defaultFontSize + 'px',
         lineHeight: defaultLineHeight,
         paddingTop: (7 * zoom) + 'px',
@@ -41515,12 +41455,12 @@
 
     // internal labels for expanded sub processes
     if (isExpandedSubProcess$1(element)) {
-      assign(bounds, {
+      assign$1(bounds, {
         width: bbox.width,
         x: bbox.x
       });
 
-      assign(style, {
+      assign$1(style, {
         fontSize: defaultFontSize + 'px',
         lineHeight: defaultLineHeight,
         paddingTop: (7 * zoom) + 'px',
@@ -41536,14 +41476,14 @@
 
     // external labels for events, data elements, gateways, groups and connections
     if (target.labelTarget) {
-      assign(bounds, {
+      assign$1(bounds, {
         width: width,
         height: bbox.height + paddingTop + paddingBottom,
         x: mid.x - width / 2,
         y: bbox.y - paddingTop
       });
 
-      assign(style, {
+      assign$1(style, {
         fontSize: externalFontSize + 'px',
         lineHeight: externalLineHeight,
         paddingTop: paddingTop + 'px',
@@ -41567,14 +41507,14 @@
 
       var height = externalFontSize + paddingTop + paddingBottom;
 
-      assign(bounds, {
+      assign$1(bounds, {
         width: width,
         height: height,
         x: absoluteBBox.x - width / 2,
         y: absoluteBBox.y - height / 2
       });
 
-      assign(style, {
+      assign$1(style, {
         fontSize: externalFontSize + 'px',
         lineHeight: externalLineHeight,
         paddingTop: paddingTop + 'px',
@@ -41584,14 +41524,14 @@
 
     // text annotations
     if (is$1(element, 'bpmn:TextAnnotation')) {
-      assign(bounds, {
+      assign$1(bounds, {
         width: bbox.width,
         height: bbox.height,
         minWidth: 30 * zoom,
         minHeight: 10 * zoom
       });
 
-      assign(style, {
+      assign$1(style, {
         textAlign: 'left',
         paddingTop: (5 * zoom) + 'px',
         paddingBottom: (7 * zoom) + 'px',
@@ -42354,7 +42294,7 @@
       var participantBounds = getParticipantBounds(shape, childrenBBox);
 
       // assign width and height
-      assign(shape, participantBounds);
+      assign$1(shape, participantBounds);
 
       // assign create constraints
       context.createConstraints = getParticipantCreateConstraints(shape, childrenBBox);
@@ -43270,7 +43210,7 @@
   }
 
   function copy(obj) {
-    return assign({}, obj);
+    return assign$1({}, obj);
   }
 
   function EventBasedGatewayBehavior(eventBus, modeling) {
@@ -44714,7 +44654,7 @@
         element.di = di;
       }
 
-      assign(di.label.bounds, {
+      assign$1(di.label.bounds, {
         x: element.x,
         y: element.y,
         width: element.width,
@@ -44727,7 +44667,7 @@
       var context = event.context,
           connection = context.connection,
           label = connection.label,
-          hints = assign({}, context.hints),
+          hints = assign$1({}, context.hints),
           newWaypoints = context.newWaypoints || connection.waypoints,
           oldWaypoints = context.oldWaypoints;
 
@@ -44969,7 +44909,7 @@
 
       var context = event.context,
           connection = context.connection,
-          hints = assign({}, context.hints),
+          hints = assign$1({}, context.hints),
           newWaypoints = context.newWaypoints || connection.waypoints,
           oldWaypoints = context.oldWaypoints;
 
@@ -45142,7 +45082,7 @@
   }
 
   function getWaypointsInsideBounds(waypoints, bounds) {
-    var originalWaypoints = map(waypoints, getOriginal);
+    var originalWaypoints = map$1(waypoints, getOriginal);
 
     return filter(originalWaypoints, function(waypoint) {
       return isInsideBounds(waypoint, bounds);
@@ -48275,7 +48215,7 @@
           return element !== root && !element.labelTarget;
         });
 
-        diElements = map(elements, getDi);
+        diElements = map$1(elements, getDi);
 
         rootDi.set('planeElement', diElements);
       });
@@ -48701,7 +48641,7 @@
 
     this._currentExecution.trigger = 'execute';
 
-    var action = { command: command, context: context };
+    const action = { command: command, context: context };
 
     this._pushAction(action);
     this._internalExecute(action);
@@ -48731,11 +48671,11 @@
    */
   CommandStack.prototype.canExecute = function(command, context) {
 
-    var action = { command: command, context: context };
+    const action = { command: command, context: context };
 
-    var handler = this._getHandler(command);
+    const handler = this._getHandler(command);
 
-    var result = this._fire(command, 'canExecute', action);
+    let result = this._fire(command, 'canExecute', action);
 
     // handler#canExecute will only be called if no listener
     // decided on a result already
@@ -48770,7 +48710,7 @@
    * Undo last command(s)
    */
   CommandStack.prototype.undo = function() {
-    var action = this._getUndoAction(),
+    let action = this._getUndoAction(),
         next;
 
     if (action) {
@@ -48798,7 +48738,7 @@
    * Redo last command(s)
    */
   CommandStack.prototype.redo = function() {
-    var action = this._getRedoAction(),
+    let action = this._getRedoAction(),
         next;
 
     if (action) {
@@ -48846,7 +48786,7 @@
       throw new Error('command and handlerCls must be defined');
     }
 
-    var handler = this._injector.instantiate(handlerCls);
+    const handler = this._injector.instantiate(handlerCls);
     this.register(command, handler);
   };
 
@@ -48873,24 +48813,22 @@
   // internal functionality //////////////////////
 
   CommandStack.prototype._internalUndo = function(action) {
-    var self = this;
-
-    var command = action.command,
-        context = action.context;
+    const command = action.command,
+          context = action.context;
 
-    var handler = this._getHandler(command);
+    const handler = this._getHandler(command);
 
     // guard against illegal nested command stack invocations
-    this._atomicDo(function() {
-      self._fire(command, 'revert', action);
+    this._atomicDo(() => {
+      this._fire(command, 'revert', action);
 
       if (handler.revert) {
-        self._markDirty(handler.revert(context));
+        this._markDirty(handler.revert(context));
       }
 
-      self._revertedAction(action);
+      this._revertedAction(action);
 
-      self._fire(command, 'reverted', action);
+      this._fire(command, 'reverted', action);
     });
   };
 
@@ -48901,12 +48839,12 @@
       qualifier = null;
     }
 
-    var names = qualifier ? [ command + '.' + qualifier, qualifier ] : [ command ],
-        i, name, result;
+    const names = qualifier ? [ command + '.' + qualifier, qualifier ] : [ command ];
+    let result;
 
     event = this._eventBus.createEvent(event);
 
-    for (i = 0; (name = names[i]); i++) {
+    for (const name of names) {
       result = this._eventBus.fire('commandStack.' + name, event);
 
       if (event.cancelBubble) {
@@ -48923,7 +48861,7 @@
 
   CommandStack.prototype._atomicDo = function(fn) {
 
-    var execution = this._currentExecution;
+    const execution = this._currentExecution;
 
     execution.atomic = true;
 
@@ -48935,12 +48873,10 @@
   };
 
   CommandStack.prototype._internalExecute = function(action, redo) {
-    var self = this;
-
-    var command = action.command,
-        context = action.context;
+    const command = action.command,
+          context = action.context;
 
-    var handler = this._getHandler(command);
+    const handler = this._getHandler(command);
 
     if (!handler) {
       throw new Error('no command handler registered for <' + command + '>');
@@ -48959,20 +48895,20 @@
     }
 
     // guard against illegal nested command stack invocations
-    this._atomicDo(function() {
+    this._atomicDo(() => {
 
-      self._fire(command, 'execute', action);
+      this._fire(command, 'execute', action);
 
       if (handler.execute) {
 
         // actual execute + mark return results as dirty
-        self._markDirty(handler.execute(context));
+        this._markDirty(handler.execute(context));
       }
 
       // log to stack
-      self._executedAction(action, redo);
+      this._executedAction(action, redo);
 
-      self._fire(command, 'executed', action);
+      this._fire(command, 'executed', action);
     });
 
     if (!redo) {
@@ -48991,10 +48927,10 @@
 
   CommandStack.prototype._pushAction = function(action) {
 
-    var execution = this._currentExecution,
-        actions = execution.actions;
+    const execution = this._currentExecution,
+          actions = execution.actions;
 
-    var baseAction = actions[0];
+    const baseAction = actions[0];
 
     if (execution.atomic) {
       throw new Error('illegal invocation in <execute> or <revert> phase (action: ' + action.command + ')');
@@ -49009,10 +48945,10 @@
 
 
   CommandStack.prototype._popAction = function() {
-    var execution = this._currentExecution,
-        trigger = execution.trigger,
-        actions = execution.actions,
-        dirty = execution.dirty;
+    const execution = this._currentExecution,
+          trigger = execution.trigger,
+          actions = execution.actions,
+          dirty = execution.dirty;
 
     actions.pop();
 
@@ -49029,7 +48965,7 @@
 
 
   CommandStack.prototype._markDirty = function(elements) {
-    var execution = this._currentExecution;
+    const execution = this._currentExecution;
 
     if (!elements) {
       return;
@@ -49042,7 +48978,7 @@
 
 
   CommandStack.prototype._executedAction = function(action, redo) {
-    var stackIdx = ++this._stackIdx;
+    const stackIdx = ++this._stackIdx;
 
     if (!redo) {
       this._stack.splice(stackIdx, this._stack.length, action);
@@ -49080,11 +49016,11 @@
 
 
   function createRoot(parentNode) {
-    var root = domify(
+    var root = domify$1(
       '<div class="djs-tooltip-container" />'
     );
 
-    assign$1(root, {
+    assign(root, {
       position: 'absolute',
       width: '0',
       height: '0'
@@ -49097,7 +49033,7 @@
 
 
   function setPosition(el, x, y) {
-    assign$1(el, { left: x + 'px', top: y + 'px' });
+    assign(el, { left: x + 'px', top: y + 'px' });
   }
 
   function setVisible(el, visible) {
@@ -49219,7 +49155,7 @@
 
     var id = this._ids.next();
 
-    tooltip = assign({}, this._tooltipDefaults, tooltip, {
+    tooltip = assign$1({}, this._tooltipDefaults, tooltip, {
       id: id
     });
 
@@ -49358,11 +49294,11 @@
     // create proper html elements from
     // tooltip HTML strings
     if (isString(html)) {
-      html = domify(html);
+      html = domify$1(html);
     }
 
-    htmlContainer = domify('<div data-tooltip-id="' + id + '" class="' + tooltipClass + '">');
-    assign$1(htmlContainer, { position: 'absolute' });
+    htmlContainer = domify$1('<div data-tooltip-id="' + id + '" class="' + tooltipClass + '">');
+    assign(htmlContainer, { position: 'absolute' });
 
     htmlContainer.appendChild(html);
 
@@ -49897,7 +49833,7 @@
    * @return {Array<djs.model.Base>}
    */
   function getAttachers(shapes) {
-    return flatten(map(shapes, function(s) {
+    return flatten(map$1(shapes, function(s) {
       return s.attachers || [];
     }));
   }
@@ -50419,7 +50355,7 @@
 
     var spaceToolConstraints = getSpaceToolConstraints(elements, axis, direction, start, minDimensions);
 
-    assign(
+    assign$1(
       context,
       elements,
       {
@@ -51040,7 +50976,7 @@
 
 
   BpmnFactory.prototype.createDiShape = function(semantic, attrs) {
-    return this.create('bpmndi:BPMNShape', assign({
+    return this.create('bpmndi:BPMNShape', assign$1({
       bpmnElement: semantic,
       bounds: this.createDiBounds()
     }, attrs));
@@ -51055,7 +50991,7 @@
   BpmnFactory.prototype.createDiWaypoints = function(waypoints) {
     var self = this;
 
-    return map(waypoints, function(pos) {
+    return map$1(waypoints, function(pos) {
       return self.createDiWaypoint(pos);
     });
   };
@@ -51066,14 +51002,14 @@
 
 
   BpmnFactory.prototype.createDiEdge = function(semantic, attrs) {
-    return this.create('bpmndi:BPMNEdge', assign({
+    return this.create('bpmndi:BPMNEdge', assign$1({
       bpmnElement: semantic,
       waypoint: this.createDiWaypoints([])
     }, attrs));
   };
 
   BpmnFactory.prototype.createDiPlane = function(semantic, attrs) {
-    return this.create('bpmndi:BPMNPlane', assign({
+    return this.create('bpmndi:BPMNPlane', assign$1({
       bpmnElement: semantic
     }, attrs));
   };
@@ -51403,7 +51339,7 @@
     if (embeddedLabelBounds) {
       var embeddedLabelBoundsDelta = delta(embeddedLabelBounds, di.get('bounds'));
 
-      assign(embeddedLabelBounds, {
+      assign$1(embeddedLabelBounds, {
         x: shape.x + embeddedLabelBoundsDelta.x,
         y: shape.y + embeddedLabelBoundsDelta.y
       });
@@ -51418,7 +51354,7 @@
       target.set('bounds', bounds);
     }
 
-    assign(bounds, {
+    assign$1(bounds, {
       x: shape.x,
       y: shape.y,
       width: shape.width,
@@ -51837,7 +51773,7 @@
     // and wired via attrs
     if (elementType === 'label') {
       var di = attrs.di || this._bpmnFactory.createDiLabel();
-      return this.baseCreate(elementType, assign({ type: 'label', di: di }, DEFAULT_LABEL_SIZE, attrs));
+      return this.baseCreate(elementType, assign$1({ type: 'label', di: di }, DEFAULT_LABEL_SIZE, attrs));
     }
 
     return this.createBpmnElement(elementType, attrs);
@@ -51847,7 +51783,7 @@
     var size,
         translate = this._translate;
 
-    attrs = assign({}, attrs || {});
+    attrs = assign$1({}, attrs || {});
 
     var businessObject = attrs.businessObject,
         di = attrs.di;
@@ -51863,7 +51799,7 @@
     }
 
     if (!isModdleDi(di)) {
-      var diAttrs = assign(
+      var diAttrs = assign$1(
         {},
         di || {},
         { id: businessObject.id + '_di' }
@@ -51880,7 +51816,7 @@
     }
 
     if (is$1(businessObject, 'bpmn:Group')) {
-      attrs = assign({
+      attrs = assign$1({
         isFrame: true
       }, attrs);
     }
@@ -51925,7 +51861,7 @@
 
     size = this.getDefaultSize(businessObject, di);
 
-    attrs = assign({
+    attrs = assign$1({
       id: businessObject.id
     }, size, attrs, {
       businessObject: businessObject,
@@ -52006,7 +51942,7 @@
       attrs = { isExpanded: attrs };
     }
 
-    attrs = assign({ type: 'bpmn:Participant' }, attrs || {});
+    attrs = assign$1({ type: 'bpmn:Participant' }, attrs || {});
 
     // participants are expanded by default
     if (attrs.isExpanded !== false) {
@@ -52288,7 +52224,7 @@
     // center elements around position
     forEach$1(elements, function(element) {
       if (isConnection$5(element)) {
-        element.waypoints = map(element.waypoints, function(waypoint) {
+        element.waypoints = map$1(element.waypoints, function(waypoint) {
           return {
             x: round$3(waypoint.x - bbox.x - bbox.width / 2 + position.x),
             y: round$3(waypoint.y - bbox.y - bbox.height / 2 + position.y)
@@ -52296,7 +52232,7 @@
         });
       }
 
-      assign(element, {
+      assign$1(element, {
         x: round$3(element.x - bbox.x - bbox.width / 2 + position.x),
         y: round$3(element.y - bbox.y - bbox.height / 2 + position.y)
       });
@@ -52328,7 +52264,7 @@
         return;
       }
 
-      var createShapeHints = assign({}, hints);
+      var createShapeHints = assign$1({}, hints);
 
       if (parents.indexOf(element) === -1) {
         createShapeHints.autoResize = false;
@@ -52401,9 +52337,9 @@
 
     // (1) add at event center position _or_ at given bounds
     if (positionOrBounds.width !== undefined) {
-      assign(shape, positionOrBounds);
+      assign$1(shape, positionOrBounds);
     } else {
-      assign(shape, {
+      assign$1(shape, {
         x: positionOrBounds.x - round$2(shape.width / 2),
         y: positionOrBounds.y - round$2(shape.height / 2)
       });
@@ -52858,7 +52794,7 @@
 
     var oldWaypoints = connection.waypoints;
 
-    assign(context, {
+    assign$1(context, {
       oldWaypoints: oldWaypoints
     });
 
@@ -52970,7 +52906,7 @@
 
     var newClosure = getClosure(elements, !!isTopLevel, this);
 
-    assign(this, newClosure);
+    assign$1(this, newClosure);
 
     return this;
   };
@@ -53125,7 +53061,7 @@
     add(newParent.children, shape, newParentIndex);
 
     // update shape parent + position
-    assign(shape, {
+    assign$1(shape, {
       parent: newParent,
       x: shape.x + delta.x,
       y: shape.y + delta.y
@@ -53173,7 +53109,7 @@
     add(oldParent.children, shape, oldParentIndex);
 
     // revert to old position and parent
-    assign(shape, {
+    assign$1(shape, {
       parent: oldParent,
       x: shape.x - delta.x,
       y: shape.y - delta.y
@@ -53488,7 +53424,7 @@
     };
 
     // update shape
-    assign(shape, {
+    assign$1(shape, {
       width:  newBounds.width,
       height: newBounds.height,
       x:      newBounds.x,
@@ -53529,7 +53465,7 @@
         oldBounds = context.oldBounds;
 
     // restore previous bbox
-    assign(shape, {
+    assign$1(shape, {
       width:  oldBounds.width,
       height: oldBounds.height,
       x:      oldBounds.x,
@@ -53637,7 +53573,7 @@
       if (includes$1(affectedShapes, source) && includes$1(affectedShapes, target)) {
 
         // move waypoints
-        waypoints = map(waypoints, function(waypoint) {
+        waypoints = map$1(waypoints, function(waypoint) {
           if (shouldMoveWaypoint(waypoint, start, direction)) {
 
             // move waypoint
@@ -53682,11 +53618,11 @@
   // helpers //////////
 
   function copyWaypoint(waypoint) {
-    return assign({}, waypoint);
+    return assign$1({}, waypoint);
   }
 
   function copyWaypoints(connection) {
-    return map(connection.waypoints, function(waypoint) {
+    return map$1(connection.waypoints, function(waypoint) {
 
       waypoint = copyWaypoint(waypoint);
 
@@ -53799,7 +53735,7 @@
       result[element.id] = element.hidden;
 
       if (element.children) {
-        result = assign({}, result, getElementsVisibilityRecursive(element.children));
+        result = assign$1({}, result, getElementsVisibilityRecursive(element.children));
       }
     });
 
@@ -54382,7 +54318,7 @@
       hints = {};
     }
 
-    this.reconnect(connection, newSource, connection.target, dockingOrPoints, assign(hints, {
+    this.reconnect(connection, newSource, connection.target, dockingOrPoints, assign$1(hints, {
       docking: 'source'
     }));
   };
@@ -54392,7 +54328,7 @@
       hints = {};
     }
 
-    this.reconnect(connection, connection.source, newTarget, dockingOrPoints, assign(hints, {
+    this.reconnect(connection, connection.source, newTarget, dockingOrPoints, assign$1(hints, {
       docking: 'target'
     }));
   };
@@ -54721,7 +54657,7 @@
    */
   function unwrapBusinessObjects(properties) {
 
-    var unwrappedProps = assign({}, properties);
+    var unwrappedProps = assign$1({}, properties);
 
     referencePropertyNames.forEach(function(name) {
       if (name in properties) {
@@ -55346,12 +55282,12 @@
     var di = {};
 
     if ('fill' in colors) {
-      assign(di, {
+      assign$1(di, {
         'background-color': this._normalizeColor(colors.fill) });
     }
 
     if ('stroke' in colors) {
-      assign(di, {
+      assign$1(di, {
         'border-color': this._normalizeColor(colors.stroke) });
     }
 
@@ -56131,7 +56067,7 @@
       end = getMid(target);
     }
 
-    hints = assign({ preferredLayouts: [] }, hints);
+    hints = assign$1({ preferredLayouts: [] }, hints);
     waypoints = waypoints || [];
 
     var preferredLayouts = hints.preferredLayouts,
@@ -56631,7 +56567,7 @@
     }
 
     if (manhattanOptions) {
-      manhattanOptions = assign(manhattanOptions, hints);
+      manhattanOptions = assign$1(manhattanOptions, hints);
 
       updatedWaypoints = withoutRedundantPoints(repairConnection(
         source,
@@ -56917,7 +56853,7 @@
 
     // use the dockings actual point and
     // retain the original docking
-    return assign({ original: docking.point.original || docking.point }, docking.actual);
+    return assign$1({ original: docking.point.original || docking.point }, docking.actual);
   }
 
 
@@ -57097,7 +57033,7 @@
       shapes = removeNested(shapes);
 
       // attach shapes to drag context
-      assign(context, {
+      assign$1(context, {
         shapes: shapes,
         validatedShapes: shapes,
         shape: shape
@@ -57309,7 +57245,7 @@
     function getAllDraggedElements(shapes) {
       var allShapes = selfAndAllChildren(shapes, true);
 
-      var allConnections = map(allShapes, function(shape) {
+      var allConnections = map$1(allShapes, function(shape) {
         return (shape.incoming || []).concat(shape.outgoing || []);
       });
 
@@ -57645,7 +57581,7 @@
 
     var parentContainer = this._getParentContainer();
 
-    var container = this._container = domify(Palette.HTML_MARKUP);
+    var container = this._container = domify$1(Palette.HTML_MARKUP);
 
     parentContainer.appendChild(container);
     classes$1(parentContainer).add(PALETTE_PREFIX + PALETTE_SHOWN_CLS);
@@ -57654,7 +57590,7 @@
 
       var target = event.delegateTarget;
 
-      if (matchesSelector(target, TOGGLE_SELECTOR)) {
+      if (matches(target, TOGGLE_SELECTOR)) {
         return self.toggle();
       }
 
@@ -57662,7 +57598,7 @@
     });
 
     // prevent drag propagation
-    componentEvent.bind(container, 'mousedown', function(event) {
+    event.bind(container, 'mousedown', function(event) {
       event.stopPropagation();
     });
 
@@ -57743,7 +57679,7 @@
 
       var container = query('[data-group=' + cssEscape(grouping) + ']', entriesContainer);
       if (!container) {
-        container = domify('<div class="group"></div>');
+        container = domify$1('<div class="group"></div>');
         attr$1(container, 'data-group', grouping);
 
         entriesContainer.appendChild(container);
@@ -57755,7 +57691,7 @@
           '<div class="entry" draggable="true"></div>');
 
 
-      var control = domify(html);
+      var control = domify$1(html);
       container.appendChild(control);
 
       if (!entry.separator) {
@@ -57770,7 +57706,7 @@
         }
 
         if (entry.imageUrl) {
-          var image = domify('<img>');
+          var image = domify$1('<img>');
           attr$1(image, 'src', entry.imageUrl);
 
           control.appendChild(image);
@@ -58594,7 +58530,7 @@
     function createAction(type, group, className, title, options) {
 
       function createListener(event) {
-        var shape = elementFactory.createShape(assign({ type: type }, options));
+        var shape = elementFactory.createShape(assign$1({ type: type }, options));
 
         if (options) {
           var di = getDi(shape);
@@ -58643,7 +58579,7 @@
       create.start(event, elementFactory.createParticipantShape());
     }
 
-    assign(actions, {
+    assign$1(actions, {
       'hand-tool': {
         group: 'tools',
         className: 'bpmn-icon-hand-tool',
@@ -58790,7 +58726,7 @@
 
         var element = elementRegistry.get(id);
 
-        assign(newElement, { x: element.x, y: element.y });
+        assign$1(newElement, { x: element.x, y: element.y });
 
         // create a temporary shape
         var tempShape = elementFactory.createShape(newElement);
@@ -59814,7 +59750,7 @@
     this._canvas = canvas;
 
     // delay hide by 1000 seconds since last snap
-    this._asyncHide = debounce(bind(this.hide, this), SNAP_LINE_HIDE_DELAY);
+    this._asyncHide = debounce(bind$2(this.hide, this), SNAP_LINE_HIDE_DELAY);
   }
 
   Snapping.$inject = [ 'canvas' ];
@@ -59979,7 +59915,7 @@
     this._selection = selection;
 
     // setup elements
-    this._container = domify(SearchPad.BOX_HTML);
+    this._container = domify$1(SearchPad.BOX_HTML);
     this._searchInput = query(SearchPad.INPUT_SELECTOR, this._container);
     this._resultsContainer = query(SearchPad.RESULTS_CONTAINER_SELECTOR, this._container);
 
@@ -60216,7 +60152,7 @@
    * @return {Element}
    */
   SearchPad.prototype._createResultNode = function(result, id) {
-    var node = domify(SearchPad.RESULT_HTML);
+    var node = domify$1(SearchPad.RESULT_HTML);
 
     // create only if available
     if (result.primaryTokens.length > 0) {
@@ -60402,9 +60338,9 @@
       height: h + 'px'
     };
 
-    var html = domify('<div class="' + SearchPad.OVERLAY_CLASS + '"></div>');
+    var html = domify$1('<div class="' + SearchPad.OVERLAY_CLASS + '"></div>');
 
-    assign$1(html, styles);
+    assign(html, styles);
 
     return {
       position: {
@@ -60426,7 +60362,7 @@
    */
   function createInnerTextNode(parentNode, tokens, template) {
     var text = createHtmlText(tokens);
-    var childNode = domify(template);
+    var childNode = domify$1(template);
     childNode.innerHTML = text;
     parentNode.appendChild(childNode);
   }
@@ -60542,7 +60478,7 @@
       return element !== rootElement;
     });
 
-    elements = map(elements, function(element) {
+    elements = map$1(elements, function(element) {
       return {
         primaryTokens: matchAndSplit(getLabel(element), pattern),
         secondaryTokens: matchAndSplit(element.id, pattern),