bpmn-js 17.3.0 → 17.5.0

package/dist/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v17.3.0
+ * bpmn-js - bpmn-modeler v17.5.0
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2024-04-17
+ * Date: 2024-04-26
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -16254,8 +16254,6 @@
   }
 
   /**
-   * @typedef {import('diagram-js/lib/i18n/translate/translate').default} Translate
-   *
    * @typedef {import('../model/Types').ModdleElement} ModdleElement
    */
 
@@ -16288,9 +16286,8 @@
 
   /**
    * @param {Record<'element' | 'root' | 'error', Function>} handler
-   * @param {Translate} translate
    */
-  function BpmnTreeWalker(handler, translate) {
+  function BpmnTreeWalker(handler) {
 
     // list of containers already walked
     var handledElements = {};
@@ -16324,7 +16321,7 @@
       // avoid multiple rendering of elements
       if (gfx) {
         throw new Error(
-          translate('already rendered {element}', { element: elementToString(element) })
+          'already rendered ${ elementToString(element) }'
         );
       }
 
@@ -16344,11 +16341,10 @@
         handled(element);
 
         return gfx;
-      } catch (e) {
-        logError(e.message, { element: element, error: e });
+      } catch (error) {
+        logError(error.message, { element, error });
 
-        console.error(translate('failed to import {element}', { element: elementToString(element) }));
-        console.error(e);
+        console.error(`failed to import ${ elementToString(element) }`, error);
       }
     }
 
@@ -16364,9 +16360,7 @@
       if (bpmnElement) {
         if (diMap[bpmnElement.id]) {
           logError(
-            translate('multiple DI elements defined for {element}', {
-              element: elementToString(bpmnElement)
-            }),
+            `multiple DI elements defined for ${ elementToString(bpmnElement) }`,
             { element: bpmnElement }
           );
         } else {
@@ -16376,9 +16370,7 @@
         }
       } else {
         logError(
-          translate('no bpmnElement referenced in {element}', {
-            element: elementToString(di)
-          }),
+          `no bpmnElement referenced in ${ elementToString(di) }`,
           { element: di }
         );
       }
