bpmn-js 0.28.3 → 0.31.0

package/dist/bpmn-modeler.development.js

@@ -1,5 +1,5 @@
 /*!
- * bpmn-js - bpmn-modeler v0.28.3
+ * bpmn-js - bpmn-modeler v0.31.0
  *
  * Copyright (c) 2014-present, camunda Services GmbH
  *
@@ -8,9 +8,9 @@
  *
  * Source Code: https://github.com/bpmn-io/bpmn-js
  *
- * Date: 2018-03-05
+ * Date: 2018-04-02
  */
-(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.BpmnJS = f()}})(function(){var define,module,exports;return (function(){function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s}return e})()({1:[function(_dereq_,module,exports){
+(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.BpmnJS = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(_dereq_,module,exports){
 'use strict';
 
 var inherits = _dereq_(283);
@@ -267,7 +267,7 @@ var domify = _dereq_(285).domify,
     domQuery = _dereq_(285).query,
     domRemove = _dereq_(285).remove;
 
-var innerSVG = _dereq_(312);
+var innerSVG = _dereq_(304).innerSVG;
 
 var Diagram = _dereq_(116),
     BpmnModdle = _dereq_(105);
@@ -760,7 +760,7 @@ function addProjectLogo(container) {
 
 /* </project-logo> */
 
-},{"102":102,"105":105,"116":116,"210":210,"232":232,"247":247,"283":283,"284":284,"285":285,"312":312,"4":4,"96":96}],4:[function(_dereq_,module,exports){
+},{"102":102,"105":105,"116":116,"210":210,"232":232,"247":247,"283":283,"284":284,"285":285,"304":304,"4":4,"96":96}],4:[function(_dereq_,module,exports){
 module.exports = {
   __depends__: [
     _dereq_(8),
@@ -963,10 +963,10 @@ var getCirclePath = BpmnRenderUtil.getCirclePath,
 
 var domQuery = _dereq_(285).query;
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgCreate = _dereq_(310),
-    svgClasses = _dereq_(307);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgCreate = _dereq_(304).create,
+    svgClasses = _dereq_(304).classes;
 
 var rotate = _dereq_(277).rotate,
     transform = _dereq_(277).transform,
@@ -2753,7 +2753,7 @@ BpmnRenderer.prototype.getShapePath = function(element) {
   return getRectPath(element);
 };
 
-},{"101":101,"127":127,"276":276,"277":277,"278":278,"282":282,"283":283,"284":284,"285":285,"304":304,"306":306,"307":307,"310":310,"5":5,"99":99}],7:[function(_dereq_,module,exports){
+},{"101":101,"127":127,"276":276,"277":277,"278":278,"282":282,"283":283,"284":284,"285":285,"304":304,"5":5,"99":99}],7:[function(_dereq_,module,exports){
 'use strict';
 
 /**
@@ -4800,10 +4800,10 @@ module.exports = {
 };
 
 },{"171":171,"26":26}],28:[function(_dereq_,module,exports){
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgCreate = _dereq_(310),
-    svgRemove = _dereq_(313);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgCreate = _dereq_(304).create,
+    svgRemove = _dereq_(304).remove;
 
 var getBusinessObject = _dereq_(101).getBusinessObject,
     is = _dereq_(101).is;
@@ -4923,7 +4923,7 @@ LabelEditingPreview.$inject = [ 'eventBus', 'canvas', 'elementRegistry', 'pathMa
 
 module.exports = LabelEditingPreview;
 
-},{"101":101,"277":277,"304":304,"306":306,"310":310,"313":313}],29:[function(_dereq_,module,exports){
+},{"101":101,"277":277,"304":304}],29:[function(_dereq_,module,exports){
 'use strict';
 
 var assign = _dereq_(284).assign;
@@ -11724,7 +11724,7 @@ var assign = _dereq_(284).assign,
 
 var domQuery = _dereq_(285).query;
 
-var svgAttr = _dereq_(306);
+var svgAttr = _dereq_(304).attr;
 
 var LOW_PRIORITY = 250;
 
@@ -11827,7 +11827,7 @@ inherits(BpmnReplacePreview, CommandInterceptor);
 
 module.exports = BpmnReplacePreview;
 
-},{"118":118,"283":283,"284":284,"285":285,"306":306}],83:[function(_dereq_,module,exports){
+},{"118":118,"283":283,"284":284,"285":285,"304":304}],83:[function(_dereq_,module,exports){
 module.exports = {
   __depends__: [ _dereq_(216) ],
   __init__: [ 'bpmnReplacePreview' ],
@@ -20536,10 +20536,7 @@ forEach(hooks, function(hook) {
 'use strict';
 
 var uniqueBy = _dereq_(284).uniqueBy,
-    isArray = _dereq_(284).isArray,
-    assign = _dereq_(284).assign;
-
-var InternalEvent = _dereq_(124).Event;
+    isArray = _dereq_(284).isArray;
 
 
 /**
@@ -20880,7 +20877,7 @@ CommandStack.prototype._fire = function(command, qualifier, event) {
   var names = qualifier ? [ command + '.' + qualifier, qualifier ] : [ command ],
       i, name, result;
 
-  event = assign(new InternalEvent(), event);
+  event = this._eventBus.createEvent(event);
 
   for (i = 0; (name = names[i]); i++) {
     result = this._eventBus.fire('commandStack.' + name, event);
@@ -21043,7 +21040,7 @@ CommandStack.prototype._setHandler = function(command, handler) {
   this._handlerMap[command] = handler;
 };
 
-},{"124":124,"284":284}],120:[function(_dereq_,module,exports){
+},{"284":284}],120:[function(_dereq_,module,exports){
 module.exports = {
   commandStack: [ 'type', _dereq_(119) ]
 };
@@ -21062,13 +21059,13 @@ var isNumber = _dereq_(284).isNumber,
 var Collections = _dereq_(262),
     Elements = _dereq_(265);
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgClasses = _dereq_(307),
-    svgCreate = _dereq_(310),
-    svgTransform = _dereq_(314);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgClasses = _dereq_(304).classes,
+    svgCreate = _dereq_(304).create,
+    svgTransform = _dereq_(304).transform;
 
-var createMatrix = _dereq_(311).createMatrix;
+var createMatrix = _dereq_(304).createMatrix;
 
 
 function round(number, resolution) {
@@ -22094,7 +22091,7 @@ Canvas.prototype.resized = function() {
   this._eventBus.fire('canvas.resized');
 };
 
-},{"262":262,"265":265,"284":284,"304":304,"306":306,"307":307,"310":310,"311":311,"314":314}],122:[function(_dereq_,module,exports){
+},{"262":262,"265":265,"284":284,"304":304}],122:[function(_dereq_,module,exports){
 'use strict';
 
 var Model = _dereq_(253);
@@ -22150,7 +22147,7 @@ ElementFactory.prototype.create = function(type, attrs) {
 
 var ELEMENT_ID = 'data-element-id';
 
-var svgAttr = _dereq_(306);
+var svgAttr = _dereq_(304).attr;
 
 
 /**
@@ -22356,7 +22353,7 @@ ElementRegistry.prototype._validateId = function(id) {
   }
 };
 
-},{"306":306}],124:[function(_dereq_,module,exports){
+},{"304":304}],124:[function(_dereq_,module,exports){
 'use strict';
 
 var isFunction = _dereq_(284).isFunction,
@@ -22582,6 +22579,22 @@ EventBus.prototype.off = function(event, callback) {
 };
 
 
+/**
+ * Create an EventBus event.
+ *
+ * @param {Object} data
+ *
+ * @return {Object} event, recognized by the eventBus
+ */
+EventBus.prototype.createEvent = function(data) {
+  var event = new InternalEvent();
+
+  event.init(data);
+
+  return event;
+};
+
+
 /**
  * Fires a named event.
  *
@@ -22638,12 +22651,11 @@ EventBus.prototype.fire = function(type, data) {
 
   // we make sure we fire instances of our home made
   // events here. We wrap them only once, though
-  if (data instanceof Event) {
+  if (data instanceof InternalEvent) {
     // we are fine, we alread have an event
     event = data;
   } else {
-    event = new Event();
-    event.init(data);
+    event = this.createEvent(data);
   }
 
   // ensure we pass the event as the first parameter
@@ -22785,19 +22797,17 @@ EventBus.prototype._getListeners = function(name) {
 /**
  * A event that is emitted via the event bus.
  */
-function Event() { }
-
-module.exports.Event = Event;
+function InternalEvent() { }
 
-Event.prototype.stopPropagation = function() {
+InternalEvent.prototype.stopPropagation = function() {
   this.cancelBubble = true;
 };
 
-Event.prototype.preventDefault = function() {
+InternalEvent.prototype.preventDefault = function() {
   this.defaultPrevented = true;
 };
 
-Event.prototype.init = function(data) {
+InternalEvent.prototype.init = function(data) {
   assign(this, data || {});
 };
 
@@ -22826,11 +22836,11 @@ var translate = _dereq_(277).translate;
 
 var domClear = _dereq_(285).clear;
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgClasses = _dereq_(307),
-    svgCreate = _dereq_(310),
-    svgRemove = _dereq_(313);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgClasses = _dereq_(304).classes,
+    svgCreate = _dereq_(304).create,
+    svgRemove = _dereq_(304).remove;
 
 
 /**
@@ -23039,7 +23049,7 @@ function prependTo(newNode, parentNode, siblingNode) {
   parentNode.insertBefore(newNode, siblingNode || parentNode.firstChild);
 }
 
-},{"268":268,"277":277,"284":284,"285":285,"304":304,"306":306,"307":307,"310":310,"313":313}],126:[function(_dereq_,module,exports){
+},{"268":268,"277":277,"284":284,"285":285,"304":304}],126:[function(_dereq_,module,exports){
 module.exports = {
   __depends__: [ _dereq_(130) ],
   __init__: [ 'canvas' ],
@@ -23152,9 +23162,9 @@ var renderUtil = _dereq_(276);
 var componentsToPath = renderUtil.componentsToPath,
     createLine = renderUtil.createLine;
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgCreate = _dereq_(310);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgCreate = _dereq_(304).create;
 
 // apply default renderer with lowest possible priority
 // so that it only kicks in if noone else could render
@@ -23245,7 +23255,7 @@ DefaultRenderer.$inject = [ 'eventBus', 'styles' ];
 
 module.exports = DefaultRenderer;
 
-},{"127":127,"276":276,"283":283,"304":304,"306":306,"310":310}],129:[function(_dereq_,module,exports){
+},{"127":127,"276":276,"283":283,"304":304}],129:[function(_dereq_,module,exports){
 'use strict';
 
 var isArray = _dereq_(284).isArray,
@@ -24271,8 +24281,8 @@ var COMMAND_BENDPOINT_UPDATE = 'connection.updateWaypoints',
 
 var round = Math.round;
 
-var svgClasses = _dereq_(307),
-    svgRemove = _dereq_(313);
+var svgClasses = _dereq_(304).classes,
+    svgRemove = _dereq_(304).remove;
 
 var translate = _dereq_(277).translate;
 
@@ -24522,7 +24532,7 @@ BendpointMove.$inject = [ 'injector', 'eventBus', 'canvas', 'dragging', 'graphic
 
 module.exports = BendpointMove;
 
-},{"141":141,"267":267,"277":277,"307":307,"313":313}],140:[function(_dereq_,module,exports){
+},{"141":141,"267":267,"277":277,"304":304}],140:[function(_dereq_,module,exports){
 'use strict';
 
 var assign = _dereq_(284).assign,
@@ -24731,10 +24741,10 @@ var Events = _dereq_(266),
 var BENDPOINT_CLS = module.exports.BENDPOINT_CLS = 'djs-bendpoint';
 var SEGMENT_DRAGGER_CLS = module.exports.SEGMENT_DRAGGER_CLS = 'djs-segment-dragger';
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgClasses = _dereq_(307),
-    svgCreate = _dereq_(310);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgClasses = _dereq_(304).classes,
+    svgCreate = _dereq_(304).create;
 
 var rotate = _dereq_(277).rotate,
     translate = _dereq_(277).translate;
@@ -24853,7 +24863,7 @@ module.exports.addSegmentDragger = function(parentGfx, segmentStart, segmentEnd)
   return groupGfx;
 };
 
-},{"266":266,"267":267,"277":277,"304":304,"306":306,"307":307,"310":310}],142:[function(_dereq_,module,exports){
+},{"266":266,"267":267,"277":277,"304":304}],142:[function(_dereq_,module,exports){
 'use strict';
 
 var forEach = _dereq_(284).forEach;
@@ -24872,11 +24882,11 @@ var BENDPOINT_CLS = BendpointUtil.BENDPOINT_CLS,
 
 var getApproxIntersection = _dereq_(270).getApproxIntersection;
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgClasses = _dereq_(307),
-    svgCreate = _dereq_(310),
-    svgRemove = _dereq_(313);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgClasses = _dereq_(304).classes,
+    svgCreate = _dereq_(304).create,
+    svgRemove = _dereq_(304).remove;
 
 var translate = _dereq_(277).translate;
 
@@ -25146,7 +25156,7 @@ Bendpoints.$inject = [
 
 module.exports = Bendpoints;
 
-},{"141":141,"267":267,"270":270,"277":277,"284":284,"285":285,"304":304,"306":306,"307":307,"310":310,"313":313}],143:[function(_dereq_,module,exports){
+},{"141":141,"267":267,"270":270,"277":277,"284":284,"285":285,"304":304}],143:[function(_dereq_,module,exports){
 'use strict';
 
 var Geometry = _dereq_(267),
@@ -25156,8 +25166,8 @@ var Geometry = _dereq_(267),
 var MARKER_CONNECT_HOVER = 'connect-hover',
     MARKER_CONNECT_UPDATING = 'djs-updating';
 
-var svgClasses = _dereq_(307),
-    svgRemove = _dereq_(313);
+var svgClasses = _dereq_(304).classes,
+    svgRemove = _dereq_(304).remove;
 
 var translate = _dereq_(277).translate;
 
@@ -25549,7 +25559,7 @@ ConnectionSegmentMove.$inject = [
 
 module.exports = ConnectionSegmentMove;
 
-},{"141":141,"251":251,"267":267,"277":277,"307":307,"313":313}],144:[function(_dereq_,module,exports){
+},{"141":141,"251":251,"267":267,"277":277,"304":304}],144:[function(_dereq_,module,exports){
 module.exports = {
   __depends__: [ _dereq_(161), _dereq_(226) ],
   __init__: [ 'bendpoints', 'bendpointSnapping' ],
@@ -25671,10 +25681,10 @@ var getElementLineIntersection = _dereq_(251).getElementLineIntersection,
 var MARKER_OK = 'connect-ok',
     MARKER_NOT_OK = 'connect-not-ok';
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgCreate = _dereq_(310),
-    svgRemove = _dereq_(313);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgCreate = _dereq_(304).create,
+    svgRemove = _dereq_(304).remove;
 
 
 function Connect(eventBus, dragging, modeling, rules, canvas, graphicsFactory) {
@@ -25848,7 +25858,7 @@ Connect.$inject = [ 'eventBus', 'dragging', 'modeling', 'rules', 'canvas', 'grap
 
 module.exports = Connect;
 
-},{"251":251,"304":304,"306":306,"310":310,"313":313}],150:[function(_dereq_,module,exports){
+},{"251":251,"304":304}],150:[function(_dereq_,module,exports){
 module.exports = {
   __depends__: [
     _dereq_(232),
@@ -26654,11 +26664,11 @@ var MARKER_OK = 'drop-ok',
     MARKER_ATTACH = 'attach-ok',
     MARKER_NEW_PARENT = 'new-parent';
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgClasses = _dereq_(307),
-    svgCreate = _dereq_(310),
-    svgRemove = _dereq_(313);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgClasses = _dereq_(304).classes,
+    svgCreate = _dereq_(304).create,
+    svgRemove = _dereq_(304).remove;
 
 var translate = _dereq_(277).translate;
 
@@ -26936,7 +26946,7 @@ Create.$inject = [
 ];
 
 module.exports = Create;
-},{"277":277,"304":304,"306":306,"307":307,"310":310,"313":313}],156:[function(_dereq_,module,exports){
+},{"277":277,"304":304}],156:[function(_dereq_,module,exports){
 module.exports = {
   __depends__: [
     _dereq_(161),
@@ -27188,8 +27198,6 @@ var domEvent = _dereq_(285).event,
     Cursor = _dereq_(264),
     ClickTrap = _dereq_(261);
 
-var EventBusEvent = _dereq_(124).Event;
-
 var DRAG_ACTIVE_CLS = 'djs-drag-active';
 
 
@@ -27327,7 +27335,14 @@ function Dragging(eventBus, canvas, selection) {
   function fire(type, dragContext) {
     dragContext = dragContext || context;
 
-    var event = assign(new EventBusEvent(), dragContext.payload, dragContext.data, { isTouch: dragContext.isTouch });
+    var event = eventBus.createEvent(
+      assign(
+        {},
+        dragContext.payload,
+        dragContext.data,
+        { isTouch: dragContext.isTouch }
+      )
+    );
 
     // default integration
     if (eventBus.fire('drag.' + type, event) === false) {
@@ -27709,7 +27724,7 @@ Dragging.$inject = [ 'eventBus', 'canvas', 'selection' ];
 
 module.exports = Dragging;
 
-},{"124":124,"261":261,"264":264,"266":266,"284":284,"285":285}],160:[function(_dereq_,module,exports){
+},{"261":261,"264":264,"266":266,"284":284,"285":285}],160:[function(_dereq_,module,exports){
 'use strict';
 
 var domClosest = _dereq_(285).closest;
@@ -28307,9 +28322,9 @@ var forEach = _dereq_(284).forEach,
 
 var isPrimaryButton = _dereq_(272).isPrimaryButton;
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgCreate = _dereq_(310);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgCreate = _dereq_(304).create;
 
 var domQuery = _dereq_(285).query;
 
@@ -28641,7 +28656,7 @@ module.exports = InteractionEvents;
  * @property {SVGElement} gfx
  * @property {Event} originalEvent
  */
-},{"272":272,"276":276,"284":284,"285":285,"304":304,"306":306,"310":310}],169:[function(_dereq_,module,exports){
+},{"272":272,"276":276,"284":284,"285":285,"304":304}],169:[function(_dereq_,module,exports){
 module.exports = {
   __init__: [ 'interactionEvents' ],
   interactionEvents: [ 'type', _dereq_(168) ]
@@ -29133,10 +29148,10 @@ var getEnclosedElements = _dereq_(265).getEnclosedElements;
 
 var hasSecondaryModifier = _dereq_(272).hasSecondaryModifier;
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgCreate = _dereq_(310),
-    svgRemove = _dereq_(313);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgCreate = _dereq_(304).create,
+    svgRemove = _dereq_(304).remove;
 
 var LASSO_TOOL_CURSOR = 'crosshair';
 
@@ -29379,7 +29394,7 @@ function toBBox(event) {
   return bbox;
 }
 
-},{"265":265,"272":272,"284":284,"304":304,"306":306,"310":310,"313":313}],175:[function(_dereq_,module,exports){
+},{"265":265,"272":272,"284":284,"304":304}],175:[function(_dereq_,module,exports){
 'use strict';
 
 module.exports = {
@@ -32234,10 +32249,10 @@ var flatten = _dereq_(284).flatten,
 
 var Elements = _dereq_(265);
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgClear = _dereq_(308),
-    svgCreate = _dereq_(310);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgClear = _dereq_(304).clear,
+    svgCreate = _dereq_(304).create;
 
 var translate = _dereq_(277).translate;
 
@@ -32468,7 +32483,7 @@ function isConnection(element) {
   return element.waypoints;
 }
 
-},{"265":265,"277":277,"284":284,"304":304,"306":306,"308":308,"310":310}],205:[function(_dereq_,module,exports){
+},{"265":265,"277":277,"284":284,"304":304}],205:[function(_dereq_,module,exports){
 module.exports = {
   __depends__: [
     _dereq_(169),
@@ -32590,9 +32605,9 @@ var getBBox = _dereq_(265).getBBox;
 
 var LOW_PRIORITY = 500;
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgCreate = _dereq_(310);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgCreate = _dereq_(304).create;
 
 var domQuery = _dereq_(285).query;
 
@@ -32706,7 +32721,7 @@ Outline.$inject = ['eventBus', 'styles', 'elementRegistry'];
 
 module.exports = Outline;
 
-},{"265":265,"284":284,"285":285,"304":304,"306":306,"310":310}],208:[function(_dereq_,module,exports){
+},{"265":265,"284":284,"285":285,"304":304}],208:[function(_dereq_,module,exports){
 'use strict';
 
 module.exports = {
@@ -34232,10 +34247,10 @@ module.exports = {
 
 var forEach = _dereq_(284).forEach;
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgClone = _dereq_(309),
-    svgCreate = _dereq_(310);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgClone = _dereq_(304).clone,
+    svgCreate = _dereq_(304).create;
 
 /**
  * Adds support for previews of moving/resizing elements.
@@ -34348,7 +34363,7 @@ function isConnection(element) {
   return element.waypoints;
 }
 
-},{"284":284,"304":304,"306":306,"309":309,"310":310}],216:[function(_dereq_,module,exports){
+},{"284":284,"304":304}],216:[function(_dereq_,module,exports){
 'use strict';
 
 module.exports = {
@@ -34644,11 +34659,11 @@ var HANDLE_OFFSET = -2,
 
 var CLS_RESIZER = 'djs-resizer';
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgClasses = _dereq_(307),
-    svgClear = _dereq_(308),
-    svgCreate = _dereq_(310);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgClasses = _dereq_(304).classes,
+    svgClear = _dereq_(304).clear,
+    svgCreate = _dereq_(304).create;
 
 var domEvent = _dereq_(285).event;
 
@@ -34808,7 +34823,7 @@ ResizeHandles.$inject = [ 'eventBus', 'canvas', 'selection', 'resize' ];
 
 module.exports = ResizeHandles;
 
-},{"251":251,"272":272,"277":277,"284":284,"285":285,"304":304,"306":306,"307":307,"308":308,"310":310}],221:[function(_dereq_,module,exports){
+},{"251":251,"272":272,"277":277,"284":284,"285":285,"304":304}],221:[function(_dereq_,module,exports){
 'use strict';
 
 var MARKER_RESIZING = 'djs-resizing',
@@ -34816,10 +34831,10 @@ var MARKER_RESIZING = 'djs-resizing',
 
 var LOW_PRIORITY = 500;
 
-var svgAttr = _dereq_(306),
-    svgRemove = _dereq_(313);
+var svgAttr = _dereq_(304).attr,
+    svgRemove = _dereq_(304).remove;
 
-var svgClasses = _dereq_(307);
+var svgClasses = _dereq_(304).classes;
 
 
 /**
@@ -34899,7 +34914,7 @@ ResizePreview.$inject = [
 
 module.exports = ResizePreview;
 
-},{"306":306,"307":307,"313":313}],222:[function(_dereq_,module,exports){
+},{"304":304}],222:[function(_dereq_,module,exports){
 'use strict';
 
 var filter = _dereq_(284).filter;
@@ -36474,10 +36489,10 @@ var HIGHER_PRIORITY = 1250;
 var isSnapped = SnapUtil.isSnapped,
     setSnapped = SnapUtil.setSnapped;
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgClasses = _dereq_(307),
-    svgCreate = _dereq_(310);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgClasses = _dereq_(304).classes,
+    svgCreate = _dereq_(304).create;
 
 
 /**
@@ -36707,7 +36722,7 @@ Snapping.prototype.getSiblings = function(element, target) {
   });
 };
 
-},{"233":233,"234":234,"284":284,"304":304,"306":306,"307":307,"310":310}],236:[function(_dereq_,module,exports){
+},{"233":233,"234":234,"284":284,"304":304}],236:[function(_dereq_,module,exports){
 'use strict';
 
 var SpaceUtil = _dereq_(238);
@@ -37003,11 +37018,11 @@ var MARKER_DRAGGING = 'djs-dragging',
 
 var LOW_PRIORITY = 250;
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgClasses = _dereq_(307),
-    svgCreate = _dereq_(310),
-    svgRemove = _dereq_(313);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgClasses = _dereq_(304).classes,
+    svgCreate = _dereq_(304).create,
+    svgRemove = _dereq_(304).remove;
 
 var translate = _dereq_(277).translate;
 
@@ -37266,7 +37281,7 @@ function isConnection(element) {
   return element.waypoints;
 }
 
-},{"277":277,"284":284,"304":304,"306":306,"307":307,"310":310,"313":313}],238:[function(_dereq_,module,exports){
+},{"277":277,"284":284,"304":304}],238:[function(_dereq_,module,exports){
 'use strict';
 
 /**
@@ -37850,9 +37865,9 @@ module.exports = {
 },{"242":242}],244:[function(_dereq_,module,exports){
 'use strict';
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgCreate = _dereq_(310);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgCreate = _dereq_(304).create;
 
 
 function TouchFix(canvas, eventBus) {
@@ -37906,7 +37921,7 @@ TouchFix.prototype.addBBoxMarker = function(svg) {
   svgAppend(svg, rect2);
 };
 
-},{"304":304,"306":306,"310":310}],245:[function(_dereq_,module,exports){
+},{"304":304}],245:[function(_dereq_,module,exports){
 'use strict';
 
 var forEach = _dereq_(284).forEach,
@@ -40730,8 +40745,8 @@ module.exports.saveClear = function(collection, removeFn) {
 },{}],276:[function(_dereq_,module,exports){
 'use strict';
 
-var svgAttr = _dereq_(306),
-    svgCreate = _dereq_(310);
+var svgAttr = _dereq_(304).attr,
+    svgCreate = _dereq_(304).create;
 
 
 module.exports.componentsToPath = function(elements) {
@@ -40768,12 +40783,12 @@ module.exports.updateLine = function(gfx, points) {
   return gfx;
 };
 
-},{"306":306,"310":310}],277:[function(_dereq_,module,exports){
+},{"304":304}],277:[function(_dereq_,module,exports){
 'use strict';
 
-var svgTransform = _dereq_(314);
+var svgTransform = _dereq_(304).transform;
 
-var createTransform = _dereq_(311).createTransform;
+var createTransform = _dereq_(304).createTransform;
 
 
 /**
@@ -40833,7 +40848,7 @@ module.exports.scale = function(gfx, amount) {
   svgTransform(gfx, scale);
 };
 
-},{"311":311,"314":314}],278:[function(_dereq_,module,exports){
+},{"304":304}],278:[function(_dereq_,module,exports){
 'use strict';
 
 var isObject = _dereq_(284).isObject,
@@ -40842,10 +40857,10 @@ var isObject = _dereq_(284).isObject,
     forEach = _dereq_(284).forEach,
     reduce = _dereq_(284).reduce;
 
-var svgAppend = _dereq_(304),
-    svgAttr = _dereq_(306),
-    svgCreate = _dereq_(310),
-    svgRemove = _dereq_(313);
+var svgAppend = _dereq_(304).append,
+    svgAttr = _dereq_(304).attr,
+    svgCreate = _dereq_(304).create,
+    svgRemove = _dereq_(304).remove;
 
 var DEFAULT_BOX_PADDING = 0;
 
@@ -41166,10 +41181,12 @@ Text.prototype.layoutText = function(text, options) {
 
 module.exports = Text;
 
-},{"284":284,"304":304,"306":306,"310":310,"313":313}],279:[function(_dereq_,module,exports){
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
+},{"284":284,"304":304}],279:[function(_dereq_,module,exports){
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+	typeof define === 'function' && define.amd ? define(['exports'], factory) :
+	(factory((global.didi = {})));
+}(this, (function (exports) { 'use strict';
 
 var CLASS_PATTERN = /^class /;
 
@@ -41505,6 +41522,10 @@ exports.annotate = annotate;
 exports.Module = Module;
 exports.Injector = Injector;
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+
 },{}],280:[function(_dereq_,module,exports){
 /*! Hammer.JS - v2.0.7 - 2016-04-22
  * http://hammerjs.github.io/
@@ -44339,9 +44360,11 @@ if (typeof Object.create === 'function') {
 }
 
 },{}],284:[function(_dereq_,module,exports){
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+	typeof define === 'function' && define.amd ? define(['exports'], factory) :
+	(factory((global.MinDash = {})));
+}(this, (function (exports) { 'use strict';
 
 /**
  * Flatten array, one level deep.
@@ -44965,11 +44988,17 @@ exports.pick = pick;
 exports.omit = omit;
 exports.merge = merge;
 
-},{}],285:[function(_dereq_,module,exports){
-'use strict';
-
 Object.defineProperty(exports, '__esModule', { value: true });
 
+})));
+
+},{}],285:[function(_dereq_,module,exports){
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+	typeof define === 'function' && define.amd ? define(['exports'], factory) :
+	(factory((global.MinDom = {})));
+}(this, (function (exports) { 'use strict';
+
 /**
  * Set attribute `name` to `val`, or get attr `name`.
  *
@@ -45519,6 +45548,10 @@ exports.query = query;
 exports.queryAll = all;
 exports.remove = remove;
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+
 },{}],286:[function(_dereq_,module,exports){
 'use strict';
 
@@ -46403,7 +46436,8 @@ var Types = _dereq_(297),
     serializeAsProperty = common.serializeAsProperty;
 
 var XML_PREAMBLE = '<?xml version="1.0" encoding="UTF-8"?>\n',
-    ESCAPE_CHARS = /(<|>|'|"|&|\n\r|\n)/g,
+    ESCAPE_ATTR_CHARS = /<|>|'|"|&|\n\r|\n/g,
+    ESCAPE_CHARS =  /<|>|&/g,
     DEFAULT_NS_MAP = common.DEFAULT_NS_MAP,
     XSI_TYPE = common.XSI_TYPE;
 
@@ -46549,16 +46583,32 @@ function getSerializableProperties(element) {
   });
 }
 
+var ESCAPE_ATTR_MAP = {
+  '\n': '#10',
+  '\n\r': '#10',
+  '"': '#34',
+  '\'': '#39',
+  '<': '#60',
+  '>': '#62',
+  '&': '#38'
+};
+
 var ESCAPE_MAP = {
-  '\n': '10',
-  '\n\r': '10',
-  '"': '34',
-  '\'': '39',
-  '<': '60',
-  '>': '62',
-  '&': '38'
+  '<': 'lt',
+  '>': 'gt',
+  '&': 'amp'
 };
 
+function escape(str, charPattern, replaceMap) {
+
+  // ensure we are handling strings here
+  str = isString(str) ? str : '' + str;
+
+  return str.replace(charPattern, function(s) {
+    return '&' + replaceMap[s] + ';';
+  });
+}
+
 /**
  * Escape a string attribute to not contain any bad values (line breaks, '"', ...)
  *
@@ -46566,13 +46616,11 @@ var ESCAPE_MAP = {
  * @return {String} the escaped string
  */
 function escapeAttr(str) {
+  return escape(str, ESCAPE_ATTR_CHARS, ESCAPE_ATTR_MAP);
+}
 
-  // ensure we are handling strings here
-  str = isString(str) ? str : '' + str;
-
-  return str.replace(ESCAPE_CHARS, function(str) {
-    return '&#' + ESCAPE_MAP[str] + ';';
-  });
+function escapeBody(str) {
+  return escape(str, ESCAPE_CHARS, ESCAPE_MAP);
 }
 
 function filterAttributes(props) {
@@ -46602,18 +46650,13 @@ ReferenceSerializer.prototype.serializeTo = function(writer) {
 
 function BodySerializer() {}
 
-BodySerializer.prototype.serializeValue = BodySerializer.prototype.serializeTo = function(writer) {
-  var escape = this.escape;
-
-  if (escape) {
-    writer.append('<![CDATA[');
-  }
-
-  writer.append(this.value);
-
-  if (escape) {
-    writer.append(']]>');
-  }
+BodySerializer.prototype.serializeValue =
+BodySerializer.prototype.serializeTo = function(writer) {
+  writer.append(
+    this.escape
+      ? escapeBody(this.value)
+      : this.value
+  );
 };
 
 BodySerializer.prototype.build = function(prop, value) {
@@ -49940,7 +49983,14 @@ module.exports = findPathIntersections;
           for (j = i + 1; j < l; j++) {
             w = s.charCodeAt(j);
 
-            if (w > 96 && w < 123 || w > 64 && w < 91 || w > 47 && w < 59 || w === 45 || w === 95) {
+            if (
+              w > 96 && w < 123 ||
+              w > 64 && w < 91 ||
+              w > 47 && w < 59 ||
+              w === 46 || // '.'
+              w === 45 || // '-'
+              w === 95 // '_'
+            ) {
               continue;
             }
 
@@ -50684,777 +50734,784 @@ else {
 } )( this );
 
 },{}],304:[function(_dereq_,module,exports){
-/**
- * append utility
- */
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (factory((global.TinySVG = {})));
+}(this, (function (exports) { 'use strict';
 
-module.exports = append;
+  function ensureImported(element, target) {
 
-var appendTo = _dereq_(305);
+    if (element.ownerDocument !== target.ownerDocument) {
+      try {
+        // may fail on webkit
+        return target.ownerDocument.importNode(element, true);
+      } catch (e) {
+        // ignore
+      }
+    }
 
-/**
- * Append a node to an element
- *
- * @param  {SVGElement} element
- * @param  {SVGElement} node
- *
- * @return {SVGElement} the element
- */
-function append(element, node) {
-  appendTo(node, element);
-  return element;
-}
-},{"305":305}],305:[function(_dereq_,module,exports){
-/**
- * appendTo utility
- */
-module.exports = appendTo;
+    return element;
+  }
 
-var ensureImported = _dereq_(315);
+  /**
+   * appendTo utility
+   */
 
-/**
- * Append a node to a target element and return the appended node.
- *
- * @param  {SVGElement} element
- * @param  {SVGElement} node
- *
- * @return {SVGElement} the appended node
- */
-function appendTo(element, target) {
-  target.appendChild(ensureImported(element, target));
-  return element;
-}
-},{"315":315}],306:[function(_dereq_,module,exports){
-/**
- * attribute accessor utility
- */
-
-module.exports = attr;
-
-
-var LENGTH_ATTR = 2;
-
-var CSS_PROPERTIES = {
-  'alignment-baseline': 1,
-  'baseline-shift': 1,
-  'clip': 1,
-  'clip-path': 1,
-  'clip-rule': 1,
-  'color': 1,
-  'color-interpolation': 1,
-  'color-interpolation-filters': 1,
-  'color-profile': 1,
-  'color-rendering': 1,
-  'cursor': 1,
-  'direction': 1,
-  'display': 1,
-  'dominant-baseline': 1,
-  'enable-background': 1,
-  'fill': 1,
-  'fill-opacity': 1,
-  'fill-rule': 1,
-  'filter': 1,
-  'flood-color': 1,
-  'flood-opacity': 1,
-  'font': 1,
-  'font-family': 1,
-  'font-size': LENGTH_ATTR,
-  'font-size-adjust': 1,
-  'font-stretch': 1,
-  'font-style': 1,
-  'font-variant': 1,
-  'font-weight': 1,
-  'glyph-orientation-horizontal': 1,
-  'glyph-orientation-vertical': 1,
-  'image-rendering': 1,
-  'kerning': 1,
-  'letter-spacing': 1,
-  'lighting-color': 1,
-  'marker': 1,
-  'marker-end': 1,
-  'marker-mid': 1,
-  'marker-start': 1,
-  'mask': 1,
-  'opacity': 1,
-  'overflow': 1,
-  'pointer-events': 1,
-  'shape-rendering': 1,
-  'stop-color': 1,
-  'stop-opacity': 1,
-  'stroke': 1,
-  'stroke-dasharray': 1,
-  'stroke-dashoffset': 1,
-  'stroke-linecap': 1,
-  'stroke-linejoin': 1,
-  'stroke-miterlimit': 1,
-  'stroke-opacity': 1,
-  'stroke-width': LENGTH_ATTR,
-  'text-anchor': 1,
-  'text-decoration': 1,
-  'text-rendering': 1,
-  'unicode-bidi': 1,
-  'visibility': 1,
-  'word-spacing': 1,
-  'writing-mode': 1
-};
-
-
-function getAttribute(node, name) {
-  if (CSS_PROPERTIES[name]) {
-    return node.style[name];
-  } else {
-    return node.getAttributeNS(null, name);
+  /**
+   * Append a node to a target element and return the appended node.
+   *
+   * @param  {SVGElement} element
+   * @param  {SVGElement} node
+   *
+   * @return {SVGElement} the appended node
+   */
+  function appendTo(element, target) {
+    target.appendChild(ensureImported(element, target));
+    return element;
+  }
+
+  /**
+   * append utility
+   */
+
+  /**
+   * Append a node to an element
+   *
+   * @param  {SVGElement} element
+   * @param  {SVGElement} node
+   *
+   * @return {SVGElement} the element
+   */
+  function append(element, node) {
+    appendTo(node, element);
+    return element;
   }
-}
 
-function setAttribute(node, name, value) {
-  var hyphenated = name.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+  /**
+   * attribute accessor utility
+   */
+
+  var LENGTH_ATTR = 2;
+
+  var CSS_PROPERTIES = {
+    'alignment-baseline': 1,
+    'baseline-shift': 1,
+    'clip': 1,
+    'clip-path': 1,
+    'clip-rule': 1,
+    'color': 1,
+    'color-interpolation': 1,
+    'color-interpolation-filters': 1,
+    'color-profile': 1,
+    'color-rendering': 1,
+    'cursor': 1,
+    'direction': 1,
+    'display': 1,
+    'dominant-baseline': 1,
+    'enable-background': 1,
+    'fill': 1,
+    'fill-opacity': 1,
+    'fill-rule': 1,
+    'filter': 1,
+    'flood-color': 1,
+    'flood-opacity': 1,
+    'font': 1,
+    'font-family': 1,
+    'font-size': LENGTH_ATTR,
+    'font-size-adjust': 1,
+    'font-stretch': 1,
+    'font-style': 1,
+    'font-variant': 1,
+    'font-weight': 1,
+    'glyph-orientation-horizontal': 1,
+    'glyph-orientation-vertical': 1,
+    'image-rendering': 1,
+    'kerning': 1,
+    'letter-spacing': 1,
+    'lighting-color': 1,
+    'marker': 1,
+    'marker-end': 1,
+    'marker-mid': 1,
+    'marker-start': 1,
+    'mask': 1,
+    'opacity': 1,
+    'overflow': 1,
+    'pointer-events': 1,
+    'shape-rendering': 1,
+    'stop-color': 1,
+    'stop-opacity': 1,
+    'stroke': 1,
+    'stroke-dasharray': 1,
+    'stroke-dashoffset': 1,
+    'stroke-linecap': 1,
+    'stroke-linejoin': 1,
+    'stroke-miterlimit': 1,
+    'stroke-opacity': 1,
+    'stroke-width': LENGTH_ATTR,
+    'text-anchor': 1,
+    'text-decoration': 1,
+    'text-rendering': 1,
+    'unicode-bidi': 1,
+    'visibility': 1,
+    'word-spacing': 1,
+    'writing-mode': 1
+  };
 
-  var type = CSS_PROPERTIES[hyphenated];
 
-  if (type) {
-    // append pixel unit, unless present
-    if (type === LENGTH_ATTR && typeof value === 'number') {
-      value = String(value) + 'px';
+  function getAttribute(node, name) {
+    if (CSS_PROPERTIES[name]) {
+      return node.style[name];
+    } else {
+      return node.getAttributeNS(null, name);
     }
+  }
 
-    node.style[hyphenated] = value;
-  } else {
-    node.setAttributeNS(null, name, value);
+  function setAttribute(node, name, value) {
+    var hyphenated = name.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+
+    var type = CSS_PROPERTIES[hyphenated];
+
+    if (type) {
+      // append pixel unit, unless present
+      if (type === LENGTH_ATTR && typeof value === 'number') {
+        value = String(value) + 'px';
+      }
+
+      node.style[hyphenated] = value;
+    } else {
+      node.setAttributeNS(null, name, value);
+    }
   }
-}
 
-function setAttributes(node, attrs) {
+  function setAttributes(node, attrs) {
 
-  var names = Object.keys(attrs), i, name;
+    var names = Object.keys(attrs), i, name;
 
-  for (i = 0, name; (name = names[i]); i++) {
-    setAttribute(node, name, attrs[name]);
+    for (i = 0, name; (name = names[i]); i++) {
+      setAttribute(node, name, attrs[name]);
+    }
   }
-}
 
-/**
- * Gets or sets raw attributes on a node.
- *
- * @param  {SVGElement} node
- * @param  {Object} [attrs]
- * @param  {String} [name]
- * @param  {String} [value]
- *
- * @return {String}
- */
-function attr(node, name, value) {
-  if (typeof name === 'string') {
-    if (value !== undefined) {
-      setAttribute(node, name, value);
+  /**
+   * Gets or sets raw attributes on a node.
+   *
+   * @param  {SVGElement} node
+   * @param  {Object} [attrs]
+   * @param  {String} [name]
+   * @param  {String} [value]
+   *
+   * @return {String}
+   */
+  function attr(node, name, value) {
+    if (typeof name === 'string') {
+      if (value !== undefined) {
+        setAttribute(node, name, value);
+      } else {
+        return getAttribute(node, name);
+      }
     } else {
-      return getAttribute(node, name);
+      setAttributes(node, name);
     }
-  } else {
-    setAttributes(node, name);
-  }
 
-  return node;
-}
+    return node;
+  }
 
-},{}],307:[function(_dereq_,module,exports){
-/**
- * Clear utility
- */
-module.exports = classes;
-
-var index = function(arr, obj) {
-  if (arr.indexOf) {
-    return arr.indexOf(obj);
-  }
-
-
-  for (var i = 0; i < arr.length; ++i) {
-    if (arr[i] === obj) {
-      return i;
+  /**
+   * Clear utility
+   */
+  function index(arr, obj) {
+    if (arr.indexOf) {
+      return arr.indexOf(obj);
     }
-  }
-
-  return -1;
-};
 
-var re = /\s+/;
 
-var toString = Object.prototype.toString;
+    for (var i = 0; i < arr.length; ++i) {
+      if (arr[i] === obj) {
+        return i;
+      }
+    }
 
-function defined(o) {
-  return typeof o !== 'undefined';
-}
+    return -1;
+  }
 
-/**
- * Wrap `el` in a `ClassList`.
- *
- * @param {Element} el
- * @return {ClassList}
- * @api public
- */
+  var re = /\s+/;
 
-function classes(el) {
-  return new ClassList(el);
-}
+  var toString = Object.prototype.toString;
 
-function ClassList(el) {
-  if (!el || !el.nodeType) {
-    throw new Error('A DOM element reference is required');
+  function defined(o) {
+    return typeof o !== 'undefined';
   }
-  this.el = el;
-  this.list = el.classList;
-}
-
-/**
- * Add class `name` if not already present.
- *
- * @param {String} name
- * @return {ClassList}
- * @api public
- */
 
-ClassList.prototype.add = function(name) {
+  /**
+   * Wrap `el` in a `ClassList`.
+   *
+   * @param {Element} el
+   * @return {ClassList}
+   * @api public
+   */
 
-  // classList
-  if (this.list) {
-    this.list.add(name);
-    return this;
+  function classes(el) {
+    return new ClassList(el);
   }
 
-  // fallback
-  var arr = this.array();
-  var i = index(arr, name);
-  if (!~i) {
-    arr.push(name);
+  function ClassList(el) {
+    if (!el || !el.nodeType) {
+      throw new Error('A DOM element reference is required');
+    }
+    this.el = el;
+    this.list = el.classList;
   }
 
-  if (defined(this.el.className.baseVal)) {
-    this.el.className.baseVal = arr.join(' ');
-  } else {
-    this.el.className = arr.join(' ');
-  }
+  /**
+   * Add class `name` if not already present.
+   *
+   * @param {String} name
+   * @return {ClassList}
+   * @api public
+   */
 
-  return this;
-};
+  ClassList.prototype.add = function(name) {
 
-/**
- * Remove class `name` when present, or
- * pass a regular expression to remove
- * any which match.
- *
- * @param {String|RegExp} name
- * @return {ClassList}
- * @api public
- */
+    // classList
+    if (this.list) {
+      this.list.add(name);
+      return this;
+    }
 
-ClassList.prototype.remove = function(name) {
-  if ('[object RegExp]' === toString.call(name)) {
-    return this.removeMatching(name);
-  }
+    // fallback
+    var arr = this.array();
+    var i = index(arr, name);
+    if (!~i) {
+      arr.push(name);
+    }
+
+    if (defined(this.el.className.baseVal)) {
+      this.el.className.baseVal = arr.join(' ');
+    } else {
+      this.el.className = arr.join(' ');
+    }
 
-  // classList
-  if (this.list) {
-    this.list.remove(name);
     return this;
-  }
+  };
 
-  // fallback
-  var arr = this.array();
-  var i = index(arr, name);
-  if (~i) {
-    arr.splice(i, 1);
-  }
-  this.el.className.baseVal = arr.join(' ');
-  return this;
-};
+  /**
+   * Remove class `name` when present, or
+   * pass a regular expression to remove
+   * any which match.
+   *
+   * @param {String|RegExp} name
+   * @return {ClassList}
+   * @api public
+   */
 
-/**
- * Remove all classes matching `re`.
- *
- * @param {RegExp} re
- * @return {ClassList}
- * @api private
- */
+  ClassList.prototype.remove = function(name) {
+    if ('[object RegExp]' === toString.call(name)) {
+      return this.removeMatching(name);
+    }
 
-ClassList.prototype.removeMatching = function(re) {
-  var arr = this.array();
-  for (var i = 0; i < arr.length; i++) {
-    if (re.test(arr[i])) {
-      this.remove(arr[i]);
+    // classList
+    if (this.list) {
+      this.list.remove(name);
+      return this;
     }
-  }
-  return this;
-};
 
-/**
- * Toggle class `name`, can force state via `force`.
- *
- * For browsers that support classList, but do not support `force` yet,
- * the mistake will be detected and corrected.
- *
- * @param {String} name
- * @param {Boolean} force
- * @return {ClassList}
- * @api public
- */
+    // fallback
+    var arr = this.array();
+    var i = index(arr, name);
+    if (~i) {
+      arr.splice(i, 1);
+    }
+    this.el.className.baseVal = arr.join(' ');
+    return this;
+  };
 
-ClassList.prototype.toggle = function(name, force) {
-  // classList
-  if (this.list) {
-    if (defined(force)) {
-      if (force !== this.list.toggle(name, force)) {
-        this.list.toggle(name); // toggle again to correct
+  /**
+   * Remove all classes matching `re`.
+   *
+   * @param {RegExp} re
+   * @return {ClassList}
+   * @api private
+   */
+
+  ClassList.prototype.removeMatching = function(re) {
+    var arr = this.array();
+    for (var i = 0; i < arr.length; i++) {
+      if (re.test(arr[i])) {
+        this.remove(arr[i]);
       }
-    } else {
-      this.list.toggle(name);
     }
     return this;
-  }
+  };
 
-  // fallback
-  if (defined(force)) {
-    if (!force) {
-      this.remove(name);
-    } else {
-      this.add(name);
+  /**
+   * Toggle class `name`, can force state via `force`.
+   *
+   * For browsers that support classList, but do not support `force` yet,
+   * the mistake will be detected and corrected.
+   *
+   * @param {String} name
+   * @param {Boolean} force
+   * @return {ClassList}
+   * @api public
+   */
+
+  ClassList.prototype.toggle = function(name, force) {
+    // classList
+    if (this.list) {
+      if (defined(force)) {
+        if (force !== this.list.toggle(name, force)) {
+          this.list.toggle(name); // toggle again to correct
+        }
+      } else {
+        this.list.toggle(name);
+      }
+      return this;
     }
-  } else {
-    if (this.has(name)) {
-      this.remove(name);
+
+    // fallback
+    if (defined(force)) {
+      if (!force) {
+        this.remove(name);
+      } else {
+        this.add(name);
+      }
     } else {
-      this.add(name);
+      if (this.has(name)) {
+        this.remove(name);
+      } else {
+        this.add(name);
+      }
     }
-  }
 
-  return this;
-};
+    return this;
+  };
 
-/**
- * Return an array of classes.
- *
- * @return {Array}
- * @api public
- */
+  /**
+   * Return an array of classes.
+   *
+   * @return {Array}
+   * @api public
+   */
 
-ClassList.prototype.array = function() {
-  var className = this.el.getAttribute('class') || '';
-  var str = className.replace(/^\s+|\s+$/g, '');
-  var arr = str.split(re);
-  if ('' === arr[0]) {
-    arr.shift();
-  }
-  return arr;
-};
+  ClassList.prototype.array = function() {
+    var className = this.el.getAttribute('class') || '';
+    var str = className.replace(/^\s+|\s+$/g, '');
+    var arr = str.split(re);
+    if ('' === arr[0]) {
+      arr.shift();
+    }
+    return arr;
+  };
 
-/**
- * Check if class `name` is present.
- *
- * @param {String} name
- * @return {ClassList}
- * @api public
- */
+  /**
+   * Check if class `name` is present.
+   *
+   * @param {String} name
+   * @return {ClassList}
+   * @api public
+   */
 
-ClassList.prototype.has =
-ClassList.prototype.contains = function(name) {
-  return (
-    this.list ?
-      this.list.contains(name) :
-      !! ~index(this.array(), name)
-  );
-};
-
-},{}],308:[function(_dereq_,module,exports){
-/**
- * Clear utility
- */
-
-module.exports = clear;
-
+  ClassList.prototype.has =
+  ClassList.prototype.contains = function(name) {
+    return (
+      this.list ?
+        this.list.contains(name) :
+        !! ~index(this.array(), name)
+    );
+  };
 
-var remove = _dereq_(313);
+  function remove(element) {
+    var parent = element.parentNode;
 
-/**
- * Removes all children from the given element
- *
- * @param  {DOMElement} element
- * @return {DOMElement} the element (for chaining)
- */
-function clear(element) {
-  var child;
+    if (parent) {
+      parent.removeChild(element);
+    }
 
-  while ((child = element.firstChild)) {
-    remove(child);
+    return element;
   }
 
-  return element;
-}
-},{"313":313}],309:[function(_dereq_,module,exports){
-module.exports = clone;
-
-function clone(element) {
-  return element.cloneNode(true);
-}
-},{}],310:[function(_dereq_,module,exports){
-/**
- * Create utility for SVG elements
- */
-
-module.exports = create;
-
-
-var attr = _dereq_(306);
-var parse = _dereq_(317);
-var ns = _dereq_(316);
+  /**
+   * Clear utility
+   */
 
+  /**
+   * Removes all children from the given element
+   *
+   * @param  {DOMElement} element
+   * @return {DOMElement} the element (for chaining)
+   */
+  function clear(element) {
+    var child;
 
-/**
- * Create a specific type from name or SVG markup.
- *
- * @param {String} name the name or markup of the element
- * @param {Object} [attrs] attributes to set on the element
- *
- * @returns {SVGElement}
- */
-function create(name, attrs) {
-  var element;
+    while ((child = element.firstChild)) {
+      remove(child);
+    }
 
-  if (name.charAt(0) === '<') {
-    element = parse(name).firstChild;
-    element = document.importNode(element, true);
-  } else {
-    element = document.createElementNS(ns.svg, name);
+    return element;
   }
 
-  if (attrs) {
-    attr(element, attrs);
+  function clone(element) {
+    return element.cloneNode(true);
   }
 
-  return element;
-}
-},{"306":306,"316":316,"317":317}],311:[function(_dereq_,module,exports){
-/**
- * Geometry helpers
- */
+  var ns = {
+    svg: 'http://www.w3.org/2000/svg'
+  };
 
+  /**
+   * DOM parsing utility
+   */
 
-var create = _dereq_(310);
+  var SVG_START = '<svg xmlns="' + ns.svg + '"';
 
-// fake node used to instantiate svg geometry elements
-var node = create('svg');
+  function parse(svg) {
 
-function extend(object, props) {
-  var i, k, keys = Object.keys(props);
+    // ensure we import a valid svg document
+    if (svg.substring(0, 4) === '<svg') {
+      if (svg.indexOf(ns.svg) === -1) {
+        svg = SVG_START + svg.substring(4);
+      }
+    } else {
+      // namespace svg
+      svg = SVG_START + '>' + svg + '</svg>';
+    }
 
-  for (i = 0; (k = keys[i]); i++) {
-    object[k] = props[k];
+    return parseDocument(svg);
   }
 
-  return object;
-}
+  function parseDocument(svg) {
 
+    var parser;
 
-function createPoint(x, y) {
-  var point = node.createSVGPoint();
+    // parse
+    parser = new DOMParser();
+    parser.async = false;
 
-  switch (arguments.length) {
-  case 0:
-    return point;
-  case 2:
-    x = {
-      x: x,
-      y: y
-    };
-    break;
+    return parser.parseFromString(svg, 'text/xml');
   }
 
-  return extend(point, x);
-}
+  /**
+   * Create utility for SVG elements
+   */
 
-function createMatrix(a, b, c, d, e, f) {
-  var matrix = node.createSVGMatrix();
 
-  switch (arguments.length) {
-  case 0:
-    return matrix;
-  case 6:
-    a = {
-      a: a,
-      b: b,
-      c: c,
-      d: d,
-      e: e,
-      f: f
-    };
-    break;
-  }
-
-  return extend(matrix, a);
-}
+  /**
+   * Create a specific type from name or SVG markup.
+   *
+   * @param {String} name the name or markup of the element
+   * @param {Object} [attrs] attributes to set on the element
+   *
+   * @returns {SVGElement}
+   */
+  function create(name, attrs) {
+    var element;
 
-function createTransform(matrix) {
-  if (matrix) {
-    return node.createSVGTransformFromMatrix(matrix);
-  } else {
-    return node.createSVGTransform();
-  }
-}
+    if (name.charAt(0) === '<') {
+      element = parse(name).firstChild;
+      element = document.importNode(element, true);
+    } else {
+      element = document.createElementNS(ns.svg, name);
+    }
 
+    if (attrs) {
+      attr(element, attrs);
+    }
 
-module.exports.createTransform = createTransform;
-module.exports.createMatrix = createMatrix;
-module.exports.createPoint = createPoint;
-},{"310":310}],312:[function(_dereq_,module,exports){
-/**
- * innerHTML like functionality for SVG elements.
- * based on innerSVG (https://code.google.com/p/innersvg)
- */
+    return element;
+  }
 
-module.exports = innerSVG;
+  /**
+   * Events handling utility
+   */
 
+  function on(node, event, listener, useCapture) {
+    node.addEventListener(event, listener, useCapture);
+  }
 
-var clear = _dereq_(308);
-var appendTo = _dereq_(305);
-var parse = _dereq_(317);
-var serialize = _dereq_(318);
+  function off(node, event, listener, useCapture) {
+    node.removeEventListener(event, listener, useCapture);
+  }
 
+  /**
+   * Geometry helpers
+   */
 
-function set(element, svg) {
+  // fake node used to instantiate svg geometry elements
+  var node = create('svg');
 
-  var node,
-      documentElement = parse(svg).documentElement;
+  function extend(object, props) {
+    var i, k, keys = Object.keys(props);
 
-  // clear element contents
-  clear(element);
+    for (i = 0; (k = keys[i]); i++) {
+      object[k] = props[k];
+    }
 
-  if (!svg) {
-    return;
+    return object;
   }
 
-  // import + append each node
-  node = documentElement.firstChild;
 
-  while (node) {
-    appendTo(node, element);
-    node = node.nextSibling;
-  }
-}
+  function createPoint(x, y) {
+    var point = node.createSVGPoint();
 
-function get(element) {
-  var child = element.firstChild,
-      output = [];
+    switch (arguments.length) {
+    case 0:
+      return point;
+    case 2:
+      x = {
+        x: x,
+        y: y
+      };
+      break;
+    }
 
-  while (child) {
-    serialize(child, output);
-    child = child.nextSibling;
+    return extend(point, x);
   }
 
-  return output.join('');
-}
+  function createMatrix(a, b, c, d, e, f) {
+    var matrix = node.createSVGMatrix();
 
-function innerSVG(element, svg) {
+    switch (arguments.length) {
+    case 0:
+      return matrix;
+    case 6:
+      a = {
+        a: a,
+        b: b,
+        c: c,
+        d: d,
+        e: e,
+        f: f
+      };
+      break;
+    }
 
-  if (svg !== undefined) {
+    return extend(matrix, a);
+  }
 
-    try {
-      set(element, svg);
-    } catch (e) {
-      throw new Error('error parsing SVG: ' + e.message);
+  function createTransform(matrix) {
+    if (matrix) {
+      return node.createSVGTransformFromMatrix(matrix);
+    } else {
+      return node.createSVGTransform();
     }
-
-    return element;
-  } else {
-    return get(element);
   }
-}
-},{"305":305,"308":308,"317":317,"318":318}],313:[function(_dereq_,module,exports){
-module.exports = remove;
 
-function remove(element) {
-  var parent = element.parentNode;
+  /**
+   * Serialization util
+   */
 
-  if (parent) {
-    parent.removeChild(element);
-  }
+  var TEXT_ENTITIES = /([&<>]{1})/g;
+  var ATTR_ENTITIES = /([\n\r"]{1})/g;
 
-  return element;
-}
-},{}],314:[function(_dereq_,module,exports){
-/**
- * transform accessor utility
- */
+  var ENTITY_REPLACEMENT = {
+    '&': '&amp;',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '\''
+  };
 
-module.exports = transform;
+  function escape(str, pattern) {
 
-function wrapMatrix(transformList, transform) {
-  if (transform instanceof SVGMatrix) {
-    return transformList.createSVGTransformFromMatrix(transform);
-  } else {
-    return transform;
+    function replaceFn(match, entity) {
+      return ENTITY_REPLACEMENT[entity] || entity;
+    }
+
+    return str.replace(pattern, replaceFn);
   }
-}
 
-function setTransforms(transformList, transforms) {
-  var i, t;
+  function serialize(node, output) {
 
-  transformList.clear();
+    var i, len, attrMap, attrNode, childNodes;
 
-  for (i = 0; (t = transforms[i]); i++) {
-    transformList.appendItem(wrapMatrix(transformList, t));
-  }
+    switch (node.nodeType) {
+    // TEXT
+    case 3:
+      // replace special XML characters
+      output.push(escape(node.textContent, TEXT_ENTITIES));
+      break;
 
-  transformList.consolidate();
-}
+    // ELEMENT
+    case 1:
+      output.push('<', node.tagName);
 
-function transform(node, transforms) {
-  var transformList = node.transform.baseVal;
+      if (node.hasAttributes()) {
+        attrMap = node.attributes;
+        for (i = 0, len = attrMap.length; i < len; ++i) {
+          attrNode = attrMap.item(i);
+          output.push(' ', attrNode.name, '="', escape(attrNode.value, ATTR_ENTITIES), '"');
+        }
+      }
 
-  if (arguments.length === 1) {
-    return transformList.consolidate();
-  } else {
-    if (transforms.length) {
-      setTransforms(transformList, transforms);
-    } else {
-      transformList.initialize(wrapMatrix(transformList, transforms));
-    }
-  }
-}
-},{}],315:[function(_dereq_,module,exports){
-module.exports = ensureImported;
+      if (node.hasChildNodes()) {
+        output.push('>');
+        childNodes = node.childNodes;
+        for (i = 0, len = childNodes.length; i < len; ++i) {
+          serialize(childNodes.item(i), output);
+        }
+        output.push('</', node.tagName, '>');
+      } else {
+        output.push('/>');
+      }
+      break;
 
-function ensureImported(element, target) {
+    // COMMENT
+    case 8:
+      output.push('<!--', escape(node.nodeValue, TEXT_ENTITIES), '-->');
+      break;
 
-  if (element.ownerDocument !== target.ownerDocument) {
-    try {
-      // may fail on webkit
-      return target.ownerDocument.importNode(element, true);
-    } catch (e) {
-      // ignore
+    // CDATA
+    case 4:
+      output.push('<![CDATA[', node.nodeValue, ']]>');
+      break;
+
+    default:
+      throw new Error('unable to handle node ' + node.nodeType);
     }
+
+    return output;
   }
 
-  return element;
-}
-},{}],316:[function(_dereq_,module,exports){
-var ns = {
-  svg: 'http://www.w3.org/2000/svg'
-};
+  /**
+   * innerHTML like functionality for SVG elements.
+   * based on innerSVG (https://code.google.com/p/innersvg)
+   */
 
-module.exports = ns;
-},{}],317:[function(_dereq_,module,exports){
-/**
- * DOM parsing utility
- */
 
-module.exports = parse;
+  function set(element, svg) {
 
+    var node,
+        documentElement = parse(svg).documentElement;
 
-var ns = _dereq_(316);
+    // clear element contents
+    clear(element);
 
-var SVG_START = '<svg xmlns="' + ns.svg + '"';
+    if (!svg) {
+      return;
+    }
 
-function parse(svg) {
+    // import + append each node
+    node = documentElement.firstChild;
 
-  // ensure we import a valid svg document
-  if (svg.substring(0, 4) === '<svg') {
-    if (svg.indexOf(ns.svg) === -1) {
-      svg = SVG_START + svg.substring(4);
+    while (node) {
+      appendTo(node, element);
+      node = node.nextSibling;
     }
-  } else {
-    // namespace svg
-    svg = SVG_START + '>' + svg + '</svg>';
   }
 
-  return parseDocument(svg);
-}
+  function get(element) {
+    var child = element.firstChild,
+        output = [];
 
-function parseDocument(svg) {
+    while (child) {
+      serialize(child, output);
+      child = child.nextSibling;
+    }
 
-  var parser;
+    return output.join('');
+  }
 
-  // parse
-  parser = new DOMParser();
-  parser.async = false;
+  function innerSVG(element, svg) {
 
-  return parser.parseFromString(svg, 'text/xml');
-}
-},{"316":316}],318:[function(_dereq_,module,exports){
-/**
- * Serialization util
- */
+    if (svg !== undefined) {
 
-module.exports = serialize;
+      try {
+        set(element, svg);
+      } catch (e) {
+        throw new Error('error parsing SVG: ' + e.message);
+      }
 
+      return element;
+    } else {
+      return get(element);
+    }
+  }
 
-var TEXT_ENTITIES = /([&<>]{1})/g;
-var ATTR_ENTITIES = /([\n\r"]{1})/g;
+  /**
+   * Selection utilities
+   */
 
-var ENTITY_REPLACEMENT = {
-  '&': '&amp;',
-  '<': '&lt;',
-  '>': '&gt;',
-  '"': '\''
-};
+  function select(node, selector) {
+    return node.querySelector(selector);
+  }
 
-function escape(str, pattern) {
+  function selectAll(node, selector) {
+    var nodes = node.querySelectorAll(selector);
 
-  function replaceFn(match, entity) {
-    return ENTITY_REPLACEMENT[entity] || entity;
+    return [].map.call(nodes, function(element) {
+      return element;
+    });
   }
 
-  return str.replace(pattern, replaceFn);
-}
+  /**
+   * Replace utility
+   */
 
-function serialize(node, output) {
+  function replace(element, replacement) {
+    element.parentNode.replaceChild(ensureImported(replacement, element), element);
+    return replacement;
+  }
 
-  var i, len, attrMap, attrNode, childNodes;
+  /**
+   * transform accessor utility
+   */
 
-  switch (node.nodeType) {
-  // TEXT
-  case 3:
-    // replace special XML characters
-    output.push(escape(node.textContent, TEXT_ENTITIES));
-    break;
+  function wrapMatrix(transformList, transform) {
+    if (transform instanceof SVGMatrix) {
+      return transformList.createSVGTransformFromMatrix(transform);
+    } else {
+      return transform;
+    }
+  }
 
-  // ELEMENT
-  case 1:
-    output.push('<', node.tagName);
+  function setTransforms(transformList, transforms) {
+    var i, t;
 
-    if (node.hasAttributes()) {
-      attrMap = node.attributes;
-      for (i = 0, len = attrMap.length; i < len; ++i) {
-        attrNode = attrMap.item(i);
-        output.push(' ', attrNode.name, '="', escape(attrNode.value, ATTR_ENTITIES), '"');
-      }
-    }
+    transformList.clear();
 
-    if (node.hasChildNodes()) {
-      output.push('>');
-      childNodes = node.childNodes;
-      for (i = 0, len = childNodes.length; i < len; ++i) {
-        serialize(childNodes.item(i), output);
-      }
-      output.push('</', node.tagName, '>');
-    } else {
-      output.push('/>');
+    for (i = 0; (t = transforms[i]); i++) {
+      transformList.appendItem(wrapMatrix(transformList, t));
     }
-    break;
 
-  // COMMENT
-  case 8:
-    output.push('<!--', escape(node.nodeValue, TEXT_ENTITIES), '-->');
-    break;
+    transformList.consolidate();
+  }
 
-  // CDATA
-  case 4:
-    output.push('<![CDATA[', node.nodeValue, ']]>');
-    break;
+  function transform(node, transforms) {
+    var transformList = node.transform.baseVal;
 
-  default:
-    throw new Error('unable to handle node ' + node.nodeType);
-  }
+    if (arguments.length === 1) {
+      return transformList.consolidate();
+    } else {
+      if (transforms.length) {
+        setTransforms(transformList, transforms);
+      } else {
+        transformList.initialize(wrapMatrix(transformList, transforms));
+      }
+    }
+  }
+
+  exports.append = append;
+  exports.appendTo = appendTo;
+  exports.attr = attr;
+  exports.classes = classes;
+  exports.clear = clear;
+  exports.clone = clone;
+  exports.create = create;
+  exports.innerSVG = innerSVG;
+  exports.remove = remove;
+  exports.replace = replace;
+  exports.transform = transform;
+  exports.on = on;
+  exports.off = off;
+  exports.createPoint = createPoint;
+  exports.createMatrix = createMatrix;
+  exports.createTransform = createTransform;
+  exports.select = select;
+  exports.selectAll = selectAll;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
 
-  return output;
-}
 },{}]},{},[1])(1)
 });