bpmn-js 18.1.2 → 18.3.0

package/dist/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v18.1.2
+ * bpmn-js - bpmn-modeler v18.3.0
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2024-12-20
+ * Date: 2025-02-18
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -17231,13 +17231,13 @@
      */
     this._container = this._createContainer(options);
 
+    this._init(this._container, this._moddle, options);
+
     /* <project-logo> */
 
     addProjectLogo(this._container);
 
     /* </project-logo> */
-
-    this._init(this._container, this._moddle, options);
   }
 
   e$2(BaseViewer, Diagram);
@@ -44806,7 +44806,7 @@
       var type = targetElement.type,
           oldBusinessObject = element.businessObject;
 
-      if (isSubProcess(oldBusinessObject) && type === 'bpmn:SubProcess') {
+      if (isSubProcess(oldBusinessObject) && (type === 'bpmn:SubProcess' || type === 'bpmn:AdHocSubProcess')) {
         if (shouldToggleCollapsed(element, targetElement)) {
 
           // expanding or collapsing process
@@ -55744,6 +55744,15 @@
         isExpanded: true
       }
     },
+    {
+      label: 'Ad-hoc sub-process',
+      actionName: 'replace-with-ad-hoc-subprocess',
+      className: 'bpmn-icon-subprocess-expanded',
+      target: {
+        type: 'bpmn:AdHocSubProcess',
+        isExpanded: true
+      }
+    },
     {
       label: 'Sub-process (collapsed)',
       actionName: 'replace-with-collapsed-subprocess',
@@ -55755,6 +55764,49 @@
     }
   ];
 
+  /**
+   * @type {ReplaceOption[]}
+   */
+  var AD_HOC_SUBPROCESS_EXPANDED = [
+    {
+      label: 'Sub-process',
+      actionName: 'replace-with-subprocess',
+      className: 'bpmn-icon-subprocess-expanded',
+      target: {
+        type: 'bpmn:SubProcess',
+        isExpanded: true
+      }
+    },
+    {
+      label: 'Transaction',
+      actionName: 'replace-with-transaction',
+      className: 'bpmn-icon-transaction',
+      target: {
+        type: 'bpmn:Transaction',
+        isExpanded: true
+      }
+    },
+    {
+      label: 'Event sub-process',
+      actionName: 'replace-with-event-subprocess',
+      className: 'bpmn-icon-event-subprocess-expanded',
+      target: {
+        type: 'bpmn:SubProcess',
+        triggeredByEvent: true,
+        isExpanded: true
+      }
+    },
+    {
+      label: 'Ad-hoc sub-process (collapsed)',
+      actionName: 'replace-with-collapsed-ad-hoc-subprocess',
+      className: 'bpmn-icon-subprocess-collapsed',
+      target: {
+        type: 'bpmn:AdHocSubProcess',
+        isExpanded: false
+      }
+    }
+  ];
+
   /**
    * @type {ReplaceOption[]}
    */
@@ -55777,6 +55829,15 @@
         isExpanded: true
       }
     },
+    {
+      label: 'Ad-hoc sub-process',
+      actionName: 'replace-with-ad-hoc-subprocess',
+      className: 'bpmn-icon-subprocess-expanded',
+      target: {
+        type: 'bpmn:AdHocSubProcess',
+        isExpanded: true
+      }
+    },
     {
       label: 'Event sub-process',
       actionName: 'replace-with-event-subprocess',
@@ -55887,6 +55948,24 @@
         type: 'bpmn:SubProcess',
         isExpanded: true
       }
+    },
+    {
+      label: 'Ad-hoc sub-process (collapsed)',
+      actionName: 'replace-with-collapsed-ad-hoc-subprocess',
+      className: 'bpmn-icon-subprocess-collapsed',
+      target: {
+        type: 'bpmn:AdHocSubProcess',
+        isExpanded: false
+      }
+    },
+    {
+      label: 'Ad-hoc sub-process (expanded)',
+      actionName: 'replace-with-ad-hoc-subprocess',
+      className: 'bpmn-icon-subprocess-expanded',
+      target: {
+        type: 'bpmn:AdHocSubProcess',
+        isExpanded: true
+      }
     }
   ];
 
