bpmn-js 0.20.6 → 0.22.1

package/lib/import/BpmnImporter.js

@@ -1,303 +1,303 @@
-'use strict';
-
-var assign = require('lodash/object/assign'),
-    map = require('lodash/collection/map');
-
-var LabelUtil = require('../util/LabelUtil');
-
-var TextUtil = require('diagram-js/lib/util/Text');
-
-var is = require('../util/ModelUtil').is;
-
-var hasExternalLabel = LabelUtil.hasExternalLabel,
-    getExternalLabelBounds = LabelUtil.getExternalLabelBounds,
-    isExpanded = require('../util/DiUtil').isExpanded,
-    elementToString = require('./Util').elementToString;
-
-
-function elementData(semantic, attrs) {
-  return assign({
-    id: semantic.id,
-    type: semantic.$type,
-    businessObject: semantic
-  }, attrs);
-}
-
-function collectWaypoints(waypoints) {
-  return map(waypoints, function(p) {
-    return { x: p.x, y: p.y };
-  });
-}
-
-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
-  }));
-}
-
-
-/**
- * An importer that adds bpmn elements to the canvas
- *
- * @param {EventBus} eventBus
- * @param {Canvas} canvas
- * @param {ElementFactory} elementFactory
- * @param {ElementRegistry} elementRegistry
- */
-function BpmnImporter(eventBus, canvas, elementFactory, elementRegistry, translate) {
-  this._eventBus = eventBus;
-  this._canvas = canvas;
-
-  this._elementFactory = elementFactory;
-  this._elementRegistry = elementRegistry;
-  this._translate = translate;
-
-  this._textUtil = new TextUtil();
-}
-
-BpmnImporter.$inject = [ 'eventBus', 'canvas', 'elementFactory', 'elementRegistry', 'translate' ];
-
-module.exports = BpmnImporter;
-
-
-/**
- * Add bpmn element (semantic) to the canvas onto the
- * specified parent shape.
- */
-BpmnImporter.prototype.add = function(semantic, parentElement) {
-
-  var di = semantic.di,
-      element,
-      translate = this._translate,
-      hidden;
-
-  // ROOT ELEMENT
-  // handle the special case that we deal with a
-  // invisible root element (process or collaboration)
-  if (is(di, 'bpmndi:BPMNPlane')) {
-
-    // add a virtual element (not being drawn)
-    element = this._elementFactory.createRoot(elementData(semantic));
-
-    this._canvas.setRootElement(element);
-  }
-
-  // SHAPE
-  else if (is(di, 'bpmndi:BPMNShape')) {
-
-    var collapsed = !isExpanded(semantic);
-    hidden = parentElement && (parentElement.hidden || parentElement.collapsed);
-
-    var bounds = semantic.di.bounds;
-
-    element = this._elementFactory.createShape(elementData(semantic, {
-      collapsed: collapsed,
-      hidden: hidden,
-      x: Math.round(bounds.x),
-      y: Math.round(bounds.y),
-      width: Math.round(bounds.width),
-      height: Math.round(bounds.height)
-    }));
-
-    if (is(semantic, 'bpmn:BoundaryEvent')) {
-      this._attachBoundary(semantic, element);
-    }
-
-    this._canvas.addShape(element, parentElement);
-  }
-
-  // CONNECTION
-  else if (is(di, 'bpmndi:BPMNEdge')) {
-
-    var source = this._getSource(semantic),
-        target = this._getTarget(semantic);
-
-    hidden = parentElement && (parentElement.hidden || parentElement.collapsed);
-
-    element = this._elementFactory.createConnection(elementData(semantic, {
-      hidden: hidden,
-      source: source,
-      target: target,
-      waypoints: collectWaypoints(semantic.di.waypoint)
-    }));
-
-    if (is(semantic, 'bpmn:DataAssociation')) {
-
-      // render always on top; this ensures DataAssociations
-      // are rendered correctly across different "hacks" people
-      // love to model such as cross participant / sub process
-      // associations
-      parentElement = null;
-    }
-
-    this._canvas.addConnection(element, parentElement);
-  } else {
-    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);
-  }
-
-
-  this._eventBus.fire('bpmnElement.added', { element: element });
-
-  return element;
-};
-
-
-/**
- * Attach the boundary element to the given host
- *
- * @param {ModdleElement} boundarySemantic
- * @param {djs.model.Base} boundaryElement
- */
-BpmnImporter.prototype._attachBoundary = function(boundarySemantic, boundaryElement) {
-  var translate = this._translate;
-  var hostSemantic = boundarySemantic.attachedToRef;
-
-  if (!hostSemantic) {
-    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(translate, boundarySemantic, hostSemantic, 'attachedToRef');
-  }
-
-  // wire element.host <> host.attachers
-  boundaryElement.host = host;
-
-  if (!attachers) {
-    host.attachers = attachers = [];
-  }
-
-  if (attachers.indexOf(boundaryElement) === -1) {
-    attachers.push(boundaryElement);
-  }
-};
-
-
-/**
- * add label for an element
- */
-BpmnImporter.prototype.addLabel = function(semantic, element) {
-  var bounds,
-      text,
-      label;
-
-  bounds = getExternalLabelBounds(semantic, element);
-
-  text = semantic.name;
-
-  if (text) {
-    // get corrected bounds from actual layouted text
-    bounds = getLayoutedBounds(bounds, text, this._textUtil);
-  }
-
-  label = this._elementFactory.createLabel(elementData(semantic, {
-    id: semantic.id + '_label',
-    labelTarget: element,
-    type: 'label',
-    hidden: element.hidden || !semantic.name,
-    x: Math.round(bounds.x),
-    y: Math.round(bounds.y),
-    width: Math.round(bounds.width),
-    height: Math.round(bounds.height)
-  }));
-
-  return this._canvas.addShape(label, element.parent);
-};
-
-/**
- * Return the drawn connection end based on the given side.
- *
- * @throws {Error} if the end is not yet drawn
- */
-BpmnImporter.prototype._getEnd = function(semantic, side) {
-
-  var element,
-      refSemantic,
-      type = semantic.$type,
-      translate = this._translate;
-
-  refSemantic = semantic[side + 'Ref'];
-
-  // handle mysterious isMany DataAssociation#sourceRef
-  if (side === 'source' && type === 'bpmn:DataInputAssociation') {
-    refSemantic = refSemantic && refSemantic[0];
-  }
-
-  // fix source / target for DataInputAssociation / DataOutputAssociation
-  if (side === 'source' && type === 'bpmn:DataOutputAssociation' ||
-      side === 'target' && type === 'bpmn:DataInputAssociation') {
-
-    refSemantic = semantic.$parent;
-  }
-
-  element = refSemantic && this._getElement(refSemantic);
-
-  if (element) {
-    return element;
-  }
-
-  if (refSemantic) {
-    throw notYetDrawn(translate, semantic, refSemantic, side + 'Ref');
-  } else {
-    throw new Error(translate('{semantic}#{side} Ref not specified', {
-      semantic: elementToString(semantic),
-      side: side
-    }));
-  }
-};
-
-BpmnImporter.prototype._getSource = function(semantic) {
-  return this._getEnd(semantic, 'source');
-};
-
-BpmnImporter.prototype._getTarget = function(semantic) {
-  return this._getEnd(semantic, 'target');
-};
-
-
-BpmnImporter.prototype._getElement = function(semantic) {
-  return this._elementRegistry.get(semantic.id);
-};
-
-
-// TODO(nikku): repeating code (search for <getLayoutedBounds>)
-
-var EXTERNAL_LABEL_STYLE = {
-  fontFamily: 'Arial, sans-serif',
-  fontSize: '11px'
-};
-
-function getLayoutedBounds(bounds, text, textUtil) {
-
-  var layoutedLabelDimensions = textUtil.getDimensions(text, {
-    box: {
-      width: 90,
-      height: 30,
-      x: bounds.width / 2 + bounds.x,
-      y: bounds.height / 2 + bounds.y
-    },
-    style: EXTERNAL_LABEL_STYLE
-  });
-
-  // resize label shape to fit label text
-  return {
-    x: Math.round(bounds.x + bounds.width / 2 - layoutedLabelDimensions.width / 2),
-    y: Math.round(bounds.y),
-    width: Math.ceil(layoutedLabelDimensions.width),
-    height: Math.ceil(layoutedLabelDimensions.height)
-  };
+'use strict';
+
+var assign = require('lodash/object/assign'),
+    map = require('lodash/collection/map');
+
+var LabelUtil = require('../util/LabelUtil');
+
+var TextUtil = require('diagram-js/lib/util/Text');
+
+var is = require('../util/ModelUtil').is;
+
+var hasExternalLabel = LabelUtil.hasExternalLabel,
+    getExternalLabelBounds = LabelUtil.getExternalLabelBounds,
+    isExpanded = require('../util/DiUtil').isExpanded,
+    elementToString = require('./Util').elementToString;
+
+
+function elementData(semantic, attrs) {
+  return assign({
+    id: semantic.id,
+    type: semantic.$type,
+    businessObject: semantic
+  }, attrs);
+}
+
+function collectWaypoints(waypoints) {
+  return map(waypoints, function(p) {
+    return { x: p.x, y: p.y };
+  });
+}
+
+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
+  }));
+}
+
+
+/**
+ * An importer that adds bpmn elements to the canvas
+ *
+ * @param {EventBus} eventBus
+ * @param {Canvas} canvas
+ * @param {ElementFactory} elementFactory
+ * @param {ElementRegistry} elementRegistry
+ */
+function BpmnImporter(eventBus, canvas, elementFactory, elementRegistry, translate) {
+  this._eventBus = eventBus;
+  this._canvas = canvas;
+
+  this._elementFactory = elementFactory;
+  this._elementRegistry = elementRegistry;
+  this._translate = translate;
+
+  this._textUtil = new TextUtil();
+}
+
+BpmnImporter.$inject = [ 'eventBus', 'canvas', 'elementFactory', 'elementRegistry', 'translate' ];
+
+module.exports = BpmnImporter;
+
+
+/**
+ * Add bpmn element (semantic) to the canvas onto the
+ * specified parent shape.
+ */
+BpmnImporter.prototype.add = function(semantic, parentElement) {
+
+  var di = semantic.di,
+      element,
+      translate = this._translate,
+      hidden;
+
+  // ROOT ELEMENT
+  // handle the special case that we deal with a
+  // invisible root element (process or collaboration)
+  if (is(di, 'bpmndi:BPMNPlane')) {
+
+    // add a virtual element (not being drawn)
+    element = this._elementFactory.createRoot(elementData(semantic));
+
+    this._canvas.setRootElement(element);
+  }
+
+  // SHAPE
+  else if (is(di, 'bpmndi:BPMNShape')) {
+
+    var collapsed = !isExpanded(semantic);
+    hidden = parentElement && (parentElement.hidden || parentElement.collapsed);
+
+    var bounds = semantic.di.bounds;
+
+    element = this._elementFactory.createShape(elementData(semantic, {
+      collapsed: collapsed,
+      hidden: hidden,
+      x: Math.round(bounds.x),
+      y: Math.round(bounds.y),
+      width: Math.round(bounds.width),
+      height: Math.round(bounds.height)
+    }));
+
+    if (is(semantic, 'bpmn:BoundaryEvent')) {
+      this._attachBoundary(semantic, element);
+    }
+
+    this._canvas.addShape(element, parentElement);
+  }
+
+  // CONNECTION
+  else if (is(di, 'bpmndi:BPMNEdge')) {
+
+    var source = this._getSource(semantic),
+        target = this._getTarget(semantic);
+
+    hidden = parentElement && (parentElement.hidden || parentElement.collapsed);
+
+    element = this._elementFactory.createConnection(elementData(semantic, {
+      hidden: hidden,
+      source: source,
+      target: target,
+      waypoints: collectWaypoints(semantic.di.waypoint)
+    }));
+
+    if (is(semantic, 'bpmn:DataAssociation')) {
+
+      // render always on top; this ensures DataAssociations
+      // are rendered correctly across different "hacks" people
+      // love to model such as cross participant / sub process
+      // associations
+      parentElement = null;
+    }
+
+    this._canvas.addConnection(element, parentElement);
+  } else {
+    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);
+  }
+
+
+  this._eventBus.fire('bpmnElement.added', { element: element });
+
+  return element;
+};
+
+
+/**
+ * Attach the boundary element to the given host
+ *
+ * @param {ModdleElement} boundarySemantic
+ * @param {djs.model.Base} boundaryElement
+ */
+BpmnImporter.prototype._attachBoundary = function(boundarySemantic, boundaryElement) {
+  var translate = this._translate;
+  var hostSemantic = boundarySemantic.attachedToRef;
+
+  if (!hostSemantic) {
+    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(translate, boundarySemantic, hostSemantic, 'attachedToRef');
+  }
+
+  // wire element.host <> host.attachers
+  boundaryElement.host = host;
+
+  if (!attachers) {
+    host.attachers = attachers = [];
+  }
+
+  if (attachers.indexOf(boundaryElement) === -1) {
+    attachers.push(boundaryElement);
+  }
+};
+
+
+/**
+ * add label for an element
+ */
+BpmnImporter.prototype.addLabel = function(semantic, element) {
+  var bounds,
+      text,
+      label;
+
+  bounds = getExternalLabelBounds(semantic, element);
+
+  text = semantic.name;
+
+  if (text) {
+    // get corrected bounds from actual layouted text
+    bounds = getLayoutedBounds(bounds, text, this._textUtil);
+  }
+
+  label = this._elementFactory.createLabel(elementData(semantic, {
+    id: semantic.id + '_label',
+    labelTarget: element,
+    type: 'label',
+    hidden: element.hidden || !semantic.name,
+    x: Math.round(bounds.x),
+    y: Math.round(bounds.y),
+    width: Math.round(bounds.width),
+    height: Math.round(bounds.height)
+  }));
+
+  return this._canvas.addShape(label, element.parent);
+};
+
+/**
+ * Return the drawn connection end based on the given side.
+ *
+ * @throws {Error} if the end is not yet drawn
+ */
+BpmnImporter.prototype._getEnd = function(semantic, side) {
+
+  var element,
+      refSemantic,
+      type = semantic.$type,
+      translate = this._translate;
+
+  refSemantic = semantic[side + 'Ref'];
+
+  // handle mysterious isMany DataAssociation#sourceRef
+  if (side === 'source' && type === 'bpmn:DataInputAssociation') {
+    refSemantic = refSemantic && refSemantic[0];
+  }
+
+  // fix source / target for DataInputAssociation / DataOutputAssociation
+  if (side === 'source' && type === 'bpmn:DataOutputAssociation' ||
+      side === 'target' && type === 'bpmn:DataInputAssociation') {
+
+    refSemantic = semantic.$parent;
+  }
+
+  element = refSemantic && this._getElement(refSemantic);
+
+  if (element) {
+    return element;
+  }
+
+  if (refSemantic) {
+    throw notYetDrawn(translate, semantic, refSemantic, side + 'Ref');
+  } else {
+    throw new Error(translate('{semantic}#{side} Ref not specified', {
+      semantic: elementToString(semantic),
+      side: side
+    }));
+  }
+};
+
+BpmnImporter.prototype._getSource = function(semantic) {
+  return this._getEnd(semantic, 'source');
+};
+
+BpmnImporter.prototype._getTarget = function(semantic) {
+  return this._getEnd(semantic, 'target');
+};
+
+
+BpmnImporter.prototype._getElement = function(semantic) {
+  return this._elementRegistry.get(semantic.id);
+};
+
+
+// TODO(nikku): repeating code (search for <getLayoutedBounds>)
+
+var EXTERNAL_LABEL_STYLE = {
+  fontFamily: 'Arial, sans-serif',
+  fontSize: '11px'
+};
+
+function getLayoutedBounds(bounds, text, textUtil) {
+
+  var layoutedLabelDimensions = textUtil.getDimensions(text, {
+    box: {
+      width: 90,
+      height: 30,
+      x: bounds.width / 2 + bounds.x,
+      y: bounds.height / 2 + bounds.y
+    },
+    style: EXTERNAL_LABEL_STYLE
+  });
+
+  // resize label shape to fit label text
+  return {
+    x: Math.round(bounds.x + bounds.width / 2 - layoutedLabelDimensions.width / 2),
+    y: Math.round(bounds.y),
+    width: Math.ceil(layoutedLabelDimensions.width),
+    height: Math.ceil(layoutedLabelDimensions.height)
+  };
 }