bpmn-js 11.2.0 → 11.3.0

package/lib/BaseModeler.js

@@ -5,6 +5,10 @@ import Ids from 'ids';
 import BaseViewer from './BaseViewer';
 
 
+/**
+ * @typedef { import('didi').ModuleDeclaration } Module
+ */
+
 /**
  * A base modeler for BPMN 2.0 diagrams.
  *
@@ -15,8 +19,8 @@ import BaseViewer from './BaseViewer';
  * @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
  */
 export default function BaseModeler(options) {
   BaseViewer.call(this, options);

package/lib/BaseViewer.js

@@ -35,6 +35,11 @@ import {
   wrapForCompatibility
 } from './util/CompatibilityUtil';
 
+
+/**
+ * @typedef { import('didi').ModuleDeclaration } Module
+ */
+
 /**
  * A base viewer for BPMN 2.0 diagrams.
  *
@@ -46,8 +51,8 @@ import {
  * @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
  */
 export default function BaseViewer(options) {
 
@@ -476,7 +481,14 @@ BaseViewer.prototype._setDefinitions = function(definitions) {
   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;
 };
 
@@ -582,7 +594,7 @@ BaseViewer.prototype.detach = function() {
 
 BaseViewer.prototype._init = function(container, moddle, options) {
 
-  const baseModules = options.modules || this.getModules(),
+  const baseModules = options.modules || this.getModules(options),
         additionalModules = options.additionalModules || [],
         staticModules = [
           {

package/lib/Modeler.js

@@ -61,6 +61,10 @@ var initialDiagram =
   '</bpmn:definitions>';
 
 
+/**
+ * @typedef { import('didi').ModuleDeclaration } Module
+ */
+
 /**
  * A modeler for BPMN 2.0 diagrams.
  *
@@ -130,8 +134,8 @@ var initialDiagram =
  * @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
  */
 export default function Modeler(options) {
   BaseModeler.call(this, options);

package/lib/Viewer.js

@@ -9,6 +9,10 @@ import DrilldownModdule from './features/drilldown';
 import BaseViewer from './BaseViewer';
 
 
+/**
+ * @typedef { import('didi').ModuleDeclaration } Module
+ */
+
 /**
  * A viewer for BPMN 2.0 diagrams.
  *
@@ -53,8 +57,8 @@ import BaseViewer from './BaseViewer';
  * @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
  */
 export default function Viewer(options) {
   BaseViewer.call(this, options);

package/lib/features/create-append-anything/AppendContextPadProvider.js

@@ -12,12 +12,12 @@ var LOW_PRIORITY = 900;
  * A provider for align elements context pad button
  */
 export default function AppendContextPadProvider(contextPad, popupMenu, translate, canvas) {
-  contextPad.registerProvider(LOW_PRIORITY, this);
-
   this._contextPad = contextPad;
   this._popupMenu = popupMenu;
   this._translate = translate;
   this._canvas = canvas;
+
+  contextPad.registerProvider(this);
 }
 
 AppendContextPadProvider.$inject = [

package/lib/features/create-append-anything/AppendMenuProvider.js

@@ -66,7 +66,8 @@ AppendMenuProvider.prototype.getPopupMenuEntries = function(element) {
       target,
       description,
       group,
-      search
+      search,
+      rank
     } = option;
 
     entries[`append-${actionName}`] = {
@@ -75,6 +76,7 @@ AppendMenuProvider.prototype.getPopupMenuEntries = function(element) {
       description,
       group,
       search,
+      rank,
       action: this._createEntryAction(element, target)
     };
   });

package/lib/features/create-append-anything/CreateMenuProvider.js

@@ -53,7 +53,8 @@ CreateMenuProvider.prototype.getPopupMenuEntries = function() {
       target,
       description,
       group,
-      search
+      search,
+      rank
     } = option;
 
     const targetAction = this._createEntryAction(target);
@@ -67,6 +68,7 @@ CreateMenuProvider.prototype.getPopupMenuEntries = function() {
         name: this._translate(group.name)
       },
       search,
+      rank,
       action: {
         click: targetAction,
         dragstart: targetAction

package/lib/features/create-append-anything/CreatePaletteProvider.js

@@ -9,13 +9,12 @@ import { query as domQuery } from 'min-dom';
  * A palette provider for the create elements menu.
  */
 export default 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 = [

package/lib/features/create-append-anything/util/OptionsUtil.js

@@ -416,7 +416,8 @@ export var GATEWAY = [
     className: 'bpmn-icon-gateway-or',
     target: {
       type: 'bpmn:InclusiveGateway'
-    }
+    },
+    rank: -1
   },
   {
     label: 'Complex Gateway',
@@ -424,7 +425,8 @@ export var GATEWAY = [
     className: 'bpmn-icon-gateway-complex',
     target: {
       type: 'bpmn:ComplexGateway'
-    }
+    },
+    rank: -1
   },
   {
     label: 'Event based Gateway',
@@ -490,13 +492,30 @@ export var TASK = [
       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',
@@ -504,15 +523,8 @@ export var TASK = [
     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',
@@ -520,7 +532,8 @@ export var TASK = [
     className: 'bpmn-icon-manual',
     target: {
       type: 'bpmn:ManualTask'
-    }
+    },
+    rank: -1
   },
   {
     label: 'Business Rule Task',
@@ -530,14 +543,6 @@ export var TASK = [
       type: 'bpmn:BusinessRuleTask'
     }
   },
-  {
-    label: 'Service Task',
-    actionName: 'service-task',
-    className: 'bpmn-icon-service',
-    target: {
-      type: 'bpmn:ServiceTask'
-    }
-  },
   {
     label: 'Script Task',
     actionName: 'script-task',

package/lib/features/replace/ReplaceOptions.js

@@ -443,6 +443,22 @@ export var TASK = [
       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',
@@ -459,14 +475,6 @@ export var TASK = [
       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',
@@ -483,14 +491,6 @@ export var TASK = [
       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',

package/lib/icons/dist/append.svg

@@ -0,0 +1 @@
+data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520width%253D%252222%2522%2520height%253D%252222%2522%2520viewBox%253D%25220%25200%25205.82%25205.82%2522%253E%253Cpath%2520d%253D%2522M1.3%25203.4c.3%25200%2520.5-.2.5-.5s-.2-.4-.5-.4c-.2%25200-.4.1-.4.4%25200%2520.3.2.5.4.5zm1.7%25200c.2%25200%2520.4-.2.4-.5s-.2-.4-.4-.4c-.3%25200-.5.1-.5.4%25200%2520.3.2.5.5.5zm1.6%25200c.2%25200%2520.4-.2.4-.5s-.2-.4-.4-.4c-.3%25200-.5.1-.5.4%25200%2520.3.2.5.5.5z%2522%252F%253E%253C%252Fsvg%253E

package/lib/icons/dist/connect-context-pad.svg

@@ -0,0 +1 @@
+data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25202048%25202048%2522%253E%253Cpath%2520d%253D%2522M2013.823%2520158.247%2520995.866%2520525.177l143.206%2520181.698L34.177%25201595.041l136.637%2520158.712%25201104.89-888.123%2520140.894%2520182.578Z%2522%252F%253E%253C%252Fsvg%253E

package/lib/icons/dist/connect-palette.svg

@@ -0,0 +1 @@
+data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25202048%25202048%2522%253E%253Cpath%2520d%253D%2522M2013.823%2520158.247%2520995.866%2520525.177l143.206%2520181.698L34.177%25201595.041l136.637%2520158.712%25201104.89-888.123%2520140.894%2520182.578Z%2522%252F%253E%253C%252Fsvg%253E

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpmn-js",
-  "version": "11.2.0",
+  "version": "11.3.0",
   "description": "A bpmn 2.0 toolkit and web modeler",
   "main": "index.js",
   "files": [
@@ -74,7 +74,7 @@
     "eslint-plugin-bpmn-io": "^1.0.0",
     "eslint-plugin-import": "^2.26.0",
     "execa": "^5.1.1",
-    "file-drops": "^0.4.0",
+    "file-drops": "^0.5.0",
     "karma": "^6.4.1",
     "karma-chrome-launcher": "^3.1.1",
     "karma-coverage": "^2.2.0",
@@ -101,7 +101,7 @@
   "dependencies": {
     "bpmn-moddle": "^8.0.0",
     "css.escape": "^1.5.1",
-    "diagram-js": "^11.8.0",
+    "diagram-js": "^11.9.0",
     "diagram-js-direct-editing": "^2.0.0",
     "ids": "^1.0.0",
     "inherits-browser": "^0.1.0",

package/lib/features/align-elements/dist/align-bottom-tool.svg

@@ -1 +0,0 @@
-data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25201800%25201800%2522%253E%253Cpath%2520d%253D%2522M150%25201650h1500%2522%2520style%253D%2522stroke%253AcurrentColor%253Bstroke-width%253A100%253Bstroke-linecap%253Around%2522%252F%253E%253Crect%2520width%253D%2522600%2522%2520height%253D%25221300%2522%2520x%253D%2522150%2522%2520y%253D%2522350%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253Anone%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%2522%252F%253E%253Crect%2520width%253D%2522600%2522%2520height%253D%2522800%2522%2520x%253D%25221050%2522%2520y%253D%2522850%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253AcurrentColor%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%253Bopacity%253A.5%2522%252F%253E%253C%252Fsvg%253E

package/lib/features/align-elements/dist/align-horizontal-center-tool.svg

@@ -1 +0,0 @@
-data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25201800%25201800%2522%253E%253Cpath%2520d%253D%2522M900%2520150v1500%2522%2520style%253D%2522stroke%253AcurrentColor%253Bstroke-width%253A100%253Bstroke-linecap%253Around%2522%252F%253E%253Crect%2520width%253D%25221300%2522%2520height%253D%2522600%2522%2520x%253D%2522250%2522%2520y%253D%2522150%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253Anone%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%2522%252F%253E%253Crect%2520width%253D%2522800%2522%2520height%253D%2522600%2522%2520x%253D%2522500%2522%2520y%253D%25221050%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253AcurrentColor%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%253Bopacity%253A.5%2522%252F%253E%253C%252Fsvg%253E

package/lib/features/align-elements/dist/align-left-tool.svg

@@ -1 +0,0 @@
-data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25201800%25201800%2522%253E%253Cpath%2520d%253D%2522M100%2520150v1500%2522%2520style%253D%2522stroke%253AcurrentColor%253Bstroke-width%253A100%253Bstroke-linecap%253Around%2522%252F%253E%253Crect%2520width%253D%25221300%2522%2520height%253D%2522600%2522%2520x%253D%2522100%2522%2520y%253D%2522150%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253Anone%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%2522%252F%253E%253Crect%2520width%253D%2522800%2522%2520height%253D%2522600%2522%2520x%253D%2522100%2522%2520y%253D%25221050%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253AcurrentColor%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%253Bopacity%253A.5%2522%252F%253E%253C%252Fsvg%253E

package/lib/features/align-elements/dist/align-right-tool.svg

@@ -1 +0,0 @@
-data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25201800%25201800%2522%253E%253Cpath%2520d%253D%2522M1650%2520150v1500%2522%2520style%253D%2522stroke%253AcurrentColor%253Bstroke-width%253A100%253Bstroke-linecap%253Around%2522%252F%253E%253Crect%2520width%253D%25221300%2522%2520height%253D%2522600%2522%2520x%253D%2522350%2522%2520y%253D%2522150%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253Anone%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%2522%252F%253E%253Crect%2520width%253D%2522800%2522%2520height%253D%2522600%2522%2520x%253D%2522850%2522%2520y%253D%25221050%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253AcurrentColor%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%253Bopacity%253A.5%2522%252F%253E%253C%252Fsvg%253E

package/lib/features/align-elements/dist/align-tool.svg

@@ -1 +0,0 @@
-data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25202000%25202000%2522%253E%253Cpath%2520d%253D%2522M200%2520150v1700%2522%2520style%253D%2522stroke%253AcurrentColor%253Bstroke-width%253A100%253Bstroke-linecap%253Around%2522%252F%253E%253Crect%2520width%253D%25221300%2522%2520height%253D%2522700%2522%2520x%253D%2522500%2522%2520y%253D%2522150%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253Anone%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%2522%252F%253E%253Crect%2520width%253D%2522700%2522%2520height%253D%2522700%2522%2520x%253D%2522500%2522%2520y%253D%25221150%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253AcurrentColor%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%253Bopacity%253A.5%2522%252F%253E%253C%252Fsvg%253E

package/lib/features/align-elements/dist/align-top-tool.svg

@@ -1 +0,0 @@
-data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25201800%25201800%2522%253E%253Cpath%2520d%253D%2522M150%2520150h1500%2522%2520style%253D%2522stroke%253AcurrentColor%253Bstroke-width%253A100%253Bstroke-linecap%253Around%2522%252F%253E%253Crect%2520width%253D%2522600%2522%2520height%253D%25221300%2522%2520x%253D%2522150%2522%2520y%253D%2522150%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253Anone%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%2522%252F%253E%253Crect%2520width%253D%2522600%2522%2520height%253D%2522800%2522%2520x%253D%25221050%2522%2520y%253D%2522150%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253AcurrentColor%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%253Bopacity%253A.5%2522%252F%253E%253C%252Fsvg%253E

package/lib/features/align-elements/dist/align-vertical-center-tool.svg

@@ -1 +0,0 @@
-data:image/svg+xml,data%3Aimage%2Fsvg%2Bxml%2C%253Csvg%2520xmlns%253D%2522http%253A%252F%252Fwww.w3.org%252F2000%252Fsvg%2522%2520viewBox%253D%25220%25200%25201800%25201800%2522%253E%253Cpath%2520d%253D%2522M150%2520900h1500%2522%2520style%253D%2522stroke%253AcurrentColor%253Bstroke-width%253A100%253Bstroke-linecap%253Around%2522%252F%253E%253Crect%2520width%253D%2522600%2522%2520height%253D%25221300%2522%2520x%253D%2522150%2522%2520y%253D%2522250%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253Anone%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%2522%252F%253E%253Crect%2520width%253D%2522600%2522%2520height%253D%2522800%2522%2520x%253D%25221050%2522%2520y%253D%2522500%2522%2520rx%253D%25221%2522%2520style%253D%2522fill%253AcurrentColor%253Bstroke%253AcurrentColor%253Bstroke-width%253A100%253Bopacity%253A.5%2522%252F%253E%253C%252Fsvg%253E