@@ -16416,7 +16408,7 @@
       var diagrams = definitions.diagrams;
 
       if (diagram && diagrams.indexOf(diagram) === -1) {
-        throw new Error(translate('diagram not part of bpmn:Definitions'));
+        throw new Error('diagram not part of <bpmn:Definitions />');
       }
 
       if (!diagram && diagrams && diagrams.length) {
@@ -16425,7 +16417,7 @@
 
       // no diagram -> nothing to import
       if (!diagram) {
-        throw new Error(translate('no diagram to display'));
+        throw new Error('no diagram to display');
       }
 
       // load DI from selected diagram only
@@ -16436,10 +16428,9 @@
       var plane = diagram.plane;
 
       if (!plane) {
-        throw new Error(translate(
-          'no plane for {element}',
-          { element: elementToString(diagram) }
-        ));
+        throw new Error(
+          `no plane for ${ elementToString(diagram) }`
+        );
       }
 
       var rootElement = plane.bpmnElement;
@@ -16450,14 +16441,11 @@
         rootElement = findDisplayCandidate(definitions);
 
         if (!rootElement) {
-          throw new Error(translate('no process or collaboration to display'));
+          throw new Error('no process or collaboration to display');
         } else {
 
           logError(
-            translate('correcting missing bpmnElement on {plane} to {rootElement}', {
-              plane: elementToString(plane),
-              rootElement: elementToString(rootElement)
-            })
+            `correcting missing bpmnElement on ${ elementToString(plane) } to ${ elementToString(rootElement) }`
           );
 
           // correct DI on the fly
@@ -16478,10 +16466,7 @@
         handleUnhandledProcesses(definitions.rootElements, ctx);
       } else {
         throw new Error(
-          translate('unsupported bpmnElement for {plane}: {rootElement}', {
-            plane: elementToString(plane),
-            rootElement: elementToString(rootElement)
-          })
+          `unsupported bpmnElement for ${ elementToString(plane) }: ${ elementToString(rootElement) }`
         );
       }
 
@@ -16643,28 +16628,28 @@
     }
 
     function handleFlowElements(flowElements, context) {
-      forEach$1(flowElements, function(e) {
-        if (is$2(e, 'bpmn:SequenceFlow')) {
+      forEach$1(flowElements, function(flowElement) {
+        if (is$2(flowElement, 'bpmn:SequenceFlow')) {
           deferred.push(function() {
-            handleSequenceFlow(e, context);
+            handleSequenceFlow(flowElement, context);
           });
-        } else if (is$2(e, 'bpmn:BoundaryEvent')) {
+        } else if (is$2(flowElement, 'bpmn:BoundaryEvent')) {
           deferred.unshift(function() {
-            handleFlowNode(e, context);
+            handleFlowNode(flowElement, context);
           });
-        } else if (is$2(e, 'bpmn:FlowNode')) {
-          handleFlowNode(e, context);
-        } else if (is$2(e, 'bpmn:DataObject')) ; else if (is$2(e, 'bpmn:DataStoreReference')) {
-          handleDataElement(e, context);
-        } else if (is$2(e, 'bpmn:DataObjectReference')) {
-          handleDataElement(e, context);
+        } else if (is$2(flowElement, 'bpmn:FlowNode')) {
+          handleFlowNode(flowElement, context);
+        } else if (is$2(flowElement, 'bpmn:DataObject')) ; else if (is$2(flowElement, 'bpmn:DataStoreReference')) {
+          handleDataElement(flowElement, context);
+        } else if (is$2(flowElement, 'bpmn:DataObjectReference')) {
+          handleDataElement(flowElement, context);
         } else {
           logError(
-            translate('unrecognized flowElement {element} in context {context}', {
-              element: elementToString(e),
-              context: (context ? elementToString(context.businessObject) : 'null')
-            }),
-            { element: e, context: context }
+            `unrecognized flowElement ${ elementToString(flowElement) } in context ${ elementToString(context && context.businessObject) }`,
+            {
+              element: flowElement,
+              context
+            }
           );
         }
       });
@@ -16787,7 +16772,6 @@
 
     var importer,
         eventBus,
-        translate,
         canvas;
 
     var error,
@@ -16817,7 +16801,7 @@
         }
       };
 
-      var walker = new BpmnTreeWalker(visitor, translate);
+      var walker = new BpmnTreeWalker(visitor);
 
 
       bpmnDiagram = bpmnDiagram || (definitions.diagrams && definitions.diagrams[0]);
@@ -16825,7 +16809,7 @@
       var diagramsToImport = getDiagramsToImport(definitions, bpmnDiagram);
 
       if (!diagramsToImport) {
-        throw new Error(translate('no diagram to display'));
+        throw new Error('no diagram to display');
       }
 
       // traverse BPMN 2.0 document model,
@@ -16848,7 +16832,6 @@
       try {
         importer = diagram.get('bpmnImporter');
         eventBus = diagram.get('eventBus');
-        translate = diagram.get('translate');
         canvas = diagram.get('canvas');
 
         eventBus.fire('import.render.start', { definitions: definitions });
@@ -21875,7 +21858,6 @@
    * @typedef {import('diagram-js/lib/core/Canvas').default} Canvas
    * @typedef {import('diagram-js/lib/core/ElementRegistry').default} ElementRegistry
    * @typedef {import('diagram-js/lib/core/EventBus').default} EventBus
-   * @typedef {import('diagram-js/lib/i18n/translate/translate').default} Translate
    *
    * @typedef {import('../features/modeling/ElementFactory').default} ElementFactory
    * @typedef {import('../draw/TextRenderer').default} TextRenderer
@@ -21917,12 +21899,10 @@
     });
   }
 
