camunda-bpmn-js 3.7.0 → 3.9.0

package/dist/assets/diagram-js.css

@@ -40,7 +40,6 @@
   --context-pad-entry-hover-background-color: var(--color-grey-225-10-95);
 
   --element-dragger-color: var(--color-blue-205-100-50);
-  --element-dragging-color: var(--color-grey-225-10-75);
   --element-hover-outline-fill-color: var(--color-blue-205-100-45);
   --element-selected-outline-stroke-color: var(--color-blue-205-100-50);
   --element-selected-outline-secondary-stroke-color: var(--color-blue-205-100-70);
@@ -283,40 +282,10 @@ marker.djs-dragger tspan {
 
 .djs-dragging,
 .djs-dragging > * {
+  opacity: 0.3 !important;
   pointer-events: none !important;
 }
 
-.djs-dragging .djs-context-pad,
-.djs-dragging .djs-outline {
-  display: none !important;
-}
-
-.djs-dragging * {
-  fill: none !important;
-  stroke: var(--element-dragging-color) !important;
-}
-
-.djs-dragging tspan,
-.djs-dragging text {
-  fill: var(--element-dragging-color) !important;
-  stroke: none !important;
-}
-
-marker.djs-dragging circle,
-marker.djs-dragging path,
-marker.djs-dragging polygon,
-marker.djs-dragging polyline,
-marker.djs-dragging rect {
-  fill: var(--element-dragging-color) !important;
-  stroke: none !important;
-}
-
-marker.djs-dragging text,
-marker.djs-dragging tspan {
-  fill: none !important;
-  stroke: var(--element-dragging-color) !important;
-}
-
 /**
  * no pointer events for visual
  */

package/dist/base-modeler.development.js

@@ -22892,6 +22892,19 @@
       }
     });
 
+    eventBus.on([ 'connection.added', 'connection.changed' ], function(event) {
+      var element = event.element,
+          gfx = event.gfx;
+
+      var outline = query('.djs-outline', gfx);
+
+      if (!outline) {
+        outline = createOutline(gfx, element);
+        append(gfx, outline);
+      }
+
+      self.updateConnectionOutline(outline, element);
+    });
   }
 
 
@@ -22923,6 +22936,25 @@
     }
   };
 
