camunda-bpmn-js 4.15.0 → 4.17.0

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

@@ -111302,7 +111302,7 @@
       monospace,
       onFocus,
       onBlur,
-      autoResize,
+      autoResize = true,
       placeholder,
       rows = autoResize ? 1 : 2,
       tooltip
@@ -115434,8 +115434,8 @@
     });
     const selectedElement = state.selectedElement;
 
-    /**
-     * @param {djs.model.Base | Array<djs.model.Base>} element
+    /**
+     * @param {djs.model.Base | Array<djs.model.Base>} element
      */
     const _update = element => {
       if (!element) {
@@ -115620,10 +115620,10 @@
 
   const DEFAULT_PRIORITY$1 = 1000;
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').GroupDefinition } GroupDefinition
-   * @typedef { import('@bpmn-io/properties-panel').ListGroupDefinition } ListGroupDefinition
-   * @typedef { { getGroups: (ModdleElement) => (Array{GroupDefinition|ListGroupDefinition}) => Array{GroupDefinition|ListGroupDefinition}) } PropertiesProvider
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').GroupDefinition } GroupDefinition
+   * @typedef { import('@bpmn-io/properties-panel').ListGroupDefinition } ListGroupDefinition
+   * @typedef { { getGroups: (ModdleElement) => (Array{GroupDefinition|ListGroupDefinition}) => Array{GroupDefinition|ListGroupDefinition}) } PropertiesProvider
    */
 
   class BpmnPropertiesPanelRenderer {
@@ -115660,10 +115660,10 @@
       });
     }
 
-    /**
-     * Attach the properties panel to a parent node.
-     *
-     * @param {HTMLElement} container
+    /**
+     * Attach the properties panel to a parent node.
+     *
+     * @param {HTMLElement} container
      */
     attachTo(container) {
       if (!container) {
@@ -115688,8 +115688,8 @@
       this._eventBus.fire('propertiesPanel.attach');
     }
 
-    /**
-     * Detach the properties panel from its parent node.
+    /**
+     * Detach the properties panel from its parent node.
      */
     detach() {
       const parentNode = this._container.parentNode;
@@ -115699,11 +115699,11 @@
       }
     }
 
