camunda-bpmn-js 0.18.0 → 0.19.0

package/dist/camunda-cloud-viewer.development.js

@@ -2,19 +2,19 @@
 	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';
 
 	var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-	function createCommonjsModule(fn) {
-	  var module = { exports: {} };
-		return fn(module, module.exports), module.exports;
+	function getDefaultExportFromCjs (x) {
+		return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 	}
 
-	var inherits_browser = createCommonjsModule(function (module) {
+	var inherits_browser = {exports: {}};
+
 	if (typeof Object.create === 'function') {
 	  // implementation from standard node.js 'util' module
-	  module.exports = function inherits(ctor, superCtor) {
+	  inherits_browser.exports = function inherits(ctor, superCtor) {
 	    if (superCtor) {
 	      ctor.super_ = superCtor;
 	      ctor.prototype = Object.create(superCtor.prototype, {
@@ -29,7 +29,7 @@
 	  };
 	} else {
 	  // old school shim for old browsers
-	  module.exports = function inherits(ctor, superCtor) {
+	  inherits_browser.exports = function inherits(ctor, superCtor) {
 	    if (superCtor) {
 	      ctor.super_ = superCtor;
 	      var TempCtor = function () {};
@@ -39,7 +39,6 @@
 	    }
 	  };
 	}
-	});
 
 	function e(e,t){t&&(e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}));}
 
@@ -51,29 +50,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.
@@ -84,8 +83,8 @@
 	 * @return {Boolean}
 	 */
 
-	function has(target, key) {
-	  return nativeHasOwnProperty.call(target, key);
+	function has$2(target, key) {
+	  return nativeHasOwnProperty$2.call(target, key);
 	}
 
 	/**
@@ -100,7 +99,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;
@@ -119,8 +118,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;
@@ -139,7 +138,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);
 	    }
@@ -156,17 +155,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));
 
@@ -187,7 +186,7 @@
 	 */
 
 	function reduce(collection, iterator, result) {
-	  forEach(collection, function (value, idx) {
+	  forEach$2(collection, function (value, idx) {
 	    result = iterator(result, value, idx);
 	  });
 	  return result;
@@ -232,7 +231,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;
@@ -265,11 +264,11 @@
 	  };
 	}
 
-	function identity(arg) {
+	function identity$2(arg) {
 	  return arg;
 	}
 
-	function toNum(arg) {
+	function toNum$2(arg) {
 	  return Number(arg);
 	}
 
@@ -401,7 +400,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];
 	    }
@@ -420,7 +419,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;
 	    }
@@ -428,7 +427,7 @@
 	  return result;
 	}
 
-	var DEFAULT_RENDER_PRIORITY = 1000;
+	var DEFAULT_RENDER_PRIORITY$1 = 1000;
 
 	/**
 	 * The base implementation of shape and connection renderers.
@@ -439,7 +438,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,
@@ -523,7 +522,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);
@@ -540,7 +539,7 @@
 	 */
 	function isAny(element, types) {
 	  return some(types, function(t) {
-	    return is(element, t);
+	    return is$1(element, t);
 	  });
 	}
 
@@ -568,21 +567,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;
 	  }
 
@@ -595,22 +594,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';
 	  }
 	}
@@ -641,7 +640,7 @@
 	  }
 	}
 
