bpmn-js 11.3.0 → 11.4.0

package/dist/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v11.3.0
+ * bpmn-js - bpmn-modeler v11.4.0
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2023-02-07
+ * Date: 2023-02-16
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -17463,7 +17463,11 @@
           ...shapeStyle({
             fill: fill,
             stroke: stroke,
-            strokeWidth: 1
+            strokeWidth: 1,
+
+            // fix for safari / chrome / firefox bug not correctly
+            // resetting stroke dash array
+            strokeDasharray: [ 10000, 1 ]
           })
         });
 
@@ -17479,7 +17483,11 @@
           ...shapeStyle({
             fill: fill,
             stroke: stroke,
-            strokeWidth: 1
+            strokeWidth: 1,
+
+            // fix for safari / chrome / firefox bug not correctly
+            // resetting stroke dash array
+            strokeDasharray: [ 10000, 1 ]
           })
         });
 
@@ -17495,7 +17503,11 @@
           ...lineStyle({
             fill: 'none',
             stroke: stroke,
-            strokeWidth: 1.5
+            strokeWidth: 1.5,
+
+            // fix for safari / chrome / firefox bug not correctly
+            // resetting stroke dash array
+            strokeDasharray: [ 10000, 1 ]
           })
         });
 
@@ -17512,7 +17524,11 @@
           ...lineStyle({
             fill: 'none',
             stroke: stroke,
-            strokeWidth: 1.5
+            strokeWidth: 1.5,
+
+            // fix for safari / chrome / firefox bug not correctly
+            // resetting stroke dash array
+            strokeDasharray: [ 10000, 1 ]
           })
         });
 
@@ -20760,7 +20776,7 @@
     return isPrimaryButton(event) || isAuxiliaryButton(event);
   }
 