-    /**
-     * Register a new properties provider to the properties panel.
-     *
-     * @param {Number} [priority]
-     * @param {PropertiesProvider} provider
+    /**
+     * Register a new properties provider to the properties panel.
+     *
+     * @param {Number} [priority]
+     * @param {PropertiesProvider} provider
      */
     registerProvider(priority, provider) {
       if (!provider) {
@@ -115720,9 +115720,9 @@
       this._eventBus.fire('propertiesPanel.providersChanged');
     }
 
-    /**
-     * Updates the layout of the properties panel.
-     * @param {Object} layout
+    /**
+     * Updates the layout of the properties panel.
+     * @param {Object} layout
      */
     setLayout(layout) {
       this._eventBus.fire('propertiesPanel.setLayout', {
@@ -115772,12 +115772,12 @@
     return element && (element.isImplicit || element.id === '__implicitroot');
   }
 
-  /**
-   * Setup keyboard bindings (undo, redo) on the given container.
-   *
-   * @param {Element} container
-   * @param {EventBus} eventBus
-   * @param {CommandStack} commandStack
+  /**
+   * Setup keyboard bindings (undo, redo) on the given container.
+   *
+   * @param {Element} container
+   * @param {EventBus} eventBus
+   * @param {CommandStack} commandStack
    */
   function setupKeyboard(container, eventBus, commandStack) {
     function cancel(event) {
@@ -115802,14 +115802,14 @@
     });
   }
 
-  /**
-   * A handler that combines and executes multiple commands.
-   *
-   * All updates are bundled on the command stack and executed in one step.
-   * This also makes it possible to revert the changes in one step.
-   *
-   * Example use case: remove the camunda:formKey attribute and in addition
-   * add all form fields needed for the camunda:formData property.
+  /**
+   * A handler that combines and executes multiple commands.
+   *
+   * All updates are bundled on the command stack and executed in one step.
+   * This also makes it possible to revert the changes in one step.
+   *
+   * Example use case: remove the camunda:formKey attribute and in addition
+   * add all form fields needed for the camunda:formData property.
    */
   let MultiCommandHandler$1 = class MultiCommandHandler {
     constructor(commandStack) {
@@ -115936,12 +115936,12 @@
     return compensateEventDefinition && compensateEventDefinition.get('activityRef');
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function CompensationProps(props) {
     const {
@@ -116051,12 +116051,12 @@
     return getFlowElements(element, 'bpmn:BoundaryEvent');
   }
 
-  /**
-   * Checks whether an Activity is attaching a CompensateEvent of the parent container.
-   *
-   * @param {ModdleElement} activity
-   * @param {Array<ModdleElement>} boundaryEvents
-   * @returns {Boolean}
+  /**
+   * Checks whether an Activity is attaching a CompensateEvent of the parent container.
+   *
+   * @param {ModdleElement} activity
+   * @param {Array<ModdleElement>} boundaryEvents
+   * @returns {Boolean}
    */
   function hasCompensationEventAttached(activity, boundaryEvents) {
     const {
@@ -116071,15 +116071,15 @@
     });
   }
 
-  /**
-   * Checks whether an Activity can be compensated. That's the case when it is
-   * a) a CallActivity
-   * b) a SubProcess, when it is not event based and not a compensation
-   * c) any other Activity, when it is attaching a CompensateEvent of the parent container
-   *
-   * @param {ModdleElement} activity
-   * @param {Array<ModdleElement>} boundaryEvents
-   * @returns {Boolean}
+  /**
+   * Checks whether an Activity can be compensated. That's the case when it is
+   * a) a CallActivity
+   * b) a SubProcess, when it is not event based and not a compensation
+   * c) any other Activity, when it is attaching a CompensateEvent of the parent container
+   *
+   * @param {ModdleElement} activity
+   * @param {Array<ModdleElement>} boundaryEvents
+   * @returns {Boolean}
    */
   function canBeCompensated(activity, boundaryEvents) {
     return is$6(activity, 'bpmn:CallActivity') || is$6(activity, 'bpmn:SubProcess') && !activity.triggeredByEvent && !activity.isForCompensation || hasCompensationEventAttached(activity, boundaryEvents);
@@ -116092,11 +116092,11 @@
     });
   }
 
-  /**
-   * Retrieves all possible activities to reference for a Compensation.
-   *
-   * @param {djs.model.Base} element
-   * @returns {Array<ModdleElement>}
+  /**
+   * Retrieves all possible activities to reference for a Compensation.
+   *
+   * @param {djs.model.Base} element
+   * @returns {Array<ModdleElement>}
    */
   function findActivityRefs(element) {
     const businessObject = getBusinessObject$2(element);
@@ -116116,13 +116116,13 @@
     return activities;
   }
 
-  /**
-   * Retrieves an option label in the form
-   * a) with name: "my Task (id=Task_1)"
-   * b) without name: "(id=Task_1)"
-   *
-   * @param {ModdleElement} activity
-   * @returns {String}
+  /**
+   * Retrieves an option label in the form
+   * a) with name: "my Task (id=Task_1)"
+   * b) without name: "(id=Task_1)"
+   *
+   * @param {ModdleElement} activity
+   * @returns {String}
    */
   function createOptionLabel(activity) {
     const {
@@ -116137,12 +116137,12 @@
 
   const DOCUMENTATION_TEXT_FORMAT = 'text/plain';
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function DocumentationProps(props) {
     const {
@@ -116213,12 +116213,12 @@
     });
   }
 
-  /**
-   * Retrieves a documentation element from a given moddle element.
-   *
-   * @param {ModdleElement} businessObject
-   *
-   * @returns {ModdleElement} documentation element inside the given moddle element.
+  /**
+   * Retrieves a documentation element from a given moddle element.
+   *
+   * @param {ModdleElement} businessObject
+   *
+   * @returns {ModdleElement} documentation element inside the given moddle element.
    */
   function getDocumentation(businessObject) {
     return function () {
@@ -116227,10 +116227,10 @@
     };
   }
 
-  /**
-   * Sets a documentation element for a given moddle element.
-   *
-   * @param {ModdleElement} businessObject
+  /**
+   * Sets a documentation element for a given moddle element.
+   *
+   * @param {ModdleElement} businessObject
    */
   function setDocumentation(element, businessObject, bpmnFactory, commandStack) {
     return function (value) {
@@ -116273,15 +116273,15 @@
     };
   }
 
-  /**
-   * Create a new element and (optionally) set its parent.
-   *
-   * @param {string} type
-   * @param {Object} properties
-   * @param {import('bpmn-js/lib/model/Types').ModdleElement} parent
-   * @param {import('bpmn-js/lib/features/modeling/BpmnFactory').default} bpmnFactory
-   *
-   * @returns {import('bpmn-js/lib/model/Types').ModdleElement}
+  /**
+   * Create a new element and (optionally) set its parent.
+   *
+   * @param {string} type
+   * @param {Object} properties
+   * @param {import('bpmn-js/lib/model/Types').ModdleElement} parent
+   * @param {import('bpmn-js/lib/features/modeling/BpmnFactory').default} bpmnFactory
+   *
+   * @returns {import('bpmn-js/lib/model/Types').ModdleElement}
    */
   function createElement$3(type, properties, parent, bpmnFactory) {
     const element = bpmnFactory.create(type, properties);
@@ -116291,8 +116291,8 @@
     return element;
   }
 
-  /**
-   * generate a semantic id with given prefix
+  /**
+   * generate a semantic id with given prefix
    */
   function nextId$1(prefix) {
     const ids = new Ids$1([32, 32, 1]);
@@ -116321,12 +116321,12 @@
   const EMPTY_OPTION$4 = '';
   const CREATE_NEW_OPTION$4 = 'create-new';
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function ErrorProps$2(props) {
     const {
@@ -116502,12 +116502,12 @@
 
   const CREATE_NEW_OPTION$3 = 'create-new';
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function EscalationProps$2(props) {
     const {
@@ -116680,12 +116680,12 @@
     return sortBy$1(elements, e => (e.name || '').toLowerCase());
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function ExecutableProps(props) {
     const {
@@ -116756,14 +116756,14 @@
   // for ID validation as per BPMN Schema (QName - Namespace)
   const ID_REGEX = /^[a-z_][\w-.]*$/i;
 
-  /**
-   * checks whether the id value is valid
-   *
-   * @param {ModdleElement} element
-   * @param {String} idValue
-   * @param {Function} translate
-   *
-   * @return {String} error message
+  /**
+   * checks whether the id value is valid
+   *
+   * @param {ModdleElement} element
+   * @param {String} idValue
+   * @param {Function} translate
+   *
+   * @return {String} error message
    */
   function isIdValid(element, idValue, translate) {
     const assigned = element.$model.ids.assigned(idValue);
@@ -116791,12 +116791,12 @@
     return SPACE_REGEX.test(value);
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function IdProps$1() {
     return [{
@@ -116838,12 +116838,12 @@
     });
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function LinkProps(props) {
     const {
@@ -116891,12 +116891,12 @@
   const EMPTY_OPTION$3 = '';
   const CREATE_NEW_OPTION$2 = 'create-new';
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function MessageProps$1(props) {
     const {
@@ -117039,12 +117039,12 @@
     return sortBy$1(elements, e => (e.name || '').toLowerCase());
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function MultiInstanceProps$2(props) {
     const {
@@ -117115,59 +117115,59 @@
 
   // generic ///////////////////////////
 
-  /**
-   * isMultiInstanceSupported - check whether given element supports MultiInstanceLoopCharacteristics.
-   *
-   * @param {djs.model.Base} element
-   * @return {boolean}
+  /**
+   * isMultiInstanceSupported - check whether given element supports MultiInstanceLoopCharacteristics.
+   *
+   * @param {djs.model.Base} element
+   * @return {boolean}
    */
   function isMultiInstanceSupported$1(element) {
     const loopCharacteristics = getLoopCharacteristics$2(element);
     return !!loopCharacteristics && is$6(loopCharacteristics, 'bpmn:MultiInstanceLoopCharacteristics');
   }
 
-  /**
-   * getBody - get the body of a given expression.
-   *
-   * @param {ModdleElement<bpmn:FormalExpression>} expression
-   * @return {string} the body (value) of the expression
+  /**
+   * getBody - get the body of a given expression.
+   *
+   * @param {ModdleElement<bpmn:FormalExpression>} expression
+   * @return {string} the body (value) of the expression
    */
   function getBody(expression) {
     return expression && expression.get('body');
   }
 
-  /**
-   * getProperty - get a property value of the loop characteristics.
-   *
-   * @param {djs.model.Base} element
-   * @param {string} propertyName
-   *
-   * @return {any} the property value
+  /**
+   * getProperty - get a property value of the loop characteristics.
+   *
+   * @param {djs.model.Base} element
+   * @param {string} propertyName
+   *
+   * @return {any} the property value
    */
   function getProperty$2(element, propertyName) {
     const loopCharacteristics = getLoopCharacteristics$2(element);
     return loopCharacteristics && loopCharacteristics.get(propertyName);
   }
 
-  /**
-   * getLoopCharacteristics - get loopCharacteristics of a given element.
-   *
-   * @param {djs.model.Base} element
-   * @return {ModdleElement<bpmn:MultiInstanceLoopCharacteristics> | undefined}
+  /**
+   * getLoopCharacteristics - get loopCharacteristics of a given element.
+   *
+   * @param {djs.model.Base} element
+   * @return {ModdleElement<bpmn:MultiInstanceLoopCharacteristics> | undefined}
    */
   function getLoopCharacteristics$2(element) {
     const bo = getBusinessObject$2(element);
     return bo.loopCharacteristics;
   }
 
-  /**
-   * createFormalExpression - creates a 'bpmn:FormalExpression' element.
-   *
-   * @param {ModdleElement} parent
-   * @param {string} body
-   * @param {BpmnFactory} bpmnFactory
-   *
-   * @result {ModdleElement<bpmn:FormalExpression>} a formal expression
+  /**
+   * createFormalExpression - creates a 'bpmn:FormalExpression' element.
+   *
+   * @param {ModdleElement} parent
+   * @param {string} body
+   * @param {BpmnFactory} bpmnFactory
+   *
+   * @result {ModdleElement<bpmn:FormalExpression>} a formal expression
    */
   function createFormalExpression$1(parent, body, bpmnFactory) {
     return createElement$3('bpmn:FormalExpression', {
@@ -117175,13 +117175,13 @@
     }, parent, bpmnFactory);
   }
 
-  /**
-   * updateFormalExpression - updates a specific formal expression of the loop characteristics.
-   *
-   * @param {djs.model.Base} element
-   * @param {string} propertyName
-   * @param {string} newValue
-   * @param {BpmnFactory} bpmnFactory
+  /**
+   * updateFormalExpression - updates a specific formal expression of the loop characteristics.
+   *
+   * @param {djs.model.Base} element
+   * @param {string} propertyName
+   * @param {string} newValue
+   * @param {BpmnFactory} bpmnFactory
    */
   function updateFormalExpression(element, propertyName, newValue, bpmnFactory) {
     const loopCharacteristics = getLoopCharacteristics$2(element);
@@ -117218,23 +117218,23 @@
 
   // loopCardinality
 
-  /**
-   * getLoopCardinality - get the loop cardinality of the loop characteristics.
-   *
-   * @param {djs.model.Base} element
-   *
-   * @return {ModdleElement<bpmn:FormalExpression>} an expression representing the loop cardinality
+  /**
+   * getLoopCardinality - get the loop cardinality of the loop characteristics.
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {ModdleElement<bpmn:FormalExpression>} an expression representing the loop cardinality
    */
   function getLoopCardinality(element) {
     return getProperty$2(element, 'loopCardinality');
   }
 
-  /**
-   * getLoopCardinalityValue - get the loop cardinality value of the loop characteristics.
-   *
-   * @param {djs.model.Base} element
-   *
-   * @return {string} the loop cardinality value
+  /**
+   * getLoopCardinalityValue - get the loop cardinality value of the loop characteristics.
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {string} the loop cardinality value
    */
   function getLoopCardinalityValue(element) {
     const loopCardinality = getLoopCardinality(element);
@@ -117243,35 +117243,35 @@
 
   // completionCondition /////////////////////
 
-  /**
-   * getCompletionCondition - get the completion condition of the loop characteristics.
-   *
-   * @param {djs.model.Base} element
-   *
-   * @return {ModdleElement<bpmn:FormalExpression>} an expression representing the completion condition
+  /**
+   * getCompletionCondition - get the completion condition of the loop characteristics.
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {ModdleElement<bpmn:FormalExpression>} an expression representing the completion condition
    */
   function getCompletionCondition$1(element) {
     return getProperty$2(element, 'completionCondition');
   }
 
-  /**
-   * getCompletionConditionValue - get the completion condition value of the loop characteristics.
-   *
-   * @param {djs.model.Base} element
-   *
-   * @return {string} the completion condition value
+  /**
+   * getCompletionConditionValue - get the completion condition value of the loop characteristics.
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {string} the completion condition value
    */
   function getCompletionConditionValue(element) {
     const completionCondition = getCompletionCondition$1(element);
     return getBody(completionCondition);
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function NameProps(props) {
     const {
@@ -117375,12 +117375,12 @@
     return categoryValue;
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function ProcessProps$1(props) {
     const {
@@ -117471,15 +117471,15 @@
     return is$6(element, 'bpmn:Participant') && element.businessObject.get('processRef');
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
   const EMPTY_OPTION$2 = '';
   const CREATE_NEW_OPTION$1 = 'create-new';
 
-  /**
-   * @returns {Entry[]}
+  /**
+   * @returns {Entry[]}
    */
   function SignalProps$1(props) {
     const {
@@ -117629,12 +117629,12 @@
     return isAny$1(element, ['bpmn:StartEvent', 'bpmn:IntermediateCatchEvent', 'bpmn:BoundaryEvent']) && !!getTimerEventDefinition$1(element);
   }
 
-  /**
-   * Get the timer definition type for a given timer event definition.
-   *
-   * @param {ModdleElement<bpmn:TimerEventDefinition>} timer
-   *
-   * @return {string|undefined} the timer definition type
+  /**
+   * Get the timer definition type for a given timer event definition.
+   *
+   * @param {ModdleElement<bpmn:TimerEventDefinition>} timer
+   *
+   * @return {string|undefined} the timer definition type
    */
   function getTimerDefinitionType(timer) {
     if (!timer) {
@@ -117717,12 +117717,12 @@
     return entries;
   }
 
-  /**
-   * TimerEventDefinitionType - Generic select entry allowing to select a specific
-   * timerEventDefintionType. To be used together with timerEventDefinitionValue.
-   *
-   * @param  {type} props
-   * @return {SelectEntry}
+  /**
+   * TimerEventDefinitionType - Generic select entry allowing to select a specific
+   * timerEventDefintionType. To be used together with timerEventDefinitionValue.
+   *
+   * @param  {type} props
+   * @return {SelectEntry}
    */
   function TimerEventDefinitionType$2(props) {
     const {
@@ -117790,13 +117790,13 @@
     });
   }
 
-  /**
-   * TimerEventDefinitionValue - Generic textField entry allowing to specify the
-   * timerEventDefintionValue based on the set timerEventDefintionType. To be used
-   * together with timerEventDefinitionType.
-   *
-   * @param  {type} props
-   * @return {TextFieldEntry}
+  /**
+   * TimerEventDefinitionValue - Generic textField entry allowing to specify the
+   * timerEventDefintionValue based on the set timerEventDefintionType. To be used
+   * together with timerEventDefinitionType.
+   *
+   * @param  {type} props
+   * @return {TextFieldEntry}
    */
   function TimerEventDefinitionValue$2(props) {
     const {
@@ -118081,12 +118081,12 @@
     bpmnPropertiesProvider: ['type', BpmnPropertiesProvider]
   };
 
-  /**
-   * Get extension elements of business object. Optionally filter by type.
-   *
-   * @param {ModdleElement} businessObject
-   * @param {string} [type=undefined]
-   * @returns {Array<ModdleElement>}
+  /**
+   * Get extension elements of business object. Optionally filter by type.
+   *
+   * @param {ModdleElement} businessObject
+   * @param {string} [type=undefined]
+   * @returns {Array<ModdleElement>}
    */
   function getExtensionElementsList$2(businessObject, type = undefined) {
     const extensionElements = businessObject.get('extensionElements');
@@ -118103,13 +118103,13 @@
     return values;
   }
 
-  /**
-   * Add one or more extension elements. Create bpmn:ExtensionElements if it doesn't exist.
-   *
-   * @param {ModdleElement} element
-   * @param {ModdleElement} businessObject
-   * @param {ModdleElement|Array<ModdleElement>} extensionElementsToAdd
-   * @param {CommandStack} commandStack
+  /**
+   * Add one or more extension elements. Create bpmn:ExtensionElements if it doesn't exist.
+   *
+   * @param {ModdleElement} element
+   * @param {ModdleElement} businessObject
+   * @param {ModdleElement|Array<ModdleElement>} extensionElementsToAdd
+   * @param {CommandStack} commandStack
    */
   function addExtensionElements(element, businessObject, extensionElementToAdd, bpmnFactory, commandStack) {
     const commands = [];
@@ -118147,15 +118147,15 @@
     commandStack.execute('properties-panel.multi-command-executor', commands);
   }
 
-  /**
-   * Remove one or more extension elements. Remove bpmn:ExtensionElements afterwards if it's empty.
-   *
-   * @param {ModdleElement} element
-   * @param {ModdleElement} businessObject
-   * @param {ModdleElement|Array<ModdleElement>} extensionElementsToRemove
-   * @param {CommandStack} commandStack
-   */
-  function removeExtensionElements$1(element, businessObject, extensionElementsToRemove, commandStack) {
+  /**
+   * Remove one or more extension elements. Remove bpmn:ExtensionElements afterwards if it's empty.
+   *
+   * @param {ModdleElement} element
+   * @param {ModdleElement} businessObject
+   * @param {ModdleElement|Array<ModdleElement>} extensionElementsToRemove
+   * @param {CommandStack} commandStack
+   */
+  function removeExtensionElements$1(element, businessObject, extensionElementsToRemove, commandStack) {
     if (!isArray$a(extensionElementsToRemove)) {
       extensionElementsToRemove = [extensionElementsToRemove];
     }
@@ -118170,6 +118170,15 @@
     });
   }
 
+  function withProps(Component, otherProps) {
+    return props => {
+      return u(Component, {
+        ...props,
+        ...otherProps
+      });
+    };
+  }
+
   const fallbackResolver = {
     getVariablesForElement: bo => getVariablesForElement_1(bo)
   };
@@ -118516,24 +118525,24 @@
     return is$6(element, 'bpmn:UserTask') || isZeebeServiceTask(element);
   }
 
-  /**
-   * Get first zeebe:TaskHeaders element for a specific element.
-   *
-   * @param  {ModdleElement} element
-   *
-   * @return {ModdleElement} a zeebe:TaskHeader element
+  /**
+   * Get first zeebe:TaskHeaders element for a specific element.
+   *
+   * @param  {ModdleElement} element
+   *
+   * @return {ModdleElement} a zeebe:TaskHeader element
    */
   function getTaskHeaders$1(element) {
     const businessObject = getBusinessObject$2(element);
     return getExtensionElementsList$2(businessObject, 'zeebe:TaskHeaders')[0];
   }
 
-  /**
-   * Retrieve all zeebe:Header elements for a specific element.
-   *
-   * @param  {ModdleElement} element
-   *
-   * @return {Array<ModdleElement>} a list of zeebe:Header elements
+  /**
+   * Retrieve all zeebe:Header elements for a specific element.
+   *
+   * @param  {ModdleElement} element
+   *
+   * @return {Array<ModdleElement>} a list of zeebe:Header elements
    */
   function getHeaders(element) {
     const taskHeaders = getTaskHeaders$1(element);
@@ -118574,10 +118583,10 @@
       return DEFAULT_IMPLEMENTATION_OPTION$1;
     };
 
-    /**
-     * Set value by either creating a zeebe:calledDecision or a zeebe:taskDefintion
-     * extension element. Note that they must not exist both at the same time, however
-     * this will be ensured by a bpmn-js behavior (and not by the propPanel).
+    /**
+     * Set value by either creating a zeebe:calledDecision or a zeebe:taskDefintion
+     * extension element. Note that they must not exist both at the same time, however
+     * this will be ensured by a bpmn-js behavior (and not by the propPanel).
      */
     const setValue = value => {
       let extensionElement, extensionElementType;
@@ -118681,6 +118690,92 @@
     commandStack.execute('properties-panel.multi-command-executor', commands);
   }
 
+  function Binding$2(props) {
+    const {
+      element,
+      type
+    } = props;
+    const bpmnFactory = useService$1('bpmnFactory'),
+      commandStack = useService$1('commandStack'),
+      translate = useService$1('translate');
+    const getValue = () => {
+      const businessObject = getBusinessObject$2(element);
+      const extensionElement = getExtensionElementsList$2(businessObject, type)[0];
+      if (!extensionElement) {
+        return 'latest';
+      }
+      return extensionElement.get('bindingType');
+    };
+    const setValue = value => {
+      const commands = [];
+      const businessObject = getBusinessObject$2(element);
+
+      // (1) ensure extension elements
+      let extensionElements = businessObject.get('extensionElements');
+      if (!extensionElements) {
+        extensionElements = createElement$3('bpmn:ExtensionElements', {
+          values: []
+        }, businessObject, bpmnFactory);
+        commands.push({
+          cmd: 'element.updateModdleProperties',
+          context: {
+            element,
+            moddleElement: businessObject,
+            properties: {
+              extensionElements
+            }
+          }
+        });
+      }
+
+      // (2) ensure extension element
+      let extensionElement = getExtensionElementsList$2(businessObject, type)[0];
+      if (!extensionElement) {
+        extensionElement = createElement$3(type, {}, extensionElements, bpmnFactory);
+        commands.push({
+          cmd: 'element.updateModdleProperties',
+          context: {
+            element,
+            moddleElement: extensionElements,
+            properties: {
+              values: [...extensionElements.get('values'), extensionElement]
+            }
+          }
+        });
+      }
+
+      // (3) Update bindingType attribute
+      commands.push({
+        cmd: 'element.updateModdleProperties',
+        context: {
+          element,
+          moddleElement: extensionElement,
+          properties: {
+            bindingType: value
+          }
+        }
+      });
+
+      // (4) Execute the commands
+      commandStack.execute('properties-panel.multi-command-executor', commands);
+    };
+    const getOptions = () => [{
+      value: 'latest',
+      label: translate('latest')
+    }, {
+      value: 'deployment',
+      label: translate('deployment')
+    }];
+    return u(SelectEntry, {
+      element: element,
+      id: "bindingType",
+      label: translate('Binding'),
+      getValue: getValue,
+      setValue: setValue,
+      getOptions: getOptions
+    });
+  }
+
   function CalledDecisionProps(props) {
     const {
       element
@@ -118692,6 +118787,12 @@
       id: 'decisionId',
       component: DecisionID,
       isEdited: isEdited$6
+    }, {
+      id: 'bindingType',
+      component: withProps(Binding$2, {
+        type: 'zeebe:CalledDecision'
+      }),
+      isEdited: isEdited$3
     }, {
       id: 'resultVariable',
       component: ResultVariable$4,
@@ -118938,12 +119039,12 @@
     return isAny$1(element, CONDITIONAL_SOURCES$1);
   }
 
-  /**
-   * getConditionExpression - get the body value of a condition expression for a given element
-   *
-   * @param  {ModdleElement} element
-   *
-   * @return {string|undefined}
+  /**
+   * getConditionExpression - get the body value of a condition expression for a given element
+   *
+   * @param  {ModdleElement} element
+   *
+   * @return {string|undefined}
    */
   function getConditionExpression$1(element) {
     const businessObject = getBusinessObject$2(element);
@@ -118999,12 +119100,12 @@
     });
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
-  /**
-   * @returns {Array<Entry>} entries
+  /**
+   * @returns {Array<Entry>} entries
    */
   function EscalationProps$1(props) {
     const {
@@ -119462,6 +119563,15 @@
         isEdited: isEdited$6
       });
     }
+    if (formType === FORM_TYPES.CAMUNDA_FORM_LINKED) {
+      entries.push({
+        id: 'bindingType',
+        component: withProps(Binding$2, {
+          type: 'zeebe:FormDefinition'
+        }),
+        isEdited: isEdited$3
+      });
+    }
     return entries;
   }
   function FormType$1(props) {
@@ -119623,24 +119733,24 @@
 
   // helpers /////////////
 
-  /**
-   * @typedef { { cmd: string, context: Object } } Command
-   * @typedef {Command[]} Commands
-   *
-   * @typedef {import('diagram-js/lib/model/Types').Element} Element
-   * @typedef {import('bpmn-js/lib/model/Types').ModdleElement} ModdleElement
-   *
-   * @param {import('didi').Injector} Injector
+  /**
+   * @typedef { { cmd: string, context: Object } } Command
+   * @typedef {Command[]} Commands
+   *
+   * @typedef {import('diagram-js/lib/model/Types').Element} Element
+   * @typedef {import('bpmn-js/lib/model/Types').ModdleElement} ModdleElement
+   *
+   * @param {import('didi').Injector} Injector
    */
 
-  /**
-   * @param {Injector} injector
-   * @param {Element} element
-   *
-   * @returns { {
-   *   commands: Commands,
-   *   extensionElements: ModdleElement
-   * } }
+  /**
+   * @param {Injector} injector
+   * @param {Element} element
+   *
+   * @returns { {
+   *   commands: Commands,
+   *   extensionElements: ModdleElement
+   * } }
    */
   function getOrCreateExtensionElements(injector, element, moddleElement) {
     const businessObject = moddleElement || getBusinessObject$2(element);
@@ -119663,14 +119773,14 @@
     };
   }
 
-  /**
-   * @param {Injector} injector
-   * @param {Element} element
-   *
-   * @returns { {
-  *   commands: Commands,
-  *   formDefinition: ModdleElement
-  * } }
+  /**
+   * @param {Injector} injector
+   * @param {Element} element
+   *
+   * @returns { {
+  *   commands: Commands,
+  *   formDefinition: ModdleElement
+  * } }
   */
   function getOrCreateFormDefintition(injector, element) {
     let formDefinition = getFormDefinition$1(element);
@@ -119693,15 +119803,15 @@
     };
   }
 
-  /**
-   * @param {Injector} injector
-   * @param {Element} element
-   *
-   * @returns { {
-   *   commands: Commands,
-   *   formDefinition: ModdleElement,
-   *   userTaskForm: ModdleElement
-   * } }
+  /**
+   * @param {Injector} injector
+   * @param {Element} element
+   *
+   * @returns { {
+   *   commands: Commands,
+   *   formDefinition: ModdleElement,
+   *   userTaskForm: ModdleElement
+   * } }
    */
   function getOrCreateUserTaskForm(injector, element) {
     let userTaskForm = getUserTaskForm$1(element);
@@ -119778,8 +119888,8 @@
   function removeFormDefinition(injector, element) {
     const formDefinition = getFormDefinition$1(element);
 
-    /**
-     * @type {import('bpmn-js/lib/features/modeling/Modeling').default}
+    /**
+     * @type {import('bpmn-js/lib/features/modeling/Modeling').default}
      */
     const modeling = injector.get('modeling');
     if (formDefinition) {
@@ -119791,36 +119901,36 @@
     }
   }
 
-  /**
-   * @param {Injector} injector
-   * @param {Object} properties
-   * @param {ModdleElement} parent
-   *
-   * @returns {ModdleElement}
+  /**
+   * @param {Injector} injector
+   * @param {Object} properties
+   * @param {ModdleElement} parent
+   *
+   * @returns {ModdleElement}
    */
   function createFormDefinition(injector, properties, parent) {
     const bpmnFactory = injector.get('bpmnFactory');
     return createElement$3('zeebe:FormDefinition', properties, parent, bpmnFactory);
   }
 
-  /**
-   * @param {Injector} injector
-   * @param {Object} properties
-   * @param {ModdleElement} parent
-   *
-   * @returns {ModdleElement}
+  /**
+   * @param {Injector} injector
+   * @param {Object} properties
+   * @param {ModdleElement} parent
+   *
+   * @returns {ModdleElement}
    */
   function createUserTaskForm(injector, properties, parent) {
     const bpmnFactory = injector.get('bpmnFactory');
     return createElement$3('zeebe:UserTaskForm', properties, parent, bpmnFactory);
   }
 
-  /**
-   * @param {Element} element
-   * @param {ModdleElement} moddleElement
-   * @param {Object} properties
-   *
-   * @returns {Command}
+  /**
+   * @param {Element} element
+   * @param {ModdleElement} moddleElement
+   * @param {Object} properties
+   *
+   * @returns {Command}
    */
   function createUpdateModdlePropertiesCommand(element, moddleElement, properties) {
     return {
@@ -120166,11 +120276,11 @@
 
   // helper //////////////////////////
 
-  /**
-    * Check whether the propagateAllParentVariables attribute is set on an element.
-    * @param {Object} element
-    *
-    * @returns {boolean}
+  /**
+    * Check whether the propagateAllParentVariables attribute is set on an element.
+    * @param {Object} element
+    *
+    * @returns {boolean}
     */
   function isPropagateAllParentVariables(element) {
     if (!is$6(element, 'bpmn:CallActivity')) {
@@ -120271,37 +120381,37 @@
     return ioMapping && ioMapping.get(prop) || [];
   }
 
-  /**
-   * Get a ioMapping from the business object
-   *
-   * @param {djs.model.Base} element
-   *
-   * @return {ModdleElement} the ioMapping object
+  /**
+   * Get a ioMapping from the business object
+   *
+   * @param {djs.model.Base} element
+   *
+   * @return {ModdleElement} the ioMapping object
    */
   function getIoMapping$1(element) {
     const bo = getBusinessObject$2(element);
     return (getElements$1(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
+  /**
+   * 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$1(element) {
     return getParameters$1.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
+  /**
+   * 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$1(element) {
     return getParameters$1.apply(this, [element, 'outputParameters']);
@@ -120972,11 +121082,11 @@
 
   // helper //////////////////////////
 
-  /**
-    * Determine default value for propagateAllChildVariables attribute
-    * @param {Object} element representing a bpmn:CallActivity
-    *
-    * @returns {boolean}
+  /**
+    * Determine default value for propagateAllChildVariables attribute
+    * @param {Object} element representing a bpmn:CallActivity
+    *
+    * @returns {boolean}
     */
   function determinePropAllChildVariablesDefault(element) {
     const outputParameters = getOutputParameters$1(element);
@@ -120985,12 +121095,12 @@
     }
   }
 
-  /**
-    * 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 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}
     */
   function isPropagateAllChildVariables(element) {
     if (!is$6(element, 'bpmn:CallActivity')) {
@@ -121183,10 +121293,10 @@
       return DEFAULT_IMPLEMENTATION_OPTION;
     };
 
-    /**
-     * Set value by either creating a zeebe:script or a zeebe:taskDefintion
-     * extension element. Note that they must not exist both at the same time, however
-     * this will be ensured by a bpmn-js behavior (and not by the propPanel).
+    /**
+     * Set value by either creating a zeebe:script or a zeebe:taskDefintion
+     * extension element. Note that they must not exist both at the same time, however
+     * this will be ensured by a bpmn-js behavior (and not by the propPanel).
      */
     const setValue = value => {
       let extensionElement, extensionElementType;
@@ -121478,8 +121588,8 @@
     return getExtensionElementsList$2(businessObject, 'zeebe:Script')[0];
   }
 
-  /**
-   * @returns {Entry[]}
+  /**
+   * @returns {Entry[]}
    */
   function SignalProps(props) {
     const {
@@ -121541,6 +121651,12 @@
       id: 'targetProcessId',
       component: TargetProcessId,
       isEdited: isEdited$6
+    }, {
+      id: 'bindingType',
+      component: withProps(Binding$2, {
+        type: 'zeebe:CalledElement'
+      }),
+      isEdited: isEdited$3
     }];
   }
   function TargetProcessId(props) {
@@ -121969,13 +122085,13 @@
     return getExtensionElementsList$2(businessObject, 'zeebe:TaskSchedule')[0];
   }
 
-  /**
-   * Check whether a given timer expression type is supported for a given element.
-   *
-   * @param {string} type
-   * @param {Element|ModdleElement} element
-   *
-   * @return {boolean}
+  /**
+   * Check whether a given timer expression type is supported for a given element.
+   *
+   * @param {string} type
+   * @param {Element|ModdleElement} element
+   *
+   * @return {boolean}
    */
   function isTimerExpressionTypeSupported$1(type, element) {
     const businessObject = getBusinessObject$2(element);
@@ -122068,12 +122184,12 @@
     return options;
   }
 
-  /**
-   * TimerEventDefinitionType - Generic select entry allowing to select a specific
-   * timerEventDefintionType. To be used together with timerEventDefinitionValue.
-   *
-   * @param  {type} props
-   * @return {SelectEntry}
+  /**
+   * TimerEventDefinitionType - Generic select entry allowing to select a specific
+   * timerEventDefintionType. To be used together with timerEventDefinitionValue.
+   *
+   * @param  {type} props
+   * @return {SelectEntry}
    */
   function TimerEventDefinitionType$1(props) {
     const {
@@ -122131,16 +122247,16 @@
     });
   }
 
-  /**
-   * TimerEventDefinitionValue - Generic textField entry allowing to specify the
-   * timerEventDefintionValue based on the set timerEventDefintionType. To be used
-   * together with timerEventDefinitionType.
-   *
-   * @param {object} props
-   * @param {ModdleElement} props.element
-   * @param {'timeCycle'|'timeDate'|'timeDuration'} props.timerEventDefinitionType?
-   * @param {string} props.label?
-   * @return {TextFieldEntry}
+  /**
+   * TimerEventDefinitionValue - Generic textField entry allowing to specify the
+   * timerEventDefintionValue based on the set timerEventDefintionType. To be used
+   * together with timerEventDefinitionType.
+   *
+   * @param {object} props
+   * @param {ModdleElement} props.element
+   * @param {'timeCycle'|'timeDate'|'timeDuration'} props.timerEventDefinitionType?
+   * @param {string} props.label?
+   * @return {TextFieldEntry}
    */
   function TimerEventDefinitionValue$1(props) {
     const {
@@ -122309,10 +122425,10 @@
       return JOB_WORKER_IMPLEMENTATION_OPTION;
     };
 
-    /**
-     * Set value by either creating or removing zeebe:userTask extension element.
-     * Note that they must not exist both at the same time, however this
-     * will be ensured by a camunda-bpmn-js behavior (and not by the propPanel).
+    /**
+     * Set value by either creating or removing zeebe:userTask extension element.
+     * Note that they must not exist both at the same time, however this
+     * will be ensured by a camunda-bpmn-js behavior (and not by the propPanel).
      */
     const setValue = value => {
       if (value === ZEEBE_USER_TASK_IMPLEMENTATION_OPTION) {
@@ -122619,8 +122735,8 @@
     return properties && properties.get(getPropertyName(namespace));
   }
 
-  /**
-   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
+  /**
+   * @typedef { import('@bpmn-io/properties-panel').EntryDefinition } Entry
    */
 
   const LOW_PRIORITY$1$1 = 500;
@@ -122948,13 +123064,13 @@
     return groups.find(g => g.id === id);
   }
 
-  /**
-   * Replace entries with the same ID.
-   *s
-   * @param {Entry[]} oldEntries
-   * @param {Entry[]} newEntries
-   *
-   * @returns {Entry[]} combined entries
+  /**
+   * Replace entries with the same ID.
+   *s
+   * @param {Entry[]} oldEntries
+   * @param {Entry[]} newEntries
+   *
+   * @returns {Entry[]} combined entries
    */
   function replaceEntries(oldEntries, newEntries) {
     const filteredEntries = oldEntries.filter(oldEntry => !newEntries.find(newEntry => newEntry.id === oldEntry.id));
@@ -123248,6 +123364,20 @@
           })]
         })
       });
+    },
+    'bindingType': element => {
+      const translate = useService$1('translate');
+      return u("div", {
+        children: [u("p", {
+          children: [u("h1", {
+            children: translate('Latest binding')
+          }), translate('Uses the most recent deployed resource.')]
+        }), u("p", {
+          children: [u("h1", {
+            children: translate('Deployment binding')
+          }), translate('Uses the resource found in the same deployment.')]
+        })]
+      });
     }
   };
 
@@ -123301,1277 +123431,1289 @@
     Modeler$1.prototype._extensionModules
   );
 
-  /**
-   * Get extension elements of business object. Optionally filter by type.
-   *
-   * @param  {djs.model.Base|ModdleElement} element
-   * @param  {String} [type=undefined]
-   * @returns {Array<ModdleElement>}
-   */
-  function getExtensionElementsList$1(element, type = undefined) {
-    const businessObject = getBusinessObject$2(element),
-          extensionElements = businessObject.get('extensionElements');
-
-    if (!extensionElements) {
-      return [];
-    }
-
-    const values = extensionElements.get('values');
-
-    if (!values || !values.length) {
-      return [];
-    }
-
-    if (type) {
-      return values.filter(value => is$6(value, type));
-    }
-
-    return values;
-  }
-
-  /**
-   * Remove one or more extension elements. Remove bpmn:ExtensionElements afterwards if it's empty.
-   *
-   * @param {ModdleElement} element
-   * @param {ModdleElement} businessObject
-   * @param {ModdleElement|Array<ModdleElement>} extensionElementsToRemove
-   * @param {CommandStack} commandStack
-   */
-  function removeExtensionElements(element, businessObject, extensionElementsToRemove, commandStack) {
-    if (!isArray$a(extensionElementsToRemove)) {
-      extensionElementsToRemove = [ extensionElementsToRemove ];
-    }
-
-    const extensionElements = businessObject.get('extensionElements'),
-          values = extensionElements.get('values').filter(value => !extensionElementsToRemove.includes(value));
-
-    commandStack.execute('element.updateModdleProperties', {
-      element,
-      moddleElement: extensionElements,
-      properties: {
-        values
-      }
-    });
-  }
-
-  const HIGH_PRIORITY$5 = 5000;
-
-
-  /**
-   * Zeebe BPMN behavior ensuring that bpmn:BusinessRuleTask only has one of the following:
-   *
-   * (1) zeebe:CalledDecision
-   * (2) zeebe:TaskDefinition and zeebe:TaskHeaders
-   */
-  class CleanUpBusinessRuleTaskBehavior extends CommandInterceptor$1 {
-    constructor(commandStack, eventBus) {
-      super(eventBus);
-
-      /**
-       * Remove zeebe:CalledDecision if zeebe:TaskDefinition is about to be added.
-       */
-      this.preExecute('element.updateModdleProperties' , HIGH_PRIORITY$5, function(context) {
-        const {
-          element,
-          moddleElement,
-          properties
-        } = context;
-
-        if (
-          !is$6(element, 'bpmn:BusinessRuleTask')
-          || !is$6(moddleElement, 'bpmn:ExtensionElements')
-          || !properties.values
-        ) {
-          return;
-        }
-
-        const calledDecision = getCalledDecision(element),
-              taskDefinition = getTaskDefinition(element);
-
-        if (
-          calledDecision
-          && !taskDefinition
-          && properties.values.find(value => is$6(value, 'zeebe:CalledDecision'))
-          && properties.values.find(value => is$6(value, 'zeebe:TaskDefinition'))
-        ) {
-          properties.values = without$1(properties.values, calledDecision);
-        }
-      }, true);
-
-      /**
-       * Remove zeebe:TaskDefinition and zeebe:TaskHeaders if zeebe:CalledDecision is about to be added.
-       */
-      this.preExecute('element.updateModdleProperties', HIGH_PRIORITY$5, function(context) {
-        const {
-          element,
-          moddleElement,
-          properties
-        } = context;
-
-        if (
-          !is$6(element, 'bpmn:BusinessRuleTask')
-          || !is$6(moddleElement, 'bpmn:ExtensionElements')
-          || !properties.values
-        ) {
-          return;
-        }
-
-        const calledDecision = getCalledDecision(element),
-              taskDefinition = getTaskDefinition(element),
-              taskHeaders = getTaskHeaders(element);
-
-        if (
-          !calledDecision
-          && (taskDefinition || taskHeaders)
-          && properties.values.find(value => is$6(value, 'zeebe:CalledDecision'))
-          && properties.values.find(value => is$6(value, 'zeebe:TaskDefinition') || is$6(value, 'zeebe:TaskHeaders'))
-        ) {
-          properties.values = without$1(properties.values, (value) => value === taskDefinition || value === taskHeaders);
-        }
-      }, true);
-
-    }
-  }
-
-  CleanUpBusinessRuleTaskBehavior.$inject = [
-    'commandStack',
-    'eventBus'
-  ];
-
-
-  // helpers //////////
-
-  function getCalledDecision(element) {
-    const businessObject = getBusinessObject$2(element);
-
-    return getExtensionElementsList$1(businessObject, 'zeebe:CalledDecision')[ 0 ];
-  }
-
-  function getTaskDefinition(element) {
-    const businessObject = getBusinessObject$2(element);
-
-    return getExtensionElementsList$1(businessObject, 'zeebe:TaskDefinition')[ 0 ];
-  }
-
-  function getTaskHeaders(element) {
-    const businessObject = getBusinessObject$2(element);
-
-    return getExtensionElementsList$1(businessObject, 'zeebe:TaskHeaders')[ 0 ];
-  }
-
-  class CleanUpEndEventBehavior extends CommandInterceptor$1 {
-    constructor(eventBus, modeling) {
-      super(eventBus);
-
-      this.postExecuted('shape.replace', function(event) {
-
-        const {
-          context
-        } = event;
-
-        const {
-          newShape
-        } = context;
-
-        if (!is$6(newShape, 'bpmn:EndEvent') || !getErrorEventDefinition(newShape)) {
-          return;
-        }
-
-        const ioMapping = getIoMapping(newShape);
-
-        if (!ioMapping) {
-          return;
-        }
-
-        const businessObject = getBusinessObject$2(newShape),
-              extensionElements = businessObject.get('extensionElements'),
-              values = without$1(extensionElements.get('values'), ioMapping);
-
-        modeling.updateModdleProperties(newShape, extensionElements, { values });
-      });
-    }
-  }
-
-  CleanUpEndEventBehavior.$inject = [
-    'eventBus',
-    'modeling'
-  ];
-
-  // helpers //////////
-
-  function getErrorEventDefinition(element) {
-    const businessObject = getBusinessObject$2(element);
-
-    const eventDefinitions = businessObject.get('eventDefinitions') || [];
-
-    return find$3(eventDefinitions, function(definition) {
-      return is$6(definition, 'bpmn:ErrorEventDefinition');
-    });
-  }
-
-  function getIoMapping(element) {
-    const bo = getBusinessObject$2(element);
-
-    const extensionElements = bo.get('extensionElements');
-
-    if (!extensionElements) {
-      return null;
-    }
-
-    const values = extensionElements.get('values');
-
-    if (!values) {
-      return null;
-    }
-
-    return find$3(values, value => is$6(value, 'zeebe:IoMapping'));
-  }
-
-  const DISALLOWED_START_LISTENER_TYPES = [
-    'bpmn:StartEvent',
-    'bpmn:BoundaryEvent'
-  ];
-
-  class CleanUpExecutionListenersBehavior extends CommandInterceptor$1 {
-    constructor(eventBus, modeling) {
-      super(eventBus);
-
-      // remove execution listeners of disallowed type
-      this.postExecuted('shape.replace', function(event) {
-        const element = event.context.newShape;
-
-        const executionListenersContainer = getExecutionListenersContainer(element);
-        if (!executionListenersContainer) {
-          return;
-        }
-
-        const listeners = executionListenersContainer.get('listeners');
-        const newListeners = withoutDisallowedListeners(element, listeners);
-
-        if (newListeners.length !== listeners.length) {
-          modeling.updateModdleProperties(element, executionListenersContainer, { listeners: newListeners });
-        }
-      });
-
-      // remove empty execution listener container
-      this.postExecuted('element.updateModdleProperties', function(event) {
-        const {
-          element,
-          moddleElement
-        } = event.context;
-
-        if (!is$6(moddleElement, 'zeebe:ExecutionListeners')) {
-          return;
-        }
-
-        const listeners = moddleElement.get('listeners');
-        if (listeners.length) {
-          return;
-        }
-
-        const extensionElements = moddleElement.$parent;
-        modeling.updateModdleProperties(element, extensionElements, { values: without$1(extensionElements.get('values'), moddleElement) });
-      });
-    }
-  }
-
-  CleanUpExecutionListenersBehavior.$inject = [
-    'eventBus',
-    'modeling'
-  ];
-
-  // helpers //////////
-  function withoutDisallowedListeners(element, listeners) {
-    listeners = withoutDisallowedStartListeners(element, listeners);
-    listeners = withoutDisallowedEndListeners(element, listeners);
-
-    return listeners;
-  }
-
-  function withoutDisallowedStartListeners(element, listeners) {
-    if (isAny$1(element, DISALLOWED_START_LISTENER_TYPES)) {
-      return listeners.filter(listener => listener.eventType !== 'start');
-    }
-
-    return listeners;
-  }
-
-  function withoutDisallowedEndListeners(element, listeners) {
-    if (shouldRemoveEndListeners(element)) {
-      return listeners.filter(listener => listener.eventType !== 'end');
-    }
-
-    return listeners;
-  }
-
-  function shouldRemoveEndListeners(element) {
-    if (
-      is$6(element, 'bpmn:BoundaryEvent') && isCompensationEvent(element) ||
-      is$6(element, 'bpmn:EndEvent') && isErrorEvent(element) ||
-      is$6(element, 'bpmn:Gateway')
-    ) {
-      return true;
-    }
-  }
-
-  function isCompensationEvent(element) {
-    const eventDefinitions = getEventDefinitions(element);
-
-    return find$3(eventDefinitions, function(definition) {
-      return is$6(definition, 'bpmn:CompensateEventDefinition');
-    });
-  }
-
-  function isErrorEvent(element) {
-    const eventDefinitions = getEventDefinitions(element);
-
-    return find$3(eventDefinitions, function(definition) {
-      return is$6(definition, 'bpmn:ErrorEventDefinition');
-    });
-  }
-
-  function getEventDefinitions(element) {
-    const businessObject = getBusinessObject$2(element);
-    return businessObject.get('eventDefinitions') || [];
-  }
-
-  function getExecutionListenersContainer(element) {
-    return getExtensionElementsList$1(element, 'zeebe:ExecutionListeners')[0];
-  }
-
-  /**
-   * Zeebe BPMN behavior ensuring that zeebe:subscription is removed from bpmn:Message
-   * when it has no properties anymore.
-   */
-  class CleanUpSubscriptionBehavior extends CommandInterceptor$1 {
-    constructor(eventBus, commandStack) {
-      super(eventBus);
-
-      this.postExecuted([
-        'element.updateProperties',
-        'element.updateModdleProperties'
-      ], context => {
-        const element = context.shape || context.newShape || context.element;
-
-        if (element.labelTarget) {
-          return;
-        }
-
-        if (!is$6(element, 'bpmn:Event')) {
-          return;
-        }
-
-        const messageEventDefinition = getMessageEventDefinition$1(element);
-
-        if (!messageEventDefinition) {
-          return;
-        }
-
-        const message = messageEventDefinition.get('messageRef');
-
-        if (!message) {
-          return;
-        }
-
-        const subscription = getSubscription(message);
-
-        if (!subscription) {
-          return;
-        }
-
-        if (!hasNoProperties(subscription)) {
-          return;
-        }
-
-        removeExtensionElements(element, message, subscription, commandStack);
-      }, true);
-    }
-  }
-
-  CleanUpSubscriptionBehavior.$inject = [
-    'eventBus',
-    'commandStack'
-  ];
-
-
-  // helpers //////////
-
-  function getMessageEventDefinition$1(event) {
-    const businessObject = getBusinessObject$2(event);
-
-    return businessObject.get('eventDefinitions').find(eventDefinition => {
-      return is$6(eventDefinition, 'bpmn:MessageEventDefinition');
-    });
-  }
-
-  function getSubscription(message) {
-    return getExtensionElementsList$1(message, 'zeebe:Subscription')[ 0 ];
-  }
-
-  function hasNoProperties(element) {
-    const descriptor = element.$descriptor;
-
-    return descriptor.properties.every(property => {
-      return element.get(property.name) === undefined;
-    });
-  }
-
-  function getTimerEventDefinition(element) {
-    const businessObject = getBusinessObject$2(element);
-
-    return businessObject.get('eventDefinitions').find(eventDefinition => {
-      return is$6(eventDefinition, 'bpmn:TimerEventDefinition');
-    });
-  }
-
-  /**
-   * Check whether a given timer expression type is supported for a given element.
-   *
-   * @param {string} type
-   * @param {Element|ModdleElement} element
-   *
-   * @return {boolean}
-   */
-  function isTimerExpressionTypeSupported(type, element) {
-    const businessObject = getBusinessObject$2(element);
-
-    switch (type) {
-    case 'timeDate':
-      return isAny$1(element, [
-        'bpmn:BoundaryEvent',
-        'bpmn:IntermediateCatchEvent',
-        'bpmn:StartEvent'
-      ]);
-
-    case 'timeCycle':
-      if (is$6(element, 'bpmn:StartEvent') && (!hasParentEventSubProcess(businessObject)) || !isInterrupting(businessObject)) {
-        return true;
-      }
-
-      if (is$6(element, 'bpmn:BoundaryEvent') && !isInterrupting(businessObject)) {
-        return true;
-      }
-
-      return false;
-
-    case 'timeDuration':
-      if (isAny$1(element, [
-        'bpmn:BoundaryEvent',
-        'bpmn:IntermediateCatchEvent'
-      ])) {
-        return true;
-      }
-
-      if (is$6(element, 'bpmn:StartEvent') && hasParentEventSubProcess(businessObject)) {
-        return true;
-      }
-
-      return false;
-
-    default:
-      return false;
-    }
-  }
-
-  function isInterrupting(businessObject) {
-    if (is$6(businessObject, 'bpmn:BoundaryEvent')) {
-      return businessObject.get('cancelActivity') !== false;
-    }
-
-    return businessObject.get('isInterrupting') !== false;
-  }
-
-  function hasParentEventSubProcess(businessObject) {
-    const parent = businessObject.$parent;
-
-    return parent && is$6(parent, 'bpmn:SubProcess') && parent.get('triggeredByEvent');
-  }
-
-  /**
-   * Zeebe BPMN behavior ensuring that bpmn:TimerEventDefinition has only allowed time properties of:
-   * - timeCycle
-   * - timeDate
-   * - timeDuration
-   */
-  class CleanUpTimerExpressionBehavior extends CommandInterceptor$1 {
-    constructor(eventBus, modeling) {
-      super(eventBus);
-
-      /**
-       * Remove unsupported timer expressions.
-       */
-      this.postExecuted([
-        'shape.move',
-        'shape.replace',
-        'element.updateProperties',
-        'element.updateModdleProperties'
-      ], context => {
-        const element = context.shape || context.newShape || context.element;
-
-        if (element.labelTarget) {
-          return;
-        }
-
-        if (!is$6(element, 'bpmn:Event')) {
-          return;
-        }
-
-        const timerEventDefinition = getTimerEventDefinition(element);
-
-        if (!timerEventDefinition) {
-          return;
-        }
-
-        const propertiesUpdate = {};
-
-        [
-          'timeCycle',
-          'timeDate',
-          'timeDuration'
-        ].forEach((type) => {
-          if (timerEventDefinition.get(type) && !isTimerExpressionTypeSupported(type, element)) {
-            propertiesUpdate[ type ] = undefined;
-          }
-        });
-
-        if (!Object.keys(propertiesUpdate).length) {
-          return;
-        }
-
-        modeling.updateModdleProperties(element, timerEventDefinition, propertiesUpdate);
-      }, true);
-    }
-  }
-
-  CleanUpTimerExpressionBehavior.$inject = [
-    'eventBus',
-    'modeling'
-  ];
-
-  const WILDCARD = '*';
-
-  const TIMER_PROPERTIES = [
-    'timeCycle',
-    'timeDate',
-    'timeDuration'
-  ];
-
-  const zeebeServiceTaskProperties = [
-    'zeebe:Input',
-    'zeebe:LoopCharacteristics',
-    'zeebe:TaskDefinition',
-    'zeebe:TaskHeaders',
-    'zeebe:Subscription'
-  ];
-
-  class ZeebeModdleExtension {
-    constructor(eventBus) {
-      eventBus.on('moddleCopy.canCopyProperty', (context) => {
-        const {
-          parent,
-          property,
-          propertyName
-        } = context;
-
-        return this.canCopyProperty(property, parent, propertyName);
-      });
-    }
-
-    canCopyProperty(property, parent, propertyName) {
-
-      // (1) check if property is allowed in parent
-      if (isObject$5(property) && !isAllowedInParent(property, parent)) {
-        return false;
-      }
-
-      // (2) check for specific scenarios
-      if (!this.canHostServiceTaskLikeProperties(property, parent)) {
-        return false;
-      }
-
-      if (!this.canHostTimerExpression(property, parent, propertyName)) {
-        return false;
-      }
-    }
-
-    canHostServiceTaskLikeProperties(property, parent) {
-      if (isAllowedInZeebeServiceTask(property)) {
-        const serviceTaskLike = getParent(parent, 'bpmn:IntermediateThrowEvent') || getParent(parent, 'bpmn:EndEvent');
-
-        if (serviceTaskLike) {
-          return isMessageEvent(serviceTaskLike);
-        }
-      }
-
-      return true;
-    }
-
-    canHostTimerExpression(property, parent, propertyName) {
-      if (!is$6(parent, 'bpmn:TimerEventDefinition') || !TIMER_PROPERTIES.includes(propertyName)) {
-        return true;
-      }
-
-      return isTimerExpressionTypeSupported(propertyName, parent.$parent);
-    }
-  }
-
-  ZeebeModdleExtension.$inject = [ 'eventBus' ];
-
-
-  // helpers //////////
-
-  function getParent(element, type) {
-    if (!type) {
-      return element.$parent;
-    }
-
-    if (is$6(element, type)) {
-      return element;
-    }
-
-    if (!element.$parent) {
-      return;
-    }
-
-    return getParent(element.$parent, type);
-  }
-
-  function isAllowedInParent(property, parent) {
-
-    // (1) find property descriptor
-    const descriptor = property.$type && property.$model.getTypeDescriptor(property.$type);
-
-    const allowedIn = descriptor && descriptor.meta && descriptor.meta.allowedIn;
-
-    if (!allowedIn || isWildcard(allowedIn)) {
-      return true;
-    }
-
-    // (2) check if property has parent of allowed type
-    return some$2(allowedIn, function(type) {
-      return getParent(parent, type);
-    });
-  }
-
-  function isWildcard(allowedIn) {
-    return allowedIn.indexOf(WILDCARD) !== -1;
-  }
-
-  function isMessageEvent(event) {
-    const eventDefinitions = event.get('eventDefinitions');
-
-    return eventDefinitions.some((eventDefinition) => {
-      return is$6(eventDefinition, 'bpmn:MessageEventDefinition');
-    });
-  }
-
-  // check if property is allowed in zeebe:ZeebeServiceTask but not for none events
-  function isAllowedInZeebeServiceTask(property) {
-    return zeebeServiceTaskProperties.some((propertyType) => {
-      return is$6(property, propertyType);
-    });
-  }
-
-  /**
-   * Creates a new element and set the parent to it
-   *
-   * @method ElementHelper#createElement
-   *
-   * @param {String} elementType of the new element
-   * @param {Object} properties of the new element in key-value pairs
-   * @param {moddle.object} parent of the new element
-   * @param {BpmnFactory} factory which creates the new element
-   *
-   * @returns {djs.model.Base} element which is created
-   */
-  function createElement$2(elementType, properties, parent, factory) {
-    var element = factory.create(elementType, properties);
-    element.$parent = parent;
-
-    return element;
-  }
-
-  /**
-   * Get zeebe:CalledElement of an element.
-   *
-   * @param {djs.model.Base|ModdleElement} element
-   *
-   * @returns {ModdleElement}
-   */
-  function getCalledElement(element) {
-    const calledElements = getCalledElements(element);
-
-    return calledElements[ 0 ];
-  }
-
-  function getCalledElements(element) {
-    const businessObject = getBusinessObject$2(element);
-
-    return getExtensionElementsList$1(businessObject, 'zeebe:CalledElement');
-  }
-
-  const HIGH_PRIORITY$4 = 5000;
-
-
-  /**
-   * Zeebe BPMN specific behavior for creating call activities.
-   */
-  class CreateZeebeCallActivityBehavior extends CommandInterceptor$1 {
-    constructor(bpmnFactory, eventBus, modeling) {
-      super(eventBus);
-
-      /**
-       * Add zeebe:CalledElement extension element with zeebe:propagateAllChildVariables attribute = false
-       * when creating bpmn:CallActivity.
-       */
-      this.postExecuted('shape.create', HIGH_PRIORITY$4, function(context) {
-        const { shape } = context;
-
-        if (!is$6(shape, 'bpmn:CallActivity')) {
-          return;
-        }
-
-        const businessObject = getBusinessObject$2(shape);
-
-        let calledElement = getCalledElement(businessObject);
-
-        if (!calledElement) {
-          let extensionElements = businessObject.get('extensionElements');
-
-          if (!extensionElements) {
-            extensionElements = createElement$2(
-              'bpmn:ExtensionElements',
-              {
-                values: []
-              },
-              businessObject,
-              bpmnFactory
-            );
-
-            modeling.updateProperties(shape, { extensionElements });
-          }
-
-          calledElement = createElement$2(
-            'zeebe:CalledElement',
-            {
-              propagateAllChildVariables: false
-            },
-            extensionElements,
-            bpmnFactory
-          );
-
-          modeling.updateModdleProperties(shape, extensionElements, {
-            values: [
-              ...(extensionElements.values || []),
-              calledElement
-            ]
-          });
-        } else if (!has$3(calledElement, 'propagateAllChildVariables')) {
-
-          // set zeebe:propagateAllChildVariables to false if zeebe:CalledElement exists
-          modeling.updateModdleProperties(shape, calledElement, {
-            propagateAllChildVariables: false
-          });
-        }
-      }, true);
-
-    }
+  /**
+   * Get extension elements of business object. Optionally filter by type.
+   *
+   * @param  {djs.model.Base|ModdleElement} element
+   * @param  {String} [type=undefined]
+   * @returns {Array<ModdleElement>}
+   */
+  function getExtensionElementsList$1(element, type = undefined) {
+    const businessObject = getBusinessObject$2(element),
+          extensionElements = businessObject.get('extensionElements');
+
+    if (!extensionElements) {
+      return [];
+    }
+
+    const values = extensionElements.get('values');
+
+    if (!values || !values.length) {
+      return [];
+    }
+
+    if (type) {
+      return values.filter(value => is$6(value, type));
+    }
+
+    return values;
+  }
+
+  /**
+   * Remove one or more extension elements. Remove bpmn:ExtensionElements afterwards if it's empty.
+   *
+   * @param {ModdleElement} element
+   * @param {ModdleElement} businessObject
+   * @param {ModdleElement|Array<ModdleElement>} extensionElementsToRemove
+   * @param {CommandStack} commandStack
+   */
+  function removeExtensionElements(element, businessObject, extensionElementsToRemove, commandStack) {
+    if (!isArray$a(extensionElementsToRemove)) {
+      extensionElementsToRemove = [ extensionElementsToRemove ];
+    }
+
+    const extensionElements = businessObject.get('extensionElements'),
+          values = extensionElements.get('values').filter(value => !extensionElementsToRemove.includes(value));
+
+    commandStack.execute('element.updateModdleProperties', {
+      element,
+      moddleElement: extensionElements,
+      properties: {
+        values
+      }
+    });
   }
 
-  CreateZeebeCallActivityBehavior.$inject = [
-    'bpmnFactory',
-    'eventBus',
-    'modeling'
-  ];
-
-  const LOW_PRIORITY$1 = 250;
-
-  /**
-   * Camunda-specific behavior ensuring `isExecutable` is kept after deleting
-   * the last participant.
-   */
-  class DeleteParticipantBehaviour extends CommandInterceptor$1 {
-    constructor(eventBus, canvas, modeling) {
-      super(eventBus);
-
-      this.postExecuted('shape.delete', LOW_PRIORITY$1, function(context) {
-        const {
-          collaborationRoot,
-          shape
-        } = context;
-
-        const newRoot = canvas.getRootElement();
-
-        if (is$6(shape, 'bpmn:Participant') &&
-            collaborationRoot &&
-            !collaborationRoot.businessObject.get('participants').length &&
-            is$6(newRoot, 'bpmn:Process')) {
-
-          const oldProcessBusinessObject = shape.businessObject.get('processRef');
-
-          if (!oldProcessBusinessObject) {
-            return;
-          }
-
-          modeling.updateProperties(newRoot, { isExecutable: oldProcessBusinessObject.get('isExecutable') });
-        }
-
-      }, true);
-    }
+  const HIGH_PRIORITY$5 = 5000;
+
+
+  /**
+   * Zeebe BPMN behavior ensuring that bpmn:BusinessRuleTask only has one of the following:
+   *
+   * (1) zeebe:CalledDecision
+   * (2) zeebe:TaskDefinition and zeebe:TaskHeaders
+   */
+  class CleanUpBusinessRuleTaskBehavior extends CommandInterceptor$1 {
+    constructor(commandStack, eventBus) {
+      super(eventBus);
+
+      /**
+       * Remove zeebe:CalledDecision if zeebe:TaskDefinition is about to be added.
+       */
+      this.preExecute('element.updateModdleProperties' , HIGH_PRIORITY$5, function(context) {
+        const {
+          element,
+          moddleElement,
+          properties
+        } = context;
+
+        if (
+          !is$6(element, 'bpmn:BusinessRuleTask')
+          || !is$6(moddleElement, 'bpmn:ExtensionElements')
+          || !properties.values
+        ) {
+          return;
+        }
+
+        const calledDecision = getCalledDecision(element),
+              taskDefinition = getTaskDefinition(element);
+
+        if (
+          calledDecision
+          && !taskDefinition
+          && properties.values.find(value => is$6(value, 'zeebe:CalledDecision'))
+          && properties.values.find(value => is$6(value, 'zeebe:TaskDefinition'))
+        ) {
+          properties.values = without$1(properties.values, calledDecision);
+        }
+      }, true);
+
+      /**
+       * Remove zeebe:TaskDefinition and zeebe:TaskHeaders if zeebe:CalledDecision is about to be added.
+       */
+      this.preExecute('element.updateModdleProperties', HIGH_PRIORITY$5, function(context) {
+        const {
+          element,
+          moddleElement,
+          properties
+        } = context;
+
+        if (
+          !is$6(element, 'bpmn:BusinessRuleTask')
+          || !is$6(moddleElement, 'bpmn:ExtensionElements')
+          || !properties.values
+        ) {
+          return;
+        }
+
+        const calledDecision = getCalledDecision(element),
+              taskDefinition = getTaskDefinition(element),
+              taskHeaders = getTaskHeaders(element);
+
+        if (
+          !calledDecision
+          && (taskDefinition || taskHeaders)
+          && properties.values.find(value => is$6(value, 'zeebe:CalledDecision'))
+          && properties.values.find(value => is$6(value, 'zeebe:TaskDefinition') || is$6(value, 'zeebe:TaskHeaders'))
+        ) {
+          properties.values = without$1(properties.values, (value) => value === taskDefinition || value === taskHeaders);
+        }
+      }, true);
+
+    }
+  }
+
+  CleanUpBusinessRuleTaskBehavior.$inject = [
+    'commandStack',
+    'eventBus'
+  ];
+
+
+  // helpers //////////
+
+  function getCalledDecision(element) {
+    const businessObject = getBusinessObject$2(element);
+
+    return getExtensionElementsList$1(businessObject, 'zeebe:CalledDecision')[ 0 ];
+  }
+
+  function getTaskDefinition(element) {
+    const businessObject = getBusinessObject$2(element);
+
+    return getExtensionElementsList$1(businessObject, 'zeebe:TaskDefinition')[ 0 ];
+  }
+
+  function getTaskHeaders(element) {
+    const businessObject = getBusinessObject$2(element);
+
+    return getExtensionElementsList$1(businessObject, 'zeebe:TaskHeaders')[ 0 ];
   }
 
-  DeleteParticipantBehaviour.$inject = [
-    'eventBus',
-    'canvas',
-    'modeling'
-  ];
-
-  const ids = new Ids$1([ 32, 32, 1 ]);
-
-  /**
-   * Get ID with prefix.
-   */
-  function getPrefixedId(prefix) {
-    return ids.nextPrefixed(prefix);
+  class CleanUpEndEventBehavior extends CommandInterceptor$1 {
+    constructor(eventBus, modeling) {
+      super(eventBus);
+
+      this.postExecuted('shape.replace', function(event) {
+
+        const {
+          context
+        } = event;
+
+        const {
+          newShape
+        } = context;
+
+        if (!is$6(newShape, 'bpmn:EndEvent') || !getErrorEventDefinition(newShape)) {
+          return;
+        }
+
+        const ioMapping = getIoMapping(newShape);
+
+        if (!ioMapping) {
+          return;
+        }
+
+        const businessObject = getBusinessObject$2(newShape),
+              extensionElements = businessObject.get('extensionElements'),
+              values = without$1(extensionElements.get('values'), ioMapping);
+
+        modeling.updateModdleProperties(newShape, extensionElements, { values });
+      });
+    }
+  }
+
+  CleanUpEndEventBehavior.$inject = [
+    'eventBus',
+    'modeling'
+  ];
+
+  // helpers //////////
+
+  function getErrorEventDefinition(element) {
+    const businessObject = getBusinessObject$2(element);
+
+    const eventDefinitions = businessObject.get('eventDefinitions') || [];
+
+    return find$3(eventDefinitions, function(definition) {
+      return is$6(definition, 'bpmn:ErrorEventDefinition');
+    });
+  }
+
+  function getIoMapping(element) {
+    const bo = getBusinessObject$2(element);
+
+    const extensionElements = bo.get('extensionElements');
+
+    if (!extensionElements) {
+      return null;
+    }
+
+    const values = extensionElements.get('values');
+
+    if (!values) {
+      return null;
+    }
+
+    return find$3(values, value => is$6(value, 'zeebe:IoMapping'));
   }
 
-  const FORM_KEY_PREFIX = 'camunda-forms:bpmn:',
-        USER_TASK_FORM_ID_PREFIX = 'UserTaskForm_';
-
-  function getFormDefinition(element) {
-    const businessObject = getBusinessObject$2(element);
-
-    const formDefinitions = getExtensionElementsList$1(businessObject, 'zeebe:FormDefinition');
-
-    return formDefinitions[ 0 ];
+  const DISALLOWED_START_LISTENER_TYPES = [
+    'bpmn:StartEvent',
+    'bpmn:BoundaryEvent'
+  ];
+
+  class CleanUpExecutionListenersBehavior extends CommandInterceptor$1 {
+    constructor(eventBus, modeling) {
+      super(eventBus);
+
+      // remove execution listeners of disallowed type
+      this.postExecuted('shape.replace', function(event) {
+        const element = event.context.newShape;
+
+        const executionListenersContainer = getExecutionListenersContainer(element);
+        if (!executionListenersContainer) {
+          return;
+        }
+
+        const listeners = executionListenersContainer.get('listeners');
+        const newListeners = withoutDisallowedListeners(element, listeners);
+
+        if (newListeners.length !== listeners.length) {
+          modeling.updateModdleProperties(element, executionListenersContainer, { listeners: newListeners });
+        }
+      });
+
+      // remove empty execution listener container
+      this.postExecuted('element.updateModdleProperties', function(event) {
+        const {
+          element,
+          moddleElement
+        } = event.context;
+
+        if (!is$6(moddleElement, 'zeebe:ExecutionListeners')) {
+          return;
+        }
+
+        const listeners = moddleElement.get('listeners');
+        if (listeners.length) {
+          return;
+        }
+
+        const extensionElements = moddleElement.$parent;
+        modeling.updateModdleProperties(element, extensionElements, { values: without$1(extensionElements.get('values'), moddleElement) });
+      });
+    }
+  }
+
+  CleanUpExecutionListenersBehavior.$inject = [
+    'eventBus',
+    'modeling'
+  ];
+
+  // helpers //////////
+  function withoutDisallowedListeners(element, listeners) {
+    listeners = withoutDisallowedStartListeners(element, listeners);
+    listeners = withoutDisallowedEndListeners(element, listeners);
+
+    return listeners;
+  }
+
+  function withoutDisallowedStartListeners(element, listeners) {
+    if (isAny$1(element, DISALLOWED_START_LISTENER_TYPES)) {
+      return listeners.filter(listener => listener.eventType !== 'start');
+    }
+
+    return listeners;
+  }
+
+  function withoutDisallowedEndListeners(element, listeners) {
+    if (shouldRemoveEndListeners(element)) {
+      return listeners.filter(listener => listener.eventType !== 'end');
+    }
+
+    return listeners;
+  }
+
+  function shouldRemoveEndListeners(element) {
+    if (
+      is$6(element, 'bpmn:BoundaryEvent') && isCompensationEvent(element) ||
+      is$6(element, 'bpmn:EndEvent') && isErrorEvent(element) ||
+      is$6(element, 'bpmn:Gateway')
+    ) {
+      return true;
+    }
+  }
+
+  function isCompensationEvent(element) {
+    const eventDefinitions = getEventDefinitions(element);
+
+    return find$3(eventDefinitions, function(definition) {
+      return is$6(definition, 'bpmn:CompensateEventDefinition');
+    });
+  }
+
+  function isErrorEvent(element) {
+    const eventDefinitions = getEventDefinitions(element);
+
+    return find$3(eventDefinitions, function(definition) {
+      return is$6(definition, 'bpmn:ErrorEventDefinition');
+    });
+  }
+
+  function getEventDefinitions(element) {
+    const businessObject = getBusinessObject$2(element);
+    return businessObject.get('eventDefinitions') || [];
+  }
+
+  function getExecutionListenersContainer(element) {
+    return getExtensionElementsList$1(element, 'zeebe:ExecutionListeners')[0];
   }
 
-  function getUserTaskForm(element, options = {}) {
-    let {
-      formKey,
-      rootElement
-    } = options;
-
-    rootElement = rootElement || getRootElement$1(element);
-
-    if (!formKey) {
-      const formDefinition = getFormDefinition(element);
-
-      if (!formDefinition) {
-        return;
-      }
-
-      formKey = formDefinition.get('formKey');
-    }
-
-    const userTaskForms = getExtensionElementsList$1(rootElement, 'zeebe:UserTaskForm');
-
-    return userTaskForms.find(userTaskForm => {
-      return userTaskFormIdToFormKey(userTaskForm.get('id')) === formKey;
-    });
+  /**
+   * Zeebe BPMN behavior ensuring that zeebe:subscription is removed from bpmn:Message
+   * when it has no properties anymore.
+   */
+  class CleanUpSubscriptionBehavior extends CommandInterceptor$1 {
+    constructor(eventBus, commandStack) {
+      super(eventBus);
+
+      this.postExecuted([
+        'element.updateProperties',
+        'element.updateModdleProperties'
+      ], context => {
+        const element = context.shape || context.newShape || context.element;
+
+        if (element.labelTarget) {
+          return;
+        }
+
+        if (!is$6(element, 'bpmn:Event')) {
+          return;
+        }
+
+        const messageEventDefinition = getMessageEventDefinition$1(element);
+
+        if (!messageEventDefinition) {
+          return;
+        }
+
+        const message = messageEventDefinition.get('messageRef');
+
+        if (!message) {
+          return;
+        }
+
+        const subscription = getSubscription(message);
+
+        if (!subscription) {
+          return;
+        }
+
+        if (!hasNoProperties(subscription)) {
+          return;
+        }
+
+        removeExtensionElements(element, message, subscription, commandStack);
+      }, true);
+    }
+  }
+
+  CleanUpSubscriptionBehavior.$inject = [
+    'eventBus',
+    'commandStack'
+  ];
+
+
+  // helpers //////////
+
+  function getMessageEventDefinition$1(event) {
+    const businessObject = getBusinessObject$2(event);
+
+    return businessObject.get('eventDefinitions').find(eventDefinition => {
+      return is$6(eventDefinition, 'bpmn:MessageEventDefinition');
+    });
+  }
+
+  function getSubscription(message) {
+    return getExtensionElementsList$1(message, 'zeebe:Subscription')[ 0 ];
+  }
+
+  function hasNoProperties(element) {
+    const descriptor = element.$descriptor;
+
+    return descriptor.properties.every(property => {
+      return element.get(property.name) === undefined;
+    });
   }
 
-  function userTaskFormIdToFormKey(userTaskFormId) {
-    return `${ FORM_KEY_PREFIX }${ userTaskFormId }`;
+  function getTimerEventDefinition(element) {
+    const businessObject = getBusinessObject$2(element);
+
+    return businessObject.get('eventDefinitions').find(eventDefinition => {
+      return is$6(eventDefinition, 'bpmn:TimerEventDefinition');
+    });
+  }
+
+  /**
+   * Check whether a given timer expression type is supported for a given element.
+   *
+   * @param {string} type
+   * @param {Element|ModdleElement} element
+   *
+   * @return {boolean}
+   */
+  function isTimerExpressionTypeSupported(type, element) {
+    const businessObject = getBusinessObject$2(element);
+
+    switch (type) {
+    case 'timeDate':
+      return isAny$1(element, [
+        'bpmn:BoundaryEvent',
+        'bpmn:IntermediateCatchEvent',
+        'bpmn:StartEvent'
+      ]);
+
+    case 'timeCycle':
+      if (is$6(element, 'bpmn:StartEvent') && (!hasParentEventSubProcess(businessObject)) || !isInterrupting(businessObject)) {
+        return true;
+      }
+
+      if (is$6(element, 'bpmn:BoundaryEvent') && !isInterrupting(businessObject)) {
+        return true;
+      }
+
+      return false;
+
+    case 'timeDuration':
+      if (isAny$1(element, [
+        'bpmn:BoundaryEvent',
+        'bpmn:IntermediateCatchEvent'
+      ])) {
+        return true;
+      }
+
+      if (is$6(element, 'bpmn:StartEvent') && hasParentEventSubProcess(businessObject)) {
+        return true;
+      }
+
+      return false;
+
+    default:
+      return false;
+    }
+  }
+
+  function isInterrupting(businessObject) {
+    if (is$6(businessObject, 'bpmn:BoundaryEvent')) {
+      return businessObject.get('cancelActivity') !== false;
+    }
+
+    return businessObject.get('isInterrupting') !== false;
+  }
+
+  function hasParentEventSubProcess(businessObject) {
+    const parent = businessObject.$parent;
+
+    return parent && is$6(parent, 'bpmn:SubProcess') && parent.get('triggeredByEvent');
   }
 
-  function isUserTaskFormKey(formKey) {
-    return formKey && formKey.startsWith(FORM_KEY_PREFIX);
-  }
+  /**
+   * Zeebe BPMN behavior ensuring that bpmn:TimerEventDefinition has only allowed time properties of:
+   * - timeCycle
+   * - timeDate
+   * - timeDuration
+   */
+  class CleanUpTimerExpressionBehavior extends CommandInterceptor$1 {
+    constructor(eventBus, modeling) {
+      super(eventBus);
+
+      /**
+       * Remove unsupported timer expressions.
+       */
+      this.postExecuted([
+        'shape.move',
+        'shape.replace',
+        'element.updateProperties',
+        'element.updateModdleProperties'
+      ], context => {
+        const element = context.shape || context.newShape || context.element;
+
+        if (element.labelTarget) {
+          return;
+        }
+
+        if (!is$6(element, 'bpmn:Event')) {
+          return;
+        }
+
+        const timerEventDefinition = getTimerEventDefinition(element);
+
+        if (!timerEventDefinition) {
+          return;
+        }
+
+        const propertiesUpdate = {};
+
+        [
+          'timeCycle',
+          'timeDate',
+          'timeDuration'
+        ].forEach((type) => {
+          if (timerEventDefinition.get(type) && !isTimerExpressionTypeSupported(type, element)) {
+            propertiesUpdate[ type ] = undefined;
+          }
+        });
+
+        if (!Object.keys(propertiesUpdate).length) {
+          return;
+        }
+
+        modeling.updateModdleProperties(element, timerEventDefinition, propertiesUpdate);
+      }, true);
+    }
+  }
+
+  CleanUpTimerExpressionBehavior.$inject = [
+    'eventBus',
+    'modeling'
+  ];
 
-  function createUserTaskFormId() {
-    return getPrefixedId(USER_TASK_FORM_ID_PREFIX);
+  const WILDCARD = '*';
+
+  const TIMER_PROPERTIES = [
+    'timeCycle',
+    'timeDate',
+    'timeDuration'
+  ];
+
+  const zeebeServiceTaskProperties = [
+    'zeebe:Input',
+    'zeebe:LoopCharacteristics',
+    'zeebe:TaskDefinition',
+    'zeebe:TaskHeaders',
+    'zeebe:Subscription'
+  ];
+
+  class ZeebeModdleExtension {
+    constructor(eventBus) {
+      eventBus.on('moddleCopy.canCopyProperty', (context) => {
+        const {
+          parent,
+          property,
+          propertyName
+        } = context;
+
+        return this.canCopyProperty(property, parent, propertyName);
+      });
+    }
+
+    canCopyProperty(property, parent, propertyName) {
+
+      // (1) check if property is allowed in parent
+      if (isObject$5(property) && !isAllowedInParent(property, parent)) {
+        return false;
+      }
+
+      // (2) check for specific scenarios
+      if (!this.canHostServiceTaskLikeProperties(property, parent)) {
+        return false;
+      }
+
+      if (!this.canHostTimerExpression(property, parent, propertyName)) {
+        return false;
+      }
+    }
+
+    canHostServiceTaskLikeProperties(property, parent) {
+      if (isAllowedInZeebeServiceTask(property)) {
+        const serviceTaskLike = getParent(parent, 'bpmn:IntermediateThrowEvent') || getParent(parent, 'bpmn:EndEvent');
+
+        if (serviceTaskLike) {
+          return isMessageEvent(serviceTaskLike);
+        }
+      }
+
+      return true;
+    }
+
+    canHostTimerExpression(property, parent, propertyName) {
+      if (!is$6(parent, 'bpmn:TimerEventDefinition') || !TIMER_PROPERTIES.includes(propertyName)) {
+        return true;
+      }
+
+      return isTimerExpressionTypeSupported(propertyName, parent.$parent);
+    }
+  }
+
+  ZeebeModdleExtension.$inject = [ 'eventBus' ];
+
+
+  // helpers //////////
+
+  function getParent(element, type) {
+    if (!type) {
+      return element.$parent;
+    }
+
+    if (is$6(element, type)) {
+      return element;
+    }
+
+    if (!element.$parent) {
+      return;
+    }
+
+    return getParent(element.$parent, type);
+  }
+
+  function isAllowedInParent(property, parent) {
+
+    // (1) find property descriptor
+    const descriptor = property.$type && property.$model.getTypeDescriptor(property.$type);
+
+    const allowedIn = descriptor && descriptor.meta && descriptor.meta.allowedIn;
+
+    if (!allowedIn || isWildcard(allowedIn)) {
+      return true;
+    }
+
+    // (2) check if property has parent of allowed type
+    return some$2(allowedIn, function(type) {
+      return getParent(parent, type);
+    });
+  }
+
+  function isWildcard(allowedIn) {
+    return allowedIn.indexOf(WILDCARD) !== -1;
+  }
+
+  function isMessageEvent(event) {
+    const eventDefinitions = event.get('eventDefinitions');
+
+    return eventDefinitions.some((eventDefinition) => {
+      return is$6(eventDefinition, 'bpmn:MessageEventDefinition');
+    });
+  }
+
+  // check if property is allowed in zeebe:ZeebeServiceTask but not for none events
+  function isAllowedInZeebeServiceTask(property) {
+    return zeebeServiceTaskProperties.some((propertyType) => {
+      return is$6(property, propertyType);
+    });
   }
 
-  function getRootElement$1(element) {
-    const businessObject = getBusinessObject$2(element);
-
-    let parent = businessObject;
-
-    while (parent.$parent && !is$6(parent, 'bpmn:Process')) {
-      parent = parent.$parent;
-    }
-
-    return parent;
+  /**
+   * Creates a new element and set the parent to it
+   *
+   * @method ElementHelper#createElement
+   *
+   * @param {String} elementType of the new element
+   * @param {Object} properties of the new element in key-value pairs
+   * @param {moddle.object} parent of the new element
+   * @param {BpmnFactory} factory which creates the new element
+   *
+   * @returns {djs.model.Base} element which is created
+   */
+  function createElement$2(elementType, properties, parent, factory) {
+    var element = factory.create(elementType, properties);
+    element.$parent = parent;
+
+    return element;
   }
 
-  /**
-   * Zeebe BPMN specific forms behavior.
-   */
-  class FormsBehavior extends CommandInterceptor$1 {
-    constructor(bpmnFactory, eventBus, modeling) {
-      super(eventBus);
-
-      this._modeling = modeling;
-
-      function removeUserTaskForm(element, moddleElement, userTaskForm) {
-        const extensionElements = moddleElement.get('extensionElements');
-
-        const values = without$1(extensionElements.get('values'), userTaskForm);
-
-        modeling.updateModdleProperties(element, extensionElements, {
-          values
-        });
-
-        if (!values.length) {
-          modeling.updateModdleProperties(element, moddleElement, {
-            extensionElements: undefined
-          });
-        }
-      }
-
-      /**
-       * Remove zeebe:UserTaskForm on user task removed.
-       */
-      this.postExecute('shape.delete', function(context) {
-        const {
-          oldParent,
-          shape
-        } = context;
-
-        const rootElement = getRootElement$1(oldParent);
-
-        const userTaskForm = getUserTaskForm(shape, { rootElement });
-
-        if (!is$6(shape, 'bpmn:UserTask') || !userTaskForm) {
-          return;
-        }
-
-        removeUserTaskForm(shape, rootElement, userTaskForm);
-      }, true);
-
-
-      /**
-       * Create new zeebe:FormDefinition and zeebe:UserTaskForm on user task created.
-       */
-      this.postExecute('shape.create', function(context) {
-        const { shape } = context;
-
-        const oldFormDefinition = getFormDefinition(shape);
-
-        if (!is$6(shape, 'bpmn:UserTask') || !oldFormDefinition) {
-          return;
-        }
-
-        const oldUserTaskForm = getUserTaskForm(shape);
-
-        const rootElement = getRootElement$1(shape);
-
-        const businessObject = getBusinessObject$2(shape);
-
-        const extensionElements = businessObject.get('extensionElements');
-
-        let rootExtensionElements = rootElement.get('extensionElements');
-
-        // (1) ensure extension elements exists
-        if (!rootExtensionElements) {
-          rootExtensionElements = createElement$2('bpmn:ExtensionElements', { values: [] }, rootElement, bpmnFactory);
-
-          modeling.updateModdleProperties(shape, rootElement, { extensionElements: rootExtensionElements });
-        }
-
-        // (2) remove existing form definition
-        let values = extensionElements.get('values').filter((element) => {
-          return element !== oldFormDefinition;
-        });
-
-        // (3) create new form definition
-        const userTaskFormId = createUserTaskFormId();
-
-        const newFormDefinition = createElement$2('zeebe:FormDefinition', {
-          formKey: userTaskFormIdToFormKey(userTaskFormId)
-        }, extensionElements, bpmnFactory);
-
-        values = [
-          ...values,
-          newFormDefinition
-        ];
-
-        modeling.updateModdleProperties(shape, extensionElements, {
-          values
-        });
-
-        // (4) create new user task form
-        const userTaskForm = createElement$2('zeebe:UserTaskForm', {
-          id: userTaskFormId,
-          body: oldUserTaskForm ? oldUserTaskForm.get('body') : ''
-        }, rootExtensionElements, bpmnFactory);
-
-        modeling.updateModdleProperties(shape, rootExtensionElements, {
-          values: [
-            ...(rootExtensionElements.get('values') || []),
-            userTaskForm
-          ]
-        });
-      }, true);
-
-
-      /**
-       * Ensure that a user task only has one of the following:
-       *
-       * 1. zeebe:FormDefinition with zeebe:formId (linked Camunda form)
-       * 2. zeebe:FormDefinition with zeebe:formKey in the format of camunda-forms:bpmn:UserTaskForm_1 (embedded Camunda form)
-       * 3. zeebe:FormDefinition with zeebe:formKey (custom form)
-       * 4. zeebe:FormDefinition with zeebe:externalReference (external form)
-       */
-      this.preExecute('element.updateModdleProperties', function(context) {
-        const {
-          moddleElement,
-          properties
-        } = context;
-
-        if (is$6(moddleElement, 'zeebe:FormDefinition')) {
-          if ('formId' in properties) {
-            properties.formKey = undefined;
-            properties.externalReference = undefined;
-          } else if ('formKey' in properties) {
-            properties.formId = undefined;
-            properties.externalReference = undefined;
-          } else if ('externalReference' in properties) {
-            properties.formId = undefined;
-            properties.formKey = undefined;
-          }
-        }
-      }, true);
-
-      /**
-       * Clean up user task form after form key or definition is removed. Clean up
-       * empty extension elements after form definition is removed.
-       */
-      this.postExecute('element.updateModdleProperties', function(context) {
-        const {
-          element,
-          moddleElement,
-          oldProperties
-        } = context;
-
-        if (is$6(moddleElement, 'zeebe:FormDefinition')) {
-          const formKey = moddleElement.get('formKey');
-
-          if (!formKey || !isUserTaskFormKey(formKey)) {
-            const userTaskForm = getUserTaskForm(element, { formKey: oldProperties.formKey });
-
-            if (userTaskForm) {
-              removeUserTaskForm(element, getRootElement$1(element), userTaskForm);
-            }
-          }
-        } else if (isExtensionElementRemoved(context, 'zeebe:FormDefinition')) {
-          const formDefinition = oldProperties.values.find(value => is$6(value, 'zeebe:FormDefinition'));
-
-          const userTaskForm = getUserTaskForm(element, { formKey: formDefinition.get('formKey') });
-
-          if (userTaskForm) {
-            removeUserTaskForm(element, getRootElement$1(element), userTaskForm);
-          }
-
-          if (!moddleElement.get('values').length) {
-            modeling.updateProperties(element, {
-              extensionElements: undefined
-            });
-          }
-        }
-      }, true);
-
-      this._registerZeebeUserTaskSupport();
-    }
-
-    _registerZeebeUserTaskSupport() {
-
-      /**
-       * Handle `formKey` for `zeebe:UserTask`.
-       * 1. Remove if embedded form is used.
-       * 2. Convert to externalReference if custom form key.
-       */
-      this.postExecute('element.updateModdleProperties', ({ element }) => {
-
-        if (!is$6(element, 'bpmn:UserTask') || !hasZeebeUserTask(element)) {
-          return;
-        }
-
-        const formDefinition = getFormDefinition(element);
-
-        if (!formDefinition) {
-          return;
-        }
-
-        const formKey = formDefinition.get('formKey');
-
-        if (isUndefined$6(formKey)) {
-          return;
-        }
-
-        if (isUserTaskFormKey(formKey)) {
-          this._modeling.updateModdleProperties(element, formDefinition, { formKey: undefined });
-        } else {
-          this._modeling.updateModdleProperties(element, formDefinition, {
-            externalReference: formKey
-          });
-        }
-      }, true);
-
-      /**
-       * Replace `externalReference` with `formKey` for non-`zeebe:UserTask`.
-       */
-      this.postExecute('element.updateModdleProperties', ({ element }) => {
-
-        if (!is$6(element, 'bpmn:UserTask') || hasZeebeUserTask(element)) {
-          return;
-        }
-
-        const formDefinition = getFormDefinition(element);
-
-        if (!formDefinition) {
-          return;
-        }
-
-        const externalReference = formDefinition.get('externalReference');
-
-        if (isUndefined$6(externalReference)) {
-          return;
-        }
-
-        this._modeling.updateModdleProperties(element, formDefinition, {
-          externalReference: undefined,
-          formKey: externalReference
-        });
-      }, true);
-    }
+  /**
+   * Get zeebe:CalledElement of an element.
+   *
+   * @param {djs.model.Base|ModdleElement} element
+   *
+   * @returns {ModdleElement}
+   */
+  function getCalledElement(element) {
+    const calledElements = getCalledElements(element);
+
+    return calledElements[ 0 ];
+  }
+
+  function getCalledElements(element) {
+    const businessObject = getBusinessObject$2(element);
+
+    return getExtensionElementsList$1(businessObject, 'zeebe:CalledElement');
   }
 
-  FormsBehavior.$inject = [
-    'bpmnFactory',
-    'eventBus',
-    'modeling'
+  const HIGH_PRIORITY$4 = 5000;
+
+
+  /**
+   * Zeebe BPMN specific behavior for creating call activities.
+   */
+  class CreateZeebeCallActivityBehavior extends CommandInterceptor$1 {
+    constructor(bpmnFactory, eventBus, modeling) {
+      super(eventBus);
+
+      /**
+       * Add zeebe:CalledElement extension element with zeebe:propagateAllChildVariables attribute = false
+       * when creating bpmn:CallActivity.
+       */
+      this.postExecuted('shape.create', HIGH_PRIORITY$4, function(context) {
+        const { shape } = context;
+
+        if (!is$6(shape, 'bpmn:CallActivity')) {
+          return;
+        }
+
+        const businessObject = getBusinessObject$2(shape);
+
+        let calledElement = getCalledElement(businessObject);
+
+        if (!calledElement) {
+          let extensionElements = businessObject.get('extensionElements');
+
+          if (!extensionElements) {
+            extensionElements = createElement$2(
+              'bpmn:ExtensionElements',
+              {
+                values: []
+              },
+              businessObject,
+              bpmnFactory
+            );
+
+            modeling.updateProperties(shape, { extensionElements });
+          }
+
+          calledElement = createElement$2(
+            'zeebe:CalledElement',
+            {
+              propagateAllChildVariables: false
+            },
+            extensionElements,
+            bpmnFactory
+          );
+
+          modeling.updateModdleProperties(shape, extensionElements, {
+            values: [
+              ...(extensionElements.values || []),
+              calledElement
+            ]
+          });
+        } else if (!has$3(calledElement, 'propagateAllChildVariables')) {
+
+          // set zeebe:propagateAllChildVariables to false if zeebe:CalledElement exists
+          modeling.updateModdleProperties(shape, calledElement, {
+            propagateAllChildVariables: false
+          });
+        }
+      }, true);
+
+    }
+  }
+
+  CreateZeebeCallActivityBehavior.$inject = [
+    'bpmnFactory',
+    'eventBus',
+    'modeling'
   ];
 
-  function isExtensionElementRemoved(context, type) {
-    const {
-      moddleElement,
-      oldProperties,
-      properties
-    } = context;
+  const LOW_PRIORITY$1 = 250;
+
+  /**
+   * Camunda-specific behavior ensuring `isExecutable` is kept after deleting
+   * the last participant.
+   */
+  class DeleteParticipantBehaviour extends CommandInterceptor$1 {
+    constructor(eventBus, canvas, modeling) {
+      super(eventBus);
+
+      this.postExecuted('shape.delete', LOW_PRIORITY$1, function(context) {
+        const {
+          collaborationRoot,
+          shape
+        } = context;
+
+        const newRoot = canvas.getRootElement();
+
+        if (is$6(shape, 'bpmn:Participant') &&
+            collaborationRoot &&
+            !collaborationRoot.businessObject.get('participants').length &&
+            is$6(newRoot, 'bpmn:Process')) {
+
+          const oldProcessBusinessObject = shape.businessObject.get('processRef');
+
+          if (!oldProcessBusinessObject) {
+            return;
+          }
+
+          modeling.updateProperties(newRoot, { isExecutable: oldProcessBusinessObject.get('isExecutable') });
+        }
+
+      }, true);
+    }
+  }
+
+  DeleteParticipantBehaviour.$inject = [
+    'eventBus',
+    'canvas',
+    'modeling'
+  ];
 
-    return is$6(moddleElement, 'bpmn:ExtensionElements')
-      && 'values' in oldProperties
-      && 'values' in properties
-      && oldProperties.values.find(value => is$6(value, type))
-      && !properties.values.find(value => is$6(value, type));
+  const ids = new Ids$1([ 32, 32, 1 ]);
+
+  /**
+   * Get ID with prefix.
+   */
+  function getPrefixedId(prefix) {
+    return ids.nextPrefixed(prefix);
   }
 
-  function hasZeebeUserTask(userTask) {
-    return getExtensionElementsList$1(userTask, 'zeebe:UserTask').length;
+  const FORM_KEY_PREFIX = 'camunda-forms:bpmn:',
+        USER_TASK_FORM_ID_PREFIX = 'UserTaskForm_';
+
+  function getFormDefinition(element) {
+    const businessObject = getBusinessObject$2(element);
+
+    const formDefinitions = getExtensionElementsList$1(businessObject, 'zeebe:FormDefinition');
+
+    return formDefinitions[ 0 ];
+  }
+
+  function getUserTaskForm(element, options = {}) {
+    let {
+      formKey,
+      rootElement
+    } = options;
+
+    rootElement = rootElement || getRootElement$1(element);
+
+    if (!formKey) {
+      const formDefinition = getFormDefinition(element);
+
+      if (!formDefinition) {
+        return;
+      }
+
+      formKey = formDefinition.get('formKey');
+    }
+
+    const userTaskForms = getExtensionElementsList$1(rootElement, 'zeebe:UserTaskForm');
+
+    return userTaskForms.find(userTaskForm => {
+      return userTaskFormIdToFormKey(userTaskForm.get('id')) === formKey;
+    });
+  }
+
+  function userTaskFormIdToFormKey(userTaskFormId) {
+    return `${ FORM_KEY_PREFIX }${ userTaskFormId }`;
+  }
+
+  function isUserTaskFormKey(formKey) {
+    return formKey && formKey.startsWith(FORM_KEY_PREFIX);
+  }
+
+  function createUserTaskFormId() {
+    return getPrefixedId(USER_TASK_FORM_ID_PREFIX);
+  }
+
+  function getRootElement$1(element) {
+    const businessObject = getBusinessObject$2(element);
+
+    let parent = businessObject;
+
+    while (parent.$parent && !is$6(parent, 'bpmn:Process')) {
+      parent = parent.$parent;
+    }
+
+    return parent;
   }
 
-  const HIGH_PRIORITY$3 = 5000;
-
-
-  /**
-   * Zeebe BPMN behavior removing zeebe:AssignmentDefinition elements without
-   * zeebe:assignee, zeebe:candidateGroups or zeebe:candidateUsers.
-   */
-  class RemoveAssignmentDefinitionBehavior extends CommandInterceptor$1 {
-    constructor(commandStack, eventBus) {
-      super(eventBus);
-
-      this.postExecuted('element.updateModdleProperties' , HIGH_PRIORITY$3, function(context) {
-        const {
-          element,
-          moddleElement
-        } = context;
-
-        if (!is$6(moddleElement, 'zeebe:AssignmentDefinition')) {
-          return;
-        }
-
-        const assignmentDefinition = moddleElement;
-
-        if (
-          is$6(element, 'bpmn:UserTask')
-            && isUndefined$6(assignmentDefinition.get('zeebe:assignee'))
-            && isUndefined$6(assignmentDefinition.get('zeebe:candidateGroups'))
-            && isUndefined$6(assignmentDefinition.get('zeebe:candidateUsers'))
-        ) {
-          const businessObject = getBusinessObject$2(element);
-
-          removeExtensionElements(element, businessObject, assignmentDefinition, commandStack);
-        }
-      }, true);
-
-    }
+  /**
+   * Zeebe BPMN specific forms behavior.
+   */
+  class FormsBehavior extends CommandInterceptor$1 {
+    constructor(bpmnFactory, eventBus, modeling) {
+      super(eventBus);
+
+      this._modeling = modeling;
+
+      function removeUserTaskForm(element, moddleElement, userTaskForm) {
+        const extensionElements = moddleElement.get('extensionElements');
+
+        const values = without$1(extensionElements.get('values'), userTaskForm);
+
+        modeling.updateModdleProperties(element, extensionElements, {
+          values
+        });
+
+        if (!values.length) {
+          modeling.updateModdleProperties(element, moddleElement, {
+            extensionElements: undefined
+          });
+        }
+      }
+
+      /**
+       * Remove zeebe:UserTaskForm on user task removed.
+       */
+      this.postExecute('shape.delete', function(context) {
+        const {
+          oldParent,
+          shape
+        } = context;
+
+        const rootElement = getRootElement$1(oldParent);
+
+        const userTaskForm = getUserTaskForm(shape, { rootElement });
+
+        if (!is$6(shape, 'bpmn:UserTask') || !userTaskForm) {
+          return;
+        }
+
+        removeUserTaskForm(shape, rootElement, userTaskForm);
+      }, true);
+
+
+      /**
+       * Create new zeebe:FormDefinition and zeebe:UserTaskForm on user task created.
+       */
+      this.postExecute('shape.create', function(context) {
+        const { shape } = context;
+
+        const oldFormDefinition = getFormDefinition(shape);
+
+        if (!is$6(shape, 'bpmn:UserTask') || !oldFormDefinition) {
+          return;
+        }
+
+        const oldUserTaskForm = getUserTaskForm(shape);
+
+        const rootElement = getRootElement$1(shape);
+
+        const businessObject = getBusinessObject$2(shape);
+
+        const extensionElements = businessObject.get('extensionElements');
+
+        let rootExtensionElements = rootElement.get('extensionElements');
+
+        // (1) ensure extension elements exists
+        if (!rootExtensionElements) {
+          rootExtensionElements = createElement$2('bpmn:ExtensionElements', { values: [] }, rootElement, bpmnFactory);
+
+          modeling.updateModdleProperties(shape, rootElement, { extensionElements: rootExtensionElements });
+        }
+
+        // (2) remove existing form definition
+        let values = extensionElements.get('values').filter((element) => {
+          return element !== oldFormDefinition;
+        });
+
+        // (3) create new form definition
+        const userTaskFormId = createUserTaskFormId();
+
+        const newFormDefinition = createElement$2('zeebe:FormDefinition', {
+          formKey: userTaskFormIdToFormKey(userTaskFormId)
+        }, extensionElements, bpmnFactory);
+
+        values = [
+          ...values,
+          newFormDefinition
+        ];
+
+        modeling.updateModdleProperties(shape, extensionElements, {
+          values
+        });
+
+        // (4) create new user task form
+        const userTaskForm = createElement$2('zeebe:UserTaskForm', {
+          id: userTaskFormId,
+          body: oldUserTaskForm ? oldUserTaskForm.get('body') : ''
+        }, rootExtensionElements, bpmnFactory);
+
+        modeling.updateModdleProperties(shape, rootExtensionElements, {
+          values: [
+            ...(rootExtensionElements.get('values') || []),
+            userTaskForm
+          ]
+        });
+      }, true);
+
+
+      /**
+       * Ensure that a user task only has one of the following:
+       *
+       * 1. zeebe:FormDefinition with zeebe:formId (linked Camunda form)
+       * 2. zeebe:FormDefinition with zeebe:formKey in the format of camunda-forms:bpmn:UserTaskForm_1 (embedded Camunda form)
+       * 3. zeebe:FormDefinition with zeebe:formKey (custom form)
+       * 4. zeebe:FormDefinition with zeebe:externalReference (external form)
+       *
+       * Furthermore, ensure that:
+       *
+       * 1. zeebe:bindingType only exists if zeebe:formId is set (linked Camunda form)
+       */
+      this.preExecute('element.updateModdleProperties', function(context) {
+        const {
+          moddleElement,
+          properties
+        } = context;
+
+        if (is$6(moddleElement, 'zeebe:FormDefinition')) {
+          if ('formId' in properties) {
+            properties.formKey = undefined;
+            properties.externalReference = undefined;
+          } else if ('formKey' in properties) {
+            properties.formId = undefined;
+            properties.externalReference = undefined;
+            properties.bindingType = undefined;
+          } else if ('externalReference' in properties) {
+            properties.formId = undefined;
+            properties.formKey = undefined;
+            properties.bindingType = undefined;
+          }
+
+          if ('bindingType' in properties && !('formId' in properties) && !moddleElement.get('formId')) {
+            properties.externalReference = undefined;
+            properties.formId = '';
+            properties.formKey = undefined;
+          }
+        }
+      }, true);
+
+      /**
+       * Clean up user task form after form key or definition is removed. Clean up
+       * empty extension elements after form definition is removed.
+       */
+      this.postExecute('element.updateModdleProperties', function(context) {
+        const {
+          element,
+          moddleElement,
+          oldProperties
+        } = context;
+
+        if (is$6(moddleElement, 'zeebe:FormDefinition')) {
+          const formKey = moddleElement.get('formKey');
+
+          if (!formKey || !isUserTaskFormKey(formKey)) {
+            const userTaskForm = getUserTaskForm(element, { formKey: oldProperties.formKey });
+
+            if (userTaskForm) {
+              removeUserTaskForm(element, getRootElement$1(element), userTaskForm);
+            }
+          }
+        } else if (isExtensionElementRemoved(context, 'zeebe:FormDefinition')) {
+          const formDefinition = oldProperties.values.find(value => is$6(value, 'zeebe:FormDefinition'));
+
+          const userTaskForm = getUserTaskForm(element, { formKey: formDefinition.get('formKey') });
+
+          if (userTaskForm) {
+            removeUserTaskForm(element, getRootElement$1(element), userTaskForm);
+          }
+
+          if (!moddleElement.get('values').length) {
+            modeling.updateProperties(element, {
+              extensionElements: undefined
+            });
+          }
+        }
+      }, true);
+
+      this._registerZeebeUserTaskSupport();
+    }
+
+    _registerZeebeUserTaskSupport() {
+
+      /**
+       * Handle `formKey` for `zeebe:UserTask`.
+       * 1. Remove if embedded form is used.
+       * 2. Convert to externalReference if custom form key.
+       */
+      this.postExecute('element.updateModdleProperties', ({ element }) => {
+
+        if (!is$6(element, 'bpmn:UserTask') || !hasZeebeUserTask(element)) {
+          return;
+        }
+
+        const formDefinition = getFormDefinition(element);
+
+        if (!formDefinition) {
+          return;
+        }
+
+        const formKey = formDefinition.get('formKey');
+
+        if (isUndefined$6(formKey)) {
+          return;
+        }
+
+        if (isUserTaskFormKey(formKey)) {
+          this._modeling.updateModdleProperties(element, formDefinition, { formKey: undefined });
+        } else {
+          this._modeling.updateModdleProperties(element, formDefinition, {
+            externalReference: formKey
+          });
+        }
+      }, true);
+
+      /**
+       * Replace `externalReference` with `formKey` for non-`zeebe:UserTask`.
+       */
+      this.postExecute('element.updateModdleProperties', ({ element }) => {
+
+        if (!is$6(element, 'bpmn:UserTask') || hasZeebeUserTask(element)) {
+          return;
+        }
+
+        const formDefinition = getFormDefinition(element);
+
+        if (!formDefinition) {
+          return;
+        }
+
+        const externalReference = formDefinition.get('externalReference');
+
+        if (isUndefined$6(externalReference)) {
+          return;
+        }
+
+        this._modeling.updateModdleProperties(element, formDefinition, {
+          externalReference: undefined,
+          formKey: externalReference
+        });
+      }, true);
+    }
+  }
+
+  FormsBehavior.$inject = [
+    'bpmnFactory',
+    'eventBus',
+    'modeling'
+  ];
+
+  function isExtensionElementRemoved(context, type) {
+    const {
+      moddleElement,
+      oldProperties,
+      properties
+    } = context;
+
+    return is$6(moddleElement, 'bpmn:ExtensionElements')
+      && 'values' in oldProperties
+      && 'values' in properties
+      && oldProperties.values.find(value => is$6(value, type))
+      && !properties.values.find(value => is$6(value, type));
+  }
+
+  function hasZeebeUserTask(userTask) {
+    return getExtensionElementsList$1(userTask, 'zeebe:UserTask').length;
   }
 
-  RemoveAssignmentDefinitionBehavior.$inject = [
-    'commandStack',
-    'eventBus'
+  const HIGH_PRIORITY$3 = 5000;
+
+
+  /**
+   * Zeebe BPMN behavior removing zeebe:AssignmentDefinition elements without
+   * zeebe:assignee, zeebe:candidateGroups or zeebe:candidateUsers.
+   */
+  class RemoveAssignmentDefinitionBehavior extends CommandInterceptor$1 {
+    constructor(commandStack, eventBus) {
+      super(eventBus);
+
+      this.postExecuted('element.updateModdleProperties' , HIGH_PRIORITY$3, function(context) {
+        const {
+          element,
+          moddleElement
+        } = context;
+
+        if (!is$6(moddleElement, 'zeebe:AssignmentDefinition')) {
+          return;
+        }
+
+        const assignmentDefinition = moddleElement;
+
+        if (
+          is$6(element, 'bpmn:UserTask')
+            && isUndefined$6(assignmentDefinition.get('zeebe:assignee'))
+            && isUndefined$6(assignmentDefinition.get('zeebe:candidateGroups'))
+            && isUndefined$6(assignmentDefinition.get('zeebe:candidateUsers'))
+        ) {
+          const businessObject = getBusinessObject$2(element);
+
+          removeExtensionElements(element, businessObject, assignmentDefinition, commandStack);
+        }
+      }, true);
+
+    }
+  }
+
+  RemoveAssignmentDefinitionBehavior.$inject = [
+    'commandStack',
+    'eventBus'
   ];
 
-  const HIGH_PRIORITY$2 = 5000;
-
-
-  /**
-   * Zeebe BPMN behavior removing zeebe:TaskSchedule elements without
-   * zeebe:dueDate and zeebe:followUpDate.
-   */
-  class RemoveTaskScheduleBehavior extends CommandInterceptor$1 {
-    constructor(commandStack, eventBus) {
-      super(eventBus);
-
-      this.postExecuted('element.updateModdleProperties' , HIGH_PRIORITY$2, function(context) {
-        const {
-          element,
-          moddleElement
-        } = context;
-
-        if (!is$6(moddleElement, 'zeebe:TaskSchedule')) {
-          return;
-        }
-
-        const taskSchedule = moddleElement;
-
-        if (
-          is$6(element, 'bpmn:UserTask')
-            && isUndefined$6(taskSchedule.get('zeebe:dueDate'))
-            && isUndefined$6(taskSchedule.get('zeebe:followUpDate'))
-        ) {
-          const businessObject = getBusinessObject$2(element);
-
-          removeExtensionElements(element, businessObject, taskSchedule, commandStack);
-        }
-      }, true);
-
-    }
-  }
-
-  RemoveTaskScheduleBehavior.$inject = [
-    'commandStack',
-    'eventBus'
+  const HIGH_PRIORITY$2 = 5000;
+
+
+  /**
+   * Zeebe BPMN behavior removing zeebe:TaskSchedule elements without
+   * zeebe:dueDate and zeebe:followUpDate.
+   */
+  class RemoveTaskScheduleBehavior extends CommandInterceptor$1 {
+    constructor(commandStack, eventBus) {
+      super(eventBus);
+
+      this.postExecuted('element.updateModdleProperties' , HIGH_PRIORITY$2, function(context) {
+        const {
+          element,
+          moddleElement
+        } = context;
+
+        if (!is$6(moddleElement, 'zeebe:TaskSchedule')) {
+          return;
+        }
+
+        const taskSchedule = moddleElement;
+
+        if (
+          is$6(element, 'bpmn:UserTask')
+            && isUndefined$6(taskSchedule.get('zeebe:dueDate'))
+            && isUndefined$6(taskSchedule.get('zeebe:followUpDate'))
+        ) {
+          const businessObject = getBusinessObject$2(element);
+
+          removeExtensionElements(element, businessObject, taskSchedule, commandStack);
+        }
+      }, true);
+
+    }
+  }
+
+  RemoveTaskScheduleBehavior.$inject = [
+    'commandStack',
+    'eventBus'
   ];
 
-  var behaviorsModule = {
-    __init__: [
-      'cleanUpBusinessRuleTaskBehavior',
-      'cleanUpEndEventBehavior',
-      'cleanUpExecutionListenersBehavior',
-      'cleanUpSubscriptionBehavior',
-      'cleanUpTimerExpressionBehavior',
-      'copyPasteBehavior',
-      'createZeebeCallActivityBehavior',
-      'deleteParticipantBehaviour',
-      'formsBehavior',
-      'removeAssignmentDefinitionBehavior',
-      'removeTaskScheduleBehavior'
-    ],
-    cleanUpBusinessRuleTaskBehavior: [ 'type', CleanUpBusinessRuleTaskBehavior ],
-    cleanUpEndEventBehavior: [ 'type', CleanUpEndEventBehavior ],
-    cleanUpExecutionListenersBehavior: [ 'type', CleanUpExecutionListenersBehavior ],
-    cleanUpSubscriptionBehavior: [ 'type', CleanUpSubscriptionBehavior ],
-    cleanUpTimerExpressionBehavior: [ 'type', CleanUpTimerExpressionBehavior ],
-    copyPasteBehavior: [ 'type', ZeebeModdleExtension ],
-    createZeebeCallActivityBehavior: [ 'type', CreateZeebeCallActivityBehavior ],
-    deleteParticipantBehaviour: [ 'type', DeleteParticipantBehaviour ],
-    formsBehavior: [ 'type', FormsBehavior ],
-    removeAssignmentDefinitionBehavior: [ 'type', RemoveAssignmentDefinitionBehavior ],
-    removeTaskScheduleBehavior: [ 'type', RemoveTaskScheduleBehavior ]
+  var behaviorsModule = {
+    __init__: [
+      'cleanUpBusinessRuleTaskBehavior',
+      'cleanUpEndEventBehavior',
+      'cleanUpExecutionListenersBehavior',
+      'cleanUpSubscriptionBehavior',
+      'cleanUpTimerExpressionBehavior',
+      'copyPasteBehavior',
+      'createZeebeCallActivityBehavior',
+      'deleteParticipantBehaviour',
+      'formsBehavior',
+      'removeAssignmentDefinitionBehavior',
+      'removeTaskScheduleBehavior'
+    ],
+    cleanUpBusinessRuleTaskBehavior: [ 'type', CleanUpBusinessRuleTaskBehavior ],
+    cleanUpEndEventBehavior: [ 'type', CleanUpEndEventBehavior ],
+    cleanUpExecutionListenersBehavior: [ 'type', CleanUpExecutionListenersBehavior ],
+    cleanUpSubscriptionBehavior: [ 'type', CleanUpSubscriptionBehavior ],
+    cleanUpTimerExpressionBehavior: [ 'type', CleanUpTimerExpressionBehavior ],
+    copyPasteBehavior: [ 'type', ZeebeModdleExtension ],
+    createZeebeCallActivityBehavior: [ 'type', CreateZeebeCallActivityBehavior ],
+    deleteParticipantBehaviour: [ 'type', DeleteParticipantBehaviour ],
+    formsBehavior: [ 'type', FormsBehavior ],
+    removeAssignmentDefinitionBehavior: [ 'type', RemoveAssignmentDefinitionBehavior ],
+    removeTaskScheduleBehavior: [ 'type', RemoveTaskScheduleBehavior ]
   };
 
   /**
@@ -130821,7 +130963,7 @@
   }
 
   const LOWER_PRIORITY$1 = 300;
-  const ALWAYS_DISPLAYED_GROUPS$1 = ['general', 'documentation', 'multiInstance'];
+  const ALWAYS_DISPLAYED_GROUPS$1 = ['general', 'documentation', 'multiInstance', 'Zeebe__ExecutionListeners'];
   let ElementTemplatesPropertiesProvider$1 = class ElementTemplatesPropertiesProvider {
     constructor(elementTemplates, propertiesPanel, injector) {
       propertiesPanel.registerProvider(LOWER_PRIORITY$1, this);