-	function ensureImported(element, target) {
+	function ensureImported$2(element, target) {
 
 	  if (element.ownerDocument !== target.ownerDocument) {
 	    try {
@@ -667,8 +666,8 @@
 	 *
 	 * @return {SVGElement} the appended node
 	 */
-	function appendTo(element, target) {
-	  return target.appendChild(ensureImported(element, target));
+	function appendTo$2(element, target) {
+	  return target.appendChild(ensureImported$2(element, target));
 	}
 
 	/**
@@ -683,8 +682,8 @@
 	 *
 	 * @return {SVGElement} the element
 	 */
-	function append(target, node) {
-	  appendTo(node, target);
+	function append$2(target, node) {
+	  appendTo$2(node, target);
 	  return target;
 	}
 
@@ -692,9 +691,9 @@
 	 * attribute accessor utility
 	 */
 
-	var LENGTH_ATTR = 2;
+	var LENGTH_ATTR$2 = 2;
 
-	var CSS_PROPERTIES = {
+	var CSS_PROPERTIES$2 = {
 	  'alignment-baseline': 1,
 	  'baseline-shift': 1,
 	  'clip': 1,
@@ -718,7 +717,7 @@
 	  'flood-opacity': 1,
 	  'font': 1,
 	  'font-family': 1,
-	  'font-size': LENGTH_ATTR,
+	  'font-size': LENGTH_ATTR$2,
 	  'font-size-adjust': 1,
 	  'font-stretch': 1,
 	  'font-style': 1,
@@ -748,7 +747,7 @@
 	  'stroke-linejoin': 1,
 	  'stroke-miterlimit': 1,
 	  'stroke-opacity': 1,
-	  'stroke-width': LENGTH_ATTR,
+	  'stroke-width': LENGTH_ATTR$2,
 	  'text-anchor': 1,
 	  'text-decoration': 1,
 	  'text-rendering': 1,
@@ -759,22 +758,22 @@
 	};
 
 
-	function getAttribute(node, name) {
-	  if (CSS_PROPERTIES[name]) {
+	function getAttribute$2(node, name) {
+	  if (CSS_PROPERTIES$2[name]) {
 	    return node.style[name];
 	  } else {
 	    return node.getAttributeNS(null, name);
 	  }
 	}
 
-	function setAttribute(node, name, value) {
+	function setAttribute$2(node, name, value) {
 	  var hyphenated = name.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
 
-	  var type = CSS_PROPERTIES[hyphenated];
+	  var type = CSS_PROPERTIES$2[hyphenated];
 
 	  if (type) {
 	    // append pixel unit, unless present
-	    if (type === LENGTH_ATTR && typeof value === 'number') {
+	    if (type === LENGTH_ATTR$2 && typeof value === 'number') {
 	      value = String(value) + 'px';
 	    }
 
@@ -784,12 +783,12 @@
 	  }
 	}
 
-	function setAttributes(node, attrs) {
+	function setAttributes$2(node, attrs) {
 
 	  var names = Object.keys(attrs), i, name;
 
 	  for (i = 0, name; (name = names[i]); i++) {
-	    setAttribute(node, name, attrs[name]);
+	    setAttribute$2(node, name, attrs[name]);
 	  }
 	}
 
@@ -803,15 +802,15 @@
 	 *
 	 * @return {String}
 	 */
-	function attr(node, name, value) {
+	function attr$3(node, name, value) {
 	  if (typeof name === 'string') {
 	    if (value !== undefined) {
-	      setAttribute(node, name, value);
+	      setAttribute$2(node, name, value);
 	    } else {
-	      return getAttribute(node, name);
+	      return getAttribute$2(node, name);
 	    }
 	  } else {
-	    setAttributes(node, name);
+	    setAttributes$2(node, name);
 	  }
 
 	  return node;
@@ -820,7 +819,7 @@
 	/**
 	 * Clear utility
 	 */
-	function index(arr, obj) {
+	function index$1(arr, obj) {
 	  if (arr.indexOf) {
 	    return arr.indexOf(obj);
 	  }
@@ -835,11 +834,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';
 	}
 
@@ -851,11 +850,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');
 	  }
@@ -871,7 +870,7 @@
 	 * @api public
 	 */
 
-	ClassList.prototype.add = function(name) {
+	ClassList$3.prototype.add = function(name) {
 
 	  // classList
 	  if (this.list) {
@@ -881,12 +880,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(' ');
@@ -905,8 +904,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);
 	  }
 
@@ -918,7 +917,7 @@
 
 	  // fallback
 	  var arr = this.array();
-	  var i = index(arr, name);
+	  var i = index$1(arr, name);
 	  if (~i) {
 	    arr.splice(i, 1);
 	  }
@@ -934,7 +933,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])) {
@@ -956,10 +955,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
 	      }
@@ -970,7 +969,7 @@
 	  }
 
 	  // fallback
-	  if (defined(force)) {
+	  if (defined$1(force)) {
 	    if (!force) {
 	      this.remove(name);
 	    } else {
@@ -994,10 +993,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();
 	  }
@@ -1012,16 +1011,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) {
@@ -1041,17 +1040,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$2 = {
 	  svg: 'http://www.w3.org/2000/svg'
 	};
 
@@ -1059,24 +1058,24 @@
 	 * DOM parsing utility
 	 */
 
-	var SVG_START = '<svg xmlns="' + ns.svg + '"';
+	var SVG_START$2 = '<svg xmlns="' + ns$2.svg + '"';
 
-	function parse(svg) {
+	function parse$4(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$2.svg) === -1) {
+	      svg = SVG_START$2 + svg.substring(4);
 	    }
 	  } else {
 	    // namespace svg
-	    svg = SVG_START + '>' + svg + '</svg>';
+	    svg = SVG_START$2 + '>' + svg + '</svg>';
 	    unwrap = true;
 	  }
 
-	  var parsed = parseDocument(svg);
+	  var parsed = parseDocument$2(svg);
 
 	  if (!unwrap) {
 	    return parsed;
@@ -1093,7 +1092,7 @@
 	  return fragment;
 	}
 
-	function parseDocument(svg) {
+	function parseDocument$2(svg) {
 
 	  var parser;
 
@@ -1117,18 +1116,18 @@
 	 *
 	 * @returns {SVGElement}
 	 */
-	function create(name, attrs) {
+	function create$3(name, attrs) {
 	  var element;
 
 	  if (name.charAt(0) === '<') {
-	    element = parse(name).firstChild;
+	    element = parse$4(name).firstChild;
 	    element = document.importNode(element, true);
 	  } else {
-	    element = document.createElementNS(ns.svg, name);
+	    element = document.createElementNS(ns$2.svg, name);
 	  }
 
 	  if (attrs) {
-	    attr(element, attrs);
+	    attr$3(element, attrs);
 	  }
 
 	  return element;
@@ -1139,9 +1138,9 @@
 	 */
 
 	// fake node used to instantiate svg geometry elements
-	var node = create('svg');
+	var node = create$3('svg');
 
-	function extend(object, props) {
+	function extend$1(object, props) {
 	  var i, k, keys = Object.keys(props);
 
 	  for (i = 0; (k = keys[i]); i++) {
@@ -1169,9 +1168,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,
@@ -1221,7 +1220,7 @@
 	 *
 	 * @return {SVGTransform} the consolidated transform
 	 */
-	function transform(node, transforms) {
+	function transform$1(node, transforms) {
 	  var transformList = node.transform.baseVal;
 
 	  if (transforms) {
@@ -1252,18 +1251,18 @@
 
 	function createLine(points, attrs) {
 
-	  var line = create('polyline');
-	  attr(line, { points: toSVGPoints(points) });
+	  var line = create$3('polyline');
+	  attr$3(line, { points: toSVGPoints(points) });
 
 	  if (attrs) {
-	    attr(line, attrs);
+	    attr$3(line, attrs);
 	  }
 
 	  return line;
 	}
 
 	function updateLine(gfx, points) {
-	  attr(gfx, { points: toSVGPoints(points) });
+	  attr$3(gfx, { points: toSVGPoints(points) });
 
 	  return gfx;
 	}
@@ -1420,10 +1419,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]';
 	}
 	/**
@@ -1451,11 +1450,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)) {
@@ -1485,7 +1484,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++) {
@@ -1505,35 +1504,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;
 	  }
@@ -1550,13 +1524,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`.
@@ -1566,8 +1540,8 @@
 	 * @api public
 	 */
 
-	function classes$1(el) {
-	  return new ClassList$1(el);
+	function classes$2(el) {
+	  return new ClassList$2(el);
 	}
 
 	/**
@@ -1577,7 +1551,7 @@
 	 * @api private
 	 */
 
-	function ClassList$1(el) {
+	function ClassList$2(el) {
 	  if (!el || !el.nodeType) {
 	    throw new Error('A DOM element reference is required');
 	  }
@@ -1593,7 +1567,7 @@
 	 * @api public
 	 */
 
-	ClassList$1.prototype.add = function (name) {
+	ClassList$2.prototype.add = function (name) {
 	  // classList
 	  if (this.list) {
 	    this.list.add(name);
@@ -1602,7 +1576,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;
@@ -1618,8 +1592,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);
 	  }
 
@@ -1631,7 +1605,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;
@@ -1645,7 +1619,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])) {
@@ -1667,7 +1641,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) {
@@ -1705,10 +1679,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;
 	};
@@ -1721,34 +1695,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`.
@@ -1759,9 +1718,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;
@@ -1776,24 +1735,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$8 = bind$1$1 !== 'addEventListener' ? 'on' : '';
 
 	/**
 	 * Bind `el` event `type` to `fn`.
@@ -1806,8 +1765,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$8 + type, fn, capture || false);
 	  return fn;
 	};
 
@@ -1822,14 +1781,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$8 + 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
 	};
 
 	/**
@@ -1852,16 +1811,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);
 	    }
@@ -1877,75 +1836,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$3;
 
 	/**
 	 * 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,
@@ -1958,7 +1917,7 @@
 	 * @api private
 	 */
 
-	function parse$1(html, doc) {
+	function parse$3(html, doc) {
 	  if ('string' != typeof html) throw new TypeError('String expected');
 
 	  // default to the global `document` object
@@ -1980,7 +1939,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];
@@ -2002,19 +1961,13 @@
 	  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);
 	}
 
@@ -2197,7 +2150,7 @@
 	/**
 	 * Clear utility
 	 */
-	function index$1(arr, obj) {
+	function index(arr, obj) {
 	  if (arr.indexOf) {
 	    return arr.indexOf(obj);
 	  }
@@ -2212,11 +2165,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';
 	}
 
@@ -2228,11 +2181,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');
 	  }
@@ -2248,7 +2201,7 @@
 	 * @api public
 	 */
 
-	ClassList$2.prototype.add = function(name) {
+	ClassList$1.prototype.add = function(name) {
 
 	  // classList
 	  if (this.list) {
@@ -2258,12 +2211,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(' ');
@@ -2282,8 +2235,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);
 	  }
 
@@ -2295,7 +2248,7 @@
 
 	  // fallback
 	  var arr = this.array();
-	  var i = index$1(arr, name);
+	  var i = index(arr, name);
 	  if (~i) {
 	    arr.splice(i, 1);
 	  }
@@ -2311,7 +2264,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])) {
@@ -2333,10 +2286,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
 	      }
@@ -2347,7 +2300,7 @@
 	  }
 
 	  // fallback
-	  if (defined$1(force)) {
+	  if (defined(force)) {
 	    if (!force) {
 	      this.remove(name);
 	    } else {
@@ -2371,10 +2324,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();
 	  }
@@ -2389,12 +2342,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)
 	  );
 	};
 
@@ -2418,7 +2371,7 @@
 	 * @param  {DOMElement} element
 	 * @return {DOMElement} the element (for chaining)
 	 */
-	function clear$2(element) {
+	function clear$1(element) {
 	  var child;
 
 	  while ((child = element.firstChild)) {
@@ -2494,7 +2447,7 @@
 	 *
 	 * @returns {SVGElement}
 	 */
-	function create$1(name, attrs) {
+	function create$2(name, attrs) {
 	  var element;
 
 	  if (name.charAt(0) === '<') {
@@ -2525,7 +2478,7 @@
 	  '"': '\''
 	};
 
-	function escape(str, pattern) {
+	function escape$1(str, pattern) {
 
 	  function replaceFn(match, entity) {
 	    return ENTITY_REPLACEMENT[entity] || entity;
@@ -2542,7 +2495,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
@@ -2553,7 +2506,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), '"');
 	      }
 	    }
 
@@ -2571,7 +2524,7 @@
 
 	  // COMMENT
 	  case 8:
-	    output.push('<!--', escape(node.nodeValue, TEXT_ENTITIES), '-->');
+	    output.push('<!--', escape$1(node.nodeValue, TEXT_ENTITIES), '-->');
 	    break;
 
 	  // CDATA
@@ -2597,7 +2550,7 @@
 	  var parsed = parse$2(svg);
 
 	  // clear element contents
-	  clear$2(element);
+	  clear$1(element);
 
 	  if (!svg) {
 	    return;
@@ -2608,7 +2561,7 @@
 	    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++) {
@@ -2650,7 +2603,7 @@
 	}
 
 
-	function slice(arr) {
+	function slice$1(arr) {
 	  return Array.prototype.slice.call(arr);
 	}
 
@@ -2661,7 +2614,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);
 
@@ -2671,7 +2624,7 @@
 	  var scale = createTransform();
 	  scale.setScale(amount || 1, amount || 1);
 
-	  transform(gfx, [ translate, rotate, scale ]);
+	  transform$1(gfx, [ translate, rotate, scale ]);
 	}
 
 
@@ -2680,11 +2633,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);
 	}
 
 
@@ -2696,14 +2649,14 @@
 	  var rotate = createTransform();
 	  rotate.setRotate(angle, 0, 0);
 
-	  transform(gfx, rotate);
+	  transform$1(gfx, rotate);
 	}
 
-	function createCommonjsModule$1(fn, module) {
+	function createCommonjsModule(fn, module) {
 		return module = { exports: {} }, fn(module, module.exports), module.exports;
 	}
 
-	var hat_1 = createCommonjsModule$1(function (module) {
+	var hat_1 = createCommonjsModule(function (module) {
 	var hat = module.exports = function (bits, base) {
 	    if (!base) base = 16;
 	    if (bits === undefined) bits = 128;
@@ -2906,7 +2859,7 @@
 	      attrs.strokeDasharray = [ 10000, 1 ];
 	    }
 
-	    var marker = create$1('marker');
+	    var marker = create$2('marker');
 
 	    attr$2(options.element, attrs);
 
@@ -2922,10 +2875,10 @@
 	      orient: 'auto'
 	    });
 
-	    var defs = query('defs', canvas._svg);
+	    var defs = query$1('defs', canvas._svg);
 
 	    if (!defs) {
-	      defs = create$1('defs');
+	      defs = create$2('defs');
 
 	      append$1(canvas._svg, defs);
 	    }
@@ -2954,7 +2907,7 @@
 	  function createMarker(id, type, fill, stroke) {
 
 	    if (type === 'sequenceflow-end') {
-	      var sequenceflowEnd = create$1('path');
+	      var sequenceflowEnd = create$2('path');
 	      attr$2(sequenceflowEnd, { d: 'M 1 5 L 11 10 L 1 15 Z' });
 
 	      addMarker(id, {
@@ -2969,7 +2922,7 @@
 	    }
 
 	    if (type === 'messageflow-start') {
-	      var messageflowStart = create$1('circle');
+	      var messageflowStart = create$2('circle');
 	      attr$2(messageflowStart, { cx: 6, cy: 6, r: 3.5 });
 
 	      addMarker(id, {
@@ -2983,7 +2936,7 @@
 	    }
 
 	    if (type === 'messageflow-end') {
-	      var messageflowEnd = create$1('path');
+	      var messageflowEnd = create$2('path');
 	      attr$2(messageflowEnd, { d: 'm 1 5 l 0 -3 l 7 3 l -7 3 z' });
 
 	      addMarker(id, {
@@ -2998,7 +2951,7 @@
 	    }
 
 	    if (type === 'association-start') {
-	      var associationStart = create$1('path');
+	      var associationStart = create$2('path');
 	      attr$2(associationStart, { d: 'M 11 5 L 1 10 L 11 15' });
 
 	      addMarker(id, {
@@ -3014,7 +2967,7 @@
 	    }
 
 	    if (type === 'association-end') {
-	      var associationEnd = create$1('path');
+	      var associationEnd = create$2('path');
 	      attr$2(associationEnd, { d: 'M 1 5 L 11 10 L 1 15' });
 
 	      addMarker(id, {
@@ -3030,7 +2983,7 @@
 	    }
 
 	    if (type === 'conditional-flow-marker') {
-	      var conditionalflowMarker = create$1('path');
+	      var conditionalflowMarker = create$2('path');
 	      attr$2(conditionalflowMarker, { d: 'M 0 10 L 8 6 L 16 10 L 8 14 Z' });
 
 	      addMarker(id, {
@@ -3045,7 +2998,7 @@
 	    }
 
 	    if (type === 'conditional-default-flow-marker') {
-	      var conditionaldefaultflowMarker = create$1('path');
+	      var conditionaldefaultflowMarker = create$2('path');
 	      attr$2(conditionaldefaultflowMarker, { d: 'M 6 4 L 10 16' });
 
 	      addMarker(id, {
@@ -3081,7 +3034,7 @@
 	    var cx = width / 2,
 	        cy = height / 2;
 
-	    var circle = create$1('circle');
+	    var circle = create$2('circle');
 	    attr$2(circle, {
 	      cx: cx,
 	      cy: cy,
@@ -3109,7 +3062,7 @@
 	      fill: 'white'
 	    });
 
-	    var rect = create$1('rect');
+	    var rect = create$2('rect');
 	    attr$2(rect, {
 	      x: offset,
 	      y: offset,
@@ -3142,7 +3095,7 @@
 	      fill: 'white'
 	    });
 
-	    var polygon = create$1('polygon');
+	    var polygon = create$2('polygon');
 	    attr$2(polygon, {
 	      points: pointsString
 	    });
@@ -3174,7 +3127,7 @@
 	      stroke: black
 	    });
 
-	    var path = create$1('path');
+	    var path = create$2('path');
 	    attr$2(path, { d: d });
 	    attr$2(path, attrs);
 
@@ -3264,7 +3217,7 @@
 
 	    var text = textRenderer.createText(label || '', options);
 
-	    classes$2(text).add('djs-label');
+	    classes$1(text).add('djs-label');
 
 	    append$1(parentGfx, text);
 
@@ -3320,7 +3273,7 @@
 
 	    var top = -1 * element.height;
 
-	    transform$1(textBox, 0, -top, 270);
+	    transform(textBox, 0, -top, 270);
 	  }
 
 	  function createPathFromConnection(connection) {
@@ -4299,7 +4252,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);
 
 	      }
 
@@ -4488,7 +4441,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,
@@ -4622,7 +4575,7 @@
 	      };
 	    }
 
-	    forEach(taskMarkers, function(marker) {
+	    forEach$2(taskMarkers, function(marker) {
 	      renderer(marker)(parentGfx, element, position);
 	    });
 
@@ -4674,65 +4627,673 @@
 	  }
 
 
-	  // extension API, use at your own risk
-	  this._drawPath = drawPath;
+	  // 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$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 = 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$7 = 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$7 + 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$7 + 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;
+	  }
+
+	  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);
+	}
+
+	/**
+	 * 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;
+	  }
+
+	  return componentEvent.unbind(el, type, fn, capture);
+	}
+
+	var delegate = {
+	  bind: bind$2,
+	  unbind: unbind$1
+	};
+
+	/**
+	 * Expose `parse`.
+	 */
+
+	var domify = parse$1;
+
+	/**
+	 * Tests for browser support.
+	 */
+
+	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.
+	 */
+
+	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, '', '']
+	};
+
+	map$1.td =
+	map$1.th = [3, '<table><tbody><tr>', '</tr></tbody></table>'];
 
-	  this._renderer = renderer;
-	}
+	map$1.option =
+	map$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>'];
 
-	e(BpmnRenderer, BaseRenderer);
+	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>'];
 
-	BpmnRenderer.$inject = [
-	  'config.bpmnRenderer',
-	  'eventBus',
-	  'styles',
-	  'pathMap',
-	  'canvas',
-	  'textRenderer'
-	];
+	/**
+	 * 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
+	 */
 
+	function parse$1(html, doc) {
+	  if ('string' != typeof html) throw new TypeError('String expected');
 
-	BpmnRenderer.prototype.canRender = function(element) {
-	  return is(element, 'bpmn:BaseElement');
-	};
+	  // default to the global `document` object
+	  if (!doc) doc = document;
 
-	BpmnRenderer.prototype.drawShape = function(parentGfx, element) {
-	  var type = element.type;
-	  var h = this._renderer(type);
+	  // tag name
+	  var m = /<([\w:]+)/.exec(html);
+	  if (!m) return doc.createTextNode(html);
 
-	  /* jshint -W040 */
-	  return h(parentGfx, element);
-	};
+	  html = html.replace(/^\s+|\s+$/g, ''); // Remove leading/trailing whitespace
 
-	BpmnRenderer.prototype.drawConnection = function(parentGfx, element) {
-	  var type = element.type;
-	  var h = this._renderer(type);
+	  var tag = m[1];
 
-	  /* jshint -W040 */
-	  return h(parentGfx, element);
-	};
+	  // body support
+	  if (tag == 'body') {
+	    var el = doc.createElement('html');
+	    el.innerHTML = html;
+	    return el.removeChild(el.lastChild);
+	  }
 
-	BpmnRenderer.prototype.getShapePath = function(element) {
+	  // 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;
 
-	  if (is(element, 'bpmn:Event')) {
-	    return getCirclePath(element);
+	  // one element
+	  if (el.firstChild == el.lastChild) {
+	    return el.removeChild(el.firstChild);
 	  }
 
-	  if (is(element, 'bpmn:Activity')) {
-	    return getRoundRectPath(element, TASK_BORDER_RADIUS);
+	  // several elements
+	  var fragment = doc.createDocumentFragment();
+	  while (el.firstChild) {
+	    fragment.appendChild(el.removeChild(el.firstChild));
 	  }
 
-	  if (is(element, 'bpmn:Gateway')) {
-	    return getDiamondPath(element);
-	  }
+	  return fragment;
+	}
 
-	  return getRectPath(element);
-	};
+	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
 	};
@@ -4909,9 +5470,9 @@
 	  var helperSvg = document.getElementById('helper-svg');
 
 	  if (!helperSvg) {
-	    helperSvg = create('svg');
+	    helperSvg = create$3('svg');
 
-	    attr(helperSvg, {
+	    attr$3(helperSvg, {
 	      id: 'helper-svg'
 	    });
 
@@ -4941,7 +5502,7 @@
 	function Text(config) {
 
 	  this._config = assign({}, {
-	    size: DEFAULT_LABEL_SIZE,
+	    size: DEFAULT_LABEL_SIZE$1,
 	    padding: DEFAULT_BOX_PADDING,
 	    style: {},
 	    align: 'center-top'
@@ -5005,13 +5566,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$3('text');
+	  attr$3(helperText, { x: 0, y: 0 });
+	  attr$3(helperText, style);
 
 	  var helperSvg = getHelperSvg();
 
-	  append(helperSvg, helperText);
+	  append$2(helperSvg, helperText);
 
 	  while (lines.length) {
 	    layouted.push(layoutNext(lines, maxWidth, helperText));
@@ -5040,13 +5601,13 @@
 	  y -= (lineHeight || layouted[0].height) / 4;
 
 
-	  var textElement = create('text');
+	  var textElement = create$3('text');
 
-	  attr(textElement, style);
+	  attr$3(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;
 
@@ -5069,15 +5630,15 @@
 	        - line.width) / 2 + padding.left), 0);
 	    }
 
-	    var tspan = create('tspan');
-	    attr(tspan, { x: x, y: y });
+	    var tspan = create$3('tspan');
+	    attr$3(tspan, { x: x, y: y });
 
 	    tspan.textContent = line.text;
 
-	    append(textElement, tspan);
+	    append$2(textElement, tspan);
 	  });
 
-	  remove(helperText);
+	  remove$4(helperText);
 
 	  var dimensions = {
 	    width: maxLineWidth,
@@ -5682,7 +6243,7 @@
 	  });
 	}
 
-	var DrawModule = {
+	var DrawModule$1 = {
 	  __init__: [ 'bpmnRenderer' ],
 	  bpmnRenderer: [ 'type', BpmnRenderer ],
 	  textRenderer: [ 'type', TextRenderer ],
@@ -5707,7 +6268,7 @@
 	 *
 	 * @return {string} the translated string
 	 */
-	function translate$1(template, replacements) {
+	function translate(template, replacements) {
 
 	  replacements = replacements || {};
 
@@ -5717,10 +6278,10 @@
 	}
 
 	var TranslateModule = {
-	  translate: [ 'value', translate$1 ]
+	  translate: [ 'value', translate ]
 	};
 
-	var DEFAULT_LABEL_SIZE$1 = {
+	var DEFAULT_LABEL_SIZE = {
 	  width: 90,
 	  height: 20
 	};
@@ -5735,15 +6296,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');
 	}
 
 	/**
@@ -5803,15 +6364,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
 	    };
 	  }
 	}
@@ -5835,7 +6396,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
 	    };
 
@@ -5847,7 +6408,7 @@
 
 	    mid = getExternalLabelMid(element);
 
-	    size = DEFAULT_LABEL_SIZE$1;
+	    size = DEFAULT_LABEL_SIZE;
 	  }
 
 	  return assign({
@@ -6094,9 +6655,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' }
 	      : {};
 
@@ -6107,10 +6668,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);
 
@@ -6126,16 +6687,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))) {
@@ -6147,7 +6708,7 @@
 	  }
 
 	  // CONNECTION
-	  else if (is(di, 'bpmndi:BPMNEdge')) {
+	  else if (is$1(di, 'bpmndi:BPMNEdge')) {
 
 	    var source = this._getSource(semantic),
 	        target = this._getTarget(semantic);
@@ -6161,7 +6722,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
@@ -6326,8 +6887,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 = {
@@ -6337,9 +6898,9 @@
 	  bpmnImporter: [ 'type', BpmnImporter ]
 	};
 
-	var CoreModule = {
+	var CoreModule$1 = {
 	  __depends__: [
-	    DrawModule,
+	    DrawModule$1,
 	    ImportModule
 	  ]
 	};
@@ -6396,7 +6957,7 @@
 	  return isPrimaryButton(event) || isAuxiliaryButton(event);
 	}
 
-	var LOW_PRIORITY = 500;
+	var LOW_PRIORITY$3 = 500;
 
 
 	/**
@@ -6556,13 +7117,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);
 	    });
 	  }
@@ -6591,7 +7152,7 @@
 	  eventBus.on([
 	    'shape.changed',
 	    'connection.changed'
-	  ], LOW_PRIORITY, function(event) {
+	  ], LOW_PRIORITY$3, function(event) {
 
 	    var element = event.element,
 	        gfx = event.gfx;
@@ -6599,7 +7160,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;
 
@@ -6652,13 +7213,13 @@
 	      throw new Error('invalid hit type <' + type + '>');
 	    }
 
-	    attr(hit, attrs);
+	    attr$3(hit, attrs);
 
 	    return hit;
 	  }
 
 	  function appendHit(gfx, hit) {
-	    append(gfx, hit);
+	    append$2(gfx, hit);
 	  }
 
 
@@ -6672,7 +7233,7 @@
 	  this.removeHits = function(gfx) {
 	    var hits = all('.djs-hit', gfx);
 
-	    forEach(hits, remove);
+	    forEach$2(hits, remove$4);
 	  };
 
 	  /**
@@ -6736,11 +7297,11 @@
 	      y: 0
 	    }, attrs);
 
-	    var hit = create('rect');
+	    var hit = create$3('rect');
 
 	    applyStyle(hit, type);
 
-	    attr(hit, attrs);
+	    attr$3(hit, attrs);
 
 	    appendHit(gfx, hit);
 
@@ -6766,7 +7327,7 @@
 	    if (element.waypoints) {
 	      updateLine(hit, element.waypoints);
 	    } else {
-	      attr(hit, {
+	      attr$3(hit, {
 	        width: element.width,
 	        height: element.height
 	      });
@@ -6888,7 +7449,7 @@
 	function getBBox(elements, stopRecursion) {
 
 	  stopRecursion = !!stopRecursion;
-	  if (!isArray(elements)) {
+	  if (!isArray$3(elements)) {
 	    elements = [ elements ];
 	  }
 
@@ -6897,7 +7458,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;
@@ -6947,12 +7508,12 @@
 	  return 'root';
 	}
 
-	function isFrameElement$1(element) {
+	function isFrameElement(element) {
 
 	  return !!(element && element.isFrame);
 	}
 
-	var LOW_PRIORITY$1 = 500;
+	var LOW_PRIORITY$2 = 500;
 
 
 	/**
@@ -6974,9 +7535,9 @@
 	  var self = this;
 
 	  function createOutline(gfx, bounds) {
-	    var outline = create('rect');
+	    var outline = create$3('rect');
 
-	    attr(outline, assign({
+	    attr$3(outline, assign({
 	      x: 10,
 	      y: 10,
 	      rx: 3,
@@ -6984,14 +7545,14 @@
 	      height: 100
 	    }, OUTLINE_STYLE));
 
-	    append(gfx, outline);
+	    append$2(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;
 
@@ -7028,7 +7589,7 @@
 	 */
 	Outline.prototype.updateShapeOutline = function(outline, element) {
 
-	  attr(outline, {
+	  attr$3(outline, {
 	    x: -this.offset,
 	    y: -this.offset,
 	    width: element.width + this.offset * 2,
@@ -7049,7 +7610,7 @@
 
 	  var bbox = getBBox(connection);
 
-	  attr(outline, {
+	  attr$3(outline, {
 	    x: bbox.x - this.offset,
 	    y: bbox.y - this.offset,
 	    width: bbox.width + this.offset * 2,
@@ -7135,7 +7696,7 @@
 	  var selectedElements = this._selectedElements,
 	      oldSelection = selectedElements.slice();
 
-	  if (!isArray(elements)) {
+	  if (!isArray$3(elements)) {
 	    elements = elements ? [ elements ] : [];
 	  }
 
@@ -7152,7 +7713,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
@@ -7221,13 +7782,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);
 	      }
@@ -7253,13 +7814,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;
@@ -7267,15 +7828,15 @@
 
 	  var bBox = addSelectionOutlinePadding(getBBox(selection));
 
-	  var rect = create('rect');
+	  var rect = create$3('rect');
 
-	  attr(rect, assign({
+	  attr$3(rect, assign({
 	    rx: 3
 	  }, bBox));
 
-	  classes(rect).add('djs-selection-outline');
+	  classes$3(rect).add('djs-selection-outline');
 
-	  append(layer, rect);
+	  append$2(layer, rect);
 	};
 
 	// helpers //////////
@@ -7306,7 +7867,7 @@
 	        return;
 	      }
 
-	      if (isArray(autoSelect)) {
+	      if (isArray$3(autoSelect)) {
 	        selection.select(autoSelect);
 	      } else {
 
@@ -7437,7 +7998,7 @@
 	// document wide unique overlay ids
 	var ids = new IdGenerator('ov');
 
-	var LOW_PRIORITY$2 = 500;
+	var LOW_PRIORITY$1 = 500;
 
 
 	/**
@@ -7673,13 +8234,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);
 
@@ -7718,7 +8279,7 @@
 
 	  this._overlayContainers = [];
 
-	  clear$1(this._overlayRoot);
+	  clear(this._overlayRoot);
 	};
 
 	Overlays.prototype._updateOverlayContainer = function(container) {
@@ -7866,7 +8427,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);
@@ -7951,7 +8512,7 @@
 
 	  var self = this;
 
-	  forEach(this._overlays, function(overlay) {
+	  forEach$2(this._overlays, function(overlay) {
 	    self._updateOverlayVisibilty(overlay, viewbox);
 	  });
 	};
@@ -7988,7 +8549,7 @@
 	    var element = e.element;
 	    var overlays = self.get({ element: element });
 
-	    forEach(overlays, function(o) {
+	    forEach$2(overlays, function(o) {
 	      self.remove(o.id);
 	    });
 
@@ -8006,13 +8567,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);
 	      });
 
@@ -8026,7 +8587,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);
 	    }
 	  });
 
@@ -8157,7 +8718,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
@@ -8219,7 +8780,7 @@
 	    that = unwrap;
 	    unwrap = handlerFn;
 	    handlerFn = priority;
-	    priority = DEFAULT_PRIORITY;
+	    priority = DEFAULT_PRIORITY$1;
 	  }
 
 	  if (isObject(unwrap)) {
@@ -8231,13 +8792,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('.');
@@ -8265,7 +8826,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}
@@ -8332,109 +8893,111 @@
 	  rootElementsBehavior: [ 'type', RootElementsBehavior ]
 	};
 
+	var css_escape = {exports: {}};
+
 	/*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */
 
-	createCommonjsModule(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
-				) {
+					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 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;',
@@ -8464,7 +9027,7 @@
 	function getPlaneIdFromShape(element) {
 	  var id = element.id;
 
-	  if (is(element, 'bpmn:SubProcess')) {
+	  if (is$1(element, 'bpmn:SubProcess')) {
 	    return addPlaneSuffix(id);
 	  }
 
@@ -8487,9 +9050,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 = [];
@@ -8523,13 +9086,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;
@@ -8581,7 +9144,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);
 	    }
 	  }
@@ -8616,7 +9179,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;
 	    }
 
@@ -8779,7 +9342,7 @@
 
 	    var parent = bo.$parent;
 
-	    if (is(bo, 'bpmn:SubProcess') && !diElement.isExpanded) {
+	    if (is$1(bo, 'bpmn:SubProcess') && !diElement.isExpanded) {
 	      collapsedElements.push(bo);
 	    }
 
@@ -8875,7 +9438,7 @@
 	// helpers //////////////////////////
 
 	function findRootDiagram(element) {
-	  if (is(element, 'bpmndi:BPMNDiagram')) {
+	  if (is$1(element, 'bpmndi:BPMNDiagram')) {
 	    return element;
 	  } else {
 	    return findRootDiagram(element.$parent);
@@ -8908,7 +9471,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;
 	  }
 
@@ -8921,7 +9484,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';
@@ -8938,7 +9501,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
@@ -8950,7 +9513,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
@@ -8962,7 +9525,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,
@@ -8979,7 +9542,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,
@@ -9024,7 +9587,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));
 	};
 
 	/**
@@ -9045,7 +9608,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);
 	};
 
 	/**
@@ -9063,7 +9626,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)));
@@ -9122,7 +9685,7 @@
 	 *
 	 * @return {boolean}
 	 */
-	function isArray$2(obj) {
+	function isArray(obj) {
 	  return Object.prototype.toString.call(obj) === '[object Array]';
 	}
 
@@ -9150,7 +9713,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];
 	  }
 
@@ -9289,7 +9852,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!');
@@ -9564,7 +10127,7 @@
 	// helpers ///////////////
 
 	function arrayUnwrap(type, value) {
-	  if (type !== 'value' && isArray$2(value)) {
+	  if (type !== 'value' && isArray(value)) {
 	    value = annotate(value.slice());
 	  }
 
@@ -9573,7 +10136,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.
@@ -9584,7 +10147,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 });
@@ -9599,22 +10162,22 @@
 	};
 
 	DefaultRenderer.prototype.drawShape = function drawShape(visuals, element, attrs) {
-	  var rect = create('rect');
+	  var rect = create$3('rect');
 
-	  attr(rect, {
+	  attr$3(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$3(rect, assign({}, this.FRAME_STYLE, attrs || {}));
 	  } else {
-	    attr(rect, assign({}, this.SHAPE_STYLE, attrs || {}));
+	    attr$3(rect, assign({}, this.SHAPE_STYLE, attrs || {}));
 	  }
 
-	  append(visuals, rect);
+	  append$2(visuals, rect);
 
 	  return rect;
 	};
@@ -9622,7 +10185,7 @@
 	DefaultRenderer.prototype.drawConnection = function drawConnection(visuals, connection, attrs) {
 
 	  var line = createLine(connection.waypoints, assign({}, this.CONNECTION_STYLE, attrs || {}));
-	  append(visuals, line);
+	  append$2(visuals, line);
 
 	  return line;
 	};
@@ -9710,7 +10273,7 @@
 	   */
 	  this.style = function(traits, additionalAttrs) {
 
-	    if (!isArray(traits) && !additionalAttrs) {
+	    if (!isArray$3(traits) && !additionalAttrs) {
 	      additionalAttrs = traits;
 	      traits = [];
 	    }
@@ -9723,7 +10286,7 @@
 	  };
 
 	  this.computeStyle = function(custom, traits, defaultStyles) {
-	    if (!isArray(traits)) {
+	    if (!isArray$3(traits)) {
 	      defaultStyles = traits;
 	      traits = [];
 	    }
@@ -9732,7 +10295,7 @@
 	  };
 	}
 
-	var DrawModule$1 = {
+	var DrawModule = {
 	  __init__: [ 'defaultRenderer' ],
 	  defaultRenderer: [ 'type', DefaultRenderer ],
 	  styles: [ 'type', Styles ]
@@ -9746,7 +10309,7 @@
 	 *
 	 * @return {number} the previous index of the element
 	 */
-	function remove$3(collection, element) {
+	function remove(collection, element) {
 
 	  if (!collection || !element) {
 	    return -1;
@@ -9860,8 +10423,8 @@
 	}
 
 	function createGroup(parent, cls, childIndex) {
-	  var group = create('g');
-	  classes(group).add(cls);
+	  var group = create$3('g');
+	  classes$3(group).add(cls);
 
 	  var index = childIndex !== undefined ? childIndex : parent.childNodes.length - 1;
 
@@ -9939,10 +10502,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$3('svg');
+	  attr$3(svg, { width: '100%', height: '100%' });
 
-	  append(container, svg);
+	  append$2(container, svg);
 
 	  var viewport = this._viewport = createGroup(svg, 'viewport');
 
@@ -10182,7 +10745,7 @@
 	    return group;
 	  }
 
-	  remove(group);
+	  remove$4(group);
 
 	  layer.visible = false;
 
@@ -10197,7 +10760,7 @@
 	  if (layer) {
 	    delete this._layers[name];
 
-	    remove(layer.group);
+	    remove$4(layer.group);
 	  }
 	};
 
@@ -10285,14 +10848,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);
 	      }
 	    }
 	  });
@@ -10358,7 +10921,7 @@
 
 	  var gfx = this.getGraphics(element);
 
-	  return classes(gfx).has(marker);
+	  return classes$3(gfx).has(marker);
 	};
 
 	/**
@@ -10698,7 +11261,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 });
@@ -10874,7 +11437,7 @@
 	      outerBox = this.getSize(),
 	      matrix,
 	      activeLayer,
-	      transform$1,
+	      transform,
 	      scale,
 	      x, y;
 
@@ -10887,8 +11450,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);
@@ -10919,7 +11482,7 @@
 	        .scale(scale)
 	        .translate(-box.x, -box.y);
 
-	      transform(viewport, matrix);
+	      transform$1(viewport, matrix);
 	    });
 	  }
 
@@ -11256,10 +11819,10 @@
 	  this._validateId(id);
 
 	  // associate dom node with element
-	  attr(gfx, ELEMENT_ID, id);
+	  attr$3(gfx, ELEMENT_ID, id);
 
 	  if (secondaryGfx) {
-	    attr(secondaryGfx, ELEMENT_ID, id);
+	    attr$3(secondaryGfx, ELEMENT_ID, id);
 	  }
 
 	  this._elements[id] = { element: element, gfx: gfx, secondaryGfx: secondaryGfx };
@@ -11278,10 +11841,10 @@
 	  if (container) {
 
 	    // unset element id on gfx
-	    attr(container.gfx, ELEMENT_ID, '');
+	    attr$3(container.gfx, ELEMENT_ID, '');
 
 	    if (container.secondaryGfx) {
-	      attr(container.secondaryGfx, ELEMENT_ID, '');
+	      attr$3(container.secondaryGfx, ELEMENT_ID, '');
 	    }
 
 	    delete elements[id];
@@ -11336,7 +11899,7 @@
 	  }
 
 	  if (gfx) {
-	    attr(gfx, ELEMENT_ID, id);
+	    attr$3(gfx, ELEMENT_ID, id);
 	  }
 
 	  return gfx;
@@ -11361,7 +11924,7 @@
 	  if (typeof filter === 'string') {
 	    id = filter;
 	  } else {
-	    id = filter && attr(filter, ELEMENT_ID);
+	    id = filter && attr$3(filter, ELEMENT_ID);
 	  }
 
 	  var container = this._elements[id];
@@ -11478,6 +12041,10 @@
 	  }
 	};
 
+	var objectRefs = {exports: {}};
+
+	var collection = {};
+
 	/**
 	 * An empty collection stub. Use {@link RefsCollection.extend} to extend a
 	 * collection with ref semantics.
@@ -11498,7 +12065,7 @@
 	 *
 	 * @return {RefsCollection<Object>} the extended array
 	 */
-	function extend$1(collection, refs, property, target) {
+	function extend(collection, refs, property, target) {
 
 	  var inverseProperty = property.inverse;
 
@@ -11593,38 +12160,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;
 
@@ -11707,10 +12271,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
@@ -11731,7 +12295,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');
@@ -11742,28 +12306,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);
@@ -11776,7 +12340,7 @@
 	  }
 	};
 
-	Refs.prototype.set = function(target, property, value) {
+	Refs$1.prototype.set = function(target, property, value) {
 
 	  if (target) {
 	    this.ensureBound(target, property);
@@ -11789,18 +12353,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
@@ -11817,7 +12384,7 @@
 	 *
 	 * @abstract
 	 */
-	function Base() {
+	function Base$1() {
 
 	  /**
 	   * The object that backs up the shape
@@ -11896,7 +12463,7 @@
 	 * @extends Base
 	 */
 	function Shape() {
-	  Base.call(this);
+	  Base$1.call(this);
 
 	  /**
 	   * Indicates frame shapes
@@ -11926,7 +12493,7 @@
 	  attacherRefs.bind(this, 'attachers');
 	}
 
-	e(Shape, Base);
+	e(Shape, Base$1);
 
 
 	/**
@@ -11976,7 +12543,7 @@
 	 * @extends Base
 	 */
 	function Connection() {
-	  Base.call(this);
+	  Base$1.call(this);
 
 	  /**
 	   * The element this connection originates from
@@ -11995,10 +12562,10 @@
 	  incomingRefs.bind(this, 'target');
 	}
 
-	e(Connection, Base);
+	e(Connection, Base$1);
 
 
-	var types = {
+	var types$7 = {
 	  connection: Connection,
 	  shape: Shape,
 	  label: Label,
@@ -12022,8 +12589,8 @@
 	 *
 	 * @return {Base} the new model instance
 	 */
-	function create$2(type, attrs) {
-	  var Type = types[type];
+	function create$1(type, attrs) {
+	  var Type = types$7[type];
 	  if (!Type) {
 	    throw new Error('unknown type: <' + type + '>');
 	  }
@@ -12070,14 +12637,14 @@
 	    attrs.id = type + '_' + (this._uid++);
 	  }
 
-	  return create$2(type, attrs);
+	  return create$1(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.
@@ -12190,12 +12757,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)) {
@@ -12239,7 +12806,7 @@
 	  if (isFunction(priority)) {
 	    that = callback;
 	    callback = priority;
-	    priority = DEFAULT_PRIORITY$1;
+	    priority = DEFAULT_PRIORITY;
 	  }
 
 	  if (!isNumber(priority)) {
@@ -12275,7 +12842,7 @@
 	 */
 	EventBus.prototype.off = function(events, callback) {
 
-	  events = isArray(events) ? events : [ events ];
+	  events = isArray$3(events) ? events : [ events ];
 
 	  var self = this;
 
@@ -12338,7 +12905,7 @@
 	      returnValue,
 	      args;
 
-	  args = slice$1.call(arguments);
+	  args = slice.call(arguments);
 
 	  if (typeof type === 'object') {
 	    data = type;
@@ -12640,10 +13207,10 @@
 	  } else {
 	    childrenGfx = getChildren(gfx);
 	    if (!childrenGfx) {
-	      childrenGfx = create('g');
-	      classes(childrenGfx).add('djs-children');
+	      childrenGfx = create$3('g');
+	      classes$3(childrenGfx).add('djs-children');
 
-	      append(gfx.parentNode, childrenGfx);
+	      append$2(gfx.parentNode, childrenGfx);
 	    }
 	  }
 
@@ -12657,7 +13224,7 @@
 	GraphicsFactory.prototype._clear = function(gfx) {
 	  var visual = getVisual(gfx);
 
-	  clear$1(visual);
+	  clear(visual);
 
 	  return visual;
 	};
@@ -12692,38 +13259,38 @@
 	GraphicsFactory.prototype._createContainer = function(
 	    type, childrenGfx, parentIndex, isFrame
 	) {
-	  var outerGfx = create('g');
-	  classes(outerGfx).add('djs-group');
+	  var outerGfx = create$3('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$2(childrenGfx, outerGfx);
 	  }
 
-	  var gfx = create('g');
-	  classes(gfx).add('djs-element');
-	  classes(gfx).add('djs-' + type);
+	  var gfx = create$3('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$2(outerGfx, gfx);
 
 	  // create visual
-	  var visual = create('g');
-	  classes(visual).add('djs-visual');
+	  var visual = create$3('g');
+	  classes$3(visual).add('djs-visual');
 
-	  append(gfx, visual);
+	  append$2(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) {
@@ -12743,7 +13310,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;
 
@@ -12753,7 +13320,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);
@@ -12799,7 +13366,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);
@@ -12808,9 +13375,9 @@
 	  }
 
 	  if (element.hidden) {
-	    attr(gfx, 'display', 'none');
+	    attr$3(gfx, 'display', 'none');
 	  } else {
-	    attr(gfx, 'display', 'block');
+	    attr$3(gfx, 'display', 'block');
 	  }
 	};
 
@@ -12818,7 +13385,7 @@
 	  var gfx = this._elementRegistry.getGraphics(element);
 
 	  // remove
-	  remove(gfx.parentNode);
+	  remove$4(gfx.parentNode);
 	};
 
 
@@ -12836,8 +13403,8 @@
 	  parentNode.insertBefore(newNode, node);
 	}
 
-	var CoreModule$1 = {
-	  __depends__: [ DrawModule$1 ],
+	var CoreModule = {
+	  __depends__: [ DrawModule ],
 	  __init__: [ 'canvas' ],
 	  canvas: [ 'type', Canvas ],
 	  elementRegistry: [ 'type', ElementRegistry ],
@@ -12879,7 +13446,7 @@
 	    'config': [ 'value', options ]
 	  };
 
-	  var modules = [ configModule, CoreModule$1 ].concat(options.modules || []);
+	  var modules = [ configModule, CoreModule ].concat(options.modules || []);
 
 	  return bootstrap(modules);
 	}
@@ -13006,13 +13573,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);
 	};
 
@@ -13033,10 +13600,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;
 	    }
@@ -13055,7 +13622,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));
 	  }
@@ -13344,7 +13911,7 @@
 	    return;
 	  }
 
-	  forEach(t.properties, bind(function(p) {
+	  forEach$2(t.properties, bind(function(p) {
 
 	    // clone property to allow extensions
 	    p = assign({}, p, {
@@ -13391,7 +13958,7 @@
 
 	  this.properties = properties;
 
-	  forEach(packages, bind(this.registerPackage, this));
+	  forEach$2(packages, bind(this.registerPackage, this));
 	}
 
 
@@ -13415,7 +13982,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));
 
@@ -13441,7 +14008,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),
@@ -13467,7 +14034,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 || [];
@@ -13521,12 +14088,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);
 	};
 
 
@@ -13597,7 +14164,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) {
@@ -13612,7 +14179,7 @@
 	      if (propertyName in target) {
 	        target[propertyName] = value;
 	      } else {
-	        defineProperty$1(target, property, value);
+	        defineProperty(target, property, value);
 	      }
 	    } else {
 	      target.$attrs[name] = value;
@@ -13640,7 +14207,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];
@@ -13688,11 +14255,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,
@@ -13843,7 +14410,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 {
@@ -13912,7 +14479,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;
 
@@ -13934,7 +14501,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 {
 
@@ -13972,11 +14539,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);
 	}
 
@@ -14097,7 +14664,7 @@
 	   */
 	  function handleError(err) {
 	    if (!(err instanceof Error)) {
-	      err = error(err);
+	      err = error$1(err);
 	    }
 
 	    returnError = err;
@@ -14117,7 +14684,7 @@
 	    }
 
 	    if (!(err instanceof Error)) {
-	      err = error(err);
+	      err = error$1(err);
 	    }
 
 	    onWarning(err, getContext);
@@ -14134,7 +14701,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) {
@@ -14148,7 +14715,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;
@@ -14175,7 +14742,7 @@
 	    }
 
 	    if (typeof nsMap !== 'object') {
-	      throw error('required args <nsMap={}>');
+	      throw error$1('required args <nsMap={}>');
 	    }
 
 	    var _nsUriToPrefix = {}, k;
@@ -14202,7 +14769,7 @@
 	   */
 	  this['parse'] = function(xml) {
 	    if (typeof xml !== 'string') {
-	      throw error('required args <xml=string>');
+	      throw error$1('required args <xml=string>');
 	    }
 
 	    returnError = null;
@@ -14511,7 +15078,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) {
@@ -14557,7 +15124,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) {
@@ -15000,14 +15567,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) {
@@ -15049,7 +15616,7 @@
 	  return prefixedToName(nameNs, pkg);
 	}
 
-	function error$1(message) {
+	function error(message) {
 	  return new Error(message);
 	}
 
@@ -15107,7 +15674,7 @@
 	  this.addElement = function(element) {
 
 	    if (!element) {
-	      throw error$1('expected element');
+	      throw error('expected element');
 	    }
 
 	    var elementsById = this.elementsById;
@@ -15128,7 +15695,7 @@
 	        }
 
 	        if (elementsById[id]) {
-	          throw error$1('duplicate ID <' + id + '>');
+	          throw error('duplicate ID <' + id + '>');
 	        }
 
 	        elementsById[id] = element;
@@ -15188,7 +15755,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);
 	  }
@@ -15272,7 +15839,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);
@@ -15305,7 +15872,7 @@
 	      model = this.model,
 	      propNameNs;
 
-	  forEach(attributes, function(value, name) {
+	  forEach$2(attributes, function(value, name) {
 
 	    var prop = descriptor.propertiesByName[name],
 	        values;
@@ -15323,7 +15890,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,
@@ -15378,7 +15945,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
@@ -15428,7 +15995,7 @@
 	    }
 	  }
 
-	  throw error$1('unrecognized element <' + nameNs.name + '>');
+	  throw error('unrecognized element <' + nameNs.name + '>');
 	};
 
 	ElementHandler.prototype.toString = function() {
@@ -15531,7 +16098,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);
@@ -15699,7 +16266,7 @@
 
 	      return true;
 	    } else {
-	      throw error$1(message);
+	      throw error(message);
 	    }
 	  }
 
@@ -15880,7 +16447,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;
@@ -16067,7 +16634,7 @@
 	    }
 
 	    // do not serialize defaults
-	    if (!has(element, name)) {
+	    if (!has$2(element, name)) {
 	      return false;
 	    }
 
@@ -16103,7 +16670,7 @@
 	  '&': 'amp'
 	};
 
-	function escape$1(str, charPattern, replaceMap) {
+	function escape(str, charPattern, replaceMap) {
 
 	  // ensure we are handling strings here
 	  str = isString(str) ? str : '' + str;
@@ -16120,11 +16687,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) {
@@ -16296,7 +16863,7 @@
 
 	  var attributes = [];
 
-	  forEach(element, function(val, key) {
+	  forEach$2(element, function(val, key) {
 
 	    var nonNsAttr;
 
@@ -16304,7 +16871,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
@@ -16374,7 +16941,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);
 
@@ -16390,11 +16957,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;
 	    }
 
@@ -16415,7 +16982,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;
@@ -16428,12 +16995,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 {
@@ -16443,7 +17010,7 @@
 	      var asType = serializeAsType(p),
 	          asProperty = serializeAsProperty(p);
 
-	      forEach(value, function(v) {
+	      forEach$2(value, function(v) {
 	        var serializer;
 
 	        if (asType) {
@@ -16551,7 +17118,7 @@
 	  var self = this,
 	      element = this.element;
 
-	  forEach(properties, function(p) {
+	  forEach$2(properties, function(p) {
 
 	    var value = element.get(p.name);
 
@@ -16562,7 +17129,7 @@
 	      }
 	      else {
 	        var values = [];
-	        forEach(value, function(v) {
+	        forEach$2(value, function(v) {
 	          values.push(v.id);
 	        });
 
@@ -16618,7 +17185,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('"');
@@ -16645,7 +17212,7 @@
 	        .indent();
 	    }
 
-	    forEach(this.body, function(b) {
+	    forEach$2(this.body, function(b) {
 	      b.serializeTo(writer);
 	    });
 
@@ -16692,7 +17259,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
 	  );
 
@@ -20376,7 +20943,7 @@
 	];
 	var associations$2 = [
 	];
-	var xml = {
+	var xml$2 = {
 		tagAlias: "lowerCase"
 	};
 	var DiPackage = {
@@ -20385,7 +20952,7 @@
 		prefix: prefix$2,
 		types: types$2,
 		associations: associations$2,
-		xml: xml
+		xml: xml$2
 	};
 
 	var name$1 = "bpmn.io colors for BPMN";
@@ -20442,8 +21009,8 @@
 		associations: associations$1
 	};
 
-	var name = "BPMN in Color";
-	var uri = "http://www.omg.org/spec/BPMN/non-normative/color/1.0";
+	var name$6 = "BPMN in Color";
+	var uri$6 = "http://www.omg.org/spec/BPMN/non-normative/color/1.0";
 	var prefix$6 = "color";
 	var types$6 = [
 		{
@@ -20493,15 +21060,15 @@
 	];
 	var enumerations = [
 	];
-	var associations = [
+	var associations$6 = [
 	];
 	var BpmnInColorPackage = {
-		name: name,
-		uri: uri,
+		name: name$6,
+		uri: uri$6,
 		prefix: prefix$6,
 		types: types$6,
 		enumerations: enumerations,
-		associations: associations
+		associations: associations$6
 	};
 
 	var packages = {
@@ -20579,7 +21146,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() {
@@ -20597,7 +21164,7 @@
 	 *
 	 * @return {boolean}
 	 */
-	function is$1(element, type) {
+	function is(element, type) {
 	  return element.$instanceOf(type);
 	}
 
@@ -20608,7 +21175,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');
 	  });
 	}
 
@@ -20714,7 +21281,7 @@
 	  function handlePlane(plane) {
 	    registerDi(plane);
 
-	    forEach(plane.planeElement, handlePlaneElement);
+	    forEach$2(plane.planeElement, handlePlaneElement);
 	  }
 
 	  function handlePlaneElement(planeElement) {
@@ -20792,9 +21359,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
@@ -20840,7 +21407,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));
@@ -20851,7 +21418,7 @@
 	  }
 
 	  function handleMessageFlows(messageFlows, context) {
-	    forEach(messageFlows, contextual(handleMessageFlow, context));
+	    forEach$2(messageFlows, contextual(handleMessageFlow, context));
 	  }
 
 	  function handleDataAssociation(association, context) {
@@ -20877,8 +21444,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);
 	        });
@@ -20894,8 +21461,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) {
@@ -20906,11 +21473,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);
 	    }
 
@@ -20922,8 +21489,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));
 	    });
 	  }
 
@@ -20950,11 +21517,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) {
@@ -20966,20 +21533,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(
@@ -21004,7 +21571,7 @@
 
 	  function handleCollaboration(collaboration, context) {
 
-	    forEach(collaboration.participants, contextual(handleParticipant, context));
+	    forEach$2(collaboration.participants, contextual(handleParticipant, context));
 
 	    handleArtifacts(collaboration.artifacts, context);
 
@@ -21018,7 +21585,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) {
@@ -21112,7 +21679,7 @@
 
 	    // traverse BPMN 2.0 document model,
 	    // starting at definitions
-	    forEach(diagramsToImport, function(diagram) {
+	    forEach$2(diagramsToImport, function(diagram) {
 	      walker.handleDefinitions(definitions, diagram);
 	    });
 
@@ -21168,7 +21735,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);
 	  }
 
@@ -21176,11 +21743,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;
 	      }
 
@@ -21208,7 +21775,7 @@
 	  var diagramsToImport = [ bpmnDiagram ];
 	  var handledElements = [ bpmnElement ];
 
-	  forEach(definitions.diagrams, function(diagram) {
+	  forEach$2(definitions.diagrams, function(diagram) {
 	    var businessObject = diagram.plane.bpmnElement;
 
 	    if (
@@ -21227,7 +21794,7 @@
 	function selfAndAllFlowElements(elements) {
 	  var result = [];
 
-	  forEach(elements, function(element) {
+	  forEach$2(elements, function(element) {
 	    if (!element) {
 	      return;
 	    }
@@ -21244,7 +21811,7 @@
 	  var parent = element;
 
 	  while (parent) {
-	    if (is(parent, 'bpmn:Process')) {
+	    if (is$1(parent, 'bpmn:Process')) {
 	      return parent;
 	    }
 
@@ -21320,13 +21887,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'
 	  });
@@ -21337,7 +21904,7 @@
 	  if (!lightbox) {
 	    createLightbox();
 
-	    delegate.bind(lightbox, '.backdrop', 'click', function(event) {
+	    delegate$1.bind(lightbox, '.backdrop', 'click', function(event) {
 	      document.body.removeChild(lightbox);
 	    });
 	  }
@@ -21756,7 +22323,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>' : '';
@@ -21858,7 +22425,7 @@
 	  Diagram.prototype.destroy.call(this);
 
 	  // dom detach
-	  remove$1(this._container);
+	  remove$3(this._container);
 	};
 
 	/**
@@ -21901,7 +22468,7 @@
 	  }
 
 	  if (typeof parentNode === 'string') {
-	    parentNode = query(parentNode);
+	    parentNode = query$1(parentNode);
 	  }
 
 	  parentNode.appendChild(this._container);
@@ -21969,9 +22536,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
@@ -22065,10 +22632,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',
@@ -22077,7 +22644,7 @@
 
 	  container.appendChild(linkElement);
 
-	  componentEvent.bind(linkElement, 'click', function(event) {
+	  componentEvent$1.bind(linkElement, 'click', function(event) {
 	    open();
 
 	    event.preventDefault();
@@ -22133,15 +22700,15 @@
 	 * @param {Array<didi.Module>} [options.modules] a list of modules to override the default modules
 	 * @param {Array<didi.Module>} [options.additionalModules] a list of modules to use with the default modules
 	 */
-	function Viewer(options) {
+	function Viewer$1(options) {
 	  BaseViewer.call(this, options);
 	}
 
-	e(Viewer, BaseViewer);
+	e(Viewer$1, BaseViewer);
 
 	// modules the viewer is composed of
-	Viewer.prototype._modules = [
-	  CoreModule,
+	Viewer$1.prototype._modules = [
+	  CoreModule$1,
 	  TranslateModule,
 	  SelectionModule,
 	  OverlaysModule,
@@ -22149,9 +22716,9 @@
 	];
 
 	// default moddle extensions the viewer is composed of
-	Viewer.prototype._moddleExtensions = {};
+	Viewer$1.prototype._moddleExtensions = {};
 
-	function ensureImported$2(element, target) {
+	function ensureImported(element, target) {
 
 	  if (element.ownerDocument !== target.ownerDocument) {
 	    try {
@@ -22177,8 +22744,8 @@
 	 *
 	 * @return {SVGElement} the appended node
 	 */
-	function appendTo$2(element, target) {
-	  return target.appendChild(ensureImported$2(element, target));
+	function appendTo(element, target) {
+	  return target.appendChild(ensureImported(element, target));
 	}
 
 	/**
@@ -22193,8 +22760,8 @@
 	 *
 	 * @return {SVGElement} the element
 	 */
-	function append$2(target, node) {
-	  appendTo$2(node, target);
+	function append(target, node) {
+	  appendTo(node, target);
 	  return target;
 	}
 
@@ -22202,9 +22769,9 @@
 	 * attribute accessor utility
 	 */
 
-	var LENGTH_ATTR$2 = 2;
+	var LENGTH_ATTR = 2;
 
-	var CSS_PROPERTIES$2 = {
+	var CSS_PROPERTIES = {
 	  'alignment-baseline': 1,
 	  'baseline-shift': 1,
 	  'clip': 1,
@@ -22228,7 +22795,7 @@
 	  'flood-opacity': 1,
 	  'font': 1,
 	  'font-family': 1,
-	  'font-size': LENGTH_ATTR$2,
+	  'font-size': LENGTH_ATTR,
 	  'font-size-adjust': 1,
 	  'font-stretch': 1,
 	  'font-style': 1,
@@ -22258,7 +22825,7 @@
 	  'stroke-linejoin': 1,
 	  'stroke-miterlimit': 1,
 	  'stroke-opacity': 1,
-	  'stroke-width': LENGTH_ATTR$2,
+	  'stroke-width': LENGTH_ATTR,
 	  'text-anchor': 1,
 	  'text-decoration': 1,
 	  'text-rendering': 1,
@@ -22269,22 +22836,22 @@
 	};
 
 
-	function getAttribute$2(node, name) {
-	  if (CSS_PROPERTIES$2[name]) {
+	function getAttribute(node, name) {
+	  if (CSS_PROPERTIES[name]) {
 	    return node.style[name];
 	  } else {
 	    return node.getAttributeNS(null, name);
 	  }
 	}
 
-	function setAttribute$2(node, name, value) {
+	function setAttribute(node, name, value) {
 	  var hyphenated = name.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
 
-	  var type = CSS_PROPERTIES$2[hyphenated];
+	  var type = CSS_PROPERTIES[hyphenated];
 
 	  if (type) {
 	    // append pixel unit, unless present
-	    if (type === LENGTH_ATTR$2 && typeof value === 'number') {
+	    if (type === LENGTH_ATTR && typeof value === 'number') {
 	      value = String(value) + 'px';
 	    }
 
@@ -22294,12 +22861,12 @@
 	  }
 	}
 
-	function setAttributes$2(node, attrs) {
+	function setAttributes(node, attrs) {
 
 	  var names = Object.keys(attrs), i, name;
 
 	  for (i = 0, name; (name = names[i]); i++) {
-	    setAttribute$2(node, name, attrs[name]);
+	    setAttribute(node, name, attrs[name]);
 	  }
 	}
 
@@ -22313,21 +22880,21 @@
 	 *
 	 * @return {String}
 	 */
-	function attr$3(node, name, value) {
+	function attr(node, name, value) {
 	  if (typeof name === 'string') {
 	    if (value !== undefined) {
-	      setAttribute$2(node, name, value);
+	      setAttribute(node, name, value);
 	    } else {
-	      return getAttribute$2(node, name);
+	      return getAttribute(node, name);
 	    }
 	  } else {
-	    setAttributes$2(node, name);
+	    setAttributes(node, name);
 	  }
 
 	  return node;
 	}
 
-	var ns$2 = {
+	var ns = {
 	  svg: 'http://www.w3.org/2000/svg'
 	};
 
@@ -22335,24 +22902,24 @@
 	 * DOM parsing utility
 	 */
 
-	var SVG_START$2 = '<svg xmlns="' + ns$2.svg + '"';
+	var SVG_START = '<svg xmlns="' + ns.svg + '"';
 
-	function parse$3(svg) {
+	function parse(svg) {
 
 	  var unwrap = false;
 
 	  // ensure we import a valid svg document
 	  if (svg.substring(0, 4) === '<svg') {
-	    if (svg.indexOf(ns$2.svg) === -1) {
-	      svg = SVG_START$2 + svg.substring(4);
+	    if (svg.indexOf(ns.svg) === -1) {
+	      svg = SVG_START + svg.substring(4);
 	    }
 	  } else {
 	    // namespace svg
-	    svg = SVG_START$2 + '>' + svg + '</svg>';
+	    svg = SVG_START + '>' + svg + '</svg>';
 	    unwrap = true;
 	  }
 
-	  var parsed = parseDocument$2(svg);
+	  var parsed = parseDocument(svg);
 
 	  if (!unwrap) {
 	    return parsed;
@@ -22369,7 +22936,7 @@
 	  return fragment;
 	}
 
-	function parseDocument$2(svg) {
+	function parseDocument(svg) {
 
 	  var parser;
 
@@ -22393,18 +22960,18 @@
 	 *
 	 * @returns {SVGElement}
 	 */
-	function create$3(name, attrs) {
+	function create(name, attrs) {
 	  var element;
 
 	  if (name.charAt(0) === '<') {
-	    element = parse$3(name).firstChild;
+	    element = parse(name).firstChild;
 	    element = document.importNode(element, true);
 	  } else {
-	    element = document.createElementNS(ns$2.svg, name);
+	    element = document.createElementNS(ns.svg, name);
 	  }
 
 	  if (attrs) {
-	    attr$3(element, attrs);
+	    attr(element, attrs);
 	  }
 
 	  return element;
@@ -22415,7 +22982,7 @@
 	 */
 
 	// fake node used to instantiate svg geometry elements
-	create$3('svg');
+	create('svg');
 
 	function getModelerTemplateIcon(element) {
 	  var modelerTemplateIcon = getBusinessObject(element).get('zeebe:modelerTemplateIcon');
@@ -22434,7 +23001,7 @@
 	  BaseRenderer.call(this, eventBus, HIGH_PRIORITY);
 	}
 
-	inherits_browser(IconsRenderer, BaseRenderer);
+	inherits_browser.exports(IconsRenderer, BaseRenderer);
 
 	IconsRenderer.prototype.canRender = function(element) {
 
@@ -22443,7 +23010,7 @@
 	  }
 
 	  return (
-	    is(element, 'bpmn:Task') &&
+	    is$1(element, 'bpmn:Task') &&
 	    !!getModelerTemplateIcon(element)
 	  );
 	};
@@ -22456,8 +23023,8 @@
 
 	  var modelerTemplateIcon = getModelerTemplateIcon(element);
 
-	  var icon = create$3('image');
-	  attr$3(icon, {
+	  var icon = create('image');
+	  attr(icon, {
 	    href: modelerTemplateIcon,
 	    x: 5,
 	    y: 5,
@@ -22465,7 +23032,7 @@
 	    height: 18
 	  });
 
-	  append$2(parentGfx, icon);
+	  append(parentGfx, icon);
 
 	  return gfx;
 	};
@@ -22484,15 +23051,15 @@
 	  drilldownOverlayBehavior: [ 'value', null ],
 	};
 
-	var name$6 = "zeebe";
-	var prefix$7 = "zeebe";
-	var uri$6 = "http://camunda.org/schema/zeebe/1.0";
-	var xml$2 = {
+	var name = "zeebe";
+	var prefix = "zeebe";
+	var uri = "http://camunda.org/schema/zeebe/1.0";
+	var xml = {
 		tagAlias: "lowerCase"
 	};
-	var associations$6 = [
+	var associations = [
 	];
-	var types$7 = [
+	var types = [
 		{
 			name: "ZeebeServiceTask",
 			"extends": [
@@ -22889,12 +23456,12 @@
 		}
 	];
 	var zeebeModdle = {
-		name: name$6,
-		prefix: prefix$7,
-		uri: uri$6,
-		xml: xml$2,
-		associations: associations$6,
-		types: types$7
+		name: name,
+		prefix: prefix,
+		uri: uri,
+		xml: xml,
+		associations: associations,
+		types: types
 	};
 
 	const commonModules = [
@@ -22910,7 +23477,7 @@
 	 *
 	 * @param {Object} options
 	 */
-	function Viewer$1(options = {}) {
+	function Viewer(options = {}) {
 
 	  options = {
 	    ...options,
@@ -22920,20 +23487,20 @@
 	    }
 	  };
 
-	  Viewer.call(this, options);
+	  Viewer$1.call(this, options);
 	}
 
-	inherits_browser(Viewer$1, Viewer);
+	inherits_browser.exports(Viewer, Viewer$1);
 
-	Viewer$1.prototype._camundaCloudModules = [
+	Viewer.prototype._camundaCloudModules = [
 	  ...commonModules
 	];
 
-	Viewer$1.prototype._modules = [].concat(
-	  Viewer.prototype._modules,
-	  Viewer$1.prototype._camundaCloudModules
+	Viewer.prototype._modules = [].concat(
+	  Viewer$1.prototype._modules,
+	  Viewer.prototype._camundaCloudModules
 	);
 
-	return Viewer$1;
+	return Viewer;
 
-})));
+}));