-  var LOW_PRIORITY$q = 500;
+  var LOW_PRIORITY$r = 500;
 
 
   /**
@@ -20955,7 +20971,7 @@
     eventBus.on([
       'shape.changed',
       'connection.changed'
-    ], LOW_PRIORITY$q, function(event) {
+    ], LOW_PRIORITY$r, function(event) {
 
       var element = event.element,
           gfx = event.gfx;
@@ -20963,7 +20979,7 @@
       eventBus.fire('interactionEvents.updateHit', { element: element, gfx: gfx });
     });
 
-    eventBus.on('interactionEvents.createHit', LOW_PRIORITY$q, function(event) {
+    eventBus.on('interactionEvents.createHit', LOW_PRIORITY$r, function(event) {
       var element = event.element,
           gfx = event.gfx;
 
@@ -21240,7 +21256,7 @@
     interactionEvents: [ 'type', InteractionEvents ]
   };
 
-  var LOW_PRIORITY$p = 500;
+  var LOW_PRIORITY$q = 500;
 
 
   /**
@@ -21279,7 +21295,7 @@
 
     // A low priortity is necessary, because outlines of labels have to be updated
     // after the label bounds have been updated in the renderer.
-    eventBus.on([ 'shape.added', 'shape.changed' ], LOW_PRIORITY$p, function(event) {
+    eventBus.on([ 'shape.added', 'shape.changed' ], LOW_PRIORITY$q, function(event) {
       var element = event.element,
           gfx = event.gfx;
 
@@ -21725,7 +21741,7 @@
   // document wide unique overlay ids
   var ids$1 = new IdGenerator('ov');
 
-  var LOW_PRIORITY$o = 500;
+  var LOW_PRIORITY$p = 500;
 
 
   /**
@@ -22297,7 +22313,7 @@
 
     // move integration
 
-    eventBus.on('element.changed', LOW_PRIORITY$o, function(e) {
+    eventBus.on('element.changed', LOW_PRIORITY$p, function(e) {
       var element = e.element;
 
       var container = self._getOverlayContainer(element, true);
@@ -23257,7 +23273,7 @@
     return true;
   }
 
-  var LOW_PRIORITY$n = 250;
+  var LOW_PRIORITY$o = 250;
   var ARROW_DOWN_SVG = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.81801948,3.50735931 L10.4996894,9.1896894 L10.5,4 L12,4 L12,12 L4,12 L4,10.5 L9.6896894,10.4996894 L3.75735931,4.56801948 C3.46446609,4.27512627 3.46446609,3.80025253 3.75735931,3.50735931 C4.05025253,3.21446609 4.52512627,3.21446609 4.81801948,3.50735931 Z"/></svg>';
 
   var EMPTY_MARKER = 'bjs-drilldown-empty';
@@ -23274,7 +23290,7 @@
 
     var self = this;
 
-    this.executed('shape.toggleCollapse', LOW_PRIORITY$n, function(context) {
+    this.executed('shape.toggleCollapse', LOW_PRIORITY$o, function(context) {
       var shape = context.shape;
 
       // Add overlay to the collapsed shape
@@ -23286,7 +23302,7 @@
     }, true);
 
 
-    this.reverted('shape.toggleCollapse', LOW_PRIORITY$n, function(context) {
+    this.reverted('shape.toggleCollapse', LOW_PRIORITY$o, function(context) {
       var shape = context.shape;
 
       // Add overlay to the collapsed shape
@@ -23298,7 +23314,7 @@
     }, true);
 
 
-    this.executed([ 'shape.create', 'shape.move', 'shape.delete' ], LOW_PRIORITY$n,
+    this.executed([ 'shape.create', 'shape.move', 'shape.delete' ], LOW_PRIORITY$o,
       function(context) {
         var oldParent = context.oldParent,
             newParent = context.newParent || context.parent,
@@ -23315,7 +23331,7 @@
       }, true);
 
 
-    this.reverted([ 'shape.create', 'shape.move', 'shape.delete' ], LOW_PRIORITY$n,
+    this.reverted([ 'shape.create', 'shape.move', 'shape.delete' ], LOW_PRIORITY$o,
       function(context) {
         var oldParent = context.oldParent,
             newParent = context.newParent || context.parent,
@@ -23768,7 +23784,7 @@
     return target && (matches(target, 'input, textarea') || target.contentEditable === 'true');
   }
 
-  var LOW_PRIORITY$m = 500;
+  var LOW_PRIORITY$n = 500;
 
 
   /**
@@ -23784,7 +23800,7 @@
 
     var self = this;
 
-    eventBus.on('editorActions.init', LOW_PRIORITY$m, function(event) {
+    eventBus.on('editorActions.init', LOW_PRIORITY$n, function(event) {
 
       var editorActions = event.editorActions;
 
@@ -29265,14 +29281,14 @@
 
   var ICONS$1 = icons$1;
 
-  var LOW_PRIORITY$l = 900;
+  var LOW_PRIORITY$m = 900;
 
   /**
    * A provider for align elements context pad button
    */
   function AlignElementsContextPadProvider(contextPad, popupMenu, translate, canvas) {
 
-    contextPad.registerProvider(LOW_PRIORITY$l, this);
+    contextPad.registerProvider(LOW_PRIORITY$m, this);
 
     this._contextPad = contextPad;
     this._popupMenu = popupMenu;
@@ -29826,7 +29842,7 @@
     return true;
   }
 
-  var LOW_PRIORITY$k = 100;
+  var LOW_PRIORITY$l = 100;
 
 
   /**
@@ -29838,7 +29854,7 @@
    */
   function AutoPlace$1(eventBus, modeling, canvas) {
 
-    eventBus.on('autoPlace', LOW_PRIORITY$k, function(context) {
+    eventBus.on('autoPlace', LOW_PRIORITY$l, function(context) {
       var shape = context.shape,
           source = context.source;
 
@@ -33550,7 +33566,7 @@
   }
 
   var HIGH_PRIORITY$h = 1100,
-      LOW_PRIORITY$j = 900;
+      LOW_PRIORITY$k = 900;
 
   var MARKER_OK$3 = 'connect-ok',
       MARKER_NOT_OK$3 = 'connect-not-ok';
@@ -33594,7 +33610,7 @@
       });
     });
 
