camunda-bpmn-js 0.13.0-alpha.3 → 0.13.0-alpha.4

package/dist/camunda-cloud-modeler.development.js

@@ -2571,7 +2571,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);
@@ -2883,7 +2883,7 @@
 
 	  stopRecursion = !!stopRecursion;
 	  if (!isArray(elements)) {
-	    elements = [elements];
+	    elements = [ elements ];
 	  }
 
 	  var minX,
@@ -3063,11 +3063,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);
@@ -4793,6 +4793,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.
 	 *
@@ -4807,19 +4826,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$1(group);
+
+	  layer.visible = false;
+
+	  return group;
 	};
 
 
@@ -5062,7 +5142,7 @@
 
 	  var layer = this.getLayer(layerName, PLANE_LAYER_INDEX);
 
-	  attr$1(layer, 'display', 'none');
+	  this.hideLayer(layerName);
 
 	  this._addRoot(rootElement, layer);
 
@@ -5181,17 +5261,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) {
@@ -5204,7 +5280,7 @@
 	    this._elementRegistry.updateGraphics(rootElement, this._svg, true);
 
 	    // show root layer
-	    attr$1(layer, 'display', null);
+	    this.showLayer(rootElement.layer);
 	  }
 
 	  this._rootElement = rootElement;
@@ -7600,7 +7676,7 @@
 	  options = options || {};
 
 	  var configModule = {
-	    'config': ['value', options]
+	    'config': [ 'value', options ]
 	  };
 
 	  var modules = [ configModule, CoreModule ].concat(options.modules || []);
@@ -21173,7 +21249,7 @@
 	};
 
 
-	Outline.$inject = ['eventBus', 'styles', 'elementRegistry'];
+	Outline.$inject = [ 'eventBus', 'styles', 'elementRegistry' ];
 
 	var OutlineModule = {
 	  __init__: [ 'outline' ],
@@ -22203,7 +22279,7 @@
 	];
 
 	var ChangeSupportModule = {
-	  __init__: [ 'changeSupport'],
+	  __init__: [ 'changeSupport' ],
 	  changeSupport: [ 'type', ChangeSupport ]
 	};
 
@@ -22375,7 +22451,7 @@
 
 	inherits_browser(RootElementsBehavior, CommandInterceptor);
 
-	RootElementsBehavior.$inject = [ 'canvas', 'injector'];
+	RootElementsBehavior.$inject = [ 'canvas', 'injector' ];
 
 	var RootElementsModule = {
 	  __init__: [ 'rootElementsBehavior' ],
@@ -23480,7 +23556,7 @@
 	var KEYCODE_Y = 89;
 	var KEYCODE_Z = 90;
 
-	var KEYS_COPY = ['c', 'C', KEYCODE_C ];
+	var KEYS_COPY = [ 'c', 'C', KEYCODE_C ];
 	var KEYS_PASTE = [ 'v', 'V', KEYCODE_V ];
 	var KEYS_REDO = [ 'y', 'Y', KEYCODE_Y ];
 	var KEYS_UNDO = [ 'z', 'Z', KEYCODE_Z ];
@@ -23636,7 +23712,7 @@
 
 	    var event = context.keyEvent;
 
-	    if (isKey(['Backspace', 'Delete', 'Del' ], event)) {
+	    if (isKey([ 'Backspace', 'Delete', 'Del' ], event)) {
 	      editorActions.trigger('removeSelection');
 
 	      return true;
@@ -29382,11 +29458,11 @@
 	      y = center.y;
 
 	  return [
-	    ['M', x, y],
-	    ['m', 0, -r],
-	    ['a', r, r, 0, 1, 1, 0, 2 * r],
-	    ['a', r, r, 0, 1, 1, 0, -2 * r],
-	    ['z']
+	    [ 'M', x, y ],
+	    [ 'm', 0, -r ],
+	    [ 'a', r, r, 0, 1, 1, 0, 2 * r ],
+	    [ 'a', r, r, 0, 1, 1, 0, -2 * r ],
+	    [ 'z' ]
 	  ];
 	}
 
@@ -30962,7 +31038,7 @@
 	  return parent.children || [];
 	}
 
-	var abs$2= Math.abs,
+	var abs$2 = Math.abs,
 	    round$5 = Math.round;
 
 	var TOLERANCE = 10;
@@ -40853,7 +40929,8 @@
 	    'canvas.viewbox.changing',
 	    'drag.init',
 	    'element.mousedown',
-	    'popupMenu.open'
+	    'popupMenu.open',
+	    'root.set'
 	  ], function(event) {
 
 	    if (directEditing.isActive()) {
@@ -48980,7 +49057,7 @@
 	}
 
 	var LabelSupportModule = {
-	  __init__: [ 'labelSupport'],
+	  __init__: [ 'labelSupport' ],
 	  labelSupport: [ 'type', LabelSupport ]
 	};
 
@@ -49168,7 +49245,7 @@
 	    saveClear(oldShape.attachers, function(attacher) {
 	      var allowed = rules.allowed('elements.move', {
 	        target: newShape,
-	        shapes: [attacher]
+	        shapes: [ attacher ]
 	      });
 
 	      if (allowed === 'attach') {
@@ -50302,7 +50379,7 @@
 	}
 
 	var SpaceToolModule = {
-	  __init__: ['spaceToolPreview'],
+	  __init__: [ 'spaceToolPreview' ],
 	  __depends__: [
 	    DraggingModule,
 	    RulesModule,
@@ -50310,8 +50387,8 @@
 	    PreviewSupportModule,
 	    MouseModule
 	  ],
-	  spaceTool: ['type', SpaceTool ],
-	  spaceToolPreview: ['type', SpaceToolPreview ]
+	  spaceTool: [ 'type', SpaceTool ],
+	  spaceToolPreview: [ 'type', SpaceToolPreview ]
 	};
 
 	function BpmnFactory(moddle) {
@@ -52431,7 +52508,7 @@
 	      newParentIndex = context.newParentIndex,
 	      oldParent = shape.parent;
 
-	  context.oldBounds = pick(shape, [ 'x', 'y', 'width', 'height']);
+	  context.oldBounds = pick(shape, [ 'x', 'y', 'width', 'height' ]);
 
 	  // save old parent in context
 	  context.oldParent = oldParent;
@@ -53077,7 +53154,7 @@
 	  // recursively hide/show children
 	  var result = setHiddenRecursive(children, shape.collapsed);
 
-	  return [shape].concat(result);
+	  return [ shape ].concat(result);
 	};
 
 
@@ -53094,7 +53171,7 @@
 	  // retoggle state
 	  shape.collapsed = !shape.collapsed;
 
-	  return [shape].concat(result);
+	  return [ shape ].concat(result);
 	};
 
 
@@ -59695,8 +59772,8 @@
 	  var h = box.height + offset * 2;
 
 	  var styles = [
-	    'width: '+ w +'px',
-	    'height: '+ h + 'px'
+	    'width: ' + w + 'px',
+	    'height: ' + h + 'px'
 	  ].join('; ');
 
 	  return {