-  function notYetDrawn(translate, semantic, refSemantic, property) {
-    return new Error(translate('element {element} referenced by {referenced}#{property} not yet drawn', {
-      element: elementToString(refSemantic),
-      referenced: elementToString(semantic),
-      property: property
-    }));
+  function notYetDrawn(semantic, refSemantic, property) {
+    return new Error(
+      `element ${ elementToString(refSemantic) } referenced by ${ elementToString(semantic) }#${ property } not yet drawn`
+    );
   }
 
 
@@ -21933,18 +21913,16 @@
    * @param {Canvas} canvas
    * @param {ElementFactory} elementFactory
    * @param {ElementRegistry} elementRegistry
-   * @param {Function} translate
    * @param {TextRenderer} textRenderer
    */
   function BpmnImporter(
       eventBus, canvas, elementFactory,
-      elementRegistry, translate, textRenderer) {
+      elementRegistry, textRenderer) {
 
     this._eventBus = eventBus;
     this._canvas = canvas;
     this._elementFactory = elementFactory;
     this._elementRegistry = elementRegistry;
-    this._translate = translate;
     this._textRenderer = textRenderer;
   }
 
@@ -21953,7 +21931,6 @@
     'canvas',
     'elementFactory',
     'elementRegistry',
-    'translate',
     'textRenderer'
   ];
 
@@ -21970,7 +21947,6 @@
    */
   BpmnImporter.prototype.add = function(semantic, di, parentElement) {
     var element,
-        translate = this._translate,
         hidden;
 
     var parentIndex;
@@ -22056,10 +22032,9 @@
 
       this._canvas.addConnection(element, parentElement, parentIndex);
     } else {
-      throw new Error(translate('unknown di {di} for element {semantic}', {
-        di: elementToString(di),
-        semantic: elementToString(semantic)
-      }));
+      throw new Error(
+        `unknown di ${ elementToString(di) } for element ${ elementToString(semantic) }`
+      );
     }
 
     // (optional) LABEL
@@ -22067,7 +22042,6 @@
       this.addLabel(semantic, di, element);
     }
 
-
     this._eventBus.fire('bpmnElement.added', { element: element });
 
     return element;
@@ -22081,20 +22055,19 @@
    * @param {Shape} boundaryElement
    */
   BpmnImporter.prototype._attachBoundary = function(boundarySemantic, boundaryElement) {
-    var translate = this._translate;
     var hostSemantic = boundarySemantic.attachedToRef;
 
     if (!hostSemantic) {
-      throw new Error(translate('missing {semantic}#attachedToRef', {
-        semantic: elementToString(boundarySemantic)
-      }));
+      throw new Error(
+        `missing ${ elementToString(boundarySemantic) }#attachedToRef`
+      );
     }
 
     var host = this._elementRegistry.get(hostSemantic.id),
         attachers = host && host.attachers;
 
     if (!host) {
-      throw notYetDrawn(translate, boundarySemantic, hostSemantic, 'attachedToRef');
+      throw notYetDrawn(boundarySemantic, hostSemantic, 'attachedToRef');
     }
 
     // wire element.host <> host.attachers
@@ -22160,8 +22133,7 @@
 
     var element,
         refSemantic,
-        type = semantic.$type,
-        translate = this._translate;
+        type = semantic.$type;
 
     refSemantic = semantic[side + 'Ref'];
 
@@ -22184,12 +22156,11 @@
     }
 
     if (refSemantic) {
-      throw notYetDrawn(translate, semantic, refSemantic, side + 'Ref');
+      throw notYetDrawn(semantic, refSemantic, side + 'Ref');
     } else {
-      throw new Error(translate('{semantic}#{side} Ref not specified', {
-        semantic: elementToString(semantic),
-        side: side
-      }));
+      throw new Error(
+        `${ elementToString(semantic) }#${ side } Ref not specified`
+      );
     }
   };
 