@@ -56235,6 +56314,206 @@
     }
   ];
 
+  /**
+   * @type {{ [key: string]: ReplaceOption[]}}
+   */
+  var TYPED_EVENT = {
+    'bpmn:MessageEventDefinition': [
+      {
+        label: 'Message start event',
+        actionName: 'replace-with-message-start',
+        className: 'bpmn-icon-start-event-message',
+        target: {
+          type: 'bpmn:StartEvent',
+          eventDefinitionType: 'bpmn:MessageEventDefinition'
+        }
+      },
+      {
+        label: 'Message intermediate catch event',
+        actionName: 'replace-with-message-intermediate-catch',
+        className: 'bpmn-icon-intermediate-event-catch-message',
+        target: {
+          type: 'bpmn:IntermediateCatchEvent',
+          eventDefinitionType: 'bpmn:MessageEventDefinition'
+        }
+      },
+      {
+        label: 'Message intermediate throw event',
+        actionName: 'replace-with-message-intermediate-throw',
+        className: 'bpmn-icon-intermediate-event-throw-message',
+        target: {
+          type: 'bpmn:IntermediateThrowEvent',
+          eventDefinitionType: 'bpmn:MessageEventDefinition'
+        }
+      },
+      {
+        label: 'Message end event',
+        actionName: 'replace-with-message-end',
+        className: 'bpmn-icon-end-event-message',
+        target: {
+          type: 'bpmn:EndEvent',
+          eventDefinitionType: 'bpmn:MessageEventDefinition'
+        }
+      }
+    ],
+    'bpmn:TimerEventDefinition': [
+      {
+        label: 'Timer start event',
+        actionName: 'replace-with-timer-start',
+        className: 'bpmn-icon-start-event-timer',
+        target: {
+          type: 'bpmn:StartEvent',
+          eventDefinitionType: 'bpmn:TimerEventDefinition'
+        }
+      },
+      {
+        label: 'Timer intermediate catch event',
+        actionName: 'replace-with-timer-intermediate-catch',
+        className: 'bpmn-icon-intermediate-event-catch-timer',
+        target: {
+          type: 'bpmn:IntermediateCatchEvent',
+          eventDefinitionType: 'bpmn:TimerEventDefinition'
+        }
+      }
+    ],
+    'bpmn:ConditionalEventDefinition': [
+      {
+        label: 'Conditional start event',
+        actionName: 'replace-with-conditional-start',
+        className: 'bpmn-icon-start-event-condition',
+        target: {
+          type: 'bpmn:StartEvent',
+          eventDefinitionType: 'bpmn:ConditionalEventDefinition'
+        }
+      },
+      {
+        label: 'Conditional intermediate catch event',
+        actionName: 'replace-with-conditional-intermediate-catch',
+        className: 'bpmn-icon-intermediate-event-catch-condition',
+        target: {
+          type: 'bpmn:IntermediateCatchEvent',
+          eventDefinitionType: 'bpmn:ConditionalEventDefinition'
+        }
+      }
+    ],
+    'bpmn:SignalEventDefinition': [
+      {
+        label: 'Signal start event',
+        actionName: 'replace-with-signal-start',
+        className: 'bpmn-icon-start-event-signal',
+        target: {
+          type: 'bpmn:StartEvent',
+          eventDefinitionType: 'bpmn:SignalEventDefinition'
+        }
+      },
+      {
+        label: 'Signal intermediate catch event',
+        actionName: 'replace-with-signal-intermediate-catch',
+        className: 'bpmn-icon-intermediate-event-catch-signal',
+        target: {
+          type: 'bpmn:IntermediateCatchEvent',
+          eventDefinitionType: 'bpmn:SignalEventDefinition'
+        }
+      },
+      {
+        label: 'Signal intermediate throw event',
+        actionName: 'replace-with-signal-intermediate-throw',
+        className: 'bpmn-icon-intermediate-event-throw-signal',
+        target: {
+          type: 'bpmn:IntermediateThrowEvent',
+          eventDefinitionType: 'bpmn:SignalEventDefinition'
+        }
+      },
+      {
+        label: 'Signal end event',
+        actionName: 'replace-with-signal-end',
+        className: 'bpmn-icon-end-event-signal',
+        target: {
+          type: 'bpmn:EndEvent',
+          eventDefinitionType: 'bpmn:SignalEventDefinition'
+        }
+      }
+    ],
+    'bpmn:ErrorEventDefinition': [
+      {
+        label: 'Error start event',
+        actionName: 'replace-with-error-start',
+        className: 'bpmn-icon-start-event-error',
+        target: {
+          type: 'bpmn:StartEvent',
+          eventDefinitionType: 'bpmn:ErrorEventDefinition'
+        }
+      },
+      {
+        label: 'Error end event',
+        actionName: 'replace-with-error-end',
+        className: 'bpmn-icon-end-event-error',
+        target: {
+          type: 'bpmn:EndEvent',
+          eventDefinitionType: 'bpmn:ErrorEventDefinition'
+        }
+      }
+    ],
+    'bpmn:EscalationEventDefinition': [
+      {
+        label: 'Escalation start event',
+        actionName: 'replace-with-escalation-start',
+        className: 'bpmn-icon-start-event-escalation',
+        target: {
+          type: 'bpmn:StartEvent',
+          eventDefinitionType: 'bpmn:EscalationEventDefinition'
+        }
+      },
+      {
+        label: 'Escalation intermediate throw event',
+        actionName: 'replace-with-escalation-intermediate-throw',
+        className: 'bpmn-icon-intermediate-event-throw-escalation',
+        target: {
+          type: 'bpmn:IntermediateThrowEvent',
+          eventDefinitionType: 'bpmn:EscalationEventDefinition'
+        }
+      },
+      {
+        label: 'Escalation end event',
+        actionName: 'replace-with-escalation-end',
+        className: 'bpmn-icon-end-event-escalation',
+        target: {
+          type: 'bpmn:EndEvent',
+          eventDefinitionType: 'bpmn:EscalationEventDefinition'
+        }
+      }
+    ],
+    'bpmn:CompensateEventDefinition': [
+      {
+        label: 'Compensation start event',
+        actionName: 'replace-with-compensation-start',
+        className: 'bpmn-icon-start-event-compensation',
+        target: {
+          type: 'bpmn:StartEvent',
+          eventDefinitionType: 'bpmn:CompensateEventDefinition'
+        }
+      },
+      {
+        label: 'Compensation intermediate throw event',
+        actionName: 'replace-with-compensation-intermediate-throw',
+        className: 'bpmn-icon-intermediate-event-throw-compensation',
+        target: {
+          type: 'bpmn:IntermediateThrowEvent',
+          eventDefinitionType: 'bpmn:CompensateEventDefinition'
+        }
+      },
+      {
+        label: 'Compensation end event',
+        actionName: 'replace-with-compensation-end',
+        className: 'bpmn-icon-end-event-compensation',
+        target: {
+          type: 'bpmn:EndEvent',
+          eventDefinitionType: 'bpmn:CompensateEventDefinition'
+        }
+      }
+    ]
+  };
+
   var Icons = {
     'start-event-non-interrupting': `
   <svg viewBox="0 0 2048 2048" xmlns="http://www.w3.org/2000/svg">
@@ -56329,6 +56608,9 @@
 
     var rules = this._rules;
 
+    var sameTypeEventOptions = [],
+        eventDefinitionType;
+
     var filteredReplaceOptions = [];
 
     if (isArray$3(target) || !rules.allowed('shape.replace', { element: target })) {
@@ -56345,10 +56627,26 @@
       return this._createEntries(target, DATA_STORE_REFERENCE);
     }
 
+    // typed start, intermediate, and end events
+    if (is$1(businessObject, 'bpmn:Event') && !is$1(businessObject, 'bpmn:BoundaryEvent')) {
+      eventDefinitionType = businessObject.get('eventDefinitions')[0]?.$type;
+
+      sameTypeEventOptions = TYPED_EVENT[eventDefinitionType] || [];
+
+      if (!isEventSubProcess(businessObject.$parent) && is$1(businessObject.$parent, 'bpmn:SubProcess')) {
+        sameTypeEventOptions = filter(sameTypeEventOptions, function(option) {
+          return option.target.type !== 'bpmn:StartEvent';
+        });
+      }
+    }
+
     // start events outside sub processes
     if (is$1(businessObject, 'bpmn:StartEvent') && !is$1(businessObject.$parent, 'bpmn:SubProcess')) {
 
-      filteredReplaceOptions = filter(START_EVENT, differentType);
+      filteredReplaceOptions = filter(
+        START_EVENT.concat(sameTypeEventOptions),
+        differentType
+      );
 
       return this._createEntries(target, filteredReplaceOptions);
     }
@@ -56365,18 +56663,20 @@
 
     // start events inside event sub processes
     if (is$1(businessObject, 'bpmn:StartEvent') && isEventSubProcess(businessObject.$parent)) {
-      filteredReplaceOptions = filter(EVENT_SUB_PROCESS_START_EVENT, function(replaceOption) {
+      filteredReplaceOptions = filter(
+        EVENT_SUB_PROCESS_START_EVENT.concat(sameTypeEventOptions), function(replaceOption) {
 
-        var target = replaceOption.target;
+          var target = replaceOption.target;
 
-        var isInterrupting = target.isInterrupting !== false;
+          var isInterrupting = target.isInterrupting !== false;
 
-        var isInterruptingEqual = businessObject.isInterrupting === isInterrupting;
+          var isInterruptingEqual = businessObject.isInterrupting === isInterrupting;
 
-        // filters elements which types and event definition are equal but have have different interrupting types
-        return differentType(replaceOption) || !differentType(replaceOption) && !isInterruptingEqual;
+          // filters elements which types and event definition are equal but have have different interrupting types
+          return differentType(replaceOption) || !differentType(replaceOption) && !isInterruptingEqual;
 
-      });
+        }
+      );
 
       return this._createEntries(target, filteredReplaceOptions);
     }
@@ -56384,7 +56684,10 @@
     // start events inside sub processes
     if (is$1(businessObject, 'bpmn:StartEvent') && !isEventSubProcess(businessObject.$parent)
         && is$1(businessObject.$parent, 'bpmn:SubProcess')) {
-      filteredReplaceOptions = filter(START_EVENT_SUB_PROCESS, differentType);
+      filteredReplaceOptions = filter(
+        START_EVENT_SUB_PROCESS.concat(sameTypeEventOptions),
+        differentType
+      );
 
       return this._createEntries(target, filteredReplaceOptions);
     }
@@ -56392,7 +56695,7 @@
     // end events
     if (is$1(businessObject, 'bpmn:EndEvent')) {
 
-      filteredReplaceOptions = filter(END_EVENT, function(replaceOption) {
+      filteredReplaceOptions = filter(END_EVENT.concat(sameTypeEventOptions), function(replaceOption) {
         var target = replaceOption.target;
 
         // hide cancel end events outside transactions
@@ -56431,7 +56734,10 @@
     if (is$1(businessObject, 'bpmn:IntermediateCatchEvent') ||
         is$1(businessObject, 'bpmn:IntermediateThrowEvent')) {
 
-      filteredReplaceOptions = filter(INTERMEDIATE_EVENT, differentType);
+      filteredReplaceOptions = filter(
+        INTERMEDIATE_EVENT.concat(sameTypeEventOptions),
+        differentType
+      );
 
       return this._createEntries(target, filteredReplaceOptions);
     }
@@ -56460,6 +56766,14 @@
       return this._createEntries(target, filteredReplaceOptions);
     }
 
+    // expanded ad hoc sub processes
+    if (is$1(businessObject, 'bpmn:AdHocSubProcess') && isExpanded(target)) {
+
+      filteredReplaceOptions = filter(AD_HOC_SUBPROCESS_EXPANDED, differentType);
+
+      return this._createEntries(target, filteredReplaceOptions);
+    }
+
     // expanded sub processes
     if (is$1(businessObject, 'bpmn:SubProcess') && isExpanded(target)) {
 
@@ -56468,18 +56782,16 @@
       return this._createEntries(target, filteredReplaceOptions);
     }
 
-    // collapsed ad hoc sub processes
-    if (is$1(businessObject, 'bpmn:AdHocSubProcess') && !isExpanded(target)) {
+    // collapsed sub process or collapsed ad hoc sub process
+    if (is$1(businessObject, 'bpmn:SubProcess') && !isExpanded(target)) {
 
       filteredReplaceOptions = filter(TASK, function(replaceOption) {
 
-        var target = replaceOption.target;
-
-        var isTargetSubProcess = target.type === 'bpmn:SubProcess';
+        var isTargetSameType = replaceOption.target.type === target.type;
+        var isTargetExpanded = replaceOption.target.isExpanded === true;
 
-        var isTargetExpanded = target.isExpanded === true;
-
-        return isDifferentType(target) && (!isTargetSubProcess || isTargetExpanded);
+        // Collapsed subprocess cannot be replaced with itself or expanded subprocess of different type.
+        return isTargetSameType === isTargetExpanded;
       });
 
       return this._createEntries(target, filteredReplaceOptions);
@@ -56494,13 +56806,6 @@
     if (is$1(businessObject, 'bpmn:FlowNode')) {
       filteredReplaceOptions = filter(TASK, differentType);
 
-      // collapsed sub process cannot be replaced with itself
-      if (is$1(businessObject, 'bpmn:SubProcess') && !isExpanded(target)) {
-        filteredReplaceOptions = filter(filteredReplaceOptions, function(replaceOption) {
-          return replaceOption.label !== 'Sub-process (collapsed)';
-        });
-      }
-
       return this._createEntries(target, filteredReplaceOptions);
     }
 
@@ -56537,15 +56842,6 @@
       };
     }
 
-    if (is$1(target, 'bpmn:SubProcess') &&
-        !is$1(target, 'bpmn:Transaction') &&
-        !isEventSubProcess(target)) {
-      headerEntries = {
-        ...headerEntries,
-        ...this._getAdHocHeaderEntries(target)
-      };
-    }
-
     if (canBeNonInterrupting(target)) {
       headerEntries = {
         ...headerEntries,
@@ -56843,44 +57139,6 @@
     };
   };
 
-  /**
-   * Get popup menu header entries for the ad-hoc property of the given BPMN element.
-   *
-   * @param  {PopupMenuTarget} element
-   *
-   * @return {PopupMenuHeaderEntries}
-   */
-  ReplaceMenuProvider.prototype._getAdHocHeaderEntries = function(element) {
-    var translate = this._translate;
-    var businessObject = getBusinessObject(element);
-
-    var isAdHoc = is$1(businessObject, 'bpmn:AdHocSubProcess');
-
-    var replaceElement = this._bpmnReplace.replaceElement;
-
-    return {
-      'toggle-adhoc': {
-        className: 'bpmn-icon-ad-hoc-marker',
-        title: translate('Ad-hoc'),
-        active: isAdHoc,
-        action: function(event, entry) {
-          if (isAdHoc) {
-            return replaceElement(element, { type: 'bpmn:SubProcess' }, {
-              autoResize: false,
-              layoutConnection: false
-            });
-          } else {
-            return replaceElement(element, { type: 'bpmn:AdHocSubProcess' }, {
-              autoResize: false,
-              layoutConnection: false
-            });
-          }
-        }
-      }
-    };
-  };
-
-
   ReplaceMenuProvider.prototype._getNonInterruptingHeaderEntries = function(element) {
     const translate = this._translate;
     const businessObject = getBusinessObject(element);