camunda-bpmn-js 0.11.4 → 0.12.2

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

@@ -3231,6 +3231,13 @@
 	  return collection.indexOf(element);
 	}
 
+	var Collections = /*#__PURE__*/Object.freeze({
+		__proto__: null,
+		remove: remove$2,
+		add: add$1,
+		indexOf: indexOf$1
+	});
+
 	/**
 	 * Computes the distance between two points
 	 *
@@ -19778,6 +19785,11 @@
 	  translate: [ 'value', translate$1 ]
 	};
 
+	var translate$3 = /*#__PURE__*/Object.freeze({
+		__proto__: null,
+		'default': translate$2
+	});
+
 	var DEFAULT_LABEL_SIZE$1 = {
 	  width: 90,
 	  height: 20
@@ -30671,537 +30683,6 @@
 	  connectionPreview: [ 'type', ConnectionPreview ]
 	};
 
-	function getOriginal$1(event) {
-	  return event.originalEvent || event.srcEvent;
-	}
-
-	function isButton$1(event, button) {
-	  return (getOriginal$1(event) || event).button === button;
-	}
-
-	function isPrimaryButton$1(event) {
-
-	  // button === 0 -> left áka primary mouse button
-	  return isButton$1(event, 0);
-	}
-
-	function isAuxiliaryButton$1(event) {
-
-	  // button === 1 -> auxiliary áka wheel button
-	  return isButton$1(event, 1);
-	}
-
-	function toSVGPoints$1(points) {
-	  var result = '';
-
-	  for (var i = 0, p; (p = points[i]); i++) {
-	    result += p.x + ',' + p.y + ' ';
-	  }
-
-	  return result;
-	}
-
-	function createLine$1(points, attrs) {
-
-	  var line = create('polyline');
-	  attr$1(line, { points: toSVGPoints$1(points) });
-
-	  if (attrs) {
-	    attr$1(line, attrs);
-	  }
-
-	  return line;
-	}
-
-	function updateLine$1(gfx, points) {
-	  attr$1(gfx, { points: toSVGPoints$1(points) });
-
-	  return gfx;
-	}
-
-	function allowAll$1(event) { return true; }
-
-	function allowPrimaryAndAuxiliary$1(event) {
-	  return isPrimaryButton$1(event) || isAuxiliaryButton$1(event);
-	}
-
-	var LOW_PRIORITY$6 = 500;
-
-
-	/**
-	 * A plugin that provides interaction events for diagram elements.
-	 *
-	 * It emits the following events:
-	 *
-	 *   * element.click
-	 *   * element.contextmenu
-	 *   * element.dblclick
-	 *   * element.hover
-	 *   * element.mousedown
-	 *   * element.mousemove
-	 *   * element.mouseup
-	 *   * element.out
-	 *
-	 * Each event is a tuple { element, gfx, originalEvent }.
-	 *
-	 * Canceling the event via Event#preventDefault()
-	 * prevents the original DOM operation.
-	 *
-	 * @param {EventBus} eventBus
-	 */
-	function InteractionEvents$1(eventBus, elementRegistry, styles) {
-
-	  var self = this;
-
-	  /**
-	   * Fire an interaction event.
-	   *
-	   * @param {string} type local event name, e.g. element.click.
-	   * @param {DOMEvent} event native event
-	   * @param {djs.model.Base} [element] the diagram element to emit the event on;
-	   *                                   defaults to the event target
-	   */
-	  function fire(type, event, element) {
-
-	    if (isIgnored(type, event)) {
-	      return;
-	    }
-
-	    var target, gfx, returnValue;
-
-	    if (!element) {
-	      target = event.delegateTarget || event.target;
-
-	      if (target) {
-	        gfx = target;
-	        element = elementRegistry.get(gfx);
-	      }
-	    } else {
-	      gfx = elementRegistry.getGraphics(element);
-	    }
-
-	    if (!gfx || !element) {
-	      return;
-	    }
-
-	    returnValue = eventBus.fire(type, {
-	      element: element,
-	      gfx: gfx,
-	      originalEvent: event
-	    });
-
-	    if (returnValue === false) {
-	      event.stopPropagation();
-	      event.preventDefault();
-	    }
-	  }
-
-	  // TODO(nikku): document this
-	  var handlers = {};
-
-	  function mouseHandler(localEventName) {
-	    return handlers[localEventName];
-	  }
-
-	  function isIgnored(localEventName, event) {
-
-	    var filter = ignoredFilters[localEventName] || isPrimaryButton$1;
-
-	    // only react on left mouse button interactions
-	    // except for interaction events that are enabled
-	    // for secundary mouse button
-	    return !filter(event);
-	  }
-
-	  var bindings = {
-	    click: 'element.click',
-	    contextmenu: 'element.contextmenu',
-	    dblclick: 'element.dblclick',
-	    mousedown: 'element.mousedown',
-	    mousemove: 'element.mousemove',
-	    mouseover: 'element.hover',
-	    mouseout: 'element.out',
-	    mouseup: 'element.mouseup',
-	  };
-
-	  var ignoredFilters = {
-	    'element.contextmenu': allowAll$1,
-	    'element.mousedown': allowPrimaryAndAuxiliary$1,
-	    'element.mouseup': allowPrimaryAndAuxiliary$1,
-	    'element.click': allowPrimaryAndAuxiliary$1,
-	    'element.dblclick': allowPrimaryAndAuxiliary$1
-	  };
-
-
-	  // manual event trigger //////////
-
-	  /**
-	   * Trigger an interaction event (based on a native dom event)
-	   * on the target shape or connection.
-	   *
-	   * @param {string} eventName the name of the triggered DOM event
-	   * @param {MouseEvent} event
-	   * @param {djs.model.Base} targetElement
-	   */
-	  function triggerMouseEvent(eventName, event, targetElement) {
-
-	    // i.e. element.mousedown...
-	    var localEventName = bindings[eventName];
-
-	    if (!localEventName) {
-	      throw new Error('unmapped DOM event name <' + eventName + '>');
-	    }
-
-	    return fire(localEventName, event, targetElement);
-	  }
-
-
-	  var ELEMENT_SELECTOR = 'svg, .djs-element';
-
-	  // event handling ///////
-
-	  function registerEvent(node, event, localEvent, ignoredFilter) {
-
-	    var handler = handlers[localEvent] = function(event) {
-	      fire(localEvent, event);
-	    };
-
-	    if (ignoredFilter) {
-	      ignoredFilters[localEvent] = ignoredFilter;
-	    }
-
-	    handler.$delegate = delegate.bind(node, ELEMENT_SELECTOR, event, handler);
-	  }
-
-	  function unregisterEvent(node, event, localEvent) {
-
-	    var handler = mouseHandler(localEvent);
-
-	    if (!handler) {
-	      return;
-	    }
-
-	    delegate.unbind(node, event, handler.$delegate);
-	  }
-
-	  function registerEvents(svg) {
-	    forEach(bindings, function(val, key) {
-	      registerEvent(svg, key, val);
-	    });
-	  }
-
-	  function unregisterEvents(svg) {
-	    forEach(bindings, function(val, key) {
-	      unregisterEvent(svg, key, val);
-	    });
-	  }
-
-	  eventBus.on('canvas.destroy', function(event) {
-	    unregisterEvents(event.svg);
-	  });
-
-	  eventBus.on('canvas.init', function(event) {
-	    registerEvents(event.svg);
-	  });
-
-
-	  // hit box updating ////////////////
-
-	  eventBus.on([ 'shape.added', 'connection.added' ], function(event) {
-	    var element = event.element,
-	        gfx = event.gfx;
-
-	    eventBus.fire('interactionEvents.createHit', { element: element, gfx: gfx });
-	  });
-
-	  // Update djs-hit on change.
-	  // A low priortity is necessary, because djs-hit of labels has to be updated
-	  // after the label bounds have been updated in the renderer.
-	  eventBus.on([
-	    'shape.changed',
-	    'connection.changed'
-	  ], LOW_PRIORITY$6, function(event) {
-
-	    var element = event.element,
-	        gfx = event.gfx;
-
-	    eventBus.fire('interactionEvents.updateHit', { element: element, gfx: gfx });
-	  });
-
-	  eventBus.on('interactionEvents.createHit', LOW_PRIORITY$6, function(event) {
-	    var element = event.element,
-	        gfx = event.gfx;
-
-	    self.createDefaultHit(element, gfx);
-	  });
-
-	  eventBus.on('interactionEvents.updateHit', function(event) {
-	    var element = event.element,
-	        gfx = event.gfx;
-
-	    self.updateDefaultHit(element, gfx);
-	  });
-
-
-	  // hit styles ////////////
-
-	  var STROKE_HIT_STYLE = createHitStyle('djs-hit djs-hit-stroke');
-
-	  var CLICK_STROKE_HIT_STYLE = createHitStyle('djs-hit djs-hit-click-stroke');
-
-	  var ALL_HIT_STYLE = createHitStyle('djs-hit djs-hit-all');
-
-	  var HIT_TYPES = {
-	    'all': ALL_HIT_STYLE,
-	    'click-stroke': CLICK_STROKE_HIT_STYLE,
-	    'stroke': STROKE_HIT_STYLE
-	  };
-
-	  function createHitStyle(classNames, attrs) {
-
-	    attrs = assign({
-	      stroke: 'white',
-	      strokeWidth: 15
-	    }, attrs || {});
-
-	    return styles.cls(classNames, [ 'no-fill', 'no-border' ], attrs);
-	  }
-
-
-	  // style helpers ///////////////
-
-	  function applyStyle(hit, type) {
-
-	    var attrs = HIT_TYPES[type];
-
-	    if (!attrs) {
-	      throw new Error('invalid hit type <' + type + '>');
-	    }
-
-	    attr$1(hit, attrs);
-
-	    return hit;
-	  }
-
-	  function appendHit(gfx, hit) {
-	    append(gfx, hit);
-	  }
-
-
-	  // API
-
-	  /**
-	   * Remove hints on the given graphics.
-	   *
-	   * @param {SVGElement} gfx
-	   */
-	  this.removeHits = function(gfx) {
-	    var hits = all('.djs-hit', gfx);
-
-	    forEach(hits, remove$1);
-	  };
-
-	  /**
-	   * Create default hit for the given element.
-	   *
-	   * @param {djs.model.Base} element
-	   * @param {SVGElement} gfx
-	   *
-	   * @return {SVGElement} created hit
-	   */
-	  this.createDefaultHit = function(element, gfx) {
-	    var waypoints = element.waypoints,
-	        isFrame = element.isFrame,
-	        boxType;
-
-	    if (waypoints) {
-	      return this.createWaypointsHit(gfx, waypoints);
-	    } else {
-
-	      boxType = isFrame ? 'stroke' : 'all';
-
-	      return this.createBoxHit(gfx, boxType, {
-	        width: element.width,
-	        height: element.height
-	      });
-	    }
-	  };
-
-	  /**
-	   * Create hits for the given waypoints.
-	   *
-	   * @param {SVGElement} gfx
-	   * @param {Array<Point>} waypoints
-	   *
-	   * @return {SVGElement}
-	   */
-	  this.createWaypointsHit = function(gfx, waypoints) {
-
-	    var hit = createLine$1(waypoints);
-
-	    applyStyle(hit, 'stroke');
-
-	    appendHit(gfx, hit);
-
-	    return hit;
-	  };
-
-	  /**
-	   * Create hits for a box.
-	   *
-	   * @param {SVGElement} gfx
-	   * @param {string} hitType
-	   * @param {Object} attrs
-	   *
-	   * @return {SVGElement}
-	   */
-	  this.createBoxHit = function(gfx, type, attrs) {
-
-	    attrs = assign({
-	      x: 0,
-	      y: 0
-	    }, attrs);
-
-	    var hit = create('rect');
-
-	    applyStyle(hit, type);
-
-	    attr$1(hit, attrs);
-
-	    appendHit(gfx, hit);
-
-	    return hit;
-	  };
-
-	  /**
-	   * Update default hit of the element.
-	   *
-	   * @param  {djs.model.Base} element
-	   * @param  {SVGElement} gfx
-	   *
-	   * @return {SVGElement} updated hit
-	   */
-	  this.updateDefaultHit = function(element, gfx) {
-
-	    var hit = query('.djs-hit', gfx);
-
-	    if (!hit) {
-	      return;
-	    }
-
-	    if (element.waypoints) {
-	      updateLine$1(hit, element.waypoints);
-	    } else {
-	      attr$1(hit, {
-	        width: element.width,
-	        height: element.height
-	      });
-	    }
-
-	    return hit;
-	  };
-
-	  this.fire = fire;
-
-	  this.triggerMouseEvent = triggerMouseEvent;
-
-	  this.mouseHandler = mouseHandler;
-
-	  this.registerEvent = registerEvent;
-	  this.unregisterEvent = unregisterEvent;
-	}
-
-
-	InteractionEvents$1.$inject = [
-	  'eventBus',
-	  'elementRegistry',
-	  'styles'
-	];
-
-
-	/**
-	 * An event indicating that the mouse hovered over an element
-	 *
-	 * @event element.hover
-	 *
-	 * @type {Object}
-	 * @property {djs.model.Base} element
-	 * @property {SVGElement} gfx
-	 * @property {Event} originalEvent
-	 */
-
-	/**
-	 * An event indicating that the mouse has left an element
-	 *
-	 * @event element.out
-	 *
-	 * @type {Object}
-	 * @property {djs.model.Base} element
-	 * @property {SVGElement} gfx
-	 * @property {Event} originalEvent
-	 */
-
-	/**
-	 * An event indicating that the mouse has clicked an element
-	 *
-	 * @event element.click
-	 *
-	 * @type {Object}
-	 * @property {djs.model.Base} element
-	 * @property {SVGElement} gfx
-	 * @property {Event} originalEvent
-	 */
-
-	/**
-	 * An event indicating that the mouse has double clicked an element
-	 *
-	 * @event element.dblclick
-	 *
-	 * @type {Object}
-	 * @property {djs.model.Base} element
-	 * @property {SVGElement} gfx
-	 * @property {Event} originalEvent
-	 */
-
-	/**
-	 * An event indicating that the mouse has gone down on an element.
-	 *
-	 * @event element.mousedown
-	 *
-	 * @type {Object}
-	 * @property {djs.model.Base} element
-	 * @property {SVGElement} gfx
-	 * @property {Event} originalEvent
-	 */
-
-	/**
-	 * An event indicating that the mouse has gone up on an element.
-	 *
-	 * @event element.mouseup
-	 *
-	 * @type {Object}
-	 * @property {djs.model.Base} element
-	 * @property {SVGElement} gfx
-	 * @property {Event} originalEvent
-	 */
-
-	/**
-	 * An event indicating that the context menu action is triggered
-	 * via mouse or touch controls.
-	 *
-	 * @event element.contextmenu
-	 *
-	 * @type {Object}
-	 * @property {djs.model.Base} element
-	 * @property {SVGElement} gfx
-	 * @property {Event} originalEvent
-	 */
-
-	var InteractionEventsModule$1 = {
-	  __init__: [ 'interactionEvents' ],
-	  interactionEvents: [ 'type', InteractionEvents$1 ]
-	};
-
 	var min = Math.min,
 	    max$1 = Math.max;
 
