camunda-bpmn-js 3.10.1 → 3.10.2

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

@@ -32858,7 +32858,7 @@
    * @typedef {import('../../core/EventBus').default} EventBus
    */
 
-  var HIGH_PRIORITY$n = 1500;
+  var HIGH_PRIORITY$o = 1500;
 
 
   /**
@@ -32926,7 +32926,7 @@
        */
       eventBus.on('drag.start', function(event) {
 
-        eventBus.once('drag.move', HIGH_PRIORITY$n, function(event) {
+        eventBus.once('drag.move', HIGH_PRIORITY$o, function(event) {
 
           ensureHover(event);
 
@@ -32957,7 +32957,7 @@
         hover = event.element;
       });
 
-      eventBus.on('element.hover', HIGH_PRIORITY$n, function(event) {
+      eventBus.on('element.hover', HIGH_PRIORITY$o, function(event) {
 
         // (3) am I on an element still?
         if (hover) {
@@ -34909,7 +34909,7 @@
       MARKER_CONNECT_UPDATING$1 = 'djs-updating',
       MARKER_DRAGGER = 'djs-dragging';
 
-  var HIGH_PRIORITY$m = 1100;
+  var HIGH_PRIORITY$n = 1100;
 
   /**
    * Preview connection while moving bendpoints.
@@ -34977,7 +34977,7 @@
     eventBus.on([
       'bendpoint.move.out',
       'bendpoint.move.cleanup'
-    ], HIGH_PRIORITY$m, function(event) {
+    ], HIGH_PRIORITY$n, function(event) {
       var context = event.context,
           hover = context.hover,
           target = context.target;
@@ -35063,7 +35063,7 @@
     eventBus.on([
       'bendpoint.move.end',
       'bendpoint.move.cancel'
-    ], HIGH_PRIORITY$m, function(event) {
+    ], HIGH_PRIORITY$n, function(event) {
       var context = event.context,
           connection = context.connection,
           draggerGfx = context.draggerGfx,
@@ -36079,7 +36079,7 @@
    * @typedef {import('../../core/EventBus').default} EventBus
    */
 
-  var HIGH_PRIORITY$l = 1100,
+  var HIGH_PRIORITY$m = 1100,
       LOW_PRIORITY$p = 900;
 
   var MARKER_OK$3 = 'connect-ok',
@@ -36140,7 +36140,7 @@
     eventBus.on([
       'connect.out',
       'connect.cleanup'
-    ], HIGH_PRIORITY$l, function(event) {
+    ], HIGH_PRIORITY$m, function(event) {
       var hover = event.hover;
 
       if (hover) {
@@ -37466,7 +37466,7 @@
 
   var PARTICIPANT_BORDER_WIDTH = 30;
 
-  var HIGH_PRIORITY$k = 2000;
+  var HIGH_PRIORITY$l = 2000;
 
 
   /**
@@ -37483,7 +37483,7 @@
     eventBus.on([
       'create.start',
       'shape.move.start'
-    ], HIGH_PRIORITY$k, function(event) {
+    ], HIGH_PRIORITY$l, function(event) {
       var context = event.context,
           shape = context.shape,
           rootElement = canvas.getRootElement();
@@ -37518,7 +37518,7 @@
     });
 
     // force hovering process when creating first participant
-    eventBus.on('create.start', HIGH_PRIORITY$k, function(event) {
+    eventBus.on('create.start', HIGH_PRIORITY$l, function(event) {
       var context = event.context,
           shape = context.shape,
           rootElement = canvas.getRootElement(),
@@ -37530,7 +37530,7 @@
       }
 
       if (is$6(shape, 'bpmn:Participant') && is$6(rootElement, 'bpmn:Process')) {
-        eventBus.on('element.hover', HIGH_PRIORITY$k, ensureHoveringProcess);
+        eventBus.on('element.hover', HIGH_PRIORITY$l, ensureHoveringProcess);
 
         eventBus.once('create.cleanup', function() {
           eventBus.off('element.hover', ensureHoveringProcess);
@@ -37551,7 +37551,7 @@
 
     // when creating mutliple elements through `elements.create` parent must be set to collaboration
     // and passed to `shape.create` as hint
-    this.preExecute('elements.create', HIGH_PRIORITY$k, function(context) {
+    this.preExecute('elements.create', HIGH_PRIORITY$l, function(context) {
       var elements = context.elements,
           parent = context.parent,
           participant = findParticipant(elements),
@@ -38973,7 +38973,7 @@
    * @typedef {import('diagram-js/lib/core/Canvas').default} Canvas
    */
 
-  var HIGH_PRIORITY$j = 1500;
+  var HIGH_PRIORITY$k = 1500;
   var HIGHEST_PRIORITY = 2000;
 
 
@@ -38995,7 +38995,7 @@
       'shape.move.move',
       'shape.move.out',
       'shape.move.end'
-    ], HIGH_PRIORITY$j, function(event) {
+    ], HIGH_PRIORITY$k, function(event) {
       var context = event.context,
           shape = context.shape || event.shape,
           hover = event.hover;
@@ -39026,7 +39026,7 @@
       'global-connect.out',
       'global-connect.end',
       'global-connect.cleanup'
-    ], HIGH_PRIORITY$j, function(event) {
+    ], HIGH_PRIORITY$k, function(event) {
       var hover = event.hover;
 
       // ensure connections start/end on bpmn:Participant,
@@ -39040,7 +39040,7 @@
 
     eventBus.on([
       'bendpoint.move.hover'
-    ], HIGH_PRIORITY$j, function(event) {
+    ], HIGH_PRIORITY$k, function(event) {
       var context = event.context,
           hover = event.hover,
           type = context.type;
@@ -39056,7 +39056,7 @@
 
     eventBus.on([
       'connect.start'
-    ], HIGH_PRIORITY$j, function(event) {
+    ], HIGH_PRIORITY$k, function(event) {
       var context = event.context,
           start = context.start;
 
@@ -41506,7 +41506,7 @@
     'selection'
   ];
 
-  var HIGH_PRIORITY$i = 1500;
+  var HIGH_PRIORITY$j = 1500;
 
   /**
    * @typedef {import('diagram-js/lib/core/EventBus').default} EventBus
@@ -41549,7 +41549,7 @@
    * @param {EventBus} eventBus
    */
   function ResizeBehavior$1(eventBus) {
-    eventBus.on('resize.start', HIGH_PRIORITY$i, function(event) {
+    eventBus.on('resize.start', HIGH_PRIORITY$j, function(event) {
       var context = event.context,
           shape = context.shape,
           direction = context.direction,
@@ -42092,7 +42092,7 @@
    */
 
   var LOW_PRIORITY$k = 400;
-  var HIGH_PRIORITY$h = 600;
+  var HIGH_PRIORITY$i = 600;
 
   var DEFAULT_POSITION = {
     x: 180,
@@ -42379,7 +42379,7 @@
     }, true);
 
     // move elements between planes
-    this.postExecuted('shape.toggleCollapse', HIGH_PRIORITY$h, function(context) {
+    this.postExecuted('shape.toggleCollapse', HIGH_PRIORITY$i, function(context) {
       var shape = context.shape;
 
       if (!is$6(shape, 'bpmn:SubProcess')) {
@@ -43027,7 +43027,7 @@
    */
 
   var LOW_PRIORITY$i = 500,
-      HIGH_PRIORITY$g = 5000;
+      HIGH_PRIORITY$h = 5000;
 
 
   /**
@@ -43101,7 +43101,7 @@
 
     // listen to a lot of stuff to group lane updates
 
-    this.preExecute(laneRefUpdateEvents, HIGH_PRIORITY$g, function(event) {
+    this.preExecute(laneRefUpdateEvents, HIGH_PRIORITY$h, function(event) {
       initContext();
     });
 
@@ -44429,7 +44429,7 @@
    * @typedef {import('diagram-js/lib/core/Canvas').default} Canvas
    */
 
-  var HIGH_PRIORITY$f = 2000;
+  var HIGH_PRIORITY$g = 2000;
 
   /**
    * @param {EventBus} eventBus
@@ -44437,7 +44437,7 @@
    */
   function BpmnDiOrdering(eventBus, canvas) {
 
-    eventBus.on('saveXML.start', HIGH_PRIORITY$f, orderDi);
+    eventBus.on('saveXML.start', HIGH_PRIORITY$g, orderDi);
 
     function orderDi() {
       var rootElements = canvas.getRootElements();
@@ -44804,7 +44804,7 @@
 
   var PREFIX = 'create';
 
-  var HIGH_PRIORITY$e = 2000;
+  var HIGH_PRIORITY$f = 2000;
 
 
   /**
@@ -45032,7 +45032,7 @@
     eventBus.on('create.init', function() {
       eventBus.on('elements.changed', cancel);
 
-      eventBus.once([ 'create.cancel', 'create.end' ], HIGH_PRIORITY$e, function() {
+      eventBus.once([ 'create.cancel', 'create.end' ], HIGH_PRIORITY$f, function() {
         eventBus.off('elements.changed', cancel);
       });
     });
@@ -47172,7 +47172,7 @@
     e: 'right'
   };
 
-  var HIGH_PRIORITY$d = 1500;
+  var HIGH_PRIORITY$e = 1500;
 
   var DIRECTION_TO_OPPOSITE = {
     n: 's',
@@ -47221,7 +47221,7 @@
       });
     });
 
-    eventBus.on('spaceTool.move', HIGH_PRIORITY$d , function(event) {
+    eventBus.on('spaceTool.move', HIGH_PRIORITY$e , function(event) {
       var context = event.context,
           initialized = context.initialized;
 
@@ -48710,7 +48710,7 @@
   }
 
   var LOW_PRIORITY$d = 250,
-      HIGH_PRIORITY$c = 1400;
+      HIGH_PRIORITY$d = 1400;
 
   /**
    * @typedef {import('../../model/Types').Element} Element
@@ -48737,7 +48737,7 @@
 
     // remove labels from the collection that are being
     // moved with other elements anyway
-    eventBus.on('shape.move.start', HIGH_PRIORITY$c, function(e) {
+    eventBus.on('shape.move.start', HIGH_PRIORITY$d, function(e) {
 
       var context = e.context,
           shapes = context.shapes,
@@ -48776,7 +48776,7 @@
     });
 
     // add all labels to move closure
-    this.preExecuted('elements.move', HIGH_PRIORITY$c, function(e) {
+    this.preExecuted('elements.move', HIGH_PRIORITY$d, function(e) {
       var context = e.context,
           closure = context.closure,
           enclosedElements = closure.enclosedElements;
@@ -48892,7 +48892,7 @@
    */
 
   var LOW_PRIORITY$c = 251,
-      HIGH_PRIORITY$b = 1401;
+      HIGH_PRIORITY$c = 1401;
 
   var MARKER_ATTACH$1 = 'attach-ok';
 
@@ -48921,7 +48921,7 @@
 
     // remove all the attached elements from the shapes to be validated
     // add all the attached shapes to the overall list of moved shapes
-    eventBus.on('shape.move.start', HIGH_PRIORITY$b, function(e) {
+    eventBus.on('shape.move.start', HIGH_PRIORITY$c, function(e) {
 
       var context = e.context,
           shapes = context.shapes,
@@ -48974,7 +48974,7 @@
     });
 
     // add all attachers to move closure
-    this.preExecuted('elements.move', HIGH_PRIORITY$b, function(e) {
+    this.preExecuted('elements.move', HIGH_PRIORITY$c, function(e) {
       var context = e.context,
           closure = context.closure,
           shapes = context.shapes,
@@ -60622,7 +60622,7 @@
    * @typedef {import('../../grid-snapping/GridSnapping').default} GridSnapping
    */
 
-  var HIGH_PRIORITY$a = 2000;
+  var HIGH_PRIORITY$b = 2000;
 
   /**
    * Integrates space tool with grid snapping.
@@ -60634,7 +60634,7 @@
     eventBus.on([
       'spaceTool.move',
       'spaceTool.end'
-    ], HIGH_PRIORITY$a, function(event) {
+    ], HIGH_PRIORITY$b, function(event) {
       var context = event.context;
 
       if (!context.initialized) {
@@ -60693,14 +60693,14 @@
    * @typedef {import('diagram-js/lib/util/Types').Axis} Axis
    */
 
-  var HIGH_PRIORITY$9 = 2000;
+  var HIGH_PRIORITY$a = 2000;
 
   /**
    * @param {EventBus} eventBus
    * @param {GridSnapping} gridSnapping
    */
   function GridSnappingAutoPlaceBehavior(eventBus, gridSnapping) {
-    eventBus.on('autoPlace', HIGH_PRIORITY$9, function(context) {
+    eventBus.on('autoPlace', HIGH_PRIORITY$a, function(context) {
       var source = context.source,
           sourceMid = getMid(source),
           shape = context.shape;
@@ -60809,7 +60809,7 @@
    * @typedef {import('diagram-js/lib/util/Types').Point} Point
    */
 
-  var HIGH_PRIORITY$8 = 3000;
+  var HIGH_PRIORITY$9 = 3000;
 
 
   /**
@@ -60829,7 +60829,7 @@
     this.postExecuted([
       'connection.create',
       'connection.layout'
-    ], HIGH_PRIORITY$8, function(event) {
+    ], HIGH_PRIORITY$9, function(event) {
       var context = event.context,
           connection = context.connection,
           hints = context.hints || {},
@@ -62058,7 +62058,7 @@
    * } } DirectEditingContext
    */
 
-  var HIGH_PRIORITY$7 = 2000;
+  var HIGH_PRIORITY$8 = 2000;
 
   /**
    * @param {EventBus} eventBus
@@ -62103,7 +62103,7 @@
     eventBus.on([
       'shape.remove',
       'connection.remove'
-    ], HIGH_PRIORITY$7, function(event) {
+    ], HIGH_PRIORITY$8, function(event) {
 
       if (directEditing.isActive(event.element)) {
         directEditing.cancel();
@@ -63075,7 +63075,7 @@
 
   var LOW_PRIORITY$8 = 500,
       MEDIUM_PRIORITY = 1250,
-      HIGH_PRIORITY$6 = 1500;
+      HIGH_PRIORITY$7 = 1500;
 
   var round = Math.round;
 
@@ -63125,7 +63125,7 @@
     // * validatedShapes: a list of shapes that are being checked
     //                    against the rules before and during move
     //
-    eventBus.on('shape.move.start', HIGH_PRIORITY$6, function(event) {
+    eventBus.on('shape.move.start', HIGH_PRIORITY$7, function(event) {
 
       var context = event.context,
           shape = event.shape,
@@ -64554,7 +64554,7 @@
    * @typedef {import('../tool-manager/ToolManager').default} ToolManager
    */
 
-  var HIGH_PRIORITY$5 = 1500;
+  var HIGH_PRIORITY$6 = 1500;
   var HAND_CURSOR = 'grab';
 
   /**
@@ -64580,7 +64580,7 @@
       dragging: 'hand.move'
     });
 
-    eventBus.on('element.mousedown', HIGH_PRIORITY$5, function(event) {
+    eventBus.on('element.mousedown', HIGH_PRIORITY$6, function(event) {
 
       if (!hasPrimaryModifier(event)) {
         return;
@@ -64591,7 +64591,7 @@
       return false;
     });
 
-    keyboard && keyboard.addListener(HIGH_PRIORITY$5, function(e) {
+    keyboard && keyboard.addListener(HIGH_PRIORITY$6, function(e) {
       if (!isSpace$1(e.keyEvent) || self.isActive()) {
         return;
       }
@@ -64601,7 +64601,7 @@
       self.activateMove(mouseEvent, !!mouseEvent);
     }, 'keyboard.keydown');
 
-    keyboard && keyboard.addListener(HIGH_PRIORITY$5, function(e) {
+    keyboard && keyboard.addListener(HIGH_PRIORITY$6, function(e) {
       if (!isSpace$1(e.keyEvent) || !self.isActive()) {
         return;
       }
@@ -65897,7 +65897,7 @@
    * @typedef {import('../../model/Types').Shape} Shape
    */
 
-  var HIGH_PRIORITY$4 = 1500;
+  var HIGH_PRIORITY$5 = 1500;
 
 
   /**
@@ -65910,7 +65910,7 @@
     injector.invoke(CreateMoveSnapping, this);
 
     // creating first participant
-    eventBus.on([ 'create.move', 'create.end' ], HIGH_PRIORITY$4, setSnappedIfConstrained);
+    eventBus.on([ 'create.move', 'create.end' ], HIGH_PRIORITY$5, setSnappedIfConstrained);
 
     // snap boundary events
     eventBus.on([
@@ -65918,7 +65918,7 @@
       'create.end',
       'shape.move.move',
       'shape.move.end'
-    ], HIGH_PRIORITY$4, function(event) {
+    ], HIGH_PRIORITY$5, function(event) {
       var context = event.context,
           canExecute = context.canExecute,
           target = context.target;
@@ -116869,7 +116869,7 @@
     });
   }
 
-  const HIGH_PRIORITY$3 = 5000;
+  const HIGH_PRIORITY$4 = 5000;
 
 
   /**
@@ -116883,7 +116883,7 @@
       this.postExecute([
         'element.updateProperties',
         'element.updateModdleProperties'
-      ], HIGH_PRIORITY$3, function(context) {
+      ], HIGH_PRIORITY$4, function(context) {
         const {
           element,
           moddleElement,
@@ -116954,7 +116954,7 @@
     'modeling'
   ];
 
-  const HIGH_PRIORITY$2 = 5000;
+  const HIGH_PRIORITY$3 = 5000;
 
 
   /**
@@ -116969,7 +116969,7 @@
       this.postExecute([
         'element.updateProperties',
         'element.updateModdleProperties'
-      ], HIGH_PRIORITY$2, function(context) {
+      ], HIGH_PRIORITY$3, function(context) {
         const {
           element,
           moddleElement,
@@ -117134,7 +117134,7 @@
     'modeling'
   ];
 
-  const HIGH_PRIORITY$1 = 5000;
+  const HIGH_PRIORITY$2 = 5000;
 
 
   /**
@@ -117148,7 +117148,7 @@
       this.preExecute([
         'element.updateProperties',
         'element.updateModdleProperties',
-      ], HIGH_PRIORITY$1, function(context) {
+      ], HIGH_PRIORITY$2, function(context) {
         const {
           element,
           moddleElement,
@@ -117243,7 +117243,7 @@
     'eventBus'
   ];
 
-  const HIGH_PRIORITY = 5000;
+  const HIGH_PRIORITY$1 = 5000;
 
 
   /**
@@ -117257,7 +117257,7 @@
       this.preExecute([
         'element.updateProperties',
         'element.updateModdleProperties'
-      ], HIGH_PRIORITY, function(context) {
+      ], HIGH_PRIORITY$1, function(context) {
         const {
           element,
           moddleElement,
@@ -118379,11 +118379,11 @@
       }
       businessObject = eventDefinitions[0];
     }
+    if (!businessObject) {
+      return;
+    }
     return businessObject.get('messageRef');
   }
-  function findZeebeSubscription(message) {
-    return findExtension$1(message, 'zeebe:Subscription');
-  }
   function getDefaultValue(property) {
     if (property.value !== undefined) {
       return property.value;
@@ -118969,242 +118969,6 @@
     // should never throw as templates are validated beforehand
     throw unknownBindingError$1(element, property);
   }
-  function unsetProperty(commandStack, element, property) {
-    let businessObject = getBusinessObject$2(element);
-    const {
-      binding
-    } = property;
-    const {
-      type
-    } = binding;
-    let extensionElements;
-    const commands = [];
-    const context = {
-      element,
-      property
-    };
-    if (MESSAGE_BINDING_TYPES.includes(type)) {
-      businessObject = findMessage(businessObject);
-      if (!businessObject) {
-        return;
-      }
-    }
-
-    // property
-    if (PROPERTY_BINDING_TYPES.includes(type)) {
-      const {
-        name
-      } = binding;
-      commands.push({
-        cmd: 'element.updateModdleProperties',
-        context: {
-          ...context,
-          moddleElement: businessObject,
-          properties: {
-            [name]: undefined
-          }
-        }
-      });
-    }
-    if (EXTENSION_BINDING_TYPES$1.includes(type)) {
-      extensionElements = businessObject.get('extensionElements');
-      if (!extensionElements) return;
-    }
-
-    // zeebe:taskDefinition
-    if (TASK_DEFINITION_TYPES.includes(type)) {
-      const oldTaskDefinition = findExtension$1(extensionElements, 'zeebe:TaskDefinition');
-      const propertyName = getTaskDefinitionPropertyName(binding);
-      if (oldTaskDefinition) {
-        if (isOnlyProperty(oldTaskDefinition, propertyName)) {
-          // remove task definition
-          commands.push({
-            cmd: 'element.updateModdleProperties',
-            context: {
-              ...context,
-              moddleElement: extensionElements,
-              properties: {
-                values: without(extensionElements.get('values'), oldTaskDefinition)
-              }
-            }
-          });
-        } else {
-          // remove property
-          commands.push({
-            cmd: 'element.updateModdleProperties',
-            context: {
-              ...context,
-              moddleElement: oldTaskDefinition,
-              properties: {
-                [propertyName]: undefined
-              }
-            }
-          });
-        }
-      }
-    }
-
-    // zeebe:IoMapping
-    if (IO_BINDING_TYPES$1.includes(type)) {
-      let ioMapping = findExtension$1(extensionElements, 'zeebe:IoMapping');
-      if (!ioMapping) return;
-
-      // zeebe:Input
-      if (type === ZEBBE_INPUT_TYPE) {
-        const oldZeebeInputParameter = findInputParameter$1(ioMapping, binding);
-        const values = ioMapping.get('inputParameters').filter(value => value !== oldZeebeInputParameter);
-        if (ioMapping.get('outputParameters').length == 0 && values.length == 0) {
-          commands.push({
-            cmd: 'element.updateModdleProperties',
-            context: {
-              ...context,
-              moddleElement: extensionElements,
-              properties: {
-                values: without(extensionElements.get('values'), ioMapping)
-              }
-            }
-          });
-        } else {
-          commands.push({
-            cmd: 'element.updateModdleProperties',
-            context: {
-              ...context,
-              moddleElement: ioMapping,
-              properties: {
-                inputParameters: [...values]
-              }
-            }
-          });
-        }
-      }
-
-      // zeebe:Output
-      if (type === ZEEBE_OUTPUT_TYPE) {
-        const oldZeebeOutputParameter = findOutputParameter$1(ioMapping, binding);
-        const values = ioMapping.get('outputParameters').filter(value => value !== oldZeebeOutputParameter);
-        if (ioMapping.get('inputParameters').length == 0 && values.length == 0) {
-          commands.push({
-            cmd: 'element.updateModdleProperties',
-            context: {
-              ...context,
-              moddleElement: extensionElements,
-              properties: {
-                values: without(extensionElements.get('values'), ioMapping)
-              }
-            }
-          });
-        }
-        commands.push({
-          cmd: 'element.updateModdleProperties',
-          context: {
-            ...context,
-            moddleElement: ioMapping,
-            properties: {
-              'outputParameters': [...values]
-            }
-          }
-        });
-      }
-    }
-
-    // zeebe:taskHeaders
-    if (type === ZEEBE_TASK_HEADER_TYPE) {
-      let taskHeaders = findExtension$1(extensionElements, 'zeebe:TaskHeaders');
-      if (!taskHeaders) return;
-      const oldTaskHeader = findTaskHeader(taskHeaders, binding);
-      const values = taskHeaders.get('values').filter(value => value !== oldTaskHeader);
-      if (values.length === 0) {
-        commands.push({
-          cmd: 'element.updateModdleProperties',
-          context: {
-            ...context,
-            moddleElement: extensionElements,
-            properties: {
-              values: without(extensionElements.get('values'), taskHeaders)
-            }
-          }
-        });
-      } else {
-        commands.push({
-          cmd: 'element.updateModdleProperties',
-          context: {
-            ...context,
-            moddleElement: taskHeaders,
-            properties: {
-              values: [...values]
-            }
-          }
-        });
-      }
-    }
-
-    // zeebe:Property
-    if (type === ZEEBE_PROPERTY_TYPE) {
-      let zeebeProperties = findExtension$1(extensionElements, 'zeebe:Properties');
-      if (!zeebeProperties) return;
-      const oldZeebeProperty = findZeebeProperty(zeebeProperties, binding);
-      const properties = zeebeProperties.get('properties').filter(property => property !== oldZeebeProperty);
-      if (!properties.length) {
-        commands.push({
-          cmd: 'element.updateModdleProperties',
-          context: {
-            ...context,
-            moddleElement: extensionElements,
-            properties: {
-              values: without(extensionElements.get('values'), zeebeProperties)
-            }
-          }
-        });
-      } else {
-        commands.push({
-          cmd: 'element.updateModdleProperties',
-          context: {
-            ...context,
-            moddleElement: zeebeProperties,
-            properties: {
-              properties: [...properties]
-            }
-          }
-        });
-      }
-    }
-
-    // bpmn:Message#property
-    if (type === MESSAGE_PROPERTY_TYPE) {
-      commands.push({
-        cmd: 'element.updateModdleProperties',
-        context: {
-          ...context,
-          moddleElement: businessObject,
-          properties: {
-            [binding.name]: undefined
-          }
-        }
-      });
-    }
-
-    // bpmn:Message#zeebe:subscription#property
-    if (type === MESSAGE_ZEEBE_SUBSCRIPTION_PROPERTY_TYPE) {
-      const subscription = findZeebeSubscription(businessObject);
-      if (!subscription) {
-        return;
-      }
-      commands.push({
-        cmd: 'element.updateModdleProperties',
-        context: {
-          ...context,
-          moddleElement: subscription,
-          properties: {
-            [binding.name]: undefined
-          }
-        }
-      });
-    }
-    if (commands.length) {
-      commandStack.execute('properties-panel.multi-command-executor', commands);
-      return;
-    }
-  }
 
   // helpers
   function unknownBindingError$1(element, property) {
@@ -119218,14 +118982,6 @@
     } = binding;
     return new Error(`unknown binding <${type}> for element <${id}>, this should never happen`);
   }
-  function isOnlyProperty(moddleElement, propertyName) {
-    const descriptor = moddleElement.$descriptor;
-    return descriptor.properties.every(({
-      name
-    }) => {
-      return propertyName === name || moddleElement.get(name) === undefined;
-    });
-  }
 
   /**
    * Based on conditions, remove properties from the template.
@@ -119304,49 +119060,7 @@
     return true;
   }
 
-  function removeRootElement(rootElement, injector) {
-    const modeling = injector.get('modeling'),
-      canvas = injector.get('canvas'),
-      bpmnjs = injector.get('bpmnjs');
-    const element = canvas.getRootElement(),
-      definitions = bpmnjs.getDefinitions(),
-      rootElements = definitions.get('rootElements');
-    const newRootElements = rootElements.filter(e => e !== rootElement);
-
-    // short-circuit to prevent unnecessary updates
-    if (newRootElements.length === rootElements.length) {
-      return;
-    }
-    modeling.updateModdleProperties(element, definitions, {
-      rootElements: newRootElements
-    });
-  }
-
-  /**
-   * Remove message from element and the diagram.
-   *
-   * @param {import('bpmn-js/lib/model/Types').Element} element
-   * @param {import('didi').Injector} injector
-   */
-  function removeMessage(element, injector) {
-    const modeling = injector.get('modeling');
-    const bo = getReferringElement(element);
-    const message = findMessage(bo);
-    if (!message) {
-      return;
-    }
-    modeling.updateModdleProperties(element, bo, {
-      messageRef: undefined
-    });
-    removeRootElement(message, injector);
-  }
-  function getReferringElement(element) {
-    const bo = getBusinessObject$2(element);
-    if (is$6(bo, 'bpmn:Event')) {
-      return bo.get('eventDefinitions')[0];
-    }
-    return bo;
-  }
+  const HIGH_PRIORITY = 2500;
 
   /**
    * Checks the conditions of an element template and sets/resets the
@@ -119362,6 +119076,20 @@
       this._injector = injector;
       this.preExecute(['element.updateProperties', 'element.updateModdleProperties'], this._saveConditionalState, true, this);
       this.postExecute(['element.updateProperties', 'element.updateModdleProperties', 'propertiesPanel.zeebe.changeTemplate', 'element.move'], this._applyConditions, true, this);
+
+      // Apply Conditions before changing properties. This persists the template so we can check if conditions apply
+      // after upgrading the template.
+      this.preExecute(['propertiesPanel.zeebe.changeTemplate'], HIGH_PRIORITY, this._handleTemplateUpgrade, true, this);
+    }
+    _handleTemplateUpgrade(context) {
+      const {
+        element,
+        newTemplate
+      } = context;
+      if (!element || !newTemplate) {
+        return;
+      }
+      context.newTemplate = applyConditions(context.element, context.newTemplate);
     }
     _saveConditionalState(context) {
       const {
@@ -119376,29 +119104,52 @@
     _applyConditions(context) {
       const {
         element,
-        oldTemplate
+        hints = {}
       } = context;
+      if (hints.skipConditionUpdate) {
+        return;
+      }
       const template = this._elementTemplates.get(element);
+
+      // New Template is persisted before applying default values,
+      // new conditions might apply after the defaults are present.
+      const oldTemplate = context.oldTemplate || context.newTemplate;
       if (!template || !oldTemplate || template.id !== oldTemplate.id) {
         return;
       }
       const newTemplate = applyConditions(element, template);
-      const propertiesToAdd = getMissingProperties(oldTemplate, newTemplate);
-      const propertiesToRemove = getPropertiesToRemove(newTemplate, oldTemplate);
-      this._updateReferencedElement(element, oldTemplate, newTemplate);
-      propertiesToAdd.forEach(property => setPropertyValue(this._bpmnFactory, this._commandStack, element, property, property.value));
-      propertiesToRemove.forEach(property => unsetProperty(this._commandStack, element, property));
-    }
-    _updateReferencedElement(element, oldTemplate, newTemplate) {
-      if (hasMessageProperties(oldTemplate) && !hasMessageProperties(newTemplate)) {
-        removeMessage(element, this._injector);
+      if (!hasDifferentPropertyBindings(newTemplate, oldTemplate)) {
+        return;
       }
+      const changeContext = {
+        element,
+        newTemplate,
+        oldTemplate,
+        hints: {
+          skipConditionUpdate: true
+        }
+      };
+      this._commandStack.execute('propertiesPanel.zeebe.changeTemplate', changeContext);
     }
   }
   ElementTemplatesConditionChecker.$inject = ['eventBus', 'elementTemplates', 'commandStack', 'bpmnFactory', 'injector'];
 
   // helpers
 
+  function hasDifferentPropertyBindings(sourceTemplate, targetTemplate) {
+    return hasNewProperties(sourceTemplate, targetTemplate) || hasRemovedProperties(sourceTemplate, targetTemplate);
+  }
+  function hasNewProperties(sourceTemplate, targetTemplate) {
+    let properties = targetTemplate.properties;
+    return properties.some(targetProp => !sourceTemplate.properties.find(sourceProp => compareProps(sourceProp, targetProp)));
+  }
+  function hasRemovedProperties(oldTemplate, newTemplate) {
+    const oldProperties = getMissingProperties(newTemplate, oldTemplate);
+
+    // ensure XML properties are mantained for properties with
+    // different conditions but same bindings
+    return oldProperties.some(property => !findPropertyWithBinding(newTemplate, property));
+  }
   function getMissingProperties(sourceTemplate, targetTemplate) {
     let properties = targetTemplate.properties;
     return properties.filter(targetProp => !sourceTemplate.properties.find(sourceProp => compareProps(sourceProp, targetProp)));
@@ -119409,13 +119160,6 @@
   function findPropertyWithBinding(template, prop1) {
     return template.properties.some(prop2 => areBindingsEqual(prop1.binding, prop2.binding));
   }
-  function getPropertiesToRemove(newTemplate, oldTemplate) {
-    const oldProperties = getMissingProperties(newTemplate, oldTemplate);
-
-    // ensure XML properties are mantained for properties with
-    // different conditions but same bindings
-    return oldProperties.filter(property => !findPropertyWithBinding(newTemplate, property));
-  }
   function normalizeReplacer$1(key, value) {
     if (isObject$1(value)) {
       const keys = Object.keys(value).sort();
@@ -119448,9 +119192,6 @@
   function equals(a, b) {
     return JSON.stringify(a, normalizeReplacer$1) === JSON.stringify(b, normalizeReplacer$1);
   }
-  function hasMessageProperties(template) {
-    return template.properties.some(p => MESSAGE_BINDING_TYPES.includes(p.binding.type));
-  }
 
   /**
    * The BPMN 2.0 extension attribute name under
@@ -120360,6 +120101,31 @@
     return !is$6(eventDefinitions[0], eventDefinition);
   }
 
+  function removeRootElement(rootElement, injector) {
+    const modeling = injector.get('modeling'),
+      canvas = injector.get('canvas'),
+      bpmnjs = injector.get('bpmnjs');
+    const element = canvas.getRootElement(),
+      definitions = bpmnjs.getDefinitions(),
+      rootElements = definitions.get('rootElements');
+    const newRootElements = rootElements.filter(e => e !== rootElement);
+
+    // short-circuit to prevent unnecessary updates
+    if (newRootElements.length === rootElements.length) {
+      return;
+    }
+    modeling.updateModdleProperties(element, definitions, {
+      rootElements: newRootElements
+    });
+  }
+  function getReferringElement(element) {
+    const bo = getBusinessObject$2(element);
+    if (is$6(bo, 'bpmn:Event')) {
+      return bo.get('eventDefinitions')[0];
+    }
+    return bo;
+  }
+
   class RemoveElementTemplateHandler {
     constructor(modeling, elementFactory, elementRegistry, canvas, bpmnFactory, replace, commandStack) {
       this._modeling = modeling;