+  /**
+   * Updates the outline of a connection respecting the bounding box of
+   * the connection and an outline offset.
+   * Register an outline provider with the given priority.
+   *
+   * @param {SVGElement} outline
+   * @param {Element} connection
+   **/
+  Outline.prototype.updateConnectionOutline = function(outline, connection) {
+    var bbox = getBBox(connection);
+
+    attr(outline, {
+      x: bbox.x - this.offset,
+      y: bbox.y - this.offset,
+      width: bbox.width + this.offset * 2,
+      height: bbox.height + this.offset * 2
+    });
+  };
+
   /**
    * Register an outline provider with the given priority.
    *
@@ -30163,6 +30195,8 @@
       return;
     }
 
+    clearTimeout(this._timeout);
+
     this._overlays.remove(this._overlayId);
 
     this._overlayId = null;
@@ -40890,6 +40924,73 @@
     };
   }
 
+  const NON_INTERRUPTING_EVENT_TYPES = [
+    'bpmn:MessageEventDefinition',
+    'bpmn:TimerEventDefinition',
+    'bpmn:EscalationEventDefinition',
+    'bpmn:ConditionalEventDefinition',
+    'bpmn:SignalEventDefinition'
+  ];
+
+  function canBeNonInterrupting(shape) {
+
+    const businessObject = getBusinessObject$1(shape);
+
+    if (
+      !is$5(businessObject, 'bpmn:BoundaryEvent') &&
+      !(is$5(businessObject, 'bpmn:StartEvent') && isEventSubProcess(businessObject.$parent))
+    ) {
+      return false;
+    }
+
+    const eventDefinitions = businessObject.get('eventDefinitions');
+    if (!eventDefinitions || !eventDefinitions.length) {
+      return false;
+    }
+
+    return NON_INTERRUPTING_EVENT_TYPES.some(event => is$5(eventDefinitions[0], event));
+  }
+
+  function getInterruptingProperty(shape) {
+    return is$5(shape, 'bpmn:BoundaryEvent') ? 'cancelActivity' : 'isInterrupting';
+  }
+
+  function NonInterruptingBehavior(injector, modeling) {
+    injector.invoke(CommandInterceptor, this);
+
+    this.postExecuted('shape.replace', function(event) {
+      const oldShape = event.context.oldShape;
+      const newShape = event.context.newShape;
+      const hints = event.context.hints;
+
+      if (!canBeNonInterrupting(newShape)) {
+        return;
+      }
+
+      const property = getInterruptingProperty(newShape);
+      const isExplicitChange = hints.targetElement && hints.targetElement[property] !== undefined;
+
+      if (isExplicitChange) {
+        return;
+      }
+
+      const isOldInterrupting = getBusinessObject$1(oldShape).get(property);
+      const isNewInterruptingDefault = getBusinessObject$1(newShape).get(property);
+
+      if (isOldInterrupting === isNewInterruptingDefault) {
+        return;
+      }
+
+      modeling.updateProperties(newShape, {
+        [property]: isOldInterrupting
+      });
+    });
+  }
+
+  NonInterruptingBehavior.$inject = [ 'injector', 'modeling' ];
+
+  e$5(NonInterruptingBehavior, CommandInterceptor);
+
   /**
    * @typedef {import('diagram-js/lib/core/EventBus').default} EventBus
    * @typedef {import('../Modeling').default} Modeling
@@ -43078,6 +43179,7 @@
       'labelBehavior',
       'layoutConnectionBehavior',
       'messageFlowBehavior',
+      'nonInterruptingBehavior',
       'removeElementBehavior',
       'removeEmbeddedLabelBoundsBehavior',
       'removeParticipantBehavior',
@@ -43116,6 +43218,7 @@
     labelBehavior: [ 'type', LabelBehavior ],
     layoutConnectionBehavior: [ 'type', LayoutConnectionBehavior ],
     messageFlowBehavior: [ 'type', MessageFlowBehavior ],
+    nonInterruptingBehavior: [ 'type', NonInterruptingBehavior ],
     removeElementBehavior: [ 'type', RemoveElementBehavior ],
     removeEmbeddedLabelBoundsBehavior: [ 'type', RemoveEmbeddedLabelBoundsBehavior ],
     removeParticipantBehavior: [ 'type', RemoveParticipantBehavior ],
@@ -46683,7 +46786,7 @@
         newElement.x = element.x + (element.width - newElement.width) / 2;
       }
 
-      return replace.replaceElement(element, newElement, hints);
+      return replace.replaceElement(element, newElement, { ...hints, targetElement });
     }
 
     this.replaceElement = replaceElement;
@@ -57498,7 +57601,8 @@
       className: 'bpmn-icon-intermediate-event-catch-message',
       target: {
         type: 'bpmn:BoundaryEvent',
-        eventDefinitionType: 'bpmn:MessageEventDefinition'
+        eventDefinitionType: 'bpmn:MessageEventDefinition',
+        cancelActivity: true
       }
     },
     {
@@ -57507,7 +57611,8 @@
       className: 'bpmn-icon-intermediate-event-catch-timer',
       target: {
         type: 'bpmn:BoundaryEvent',
-        eventDefinitionType: 'bpmn:TimerEventDefinition'
+        eventDefinitionType: 'bpmn:TimerEventDefinition',
+        cancelActivity: true
       }
     },
     {
@@ -57516,7 +57621,8 @@
       className: 'bpmn-icon-intermediate-event-catch-escalation',
       target: {
         type: 'bpmn:BoundaryEvent',
-        eventDefinitionType: 'bpmn:EscalationEventDefinition'
+        eventDefinitionType: 'bpmn:EscalationEventDefinition',
+        cancelActivity: true
       }
     },
     {
@@ -57525,7 +57631,8 @@
       className: 'bpmn-icon-intermediate-event-catch-condition',
       target: {
         type: 'bpmn:BoundaryEvent',
-        eventDefinitionType: 'bpmn:ConditionalEventDefinition'
+        eventDefinitionType: 'bpmn:ConditionalEventDefinition',
+        cancelActivity: true
       }
     },
     {
@@ -57534,7 +57641,8 @@
       className: 'bpmn-icon-intermediate-event-catch-error',
       target: {
         type: 'bpmn:BoundaryEvent',
-        eventDefinitionType: 'bpmn:ErrorEventDefinition'
+        eventDefinitionType: 'bpmn:ErrorEventDefinition',
+        cancelActivity: true
       }
     },
     {
@@ -57543,7 +57651,8 @@
       className: 'bpmn-icon-intermediate-event-catch-cancel',
       target: {
         type: 'bpmn:BoundaryEvent',
-        eventDefinitionType: 'bpmn:CancelEventDefinition'
+        eventDefinitionType: 'bpmn:CancelEventDefinition',
+        cancelActivity: true
       }
     },
     {
@@ -57552,7 +57661,8 @@
       className: 'bpmn-icon-intermediate-event-catch-signal',
       target: {
         type: 'bpmn:BoundaryEvent',
-        eventDefinitionType: 'bpmn:SignalEventDefinition'
+        eventDefinitionType: 'bpmn:SignalEventDefinition',
+        cancelActivity: true
       }
     },
     {
@@ -57561,7 +57671,8 @@
       className: 'bpmn-icon-intermediate-event-catch-compensation',
       target: {
         type: 'bpmn:BoundaryEvent',
-        eventDefinitionType: 'bpmn:CompensateEventDefinition'
+        eventDefinitionType: 'bpmn:CompensateEventDefinition',
+        cancelActivity: true
       }
     },
     {
@@ -57626,7 +57737,8 @@
       className: 'bpmn-icon-start-event-message',
       target: {
         type: 'bpmn:StartEvent',
-        eventDefinitionType: 'bpmn:MessageEventDefinition'
+        eventDefinitionType: 'bpmn:MessageEventDefinition',
+        isInterrupting: true
       }
     },
     {
@@ -57635,7 +57747,8 @@
       className: 'bpmn-icon-start-event-timer',
       target: {
         type: 'bpmn:StartEvent',
-        eventDefinitionType: 'bpmn:TimerEventDefinition'
+        eventDefinitionType: 'bpmn:TimerEventDefinition',
+        isInterrupting: true
       }
     },
     {
@@ -57644,7 +57757,8 @@
       className: 'bpmn-icon-start-event-condition',
       target: {
         type: 'bpmn:StartEvent',
-        eventDefinitionType: 'bpmn:ConditionalEventDefinition'
+        eventDefinitionType: 'bpmn:ConditionalEventDefinition',
+        isInterrupting: true
       }
     },
     {
@@ -57653,7 +57767,8 @@
       className: 'bpmn-icon-start-event-signal',
       target: {
         type: 'bpmn:StartEvent',
-        eventDefinitionType: 'bpmn:SignalEventDefinition'
+        eventDefinitionType: 'bpmn:SignalEventDefinition',
+        isInterrupting: true
       }
     },
     {
@@ -57662,7 +57777,8 @@
       className: 'bpmn-icon-start-event-error',
       target: {
         type: 'bpmn:StartEvent',
-        eventDefinitionType: 'bpmn:ErrorEventDefinition'
+        eventDefinitionType: 'bpmn:ErrorEventDefinition',
+        isInterrupting: true
       }
     },
     {
@@ -57671,7 +57787,8 @@
       className: 'bpmn-icon-start-event-escalation',
       target: {
         type: 'bpmn:StartEvent',
-        eventDefinitionType: 'bpmn:EscalationEventDefinition'
+        eventDefinitionType: 'bpmn:EscalationEventDefinition',
+        isInterrupting: true
       }
     },
     {
@@ -57680,7 +57797,8 @@
       className: 'bpmn-icon-start-event-compensation',
       target: {
         type: 'bpmn:StartEvent',
-        eventDefinitionType: 'bpmn:CompensateEventDefinition'
+        eventDefinitionType: 'bpmn:CompensateEventDefinition',
+        isInterrupting: true
       }
     },
     {
@@ -57790,6 +57908,22 @@
     }
   ];
 
+  var Icons = {
+    'start-event-non-interrupting': `
+  <svg viewBox="0 0 2048 2048" xmlns="http://www.w3.org/2000/svg">
+    <g transform="translate(0 995.64)">
+      <path d="m1899 28.357c21.545 567.43-598.38 1023.5-1133.6 835.92-548.09-147.21-801.57-873.95-463.59-1330 302.62-480.3 1071.7-507.54 1407.6-49.847 122.14 153.12 190.07 348.07 189.59 543.91z" fill="none" stroke="currentColor" stroke-dasharray="418.310422, 361.2328165" stroke-linecap="round" stroke-width="100"/>
+    </g>
+  </svg>`,
+    'intermediate-event-non-interrupting': `
+  <svg viewBox="0 0 2048 2048" xmlns="http://www.w3.org/2000/svg">
+     <g transform="translate(0 995.64)" fill="none" stroke="currentColor" stroke-linecap="round">
+        <circle cx="1024" cy="28.357" r="875" stroke-dasharray="418.310422, 361.2328165" stroke-width="100"/>
+        <circle cx="1024" cy="28.357" r="685" stroke-dasharray="348.31044857,261.23283643" stroke-dashoffset="500" stroke-width="100"/>
+     </g>
+  </svg>`
+  };
+
   /**
    * @typedef {import('../modeling/BpmnFactory').default} BpmnFactory
    * @typedef {import('diagram-js/lib/features/popup-menu/PopupMenu').default} PopupMenu
@@ -58085,6 +58219,13 @@
       };
     }
 
+    if (canBeNonInterrupting(target)) {
+      headerEntries = {
+        ...headerEntries,
+        ...this._getNonInterruptingHeaderEntries(target)
+      };
+    }
+
     return headerEntries;
   };
 
@@ -58414,6 +58555,32 @@
     };
   };
 
+
+  ReplaceMenuProvider.prototype._getNonInterruptingHeaderEntries = function(element) {
+    const translate = this._translate;
+    const businessObject = getBusinessObject$1(element);
+    const self = this;
+
+    const interruptingProperty = getInterruptingProperty(element);
+
+    const icon = is$5(element, 'bpmn:BoundaryEvent') ? Icons['intermediate-event-non-interrupting'] : Icons['start-event-non-interrupting'];
+
+    const isNonInterrupting = !businessObject[interruptingProperty];
+
+    return {
+      'toggle-non-interrupting': {
+        imageHtml: icon,
+        title: translate('Toggle Non-Interrupting'),
+        active: isNonInterrupting,
+        action: function() {
+          self._modeling.updateProperties(element, {
+            [interruptingProperty]: !!isNonInterrupting
+          });
+        }
+      }
+    };
+  };
+
   var PopupMenuModule = {
     __depends__: [
       PopupMenuModule$1,
@@ -63520,6 +63687,10 @@
    */
   OutlineProvider.prototype.updateOutline = function(element, outline) {
 
+    if (isLabel(element)) {
+      return;
+    }
+
     if (isAny(element, [ 'bpmn:SubProcess', 'bpmn:Group' ])) {
 
       attr(outline, {
@@ -96235,18 +96406,29 @@
   	}
   ];
 
-  const options = tags.map(tag => snippetCompletion(
-    tag.name.replace('()', '(#{1})'),
-    {
-      label: tag.name,
-      type: 'function',
-      info: () => {
-        const html = domify$1(`<div class="description">${tag.description}<div>`);
-        return html;
-      },
-      boost: -1
-    }
-  ));
+  const options = tags.map(tag => {
+    const match = tag.name.match(/^([\w\s]+)\((.*)\)$/);
+    const functionName = match[1];
+    const functionArguments = match[2];
+
+    const placeHolders = functionArguments
+      .split(', ')
+      .map((arg) => `\${${arg}}`)
+      .join(', ');
+
+    return snippetCompletion(
+      `${functionName}(${placeHolders})`,
+      {
+        label: tag.name,
+        type: 'function',
+        info: () => {
+          const html = domify$1(`<div class="description">${tag.description}<div>`);
+          return html;
+        },
+        boost: -1
+      }
+    );
+  });
 
   var builtins = context => {