bpmn-js 9.0.1 → 9.0.4

package/dist/bpmn-viewer.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-viewer v9.0.1
+ * bpmn-js - bpmn-viewer v9.0.4
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,7 +8,7 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2022-02-18
+ * Date: 2022-05-13
  */
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -443,7 +443,7 @@
 	    }
 	  });
 
-	  eventBus.on([ 'render.getShapePath', 'render.getConnectionPath'], renderPriority, function(evt, element) {
+	  eventBus.on([ 'render.getShapePath', 'render.getConnectionPath' ], renderPriority, function(evt, element) {
 	    if (self.canRender(element)) {
 	      if (evt.type === 'render.getShapePath') {
 	        return self.getShapePath(element);
@@ -516,6 +516,21 @@
 	  return bo && (typeof bo.$instanceOf === 'function') && bo.$instanceOf(type);
 	}
 
+
+	/**
+	 * Return true if element has any of the given types.
+	 *
+	 * @param {djs.model.Base} element
+	 * @param {Array<string>} types
+	 *
+	 * @return {boolean}
+	 */
+	function isAny(element, types) {
+	  return some(types, function(t) {
+	    return is$1(element, t);
+	  });
+	}
+
 	/**
 	 * Return the business object for a given element.
 	 *
@@ -6178,7 +6193,7 @@
 
 	  stopRecursion = !!stopRecursion;
 	  if (!isArray$1(elements)) {
-	    elements = [elements];
+	    elements = [ elements ];
 	  }
 
 	  var minX,
@@ -6347,7 +6362,7 @@
 	};
 
 
-	Outline.$inject = ['eventBus', 'styles', 'elementRegistry'];
+	Outline.$inject = [ 'eventBus', 'styles', 'elementRegistry' ];
 
 	var OutlineModule = {
 	  __init__: [ 'outline' ],
@@ -7377,7 +7392,7 @@
 	];
 
 	var ChangeSupportModule = {
-	  __init__: [ 'changeSupport'],
+	  __init__: [ 'changeSupport' ],
 	  changeSupport: [ 'type', ChangeSupport ]
 	};
 
@@ -7549,7 +7564,7 @@
 
 	inherits$1(RootElementsBehavior, CommandInterceptor);
 
-	RootElementsBehavior.$inject = [ 'canvas', 'injector'];
+	RootElementsBehavior.$inject = [ 'canvas', 'injector' ];
 
 	var RootElementsModule = {
 	  __init__: [ 'rootElementsBehavior' ],
@@ -8009,7 +8024,7 @@
 	      collapsedElements.push(bo);
 	    }
 
-	    if (is$1(parent, 'bpmn:SubProcess') && parent !== plane.bpmnElement) {
+	    if (shouldMoveToPlane(bo, plane)) {
 
 	      // don't change the array while we iterate over it
 	      elementsToMove.push({ diElement: diElement, parent: parent });
@@ -8098,7 +8113,7 @@
 	SubprocessCompatibility.$inject = [ 'eventBus', 'moddle' ];
 
 
-	// helpers
+	// helpers //////////////////////////
 
 	function findRootDiagram(element) {
 	  if (is$1(element, 'bpmndi:BPMNDiagram')) {
@@ -8130,6 +8145,23 @@
 	  return asBounds(planeTrbl);
 	}
 
+	function shouldMoveToPlane(bo, plane) {
+	  var parent = bo.$parent;
+
+	  // don't move elements that are already on the plane
+	  if (!is$1(parent, 'bpmn:SubProcess') || parent === plane.bpmnElement) {
+	    return false;
+	  }
+
+	  // dataAssociations are children of the subprocess but rendered on process level
+	  // cf. https://github.com/bpmn-io/bpmn-js/issues/1619
+	  if (isAny(bo, ['bpmn:DataInputAssociation', 'bpmn:DataOutputAssociation'])) {
+	    return false;
+	  }
+
+	  return true;
+	}
+
 	var LOW_PRIORITY = 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>';
 
@@ -8205,7 +8237,7 @@
 	    }, true);
 
 
-	  eventBus.on('import.done', function() {
+	  eventBus.on('import.render.complete', function() {
 	    elementRegistry.filter(function(e) {
 	      return self.canDrillDown(e);
 	    }).map(function(el) {
@@ -8713,11 +8745,11 @@
 	      height = shape.height;
 
 	  var shapePath = [
-	    ['M', x, y],
-	    ['l', width, 0],
-	    ['l', 0, height],
-	    ['l', -width, 0],
-	    ['z']
+	    [ 'M', x, y ],
+	    [ 'l', width, 0 ],
+	    [ 'l', 0, height ],
+	    [ 'l', -width, 0 ],
+	    [ 'z' ]
 	  ];
 
 	  return componentsToPath(shapePath);
@@ -9158,6 +9190,25 @@
 	  return layer.group;
 	};
 
+	/**
+	 * For a given index, return the number of layers that have a higher index and
+	 * are visible.
+	 *
+	 * This is used to determine the node a layer should be inserted at.
+	 *
+	 * @param {Number} index
+	 * @returns {Number}
+	 */
+	Canvas.prototype._getChildIndex = function(index) {
+	  return reduce(this._layers, function(childIndex, layer) {
+	    if (layer.visible && index >= layer.index) {
+	      childIndex++;
+	    }
+
+	    return childIndex;
+	  }, 0);
+	};
+
 	/**
 	 * Creates a given layer and returns it.
 	 *
@@ -9172,19 +9223,80 @@
 	    index = UTILITY_LAYER_INDEX;
 	  }
 
-	  var childIndex = reduce(this._layers, function(childIndex, layer) {
-	    if (index >= layer.index) {
-	      childIndex++;
-	    }
-
-	    return childIndex;
-	  }, 0);
+	  var childIndex = this._getChildIndex(index);
 
 	  return {
 	    group: createGroup(this._viewport, 'layer-' + name, childIndex),
-	    index: index
+	    index: index,
+	    visible: true
 	  };
+	};
 
+
+	/**
+	 * Shows a given layer.
+	 *
+	 * @param {String} layer
+	 * @returns {SVGElement}
+	 */
+	Canvas.prototype.showLayer = function(name) {
+
+	  if (!name) {
+	    throw new Error('must specify a name');
+	  }
+
+	  var layer = this._layers[name];
+
+	  if (!layer) {
+	    throw new Error('layer <' + name + '> does not exist');
+	  }
+
+	  var viewport = this._viewport;
+	  var group = layer.group;
+	  var index = layer.index;
+
+	  if (layer.visible) {
+	    return group;
+	  }
+
+	  var childIndex = this._getChildIndex(index);
+
+	  viewport.insertBefore(group, viewport.childNodes[childIndex] || null);
+
+	  layer.visible = true;
+
+	  return group;
+	};
+
+	/**
+	 * Hides a given layer.
+	 *
+	 * @param {String} layer
+	 * @returns {SVGElement}
+	 */
+	Canvas.prototype.hideLayer = function(name) {
+
+	  if (!name) {
+	    throw new Error('must specify a name');
+	  }
+
+	  var layer = this._layers[name];
+
+	  if (!layer) {
+	    throw new Error('layer <' + name + '> does not exist');
+	  }
+
+	  var group = layer.group;
+
+	  if (!layer.visible) {
+	    return group;
+	  }
+
+	  remove$2(group);
+
+	  layer.visible = false;
+
+	  return group;
 	};
 
 
@@ -9427,7 +9539,7 @@
 
 	  var layer = this.getLayer(layerName, PLANE_LAYER_INDEX);
 
-	  attr$1(layer, 'display', 'none');
+	  this.hideLayer(layerName);
 
 	  this._addRoot(rootElement, layer);
 
@@ -9546,17 +9658,13 @@
 
 	  var currentRoot = this._rootElement;
 
-	  var currentLayer;
-
 	  if (currentRoot) {
 
 	    // un-associate previous root element <svg>
 	    this._elementRegistry.updateGraphics(currentRoot, null, true);
 
 	    // hide previous layer
-	    currentLayer = this._findPlaneForRoot(currentRoot).layer;
-
-	    attr$1(currentLayer, 'display', 'none');
+	    this.hideLayer(currentRoot.layer);
 	  }
 
 	  if (rootElement) {
@@ -9569,7 +9677,7 @@
 	    this._elementRegistry.updateGraphics(rootElement, this._svg, true);
 
 	    // show root layer
-	    attr$1(layer, 'display', null);
+	    this.showLayer(rootElement.layer);
 	  }
 
 	  this._rootElement = rootElement;
@@ -11922,7 +12030,7 @@
 	  options = options || {};
 
 	  var configModule = {
-	    'config': ['value', options]
+	    'config': [ 'value', options ]
 	  };
 
 	  var modules = [ configModule, CoreModule ].concat(options.modules || []);
@@ -20167,7 +20275,7 @@
 	}
 
 	/**
-	 * Returns all diagrams in the same hirarchy as the requested diagram.
+	 * Returns all diagrams in the same hierarchy as the requested diagram.
 	 * Includes all parent and sub process diagrams.
 	 *
 	 * @param {Array} definitions