bpmn-js 17.4.0 → 17.5.0

package/dist/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v17.4.0
+ * bpmn-js - bpmn-modeler v17.5.0
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -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`
+      );
     }
   };
 
@@ -40760,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,
@@ -40772,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);
 
@@ -40797,7 +40766,7 @@
 
     function getContext() {
       if (!context) {
-        throw new Error(translate('out of bounds release'));
+        throw new Error('out of bounds release');
       }
 
       return context;
@@ -40806,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();
@@ -40878,8 +40847,7 @@
 
   UpdateFlowNodeRefsBehavior.$inject = [
     'eventBus',
-    'modeling' ,
-    'translate'
+    'modeling'
   ];
 
   e$2(UpdateFlowNodeRefsBehavior, CommandInterceptor);
@@ -42329,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
    */
 
   /**
@@ -42337,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);
 
@@ -42503,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 ]
   };
@@ -47161,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
@@ -47177,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
@@ -47449,8 +47407,7 @@
   BpmnUpdater.$inject = [
     'eventBus',
     'bpmnFactory',
-    'connectionDocking',
-    'translate'
+    'connectionDocking'
   ];
 
 
@@ -47689,8 +47646,7 @@
    */
   BpmnUpdater.prototype.updateSemanticParent = function(businessObject, newParent, visualParent) {
 
-    var containment,
-        translate = this._translate;
+    var containment;
 
     if (businessObject.$parent === newParent) {
       return;
@@ -47795,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;
@@ -47978,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
@@ -48006,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;
@@ -48099,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);
@@ -51207,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
    *
@@ -51236,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;
   }
@@ -51254,7 +51196,6 @@
   UpdatePropertiesHandler.$inject = [
     'elementRegistry',
     'moddle',
-    'translate',
     'modeling',
     'textRenderer'
   ];
@@ -51275,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,
@@ -51729,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
    */
 
   /**
@@ -51739,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;
@@ -51764,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);
@@ -60127,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 (
@@ -60148,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
@@ -60156,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;