@@ -27000,7 +26971,7 @@
 
     var scale = isDefined(config && config.scale) ? config.scale : {
       min: 1,
-      max: 1.5
+      max: 1
     };
 
     this._overlaysConfig = {
@@ -27994,7 +27965,8 @@
   function getPopupStyle(props) {
     return {
       transform: `scale(${props.scale})`,
-      width: `${props.width}px`
+      width: `${props.width}px`,
+      'transform-origin': 'top left'
     };
   }
 
@@ -28057,7 +28029,7 @@
 
     var scale = isDefined(config && config.scale) ? config.scale : {
       min: 1,
-      max: 1.5
+      max: 1
     };
 
     this._config = {
@@ -40759,7 +40731,6 @@
   /**
    * @typedef {import('diagram-js/lib/core/EventBus').default} EventBus
    * @typedef {import('../Modeling').default} Modeling
-   * @typedef {import('diagram-js/lib/i18n/translate/translate').default} Translate
    */
 
   var LOW_PRIORITY$c = 500,
@@ -40771,9 +40742,8 @@
    *
    * @param {EventBus} eventBus
    * @param {Modeling} modeling
-   * @param {Translate} translate
    */
-  function UpdateFlowNodeRefsBehavior(eventBus, modeling, translate) {
+  function UpdateFlowNodeRefsBehavior(eventBus, modeling) {
 
     CommandInterceptor.call(this, eventBus);
 
@@ -40796,7 +40766,7 @@
 
     function getContext() {
       if (!context) {
-        throw new Error(translate('out of bounds release'));
+        throw new Error('out of bounds release');
       }
 
       return context;
@@ -40805,7 +40775,7 @@
     function releaseContext() {
 
       if (!context) {
-        throw new Error(translate('out of bounds release'));
+        throw new Error('out of bounds release');
       }
 
       var triggerUpdate = context.leave();
@@ -40877,8 +40847,7 @@
 
   UpdateFlowNodeRefsBehavior.$inject = [
     'eventBus',
-    'modeling' ,
-    'translate'
+    'modeling'
   ];
 
   e$2(UpdateFlowNodeRefsBehavior, CommandInterceptor);
@@ -42328,7 +42297,6 @@
   /**
    * @typedef {import('diagram-js/lib/core/Canvas').default} Canvas
    * @typedef {import('diagram-js/lib/core/EventBus').default} EventBus
-   * @typedef {import('diagram-js/i18n/translate/translate').default} Translate
    */
 
   /**
@@ -42336,9 +42304,8 @@
    *
    * @param {EventBus} eventBus
    * @param {Canvas} canvas
-   * @param {Translate} translate
    */
-  function BpmnOrderingProvider(eventBus, canvas, translate) {
+  function BpmnOrderingProvider(eventBus, canvas) {
 
     OrderingProvider.call(this, eventBus);
 
@@ -42502,14 +42469,11 @@
     };
   }
 
-  BpmnOrderingProvider.$inject = [ 'eventBus', 'canvas', 'translate' ];
+  BpmnOrderingProvider.$inject = [ 'eventBus', 'canvas' ];
 
   e$2(BpmnOrderingProvider, OrderingProvider);
 
   var OrderingModule = {
-    __depends__: [
-      TranslateModule
-    ],
     __init__: [ 'bpmnOrderingProvider' ],
     bpmnOrderingProvider: [ 'type', BpmnOrderingProvider ]
   };
@@ -44645,7 +44609,6 @@
   };
 
   /**
-   * @typedef {import('../dragging/Dragging').default} Dragging
    * @typedef {import('../../core/EventBus').default} EventBus
    *
    * @typedef {import('../../core/EventBus').Event} Event
@@ -44658,24 +44621,21 @@
    * it takes care of making sure that the correct active state is set.
    *
    * @param {EventBus} eventBus
-   * @param {Dragging} dragging
    */
-  function ToolManager(eventBus, dragging) {
+  function ToolManager(eventBus) {
     this._eventBus = eventBus;
-    this._dragging = dragging;
 
     this._tools = [];
     this._active = null;
   }
 
-  ToolManager.$inject = [ 'eventBus', 'dragging' ];
+  ToolManager.$inject = [ 'eventBus' ];
 
   /**
    * Register a tool.
    *
    * @param {string} name
    * @param { {
-   *   dragging: string;
    *   tool: string;
    * } } events
    */
@@ -44687,7 +44647,6 @@
     }
 
     tools.push(name);
-
     this.bindEvents(name, events);
   };
 
@@ -44710,8 +44669,7 @@
   };
 
   ToolManager.prototype.bindEvents = function(name, events) {
-    var eventBus = this._eventBus,
-        dragging = this._dragging;
+    var eventBus = this._eventBus;
 
     var eventsToRegister = [];
 
@@ -44722,7 +44680,6 @@
       if (!context.reactivate && this.isActive(name)) {
         this.setActive(null);
 
-        dragging.cancel();
         return;
       }
 
@@ -47167,7 +47124,6 @@
    * @typedef {import('diagram-js/lib/core/EventBus').default} EventBus
    * @typedef {import('./BpmnFactory').default} BpmnFactory
    * @typedef {import('diagram-js/lib/layout/CroppingConnectionDocking').default} CroppingConnectionDocking
-   * @typedef {import('diagram-js/lib/i18n/translate/translate').default} Translate
    *
    * @typedef {import('../../model/Types').Connection} Connection
    * @typedef {import('../../model/Types').Element} Element
@@ -47183,24 +47139,20 @@
    * @param {EventBus} eventBus
    * @param {BpmnFactory} bpmnFactory
    * @param {CroppingConnectionDocking} connectionDocking
-   * @param {Translate} translate
    */
   function BpmnUpdater(
       eventBus,
       bpmnFactory,
-      connectionDocking,
-      translate
+      connectionDocking
   ) {
 
     CommandInterceptor.call(this, eventBus);
 
     this._bpmnFactory = bpmnFactory;
-    this._translate = translate;
 
     var self = this;
 
 
-
     // connection cropping //////////////////////
 
     // crop connection ends during create/update
@@ -47455,8 +47407,7 @@
   BpmnUpdater.$inject = [
     'eventBus',
     'bpmnFactory',
-    'connectionDocking',
-    'translate'
+    'connectionDocking'
   ];
 
 
@@ -47695,8 +47646,7 @@
    */
   BpmnUpdater.prototype.updateSemanticParent = function(businessObject, newParent, visualParent) {
 
-    var containment,
-        translate = this._translate;
+    var containment;
 
     if (businessObject.$parent === newParent) {
       return;
@@ -47801,13 +47751,7 @@
     }
 
     if (!containment) {
-      throw new Error(translate(
-        'no parent for {element} in {parent}',
-        {
-          element: businessObject.id,
-          parent: newParent.id
-        }
-      ));
+      throw new Error(`no parent for <${ businessObject.id }> in <${ newParent.id }>`);
     }
 
     var children;
@@ -47984,8 +47928,6 @@
   }
 
   /**
-   * @typedef {import('diagram-js/lib/i18n/translate/translate').default} Translate
-   *
    * @typedef {import('diagram-js/lib/util/Types').Dimensions} Dimensions
    *
    * @typedef {import('./BpmnFactory').default} BpmnFactory
@@ -48012,22 +47954,19 @@
    *
    * @param {BpmnFactory} bpmnFactory
    * @param {Moddle} moddle
-   * @param {Translate} translate
    */
-  function ElementFactory(bpmnFactory, moddle, translate) {
+  function ElementFactory(bpmnFactory, moddle) {
     ElementFactory$1.call(this);
 
     this._bpmnFactory = bpmnFactory;
     this._moddle = moddle;
-    this._translate = translate;
   }
 
   e$2(ElementFactory, ElementFactory$1);
 
   ElementFactory.$inject = [
     'bpmnFactory',
-    'moddle',
-    'translate'
+    'moddle'
   ];
 
   ElementFactory.prototype._baseCreate = ElementFactory$1.prototype.create;
@@ -48105,17 +48044,17 @@
    * @return {T}
    */
   ElementFactory.prototype.createElement = function(elementType, attrs) {
-    var size,
-        translate = this._translate;
 
     attrs = assign$1({}, attrs || {});
 
+    var size;
+
     var businessObject = attrs.businessObject,
         di = attrs.di;
 
     if (!businessObject) {
       if (!attrs.type) {
-        throw new Error(translate('no shape type specified'));
+        throw new Error('no shape type specified');
       }
 
       businessObject = this._bpmnFactory.create(attrs.type);
@@ -51213,7 +51152,6 @@
    *
    * @typedef {import('diagram-js/lib/core/ElementRegistry').default} ElementRegistry
    * @typedef {import('../../../model/Types').Moddle} Moddle
-   * @typedef {import('diagram-js/lib/i18n/translate/translate').default} Translate
    * @typedef {import('../Modeling').default} Modeling
    * @typedef {import('../../../draw/TextRenderer').default} TextRenderer
    *
@@ -51242,17 +51180,15 @@
    *
    * @param {ElementRegistry} elementRegistry
    * @param {Moddle} moddle
-   * @param {Translate} translate
    * @param {Modeling} modeling
    * @param {TextRenderer} textRenderer
    */
   function UpdatePropertiesHandler(
-      elementRegistry, moddle, translate,
+      elementRegistry, moddle,
       modeling, textRenderer) {
 
     this._elementRegistry = elementRegistry;
     this._moddle = moddle;
-    this._translate = translate;
     this._modeling = modeling;
     this._textRenderer = textRenderer;
   }
@@ -51260,7 +51196,6 @@
   UpdatePropertiesHandler.$inject = [
     'elementRegistry',
     'moddle',
-    'translate',
     'modeling',
     'textRenderer'
   ];
@@ -51281,11 +51216,10 @@
   UpdatePropertiesHandler.prototype.execute = function(context) {
 
     var element = context.element,
-        changed = [ element ],
-        translate = this._translate;
+        changed = [ element ];
 
     if (!element) {
-      throw new Error(translate('element required'));
+      throw new Error('element required');
     }
 
     var elementRegistry = this._elementRegistry,
@@ -51735,7 +51669,6 @@
    * @typedef {import('diagram-js/lib/command/CommandHandler').default} CommandHandler
    *
    * @typedef {import('../Modeling').default} Modeling
-   * @typedef {import('diagram-js/lib/i18n/translate/translate').default} Translate
    */
 
   /**
@@ -51745,23 +51678,19 @@
    * @implements {CommandHandler}
    *
    * @param {Modeling} modeling
-   * @param {Translate} translate
    */
-  function SplitLaneHandler(modeling, translate) {
+  function SplitLaneHandler(modeling) {
     this._modeling = modeling;
-    this._translate = translate;
   }
 
   SplitLaneHandler.$inject = [
-    'modeling',
-    'translate'
+    'modeling'
   ];
 
 
   SplitLaneHandler.prototype.preExecute = function(context) {
 
-    var modeling = this._modeling,
-        translate = this._translate;
+    var modeling = this._modeling;
 
     var shape = context.shape,
         newLanesCount = context.count;
@@ -51770,7 +51699,7 @@
         existingLanesCount = childLanes.length;
 
     if (existingLanesCount > newLanesCount) {
-      throw new Error(translate('more than {count} child lanes', { count: newLanesCount }));
+      throw new Error(`more than <${newLanesCount}> child lanes`);
     }
 
     var isHorizontalLane = isHorizontal$3(shape);
@@ -60133,6 +60062,13 @@
     assign$1(context, bounds);
 
     var options = {};
+    var style = context.style || {};
+
+    // Remove background and border
+    assign$1(style, {
+      backgroundColor: null,
+      border: null
+    });
 
     // tasks
     if (
@@ -60154,6 +60090,12 @@
       assign$1(options, {
         autoResize: true
       });
+
+      // keep background and border for external labels
+      assign$1(style, {
+        backgroundColor: '#ffffff',
+        border: '1px solid #ccc'
+      });
     }
 
     // text annotations
@@ -60162,10 +60104,17 @@
         resizable: true,
         autoResize: true
       });
+
+      // keep background and border for text annotations
+      assign$1(style, {
+        backgroundColor: '#ffffff',
+        border: '1px solid #ccc'
+      });
     }
 
     assign$1(context, {
-      options: options
+      options: options,
+      style: style
     });
 
     return context;
@@ -61422,7 +61371,7 @@
       if (target) {
         if (canExecute === 'attach') {
           setMarker(target, MARKER_ATTACH);
-        } else if (context.canExecute && target && target.id !== parent.id) {
+        } else if (context.canExecute && parent && target.id !== parent.id) {
           setMarker(target, MARKER_NEW_PARENT);
         } else {
           setMarker(target, context.canExecute ? MARKER_OK$1 : MARKER_NOT_OK$1);