bpmn-js 9.3.0 → 9.4.0

package/dist/bpmn-viewer.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-viewer v9.3.0
+ * bpmn-js - bpmn-viewer v9.4.0
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,13 +8,13 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2022-07-07
+ * Date: 2022-08-22
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.BpmnJS = factory());
-}(this, (function () { 'use strict';
+})(this, (function () { 'use strict';
 
   function e(e,t){t&&(e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}));}
 
@@ -83,6 +83,26 @@
     });
     return match;
   }
+  /**
+   * Find element index in collection.
+   *
+   * @param  {Array|Object} collection
+   * @param  {Function} matcher
+   *
+   * @return {Object}
+   */
+
+  function findIndex(collection, matcher) {
+    matcher = toMatcher(matcher);
+    var idx = isArray$2(collection) ? -1 : undefined;
+    forEach$1(collection, function (val, key) {
+      if (matcher(val, key)) {
+        idx = key;
+        return false;
+      }
+    });
+    return idx;
+  }
   /**
    * Find element in collection.
    *
@@ -1094,7 +1114,15 @@
    */
 
   // fake node used to instantiate svg geometry elements
-  var node = create$1('svg');
+  var node = null;
+
+  function getNode() {
+    if (node === null) {
+      node = create$1('svg');
+    }
+
+    return node;
+  }
 
   function extend$1(object, props) {
     var i, k, keys = Object.keys(props);
@@ -1118,7 +1146,7 @@
    * @return {SVGMatrix}
    */
   function createMatrix(a, b, c, d, e, f) {
-    var matrix = node.createSVGMatrix();
+    var matrix = getNode().createSVGMatrix();
 
     switch (arguments.length) {
     case 0:
@@ -1139,9 +1167,9 @@
 
   function createTransform(matrix) {
     if (matrix) {
-      return node.createSVGTransformFromMatrix(matrix);
+      return getNode().createSVGTransformFromMatrix(matrix);
     } else {
-      return node.createSVGTransform();
+      return getNode().createSVGTransform();
     }
   }
 
@@ -1438,11 +1466,11 @@
         radius = shape.width / 2;
 
     var circlePath = [
-      ['M', cx, cy],
-      ['m', 0, -radius],
-      ['a', radius, radius, 0, 1, 1, 0, 2 * radius],
-      ['a', radius, radius, 0, 1, 1, 0, -2 * radius],
-      ['z']
+      [ 'M', cx, cy ],
+      [ 'm', 0, -radius ],
+      [ 'a', radius, radius, 0, 1, 1, 0, 2 * radius ],
+      [ 'a', radius, radius, 0, 1, 1, 0, -2 * radius ],
+      [ 'z' ]
     ];
 
     return componentsToPath(circlePath);
@@ -1456,16 +1484,16 @@
         height = shape.height;
 
     var roundRectPath = [
-      ['M', x + borderRadius, y],
-      ['l', width - borderRadius * 2, 0],
-      ['a', borderRadius, borderRadius, 0, 0, 1, borderRadius, borderRadius],
-      ['l', 0, height - borderRadius * 2],
-      ['a', borderRadius, borderRadius, 0, 0, 1, -borderRadius, borderRadius],
-      ['l', borderRadius * 2 - width, 0],
-      ['a', borderRadius, borderRadius, 0, 0, 1, -borderRadius, -borderRadius],
-      ['l', 0, borderRadius * 2 - height],
-      ['a', borderRadius, borderRadius, 0, 0, 1, borderRadius, -borderRadius],
-      ['z']
+      [ 'M', x + borderRadius, y ],
+      [ 'l', width - borderRadius * 2, 0 ],
+      [ 'a', borderRadius, borderRadius, 0, 0, 1, borderRadius, borderRadius ],
+      [ 'l', 0, height - borderRadius * 2 ],
+      [ 'a', borderRadius, borderRadius, 0, 0, 1, -borderRadius, borderRadius ],
+      [ 'l', borderRadius * 2 - width, 0 ],
+      [ 'a', borderRadius, borderRadius, 0, 0, 1, -borderRadius, -borderRadius ],
+      [ 'l', 0, borderRadius * 2 - height ],
+      [ 'a', borderRadius, borderRadius, 0, 0, 1, borderRadius, -borderRadius ],
+      [ 'z' ]
     ];
 
     return componentsToPath(roundRectPath);
@@ -1481,11 +1509,11 @@
         halfHeight = height / 2;
 
     var diamondPath = [
-      ['M', x + halfWidth, y],
-      ['l', halfWidth, halfHeight],
-      ['l', -halfWidth, halfHeight],
-      ['l', -halfWidth, -halfHeight],
-      ['z']
+      [ 'M', x + halfWidth, y ],
+      [ 'l', halfWidth, halfHeight ],
+      [ 'l', -halfWidth, halfHeight ],
+      [ 'l', -halfWidth, -halfHeight ],
+      [ 'z' ]
     ];
 
     return componentsToPath(diamondPath);
@@ -1498,11 +1526,11 @@
         height = shape.height;
 
     var rectPath = [
-      ['M', x, y],
-      ['l', width, 0],
-      ['l', 0, height],
-      ['l', -width, 0],
-      ['z']
+      [ 'M', x, y ],
+      [ 'l', width, 0 ],
+      [ 'l', 0, height ],
+      [ 'l', -width, 0 ],
+      [ 'z' ]
     ];
 
     return componentsToPath(rectPath);
@@ -2365,7 +2393,7 @@
       // fix for safari / chrome / firefox bug not correctly
       // resetting stroke dash array
       if (attrs.strokeDasharray === 'none') {
-        attrs.strokeDasharray = [10000, 1];
+        attrs.strokeDasharray = [ 10000, 1 ];
       }
 
       var marker = create$1('marker');
@@ -2592,7 +2620,7 @@
       var x_2 = width / 2;
       var y_2 = height / 2;
 
-      var points = [{ x: x_2, y: 0 }, { x: width, y: y_2 }, { x: x_2, y: height }, { x: 0, y: y_2 }];
+      var points = [ { x: x_2, y: 0 }, { x: width, y: y_2 }, { x: x_2, y: height }, { x: 0, y: y_2 } ];
 
       var pointsString = points.map(function(point) {
         return point.x + ',' + point.y;
@@ -2664,7 +2692,7 @@
       var event = getSemantic(element);
       var isThrowing = isThrowEvent(event);
 
-      if (event.eventDefinitions && event.eventDefinitions.length>1) {
+      if (event.eventDefinitions && event.eventDefinitions.length > 1) {
         if (event.parallelMultiple) {
           return renderer('bpmn:ParallelMultipleEventDefinition')(parentGfx, element, isThrowing);
         }
@@ -3380,7 +3408,7 @@
         if (expanded) {
           attachTaskMarkers(parentGfx, element);
         } else {
-          attachTaskMarkers(parentGfx, element, ['SubProcessMarker']);
+          attachTaskMarkers(parentGfx, element, [ 'SubProcessMarker' ]);
         }
 
         return rect;
@@ -4374,11 +4402,14 @@
       helperSvg = create$1('svg');
 
       attr$1(helperSvg, {
-        id: 'helper-svg',
-        width: 0,
-        height: 0,
+        id: 'helper-svg'
+      });
+
+      assign$1(helperSvg, {
         visibility: 'hidden',
-        position: 'fixed'
+        position: 'fixed',
+        width: 0,
+        height: 0
       });
 
       document.body.appendChild(helperSvg);
@@ -4711,22 +4742,22 @@
         d: 'm {mx},{my} l 0,{e.y1} l {e.x1},0 l 0,-{e.y1} z l {e.x0},{e.y0} l {e.x0},-{e.y0}',
         height: 36,
         width:  36,
-        heightElements: [6, 14],
-        widthElements: [10.5, 21]
+        heightElements: [ 6, 14 ],
+        widthElements: [ 10.5, 21 ]
       },
       'EVENT_SIGNAL': {
         d: 'M {mx},{my} l {e.x0},{e.y0} l -{e.x1},0 Z',
         height: 36,
         width: 36,
-        heightElements: [18],
-        widthElements: [10, 20]
+        heightElements: [ 18 ],
+        widthElements: [ 10, 20 ]
       },
       'EVENT_ESCALATION': {
         d: 'M {mx},{my} l {e.x0},{e.y0} l -{e.x0},-{e.y1} l -{e.x0},{e.y1} Z',
         height: 36,
         width: 36,
-        heightElements: [20, 7],
-        widthElements: [8]
+        heightElements: [ 20, 7 ],
+        widthElements: [ 8 ]
       },
       'EVENT_CONDITIONAL': {
         d: 'M {e.x0},{e.y0} l {e.x1},0 l 0,{e.y2} l -{e.x1},0 Z ' +
@@ -4738,67 +4769,67 @@
            'M {e.x2},{e.y8} l {e.x0},0 ',
         height: 36,
         width:  36,
-        heightElements: [8.5, 14.5, 18, 11.5, 14.5, 17.5, 20.5, 23.5, 26.5],
-        widthElements:  [10.5, 14.5, 12.5]
+        heightElements: [ 8.5, 14.5, 18, 11.5, 14.5, 17.5, 20.5, 23.5, 26.5 ],
+        widthElements:  [ 10.5, 14.5, 12.5 ]
       },
       'EVENT_LINK': {
         d: 'm {mx},{my} 0,{e.y0} -{e.x1},0 0,{e.y1} {e.x1},0 0,{e.y0} {e.x0},-{e.y2} -{e.x0},-{e.y2} z',
         height: 36,
         width: 36,
-        heightElements: [4.4375, 6.75, 7.8125],
-        widthElements: [9.84375, 13.5]
+        heightElements: [ 4.4375, 6.75, 7.8125 ],
+        widthElements: [ 9.84375, 13.5 ]
       },
       'EVENT_ERROR': {
         d: 'm {mx},{my} {e.x0},-{e.y0} {e.x1},-{e.y1} {e.x2},{e.y2} {e.x3},-{e.y3} -{e.x4},{e.y4} -{e.x5},-{e.y5} z',
         height: 36,
         width: 36,
-        heightElements: [0.023, 8.737, 8.151, 16.564, 10.591, 8.714],
-        widthElements: [0.085, 6.672, 6.97, 4.273, 5.337, 6.636]
+        heightElements: [ 0.023, 8.737, 8.151, 16.564, 10.591, 8.714 ],
+        widthElements: [ 0.085, 6.672, 6.97, 4.273, 5.337, 6.636 ]
       },
       'EVENT_CANCEL_45': {
         d: 'm {mx},{my} -{e.x1},0 0,{e.x0} {e.x1},0 0,{e.y1} {e.x0},0 ' +
           '0,-{e.y1} {e.x1},0 0,-{e.y0} -{e.x1},0 0,-{e.y1} -{e.x0},0 z',
         height: 36,
         width: 36,
-        heightElements: [4.75, 8.5],
-        widthElements: [4.75, 8.5]
+        heightElements: [ 4.75, 8.5 ],
+        widthElements: [ 4.75, 8.5 ]
       },
       'EVENT_COMPENSATION': {
         d: 'm {mx},{my} {e.x0},-{e.y0} 0,{e.y1} z m {e.x1},-{e.y2} {e.x2},-{e.y3} 0,{e.y1} -{e.x2},-{e.y3} z',
         height: 36,
         width: 36,
-        heightElements: [6.5, 13, 0.4, 6.1],
-        widthElements: [9, 9.3, 8.7]
+        heightElements: [ 6.5, 13, 0.4, 6.1 ],
+        widthElements: [ 9, 9.3, 8.7 ]
       },
       'EVENT_TIMER_WH': {
         d: 'M {mx},{my} l {e.x0},-{e.y0} m -{e.x0},{e.y0} l {e.x1},{e.y1} ',
         height: 36,
         width:  36,
-        heightElements: [10, 2],
-        widthElements: [3, 7]
+        heightElements: [ 10, 2 ],
+        widthElements: [ 3, 7 ]
       },
       'EVENT_TIMER_LINE': {
         d:  'M {mx},{my} ' +
             'm {e.x0},{e.y0} l -{e.x1},{e.y1} ',
         height: 36,
         width:  36,
-        heightElements: [10, 3],
-        widthElements: [0, 0]
+        heightElements: [ 10, 3 ],
+        widthElements: [ 0, 0 ]
       },
       'EVENT_MULTIPLE': {
         d:'m {mx},{my} {e.x1},-{e.y0} {e.x1},{e.y0} -{e.x0},{e.y1} -{e.x2},0 z',
         height: 36,
         width:  36,
-        heightElements: [6.28099, 12.56199],
-        widthElements: [3.1405, 9.42149, 12.56198]
+        heightElements: [ 6.28099, 12.56199 ],
+        widthElements: [ 3.1405, 9.42149, 12.56198 ]
       },
       'EVENT_PARALLEL_MULTIPLE': {
         d:'m {mx},{my} {e.x0},0 0,{e.y1} {e.x1},0 0,{e.y0} -{e.x1},0 0,{e.y1} ' +
           '-{e.x0},0 0,-{e.y1} -{e.x1},0 0,-{e.y0} {e.x1},0 z',
         height: 36,
         width:  36,
-        heightElements: [2.56228, 7.68683],
-        widthElements: [2.56228, 7.68683]
+        heightElements: [ 2.56228, 7.68683 ],
+        widthElements: [ 2.56228, 7.68683 ]
       },
       'GATEWAY_EXCLUSIVE': {
         d:'m {mx},{my} {e.x0},{e.y0} {e.x1},{e.y0} {e.x2},0 {e.x4},{e.y2} ' +
@@ -4806,23 +4837,23 @@
                       '{e.x3},0 {e.x5},{e.y1} {e.x5},{e.y2} {e.x3},0 z',
         height: 17.5,
         width:  17.5,
-        heightElements: [8.5, 6.5312, -6.5312, -8.5],
-        widthElements:  [6.5, -6.5, 3, -3, 5, -5]
+        heightElements: [ 8.5, 6.5312, -6.5312, -8.5 ],
+        widthElements:  [ 6.5, -6.5, 3, -3, 5, -5 ]
       },
       'GATEWAY_PARALLEL': {
         d:'m {mx},{my} 0,{e.y1} -{e.x1},0 0,{e.y0} {e.x1},0 0,{e.y1} {e.x0},0 ' +
           '0,-{e.y1} {e.x1},0 0,-{e.y0} -{e.x1},0 0,-{e.y1} -{e.x0},0 z',
         height: 30,
         width:  30,
-        heightElements: [5, 12.5],
-        widthElements: [5, 12.5]
+        heightElements: [ 5, 12.5 ],
+        widthElements: [ 5, 12.5 ]
       },
       'GATEWAY_EVENT_BASED': {
         d:'m {mx},{my} {e.x0},{e.y0} {e.x0},{e.y1} {e.x1},{e.y2} {e.x2},0 z',
         height: 11,
         width:  11,
-        heightElements: [-6, 6, 12, -12],
-        widthElements: [9, -3, -12]
+        heightElements: [ -6, 6, 12, -12 ],
+        widthElements: [ 9, -3, -12 ]
       },
       'GATEWAY_COMPLEX': {
         d:'m {mx},{my} 0,{e.y0} -{e.x0},-{e.y1} -{e.x1},{e.y2} {e.x0},{e.y1} -{e.x2},0 0,{e.y3} ' +
@@ -4831,15 +4862,15 @@
           '-{e.x0},{e.y1} 0,-{e.y0} -{e.x3},0 z',
         height: 17.125,
         width:  17.125,
-        heightElements: [4.875, 3.4375, 2.125, 3],
-        widthElements: [3.4375, 2.125, 4.875, 3]
+        heightElements: [ 4.875, 3.4375, 2.125, 3 ],
+        widthElements: [ 3.4375, 2.125, 4.875, 3 ]
       },
       'DATA_OBJECT_PATH': {
         d:'m 0,0 {e.x1},0 {e.x0},{e.y0} 0,{e.y1} -{e.x2},0 0,-{e.y2} {e.x1},0 0,{e.y0} {e.x0},0',
         height: 61,
         width:  51,
-        heightElements: [10, 50, 60],
-        widthElements: [10, 40, 50, 60]
+        heightElements: [ 10, 50, 60 ],
+        widthElements: [ 10, 40, 50, 60 ]
       },
       'DATA_OBJECT_COLLECTION_PATH': {
         d: 'm{mx},{my} m 3,2 l 0,10 m 3,-10 l 0,10 m 3,-10 l 0,10',
@@ -4868,15 +4899,15 @@
           'c  {e.x0},{e.y1} {e.x1},{e.y1}  {e.x2},0',
         height: 61,
         width:  61,
-        heightElements: [7, 10, 45],
-        widthElements:  [2, 58, 60]
+        heightElements: [ 7, 10, 45 ],
+        widthElements:  [ 2, 58, 60 ]
       },
       'TEXT_ANNOTATION': {
         d: 'm {mx}, {my} m 10,0 l -10,0 l 0,{e.y0} l 10,0',
         height: 30,
         width: 10,
-        heightElements: [30],
-        widthElements: [10]
+        heightElements: [ 30 ],
+        widthElements: [ 10 ]
       },
       'MARKER_SUB_PROCESS': {
         d: 'm{mx},{my} m 7,2 l 0,10 m -5,-5 l 10,0',
@@ -4931,8 +4962,8 @@
         d: 'm {mx},{my} l 0,{e.y1} l {e.x1},0 l 0,-{e.y1} z l {e.x0},{e.y0} l {e.x0},-{e.y0}',
         height: 14,
         width:  21,
-        heightElements: [6, 14],
-        widthElements: [10.5, 21]
+        heightElements: [ 6, 14 ],
+        widthElements: [ 10.5, 21 ]
       },
       'TASK_TYPE_SCRIPT': {
         d: 'm {mx},{my} c 9.966553,-6.27276 -8.000926,-7.91932 2.968968,-14.938 l -8.802728,0 ' +
@@ -4943,8 +4974,8 @@
           'm -4,3 l 5,0',
         height: 15,
         width:  12.6,
-        heightElements: [6, 14],
-        widthElements: [10.5, 21]
+        heightElements: [ 6, 14 ],
+        widthElements: [ 10.5, 21 ]
       },
       'TASK_TYPE_USER_1': {
         d: 'm {mx},{my} c 0.909,-0.845 1.594,-2.049 1.594,-3.385 0,-2.554 -1.805,-4.62199999 ' +
@@ -5317,6 +5348,10 @@
 
   var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
+  function getDefaultExportFromCjs (x) {
+  	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+  }
+
   function roundPoint(point) {
 
     return {
@@ -5627,11 +5662,6 @@
         parentElement = this._canvas.findRoot(parentElement);
       }
 
-      // insert sequence flows behind other flow nodes (cf. #727)
-      if (is$1(semantic, 'bpmn:SequenceFlow')) {
-        parentIndex = 0;
-      }
-
       this._canvas.addConnection(element, parentElement, parentIndex);
     } else {
       throw new Error(translate('unknown di {di} for element {semantic}', {
@@ -7800,105 +7830,105 @@
 
   (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));
+  	}));
+  } (css_escape));
 
   var HTML_ESCAPE_MAP = {
     '&': '&amp;',
@@ -8378,7 +8408,7 @@
 
     // dataAssociations are children of the subprocess but rendered on process level
     // cf. https://github.com/bpmn-io/bpmn-js/issues/1619
-    if (isAny(bo, ['bpmn:DataInputAssociation', 'bpmn:DataOutputAssociation'])) {
+    if (isAny(bo, [ 'bpmn:DataInputAssociation', 'bpmn:DataOutputAssociation' ])) {
       return false;
     }
 
@@ -8426,7 +8456,7 @@
     }, true);
 
 
-    this.executed(['shape.create', 'shape.move', 'shape.delete'], LOW_PRIORITY,
+    this.executed([ 'shape.create', 'shape.move', 'shape.delete' ], LOW_PRIORITY,
       function(context) {
         var oldParent = context.oldParent,
             newParent = context.newParent || context.parent,
@@ -8443,7 +8473,7 @@
       }, true);
 
 
-    this.reverted(['shape.create', 'shape.move', 'shape.delete'], LOW_PRIORITY,
+    this.reverted([ 'shape.create', 'shape.move', 'shape.delete' ], LOW_PRIORITY,
       function(context) {
         var oldParent = context.oldParent,
             newParent = context.newParent || context.parent,
@@ -8562,7 +8592,7 @@
 
   var DrilldownModdule = {
     __depends__: [ OverlaysModule, ChangeSupportModule, RootElementsModule ],
-    __init__: [ 'drilldownBreadcrumbs', 'drilldownOverlayBehavior', 'drilldownCentering', 'subprocessCompatibility'],
+    __init__: [ 'drilldownBreadcrumbs', 'drilldownOverlayBehavior', 'drilldownCentering', 'subprocessCompatibility' ],
     drilldownBreadcrumbs: [ 'type', DrilldownBreadcrumbs ],
     drilldownCentering: [ 'type', DrilldownCentering ],
     drilldownOverlayBehavior: [ 'type', DrilldownOverlayBehavior ],
@@ -8890,20 +8920,11 @@
       return function() {
         initializers.forEach(function(initializer) {
 
-          try {
-
-            // eagerly resolve component (fn or string)
-            if (typeof initializer === 'string') {
-              injector.get(initializer);
-            } else {
-              injector.invoke(initializer);
-            }
-          } catch (error) {
-            if (typeof AggregateError !== 'undefined') {
-              throw new AggregateError([ error ], 'Failed to initialize!');
-            }
-
-            throw new Error('Failed to initialize! ' + error.message);
+          // eagerly resolve component (fn or string)
+          if (typeof initializer === 'string') {
+            injector.get(initializer);
+          } else {
+            injector.invoke(initializer);
           }
         });
       };
@@ -11265,11 +11286,13 @@
 
   var refs = Refs$1;
 
-  objectRefs.exports = refs;
+  (function (module) {
+  	module.exports = refs;
 
-  objectRefs.exports.Collection = collection;
+  	module.exports.Collection = collection;
+  } (objectRefs));
 
-  var Refs = objectRefs.exports;
+  var Refs = /*@__PURE__*/getDefaultExportFromCjs(objectRefs.exports);
 
   var parentRefs = new Refs({ name: 'children', enumerable: true, collection: true }, { name: 'parent' }),
       labelRefs = new Refs({ name: 'labels', enumerable: true, collection: true }, { name: 'labelTarget' }),
@@ -13130,6 +13153,20 @@
    * @param  {Object} options
    */
   Properties.prototype.define = function(target, name, options) {
+
+    if (!options.writable) {
+
+      var value = options.value;
+
+      // use getters for read-only variables to support ES6 proxies
+      // cf. https://github.com/bpmn-io/internal-docs/issues/386
+      options = assign({}, options, {
+        get: function() { return value; }
+      });
+
+      delete options.value;
+    }
+
     Object.defineProperty(target, name, options);
   };
 
@@ -16052,7 +16089,23 @@
       value = escapeAttr(value);
     }
 
-    attrs.push({ name: name, value: value });
+    // de-duplicate attributes
+    // https://github.com/bpmn-io/moddle-xml/issues/66
+    var idx = findIndex(attrs, function(element) {
+      return (
+        element.name.localName === name.localName &&
+        element.name.uri === name.uri &&
+        element.name.prefix === name.prefix
+      );
+    });
+
+    var attr = { name: name, value: value };
+
+    if (idx !== -1) {
+      attrs.splice(idx, 1, attr);
+    } else {
+      attrs.push(attr);
+    }
   };
 
   ElementSerializer.prototype.serializeAttributes = function(writer) {
@@ -16312,12 +16365,12 @@
     });
   };
 
-  var name = "BPMN20";
-  var uri = "http://www.omg.org/spec/BPMN/20100524/MODEL";
-  var prefix = "bpmn";
-  var associations = [
+  var name$5 = "BPMN20";
+  var uri$5 = "http://www.omg.org/spec/BPMN/20100524/MODEL";
+  var prefix$5 = "bpmn";
+  var associations$5 = [
   ];
-  var types = [
+  var types$5 = [
   	{
   		name: "Interface",
   		superClass: [
@@ -19135,7 +19188,7 @@
   		]
   	}
   ];
-  var enumerations = [
+  var enumerations$3 = [
   	{
   		name: "ProcessType",
   		literalValues: [
@@ -19266,24 +19319,24 @@
   		]
   	}
   ];
-  var xml = {
+  var xml$1 = {
   	tagAlias: "lowerCase",
   	typePrefix: "t"
   };
   var BpmnPackage = {
-  	name: name,
-  	uri: uri,
-  	prefix: prefix,
-  	associations: associations,
-  	types: types,
-  	enumerations: enumerations,
-  	xml: xml
+  	name: name$5,
+  	uri: uri$5,
+  	prefix: prefix$5,
+  	associations: associations$5,
+  	types: types$5,
+  	enumerations: enumerations$3,
+  	xml: xml$1
   };
 
-  var name$1 = "BPMNDI";
-  var uri$1 = "http://www.omg.org/spec/BPMN/20100524/DI";
-  var prefix$1 = "bpmndi";
-  var types$1 = [
+  var name$4 = "BPMNDI";
+  var uri$4 = "http://www.omg.org/spec/BPMN/20100524/DI";
+  var prefix$4 = "bpmndi";
+  var types$4 = [
   	{
   		name: "BPMNDiagram",
   		properties: [
@@ -19434,7 +19487,7 @@
   		]
   	}
   ];
-  var enumerations$1 = [
+  var enumerations$2 = [
   	{
   		name: "ParticipantBandKind",
   		literalValues: [
@@ -19470,21 +19523,21 @@
   		]
   	}
   ];
-  var associations$1 = [
+  var associations$4 = [
   ];
   var BpmnDiPackage = {
-  	name: name$1,
-  	uri: uri$1,
-  	prefix: prefix$1,
-  	types: types$1,
-  	enumerations: enumerations$1,
-  	associations: associations$1
+  	name: name$4,
+  	uri: uri$4,
+  	prefix: prefix$4,
+  	types: types$4,
+  	enumerations: enumerations$2,
+  	associations: associations$4
   };
 
-  var name$2 = "DC";
-  var uri$2 = "http://www.omg.org/spec/DD/20100524/DC";
-  var prefix$2 = "dc";
-  var types$2 = [
+  var name$3 = "DC";
+  var uri$3 = "http://www.omg.org/spec/DD/20100524/DC";
+  var prefix$3 = "dc";
+  var types$3 = [
   	{
   		name: "Boolean"
   	},
@@ -19577,20 +19630,20 @@
   		]
   	}
   ];
-  var associations$2 = [
+  var associations$3 = [
   ];
   var DcPackage = {
-  	name: name$2,
-  	uri: uri$2,
-  	prefix: prefix$2,
-  	types: types$2,
-  	associations: associations$2
+  	name: name$3,
+  	uri: uri$3,
+  	prefix: prefix$3,
+  	types: types$3,
+  	associations: associations$3
   };
 
-  var name$3 = "DI";
-  var uri$3 = "http://www.omg.org/spec/DD/20100524/DI";
-  var prefix$3 = "di";
-  var types$3 = [
+  var name$2 = "DI";
+  var uri$2 = "http://www.omg.org/spec/DD/20100524/DI";
+  var prefix$2 = "di";
+  var types$2 = [
   	{
   		name: "DiagramElement",
   		isAbstract: true,
@@ -19819,24 +19872,24 @@
   		]
   	}
   ];
-  var associations$3 = [
+  var associations$2 = [
   ];
-  var xml$1 = {
+  var xml = {
   	tagAlias: "lowerCase"
   };
   var DiPackage = {
-  	name: name$3,
-  	uri: uri$3,
-  	prefix: prefix$3,
-  	types: types$3,
-  	associations: associations$3,
-  	xml: xml$1
+  	name: name$2,
+  	uri: uri$2,
+  	prefix: prefix$2,
+  	types: types$2,
+  	associations: associations$2,
+  	xml: xml
   };
 
-  var name$4 = "bpmn.io colors for BPMN";
-  var uri$4 = "http://bpmn.io/schema/bpmn/biocolor/1.0";
-  var prefix$4 = "bioc";
-  var types$4 = [
+  var name$1 = "bpmn.io colors for BPMN";
+  var uri$1 = "http://bpmn.io/schema/bpmn/biocolor/1.0";
+  var prefix$1 = "bioc";
+  var types$1 = [
   	{
   		name: "ColoredShape",
   		"extends": [
@@ -19874,23 +19927,23 @@
   		]
   	}
   ];
-  var enumerations$2 = [
+  var enumerations$1 = [
   ];
-  var associations$4 = [
+  var associations$1 = [
   ];
   var BiocPackage = {
-  	name: name$4,
-  	uri: uri$4,
-  	prefix: prefix$4,
-  	types: types$4,
-  	enumerations: enumerations$2,
-  	associations: associations$4
+  	name: name$1,
+  	uri: uri$1,
+  	prefix: prefix$1,
+  	types: types$1,
+  	enumerations: enumerations$1,
+  	associations: associations$1
   };
 
-  var name$5 = "BPMN in Color";
-  var uri$5 = "http://www.omg.org/spec/BPMN/non-normative/color/1.0";
-  var prefix$5 = "color";
-  var types$5 = [
+  var name = "BPMN in Color";
+  var uri = "http://www.omg.org/spec/BPMN/non-normative/color/1.0";
+  var prefix = "color";
+  var types = [
   	{
   		name: "ColoredLabel",
   		"extends": [
@@ -19936,17 +19989,17 @@
   		]
   	}
   ];
-  var enumerations$3 = [
+  var enumerations = [
   ];
-  var associations$5 = [
+  var associations = [
   ];
   var BpmnInColorPackage = {
-  	name: name$5,
-  	uri: uri$5,
-  	prefix: prefix$5,
-  	types: types$5,
-  	enumerations: enumerations$3,
-  	associations: associations$5
+  	name: name,
+  	uri: uri,
+  	prefix: prefix,
+  	types: types,
+  	enumerations: enumerations,
+  	associations: associations
   };
 
   var packages = {
@@ -20026,6 +20079,7 @@
     // bpmnElement can have multiple independent DIs
     if (!has$1(businessObject, 'di')) {
       Object.defineProperty(businessObject, 'di', {
+        enumerable: false,
         get: function() {
           throw new Error(DI_ERROR_MESSAGE);
         }
@@ -21597,4 +21651,4 @@
 
   return Viewer;
 
-})));
+}));