@@ -31835,7 +31316,7 @@
 
 	var DirectEditingModule = {
 	  __depends__: [
-	    InteractionEventsModule$1
+	    InteractionEventsModule
 	  ],
 	  __init__: [ 'directEditing' ],
 	  directEditing: [ 'type', DirectEditing ]
@@ -32784,7 +32265,7 @@
 	  return !!element.labelTarget;
 	}
 
-	var LOW_PRIORITY$7 = 750;
+	var LOW_PRIORITY$6 = 750;
 
 
 	function CreatePreview(
@@ -32829,7 +32310,7 @@
 	    return dragGroup;
 	  }
 
-	  eventBus.on('create.move', LOW_PRIORITY$7, function(event) {
+	  eventBus.on('create.move', LOW_PRIORITY$6, function(event) {
 
 	    var hover = event.hover,
 	        context = event.context,
@@ -34176,12 +33657,12 @@
 	  });
 	}
 
-	var LOW_PRIORITY$8 = 750;
+	var LOW_PRIORITY$7 = 750;
 
 
 	function BpmnCopyPaste(bpmnFactory, eventBus, moddleCopy) {
 
-	  eventBus.on('copyPaste.copyElement', LOW_PRIORITY$8, function(context) {
+	  eventBus.on('copyPaste.copyElement', LOW_PRIORITY$7, function(context) {
 	    var descriptor = context.descriptor,
 	        element = context.element;
 
@@ -34528,9 +34009,9 @@
 	    return;
 	  }
 
-	  // disallow copying IDs if already assigned
-	  if (propertyDescriptor.isId && this._moddle.ids.assigned(property)) {
-	    return;
+	  // copy id
+	  if (propertyDescriptor.isId) {
+	    return this._copyId(property, parent);
 	  }
 
 	  // copy arrays
@@ -34571,6 +34052,18 @@
 	  return property;
 	};
 
+	ModdleCopy.prototype._copyId = function(id, element) {
+
+	  // disallow if already taken
+	  if (this._moddle.ids.assigned(id)) {
+	    return;
+	  } else {
+
+	    this._moddle.ids.claim(id, element);
+	    return id;
+	  }
+	};
+
 	// helpers //////////
 
 	function getPropertyNames(descriptor, keepDefaultProperties) {
@@ -37977,7 +37470,7 @@
 	}
 
 	var LOWER_PRIORITY = 1200;
-	var LOW_PRIORITY$9 = 800;
+	var LOW_PRIORITY$8 = 800;
 
 	/**
 	 * Basic grid snapping that covers connecting, creating, moving, resizing shapes, moving bendpoints
@@ -37991,7 +37484,7 @@
 
 	  var self = this;
 
-	  eventBus.on('diagram.init', LOW_PRIORITY$9, function() {
+	  eventBus.on('diagram.init', LOW_PRIORITY$8, function() {
 	    self.setActive(active);
 	  });
 
@@ -38882,7 +38375,7 @@
 	  return true;
 	};
 
-	var InteractionEventsModule$2 = {
+	var InteractionEventsModule$1 = {
 	  __init__: [ 'bpmnInteractionEvents' ],
 	  bpmnInteractionEvents: [ 'type', BpmnInteractionEvents ]
 	};
@@ -39537,7 +39030,7 @@
 	var MARKER_RESIZING = 'djs-resizing',
 	    MARKER_RESIZE_NOT_OK = 'resize-not-ok';
 
-	var LOW_PRIORITY$a = 500;
+	var LOW_PRIORITY$9 = 500;
 
 
 	/**
@@ -39598,7 +39091,7 @@
 	  }
 
 	  // add and update previews
-	  eventBus.on('resize.move', LOW_PRIORITY$a, function(event) {
+	  eventBus.on('resize.move', LOW_PRIORITY$9, function(event) {
 	    updateFrame(event.context);
 	  });
 
@@ -40695,7 +40188,7 @@
 	  'modeling'
 	];
 
-	var LOW_PRIORITY$b = 500;
+	var LOW_PRIORITY$a = 500;
 
 
 	/**
@@ -40708,7 +40201,7 @@
 
 	  var self = this;
 
-	  this.postExecuted('elements.create', LOW_PRIORITY$b, function(context) {
+	  this.postExecuted('elements.create', LOW_PRIORITY$a, function(context) {
 	    var elements = context.elements;
 
 	    elements = elements.filter(function(shape) {
@@ -40731,7 +40224,7 @@
 	  }, true);
 
 
-	  this.preExecute('elements.move', LOW_PRIORITY$b, function(context) {
+	  this.preExecute('elements.move', LOW_PRIORITY$a, function(context) {
 	    var shapes = context.shapes,
 	        host = context.newHost;
 
@@ -40857,7 +40350,7 @@
 
 	inherits_browser(BoundaryEventBehavior, CommandInterceptor);
 
-	var LOW_PRIORITY$c = 500;
+	var LOW_PRIORITY$b = 500;
 
 
 	/**
@@ -40971,7 +40464,7 @@
 	    }
 	  });
 
-	  eventBus.on('copyPaste.pasteElement', LOW_PRIORITY$c, function(context) {
+	  eventBus.on('copyPaste.pasteElement', LOW_PRIORITY$b, function(context) {
 	    var descriptor = context.descriptor,
 	        businessObject = descriptor.businessObject;
 
@@ -41794,7 +41287,7 @@
 	  }
 	}
 
-	var LOW_PRIORITY$d = 500;
+	var LOW_PRIORITY$c = 500;
 
 
 	/**
@@ -41863,7 +41356,7 @@
 	  /**
 	   * Adjust sizes of other lanes after lane deletion
 	   */
-	  this.postExecuted('shape.delete', LOW_PRIORITY$d, function(event) {
+	  this.postExecuted('shape.delete', LOW_PRIORITY$c, function(event) {
 
 	    var context = event.context,
 	        hints = context.hints,
@@ -41892,7 +41385,7 @@
 
 	inherits_browser(DeleteLaneBehavior, CommandInterceptor);
 
-	var LOW_PRIORITY$e = 500;
+	var LOW_PRIORITY$d = 500;
 
 
 	/**
@@ -41905,7 +41398,7 @@
 
 	  var self = this;
 
-	  this.postExecuted('elements.create', LOW_PRIORITY$e, function(context) {
+	  this.postExecuted('elements.create', LOW_PRIORITY$d, function(context) {
 	    var elements = context.elements;
 
 	    elements.filter(function(shape) {
@@ -41919,7 +41412,7 @@
 	    });
 	  }, true);
 
-	  this.preExecute('elements.move', LOW_PRIORITY$e, function(context) {
+	  this.preExecute('elements.move', LOW_PRIORITY$d, function(context) {
 	    var shapes = context.shapes,
 	        newHost = context.newHost;
 
@@ -43711,7 +43204,7 @@
 	}
 
 	function getWaypointsInsideBounds(waypoints, bounds) {
-	  var originalWaypoints = map(waypoints, getOriginal$2);
+	  var originalWaypoints = map(waypoints, getOriginal$1);
 
 	  return filter(originalWaypoints, function(waypoint) {
 	    return isInsideBounds(waypoint, bounds);
@@ -43728,7 +43221,7 @@
 	  return getOrientation(bounds, point, 1) === 'intersect';
 	}
 
-	function getOriginal$2(point) {
+	function getOriginal$1(point) {
 	  return point.original || point;
 	}
 
@@ -44615,7 +44108,7 @@
 	  };
 	}
 
-	var LOW_PRIORITY$f = 500;
+	var LOW_PRIORITY$e = 500;
 
 
 	function ToggleElementCollapseBehaviour(
@@ -44673,7 +44166,7 @@
 	    };
 	  }
 
-	  this.executed([ 'shape.toggleCollapse' ], LOW_PRIORITY$f, function(e) {
+	  this.executed([ 'shape.toggleCollapse' ], LOW_PRIORITY$e, function(e) {
 
 	    var context = e.context,
 	        shape = context.shape;
@@ -44696,7 +44189,7 @@
 	    }
 	  });
 
-	  this.reverted([ 'shape.toggleCollapse' ], LOW_PRIORITY$f, function(e) {
+	  this.reverted([ 'shape.toggleCollapse' ], LOW_PRIORITY$e, function(e) {
 
 	    var context = e.context;
 	    var shape = context.shape;
@@ -44711,7 +44204,7 @@
 	    }
 	  });
 
-	  this.postExecuted([ 'shape.toggleCollapse' ], LOW_PRIORITY$f, function(e) {
+	  this.postExecuted([ 'shape.toggleCollapse' ], LOW_PRIORITY$e, function(e) {
 	    var shape = e.context.shape,
 	        defaultSize = elementFactory._getDefaultSize(shape),
 	        newBounds;
@@ -44799,7 +44292,7 @@
 
 	UnclaimIdBehavior.$inject = [ 'canvas', 'injector', 'moddle', 'modeling' ];
 
-	var LOW_PRIORITY$g = 500,
+	var LOW_PRIORITY$f = 500,
 	    HIGH_PRIORITY$c = 5000;
 
 
@@ -44881,7 +44374,7 @@
 	    initContext();
 	  });
 
-	  this.postExecuted(laneRefUpdateEvents, LOW_PRIORITY$g, function(event) {
+	  this.postExecuted(laneRefUpdateEvents, LOW_PRIORITY$f, function(event) {
 	    releaseContext();
 	  });
 
@@ -47220,7 +46713,7 @@
 	  return collection;
 	}
 
-	var LOW_PRIORITY$h = 250,
+	var LOW_PRIORITY$g = 250,
 	    HIGH_PRIORITY$e = 1400;
 
 
@@ -47251,7 +46744,7 @@
 	  });
 
 	  // add labels to visual's group
-	  movePreview && eventBus.on('shape.move.start', LOW_PRIORITY$h, function(e) {
+	  movePreview && eventBus.on('shape.move.start', LOW_PRIORITY$g, function(e) {
 
 	    var context = e.context,
 	        shapes = context.shapes;
@@ -47380,7 +46873,7 @@
 	  labelSupport: [ 'type', LabelSupport ]
 	};
 
-	var LOW_PRIORITY$i = 251,
+	var LOW_PRIORITY$h = 251,
 	    HIGH_PRIORITY$f = 1401;
 
 	var MARKER_ATTACH$1 = 'attach-ok';
@@ -47422,7 +46915,7 @@
 	  });
 
 	  // add attachers to the visual's group
-	  movePreview && eventBus.on('shape.move.start', LOW_PRIORITY$i, function(e) {
+	  movePreview && eventBus.on('shape.move.start', LOW_PRIORITY$h, function(e) {
 
 	    var context = e.context,
 	        shapes = context.shapes,
@@ -47704,7 +47197,7 @@
 	  attachSupport: [ 'type', AttachSupport ]
 	};
 
-	var LOW_PRIORITY$j = 250;
+	var LOW_PRIORITY$i = 250;
 
 	/**
 	 * The tool manager acts as middle-man between the available tool's and the Palette,
@@ -47780,7 +47273,7 @@
 	    eventsToRegister.push(event + '.canceled');
 	  });
 
-	  eventBus.on(eventsToRegister, LOW_PRIORITY$j, function(event) {
+	  eventBus.on(eventsToRegister, LOW_PRIORITY$i, function(event) {
 
 	    // We defer the de-activation of the tool to the .activate phase,
 	    // so we're able to check if we want to toggle off the current
@@ -48409,7 +47902,7 @@
 	var MARKER_DRAGGING = 'djs-dragging',
 	    MARKER_RESIZING$1 = 'djs-resizing';
 
-	var LOW_PRIORITY$k = 250;
+	var LOW_PRIORITY$j = 250;
 
 	var max$6 = Math.max;
 
@@ -48484,7 +47977,7 @@
 	  });
 
 	  // add and update move/resize previews
-	  eventBus.on('spaceTool.move', LOW_PRIORITY$k, function(event) {
+	  eventBus.on('spaceTool.move', LOW_PRIORITY$j, function(event) {
 
 	    var context = event.context,
 	        line = context.line,
@@ -54614,7 +54107,7 @@
 	  connectionDocking: [ 'type', CroppingConnectionDocking ]
 	};
 
-	var LOW_PRIORITY$l = 500,
+	var LOW_PRIORITY$k = 500,
 	    MEDIUM_PRIORITY = 1250,
 	    HIGH_PRIORITY$h = 1500;
 
@@ -54713,7 +54206,7 @@
 	  // to let others modify the move event before we update
 	  // the context
 	  //
-	  eventBus.on('shape.move.move', LOW_PRIORITY$l, function(event) {
+	  eventBus.on('shape.move.move', LOW_PRIORITY$k, function(event) {
 
 	    var context = event.context,
 	        validatedShapes = context.validatedShapes,
@@ -54859,7 +54352,7 @@
 	  });
 	}
 
-	var LOW_PRIORITY$m = 499;
+	var LOW_PRIORITY$l = 499;
 
 	var MARKER_DRAGGING$1 = 'djs-dragging',
 	    MARKER_OK$3 = 'drop-ok',
@@ -54937,7 +54430,7 @@
 	  // assign a low priority to this handler
 	  // to let others modify the move context before
 	  // we draw things
-	  eventBus.on('shape.move.start', LOW_PRIORITY$m, function(event) {
+	  eventBus.on('shape.move.start', LOW_PRIORITY$l, function(event) {
 	    var context = event.context,
 	        dragShapes = context.shapes,
 	        allDraggedElements = context.allDraggedElements;
@@ -54984,7 +54477,7 @@
 	  });
 
 	  // update previews
-	  eventBus.on('shape.move.move', LOW_PRIORITY$m, function(event) {
+	  eventBus.on('shape.move.move', LOW_PRIORITY$l, function(event) {
 
 	    var context = event.context,
 	        dragGroup = context.dragGroup,
@@ -56326,7 +55819,7 @@
 	  paletteProvider: [ 'type', PaletteProvider ]
 	};
 
-	var LOW_PRIORITY$n = 250;
+	var LOW_PRIORITY$m = 250;
 
 
 	function BpmnReplacePreview(
@@ -56407,7 +55900,7 @@
 	    });
 	  }
 
-	  eventBus.on('shape.move.move', LOW_PRIORITY$n, function(event) {
+	  eventBus.on('shape.move.move', LOW_PRIORITY$m, function(event) {
 
 	    var context = event.context,
 	        canExecute = context.canExecute;
@@ -58337,7 +57830,7 @@
 	  DistributeElementsModule$1,
 	  EditorActionsModule$1,
 	  GridSnappingModule$1,
-	  InteractionEventsModule$2,
+	  InteractionEventsModule$1,
 	  KeyboardModule$1,
 	  KeyboardMoveSelectionModule,
 	  LabelEditingModule,
@@ -58363,24 +57856,6 @@
 	  Modeler.prototype._modelingModules
 	);
 
-	/**
-	 * SVGs for elements are generated by the {@link GraphicsFactory}.
-	 *
-	 * This utility gives quick access to the important semantic
-	 * parts of an element.
-	 */
-
-	/**
-	 * Returns the visual part of a diagram element
-	 *
-	 * @param {Snap<SVGElement>} gfx
-	 *
-	 * @return {Snap<SVGElement>}
-	 */
-	function getVisual$1(gfx) {
-	  return gfx.childNodes[0];
-	}
-
 	var MINIMAP_VIEWBOX_PADDING = 50;
 
 	var RANGE$1 = { min: 0.2, max: 4 },
@@ -58388,7 +57863,7 @@
 
 	var DELTA_THRESHOLD$1 = 0.1;
 
-	var LOW_PRIORITY$o = 250;
+	var LOW_PRIORITY$n = 250;
 
 
 	/**
@@ -58662,7 +58137,7 @@
 	  });
 
 	  // update on elements changed
-	  eventBus.on('elements.changed', LOW_PRIORITY$o, function(context) {
+	  eventBus.on('elements.changed', LOW_PRIORITY$n, function(context) {
 	    var elements = context.elements;
 
 	    elements.forEach(function(element) {
@@ -59033,7 +58508,7 @@
 	      visual;
 
 	  if (gfx) {
-	    visual = getVisual$1(gfx);
+	    visual = getVisual(gfx);
 
 	    if (visual) {
 	      var elementGfx = clone(visual);
@@ -59634,416 +59109,6 @@
 	  ]
 	};
 
-	var DEFAULT_PRIORITY$6 = 1000;
-
-	/**
-	 * A utility that can be used to plug-in into the command execution for
-	 * extension and/or validation.
-	 *
-	 * @param {EventBus} eventBus
-	 *
-	 * @example
-	 *
-	 * import inherits from 'inherits';
-	 *
-	 * import CommandInterceptor from 'diagram-js/lib/command/CommandInterceptor';
-	 *
-	 * function CommandLogger(eventBus) {
-	 *   CommandInterceptor.call(this, eventBus);
-	 *
-	 *   this.preExecute(function(event) {
-	 *     console.log('command pre-execute', event);
-	 *   });
-	 * }
-	 *
-	 * inherits(CommandLogger, CommandInterceptor);
-	 *
-	 */
-	function CommandInterceptor$1(eventBus) {
-	  this._eventBus = eventBus;
-	}
-
-	CommandInterceptor$1.$inject = [ 'eventBus' ];
-
-	function unwrapEvent$1(fn, that) {
-	  return function(event) {
-	    return fn.call(that || null, event.context, event.command, event);
-	  };
-	}
-
-	/**
-	 * Register an interceptor for a command execution
-	 *
-	 * @param {string|Array<string>} [events] list of commands to register on
-	 * @param {string} [hook] command hook, i.e. preExecute, executed to listen on
-	 * @param {number} [priority] the priority on which to hook into the execution
-	 * @param {Function} handlerFn interceptor to be invoked with (event)
-	 * @param {boolean} unwrap if true, unwrap the event and pass (context, command, event) to the
-	 *                          listener instead
-	 * @param {Object} [that] Pass context (`this`) to the handler function
-	 */
-	CommandInterceptor$1.prototype.on = function(events, hook, priority, handlerFn, unwrap, that) {
-
-	  if (isFunction(hook) || isNumber(hook)) {
-	    that = unwrap;
-	    unwrap = handlerFn;
-	    handlerFn = priority;
-	    priority = hook;
-	    hook = null;
-	  }
-
-	  if (isFunction(priority)) {
-	    that = unwrap;
-	    unwrap = handlerFn;
-	    handlerFn = priority;
-	    priority = DEFAULT_PRIORITY$6;
-	  }
-
-	  if (isObject(unwrap)) {
-	    that = unwrap;
-	    unwrap = false;
-	  }
-
-	  if (!isFunction(handlerFn)) {
-	    throw new Error('handlerFn must be a function');
-	  }
-
-	  if (!isArray(events)) {
-	    events = [ events ];
-	  }
-
-	  var eventBus = this._eventBus;
-
-	  forEach(events, function(event) {
-
-	    // concat commandStack(.event)?(.hook)?
-	    var fullEvent = [ 'commandStack', event, hook ].filter(function(e) { return e; }).join('.');
-
-	    eventBus.on(fullEvent, priority, unwrap ? unwrapEvent$1(handlerFn, that) : handlerFn, that);
-	  });
-	};
-
-
-	var hooks$1 = [
-	  'canExecute',
-	  'preExecute',
-	  'preExecuted',
-	  'execute',
-	  'executed',
-	  'postExecute',
-	  'postExecuted',
-	  'revert',
-	  'reverted'
-	];
-
-	/*
-	 * Install hook shortcuts
-	 *
-	 * This will generate the CommandInterceptor#(preExecute|...|reverted) methods
-	 * which will in term forward to CommandInterceptor#on.
-	 */
-	forEach(hooks$1, function(hook) {
-
-	  /**
-	   * {canExecute|preExecute|preExecuted|execute|executed|postExecute|postExecuted|revert|reverted}
-	   *
-	   * A named hook for plugging into the command execution
-	   *
-	   * @param {string|Array<string>} [events] list of commands to register on
-	   * @param {number} [priority] the priority on which to hook into the execution
-	   * @param {Function} handlerFn interceptor to be invoked with (event)
-	   * @param {boolean} [unwrap=false] if true, unwrap the event and pass (context, command, event) to the
-	   *                          listener instead
-	   * @param {Object} [that] Pass context (`this`) to the handler function
-	   */
-	  CommandInterceptor$1.prototype[hook] = function(events, priority, handlerFn, unwrap, that) {
-
-	    if (isFunction(events) || isNumber(events)) {
-	      that = unwrap;
-	      unwrap = handlerFn;
-	      handlerFn = priority;
-	      priority = events;
-	      events = null;
-	    }
-
-	    this.on(events, hook, priority, handlerFn, unwrap, that);
-	  };
-	});
-
-	/**
-	 * Failsafe remove an element from a collection
-	 *
-	 * @param  {Array<Object>} [collection]
-	 * @param  {Object} [element]
-	 *
-	 * @return {number} the previous index of the element
-	 */
-	function remove$3(collection, element) {
-
-	  if (!collection || !element) {
-	    return -1;
-	  }
-
-	  var idx = collection.indexOf(element);
-
-	  if (idx !== -1) {
-	    collection.splice(idx, 1);
-	  }
-
-	  return idx;
-	}
-
-	/**
-	 * Fail save add an element to the given connection, ensuring
-	 * it does not yet exist.
-	 *
-	 * @param {Array<Object>} collection
-	 * @param {Object} element
-	 * @param {number} idx
-	 */
-	function add$2(collection, element, idx) {
-
-	  if (!collection || !element) {
-	    return;
-	  }
-
-	  if (typeof idx !== 'number') {
-	    idx = -1;
-	  }
-
-	  var currentIdx = collection.indexOf(element);
-
-	  if (currentIdx !== -1) {
-
-	    if (currentIdx === idx) {
-
-	      // nothing to do, position has not changed
-	      return;
-	    } else {
-
-	      if (idx !== -1) {
-
-	        // remove from current position
-	        collection.splice(currentIdx, 1);
-	      } else {
-
-	        // already exists in collection
-	        return;
-	      }
-	    }
-	  }
-
-	  if (idx !== -1) {
-
-	    // insert at specified position
-	    collection.splice(idx, 0, element);
-	  } else {
-
-	    // push to end
-	    collection.push(element);
-	  }
-	}
-
-
-	/**
-	 * Fail save get the index of an element in a collection.
-	 *
-	 * @param {Array<Object>} collection
-	 * @param {Object} element
-	 *
-	 * @return {number} the index or -1 if collection or element do
-	 *                  not exist or the element is not contained.
-	 */
-	function indexOf$2(collection, element) {
-
-	  if (!collection || !element) {
-	    return -1;
-	  }
-
-	  return collection.indexOf(element);
-	}
-
-	var Collections = /*#__PURE__*/Object.freeze({
-		__proto__: null,
-		remove: remove$3,
-		add: add$2,
-		indexOf: indexOf$2
-	});
-
-	/**
-	 * Remove from the beginning of a collection until it is empty.
-	 *
-	 * This is a null-safe operation that ensures elements
-	 * are being removed from the given collection until the
-	 * collection is empty.
-	 *
-	 * The implementation deals with the fact that a remove operation
-	 * may touch, i.e. remove multiple elements in the collection
-	 * at a time.
-	 *
-	 * @param {Array<Object>} [collection]
-	 * @param {Function} removeFn
-	 *
-	 * @return {Array<Object>} the cleared collection
-	 */
-	function saveClear$1(collection, removeFn) {
-
-	  if (typeof removeFn !== 'function') {
-	    throw new Error('removeFn iterator must be a function');
-	  }
-
-	  if (!collection) {
-	    return;
-	  }
-
-	  var e;
-
-	  while ((e = collection[0])) {
-	    removeFn(e);
-	  }
-
-	  return collection;
-	}
-
-	/**
-	 * Returns the surrounding bbox for all elements in
-	 * the array or the element primitive.
-	 *
-	 * @param {Array<djs.model.Shape>|djs.model.Shape} elements
-	 * @param {boolean} stopRecursion
-	 */
-	function getBBox$1(elements, stopRecursion) {
-
-	  stopRecursion = !!stopRecursion;
-	  if (!isArray(elements)) {
-	    elements = [elements];
-	  }
-
-	  var minX,
-	      minY,
-	      maxX,
-	      maxY;
-
-	  forEach(elements, function(element) {
-
-	    // If element is a connection the bbox must be computed first
-	    var bbox = element;
-	    if (element.waypoints && !stopRecursion) {
-	      bbox = getBBox$1(element.waypoints, true);
-	    }
-
-	    var x = bbox.x,
-	        y = bbox.y,
-	        height = bbox.height || 0,
-	        width = bbox.width || 0;
-
-	    if (x < minX || minX === undefined) {
-	      minX = x;
-	    }
-	    if (y < minY || minY === undefined) {
-	      minY = y;
-	    }
-
-	    if ((x + width) > maxX || maxX === undefined) {
-	      maxX = x + width;
-	    }
-	    if ((y + height) > maxY || maxY === undefined) {
-	      maxY = y + height;
-	    }
-	  });
-
-	  return {
-	    x: minX,
-	    y: minY,
-	    height: maxY - minY,
-	    width: maxX - minX
-	  };
-	}
-
-	var DEFAULT_CHILD_BOX_PADDING$1 = 20;
-
-	function asPadding$1(mayBePadding, defaultValue) {
-	  if (typeof mayBePadding !== 'undefined') {
-	    return mayBePadding;
-	  } else {
-	    return DEFAULT_CHILD_BOX_PADDING$1;
-	  }
-	}
-
-	function addPadding$2(bbox, padding) {
-	  var left, right, top, bottom;
-
-	  if (typeof padding === 'object') {
-	    left = asPadding$1(padding.left);
-	    right = asPadding$1(padding.right);
-	    top = asPadding$1(padding.top);
-	    bottom = asPadding$1(padding.bottom);
-	  } else {
-	    left = right = top = bottom = asPadding$1(padding);
-	  }
-
-	  return {
-	    x: bbox.x - left,
-	    y: bbox.y - top,
-	    width: bbox.width + left + right,
-	    height: bbox.height + top + bottom
-	  };
-	}
-
-
-	/**
-	 * Is the given element part of the resize
-	 * targets min boundary box?
-	 *
-	 * This is the default implementation which excludes
-	 * connections and labels.
-	 *
-	 * @param {djs.model.Base} element
-	 */
-	function isBBoxChild$1(element) {
-
-	  // exclude connections
-	  if (element.waypoints) {
-	    return false;
-	  }
-
-	  // exclude labels
-	  if (element.type === 'label') {
-	    return false;
-	  }
-
-	  return true;
-	}
-
-	/**
-	 * Return children bounding computed from a shapes children
-	 * or a list of prefiltered children.
-	 *
-	 * @param  {djs.model.Shape|Array<djs.model.Shape>} shapeOrChildren
-	 * @param  {number|Object} padding
-	 *
-	 * @return {Bounds}
-	 */
-	function computeChildrenBBox$1(shapeOrChildren, padding) {
-
-	  var elements;
-
-	  // compute based on shape
-	  if (shapeOrChildren.length === undefined) {
-
-	    // grab all the children that are part of the
-	    // parents children box
-	    elements = filter(shapeOrChildren.children, isBBoxChild$1);
-
-	  } else {
-	    elements = shapeOrChildren;
-	  }
-
-	  if (elements.length) {
-	    return addPadding$2(getBBox$1(elements), padding);
-	  }
-	}
-
 	/**
 	 * Similar to the bpmn-js/lib/import/Importer we emit
 	 * import life-cycle events:
@@ -60166,7 +59231,7 @@
 
 	    var visibleElements = filterVisible$1(subProcess.children);
 
-	    var visibleBBox = computeChildrenBBox$1(visibleElements);
+	    var visibleBBox = computeChildrenBBox(visibleElements);
 
 	    var visibleBBoxMid = {
 	      x: visibleBBox.x + visibleBBox.width / 2,
@@ -60192,7 +59257,7 @@
 	    var self = this;
 
 	    function deleteElements(elements) {
-	      saveClear$1(elements, function(element) {
+	      saveClear(elements, function(element) {
 	        deleteElement(element);
 	      });
 	    }
@@ -60270,12 +59335,12 @@
 
 	  // (1) add to target plane
 	  sourcePlaneElements.forEach(function(sourcePlaneElement) {
-	    add$2(targetPlaneElements, sourcePlaneElement);
+	    add$1(targetPlaneElements, sourcePlaneElement);
 	  });
 
 	  // (2) remove from source plane
 	  sourcePlaneElements.slice().forEach(function(sourcePlaneElement) {
-	    remove$3(sourceDiagram.plane.planeElement, sourcePlaneElement);
+	    remove$2(sourceDiagram.plane.planeElement, sourcePlaneElement);
 
 	    sourcePlaneElement.$parent = targetDiagram.plane;
 	  });
@@ -60316,7 +59381,7 @@
 	    var self = this;
 
 	    function deleteElements(elements) {
-	      saveClear$1(elements, function(element) {
+	      saveClear(elements, function(element) {
 	        deleteElement(element);
 	      });
 	    }
@@ -60353,7 +59418,7 @@
 	      var definitions = this._bpmnjs.getDefinitions(),
 	          diagrams = definitions.diagrams;
 
-	      add$2(diagrams, targetDiagram);
+	      add$1(diagrams, targetDiagram);
 	    }
 
 	    var sourceDiagram = this.findDiagram(this._canvas.getRootElement().id);
@@ -60417,7 +59482,7 @@
 	      var definitions = this._bpmnjs.getDefinitions(),
 	          diagrams = definitions.diagrams;
 
-	      remove$3(diagrams, subProcessDiagram);
+	      remove$2(diagrams, subProcessDiagram);
 	    }
 
 	    // (4) try to import
@@ -60477,12 +59542,12 @@
 
 	  // (1) add to target plane
 	  sourcePlaneElements.forEach(function(sourcePlaneElement) {
-	    add$2(targetPlaneElements, sourcePlaneElement);
+	    add$1(targetPlaneElements, sourcePlaneElement);
 	  });
 
 	  // (2) remove from source plane
 	  sourcePlaneElements.slice().forEach(function(sourcePlaneElement) {
-	    remove$3(sourceDiagram.plane.planeElement, sourcePlaneElement);
+	    remove$2(sourceDiagram.plane.planeElement, sourcePlaneElement);
 
 	    sourcePlaneElement.$parent = targetDiagram.plane;
 	  });
@@ -60503,7 +59568,7 @@
 	const HIGH_PRIORITY$k = 2000;
 
 
-	class SignavioBehavior extends CommandInterceptor$1 {
+	class SignavioBehavior extends CommandInterceptor {
 
 	  constructor(
 	      bpmnjs, bpmnImporter, canvas,
@@ -64354,42 +63419,6 @@
 	  __init__: [ CommandInitializer ]
 	};
 
-	/**
-	 * A simple translation stub to be used for multi-language support
-	 * in diagrams. Can be easily replaced with a more sophisticated
-	 * solution.
-	 *
-	 * @example
-	 *
-	 * // use it inside any diagram component by injecting `translate`.
-	 *
-	 * function MyService(translate) {
-	 *   alert(translate('HELLO {you}', { you: 'You!' }));
-	 * }
-	 *
-	 * @param {string} template to interpolate
-	 * @param {Object} [replacements] a map with substitutes
-	 *
-	 * @return {string} the translated string
-	 */
-	function translate$3(template, replacements) {
-
-	  replacements = replacements || {};
-
-	  return template.replace(/{([^}]+)}/g, function(_, key) {
-	    return replacements[key] || '{' + key + '}';
-	  });
-	}
-
-	var translate$4 = {
-	  translate: [ 'value', translate$3 ]
-	};
-
-	var translate$5 = /*#__PURE__*/Object.freeze({
-		__proto__: null,
-		'default': translate$4
-	});
-
 	var require$$0$1 = /*@__PURE__*/getAugmentedNamespace(index_esm$2);
 
 	var require$$2 = /*@__PURE__*/getAugmentedNamespace(index_esm);
@@ -66698,7 +65727,7 @@
 	var HIDE_CLASS = 'bpp-hidden';
 	var DEBOUNCE_DELAY = 300;
 
-	var DEFAULT_PRIORITY$7 = 1000;
+	var DEFAULT_PRIORITY$6 = 1000;
 
 	function isToggle(node) {
 	  return node.type === 'checkbox' || node.type === 'radio';
@@ -66926,7 +65955,7 @@
 
 	  if (!provider) {
 	    provider = priority;
-	    priority = DEFAULT_PRIORITY$7;
+	    priority = DEFAULT_PRIORITY$6;
 	  }
 
 	  if (typeof provider.getTabs !== 'function') {
@@ -68051,7 +67080,7 @@
 	  return string.replace(/\r\n|\r|\n/g, '\n');
 	}
 
-	var require$$1 = /*@__PURE__*/getAugmentedNamespace(translate$5);
+	var require$$1 = /*@__PURE__*/getAugmentedNamespace(translate$3);
 
 	var lib = {
 	  __depends__: [
@@ -68064,7 +67093,7 @@
 
 	var bpmnJsPropertiesPanel = lib;
 
-	var DEFAULT_PRIORITY$8 = 1000;
+	var DEFAULT_PRIORITY$7 = 1000;
 
 
 	/**
@@ -68085,7 +67114,7 @@
 	function PropertiesActivator(eventBus, priority) {
 	  var self = this;
 
-	  priority = priority || DEFAULT_PRIORITY$8;
+	  priority = priority || DEFAULT_PRIORITY$7;
 
 	  eventBus.on('propertiesPanel.isEntryVisible', priority, function(context) {
 	    var element = context.element,
@@ -73040,78 +72069,252 @@
 	  Modeler$1.prototype._extensionModules
 	);
 
-	const HIGH_PRIORITY$l = 15000;
+	const HIGH_PRIORITY$l = 5000;
+
 
 	/**
-	 * BPMN specific create zeebe boundary event behavior
+	 * Zeebe BPMN behavior for ensuring that there are not empty (ie. without properties)
+	 * zeebe:assignmentDefinitions after modeling operations. Will also remove related
+	 * extensionElements, if they remain empty afterwards (could be a seperate
+	 * behavior in the future, if needed)
 	 */
-	function CreateZeebeBoundaryEventBehavior(
-	    eventBus, elementFactory, bpmnFactory) {
+	class CleanUpBusinessRuleTaskBehavior extends CommandInterceptor {
+	  constructor(eventBus, modeling) {
+	    super(eventBus);
 
-	  CommandInterceptor$1.call(this, eventBus);
+	    /**
+	     * Remove zeebe:assignmentDefinition when it has no defined properties left after the operation
+	     */
+	    this.postExecuted([
+	      'properties-panel.update-businessobject',
+	      'element.updateModdleProperties'
+	    ] , HIGH_PRIORITY$l, function(context) {
+	      const {
+	        element,
+	        businessObject,
+	        moddleElement
+	      } = context;
 
-	  /**
-	   * replace intermediate catch event with boundary event when
-	   * attaching it to a shape
-	   */
-	  this.preExecute('shape.create', HIGH_PRIORITY$l, function(context) {
-	    const {
-	      shape,
-	      host
-	    } = context;
+	      // (1) harmonize property names from commands
+	      const assignmentDefintion = businessObject || moddleElement;
 
-	    const businessObject = getBusinessObject(shape);
+	      if (
+	        is$1(element, 'bpmn:UserTask')
+	        && assignmentDefintion
+	        && is$1(assignmentDefintion, 'zeebe:AssignmentDefinition')
+	        && assignmentDefintion.assignee === undefined
+	        && assignmentDefintion.candidateGroups === undefined
+	      ) {
+	        const extensionElements = getBusinessObject(element).extensionElements;
 
-	    let attrs = {
-	      cancelActivity: true
-	    };
+	        // (2) remove zeebe:assignmentDefintion
+	        removeFromExtensionElements(element, extensionElements, modeling,
+	          (ele) => !is$1(ele, 'zeebe:AssignmentDefinition'));
 
-	    let newBusinessObject,
-	        hostBusinessObject,
-	        boundaryEvent,
-	        eventDefinitions;
+	        // (3) if extensionElements are empty afterwards, remove them as well
+	        if (extensionElements.values.length === 0) {
+	          modeling.updateModdleProperties(element, getBusinessObject(element),
+	            { extensionElements: undefined });
+	        }
+	      }
+	    }, true);
 
-	    if (!host || !is$1(shape, 'bpmn:IntermediateCatchEvent')) {
-	      return;
-	    }
+	  }
+	}
 
-	    hostBusinessObject = getBusinessObject(host);
+	CleanUpBusinessRuleTaskBehavior.$inject = [
+	  'eventBus',
+	  'modeling'
+	];
 
-	    attrs = {
-	      attachedToRef: hostBusinessObject,
-	      ...attrs
-	    };
 
-	    eventDefinitions = businessObject.eventDefinitions;
+	// helper ////////////////////
 
-	    newBusinessObject = bpmnFactory.create('bpmn:BoundaryEvent', attrs);
+	function removeFromExtensionElements(element, extensionElements, modeling, filterFun) {
+	  const values = extensionElements.get('values').filter(filterFun);
 
-	    boundaryEvent = {
-	      type: 'bpmn:BoundaryEvent',
-	      businessObject: newBusinessObject,
-	    };
+	  modeling.updateModdleProperties(element, extensionElements, {
+	    values
+	  });
+	}
+
+	const HIGH_PRIORITY$m = 5000;
+
+
+	/**
+	 * Zeebe BPMN behavior for ensuring that a BusinessRuleTask:
+	 * 1) Either has a taskDefinition ExtensionElement OR
+	 * 2) Or has a calledDecision ExtensionElement
+	 * 2.1) If it has a calledDecision ExtensionElement, it shall not have taskHeaders
+	 */
+	class CleanUpBusinessRuleTaskBehavior$1 extends CommandInterceptor {
+	  constructor(eventBus, modeling) {
+	    super(eventBus);
+
+	    /**
+	     * Remove zeebe:calledDecision when zeebe:taskDefinition is added
+	     */
+	    this.postExecute([
+	      'properties-panel.update-businessobject-list',
+	      'element.updateModdleProperties'
+	    ] , HIGH_PRIORITY$m, function(context) {
+	      const {
+	        element,
+	        currentObject,
+	        objectsToAdd,
+	        moddleElement,
+	        properties
+	      } = context;
+
+	      // (1) map properties from both commands
+	      const extensionElement = currentObject || moddleElement,
+	            newValues = objectsToAdd || (properties && properties.values);
+
+	      // (2) check conditions and potentially update
+	      if (
+	        is$1(element, 'bpmn:BusinessRuleTask')
+	        && extensionElement
+	        && is$1(extensionElement, 'bpmn:ExtensionElements')
+	        && extensionElement.get('values').some((ele) => is$1(ele, 'zeebe:CalledDecision'))
+	        && newValues
+	        && newValues.some((ele) => is$1(ele, 'zeebe:TaskDefinition'))
+	      ) {
+	        removeCalledDecision(element, extensionElement, modeling);
+	      }
+	    }, true);
+
+	    /**
+	     * Remove zeebe:taskDefinition and zeebe:taskHeaders when zeebe:calledDecision
+	     */
+	    this.postExecute([
+	      'properties-panel.update-businessobject-list',
+	      'element.updateModdleProperties'
+	    ] , HIGH_PRIORITY$m, function(context) {
+	      const {
+	        element,
+	        currentObject,
+	        objectsToAdd,
+	        moddleElement,
+	        properties
+	      } = context;
+
+	      // (1) map properties from both commands
+	      const extensionElement = currentObject || moddleElement,
+	            newValues = objectsToAdd || (properties && properties.values);
+
+	      // (2) check conditions and potentially update
+	      if (
+	        is$1(element, 'bpmn:BusinessRuleTask')
+	        && extensionElement
+	        && is$1(extensionElement, 'bpmn:ExtensionElements')
+	        && extensionElement.get('values').some(
+	          (ele) => is$1(ele, 'zeebe:TaskDefinition') || is$1(ele, 'zeebe:TaskHeaders'))
+	        && newValues
+	        && newValues.some((ele) => is$1(ele, 'zeebe:CalledDecision'))
+	      ) {
+	        removeTaskDefintionAndHeaders(element, extensionElement, modeling);
+	      }
+	    }, true);
+
+	  }
+	}
+
+	CleanUpBusinessRuleTaskBehavior$1.$inject = [
+	  'eventBus',
+	  'modeling'
+	];
+
+
+	// helper ////////////////////
+
+	function removeFromExtensionElements$1(element, extensionElements, modeling, filterFun) {
+	  const values = extensionElements.get('values').filter(filterFun);
+
+	  modeling.updateModdleProperties(element, extensionElements, {
+	    values
+	  });
+	}
+
+	function removeCalledDecision(element, extensionElements, modeling) {
+	  removeFromExtensionElements$1(element, extensionElements, modeling,
+	    (ele) => !is$1(ele, 'zeebe:CalledDecision'));
+	}
+
+	function removeTaskDefintionAndHeaders(element, extensionElements, modeling) {
+	  removeFromExtensionElements$1(element, extensionElements, modeling,
+	    (ele) => !is$1(ele, 'zeebe:TaskDefinition') && !is$1(ele, 'zeebe:TaskHeaders'));
+	}
+
+	const HIGH_PRIORITY$n = 5000;
+
+
+	/**
+	 * Zeebe BPMN specific behavior for creating boundary events.
+	 */
+	class CreateZeebeBoundaryEventBehavior extends CommandInterceptor {
+	  constructor(bpmnFactory, elementFactory, eventBus) {
+	    super(eventBus);
+
+	    /**
+	     * Replace intermediate catch event with boundary event when attaching it to a shape.
+	     */
+	    this.preExecute('shape.create', HIGH_PRIORITY$n, function(context) {
+	      const {
+	        shape,
+	        host
+	      } = context;
+
+	      const businessObject = getBusinessObject(shape);
+
+	      let attrs = {
+	        cancelActivity: true
+	      };
+
+	      let newBusinessObject,
+	          hostBusinessObject,
+	          boundaryEvent,
+	          eventDefinitions;
+
+	      if (!host || !is$1(shape, 'bpmn:IntermediateCatchEvent')) {
+	        return;
+	      }
+
+	      hostBusinessObject = getBusinessObject(host);
+
+	      attrs = {
+	        ...attrs,
+	        attachedToRef: hostBusinessObject
+	      };
+
+	      eventDefinitions = businessObject.eventDefinitions;
+
+	      newBusinessObject = bpmnFactory.create('bpmn:BoundaryEvent', attrs);
 
-	    if (eventDefinitions && eventDefinitions[0]) {
 	      boundaryEvent = {
-	        ...boundaryEvent,
-	        eventDefinitionType: eventDefinitions[0].$type
+	        type: 'bpmn:BoundaryEvent',
+	        businessObject: newBusinessObject,
 	      };
-	    }
 
-	    context.shape = elementFactory.createShape(boundaryEvent);
+	      if (eventDefinitions && eventDefinitions[0]) {
+	        boundaryEvent = {
+	          ...boundaryEvent,
+	          eventDefinitionType: eventDefinitions[0].$type
+	        };
+	      }
 
-	  }, true);
-	}
+	      context.shape = elementFactory.createShape(boundaryEvent);
+
+	    }, true);
 
+	  }
+	}
 
 	CreateZeebeBoundaryEventBehavior.$inject = [
-	  'eventBus',
+	  'bpmnFactory',
 	  'elementFactory',
-	  'bpmnFactory'
+	  'eventBus'
 	];
 
-	inherits_browser(CreateZeebeBoundaryEventBehavior, CommandInterceptor$1);
-
 	function isZeebeServiceTask(element) {
 	  if (!is$1(element, 'zeebe:ZeebeServiceTask')) return false;
 
@@ -73122,6 +72325,113 @@
 	  return true;
 	}
 
+	/**
+	 * Get zeebe:IoMapping from an element.
+	 *
+	 * @param {djs.model.Base|ModdleElement} element
+	 *
+	 * @return {ModdleElement}
+	 */
+	function getIoMapping(element) {
+	  const businessObject = getBusinessObject(element);
+
+	  const extensionElements = businessObject.get('extensionElements');
+
+	  if (!extensionElements) {
+	    return;
+	  }
+
+	  return extensionElements.get('values').find((value) => {
+	    return is$1(value, 'zeebe:IoMapping');
+	  });
+	}
+
+	/**
+	 * Get zeebe:InputParameters from an element.
+	 *
+	 * @param  {djs.model.Base|ModdleElement} element
+	 *
+	 * @return {Array<ModdleElement>}
+	 */
+	function getInputParameters(element) {
+	  const ioMapping = getIoMapping(element);
+
+	  if (ioMapping) {
+	    return ioMapping.get('zeebe:inputParameters');
+	  }
+
+	  return [];
+	}
+
+	/**
+	 * Get zeebe:OutputParameters from an element.
+	 *
+	 * @param  {djs.model.Base|ModdleElement} element
+	 *
+	 * @return {Array<ModdleElement>}
+	 */
+	function getOutputParameters(element) {
+	  const ioMapping = getIoMapping(element);
+
+	  if (ioMapping) {
+	    return ioMapping.get('zeebe:outputParameters');
+	  }
+
+	  return [];
+	}
+
+	/**
+	 * Check whether element supports zeebe:Input or zeebe:Output.
+	 *
+	 * @param {djs.model.Base|ModdleElement} element
+	 *
+	 * @return {boolean}
+	 */
+	function isInputOutputSupported(element) {
+	  return areInputParametersSupported(element) || areOutputParametersSupported(element);
+	}
+
+	/**
+	 * Check whether element supports zeebe:Input.
+	 *
+	 * @param {djs.model.Base|ModdleElement} element
+	 *
+	 * @return {boolean}
+	 */
+	function areInputParametersSupported(element) {
+	  return isAny(element, [
+	    'bpmn:CallActivity',
+	    'bpmn:SubProcess',
+	    'bpmn:UserTask'
+	  ]) || isZeebeServiceTask(element);
+	}
+
+	/**
+	 * Check whether element supports zeebe:Output.
+	 *
+	 * @param {djs.model.Base|ModdleElement} element
+	 *
+	 * @return {boolean}
+	 */
+	function areOutputParametersSupported(element) {
+	  return isAny(element, [
+	    'bpmn:CallActivity',
+	    'bpmn:Event',
+	    'bpmn:ReceiveTask',
+	    'bpmn:SubProcess',
+	    'bpmn:UserTask',
+	    'zeebe:ZeebeServiceTask'
+	  ]);
+	}
+
+	function createElement(type, parent, factory, properties) {
+	  return ElementHelper_1.createElement(type, properties, parent, factory);
+	}
+
+	function createIoMapping(parent, bpmnFactory, properties) {
+	  return createElement('zeebe:IoMapping', parent, bpmnFactory, properties);
+	}
+
 	var is$g = require$$0.is;
 
 	var ExtensionElementsHelper = {};
@@ -73172,406 +72482,223 @@
 
 	var ExtensionElementsHelper_1 = ExtensionElementsHelper;
 
-	function getElements(bo, type, prop) {
-	  const elems = ExtensionElementsHelper_1.getExtensionElements(bo, type);
-	  return !prop ? elems : (elems[0] || {})[prop] || [];
-	}
-
-	function getParameters(element, prop) {
-	  const inputOutput = getInputOutput(element);
-	  return (inputOutput && inputOutput.get(prop)) || [];
-	}
-
-	/**
-	   * Get a inputOutput from the business object
-	   *
-	   * @param {djs.model.Base} element
-	   *
-	   * @return {ModdleElement} the inputOutput object
-	   */
-	function getInputOutput(element) {
-	  const bo = getBusinessObject(element);
-	  return (getElements(bo, 'zeebe:IoMapping') || [])[0];
-	}
-
-
-	/**
-	   * Return all input parameters existing in the business object, and
-	   * an empty array if none exist.
-	   *
-	   * @param  {djs.model.Base} element
-	   *
-	   * @return {Array} a list of input parameter objects
-	   */
-	function getInputParameters(element) {
-	  return getParameters.apply(this, [ element, 'inputParameters' ]);
-	}
-
-	/**
-	   * Return all output parameters existing in the business object, and
-	   * an empty array if none exist.
-	   *
-	   * @param  {djs.model.Base} element
-	   *
-	   * @return {Array} a list of output parameter objects
-	   */
-	function getOutputParameters(element) {
-	  return getParameters.apply(this, [ element, 'outputParameters' ]);
-	}
-
-	/**
-	   * Returns 'true' if the given element supports inputOutput
-	   *
-	   * @param {djs.model.Base} element
-	   *
-	   * @return {boolean} a boolean value
-	   */
-	function isInputOutputSupported(element) {
-	  return areOutputParametersSupported(element) || areInputParametersSupported(element);
-	}
-
-	/**
-	   * Returns 'true' if the given element supports input parameters
-	   *
-	   * @param {djs.model.Base} element
-	   *
-	   * @return {boolean} a boolean value
-	   */
-	function areInputParametersSupported(element) {
-	  return isAny(element, [
-	    'bpmn:UserTask',
-	    'bpmn:SubProcess',
-	    'bpmn:CallActivity'
-	  ]) || isZeebeServiceTask(element);
-	}
-
-	/**
-	   * Returns 'true' if the given element supports output parameters
-	   *
-	   * @param {djs.model.Base} element
-	   *
-	   * @return {boolean} a boolean value
-	   */
-	function areOutputParametersSupported(element) {
-	  return isAny(element, [
-	    'zeebe:ZeebeServiceTask',
-	    'bpmn:UserTask',
-	    'bpmn:SubProcess',
-	    'bpmn:ReceiveTask',
-	    'bpmn:CallActivity',
-	    'bpmn:Event'
-	  ]);
-	}
-
-	function createElement(type, parent, factory, properties) {
-	  return ElementHelper_1.createElement(type, properties, parent, factory);
-	}
-
-	function createIOMapping(parent, bpmnFactory, properties) {
-	  return createElement('zeebe:IoMapping', parent, bpmnFactory, properties);
-	}
-
 	/**
-	 * Get getter function for IOMapping parameters according to provided property name
+	 * Get default value for zeebe:propagateAllChildVariables.
 	 *
-	 * @param {string} property
+	 * @param {djs.model.Base|ModdleElement} element
 	 *
-	 * @returns {Function} Getter function for the IOMapping parameters according to provided property name
+	 * @returns {boolean}
 	 */
-	function determineParamGetFunc(property) {
-	  if (property == 'inputParameters') {
-	    return getInputParameters;
-	  }
-
-	  if (property == 'outputParameters') {
-	    return getOutputParameters;
+	function getPropagateAllChildVariablesDefault(element) {
+	  if (!is$1(element, 'bpmn:CallActivity')) {
+	    return;
 	  }
-	}
 
-	/**
-	  * Determine default value for propagateAllChildVariables attribute
-	  * @param {Object} element representing a bpmn:CallActivity
-	  *
-	  * @returns {boolean}
-	  */
-	function determinePropAllChildVariablesDefault(element) {
 	  const outputParameters = getOutputParameters(element);
 
 	  if (outputParameters) {
-	    return (outputParameters.length > 0) ? false : true;
+	    return !outputParameters.length;
 	  }
 	}
 
 	/**
-	  * Get the 'zeebe:CalledElement' extension element for a given business Object
-	  * @param {Object} bo businessObject
-	  *
-	  * @returns {Object} the calledElement Moddle Object or undefined if zeebe:CalledElement does not exist
-	  */
+	 * Get zeebe:CalledElement of an element.
+	 *
+	 * @param {djs.model.Base|ModdleElement} element
+	 *
+	 * @returns {ModdleElement}
+	 */
 	function getCalledElement(element) {
 	  const calledElements = getCalledElements(element);
-	  return calledElements[0];
+
+	  return calledElements[ 0 ];
 	}
 
 	function getCalledElements(element) {
-	  const bo = getBusinessObject(element);
-	  const extElements = ExtensionElementsHelper_1.getExtensionElements(bo, 'zeebe:CalledElement');
-	  return extElements;
+	  const businessObject = getBusinessObject(element);
+
+	  return ExtensionElementsHelper_1.getExtensionElements(businessObject, 'zeebe:CalledElement');
 	}
 
 	/**
-	  * Check whether the propagateAllChildVariables attribute is set on an element.
-	  * Note that a default logic will be determine if it is not explicitly set.
-	  * @param {Object} element
-	  *
-	  * @returns {boolean}
-	  */
+	 * Check whether zeebe:propagateAllChildVariables is set on an element.
+	 * Fall back to default if zeebe:propagateAllChildVariables not set.
+	 *
+	 * @param {djs.model.Base|ModdleElement} element
+	 *
+	 * @returns {boolean}
+	 */
 	function isPropagateAllChildVariables(element) {
 	  if (!is$1(element, 'bpmn:CallActivity')) {
-	    return undefined;
+	    return;
 	  }
 
-	  const bo = getBusinessObject(element),
-	        calledElement = getCalledElement(bo);
+	  const businessObject = getBusinessObject(element),
+	        calledElement = getCalledElement(businessObject);
 
-	  return calledElement && has(calledElement, 'propagateAllChildVariables') ?
-	    calledElement.get('propagateAllChildVariables') :
-	    determinePropAllChildVariablesDefault(element);
+	  if (calledElement && has(calledElement, 'propagateAllChildVariables')) {
+	    return calledElement.get('propagateAllChildVariables');
+	  } else {
+	    return getPropagateAllChildVariablesDefault(element);
+	  }
 	}
 
-	const HIGH_PRIORITY$m = 15000;
+	const HIGH_PRIORITY$o = 5000;
+
 
 	/**
-	 * BPMN specific create zeebe call activity behavior
+	 * Zeebe BPMN specific behavior for creating call activities.
 	 */
-	function CreateZeebeCallActivityBehavior(
-	    eventBus, bpmnFactory) {
+	class CreateZeebeCallActivityBehavior extends CommandInterceptor {
+	  constructor(bpmnFactory, eventBus, modeling) {
+	    super(eventBus);
 
-	  CommandInterceptor$1.call(this, eventBus);
+	    /**
+	     * Add zeebe:CalledElement extension element with zeebe:propagateAllChildVariables attribute = false
+	     * when creating bpmn:CallActivity.
+	     */
+	    this.postExecuted('shape.create', HIGH_PRIORITY$o, function(context) {
+	      const { shape } = context;
 
-	  /**
-	   * add a zeebe:calledElement extensionElement with
-	   * propagateAllChildVariables attribute = false when creating
-	   * a bpmn:callActivity
-	   */
-	  this.postExecuted('shape.create', HIGH_PRIORITY$m, function(context) {
-	    const {
-	      shape
-	    } = context;
+	      if (!is$1(shape, 'bpmn:CallActivity')) {
+	        return;
+	      }
 
-	    if (!is$1(shape, 'bpmn:CallActivity')) {
-	      return;
-	    }
+	      const businessObject = getBusinessObject(shape);
 
-	    const bo = getBusinessObject(shape);
+	      let calledElement = getCalledElement(businessObject);
 
-	    // Reuse ExtensionElement if existing
-	    const extensionElements = bo.get('extensionElements') ||
-	      ElementHelper_1.createElement('bpmn:ExtensionElements', { values: [] }, bo, bpmnFactory);
+	      if (!calledElement) {
+	        calledElement = bpmnFactory.create('zeebe:CalledElement', {
+	          propagateAllChildVariables: false
+	        });
 
-	    // Ensure we have a calledElement
-	    let calledElement = getCalledElement(bo);
+	        let extensionElements = businessObject.get('extensionElements');
 
-	    if (!calledElement) {
-	      calledElement = bpmnFactory.create('zeebe:CalledElement', {});
-	      calledElement.propagateAllChildVariables = false;
+	        if (!extensionElements) {
+	          extensionElements = ElementHelper_1.createElement('bpmn:ExtensionElements', { values: [] }, businessObject, bpmnFactory);
 
-	      extensionElements.get('values').push(
-	        calledElement
-	      );
+	          modeling.updateProperties(shape, { extensionElements });
+	        }
 
-	      bo.extensionElements = extensionElements;
+	        modeling.updateModdleProperties(shape, extensionElements, {
+	          values: [
+	            ...(extensionElements.values || []),
+	            calledElement
+	          ]
+	        });
+	      } else if (!has(calledElement, 'propagateAllChildVariables')) {
 
-	      // Handle existing callActivities
-	    } else if (!has(calledElement, 'propagateAllChildVariables')) {
-	      calledElement.propagateAllChildVariables = false;
-	    }
+	        // if zeebe:CalledElement exist set zeebe:propagateAllChildVariables to false
+	        modeling.updateModdleProperties(shape, calledElement, {
+	          propagateAllChildVariables: false
+	        });
+	      }
+	    }, true);
 
-	  }, true);
+	  }
 	}
 
-
 	CreateZeebeCallActivityBehavior.$inject = [
+	  'bpmnFactory',
 	  'eventBus',
-	  'bpmnFactory'
+	  'modeling'
 	];
 
-	inherits_browser(CreateZeebeCallActivityBehavior, CommandInterceptor$1);
-
-	const HIGH_PRIORITY$n = 15000;
+	const HIGH_PRIORITY$p = 5000;
 
 
 	/**
-	 * UpdatePropagateAllChildVariablesBehavior reacts to either (1) toggling on propagateAllChildVariables
-	 * when there are outputParameters present or (2) to adding outputParameters when
-	 * propagateAllChildVariables is set to true.
-	 * It will ensure that the propagateAllChildVariables attribute on calledElement
-	 * extensionElements for callActivities is always consistent with outputParameter mappings
+	 * Zeebe BPMN behavior for updating zeebe:propagateAllChildVariables.
 	 */
-	function UpdatePropagateAllChildVariablesBehavior(
-	    eventBus) {
-
-	  CommandInterceptor$1.call(this, eventBus);
-
-	  // Behavior when toggling propagateAllChildVariables /////////////////////////
-	  /**
-	   * remove outputParameters from zeebe:IoMapping when setting propgateAlLChildVariables
-	   * to true in the proeprties panel
-	   */
-	  this.executed('properties-panel.update-businessobject' , HIGH_PRIORITY$n, function(context) {
-	    const {
-	      element,
-	      properties
-	    } = context;
-
-	    // (1) Don't execute this behavior if we are not in a call activity or not
-	    // have properties to update or not update the propagateAllChildVariables
-	    // to false
-	    if (!is$1(element, 'bpmn:CallActivity') ||
-	        !properties ||
-	        !!properties.propagateAllChildVariables === false) {
-	      return;
-	    }
-
-	    // (2) Check whether we have outputParameters
-	    const outputParameters = getOutputParameters(element),
-	          inputParameters = getInputParameters(element);
-
-	    if (!outputParameters ||
-	      outputParameters.length === 0) {
-	      return;
-	    }
-
-	    // (3) Store old outputParameters and remove them
-	    context.oldOutputParameters = outputParameters;
-
-	    const inputOutput = getInputOutput(element);
-	    inputOutput.outputParameters = [];
-
-	    // (4) if we also have no inputParameters, store IOMapping and remove it
-	    if (!inputParameters || inputParameters.length === 0) {
-	      const extensionElements = getBusinessObject(element).extensionElements;
-	      context.oldExtensionElements = extensionElements.values;
-
-	      extensionElements.values = extensionElements.values.filter(ele => ele.$type !== 'zeebe:IoMapping');
-	    }
-	  }, true);
-
-	  // Revert behavior when toggling propagateAllChildVariables //////////////////
-	  this.reverted('properties-panel.update-businessobject', HIGH_PRIORITY$n, function(context) {
-	    const {
-	      element,
-	      oldOutputParameters,
-	      oldExtensionElements
-	    } = context;
-
-	    // (1) Only intercept the revert, if the behavior became active
-	    if (oldOutputParameters) {
+	class UpdatePropagateAllChildVariablesBehavior extends CommandInterceptor {
+	  constructor(eventBus, modeling) {
+	    super(eventBus);
 
-	      // (2) If we removed the IOMapping, bring it back first
-	      if (oldExtensionElements) {
-	        const extensionElements = getBusinessObject(element).extensionElements;
+	    /**
+	     * Remove zeebe:OutputParameters when zeebe:propagateAllChildVariables is set to true.
+	     */
+	    this.postExecute('properties-panel.update-businessobject' , HIGH_PRIORITY$p, function(context) {
+	      const {
+	        element,
+	        properties
+	      } = context;
 
-	        extensionElements.values = oldExtensionElements;
+	      if (
+	        !is$1(element, 'bpmn:CallActivity')
+	        || !properties
+	        || !!properties.propagateAllChildVariables === false
+	      ) {
+	        return;
 	      }
 
-	      // (3) Bring back the outputParameters
-	      const inputOutput = getInputOutput(element);
-	      inputOutput.outputParameters = oldOutputParameters;
-	    }
-	  }, true);
-
+	      const inputParameters = getInputParameters(element),
+	            outputParameters = getOutputParameters(element);
 
-	  // Behavior when adding outputParameters ////////////////////////////////////
-	  /**
-	   * un-toggle propgateAlLChildVariables when adding output parameters
-	   */
-	  this.executed('properties-panel.update-businessobject-list' , HIGH_PRIORITY$n, function(context) {
-	    const {
-	      element,
-	      objectsToAdd
-	    } = context;
+	      if (!outputParameters || !outputParameters.length) {
+	        return;
+	      }
 
+	      const ioMapping = getIoMapping(element);
 
-	    // (1) Exit if we are not in a CallActivity, not adding an OutputParameter or not
-	    // having set propagateAllChildVariables to false
-	    if (!is$1(element, 'bpmn:CallActivity') ||
-	     !objectsToAdd ||
-	     objectsToAdd.length === 0 ||
-	     objectsToAdd.filter(obj => is$1(obj, 'zeebe:Output')).length === 0 ||
-	    isPropagateAllChildVariables(element) === false) {
-	      return;
-	    }
+	      modeling.updateModdleProperties(element, ioMapping, {
+	        'zeebe:outputParameters': []
+	      });
 
-	    // (2) Store the old propAllChildVariables value and update it then
-	    const bo = getBusinessObject(element),
-	          calledElement = getCalledElement(bo);
+	      if (!inputParameters || !inputParameters.length) {
+	        const businessObject = getBusinessObject(element),
+	              extensionElements = businessObject.get('extensionElements');
 
-	    context.oldPropagateAllChildVariables = true;
+	        const values = extensionElements.get('values').filter((element) => {
+	          return !is$1(element, 'zeebe:IoMapping');
+	        });
 
-	    calledElement.propagateAllChildVariables = false;
-	  }, true);
+	        modeling.updateModdleProperties(element, extensionElements, {
+	          values
+	        });
+	      }
+	    }, true);
 
-	  // Revert behavior when adding outputParmaeters ////////////////////////////////////
-	  this.reverted('properties-panel.update-businessobject-list' , HIGH_PRIORITY$n, function(context) {
-	    const {
-	      element,
-	      oldPropagateAllChildVariables
-	    } = context;
 
-	    // (1) Only intercept the revert, if the behavior became active
-	    if (oldPropagateAllChildVariables) {
-	      const bo = getBusinessObject(element),
-	            calledElement = getCalledElement(bo);
+	    /**
+	     * Set zeebe:propagateAllChildVariables to false on zeebe:Output added.
+	     */
+	    this.postExecute('properties-panel.update-businessobject-list' , HIGH_PRIORITY$p, function(context) {
+	      const {
+	        currentObject,
+	        element,
+	        objectsToAdd,
+	        propertyName
+	      } = context;
+
+	      if (!is$1(element, 'bpmn:CallActivity')
+	        || !is$1(currentObject, 'zeebe:IoMapping')
+	        || (propertyName !== 'outputParameters' && propertyName !== 'zeebe:outputParameters')
+	        || !objectsToAdd
+	        || !objectsToAdd.length
+	        || !objectsToAdd.find((object) => is$1(object, 'zeebe:Output'))
+	        || !isPropagateAllChildVariables(element)) {
+	        return;
+	      }
 
-	      calledElement.propagateAllChildVariables = oldPropagateAllChildVariables;
-	    }
-	  }, true);
+	      const businessObject = getBusinessObject(element),
+	            calledElement = getCalledElement(businessObject);
 
+	      modeling.updateModdleProperties(element, calledElement, {
+	        'zeebe:propagateAllChildVariables': false
+	      });
+	    }, true);
 
+	  }
 	}
 
-
 	UpdatePropagateAllChildVariablesBehavior.$inject = [
-	  'eventBus'
+	  'eventBus',
+	  'modeling'
 	];
 
+	const USER_TASK_FORM_PREFIX = 'UserTaskForm_';
 
-	inherits_browser(UpdatePropagateAllChildVariablesBehavior, CommandInterceptor$1);
-
-	const USER_TASK_FORM_PREFIX = 'userTaskForm_';
-
-
-	function getUserTaskForm(element, parent) {
-
-	  const rootElement = parent || getRootElement$1(element);
-
-	  // (1) get form definition from user task
-	  const formDefinition = getFormDefinition(element);
-
-	  if (!formDefinition) {
-	    return;
-	  }
-
-	  const formKey = formDefinition.get('formKey');
-
-	  // (2) retrieve user task form via form key
-	  const userTaskForm = findUserTaskForm(formKey, rootElement);
-
-	  return userTaskForm;
-	}
-
-	function getFormDefinition(element) {
-	  const businessObject = getBusinessObject(element);
-
-	  const formDefinitions = ExtensionElementsHelper_1.getExtensionElements(businessObject, 'zeebe:FormDefinition');
-
-	  return formDefinitions[0];
-	}
-
-	function createFormKey(formId) {
-	  return 'camunda-forms:bpmn:' + formId;
-	}
 
 	function createFormDefinition(properties, extensionElements, bpmnFactory) {
 	  return ElementHelper_1.createElement(
@@ -73582,6 +72709,14 @@
 	  );
 	}
 
+	function createFormId() {
+	  return nextId_1(USER_TASK_FORM_PREFIX);
+	}
+
+	function createFormKey(formId) {
+	  return `camunda-forms:bpmn:${ formId }`;
+	}
+
 	function createUserTaskForm(properties, extensionElements, bpmnFactory) {
 	  return ElementHelper_1.createElement(
 	    'zeebe:UserTaskForm',
@@ -73591,19 +72726,22 @@
 	  );
 	}
 
-	function createFormId() {
-	  return nextId_1(USER_TASK_FORM_PREFIX);
-	}
+	function findUserTaskForm(formKey, rootElement) {
+	  const userTaskForms = ExtensionElementsHelper_1.getExtensionElements(rootElement, 'zeebe:UserTaskForm');
 
+	  return find(userTaskForms, function(userTaskForm) {
+	    const id = userTaskForm.get('zeebe:id');
 
-	// helpers /////////////////////
+	    return createFormKey(id) === formKey;
+	  });
+	}
 
-	function findUserTaskForm(formKey, rootElement) {
-	  const forms = ExtensionElementsHelper_1.getExtensionElements(rootElement, 'zeebe:UserTaskForm');
+	function getFormDefinition(element) {
+	  const businessObject = getBusinessObject(element);
 
-	  return find(forms, function(userTaskForm) {
-	    return createFormKey(userTaskForm.id) === formKey;
-	  });
+	  const formDefinitions = ExtensionElementsHelper_1.getExtensionElements(businessObject, 'zeebe:FormDefinition');
+
+	  return formDefinitions[ 0 ];
 	}
 
 	function getRootElement$1(element) {
@@ -73617,162 +72755,125 @@
 	  return parent;
 	}
 
-	/**
-	 * Zeebe specific form definition behavior.
-	 */
-	function FormDefinitionBehavior(
-	    eventBus, bpmnFactory) {
-
-	  CommandInterceptor$1.call(this, eventBus);
-
-	  /**
-	   * ensures a zeebe:userTaskForm is cleaned up when user task got removed
-	   */
-	  this.executed('shape.delete', function(context) {
-	    const {
-	      shape,
-	      oldParent
-	    } = context;
+	function getUserTaskForm(element, parent) {
+	  const rootElement = parent || getRootElement$1(element);
 
-	    const rootElement = getRootElement$2(oldParent);
+	  const formDefinition = getFormDefinition(element);
 
-	    const userTaskForm = getUserTaskForm(shape, rootElement);
+	  if (!formDefinition) {
+	    return;
+	  }
 
-	    const rootExtensionElements = rootElement.get('extensionElements');
+	  const formKey = formDefinition.get('zeebe:formKey');
 
-	    if (!is$1(shape, 'bpmn:UserTask') || !userTaskForm) {
-	      return;
-	    }
+	  return findUserTaskForm(formKey, rootElement);
+	}
 
-	    remove$3(rootExtensionElements.get('values'), userTaskForm);
+	/**
+	 * Zeebe BPMN specific form definition behavior.
+	 */
+	class FormDefinitionBehavior extends CommandInterceptor {
+	  constructor(bpmnFactory, eventBus, modeling) {
+	    super(eventBus);
 
-	    context.removedUserTaskForm = userTaskForm;
-	  }, true);
+	    /**
+	     * Remove zeebe:UserTaskForm on user task removed.
+	     */
+	    this.postExecute('shape.delete', function(context) {
+	      const {
+	        oldParent,
+	        shape
+	      } = context;
 
-	  this.revert('shape.delete', function(context) {
-	    const {
-	      removedUserTaskForm,
-	      oldParent
-	    } = context;
+	      const rootElement = getRootElement$2(oldParent);
 
-	    const rootElement = getRootElement$2(oldParent);
+	      const userTaskForm = getUserTaskForm(shape, rootElement);
 
-	    const rootExtensionElements = rootElement.get('extensionElements');
+	      if (!is$1(shape, 'bpmn:UserTask') || !userTaskForm) {
+	        return;
+	      }
 
-	    if (!removedUserTaskForm) {
-	      return;
-	    }
+	      const rootExtensionElements = rootElement.get('extensionElements');
 
-	    add$2(rootExtensionElements.get('values'), removedUserTaskForm);
-	  }, true);
+	      const values = rootExtensionElements.get('values').filter((element) => {
+	        return element !== userTaskForm;
+	      });
 
+	      modeling.updateModdleProperties(shape, rootExtensionElements, { values });
+	    }, true);
 
-	  /**
-	   * create fresh new copied form definition + user task form
-	   */
-	  this.executed('shape.create', function(context) {
-	    const {
-	      shape,
-	    } = context;
 
-	    const oldFormDefinition = getFormDefinition(shape);
+	    /**
+	     * Create new zeebe:FormDefinition and zeebe:UserTaskForm on user task created.
+	     */
+	    this.postExecute('shape.create', function(context) {
+	      const { shape } = context;
 
-	    if (!is$1(shape, 'bpmn:UserTask') || !oldFormDefinition) {
-	      return;
-	    }
+	      const oldFormDefinition = getFormDefinition(shape);
 
-	    const oldUserTaskForm = getUserTaskForm(shape);
+	      if (!is$1(shape, 'bpmn:UserTask') || !oldFormDefinition) {
+	        return;
+	      }
 
-	    const rootElement = getRootElement$2(shape);
+	      const oldUserTaskForm = getUserTaskForm(shape);
 
-	    const businessObject = getBusinessObject(shape);
+	      const rootElement = getRootElement$2(shape);
 
-	    const extensionElements = businessObject.get('extensionElements');
+	      const businessObject = getBusinessObject(shape);
 
-	    let rootExtensionElements = rootElement.get('extensionElements');
+	      const extensionElements = businessObject.get('extensionElements');
 
-	    // (1) ensure extension elements in root
-	    if (!rootExtensionElements) {
+	      let rootExtensionElements = rootElement.get('extensionElements');
 
-	      rootExtensionElements = ElementHelper_1.createElement(
-	        'bpmn:ExtensionElements',
-	        { values: [] },
-	        rootElement,
-	        bpmnFactory
-	      );
+	      // (1) ensure extension elements exists
+	      if (!rootExtensionElements) {
+	        rootExtensionElements = ElementHelper_1.createElement('bpmn:ExtensionElements', { values: [] }, rootElement, bpmnFactory);
 
-	      rootElement.set('extensionElements', rootExtensionElements);
-	    }
+	        modeling.updateModdleProperties(shape, rootElement, { extensionElements: rootExtensionElements });
+	      }
 
-	    // (2) remove existing form definition
-	    context.oldFormDefinition = oldFormDefinition;
+	      // (2) remove existing form definition
+	      let values = extensionElements.get('values').filter((element) => {
+	        return element !== oldFormDefinition;
+	      });
 
-	    remove$3(extensionElements.get('values'), oldFormDefinition);
+	      // (3) create new form definition
+	      const formId = createFormId();
 
-	    const formId = createFormId();
+	      const newFormDefinition = createFormDefinition({ formKey: createFormKey(formId) }, extensionElements, bpmnFactory);
 
-	    // (3) create new form definition
-	    const formDefinition = createFormDefinition(
-	      {
-	        formKey: createFormKey(formId)
-	      },
-	      extensionElements,
-	      bpmnFactory
-	    );
+	      values = [
+	        ...values,
+	        newFormDefinition
+	      ];
 
-	    add$2(extensionElements.get('values'), formDefinition);
+	      modeling.updateModdleProperties(shape, extensionElements, {
+	        values
+	      });
 
-	    // (4) create new user task form
-	    const userTaskForm = createUserTaskForm(
-	      {
+	      // (4) create new user task form
+	      const userTaskForm = createUserTaskForm({
 	        id: formId,
 	        body: oldUserTaskForm ? oldUserTaskForm.get('body') : ''
-	      },
-	      rootExtensionElements,
-	      bpmnFactory
-	    );
-
-	    add$2(rootExtensionElements.get('values'), userTaskForm);
-	  }, true);
-
-	  this.revert('shape.create', function(context) {
-	    const {
-	      shape,
-	      oldFormDefinition
-	    } = context;
-
-	    const businessObject = getBusinessObject(shape);
-
-	    const extensionElements = businessObject.get('extensionElements');
-
-	    const formDefinition = getFormDefinition(shape);
-
-	    const userTaskForm = getUserTaskForm(shape);
+	      }, rootExtensionElements, bpmnFactory);
 
-	    const rootElement = getRootElement$2(shape);
-
-	    const rootExtensionElements = rootElement.get('extensionElements');
-
-	    if (!is$1(shape, 'bpmn:UserTask') || !userTaskForm) {
-	      return;
-	    }
-
-	    // we need to cover the old form definition to make <redo> possible
-	    remove$3(extensionElements.get('values'), formDefinition);
-	    add$2(extensionElements.get('values'), oldFormDefinition);
-
-	    remove$3(rootExtensionElements.get('values'), userTaskForm);
-	  }, true);
+	      modeling.updateModdleProperties(shape, rootExtensionElements, {
+	        values: [
+	          ...(rootExtensionElements.get('values') || []),
+	          userTaskForm
+	        ]
+	      });
+	    }, true);
 
+	  }
 	}
 
 	FormDefinitionBehavior.$inject = [
+	  'bpmnFactory',
 	  'eventBus',
-	  'bpmnFactory'
+	  'modeling'
 	];
 
-	inherits_browser(FormDefinitionBehavior, CommandInterceptor$1);
-
 
 	// helpers //////////////
 
@@ -73789,11 +72890,15 @@
 
 	var zeebeModelingBehaviors = {
 	  __init__: [
+	    'cleanUpAssignmentDefinitionBehavior',
+	    'cleanUpBusinessRuleTaskBehavior',
 	    'createZeebeBoundaryEventBehavior',
 	    'createZeebeCallActivityBehavior',
 	    'updatePropagateAllChildVariablesBehavior',
 	    'formDefinitionBehavior'
 	  ],
+	  cleanUpAssignmentDefinitionBehavior: [ 'type', CleanUpBusinessRuleTaskBehavior ],
+	  cleanUpBusinessRuleTaskBehavior: [ 'type', CleanUpBusinessRuleTaskBehavior$1 ],
 	  createZeebeBoundaryEventBehavior: [ 'type', CreateZeebeBoundaryEventBehavior ],
 	  createZeebeCallActivityBehavior: [ 'type', CreateZeebeCallActivityBehavior ],
 	  updatePropagateAllChildVariablesBehavior: [ 'type', UpdatePropagateAllChildVariablesBehavior ],
@@ -73822,11 +72927,11 @@
 	  'create.group'
 	];
 
-	const LOW_PRIORITY$p = 500;
+	const LOW_PRIORITY$o = 500;
 	class PaletteProvider$1 {
 
 	  constructor(palette) {
-	    palette.registerProvider(LOW_PRIORITY$p, this);
+	    palette.registerProvider(LOW_PRIORITY$o, this);
 	  }
 
 	  getPaletteEntries(element) {
@@ -73870,7 +72975,7 @@
 	  'lane-insert-below'
 	];
 
-	const LOW_PRIORITY$q = 500;
+	const LOW_PRIORITY$p = 500;
 
 	class ContextPadProvider$1 {
 
@@ -73882,7 +72987,7 @@
 	      contextPadProvider.autoPlace = injector.get('autoPlace', false);
 	    }
 
-	    contextPad.registerProvider(LOW_PRIORITY$q, this);
+	    contextPad.registerProvider(LOW_PRIORITY$p, this);
 	  }
 
 	  getContextPadEntries(element) {
@@ -74022,7 +73127,7 @@
 	  zeebeReplaceMenuProvider: [ 'type', ReplaceMenuProvider$1 ]
 	};
 
-	const HIGH_PRIORITY$o = 15000;
+	const HIGH_PRIORITY$q = 5000;
 
 	/**
 	 * Zeebe rule provider that allows to create boundary events with catch events
@@ -74040,7 +73145,7 @@
 
 	  init() {
 	    super.init();
-	    this.addRule('shape.attach', HIGH_PRIORITY$o,(context) => {
+	    this.addRule('shape.attach', HIGH_PRIORITY$q,(context) => {
 	      return this.canAttach(
 	        context.shape,
 	        context.target,
@@ -74468,12 +73573,12 @@
 	    }
 
 	    // Get the IOMapping
-	    let inputOutput = getInputOutput(element);
+	    let inputOutput = getIoMapping(element);
 
 	    if (!inputOutput) {
 	      const parent = extensionElements;
 
-	      inputOutput = createIOMapping(parent, bpmnFactory, {
+	      inputOutput = createIoMapping(parent, bpmnFactory, {
 	        inputParameters: [],
 	        outputParameters: []
 	      });
@@ -74528,7 +73633,7 @@
 	function getIOMappingEntries(element, bpmnFactory, translate, options) {
 
 	  // Get the IOMapping and determine whether we are dealing with input or output parameters
-	  const inputOutput = getInputOutput(element),
+	  const inputOutput = getIoMapping(element),
 	        params = determineParamGetFunc(options.prop)(element, false);
 
 	  if (!params.length) {
@@ -74597,6 +73702,19 @@
 	  }
 	}
 
+
+	// helpers //////////
+
+	function determineParamGetFunc(property) {
+	  if (property == 'inputParameters') {
+	    return getInputParameters;
+	  }
+
+	  if (property == 'outputParameters') {
+	    return getOutputParameters;
+	  }
+	}
+
 	function inputOutput$1(group, element, bpmnFactory, translate, options) {
 
 	  const inputOutputEntry = inputOutput(element, bpmnFactory, translate, options);
@@ -76101,7 +75219,7 @@
 
 	var propertiesProviderModule = {
 	  __depends__: [
-	    translate$4
+	    translate$2
 	  ],
 	  __init__: [ 'propertiesProvider' ],
 	  propertiesProvider: [ 'type', ZeebePropertiesProvider ]
@@ -76388,6 +75506,52 @@
 					isAttr: true
 				}
 			]
+		},
+		{
+			name: "CalledDecision",
+			superClass: [
+				"Element"
+			],
+			meta: {
+				allowedIn: [
+					"bpmn:BusinessRuleTask"
+				]
+			},
+			properties: [
+				{
+					name: "decisionId",
+					type: "String",
+					isAttr: true
+				},
+				{
+					name: "resultVariable",
+					type: "String",
+					isAttr: true
+				}
+			]
+		},
+		{
+			name: "AssignmentDefinition",
+			superClass: [
+				"Element"
+			],
+			meta: {
+				allowedIn: [
+					"bpmn:UserTask"
+				]
+			},
+			properties: [
+				{
+					name: "assignee",
+					type: "String",
+					isAttr: true
+				},
+				{
+					name: "candidateGroups",
+					type: "String",
+					isAttr: true
+				}
+			]
 		}
 	];
 	var zeebeModdle = {