bpmn-js 17.4.0 → 17.6.0

package/dist/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v17.4.0
+ * bpmn-js - bpmn-modeler v17.6.0
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2024-04-26
+ * Date: 2024-04-30
  */
 (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 });
@@ -17070,6 +17053,12 @@
    * @see http://bpmn.io/license for more information.
    */
 
+  /**
+   * @template T
+   *
+   * @typedef { import('diagram-js/lib/core/EventBus').default<T> } EventBus
+   */
+
   /**
    * @template T
    *
@@ -17155,12 +17144,22 @@
    * } } SaveSVGDoneEvent
    */
 
+  /**
+   * @template Type
+   *
+   * @typedef { Type extends { eventBus: EventBus<infer X> } ? X : never } EventMap
+   */
+
   /**
    * A base viewer for BPMN 2.0 diagrams.
    *
-   * Have a look at {@link Viewer}, {@link NavigatedViewer} or {@link Modeler} for
+   * Have a look at {@link bpmn-js/lib/Viewer}, {@link bpmn-js/lib/NavigatedViewer} or {@link bpmn-js/lib/Modeler} for
    * bundles that include actual features.
    *
+   * @template [ServiceMap=null]
+   *
+   * @extends Diagram<ServiceMap>
+   *
    * @param {BaseViewerOptions} [options] The options to configure the viewer.
    */
   function BaseViewer(options) {
@@ -17581,9 +17580,18 @@
   };
 
   /**
-   * Register an event listener.
+   * @overlord
+   *
+   * Register an event listener for events with the given name.
    *
-   * Remove an event listener via {@link BaseViewer#off}.
+   * The callback will be invoked with `event, ...additionalArguments`
+   * that have been passed to {@link EventBus#fire}.
+   *
+   * Returning false from a listener will prevent the events default action
+   * (if any is specified). To stop an event from being processed further in
+   * other listeners execute {@link Event#stopPropagation}.
+   *
+   * Returning anything but `undefined` from a listener will stop the listener propagation.
    *
    * @template T
    *
@@ -17592,6 +17600,25 @@
    * @param {EventBusEventCallback<T>} callback The callback.
    * @param {any} [that] Value of `this` the callback will be called with.
    */
+  /**
+   * Register an event listener for events with the given name.
+   *
+   * The callback will be invoked with `event, ...additionalArguments`
+   * that have been passed to {@link EventBus#fire}.
+   *
+   * Returning false from a listener will prevent the events default action
+   * (if any is specified). To stop an event from being processed further in
+   * other listeners execute {@link Event#stopPropagation}.
+   *
+   * Returning anything but `undefined` from a listener will stop the listener propagation.
+   *
+   * @template {keyof EventMap<ServiceMap>} EventName
+   *
+   * @param {EventName} events to subscribe to
+   * @param {number} [priority=1000] listen priority
+   * @param {EventBusEventCallback<(EventMap<ServiceMap>)[EventName]>} callback
+   * @param {any} [that] callback context
+   */
   BaseViewer.prototype.on = function(events, priority, callback, that) {
     return this.get('eventBus').on(events, priority, callback, that);
   };
@@ -17848,7 +17875,11 @@
   /**
    * A base modeler for BPMN 2.0 diagrams.
    *
-   * See {@link Modeler} for a fully-featured modeler.
+   * See {@link bpmn-js/lib/Modeler} for a fully-featured modeler.
+   *
+   * @template [ServiceMap=null]
+   *
+   * @extends BaseViewer<ServiceMap>
    *
    * @param {BaseViewerOptions} [options] The options to configure the modeler.
    */
@@ -21875,7 +21906,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 +21947,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 +21961,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 +21979,6 @@
     'canvas',
     'elementFactory',
     'elementRegistry',
-    'translate',
     'textRenderer'
   ];
 
@@ -21970,7 +21995,6 @@
    */
   BpmnImporter.prototype.add = function(semantic, di, parentElement) {
     var element,
-        translate = this._translate,
         hidden;
 
     var parentIndex;
@@ -22056,10 +22080,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 +22090,6 @@
       this.addLabel(semantic, di, element);
     }
 
-
     this._eventBus.fire('bpmnElement.added', { element: element });
 
     return element;
@@ -22081,20 +22103,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 +22181,7 @@
 
     var element,
         refSemantic,
-        type = semantic.$type,
-        translate = this._translate;
+        type = semantic.$type;
 
     refSemantic = semantic[side + 'Ref'];
 
@@ -22184,12 +22204,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`
+      );
     }
   };
 
@@ -25569,7 +25588,7 @@
   /**
    * A viewer for BPMN 2.0 diagrams.
    *
-   * Have a look at {@link NavigatedViewer} or {@link Modeler} for bundles that include
+   * Have a look at {@link bpmn-js/lib/NavigatedViewer} or {@link bpmn-js/lib/Modeler} for bundles that include
    * additional features.
    *
    *
@@ -25605,6 +25624,10 @@
    * bpmnViewer.importXML(...);
    * ```
    *
