camunda-bpmn-js 0.18.0 → 0.19.0

package/dist/base-viewer.development.js

@@ -2,7 +2,7 @@
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.BpmnViewer = factory());
-}(this, (function () { 'use strict';
+})(this, (function () { 'use strict';
 
   function e(e,t){t&&(e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}));}
 
@@ -14,29 +14,29 @@
    * @return {Array<?>}
    */
 
-  var nativeToString = Object.prototype.toString;
-  var nativeHasOwnProperty = Object.prototype.hasOwnProperty;
-  function isUndefined(obj) {
+  var nativeToString$2 = Object.prototype.toString;
+  var nativeHasOwnProperty$2 = Object.prototype.hasOwnProperty;
+  function isUndefined$3(obj) {
     return obj === undefined;
   }
   function isDefined(obj) {
     return obj !== undefined;
   }
-  function isArray(obj) {
-    return nativeToString.call(obj) === '[object Array]';
+  function isArray$3(obj) {
+    return nativeToString$2.call(obj) === '[object Array]';
   }
   function isObject(obj) {
-    return nativeToString.call(obj) === '[object Object]';
+    return nativeToString$2.call(obj) === '[object Object]';
   }
   function isNumber(obj) {
-    return nativeToString.call(obj) === '[object Number]';
+    return nativeToString$2.call(obj) === '[object Number]';
   }
   function isFunction(obj) {
-    var tag = nativeToString.call(obj);
+    var tag = nativeToString$2.call(obj);
     return tag === '[object Function]' || tag === '[object AsyncFunction]' || tag === '[object GeneratorFunction]' || tag === '[object AsyncGeneratorFunction]' || tag === '[object Proxy]';
   }
   function isString(obj) {
-    return nativeToString.call(obj) === '[object String]';
+    return nativeToString$2.call(obj) === '[object String]';
   }
   /**
    * Return true, if target owns a property with the given key.
@@ -47,8 +47,8 @@
    * @return {Boolean}
    */
 
-  function has(target, key) {
-    return nativeHasOwnProperty.call(target, key);
+  function has$2(target, key) {
+    return nativeHasOwnProperty$2.call(target, key);
   }
 
   /**
@@ -63,7 +63,7 @@
   function find(collection, matcher) {
     matcher = toMatcher(matcher);
     var match;
-    forEach(collection, function (val, key) {
+    forEach$2(collection, function (val, key) {
       if (matcher(val, key)) {
         match = val;
         return false;
@@ -82,8 +82,8 @@
 
   function findIndex(collection, matcher) {
     matcher = toMatcher(matcher);
-    var idx = isArray(collection) ? -1 : undefined;
-    forEach(collection, function (val, key) {
+    var idx = isArray$3(collection) ? -1 : undefined;
+    forEach$2(collection, function (val, key) {
       if (matcher(val, key)) {
         idx = key;
         return false;
@@ -102,7 +102,7 @@
 
   function filter(collection, matcher) {
     var result = [];
-    forEach(collection, function (val, key) {
+    forEach$2(collection, function (val, key) {
       if (matcher(val, key)) {
         result.push(val);
       }
@@ -119,17 +119,17 @@
    * @return {Object} return result that stopped the iteration
    */
 
-  function forEach(collection, iterator) {
+  function forEach$2(collection, iterator) {
     var val, result;
 
-    if (isUndefined(collection)) {
+    if (isUndefined$3(collection)) {
       return;
     }
 
-    var convertKey = isArray(collection) ? toNum : identity;
+    var convertKey = isArray$3(collection) ? toNum$2 : identity$2;
 
     for (var key in collection) {
-      if (has(collection, key)) {
+      if (has$2(collection, key)) {
         val = collection[key];
         result = iterator(val, convertKey(key));
 
@@ -150,7 +150,7 @@
    */
 
   function reduce(collection, iterator, result) {
-    forEach(collection, function (value, idx) {
+    forEach$2(collection, function (value, idx) {
       result = iterator(result, value, idx);
     });
     return result;
@@ -195,7 +195,7 @@
 
   function map(collection, fn) {
     var result = [];
-    forEach(collection, function (val, key) {
+    forEach$2(collection, function (val, key) {
       result.push(fn(val, key));
     });
     return result;
@@ -228,11 +228,11 @@
     };
   }
 
-  function identity(arg) {
+  function identity$2(arg) {
     return arg;
   }
 
-  function toNum(arg) {
+  function toNum$2(arg) {
     return Number(arg);
   }
 
@@ -364,7 +364,7 @@
   function pick(target, properties) {
     var result = {};
     var obj = Object(target);
-    forEach(properties, function (prop) {
+    forEach$2(properties, function (prop) {
       if (prop in obj) {
         result[prop] = target[prop];
       }
@@ -383,7 +383,7 @@
   function omit(target, properties) {
     var result = {};
     var obj = Object(target);
-    forEach(obj, function (prop, key) {
+    forEach$2(obj, function (prop, key) {
       if (properties.indexOf(key) === -1) {
         result[key] = prop;
       }
@@ -391,7 +391,7 @@
     return result;
   }
 
-  var DEFAULT_RENDER_PRIORITY = 1000;
+  var DEFAULT_RENDER_PRIORITY$1 = 1000;
 
   /**
    * The base implementation of shape and connection renderers.
@@ -402,7 +402,7 @@
   function BaseRenderer(eventBus, renderPriority) {
     var self = this;
 
-    renderPriority = renderPriority || DEFAULT_RENDER_PRIORITY;
+    renderPriority = renderPriority || DEFAULT_RENDER_PRIORITY$1;
 
     eventBus.on([ 'render.shape', 'render.connection' ], renderPriority, function(evt, context) {
       var type = evt.type,
@@ -486,7 +486,7 @@
    *
    * @return {boolean}
    */
-  function is(element, type) {
+  function is$1(element, type) {
     var bo = getBusinessObject(element);
 
     return bo && (typeof bo.$instanceOf === 'function') && bo.$instanceOf(type);
@@ -503,7 +503,7 @@
    */
   function isAny(element, types) {
     return some(types, function(t) {
-      return is(element, t);
+      return is$1(element, t);
     });
   }
 
@@ -531,21 +531,21 @@
 
   function isExpanded(element, di) {
 
-    if (is(element, 'bpmn:CallActivity')) {
+    if (is$1(element, 'bpmn:CallActivity')) {
       return false;
     }
 
-    if (is(element, 'bpmn:SubProcess')) {
+    if (is$1(element, 'bpmn:SubProcess')) {
       di = di || getDi(element);
 
-      if (di && is(di, 'bpmndi:BPMNPlane')) {
+      if (di && is$1(di, 'bpmndi:BPMNPlane')) {
         return true;
       }
 
       return di && !!di.isExpanded;
     }
 
-    if (is(element, 'bpmn:Participant')) {
+    if (is$1(element, 'bpmn:Participant')) {
       return !!getBusinessObject(element).processRef;
     }
 
@@ -558,22 +558,22 @@
 
   function getLabelAttr(semantic) {
     if (
-      is(semantic, 'bpmn:FlowElement') ||
-      is(semantic, 'bpmn:Participant') ||
-      is(semantic, 'bpmn:Lane') ||
-      is(semantic, 'bpmn:SequenceFlow') ||
-      is(semantic, 'bpmn:MessageFlow') ||
-      is(semantic, 'bpmn:DataInput') ||
-      is(semantic, 'bpmn:DataOutput')
+      is$1(semantic, 'bpmn:FlowElement') ||
+      is$1(semantic, 'bpmn:Participant') ||
+      is$1(semantic, 'bpmn:Lane') ||
+      is$1(semantic, 'bpmn:SequenceFlow') ||
+      is$1(semantic, 'bpmn:MessageFlow') ||
+      is$1(semantic, 'bpmn:DataInput') ||
+      is$1(semantic, 'bpmn:DataOutput')
     ) {
       return 'name';
     }
 
-    if (is(semantic, 'bpmn:TextAnnotation')) {
+    if (is$1(semantic, 'bpmn:TextAnnotation')) {
       return 'text';
     }
 
-    if (is(semantic, 'bpmn:Group')) {
+    if (is$1(semantic, 'bpmn:Group')) {
       return 'categoryValueRef';
     }
   }
@@ -604,7 +604,7 @@
     }
   }
 
-  function ensureImported(element, target) {
+  function ensureImported$1(element, target) {
 
     if (element.ownerDocument !== target.ownerDocument) {
       try {
@@ -630,8 +630,8 @@
    *
    * @return {SVGElement} the appended node
    */
-  function appendTo(element, target) {
-    return target.appendChild(ensureImported(element, target));
+  function appendTo$1(element, target) {
+    return target.appendChild(ensureImported$1(element, target));
   }
 
   /**
@@ -646,8 +646,8 @@
    *
    * @return {SVGElement} the element
    */
-  function append(target, node) {
-    appendTo(node, target);
+  function append$1(target, node) {
+    appendTo$1(node, target);
     return target;
   }
 
@@ -655,9 +655,9 @@
    * attribute accessor utility
    */
 
-  var LENGTH_ATTR = 2;
+  var LENGTH_ATTR$1 = 2;
 
-  var CSS_PROPERTIES = {
+  var CSS_PROPERTIES$1 = {
     'alignment-baseline': 1,
     'baseline-shift': 1,
     'clip': 1,
@@ -681,7 +681,7 @@
     'flood-opacity': 1,
     'font': 1,
     'font-family': 1,
-    'font-size': LENGTH_ATTR,
+    'font-size': LENGTH_ATTR$1,
     'font-size-adjust': 1,
     'font-stretch': 1,
     'font-style': 1,
@@ -711,7 +711,7 @@
     'stroke-linejoin': 1,
     'stroke-miterlimit': 1,
     'stroke-opacity': 1,
-    'stroke-width': LENGTH_ATTR,
+    'stroke-width': LENGTH_ATTR$1,
     'text-anchor': 1,
     'text-decoration': 1,
     'text-rendering': 1,
@@ -722,22 +722,22 @@
   };
 
 
-  function getAttribute(node, name) {
-    if (CSS_PROPERTIES[name]) {
+  function getAttribute$1(node, name) {
+    if (CSS_PROPERTIES$1[name]) {
       return node.style[name];
     } else {
       return node.getAttributeNS(null, name);
     }
   }
 
-  function setAttribute(node, name, value) {
+  function setAttribute$1(node, name, value) {
     var hyphenated = name.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
 
-    var type = CSS_PROPERTIES[hyphenated];
+    var type = CSS_PROPERTIES$1[hyphenated];
 
     if (type) {
       // append pixel unit, unless present
-      if (type === LENGTH_ATTR && typeof value === 'number') {
+      if (type === LENGTH_ATTR$1 && typeof value === 'number') {
         value = String(value) + 'px';
       }
 
@@ -747,12 +747,12 @@
     }
   }
 
-  function setAttributes(node, attrs) {
+  function setAttributes$1(node, attrs) {
 
     var names = Object.keys(attrs), i, name;
 
     for (i = 0, name; (name = names[i]); i++) {
-      setAttribute(node, name, attrs[name]);
+      setAttribute$1(node, name, attrs[name]);
     }
   }
 
@@ -766,15 +766,15 @@
    *
    * @return {String}
    */
-  function attr(node, name, value) {
+  function attr$2(node, name, value) {
     if (typeof name === 'string') {
       if (value !== undefined) {
-        setAttribute(node, name, value);
+        setAttribute$1(node, name, value);
       } else {
-        return getAttribute(node, name);
+        return getAttribute$1(node, name);
       }
     } else {
-      setAttributes(node, name);
+      setAttributes$1(node, name);
     }
 
     return node;
@@ -783,7 +783,7 @@
   /**
    * Clear utility
    */
-  function index(arr, obj) {
+  function index$1(arr, obj) {
     if (arr.indexOf) {
       return arr.indexOf(obj);
     }
@@ -798,11 +798,11 @@
     return -1;
   }
 
-  var re = /\s+/;
+  var re$3 = /\s+/;
 
-  var toString = Object.prototype.toString;
+  var toString$3 = Object.prototype.toString;
 
-  function defined(o) {
+  function defined$1(o) {
     return typeof o !== 'undefined';
   }
 
@@ -814,11 +814,11 @@
    * @api public
    */
 
-  function classes(el) {
-    return new ClassList(el);
+  function classes$3(el) {
+    return new ClassList$3(el);
   }
 
-  function ClassList(el) {
+  function ClassList$3(el) {
     if (!el || !el.nodeType) {
       throw new Error('A DOM element reference is required');
     }
@@ -834,7 +834,7 @@
    * @api public
    */
 
-  ClassList.prototype.add = function(name) {
+  ClassList$3.prototype.add = function(name) {
 
     // classList
     if (this.list) {
@@ -844,12 +844,12 @@
 
     // fallback
     var arr = this.array();
-    var i = index(arr, name);
+    var i = index$1(arr, name);
     if (!~i) {
       arr.push(name);
     }
 
-    if (defined(this.el.className.baseVal)) {
+    if (defined$1(this.el.className.baseVal)) {
       this.el.className.baseVal = arr.join(' ');
     } else {
       this.el.className = arr.join(' ');
@@ -868,8 +868,8 @@
    * @api public
    */
 
-  ClassList.prototype.remove = function(name) {
-    if ('[object RegExp]' === toString.call(name)) {
+  ClassList$3.prototype.remove = function(name) {
+    if ('[object RegExp]' === toString$3.call(name)) {
       return this.removeMatching(name);
     }
 
@@ -881,7 +881,7 @@
 
     // fallback
     var arr = this.array();
-    var i = index(arr, name);
+    var i = index$1(arr, name);
     if (~i) {
       arr.splice(i, 1);
     }
@@ -897,7 +897,7 @@
    * @api private
    */
 
-  ClassList.prototype.removeMatching = function(re) {
+  ClassList$3.prototype.removeMatching = function(re) {
     var arr = this.array();
     for (var i = 0; i < arr.length; i++) {
       if (re.test(arr[i])) {
@@ -919,10 +919,10 @@
    * @api public
    */
 
-  ClassList.prototype.toggle = function(name, force) {
+  ClassList$3.prototype.toggle = function(name, force) {
     // classList
     if (this.list) {
-      if (defined(force)) {
+      if (defined$1(force)) {
         if (force !== this.list.toggle(name, force)) {
           this.list.toggle(name); // toggle again to correct
         }
@@ -933,7 +933,7 @@
     }
 
     // fallback
-    if (defined(force)) {
+    if (defined$1(force)) {
       if (!force) {
         this.remove(name);
       } else {
@@ -957,10 +957,10 @@
    * @api public
    */
 
-  ClassList.prototype.array = function() {
+  ClassList$3.prototype.array = function() {
     var className = this.el.getAttribute('class') || '';
     var str = className.replace(/^\s+|\s+$/g, '');
-    var arr = str.split(re);
+    var arr = str.split(re$3);
     if ('' === arr[0]) {
       arr.shift();
     }
@@ -975,16 +975,16 @@
    * @api public
    */
 
-  ClassList.prototype.has =
-  ClassList.prototype.contains = function(name) {
+  ClassList$3.prototype.has =
+  ClassList$3.prototype.contains = function(name) {
     return (
       this.list ?
         this.list.contains(name) :
-        !! ~index(this.array(), name)
+        !! ~index$1(this.array(), name)
     );
   };
 
-  function remove(element) {
+  function remove$4(element) {
     var parent = element.parentNode;
 
     if (parent) {
@@ -1004,17 +1004,17 @@
    * @param  {DOMElement} element
    * @return {DOMElement} the element (for chaining)
    */
-  function clear(element) {
+  function clear$2(element) {
     var child;
 
     while ((child = element.firstChild)) {
-      remove(child);
+      remove$4(child);
     }
 
     return element;
   }
 
-  var ns = {
+  var ns$1 = {
     svg: 'http://www.w3.org/2000/svg'
   };
 
@@ -1022,24 +1022,24 @@
    * DOM parsing utility
    */
 
-  var SVG_START = '<svg xmlns="' + ns.svg + '"';
+  var SVG_START$1 = '<svg xmlns="' + ns$1.svg + '"';
 
-  function parse(svg) {
+  function parse$3(svg) {
 
     var unwrap = false;
 
     // ensure we import a valid svg document
     if (svg.substring(0, 4) === '<svg') {
-      if (svg.indexOf(ns.svg) === -1) {
-        svg = SVG_START + svg.substring(4);
+      if (svg.indexOf(ns$1.svg) === -1) {
+        svg = SVG_START$1 + svg.substring(4);
       }
     } else {
       // namespace svg
-      svg = SVG_START + '>' + svg + '</svg>';
+      svg = SVG_START$1 + '>' + svg + '</svg>';
       unwrap = true;
     }
 
-    var parsed = parseDocument(svg);
+    var parsed = parseDocument$1(svg);
 
     if (!unwrap) {
       return parsed;
@@ -1056,7 +1056,7 @@
     return fragment;
   }
 
-  function parseDocument(svg) {
+  function parseDocument$1(svg) {
 
     var parser;
 
@@ -1080,18 +1080,18 @@
    *
    * @returns {SVGElement}
    */
-  function create(name, attrs) {
+  function create$2(name, attrs) {
     var element;
 
     if (name.charAt(0) === '<') {
-      element = parse(name).firstChild;
+      element = parse$3(name).firstChild;
       element = document.importNode(element, true);
     } else {
-      element = document.createElementNS(ns.svg, name);
+      element = document.createElementNS(ns$1.svg, name);
     }
 
     if (attrs) {
-      attr(element, attrs);
+      attr$2(element, attrs);
     }
 
     return element;
@@ -1102,9 +1102,9 @@
    */
 
   // fake node used to instantiate svg geometry elements
-  var node = create('svg');
+  var node = create$2('svg');
 
-  function extend(object, props) {
+  function extend$1(object, props) {
     var i, k, keys = Object.keys(props);
 
     for (i = 0; (k = keys[i]); i++) {
@@ -1132,9 +1132,9 @@
     case 0:
       return matrix;
     case 1:
-      return extend(matrix, a);
+      return extend$1(matrix, a);
     case 6:
-      return extend(matrix, {
+      return extend$1(matrix, {
         a: a,
         b: b,
         c: c,
@@ -1184,7 +1184,7 @@
    *
    * @return {SVGTransform} the consolidated transform
    */
-  function transform(node, transforms) {
+  function transform$1(node, transforms) {
     var transformList = node.transform.baseVal;
 
     if (transforms) {
@@ -1215,18 +1215,18 @@
 
   function createLine(points, attrs) {
 
-    var line = create('polyline');
-    attr(line, { points: toSVGPoints(points) });
+    var line = create$2('polyline');
+    attr$2(line, { points: toSVGPoints(points) });
 
     if (attrs) {
-      attr(line, attrs);
+      attr$2(line, attrs);
     }
 
     return line;
   }
 
   function updateLine(gfx, points) {
-    attr(gfx, { points: toSVGPoints(points) });
+    attr$2(gfx, { points: toSVGPoints(points) });
 
     return gfx;
   }
@@ -1383,10 +1383,10 @@
 
   var nativeToString$1 = Object.prototype.toString;
   var nativeHasOwnProperty$1 = Object.prototype.hasOwnProperty;
-  function isUndefined$1(obj) {
+  function isUndefined$2(obj) {
     return obj === undefined;
   }
-  function isArray$1(obj) {
+  function isArray$2(obj) {
     return nativeToString$1.call(obj) === '[object Array]';
   }
   /**
@@ -1414,11 +1414,11 @@
   function forEach$1(collection, iterator) {
     var val, result;
 
-    if (isUndefined$1(collection)) {
+    if (isUndefined$2(collection)) {
       return;
     }
 
-    var convertKey = isArray$1(collection) ? toNum$1 : identity$1;
+    var convertKey = isArray$2(collection) ? toNum$1 : identity$1;
 
     for (var key in collection) {
       if (has$1(collection, key)) {
@@ -1448,7 +1448,7 @@
    *
    * @return {Element} the element
    */
-  function assign$1(element) {
+  function assign$1$1(element) {
     var target = element.style;
 
     for (var _len = arguments.length, styleSources = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -1468,35 +1468,10 @@
     return element;
   }
 
-  /**
-   * Set attribute `name` to `val`, or get attr `name`.
-   *
-   * @param {Element} el
-   * @param {String} name
-   * @param {String} [val]
-   * @api public
-   */
-  function attr$1(el, name, val) {
-    // get
-    if (arguments.length == 2) {
-      return el.getAttribute(name);
-    }
-
-    // remove
-    if (val === null) {
-      return el.removeAttribute(name);
-    }
-
-    // set
-    el.setAttribute(name, val);
-
-    return el;
-  }
-
-  var indexOf = [].indexOf;
+  var indexOf$1 = [].indexOf;
 
-  var indexof = function(arr, obj){
-    if (indexOf) return arr.indexOf(obj);
+  var indexof$1 = function(arr, obj){
+    if (indexOf$1) return arr.indexOf(obj);
     for (var i = 0; i < arr.length; ++i) {
       if (arr[i] === obj) return i;
     }
@@ -1513,13 +1488,13 @@
    * Whitespace regexp.
    */
 
-  var re$1 = /\s+/;
+  var re$2 = /\s+/;
 
   /**
    * toString reference.
    */
 
-  var toString$1 = Object.prototype.toString;
+  var toString$2 = Object.prototype.toString;
 
   /**
    * Wrap `el` in a `ClassList`.
@@ -1529,8 +1504,8 @@
    * @api public
    */
 
-  function classes$1(el) {
-    return new ClassList$1(el);
+  function classes$2(el) {
+    return new ClassList$2(el);
   }
 
   /**
@@ -1540,7 +1515,7 @@
    * @api private
    */
 
-  function ClassList$1(el) {
+  function ClassList$2(el) {
     if (!el || !el.nodeType) {
       throw new Error('A DOM element reference is required');
     }
@@ -1556,7 +1531,7 @@
    * @api public
    */
 
-  ClassList$1.prototype.add = function (name) {
+  ClassList$2.prototype.add = function (name) {
     // classList
     if (this.list) {
       this.list.add(name);
@@ -1565,7 +1540,7 @@
 
     // fallback
     var arr = this.array();
-    var i = indexof(arr, name);
+    var i = indexof$1(arr, name);
     if (!~i) arr.push(name);
     this.el.className = arr.join(' ');
     return this;
@@ -1581,8 +1556,8 @@
    * @api public
    */
 
-  ClassList$1.prototype.remove = function (name) {
-    if ('[object RegExp]' == toString$1.call(name)) {
+  ClassList$2.prototype.remove = function (name) {
+    if ('[object RegExp]' == toString$2.call(name)) {
       return this.removeMatching(name);
     }
 
@@ -1594,7 +1569,7 @@
 
     // fallback
     var arr = this.array();
-    var i = indexof(arr, name);
+    var i = indexof$1(arr, name);
     if (~i) arr.splice(i, 1);
     this.el.className = arr.join(' ');
     return this;
@@ -1608,7 +1583,7 @@
    * @api private
    */
 
-  ClassList$1.prototype.removeMatching = function (re) {
+  ClassList$2.prototype.removeMatching = function (re) {
     var arr = this.array();
     for (var i = 0; i < arr.length; i++) {
       if (re.test(arr[i])) {
@@ -1630,7 +1605,7 @@
    * @api public
    */
 
-  ClassList$1.prototype.toggle = function (name, force) {
+  ClassList$2.prototype.toggle = function (name, force) {
     // classList
     if (this.list) {
       if ('undefined' !== typeof force) {
@@ -1668,10 +1643,10 @@
    * @api public
    */
 
-  ClassList$1.prototype.array = function () {
+  ClassList$2.prototype.array = function () {
     var className = this.el.getAttribute('class') || '';
     var str = className.replace(/^\s+|\s+$/g, '');
-    var arr = str.split(re$1);
+    var arr = str.split(re$2);
     if ('' === arr[0]) arr.shift();
     return arr;
   };
@@ -1684,34 +1659,19 @@
    * @api public
    */
 
-  ClassList$1.prototype.has = ClassList$1.prototype.contains = function (name) {
-    return this.list ? this.list.contains(name) : !!~indexof(this.array(), name);
+  ClassList$2.prototype.has = ClassList$2.prototype.contains = function (name) {
+    return this.list ? this.list.contains(name) : !!~indexof$1(this.array(), name);
   };
 
-  /**
-   * Remove all children from the given element.
-   */
-  function clear$1(el) {
-
-    var c;
-
-    while (el.childNodes.length) {
-      c = el.childNodes[0];
-      el.removeChild(c);
-    }
-
-    return el;
-  }
-
-  var proto = typeof Element !== 'undefined' ? Element.prototype : {};
-  var vendor = proto.matches
-    || proto.matchesSelector
-    || proto.webkitMatchesSelector
-    || proto.mozMatchesSelector
-    || proto.msMatchesSelector
-    || proto.oMatchesSelector;
+  var proto$1 = typeof Element !== 'undefined' ? Element.prototype : {};
+  var vendor$1 = proto$1.matches
+    || proto$1.matchesSelector
+    || proto$1.webkitMatchesSelector
+    || proto$1.mozMatchesSelector
+    || proto$1.msMatchesSelector
+    || proto$1.oMatchesSelector;
 
-  var matchesSelector = match;
+  var matchesSelector$1 = match$1;
 
   /**
    * Match `el` to `selector`.
@@ -1722,9 +1682,9 @@
    * @api public
    */
 
-  function match(el, selector) {
+  function match$1(el, selector) {
     if (!el || el.nodeType !== 1) return false;
-    if (vendor) return vendor.call(el, selector);
+    if (vendor$1) return vendor$1.call(el, selector);
     var nodes = el.parentNode.querySelectorAll(selector);
     for (var i = 0; i < nodes.length; i++) {
       if (nodes[i] == el) return true;
@@ -1739,24 +1699,24 @@
    * @param {String} selector
    * @param {Boolean} checkYourSelf (optional)
    */
-  function closest (element, selector, checkYourSelf) {
+  function closest$1 (element, selector, checkYourSelf) {
     var currentElem = checkYourSelf ? element : element.parentNode;
 
     while (currentElem && currentElem.nodeType !== document.DOCUMENT_NODE && currentElem.nodeType !== document.DOCUMENT_FRAGMENT_NODE) {
 
-      if (matchesSelector(currentElem, selector)) {
+      if (matchesSelector$1(currentElem, selector)) {
         return currentElem;
       }
 
       currentElem = currentElem.parentNode;
     }
 
-    return matchesSelector(currentElem, selector) ? currentElem : null;
+    return matchesSelector$1(currentElem, selector) ? currentElem : null;
   }
 
-  var bind$1 = window.addEventListener ? 'addEventListener' : 'attachEvent',
-      unbind = window.removeEventListener ? 'removeEventListener' : 'detachEvent',
-      prefix = bind$1 !== 'addEventListener' ? 'on' : '';
+  var bind$1$1 = window.addEventListener ? 'addEventListener' : 'attachEvent',
+      unbind$2 = window.removeEventListener ? 'removeEventListener' : 'detachEvent',
+      prefix$7 = bind$1$1 !== 'addEventListener' ? 'on' : '';
 
   /**
    * Bind `el` event `type` to `fn`.
@@ -1769,8 +1729,8 @@
    * @api public
    */
 
-  var bind_1 = function(el, type, fn, capture){
-    el[bind$1](prefix + type, fn, capture || false);
+  var bind_1$1 = function(el, type, fn, capture){
+    el[bind$1$1](prefix$7 + type, fn, capture || false);
     return fn;
   };
 
@@ -1785,14 +1745,14 @@
    * @api public
    */
 
-  var unbind_1 = function(el, type, fn, capture){
-    el[unbind](prefix + type, fn, capture || false);
+  var unbind_1$1 = function(el, type, fn, capture){
+    el[unbind$2](prefix$7 + type, fn, capture || false);
     return fn;
   };
 
-  var componentEvent = {
-  	bind: bind_1,
-  	unbind: unbind_1
+  var componentEvent$1 = {
+  	bind: bind_1$1,
+  	unbind: unbind_1$1
   };
 
   /**
@@ -1815,16 +1775,16 @@
 
   // Some events don't bubble, so we want to bind to the capture phase instead
   // when delegating.
-  var forceCaptureEvents = ['focus', 'blur'];
+  var forceCaptureEvents$1 = ['focus', 'blur'];
 
-  function bind$2(el, selector, type, fn, capture) {
-    if (forceCaptureEvents.indexOf(type) !== -1) {
+  function bind$2$1(el, selector, type, fn, capture) {
+    if (forceCaptureEvents$1.indexOf(type) !== -1) {
       capture = true;
     }
 
-    return componentEvent.bind(el, type, function (e) {
+    return componentEvent$1.bind(el, type, function (e) {
       var target = e.target || e.srcElement;
-      e.delegateTarget = closest(target, selector, true);
+      e.delegateTarget = closest$1(target, selector, true);
       if (e.delegateTarget) {
         fn.call(el, e);
       }
@@ -1840,75 +1800,75 @@
    * @param {Boolean} capture
    * @api public
    */
-  function unbind$1(el, type, fn, capture) {
-    if (forceCaptureEvents.indexOf(type) !== -1) {
+  function unbind$1$1(el, type, fn, capture) {
+    if (forceCaptureEvents$1.indexOf(type) !== -1) {
       capture = true;
     }
 
-    return componentEvent.unbind(el, type, fn, capture);
+    return componentEvent$1.unbind(el, type, fn, capture);
   }
 
-  var delegate = {
-    bind: bind$2,
-    unbind: unbind$1
+  var delegate$1 = {
+    bind: bind$2$1,
+    unbind: unbind$1$1
   };
 
   /**
    * Expose `parse`.
    */
 
-  var domify = parse$1;
+  var domify$1 = parse$2;
 
   /**
    * Tests for browser support.
    */
 
-  var innerHTMLBug = false;
-  var bugTestDiv;
+  var innerHTMLBug$1 = false;
+  var bugTestDiv$1;
   if (typeof document !== 'undefined') {
-    bugTestDiv = document.createElement('div');
+    bugTestDiv$1 = document.createElement('div');
     // Setup
-    bugTestDiv.innerHTML = '  <link/><table></table><a href="/a">a</a><input type="checkbox"/>';
+    bugTestDiv$1.innerHTML = '  <link/><table></table><a href="/a">a</a><input type="checkbox"/>';
     // Make sure that link elements get serialized correctly by innerHTML
     // This requires a wrapper element in IE
-    innerHTMLBug = !bugTestDiv.getElementsByTagName('link').length;
-    bugTestDiv = undefined;
+    innerHTMLBug$1 = !bugTestDiv$1.getElementsByTagName('link').length;
+    bugTestDiv$1 = undefined;
   }
 
   /**
    * Wrap map from jquery.
    */
 
-  var map$1 = {
+  var map$1$1 = {
     legend: [1, '<fieldset>', '</fieldset>'],
     tr: [2, '<table><tbody>', '</tbody></table>'],
     col: [2, '<table><tbody></tbody><colgroup>', '</colgroup></table>'],
     // for script/link/style tags to work in IE6-8, you have to wrap
     // in a div with a non-whitespace character in front, ha!
-    _default: innerHTMLBug ? [1, 'X<div>', '</div>'] : [0, '', '']
+    _default: innerHTMLBug$1 ? [1, 'X<div>', '</div>'] : [0, '', '']
   };
 
-  map$1.td =
-  map$1.th = [3, '<table><tbody><tr>', '</tr></tbody></table>'];
+  map$1$1.td =
+  map$1$1.th = [3, '<table><tbody><tr>', '</tr></tbody></table>'];
 
-  map$1.option =
-  map$1.optgroup = [1, '<select multiple="multiple">', '</select>'];
+  map$1$1.option =
+  map$1$1.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$1$1.thead =
+  map$1$1.tbody =
+  map$1$1.colgroup =
+  map$1$1.caption =
+  map$1$1.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$1$1.polyline =
+  map$1$1.ellipse =
+  map$1$1.polygon =
+  map$1$1.circle =
+  map$1$1.text =
+  map$1$1.line =
+  map$1$1.path =
+  map$1$1.rect =
+  map$1$1.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,
@@ -1921,7 +1881,7 @@
    * @api private
    */
 
-  function parse$1(html, doc) {
+  function parse$2(html, doc) {
     if ('string' != typeof html) throw new TypeError('String expected');
 
     // default to the global `document` object
@@ -1943,7 +1903,7 @@
     }
 
     // wrap map
-    var wrap = map$1[tag] || map$1._default;
+    var wrap = map$1$1[tag] || map$1$1._default;
     var depth = wrap[0];
     var prefix = wrap[1];
     var suffix = wrap[2];
@@ -1965,23 +1925,17 @@
     return fragment;
   }
 
-  function query(selector, el) {
+  function query$1(selector, el) {
     el = el || document;
 
     return el.querySelector(selector);
   }
 
-  function all(selector, el) {
-    el = el || document;
-
-    return el.querySelectorAll(selector);
-  }
-
-  function remove$1(el) {
+  function remove$3(el) {
     el.parentNode && el.parentNode.removeChild(el);
   }
 
-  function ensureImported$1(element, target) {
+  function ensureImported(element, target) {
 
     if (element.ownerDocument !== target.ownerDocument) {
       try {
@@ -2007,8 +1961,8 @@
    *
    * @return {SVGElement} the appended node
    */
-  function appendTo$1(element, target) {
-    return target.appendChild(ensureImported$1(element, target));
+  function appendTo(element, target) {
+    return target.appendChild(ensureImported(element, target));
   }
 
   /**
@@ -2023,8 +1977,8 @@
    *
    * @return {SVGElement} the element
    */
-  function append$1(target, node) {
-    appendTo$1(node, target);
+  function append(target, node) {
+    appendTo(node, target);
     return target;
   }
 
@@ -2032,9 +1986,9 @@
    * attribute accessor utility
    */
 
-  var LENGTH_ATTR$1 = 2;
+  var LENGTH_ATTR = 2;
 
-  var CSS_PROPERTIES$1 = {
+  var CSS_PROPERTIES = {
     'alignment-baseline': 1,
     'baseline-shift': 1,
     'clip': 1,
@@ -2058,7 +2012,7 @@
     'flood-opacity': 1,
     'font': 1,
     'font-family': 1,
-    'font-size': LENGTH_ATTR$1,
+    'font-size': LENGTH_ATTR,
     'font-size-adjust': 1,
     'font-stretch': 1,
     'font-style': 1,
@@ -2088,7 +2042,7 @@
     'stroke-linejoin': 1,
     'stroke-miterlimit': 1,
     'stroke-opacity': 1,
-    'stroke-width': LENGTH_ATTR$1,
+    'stroke-width': LENGTH_ATTR,
     'text-anchor': 1,
     'text-decoration': 1,
     'text-rendering': 1,
@@ -2099,22 +2053,22 @@
   };
 
 
-  function getAttribute$1(node, name) {
-    if (CSS_PROPERTIES$1[name]) {
+  function getAttribute(node, name) {
+    if (CSS_PROPERTIES[name]) {
       return node.style[name];
     } else {
       return node.getAttributeNS(null, name);
     }
   }
 
-  function setAttribute$1(node, name, value) {
+  function setAttribute(node, name, value) {
     var hyphenated = name.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
 
-    var type = CSS_PROPERTIES$1[hyphenated];
+    var type = CSS_PROPERTIES[hyphenated];
 
     if (type) {
       // append pixel unit, unless present
-      if (type === LENGTH_ATTR$1 && typeof value === 'number') {
+      if (type === LENGTH_ATTR && typeof value === 'number') {
         value = String(value) + 'px';
       }
 
@@ -2124,12 +2078,12 @@
     }
   }
 
-  function setAttributes$1(node, attrs) {
+  function setAttributes(node, attrs) {
 
     var names = Object.keys(attrs), i, name;
 
     for (i = 0, name; (name = names[i]); i++) {
-      setAttribute$1(node, name, attrs[name]);
+      setAttribute(node, name, attrs[name]);
     }
   }
 
@@ -2143,15 +2097,15 @@
    *
    * @return {String}
    */
-  function attr$2(node, name, value) {
+  function attr$1(node, name, value) {
     if (typeof name === 'string') {
       if (value !== undefined) {
-        setAttribute$1(node, name, value);
+        setAttribute(node, name, value);
       } else {
-        return getAttribute$1(node, name);
+        return getAttribute(node, name);
       }
     } else {
-      setAttributes$1(node, name);
+      setAttributes(node, name);
     }
 
     return node;
@@ -2160,7 +2114,7 @@
   /**
    * Clear utility
    */
-  function index$1(arr, obj) {
+  function index(arr, obj) {
     if (arr.indexOf) {
       return arr.indexOf(obj);
     }
@@ -2175,11 +2129,11 @@
     return -1;
   }
 
-  var re$2 = /\s+/;
+  var re$1 = /\s+/;
 
-  var toString$2 = Object.prototype.toString;
+  var toString$1 = Object.prototype.toString;
 
-  function defined$1(o) {
+  function defined(o) {
     return typeof o !== 'undefined';
   }
 
@@ -2191,11 +2145,11 @@
    * @api public
    */
 
-  function classes$2(el) {
-    return new ClassList$2(el);
+  function classes$1(el) {
+    return new ClassList$1(el);
   }
 
-  function ClassList$2(el) {
+  function ClassList$1(el) {
     if (!el || !el.nodeType) {
       throw new Error('A DOM element reference is required');
     }
@@ -2211,7 +2165,7 @@
    * @api public
    */
 
-  ClassList$2.prototype.add = function(name) {
+  ClassList$1.prototype.add = function(name) {
 
     // classList
     if (this.list) {
@@ -2221,12 +2175,12 @@
 
     // fallback
     var arr = this.array();
-    var i = index$1(arr, name);
+    var i = index(arr, name);
     if (!~i) {
       arr.push(name);
     }
 
-    if (defined$1(this.el.className.baseVal)) {
+    if (defined(this.el.className.baseVal)) {
       this.el.className.baseVal = arr.join(' ');
     } else {
       this.el.className = arr.join(' ');
@@ -2245,8 +2199,8 @@
    * @api public
    */
 
-  ClassList$2.prototype.remove = function(name) {
-    if ('[object RegExp]' === toString$2.call(name)) {
+  ClassList$1.prototype.remove = function(name) {
+    if ('[object RegExp]' === toString$1.call(name)) {
       return this.removeMatching(name);
     }
 
@@ -2258,7 +2212,7 @@
 
     // fallback
     var arr = this.array();
-    var i = index$1(arr, name);
+    var i = index(arr, name);
     if (~i) {
       arr.splice(i, 1);
     }
@@ -2274,7 +2228,7 @@
    * @api private
    */
 
-  ClassList$2.prototype.removeMatching = function(re) {
+  ClassList$1.prototype.removeMatching = function(re) {
     var arr = this.array();
     for (var i = 0; i < arr.length; i++) {
       if (re.test(arr[i])) {
@@ -2296,10 +2250,10 @@
    * @api public
    */
 
-  ClassList$2.prototype.toggle = function(name, force) {
+  ClassList$1.prototype.toggle = function(name, force) {
     // classList
     if (this.list) {
-      if (defined$1(force)) {
+      if (defined(force)) {
         if (force !== this.list.toggle(name, force)) {
           this.list.toggle(name); // toggle again to correct
         }
@@ -2310,7 +2264,7 @@
     }
 
     // fallback
-    if (defined$1(force)) {
+    if (defined(force)) {
       if (!force) {
         this.remove(name);
       } else {
@@ -2334,10 +2288,10 @@
    * @api public
    */
 
-  ClassList$2.prototype.array = function() {
+  ClassList$1.prototype.array = function() {
     var className = this.el.getAttribute('class') || '';
     var str = className.replace(/^\s+|\s+$/g, '');
-    var arr = str.split(re$2);
+    var arr = str.split(re$1);
     if ('' === arr[0]) {
       arr.shift();
     }
@@ -2352,12 +2306,12 @@
    * @api public
    */
 
-  ClassList$2.prototype.has =
-  ClassList$2.prototype.contains = function(name) {
+  ClassList$1.prototype.has =
+  ClassList$1.prototype.contains = function(name) {
     return (
       this.list ?
         this.list.contains(name) :
-        !! ~index$1(this.array(), name)
+        !! ~index(this.array(), name)
     );
   };
 
@@ -2381,7 +2335,7 @@
    * @param  {DOMElement} element
    * @return {DOMElement} the element (for chaining)
    */
-  function clear$2(element) {
+  function clear$1(element) {
     var child;
 
     while ((child = element.firstChild)) {
@@ -2391,7 +2345,7 @@
     return element;
   }
 
-  var ns$1 = {
+  var ns = {
     svg: 'http://www.w3.org/2000/svg'
   };
 
@@ -2399,24 +2353,24 @@
    * DOM parsing utility
    */
 
-  var SVG_START$1 = '<svg xmlns="' + ns$1.svg + '"';
+  var SVG_START = '<svg xmlns="' + ns.svg + '"';
 
-  function parse$2(svg) {
+  function parse$1(svg) {
 
     var unwrap = false;
 
     // ensure we import a valid svg document
     if (svg.substring(0, 4) === '<svg') {
-      if (svg.indexOf(ns$1.svg) === -1) {
-        svg = SVG_START$1 + svg.substring(4);
+      if (svg.indexOf(ns.svg) === -1) {
+        svg = SVG_START + svg.substring(4);
       }
     } else {
       // namespace svg
-      svg = SVG_START$1 + '>' + svg + '</svg>';
+      svg = SVG_START + '>' + svg + '</svg>';
       unwrap = true;
     }
 
-    var parsed = parseDocument$1(svg);
+    var parsed = parseDocument(svg);
 
     if (!unwrap) {
       return parsed;
@@ -2433,7 +2387,7 @@
     return fragment;
   }
 
-  function parseDocument$1(svg) {
+  function parseDocument(svg) {
 
     var parser;
 
@@ -2461,14 +2415,14 @@
     var element;
 
     if (name.charAt(0) === '<') {
-      element = parse$2(name).firstChild;
+      element = parse$1(name).firstChild;
       element = document.importNode(element, true);
     } else {
-      element = document.createElementNS(ns$1.svg, name);
+      element = document.createElementNS(ns.svg, name);
     }
 
     if (attrs) {
-      attr$2(element, attrs);
+      attr$1(element, attrs);
     }
 
     return element;
@@ -2488,7 +2442,7 @@
     '"': '\''
   };
 
-  function escape(str, pattern) {
+  function escape$1(str, pattern) {
 
     function replaceFn(match, entity) {
       return ENTITY_REPLACEMENT[entity] || entity;
@@ -2505,7 +2459,7 @@
     // TEXT
     case 3:
       // replace special XML characters
-      output.push(escape(node.textContent, TEXT_ENTITIES));
+      output.push(escape$1(node.textContent, TEXT_ENTITIES));
       break;
 
     // ELEMENT
@@ -2516,7 +2470,7 @@
         attrMap = node.attributes;
         for (i = 0, len = attrMap.length; i < len; ++i) {
           attrNode = attrMap.item(i);
-          output.push(' ', attrNode.name, '="', escape(attrNode.value, ATTR_ENTITIES), '"');
+          output.push(' ', attrNode.name, '="', escape$1(attrNode.value, ATTR_ENTITIES), '"');
         }
       }
 
@@ -2534,7 +2488,7 @@
 
     // COMMENT
     case 8:
-      output.push('<!--', escape(node.nodeValue, TEXT_ENTITIES), '-->');
+      output.push('<!--', escape$1(node.nodeValue, TEXT_ENTITIES), '-->');
       break;
 
     // CDATA
@@ -2557,10 +2511,10 @@
 
   function set(element, svg) {
 
-    var parsed = parse$2(svg);
+    var parsed = parse$1(svg);
 
     // clear element contents
-    clear$2(element);
+    clear$1(element);
 
     if (!svg) {
       return;
@@ -2571,11 +2525,11 @@
       parsed = parsed.documentElement;
     }
 
-    var nodes = slice(parsed.childNodes);
+    var nodes = slice$1(parsed.childNodes);
 
     // import + append each node
     for (var i = 0; i < nodes.length; i++) {
-      appendTo$1(nodes[i], element);
+      appendTo(nodes[i], element);
     }
 
   }
@@ -2613,7 +2567,7 @@
   }
 
 
-  function slice(arr) {
+  function slice$1(arr) {
     return Array.prototype.slice.call(arr);
   }
 
@@ -2624,7 +2578,7 @@
    * @param {number} angle
    * @param {number} amount
    */
-  function transform$1(gfx, x, y, angle, amount) {
+  function transform(gfx, x, y, angle, amount) {
     var translate = createTransform();
     translate.setTranslate(x, y);
 
@@ -2634,7 +2588,7 @@
     var scale = createTransform();
     scale.setScale(amount || 1, amount || 1);
 
-    transform(gfx, [ translate, rotate, scale ]);
+    transform$1(gfx, [ translate, rotate, scale ]);
   }
 
 
@@ -2643,11 +2597,11 @@
    * @param {number} x
    * @param {number} y
    */
-  function translate(gfx, x, y) {
+  function translate$1(gfx, x, y) {
     var translate = createTransform();
     translate.setTranslate(x, y);
 
-    transform(gfx, translate);
+    transform$1(gfx, translate);
   }
 
 
@@ -2659,7 +2613,7 @@
     var rotate = createTransform();
     rotate.setRotate(angle, 0, 0);
 
-    transform(gfx, rotate);
+    transform$1(gfx, rotate);
   }
 
   function createCommonjsModule(fn, module) {
@@ -2871,11 +2825,11 @@
 
       var marker = create$1('marker');
 
-      attr$2(options.element, attrs);
+      attr$1(options.element, attrs);
 
-      append$1(marker, options.element);
+      append(marker, options.element);
 
-      attr$2(marker, {
+      attr$1(marker, {
         id: id,
         viewBox: '0 0 20 20',
         refX: ref.x,
@@ -2885,15 +2839,15 @@
         orient: 'auto'
       });
 
-      var defs = query('defs', canvas._svg);
+      var defs = query$1('defs', canvas._svg);
 
       if (!defs) {
         defs = create$1('defs');
 
-        append$1(canvas._svg, defs);
+        append(canvas._svg, defs);
       }
 
-      append$1(defs, marker);
+      append(defs, marker);
 
       markers[id] = marker;
     }
@@ -2918,7 +2872,7 @@
 
       if (type === 'sequenceflow-end') {
         var sequenceflowEnd = create$1('path');
-        attr$2(sequenceflowEnd, { d: 'M 1 5 L 11 10 L 1 15 Z' });
+        attr$1(sequenceflowEnd, { d: 'M 1 5 L 11 10 L 1 15 Z' });
 
         addMarker(id, {
           element: sequenceflowEnd,
@@ -2933,7 +2887,7 @@
 
       if (type === 'messageflow-start') {
         var messageflowStart = create$1('circle');
-        attr$2(messageflowStart, { cx: 6, cy: 6, r: 3.5 });
+        attr$1(messageflowStart, { cx: 6, cy: 6, r: 3.5 });
 
         addMarker(id, {
           element: messageflowStart,
@@ -2947,7 +2901,7 @@
 
       if (type === 'messageflow-end') {
         var messageflowEnd = create$1('path');
-        attr$2(messageflowEnd, { d: 'm 1 5 l 0 -3 l 7 3 l -7 3 z' });
+        attr$1(messageflowEnd, { d: 'm 1 5 l 0 -3 l 7 3 l -7 3 z' });
 
         addMarker(id, {
           element: messageflowEnd,
@@ -2962,7 +2916,7 @@
 
       if (type === 'association-start') {
         var associationStart = create$1('path');
-        attr$2(associationStart, { d: 'M 11 5 L 1 10 L 11 15' });
+        attr$1(associationStart, { d: 'M 11 5 L 1 10 L 11 15' });
 
         addMarker(id, {
           element: associationStart,
@@ -2978,7 +2932,7 @@
 
       if (type === 'association-end') {
         var associationEnd = create$1('path');
-        attr$2(associationEnd, { d: 'M 1 5 L 11 10 L 1 15' });
+        attr$1(associationEnd, { d: 'M 1 5 L 11 10 L 1 15' });
 
         addMarker(id, {
           element: associationEnd,
@@ -2994,7 +2948,7 @@
 
       if (type === 'conditional-flow-marker') {
         var conditionalflowMarker = create$1('path');
-        attr$2(conditionalflowMarker, { d: 'M 0 10 L 8 6 L 16 10 L 8 14 Z' });
+        attr$1(conditionalflowMarker, { d: 'M 0 10 L 8 6 L 16 10 L 8 14 Z' });
 
         addMarker(id, {
           element: conditionalflowMarker,
@@ -3009,7 +2963,7 @@
 
       if (type === 'conditional-default-flow-marker') {
         var conditionaldefaultflowMarker = create$1('path');
-        attr$2(conditionaldefaultflowMarker, { d: 'M 6 4 L 10 16' });
+        attr$1(conditionaldefaultflowMarker, { d: 'M 6 4 L 10 16' });
 
         addMarker(id, {
           element: conditionaldefaultflowMarker,
@@ -3045,14 +2999,14 @@
           cy = height / 2;
 
       var circle = create$1('circle');
-      attr$2(circle, {
+      attr$1(circle, {
         cx: cx,
         cy: cy,
         r: Math.round((width + height) / 4 - offset)
       });
-      attr$2(circle, attrs);
+      attr$1(circle, attrs);
 
-      append$1(parentGfx, circle);
+      append(parentGfx, circle);
 
       return circle;
     }
@@ -3073,7 +3027,7 @@
       });
 
       var rect = create$1('rect');
-      attr$2(rect, {
+      attr$1(rect, {
         x: offset,
         y: offset,
         width: width - offset * 2,
@@ -3081,9 +3035,9 @@
         rx: r,
         ry: r
       });
-      attr$2(rect, attrs);
+      attr$1(rect, attrs);
 
-      append$1(parentGfx, rect);
+      append(parentGfx, rect);
 
       return rect;
     }
@@ -3106,12 +3060,12 @@
       });
 
       var polygon = create$1('polygon');
-      attr$2(polygon, {
+      attr$1(polygon, {
         points: pointsString
       });
-      attr$2(polygon, attrs);
+      attr$1(polygon, attrs);
 
-      append$1(parentGfx, polygon);
+      append(parentGfx, polygon);
 
       return polygon;
     }
@@ -3125,7 +3079,7 @@
 
       var line = createLine(waypoints, attrs);
 
-      append$1(parentGfx, line);
+      append(parentGfx, line);
 
       return line;
     }
@@ -3138,10 +3092,10 @@
       });
 
       var path = create$1('path');
-      attr$2(path, { d: d });
-      attr$2(path, attrs);
+      attr$1(path, { d: d });
+      attr$1(path, attrs);
 
-      append$1(parentGfx, path);
+      append(parentGfx, path);
 
       return path;
     }
@@ -3227,9 +3181,9 @@
 
       var text = textRenderer.createText(label || '', options);
 
-      classes$2(text).add('djs-label');
+      classes$1(text).add('djs-label');
 
-      append$1(parentGfx, text);
+      append(parentGfx, text);
 
       return text;
     }
@@ -3283,7 +3237,7 @@
 
       var top = -1 * element.height;
 
-      transform$1(textBox, 0, -top, 270);
+      transform(textBox, 0, -top, 270);
     }
 
     function createPathFromConnection(connection) {
@@ -3839,7 +3793,7 @@
         });
 
         var businessHeaderPath = drawPath(parentGfx, headerPathData);
-        attr$2(businessHeaderPath, {
+        attr$1(businessHeaderPath, {
           strokeWidth: 1,
           fill: getFillColor(element, '#aaaaaa'),
           stroke: getStrokeColor(element, defaultStrokeColor)
@@ -3853,7 +3807,7 @@
         });
 
         var businessPath = drawPath(parentGfx, headerData);
-        attr$2(businessPath, {
+        attr$1(businessPath, {
           strokeWidth: 1,
           stroke: getStrokeColor(element, defaultStrokeColor)
         });
@@ -3871,7 +3825,7 @@
         var expanded = isExpanded(element);
 
         if (isEventSubProcess(element)) {
-          attr$2(rect, {
+          attr$1(rect, {
             strokeDasharray: '1,2'
           });
         }
@@ -4093,7 +4047,7 @@
           });
 
           var parallelPath = drawPath(parentGfx, pathData);
-          attr$2(parallelPath, {
+          attr$1(parallelPath, {
             strokeWidth: 1,
             fill: 'none'
           });
@@ -4101,7 +4055,7 @@
 
           if (!instantiate) {
             var innerCircle = drawCircle(parentGfx, element.width, element.height, element.height * 0.26);
-            attr$2(innerCircle, {
+            attr$1(innerCircle, {
               strokeWidth: 1,
               fill: 'none',
               stroke: getStrokeColor(element, defaultStrokeColor)
@@ -4146,7 +4100,7 @@
 
           // conditional flow marker
           if (sequenceFlow.conditionExpression && source.$instanceOf('bpmn:Activity')) {
-            attr$2(path, {
+            attr$1(path, {
               markerStart: marker('conditional-flow-marker', fill, stroke)
             });
           }
@@ -4154,7 +4108,7 @@
           // default marker
           if (source.default && (source.$instanceOf('bpmn:Gateway') || source.$instanceOf('bpmn:Activity')) &&
               source.default === sequenceFlow) {
-            attr$2(path, {
+            attr$1(path, {
               markerStart: marker('conditional-default-flow-marker', fill, stroke)
             });
           }
@@ -4262,7 +4216,7 @@
           var translateX = midPoint.x - labelBounds.width / 2,
               translateY = midPoint.y + messageBounds.height / 2 + ELEMENT_LABEL_DISTANCE;
 
-          transform$1(label, translateX, translateY, 0);
+          transform(label, translateX, translateY, 0);
 
         }
 
@@ -4451,7 +4405,7 @@
 
         // Process marker is placed in the middle of the box
         // therefore fixed values can be used here
-        translate(markerRect, element.width / 2 - 7.5, element.height - 20);
+        translate$1(markerRect, element.width / 2 - 7.5, element.height - 20);
 
         var markerPath = pathMap.getScaledPath('MARKER_SUB_PROCESS', {
           xScaleFactor: 1.5,
@@ -4585,7 +4539,7 @@
         };
       }
 
-      forEach(taskMarkers, function(marker) {
+      forEach$2(taskMarkers, function(marker) {
         renderer(marker)(parentGfx, element, position);
       });
 
@@ -4606,96 +4560,704 @@
           renderer('LoopMarker')(parentGfx, element, position);
         }
 
-        if (isSequential === false) {
-          renderer('ParallelMarker')(parentGfx, element, position);
-        }
+        if (isSequential === false) {
+          renderer('ParallelMarker')(parentGfx, element, position);
+        }
+
+        if (isSequential === true) {
+          renderer('SequentialMarker')(parentGfx, element, position);
+        }
+      }
+    }
+
+    function renderDataItemCollection(parentGfx, element) {
+
+      var yPosition = (element.height - 18) / element.height;
+
+      var pathData = pathMap.getScaledPath('DATA_OBJECT_COLLECTION_PATH', {
+        xScaleFactor: 1,
+        yScaleFactor: 1,
+        containerWidth: element.width,
+        containerHeight: element.height,
+        position: {
+          mx: 0.33,
+          my: yPosition
+        }
+      });
+
+      /* collection path */ drawPath(parentGfx, pathData, {
+        strokeWidth: 2
+      });
+    }
+
+
+    // extension API, use at your own risk
+    this._drawPath = drawPath;
+
+    this._renderer = renderer;
+  }
+
+
+  e(BpmnRenderer, BaseRenderer);
+
+  BpmnRenderer.$inject = [
+    'config.bpmnRenderer',
+    'eventBus',
+    'styles',
+    'pathMap',
+    'canvas',
+    'textRenderer'
+  ];
+
+
+  BpmnRenderer.prototype.canRender = function(element) {
+    return is$1(element, 'bpmn:BaseElement');
+  };
+
+  BpmnRenderer.prototype.drawShape = function(parentGfx, element) {
+    var type = element.type;
+    var h = this._renderer(type);
+
+    /* jshint -W040 */
+    return h(parentGfx, element);
+  };
+
+  BpmnRenderer.prototype.drawConnection = function(parentGfx, element) {
+    var type = element.type;
+    var h = this._renderer(type);
+
+    /* jshint -W040 */
+    return h(parentGfx, element);
+  };
+
+  BpmnRenderer.prototype.getShapePath = function(element) {
+
+    if (is$1(element, 'bpmn:Event')) {
+      return getCirclePath(element);
+    }
+
+    if (is$1(element, 'bpmn:Activity')) {
+      return getRoundRectPath(element, TASK_BORDER_RADIUS);
+    }
+
+    if (is$1(element, 'bpmn:Gateway')) {
+      return getDiamondPath(element);
+    }
+
+    return getRectPath(element);
+  };
+
+  /**
+   * Flatten array, one level deep.
+   *
+   * @param {Array<?>} arr
+   *
+   * @return {Array<?>}
+   */
+
+  var nativeToString = Object.prototype.toString;
+  var nativeHasOwnProperty = Object.prototype.hasOwnProperty;
+  function isUndefined$1(obj) {
+    return obj === undefined;
+  }
+  function isArray$1(obj) {
+    return nativeToString.call(obj) === '[object Array]';
+  }
+  /**
+   * Return true, if target owns a property with the given key.
+   *
+   * @param {Object} target
+   * @param {String} key
+   *
+   * @return {Boolean}
+   */
+
+  function has(target, key) {
+    return nativeHasOwnProperty.call(target, key);
+  }
+  /**
+   * Iterate over collection; returning something
+   * (non-undefined) will stop iteration.
+   *
+   * @param  {Array|Object} collection
+   * @param  {Function} iterator
+   *
+   * @return {Object} return result that stopped the iteration
+   */
+
+  function forEach(collection, iterator) {
+    var val, result;
+
+    if (isUndefined$1(collection)) {
+      return;
+    }
+
+    var convertKey = isArray$1(collection) ? toNum : identity;
+
+    for (var key in collection) {
+      if (has(collection, key)) {
+        val = collection[key];
+        result = iterator(val, convertKey(key));
+
+        if (result === false) {
+          return val;
+        }
+      }
+    }
+  }
+
+  function identity(arg) {
+    return arg;
+  }
+
+  function toNum(arg) {
+    return Number(arg);
+  }
+
+  /**
+   * Assigns style attributes in a style-src compliant way.
+   *
+   * @param {Element} element
+   * @param {...Object} styleSources
+   *
+   * @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];
+    }
+
+    forEach(styleSources, function (style) {
+      if (!style) {
+        return;
+      }
+
+      forEach(style, function (value, key) {
+        target[key] = value;
+      });
+    });
+
+    return element;
+  }
+
+  /**
+   * Set attribute `name` to `val`, or get attr `name`.
+   *
+   * @param {Element} el
+   * @param {String} name
+   * @param {String} [val]
+   * @api public
+   */
+  function attr(el, name, val) {
+    // get
+    if (arguments.length == 2) {
+      return el.getAttribute(name);
+    }
+
+    // remove
+    if (val === null) {
+      return el.removeAttribute(name);
+    }
+
+    // set
+    el.setAttribute(name, val);
+
+    return el;
+  }
+
+  var indexOf = [].indexOf;
+
+  var indexof = function(arr, obj){
+    if (indexOf) return arr.indexOf(obj);
+    for (var i = 0; i < arr.length; ++i) {
+      if (arr[i] === obj) return i;
+    }
+    return -1;
+  };
+
+  /**
+   * Taken from https://github.com/component/classes
+   *
+   * Without the component bits.
+   */
+
+  /**
+   * Whitespace regexp.
+   */
+
+  var re = /\s+/;
+
+  /**
+   * toString reference.
+   */
+
+  var toString = Object.prototype.toString;
+
+  /**
+   * Wrap `el` in a `ClassList`.
+   *
+   * @param {Element} el
+   * @return {ClassList}
+   * @api public
+   */
+
+  function classes(el) {
+    return new ClassList(el);
+  }
+
+  /**
+   * Initialize a new ClassList for `el`.
+   *
+   * @param {Element} el
+   * @api private
+   */
+
+  function ClassList(el) {
+    if (!el || !el.nodeType) {
+      throw new Error('A DOM element reference is required');
+    }
+    this.el = el;
+    this.list = el.classList;
+  }
+
+  /**
+   * 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 = indexof(arr, name);
+    if (!~i) arr.push(name);
+    this.el.className = arr.join(' ');
+    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
+   */
+
+  ClassList.prototype.remove = function (name) {
+    if ('[object RegExp]' == toString.call(name)) {
+      return this.removeMatching(name);
+    }
+
+    // classList
+    if (this.list) {
+      this.list.remove(name);
+      return this;
+    }
+
+    // fallback
+    var arr = this.array();
+    var i = indexof(arr, name);
+    if (~i) arr.splice(i, 1);
+    this.el.className = arr.join(' ');
+    return this;
+  };
+
+  /**
+   * 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++) {
+      if (re.test(arr[i])) {
+        this.remove(arr[i]);
+      }
+    }
+    return this;
+  };
+
+  /**
+   * 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 ('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
+    if ('undefined' !== typeof force) {
+      if (!force) {
+        this.remove(name);
+      } else {
+        this.add(name);
+      }
+    } else {
+      if (this.has(name)) {
+        this.remove(name);
+      } else {
+        this.add(name);
+      }
+    }
+
+    return this;
+  };
+
+  /**
+   * 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;
+  };
+
+  /**
+   * 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) : !!~indexof(this.array(), name);
+  };
+
+  /**
+   * Remove all children from the given element.
+   */
+  function clear(el) {
+
+    var c;
+
+    while (el.childNodes.length) {
+      c = el.childNodes[0];
+      el.removeChild(c);
+    }
+
+    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 {Element} el
+   * @param {String} selector
+   * @return {Boolean}
+   * @api public
+   */
+
+  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;
+  }
+
+  /**
+   * Closest
+   *
+   * @param {Element} el
+   * @param {String} selector
+   * @param {Boolean} checkYourSelf (optional)
+   */
+  function closest (element, selector, checkYourSelf) {
+    var currentElem = checkYourSelf ? element : element.parentNode;
+
+    while (currentElem && currentElem.nodeType !== document.DOCUMENT_NODE && currentElem.nodeType !== document.DOCUMENT_FRAGMENT_NODE) {
+
+      if (matchesSelector(currentElem, selector)) {
+        return currentElem;
+      }
+
+      currentElem = currentElem.parentNode;
+    }
+
+    return matchesSelector(currentElem, selector) ? currentElem : null;
+  }
+
+  var bind$1 = window.addEventListener ? 'addEventListener' : 'attachEvent',
+      unbind = window.removeEventListener ? 'removeEventListener' : 'detachEvent',
+      prefix$6 = bind$1 !== 'addEventListener' ? 'on' : '';
+
+  /**
+   * Bind `el` event `type` to `fn`.
+   *
+   * @param {Element} el
+   * @param {String} type
+   * @param {Function} fn
+   * @param {Boolean} capture
+   * @return {Function}
+   * @api public
+   */
+
+  var bind_1 = function(el, type, fn, capture){
+    el[bind$1](prefix$6 + type, fn, capture || false);
+    return fn;
+  };
+
+  /**
+   * Unbind `el` event `type`'s callback `fn`.
+   *
+   * @param {Element} el
+   * @param {String} type
+   * @param {Function} fn
+   * @param {Boolean} capture
+   * @return {Function}
+   * @api public
+   */
+
+  var unbind_1 = function(el, type, fn, capture){
+    el[unbind](prefix$6 + type, fn, capture || false);
+    return fn;
+  };
+
+  var componentEvent = {
+  	bind: bind_1,
+  	unbind: unbind_1
+  };
+
+  /**
+   * Module dependencies.
+   */
+
+  /**
+   * Delegate event `type` to `selector`
+   * and invoke `fn(e)`. A callback function
+   * is returned which may be passed to `.unbind()`.
+   *
+   * @param {Element} el
+   * @param {String} selector
+   * @param {String} type
+   * @param {Function} fn
+   * @param {Boolean} capture
+   * @return {Function}
+   * @api public
+   */
+
+  // Some events don't bubble, so we want to bind to the capture phase instead
+  // when delegating.
+  var forceCaptureEvents = ['focus', 'blur'];
+
+  function bind$2(el, selector, type, fn, capture) {
+    if (forceCaptureEvents.indexOf(type) !== -1) {
+      capture = true;
+    }
 
-        if (isSequential === true) {
-          renderer('SequentialMarker')(parentGfx, element, position);
-        }
+    return componentEvent.bind(el, type, function (e) {
+      var target = e.target || e.srcElement;
+      e.delegateTarget = closest(target, selector, true);
+      if (e.delegateTarget) {
+        fn.call(el, e);
       }
-    }
+    }, capture);
+  }
 
-    function renderDataItemCollection(parentGfx, element) {
+  /**
+   * Unbind event `type`'s callback `fn`.
+   *
+   * @param {Element} el
+   * @param {String} type
+   * @param {Function} fn
+   * @param {Boolean} capture
+   * @api public
+   */
+  function unbind$1(el, type, fn, capture) {
+    if (forceCaptureEvents.indexOf(type) !== -1) {
+      capture = true;
+    }
 
-      var yPosition = (element.height - 18) / element.height;
+    return componentEvent.unbind(el, type, fn, capture);
+  }
 
-      var pathData = pathMap.getScaledPath('DATA_OBJECT_COLLECTION_PATH', {
-        xScaleFactor: 1,
-        yScaleFactor: 1,
-        containerWidth: element.width,
-        containerHeight: element.height,
-        position: {
-          mx: 0.33,
-          my: yPosition
-        }
-      });
+  var delegate = {
+    bind: bind$2,
+    unbind: unbind$1
+  };
 
-      /* collection path */ drawPath(parentGfx, pathData, {
-        strokeWidth: 2
-      });
-    }
+  /**
+   * Expose `parse`.
+   */
 
+  var domify = parse;
 
-    // extension API, use at your own risk
-    this._drawPath = drawPath;
+  /**
+   * Tests for browser support.
+   */
 
-    this._renderer = renderer;
+  var innerHTMLBug = false;
+  var bugTestDiv;
+  if (typeof document !== 'undefined') {
+    bugTestDiv = document.createElement('div');
+    // Setup
+    bugTestDiv.innerHTML = '  <link/><table></table><a href="/a">a</a><input type="checkbox"/>';
+    // Make sure that link elements get serialized correctly by innerHTML
+    // This requires a wrapper element in IE
+    innerHTMLBug = !bugTestDiv.getElementsByTagName('link').length;
+    bugTestDiv = undefined;
   }
 
+  /**
+   * Wrap map from jquery.
+   */
 
-  e(BpmnRenderer, BaseRenderer);
+  var map$1 = {
+    legend: [1, '<fieldset>', '</fieldset>'],
+    tr: [2, '<table><tbody>', '</tbody></table>'],
+    col: [2, '<table><tbody></tbody><colgroup>', '</colgroup></table>'],
+    // for script/link/style tags to work in IE6-8, you have to wrap
+    // in a div with a non-whitespace character in front, ha!
+    _default: innerHTMLBug ? [1, 'X<div>', '</div>'] : [0, '', '']
+  };
 
-  BpmnRenderer.$inject = [
-    'config.bpmnRenderer',
-    'eventBus',
-    'styles',
-    'pathMap',
-    'canvas',
-    'textRenderer'
-  ];
+  map$1.td =
+  map$1.th = [3, '<table><tbody><tr>', '</tr></tbody></table>'];
 
+  map$1.option =
+  map$1.optgroup = [1, '<select multiple="multiple">', '</select>'];
 
-  BpmnRenderer.prototype.canRender = function(element) {
-    return is(element, 'bpmn:BaseElement');
-  };
+  map$1.thead =
+  map$1.tbody =
+  map$1.colgroup =
+  map$1.caption =
+  map$1.tfoot = [1, '<table>', '</table>'];
 
-  BpmnRenderer.prototype.drawShape = function(parentGfx, element) {
-    var type = element.type;
-    var h = this._renderer(type);
+  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>'];
 
-    /* jshint -W040 */
-    return h(parentGfx, element);
-  };
+  /**
+   * Parse `html` and return a DOM Node instance, which could be a TextNode,
+   * HTML DOM Node of some kind (<div> for example), or a DocumentFragment
+   * instance, depending on the contents of the `html` string.
+   *
+   * @param {String} html - HTML string to "domify"
+   * @param {Document} doc - The `document` instance to create the Node for
+   * @return {DOMNode} the TextNode, DOM Node, or DocumentFragment instance
+   * @api private
+   */
 
-  BpmnRenderer.prototype.drawConnection = function(parentGfx, element) {
-    var type = element.type;
-    var h = this._renderer(type);
+  function parse(html, doc) {
+    if ('string' != typeof html) throw new TypeError('String expected');
 
-    /* jshint -W040 */
-    return h(parentGfx, element);
-  };
+    // default to the global `document` object
+    if (!doc) doc = document;
 
-  BpmnRenderer.prototype.getShapePath = function(element) {
+    // tag name
+    var m = /<([\w:]+)/.exec(html);
+    if (!m) return doc.createTextNode(html);
 
-    if (is(element, 'bpmn:Event')) {
-      return getCirclePath(element);
+    html = html.replace(/^\s+|\s+$/g, ''); // Remove leading/trailing whitespace
+
+    var tag = m[1];
+
+    // body support
+    if (tag == 'body') {
+      var el = doc.createElement('html');
+      el.innerHTML = html;
+      return el.removeChild(el.lastChild);
     }
 
-    if (is(element, 'bpmn:Activity')) {
-      return getRoundRectPath(element, TASK_BORDER_RADIUS);
+    // wrap map
+    var wrap = map$1[tag] || map$1._default;
+    var depth = wrap[0];
+    var prefix = wrap[1];
+    var suffix = wrap[2];
+    var el = doc.createElement('div');
+    el.innerHTML = prefix + html + suffix;
+    while (depth--) el = el.lastChild;
+
+    // one element
+    if (el.firstChild == el.lastChild) {
+      return el.removeChild(el.firstChild);
     }
 
-    if (is(element, 'bpmn:Gateway')) {
-      return getDiamondPath(element);
+    // several elements
+    var fragment = doc.createDocumentFragment();
+    while (el.firstChild) {
+      fragment.appendChild(el.removeChild(el.firstChild));
     }
 
-    return getRectPath(element);
-  };
+    return fragment;
+  }
+
+  function query(selector, el) {
+    el = el || document;
+
+    return el.querySelector(selector);
+  }
+
+  function all(selector, el) {
+    el = el || document;
+
+    return el.querySelectorAll(selector);
+  }
+
+  function remove$1(el) {
+    el.parentNode && el.parentNode.removeChild(el);
+  }
 
   var DEFAULT_BOX_PADDING = 0;
 
-  var DEFAULT_LABEL_SIZE = {
+  var DEFAULT_LABEL_SIZE$1 = {
     width: 150,
     height: 50
   };
@@ -4872,9 +5434,9 @@
     var helperSvg = document.getElementById('helper-svg');
 
     if (!helperSvg) {
-      helperSvg = create('svg');
+      helperSvg = create$2('svg');
 
-      attr(helperSvg, {
+      attr$2(helperSvg, {
         id: 'helper-svg'
       });
 
@@ -4904,7 +5466,7 @@
   function Text(config) {
 
     this._config = assign({}, {
-      size: DEFAULT_LABEL_SIZE,
+      size: DEFAULT_LABEL_SIZE$1,
       padding: DEFAULT_BOX_PADDING,
       style: {},
       align: 'center-top'
@@ -4968,13 +5530,13 @@
     var maxWidth = box.width - padding.left - padding.right;
 
     // ensure correct rendering by attaching helper text node to invisible SVG
-    var helperText = create('text');
-    attr(helperText, { x: 0, y: 0 });
-    attr(helperText, style);
+    var helperText = create$2('text');
+    attr$2(helperText, { x: 0, y: 0 });
+    attr$2(helperText, style);
 
     var helperSvg = getHelperSvg();
 
-    append(helperSvg, helperText);
+    append$1(helperSvg, helperText);
 
     while (lines.length) {
       layouted.push(layoutNext(lines, maxWidth, helperText));
@@ -5003,13 +5565,13 @@
     y -= (lineHeight || layouted[0].height) / 4;
 
 
-    var textElement = create('text');
+    var textElement = create$2('text');
 
-    attr(textElement, style);
+    attr$2(textElement, style);
 
     // layout each line taking into account that parent
     // shape might resize to fit text size
-    forEach(layouted, function(line) {
+    forEach$2(layouted, function(line) {
 
       var x;
 
@@ -5032,15 +5594,15 @@
           - line.width) / 2 + padding.left), 0);
       }
 
-      var tspan = create('tspan');
-      attr(tspan, { x: x, y: y });
+      var tspan = create$2('tspan');
+      attr$2(tspan, { x: x, y: y });
 
       tspan.textContent = line.text;
 
-      append(textElement, tspan);
+      append$1(textElement, tspan);
     });
 
-    remove(helperText);
+    remove$4(helperText);
 
     var dimensions = {
       width: maxLineWidth,
@@ -5645,7 +6207,7 @@
     });
   }
 
-  var DrawModule = {
+  var DrawModule$1 = {
     __init__: [ 'bpmnRenderer' ],
     bpmnRenderer: [ 'type', BpmnRenderer ],
     textRenderer: [ 'type', TextRenderer ],
@@ -5670,7 +6232,7 @@
    *
    * @return {string} the translated string
    */
-  function translate$1(template, replacements) {
+  function translate(template, replacements) {
 
     replacements = replacements || {};
 
@@ -5680,10 +6242,10 @@
   }
 
   var TranslateModule = {
-    translate: [ 'value', translate$1 ]
+    translate: [ 'value', translate ]
   };
 
-  var DEFAULT_LABEL_SIZE$1 = {
+  var DEFAULT_LABEL_SIZE = {
     width: 90,
     height: 20
   };
@@ -5698,15 +6260,15 @@
    * @return {boolean} true if has label
    */
   function isLabelExternal(semantic) {
-    return is(semantic, 'bpmn:Event') ||
-           is(semantic, 'bpmn:Gateway') ||
-           is(semantic, 'bpmn:DataStoreReference') ||
-           is(semantic, 'bpmn:DataObjectReference') ||
-           is(semantic, 'bpmn:DataInput') ||
-           is(semantic, 'bpmn:DataOutput') ||
-           is(semantic, 'bpmn:SequenceFlow') ||
-           is(semantic, 'bpmn:MessageFlow') ||
-           is(semantic, 'bpmn:Group');
+    return is$1(semantic, 'bpmn:Event') ||
+           is$1(semantic, 'bpmn:Gateway') ||
+           is$1(semantic, 'bpmn:DataStoreReference') ||
+           is$1(semantic, 'bpmn:DataObjectReference') ||
+           is$1(semantic, 'bpmn:DataInput') ||
+           is$1(semantic, 'bpmn:DataOutput') ||
+           is$1(semantic, 'bpmn:SequenceFlow') ||
+           is$1(semantic, 'bpmn:MessageFlow') ||
+           is$1(semantic, 'bpmn:Group');
   }
 
   /**
@@ -5766,15 +6328,15 @@
 
     if (element.waypoints) {
       return getFlowLabelPosition(element.waypoints);
-    } else if (is(element, 'bpmn:Group')) {
+    } else if (is$1(element, 'bpmn:Group')) {
       return {
         x: element.x + element.width / 2,
-        y: element.y + DEFAULT_LABEL_SIZE$1.height / 2
+        y: element.y + DEFAULT_LABEL_SIZE.height / 2
       };
     } else {
       return {
         x: element.x + element.width / 2,
-        y: element.y + element.height + DEFAULT_LABEL_SIZE$1.height / 2
+        y: element.y + element.height + DEFAULT_LABEL_SIZE.height / 2
       };
     }
   }
@@ -5798,7 +6360,7 @@
       bounds = label.bounds;
 
       size = {
-        width: Math.max(DEFAULT_LABEL_SIZE$1.width, bounds.width),
+        width: Math.max(DEFAULT_LABEL_SIZE.width, bounds.width),
         height: bounds.height
       };
 
@@ -5810,7 +6372,7 @@
 
       mid = getExternalLabelMid(element);
 
-      size = DEFAULT_LABEL_SIZE$1;
+      size = DEFAULT_LABEL_SIZE;
     }
 
     return assign({
@@ -5819,6 +6381,12 @@
     }, size);
   }
 
+  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+  function getDefaultExportFromCjs (x) {
+  	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+  }
+
   function roundPoint(point) {
 
     return {
@@ -6053,9 +6621,9 @@
     // ROOT ELEMENT
     // handle the special case that we deal with a
     // invisible root element (process, subprocess or collaboration)
-    if (is(di, 'bpmndi:BPMNPlane')) {
+    if (is$1(di, 'bpmndi:BPMNPlane')) {
 
-      var attrs = is(semantic, 'bpmn:SubProcess')
+      var attrs = is$1(semantic, 'bpmn:SubProcess')
         ? { id: semantic.id + '_plane' }
         : {};
 
@@ -6066,10 +6634,10 @@
     }
 
     // SHAPE
-    else if (is(di, 'bpmndi:BPMNShape')) {
+    else if (is$1(di, 'bpmndi:BPMNShape')) {
 
       var collapsed = !isExpanded(semantic, di),
-          isFrame = isFrameElement(semantic);
+          isFrame = isFrameElement$1(semantic);
 
       hidden = parentElement && (parentElement.hidden || parentElement.collapsed);
 
@@ -6085,16 +6653,16 @@
         isFrame: isFrame
       }));
 
-      if (is(semantic, 'bpmn:BoundaryEvent')) {
+      if (is$1(semantic, 'bpmn:BoundaryEvent')) {
         this._attachBoundary(semantic, element);
       }
 
       // insert lanes behind other flow nodes (cf. #727)
-      if (is(semantic, 'bpmn:Lane')) {
+      if (is$1(semantic, 'bpmn:Lane')) {
         parentIndex = 0;
       }
 
-      if (is(semantic, 'bpmn:DataStoreReference')) {
+      if (is$1(semantic, 'bpmn:DataStoreReference')) {
 
         // check whether data store is inside our outside of its semantic parent
         if (!isPointInsideBBox(parentElement, getMid(bounds))) {
@@ -6106,7 +6674,7 @@
     }
 
     // CONNECTION
-    else if (is(di, 'bpmndi:BPMNEdge')) {
+    else if (is$1(di, 'bpmndi:BPMNEdge')) {
 
       var source = this._getSource(semantic),
           target = this._getTarget(semantic);
@@ -6120,7 +6688,7 @@
         waypoints: getWaypoints(di, source, target)
       }));
 
-      if (is(semantic, 'bpmn:DataAssociation')) {
+      if (is$1(semantic, 'bpmn:DataAssociation')) {
 
         // render always on top; this ensures DataAssociations
         // are rendered correctly across different "hacks" people
@@ -6285,8 +6853,8 @@
       y <= bbox.y + bbox.height;
   }
 
-  function isFrameElement(semantic) {
-    return is(semantic, 'bpmn:Group');
+  function isFrameElement$1(semantic) {
+    return is$1(semantic, 'bpmn:Group');
   }
 
   var ImportModule = {
@@ -6296,9 +6864,9 @@
     bpmnImporter: [ 'type', BpmnImporter ]
   };
 
-  var CoreModule = {
+  var CoreModule$1 = {
     __depends__: [
-      DrawModule,
+      DrawModule$1,
       ImportModule
     ]
   };
@@ -6355,7 +6923,7 @@
     return isPrimaryButton(event) || isAuxiliaryButton(event);
   }
 
-  var LOW_PRIORITY = 500;
+  var LOW_PRIORITY$3 = 500;
 
 
   /**
@@ -6515,13 +7083,13 @@
     }
 
     function registerEvents(svg) {
-      forEach(bindings, function(val, key) {
+      forEach$2(bindings, function(val, key) {
         registerEvent(svg, key, val);
       });
     }
 
     function unregisterEvents(svg) {
-      forEach(bindings, function(val, key) {
+      forEach$2(bindings, function(val, key) {
         unregisterEvent(svg, key, val);
       });
     }
@@ -6550,7 +7118,7 @@
     eventBus.on([
       'shape.changed',
       'connection.changed'
-    ], LOW_PRIORITY, function(event) {
+    ], LOW_PRIORITY$3, function(event) {
 
       var element = event.element,
           gfx = event.gfx;
@@ -6558,7 +7126,7 @@
       eventBus.fire('interactionEvents.updateHit', { element: element, gfx: gfx });
     });
 
-    eventBus.on('interactionEvents.createHit', LOW_PRIORITY, function(event) {
+    eventBus.on('interactionEvents.createHit', LOW_PRIORITY$3, function(event) {
       var element = event.element,
           gfx = event.gfx;
 
@@ -6611,13 +7179,13 @@
         throw new Error('invalid hit type <' + type + '>');
       }
 
-      attr(hit, attrs);
+      attr$2(hit, attrs);
 
       return hit;
     }
 
     function appendHit(gfx, hit) {
-      append(gfx, hit);
+      append$1(gfx, hit);
     }
 
 
@@ -6631,7 +7199,7 @@
     this.removeHits = function(gfx) {
       var hits = all('.djs-hit', gfx);
 
-      forEach(hits, remove);
+      forEach$2(hits, remove$4);
     };
 
     /**
@@ -6695,11 +7263,11 @@
         y: 0
       }, attrs);
 
-      var hit = create('rect');
+      var hit = create$2('rect');
 
       applyStyle(hit, type);
 
-      attr(hit, attrs);
+      attr$2(hit, attrs);
 
       appendHit(gfx, hit);
 
@@ -6725,7 +7293,7 @@
       if (element.waypoints) {
         updateLine(hit, element.waypoints);
       } else {
-        attr(hit, {
+        attr$2(hit, {
           width: element.width,
           height: element.height
         });
@@ -6847,7 +7415,7 @@
   function getBBox(elements, stopRecursion) {
 
     stopRecursion = !!stopRecursion;
-    if (!isArray(elements)) {
+    if (!isArray$3(elements)) {
       elements = [ elements ];
     }
 
@@ -6856,7 +7424,7 @@
         maxX,
         maxY;
 
-    forEach(elements, function(element) {
+    forEach$2(elements, function(element) {
 
       // If element is a connection the bbox must be computed first
       var bbox = element;
@@ -6906,12 +7474,12 @@
     return 'root';
   }
 
-  function isFrameElement$1(element) {
+  function isFrameElement(element) {
 
     return !!(element && element.isFrame);
   }
 
-  var LOW_PRIORITY$1 = 500;
+  var LOW_PRIORITY$2 = 500;
 
 
   /**
@@ -6933,9 +7501,9 @@
     var self = this;
 
     function createOutline(gfx, bounds) {
-      var outline = create('rect');
+      var outline = create$2('rect');
 
-      attr(outline, assign({
+      attr$2(outline, assign({
         x: 10,
         y: 10,
         rx: 3,
@@ -6943,14 +7511,14 @@
         height: 100
       }, OUTLINE_STYLE));
 
-      append(gfx, outline);
+      append$1(gfx, outline);
 
       return outline;
     }
 
     // A low priortity is necessary, because outlines of labels have to be updated
     // after the label bounds have been updated in the renderer.
-    eventBus.on([ 'shape.added', 'shape.changed' ], LOW_PRIORITY$1, function(event) {
+    eventBus.on([ 'shape.added', 'shape.changed' ], LOW_PRIORITY$2, function(event) {
       var element = event.element,
           gfx = event.gfx;
 
@@ -6987,7 +7555,7 @@
    */
   Outline.prototype.updateShapeOutline = function(outline, element) {
 
-    attr(outline, {
+    attr$2(outline, {
       x: -this.offset,
       y: -this.offset,
       width: element.width + this.offset * 2,
@@ -7008,7 +7576,7 @@
 
     var bbox = getBBox(connection);
 
-    attr(outline, {
+    attr$2(outline, {
       x: bbox.x - this.offset,
       y: bbox.y - this.offset,
       width: bbox.width + this.offset * 2,
@@ -7094,7 +7662,7 @@
     var selectedElements = this._selectedElements,
         oldSelection = selectedElements.slice();
 
-    if (!isArray(elements)) {
+    if (!isArray$3(elements)) {
       elements = elements ? [ elements ] : [];
     }
 
@@ -7111,7 +7679,7 @@
     // selection may be cleared by passing an empty array or null
     // to the method
     if (add) {
-      forEach(elements, function(element) {
+      forEach$2(elements, function(element) {
         if (selectedElements.indexOf(element) !== -1) {
 
           // already selected
@@ -7180,13 +7748,13 @@
       var oldSelection = event.oldSelection,
           newSelection = event.newSelection;
 
-      forEach(oldSelection, function(e) {
+      forEach$2(oldSelection, function(e) {
         if (newSelection.indexOf(e) === -1) {
           deselect(e);
         }
       });
 
-      forEach(newSelection, function(e) {
+      forEach$2(newSelection, function(e) {
         if (oldSelection.indexOf(e) === -1) {
           select(e);
         }
@@ -7212,13 +7780,13 @@
   SelectionVisuals.prototype._updateSelectionOutline = function(selection) {
     var layer = this._canvas.getLayer('selectionOutline');
 
-    clear(layer);
+    clear$2(layer);
 
     var enabled = selection.length > 1;
 
     var container = this._canvas.getContainer();
 
-    classes(container)[enabled ? 'add' : 'remove']('djs-multi-select');
+    classes$3(container)[enabled ? 'add' : 'remove']('djs-multi-select');
 
     if (!enabled) {
       return;
@@ -7226,15 +7794,15 @@
 
     var bBox = addSelectionOutlinePadding(getBBox(selection));
 
-    var rect = create('rect');
+    var rect = create$2('rect');
 
-    attr(rect, assign({
+    attr$2(rect, assign({
       rx: 3
     }, bBox));
 
-    classes(rect).add('djs-selection-outline');
+    classes$3(rect).add('djs-selection-outline');
 
-    append(layer, rect);
+    append$1(layer, rect);
   };
 
   // helpers //////////
@@ -7265,7 +7833,7 @@
           return;
         }
 
-        if (isArray(autoSelect)) {
+        if (isArray$3(autoSelect)) {
           selection.select(autoSelect);
         } else {
 
@@ -7396,7 +7964,7 @@
   // document wide unique overlay ids
   var ids = new IdGenerator('ov');
 
-  var LOW_PRIORITY$2 = 500;
+  var LOW_PRIORITY$1 = 500;
 
 
   /**
@@ -7632,13 +8200,13 @@
 
     var overlays = this.get(filter) || [];
 
-    if (!isArray(overlays)) {
+    if (!isArray$3(overlays)) {
       overlays = [ overlays ];
     }
 
     var self = this;
 
-    forEach(overlays, function(overlay) {
+    forEach$2(overlays, function(overlay) {
 
       var container = self._getOverlayContainer(overlay.element, true);
 
@@ -7677,7 +8245,7 @@
 
     this._overlayContainers = [];
 
-    clear$1(this._overlayRoot);
+    clear(this._overlayRoot);
   };
 
   Overlays.prototype._updateOverlayContainer = function(container) {
@@ -7698,7 +8266,7 @@
 
     setPosition(html, x, y);
 
-    attr$1(container.html, 'data-container-id', element.id);
+    attr(container.html, 'data-container-id', element.id);
   };
 
 
@@ -7825,7 +8393,7 @@
     htmlContainer.appendChild(html);
 
     if (overlay.type) {
-      classes$1(htmlContainer).add('djs-overlay-' + overlay.type);
+      classes(htmlContainer).add('djs-overlay-' + overlay.type);
     }
 
     var elementRoot = this._canvas.findRoot(element);
@@ -7910,7 +8478,7 @@
 
     var self = this;
 
-    forEach(this._overlays, function(overlay) {
+    forEach$2(this._overlays, function(overlay) {
       self._updateOverlayVisibilty(overlay, viewbox);
     });
   };
@@ -7947,7 +8515,7 @@
       var element = e.element;
       var overlays = self.get({ element: element });
 
-      forEach(overlays, function(o) {
+      forEach$2(overlays, function(o) {
         self.remove(o.id);
       });
 
@@ -7965,13 +8533,13 @@
 
     // move integration
 
-    eventBus.on('element.changed', LOW_PRIORITY$2, function(e) {
+    eventBus.on('element.changed', LOW_PRIORITY$1, function(e) {
       var element = e.element;
 
       var container = self._getOverlayContainer(element, true);
 
       if (container) {
-        forEach(container.overlays, function(overlay) {
+        forEach$2(container.overlays, function(overlay) {
           self._updateOverlay(overlay);
         });
 
@@ -7985,7 +8553,7 @@
     eventBus.on('element.marker.update', function(e) {
       var container = self._getOverlayContainer(e.element, true);
       if (container) {
-        classes$1(container.html)[e.add ? 'add' : 'remove'](e.marker);
+        classes(container.html)[e.add ? 'add' : 'remove'](e.marker);
       }
     });
 
@@ -8116,7 +8684,7 @@
     changeSupport: [ 'type', ChangeSupport ]
   };
 
-  var DEFAULT_PRIORITY = 1000;
+  var DEFAULT_PRIORITY$1 = 1000;
 
   /**
    * A utility that can be used to plug-in into the command execution for
@@ -8178,7 +8746,7 @@
       that = unwrap;
       unwrap = handlerFn;
       handlerFn = priority;
-      priority = DEFAULT_PRIORITY;
+      priority = DEFAULT_PRIORITY$1;
     }
 
     if (isObject(unwrap)) {
@@ -8190,13 +8758,13 @@
       throw new Error('handlerFn must be a function');
     }
 
-    if (!isArray(events)) {
+    if (!isArray$3(events)) {
       events = [ events ];
     }
 
     var eventBus = this._eventBus;
 
-    forEach(events, function(event) {
+    forEach$2(events, function(event) {
 
       // concat commandStack(.event)?(.hook)?
       var fullEvent = [ 'commandStack', event, hook ].filter(function(e) { return e; }).join('.');
@@ -8224,7 +8792,7 @@
    * This will generate the CommandInterceptor#(preExecute|...|reverted) methods
    * which will in term forward to CommandInterceptor#on.
    */
-  forEach(hooks, function(hook) {
+  forEach$2(hooks, function(hook) {
 
     /**
      * {canExecute|preExecute|preExecuted|execute|executed|postExecute|postExecuted|revert|reverted}
@@ -8291,116 +8859,111 @@
     rootElementsBehavior: [ 'type', RootElementsBehavior ]
   };
 
-  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-  function createCommonjsModule$1(fn) {
-    var module = { exports: {} };
-  	return fn(module, module.exports), module.exports;
-  }
+  var css_escape = {exports: {}};
 
   /*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */
 
-  createCommonjsModule$1(function (module, exports) {
+  (function (module, exports) {
   (function(root, factory) {
-  	// https://github.com/umdjs/umd/blob/master/returnExports.js
-  	{
-  		// For Node.js.
-  		module.exports = factory(root);
-  	}
-  }(typeof commonjsGlobal != 'undefined' ? commonjsGlobal : commonjsGlobal, function(root) {
-
-  	if (root.CSS && root.CSS.escape) {
-  		return root.CSS.escape;
-  	}
+  		// https://github.com/umdjs/umd/blob/master/returnExports.js
+  		{
+  			// For Node.js.
+  			module.exports = factory(root);
+  		}
+  	}(typeof commonjsGlobal != 'undefined' ? commonjsGlobal : commonjsGlobal, function(root) {
 
-  	// https://drafts.csswg.org/cssom/#serialize-an-identifier
-  	var cssEscape = function(value) {
-  		if (arguments.length == 0) {
-  			throw new TypeError('`CSS.escape` requires an argument.');
+  		if (root.CSS && root.CSS.escape) {
+  			return root.CSS.escape;
   		}
-  		var string = String(value);
-  		var length = string.length;
-  		var index = -1;
-  		var codeUnit;
-  		var result = '';
-  		var firstCodeUnit = string.charCodeAt(0);
-  		while (++index < length) {
-  			codeUnit = string.charCodeAt(index);
-  			// Note: there’s no need to special-case astral symbols, surrogate
-  			// pairs, or lone surrogates.
-
-  			// If the character is NULL (U+0000), then the REPLACEMENT CHARACTER
-  			// (U+FFFD).
-  			if (codeUnit == 0x0000) {
-  				result += '\uFFFD';
-  				continue;
-  			}
 
-  			if (
-  				// If the character is in the range [\1-\1F] (U+0001 to U+001F) or is
-  				// U+007F, […]
-  				(codeUnit >= 0x0001 && codeUnit <= 0x001F) || codeUnit == 0x007F ||
-  				// If the character is the first character and is in the range [0-9]
-  				// (U+0030 to U+0039), […]
-  				(index == 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039) ||
-  				// If the character is the second character and is in the range [0-9]
-  				// (U+0030 to U+0039) and the first character is a `-` (U+002D), […]
-  				(
-  					index == 1 &&
-  					codeUnit >= 0x0030 && codeUnit <= 0x0039 &&
-  					firstCodeUnit == 0x002D
-  				)
-  			) {
-  				// https://drafts.csswg.org/cssom/#escape-a-character-as-code-point
-  				result += '\\' + codeUnit.toString(16) + ' ';
-  				continue;
+  		// https://drafts.csswg.org/cssom/#serialize-an-identifier
+  		var cssEscape = function(value) {
+  			if (arguments.length == 0) {
+  				throw new TypeError('`CSS.escape` requires an argument.');
   			}
+  			var string = String(value);
+  			var length = string.length;
+  			var index = -1;
+  			var codeUnit;
+  			var result = '';
+  			var firstCodeUnit = string.charCodeAt(0);
+  			while (++index < length) {
+  				codeUnit = string.charCodeAt(index);
+  				// Note: there’s no need to special-case astral symbols, surrogate
+  				// pairs, or lone surrogates.
+
+  				// If the character is NULL (U+0000), then the REPLACEMENT CHARACTER
+  				// (U+FFFD).
+  				if (codeUnit == 0x0000) {
+  					result += '\uFFFD';
+  					continue;
+  				}
+
+  				if (
+  					// If the character is in the range [\1-\1F] (U+0001 to U+001F) or is
+  					// U+007F, […]
+  					(codeUnit >= 0x0001 && codeUnit <= 0x001F) || codeUnit == 0x007F ||
+  					// If the character is the first character and is in the range [0-9]
+  					// (U+0030 to U+0039), […]
+  					(index == 0 && codeUnit >= 0x0030 && codeUnit <= 0x0039) ||
+  					// If the character is the second character and is in the range [0-9]
+  					// (U+0030 to U+0039) and the first character is a `-` (U+002D), […]
+  					(
+  						index == 1 &&
+  						codeUnit >= 0x0030 && codeUnit <= 0x0039 &&
+  						firstCodeUnit == 0x002D
+  					)
+  				) {
+  					// https://drafts.csswg.org/cssom/#escape-a-character-as-code-point
+  					result += '\\' + codeUnit.toString(16) + ' ';
+  					continue;
+  				}
+
+  				if (
+  					// If the character is the first character and is a `-` (U+002D), and
+  					// there is no second character, […]
+  					index == 0 &&
+  					length == 1 &&
+  					codeUnit == 0x002D
+  				) {
+  					result += '\\' + string.charAt(index);
+  					continue;
+  				}
 
-  			if (
-  				// If the character is the first character and is a `-` (U+002D), and
-  				// there is no second character, […]
-  				index == 0 &&
-  				length == 1 &&
-  				codeUnit == 0x002D
-  			) {
+  				// If the character is not handled by one of the above rules and is
+  				// greater than or equal to U+0080, is `-` (U+002D) or `_` (U+005F), or
+  				// is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to
+  				// U+005A), or [a-z] (U+0061 to U+007A), […]
+  				if (
+  					codeUnit >= 0x0080 ||
+  					codeUnit == 0x002D ||
+  					codeUnit == 0x005F ||
+  					codeUnit >= 0x0030 && codeUnit <= 0x0039 ||
+  					codeUnit >= 0x0041 && codeUnit <= 0x005A ||
+  					codeUnit >= 0x0061 && codeUnit <= 0x007A
+  				) {
+  					// the character itself
+  					result += string.charAt(index);
+  					continue;
+  				}
+
+  				// Otherwise, the escaped character.
+  				// https://drafts.csswg.org/cssom/#escape-a-character
   				result += '\\' + string.charAt(index);
-  				continue;
-  			}
 
-  			// If the character is not handled by one of the above rules and is
-  			// greater than or equal to U+0080, is `-` (U+002D) or `_` (U+005F), or
-  			// is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to
-  			// U+005A), or [a-z] (U+0061 to U+007A), […]
-  			if (
-  				codeUnit >= 0x0080 ||
-  				codeUnit == 0x002D ||
-  				codeUnit == 0x005F ||
-  				codeUnit >= 0x0030 && codeUnit <= 0x0039 ||
-  				codeUnit >= 0x0041 && codeUnit <= 0x005A ||
-  				codeUnit >= 0x0061 && codeUnit <= 0x007A
-  			) {
-  				// the character itself
-  				result += string.charAt(index);
-  				continue;
   			}
+  			return result;
+  		};
 
-  			// Otherwise, the escaped character.
-  			// https://drafts.csswg.org/cssom/#escape-a-character
-  			result += '\\' + string.charAt(index);
-
+  		if (!root.CSS) {
+  			root.CSS = {};
   		}
-  		return result;
-  	};
 
-  	if (!root.CSS) {
-  		root.CSS = {};
-  	}
-
-  	root.CSS.escape = cssEscape;
-  	return cssEscape;
+  		root.CSS.escape = cssEscape;
+  		return cssEscape;
 
-  }));
-  });
+  	}));
+  } (css_escape));
 
   var HTML_ESCAPE_MAP = {
     '&': '&amp;',
@@ -8430,7 +8993,7 @@
   function getPlaneIdFromShape(element) {
     var id = element.id;
 
-    if (is(element, 'bpmn:SubProcess')) {
+    if (is$1(element, 'bpmn:SubProcess')) {
       return addPlaneSuffix(id);
     }
 
@@ -8453,9 +9016,9 @@
    * @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);
+    var containerClasses = classes$2(container);
     container.appendChild(breadcrumbs);
 
     var boParents = [];
@@ -8489,13 +9052,13 @@
 
       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);
 
         // when the root is a collaboration, the process does not have a corresponding
         // element in the elementRegisty. Instead, we search for the corresponding participant
-        if (!parentPlane && is(parent, 'bpmn:Process')) {
+        if (!parentPlane && is$1(parent, 'bpmn:Process')) {
           var participant = elementRegistry.find(function(element) {
             var bo = getBusinessObject(element);
             return bo && bo.processRef && bo.processRef === parent;
@@ -8547,7 +9110,7 @@
     var parents = [];
 
     for (var element = bo; element; element = element.$parent) {
-      if (is(element, 'bpmn:SubProcess') || is(element, 'bpmn:Process')) {
+      if (is$1(element, 'bpmn:SubProcess') || is$1(element, 'bpmn:Process')) {
         parents.push(element);
       }
     }
@@ -8582,7 +9145,7 @@
       currentRoot = newRoot;
 
       // current root was replaced with a collaboration, we don't update the viewbox
-      if (is(newRoot, 'bpmn:Collaboration') && !storedViewbox) {
+      if (is$1(newRoot, 'bpmn:Collaboration') && !storedViewbox) {
         return;
       }
 
@@ -8745,7 +9308,7 @@
 
       var parent = bo.$parent;
 
-      if (is(bo, 'bpmn:SubProcess') && !diElement.isExpanded) {
+      if (is$1(bo, 'bpmn:SubProcess') && !diElement.isExpanded) {
         collapsedElements.push(bo);
       }
 
@@ -8841,7 +9404,7 @@
   // helpers //////////////////////////
 
   function findRootDiagram(element) {
-    if (is(element, 'bpmndi:BPMNDiagram')) {
+    if (is$1(element, 'bpmndi:BPMNDiagram')) {
       return element;
     } else {
       return findRootDiagram(element.$parent);
@@ -8874,7 +9437,7 @@
     var parent = bo.$parent;
 
     // don't move elements that are already on the plane
-    if (!is(parent, 'bpmn:SubProcess') || parent === plane.bpmnElement) {
+    if (!is$1(parent, 'bpmn:SubProcess') || parent === plane.bpmnElement) {
       return false;
     }
 
@@ -8887,7 +9450,7 @@
     return true;
   }
 
-  var LOW_PRIORITY$3 = 250;
+  var LOW_PRIORITY = 250;
   var ARROW_DOWN_SVG = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.81801948,3.50735931 L10.4996894,9.1896894 L10.5,4 L12,4 L12,12 L4,12 L4,10.5 L9.6896894,10.4996894 L3.75735931,4.56801948 C3.46446609,4.27512627 3.46446609,3.80025253 3.75735931,3.50735931 C4.05025253,3.21446609 4.52512627,3.21446609 4.81801948,3.50735931 Z"/></svg>';
 
   var EMPTY_MARKER = 'bjs-drilldown-empty';
@@ -8904,7 +9467,7 @@
 
     var self = this;
 
-    this.executed('shape.toggleCollapse', LOW_PRIORITY$3, function(context) {
+    this.executed('shape.toggleCollapse', LOW_PRIORITY, function(context) {
       var shape = context.shape;
 
       // Add overlay to the collapsed shape
@@ -8916,7 +9479,7 @@
     }, true);
 
 
-    this.reverted('shape.toggleCollapse', LOW_PRIORITY$3, function(context) {
+    this.reverted('shape.toggleCollapse', LOW_PRIORITY, function(context) {
       var shape = context.shape;
 
       // Add overlay to the collapsed shape
@@ -8928,7 +9491,7 @@
     }, true);
 
 
-    this.executed([ 'shape.create', 'shape.move', 'shape.delete' ], LOW_PRIORITY$3,
+    this.executed([ 'shape.create', 'shape.move', 'shape.delete' ], LOW_PRIORITY,
       function(context) {
         var oldParent = context.oldParent,
             newParent = context.newParent || context.parent,
@@ -8945,7 +9508,7 @@
       }, true);
 
 
-    this.reverted([ 'shape.create', 'shape.move', 'shape.delete' ], LOW_PRIORITY$3,
+    this.reverted([ 'shape.create', 'shape.move', 'shape.delete' ], LOW_PRIORITY,
       function(context) {
         var oldParent = context.oldParent,
             newParent = context.newParent || context.parent,
@@ -8990,7 +9553,7 @@
 
   DrilldownOverlayBehavior.prototype.canDrillDown = function(element) {
     var canvas = this._canvas;
-    return is(element, 'bpmn:SubProcess') && canvas.findRoot(getPlaneIdFromShape(element));
+    return is$1(element, 'bpmn:SubProcess') && canvas.findRoot(getPlaneIdFromShape(element));
   };
 
   /**
@@ -9011,7 +9574,7 @@
     }
 
     var hasContent = bo && bo.flowElements && bo.flowElements.length;
-    classes$1(overlay.html).toggle(EMPTY_MARKER, !hasContent);
+    classes$2(overlay.html).toggle(EMPTY_MARKER, !hasContent);
   };
 
   /**
@@ -9029,7 +9592,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)));
@@ -9088,7 +9651,7 @@
    *
    * @return {boolean}
    */
-  function isArray$2(obj) {
+  function isArray(obj) {
     return Object.prototype.toString.call(obj) === '[object Array]';
   }
 
@@ -9116,7 +9679,7 @@
   function annotate() {
     var args = Array.prototype.slice.call(arguments);
 
-    if (args.length === 1 && isArray$2(args[0])) {
+    if (args.length === 1 && isArray(args[0])) {
       args = args[0];
     }
 
@@ -9255,7 +9818,7 @@
       }
 
       if (typeof fn !== 'function') {
-        if (isArray$2(fn)) {
+        if (isArray(fn)) {
           fn = annotate(fn.slice());
         } else {
           throw new Error('Cannot invoke "' + fn + '". Expected a function!');
@@ -9530,7 +10093,7 @@
   // helpers ///////////////
 
   function arrayUnwrap(type, value) {
-    if (type !== 'value' && isArray$2(value)) {
+    if (type !== 'value' && isArray(value)) {
       value = annotate(value.slice());
     }
 
@@ -9539,7 +10102,7 @@
 
   // apply default renderer with lowest possible priority
   // so that it only kicks in if noone else could render
-  var DEFAULT_RENDER_PRIORITY$1 = 1;
+  var DEFAULT_RENDER_PRIORITY = 1;
 
   /**
    * The default renderer used for shapes and connections.
@@ -9550,7 +10113,7 @@
   function DefaultRenderer(eventBus, styles) {
 
     //
-    BaseRenderer.call(this, eventBus, DEFAULT_RENDER_PRIORITY$1);
+    BaseRenderer.call(this, eventBus, DEFAULT_RENDER_PRIORITY);
 
     this.CONNECTION_STYLE = styles.style([ 'no-fill' ], { strokeWidth: 5, stroke: 'fuchsia' });
     this.SHAPE_STYLE = styles.style({ fill: 'white', stroke: 'fuchsia', strokeWidth: 2 });
@@ -9565,22 +10128,22 @@
   };
 
   DefaultRenderer.prototype.drawShape = function drawShape(visuals, element, attrs) {
-    var rect = create('rect');
+    var rect = create$2('rect');
 
-    attr(rect, {
+    attr$2(rect, {
       x: 0,
       y: 0,
       width: element.width || 0,
       height: element.height || 0
     });
 
-    if (isFrameElement$1(element)) {
-      attr(rect, assign({}, this.FRAME_STYLE, attrs || {}));
+    if (isFrameElement(element)) {
+      attr$2(rect, assign({}, this.FRAME_STYLE, attrs || {}));
     } else {
-      attr(rect, assign({}, this.SHAPE_STYLE, attrs || {}));
+      attr$2(rect, assign({}, this.SHAPE_STYLE, attrs || {}));
     }
 
-    append(visuals, rect);
+    append$1(visuals, rect);
 
     return rect;
   };
@@ -9588,7 +10151,7 @@
   DefaultRenderer.prototype.drawConnection = function drawConnection(visuals, connection, attrs) {
 
     var line = createLine(connection.waypoints, assign({}, this.CONNECTION_STYLE, attrs || {}));
-    append(visuals, line);
+    append$1(visuals, line);
 
     return line;
   };
@@ -9676,7 +10239,7 @@
      */
     this.style = function(traits, additionalAttrs) {
 
-      if (!isArray(traits) && !additionalAttrs) {
+      if (!isArray$3(traits) && !additionalAttrs) {
         additionalAttrs = traits;
         traits = [];
       }
@@ -9689,7 +10252,7 @@
     };
 
     this.computeStyle = function(custom, traits, defaultStyles) {
-      if (!isArray(traits)) {
+      if (!isArray$3(traits)) {
         defaultStyles = traits;
         traits = [];
       }
@@ -9698,7 +10261,7 @@
     };
   }
 
-  var DrawModule$1 = {
+  var DrawModule = {
     __init__: [ 'defaultRenderer' ],
     defaultRenderer: [ 'type', DefaultRenderer ],
     styles: [ 'type', Styles ]
@@ -9712,7 +10275,7 @@
    *
    * @return {number} the previous index of the element
    */
-  function remove$3(collection, element) {
+  function remove(collection, element) {
 
     if (!collection || !element) {
       return -1;
@@ -9826,8 +10389,8 @@
   }
 
   function createGroup(parent, cls, childIndex) {
-    var group = create('g');
-    classes(group).add(cls);
+    var group = create$2('g');
+    classes$3(group).add(cls);
 
     var index = childIndex !== undefined ? childIndex : parent.childNodes.length - 1;
 
@@ -9905,10 +10468,10 @@
     // html container
     var container = this._container = createContainer(config);
 
-    var svg = this._svg = create('svg');
-    attr(svg, { width: '100%', height: '100%' });
+    var svg = this._svg = create$2('svg');
+    attr$2(svg, { width: '100%', height: '100%' });
 
-    append(container, svg);
+    append$1(container, svg);
 
     var viewport = this._viewport = createGroup(svg, 'viewport');
 
@@ -10148,7 +10711,7 @@
       return group;
     }
 
-    remove(group);
+    remove$4(group);
 
     layer.visible = false;
 
@@ -10163,7 +10726,7 @@
     if (layer) {
       delete this._layers[name];
 
-      remove(layer.group);
+      remove$4(layer.group);
     }
   };
 
@@ -10251,14 +10814,14 @@
       return;
     }
 
-    forEach([ container.gfx, container.secondaryGfx ], function(gfx) {
+    forEach$2([ container.gfx, container.secondaryGfx ], function(gfx) {
       if (gfx) {
 
         // invoke either addClass or removeClass based on mode
         if (add) {
-          classes(gfx).add(marker);
+          classes$3(gfx).add(marker);
         } else {
-          classes(gfx).remove(marker);
+          classes$3(gfx).remove(marker);
         }
       }
     });
@@ -10324,7 +10887,7 @@
 
     var gfx = this.getGraphics(element);
 
-    return classes(gfx).has(marker);
+    return classes$3(gfx).has(marker);
   };
 
   /**
@@ -10664,7 +11227,7 @@
     graphicsFactory.remove(element);
 
     // unset parent <-> child relationship
-    remove$3(element.parent && element.parent.children, element);
+    remove(element.parent && element.parent.children, element);
     element.parent = null;
 
     eventBus.fire(type + '.removed', { element: element });
@@ -10840,7 +11403,7 @@
         outerBox = this.getSize(),
         matrix,
         activeLayer,
-        transform$1,
+        transform,
         scale,
         x, y;
 
@@ -10853,8 +11416,8 @@
       activeLayer = this._rootElement ? this.getActiveLayer() : null;
       innerBox = activeLayer && activeLayer.getBBox() || {};
 
-      transform$1 = transform(viewport);
-      matrix = transform$1 ? transform$1.matrix : createMatrix();
+      transform = transform$1(viewport);
+      matrix = transform ? transform.matrix : createMatrix();
       scale = round(matrix.a, 1000);
 
       x = round(-matrix.e || 0, 1000);
@@ -10885,7 +11448,7 @@
           .scale(scale)
           .translate(-box.x, -box.y);
 
-        transform(viewport, matrix);
+        transform$1(viewport, matrix);
       });
     }
 
@@ -11222,10 +11785,10 @@
     this._validateId(id);
 
     // associate dom node with element
-    attr(gfx, ELEMENT_ID, id);
+    attr$2(gfx, ELEMENT_ID, id);
 
     if (secondaryGfx) {
-      attr(secondaryGfx, ELEMENT_ID, id);
+      attr$2(secondaryGfx, ELEMENT_ID, id);
     }
 
     this._elements[id] = { element: element, gfx: gfx, secondaryGfx: secondaryGfx };
@@ -11244,10 +11807,10 @@
     if (container) {
 
       // unset element id on gfx
-      attr(container.gfx, ELEMENT_ID, '');
+      attr$2(container.gfx, ELEMENT_ID, '');
 
       if (container.secondaryGfx) {
-        attr(container.secondaryGfx, ELEMENT_ID, '');
+        attr$2(container.secondaryGfx, ELEMENT_ID, '');
       }
 
       delete elements[id];
@@ -11302,7 +11865,7 @@
     }
 
     if (gfx) {
-      attr(gfx, ELEMENT_ID, id);
+      attr$2(gfx, ELEMENT_ID, id);
     }
 
     return gfx;
@@ -11327,7 +11890,7 @@
     if (typeof filter === 'string') {
       id = filter;
     } else {
-      id = filter && attr(filter, ELEMENT_ID);
+      id = filter && attr$2(filter, ELEMENT_ID);
     }
 
     var container = this._elements[id];
@@ -11444,6 +12007,10 @@
     }
   };
 
+  var objectRefs = {exports: {}};
+
+  var collection = {};
+
   /**
    * An empty collection stub. Use {@link RefsCollection.extend} to extend a
    * collection with ref semantics.
@@ -11464,7 +12031,7 @@
    *
    * @return {RefsCollection<Object>} the extended array
    */
-  function extend$1(collection, refs, property, target) {
+  function extend(collection, refs, property, target) {
 
     var inverseProperty = property.inverse;
 
@@ -11559,38 +12126,35 @@
     return collection.__refs_collection === true;
   }
 
-  var extend_1 = extend$1;
+  collection.extend = extend;
 
-  var isExtended_1 = isExtended;
+  collection.isExtended = isExtended;
 
-  var collection = {
-  	extend: extend_1,
-  	isExtended: isExtended_1
-  };
+  var Collection = collection;
 
-  function hasOwnProperty(e, property) {
+  function hasOwnProperty$1(e, property) {
     return Object.prototype.hasOwnProperty.call(e, property.name || property);
   }
 
   function defineCollectionProperty(ref, property, target) {
 
-    var collection$1 = collection.extend(target[property.name] || [], ref, property, target);
+    var collection = Collection.extend(target[property.name] || [], ref, property, target);
 
     Object.defineProperty(target, property.name, {
       enumerable: property.enumerable,
-      value: collection$1
+      value: collection
     });
 
-    if (collection$1.length) {
+    if (collection.length) {
 
-      collection$1.forEach(function(o) {
+      collection.forEach(function(o) {
         ref.set(o, property.inverse, target);
       });
     }
   }
 
 
-  function defineProperty(ref, property, target) {
+  function defineProperty$1(ref, property, target) {
 
     var inverseProperty = property.inverse;
 
@@ -11673,10 +12237,10 @@
    *
    * wheels[0].car // undefined
    */
-  function Refs(a, b) {
+  function Refs$1(a, b) {
 
-    if (!(this instanceof Refs)) {
-      return new Refs(a, b);
+    if (!(this instanceof Refs$1)) {
+      return new Refs$1(a, b);
     }
 
     // link
@@ -11697,7 +12261,7 @@
    * @param  {Object} target
    * @param  {String} property
    */
-  Refs.prototype.bind = function(target, property) {
+  Refs$1.prototype.bind = function(target, property) {
     if (typeof property === 'string') {
       if (!this.props[property]) {
         throw new Error('no property <' + property + '> in ref');
@@ -11708,28 +12272,28 @@
     if (property.collection) {
       defineCollectionProperty(this, property, target);
     } else {
-      defineProperty(this, property, target);
+      defineProperty$1(this, property, target);
     }
   };
 
-  Refs.prototype.ensureRefsCollection = function(target, property) {
+  Refs$1.prototype.ensureRefsCollection = function(target, property) {
 
-    var collection$1 = target[property.name];
+    var collection = target[property.name];
 
-    if (!collection.isExtended(collection$1)) {
+    if (!Collection.isExtended(collection)) {
       defineCollectionProperty(this, property, target);
     }
 
-    return collection$1;
+    return collection;
   };
 
-  Refs.prototype.ensureBound = function(target, property) {
-    if (!hasOwnProperty(target, property)) {
+  Refs$1.prototype.ensureBound = function(target, property) {
+    if (!hasOwnProperty$1(target, property)) {
       this.bind(target, property);
     }
   };
 
-  Refs.prototype.unset = function(target, property, value) {
+  Refs$1.prototype.unset = function(target, property, value) {
 
     if (target) {
       this.ensureBound(target, property);
@@ -11742,7 +12306,7 @@
     }
   };
 
-  Refs.prototype.set = function(target, property, value) {
+  Refs$1.prototype.set = function(target, property, value) {
 
     if (target) {
       this.ensureBound(target, property);
@@ -11755,18 +12319,21 @@
     }
   };
 
-  var refs = Refs;
+  var refs = Refs$1;
 
-  var objectRefs = refs;
+  (function (module) {
+  	module.exports = refs;
 
-  var Collection = collection;
-  objectRefs.Collection = Collection;
+  	module.exports.Collection = collection;
+  } (objectRefs));
+
+  var Refs = /*@__PURE__*/getDefaultExportFromCjs(objectRefs.exports);
 
-  var parentRefs = new objectRefs({ name: 'children', enumerable: true, collection: true }, { name: 'parent' }),
-      labelRefs = new objectRefs({ name: 'labels', enumerable: true, collection: true }, { name: 'labelTarget' }),
-      attacherRefs = new objectRefs({ name: 'attachers', collection: true }, { name: 'host' }),
-      outgoingRefs = new objectRefs({ name: 'outgoing', collection: true }, { name: 'source' }),
-      incomingRefs = new objectRefs({ name: 'incoming', collection: true }, { name: 'target' });
+  var parentRefs = new Refs({ name: 'children', enumerable: true, collection: true }, { name: 'parent' }),
+      labelRefs = new Refs({ name: 'labels', enumerable: true, collection: true }, { name: 'labelTarget' }),
+      attacherRefs = new Refs({ name: 'attachers', collection: true }, { name: 'host' }),
+      outgoingRefs = new Refs({ name: 'outgoing', collection: true }, { name: 'source' }),
+      incomingRefs = new Refs({ name: 'incoming', collection: true }, { name: 'target' });
 
   /**
    * @namespace djs.model
@@ -11783,7 +12350,7 @@
    *
    * @abstract
    */
-  function Base() {
+  function Base$1() {
 
     /**
      * The object that backs up the shape
@@ -11862,7 +12429,7 @@
    * @extends Base
    */
   function Shape() {
-    Base.call(this);
+    Base$1.call(this);
 
     /**
      * Indicates frame shapes
@@ -11892,7 +12459,7 @@
     attacherRefs.bind(this, 'attachers');
   }
 
-  e(Shape, Base);
+  e(Shape, Base$1);
 
 
   /**
@@ -11942,7 +12509,7 @@
    * @extends Base
    */
   function Connection() {
-    Base.call(this);
+    Base$1.call(this);
 
     /**
      * The element this connection originates from
@@ -11961,10 +12528,10 @@
     incomingRefs.bind(this, 'target');
   }
 
-  e(Connection, Base);
+  e(Connection, Base$1);
 
 
-  var types = {
+  var types$6 = {
     connection: Connection,
     shape: Shape,
     label: Label,
@@ -11988,8 +12555,8 @@
    *
    * @return {Base} the new model instance
    */
-  function create$2(type, attrs) {
-    var Type = types[type];
+  function create(type, attrs) {
+    var Type = types$6[type];
     if (!Type) {
       throw new Error('unknown type: <' + type + '>');
     }
@@ -12036,14 +12603,14 @@
       attrs.id = type + '_' + (this._uid++);
     }
 
-    return create$2(type, attrs);
+    return create(type, attrs);
   };
 
   var FN_REF = '__fn';
 
-  var DEFAULT_PRIORITY$1 = 1000;
+  var DEFAULT_PRIORITY = 1000;
 
-  var slice$1 = Array.prototype.slice;
+  var slice = Array.prototype.slice;
 
   /**
    * A general purpose event bus.
@@ -12156,12 +12723,12 @@
    */
   EventBus.prototype.on = function(events, priority, callback, that) {
 
-    events = isArray(events) ? events : [ events ];
+    events = isArray$3(events) ? events : [ events ];
 
     if (isFunction(priority)) {
       that = callback;
       callback = priority;
-      priority = DEFAULT_PRIORITY$1;
+      priority = DEFAULT_PRIORITY;
     }
 
     if (!isNumber(priority)) {
@@ -12205,7 +12772,7 @@
     if (isFunction(priority)) {
       that = callback;
       callback = priority;
-      priority = DEFAULT_PRIORITY$1;
+      priority = DEFAULT_PRIORITY;
     }
 
     if (!isNumber(priority)) {
@@ -12241,7 +12808,7 @@
    */
   EventBus.prototype.off = function(events, callback) {
 
-    events = isArray(events) ? events : [ events ];
+    events = isArray$3(events) ? events : [ events ];
 
     var self = this;
 
@@ -12304,7 +12871,7 @@
         returnValue,
         args;
 
-    args = slice$1.call(arguments);
+    args = slice.call(arguments);
 
     if (typeof type === 'object') {
       data = type;
@@ -12606,10 +13173,10 @@
     } else {
       childrenGfx = getChildren(gfx);
       if (!childrenGfx) {
-        childrenGfx = create('g');
-        classes(childrenGfx).add('djs-children');
+        childrenGfx = create$2('g');
+        classes$3(childrenGfx).add('djs-children');
 
-        append(gfx.parentNode, childrenGfx);
+        append$1(gfx.parentNode, childrenGfx);
       }
     }
 
@@ -12623,7 +13190,7 @@
   GraphicsFactory.prototype._clear = function(gfx) {
     var visual = getVisual(gfx);
 
-    clear$1(visual);
+    clear(visual);
 
     return visual;
   };
@@ -12658,38 +13225,38 @@
   GraphicsFactory.prototype._createContainer = function(
       type, childrenGfx, parentIndex, isFrame
   ) {
-    var outerGfx = create('g');
-    classes(outerGfx).add('djs-group');
+    var outerGfx = create$2('g');
+    classes$3(outerGfx).add('djs-group');
 
     // insert node at position
     if (typeof parentIndex !== 'undefined') {
       prependTo(outerGfx, childrenGfx, childrenGfx.childNodes[parentIndex]);
     } else {
-      append(childrenGfx, outerGfx);
+      append$1(childrenGfx, outerGfx);
     }
 
-    var gfx = create('g');
-    classes(gfx).add('djs-element');
-    classes(gfx).add('djs-' + type);
+    var gfx = create$2('g');
+    classes$3(gfx).add('djs-element');
+    classes$3(gfx).add('djs-' + type);
 
     if (isFrame) {
-      classes(gfx).add('djs-frame');
+      classes$3(gfx).add('djs-frame');
     }
 
-    append(outerGfx, gfx);
+    append$1(outerGfx, gfx);
 
     // create visual
-    var visual = create('g');
-    classes(visual).add('djs-visual');
+    var visual = create$2('g');
+    classes$3(visual).add('djs-visual');
 
-    append(gfx, visual);
+    append$1(gfx, visual);
 
     return gfx;
   };
 
   GraphicsFactory.prototype.create = function(type, element, parentIndex) {
     var childrenGfx = this._getChildrenContainer(element.parent);
-    return this._createContainer(type, childrenGfx, parentIndex, isFrameElement$1(element));
+    return this._createContainer(type, childrenGfx, parentIndex, isFrameElement(element));
   };
 
   GraphicsFactory.prototype.updateContainments = function(elements) {
@@ -12709,7 +13276,7 @@
 
     // update all parents of changed and reorganized their children
     // in the correct order (as indicated in our model)
-    forEach(parents, function(parent) {
+    forEach$2(parents, function(parent) {
 
       var children = parent.children;
 
@@ -12719,7 +13286,7 @@
 
       var childrenGfx = self._getChildrenContainer(parent);
 
-      forEach(children.slice().reverse(), function(child) {
+      forEach$2(children.slice().reverse(), function(child) {
         var childGfx = elementRegistry.getGraphics(child);
 
         prependTo(childGfx.parentNode, childrenGfx);
@@ -12765,7 +13332,7 @@
       this.drawShape(visual, element);
 
       // update positioning
-      translate(gfx, element.x, element.y);
+      translate$1(gfx, element.x, element.y);
     } else
     if (type === 'connection') {
       this.drawConnection(visual, element);
@@ -12774,9 +13341,9 @@
     }
 
     if (element.hidden) {
-      attr(gfx, 'display', 'none');
+      attr$2(gfx, 'display', 'none');
     } else {
-      attr(gfx, 'display', 'block');
+      attr$2(gfx, 'display', 'block');
     }
   };
 
@@ -12784,7 +13351,7 @@
     var gfx = this._elementRegistry.getGraphics(element);
 
     // remove
-    remove(gfx.parentNode);
+    remove$4(gfx.parentNode);
   };
 
 
@@ -12802,8 +13369,8 @@
     parentNode.insertBefore(newNode, node);
   }
 
-  var CoreModule$1 = {
-    __depends__: [ DrawModule$1 ],
+  var CoreModule = {
+    __depends__: [ DrawModule ],
     __init__: [ 'canvas' ],
     canvas: [ 'type', Canvas ],
     elementRegistry: [ 'type', ElementRegistry ],
@@ -12845,7 +13412,7 @@
       'config': [ 'value', options ]
     };
 
-    var modules = [ configModule, CoreModule$1 ].concat(options.modules || []);
+    var modules = [ configModule, CoreModule ].concat(options.modules || []);
 
     return bootstrap(modules);
   }
@@ -12972,13 +13539,13 @@
   /**
    * Moddle base element.
    */
-  function Base$1() { }
+  function Base() { }
 
-  Base$1.prototype.get = function(name) {
+  Base.prototype.get = function(name) {
     return this.$model.properties.get(this, name);
   };
 
-  Base$1.prototype.set = function(name, value) {
+  Base.prototype.set = function(name, value) {
     this.$model.properties.set(this, name, value);
   };
 
@@ -12999,10 +13566,10 @@
     var model = this.model;
 
     var props = this.properties,
-        prototype = Object.create(Base$1.prototype);
+        prototype = Object.create(Base.prototype);
 
     // initialize default values
-    forEach(descriptor.properties, function(p) {
+    forEach$2(descriptor.properties, function(p) {
       if (!p.isMany && p.default !== undefined) {
         prototype[p.name] = p.default;
       }
@@ -13021,7 +13588,7 @@
       props.define(this, '$attrs', { value: {} });
       props.define(this, '$parent', { writable: true });
 
-      forEach(attrs, bind(function(val, key) {
+      forEach$2(attrs, bind(function(val, key) {
         this.set(key, val);
       }, this));
     }
@@ -13310,7 +13877,7 @@
       return;
     }
 
-    forEach(t.properties, bind(function(p) {
+    forEach$2(t.properties, bind(function(p) {
 
       // clone property to allow extensions
       p = assign({}, p, {
@@ -13357,7 +13924,7 @@
 
     this.properties = properties;
 
-    forEach(packages, bind(this.registerPackage, this));
+    forEach$2(packages, bind(this.registerPackage, this));
   }
 
 
@@ -13381,7 +13948,7 @@
     ensureAvailable(pkgMap, pkg, 'uri');
 
     // register types
-    forEach(pkg.types, bind(function(descriptor) {
+    forEach$2(pkg.types, bind(function(descriptor) {
       this.registerType(descriptor, pkg);
     }, this));
 
@@ -13407,7 +13974,7 @@
         propertiesByName = {};
 
     // parse properties
-    forEach(type.properties, bind(function(p) {
+    forEach$2(type.properties, bind(function(p) {
 
       // namespace property names
       var propertyNs = parseName(p.name, ns.prefix),
@@ -13433,7 +14000,7 @@
       propertiesByName: propertiesByName
     });
 
-    forEach(type.extends, bind(function(extendsName) {
+    forEach$2(type.extends, bind(function(extendsName) {
       var extended = this.typeMap[extendsName];
 
       extended.traits = extended.traits || [];
@@ -13487,12 +14054,12 @@
       throw new Error('unknown type <' + nsName.name + '>');
     }
 
-    forEach(type.superClass, trait ? traverseTrait : traverseSuper);
+    forEach$2(type.superClass, trait ? traverseTrait : traverseSuper);
 
     // call iterator with (type, inherited=!trait)
     iterator(type, !trait);
 
-    forEach(type.traits, traverseTrait);
+    forEach$2(type.traits, traverseTrait);
   };
 
 
@@ -13563,7 +14130,7 @@
 
     var propertyName = property && property.name;
 
-    if (isUndefined$2(value)) {
+    if (isUndefined(value)) {
       // unset the property, if the specified value is undefined;
       // delete from $attrs (for extensions) or the target itself
       if (property) {
@@ -13578,7 +14145,7 @@
         if (propertyName in target) {
           target[propertyName] = value;
         } else {
-          defineProperty$1(target, property, value);
+          defineProperty(target, property, value);
         }
       } else {
         target.$attrs[name] = value;
@@ -13606,7 +14173,7 @@
 
     // check if access to collection property and lazily initialize it
     if (!target[propertyName] && property.isMany) {
-      defineProperty$1(target, property, []);
+      defineProperty(target, property, []);
     }
 
     return target[propertyName];
@@ -13654,11 +14221,11 @@
   };
 
 
-  function isUndefined$2(val) {
+  function isUndefined(val) {
     return typeof val === 'undefined';
   }
 
-  function defineProperty$1(target, property, value) {
+  function defineProperty(target, property, value) {
     Object.defineProperty(target, property.name, {
       enumerable: !property.isReference,
       writable: true,
@@ -13809,7 +14376,7 @@
     this.properties.define(element, '$parent', { enumerable: false, writable: true });
     this.properties.define(element, '$instanceOf', { enumerable: false, writable: true });
 
-    forEach(properties, function(a, key) {
+    forEach$2(properties, function(a, key) {
       if (isObject(a) && a.value !== undefined) {
         element[a.name] = a.value;
       } else {
@@ -13878,7 +14445,7 @@
 
   var fromCharCode = String.fromCharCode;
 
-  var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+  var hasOwnProperty = Object.prototype.hasOwnProperty;
 
   var ENTITY_PATTERN = /&#(\d+);|&#x([0-9a-f]+);|&(\w+);/ig;
 
@@ -13900,7 +14467,7 @@
 
     // reserved names, i.e. &nbsp;
     if (z) {
-      if (hasOwnProperty$1.call(ENTITY_MAPPING, z)) {
+      if (hasOwnProperty.call(ENTITY_MAPPING, z)) {
         return ENTITY_MAPPING[z];
       } else {
 
@@ -13938,11 +14505,11 @@
 
   var XSI_URI = 'http://www.w3.org/2001/XMLSchema-instance';
   var XSI_PREFIX = 'xsi';
-  var XSI_TYPE = 'xsi:type';
+  var XSI_TYPE$1 = 'xsi:type';
 
   var NON_WHITESPACE_OUTSIDE_ROOT_NODE = 'non-whitespace outside of root node';
 
-  function error(msg) {
+  function error$1(msg) {
     return new Error(msg);
   }
 
@@ -14063,7 +14630,7 @@
      */
     function handleError(err) {
       if (!(err instanceof Error)) {
-        err = error(err);
+        err = error$1(err);
       }
 
       returnError = err;
@@ -14083,7 +14650,7 @@
       }
 
       if (!(err instanceof Error)) {
-        err = error(err);
+        err = error$1(err);
       }
 
       onWarning(err, getContext);
@@ -14100,7 +14667,7 @@
     this['on'] = function(name, cb) {
 
       if (typeof cb !== 'function') {
-        throw error('required args <name, cb>');
+        throw error$1('required args <name, cb>');
       }
 
       switch (name) {
@@ -14114,7 +14681,7 @@
       case 'question': onQuestion = cb; break; // <? ....  ?>
       case 'comment': onComment = cb; break;
       default:
-        throw error('unsupported event: ' + name);
+        throw error$1('unsupported event: ' + name);
       }
 
       return this;
@@ -14141,7 +14708,7 @@
       }
 
       if (typeof nsMap !== 'object') {
-        throw error('required args <nsMap={}>');
+        throw error$1('required args <nsMap={}>');
       }
 
       var _nsUriToPrefix = {}, k;
@@ -14168,7 +14735,7 @@
      */
     this['parse'] = function(xml) {
       if (typeof xml !== 'string') {
-        throw error('required args <xml=string>');
+        throw error$1('required args <xml=string>');
       }
 
       returnError = null;
@@ -14477,7 +15044,7 @@
           // end: normalize ns attribute name
 
           // normalize xsi:type ns attribute value
-          if (name === XSI_TYPE) {
+          if (name === XSI_TYPE$1) {
             w = value.indexOf(':');
 
             if (w !== -1) {
@@ -14523,7 +15090,7 @@
               // end: normalize ns attribute name
 
               // normalize xsi:type ns attribute value
-              if (name === XSI_TYPE) {
+              if (name === XSI_TYPE$1) {
                 w = value.indexOf(':');
 
                 if (w !== -1) {
@@ -14966,14 +15533,14 @@
     'xml': 'http://www.w3.org/XML/1998/namespace'
   };
 
-  var XSI_TYPE$1 = 'xsi:type';
+  var XSI_TYPE = 'xsi:type';
 
   function serializeFormat(element) {
     return element.xml && element.xml.serialize;
   }
 
   function serializeAsType(element) {
-    return serializeFormat(element) === XSI_TYPE$1;
+    return serializeFormat(element) === XSI_TYPE;
   }
 
   function serializeAsProperty(element) {
@@ -15015,7 +15582,7 @@
     return prefixedToName(nameNs, pkg);
   }
 
-  function error$1(message) {
+  function error(message) {
     return new Error(message);
   }
 
@@ -15073,7 +15640,7 @@
     this.addElement = function(element) {
 
       if (!element) {
-        throw error$1('expected element');
+        throw error('expected element');
       }
 
       var elementsById = this.elementsById;
@@ -15094,7 +15661,7 @@
           }
 
           if (elementsById[id]) {
-            throw error$1('duplicate ID <' + id + '>');
+            throw error('duplicate ID <' + id + '>');
           }
 
           elementsById[id] = element;
@@ -15154,7 +15721,7 @@
   ReferenceHandler.prototype.handleNode = function(node) {
 
     if (this.element) {
-      throw error$1('expected no sub nodes');
+      throw error('expected no sub nodes');
     } else {
       this.element = this.createReference(node);
     }
@@ -15238,7 +15805,7 @@
         bodyProperty = descriptor.bodyProperty;
 
     if (!bodyProperty) {
-      throw error$1('unexpected body text <' + text + '>');
+      throw error('unexpected body text <' + text + '>');
     }
 
     BodyHandler.prototype.handleText.call(this, text);
@@ -15271,7 +15838,7 @@
         model = this.model,
         propNameNs;
 
-    forEach(attributes, function(value, name) {
+    forEach$2(attributes, function(value, name) {
 
       var prop = descriptor.propertiesByName[name],
           values;
@@ -15289,7 +15856,7 @@
           // IDREFS: parse references as whitespace-separated list
           values = value.split(' ');
 
-          forEach(values, function(v) {
+          forEach$2(values, function(v) {
             context.addReference({
               element: instance,
               property: prop.ns.name,
@@ -15344,7 +15911,7 @@
     if (property && !property.isAttr) {
 
       if (serializeAsType(property)) {
-        elementTypeName = node.attributes[XSI_TYPE$1];
+        elementTypeName = node.attributes[XSI_TYPE];
 
         // xsi type is optional, if it does not exists the
         // default type is assumed
@@ -15394,7 +15961,7 @@
       }
     }
 
-    throw error$1('unrecognized element <' + nameNs.name + '>');
+    throw error('unrecognized element <' + nameNs.name + '>');
   };
 
   ElementHandler.prototype.toString = function() {
@@ -15497,7 +16064,7 @@
     //
     // this ensures we don't mistakenly import wrong namespace elements
     if (!type.hasType(typeName)) {
-      throw error$1('unexpected element <' + node.originalName + '>');
+      throw error('unexpected element <' + node.originalName + '>');
     }
 
     return ElementHandler.prototype.createElement.call(this, node);
@@ -15665,7 +16232,7 @@
 
         return true;
       } else {
-        throw error$1(message);
+        throw error(message);
       }
     }
 
@@ -15846,7 +16413,7 @@
       var rootElement = rootHandler.element;
 
       if (!err && !rootElement) {
-        err = error$1('failed to parse document as <' + rootHandler.type.$descriptor.name + '>');
+        err = error('failed to parse document as <' + rootHandler.type.$descriptor.name + '>');
       }
 
       var warnings = context.warnings;
@@ -16033,7 +16600,7 @@
       }
 
       // do not serialize defaults
-      if (!has(element, name)) {
+      if (!has$2(element, name)) {
         return false;
       }
 
@@ -16069,7 +16636,7 @@
     '&': 'amp'
   };
 
-  function escape$1(str, charPattern, replaceMap) {
+  function escape(str, charPattern, replaceMap) {
 
     // ensure we are handling strings here
     str = isString(str) ? str : '' + str;
@@ -16086,11 +16653,11 @@
    * @return {String} the escaped string
    */
   function escapeAttr(str) {
-    return escape$1(str, ESCAPE_ATTR_CHARS, ESCAPE_ATTR_MAP);
+    return escape(str, ESCAPE_ATTR_CHARS, ESCAPE_ATTR_MAP);
   }
 
   function escapeBody(str) {
-    return escape$1(str, ESCAPE_CHARS, ESCAPE_MAP);
+    return escape(str, ESCAPE_CHARS, ESCAPE_MAP);
   }
 
   function filterAttributes(props) {
@@ -16262,7 +16829,7 @@
 
     var attributes = [];
 
-    forEach(element, function(val, key) {
+    forEach$2(element, function(val, key) {
 
       var nonNsAttr;
 
@@ -16270,7 +16837,7 @@
         body.push(new BodySerializer().build({ type: 'String' }, val));
       } else
       if (key === '$children') {
-        forEach(val, function(child) {
+        forEach$2(val, function(child) {
           body.push(new ElementSerializer(self).build(child));
         });
       } else
@@ -16340,7 +16907,7 @@
     // parse namespace attributes first
     // and log them. push non namespace attributes to a list
     // and process them later
-    forEach(genericAttrs, function(value, name) {
+    forEach$2(genericAttrs, function(value, name) {
 
       var nonNsAttr = self.parseNsAttribute(element, name, value);
 
@@ -16356,11 +16923,11 @@
 
     var self = this;
 
-    forEach(attributes, function(attr) {
+    forEach$2(attributes, function(attr) {
 
       // do not serialize xsi:type attribute
       // it is set manually based on the actual implementation type
-      if (attr.name === XSI_TYPE$1) {
+      if (attr.name === XSI_TYPE) {
         return;
       }
 
@@ -16381,7 +16948,7 @@
         body = this.body,
         element = this.element;
 
-    forEach(properties, function(p) {
+    forEach$2(properties, function(p) {
       var value = element.get(p.name),
           isReference = p.isReference,
           isMany = p.isMany;
@@ -16394,12 +16961,12 @@
         body.push(new BodySerializer().build(p, value[0]));
       } else
       if (isSimple(p.type)) {
-        forEach(value, function(v) {
+        forEach$2(value, function(v) {
           body.push(new ValueSerializer(self.addTagName(self.nsPropertyTagName(p))).build(p, v));
         });
       } else
       if (isReference) {
-        forEach(value, function(v) {
+        forEach$2(value, function(v) {
           body.push(new ReferenceSerializer(self.addTagName(self.nsPropertyTagName(p))).build(v));
         });
       } else {
@@ -16409,7 +16976,7 @@
         var asType = serializeAsType(p),
             asProperty = serializeAsProperty(p);
 
-        forEach(value, function(v) {
+        forEach$2(value, function(v) {
           var serializer;
 
           if (asType) {
@@ -16517,7 +17084,7 @@
     var self = this,
         element = this.element;
 
-    forEach(properties, function(p) {
+    forEach$2(properties, function(p) {
 
       var value = element.get(p.name);
 
@@ -16528,7 +17095,7 @@
         }
         else {
           var values = [];
-          forEach(value, function(v) {
+          forEach$2(value, function(v) {
             values.push(v.id);
           });
 
@@ -16584,7 +17151,7 @@
       attrs = getNsAttrs(namespaces).concat(attrs);
     }
 
-    forEach(attrs, function(a) {
+    forEach$2(attrs, function(a) {
       writer
         .append(' ')
         .append(nsName(a.name)).append('="').append(a.value).append('"');
@@ -16611,7 +17178,7 @@
           .indent();
       }
 
-      forEach(this.body, function(b) {
+      forEach$2(this.body, function(b) {
         b.serializeTo(writer);
       });
 
@@ -16658,7 +17225,7 @@
         typePrefix = (pkg.xml && pkg.xml.typePrefix) || '';
 
     this.addAttribute(
-      this.nsAttributeName(XSI_TYPE$1),
+      this.nsAttributeName(XSI_TYPE),
       (typeNs.prefix ? typeNs.prefix + ':' : '') + typePrefix + descriptor.ns.localName
     );
 
@@ -20410,8 +20977,8 @@
 
   var name = "BPMN in Color";
   var uri = "http://www.omg.org/spec/BPMN/non-normative/color/1.0";
-  var prefix$6 = "color";
-  var types$6 = [
+  var prefix = "color";
+  var types = [
   	{
   		name: "ColoredLabel",
   		"extends": [
@@ -20464,8 +21031,8 @@
   var BpmnInColorPackage = {
   	name: name,
   	uri: uri,
-  	prefix: prefix$6,
-  	types: types$6,
+  	prefix: prefix,
+  	types: types,
   	enumerations: enumerations,
   	associations: associations
   };
@@ -20545,7 +21112,7 @@
   function ensureCompatDiRef(businessObject) {
 
     // bpmnElement can have multiple independent DIs
-    if (!has(businessObject, 'di')) {
+    if (!has$2(businessObject, 'di')) {
       Object.defineProperty(businessObject, 'di', {
         enumerable: false,
         get: function() {
@@ -20563,7 +21130,7 @@
    *
    * @return {boolean}
    */
-  function is$1(element, type) {
+  function is(element, type) {
     return element.$instanceOf(type);
   }
 
@@ -20574,7 +21141,7 @@
    */
   function findDisplayCandidate(definitions) {
     return find(definitions.rootElements, function(e) {
-      return is$1(e, 'bpmn:Process') || is$1(e, 'bpmn:Collaboration');
+      return is(e, 'bpmn:Process') || is(e, 'bpmn:Collaboration');
     });
   }
 
@@ -20680,7 +21247,7 @@
     function handlePlane(plane) {
       registerDi(plane);
 
-      forEach(plane.planeElement, handlePlaneElement);
+      forEach$2(plane.planeElement, handlePlaneElement);
     }
 
     function handlePlaneElement(planeElement) {
@@ -20758,9 +21325,9 @@
 
       var ctx = visitRoot(rootElement, plane);
 
-      if (is$1(rootElement, 'bpmn:Process') || is$1(rootElement, 'bpmn:SubProcess')) {
+      if (is(rootElement, 'bpmn:Process') || is(rootElement, 'bpmn:SubProcess')) {
         handleProcess(rootElement, ctx);
-      } else if (is$1(rootElement, 'bpmn:Collaboration')) {
+      } else if (is(rootElement, 'bpmn:Collaboration')) {
         handleCollaboration(rootElement, ctx);
 
         // force drawing of everything not yet drawn that is part of the target DI
@@ -20806,7 +21373,7 @@
       // if they contain lanes with DI information.
       // we do this to pass the free-floating lane test cases in the MIWG test suite
       var processes = filter(rootElements, function(e) {
-        return !isHandled(e) && is$1(e, 'bpmn:Process') && e.laneSets;
+        return !isHandled(e) && is(e, 'bpmn:Process') && e.laneSets;
       });
 
       processes.forEach(contextual(handleProcess, ctx));
@@ -20817,7 +21384,7 @@
     }
 
     function handleMessageFlows(messageFlows, context) {
-      forEach(messageFlows, contextual(handleMessageFlow, context));
+      forEach$2(messageFlows, contextual(handleMessageFlow, context));
     }
 
     function handleDataAssociation(association, context) {
@@ -20843,8 +21410,8 @@
 
     function handleArtifacts(artifacts, context) {
 
-      forEach(artifacts, function(e) {
-        if (is$1(e, 'bpmn:Association')) {
+      forEach$2(artifacts, function(e) {
+        if (is(e, 'bpmn:Association')) {
           deferred.push(function() {
             handleArtifact(e, context);
           });
@@ -20860,8 +21427,8 @@
         return;
       }
 
-      forEach(ioSpecification.dataInputs, contextual(handleDataInput, context));
-      forEach(ioSpecification.dataOutputs, contextual(handleDataOutput, context));
+      forEach$2(ioSpecification.dataInputs, contextual(handleDataInput, context));
+      forEach$2(ioSpecification.dataOutputs, contextual(handleDataOutput, context));
     }
 
     function handleSubProcess(subProcess, context) {
@@ -20872,11 +21439,11 @@
     function handleFlowNode(flowNode, context) {
       var childCtx = visitIfDi(flowNode, context);
 
-      if (is$1(flowNode, 'bpmn:SubProcess')) {
+      if (is(flowNode, 'bpmn:SubProcess')) {
         handleSubProcess(flowNode, childCtx || context);
       }
 
-      if (is$1(flowNode, 'bpmn:Activity')) {
+      if (is(flowNode, 'bpmn:Activity')) {
         handleIoSpecification(flowNode.ioSpecification, context);
       }
 
@@ -20888,8 +21455,8 @@
       //   * bpmn:CatchEvent
       //
       deferred.push(function() {
-        forEach(flowNode.dataInputAssociations, contextual(handleDataAssociation, context));
-        forEach(flowNode.dataOutputAssociations, contextual(handleDataAssociation, context));
+        forEach$2(flowNode.dataInputAssociations, contextual(handleDataAssociation, context));
+        forEach$2(flowNode.dataOutputAssociations, contextual(handleDataAssociation, context));
       });
     }
 
@@ -20916,11 +21483,11 @@
     }
 
     function handleLaneSet(laneSet, context) {
-      forEach(laneSet.lanes, contextual(handleLane, context));
+      forEach$2(laneSet.lanes, contextual(handleLane, context));
     }
 
     function handleLaneSets(laneSets, context) {
-      forEach(laneSets, contextual(handleLaneSet, context));
+      forEach$2(laneSets, contextual(handleLaneSet, context));
     }
 
     function handleFlowElementsContainer(container, context) {
@@ -20932,20 +21499,20 @@
     }
 
     function handleFlowElements(flowElements, context) {
-      forEach(flowElements, function(e) {
-        if (is$1(e, 'bpmn:SequenceFlow')) {
+      forEach$2(flowElements, function(e) {
+        if (is(e, 'bpmn:SequenceFlow')) {
           deferred.push(function() {
             handleSequenceFlow(e, context);
           });
-        } else if (is$1(e, 'bpmn:BoundaryEvent')) {
+        } else if (is(e, 'bpmn:BoundaryEvent')) {
           deferred.unshift(function() {
             handleFlowNode(e, context);
           });
-        } else if (is$1(e, 'bpmn:FlowNode')) {
+        } else if (is(e, 'bpmn:FlowNode')) {
           handleFlowNode(e, context);
-        } else if (is$1(e, 'bpmn:DataObject')) ; else if (is$1(e, 'bpmn:DataStoreReference')) {
+        } else if (is(e, 'bpmn:DataObject')) ; else if (is(e, 'bpmn:DataStoreReference')) {
           handleDataElement(e, context);
-        } else if (is$1(e, 'bpmn:DataObjectReference')) {
+        } else if (is(e, 'bpmn:DataObjectReference')) {
           handleDataElement(e, context);
         } else {
           logError(
@@ -20970,7 +21537,7 @@
 
     function handleCollaboration(collaboration, context) {
 
-      forEach(collaboration.participants, contextual(handleParticipant, context));
+      forEach$2(collaboration.participants, contextual(handleParticipant, context));
 
       handleArtifacts(collaboration.artifacts, context);
 
@@ -20984,7 +21551,7 @@
     function wireFlowNodeRefs(lane) {
 
       // wire the virtual flowNodeRefs <-> relationship
-      forEach(lane.flowNodeRef, function(flowNode) {
+      forEach$2(lane.flowNodeRef, function(flowNode) {
         var lanes = flowNode.get('lanes');
 
         if (lanes) {
@@ -21078,7 +21645,7 @@
 
       // traverse BPMN 2.0 document model,
       // starting at definitions
-      forEach(diagramsToImport, function(diagram) {
+      forEach$2(diagramsToImport, function(diagram) {
         walker.handleDefinitions(definitions, diagram);
       });
 
@@ -21134,7 +21701,7 @@
     var bpmnElement = bpmnDiagram.plane.bpmnElement,
         rootElement = bpmnElement;
 
-    if (!is(bpmnElement, 'bpmn:Process') && !is(bpmnElement, 'bpmn:Collaboration')) {
+    if (!is$1(bpmnElement, 'bpmn:Process') && !is$1(bpmnElement, 'bpmn:Collaboration')) {
       rootElement = findRootProcess(bpmnElement);
     }
 
@@ -21142,11 +21709,11 @@
     // collaboration, not the process
     var collaboration;
 
-    if (is(rootElement, 'bpmn:Collaboration')) {
+    if (is$1(rootElement, 'bpmn:Collaboration')) {
       collaboration = rootElement;
     } else {
       collaboration = find(definitions.rootElements, function(element) {
-        if (!is(element, 'bpmn:Collaboration')) {
+        if (!is$1(element, 'bpmn:Collaboration')) {
           return;
         }
 
@@ -21174,7 +21741,7 @@
     var diagramsToImport = [ bpmnDiagram ];
     var handledElements = [ bpmnElement ];
 
-    forEach(definitions.diagrams, function(diagram) {
+    forEach$2(definitions.diagrams, function(diagram) {
       var businessObject = diagram.plane.bpmnElement;
 
       if (
@@ -21193,7 +21760,7 @@
   function selfAndAllFlowElements(elements) {
     var result = [];
 
-    forEach(elements, function(element) {
+    forEach$2(elements, function(element) {
       if (!element) {
         return;
       }
@@ -21210,7 +21777,7 @@
     var parent = element;
 
     while (parent) {
-      if (is(parent, 'bpmn:Process')) {
+      if (is$1(parent, 'bpmn:Process')) {
         return parent;
       }
 
@@ -21286,13 +21853,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$1$1(lightbox, LIGHTBOX_STYLES);
+    assign$1$1(query$1('svg', lightbox), LOGO_STYLES);
+    assign$1$1(query$1('.backdrop', lightbox), BACKDROP_STYLES);
+    assign$1$1(query$1('.notice', lightbox), NOTICE_STYLES);
+    assign$1$1(query$1('.link', lightbox), LINK_STYLES, {
       'margin': '15px 20px 15px 10px',
       'alignSelf': 'center'
     });
@@ -21303,7 +21870,7 @@
     if (!lightbox) {
       createLightbox();
 
-      delegate.bind(lightbox, '.backdrop', 'click', function(event) {
+      delegate$1.bind(lightbox, '.backdrop', 'click', function(event) {
         document.body.removeChild(lightbox);
       });
     }
@@ -21722,7 +22289,7 @@
         var canvas = self.get('canvas');
 
         var contentNode = canvas.getActiveLayer(),
-            defsNode = query('defs', canvas._svg);
+            defsNode = query$1('defs', canvas._svg);
 
         var contents = innerSVG(contentNode),
             defs = defsNode ? '<defs>' + innerSVG(defsNode) + '</defs>' : '';
@@ -21824,7 +22391,7 @@
     Diagram.prototype.destroy.call(this);
 
     // dom detach
-    remove$1(this._container);
+    remove$3(this._container);
   };
 
   /**
@@ -21867,7 +22434,7 @@
     }
 
     if (typeof parentNode === 'string') {
-      parentNode = query(parentNode);
+      parentNode = query$1(parentNode);
     }
 
     parentNode.appendChild(this._container);
@@ -21935,9 +22502,9 @@
 
   BaseViewer.prototype._createContainer = function(options) {
 
-    var container = domify('<div class="bjs-container"></div>');
+    var container = domify$1('<div class="bjs-container"></div>');
 
-    assign$1(container, {
+    assign$1$1(container, {
       width: ensureUnit(options.width),
       height: ensureUnit(options.height),
       position: options.position
@@ -22031,10 +22598,10 @@
         img +
       '</a>';
 
-    var linkElement = domify(linkMarkup);
+    var linkElement = domify$1(linkMarkup);
 
-    assign$1(query('svg', linkElement), LOGO_STYLES);
-    assign$1(linkElement, LINK_STYLES, {
+    assign$1$1(query$1('svg', linkElement), LOGO_STYLES);
+    assign$1$1(linkElement, LINK_STYLES, {
       position: 'absolute',
       bottom: '15px',
       right: '15px',
@@ -22043,7 +22610,7 @@
 
     container.appendChild(linkElement);
 
-    componentEvent.bind(linkElement, 'click', function(event) {
+    componentEvent$1.bind(linkElement, 'click', function(event) {
       open();
 
       event.preventDefault();
@@ -22107,7 +22674,7 @@
 
   // modules the viewer is composed of
   Viewer.prototype._modules = [
-    CoreModule,
+    CoreModule$1,
     TranslateModule,
     SelectionModule,
     OverlaysModule,
@@ -22119,4 +22686,4 @@
 
   return Viewer;
 
-})));
+}));