npm - camunda-bpmn-js - Versions diffs - 2.1.0 → 2.1.1 - Mend

camunda-bpmn-js 2.1.0 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/camunda-platform-modeler.development.js +896 -283
package/dist/camunda-platform-modeler.production.min.js +1 -1
package/lib/camunda-platform/Modeler.js +2 -0
package/package.json +1 -1

package/dist/camunda-platform-modeler.development.js CHANGED Viewed

@@ -747,7 +747,7 @@
    *
    * @return {Object} the target
    */
-  function assign$1(target, ...others) {
+  function assign$2(target, ...others) {
     return Object.assign(target, ...others);
   }
@@ -926,7 +926,7 @@
   var index_esm = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    assign: assign$1,
+    assign: assign$2,
     bind: bind$2,
     debounce: debounce,
     ensureArray: ensureArray,
@@ -1063,7 +1063,7 @@
    *
    * @return {Element} the element
    */
-  function assign(element, ...styleSources) {
+  function assign$1(element, ...styleSources) {
     const target = element.style;
     forEach$1(styleSources, function(style) {
@@ -1512,7 +1512,7 @@
   var domify$1 = domify;
-  function query(selector, el) {
+  function query$1(selector, el) {
     el = el || document;
     return el.querySelector(selector);
@@ -3243,7 +3243,7 @@
   // helpers ///////////////////////////////
   function copyObject(src1, src2) {
-    return assign$1({}, src1 || {}, src2 || {});
+    return assign$2({}, src1 || {}, src2 || {});
   }
   /**
@@ -3289,9 +3289,9 @@
     });
     if (isFrameElement$1(element)) {
-      attr(rect, assign$1({}, this.FRAME_STYLE, attrs || {}));
+      attr(rect, assign$2({}, this.FRAME_STYLE, attrs || {}));
     } else {
-      attr(rect, assign$1({}, this.SHAPE_STYLE, attrs || {}));
+      attr(rect, assign$2({}, this.SHAPE_STYLE, attrs || {}));
     }
     append(visuals, rect);
@@ -3301,7 +3301,7 @@
   DefaultRenderer.prototype.drawConnection = function drawConnection(visuals, connection, attrs) {
-    var line = createLine(connection.waypoints, assign$1({}, this.CONNECTION_STYLE, attrs || {}));
+    var line = createLine(connection.waypoints, assign$2({}, this.CONNECTION_STYLE, attrs || {}));
     append(visuals, line);
     return line;
@@ -3377,7 +3377,7 @@
     this.cls = function(className, traits, additionalAttrs) {
       var attrs = this.style(traits, additionalAttrs);
-      return assign$1(attrs, { 'class': className });
+      return assign$2(attrs, { 'class': className });
     };
     /**
@@ -3396,10 +3396,10 @@
       }
       var attrs = reduce(traits, function(attrs, t) {
-        return assign$1(attrs, defaultTraits[t] || {});
+        return assign$2(attrs, defaultTraits[t] || {});
       }, {});
-      return additionalAttrs ? assign$1(attrs, additionalAttrs) : attrs;
+      return additionalAttrs ? assign$2(attrs, additionalAttrs) : attrs;
     };
     this.computeStyle = function(custom, traits, defaultStyles) {
@@ -3408,7 +3408,7 @@
         traits = [];
       }
-      return self.style(traits || [], assign$1({}, defaultStyles, custom || {}));
+      return self.style(traits || [], assign$2({}, defaultStyles, custom || {}));
     };
   }
@@ -4936,7 +4936,7 @@
    */
   function createContainer(options) {
-    options = assign$1({}, { width: '100%', height: '100%' }, options);
+    options = assign$2({}, { width: '100%', height: '100%' }, options);
     const container = options.container || document.body;
@@ -4946,7 +4946,7 @@
     const parent = document.createElement('div');
     parent.setAttribute('class', 'djs-container djs-parent');
-    assign(parent, {
+    assign$1(parent, {
       position: 'relative',
       overflow: 'hidden',
       width: ensurePx(options.width),
@@ -6054,7 +6054,7 @@
     if (delta) {
       this._changeViewbox(function() {
-        delta = assign$1({ dx: 0, dy: 0 }, delta || {});
+        delta = assign$2({ dx: 0, dy: 0 }, delta || {});
         matrix = this._svg.createSVGMatrix().translate(delta.dx, delta.dy).multiply(matrix);
@@ -6248,7 +6248,7 @@
     const currentScale = currentMatrix.a;
     if (center) {
-      centerPoint = assign$1(point, center);
+      centerPoint = assign$2(point, center);
       // revert applied viewport transformations
       originalPoint = centerPoint.matrixTransform(currentMatrix.inverse());
@@ -7173,7 +7173,7 @@
     if (!Type) {
       throw new Error('unknown type: <' + type + '>');
     }
-    return assign$1(new Type(), attrs);
+    return assign$2(new Type(), attrs);
   }
   /**
@@ -7252,7 +7252,7 @@
    */
   ElementFactory$1.prototype.create = function(type, attrs) {
-    attrs = assign$1({}, attrs || {});
+    attrs = assign$2({}, attrs || {});
     if (!attrs.id) {
       attrs.id = type + '_' + (this._uid++);
@@ -7773,7 +7773,7 @@
   };
   InternalEvent.prototype.init = function(data) {
-    assign$1(this, data || {});
+    assign$2(this, data || {});
   };
@@ -8666,7 +8666,7 @@
     forEach$2(t.properties, bind$2(function(p) {
       // clone property to allow extensions
-      p = assign$1({}, p, {
+      p = assign$2({}, p, {
         name: p.ns.localName,
         inherited: inherited
       });
@@ -8726,7 +8726,7 @@
   Registry.prototype.registerPackage = function(pkg) {
     // copy package
-    pkg = assign$1({}, pkg);
+    pkg = assign$2({}, pkg);
     var pkgMap = this.packageMap;
@@ -8748,11 +8748,11 @@
    */
   Registry.prototype.registerType = function(type, pkg) {
-    type = assign$1({}, type, {
+    type = assign$2({}, type, {
       superClass: (type.superClass || []).slice(),
       extends: (type.extends || []).slice(),
       properties: (type.properties || []).slice(),
-      meta: assign$1((type.meta || {}))
+      meta: assign$2((type.meta || {}))
     });
     var ns = parseName$2(type.name, pkg.prefix),
@@ -8771,7 +8771,7 @@
         p.type = parseName$2(p.type, propertyNs.prefix).name;
       }
-      assign$1(p, {
+      assign$2(p, {
         ns: propertyNs,
         name: propertyName
       });
@@ -8780,7 +8780,7 @@
     }, this));
     // update ns + name
-    assign$1(type, {
+    assign$2(type, {
       ns: ns,
       name: name,
       propertiesByName: propertiesByName
@@ -8987,7 +8987,7 @@
       // use getters for read-only variables to support ES6 proxies
       // cf. https://github.com/bpmn-io/internal-docs/issues/386
-      options = assign$1({}, options, {
+      options = assign$2({}, options, {
         get: function() { return value; }
       });
@@ -10409,7 +10409,7 @@
      * @property {Boolean} lax
      */
-    assign$1(this, options);
+    assign$2(this, options);
     this.elementsById = {};
     this.references = [];
@@ -10715,7 +10715,7 @@
           elementType = model.getType(elementTypeName);
-          return assign$1({}, property, {
+          return assign$2({}, property, {
             effectiveType: getModdleDescriptor(elementType).name
           });
         }
@@ -10737,7 +10737,7 @@
       });
       if (property) {
-        return assign$1({}, property, {
+        return assign$2({}, property, {
           effectiveType: getModdleDescriptor(elementType).name
         });
       }
@@ -10812,7 +10812,7 @@
       }
       if (propertyDesc.isReference) {
-        assign$1(newElement, {
+        assign$2(newElement, {
           element: element
         });
@@ -10921,7 +10921,7 @@
       };
     }
-    assign$1(this, { lax: false }, options);
+    assign$2(this, { lax: false }, options);
   }
   /**
@@ -10976,7 +10976,7 @@
     var model = this.model,
         lax = this.lax;
-    var context = new Context$2(assign$1({}, options, { rootHandler: rootHandler })),
+    var context = new Context$2(assign$2({}, options, { rootHandler: rootHandler })),
         parser = new Parser$1({ proxy: true }),
         stack = createStack();
@@ -11371,14 +11371,14 @@
   function getElementNs(ns, descriptor) {
     if (descriptor.isGeneric) {
-      return assign$1({ localName: descriptor.ns.localName }, ns);
+      return assign$2({ localName: descriptor.ns.localName }, ns);
     } else {
-      return assign$1({ localName: nameToAlias(descriptor.ns.localName, descriptor.$pkg) }, ns);
+      return assign$2({ localName: nameToAlias(descriptor.ns.localName, descriptor.$pkg) }, ns);
     }
   }
   function getPropertyNs(ns, descriptor) {
-    return assign$1({ localName: descriptor.ns.localName }, ns);
+    return assign$2({ localName: descriptor.ns.localName }, ns);
   }
   function getSerializableProperties(element) {
@@ -11610,7 +11610,7 @@
     if (this.isLocalNs(effectiveNs)) {
       return { localName: ns.localName };
     } else {
-      return assign$1({ localName: ns.localName }, effectiveNs);
+      return assign$2({ localName: ns.localName }, effectiveNs);
     }
   };
@@ -12082,7 +12082,7 @@
    */
   function Writer(options) {
-    options = assign$1({ format: false, preamble: true }, options || {});
+    options = assign$2({ format: false, preamble: true }, options || {});
     function toXML(tree, writer) {
       var internalWriter = writer || new SavingWriter();
@@ -12154,7 +12154,7 @@
       typeName = 'bpmn:Definitions';
     }
-    var reader = new Reader(assign$1({ model: this, lax: true }, options));
+    var reader = new Reader(assign$2({ model: this, lax: true }, options));
     var rootHandler = reader.handler(typeName);
     return reader.fromXML(xmlStr, rootHandler);
@@ -15841,7 +15841,7 @@
   };
   function simple(additionalPackages, options) {
-    var pks = assign$1({}, packages, additionalPackages);
+    var pks = assign$2({}, packages, additionalPackages);
     return new BpmnModdle(pks, options);
   }
@@ -16708,11 +16708,11 @@
   function createLightbox() {
     lightbox = domify$1(LIGHTBOX_MARKUP);
-    assign(lightbox, LIGHTBOX_STYLES);
-    assign(query('svg', lightbox), LOGO_STYLES);
-    assign(query('.backdrop', lightbox), BACKDROP_STYLES);
-    assign(query('.notice', lightbox), NOTICE_STYLES);
-    assign(query('.link', lightbox), LINK_STYLES, {
+    assign$1(lightbox, LIGHTBOX_STYLES);
+    assign$1(query$1('svg', lightbox), LOGO_STYLES);
+    assign$1(query$1('.backdrop', lightbox), BACKDROP_STYLES);
+    assign$1(query$1('.notice', lightbox), NOTICE_STYLES);
+    assign$1(query$1('.link', lightbox), LINK_STYLES, {
       'margin': '15px 20px 15px 10px',
       'alignSelf': 'center'
     });
@@ -16769,7 +16769,7 @@
     /**
      * @type {BaseModelerOptions}
      */
-    options = assign$1({}, DEFAULT_OPTIONS$1, options);
+    options = assign$2({}, DEFAULT_OPTIONS$1, options);
     this._moddle = this._createModdle(options);
@@ -17129,7 +17129,7 @@
       const canvas = this.get('canvas');
       const contentNode = canvas.getActiveLayer(),
-            defsNode = query('defs', canvas._svg);
+            defsNode = query$1('defs', canvas._svg);
       const contents = innerSVG(contentNode),
             defs = defsNode ? '<defs>' + innerSVG(defsNode) + '</defs>' : '';
@@ -17289,7 +17289,7 @@
     }
     if (typeof parentNode === 'string') {
-      parentNode = query(parentNode);
+      parentNode = query$1(parentNode);
     }
     parentNode.appendChild(this._container);
@@ -17346,8 +17346,8 @@
     const diagramModules = [].concat(staticModules, baseModules, additionalModules);
-    const diagramOptions = assign$1(omit(options, [ 'additionalModules' ]), {
-      canvas: assign$1({}, options.canvas, { container: container }),
+    const diagramOptions = assign$2(omit(options, [ 'additionalModules' ]), {
+      canvas: assign$2({}, options.canvas, { container: container }),
       modules: diagramModules
     });
@@ -17375,7 +17375,7 @@
     const container = domify$1('<div class="bjs-container"></div>');
-    assign(container, {
+    assign$1(container, {
       width: ensureUnit(options.width),
       height: ensureUnit(options.height),
       position: options.position
@@ -17385,7 +17385,7 @@
   };
   BaseViewer.prototype._createModdle = function(options) {
-    const moddleOptions = assign$1({}, this._moddleExtensions, options.moddleExtensions);
+    const moddleOptions = assign$2({}, this._moddleExtensions, options.moddleExtensions);
     return new simple(moddleOptions);
   };
@@ -17471,8 +17471,8 @@
     const linkElement = domify$1(linkMarkup);
-    assign(query('svg', linkElement), LOGO_STYLES);
-    assign(linkElement, LINK_STYLES, {
+    assign$1(query$1('svg', linkElement), LOGO_STYLES);
+    assign$1(linkElement, LINK_STYLES, {
       position: 'absolute',
       bottom: '15px',
       right: '15px',
@@ -17888,7 +17888,7 @@
       append(marker, element);
-      var defs = query('defs', canvas._svg);
+      var defs = query$1('defs', canvas._svg);
       if (!defs) {
         defs = create$1('defs');
@@ -18180,7 +18180,7 @@
     }
     function drawMarker(type, parentGfx, path, attrs) {
-      return drawPath(parentGfx, path, assign$1({ 'data-marker': type }, attrs));
+      return drawPath(parentGfx, path, assign$2({ 'data-marker': type }, attrs));
     }
     function renderer(type) {
@@ -18252,7 +18252,7 @@
     function renderLabel(parentGfx, label, options) {
-      options = assign$1({
+      options = assign$2({
         size: {
           width: 100
         }
@@ -18292,7 +18292,7 @@
       return renderLabel(parentGfx, getLabel(element), {
         box: box,
         fitBox: true,
-        style: assign$1(
+        style: assign$2(
           {},
           textRenderer.getExternalStyle(),
           {
@@ -19724,7 +19724,7 @@
   function parsePadding(padding) {
     if (isObject$1(padding)) {
-      return assign$1({ top: 0, left: 0, right: 0, bottom: 0 }, padding);
+      return assign$2({ top: 0, left: 0, right: 0, bottom: 0 }, padding);
     } else {
       return {
         top: padding,
@@ -19890,7 +19890,7 @@
         id: 'helper-svg'
       });
-      assign(helperSvg, {
+      assign$1(helperSvg, {
         visibility: 'hidden',
         position: 'fixed',
         width: 0,
@@ -19915,7 +19915,7 @@
    */
   function Text$1(config) {
-    this._config = assign$1({}, {
+    this._config = assign$2({}, {
       size: DEFAULT_LABEL_SIZE$1,
       padding: DEFAULT_BOX_PADDING,
       style: {},
@@ -19964,8 +19964,8 @@
    * @return {Object} { element, dimensions }
    */
   Text$1.prototype.layoutText = function(text, options) {
-    var box = assign$1({}, this._config.size, options.box),
-        style = assign$1({}, this._config.style, options.style),
+    var box = assign$2({}, this._config.size, options.box),
+        style = assign$2({}, this._config.style, options.style),
         align = parseAlign(options.align || this._config.align),
         padding = parsePadding(options.padding !== undefined ? options.padding : this._config.padding),
         fitBox = options.fitBox || false;
@@ -20080,7 +20080,7 @@
   function TextRenderer(config) {
-    var defaultStyle = assign$1({
+    var defaultStyle = assign$2({
       fontFamily: 'Arial, sans-serif',
       fontSize: DEFAULT_FONT_SIZE,
       fontWeight: 'normal',
@@ -20089,7 +20089,7 @@
     var fontSize = parseInt(defaultStyle.fontSize, 10) - 1;
-    var externalStyle = assign$1({}, defaultStyle, {
+    var externalStyle = assign$2({}, defaultStyle, {
       fontSize: fontSize
     }, config && config.externalStyle || {});
@@ -20839,7 +20839,7 @@
       size = DEFAULT_LABEL_SIZE;
     }
-    return assign$1({
+    return assign$2({
       x: mid.x - size.width / 2,
       y: mid.y - size.height / 2
     }, size);
@@ -20857,7 +20857,7 @@
    * @return {Object}
    */
   function elementData(semantic, di, attrs) {
-    return assign$1({
+    return assign$2({
       id: semantic.id,
       type: semantic.$type,
       businessObject: semantic,
@@ -21514,7 +21514,7 @@
     function createHitStyle(classNames, attrs) {
-      attrs = assign$1({
+      attrs = assign$2({
         stroke: 'white',
         strokeWidth: 15
       }, attrs || {});
@@ -21612,7 +21612,7 @@
      */
     this.createBoxHit = function(gfx, type, attrs) {
-      attrs = assign$1({
+      attrs = assign$2({
         x: 0,
         y: 0
       }, attrs);
@@ -21638,7 +21638,7 @@
      */
     this.updateDefaultHit = function(element, gfx) {
-      var hit = query('.djs-hit', gfx);
+      var hit = query$1('.djs-hit', gfx);
       if (!hit) {
         return;
@@ -21786,7 +21786,7 @@
     function createOutline(gfx, bounds) {
       var outline = create$1('rect');
-      attr(outline, assign$1({
+      attr(outline, assign$2({
         x: 10,
         y: 10,
         rx: 4,
@@ -21805,7 +21805,7 @@
       var element = event.element,
           gfx = event.gfx;
-      var outline = query('.djs-outline', gfx);
+      var outline = query$1('.djs-outline', gfx);
       if (!outline) {
         outline = createOutline(gfx);
@@ -21818,7 +21818,7 @@
       var element = event.element,
           gfx = event.gfx;
-      var outline = query('.djs-outline', gfx);
+      var outline = query$1('.djs-outline', gfx);
       if (!outline) {
         outline = createOutline(gfx);
@@ -22090,7 +22090,7 @@
     var rect = create$1('rect');
-    attr(rect, assign$1({
+    attr(rect, assign$2({
       rx: 3
     }, bBox));
@@ -22358,7 +22358,7 @@
     /**
      * @type {OverlaysConfigDefault}
      */
-    this._overlayDefaults = assign$1({
+    this._overlayDefaults = assign$2({
       // no show constraints
       show: null,
@@ -22479,7 +22479,7 @@
     var id = this._ids.next();
-    overlay = assign$1({}, this._overlayDefaults, overlay, {
+    overlay = assign$2({}, this._overlayDefaults, overlay, {
       id: id,
       type: type,
       element: element,
@@ -22635,7 +22635,7 @@
   Overlays.prototype._createOverlayContainer = function(element) {
     var html = domify$1('<div class="djs-overlays" />');
-    assign(html, { position: 'absolute' });
+    assign$1(html, { position: 'absolute' });
     this._overlayRoot.appendChild(html);
@@ -22707,7 +22707,7 @@
     overlayContainer = this._getOverlayContainer(element);
     htmlContainer = domify$1('<div class="djs-overlay" data-overlay-id="' + id + '">');
-    assign(htmlContainer, { position: 'absolute' });
+    assign$1(htmlContainer, { position: 'absolute' });
     htmlContainer.appendChild(html);
@@ -22895,7 +22895,7 @@
       '<div class="djs-overlay-container" />'
     );
-    assign(root, {
+    assign$1(root, {
       position: 'absolute',
       width: 0,
       height: 0
@@ -22907,7 +22907,7 @@
   }
   function setPosition$1(el, x, y) {
-    assign(el, { left: x + 'px', top: y + 'px' });
+    assign$1(el, { left: x + 'px', top: y + 'px' });
   }
   /**
@@ -24432,7 +24432,7 @@
     var self = this;
-    this._config = assign$1({}, DEFAULT_CONFIG$1, config || {});
+    this._config = assign$2({}, DEFAULT_CONFIG$1, config || {});
     keyboard.addListener(arrowsListener);
@@ -28544,7 +28544,7 @@
       attr$1(control, 'data-action', id);
-      container = query('[data-group=' + escapeCSS(grouping) + ']', html);
+      container = query$1('[data-group=' + escapeCSS(grouping) + ']', html);
       if (!container) {
         container = domify$1('<div class="group"></div>');
         attr$1(container, 'data-group', grouping);
@@ -28601,7 +28601,7 @@
     var position = this._getPosition(target);
-    var overlaysConfig = assign$1({
+    var overlaysConfig = assign$2({
       html: html
     }, this._overlaysConfig, position);
@@ -29827,7 +29827,7 @@
     var actions = {};
     if (this._isAllowed(elements)) {
-      assign$1(actions, this._getEntries(elements));
+      assign$2(actions, this._getEntries(elements));
     }
     return actions;
@@ -29849,7 +29849,7 @@
           click: function(event, elements) {
             var position = self._getMenuPosition(elements);
-            assign$1(position, {
+            assign$2(position, {
               cursor: {
                 x: event.x,
                 y: event.y
@@ -29911,7 +29911,7 @@
     var entries = {};
     if (this._isAllowed(elements)) {
-      assign$1(entries, this._getEntries(elements));
+      assign$2(entries, this._getEntries(elements));
     }
     return entries;
@@ -30836,7 +30836,7 @@
       newTrbl.bottom = elementsTrbl.bottom + offset.bottom;
     }
-    return asBounds(assign$1({}, targetTrbl, newTrbl));
+    return asBounds(assign$2({}, targetTrbl, newTrbl));
   };
@@ -31403,7 +31403,7 @@
       dragContext = dragContext || context;
       var event = eventBus.createEvent(
-        assign$1(
+        assign$2(
           {},
           dragContext.payload,
           dragContext.data,
@@ -31448,7 +31448,7 @@
         // fire start event with original
         // starting coordinates
-        assign$1(payload, {
+        assign$2(payload, {
           x: round$a(localStart.x + displacement.x),
           y: round$a(localStart.y + displacement.y),
           dx: 0,
@@ -31483,7 +31483,7 @@
       if (context.active) {
         // update payload with actual coordinates
-        assign$1(payload, {
+        assign$2(payload, {
           x: round$a(localCurrent.x + displacement.x),
           y: round$a(localCurrent.y + displacement.y),
           dx: round$a(localDelta.x),
@@ -31691,7 +31691,7 @@
         relativeTo = null;
       }
-      options = assign$1({}, defaultOptions, options || {});
+      options = assign$2({}, defaultOptions, options || {});
       var data = options.data || {},
           originalEvent,
@@ -31729,7 +31729,7 @@
       isTouch = isTouchEvent(originalEvent);
-      context = assign$1({
+      context = assign$2({
         prefix: prefix,
         data: data,
         payload: {},
@@ -31797,7 +31797,7 @@
     };
     this.setOptions = function(options) {
-      assign$1(defaultOptions, options);
+      assign$2(defaultOptions, options);
     };
   }
@@ -31845,7 +31845,7 @@
     this._canvas = canvas;
-    this._opts = assign$1({
+    this._opts = assign$2({
       scrollThresholdIn: [ 20, 20, 20, 20 ],
       scrollThresholdOut: [ 0, 0, 0, 0 ],
       scrollRepeatTimeout: 15,
@@ -31944,7 +31944,7 @@
    * @param {Object} options
    */
   AutoScroll.prototype.setOptions = function(options) {
-    this._opts = assign$1({}, this._opts, options);
+    this._opts = assign$2({}, this._opts, options);
   };
@@ -32570,7 +32570,7 @@
     function getBendpointsContainer(element, create) {
       var layer = canvas.getLayer('overlays'),
-          gfx = query('.djs-bendpoints[data-element-id="' + escapeCSS(element.id) + '"]', layer);
+          gfx = query$1('.djs-bendpoints[data-element-id="' + escapeCSS(element.id) + '"]', layer);
       if (!gfx && create) {
         gfx = create$1('g');
@@ -32588,7 +32588,7 @@
     }
     function getSegmentDragger(idx, parentGfx) {
-      return query(
+      return query$1(
         '.djs-segment-dragger[data-segment-idx="' + idx + '"]',
         parentGfx
       );
@@ -32669,7 +32669,7 @@
     }
     function updateFloatingBendpointPosition(parentGfx, intersection) {
-      var floating = query('.floating', parentGfx),
+      var floating = query$1('.floating', parentGfx),
           point = intersection.point;
       if (!floating) {
@@ -32841,7 +32841,7 @@
   // helper /////////////
   function getDraggerVisual(draggerGfx) {
-    return query('.djs-visual', draggerGfx);
+    return query$1('.djs-visual', draggerGfx);
   }
   /**
@@ -33992,7 +33992,7 @@
           cy = (y - sy);
       // update delta
-      assign$1(event, {
+      assign$2(event, {
         dx: event.dx - cx,
         dy: event.dy - cy,
         x: sx,
@@ -34083,7 +34083,7 @@
           cy = (y - sy);
       // update delta
-      assign$1(event, {
+      assign$2(event, {
         dx: event.dx - cx,
         dy: event.dy - cy,
         x: event.x - cx,
@@ -34715,7 +34715,7 @@
       '</div>'
     );
-    this.content = query('[contenteditable]', this.parent);
+    this.content = query$1('[contenteditable]', this.parent);
     this.keyHandler = options.keyHandler || function() {};
     this.resizeHandler = options.resizeHandler || function() {};
@@ -34772,7 +34772,7 @@
       'transform'
     ]);
-    assign$1(parent.style, {
+    assign$2(parent.style, {
       width: bounds.width + 'px',
       height: bounds.height + 'px',
       maxWidth: bounds.maxWidth + 'px',
@@ -34803,7 +34803,7 @@
       'paddingLeft'
     ]);
-    assign$1(content.style, {
+    assign$2(content.style, {
       boxSizing: 'border-box',
       width: '100%',
       outline: 'none',
@@ -34811,7 +34811,7 @@
     }, contentStyle);
     if (options.centerVertically) {
-      assign$1(content.style, {
+      assign$2(content.style, {
         position: 'absolute',
         top: '50%',
         transform: 'translate(0, -50%)'
@@ -35038,7 +35038,7 @@
       event.bind(resizeHandle, 'mousedown', onMouseDown);
     }
-    assign$1(resizeHandle.style, {
+    assign$2(resizeHandle.style, {
       position: 'absolute',
       bottom: '0px',
       right: '0px',
@@ -35491,7 +35491,7 @@
       this._clonedMarkers[ markerId ] = clonedMarker;
-      var defs = query('defs', this._canvas._svg);
+      var defs = query$1('defs', this._canvas._svg);
       if (!defs) {
         defs = create$1('defs');
@@ -35521,7 +35521,7 @@
   function getMarker(node, markerType, parentNode) {
     var id = referenceToId(attr(node, markerType));
-    return query('marker#' + id, parentNode || document);
+    return query$1('marker#' + id, parentNode || document);
   }
   /**
@@ -35777,7 +35777,7 @@
           connectionTarget: hints.connectionTarget
         });
       } else {
-        elements = modeling.createElements(elements, position, target, assign$1({}, hints, {
+        elements = modeling.createElements(elements, position, target, assign$2({}, hints, {
           attach: attach
         }));
@@ -35788,12 +35788,12 @@
       }
       // update elements and shape
-      assign$1(context, {
+      assign$2(context, {
         elements: elements,
         shape: shape
       });
-      assign$1(event, {
+      assign$2(event, {
         elements: elements,
         shape: shape
       });
@@ -35833,7 +35833,7 @@
         return;
       }
-      context = assign$1({
+      context = assign$2({
         elements: elements,
         hints: {},
         shape: shape
@@ -35867,7 +35867,7 @@
           });
         }
-        assign$1(element, {
+        assign$2(element, {
           x: element.x - bbox.x - bbox.width / 2,
           y: element.y - bbox.y - bbox.height / 2
         });
@@ -36309,7 +36309,7 @@
     eventBus.on('copyPaste.pasteElements', function(context) {
       var hints = context.hints;
-      assign$1(hints, {
+      assign$2(hints, {
         createElementsBehavior: false
       });
     });
@@ -36431,13 +36431,13 @@
         });
       }
-      assign$1(element, {
+      assign$2(element, {
         x: element.x - bbox.x - bbox.width / 2,
         y: element.y - bbox.y - bbox.height / 2
       });
     });
-    return this._modeling.createElements(elements, position, target, assign$1({}, hints));
+    return this._modeling.createElements(elements, position, target, assign$2({}, hints));
   };
   /**
@@ -36460,7 +36460,7 @@
       forEach$2(branch, function(descriptor) {
         // remove priority
-        var attrs = assign$1({}, omit(descriptor, [ 'priority' ]));
+        var attrs = assign$2({}, omit(descriptor, [ 'priority' ]));
         if (cache[ descriptor.parent ]) {
           attrs.parent = cache[ descriptor.parent ];
@@ -36760,7 +36760,7 @@
   }
   function copyWaypoint$1(waypoint) {
-    return assign$1({}, waypoint);
+    return assign$2({}, waypoint);
   }
   function removeElement(element, elements) {
@@ -37314,7 +37314,7 @@
     var newElement = modeling.replaceShape(
       oldElement,
-      assign$1(
+      assign$2(
         {},
         attrs,
         {
@@ -37475,7 +37475,7 @@
           copyProps = intersection(elementProps, newElementProps);
       // initialize special properties defined in target definition
-      assign$1(newBusinessObject, pick(target, CUSTOM_PROPERTIES));
+      assign$2(newBusinessObject, pick(target, CUSTOM_PROPERTIES));
       var properties = filter(copyProps, function(propertyName) {
@@ -38008,7 +38008,7 @@
     }
   ];
-  var GATEWAY$1 = [
+  var GATEWAY$2 = [
     {
       label: 'Exclusive Gateway',
       actionName: 'replace-with-exclusive-gateway',
@@ -38141,7 +38141,7 @@
   var EVENT_SUB_PROCESS$1 = TRANSACTION$1;
-  var TASK$1 = [
+  var TASK$2 = [
     {
       label: 'Task',
       actionName: 'replace-with-task',
@@ -38515,7 +38515,7 @@
     }
   ];
-  var PARTICIPANT$1 = [
+  var PARTICIPANT$2 = [
     {
       label: 'Expanded Pool',
       actionName: 'replace-with-expanded-pool',
@@ -38624,7 +38624,7 @@
     // expanded/collapsed pools
     if (is$8(businessObject, 'bpmn:Participant')) {
-      entries = filter(PARTICIPANT$1, function(entry) {
+      entries = filter(PARTICIPANT$2, function(entry) {
         return isExpanded$1(element) !== entry.target.isExpanded;
       });
@@ -38707,7 +38707,7 @@
     // gateways
     if (is$8(businessObject, 'bpmn:Gateway')) {
-      entries = filter(GATEWAY$1, differentType);
+      entries = filter(GATEWAY$2, differentType);
       return this._createEntries(element, entries);
     }
@@ -38739,7 +38739,7 @@
     // collapsed ad hoc sub processes
     if (is$8(businessObject, 'bpmn:AdHocSubProcess') && !isExpanded$1(element)) {
-      entries = filter(TASK$1, function(entry) {
+      entries = filter(TASK$2, function(entry) {
         var target = entry.target;
@@ -38760,7 +38760,7 @@
     // flow nodes
     if (is$8(businessObject, 'bpmn:FlowNode')) {
-      entries = filter(TASK$1, differentType);
+      entries = filter(TASK$2, differentType);
       // collapsed SubProcess can not be replaced with itself
       if (is$8(businessObject, 'bpmn:SubProcess') && !isExpanded$1(element)) {
@@ -39581,7 +39581,7 @@
     var actions = {};
     if (this._isDeleteAllowed(elements)) {
-      assign$1(actions, {
+      assign$2(actions, {
         'delete': {
           group: 'edit',
           className: 'bpmn-icon-trash',
@@ -39680,7 +39680,7 @@
       function appendStart(event, element) {
-        var shape = elementFactory.createShape(assign$1({ type: type }, options));
+        var shape = elementFactory.createShape(assign$2({ type: type }, options));
         create.start(event, shape, {
           source: element
         });
@@ -39688,7 +39688,7 @@
       var append = autoPlace ? function(event, element) {
-        var shape = elementFactory.createShape(assign$1({ type: type }, options));
+        var shape = elementFactory.createShape(assign$2({ type: type }, options));
         autoPlace.append(element, shape);
       } : appendStart;
@@ -39723,7 +39723,7 @@
       var childLanes = getChildLanes(element);
-      assign$1(actions, {
+      assign$2(actions, {
         'lane-insert-above': {
           group: 'lane-insert-above',
           className: 'bpmn-icon-lane-insert-above',
@@ -39739,7 +39739,7 @@
       if (childLanes.length < 2) {
         if (element.height >= 120) {
-          assign$1(actions, {
+          assign$2(actions, {
             'lane-divide-two': {
               group: 'lane-divide',
               className: 'bpmn-icon-lane-divide-two',
@@ -39752,7 +39752,7 @@
         }
         if (element.height >= 180) {
-          assign$1(actions, {
+          assign$2(actions, {
             'lane-divide-three': {
               group: 'lane-divide',
               className: 'bpmn-icon-lane-divide-three',
@@ -39765,7 +39765,7 @@
         }
       }
-      assign$1(actions, {
+      assign$2(actions, {
         'lane-insert-below': {
           group: 'lane-insert-below',
           className: 'bpmn-icon-lane-insert-below',
@@ -39784,7 +39784,7 @@
       if (is$8(businessObject, 'bpmn:EventBasedGateway')) {
-        assign$1(actions, {
+        assign$2(actions, {
           'append.receive-task': appendAction(
             'bpmn:ReceiveTask',
             'bpmn-icon-receive-task',
@@ -39819,7 +39819,7 @@
       if (isEventType(businessObject, 'bpmn:BoundaryEvent', 'bpmn:CompensateEventDefinition')) {
-        assign$1(actions, {
+        assign$2(actions, {
           'append.compensation-activity':
               appendAction(
                 'bpmn:Task',
@@ -39837,7 +39837,7 @@
           !isEventType(businessObject, 'bpmn:IntermediateThrowEvent', 'bpmn:LinkEventDefinition') &&
           !isEventSubProcess(businessObject)) {
-        assign$1(actions, {
+        assign$2(actions, {
           'append.end-event': appendAction(
             'bpmn:EndEvent',
             'bpmn-icon-end-event-none',
@@ -39865,7 +39865,7 @@
     if (!popupMenu.isEmpty(element, 'bpmn-replace')) {
       // Replace menu entry
-      assign$1(actions, {
+      assign$2(actions, {
         'replace': {
           group: 'edit',
           className: 'bpmn-icon-screw-wrench',
@@ -39873,7 +39873,7 @@
           action: {
             click: function(event, element) {
-              var position = assign$1(getReplaceMenuPosition(element), {
+              var position = assign$2(getReplaceMenuPosition(element), {
                 cursor: { x: event.x, y: event.y }
               });
@@ -39889,7 +39889,7 @@
     }
     if (is$8(businessObject, 'bpmn:SequenceFlow')) {
-      assign$1(actions, {
+      assign$2(actions, {
         'append.text-annotation': appendAction(
           'bpmn:TextAnnotation',
           'bpmn-icon-text-annotation'
@@ -39905,7 +39905,7 @@
         'bpmn:DataStoreReference',
       ])
     ) {
-      assign$1(actions, {
+      assign$2(actions, {
         'append.text-annotation': appendAction(
           'bpmn:TextAnnotation',
           'bpmn-icon-text-annotation'
@@ -39930,7 +39930,7 @@
     }
     if (is$8(businessObject, 'bpmn:TextAnnotation')) {
-      assign$1(actions, {
+      assign$2(actions, {
         'connect': {
           group: 'connect',
           className: 'bpmn-icon-connection-multi',
@@ -39944,7 +39944,7 @@
     }
     if (isAny$1(businessObject, [ 'bpmn:DataObjectReference', 'bpmn:DataStoreReference' ])) {
-      assign$1(actions, {
+      assign$2(actions, {
         'connect': {
           group: 'connect',
           className: 'bpmn-icon-connection-multi',
@@ -39958,7 +39958,7 @@
     }
     if (is$8(businessObject, 'bpmn:Group')) {
-      assign$1(actions, {
+      assign$2(actions, {
         'append.text-annotation': appendAction('bpmn:TextAnnotation', 'bpmn-icon-text-annotation')
       });
     }
@@ -39973,7 +39973,7 @@
     }
     if (deleteAllowed) {
-      assign$1(actions, {
+      assign$2(actions, {
         'delete': {
           group: 'edit',
           className: 'bpmn-icon-trash',
@@ -40323,7 +40323,7 @@
     var entries = {};
     if (this._isAllowed(elements)) {
-      assign$1(entries, this._getEntries(elements));
+      assign$2(entries, this._getEntries(elements));
     }
     return entries;
@@ -40638,7 +40638,7 @@
     return new Error(action + ' ' + message);
   }
-  var EditorActionsModule$1 = {
+  var EditorActionsModule$2 = {
     __init__: [ 'editorActions' ],
     editorActions: [ 'type', EditorActions ]
   };
@@ -40815,9 +40815,9 @@
   };
-  var EditorActionsModule = {
+  var EditorActionsModule$1 = {
     __depends__: [
-      EditorActionsModule$1
+      EditorActionsModule$2
     ],
     editorActions: [ 'type', BpmnEditorActions ]
   };
@@ -40861,7 +40861,7 @@
    * @typedef {import('../../core/EventBus').default} EventBus
    */
-  var LOWER_PRIORITY$2 = 1200;
+  var LOWER_PRIORITY$3 = 1200;
   var LOW_PRIORITY$l = 800;
   /**
@@ -40897,7 +40897,7 @@
       'resize.end',
       'shape.move.move',
       'shape.move.end'
-    ], LOWER_PRIORITY$2, function(event) {
+    ], LOWER_PRIORITY$3, function(event) {
       var originalEvent = event.originalEvent;
       if (!self.active || (originalEvent && isCmd$1(originalEvent))) {
@@ -40925,7 +40925,7 @@
         var snapConstraints = getSnapConstraints(event, axis);
         if (snapConstraints) {
-          assign$1(options, snapConstraints);
+          assign$2(options, snapConstraints);
         }
         if (!isSnapped(event, axis)) {
@@ -41328,7 +41328,7 @@
     }
     // assign snapped x and width
-    assign$1(newBounds, snappedNewBounds);
+    assign$2(newBounds, snappedNewBounds);
     return newBounds;
   };
@@ -41372,7 +41372,7 @@
     }
     // assign snapped y and height
-    assign$1(newBounds, snappedNewBounds);
+    assign$2(newBounds, snappedNewBounds);
     return newBounds;
   };
@@ -41661,8 +41661,8 @@
     }
     if ('x' in snapped || 'y' in snapped) {
-      segmentStart = assign$1({}, segmentStart, snapped);
-      segmentEnd = assign$1({}, segmentEnd, snapped);
+      segmentStart = assign$2({}, segmentStart, snapped);
+      segmentEnd = assign$2({}, segmentEnd, snapped);
     }
     return [ segmentStart, segmentEnd ];
@@ -42068,7 +42068,7 @@
     var self = this;
-    this._config = assign$1({}, DEFAULT_CONFIG, config || {});
+    this._config = assign$2({}, DEFAULT_CONFIG, config || {});
     keyboard.addListener(HIGHER_PRIORITY$4, function(event) {
@@ -42336,7 +42336,7 @@
       };
     }
-    context = assign$1({ shape: shape }, contextOrDirection);
+    context = assign$2({ shape: shape }, contextOrDirection);
     direction = context.direction;
@@ -42858,7 +42858,7 @@
     // bounds
     var bounds = this.getEditingBBox(element);
-    assign$1(context, bounds);
+    assign$2(context, bounds);
     var options = {};
@@ -42872,27 +42872,27 @@
       ]) ||
       isCollapsedSubProcess(element)
     ) {
-      assign$1(options, {
+      assign$2(options, {
         centerVertically: true
       });
     }
     // external labels
     if (isLabelExternal(element)) {
-      assign$1(options, {
+      assign$2(options, {
         autoResize: true
       });
     }
     // text annotations
     if (is$8(element, 'bpmn:TextAnnotation')) {
-      assign$1(options, {
+      assign$2(options, {
         resizable: true,
         autoResize: true
       });
     }
-    assign$1(context, {
+    assign$2(context, {
       options: options
     });
@@ -42942,14 +42942,14 @@
     // adjust for expanded pools AND lanes
     if (is$8(element, 'bpmn:Lane') || isExpandedPool(element)) {
-      assign$1(bounds, {
+      assign$2(bounds, {
         width: bbox.height,
         height: 30 * zoom,
         x: bbox.x - bbox.height / 2 + (15 * zoom),
         y: mid.y - (30 * zoom) / 2
       });
-      assign$1(style, {
+      assign$2(style, {
         fontSize: defaultFontSize + 'px',
         lineHeight: defaultLineHeight,
         paddingTop: (7 * zoom) + 'px',
@@ -42967,12 +42967,12 @@
         isCollapsedPool(element) ||
         isCollapsedSubProcess(element)) {
-      assign$1(bounds, {
+      assign$2(bounds, {
         width: bbox.width,
         height: bbox.height
       });
-      assign$1(style, {
+      assign$2(style, {
         fontSize: defaultFontSize + 'px',
         lineHeight: defaultLineHeight,
         paddingTop: (7 * zoom) + 'px',
@@ -42985,12 +42985,12 @@
     // internal labels for expanded sub processes
     if (isExpandedSubProcess$1(element)) {
-      assign$1(bounds, {
+      assign$2(bounds, {
         width: bbox.width,
         x: bbox.x
       });
-      assign$1(style, {
+      assign$2(style, {
         fontSize: defaultFontSize + 'px',
         lineHeight: defaultLineHeight,
         paddingTop: (7 * zoom) + 'px',
@@ -43006,14 +43006,14 @@
     // external labels for events, data elements, gateways, groups and connections
     if (target.labelTarget) {
-      assign$1(bounds, {
+      assign$2(bounds, {
         width: width,
         height: bbox.height + paddingTop + paddingBottom,
         x: mid.x - width / 2,
         y: bbox.y - paddingTop
       });
-      assign$1(style, {
+      assign$2(style, {
         fontSize: externalFontSize + 'px',
         lineHeight: externalLineHeight,
         paddingTop: paddingTop + 'px',
@@ -43037,14 +43037,14 @@
       var height = externalFontSize + paddingTop + paddingBottom;
-      assign$1(bounds, {
+      assign$2(bounds, {
         width: width,
         height: height,
         x: absoluteBBox.x - width / 2,
         y: absoluteBBox.y - height / 2
       });
-      assign$1(style, {
+      assign$2(style, {
         fontSize: externalFontSize + 'px',
         lineHeight: externalLineHeight,
         paddingTop: paddingTop + 'px',
@@ -43054,14 +43054,14 @@
     // text annotations
     if (is$8(element, 'bpmn:TextAnnotation')) {
-      assign$1(bounds, {
+      assign$2(bounds, {
         width: bbox.width,
         height: bbox.height,
         minWidth: 30 * zoom,
         minHeight: 10 * zoom
       });
-      assign$1(style, {
+      assign$2(style, {
         textAlign: 'left',
         paddingTop: (5 * zoom) + 'px',
         paddingBottom: (7 * zoom) + 'px',
@@ -43824,7 +43824,7 @@
       var participantBounds = getParticipantBounds(shape, childrenBBox);
       // assign width and height
-      assign$1(shape, participantBounds);
+      assign$2(shape, participantBounds);
       // assign create constraints
       context.createConstraints = getParticipantCreateConstraints(shape, childrenBBox);
@@ -44740,7 +44740,7 @@
   }
   function copy(obj) {
-    return assign$1({}, obj);
+    return assign$2({}, obj);
   }
   function EventBasedGatewayBehavior(eventBus, modeling) {
@@ -45024,7 +45024,7 @@
     return category;
   }
-  var LOWER_PRIORITY$1 = 770;
+  var LOWER_PRIORITY$2 = 770;
   /**
@@ -45265,7 +45265,7 @@
       return moddleCopy.copyElement(bo, targetBo, null, clone);
     }
-    eventBus.on('copyPaste.copyElement', LOWER_PRIORITY$1, function(context) {
+    eventBus.on('copyPaste.copyElement', LOWER_PRIORITY$2, function(context) {
       var descriptor = context.descriptor,
           element = context.element;
@@ -45287,7 +45287,7 @@
       }
     });
-    eventBus.on('copyPaste.pasteElement', LOWER_PRIORITY$1, function(context) {
+    eventBus.on('copyPaste.pasteElement', LOWER_PRIORITY$2, function(context) {
       var descriptor = context.descriptor,
           businessObject = descriptor.businessObject,
           categoryValue = descriptor.categoryValue,
@@ -46202,7 +46202,7 @@
         element.di = di;
       }
-      assign$1(di.label.bounds, {
+      assign$2(di.label.bounds, {
         x: element.x,
         y: element.y,
         width: element.width,
@@ -46215,7 +46215,7 @@
       var context = event.context,
           connection = context.connection,
           label = connection.label,
-          hints = assign$1({}, context.hints),
+          hints = assign$2({}, context.hints),
           newWaypoints = context.newWaypoints || connection.waypoints,
           oldWaypoints = context.oldWaypoints;
@@ -46457,7 +46457,7 @@
       var context = event.context,
           connection = context.connection,
-          hints = assign$1({}, context.hints),
+          hints = assign$2({}, context.hints),
           newWaypoints = context.newWaypoints || connection.waypoints,
           oldWaypoints = context.oldWaypoints;
@@ -50527,7 +50527,7 @@
     var spaceToolConstraints = getSpaceToolConstraints(elements, axis, direction, start, minDimensions);
-    assign$1(
+    assign$2(
       context,
       elements,
       {
@@ -51809,7 +51809,7 @@
       '<div class="djs-tooltip-container" />'
     );
-    assign(root, {
+    assign$1(root, {
       position: 'absolute',
       width: '0',
       height: '0'
@@ -51822,7 +51822,7 @@
   function setPosition(el, x, y) {
-    assign(el, { left: x + 'px', top: y + 'px' });
+    assign$1(el, { left: x + 'px', top: y + 'px' });
   }
   function setVisible(el, visible) {
@@ -51944,7 +51944,7 @@
     var id = this._ids.next();
-    tooltip = assign$1({}, this._tooltipDefaults, tooltip, {
+    tooltip = assign$2({}, this._tooltipDefaults, tooltip, {
       id: id
     });
@@ -52087,7 +52087,7 @@
     }
     htmlContainer = domify$1('<div data-tooltip-id="' + id + '" class="' + tooltipClass + '">');
-    assign(htmlContainer, { position: 'absolute' });
+    assign$1(htmlContainer, { position: 'absolute' });
     htmlContainer.appendChild(html);
@@ -52778,7 +52778,7 @@
   BpmnFactory.prototype.createDiShape = function(semantic, attrs) {
-    return this.create('bpmndi:BPMNShape', assign$1({
+    return this.create('bpmndi:BPMNShape', assign$2({
       bpmnElement: semantic,
       bounds: this.createDiBounds()
     }, attrs));
@@ -52804,14 +52804,14 @@
   BpmnFactory.prototype.createDiEdge = function(semantic, attrs) {
-    return this.create('bpmndi:BPMNEdge', assign$1({
+    return this.create('bpmndi:BPMNEdge', assign$2({
       bpmnElement: semantic,
       waypoint: this.createDiWaypoints([])
     }, attrs));
   };
   BpmnFactory.prototype.createDiPlane = function(semantic, attrs) {
-    return this.create('bpmndi:BPMNPlane', assign$1({
+    return this.create('bpmndi:BPMNPlane', assign$2({
       bpmnElement: semantic
     }, attrs));
   };
@@ -53141,7 +53141,7 @@
     if (embeddedLabelBounds) {
       var embeddedLabelBoundsDelta = delta(embeddedLabelBounds, di.get('bounds'));
-      assign$1(embeddedLabelBounds, {
+      assign$2(embeddedLabelBounds, {
         x: shape.x + embeddedLabelBoundsDelta.x,
         y: shape.y + embeddedLabelBoundsDelta.y
       });
@@ -53156,7 +53156,7 @@
       target.set('bounds', bounds);
     }
-    assign$1(bounds, {
+    assign$2(bounds, {
       x: shape.x,
       y: shape.y,
       width: shape.width,
@@ -53575,7 +53575,7 @@
     // and wired via attrs
     if (elementType === 'label') {
       var di = attrs.di || this._bpmnFactory.createDiLabel();
-      return this.baseCreate(elementType, assign$1({ type: 'label', di: di }, DEFAULT_LABEL_SIZE, attrs));
+      return this.baseCreate(elementType, assign$2({ type: 'label', di: di }, DEFAULT_LABEL_SIZE, attrs));
     }
     return this.createBpmnElement(elementType, attrs);
@@ -53585,7 +53585,7 @@
     var size,
         translate = this._translate;
-    attrs = assign$1({}, attrs || {});
+    attrs = assign$2({}, attrs || {});
     var businessObject = attrs.businessObject,
         di = attrs.di;
@@ -53601,7 +53601,7 @@
     }
     if (!isModdleDi(di)) {
-      var diAttrs = assign$1(
+      var diAttrs = assign$2(
         {},
         di || {},
         { id: businessObject.id + '_di' }
@@ -53618,7 +53618,7 @@
     }
     if (is$8(businessObject, 'bpmn:Group')) {
-      attrs = assign$1({
+      attrs = assign$2({
         isFrame: true
       }, attrs);
     }
@@ -53673,7 +53673,7 @@
     size = this.getDefaultSize(businessObject, di);
-    attrs = assign$1({
+    attrs = assign$2({
       id: businessObject.id
     }, size, attrs, {
       businessObject: businessObject,
@@ -53754,7 +53754,7 @@
       attrs = { isExpanded: attrs };
     }
-    attrs = assign$1({ type: 'bpmn:Participant' }, attrs || {});
+    attrs = assign$2({ type: 'bpmn:Participant' }, attrs || {});
     // participants are expanded by default
     if (attrs.isExpanded !== false) {
@@ -54085,7 +54085,7 @@
         });
       }
-      assign$1(element, {
+      assign$2(element, {
         x: round$3(element.x - bbox.x - bbox.width / 2 + position.x),
         y: round$3(element.y - bbox.y - bbox.height / 2 + position.y)
       });
@@ -54117,7 +54117,7 @@
         return;
       }
-      var createShapeHints = assign$1({}, hints);
+      var createShapeHints = assign$2({}, hints);
       if (parents.indexOf(element) === -1) {
         createShapeHints.autoResize = false;
@@ -54200,9 +54200,9 @@
     // (1) add at event center position _or_ at given bounds
     if (positionOrBounds.width !== undefined) {
-      assign$1(shape, positionOrBounds);
+      assign$2(shape, positionOrBounds);
     } else {
-      assign$1(shape, {
+      assign$2(shape, {
         x: positionOrBounds.x - round$2(shape.width / 2),
         y: positionOrBounds.y - round$2(shape.height / 2)
       });
@@ -54696,7 +54696,7 @@
     var oldWaypoints = connection.waypoints;
-    assign$1(context, {
+    assign$2(context, {
       oldWaypoints: oldWaypoints
     });
@@ -54808,7 +54808,7 @@
     var newClosure = getClosure(elements, !!isTopLevel, this);
-    assign$1(this, newClosure);
+    assign$2(this, newClosure);
     return this;
   };
@@ -54985,7 +54985,7 @@
     add$5(newParent.children, shape, newParentIndex);
     // update shape parent + position
-    assign$1(shape, {
+    assign$2(shape, {
       parent: newParent,
       x: shape.x + delta.x,
       y: shape.y + delta.y
@@ -55033,7 +55033,7 @@
     add$5(oldParent.children, shape, oldParentIndex);
     // revert to old position and parent
-    assign$1(shape, {
+    assign$2(shape, {
       parent: oldParent,
       x: shape.x - delta.x,
       y: shape.y - delta.y
@@ -55365,7 +55365,7 @@
     };
     // update shape
-    assign$1(shape, {
+    assign$2(shape, {
       width:  newBounds.width,
       height: newBounds.height,
       x:      newBounds.x,
@@ -55406,7 +55406,7 @@
         oldBounds = context.oldBounds;
     // restore previous bbox
-    assign$1(shape, {
+    assign$2(shape, {
       width:  oldBounds.width,
       height: oldBounds.height,
       x:      oldBounds.x,
@@ -55563,7 +55563,7 @@
   // helpers //////////
   function copyWaypoint(waypoint) {
-    return assign$1({}, waypoint);
+    return assign$2({}, waypoint);
   }
   function copyWaypoints(connection) {
@@ -55686,7 +55686,7 @@
       result[element.id] = element.hidden;
       if (element.children) {
-        result = assign$1({}, result, getElementsVisibilityRecursive(element.children));
+        result = assign$2({}, result, getElementsVisibilityRecursive(element.children));
       }
     });
@@ -56433,7 +56433,7 @@
       hints = {};
     }
-    this.reconnect(connection, newSource, connection.target, dockingOrPoints, assign$1(hints, {
+    this.reconnect(connection, newSource, connection.target, dockingOrPoints, assign$2(hints, {
       docking: 'source'
     }));
   };
@@ -56452,7 +56452,7 @@
       hints = {};
     }
-    this.reconnect(connection, connection.source, newTarget, dockingOrPoints, assign$1(hints, {
+    this.reconnect(connection, connection.source, newTarget, dockingOrPoints, assign$2(hints, {
       docking: 'target'
     }));
   };
@@ -56798,7 +56798,7 @@
    */
   function unwrapBusinessObjects(properties) {
-    var unwrappedProps = assign$1({}, properties);
+    var unwrappedProps = assign$2({}, properties);
     referencePropertyNames.forEach(function(name) {
       if (name in properties) {
@@ -57423,12 +57423,12 @@
     var di = {};
     if ('fill' in colors) {
-      assign$1(di, {
+      assign$2(di, {
         'background-color': this._normalizeColor(colors.fill) });
     }
     if ('stroke' in colors) {
-      assign$1(di, {
+      assign$2(di, {
         'border-color': this._normalizeColor(colors.stroke) });
     }
@@ -58221,7 +58221,7 @@
       end = getMid(target);
     }
-    hints = assign$1({ preferredLayouts: [] }, hints);
+    hints = assign$2({ preferredLayouts: [] }, hints);
     waypoints = waypoints || [];
     var preferredLayouts = hints.preferredLayouts,
@@ -58721,7 +58721,7 @@
     }
     if (manhattanOptions) {
-      manhattanOptions = assign$1(manhattanOptions, hints);
+      manhattanOptions = assign$2(manhattanOptions, hints);
       updatedWaypoints = withoutRedundantPoints(repairConnection(
         source,
@@ -59012,7 +59012,7 @@
     // use the dockings actual point and
     // retain the original docking
-    return assign$1({ original: docking.point.original || docking.point }, docking.actual);
+    return assign$2({ original: docking.point.original || docking.point }, docking.actual);
   }
@@ -59204,7 +59204,7 @@
       shapes = removeNested(shapes);
       // attach shapes to drag context
-      assign$1(context, {
+      assign$2(context, {
         shapes: shapes,
         validatedShapes: shapes,
         shape: shape
@@ -59856,7 +59856,7 @@
   Palette.prototype._update = function() {
-    var entriesContainer = query('.djs-palette-entries', this._container),
+    var entriesContainer = query$1('.djs-palette-entries', this._container),
         entries = this._entries = this.getEntries();
     clear$1(entriesContainer);
@@ -59865,7 +59865,7 @@
       var grouping = entry.group || 'default';
-      var container = query('[data-group=' + escapeCSS(grouping) + ']', entriesContainer);
+      var container = query$1('[data-group=' + escapeCSS(grouping) + ']', entriesContainer);
       if (!container) {
         container = domify$1('<div class="group"></div>');
         attr$1(container, 'data-group', grouping);
@@ -60018,9 +60018,9 @@
         toolsContainer;
     if (!this._toolsContainer) {
-      entriesContainer = query('.djs-palette-entries', this._container);
+      entriesContainer = query$1('.djs-palette-entries', this._container);
-      this._toolsContainer = query('[data-group=tools]', entriesContainer);
+      this._toolsContainer = query$1('[data-group=tools]', entriesContainer);
     }
     toolsContainer = this._toolsContainer;
@@ -60770,7 +60770,7 @@
     function createAction(type, group, className, title, options) {
       function createListener(event) {
-        var shape = elementFactory.createShape(assign$1({ type: type }, options));
+        var shape = elementFactory.createShape(assign$2({ type: type }, options));
         if (options) {
           var di = getDi$1(shape);
@@ -60819,7 +60819,7 @@
       create.start(event, elementFactory.createParticipantShape());
     }
-    assign$1(actions, {
+    assign$2(actions, {
       'hand-tool': {
         group: 'tools',
         className: 'bpmn-icon-hand-tool',
@@ -60966,7 +60966,7 @@
         var element = elementRegistry.get(id);
-        assign$1(newElement, { x: element.x, y: element.y });
+        assign$2(newElement, { x: element.x, y: element.y });
         // create a temporary shape
         var tempShape = elementFactory.createShape(newElement);
@@ -60974,7 +60974,7 @@
         canvas.addShape(tempShape, element.parent);
         // select the original SVG element related to the element and hide it
-        var gfx = query('[data-element-id="' + escapeCSS(element.id) + '"]', context.dragGroup);
+        var gfx = query$1('[data-element-id="' + escapeCSS(element.id) + '"]', context.dragGroup);
         if (gfx) {
           attr(gfx, { display: 'none' });
@@ -61000,7 +61000,7 @@
       forEach$2(visualReplacements, function(dragger, id) {
-        var originalGfx = query('[data-element-id="' + escapeCSS(id) + '"]', context.dragGroup);
+        var originalGfx = query$1('[data-element-id="' + escapeCSS(id) + '"]', context.dragGroup);
         if (originalGfx) {
           attr(originalGfx, { display: 'inline' });
@@ -62182,8 +62182,8 @@
     // setup elements
     this._container = domify$1(SearchPad.BOX_HTML);
-    this._searchInput = query(SearchPad.INPUT_SELECTOR, this._container);
-    this._resultsContainer = query(SearchPad.RESULTS_CONTAINER_SELECTOR, this._container);
+    this._searchInput = query$1(SearchPad.INPUT_SELECTOR, this._container);
+    this._resultsContainer = query$1(SearchPad.RESULTS_CONTAINER_SELECTOR, this._container);
     // attach search pad
     this._canvas.getContainer().appendChild(this._container);
@@ -62327,7 +62327,7 @@
     });
     // preselect first result
-    var node = query(SearchPad.RESULT_SELECTOR, this._resultsContainer);
+    var node = query$1(SearchPad.RESULT_SELECTOR, this._resultsContainer);
     this._scrollToNode(node);
     this._preselect(node);
   };
@@ -62394,7 +62394,7 @@
    * @return {Element}
    */
   SearchPad.prototype._getCurrentResult = function() {
-    return query(SearchPad.RESULT_SELECTED_SELECTOR, this._resultsContainer);
+    return query$1(SearchPad.RESULT_SELECTED_SELECTOR, this._resultsContainer);
   };
@@ -62599,7 +62599,7 @@
     var html = domify$1('<div class="' + SearchPad.OVERLAY_CLASS + '"></div>');
-    assign(html, styles);
+    assign$1(html, styles);
     return {
       position: {
@@ -62950,7 +62950,7 @@
     CopyPasteModule,
     CreateModule,
     DistributeElementsModule,
-    EditorActionsModule,
+    EditorActionsModule$1,
     GridSnappingModule,
     InteractionEventsModule,
     KeyboardModule,
@@ -63200,7 +63200,7 @@
         };
         // init dragging
-        assign$1(self._state, {
+        assign$2(self._state, {
           cachedViewbox: viewbox,
           initialDragPosition: {
             x: point.x,
@@ -63234,7 +63234,7 @@
             viewportClientRect = self._state.viewportClientRect,
             parentClientRect = self._state.parentClientRect;
-        assign$1(self._viewportDom.style, {
+        assign$2(self._viewportDom.style, {
           top: (point.y - offsetViewportDom.y - parentClientRect.top) + 'px',
           left: (point.x - offsetViewportDom.x - parentClientRect.left) + 'px'
         });
@@ -63247,7 +63247,7 @@
           height: viewportClientRect.height
         });
-        assign$1(self._overlay.style, {
+        assign$2(self._overlay.style, {
           clipPath: clipPath
         });
@@ -63277,7 +63277,7 @@
         self._update();
         // end dragging
-        assign$1(self._state, {
+        assign$2(self._state, {
           cachedViewbox: null,
           initialDragPosition: null,
           isDragging: false,
@@ -63588,7 +63588,7 @@
       height: viewportClientRect.height
     };
-    assign$1(this._viewportDom.style, {
+    assign$2(this._viewportDom.style, {
       top: withoutParentOffset.top + 'px',
       left: withoutParentOffset.left + 'px',
       width: withoutParentOffset.width + 'px',
@@ -63598,13 +63598,13 @@
     // update overlay
     var clipPath = getOverlayClipPath(parentClientRect, withoutParentOffset);
-    assign$1(this._overlay.style, {
+    assign$2(this._overlay.style, {
       clipPath: clipPath
     });
   };
   Minimap.prototype.open = function() {
-    assign$1(this._state, { isOpen: true });
+    assign$2(this._state, { isOpen: true });
     classes$1(this._parent).add('open');
@@ -63618,7 +63618,7 @@
   };
   Minimap.prototype.close = function() {
-    assign$1(this._state, { isOpen: false });
+    assign$2(this._state, { isOpen: false });
     classes$1(this._parent).remove('open');
@@ -63670,7 +63670,7 @@
   Minimap.prototype._updateElementId = function(element, newId) {
     try {
-      var elementGfx = query('#' + cssEscape(element.id), this._elementsGroup);
+      var elementGfx = query$1('#' + cssEscape(element.id), this._elementsGroup);
       if (elementGfx) {
         elementGfx.id = newId;
@@ -63718,7 +63718,7 @@
         x, y;
     var newElementGfx = this._createElement(element);
-    var newElementParentGfx = query('#' + cssEscape(element.parent.id), this._elementsGroup);
+    var newElementParentGfx = query$1('#' + cssEscape(element.parent.id), this._elementsGroup);
     if (newElementGfx) {
@@ -63865,7 +63865,7 @@
     var aspectRatio = bounds.width / bounds.height;
     // assigning to bounds throws exception in IE11
-    var newBounds = assign$1({}, {
+    var newBounds = assign$2({}, {
       x: bounds.x,
       y: bounds.y,
       width: bounds.width,
@@ -63878,7 +63878,7 @@
       var height = newBounds.width * (1 / targetAspectRatio),
           y = newBounds.y - ((height - newBounds.height) / 2);
-      assign$1(newBounds, {
+      assign$2(newBounds, {
         y: y,
         height: height
       });
@@ -63888,7 +63888,7 @@
       var width = newBounds.height * targetAspectRatio,
           x = newBounds.x - ((width - newBounds.width) / 2);
-      assign$1(newBounds, {
+      assign$2(newBounds, {
         x: x,
         width: width
       });
@@ -63914,7 +63914,7 @@
    *       '-g.djs-element // childGfx
    */
   function getIndexOfChildInParentChildren(childGfx, parentGfx) {
-    var childrenGroup = query('.djs-children', parentGfx.parentNode);
+    var childrenGroup = query$1('.djs-children', parentGfx.parentNode);
     if (!childrenGroup) {
       return;
@@ -63925,7 +63925,7 @@
     var indexOfChild = -1;
     childrenArray.forEach(function(childGroup, index) {
-      if (query('.djs-element', childGroup) === childGfx) {
+      if (query$1('.djs-element', childGroup) === childGfx) {
         indexOfChild = index;
       }
     });
@@ -63948,7 +63948,7 @@
   }
   function getChildContainer(parentGfx) {
-    var container = query('.children', parentGfx);
+    var container = query$1('.children', parentGfx);
     if (!container) {
       container = create$1('g', { class: 'children' });
@@ -64039,7 +64039,7 @@
     };
   }
-  var index$5 = {
+  var index$6 = {
     __init__: [ 'minimap' ],
     minimap: [ 'type', Minimap ]
   };
@@ -64088,7 +64088,7 @@
   }
   Grid.prototype._init = function() {
-    var defs = query('defs', this._canvas._svg);
+    var defs = query$1('defs', this._canvas._svg);
     if (!defs) {
       defs = create$1('defs');
@@ -64195,7 +64195,7 @@
     return Math.trunc(Math.random() * 1000000);
   }
-  var index$4 = {
+  var index$5 = {
     __init__: [ 'grid' ],
     grid: [ 'type', Grid ]
   };
@@ -64351,7 +64351,7 @@
      */
     function applyDefaults(config) {
-      var c = assign$1({}, DEFAULT_OPTIONS, config || {});
+      var c = assign$2({}, DEFAULT_OPTIONS, config || {});
       if (isNumber$1(c.offset)) {
         c.offset = {
@@ -92266,7 +92266,7 @@
       }
       let observer;
       if (ref.current) {
-        const scrollContainer = query(scrollContainerSelector);
+        const scrollContainer = query$1(scrollContainerSelector);
         observer = new Observer(entries => {
           entries.forEach(entry => {
             if (entry.intersectionRatio < 1) {
@@ -92335,11 +92335,11 @@
           id,
           isEdited
         } = entry;
-        const entryNode = query(`[data-entry-id="${id}"]`);
+        const entryNode = query$1(`[data-entry-id="${id}"]`);
         if (!isFunction$1(isEdited) || !entryNode) {
           return false;
         }
-        const inputNode = query('.bio-properties-panel-input', entryNode);
+        const inputNode = query$1('.bio-properties-panel-input', entryNode);
         return isEdited(inputNode);
       });
       setEdited(hasOneEditedEntry);
@@ -92521,7 +92521,7 @@
       return get$2(layout, key, defaultValue);
     };
     const setLayoutForKey = (key, config) => {
-      const newLayout = assign$1({}, layout);
+      const newLayout = assign$2({}, layout);
       set$2(newLayout, key, config);
       setLayout(newLayout);
     };
@@ -92802,8 +92802,8 @@
     // focus specified entry on auto open
     y(() => {
       if (autoOpen && autoFocusEntry) {
-        const entry = query(`[data-entry-id="${autoFocusEntry}"]`);
-        const focusableInput = query('.bio-properties-panel-input', entry);
+        const entry = query$1(`[data-entry-id="${autoFocusEntry}"]`);
+        const focusableInput = query$1('.bio-properties-panel-input', entry);
         if (focusableInput) {
           if (isFunction$1(focusableInput.select)) {
             focusableInput.select();
@@ -93507,11 +93507,11 @@
     y(() => {
       if (newItem && autoFocusEntry) {
         // (0) select the parent entry (containing all list items)
-        const entry = query(`[data-entry-id="${id}"]`);
+        const entry = query$1(`[data-entry-id="${id}"]`);
         // (1) select the first input or a custom element to be focussed
         const selector = typeof autoFocusEntry === 'boolean' ? '.bio-properties-panel-input' : autoFocusEntry;
-        const focusableInput = query(selector, entry);
+        const focusableInput = query$1(selector, entry);
         // (2) set focus
         if (focusableInput) {
@@ -94184,7 +94184,7 @@
   }
   debounceInput.$inject = ['config.debounceInput'];
-  var index$1 = {
+  var index$4 = {
     debounceInput: ['factory', debounceInput]
   };
@@ -97964,7 +97964,7 @@
         container = container.get(0);
       }
       if (typeof container === 'string') {
-        container = query(container);
+        container = query$1(container);
       }
       // (1) detach from old parent
@@ -98117,7 +98117,7 @@
   };
   var index$3 = {
-    __depends__: [Commands, index$1],
+    __depends__: [Commands, index$4],
     __init__: ['propertiesPanel'],
     propertiesPanel: ['type', BpmnPropertiesPanelRenderer]
   };
@@ -98134,8 +98134,8 @@
     // auto focus specifc other entry when options changed
     y(() => {
       if (autoFocusEntry && prevOptions && options.length > prevOptions.length) {
-        const entry = query(`[data-entry-id="${autoFocusEntry}"]`);
-        const focusableInput = query('.bio-properties-panel-input', entry);
+        const entry = query$1(`[data-entry-id="${autoFocusEntry}"]`);
+        const focusableInput = query$1('.bio-properties-panel-input', entry);
         if (focusableInput) {
           focusableInput.select();
         }
@@ -111988,7 +111988,7 @@
       return scopes;
     }
     forEach$2(keys(scopes), function (scopeName) {
-      scopesAsArray.push(assign$1({
+      scopesAsArray.push(assign$2({
         type: scopeName
       }, scopes[scopeName]));
     });
@@ -112163,7 +112163,7 @@
       'expression': undefined,
       'name': undefined
     };
-    const props = assign$1({}, DEFAULT_PROPS);
+    const props = assign$2({}, DEFAULT_PROPS);
     const {
       expression,
       name
@@ -114669,10 +114669,10 @@
   const CAMUNDA_ERROR_EVENT_DEFINITION_TYPE = 'camunda:errorEventDefinition',
     CAMUNDA_INPUT_PARAMETER_TYPE = 'camunda:inputParameter',
     CAMUNDA_OUTPUT_PARAMETER_TYPE = 'camunda:outputParameter';
-  const LOWER_PRIORITY = 300;
+  const LOWER_PRIORITY$1 = 300;
   class ElementTemplatesPropertiesProvider {
     constructor(elementTemplates, propertiesPanel, injector) {
-      propertiesPanel.registerProvider(LOWER_PRIORITY, this);
+      propertiesPanel.registerProvider(LOWER_PRIORITY$1, this);
       this._elementTemplates = elementTemplates;
       this._injector = injector;
     }
@@ -114872,12 +114872,12 @@
         : alignToOriginModule,
       options.disableGrid
         ? {}
-        : index$4
+        : index$5
     ];
   };
   Modeler$1.prototype._extensionModules = [
-    index$5,
+    index$6,
     ExecutableFixModule,
     index$3,
     index$2
@@ -119269,6 +119269,18 @@
     return Number(arg);
   }
+  /**
+   * Convenience wrapper for `Object.assign`.
+   *
+   * @param {Object} target
+   * @param {...Object} others
+   *
+   * @return {Object} the target
+   */
+  function assign(target, ...others) {
+    return Object.assign(target, ...others);
+  }
   const EVENT_GROUP = {
     id: 'events',
     name: 'Events'
@@ -119299,7 +119311,7 @@
     name: 'Gateways'
   };
-  [
+  const NONE_EVENTS = [
     {
       label: 'Start Event',
       actionName: 'none-start-event',
@@ -119334,7 +119346,7 @@
     }
   ].map(option => ({ ...option, group: EVENT_GROUP }));
-  [
+  const TYPED_START_EVENTS = [
     {
       label: 'Message Start Event',
       actionName: 'message-start',
@@ -119373,7 +119385,7 @@
     }
   ].map(option => ({ ...option, group: EVENT_GROUP }));
-  [
+  const TYPED_INTERMEDIATE_EVENT = [
     {
       label: 'Message Intermediate Catch Event',
       actionName: 'message-intermediate-catch',
@@ -119472,7 +119484,7 @@
     }
   ].map(option => ({ ...option, group: EVENT_GROUP }));
-  [
+  const TYPED_BOUNDARY_EVENT = [
     {
       label: 'Message Boundary Event',
       actionName: 'message-boundary',
@@ -119597,7 +119609,7 @@
     }
   ].map(option => ({ ...option, group: EVENT_GROUP }));
-  [
+  const TYPED_END_EVENT = [
     {
       label: 'Message End Event',
       actionName: 'message-end',
@@ -119663,7 +119675,7 @@
     }
   ].map(option => ({ ...option, group: EVENT_GROUP }));
-  [
+  const GATEWAY$1 = [
     {
       label: 'Exclusive Gateway',
       actionName: 'exclusive-gateway',
@@ -119711,7 +119723,7 @@
     }
   ].map(option => ({ ...option, group: GATEWAY_GROUP }));
-  [
+  const SUBPROCESS = [
     {
       label: 'Transaction',
       actionName: 'transaction',
@@ -119754,7 +119766,7 @@
     }
   ].map(option => ({ ...option, group: SUBPROCESS_GROUP }));
-  [
+  const TASK$1 = [
     {
       label: 'Task',
       actionName: 'task',
@@ -119832,7 +119844,7 @@
     }
   ].map(option => ({ ...option, group: TASK_GROUP }));
-  [
+  const DATA_OBJECTS = [
     {
       label: 'Data Store Reference',
       actionName: 'data-store-reference',
@@ -119851,7 +119863,7 @@
     }
   ].map(option => ({ ...option, group: DATA_GROUP }));
-  [
+  const PARTICIPANT$1 = [
     {
       label: 'Expanded Pool',
       search: 'Participant',
@@ -119874,6 +119886,296 @@
     }
   ].map(option => ({ ...option, group: PARTICIPANT_GROUP }));
+  const CREATE_OPTIONS = [
+    ...GATEWAY$1,
+    ...TASK$1,
+    ...SUBPROCESS,
+    ...NONE_EVENTS,
+    ...TYPED_START_EVENTS,
+    ...TYPED_INTERMEDIATE_EVENT,
+    ...TYPED_END_EVENT,
+    ...TYPED_BOUNDARY_EVENT,
+    ...DATA_OBJECTS,
+    ...PARTICIPANT$1
+  ];
+  /**
+   * This module is an append menu provider for the popup menu.
+   */
+  function AppendMenuProvider(
+      elementFactory, popupMenu,
+      create, autoPlace, rules,
+      mouse, translate
+  ) {
+    this._elementFactory = elementFactory;
+    this._popupMenu = popupMenu;
+    this._create = create;
+    this._autoPlace = autoPlace;
+    this._rules = rules;
+    this._create = create;
+    this._mouse = mouse;
+    this._translate = translate;
+    this.register();
+  }
+  AppendMenuProvider.$inject = [
+    'elementFactory',
+    'popupMenu',
+    'create',
+    'autoPlace',
+    'rules',
+    'mouse',
+    'translate'
+  ];
+  /**
+   * Register append menu provider in the popup menu
+   */
+  AppendMenuProvider.prototype.register = function() {
+    this._popupMenu.registerProvider('bpmn-append', this);
+  };
+  /**
+   * Gets the append options for the given element as menu entries
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {Array<Object>} a list of menu entry items
+   */
+  AppendMenuProvider.prototype.getPopupMenuEntries = function(element) {
+    const rules = this._rules;
+    const translate = this._translate;
+    const entries = {};
+    if (!rules.allowed('shape.append', { element: element })) {
+      return [];
+    }
+    // filter out elements with no incoming connections
+    const appendOptions = this._filterEntries(CREATE_OPTIONS);
+    // map options to menu entries
+    appendOptions.forEach(option => {
+      const {
+        actionName,
+        className,
+        label,
+        target,
+        description,
+        group,
+        search,
+        rank
+      } = option;
+      entries[`append-${actionName}`] = {
+        label: label && translate(label),
+        className,
+        description,
+        group: group && {
+          ...group,
+          name: translate(group.name)
+        },
+        search,
+        rank,
+        action: this._createEntryAction(element, target)
+      };
+    });
+    return entries;
+  };
+  /**
+   * Filter out entries from the options.
+   *
+   * @param {Array<Object>} entries
+   *
+   * @return {Array<Object>} filtered entries
+   */
+  AppendMenuProvider.prototype._filterEntries = function(entries) {
+    return entries.filter(option => {
+      const target = option.target;
+      const {
+        type,
+        eventDefinitionType
+      } = target;
+      if ([
+        'bpmn:StartEvent',
+        'bpmn:Participant'
+      ].includes(type)) {
+        return false;
+      }
+      if (type === 'bpmn:BoundaryEvent' && isUndefined(eventDefinitionType)) {
+        return false;
+      }
+      return true;
+    });
+  };
+  /**
+   * Create an action for a given target.
+   *
+   * @param {djs.model.Base} element
+   * @param {Object} target
+   *
+   * @return {Object}
+   */
+  AppendMenuProvider.prototype._createEntryAction = function(element, target) {
+    const elementFactory = this._elementFactory;
+    const autoPlace = this._autoPlace;
+    const create = this._create;
+    const mouse = this._mouse;
+    const autoPlaceElement = () => {
+      const newElement = elementFactory.create('shape', target);
+      autoPlace.append(element, newElement);
+    };
+    const manualPlaceElement = (event) => {
+      const newElement = elementFactory.create('shape', target);
+      if (event instanceof KeyboardEvent) {
+        event = mouse.getLastMoveEvent();
+      }
+      return create.start(event, newElement, {
+        source: element
+      });
+    };
+    return {
+      click: this._canAutoPlaceElement(target) ? autoPlaceElement : manualPlaceElement,
+      dragstart: manualPlaceElement
+    };
+  };
+  /**
+   * Check if the element should be auto placed.
+   *
+   * @param {Object} target
+   *
+   * @return {Boolean}
+   */
+  AppendMenuProvider.prototype._canAutoPlaceElement = (target) => {
+    const { type } = target;
+    if (type === 'bpmn:BoundaryEvent') {
+      return false;
+    }
+    if (type === 'bpmn:SubProcess' && target.triggeredByEvent) {
+      return false;
+    }
+    if (type === 'bpmn:IntermediateCatchEvent' && target.eventDefinitionType === 'bpmn:LinkEventDefinition') {
+      return false;
+    }
+    return true;
+  };
+  /**
+   * To change the icons, modify the SVGs in `./resources`, execute `npx svgo -f resources --datauri enc -o dist`,
+   * and then replace respective icons with the optimized data URIs in `./dist`.
+   */
+  const appendIcon = 'data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%205.82%205.82%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M1.3%203.4c.3%200%20.5-.2.5-.5s-.2-.4-.5-.4c-.2%200-.4.1-.4.4%200%20.3.2.5.4.5zM3%203.4c.2%200%20.4-.2.4-.5s-.2-.4-.4-.4c-.3%200-.5.1-.5.4%200%20.3.2.5.5.5zM4.6%203.4c.2%200%20.4-.2.4-.5s-.2-.4-.4-.4c-.3%200-.5.1-.5.4%200%20.3.2.5.5.5z%22%2F%3E%0A%3C%2Fsvg%3E';
+  const createIcon = 'data:image/svg+xml,%3Csvg%20width%3D%2246%22%20height%3D%2246%22%20viewBox%3D%22-2%20-2%209.82%209.82%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1.3%203.4c.3%200%20.5-.2.5-.5s-.2-.4-.5-.4c-.2%200-.4.1-.4.4%200%20.3.2.5.4.5zM3%203.4c.2%200%20.4-.2.4-.5s-.2-.4-.4-.4c-.3%200-.5.1-.5.4%200%20.3.2.5.5.5zM4.6%203.4c.2%200%20.4-.2.4-.5s-.2-.4-.4-.4c-.3%200-.5.1-.5.4%200%20.3.2.5.5.5z%22%2F%3E%0A%3C%2Fsvg%3E';
+  /**
+   * A provider for append context pad button
+   */
+  function AppendContextPadProvider(contextPad, popupMenu, translate, canvas) {
+    this._contextPad = contextPad;
+    this._popupMenu = popupMenu;
+    this._translate = translate;
+    this._canvas = canvas;
+    this.register();
+  }
+  AppendContextPadProvider.$inject = [
+    'contextPad',
+    'popupMenu',
+    'translate',
+    'canvas'
+  ];
+  /**
+   * Register append button provider in the context pad
+   */
+  AppendContextPadProvider.prototype.register = function() {
+    this._contextPad.registerProvider(this);
+  };
+  /**
+   * Gets the append context pad entry
+   *
+   * @param {djs.model.Base} element
+   * @returns {Object} entries
+   */
+  AppendContextPadProvider.prototype.getContextPadEntries = function(element) {
+    const popupMenu = this._popupMenu;
+    const translate = this._translate;
+    const getAppendMenuPosition = this._getAppendMenuPosition.bind(this);
+    if (!popupMenu.isEmpty(element, 'bpmn-append')) {
+      // append menu entry
+      return {
+        'append': {
+          group: 'model',
+          imageUrl: appendIcon,
+          title: translate('Append element'),
+          action: {
+            click: function(event, element) {
+              const position = assign(getAppendMenuPosition(element), {
+                cursor: { x: event.x, y: event.y }
+              });
+              popupMenu.open(element, 'bpmn-append', position, {
+                title: translate('Append element'),
+                width: 300,
+                search: true
+              });
+            }
+          }
+        }
+      };
+    }
+  };
+  /**
+   * Calculates the position for the append menu relatively to the element
+   *
+   * @param {djs.model.Base} element
+   * @returns {Object}
+   */
+  AppendContextPadProvider.prototype._getAppendMenuPosition = function(element) {
+    const contextPad = this._contextPad;
+    const X_OFFSET = 5;
+    const pad = contextPad.getPad(element).html;
+    const padRect = pad.getBoundingClientRect();
+    const pos = {
+      x: padRect.right + X_OFFSET,
+      y: padRect.top
+    };
+    return pos;
+  };
   function e(e,t){t&&(e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}));}
   /**
@@ -120223,6 +120525,130 @@
     return element.waypoints;
   }
+  var AppendMenuModule = {
+    __init__: [
+      'appendMenuProvider',
+      'appendContextPadProvider',
+      'appendRules'
+    ],
+    appendMenuProvider: [ 'type', AppendMenuProvider ],
+    appendContextPadProvider: [ 'type', AppendContextPadProvider ],
+    appendRules: [ 'type', AppendRules ]
+  };
+  /**
+   * This module is a create menu provider for the popup menu.
+   */
+  function CreateMenuProvider(
+      elementFactory, popupMenu, create,
+      autoPlace, mouse, translate
+  ) {
+    this._elementFactory = elementFactory;
+    this._popupMenu = popupMenu;
+    this._create = create;
+    this._autoPlace = autoPlace;
+    this._mouse = mouse;
+    this._translate = translate;
+    this.register();
+  }
+  CreateMenuProvider.$inject = [
+    'elementFactory',
+    'popupMenu',
+    'create',
+    'autoPlace',
+    'mouse',
+    'translate'
+  ];
+  /**
+   * Register create menu provider in the popup menu
+   */
+  CreateMenuProvider.prototype.register = function() {
+    this._popupMenu.registerProvider('bpmn-create', this);
+  };
+  /**
+   * Returns the create options as menu entries
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {Array<Object>} a list of menu entry items
+   */
+  CreateMenuProvider.prototype.getPopupMenuEntries = function() {
+    const entries = {};
+    // map options to menu entries
+    CREATE_OPTIONS.forEach(option => {
+      const {
+        actionName,
+        className,
+        label,
+        target,
+        description,
+        group,
+        search,
+        rank
+      } = option;
+      const targetAction = this._createEntryAction(target);
+      entries[`create-${actionName}`] = {
+        label: label && this._translate(label),
+        className,
+        description,
+        group: group && {
+          ...group,
+          name: this._translate(group.name)
+        },
+        search,
+        rank,
+        action: {
+          click: targetAction,
+          dragstart: targetAction
+        }
+      };
+    });
+    return entries;
+  };
+  /**
+   * Create an action for a given target
+   *
+   * @param {Object} target
+   * @returns {Object}
+   */
+  CreateMenuProvider.prototype._createEntryAction = function(target) {
+    const create = this._create;
+    const mouse = this._mouse;
+    const popupMenu = this._popupMenu;
+    const elementFactory = this._elementFactory;
+    let newElement;
+    return (event) => {
+      popupMenu.close();
+      // create the new element
+      if (target.type === 'bpmn:Participant') {
+        newElement = elementFactory.createParticipantShape(target);
+      } else {
+        newElement = elementFactory.create('shape', target);
+      }
+      // use last mouse event if triggered via keyboard
+      if (event instanceof KeyboardEvent) {
+        event = mouse.getLastMoveEvent();
+      }
+      return create.start(event, newElement);
+    };
+  };
   var bugTestDiv;
   if (typeof document !== 'undefined') {
     bugTestDiv = document.createElement('div');
@@ -120234,6 +120660,172 @@
     bugTestDiv = undefined;
   }
+  function query(selector, el) {
+    el = el || document;
+    return el.querySelector(selector);
+  }
+  const LOWER_PRIORITY = 900;
+  /**
+   * A palette provider for the create elements menu.
+   */
+  function CreatePaletteProvider(palette, translate, popupMenu, canvas, mouse) {
+    this._palette = palette;
+    this._translate = translate;
+    this._popupMenu = popupMenu;
+    this._canvas = canvas;
+    this._mouse = mouse;
+    this.register();
+  }
+  CreatePaletteProvider.$inject = [
+    'palette',
+    'translate',
+    'popupMenu',
+    'canvas',
+    'mouse'
+  ];
+  /**
+   * Register create button provider in the palette
+   */
+  CreatePaletteProvider.prototype.register = function() {
+    this._palette.registerProvider(LOWER_PRIORITY, this);
+  };
+  /**
+   * Gets the palette create entry
+   *
+   * @param {djs.model.Base} element
+   * @returns {Object}
+   */
+  CreatePaletteProvider.prototype.getPaletteEntries = function(element) {
+    const translate = this._translate,
+          popupMenu = this._popupMenu,
+          canvas = this._canvas,
+          mouse = this._mouse;
+    const getPosition = (event) => {
+      const X_OFFSET = 35;
+      const Y_OFFSET = 10;
+      if (event instanceof KeyboardEvent) {
+        event = mouse.getLastMoveEvent();
+        return { x: event.x, y: event.y };
+      }
+      const target = event && event.target || query('.djs-palette [data-action="create"]');
+      const targetPosition = target.getBoundingClientRect();
+      return target && {
+        x: targetPosition.left + targetPosition.width / 2 + X_OFFSET,
+        y: targetPosition.top + targetPosition.height / 2 + Y_OFFSET
+      };
+    };
+    return {
+      'create': {
+        group: 'create',
+        imageUrl: createIcon,
+        title: translate('Create element'),
+        action: {
+          click: function(event) {
+            const position = getPosition(event);
+            const element = canvas.getRootElement();
+            popupMenu.open(element, 'bpmn-create', position, {
+              title: translate('Create element'),
+              width: 300,
+              search: true
+            });
+          }
+        }
+      }
+    };
+  };
+  var CreateMenuModule = {
+    __init__: [
+      'createMenuProvider',
+      'createPaletteProvider'
+    ],
+    createMenuProvider: [ 'type', CreateMenuProvider ],
+    createPaletteProvider: [ 'type', CreatePaletteProvider ]
+  };
+  /**
+   * Registers and executes BPMN specific editor actions.
+   *
+   * @param {Injector} injector
+   */
+  function CreateAppendEditorActions(injector) {
+    this._injector = injector;
+    this.registerActions();
+  }
+  CreateAppendEditorActions.$inject = [
+    'injector'
+  ];
+  /**
+   * Register actions.
+   *
+   * @param {Injector} injector
+   */
+  CreateAppendEditorActions.prototype.registerActions = function() {
+    const editorActions = this._injector.get('editorActions', false);
+    const selection = this._injector.get('selection', false);
+    const contextPad = this._injector.get('contextPad', false);
+    const palette = this._injector.get('palette', false);
+    const popupMenu = this._injector.get('popupMenu', false);
+    const actions = {};
+    // append
+    if (selection && contextPad && palette && popupMenu && palette) {
+      assign(actions, {
+        'appendElement': function(event) {
+          const selected = selection && selection.get();
+          if (selected.length == 1 && !popupMenu.isEmpty(selected[0], 'bpmn-append')) {
+            contextPad.triggerEntry('append', 'click', event);
+          } else {
+            palette.triggerEntry('create', 'click', event);
+          }
+        }
+      });
+    }
+    // create
+    if (palette) {
+      assign(actions, {
+        'createElement': function(event) {
+          palette.triggerEntry('create', 'click', event);
+        } }
+      );
+    }
+    editorActions && editorActions.register(actions);
+  };
+  var EditorActionsModule = {
+    __depends__: [
+      AppendMenuModule,
+      CreateMenuModule
+    ],
+    __init__: [
+      'createAppendEditorActions'
+    ],
+    createAppendEditorActions: [ 'type', CreateAppendEditorActions ]
+  };
   var KEYS_COPY = [ 'c', 'C' ];
   var KEYS_PASTE = [ 'v', 'V' ];
   var KEYS_REDO = [ 'y', 'Y' ];
@@ -120539,6 +121131,26 @@
   };
+  var KeyboardBindingsModule = {
+    __depends__: [
+      AppendMenuModule,
+      CreateMenuModule
+    ],
+    __init__: [
+      'createAppendKeyboardBindings'
+    ],
+    createAppendKeyboardBindings: [ 'type', CreateAppendKeyboardBindings ]
+  };
+  var index$1 = {
+    __depends__: [
+      AppendMenuModule,
+      CreateMenuModule,
+      EditorActionsModule,
+      KeyboardBindingsModule
+    ],
+  };
   function isExpanded(element, di) {
     if (is(element, 'bpmn:CallActivity')) {
@@ -121671,6 +122283,7 @@
     camundaPlatformPropertiesProviderModule,
     index,
     colorPickerModule,
+    index$1,
     CamundaVariableResolverModule,
     UnlinkTemplatesModule
   ];