+   * @template [ServiceMap=null]
+   *
+   * @extends BaseViewer<ServiceMap>
+   *
    * @param {BaseViewerOptions} [options] The options to configure the viewer.
    */
   function Viewer(options) {
@@ -26727,6 +26750,10 @@
   /**
    * A viewer with mouse and keyboard navigation features.
    *
+   * @template [ServiceMap=null]
+   *
+   * @extends Viewer<ServiceMap>
+   *
    * @param {BaseViewerOptions} [options]
    */
   function NavigatedViewer(options) {
@@ -40760,7 +40787,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 +40798,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 +40822,7 @@
 
     function getContext() {
       if (!context) {
-        throw new Error(translate('out of bounds release'));
+        throw new Error('out of bounds release');
       }
 
       return context;
@@ -40806,7 +40831,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 +40903,7 @@
 
   UpdateFlowNodeRefsBehavior.$inject = [
     'eventBus',
-    'modeling' ,
-    'translate'
+    'modeling'
   ];
 
   e$2(UpdateFlowNodeRefsBehavior, CommandInterceptor);
@@ -42329,7 +42353,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 +42360,8 @@
    *
    * @param {EventBus} eventBus
    * @param {Canvas} canvas
-   * @param {Translate} translate
    */
-  function BpmnOrderingProvider(eventBus, canvas, translate) {
+  function BpmnOrderingProvider(eventBus, canvas) {
 
     OrderingProvider.call(this, eventBus);
 
@@ -42429,7 +42451,7 @@
       }
 
       if (!order) {
-        throw new Error('no order for <' + element.id + '>');
+        throw new Error(`no order for <${ element.id }>`);
       }
 
       return order;
@@ -42449,7 +42471,7 @@
       }
 
       if (!actualParent) {
-        throw new Error('no parent for <' + element.id + '> in <' + (newParent && newParent.id) + '>');
+        throw new Error(`no parent for <${ element.id }> in <${ newParent && newParent.id }>`);
       }
 
       return actualParent;
@@ -42503,14 +42525,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 +47180,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 +47195,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 +47463,7 @@
   BpmnUpdater.$inject = [
     'eventBus',
     'bpmnFactory',
-    'connectionDocking',
-    'translate'
+    'connectionDocking'
   ];
 
 
@@ -47689,8 +47702,7 @@
    */
   BpmnUpdater.prototype.updateSemanticParent = function(businessObject, newParent, visualParent) {
 
-    var containment,
-        translate = this._translate;
+    var containment;
 
     if (businessObject.$parent === newParent) {
       return;
@@ -47795,13 +47807,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 +47984,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 +48010,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 +48100,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 +51208,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 +51236,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 +51252,6 @@
   UpdatePropertiesHandler.$inject = [
     'elementRegistry',
     'moddle',
-    'translate',
     'modeling',
     'textRenderer'
   ];
@@ -51275,11 +51272,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 +51725,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 +51734,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 +51755,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);
@@ -52238,7 +52229,7 @@
         }
       }
 
-      throw new Error('invalid color value: ' + color);
+      throw new Error(`invalid color value: ${ color }`);
     };
   }
 
@@ -56618,6 +56609,10 @@
         entries.replace.action.click(event, shape);
       }
     });
+
+    eventBus.on('contextPad.close', function() {
+      appendPreview.cleanUp();
+    });
   }
 
   ContextPadProvider.$inject = [
@@ -56752,16 +56747,12 @@
         create.start(event, shape, {
           source: element
         });
-
-        appendPreview.cleanUp();
       }
 
       var append = autoPlace ? function(_, element) {
         var shape = elementFactory.createShape(assign$1({ type: type }, options));
 
         autoPlace.append(element, shape);
-
-        appendPreview.cleanUp();
       } : appendStart;
 
       var previewAppend = autoPlace ? function(_, element) {
@@ -56995,7 +56986,6 @@
           'bpmn-icon-text-annotation',
           translate('Add text annotation')
         ),
-
         'connect': {
           group: 'connect',
           className: 'bpmn-icon-connection-multi',
@@ -60127,6 +60117,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 +60145,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 +60159,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;
@@ -64994,7 +65004,6 @@
   /**
    * A modeler for BPMN 2.0 diagrams.
    *
-   *
    * ## Extending the Modeler
    *
    * In order to extend the viewer pass extension modules to bootstrap via the
@@ -65055,6 +65064,10 @@
    * var bpmnModeler = new Modeler({ additionalModules: [ overrideModule ]});
    * ```
    *
+   * @template [ServiceMap=null]
+   *
+   * @extends BaseModeler<ServiceMap>
+   *
    * @param {BaseViewerOptions} [options] The options to configure the modeler.
    */
   function Modeler(options) {