bpmn-js 0.13.1 → 0.14.1

package/lib/features/ordering/BpmnOrderingProvider.js

@@ -17,7 +17,7 @@ var find = require('lodash/collection/find');
  * (1) elements are ordered by a {level} property
  * (2) elements with {alwaysOnTop} are always added to the root
  */
-function BpmnOrderingProvider(eventBus) {
+function BpmnOrderingProvider(eventBus, translate) {
 
   OrderingProvider.call(this, eventBus);
 
@@ -53,7 +53,7 @@ function BpmnOrderingProvider(eventBus) {
 
   function computeOrder(element) {
     var entry = find(orders, function(o) {
-      return element.type === o.type;
+      return isAny(element, [ o.type ]);
     });
 
     return entry && entry.order || { level: 1 };
@@ -84,7 +84,10 @@ function BpmnOrderingProvider(eventBus) {
     }
 
     if (!actualParent) {
-      throw new Error('no parent for ' + element.id + ' in ' + newParent.id);
+      throw new Error(translate('no parent for {element} in {parent}', {
+                        element: element.id,
+                        parent: newParent.id
+                      }));
     }
 
     return actualParent;
@@ -132,7 +135,7 @@ function BpmnOrderingProvider(eventBus) {
   };
 }
 
-BpmnOrderingProvider.$inject = [ 'eventBus' ];
+BpmnOrderingProvider.$inject = [ 'eventBus', 'translate' ];
 
 inherits(BpmnOrderingProvider, OrderingProvider);
 

package/lib/features/ordering/index.js

@@ -1,4 +1,7 @@
 module.exports = {
   __init__: [ 'bpmnOrderingProvider' ],
+  __depends__: [
+    require('diagram-js/lib/i18n/translate')
+  ],
   bpmnOrderingProvider: [ 'type', require('./BpmnOrderingProvider') ]
 };

package/lib/features/palette/PaletteProvider.js

@@ -5,7 +5,7 @@ var assign = require('lodash/object/assign');
 /**
  * A palette provider for BPMN 2.0 elements.
  */
-function PaletteProvider(palette, create, elementFactory, spaceTool, lassoTool, handTool) {
+function PaletteProvider(palette, create, elementFactory, spaceTool, lassoTool, handTool, translate) {
 
   this._palette = palette;
   this._create = create;
@@ -13,6 +13,7 @@ function PaletteProvider(palette, create, elementFactory, spaceTool, lassoTool,
   this._spaceTool = spaceTool;
   this._lassoTool = lassoTool;
   this._handTool = handTool;
+  this._translate = translate;
 
   palette.registerProvider(this);
 }
@@ -25,7 +26,9 @@ PaletteProvider.$inject = [
   'elementFactory',
   'spaceTool',
   'lassoTool',
-  'handTool'
+  'handTool',
+  'translate',
+  'eventBus'
 ];
 
 
@@ -36,7 +39,8 @@ PaletteProvider.prototype.getPaletteEntries = function(element) {
       elementFactory = this._elementFactory,
       spaceTool = this._spaceTool,
       lassoTool = this._lassoTool,
-      handTool = this._handTool;
+      handTool = this._handTool,
+      translate = this._translate;
 
   function createAction(type, group, className, title, options) {
 
@@ -55,7 +59,7 @@ PaletteProvider.prototype.getPaletteEntries = function(element) {
     return {
       group: group,
       className: className,
-      title: title || 'Create ' + shortType,
+      title: title || translate('Create {type}', { type: shortType }),
       action: {
         dragstart: createListener,
         click: createListener
@@ -71,7 +75,7 @@ PaletteProvider.prototype.getPaletteEntries = function(element) {
     'hand-tool': {
       group: 'tools',
       className: 'bpmn-icon-hand-tool',
-      title: 'Activate the hand tool',
+      title: translate('Activate the hand tool'),
       action: {
         click: function(event) {
           handTool.activateHand(event);
@@ -81,7 +85,7 @@ PaletteProvider.prototype.getPaletteEntries = function(element) {
     'lasso-tool': {
       group: 'tools',
       className: 'bpmn-icon-lasso-tool',
-      title: 'Activate the lasso tool',
+      title: translate('Activate the lasso tool'),
       action: {
         click: function(event) {
           lassoTool.activateSelection(event);
@@ -91,7 +95,7 @@ PaletteProvider.prototype.getPaletteEntries = function(element) {
     'space-tool': {
       group: 'tools',
       className: 'bpmn-icon-space-tool',
-      title: 'Activate the create/remove space tool',
+      title: translate('Activate the create/remove space tool'),
       action: {
         click: function(event) {
           spaceTool.activateSelection(event);
@@ -124,13 +128,13 @@ PaletteProvider.prototype.getPaletteEntries = function(element) {
       'bpmn:DataStoreReference', 'data-store', 'bpmn-icon-data-store'
     ),
     'create.subprocess-expanded': createAction(
-      'bpmn:SubProcess', 'activity', 'bpmn-icon-subprocess-expanded', 'Create expanded SubProcess',
+      'bpmn:SubProcess', 'activity', 'bpmn-icon-subprocess-expanded', translate('Create expanded SubProcess'),
       { isExpanded: true }
     ),
     'create.participant-expanded': {
       group: 'collaboration',
       className: 'bpmn-icon-participant',
-      title: 'Create Pool/Participant',
+      title: translate('Create Pool/Participant'),
       action: {
         dragstart: createParticipant,
         click: createParticipant

package/lib/features/palette/index.js

@@ -4,7 +4,8 @@ module.exports = {
     require('diagram-js/lib/features/create'),
     require('diagram-js/lib/features/space-tool'),
     require('diagram-js/lib/features/lasso-tool'),
-    require('diagram-js/lib/features/hand-tool')
+    require('diagram-js/lib/features/hand-tool'),
+    require('diagram-js/lib/i18n/translate')
   ],
   __init__: [ 'paletteProvider' ],
   paletteProvider: [ 'type', require('./PaletteProvider') ]

package/lib/features/popup-menu/ReplaceMenuProvider.js

@@ -15,18 +15,19 @@ var replaceOptions = require ('../replace/ReplaceOptions');
 /**
  * This module is an element agnostic replace menu provider for the popup menu.
  */
-function ReplaceMenuProvider(popupMenu, modeling, moddle, bpmnReplace, rules) {
+function ReplaceMenuProvider(popupMenu, modeling, moddle, bpmnReplace, rules, translate) {
 
   this._popupMenu = popupMenu;
   this._modeling = modeling;
   this._moddle = moddle;
   this._bpmnReplace = bpmnReplace;
   this._rules = rules;
+  this._translate = translate;
 
   this.register();
 }
 
-ReplaceMenuProvider.$inject = [ 'popupMenu', 'modeling', 'moddle', 'bpmnReplace', 'rules' ];
+ReplaceMenuProvider.$inject = [ 'popupMenu', 'modeling', 'moddle', 'bpmnReplace', 'rules', 'translate' ];
 
 
 /**
@@ -67,6 +68,16 @@ ReplaceMenuProvider.prototype.getEntries = function(element) {
     return this._createEntries(element, entries);
   }
 
+  // expanded/collapsed pools
+  if (is(businessObject, 'bpmn:Participant')) {
+
+    entries = filter(replaceOptions.PARTICIPANT, function(entry) {
+      return isExpanded(businessObject) !== entry.target.isExpanded;
+    });
+
+    return this._createEntries(element, entries);
+  }
+
   // start events inside event sub processes
   if (is(businessObject, 'bpmn:StartEvent') && isEventSubProcess(businessObject.$parent)) {
 
@@ -252,7 +263,6 @@ ReplaceMenuProvider.prototype._createEntries = function(element, replaceOptions)
   return menuEntries;
 };
 
-
 /**
  * Creates an array of menu entry objects for a given sequence flow.
  *
@@ -331,7 +341,7 @@ ReplaceMenuProvider.prototype._createSequenceFlowEntries = function (element, re
  * @return {Object} menu entry item
  */
 ReplaceMenuProvider.prototype._createMenuEntry = function(definition, element, action) {
-
+  var translate = this._translate;
   var replaceElement = this._bpmnReplace.replaceElement;
 
   var replaceAction = function() {
@@ -341,7 +351,7 @@ ReplaceMenuProvider.prototype._createMenuEntry = function(definition, element, a
   action = action || replaceAction;
 
   var menuEntry = {
-    label: definition.label,
+    label: translate(definition.label),
     className: definition.className,
     id: definition.actionName,
     action: action
@@ -360,6 +370,7 @@ ReplaceMenuProvider.prototype._createMenuEntry = function(definition, element, a
 ReplaceMenuProvider.prototype._getLoopEntries = function(element) {
 
   var self = this;
+  var translate = this._translate;
 
   function toggleLoopEntry(event, entry) {
     var loopCharacteristics;
@@ -394,7 +405,7 @@ ReplaceMenuProvider.prototype._getLoopEntries = function(element) {
     {
       id: 'toggle-parallel-mi',
       className: 'bpmn-icon-parallel-mi-marker',
-      title: 'Parallel Multi Instance',
+      title: translate('Parallel Multi Instance'),
       active: isParallel,
       action: toggleLoopEntry,
       options: {
@@ -405,7 +416,7 @@ ReplaceMenuProvider.prototype._getLoopEntries = function(element) {
     {
       id: 'toggle-sequential-mi',
       className: 'bpmn-icon-sequential-mi-marker',
-      title: 'Sequential Multi Instance',
+      title: translate('Sequential Multi Instance'),
       active: isSequential,
       action: toggleLoopEntry,
       options: {
@@ -416,7 +427,7 @@ ReplaceMenuProvider.prototype._getLoopEntries = function(element) {
     {
       id: 'toggle-loop',
       className: 'bpmn-icon-loop-marker',
-      title: 'Loop',
+      title: translate('Loop'),
       active: isLoop,
       action: toggleLoopEntry,
       options: {
@@ -436,6 +447,7 @@ ReplaceMenuProvider.prototype._getLoopEntries = function(element) {
  * @return {Object} a menu item
  */
 ReplaceMenuProvider.prototype._getAdHocEntry = function(element) {
+  var translate = this._translate;
   var businessObject = getBusinessObject(element);
 
   var isAdHoc = is(businessObject, 'bpmn:AdHocSubProcess');
@@ -445,7 +457,7 @@ ReplaceMenuProvider.prototype._getAdHocEntry = function(element) {
   var adHocEntry = {
     id: 'toggle-adhoc',
     className: 'bpmn-icon-ad-hoc-marker',
-    title: 'Ad-hoc',
+    title: translate('Ad-hoc'),
     active: isAdHoc,
     action: function(event, entry) {
       if (isAdHoc) {
@@ -459,4 +471,4 @@ ReplaceMenuProvider.prototype._getAdHocEntry = function(element) {
   return adHocEntry;
 };
 
-module.exports = ReplaceMenuProvider;
+module.exports = ReplaceMenuProvider;

package/lib/features/popup-menu/index.js

@@ -1,4 +1,8 @@
 module.exports = {
+  __depends__: [
+    require('diagram-js/lib/features/popup-menu'),
+    require('../replace')
+  ],
   __init__: [ 'replaceMenuProvider' ],
   replaceMenuProvider: [ 'type', require('./ReplaceMenuProvider') ]
 };

package/lib/features/replace/BpmnReplace.js

@@ -65,6 +65,22 @@ function BpmnReplace(bpmnFactory, replace, selection, modeling) {
       newElement.isExpanded = isExpanded(oldBusinessObject);
     }
 
+    // transform collapsed/expanded pools
+    if (is(oldBusinessObject, 'bpmn:Participant')) {
+
+        // create expanded pool
+        if (target.isExpanded === true) {
+          newBusinessObject.processRef = bpmnFactory.create('bpmn:Process');
+        } else {
+          // remove children when transforming to collapsed pool
+          hints.moveChildren = false;
+        }
+
+        // apply same size
+        newElement.width = element.width;
+        newElement.height = element.height;
+    }
+
     newBusinessObject.name = oldBusinessObject.name;
 
     // retain loop characteristics if the target element is not an event sub process
@@ -85,7 +101,7 @@ function BpmnReplace(bpmnFactory, replace, selection, modeling) {
       newBusinessObject.isForCompensation = true;
     }
 
-    newElement = replace.replaceElement(element, newElement);
+    newElement = replace.replaceElement(element, newElement, hints);
 
     if (hints.select !== false) {
       selection.select(newElement);

package/lib/features/replace/ReplaceOptions.js

@@ -745,3 +745,25 @@ module.exports.SEQUENCE_FLOW = [
     className: 'bpmn-icon-conditional-flow'
   }
 ];
+
+module.exports.PARTICIPANT = [
+  {
+    label: 'Expanded Pool',
+    actionName: 'replace-with-expanded-pool',
+    className: 'bpmn-icon-participant',
+    target: {
+      type: 'bpmn:Participant',
+      isExpanded: true
+    }
+  },
+  {
+    label: 'Collapsed Pool',
+    actionName: 'replace-with-collapsed-pool',
+    // TODO(@janstuemmel): maybe design new icon
+    className: 'bpmn-icon-lane',
+    target: {
+      type: 'bpmn:Participant',
+      isExpanded: false
+    }
+  }
+];

package/lib/features/replace/index.js

@@ -1,6 +1,5 @@
 module.exports = {
   __depends__: [
-    require('diagram-js/lib/features/popup-menu'),
     require('diagram-js/lib/features/replace'),
     require('diagram-js/lib/features/selection')
   ],

package/lib/features/rules/BpmnRules.js

@@ -2,6 +2,7 @@
 
 var find = require('lodash/collection/find'),
     any = require('lodash/collection/any'),
+    filter = require('lodash/collection/filter'),
     forEach = require('lodash/collection/forEach'),
     inherits = require('inherits');
 
@@ -91,6 +92,13 @@ BpmnRules.prototype.init = function() {
     return canAttach([ shape ], target, source, position) || canCreate(shape, target, source, position);
   });
 
+  this.addRule([ 'elements.delete' ], function(context) {
+
+    // do not allow deletion of labels
+    return filter(context.elements, function(e) {
+      return !isLabel(e);
+    });
+  });
 };
 
 BpmnRules.prototype.canConnectMessageFlow = canConnectMessageFlow;
@@ -341,6 +349,11 @@ function canDrop(element, target, position) {
     return true;
   }
 
+  // disallow to create elements on collapsed pools
+  if (is(target, 'bpmn:Participant') && !isExpanded(target)) {
+    return false;
+  }
+
   // allow to create new participants on
   // on existing collaboration and process diagrams
   if (is(element, 'bpmn:Participant')) {
@@ -401,6 +414,7 @@ function isBoundaryCandidate(element) {
 
 
 function canAttach(elements, target, source, position) {
+
   if (!Array.isArray(elements)) {
     elements = [ elements ];
   }

package/lib/features/snapping/BpmnSnapping.js

@@ -234,7 +234,7 @@ function BpmnSnapping(eventBus, canvas, bpmnRules, elementRegistry) {
     }
 
     if (is(shape, 'bpmn:TextAnnotation')) {
-      context.minDimensions = { width: 50, height: 50 };
+      context.minDimensions = { width: 50, height: 30 };
     }
   });
 
@@ -455,4 +455,4 @@ function snapBoundaryEvent(event, shape, target) {
   if (/right/.test(direction)) {
     setSnapped(event, 'x', targetTRBL.right);
   }
-}
+}

package/lib/import/BpmnImporter.js

@@ -27,10 +27,12 @@ function collectWaypoints(waypoints) {
   });
 }
 
-function notYetDrawn(semantic, refSemantic, property) {
-  return new Error(
-      'element ' + elementToString(refSemantic) + ' referenced by ' +
-      elementToString(semantic) + '#' + property + ' not yet drawn');
+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
+                  }));
 }
 
 /**
@@ -41,15 +43,16 @@ function notYetDrawn(semantic, refSemantic, property) {
  * @param {ElementFactory} elementFactory
  * @param {ElementRegistry} elementRegistry
  */
-function BpmnImporter(eventBus, canvas, elementFactory, elementRegistry) {
+function BpmnImporter(eventBus, canvas, elementFactory, elementRegistry, translate) {
   this._eventBus = eventBus;
   this._canvas = canvas;
 
   this._elementFactory = elementFactory;
   this._elementRegistry = elementRegistry;
+  this._translate = translate;
 }
 
-BpmnImporter.$inject = [ 'eventBus', 'canvas', 'elementFactory', 'elementRegistry' ];
+BpmnImporter.$inject = [ 'eventBus', 'canvas', 'elementFactory', 'elementRegistry', 'translate' ];
 
 module.exports = BpmnImporter;
 
@@ -61,12 +64,13 @@ module.exports = BpmnImporter;
 BpmnImporter.prototype.add = function(semantic, parentElement) {
 
   var di = semantic.di,
-      element;
+      element,
+      translate = this._translate;
 
   // ROOT ELEMENT
   // handle the special case that we deal with a
   // invisible root element (process or collaboration)
-  if (di.$instanceOf('bpmndi:BPMNPlane')) {
+  if (is(di, 'bpmndi:BPMNPlane')) {
 
     // add a virtual element (not being drawn)
     element = this._elementFactory.createRoot(elementData(semantic));
@@ -75,7 +79,7 @@ BpmnImporter.prototype.add = function(semantic, parentElement) {
   }
 
   // SHAPE
-  else if (di.$instanceOf('bpmndi:BPMNShape')) {
+  else if (is(di, 'bpmndi:BPMNShape')) {
 
     var collapsed = !isExpanded(semantic);
     var hidden = parentElement && (parentElement.hidden || parentElement.collapsed);
@@ -99,7 +103,7 @@ BpmnImporter.prototype.add = function(semantic, parentElement) {
   }
 
   // CONNECTION
-  else if (di.$instanceOf('bpmndi:BPMNEdge')) {
+  else if (is(di, 'bpmndi:BPMNEdge')) {
 
     var source = this._getSource(semantic),
         target = this._getTarget(semantic);
@@ -112,9 +116,11 @@ BpmnImporter.prototype.add = function(semantic, parentElement) {
 
     this._canvas.addConnection(element, parentElement);
   } else {
-    throw new Error('unknown di ' + elementToString(di) + ' for element ' + elementToString(semantic));
+    throw new Error(translate('unknown di {di} for element {semantic}', {
+                      di: elementToString(di),
+                      semantic: elementToString(semantic)
+                    }));
   }
-
   // (optional) LABEL
   if (hasExternalLabel(semantic)) {
     this.addLabel(semantic, element);
@@ -134,18 +140,20 @@ BpmnImporter.prototype.add = function(semantic, parentElement) {
  * @param {djs.model.Base} boundaryElement
  */
 BpmnImporter.prototype._attachBoundary = function(boundarySemantic, boundaryElement) {
-
+  var translate = this._translate;
   var hostSemantic = boundarySemantic.attachedToRef;
 
   if (!hostSemantic) {
-    throw new Error('missing ' + elementToString(boundarySemantic) + '#attachedToRef');
+    throw new Error(translate('missing {semantic}#attachedToRef', {
+      semantic: elementToString(boundarySemantic)
+    }));
   }
 
   var host = this._elementRegistry.get(hostSemantic.id),
       attachers = host && host.attachers;
 
   if (!host) {
-    throw notYetDrawn(boundarySemantic, hostSemantic, 'attachedToRef');
+    throw notYetDrawn(translate, boundarySemantic, hostSemantic, 'attachedToRef');
   }
 
   // wire element.host <> host.attachers
@@ -190,7 +198,8 @@ BpmnImporter.prototype._getEnd = function(semantic, side) {
 
   var element,
       refSemantic,
-      type = semantic.$type;
+      type = semantic.$type,
+      translate = this._translate;
 
   refSemantic = semantic[side + 'Ref'];
 
@@ -213,9 +222,12 @@ BpmnImporter.prototype._getEnd = function(semantic, side) {
   }
 
   if (refSemantic) {
-    throw notYetDrawn(semantic, refSemantic, side + 'Ref');
+    throw notYetDrawn(translate, semantic, refSemantic, side + 'Ref');
   } else {
-    throw new Error(elementToString(semantic) + '#' + side + 'Ref not specified');
+    throw new Error(translate('{semantic}#{side} Ref not specified', {
+      semantic: elementToString(semantic),
+      side: side
+    }));
   }
 };
 

package/lib/import/BpmnTreeWalker.js

@@ -34,7 +34,7 @@ function findDisplayCandidate(definitions) {
 }
 
 
-function BpmnTreeWalker(handler) {
+function BpmnTreeWalker(handler, translate) {
 
   // list of containers already walked
   var handledElements = {};
@@ -65,7 +65,9 @@ function BpmnTreeWalker(handler) {
 
     // avoid multiple rendering of elements
     if (gfx) {
-      throw new Error('already rendered ' + elementToString(element));
+      throw new Error(
+        translate('already rendered {element}', { element: elementToString(element) })
+      );
     }
 
     // call handler
@@ -87,7 +89,7 @@ function BpmnTreeWalker(handler) {
     } catch (e) {
       logError(e.message, { element: element, error: e });
 
-      console.error('failed to import ' + elementToString(element));
+      console.error(translate('failed to import {element}', { element: elementToString(element) }));
       console.error(e);
     }
   }
@@ -103,13 +105,23 @@ function BpmnTreeWalker(handler) {
 
     if (bpmnElement) {
       if (bpmnElement.di) {
-        logError('multiple DI elements defined for ' + elementToString(bpmnElement), { element: bpmnElement });
+        logError(
+          translate('multiple DI elements defined for {element}', {
+            element: elementToString(bpmnElement)
+          }),
+          { element: bpmnElement  }
+        );
       } else {
         diRefs.bind(bpmnElement, 'di');
         bpmnElement.di = di;
       }
     } else {
-      logError('no bpmnElement referenced in ' + elementToString(di), { element: di });
+      logError(
+        translate('no bpmnElement referenced in {element}', {
+          element: elementToString(di)
+        }),
+        { element: di }
+      );
     }
   }
 
@@ -144,7 +156,7 @@ function BpmnTreeWalker(handler) {
     var diagrams = definitions.diagrams;
 
     if (diagram && diagrams.indexOf(diagram) === -1) {
-      throw new Error('diagram not part of bpmn:Definitions');
+      throw new Error(translate('diagram not part of bpmn:Definitions'));
     }
 
     if (!diagram && diagrams && diagrams.length) {
@@ -153,7 +165,7 @@ function BpmnTreeWalker(handler) {
 
     // no diagram -> nothing to import
     if (!diagram) {
-      throw new Error('no diagram to display');
+      throw new Error(translate('no diagram to display'));
     }
 
     // load DI from selected diagram only
@@ -163,10 +175,12 @@ function BpmnTreeWalker(handler) {
     var plane = diagram.plane;
 
     if (!plane) {
-      throw new Error('no plane for ' + elementToString(diagram));
+      throw new Error(translate(
+        'no plane for {element}',
+        { element: elementToString(diagram) }
+      ));
     }
 
-
     var rootElement = plane.bpmnElement;
 
     // ensure we default to a suitable display candidate (process or collaboration),
@@ -175,10 +189,15 @@ function BpmnTreeWalker(handler) {
       rootElement = findDisplayCandidate(definitions);
 
       if (!rootElement) {
-        throw new Error('no process or collaboration to display');
+        throw new Error(translate('no process or collaboration to display'));
       } else {
 
-        logError('correcting missing bpmnElement on ' + elementToString(plane) + ' to ' + elementToString(rootElement));
+        logError(
+          translate('correcting missing bpmnElement on {plane} to {rootElement}', {
+            plane: elementToString(plane),
+            rootElement: elementToString(rootElement)
+          })
+        );
 
         // correct DI on the fly
         plane.bpmnElement = rootElement;
@@ -197,7 +216,12 @@ function BpmnTreeWalker(handler) {
       // force drawing of everything not yet drawn that is part of the target DI
       handleUnhandledProcesses(definitions.rootElements, ctx);
     } else {
-      throw new Error('unsupported bpmnElement for ' + elementToString(plane) + ' : ' + elementToString(rootElement));
+      throw new Error(
+        translate('unsupported bpmnElement for {plane}: {rootElement}', {
+          plane: elementToString(plane),
+          rootElement: elementToString(rootElement)
+        })
+      );
     }
 
     // handle all deferred elements
@@ -369,9 +393,12 @@ function BpmnTreeWalker(handler) {
         handleDataElement(e, context);
       } else {
         logError(
-          'unrecognized flowElement ' + elementToString(e) + ' in context ' +
-          (context ? elementToString(context.businessObject) : null),
-          { element: e, context: context });
+          translate('unrecognized flowElement {element} in context {context}', {
+            element: elementToString(e),
+            context: (context ? elementToString(context.businessObject) : 'null')
+          }),
+          { element: e, context: context }
+        );
       }
     });
   }