bpmn-js 11.2.0 → 11.3.0

package/dist/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v11.2.0
+ * bpmn-js - bpmn-modeler v11.3.0
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2023-02-03
+ * Date: 2023-02-07
  */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -16293,6 +16293,11 @@
    * @see http://bpmn.io/license for more information.
    */
 
+
+  /**
+   * @typedef { import('didi').ModuleDeclaration } Module
+   */
+
   /**
    * A base viewer for BPMN 2.0 diagrams.
    *
@@ -16304,8 +16309,8 @@
    * @param {string|number} [options.width] the width of the viewer
    * @param {string|number} [options.height] the height of the viewer
    * @param {Object} [options.moddleExtensions] extension packages to provide
-   * @param {Array<didi.Module>} [options.modules] a list of modules to override the default modules
-   * @param {Array<didi.Module>} [options.additionalModules] a list of modules to use with the default modules
+   * @param {Module[]} [options.modules] a list of modules to override the default modules
+   * @param {Module[]} [options.additionalModules] a list of modules to use with the default modules
    */
   function BaseViewer(options) {
 
@@ -16734,7 +16739,14 @@
     this._definitions = definitions;
   };
 
-  BaseViewer.prototype.getModules = function() {
+  /**
+   * Return modules to instantiate with.
+   *
+   * @param {any} options the instance got created with
+   *
+   * @return {Module[]}
+   */
+  BaseViewer.prototype.getModules = function(options) {
     return this._modules;
   };
 
@@ -16840,7 +16852,7 @@
 
   BaseViewer.prototype._init = function(container, moddle, options) {
 
-    const baseModules = options.modules || this.getModules(),
+    const baseModules = options.modules || this.getModules(options),
           additionalModules = options.additionalModules || [],
           staticModules = [
             {
@@ -16995,6 +17007,10 @@
 
   /* </project-logo> */
 
+  /**
+   * @typedef { import('didi').ModuleDeclaration } Module
+   */
+
   /**
    * A base modeler for BPMN 2.0 diagrams.
    *
@@ -17005,8 +17021,8 @@
    * @param {string|number} [options.width] the width of the viewer
    * @param {string|number} [options.height] the height of the viewer
    * @param {Object} [options.moddleExtensions] extension packages to provide
-   * @param {Array<didi.Module>} [options.modules] a list of modules to override the default modules
-   * @param {Array<didi.Module>} [options.additionalModules] a list of modules to use with the default modules
+   * @param {Module[]} [options.modules] a list of modules to override the default modules
+   * @param {Module[]} [options.additionalModules] a list of modules to use with the default modules
    */
   function BaseModeler(options) {
     BaseViewer.call(this, options);
@@ -20744,7 +20760,7 @@
     return isPrimaryButton(event) || isAuxiliaryButton(event);
   }
 
-  var LOW_PRIORITY$r = 500;
+  var LOW_PRIORITY$q = 500;
 
 
   /**
@@ -20939,7 +20955,7 @@
     eventBus.on([
       'shape.changed',
       'connection.changed'
-    ], LOW_PRIORITY$r, function(event) {
+    ], LOW_PRIORITY$q, function(event) {
 
       var element = event.element,
           gfx = event.gfx;
@@ -20947,7 +20963,7 @@
       eventBus.fire('interactionEvents.updateHit', { element: element, gfx: gfx });
     });
 
-    eventBus.on('interactionEvents.createHit', LOW_PRIORITY$r, function(event) {
+    eventBus.on('interactionEvents.createHit', LOW_PRIORITY$q, function(event) {
       var element = event.element,
           gfx = event.gfx;
 
@@ -21224,7 +21240,7 @@
     interactionEvents: [ 'type', InteractionEvents ]
   };
 
-  var LOW_PRIORITY$q = 500;
+  var LOW_PRIORITY$p = 500;
 
 
   /**
@@ -21263,7 +21279,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$q, function(event) {
+    eventBus.on([ 'shape.added', 'shape.changed' ], LOW_PRIORITY$p, function(event) {
       var element = event.element,
           gfx = event.gfx;
 
@@ -21709,7 +21725,7 @@
   // document wide unique overlay ids
   var ids$1 = new IdGenerator('ov');
 
-  var LOW_PRIORITY$p = 500;
+  var LOW_PRIORITY$o = 500;
 
 
   /**
@@ -22281,7 +22297,7 @@
 
     // move integration
 
-    eventBus.on('element.changed', LOW_PRIORITY$p, function(e) {
+    eventBus.on('element.changed', LOW_PRIORITY$o, function(e) {
       var element = e.element;
 
       var container = self._getOverlayContainer(element, true);
@@ -23241,7 +23257,7 @@
     return true;
   }
 
-  var LOW_PRIORITY$o = 250;
+  var LOW_PRIORITY$n = 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';
@@ -23258,7 +23274,7 @@
 
     var self = this;
 
-    this.executed('shape.toggleCollapse', LOW_PRIORITY$o, function(context) {
+    this.executed('shape.toggleCollapse', LOW_PRIORITY$n, function(context) {
       var shape = context.shape;
 
       // Add overlay to the collapsed shape
@@ -23270,7 +23286,7 @@
     }, true);
 
 
-    this.reverted('shape.toggleCollapse', LOW_PRIORITY$o, function(context) {
+    this.reverted('shape.toggleCollapse', LOW_PRIORITY$n, function(context) {
       var shape = context.shape;
 
       // Add overlay to the collapsed shape
@@ -23282,7 +23298,7 @@
     }, true);
 
 
-    this.executed([ 'shape.create', 'shape.move', 'shape.delete' ], LOW_PRIORITY$o,
+    this.executed([ 'shape.create', 'shape.move', 'shape.delete' ], LOW_PRIORITY$n,
       function(context) {
         var oldParent = context.oldParent,
             newParent = context.newParent || context.parent,
@@ -23299,7 +23315,7 @@
       }, true);
 
 
-    this.reverted([ 'shape.create', 'shape.move', 'shape.delete' ], LOW_PRIORITY$o,
+    this.reverted([ 'shape.create', 'shape.move', 'shape.delete' ], LOW_PRIORITY$n,
       function(context) {
         var oldParent = context.oldParent,
             newParent = context.newParent || context.parent,
@@ -23425,6 +23441,10 @@
     subprocessCompatibility: [ 'type', SubprocessCompatibility ]
   };
 
+  /**
+   * @typedef { import('didi').ModuleDeclaration } Module
+   */
+
   /**
    * A viewer for BPMN 2.0 diagrams.
    *
@@ -23469,8 +23489,8 @@
    * @param {string|number} [options.width] the width of the viewer
    * @param {string|number} [options.height] the height of the viewer
    * @param {Object} [options.moddleExtensions] extension packages to provide
-   * @param {Array<didi.Module>} [options.modules] a list of modules to override the default modules
-   * @param {Array<didi.Module>} [options.additionalModules] a list of modules to use with the default modules
+   * @param {Module[]} [options.modules] a list of modules to override the default modules
+   * @param {Module[]} [options.additionalModules] a list of modules to use with the default modules
    */
   function Viewer(options) {
     BaseViewer.call(this, options);
@@ -23748,7 +23768,7 @@
     return target && (matches(target, 'input, textarea') || target.contentEditable === 'true');
   }
 
-  var LOW_PRIORITY$n = 500;
+  var LOW_PRIORITY$m = 500;
 
 
   /**
@@ -23764,7 +23784,7 @@
 
     var self = this;
 
-    eventBus.on('editorActions.init', LOW_PRIORITY$n, function(event) {
+    eventBus.on('editorActions.init', LOW_PRIORITY$m, function(event) {
 
       var editorActions = event.editorActions;
 
@@ -28426,36 +28446,15 @@
 
     const [ value, setValue ] = p('');
 
-    const [ entries, setEntries ] = p(originalEntries);
-    const [ selectedEntry, setSelectedEntry ] = p(entries[0]);
-
-    h(() => {
-      onOpened();
-
-      return () => {
-        onClosed();
-      };
-    }, []);
+    const filterEntries = T((originalEntries, value) => {
 
-    const updateEntries = T((newEntries) => {
-
-      // select first entry if non is selected
-      if (!selectedEntry || !newEntries.includes(selectedEntry)) {
-        setSelectedEntry(newEntries[0]);
-      }
-
-      setEntries(newEntries);
-    }, [ selectedEntry, setEntries, setSelectedEntry ]);
-
-    // filter entries on value change
-    h(() => {
       if (!searchable) {
-        return;
+        return originalEntries;
       }
 
       const filter = entry => {
         if (!value) {
-          return true;
+          return (entry.rank || 0) >= 0;
         }
 
         const search = [
@@ -28472,10 +28471,26 @@
           .every(term => search.includes(term));
       };
 
-      const entries = originalEntries.filter(filter);
+      return originalEntries.filter(filter);
+    }, [ searchable ]);
+
+    const [ entries, setEntries ] = p(filterEntries(originalEntries, value));
+    const [ selectedEntry, setSelectedEntry ] = p(entries[0]);
 
-      updateEntries(entries);
-    }, [ value, originalEntries, searchable ]);
+    const updateEntries = T((newEntries) => {
+
+      // select first entry if non is selected
+      if (!selectedEntry || !newEntries.includes(selectedEntry)) {
+        setSelectedEntry(newEntries[0]);
+      }
+
+      setEntries(newEntries);
+    }, [ selectedEntry, setEntries, setSelectedEntry ]);
+
+    // filter entries on value change
+    h(() => {
+      updateEntries(filterEntries(originalEntries, value));
+    }, [ value, originalEntries ]);
 
     // register global <Escape> handler
     h(() => {
@@ -28521,10 +28536,6 @@
         return onSelect(event, selectedEntry);
       }
 
-      if (event.key === 'Escape') {
-        return onClose();
-      }
-
       // ARROW_UP or SHIFT + TAB navigation
       if (event.key === 'ArrowUp' || (event.key === 'Tab' && event.shiftKey)) {
         keyboardSelect(-1);
@@ -28546,6 +28557,14 @@
       }
     }, [ setValue ]);
 
+    h(() => {
+      onOpened();
+
+      return () => {
+        onClosed();
+      };
+    }, []);
+
     const displayHeader = F(() => title || headerEntries.length > 0, [ title, headerEntries ]);
 
     return m$1`
@@ -29246,14 +29265,14 @@
 
   var ICONS$1 = icons$1;
 
-  var LOW_PRIORITY$m = 900;
+  var LOW_PRIORITY$l = 900;
 
   /**
    * A provider for align elements context pad button
    */
   function AlignElementsContextPadProvider(contextPad, popupMenu, translate, canvas) {
 
-    contextPad.registerProvider(LOW_PRIORITY$m, this);
+    contextPad.registerProvider(LOW_PRIORITY$l, this);
 
     this._contextPad = contextPad;
     this._popupMenu = popupMenu;
@@ -29807,7 +29826,7 @@
     return true;
   }
 
-  var LOW_PRIORITY$l = 100;
+  var LOW_PRIORITY$k = 100;
 
 
   /**
@@ -29819,7 +29838,7 @@
    */
   function AutoPlace$1(eventBus, modeling, canvas) {
 
-    eventBus.on('autoPlace', LOW_PRIORITY$l, function(context) {
+    eventBus.on('autoPlace', LOW_PRIORITY$k, function(context) {
       var shape = context.shape,
           source = context.source;
 
@@ -33531,7 +33550,7 @@
   }
 
   var HIGH_PRIORITY$h = 1100,
-      LOW_PRIORITY$k = 900;
+      LOW_PRIORITY$j = 900;
 
   var MARKER_OK$3 = 'connect-ok',
       MARKER_NOT_OK$3 = 'connect-not-ok';
@@ -33575,7 +33594,7 @@
       });
     });
 
-    eventBus.on('connect.hover', LOW_PRIORITY$k, function(event) {
+    eventBus.on('connect.hover', LOW_PRIORITY$j, function(event) {
       var context = event.context,
           hover = event.hover,
           canExecute = context.canExecute;
@@ -35133,7 +35152,7 @@
     return !!element.labelTarget;
   }
 
-  var LOW_PRIORITY$j = 750;
+  var LOW_PRIORITY$i = 750;
 
 
   function CreatePreview(
@@ -35178,7 +35197,7 @@
       return dragGroup;
     }
 
-    eventBus.on('create.move', LOW_PRIORITY$j, function(event) {
+    eventBus.on('create.move', LOW_PRIORITY$i, function(event) {
 
       var hover = event.hover,
           context = event.context,
@@ -35960,7 +35979,7 @@
     });
   }
 
-  var LOW_PRIORITY$i = 750;
+  var LOW_PRIORITY$h = 750;
 
 
   function BpmnCopyPaste(bpmnFactory, eventBus, moddleCopy) {
@@ -35971,7 +35990,7 @@
       return moddleCopy.copyElement(bo, targetBo, null, clone);
     }
 
-    eventBus.on('copyPaste.copyElement', LOW_PRIORITY$i, function(context) {
+    eventBus.on('copyPaste.copyElement', LOW_PRIORITY$h, function(context) {
       var descriptor = context.descriptor,
           element = context.element,
           businessObject = getBusinessObject(element);
@@ -36068,7 +36087,7 @@
 
     // copy + paste processRef with participant
 
-    eventBus.on('copyPaste.copyElement', LOW_PRIORITY$i, function(context) {
+    eventBus.on('copyPaste.copyElement', LOW_PRIORITY$h, function(context) {
       var descriptor = context.descriptor,
           element = context.element;
 
@@ -36094,7 +36113,7 @@
 
     // resolve references
 
-    eventBus.on('copyPaste.pasteElement', LOW_PRIORITY$i, function(context) {
+    eventBus.on('copyPaste.pasteElement', LOW_PRIORITY$h, function(context) {
       var cache = context.cache,
           descriptor = context.descriptor;
 
@@ -37282,6 +37301,22 @@
         type: 'bpmn:Task'
       }
     },
+    {
+      label: 'User Task',
+      actionName: 'replace-with-user-task',
+      className: 'bpmn-icon-user',
+      target: {
+        type: 'bpmn:UserTask'
+      }
+    },
+    {
+      label: 'Service Task',
+      actionName: 'replace-with-service-task',
+      className: 'bpmn-icon-service',
+      target: {
+        type: 'bpmn:ServiceTask'
+      }
+    },
     {
       label: 'Send Task',
       actionName: 'replace-with-send-task',
@@ -37298,14 +37333,6 @@
         type: 'bpmn:ReceiveTask'
       }
     },
-    {
-      label: 'User Task',
-      actionName: 'replace-with-user-task',
-      className: 'bpmn-icon-user',
-      target: {
-        type: 'bpmn:UserTask'
-      }
-    },
     {
       label: 'Manual Task',
       actionName: 'replace-with-manual-task',
@@ -37322,14 +37349,6 @@
         type: 'bpmn:BusinessRuleTask'
       }
     },
-    {
-      label: 'Service Task',
-      actionName: 'replace-with-service-task',
-      className: 'bpmn-icon-service',
-      target: {
-        type: 'bpmn:ServiceTask'
-      }
-    },
     {
       label: 'Script Task',
       actionName: 'replace-with-script-task',
@@ -40030,7 +40049,8 @@
       className: 'bpmn-icon-gateway-or',
       target: {
         type: 'bpmn:InclusiveGateway'
-      }
+      },
+      rank: -1
     },
     {
       label: 'Complex Gateway',
@@ -40038,7 +40058,8 @@
       className: 'bpmn-icon-gateway-complex',
       target: {
         type: 'bpmn:ComplexGateway'
-      }
+      },
+      rank: -1
     },
     {
       label: 'Event based Gateway',
@@ -40104,13 +40125,30 @@
         type: 'bpmn:Task'
       }
     },
+    {
+      label: 'User Task',
+      actionName: 'user-task',
+      className: 'bpmn-icon-user',
+      target: {
+        type: 'bpmn:UserTask'
+      }
+    },
+    {
+      label: 'Service Task',
+      actionName: 'service-task',
+      className: 'bpmn-icon-service',
+      target: {
+        type: 'bpmn:ServiceTask'
+      }
+    },
     {
       label: 'Send Task',
       actionName: 'send-task',
       className: 'bpmn-icon-send',
       target: {
         type: 'bpmn:SendTask'
-      }
+      },
+      rank: -1
     },
     {
       label: 'Receive Task',
@@ -40118,15 +40156,8 @@
       className: 'bpmn-icon-receive',
       target: {
         type: 'bpmn:ReceiveTask'
-      }
-    },
-    {
-      label: 'User Task',
-      actionName: 'user-task',
-      className: 'bpmn-icon-user',
-      target: {
-        type: 'bpmn:UserTask'
-      }
+      },
+      rank: -1
     },
     {
       label: 'Manual Task',
@@ -40134,7 +40165,8 @@
       className: 'bpmn-icon-manual',
       target: {
         type: 'bpmn:ManualTask'
-      }
+      },
+      rank: -1
     },
     {
       label: 'Business Rule Task',
@@ -40144,14 +40176,6 @@
         type: 'bpmn:BusinessRuleTask'
       }
     },
-    {
-      label: 'Service Task',
-      actionName: 'service-task',
-      className: 'bpmn-icon-service',
-      target: {
-        type: 'bpmn:ServiceTask'
-      }
-    },
     {
       label: 'Script Task',
       actionName: 'script-task',
@@ -40278,7 +40302,8 @@
         target,
         description,
         group,
-        search
+        search,
+        rank
       } = option;
 
       const targetAction = this._createEntryAction(target);
@@ -40292,6 +40317,7 @@
           name: this._translate(group.name)
         },
         search,
+        rank,
         action: {
           click: targetAction,
           dragstart: targetAction
@@ -40347,13 +40373,12 @@
    * 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(800,this);
+    palette.registerProvider(this);
   }
 
   CreatePaletteProvider.$inject = [
@@ -40622,7 +40647,8 @@
         target,
         description,
         group,
-        search
+        search,
+        rank
       } = option;
 
       entries[`append-${actionName}`] = {
@@ -40631,6 +40657,7 @@
         description,
         group,
         search,
+        rank,
         action: this._createEntryAction(element, target)
       };
     });
@@ -40730,18 +40757,16 @@
     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 = [
@@ -62576,6 +62601,10 @@
     '</bpmn:definitions>';
 
 
+  /**
+   * @typedef { import('didi').ModuleDeclaration } Module
+   */
+
   /**
    * A modeler for BPMN 2.0 diagrams.
    *
@@ -62645,8 +62674,8 @@
    * @param {string|number} [options.width] the width of the viewer
    * @param {string|number} [options.height] the height of the viewer
    * @param {Object} [options.moddleExtensions] extension packages to provide
-   * @param {Array<didi.Module>} [options.modules] a list of modules to override the default modules
-   * @param {Array<didi.Module>} [options.additionalModules] a list of modules to use with the default modules
+   * @param {Module[]} [options.modules] a list of modules to override the default modules
+   * @param {Module[]} [options.additionalModules] a list of modules to use with the default modules
    */
   function Modeler(options) {
     BaseModeler.call(this, options);