-    eventBus.on('connect.hover', LOW_PRIORITY$j, function(event) {
+    eventBus.on('connect.hover', LOW_PRIORITY$k, function(event) {
       var context = event.context,
           hover = event.hover,
           canExecute = context.canExecute;
@@ -35152,7 +35168,7 @@
     return !!element.labelTarget;
   }
 
-  var LOW_PRIORITY$i = 750;
+  var LOW_PRIORITY$j = 750;
 
 
   function CreatePreview(
@@ -35197,7 +35213,7 @@
       return dragGroup;
     }
 
-    eventBus.on('create.move', LOW_PRIORITY$i, function(event) {
+    eventBus.on('create.move', LOW_PRIORITY$j, function(event) {
 
       var hover = event.hover,
           context = event.context,
@@ -35979,7 +35995,7 @@
     });
   }
 
-  var LOW_PRIORITY$h = 750;
+  var LOW_PRIORITY$i = 750;
 
 
   function BpmnCopyPaste(bpmnFactory, eventBus, moddleCopy) {
@@ -35990,7 +36006,7 @@
       return moddleCopy.copyElement(bo, targetBo, null, clone);
     }
 
-    eventBus.on('copyPaste.copyElement', LOW_PRIORITY$h, function(context) {
+    eventBus.on('copyPaste.copyElement', LOW_PRIORITY$i, function(context) {
       var descriptor = context.descriptor,
           element = context.element,
           businessObject = getBusinessObject(element);
@@ -36087,7 +36103,7 @@
 
     // copy + paste processRef with participant
 
-    eventBus.on('copyPaste.copyElement', LOW_PRIORITY$h, function(context) {
+    eventBus.on('copyPaste.copyElement', LOW_PRIORITY$i, function(context) {
       var descriptor = context.descriptor,
           element = context.element;
 
@@ -36113,7 +36129,7 @@
 
     // resolve references
 
-    eventBus.on('copyPaste.pasteElement', LOW_PRIORITY$h, function(context) {
+    eventBus.on('copyPaste.pasteElement', LOW_PRIORITY$i, function(context) {
       var cache = context.cache,
           descriptor = context.descriptor;
 
@@ -40373,12 +40389,13 @@
    * A palette provider for the create elements menu.
    */
   function CreatePaletteProvider(palette, translate, popupMenu, canvas, mouse) {
+
     this._translate = translate;
     this._popupMenu = popupMenu;
     this._canvas = canvas;
     this._mouse = mouse;
 
-    palette.registerProvider(this);
+    palette.registerProvider(800,this);
   }
 
   CreatePaletteProvider.$inject = [
@@ -40391,8 +40408,7 @@
 
 
   CreatePaletteProvider.prototype.getPaletteEntries = function(element) {
-    const actions = {},
-          translate = this._translate,
+    const translate = this._translate,
           popupMenu = this._popupMenu,
           canvas = this._canvas,
           mouse = this._mouse;
@@ -40415,7 +40431,7 @@
       };
     };
 
-    assign$1(actions, {
+    return {
       'create': {
         group: 'create',
         imageUrl: createIcon,
@@ -40433,10 +40449,8 @@
             });
           }
         }
-      },
-    });
-
-    return actions;
+      }
+    };
   };
 
   /**
@@ -40464,16 +40478,23 @@
     var selection = this._injector.get('selection', false);
     var contextPad = this._injector.get('contextPad', false);
     var palette = this._injector.get('palette', false);
+    var popupMenu = this._injector.get('popupMenu', false);
 
     const actions = {};
 
     // append
-    if (selection && contextPad) {
+    if (selection && contextPad && palette && popupMenu && palette) {
       assign$1(actions, {
         'appendElement': function(event) {
-          contextPad.triggerEntry('append', 'click', event);
-        } }
-      );
+          const selected = selection && selection.get();
+
+          if (selected.length == 1 && !popupMenu.isEmpty(selected[0], 'bpmn-append')) {
+            contextPad.triggerEntry('append', 'click', event);
+          } else {
+            palette.triggerEntry('create', 'click', event);
+          }
+        }
+      });
     }
 
     // create
@@ -40499,7 +40520,6 @@
     this._injector = injector;
     this._keyboard = this._injector.get('keyboard', false);
     this._editorActions = this._injector.get('editorActions', false);
-    this._selection = this._injector.get('selection', false);
 
     if (this._keyboard) {
       this._injector.invoke(KeyboardBindings, this);
@@ -40523,7 +40543,6 @@
 
     var keyboard = this._keyboard;
     var editorActions = this._editorActions;
-    var selection = this._selection;
 
     // inherit default bindings
     KeyboardBindings.prototype.registerBindings.call(this, keyboard, editorActions);
@@ -40554,12 +40573,7 @@
 
       if (keyboard && keyboard.isKey([ 'a', 'A' ], event)) {
 
-        if (selection && selection.get().length == 1) {
-          editorActions && editorActions.trigger('appendElement', event);
-        } else {
-          editorActions && editorActions.trigger('createElement', event);
-        }
-
+        editorActions && editorActions.trigger('appendElement', event);
         return true;
       }
     });
@@ -40591,7 +40605,8 @@
       create,
       autoPlace,
       rules,
-      mouse
+      mouse,
+      translate
   ) {
     this._elementFactory = elementFactory;
     this._popupMenu = popupMenu;
@@ -40600,6 +40615,7 @@
     this._rules = rules;
     this._create = create;
     this._mouse = mouse;
+    this._translate = translate;
 
     this.register();
   }
@@ -40610,7 +40626,8 @@
     'create',
     'autoPlace',
     'rules',
-    'mouse'
+    'mouse',
+    'translate'
   ];
 
   /**
@@ -40629,6 +40646,8 @@
    */
   AppendMenuProvider.prototype.getPopupMenuEntries = function(element) {
     const rules = this._rules;
+    const translate = this._translate;
+
     const entries = {};
 
     if (!rules.allowed('shape.append', { element: element })) {
@@ -40652,10 +40671,13 @@
       } = option;
 
       entries[`append-${actionName}`] = {
-        label,
+        label: label && translate(label),
         className,
         description,
-        group,
+        group: group && {
+          ...group,
+          name: translate(group.name)
+        },
         search,
         rank,
         action: this._createEntryAction(element, target)
@@ -40723,7 +40745,9 @@
         event = mouse.getLastMoveEvent();
       }
 
-      return create.start(event, newElement);
+      return create.start(event, newElement, {
+        source: element
+      });
     };
 
     return {
@@ -40757,16 +40781,18 @@
     return true;
   };
 
+  var LOW_PRIORITY$h = 900;
+
   /**
    * A provider for align elements context pad button
    */
   function AppendContextPadProvider(contextPad, popupMenu, translate, canvas) {
+    contextPad.registerProvider(LOW_PRIORITY$h, this);
+
     this._contextPad = contextPad;
     this._popupMenu = popupMenu;
     this._translate = translate;
     this._canvas = canvas;
-
-    contextPad.registerProvider(this);
   }
 
   AppendContextPadProvider.$inject = [
@@ -40783,7 +40809,7 @@
 
     if (!popupMenu.isEmpty(element, 'bpmn-append')) {
 
-      // Replace menu entry
+      // append menu entry
       return {
         'append': {
           group: 'model',
@@ -43615,7 +43641,7 @@
 
     function activateDirectEdit(element, force) {
       if (force ||
-          isAny(element, [ 'bpmn:Task', 'bpmn:TextAnnotation' ]) ||
+          isAny(element, [ 'bpmn:Task', 'bpmn:TextAnnotation', 'bpmn:Participant' ]) ||
           isCollapsedSubProcess(element)) {
 
         directEditing.activate(element);