diff --git a/demos/demo1/bundle.js b/demos/demo1/bundle.js
index 00c77a1..46a0ce3 100644
--- a/demos/demo1/bundle.js
+++ b/demos/demo1/bundle.js
@@ -1,2193 +1,5 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("React"), require("lodash"), require("ReactDOM"));
-	else if(typeof define === 'function' && define.amd)
-		define(["React", "_", "ReactDOM"], factory);
-	else if(typeof exports === 'object')
-		exports["storm-react-diagrams"] = factory(require("React"), require("lodash"), require("ReactDOM"));
-	else
-		root["storm-react-diagrams"] = factory(root["React"], root["_"], root["ReactDOM"]);
-})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_16__) {
-return /******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId])
-/******/ 			return installedModules[moduleId].exports;
-/******/
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// identity function for calling harmony imports with the correct context
-/******/ 	__webpack_require__.i = function(value) { return value; };
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, {
-/******/ 				configurable: false,
-/******/ 				enumerable: true,
-/******/ 				get: getter
-/******/ 			});
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 27);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
-
-/***/ }),
-/* 1 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE_1__;
-
-/***/ }),
-/* 2 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var Toolkit_1 = __webpack_require__(4);
-var BaseEntity_1 = __webpack_require__(3);
-var _ = __webpack_require__(1);
-/**
- * @author Dylan Vorster
- */
-var BaseModel = (function (_super) {
-    __extends(BaseModel, _super);
-    function BaseModel() {
-        var _this = _super.call(this) || this;
-        _this.id = Toolkit_1.Toolkit.UID();
-        _this.selected = false;
-        return _this;
-    }
-    BaseModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            _class: this.constructor.name,
-            selected: this.selected
-        });
-    };
-    BaseModel.prototype.getID = function () {
-        return this.id;
-    };
-    BaseModel.prototype.isSelected = function () {
-        return this.selected;
-    };
-    BaseModel.prototype.setSelected = function (selected) {
-        this.selected = selected;
-        this.itterateListeners(function (listener) {
-            if (listener.selectionChanged) {
-                listener.selectionChanged();
-            }
-        });
-    };
-    BaseModel.prototype.remove = function () {
-        console.log("removing: ", this);
-        this.itterateListeners(function (listener) {
-            if (listener.entityRemoved) {
-                listener.entityRemoved();
-            }
-        });
-    };
-    return BaseModel;
-}(BaseEntity_1.BaseEnity));
-exports.BaseModel = BaseModel;
-var PointModel = (function (_super) {
-    __extends(PointModel, _super);
-    function PointModel(link, points) {
-        var _this = _super.call(this) || this;
-        _this.x = points.x;
-        _this.y = points.y;
-        _this.link = link;
-        return _this;
-    }
-    PointModel.prototype.serialize = function () {
-        return _.extend(_super.prototype.serialize.call(this), {
-            x: this.x,
-            y: this.y
-        });
-    };
-    PointModel.prototype.remove = function () {
-        _super.prototype.remove.call(this);
-        //clear references
-        if (this.link) {
-            this.link.removePoint(this);
-        }
-    };
-    PointModel.prototype.updateLocation = function (points) {
-        this.x = points.x;
-        this.y = points.y;
-    };
-    PointModel.prototype.getX = function () {
-        return this.x;
-    };
-    PointModel.prototype.getY = function () {
-        return this.y;
-    };
-    PointModel.prototype.getLink = function () {
-        return this.link;
-    };
-    return PointModel;
-}(BaseModel));
-exports.PointModel = PointModel;
-var LinkModel = (function (_super) {
-    __extends(LinkModel, _super);
-    function LinkModel() {
-        var _this = _super.call(this) || this;
-        _this.linkType = 'default';
-        _this.points = [
-            new PointModel(_this, { x: 0, y: 0 }),
-            new PointModel(_this, { x: 0, y: 0 }),
-        ];
-        _this.extras = {};
-        _this.sourcePort = null;
-        _this.targetPort = null;
-        return _this;
-    }
-    LinkModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            type: this.linkType,
-            source: this.sourcePort ? this.sourcePort.getParent().id : null,
-            sourcePort: this.sourcePort ? this.sourcePort.id : null,
-            points: _.map(this.points, function (point) {
-                return point.serialize();
-            }),
-            extras: this.extras
-        });
-    };
-    LinkModel.prototype.remove = function () {
-        _super.prototype.remove.call(this);
-        if (this.sourcePort) {
-            this.sourcePort.removeLink(this);
-        }
-        if (this.targetPort) {
-            this.targetPort.removeLink(this);
-        }
-    };
-    LinkModel.prototype.isLastPoint = function (point) {
-        var index = this.getPointIndex(point);
-        return index === this.points.length - 1;
-    };
-    LinkModel.prototype.getPointIndex = function (point) {
-        return this.points.indexOf(point);
-    };
-    LinkModel.prototype.getPointModel = function (id) {
-        for (var i = 0; i < this.points.length; i++) {
-            if (this.points[i].id === id) {
-                return this.points[i];
-            }
-        }
-        return null;
-    };
-    LinkModel.prototype.getFirstPoint = function () {
-        return this.points[0];
-    };
-    LinkModel.prototype.getLastPoint = function () {
-        return this.points[this.points.length - 1];
-    };
-    LinkModel.prototype.setSourcePort = function (port) {
-        port.addLink(this);
-        this.sourcePort = port;
-    };
-    LinkModel.prototype.getSourcePort = function () {
-        return this.sourcePort;
-    };
-    LinkModel.prototype.getTargetPort = function () {
-        return this.targetPort;
-    };
-    LinkModel.prototype.setTargetPort = function (port) {
-        port.addLink(this);
-        this.targetPort = port;
-    };
-    LinkModel.prototype.getPoints = function () {
-        return this.points;
-    };
-    LinkModel.prototype.setPoints = function (points) {
-        this.points = points;
-    };
-    LinkModel.prototype.removePoint = function (pointModel) {
-        this.points.splice(this.getPointIndex(pointModel), 1);
-    };
-    LinkModel.prototype.addPoint = function (pointModel, index) {
-        if (index === void 0) { index = 1; }
-        this.points.splice(index, 0, pointModel);
-    };
-    LinkModel.prototype.getType = function () {
-        return this.linkType;
-    };
-    return LinkModel;
-}(BaseModel));
-exports.LinkModel = LinkModel;
-var PortModel = (function (_super) {
-    __extends(PortModel, _super);
-    function PortModel(name) {
-        var _this = _super.call(this) || this;
-        _this.name = name;
-        _this.links = {};
-        _this.parentNode = null;
-        return _this;
-    }
-    PortModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            name: this.name,
-            parentNode: this.parentNode.id,
-            links: _.map(this.links, function (link) {
-                return link.id;
-            })
-        });
-    };
-    PortModel.prototype.getName = function () {
-        return this.name;
-    };
-    PortModel.prototype.getParent = function () {
-        return this.parentNode;
-    };
-    PortModel.prototype.setParentNode = function (node) {
-        this.parentNode = node;
-    };
-    PortModel.prototype.removeLink = function (link) {
-        delete this.links[link.getID()];
-    };
-    PortModel.prototype.addLink = function (link) {
-        this.links[link.getID()] = link;
-    };
-    PortModel.prototype.getLinks = function () {
-        return this.links;
-    };
-    return PortModel;
-}(BaseModel));
-exports.PortModel = PortModel;
-var NodeModel = (function (_super) {
-    __extends(NodeModel, _super);
-    function NodeModel(nodeType) {
-        if (nodeType === void 0) { nodeType = 'default'; }
-        var _this = _super.call(this) || this;
-        _this.nodeType = nodeType;
-        _this.x = 0;
-        _this.y = 0;
-        _this.extras = {};
-        _this.ports = {};
-        return _this;
-    }
-    NodeModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            type: this.nodeType,
-            x: this.x,
-            y: this.y,
-            extras: this.extras,
-            ports: _.map(this.ports, function (port) {
-                return port.serialize();
-            })
-        });
-    };
-    NodeModel.prototype.remove = function () {
-        _super.prototype.remove.call(this);
-        for (var i in this.ports) {
-            _.forEach(this.ports[i].getLinks(), function (link) {
-                link.remove();
-            });
-        }
-    };
-    NodeModel.prototype.getPort = function (name) {
-        return this.ports[name];
-    };
-    NodeModel.prototype.getPorts = function () {
-        return this.ports;
-    };
-    NodeModel.prototype.removePort = function (port) {
-        //clear the parent node reference
-        if (this.ports[port.name]) {
-            this.ports[port.name].setParentNode(null);
-            delete this.ports[port.name];
-        }
-    };
-    NodeModel.prototype.addPort = function (port) {
-        port.setParentNode(this);
-        this.ports[port.name] = port;
-        return port;
-    };
-    NodeModel.prototype.getType = function () {
-        return this.nodeType;
-    };
-    return NodeModel;
-}(BaseModel));
-exports.NodeModel = NodeModel;
-
-
-/***/ }),
-/* 3 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var Toolkit_1 = __webpack_require__(4);
-/**
- * @author Dylan Vorster
- */
-var BaseListener = (function () {
-    function BaseListener() {
-    }
-    return BaseListener;
-}());
-exports.BaseListener = BaseListener;
-var BaseEnity = (function () {
-    function BaseEnity() {
-        this.listeners = {};
-        this.id = Toolkit_1.Toolkit.UID();
-    }
-    BaseEnity.prototype.getID = function () {
-        return this.id;
-    };
-    BaseEnity.prototype.clearListeners = function () {
-        this.listeners = {};
-    };
-    BaseEnity.prototype.serialize = function () {
-        return {
-            id: this.id,
-        };
-    };
-    BaseEnity.prototype.itterateListeners = function (cb) {
-        for (var i in this.listeners) {
-            cb(this.listeners[i]);
-        }
-    };
-    BaseEnity.prototype.removeListener = function (listener) {
-        if (this.listeners[listener]) {
-            delete this.listeners[listener];
-            return true;
-        }
-        return false;
-    };
-    BaseEnity.prototype.addListener = function (listener) {
-        var uid = Toolkit_1.Toolkit.UID();
-        this.listeners[uid] = listener;
-        return uid;
-    };
-    return BaseEnity;
-}());
-exports.BaseEnity = BaseEnity;
-
-
-/***/ }),
-/* 4 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-/**
- * @author Dylan Vorster
- */
-var Toolkit = (function () {
-    function Toolkit() {
-    }
-    /**
-   * Generats a unique ID (thanks Stack overflow :3)
-   * @returns {String}
-   */
-    Toolkit.UID = function () {
-        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-            var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
-            return v.toString(16);
-        });
-    };
-    return Toolkit;
-}());
-exports.Toolkit = Toolkit;
-
-
-/***/ }),
-/* 5 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-/**
- * @author Dylan Vorster
- */
-var WidgetFactory = (function () {
-    function WidgetFactory(name) {
-        this.type = name;
-    }
-    WidgetFactory.prototype.getType = function () {
-        return this.type;
-    };
-    return WidgetFactory;
-}());
-exports.WidgetFactory = WidgetFactory;
-var NodeWidgetFactory = (function (_super) {
-    __extends(NodeWidgetFactory, _super);
-    function NodeWidgetFactory() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return NodeWidgetFactory;
-}(WidgetFactory));
-exports.NodeWidgetFactory = NodeWidgetFactory;
-var LinkWidgetFactory = (function (_super) {
-    __extends(LinkWidgetFactory, _super);
-    function LinkWidgetFactory() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return LinkWidgetFactory;
-}(WidgetFactory));
-exports.LinkWidgetFactory = LinkWidgetFactory;
-
-
-/***/ }),
-/* 6 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var Common_1 = __webpack_require__(2);
-var BaseEntity_1 = __webpack_require__(3);
-var _ = __webpack_require__(1);
-/**
- *
- */
-var DiagramModel = (function (_super) {
-    __extends(DiagramModel, _super);
-    function DiagramModel() {
-        var _this = _super.call(this) || this;
-        _this.links = {};
-        _this.nodes = {};
-        _this.offsetX = 0;
-        _this.offsetY = 0;
-        _this.zoom = 100;
-        return _this;
-    }
-    DiagramModel.prototype.deSerialize = function (object) {
-    };
-    DiagramModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            offsetX: this.offsetX,
-            offsetY: this.offsetY,
-            zoom: this.zoom,
-            links: _.map(this.links, function (link) {
-                return link.serialize();
-            }),
-            nodes: _.map(this.nodes, function (link) {
-                return link.serialize();
-            }),
-        });
-    };
-    DiagramModel.prototype.clearSelection = function (ignore) {
-        if (ignore === void 0) { ignore = null; }
-        _.forEach(this.getSelectedItems(), function (element) {
-            if (ignore && ignore.getID() === element.getID()) {
-                return;
-            }
-            element.setSelected(false); //TODO dont fire the listener
-        });
-    };
-    DiagramModel.prototype.getSelectedItems = function () {
-        var items = [];
-        //find all nodes
-        items = items.concat(_.filter(this.nodes, function (node) {
-            return node.isSelected();
-        }));
-        //find all points
-        items = items.concat(_.filter(_.flatMap(this.links, function (node) {
-            return node.points;
-        }), function (port) {
-            return port.isSelected();
-        }));
-        //find all links
-        return items.concat(_.filter(this.links, function (link) {
-            return link.isSelected();
-        }));
-    };
-    DiagramModel.prototype.setZoomLevel = function (zoom) {
-        this.zoom = zoom;
-        this.itterateListeners(function (listener) {
-            listener.controlsUpdated();
-        });
-    };
-    DiagramModel.prototype.setOffset = function (offsetX, offsetY) {
-        this.offsetX = offsetX;
-        this.offsetY = offsetY;
-        this.itterateListeners(function (listener) {
-            listener.controlsUpdated();
-        });
-    };
-    DiagramModel.prototype.setOffsetX = function (offsetX) {
-        this.offsetX = offsetX;
-        this.itterateListeners(function (listener) {
-            listener.controlsUpdated();
-        });
-    };
-    DiagramModel.prototype.setOffsetY = function (offsetY) {
-        this.offsetX = offsetY;
-        this.itterateListeners(function (listener) {
-            listener.controlsUpdated();
-        });
-    };
-    DiagramModel.prototype.getOffsetY = function () {
-        return this.offsetY;
-    };
-    DiagramModel.prototype.getOffsetX = function () {
-        return this.offsetX;
-    };
-    DiagramModel.prototype.getZoomLevel = function () {
-        return this.zoom;
-    };
-    DiagramModel.prototype.getNode = function (node) {
-        if (node instanceof Common_1.NodeModel) {
-            return node;
-        }
-        if (!this.nodes[node]) {
-            return null;
-        }
-        return this.nodes[node];
-    };
-    DiagramModel.prototype.getLink = function (link) {
-        if (link instanceof Common_1.LinkModel) {
-            return link;
-        }
-        if (!this.links[link]) {
-            return null;
-        }
-        return this.links[link];
-    };
-    DiagramModel.prototype.addLink = function (link) {
-        var _this = this;
-        link.addListener({
-            entityRemoved: function () {
-                _this.removeLink(link);
-            }
-        });
-        this.links[link.getID()] = link;
-        this.itterateListeners(function (listener) {
-            listener.linksUpdated();
-        });
-        return link;
-    };
-    DiagramModel.prototype.addNode = function (node) {
-        var _this = this;
-        node.addListener({
-            entityRemoved: function () {
-                _this.removeNode(node);
-            }
-        });
-        this.nodes[node.getID()] = node;
-        this.itterateListeners(function (listener) {
-            listener.nodesUpdated();
-        });
-        return node;
-    };
-    DiagramModel.prototype.removeLink = function (link) {
-        if (link instanceof Common_1.LinkModel) {
-            delete this.links[link.getID()];
-            this.itterateListeners(function (listener) {
-                listener.linksUpdated();
-            });
-            return;
-        }
-        delete this.links['' + link];
-        this.itterateListeners(function (listener) {
-            listener.linksUpdated();
-        });
-    };
-    DiagramModel.prototype.removeNode = function (node) {
-        if (node instanceof Common_1.NodeModel) {
-            delete this.nodes[node.getID()];
-            this.itterateListeners(function (listener) {
-                listener.nodesUpdated();
-            });
-            return;
-        }
-        delete this.nodes['' + node];
-        this.itterateListeners(function (listener) {
-            listener.nodesUpdated();
-        });
-    };
-    DiagramModel.prototype.getLinks = function () {
-        return this.links;
-    };
-    DiagramModel.prototype.getNodes = function () {
-        return this.nodes;
-    };
-    return DiagramModel;
-}(BaseEntity_1.BaseEnity));
-exports.DiagramModel = DiagramModel;
-
-
-/***/ }),
-/* 7 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var Common_1 = __webpack_require__(2);
-var _ = __webpack_require__(1);
-/**
- * @author Dylan Vorster
- */
-var DefaultLinkWidget = (function (_super) {
-    __extends(DefaultLinkWidget, _super);
-    function DefaultLinkWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            selected: false
-        };
-        return _this;
-    }
-    DefaultLinkWidget.prototype.generatePoint = function (pointIndex) {
-        var _this = this;
-        return React.DOM.g({ key: 'point-' + this.props.link.points[pointIndex].id }, React.DOM.circle({
-            className: 'point pointui' + (this.props.link.points[pointIndex].isSelected() ? ' selected' : ''),
-            cx: this.props.link.points[pointIndex].x,
-            cy: this.props.link.points[pointIndex].y,
-            r: 5,
-        }), React.DOM.circle({
-            className: 'point',
-            'data-linkid': this.props.link.id,
-            'data-id': this.props.link.points[pointIndex].id,
-            cx: this.props.link.points[pointIndex].x,
-            cy: this.props.link.points[pointIndex].y,
-            r: 15,
-            opacity: 0,
-            onMouseLeave: function () {
-                _this.setState({ selected: false });
-                //				this.props.link.setSelected(false);
-            },
-            onMouseEnter: function () {
-                _this.setState({ selected: true });
-                //				this.props.link.setSelected(true);
-            },
-        }));
-    };
-    DefaultLinkWidget.prototype.generateLink = function (extraProps) {
-        var _this = this;
-        var Bottom = React.DOM.path(_.merge({
-            className: (this.state.selected || this.props.link.isSelected()) ? 'selected' : '',
-            strokeWidth: this.props.width,
-            stroke: this.props.color
-        }, extraProps));
-        var Top = React.DOM.path(_.merge({
-            onMouseLeave: function () {
-                _this.setState({ selected: false });
-            },
-            onMouseEnter: function () {
-                _this.setState({ selected: true });
-            },
-            'data-linkid': this.props.link.getID(),
-            stroke: this.props.color,
-            strokeOpacity: this.state.selected ? 0.1 : 0,
-            strokeWidth: 20,
-            onContextMenu: function (event) {
-                event.preventDefault();
-                _this.props.link.remove();
-            },
-        }, extraProps));
-        return React.DOM.g({ key: 'link-' + extraProps.id }, Bottom, Top);
-    };
-    DefaultLinkWidget.prototype.render = function () {
-        var _this = this;
-        //ensure id is present for all points on the path
-        var points = this.props.link.points;
-        var paths = [];
-        //draw the smoothing
-        if (points.length === 2) {
-            //if the points are too close, just draw a straight line
-            var margin = 50;
-            if (Math.abs(points[0].x - points[1].x) < 50) {
-                margin = 5;
-            }
-            var pointLeft = points[0];
-            var pointRight = points[1];
-            //some defensive programming to make sure the smoothing is
-            //always in the right direction
-            if (pointLeft.x > pointRight.x) {
-                pointLeft = points[1];
-                pointRight = points[0];
-            }
-            paths.push(this.generateLink({
-                id: 0,
-                onMouseDown: function (event) {
-                    if (!event.shiftKey) {
-                        var point = new Common_1.PointModel(_this.props.link, _this.props.diagramEngine.getRelativeMousePoint(event));
-                        point.setSelected(true);
-                        _this.forceUpdate();
-                        _this.props.link.addPoint(point, 1);
-                        _this.props.pointAdded(point, event);
-                    }
-                },
-                d: " M" + pointLeft.x + " " + pointLeft.y
-                    + " C" + (pointLeft.x + margin) + " " + pointLeft.y
-                    + " " + (pointRight.x - margin) + " " + pointRight.y
-                    + " " + pointRight.x + " " + pointRight.y
-            }));
-            if (this.props.link.targetPort === null) {
-                paths.push(this.generatePoint(1));
-            }
-        }
-        else {
-            var ds = [];
-            if (this.props.smooth) {
-                ds.push(" M" + points[0].x + " " + points[0].y + " C " + (points[0].x + 50) + " " + points[0].y + " " + points[1].x + " " + points[1].y + " " + points[1].x + " " + points[1].y);
-                for (var i = 1; i < points.length - 2; i++) {
-                    ds.push(" M " + points[i].x + " " + points[i].y + " L " + points[i + 1].x + " " + points[i + 1].y);
-                }
-                ds.push(" M" + points[i].x + " " + points[i].y + " C " + points[i].x + " " + points[i].y + " " + (points[i + 1].x - 50) + " " + points[i + 1].y + " " + points[i + 1].x + " " + points[i + 1].y);
-            }
-            else {
-                var ds = [];
-                for (var i = 0; i < points.length - 1; i++) {
-                    ds.push(" M " + points[i].x + " " + points[i].y + " L " + points[i + 1].x + " " + points[i + 1].y);
-                }
-            }
-            paths = ds.map(function (data, index) {
-                return _this.generateLink({
-                    id: index,
-                    'data-linkid': _this.props.link.id,
-                    'data-point': index,
-                    onMouseDown: function (event) {
-                        if (!event.shiftKey) {
-                            var point = new Common_1.PointModel(_this.props.link, _this.props.diagramEngine.getRelativeMousePoint(event));
-                            point.setSelected(true);
-                            _this.forceUpdate();
-                            _this.props.link.addPoint(point, index + 1);
-                            _this.props.pointAdded(point, event);
-                        }
-                    },
-                    d: data
-                });
-            });
-            //render the circles
-            for (var i = 1; i < points.length - 1; i++) {
-                paths.push(this.generatePoint(i));
-            }
-            if (this.props.link.targetPort === null) {
-                paths.push(this.generatePoint(points.length - 1));
-            }
-        }
-        return (React.DOM.g(null, paths));
-    };
-    return DefaultLinkWidget;
-}(React.Component));
-DefaultLinkWidget.defaultProps = {
-    color: 'black',
-    width: 3,
-    link: null,
-    engine: null,
-    smooth: false,
-    diagramEngine: null
-};
-exports.DefaultLinkWidget = DefaultLinkWidget;
-
-
-/***/ }),
-/* 8 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var _ = __webpack_require__(1);
-var div = React.DOM.div;
-var DefaultPortLabelWidget_1 = __webpack_require__(24);
-/**
- * @author Dylan Vorster
- */
-var DefaultNodeWidget = (function (_super) {
-    __extends(DefaultNodeWidget, _super);
-    function DefaultNodeWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    DefaultNodeWidget.prototype.render = function () {
-        return (div({ className: 'basic-node', style: { background: this.props.node.color } }, div({ className: 'title' }, div({ className: 'name' }, this.props.node.name), div({ className: 'fa fa-close', onClick: this.props.node.remove })), div({ className: 'ports' }, div({ className: 'in' }, _.map(this.props.node.getInPorts(), function (port) {
-            return React.createElement(DefaultPortLabelWidget_1.DefaultPortLabel, { model: port });
-        })), div({ className: 'out' }, _.map(this.props.node.getOutPorts(), function (port) {
-            return React.createElement(DefaultPortLabelWidget_1.DefaultPortLabel, { model: port });
-        })))));
-    };
-    return DefaultNodeWidget;
-}(React.Component));
-DefaultNodeWidget.defaultProps = {
-    node: null,
-};
-exports.DefaultNodeWidget = DefaultNodeWidget;
-
-
-/***/ }),
-/* 9 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var LinkWidget_1 = __webpack_require__(10);
-var _ = __webpack_require__(1);
-/**
- * @author Dylan Vorster
- */
-var LinkLayerWidget = (function (_super) {
-    __extends(LinkLayerWidget, _super);
-    function LinkLayerWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    LinkLayerWidget.prototype.componentDidMount = function () {
-        var _this = this;
-        setTimeout(function () {
-            _this.forceUpdate();
-        }, 10);
-    };
-    LinkLayerWidget.prototype.render = function () {
-        var _this = this;
-        var diagramModel = this.props.diagramEngine.getDiagramModel();
-        return (React.DOM.svg({
-            style: {
-                transform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY() + 'px)',
-                width: '100%',
-                height: '100%'
-            }
-        }, _.map(diagramModel.getLinks(), function (link) {
-            //TODO just improve this vastly x_x
-            if (link.sourcePort !== null) {
-                try {
-                    //generate a point
-                    link.points[0].updateLocation(_this.props.diagramEngine.getPortCenter(link.sourcePort));
-                }
-                //remove the link because its problematic (TODO implement this rather at an engine level)
-                catch (ex) {
-                    console.log(ex);
-                    diagramModel.removeLink(link);
-                    return;
-                }
-            }
-            if (link.targetPort !== null) {
-                try {
-                    _.last(link.points).updateLocation(_this.props.diagramEngine.getPortCenter(link.targetPort));
-                }
-                //remove the link because its problematic (TODO implement this rather at an engine level)
-                catch (ex) {
-                    console.log(ex);
-                    diagramModel.removeLink(link);
-                    return;
-                }
-            }
-            //generate links
-            var generatedLink = _this.props.diagramEngine.generateWidgetForLink(link);
-            if (!generatedLink) {
-                console.log("no link generated for type: " + link.getType());
-                return null;
-            }
-            return (React.createElement(LinkWidget_1.LinkWidget, {
-                key: link.getID(),
-                link: link,
-                diagramEngine: _this.props.diagramEngine,
-            }, React.cloneElement(generatedLink, { pointAdded: _this.props.pointAdded })));
-        })));
-    };
-    return LinkLayerWidget;
-}(React.Component));
-exports.LinkLayerWidget = LinkLayerWidget;
-
-
-/***/ }),
-/* 10 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-/**
- * @author Dylan Vorster
- */
-var LinkWidget = (function (_super) {
-    __extends(LinkWidget, _super);
-    function LinkWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    LinkWidget.prototype.shouldComponentUpdate = function () {
-        return this.props.diagramEngine.canEntityRepaint(this.props.link);
-    };
-    LinkWidget.prototype.render = function () {
-        return this.props.children;
-    };
-    return LinkWidget;
-}(React.Component));
-exports.LinkWidget = LinkWidget;
-
-
-/***/ }),
-/* 11 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var _ = __webpack_require__(1);
-var NodeWidget_1 = __webpack_require__(12);
-/**
- * @author Dylan Vorster
- */
-var NodeLayerWidget = (function (_super) {
-    __extends(NodeLayerWidget, _super);
-    function NodeLayerWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    NodeLayerWidget.prototype.render = function () {
-        var _this = this;
-        var diagramModel = this.props.diagramEngine.getDiagramModel();
-        return (React.DOM.div({
-            className: 'node-view',
-            style: {
-                transform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY() + 'px)',
-                width: '100%',
-                height: '100%'
-            }
-        }, _.map(diagramModel.getNodes(), function (node) {
-            return (React.createElement(NodeWidget_1.NodeWidget, { diagramEngine: _this.props.diagramEngine, key: node.id, node: node }, _this.props.diagramEngine.generateWidgetForNode(node)));
-        })));
-    };
-    return NodeLayerWidget;
-}(React.Component));
-exports.NodeLayerWidget = NodeLayerWidget;
-
-
-/***/ }),
-/* 12 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-/**
- * @author Dylan Vorster
- */
-var NodeWidget = (function (_super) {
-    __extends(NodeWidget, _super);
-    function NodeWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    NodeWidget.prototype.shouldComponentUpdate = function () {
-        return this.props.diagramEngine.canEntityRepaint(this.props.node);
-    };
-    NodeWidget.prototype.render = function () {
-        return (React.DOM.div({
-            'data-nodeid': this.props.node.id,
-            className: 'node' + (this.props.node.isSelected() ? ' selected' : ''),
-            style: {
-                top: this.props.node.y,
-                left: this.props.node.x,
-            }
-        }, React.cloneElement(this.props.children, {})));
-    };
-    return NodeWidget;
-}(React.Component));
-exports.NodeWidget = NodeWidget;
-
-
-/***/ }),
-/* 13 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-/**
- * @author Dylan Vorster
- */
-var PortWidget = (function (_super) {
-    __extends(PortWidget, _super);
-    function PortWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            selected: false
-        };
-        return _this;
-    }
-    PortWidget.prototype.render = function () {
-        var _this = this;
-        return (React.DOM.div({
-            onMouseEnter: function () {
-                _this.setState({ selected: true });
-            },
-            onMouseLeave: function () {
-                _this.setState({ selected: false });
-            },
-            className: 'port' + (this.state.selected ? ' selected' : ''),
-            'data-name': this.props.name,
-            'data-nodeid': this.props.node.getID()
-        }));
-    };
-    return PortWidget;
-}(React.Component));
-exports.PortWidget = PortWidget;
-
-
-/***/ }),
-/* 14 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(17);
-if(typeof content === 'string') content = [[module.i, content, '']];
-// add the styles to the DOM
-var update = __webpack_require__(19)(content, {});
-if(content.locals) module.exports = content.locals;
-// Hot Module Replacement
-if(false) {
-	// When the styles change, update the <style> tags
-	if(!content.locals) {
-		module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss", function() {
-			var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss");
-			if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
-			update(newContent);
-		});
-	}
-	// When the module is disposed, remove the <style> tags
-	module.hot.dispose(function() { update(); });
-}
-
-/***/ }),
-/* 15 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/**
- * @author Dylan Vorster
- */
-
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
-//export defaults
-__export(__webpack_require__(21));
-__export(__webpack_require__(7));
-__export(__webpack_require__(22));
-__export(__webpack_require__(8));
-__export(__webpack_require__(23));
-__export(__webpack_require__(25));
-__export(__webpack_require__(5));
-__export(__webpack_require__(4));
-__export(__webpack_require__(20));
-__export(__webpack_require__(6));
-__export(__webpack_require__(3));
-__export(__webpack_require__(2));
-__export(__webpack_require__(26));
-__export(__webpack_require__(9));
-__export(__webpack_require__(10));
-__export(__webpack_require__(11));
-__export(__webpack_require__(12));
-__export(__webpack_require__(13));
-
-
-/***/ }),
-/* 16 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE_16__;
-
-/***/ }),
-/* 17 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(18)();
-// imports
-
-
-// module
-exports.push([module.i, "* {\n  margin: 0;\n  padding: 0; }\n\nhtml, body {\n  width: 100%;\n  height: 100%;\n  background: #3c3c3c;\n  display: flex; }\n\n.storm-diagrams-canvas {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  cursor: move;\n  overflow: hidden; }\n  .storm-diagrams-canvas .point {\n    fill: rgba(255, 255, 255, 0.5); }\n    .storm-diagrams-canvas .point.selected {\n      fill: #00c0ff; }\n  .storm-diagrams-canvas .selector {\n    position: absolute;\n    background-color: rgba(0, 192, 255, 0.2);\n    border: solid 2px #00c0ff; }\n  .storm-diagrams-canvas svg {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    transform-origin: 0 0;\n    overflow: visible; }\n  .storm-diagrams-canvas .node-view {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    position: absolute;\n    pointer-events: none;\n    transform-origin: 0 0; }\n  .storm-diagrams-canvas .node {\n    position: absolute;\n    -webkit-touch-callout: none;\n    /* iOS Safari */\n    -webkit-user-select: none;\n    /* Chrome/Safari/Opera */\n    user-select: none;\n    cursor: move;\n    pointer-events: all; }\n    .storm-diagrams-canvas .node.selected > * {\n      border-color: #00c0ff !important;\n      box-shadow: 0 0 20px rgba(0, 192, 255, 0.5); }\n\n@keyframes dash {\n  from {\n    stroke-dashoffset: 24; }\n  to {\n    stroke-dashoffset: 0; } }\n  .storm-diagrams-canvas path {\n    fill: none;\n    pointer-events: all; }\n    .storm-diagrams-canvas path.selected {\n      stroke: #00c0ff !important;\n      stroke-dasharray: 10,2;\n      animation: dash 1s linear infinite; }\n  .storm-diagrams-canvas .port {\n    width: 15px;\n    height: 15px;\n    background: rgba(255, 255, 255, 0.1); }\n    .storm-diagrams-canvas .port:hover, .storm-diagrams-canvas .port.selected {\n      background: #c0ff00; }\n  .storm-diagrams-canvas .basic-node {\n    background-color: #1e1e1e;\n    border-radius: 5px;\n    font-family: Arial;\n    color: white;\n    border: solid 2px black;\n    overflow: hidden;\n    font-size: 11px;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }\n    .storm-diagrams-canvas .basic-node .title {\n      /*\t\t\tbackground-image: linear-gradient(rgba(black,0.1),rgba(black,0.2));*/\n      background: rgba(0, 0, 0, 0.3);\n      display: flex;\n      white-space: nowrap; }\n      .storm-diagrams-canvas .basic-node .title > * {\n        align-self: center; }\n      .storm-diagrams-canvas .basic-node .title .fa {\n        padding: 5px;\n        opacity: 0.2;\n        cursor: pointer; }\n        .storm-diagrams-canvas .basic-node .title .fa:hover {\n          opacity: 1.0; }\n      .storm-diagrams-canvas .basic-node .title .name {\n        flex-grow: 1;\n        padding: 5px 5px; }\n    .storm-diagrams-canvas .basic-node .ports {\n      display: flex;\n      background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)); }\n      .storm-diagrams-canvas .basic-node .ports .in, .storm-diagrams-canvas .basic-node .ports .out {\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column; }\n      .storm-diagrams-canvas .basic-node .ports .in-port, .storm-diagrams-canvas .basic-node .ports .out-port {\n        display: flex;\n        margin-top: 1px; }\n        .storm-diagrams-canvas .basic-node .ports .in-port > *, .storm-diagrams-canvas .basic-node .ports .out-port > * {\n          align-self: center; }\n        .storm-diagrams-canvas .basic-node .ports .in-port .name, .storm-diagrams-canvas .basic-node .ports .out-port .name {\n          padding: 0 5px; }\n      .storm-diagrams-canvas .basic-node .ports .out-port {\n        justify-content: flex-end; }\n        .storm-diagrams-canvas .basic-node .ports .out-port .name {\n          justify-content: flex-end;\n          text-align: right; }\n", ""]);
-
-// exports
-
-
-/***/ }),
-/* 18 */
-/***/ (function(module, exports) {
-
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-// css base code, injected by the css-loader
-module.exports = function() {
-	var list = [];
-
-	// return the list of modules as css string
-	list.toString = function toString() {
-		var result = [];
-		for(var i = 0; i < this.length; i++) {
-			var item = this[i];
-			if(item[2]) {
-				result.push("@media " + item[2] + "{" + item[1] + "}");
-			} else {
-				result.push(item[1]);
-			}
-		}
-		return result.join("");
-	};
-
-	// import a list of modules into the list
-	list.i = function(modules, mediaQuery) {
-		if(typeof modules === "string")
-			modules = [[null, modules, ""]];
-		var alreadyImportedModules = {};
-		for(var i = 0; i < this.length; i++) {
-			var id = this[i][0];
-			if(typeof id === "number")
-				alreadyImportedModules[id] = true;
-		}
-		for(i = 0; i < modules.length; i++) {
-			var item = modules[i];
-			// skip already imported module
-			// this implementation is not 100% perfect for weird media query combinations
-			//  when a module is imported multiple times with different media queries.
-			//  I hope this will never occur (Hey this way we have smaller bundles)
-			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
-				if(mediaQuery && !item[2]) {
-					item[2] = mediaQuery;
-				} else if(mediaQuery) {
-					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
-				}
-				list.push(item);
-			}
-		}
-	};
-	return list;
-};
-
-
-/***/ }),
-/* 19 */
-/***/ (function(module, exports) {
-
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-var stylesInDom = {},
-	memoize = function(fn) {
-		var memo;
-		return function () {
-			if (typeof memo === "undefined") memo = fn.apply(this, arguments);
-			return memo;
-		};
-	},
-	isOldIE = memoize(function() {
-		return /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase());
-	}),
-	getHeadElement = memoize(function () {
-		return document.head || document.getElementsByTagName("head")[0];
-	}),
-	singletonElement = null,
-	singletonCounter = 0,
-	styleElementsInsertedAtTop = [];
-
-module.exports = function(list, options) {
-	if(typeof DEBUG !== "undefined" && DEBUG) {
-		if(typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
-	}
-
-	options = options || {};
-	// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
-	// tags it will allow on a page
-	if (typeof options.singleton === "undefined") options.singleton = isOldIE();
-
-	// By default, add <style> tags to the bottom of <head>.
-	if (typeof options.insertAt === "undefined") options.insertAt = "bottom";
-
-	var styles = listToStyles(list);
-	addStylesToDom(styles, options);
-
-	return function update(newList) {
-		var mayRemove = [];
-		for(var i = 0; i < styles.length; i++) {
-			var item = styles[i];
-			var domStyle = stylesInDom[item.id];
-			domStyle.refs--;
-			mayRemove.push(domStyle);
-		}
-		if(newList) {
-			var newStyles = listToStyles(newList);
-			addStylesToDom(newStyles, options);
-		}
-		for(var i = 0; i < mayRemove.length; i++) {
-			var domStyle = mayRemove[i];
-			if(domStyle.refs === 0) {
-				for(var j = 0; j < domStyle.parts.length; j++)
-					domStyle.parts[j]();
-				delete stylesInDom[domStyle.id];
-			}
-		}
-	};
-}
-
-function addStylesToDom(styles, options) {
-	for(var i = 0; i < styles.length; i++) {
-		var item = styles[i];
-		var domStyle = stylesInDom[item.id];
-		if(domStyle) {
-			domStyle.refs++;
-			for(var j = 0; j < domStyle.parts.length; j++) {
-				domStyle.parts[j](item.parts[j]);
-			}
-			for(; j < item.parts.length; j++) {
-				domStyle.parts.push(addStyle(item.parts[j], options));
-			}
-		} else {
-			var parts = [];
-			for(var j = 0; j < item.parts.length; j++) {
-				parts.push(addStyle(item.parts[j], options));
-			}
-			stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
-		}
-	}
-}
-
-function listToStyles(list) {
-	var styles = [];
-	var newStyles = {};
-	for(var i = 0; i < list.length; i++) {
-		var item = list[i];
-		var id = item[0];
-		var css = item[1];
-		var media = item[2];
-		var sourceMap = item[3];
-		var part = {css: css, media: media, sourceMap: sourceMap};
-		if(!newStyles[id])
-			styles.push(newStyles[id] = {id: id, parts: [part]});
-		else
-			newStyles[id].parts.push(part);
-	}
-	return styles;
-}
-
-function insertStyleElement(options, styleElement) {
-	var head = getHeadElement();
-	var lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];
-	if (options.insertAt === "top") {
-		if(!lastStyleElementInsertedAtTop) {
-			head.insertBefore(styleElement, head.firstChild);
-		} else if(lastStyleElementInsertedAtTop.nextSibling) {
-			head.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);
-		} else {
-			head.appendChild(styleElement);
-		}
-		styleElementsInsertedAtTop.push(styleElement);
-	} else if (options.insertAt === "bottom") {
-		head.appendChild(styleElement);
-	} else {
-		throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
-	}
-}
-
-function removeStyleElement(styleElement) {
-	styleElement.parentNode.removeChild(styleElement);
-	var idx = styleElementsInsertedAtTop.indexOf(styleElement);
-	if(idx >= 0) {
-		styleElementsInsertedAtTop.splice(idx, 1);
-	}
-}
-
-function createStyleElement(options) {
-	var styleElement = document.createElement("style");
-	styleElement.type = "text/css";
-	insertStyleElement(options, styleElement);
-	return styleElement;
-}
-
-function createLinkElement(options) {
-	var linkElement = document.createElement("link");
-	linkElement.rel = "stylesheet";
-	insertStyleElement(options, linkElement);
-	return linkElement;
-}
-
-function addStyle(obj, options) {
-	var styleElement, update, remove;
-
-	if (options.singleton) {
-		var styleIndex = singletonCounter++;
-		styleElement = singletonElement || (singletonElement = createStyleElement(options));
-		update = applyToSingletonTag.bind(null, styleElement, styleIndex, false);
-		remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);
-	} else if(obj.sourceMap &&
-		typeof URL === "function" &&
-		typeof URL.createObjectURL === "function" &&
-		typeof URL.revokeObjectURL === "function" &&
-		typeof Blob === "function" &&
-		typeof btoa === "function") {
-		styleElement = createLinkElement(options);
-		update = updateLink.bind(null, styleElement);
-		remove = function() {
-			removeStyleElement(styleElement);
-			if(styleElement.href)
-				URL.revokeObjectURL(styleElement.href);
-		};
-	} else {
-		styleElement = createStyleElement(options);
-		update = applyToTag.bind(null, styleElement);
-		remove = function() {
-			removeStyleElement(styleElement);
-		};
-	}
-
-	update(obj);
-
-	return function updateStyle(newObj) {
-		if(newObj) {
-			if(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)
-				return;
-			update(obj = newObj);
-		} else {
-			remove();
-		}
-	};
-}
-
-var replaceText = (function () {
-	var textStore = [];
-
-	return function (index, replacement) {
-		textStore[index] = replacement;
-		return textStore.filter(Boolean).join('\n');
-	};
-})();
-
-function applyToSingletonTag(styleElement, index, remove, obj) {
-	var css = remove ? "" : obj.css;
-
-	if (styleElement.styleSheet) {
-		styleElement.styleSheet.cssText = replaceText(index, css);
-	} else {
-		var cssNode = document.createTextNode(css);
-		var childNodes = styleElement.childNodes;
-		if (childNodes[index]) styleElement.removeChild(childNodes[index]);
-		if (childNodes.length) {
-			styleElement.insertBefore(cssNode, childNodes[index]);
-		} else {
-			styleElement.appendChild(cssNode);
-		}
-	}
-}
-
-function applyToTag(styleElement, obj) {
-	var css = obj.css;
-	var media = obj.media;
-
-	if(media) {
-		styleElement.setAttribute("media", media)
-	}
-
-	if(styleElement.styleSheet) {
-		styleElement.styleSheet.cssText = css;
-	} else {
-		while(styleElement.firstChild) {
-			styleElement.removeChild(styleElement.firstChild);
-		}
-		styleElement.appendChild(document.createTextNode(css));
-	}
-}
-
-function updateLink(linkElement, obj) {
-	var css = obj.css;
-	var sourceMap = obj.sourceMap;
-
-	if(sourceMap) {
-		// http://stackoverflow.com/a/26603875
-		css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
-	}
-
-	var blob = new Blob([css], { type: "text/css" });
-
-	var oldSrc = linkElement.href;
-
-	linkElement.href = URL.createObjectURL(blob);
-
-	if(oldSrc)
-		URL.revokeObjectURL(oldSrc);
-}
-
-
-/***/ }),
-/* 20 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var Common_1 = __webpack_require__(2);
-var BaseEntity_1 = __webpack_require__(3);
-var DiagramModel_1 = __webpack_require__(6);
-var _ = __webpack_require__(1);
-/**
- * Passed as a parameter to the DiagramWidget
- */
-var DiagramEngine = (function (_super) {
-    __extends(DiagramEngine, _super);
-    function DiagramEngine() {
-        var _this = _super.call(this) || this;
-        _this.diagramModel = new DiagramModel_1.DiagramModel();
-        _this.nodeFactories = {};
-        _this.linkFactories = {};
-        _this.canvas = null;
-        _this.paintableWidgets = null;
-        return _this;
-    }
-    DiagramEngine.prototype.clearRepaintEntities = function () {
-        this.paintableWidgets = null;
-    };
-    DiagramEngine.prototype.enableRepaintEntities = function (entities) {
-        var _this = this;
-        this.paintableWidgets = {};
-        entities.forEach(function (entity) {
-            //if a node is requested to repaint, add all of its links
-            if (entity instanceof Common_1.NodeModel) {
-                _.forEach(entity.getPorts(), function (port) {
-                    _.forEach(port.getLinks(), function (link) {
-                        _this.paintableWidgets[link.getID()] = true;
-                    });
-                });
-            }
-            if (entity instanceof Common_1.PointModel) {
-                _this.paintableWidgets[entity.getLink().getID()] = true;
-            }
-            _this.paintableWidgets[entity.getID()] = true;
-        });
-    };
-    DiagramEngine.prototype.canEntityRepaint = function (baseModel) {
-        //no rules applied, allow repaint
-        if (this.paintableWidgets === null) {
-            return true;
-        }
-        return this.paintableWidgets[baseModel.getID()] !== undefined;
-    };
-    DiagramEngine.prototype.setCanvas = function (canvas) {
-        this.canvas = canvas;
-    };
-    DiagramEngine.prototype.setDiagramModel = function (model) {
-        this.diagramModel = model;
-    };
-    DiagramEngine.prototype.getDiagramModel = function () {
-        return this.diagramModel;
-    };
-    DiagramEngine.prototype.getNodeFactories = function () {
-        return this.nodeFactories;
-    };
-    DiagramEngine.prototype.getLinkFactories = function () {
-        return this.linkFactories;
-    };
-    DiagramEngine.prototype.registerNodeFactory = function (factory) {
-        this.nodeFactories[factory.getType()] = factory;
-        this.itterateListeners(function (listener) {
-            listener.nodeFactoriesUpdated();
-        });
-    };
-    DiagramEngine.prototype.registerLinkFactory = function (factory) {
-        this.linkFactories[factory.getType()] = factory;
-        this.itterateListeners(function (listener) {
-            listener.linkFactoriesUpdated();
-        });
-    };
-    DiagramEngine.prototype.getFactoryForNode = function (node) {
-        if (this.nodeFactories[node.getType()]) {
-            return this.nodeFactories[node.getType()];
-        }
-        console.log("cannot find widget factory for node of type: [" + node.getType() + "]");
-        return null;
-    };
-    DiagramEngine.prototype.getFactoryForLink = function (link) {
-        if (this.linkFactories[link.getType()]) {
-            return this.linkFactories[link.getType()];
-        }
-        console.log("cannot find widget factory for link of type: [" + link.getType() + "]");
-        return null;
-    };
-    DiagramEngine.prototype.generateWidgetForLink = function (link) {
-        var linkFactory = this.getFactoryForLink(link);
-        if (!linkFactory) {
-            throw "Cannot find link factory for link: " + link.getType();
-        }
-        return linkFactory.generateReactWidget(this, link);
-    };
-    DiagramEngine.prototype.generateWidgetForNode = function (node) {
-        var nodeFactory = this.getFactoryForNode(node);
-        if (!nodeFactory) {
-            throw "Cannot find widget factory for node: " + node.getType();
-        }
-        return nodeFactory.generateReactWidget(this, node);
-    };
-    DiagramEngine.prototype.getRelativeMousePoint = function (event) {
-        var point = this.getRelativePoint(event.pageX, event.pageY);
-        return {
-            x: (point.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),
-            y: (point.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()
-        };
-    };
-    DiagramEngine.prototype.getRelativePoint = function (x, y) {
-        var canvasRect = this.canvas.getBoundingClientRect();
-        return { x: x - canvasRect.left, y: y - canvasRect.top };
-    };
-    DiagramEngine.prototype.getNodePortElement = function (port) {
-        var selector = this.canvas.querySelector('.port[data-name="' + port.getName() + '"][data-nodeid="' + port.getParent().getID() + '"]');
-        if (selector === null) {
-            throw "Cannot find Node Port element with nodeID: [" + port.getParent().getID() + "] and name: [" + port.getName() + "]";
-        }
-        return selector;
-    };
-    DiagramEngine.prototype.getPortCenter = function (port) {
-        var sourceElement = this.getNodePortElement(port);
-        var sourceRect = sourceElement.getBoundingClientRect();
-        var rel = this.getRelativePoint(sourceRect.left, sourceRect.top);
-        return {
-            x: ((sourceElement.offsetWidth / 2) + rel.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),
-            y: ((sourceElement.offsetHeight / 2) + rel.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()
-        };
-    };
-    return DiagramEngine;
-}(BaseEntity_1.BaseEnity));
-exports.DiagramEngine = DiagramEngine;
-
-
-/***/ }),
-/* 21 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var WidgetFactories_1 = __webpack_require__(5);
-var React = __webpack_require__(0);
-var DefaultLinkWidget_1 = __webpack_require__(7);
-/**
- * @author Dylan Vorster
- */
-var DefaultLinkFactory = (function (_super) {
-    __extends(DefaultLinkFactory, _super);
-    function DefaultLinkFactory() {
-        return _super.call(this, "default") || this;
-    }
-    DefaultLinkFactory.prototype.generateReactWidget = function (diagramEngine, link) {
-        return React.createElement(DefaultLinkWidget_1.DefaultLinkWidget, {
-            link: link,
-            diagramEngine: diagramEngine
-        });
-    };
-    return DefaultLinkFactory;
-}(WidgetFactories_1.LinkWidgetFactory));
-exports.DefaultLinkFactory = DefaultLinkFactory;
-
-
-/***/ }),
-/* 22 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var WidgetFactories_1 = __webpack_require__(5);
-var React = __webpack_require__(0);
-var DefaultNodeWidget_1 = __webpack_require__(8);
-/**
- * @author Dylan Vorster
- */
-var DefaultNodeFactory = (function (_super) {
-    __extends(DefaultNodeFactory, _super);
-    function DefaultNodeFactory() {
-        return _super.call(this, "default") || this;
-    }
-    DefaultNodeFactory.prototype.generateModel = function () {
-    };
-    DefaultNodeFactory.prototype.generateReactWidget = function (diagramEngine, node) {
-        return React.createElement(DefaultNodeWidget_1.DefaultNodeWidget, {
-            node: node,
-            diagramEngine: diagramEngine
-        });
-    };
-    return DefaultNodeFactory;
-}(WidgetFactories_1.NodeWidgetFactory));
-exports.DefaultNodeFactory = DefaultNodeFactory;
-
-
-/***/ }),
-/* 23 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var Common_1 = __webpack_require__(2);
-var _ = __webpack_require__(1);
-/**
- * @author Dylan Vorster
- */
-var DefaultNodeModel = (function (_super) {
-    __extends(DefaultNodeModel, _super);
-    function DefaultNodeModel(name, color) {
-        if (name === void 0) { name = 'Untitled'; }
-        if (color === void 0) { color = 'rgb(0,192,255)'; }
-        var _this = _super.call(this, "default") || this;
-        _this.name = name;
-        _this.color = color;
-        return _this;
-    }
-    DefaultNodeModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            name: this.name,
-            color: this.color,
-        });
-    };
-    DefaultNodeModel.prototype.getInPorts = function () {
-        return _.filter(this.ports, function (portModel) {
-            return portModel.in;
-        });
-    };
-    DefaultNodeModel.prototype.getOutPorts = function () {
-        return _.filter(this.ports, function (portModel) {
-            return !portModel.in;
-        });
-    };
-    return DefaultNodeModel;
-}(Common_1.NodeModel));
-exports.DefaultNodeModel = DefaultNodeModel;
-
-
-/***/ }),
-/* 24 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var PortWidget_1 = __webpack_require__(13);
-/**
- * @author Dylan Vorster
- */
-var DefaultPortLabel = (function (_super) {
-    __extends(DefaultPortLabel, _super);
-    function DefaultPortLabel() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DefaultPortLabel.prototype.render = function () {
-        var port = React.createElement(PortWidget_1.PortWidget, { name: this.props.model.name, node: this.props.model.getParent() });
-        var label = React.DOM.div({ className: 'name' }, this.props.model.label);
-        return React.DOM.div({ className: (this.props.model.in ? 'in' : 'out') + '-port' }, this.props.model.in ? port : label, this.props.model.in ? label : port);
-    };
-    return DefaultPortLabel;
-}(React.Component));
-DefaultPortLabel.defaultProps = {
-    in: true,
-    label: "port"
-};
-exports.DefaultPortLabel = DefaultPortLabel;
-
-
-/***/ }),
-/* 25 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var Common_1 = __webpack_require__(2);
-var _ = __webpack_require__(1);
-/**
- * @author Dylan Vorster
- */
-var DefaultPortModel = (function (_super) {
-    __extends(DefaultPortModel, _super);
-    function DefaultPortModel(isInput, name, label) {
-        if (label === void 0) { label = null; }
-        var _this = _super.call(this, name) || this;
-        _this.in = isInput;
-        _this.label = label || name;
-        return _this;
-    }
-    DefaultPortModel.prototype.serialize = function () {
-        return _.extend(_super.prototype.serialize.call(this), {
-            in: this.in,
-            label: this.label,
-        });
-    };
-    return DefaultPortModel;
-}(Common_1.PortModel));
-exports.DefaultPortModel = DefaultPortModel;
-
-
-/***/ }),
-/* 26 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var _ = __webpack_require__(1);
-var Common_1 = __webpack_require__(2);
-var LinkLayerWidget_1 = __webpack_require__(9);
-var NodeLayerWidget_1 = __webpack_require__(11);
-var BaseAction = (function () {
-    function BaseAction(mouseX, mouseY) {
-        this.mouseX = mouseX;
-        this.mouseY = mouseY;
-        this.ms = (new Date()).getTime();
-    }
-    return BaseAction;
-}());
-exports.BaseAction = BaseAction;
-var SelectingAction = (function (_super) {
-    __extends(SelectingAction, _super);
-    function SelectingAction(mouseX, mouseY) {
-        var _this = _super.call(this, mouseX, mouseY) || this;
-        _this.mouseX2 = mouseX;
-        _this.mouseY2 = mouseY;
-        return _this;
-    }
-    SelectingAction.prototype.containsElement = function (x, y, diagramModel) {
-        var z = diagramModel.getZoomLevel() / 100.0;
-        return ((x + diagramModel.getOffsetX()) * z > this.mouseX &&
-            (x + diagramModel.getOffsetX()) * z < this.mouseX2 &&
-            (y + diagramModel.getOffsetY()) * z > this.mouseY &&
-            (y + diagramModel.getOffsetY()) * z < this.mouseY2);
-    };
-    return SelectingAction;
-}(BaseAction));
-var MoveCanvasAction = (function (_super) {
-    __extends(MoveCanvasAction, _super);
-    function MoveCanvasAction(mouseX, mouseY, diagramModel) {
-        var _this = _super.call(this, mouseX, mouseY) || this;
-        _this.initialOffsetX = diagramModel.getOffsetX();
-        _this.initialOffsetY = diagramModel.getOffsetY();
-        return _this;
-    }
-    return MoveCanvasAction;
-}(BaseAction));
-var MoveItemsAction = (function (_super) {
-    __extends(MoveItemsAction, _super);
-    function MoveItemsAction(mouseX, mouseY, diagramEngine) {
-        var _this = _super.call(this, mouseX, mouseY) || this;
-        _this.moved = false;
-        diagramEngine.enableRepaintEntities(diagramEngine.getDiagramModel().getSelectedItems());
-        _this.selectionModels = diagramEngine.getDiagramModel().getSelectedItems().map(function (item) {
-            return {
-                model: item,
-                initialX: item.x,
-                initialY: item.y,
-            };
-        });
-        return _this;
-    }
-    return MoveItemsAction;
-}(BaseAction));
-/**
- * @author Dylan Vorster
- */
-var DiagramWidget = (function (_super) {
-    __extends(DiagramWidget, _super);
-    function DiagramWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            action: null,
-            renderedNodes: false,
-            windowListener: null
-        };
-        return _this;
-    }
-    DiagramWidget.prototype.componentWillUnmount = function () {
-        this.props.diagramEngine.setCanvas(null);
-        window.removeEventListener('keydown', this.state.windowListener);
-    };
-    DiagramWidget.prototype.componentWillReceiveProps = function (nextProps) {
-        if (this.props.diagramEngine.id !== nextProps.diagramEngine.id) {
-            this.setState({ renderedNodes: false });
-        }
-    };
-    /**
-     * Gets a model and element under the mouse cursor
-     */
-    DiagramWidget.prototype.getMouseElement = function (event) {
-        var target = event.target;
-        var diagramModel = this.props.diagramEngine.diagramModel;
-        //is it a port
-        var element = target.closest('.port[data-name]');
-        if (element) {
-            var nodeElement = target.closest('.node[data-nodeid]');
-            return {
-                model: diagramModel.getNode(nodeElement.getAttribute('data-nodeid')).getPort(element.getAttribute('data-name')),
-                element: element
-            };
-        }
-        //look for a point
-        element = target.closest('.point[data-id]');
-        if (element) {
-            return {
-                model: diagramModel.getLink(element.getAttribute('data-linkid')).getPointModel(element.getAttribute('data-id')),
-                element: element
-            };
-        }
-        //look for a link
-        element = target.closest('[data-linkid]');
-        if (element) {
-            return {
-                model: diagramModel.getLink(element.getAttribute('data-linkid')),
-                element: element
-            };
-        }
-        //look for a node
-        element = target.closest('.node[data-nodeid]');
-        if (element) {
-            return {
-                model: diagramModel.getNode(element.getAttribute('data-nodeid')),
-                element: element
-            };
-        }
-        return null;
-    };
-    DiagramWidget.prototype.componentDidMount = function () {
-        var _this = this;
-        this.props.diagramEngine.setCanvas(this.refs['canvas']);
-        //TODO
-        //add a keybaord listener
-        this.setState({
-            renderedNodes: true,
-            windowListener: window.addEventListener('keydown', function (event) {
-                //delete all selected
-                if (event.keyCode === 46) {
-                    _.forEach(_this.props.diagramEngine.getDiagramModel().getSelectedItems(), function (element) {
-                        element.remove();
-                    });
-                    _this.forceUpdate();
-                }
-            })
-        });
-        window.focus();
-    };
-    DiagramWidget.prototype.render = function () {
-        var _this = this;
-        var diagramEngine = this.props.diagramEngine;
-        var diagramModel = diagramEngine.getDiagramModel();
-        return (React.DOM.div({
-            ref: 'canvas',
-            className: 'storm-diagrams-canvas',
-            onWheel: function (event) {
-                event.preventDefault();
-                event.stopPropagation();
-                diagramModel.setZoomLevel(diagramModel.getZoomLevel() + (event.deltaY / 60));
-                diagramEngine.enableRepaintEntities([]);
-                _this.forceUpdate();
-            },
-            onMouseMove: function (event) {
-                //select items so draw a bounding box
-                if (_this.state.action instanceof SelectingAction) {
-                    var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);
-                    _.forEach(diagramModel.getNodes(), function (node) {
-                        if (_this.state.action.containsElement(node.x, node.y, diagramModel)) {
-                            node.setSelected(true);
-                        }
-                    });
-                    _.forEach(diagramModel.getLinks(), function (link) {
-                        var allSelected = true;
-                        _.forEach(link.points, function (point) {
-                            if (_this.state.action.containsElement(point.x, point.y, diagramModel)) {
-                                point.setSelected(true);
-                            }
-                            else {
-                                allSelected = false;
-                            }
-                        });
-                        if (allSelected) {
-                            link.setSelected(true);
-                        }
-                    });
-                    _this.state.action.mouseX2 = relative.x;
-                    _this.state.action.mouseY2 = relative.y;
-                    _this.setState({ action: _this.state.action });
-                    return;
-                }
-                else if (_this.state.action instanceof MoveItemsAction) {
-                    _.forEach(_this.state.action.selectionModels, function (model) {
-                        if (model.model instanceof Common_1.NodeModel || model.model instanceof Common_1.PointModel) {
-                            model.model.x = model.initialX + ((event.pageX - _this.state.action.mouseX) / (diagramModel.getZoomLevel() / 100));
-                            model.model.y = model.initialY + ((event.pageY - _this.state.action.mouseY) / (diagramModel.getZoomLevel() / 100));
-                        }
-                    });
-                    _this.forceUpdate();
-                }
-                else if (_this.state.action instanceof MoveCanvasAction) {
-                    diagramModel.setOffset(_this.state.action.initialOffsetX + ((event.pageX - _this.state.action.mouseX) / (diagramModel.getZoomLevel() / 100)), _this.state.action.initialOffsetY + ((event.pageY - _this.state.action.mouseY) / (diagramModel.getZoomLevel() / 100)));
-                    _this.forceUpdate();
-                }
-            },
-            onMouseDown: function (event) {
-                diagramEngine.clearRepaintEntities();
-                var model = _this.getMouseElement(event);
-                //its the canvas
-                if (model === null) {
-                    //is it a multiple selection
-                    if (event.shiftKey) {
-                        var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);
-                        _this.setState({
-                            action: new SelectingAction(relative.x, relative.y)
-                        });
-                    }
-                    else {
-                        var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);
-                        diagramModel.clearSelection();
-                        _this.setState({
-                            action: new MoveCanvasAction(relative.x, relative.y, diagramModel)
-                        });
-                    }
-                }
-                else if (model.model instanceof Common_1.PortModel) {
-                    var relative = diagramEngine.getRelativeMousePoint(event);
-                    var link = new Common_1.LinkModel();
-                    link.setSourcePort(model.model);
-                    link.getFirstPoint().updateLocation(relative);
-                    link.getLastPoint().updateLocation(relative);
-                    diagramModel.clearSelection();
-                    link.getLastPoint().setSelected(true);
-                    diagramModel.addLink(link);
-                    _this.setState({
-                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)
-                    });
-                }
-                else {
-                    if (!event.shiftKey && !model.model.isSelected()) {
-                        diagramModel.clearSelection();
-                    }
-                    model.model.setSelected(true);
-                    _this.setState({
-                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)
-                    });
-                }
-            },
-            onMouseUp: function (event) {
-                //are we going to connect a link to something?
-                if (_this.state.action instanceof MoveItemsAction) {
-                    var element = _this.getMouseElement(event);
-                    if (element) {
-                        _.forEach(_this.state.action.selectionModels, function (model) {
-                            //only care about points connecting to things
-                            if (!(model.model instanceof Common_1.PointModel)) {
-                                return;
-                            }
-                            if (element.model instanceof Common_1.PortModel) {
-                                model.model.getLink().setTargetPort(element.model);
-                            }
-                        });
-                    }
-                }
-                diagramEngine.clearRepaintEntities();
-                _this.setState({ action: null });
-            }
-        }, this.state.renderedNodes ?
-            React.createElement(LinkLayerWidget_1.LinkLayerWidget, {
-                diagramEngine: diagramEngine, pointAdded: function (point, event) {
-                    event.stopPropagation();
-                    diagramModel.clearSelection(point);
-                    _this.setState({
-                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)
-                    });
-                }
-            }) : null, React.createElement(NodeLayerWidget_1.NodeLayerWidget, { diagramEngine: diagramEngine }), this.state.action instanceof SelectingAction ?
-            React.DOM.div({
-                className: 'selector',
-                style: {
-                    top: this.state.action.mouseY,
-                    left: this.state.action.mouseX,
-                    width: this.state.action.mouseX2 - this.state.action.mouseX,
-                    height: this.state.action.mouseY2 - this.state.action.mouseY,
-                }
-            }) : null));
-    };
-    return DiagramWidget;
-}(React.Component));
-exports.DiagramWidget = DiagramWidget;
-
-
-/***/ }),
-/* 27 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var SRD = __webpack_require__(15);
-var React = __webpack_require__(0);
-var ReactDOM = __webpack_require__(16);
-__webpack_require__(14);
-/**
- *
- * Simple test showing the Object oriented way of using this library.
- * It creates 2 nodes and links them together with a single link
- *
- * @Author Dylan Vorster
- */
-window.onload = function () {
-    //1) setup the diagram engine
-    var engine = new SRD.DiagramEngine();
-    engine.registerNodeFactory(new SRD.DefaultNodeFactory());
-    engine.registerLinkFactory(new SRD.DefaultLinkFactory());
-    //2) setup the diagram model
-    var model = new SRD.DiagramModel();
-    //3-A) create a default node
-    var node1 = new SRD.DefaultNodeModel("Node 1", "rgb(0,192,255)");
-    var port1 = node1.addPort(new SRD.DefaultPortModel(false, "out-1", "Out"));
-    node1.x = 100;
-    node1.y = 100;
-    //3-B) create another default node
-    var node2 = new SRD.DefaultNodeModel("Node 2", "rgb(192,255,0)");
-    var port2 = node2.addPort(new SRD.DefaultPortModel(true, "in-1", "IN"));
-    node2.x = 400;
-    node2.y = 100;
-    //3-C) link the 2 nodes together
-    var link1 = new SRD.LinkModel();
-    link1.setSourcePort(port1);
-    link1.setTargetPort(port2);
-    //4) add the models to the root graph
-    model.addNode(node1);
-    model.addNode(node2);
-    model.addLink(link1);
-    //5) load model into engine
-    engine.setDiagramModel(model);
-    //6) render the diagram!
-    ReactDOM.render(React.createElement(SRD.DiagramWidget, { diagramEngine: engine }), document.body);
-    console.log(JSON.stringify(model.serialize()));
-};
-
-
-/***/ })
-/******/ ]);
-});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("React"),require("lodash"),require("ReactDOM")):"function"==typeof define&&define.amd?define(["React","_","ReactDOM"],e):"object"==typeof exports?exports["storm-react-diagrams"]=e(require("React"),require("lodash"),require("ReactDOM")):t["storm-react-diagrams"]=e(t.React,t._,t.ReactDOM)}(this,function(t,e,n){return function(t){function e(o){if(n[o])return n[o].exports;var i=n[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=28)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(3),r=n(1),s=function(t){function e(){var e=t.call(this)||this;return e.selected=!1,e}return o(e,t),e.prototype.deSerialize=function(e){t.prototype.deSerialize.call(this,e),this.selected=e.selected},e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{_class:this.constructor.name,selected:this.selected})},e.prototype.getID=function(){return this.id},e.prototype.isSelected=function(){return this.selected},e.prototype.setSelected=function(t){this.selected=t,this.itterateListeners(function(t){t.selectionChanged&&t.selectionChanged()})},e.prototype.remove=function(){console.log("removing: ",this),this.itterateListeners(function(t){t.entityRemoved&&t.entityRemoved()})},e}(i.BaseEntity);e.BaseModel=s;var a=function(t){function e(e,n){var o=t.call(this)||this;return o.x=n.x,o.y=n.y,o.link=e,o}return o(e,t),e.prototype.deSerialize=function(e){t.prototype.deSerialize.call(this,e),this.x=e.x,this.y=e.y},e.prototype.serialize=function(){return r.extend(t.prototype.serialize.call(this),{x:this.x,y:this.y})},e.prototype.remove=function(){t.prototype.remove.call(this),this.link&&this.link.removePoint(this)},e.prototype.updateLocation=function(t){this.x=t.x,this.y=t.y},e.prototype.getX=function(){return this.x},e.prototype.getY=function(){return this.y},e.prototype.getLink=function(){return this.link},e}(s);e.PointModel=a;var c=function(t){function e(){var e=t.call(this)||this;return e.linkType="default",e.points=[new a(e,{x:0,y:0}),new a(e,{x:0,y:0})],e.extras={},e.sourcePort=null,e.targetPort=null,e}return o(e,t),e.prototype.deSerialize=function(e){var n=this;t.prototype.deSerialize.call(this,e),this.linkType=e.type,this.points=r.map(e.points,function(t){var e=new a(n,{x:t.x,y:t.y});return e.deSerialize(t),e})},e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{type:this.linkType,source:this.sourcePort?this.sourcePort.getParent().id:null,sourcePort:this.sourcePort?this.sourcePort.id:null,target:this.targetPort?this.targetPort.getParent().id:null,targetPort:this.targetPort?this.targetPort.id:null,points:r.map(this.points,function(t){return t.serialize()}),extras:this.extras})},e.prototype.remove=function(){t.prototype.remove.call(this),this.sourcePort&&this.sourcePort.removeLink(this),this.targetPort&&this.targetPort.removeLink(this)},e.prototype.isLastPoint=function(t){var e=this.getPointIndex(t);return e===this.points.length-1},e.prototype.getPointIndex=function(t){return this.points.indexOf(t)},e.prototype.getPointModel=function(t){for(var e=0;e<this.points.length;e++)if(this.points[e].id===t)return this.points[e];return null},e.prototype.getFirstPoint=function(){return this.points[0]},e.prototype.getLastPoint=function(){return this.points[this.points.length-1]},e.prototype.setSourcePort=function(t){t.addLink(this),this.sourcePort=t},e.prototype.getSourcePort=function(){return this.sourcePort},e.prototype.getTargetPort=function(){return this.targetPort},e.prototype.setTargetPort=function(t){t.addLink(this),this.targetPort=t},e.prototype.getPoints=function(){return this.points},e.prototype.setPoints=function(t){this.points=t},e.prototype.removePoint=function(t){this.points.splice(this.getPointIndex(t),1)},e.prototype.addPoint=function(t,e){void 0===e&&(e=1),this.points.splice(e,0,t)},e.prototype.getType=function(){return this.linkType},e}(s);e.LinkModel=c;var p=function(t){function e(e){var n=t.call(this)||this;return n.name=e,n.links={},n.parentNode=null,n}return o(e,t),e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{name:this.name,parentNode:this.parentNode.id,links:r.map(this.links,function(t){return t.id})})},e.prototype.getName=function(){return this.name},e.prototype.getParent=function(){return this.parentNode},e.prototype.setParentNode=function(t){this.parentNode=t},e.prototype.removeLink=function(t){delete this.links[t.getID()]},e.prototype.addLink=function(t){this.links[t.getID()]=t},e.prototype.getLinks=function(){return this.links},e}(s);e.PortModel=p;var u=function(t){function e(e){void 0===e&&(e="default");var n=t.call(this)||this;return n.nodeType=e,n.x=0,n.y=0,n.extras={},n.ports={},n}return o(e,t),e.prototype.deSerialize=function(e){t.prototype.deSerialize.call(this,e),this.nodeType=e.type,this.x=e.x,this.y=e.y,this.extras=e.extras},e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{type:this.nodeType,x:this.x,y:this.y,extras:this.extras,ports:r.map(this.ports,function(t){return t.serialize()})})},e.prototype.remove=function(){t.prototype.remove.call(this);for(var e in this.ports)r.forEach(this.ports[e].getLinks(),function(t){t.remove()})},e.prototype.getPort=function(t){return this.ports[t]},e.prototype.getPorts=function(){return this.ports},e.prototype.removePort=function(t){this.ports[t.name]&&(this.ports[t.name].setParentNode(null),delete this.ports[t.name])},e.prototype.addPort=function(t){return t.setParentNode(this),this.ports[t.name]=t,t},e.prototype.getType=function(){return this.nodeType},e}(s);e.NodeModel=u},function(t,e,n){"use strict";var o=n(7),i=function(){function t(){}return t}();e.BaseListener=i;var r=function(){function t(){this.listeners={},this.id=o.Toolkit.UID()}return t.prototype.getID=function(){return this.id},t.prototype.clearListeners=function(){this.listeners={}},t.prototype.deSerialize=function(t){this.id=t.id},t.prototype.serialize=function(){return{id:this.id}},t.prototype.itterateListeners=function(t){for(var e in this.listeners)t(this.listeners[e])},t.prototype.removeListener=function(t){return!!this.listeners[t]&&(delete this.listeners[t],!0)},t.prototype.addListener=function(t){var e=o.Toolkit.UID();return this.listeners[e]=t,e},t}();e.BaseEntity=r},function(t,e,n){"use strict";var o=function(){function t(t){this.className=t}return t.prototype.getName=function(){return this.className},t}();e.AbstractInstanceFactory=o},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=function(){function t(t){this.type=t}return t.prototype.getType=function(){return this.type},t}();e.WidgetFactory=i;var r=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e}(i);e.NodeWidgetFactory=r;var s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e}(i);e.LinkWidgetFactory=s},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(2),r=n(3),s=n(1),a=function(t){function e(){var e=t.call(this)||this;return e.links={},e.nodes={},e.offsetX=0,e.offsetY=0,e.zoom=100,e}return o(e,t),e.prototype.deSerializeDiagram=function(t,e){var n=this;this.deSerialize(t),this.offsetX=t.offsetX,this.offsetY=t.offsetY,this.zoom=t.zoom,s.forEach(t.nodes,function(t){var o=e.getInstanceFactory(t._class).getInstance();o.deSerialize(t),s.forEach(t.ports,function(t){var n=e.getInstanceFactory(t._class).getInstance();n.deSerialize(t),o.addPort(n)}),n.addNode(o)}),s.forEach(t.links,function(t){var o=e.getInstanceFactory(t._class).getInstance();o.deSerialize(t),t.target&&n.getNode(t.target).getPort(t.targetPort).addLink(o),t.source&&n.getNode(t.source).getPort(t.sourcePort).addLink(o),n.addLink(o)})},e.prototype.serializeDiagram=function(){return s.merge(this.serialize(),{offsetX:this.offsetX,offsetY:this.offsetY,zoom:this.zoom,links:s.map(this.links,function(t){return t.serialize()}),nodes:s.map(this.nodes,function(t){return t.serialize()})})},e.prototype.clearSelection=function(t){void 0===t&&(t=null),s.forEach(this.getSelectedItems(),function(e){t&&t.getID()===e.getID()||e.setSelected(!1)})},e.prototype.getSelectedItems=function(){var t=[];return t=t.concat(s.filter(this.nodes,function(t){return t.isSelected()})),t=t.concat(s.filter(s.flatMap(this.links,function(t){return t.points}),function(t){return t.isSelected()})),t.concat(s.filter(this.links,function(t){return t.isSelected()}))},e.prototype.setZoomLevel=function(t){this.zoom=t,this.itterateListeners(function(t){t.controlsUpdated()})},e.prototype.setOffset=function(t,e){this.offsetX=t,this.offsetY=e,this.itterateListeners(function(t){t.controlsUpdated()})},e.prototype.setOffsetX=function(t){this.offsetX=t,this.itterateListeners(function(t){t.controlsUpdated()})},e.prototype.setOffsetY=function(t){this.offsetX=t,this.itterateListeners(function(t){t.controlsUpdated()})},e.prototype.getOffsetY=function(){return this.offsetY},e.prototype.getOffsetX=function(){return this.offsetX},e.prototype.getZoomLevel=function(){return this.zoom},e.prototype.getNode=function(t){return t instanceof i.NodeModel?t:this.nodes[t]?this.nodes[t]:null},e.prototype.getLink=function(t){return t instanceof i.LinkModel?t:this.links[t]?this.links[t]:null},e.prototype.addLink=function(t){var e=this;return t.addListener({entityRemoved:function(){e.removeLink(t)}}),this.links[t.getID()]=t,this.itterateListeners(function(t){t.linksUpdated()}),t},e.prototype.addNode=function(t){var e=this;return t.addListener({entityRemoved:function(){e.removeNode(t)}}),this.nodes[t.getID()]=t,this.itterateListeners(function(t){t.nodesUpdated()}),t},e.prototype.removeLink=function(t){return t instanceof i.LinkModel?(delete this.links[t.getID()],void this.itterateListeners(function(t){t.linksUpdated()})):(delete this.links[""+t],void this.itterateListeners(function(t){t.linksUpdated()}))},e.prototype.removeNode=function(t){return t instanceof i.NodeModel?(delete this.nodes[t.getID()],void this.itterateListeners(function(t){t.nodesUpdated()})):(delete this.nodes[""+t],void this.itterateListeners(function(t){t.nodesUpdated()}))},e.prototype.getLinks=function(){return this.links},e.prototype.getNodes=function(){return this.nodes},e}(r.BaseEntity);e.DiagramModel=a},function(t,e,n){"use strict";var o=function(){function t(){}return t.UID=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){var e=16*Math.random()|0,n="x"==t?e:3&e|8;return n.toString(16)})},t}();e.Toolkit=o},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(2),s=n(1),a=function(t){function e(e){var n=t.call(this,e)||this;return n.state={selected:!1},n}return o(e,t),e.prototype.generatePoint=function(t){var e=this;return i.DOM.g({key:"point-"+this.props.link.points[t].id},i.DOM.circle({className:"point pointui"+(this.props.link.points[t].isSelected()?" selected":""),cx:this.props.link.points[t].x,cy:this.props.link.points[t].y,r:5}),i.DOM.circle({className:"point","data-linkid":this.props.link.id,"data-id":this.props.link.points[t].id,cx:this.props.link.points[t].x,cy:this.props.link.points[t].y,r:15,opacity:0,onMouseLeave:function(){e.setState({selected:!1})},onMouseEnter:function(){e.setState({selected:!0})}}))},e.prototype.generateLink=function(t){var e=this,n=i.DOM.path(s.merge({className:this.state.selected||this.props.link.isSelected()?"selected":"",strokeWidth:this.props.width,stroke:this.props.color},t)),o=i.DOM.path(s.merge({onMouseLeave:function(){e.setState({selected:!1})},onMouseEnter:function(){e.setState({selected:!0})},"data-linkid":this.props.link.getID(),stroke:this.props.color,strokeOpacity:this.state.selected?.1:0,strokeWidth:20,onContextMenu:function(t){t.preventDefault(),e.props.link.remove()}},t));return i.DOM.g({key:"link-"+t.id},n,o)},e.prototype.render=function(){var t=this,e=this.props.link.points,n=[];if(2===e.length){var o=50;Math.abs(e[0].x-e[1].x)<50&&(o=5);var s=e[0],a=e[1];s.x>a.x&&(s=e[1],a=e[0]),n.push(this.generateLink({id:0,onMouseDown:function(e){if(!e.shiftKey){var n=new r.PointModel(t.props.link,t.props.diagramEngine.getRelativeMousePoint(e));n.setSelected(!0),t.forceUpdate(),t.props.link.addPoint(n,1),t.props.pointAdded(n,e)}},d:" M"+s.x+" "+s.y+" C"+(s.x+o)+" "+s.y+" "+(a.x-o)+" "+a.y+" "+a.x+" "+a.y})),null===this.props.link.targetPort&&n.push(this.generatePoint(1))}else{var c=[];if(this.props.smooth){c.push(" M"+e[0].x+" "+e[0].y+" C "+(e[0].x+50)+" "+e[0].y+" "+e[1].x+" "+e[1].y+" "+e[1].x+" "+e[1].y);for(var p=1;p<e.length-2;p++)c.push(" M "+e[p].x+" "+e[p].y+" L "+e[p+1].x+" "+e[p+1].y);c.push(" M"+e[p].x+" "+e[p].y+" C "+e[p].x+" "+e[p].y+" "+(e[p+1].x-50)+" "+e[p+1].y+" "+e[p+1].x+" "+e[p+1].y)}else for(var c=[],p=0;p<e.length-1;p++)c.push(" M "+e[p].x+" "+e[p].y+" L "+e[p+1].x+" "+e[p+1].y);n=c.map(function(e,n){return t.generateLink({id:n,"data-linkid":t.props.link.id,"data-point":n,onMouseDown:function(e){if(!e.shiftKey){var o=new r.PointModel(t.props.link,t.props.diagramEngine.getRelativeMousePoint(e));o.setSelected(!0),t.forceUpdate(),t.props.link.addPoint(o,n+1),t.props.pointAdded(o,e)}},d:e})});for(var p=1;p<e.length-1;p++)n.push(this.generatePoint(p));null===this.props.link.targetPort&&n.push(this.generatePoint(e.length-1))}return i.DOM.g(null,n)},e}(i.Component);a.defaultProps={color:"black",width:3,link:null,engine:null,smooth:!1,diagramEngine:null},e.DefaultLinkWidget=a},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(1),s=i.DOM.div,a=n(25),c=function(t){function e(e){var n=t.call(this,e)||this;return n.state={},n}return o(e,t),e.prototype.render=function(){return s({className:"basic-node",style:{background:this.props.node.color}},s({className:"title"},s({className:"name"},this.props.node.name),s({className:"fa fa-close",onClick:this.props.node.remove})),s({className:"ports"},s({className:"in"},r.map(this.props.node.getInPorts(),function(t){return i.createElement(a.DefaultPortLabel,{model:t})})),s({className:"out"},r.map(this.props.node.getOutPorts(),function(t){return i.createElement(a.DefaultPortLabel,{model:t})}))))},e}(i.Component);c.defaultProps={node:null},e.DefaultNodeWidget=c},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(11),s=n(1),a=function(t){function e(e){var n=t.call(this,e)||this;return n.state={},n}return o(e,t),e.prototype.componentDidMount=function(){var t=this;setTimeout(function(){t.forceUpdate()},10)},e.prototype.render=function(){var t=this,e=this.props.diagramEngine.getDiagramModel();return i.DOM.svg({style:{transform:"scale("+e.getZoomLevel()/100+") translate("+e.getOffsetX()+"px,"+e.getOffsetY()+"px)",width:"100%",height:"100%"}},s.map(e.getLinks(),function(n){if(null!==n.sourcePort)try{n.points[0].updateLocation(t.props.diagramEngine.getPortCenter(n.sourcePort))}catch(t){return console.log(t),void e.removeLink(n)}if(null!==n.targetPort)try{s.last(n.points).updateLocation(t.props.diagramEngine.getPortCenter(n.targetPort))}catch(t){return console.log(t),void e.removeLink(n)}var o=t.props.diagramEngine.generateWidgetForLink(n);return o?i.createElement(r.LinkWidget,{key:n.getID(),link:n,diagramEngine:t.props.diagramEngine},i.cloneElement(o,{pointAdded:t.props.pointAdded})):(console.log("no link generated for type: "+n.getType()),null)}))},e}(i.Component);e.LinkLayerWidget=a},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=function(t){function e(e){var n=t.call(this,e)||this;return n.state={},n}return o(e,t),e.prototype.shouldComponentUpdate=function(){return this.props.diagramEngine.canEntityRepaint(this.props.link)},e.prototype.render=function(){return this.props.children},e}(i.Component);e.LinkWidget=r},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(1),s=n(13),a=function(t){function e(e){var n=t.call(this,e)||this;return n.state={},n}return o(e,t),e.prototype.render=function(){var t=this,e=this.props.diagramEngine.getDiagramModel();return i.DOM.div({className:"node-view",style:{transform:"scale("+e.getZoomLevel()/100+") translate("+e.getOffsetX()+"px,"+e.getOffsetY()+"px)",width:"100%",height:"100%"}},r.map(e.getNodes(),function(e){return i.createElement(s.NodeWidget,{diagramEngine:t.props.diagramEngine,key:e.id,node:e},t.props.diagramEngine.generateWidgetForNode(e))}))},e}(i.Component);e.NodeLayerWidget=a},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=function(t){function e(e){var n=t.call(this,e)||this;return n.state={},n}return o(e,t),e.prototype.shouldComponentUpdate=function(){return this.props.diagramEngine.canEntityRepaint(this.props.node)},e.prototype.render=function(){return i.DOM.div({"data-nodeid":this.props.node.id,className:"node"+(this.props.node.isSelected()?" selected":""),style:{top:this.props.node.y,left:this.props.node.x}},i.cloneElement(this.props.children,{}))},e}(i.Component);e.NodeWidget=r},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=function(t){function e(e){var n=t.call(this,e)||this;return n.state={selected:!1},n}return o(e,t),e.prototype.render=function(){var t=this;return i.DOM.div({onMouseEnter:function(){t.setState({selected:!0})},onMouseLeave:function(){t.setState({selected:!1})},className:"port"+(this.state.selected?" selected":""),"data-name":this.props.name,"data-nodeid":this.props.node.getID()})},e}(i.Component);e.PortWidget=r},function(t,e,n){var o=n(18);"string"==typeof o&&(o=[[t.i,o,""]]);n(20)(o,{});o.locals&&(t.exports=o.locals)},function(t,e,n){"use strict";function o(t){for(var n in t)e.hasOwnProperty(n)||(e[n]=t[n])}o(n(22)),o(n(8)),o(n(23)),o(n(9)),o(n(24)),o(n(26)),o(n(5)),o(n(7)),o(n(21)),o(n(6)),o(n(3)),o(n(2)),o(n(4)),o(n(27)),o(n(10)),o(n(11)),o(n(12)),o(n(13)),o(n(14))},function(t,e){t.exports=n},function(t,e,n){e=t.exports=n(19)(),e.push([t.i,"*{margin:0;padding:0}body,html{width:100%;height:100%;background:#3c3c3c;display:flex}.storm-diagrams-canvas{position:relative;flex-grow:1;display:flex;cursor:move;overflow:hidden}.storm-diagrams-canvas .point{fill:hsla(0,0%,100%,.5)}.storm-diagrams-canvas .point.selected{fill:#00c0ff}.storm-diagrams-canvas .selector{position:absolute;background-color:rgba(0,192,255,.2);border:2px solid #00c0ff}.storm-diagrams-canvas svg{position:absolute;height:100%;width:100%;transform-origin:0 0;overflow:visible}.storm-diagrams-canvas .node-view{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;transform-origin:0 0}.storm-diagrams-canvas .node{position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:move;pointer-events:all}.storm-diagrams-canvas .node.selected>*{border-color:#00c0ff!important;box-shadow:0 0 20px rgba(0,192,255,.5)}@keyframes dash{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.storm-diagrams-canvas path{fill:none;pointer-events:all}.storm-diagrams-canvas path.selected{stroke:#00c0ff!important;stroke-dasharray:10,2;animation:dash 1s linear infinite}.storm-diagrams-canvas .port{width:15px;height:15px;background:hsla(0,0%,100%,.1)}.storm-diagrams-canvas .port.selected,.storm-diagrams-canvas .port:hover{background:#c0ff00}.storm-diagrams-canvas .basic-node{background-color:#1e1e1e;border-radius:5px;font-family:Arial;color:#fff;border:2px solid #000;overflow:hidden;font-size:11px;box-shadow:0 0 10px rgba(0,0,0,.5)}.storm-diagrams-canvas .basic-node .title{background:rgba(0,0,0,.3);display:flex;white-space:nowrap}.storm-diagrams-canvas .basic-node .title>*{align-self:center}.storm-diagrams-canvas .basic-node .title .fa{padding:5px;opacity:.2;cursor:pointer}.storm-diagrams-canvas .basic-node .title .fa:hover{opacity:1}.storm-diagrams-canvas .basic-node .title .name{flex-grow:1;padding:5px}.storm-diagrams-canvas .basic-node .ports{display:flex;background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.2))}.storm-diagrams-canvas .basic-node .ports .in,.storm-diagrams-canvas .basic-node .ports .out{flex-grow:1;display:flex;flex-direction:column}.storm-diagrams-canvas .basic-node .ports .in-port,.storm-diagrams-canvas .basic-node .ports .out-port{display:flex;margin-top:1px}.storm-diagrams-canvas .basic-node .ports .in-port>*,.storm-diagrams-canvas .basic-node .ports .out-port>*{align-self:center}.storm-diagrams-canvas .basic-node .ports .in-port .name,.storm-diagrams-canvas .basic-node .ports .out-port .name{padding:0 5px}.storm-diagrams-canvas .basic-node .ports .out-port{justify-content:flex-end}.storm-diagrams-canvas .basic-node .ports .out-port .name{justify-content:flex-end;text-align:right}",""])},function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e<this.length;e++){var n=this[e];n[2]?t.push("@media "+n[2]+"{"+n[1]+"}"):t.push(n[1])}return t.join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},i=0;i<this.length;i++){var r=this[i][0];"number"==typeof r&&(o[r]=!0)}for(i=0;i<e.length;i++){var s=e[i];"number"==typeof s[0]&&o[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),t.push(s))}},t}},function(t,e){function n(t,e){for(var n=0;n<t.length;n++){var o=t[n],i=d[o.id];if(i){i.refs++;for(var r=0;r<i.parts.length;r++)i.parts[r](o.parts[r]);for(;r<o.parts.length;r++)i.parts.push(c(o.parts[r],e))}else{for(var s=[],r=0;r<o.parts.length;r++)s.push(c(o.parts[r],e));d[o.id]={id:o.id,refs:1,parts:s}}}}function o(t){for(var e=[],n={},o=0;o<t.length;o++){var i=t[o],r=i[0],s=i[1],a=i[2],c=i[3],p={css:s,media:a,sourceMap:c};n[r]?n[r].parts.push(p):e.push(n[r]={id:r,parts:[p]})}return e}function i(t,e){var n=g(),o=v[v.length-1];if("top"===t.insertAt)o?o.nextSibling?n.insertBefore(e,o.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),v.push(e);else{if("bottom"!==t.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(e)}}function r(t){t.parentNode.removeChild(t);var e=v.indexOf(t);e>=0&&v.splice(e,1)}function s(t){var e=document.createElement("style");return e.type="text/css",i(t,e),e}function a(t){var e=document.createElement("link");return e.rel="stylesheet",i(t,e),e}function c(t,e){var n,o,i;if(e.singleton){var c=m++;n=y||(y=s(e)),o=p.bind(null,n,c,!1),i=p.bind(null,n,c,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=a(e),o=l.bind(null,n),i=function(){r(n),n.href&&URL.revokeObjectURL(n.href)}):(n=s(e),o=u.bind(null,n),i=function(){r(n)});return o(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;o(t=e)}else i()}}function p(t,e,n,o){var i=n?"":o.css;if(t.styleSheet)t.styleSheet.cssText=x(e,i);else{var r=document.createTextNode(i),s=t.childNodes;s[e]&&t.removeChild(s[e]),s.length?t.insertBefore(r,s[e]):t.appendChild(r)}}function u(t,e){var n=e.css,o=e.media;if(o&&t.setAttribute("media",o),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}function l(t,e){var n=e.css,o=e.sourceMap;o&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var i=new Blob([n],{type:"text/css"}),r=t.href;t.href=URL.createObjectURL(i),r&&URL.revokeObjectURL(r)}var d={},f=function(t){var e;return function(){return"undefined"==typeof e&&(e=t.apply(this,arguments)),e}},h=f(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),g=f(function(){return document.head||document.getElementsByTagName("head")[0]}),y=null,m=0,v=[];t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");e=e||{},"undefined"==typeof e.singleton&&(e.singleton=h()),"undefined"==typeof e.insertAt&&(e.insertAt="bottom");var i=o(t);return n(i,e),function(t){for(var r=[],s=0;s<i.length;s++){var a=i[s],c=d[a.id];c.refs--,r.push(c)}if(t){var p=o(t);n(p,e)}for(var s=0;s<r.length;s++){var c=r[s];if(0===c.refs){for(var u=0;u<c.parts.length;u++)c.parts[u]();delete d[c.id]}}}};var x=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(2),r=n(3),s=n(6),a=n(1),c=function(t){function e(){var e=t.call(this)||this;return e.diagramModel=new s.DiagramModel,e.nodeFactories={},e.linkFactories={},e.instanceFactories={},e.canvas=null,e.paintableWidgets=null,e}return o(e,t),e.prototype.clearRepaintEntities=function(){this.paintableWidgets=null},e.prototype.enableRepaintEntities=function(t){var e=this;this.paintableWidgets={},t.forEach(function(t){t instanceof i.NodeModel&&a.forEach(t.getPorts(),function(t){a.forEach(t.getLinks(),function(t){e.paintableWidgets[t.getID()]=!0})}),t instanceof i.PointModel&&(e.paintableWidgets[t.getLink().getID()]=!0),e.paintableWidgets[t.getID()]=!0})},e.prototype.canEntityRepaint=function(t){return null===this.paintableWidgets||void 0!==this.paintableWidgets[t.getID()]},e.prototype.setCanvas=function(t){this.canvas=t},e.prototype.setDiagramModel=function(t){this.diagramModel=t},e.prototype.getDiagramModel=function(){return this.diagramModel},e.prototype.getNodeFactories=function(){return this.nodeFactories},e.prototype.getLinkFactories=function(){return this.linkFactories},e.prototype.getInstanceFactory=function(t){return this.instanceFactories[t]},e.prototype.registerInstanceFactory=function(t){this.instanceFactories[t.getName()]=t},e.prototype.registerNodeFactory=function(t){this.nodeFactories[t.getType()]=t,this.itterateListeners(function(t){t.nodeFactoriesUpdated()})},e.prototype.registerLinkFactory=function(t){this.linkFactories[t.getType()]=t,this.itterateListeners(function(t){t.linkFactoriesUpdated()})},e.prototype.getFactoryForNode=function(t){return this.nodeFactories[t.getType()]?this.nodeFactories[t.getType()]:(console.log("cannot find widget factory for node of type: ["+t.getType()+"]"),null)},e.prototype.getFactoryForLink=function(t){return this.linkFactories[t.getType()]?this.linkFactories[t.getType()]:(console.log("cannot find widget factory for link of type: ["+t.getType()+"]"),null)},e.prototype.generateWidgetForLink=function(t){var e=this.getFactoryForLink(t);if(!e)throw"Cannot find link factory for link: "+t.getType();return e.generateReactWidget(this,t)},e.prototype.generateWidgetForNode=function(t){var e=this.getFactoryForNode(t);if(!e)throw"Cannot find widget factory for node: "+t.getType();return e.generateReactWidget(this,t)},e.prototype.getRelativeMousePoint=function(t){var e=this.getRelativePoint(t.pageX,t.pageY);return{x:e.x/(this.diagramModel.getZoomLevel()/100)-this.diagramModel.getOffsetX(),y:e.y/(this.diagramModel.getZoomLevel()/100)-this.diagramModel.getOffsetY()}},e.prototype.getRelativePoint=function(t,e){var n=this.canvas.getBoundingClientRect();return{x:t-n.left,y:e-n.top}},e.prototype.getNodePortElement=function(t){var e=this.canvas.querySelector('.port[data-name="'+t.getName()+'"][data-nodeid="'+t.getParent().getID()+'"]');if(null===e)throw"Cannot find Node Port element with nodeID: ["+t.getParent().getID()+"] and name: ["+t.getName()+"]";return e},e.prototype.getPortCenter=function(t){var e=this.getNodePortElement(t),n=e.getBoundingClientRect(),o=this.getRelativePoint(n.left,n.top);return{x:e.offsetWidth/2+o.x/(this.diagramModel.getZoomLevel()/100)-this.diagramModel.getOffsetX(),y:e.offsetHeight/2+o.y/(this.diagramModel.getZoomLevel()/100)-this.diagramModel.getOffsetY()}},e}(r.BaseEntity);e.DiagramEngine=c},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(5),r=n(0),s=n(8),a=function(t){function e(){return t.call(this,"default")||this}return o(e,t),e.prototype.generateReactWidget=function(t,e){return r.createElement(s.DefaultLinkWidget,{link:e,diagramEngine:t})},e}(i.LinkWidgetFactory);e.DefaultLinkFactory=a},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(5),r=n(0),s=n(9),a=function(t){function e(){return t.call(this,"default")||this}return o(e,t),e.prototype.generateReactWidget=function(t,e){return r.createElement(s.DefaultNodeWidget,{node:e,diagramEngine:t})},e}(i.NodeWidgetFactory);e.DefaultNodeFactory=a},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(2),r=n(1),s=n(4),a=function(t){function e(){return t.call(this,"DefaultNodeModel")||this}return o(e,t),e.prototype.getInstance=function(){return new c},e}(s.AbstractInstanceFactory);e.DefaultNodeInstanceFactory=a;var c=function(t){function e(e,n){void 0===e&&(e="Untitled"),void 0===n&&(n="rgb(0,192,255)");var o=t.call(this,"default")||this;return o.name=e,o.color=n,o}return o(e,t),e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{name:this.name,color:this.color})},e.prototype.getInPorts=function(){return r.filter(this.ports,function(t){return t.in})},e.prototype.getOutPorts=function(){return r.filter(this.ports,function(t){return!t.in})},e}(i.NodeModel);e.DefaultNodeModel=c},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(14),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.prototype.render=function(){var t=i.createElement(r.PortWidget,{name:this.props.model.name,node:this.props.model.getParent()
+}),e=i.DOM.div({className:"name"},this.props.model.label);return i.DOM.div({className:(this.props.model.in?"in":"out")+"-port"},this.props.model.in?t:e,this.props.model.in?e:t)},e}(i.Component);s.defaultProps={in:!0,label:"port"},e.DefaultPortLabel=s},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(2),r=n(1),s=n(4),a=function(t){function e(){return t.call(this,"DefaultPortModel")||this}return o(e,t),e.prototype.getInstance=function(){return new c(!0,"unknown")},e}(s.AbstractInstanceFactory);e.DefaultPortInstanceFactory=a;var c=function(t){function e(e,n,o){void 0===o&&(o=null);var i=t.call(this,n)||this;return i.in=e,i.label=o||n,i}return o(e,t),e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{in:this.in,label:this.label})},e}(i.PortModel);e.DefaultPortModel=c},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(1),s=n(2),a=n(10),c=n(12),p=function(){function t(t,e){this.mouseX=t,this.mouseY=e,this.ms=(new Date).getTime()}return t}();e.BaseAction=p;var u=function(t){function e(e,n){var o=t.call(this,e,n)||this;return o.mouseX2=e,o.mouseY2=n,o}return o(e,t),e.prototype.containsElement=function(t,e,n){var o=n.getZoomLevel()/100;return(t+n.getOffsetX())*o>this.mouseX&&(t+n.getOffsetX())*o<this.mouseX2&&(e+n.getOffsetY())*o>this.mouseY&&(e+n.getOffsetY())*o<this.mouseY2},e}(p),l=function(t){function e(e,n,o){var i=t.call(this,e,n)||this;return i.initialOffsetX=o.getOffsetX(),i.initialOffsetY=o.getOffsetY(),i}return o(e,t),e}(p),d=function(t){function e(e,n,o){var i=t.call(this,e,n)||this;return i.moved=!1,o.enableRepaintEntities(o.getDiagramModel().getSelectedItems()),i.selectionModels=o.getDiagramModel().getSelectedItems().map(function(t){return{model:t,initialX:t.x,initialY:t.y}}),i}return o(e,t),e}(p),f=function(t){function e(e){var n=t.call(this,e)||this;return n.state={action:null,renderedNodes:!1,windowListener:null},n}return o(e,t),e.prototype.componentWillUnmount=function(){this.props.diagramEngine.setCanvas(null),window.removeEventListener("keydown",this.state.windowListener)},e.prototype.componentWillReceiveProps=function(t){this.props.diagramEngine.id!==t.diagramEngine.id&&this.setState({renderedNodes:!1})},e.prototype.getMouseElement=function(t){var e=t.target,n=this.props.diagramEngine.diagramModel,o=e.closest(".port[data-name]");if(o){var i=e.closest(".node[data-nodeid]");return{model:n.getNode(i.getAttribute("data-nodeid")).getPort(o.getAttribute("data-name")),element:o}}return(o=e.closest(".point[data-id]"))?{model:n.getLink(o.getAttribute("data-linkid")).getPointModel(o.getAttribute("data-id")),element:o}:(o=e.closest("[data-linkid]"))?{model:n.getLink(o.getAttribute("data-linkid")),element:o}:(o=e.closest(".node[data-nodeid]"),o?{model:n.getNode(o.getAttribute("data-nodeid")),element:o}:null)},e.prototype.componentDidMount=function(){var t=this;this.props.diagramEngine.setCanvas(this.refs.canvas),this.setState({renderedNodes:!0,windowListener:window.addEventListener("keydown",function(e){46===e.keyCode&&(r.forEach(t.props.diagramEngine.getDiagramModel().getSelectedItems(),function(t){t.remove()}),t.forceUpdate())})}),window.focus()},e.prototype.render=function(){var t=this,e=this.props.diagramEngine,n=e.getDiagramModel();return i.DOM.div({ref:"canvas",className:"storm-diagrams-canvas",onWheel:function(o){o.preventDefault(),o.stopPropagation(),n.setZoomLevel(n.getZoomLevel()+o.deltaY/60),e.enableRepaintEntities([]),t.forceUpdate()},onMouseMove:function(o){if(t.state.action instanceof u){var i=e.getRelativePoint(o.pageX,o.pageY);return r.forEach(n.getNodes(),function(e){t.state.action.containsElement(e.x,e.y,n)&&e.setSelected(!0)}),r.forEach(n.getLinks(),function(e){var o=!0;r.forEach(e.points,function(e){t.state.action.containsElement(e.x,e.y,n)?e.setSelected(!0):o=!1}),o&&e.setSelected(!0)}),t.state.action.mouseX2=i.x,t.state.action.mouseY2=i.y,void t.setState({action:t.state.action})}t.state.action instanceof d?(r.forEach(t.state.action.selectionModels,function(e){(e.model instanceof s.NodeModel||e.model instanceof s.PointModel)&&(e.model.x=e.initialX+(o.pageX-t.state.action.mouseX)/(n.getZoomLevel()/100),e.model.y=e.initialY+(o.pageY-t.state.action.mouseY)/(n.getZoomLevel()/100))}),t.forceUpdate()):t.state.action instanceof l&&(n.setOffset(t.state.action.initialOffsetX+(o.pageX-t.state.action.mouseX)/(n.getZoomLevel()/100),t.state.action.initialOffsetY+(o.pageY-t.state.action.mouseY)/(n.getZoomLevel()/100)),t.forceUpdate())},onMouseDown:function(o){e.clearRepaintEntities();var i=t.getMouseElement(o);if(null===i)if(o.shiftKey){var r=e.getRelativePoint(o.pageX,o.pageY);t.setState({action:new u(r.x,r.y)})}else{var r=e.getRelativePoint(o.pageX,o.pageY);n.clearSelection(),t.setState({action:new l(r.x,r.y,n)})}else if(i.model instanceof s.PortModel){var r=e.getRelativeMousePoint(o),a=new s.LinkModel;a.setSourcePort(i.model),a.getFirstPoint().updateLocation(r),a.getLastPoint().updateLocation(r),n.clearSelection(),a.getLastPoint().setSelected(!0),n.addLink(a),t.setState({action:new d(o.pageX,o.pageY,e)})}else o.shiftKey||i.model.isSelected()||n.clearSelection(),i.model.setSelected(!0),t.setState({action:new d(o.pageX,o.pageY,e)})},onMouseUp:function(n){if(t.state.action instanceof d){var o=t.getMouseElement(n);o&&r.forEach(t.state.action.selectionModels,function(t){t.model instanceof s.PointModel&&o.model instanceof s.PortModel&&t.model.getLink().setTargetPort(o.model)})}e.clearRepaintEntities(),t.setState({action:null})}},this.state.renderedNodes?i.createElement(a.LinkLayerWidget,{diagramEngine:e,pointAdded:function(o,i){i.stopPropagation(),n.clearSelection(o),t.setState({action:new d(i.pageX,i.pageY,e)})}}):null,i.createElement(c.NodeLayerWidget,{diagramEngine:e}),this.state.action instanceof u?i.DOM.div({className:"selector",style:{top:this.state.action.mouseY,left:this.state.action.mouseX,width:this.state.action.mouseX2-this.state.action.mouseX,height:this.state.action.mouseY2-this.state.action.mouseY}}):null)},e}(i.Component);e.DiagramWidget=f},function(t,e,n){"use strict";var o=n(16),i=n(0),r=n(17);n(15),window.onload=function(){var t=new o.DiagramEngine;t.registerNodeFactory(new o.DefaultNodeFactory),t.registerLinkFactory(new o.DefaultLinkFactory);var e=new o.DiagramModel,n=new o.DefaultNodeModel("Node 1","rgb(0,192,255)"),s=n.addPort(new o.DefaultPortModel(!1,"out-1","Out"));n.x=100,n.y=100;var a=new o.DefaultNodeModel("Node 2","rgb(192,255,0)"),c=a.addPort(new o.DefaultPortModel(!0,"in-1","IN"));a.x=400,a.y=100;var p=new o.LinkModel;p.setSourcePort(s),p.setTargetPort(c),e.addNode(n),e.addNode(a),e.addLink(p),t.setDiagramModel(e),r.render(i.createElement(o.DiagramWidget,{diagramEngine:t}),document.body),
+//!------------- SERIALIZING / DESERIALIZING ------------
+t.registerInstanceFactory(new o.DefaultNodeInstanceFactory),t.registerInstanceFactory(new o.DefaultPortInstanceFactory);var u=JSON.stringify(e.serializeDiagram());console.log(u);var l=new o.DiagramModel;l.deSerializeDiagram(u,t),r.render(i.createElement(o.DiagramWidget,{diagramEngine:t}),document.body)}}])});
 //# sourceMappingURL=bundle.js.map
\ No newline at end of file
diff --git a/demos/demo1/bundle.js.map b/demos/demo1/bundle.js.map
index 6f324ea..58340de 100644
--- a/demos/demo1/bundle.js.map
+++ b/demos/demo1/bundle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap 4576a351a3d2b3bf7410","webpack:///external \"React\"","webpack:///external {\"commonjs\":\"lodash\",\"commonjs2\":\"lodash\",\"amd\":\"_\",\"root\":\"_\"}","webpack:///./src/Common.ts","webpack:///./src/BaseEntity.ts","webpack:///./src/Toolkit.ts","webpack:///./src/WidgetFactories.ts","webpack:///./src/DiagramModel.ts","webpack:///./src/defaults/DefaultLinkWidget.ts","webpack:///./src/defaults/DefaultNodeWidget.ts","webpack:///./src/widgets/LinkLayerWidget.ts","webpack:///./src/widgets/LinkWidget.ts","webpack:///./src/widgets/NodeLayerWidget.ts","webpack:///./src/widgets/NodeWidget.ts","webpack:///./src/widgets/PortWidget.ts","webpack:///./demos/test.scss?acf3","webpack:///./src/main.ts","webpack:///external \"ReactDOM\"","webpack:///./demos/test.scss","webpack:///./~/css-loader/lib/css-base.js","webpack:///./~/style-loader/addStyles.js","webpack:///./src/DiagramEngine.ts","webpack:///./src/defaults/DefaultLinkFactory.ts","webpack:///./src/defaults/DefaultNodeFactory.ts","webpack:///./src/defaults/DefaultNodeModel.ts","webpack:///./src/defaults/DefaultPortLabelWidget.ts","webpack:///./src/defaults/DefaultPortModel.ts","webpack:///./src/widgets/DiagramWidget.ts","webpack:///./demos/demo1/index.ts"],"names":[],"mappings":"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Y,oBAAoB;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACjDA;AACA;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACF;AACA;AACA,EAAE;AACF;AACA;AACA,EAAE;AACF;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA,gBAAgB,mBAAmB;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB,sBAAsB;AACtC;AACA;AACA,kBAAkB,2BAA2B;AAC7C;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,eAAe,mBAAmB;AAClC;AACA;AACA;AACA;AACA,iBAAiB,2BAA2B;AAC5C;AACA;AACA,QAAQ,uBAAuB;AAC/B;AACA;AACA,GAAG;AACH;AACA,iBAAiB,uBAAuB;AACxC;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;;AAEA;AACA;AACA;AACA,eAAe,iBAAiB;AAChC;AACA;AACA;AACA;AACA;AACA,cAAc;AACd;AACA,gCAAgC,sBAAsB;AACtD;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,GAAG;AACH;AACA;AACA;AACA,EAAE;AACF;AACA,EAAE;AACF;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,EAAE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACF;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;A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","file":"demo1/bundle.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"React\"), require(\"lodash\"), require(\"ReactDOM\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"React\", \"_\", \"ReactDOM\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"storm-react-diagrams\"] = factory(require(\"React\"), require(\"lodash\"), require(\"ReactDOM\"));\n\telse\n\t\troot[\"storm-react-diagrams\"] = factory(root[\"React\"], root[\"_\"], root[\"ReactDOM\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_16__) {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 27);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 4576a351a3d2b3bf7410","module.exports = __WEBPACK_EXTERNAL_MODULE_0__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"React\"\n// module id = 0\n// module chunks = 0 1","module.exports = __WEBPACK_EXTERNAL_MODULE_1__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external {\"commonjs\":\"lodash\",\"commonjs2\":\"lodash\",\"amd\":\"_\",\"root\":\"_\"}\n// module id = 1\n// module chunks = 0 1","import {Toolkit} from \"./Toolkit\";\nimport {BaseEnity, BaseListener} from \"./BaseEntity\";\nimport * as _ from \"lodash\";\n\nexport interface BaseModelListener extends BaseListener{\n\t\n\tselectionChanged?();\n\t\n\tentityRemoved?();\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class BaseModel extends BaseEnity<BaseModelListener>{\n\t\n\tselected: boolean;\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.id = Toolkit.UID();\n\t\tthis.selected = false;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\t_class: this.constructor.name,\n\t\t\tselected: this.selected\n\t\t});\n\t}\n\t\n\tpublic getID(): string{\n\t\treturn this.id\n\t}\n\t\n\tpublic isSelected(): boolean{\n\t\treturn this.selected;\n\t}\n\t\n\tpublic setSelected(selected: boolean){\n\t\tthis.selected = selected;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tif(listener.selectionChanged){\n\t\t\t\tlistener.selectionChanged();\n\t\t\t}\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tconsole.log(\"removing: \",this);\n\t\tthis.itterateListeners((listener) => {\n\t\t\tif(listener.entityRemoved){\n\t\t\t\tlistener.entityRemoved();\n\t\t\t}\n\t\t});\n\t}\n}\n\nexport class PointModel extends BaseModel{\n\t\n\tx:number;\n\ty:number;\n\tlink: LinkModel;\n\t\n\tconstructor(link: LinkModel,points: {x:number,y: number}){\n\t\tsuper();\n\t\tthis.x = points.x;\n\t\tthis.y = points.y;\n\t\tthis.link = link;\n\t}\n\t\n\tserialize(){\n\t\treturn _.extend(super.serialize(),{\n\t\t\tx: this.x,\n\t\t\ty: this.y\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\t\n\t\t//clear references\n\t\tif (this.link){\n\t\t\tthis.link.removePoint(this);\n\t\t}\n\t}\n\t\n\tupdateLocation(points: {x:number,y: number}){\n\t\tthis.x = points.x;\n\t\tthis.y = points.y;\n\t}\n\t\n\tgetX():number{\n\t\treturn this.x;\n\t}\n\t\n\tgetY():number{\n\t\treturn this.y;\n\t}\n\t\n\tgetLink(): LinkModel{\n\t\treturn this.link;\n\t}\n}\n\nexport class LinkModel extends BaseModel{\n\t\n\tlinkType: string;\n\tsourcePort: PortModel|null;\n\ttargetPort: PortModel|null;\n\tpoints: PointModel[];\n\textras: {};\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.linkType = 'default';\n\t\tthis.points = [\n\t\t\tnew PointModel(this,{x: 0,y: 0}),\n\t\t\tnew PointModel(this,{x: 0,y: 0}),\n\t\t];\n\t\tthis.extras = {};\n\t\tthis.sourcePort = null;\n\t\tthis.targetPort = null;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\ttype: this.linkType,\n\t\t\tsource: this.sourcePort ? this.sourcePort.getParent().id:null,\n\t\t\tsourcePort: this.sourcePort ? this.sourcePort.id:null,\n\t\t\tpoints: _.map(this.points,(point) => {\n\t\t\t\treturn point.serialize();\n\t\t\t}),\n\t\t\textras: this.extras\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\tif (this.sourcePort){\n\t\t\tthis.sourcePort.removeLink(this);\n\t\t}\n\t\tif (this.targetPort){\n\t\t\tthis.targetPort.removeLink(this);\n\t\t}\n\t}\n\t\n\tisLastPoint(point: PointModel){\n\t\tvar index = this.getPointIndex(point);\n\t\treturn index === this.points.length-1;\n\t}\n\t\n\tgetPointIndex(point: PointModel){\n\t\treturn this.points.indexOf(point);\n\t}\n\t\n\tgetPointModel(id: string): PointModel|null{\n\t\tfor (var i = 0; i < this.points.length;i++){\n\t\t\tif (this.points[i].id === id){\n\t\t\t\treturn this.points[i];\n\t\t\t}\n\t\t}\n\t\treturn null;\n\t}\n\t\n\tgetFirstPoint(): PointModel{\n\t\treturn this.points[0];\n\t}\n\t\n\tgetLastPoint(): PointModel{\n\t\treturn this.points[this.points.length-1];\n\t}\n\t\n\tsetSourcePort(port: PortModel){\n\t\tport.addLink(this);\n\t\tthis.sourcePort = port;\n\t}\n\t\n\tgetSourcePort(): PortModel{\n\t\treturn this.sourcePort;\n\t}\n\t\n\tgetTargetPort(): PortModel{\n\t\treturn this.targetPort;\n\t}\n\t\n\tsetTargetPort(port: PortModel){\n\t\tport.addLink(this);\n\t\tthis.targetPort = port;\n\t}\n\t\n\tgetPoints(): PointModel[]{\n\t\treturn this.points;\n\t}\n\t\n\tsetPoints(points: PointModel[]){\n\t\tthis.points = points;\n\t}\n\t\n\tremovePoint(pointModel: PointModel){\n\t\tthis.points.splice(this.getPointIndex(pointModel),1);\n\t}\n\t\n\taddPoint(pointModel:PointModel,index = 1){\n\t\tthis.points.splice(index,0,pointModel);\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.linkType;\n\t}\n}\n\nexport class PortModel extends BaseModel{\n\tname: string;\n\tparentNode: NodeModel;\n\tlinks: {[id: string]: LinkModel};\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\tname: this.name,\n\t\t\tparentNode: this.parentNode.id,\n\t\t\tlinks: _.map(this.links,(link) => {\n\t\t\t\treturn link.id;\n\t\t\t})\n\t\t});\n\t}\n\t\n\tconstructor(name: string){\n\t\tsuper();\n\t\tthis.name = name;\n\t\tthis.links = {};\n\t\tthis.parentNode = null;\n\t}\n\t\n\tgetName(): string{\n\t\treturn this.name;\n\t}\n\t\n\tgetParent(): NodeModel{\n\t\treturn this.parentNode;\n\t}\n\t\n\tsetParentNode(node: NodeModel){\n\t\tthis.parentNode = node;\n\t}\n\t\n\tremoveLink(link: LinkModel){\n\t\tdelete this.links[link.getID()];\n\t}\n\t\n\taddLink(link: LinkModel){\n\t\tthis.links[link.getID()] = link;\n\t}\n\t\n\tgetLinks(): {[id: string]: LinkModel}{\n\t\treturn this.links;\n\t}\n}\n\nexport class NodeModel extends BaseModel{\n\t\n\tnodeType: string;\n\tx: number;\n\ty: number;\n\textras: {};\n\tports:  {[s: string]:PortModel};\n\t\n\tconstructor(nodeType: string = 'default'){\n\t\tsuper();\n\t\tthis.nodeType = nodeType;\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\t\tthis.extras = {};\n\t\tthis.ports = {};\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\ttype: this.nodeType,\n\t\t\tx: this.x,\n\t\t\ty: this.y,\n\t\t\textras: this.extras,\n\t\t\tports: _.map(this.ports,(port) => {\n\t\t\t\treturn port.serialize()\n\t\t\t})\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\tfor (var i in this.ports){\n\t\t\t_.forEach(this.ports[i].getLinks(),(link) => {\n\t\t\t\tlink.remove();\n\t\t\t});\n\t\t}\n\t}\n\t\n\tgetPort(name: string): PortModel | null{\n\t\treturn this.ports[name];\n\t}\n\t\n\tgetPorts(): {[s: string]:PortModel}{\n\t\treturn this.ports;\n\t}\n\t\n\tremovePort(port: PortModel){\n\t\t//clear the parent node reference\n\t\tif(this.ports[port.name]){\n\t\t\tthis.ports[port.name].setParentNode(null);\n\t\t\tdelete this.ports[port.name];\n\t\t}\n\t}\n\t\n\taddPort(port: PortModel): PortModel{\n\t\tport.setParentNode(this);\n\t\tthis.ports[port.name] = port;\n\t\treturn port;\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.nodeType;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/Common.ts","import {Toolkit} from \"./Toolkit\";\n/**\n * @author Dylan Vorster\n */\nexport class BaseListener{\n\t\n}\n\nexport class BaseEnity<T extends BaseListener>{\n\t\n\tpublic listeners:{[s: string]: T};\n\tpublic id: string;\n\t\n\tconstructor(){\n\t\tthis.listeners = {};\n\t\tthis.id = Toolkit.UID();\n\t}\n\t\n\tgetID(){\n\t\treturn this.id;\n\t}\n\t\n\tclearListeners(){\n\t\tthis.listeners = {};\n\t}\n\t\n\tpublic serialize(){\n\t\treturn {\n\t\t\tid: this.id,\n\t\t}\n\t}\n\t\n\tpublic itterateListeners(cb: (t: T) => any){\n\t\tfor (var i in this.listeners){\n\t\t\tcb(this.listeners[i]);\n\t\t}\n\t}\n\t\n\tpublic removeListener(listener: string){\n\t\tif (this.listeners[listener]){\n\t\t\tdelete this.listeners[listener];\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\t\n\tpublic addListener(listener: T): string{\n\t\tvar uid = Toolkit.UID();\n\t\tthis.listeners[uid] = listener;\n\t\treturn uid;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/BaseEntity.ts","/**\n * @author Dylan Vorster\n */\nexport class Toolkit {\n\t/**\n   * Generats a unique ID (thanks Stack overflow :3)\n   * @returns {String}\n   */\n\tpublic static UID():string {\n\t\treturn 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n\t\t\tvar r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);\n\t\t\treturn v.toString(16);\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/Toolkit.ts","import {NodeModel, LinkModel} from \"./Common\";\nimport {DiagramEngine} from \"./DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport abstract class WidgetFactory{\n\t\n\ttype: string;\n\t\n\tconstructor(name: string){\n\t\tthis.type = name;\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.type;\n\t}\n\t\n}\n\nexport abstract class NodeWidgetFactory extends WidgetFactory{\n\t\n\t\n\tabstract generateReactWidget(diagramEngine:DiagramEngine,node: NodeModel): JSX.Element;\n\t\n}\n\nexport abstract class LinkWidgetFactory extends WidgetFactory{\n\t\n\tabstract generateReactWidget(diagramEngine:DiagramEngine,link: LinkModel): JSX.Element;\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/WidgetFactories.ts","import {LinkModel, NodeModel, BaseModel} from \"./Common\";\nimport {BaseListener, BaseEnity} from \"./BaseEntity\";\nimport * as _ from \"lodash\";\n/**\n * @author Dylan Vorster\n * \n */\nexport interface DiagramListener extends BaseListener{\n\t\n\tnodesUpdated(): any;\n\t\n\tlinksUpdated(): any;\n\t\n\tcontrolsUpdated(): any;\n\t\n}\n/**\n * \n */\nexport class DiagramModel extends BaseEnity<DiagramListener>{\n\t\n\t//models\n\tlinks: {[s:string] : LinkModel};\n\tnodes: {[s:string] : NodeModel};\n\t\n\t//control variables\n\toffsetX: number;\n\toffsetY: number;\n\tzoom: number;\n\t\n\tconstructor(){\n\t\tsuper();\n\t\t\n\t\tthis.links = {};\n\t\tthis.nodes = {};\n\t\t\n\t\tthis.offsetX = 0;\n\t\tthis.offsetY = 0;\n\t\tthis.zoom = 100;\n\t}\n\t\n\tdeSerialize(object: any){\n\t\t\n\t\t\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\toffsetX: this.offsetX,\n\t\t\toffsetY: this.offsetY,\n\t\t\tzoom: this.zoom,\n\t\t\tlinks: _.map(this.links,(link) => {\n\t\t\t\treturn link.serialize();\n\t\t\t}),\n\t\t\tnodes: _.map(this.nodes,(link) => {\n\t\t\t\treturn link.serialize();\n\t\t\t}),\n\t\t});\n\t}\n\t\n\tclearSelection(ignore: BaseModel|null = null){\n\t\t_.forEach(this.getSelectedItems(),(element) => {\n\t\t\tif (ignore && ignore.getID() === element.getID()){\n\t\t\t\treturn;\n\t\t\t}\n\t\t\telement.setSelected(false); //TODO dont fire the listener\n\t\t});\n\t}\n\t\n\tgetSelectedItems(): BaseModel[]{\n\t\tvar items  = [];\n\t\t\n\t\t//find all nodes\n\t\titems = items.concat(_.filter(this.nodes,(node) => {\n\t\t\treturn node.isSelected();\n\t\t}));\n\t\t\n\t\t//find all points\n\t\titems = items.concat(_.filter(_.flatMap(this.links,(node) => {\n\t\t\treturn node.points;\n\t\t}),(port) => {\n\t\t\treturn port.isSelected();\n\t\t}));\n\t\t\n\t\t//find all links\n\t\treturn items.concat(_.filter(this.links,(link) => {\n\t\t\treturn link.isSelected();\n\t\t}));\n\t}\n\t\n\tsetZoomLevel(zoom:number){\n\t\tthis.zoom = zoom;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tsetOffset(offsetX: number, offsetY: number){\n\t\tthis.offsetX = offsetX;\n\t\tthis.offsetY = offsetY;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tsetOffsetX(offsetX: number){\n\t\tthis.offsetX = offsetX;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\tsetOffsetY(offsetY: number){\n\t\tthis.offsetX = offsetY;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tgetOffsetY(){\n\t\treturn this.offsetY;\n\t}\n\t\n\tgetOffsetX(){\n\t\treturn this.offsetX;\n\t}\n\t\n\tgetZoomLevel(){\n\t\treturn this.zoom;\n\t}\n\t\n\tgetNode(node: string | NodeModel): NodeModel|null{\n\t\tif (node instanceof NodeModel){\n\t\t\treturn node;\n\t\t}\n\t\tif (!this.nodes[node]){\n\t\t\treturn null;\n\t\t}\n\t\treturn this.nodes[node];\n\t}\n\t\n\tgetLink(link: string | LinkModel): LinkModel|null{\n\t\tif (link instanceof LinkModel){\n\t\t\treturn link;\n\t\t}\n\t\tif(!this.links[link]){\n\t\t\treturn null;\n\t\t}\n\t\treturn this.links[link];\n\t}\n\t\n\taddLink(link: LinkModel): LinkModel{\n\t\tlink.addListener({\n\t\t\tentityRemoved: () => {\n\t\t\t\tthis.removeLink(link);\n\t\t\t}\n\t\t});\n\t\tthis.links[link.getID()] = link;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linksUpdated();\n\t\t});\n\t\treturn link\n\t}\n\t\n\taddNode(node: NodeModel): NodeModel{\n\t\tnode.addListener({\n\t\t\tentityRemoved: () => {\n\t\t\t\tthis.removeNode(node);\n\t\t\t}\n\t\t});\n\t\tthis.nodes[node.getID()] = node;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodesUpdated();\n\t\t});\n\t\treturn node;\n\t}\n\t\n\tremoveLink(link: LinkModel | string){\n\t\tif (link instanceof LinkModel){\n\t\t\tdelete this.links[link.getID()];\n\t\t\tthis.itterateListeners((listener) => {\n\t\t\t\tlistener.linksUpdated();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tdelete this.links[''+link];\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linksUpdated();\n\t\t});\n\t}\n\tremoveNode(node: NodeModel | string){\n\t\tif (node instanceof NodeModel){\n\t\t\tdelete this.nodes[node.getID()];\n\t\t\tthis.itterateListeners((listener) => {\n\t\t\t\tlistener.nodesUpdated();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\n\t\tdelete this.nodes[''+node];\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodesUpdated();\n\t\t});\n\t}\n\t\n\tgetLinks():{[s:string] : LinkModel} {\n\t\treturn this.links;\n\t}\n\t\n\tgetNodes(): {[s: string]: NodeModel}{\n\t\treturn this.nodes;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/DiagramModel.ts","import * as React from \"react\";\nimport {LinkModel, PointModel} from \"../Common\";\nimport * as _ from \"lodash\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface DefaultLinkProps {\n\tcolor?: string;\n\twidth?: number;\n\tlink: LinkModel;\n\tsmooth?: boolean;\n\tdiagramEngine: DiagramEngine;\n\tpointAdded?: (point: PointModel,event) => any\n}\n\nexport interface DefaultLinkState {\n\tselected: boolean;\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultLinkWidget extends React.Component<DefaultLinkProps, DefaultLinkState> {\n\n\tpublic static defaultProps: DefaultLinkProps = {\n\t\tcolor: 'black',\n\t\twidth: 3,\n\t\tlink:null,\n\t\tengine: null,\n\t\tsmooth: false,\n\t\tdiagramEngine: null\n\t};\n\n\tconstructor(props: DefaultLinkProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tselected: false\n\t\t}\n\t}\n\t\n\tgeneratePoint(pointIndex: number): JSX.Element{\n\t\treturn React.DOM.g({key:'point-'+this.props.link.points[pointIndex].id},\n\t\t\tReact.DOM.circle({\n\t\t\t\tclassName: 'point pointui' + (this.props.link.points[pointIndex].isSelected()?' selected':''),\n\t\t\t\tcx:this.props.link.points[pointIndex].x,\n\t\t\t\tcy:this.props.link.points[pointIndex].y,\n\t\t\t\tr:5,\n\t\t\t}),\n\t\t\tReact.DOM.circle({\n\t\t\t\tclassName:'point',\n\t\t\t\t'data-linkid':this.props.link.id,\n\t\t\t\t'data-id':this.props.link.points[pointIndex].id,\n\t\t\t\tcx: this.props.link.points[pointIndex].x,\n\t\t\t\tcy:this.props.link.points[pointIndex].y,\n\t\t\t\tr:15,\n\t\t\t\topacity: 0,\n\t\t\t\tonMouseLeave:() => {\n\t\t\t\t\tthis.setState({selected: false});\n\t//\t\t\t\tthis.props.link.setSelected(false);\n\t\t\t\t},\n\t\t\t\tonMouseEnter:() => {\n\t\t\t\t\tthis.setState({selected: true});\n\t//\t\t\t\tthis.props.link.setSelected(true);\n\t\t\t\t},\n\t\t\t})\n\t\t);\n\t}\n\t\n\tgenerateLink(extraProps: {id: number}): JSX.Element{\n\t\tvar Bottom = React.DOM.path(_.merge({\n\t\t\tclassName: (this.state.selected || this.props.link.isSelected())?'selected':'',\n\t\t\tstrokeWidth:this.props.width,\n\t\t\tstroke: this.props.color\n\t\t},extraProps));\n\t\t\n\t\tvar Top = React.DOM.path(_.merge({\n\t\t\tonMouseLeave:() => {\n\t\t\t\tthis.setState({selected: false});\n\t\t\t},\n\t\t\tonMouseEnter:() => {\n\t\t\t\tthis.setState({selected: true});\n\t\t\t},\n\t\t\t'data-linkid': this.props.link.getID(),\n\t\t\tstroke: this.props.color,\n\t\t\tstrokeOpacity:this.state.selected?0.1:0 ,\n\t\t\tstrokeWidth: 20,\n\t\t\tonContextMenu: (event) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.props.link.remove();\n\t\t\t},\n\t\t},extraProps));\n\t\t\n\t\treturn React.DOM.g({key:'link-'+extraProps.id},\n\t\t\tBottom,Top\n\t\t);\n\t}\n\n\trender() {\n\t\t//ensure id is present for all points on the path\n\t\tvar points = this.props.link.points;\n\t\tvar paths = [];\n        \n        //draw the smoothing\n\t\tif(points.length === 2){\n\t\t\t\n            //if the points are too close, just draw a straight line\n\t\t\tvar margin = 50;\n\t\t\tif(Math.abs(points[0].x-points[1].x) < 50){\n\t\t\t\tmargin = 5;\n\t\t\t}\n            \n            var pointLeft = points[0];\n            var pointRight = points[1];\n            \n            //some defensive programming to make sure the smoothing is\n            //always in the right direction\n            if(pointLeft.x > pointRight.x){\n                pointLeft = points[1];\n                pointRight = points[0];\n            }\n\t\t\t\n\t\t\tpaths.push(this.generateLink({\n\t\t\t\tid: 0,\n\t\t\t\tonMouseDown: (event) =>{\n\t\t\t\t\tif (!event.shiftKey){\n\t\t\t\t\t\tvar point = new PointModel(this.props.link,this.props.diagramEngine.getRelativeMousePoint(event));\n\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\tthis.props.link.addPoint(point,1);\n\t\t\t\t\t\tthis.props.pointAdded(point,event);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\td:\n\t\t\t\t\t \" M\"+pointLeft.x+\" \"+pointLeft.y\n\t\t\t\t\t+\" C\"+(pointLeft.x+margin)+\" \"+pointLeft.y\n\t\t\t\t\t+\" \" +(pointRight.x-margin)+\" \"+pointRight.y\n\t\t\t\t\t+\" \" +pointRight.x+\" \"+pointRight.y\n\t\t\t}));\n\t\t\tif (this.props.link.targetPort === null){\n\t\t\t\tpaths.push(this.generatePoint(1));\n\t\t\t}\n\t\t}\n        \n        //draw the multiple anchors and complex line instead\n        else{\n\t\t\tvar ds = [];\n\t\t\tif(this.props.smooth){\n\t\t\t\tds.push(\" M\"+points[0].x+\" \"+points[0].y+\" C \"+(points[0].x+50)+\" \"+points[0].y+\" \"+points[1].x+\" \"+points[1].y+\" \"+points[1].x+\" \"+points[1].y);\n\t\t\t\tfor(var i = 1;i < points.length-2;i++){\n\t\t\t\t\tds.push(\" M \"+points[i].x+\" \"+points[i].y+\" L \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t\t}\n\t\t\t\tds.push(\" M\"+points[i].x+\" \"+points[i].y+\" C \"+points[i].x+\" \"+points[i].y+\" \"+(points[i+1].x-50)+\" \"+points[i+1].y+\" \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t}else{\n\t\t\t\tvar ds = [];\n\t\t\t\tfor(var i = 0;i < points.length-1;i++){\n\t\t\t\t\tds.push(\" M \"+points[i].x+\" \"+points[i].y+\" L \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\tpaths = ds.map((data,index) => {\n\t\t\t\treturn this.generateLink({\n\t\t\t\t\tid:index,\n\t\t\t\t\t'data-linkid':this.props.link.id,\n\t\t\t\t\t'data-point':index,\n\t\t\t\t\tonMouseDown: (event: MouseEvent) => {\n\t\t\t\t\t\tif (!event.shiftKey){\n\t\t\t\t\t\t\tvar point = new PointModel(this.props.link,this.props.diagramEngine.getRelativeMousePoint(event));\n\t\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t\tthis.props.link.addPoint(point,index+1);\n\t\t\t\t\t\t\tthis.props.pointAdded(point,event);\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\td:data\n\t\t\t\t});\n\t\t\t});\n\t\t\t\n\t\t\t//render the circles\n\t\t\tfor(var i = 1;i < points.length-1;i++){\n\t\t\t\tpaths.push(this.generatePoint(i));\n\t\t\t}\n\t\t\t\n\t\t\tif (this.props.link.targetPort === null){\n\t\t\t\tpaths.push(this.generatePoint(points.length-1));\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.g(null,paths)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultLinkWidget.ts","import * as React from \"react\";\nimport * as _ from \"lodash\";\nvar div = React.DOM.div;\nimport {DefaultNodeModel} from \"./DefaultNodeModel\";\nimport {DefaultPortLabel} from \"./DefaultPortLabelWidget\";\n\nexport interface DefaultNodeProps {\n\tnode: DefaultNodeModel;\n}\n\nexport interface DefaultNodeState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeWidget extends React.Component<DefaultNodeProps, DefaultNodeState> {\n\n\tpublic static defaultProps: DefaultNodeProps = {\n\t\tnode: null,\n\t};\n\n\tconstructor(props: DefaultNodeProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\trender() {\n\t\treturn (\n\t\t\tdiv({className: 'basic-node', style: {background: this.props.node.color }},\n\t\t\t\tdiv({className:'title'},\n\t\t\t\t\tdiv({className:'name'},this.props.node.name),\n\t\t\t\t\tdiv({className: 'fa fa-close', onClick: this.props.node.remove})\n\t\t\t\t),\n\t\t\t\tdiv({className:'ports'},\n\t\t\t\t\tdiv({className: 'in'}, _.map(this.props.node.getInPorts(),(port) => {\n\t\t\t\t\t\treturn React.createElement(DefaultPortLabel,{model: port});\n\t\t\t\t\t})),\n\t\t\t\t\tdiv({className: 'out'}, _.map(this.props.node.getOutPorts(),(port) => {\n\t\t\t\t\t\treturn React.createElement(DefaultPortLabel,{model: port});\n\t\t\t\t\t})),\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeWidget.ts","import * as React from \"react\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport {PointModel} from \"../Common\";\nimport {LinkWidget} from \"./LinkWidget\";\nimport * as _ from \"lodash\";\n\nexport interface LinkLayerProps {\n\tdiagramEngine: DiagramEngine,\n\tpointAdded: (point: PointModel,event) => any\n}\n\nexport interface LinkLayerState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class LinkLayerWidget extends React.Component<LinkLayerProps, LinkLayerState> {\n\n\tconstructor(props: LinkLayerProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tcomponentDidMount(){\n\t\tsetTimeout(()=> {\n\t\t\tthis.forceUpdate();\n\t\t},10);\n\t}\n\t\n\trender() {\n\t\t\n\t\tvar diagramModel = this.props.diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.svg(\n\t\t\t\t{\n                    style:{\n\t\t\t\t\t\ttransform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY()+'px)',\n                        width: '100%',\n                        height: '100%'\n                    }\n                },\n\t\t\t\t_.map(diagramModel.getLinks(),(link) => {\n\t\t\t\t\t\n\t\t\t\t\t//TODO just improve this vastly x_x\n\t\t\t\t\tif (link.sourcePort !== null){\n\t\t\t\t\t\ttry{\n\t\t\t\t\t\t\t//generate a point\n\t\t\t\t\t\t\tlink.points[0].updateLocation(this.props.diagramEngine.getPortCenter(link.sourcePort));\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//remove the link because its problematic (TODO implement this rather at an engine level)\n\t\t\t\t\t\tcatch(ex){\n\t\t\t\t\t\t\tconsole.log(ex);\n\t\t\t\t\t\t\tdiagramModel.removeLink(link);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (link.targetPort !== null){\n\t\t\t\t\t\ttry{\n\t\t\t\t\t\t\t_.last(link.points).updateLocation(this.props.diagramEngine.getPortCenter(link.targetPort));\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//remove the link because its problematic (TODO implement this rather at an engine level)\n\t\t\t\t\t\tcatch(ex){\n\t\t\t\t\t\t\tconsole.log(ex);\n\t\t\t\t\t\t\tdiagramModel.removeLink(link);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n                    \n\t\t\t\t\t//generate links\n\t\t\t\t\tvar generatedLink = this.props.diagramEngine.generateWidgetForLink(link);\n                    if(!generatedLink){\n\t\t\t\t\t\tconsole.log(\"no link generated for type: \" + link.getType());\n\t\t\t\t\t\treturn null;\n                    }\n\t\t\t\t\t\n\t\t\t\t\treturn (\n\t\t\t\t\t\tReact.createElement(LinkWidget, {\n\t\t\t\t\t\t\tkey: link.getID(), \n\t\t\t\t\t\t\tlink: link,\n\t\t\t\t\t\t\tdiagramEngine: this.props.diagramEngine,\n\t\t\t\t\t\t}, React.cloneElement(generatedLink,{pointAdded: this.props.pointAdded}))\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/LinkLayerWidget.ts","import * as React from \"react\";\nimport {LinkModel} from \"../Common\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface LinkProps {\n\tlink: LinkModel;\n\tdiagramEngine: DiagramEngine;\n\tchildren?: any;\n}\n\nexport interface LinkState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class LinkWidget extends React.Component<LinkProps, LinkState> {\n\n\tconstructor(props: LinkProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tshouldComponentUpdate(){\n\t\treturn this.props.diagramEngine.canEntityRepaint(this.props.link);\n\t}\n\n\trender() {\n\t\treturn this.props.children;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/LinkWidget.ts","import * as React from \"react\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport * as _ from \"lodash\";\nimport {NodeWidget} from \"./NodeWidget\";\n\nexport interface NodeLayerProps {\n\tdiagramEngine: DiagramEngine\n}\n\nexport interface NodeLayerState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class NodeLayerWidget extends React.Component<NodeLayerProps, NodeLayerState> {\n\n\tconstructor(props: NodeLayerProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\n\trender() {\n\t\t\n\t\tvar diagramModel = this.props.diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t\tclassName:'node-view',\n\t\t\t\t\tstyle:{\n\t\t\t\t\t\ttransform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX()+'px,'+diagramModel.getOffsetY()+'px)',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t_.map(diagramModel.getNodes(),(node) => {\n\t\t\t\t\treturn(\n\t\t\t\t\t\tReact.createElement(NodeWidget, {diagramEngine: this.props.diagramEngine,key:node.id,node: node},\n\t\t\t\t\t\t\tthis.props.diagramEngine.generateWidgetForNode(node))\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/NodeLayerWidget.ts","import * as React from \"react\";\nimport {NodeModel} from \"../Common\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface NodeProps {\n\tnode:NodeModel;\n\tchildren?: any;\n\tdiagramEngine: DiagramEngine\n}\n\nexport interface NodeState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class NodeWidget extends React.Component<NodeProps, NodeState> {\n\n\tconstructor(props: NodeProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tshouldComponentUpdate(){\n\t\treturn this.props.diagramEngine.canEntityRepaint(this.props.node);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t'data-nodeid': this.props.node.id,\n\t\t\t\tclassName: 'node' + (this.props.node.isSelected()?' selected':''),\n\t\t\t\tstyle:{\n\t\t\t\t\ttop: this.props.node.y,\n\t\t\t\t\tleft: this.props.node.x,\n\t\t\t\t}},\n\t\t\t\tReact.cloneElement(this.props.children,{})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/NodeWidget.ts","import * as React from \"react\";\nimport {NodeModel} from \"../Common\";\n\nexport interface PortProps {\n\tname: string;\n\tnode: NodeModel;\n}\n\nexport interface PortState{\n\tselected: boolean\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class PortWidget extends React.Component<PortProps, PortState> {\n\n\tconstructor(props: PortProps){\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tselected: false\n\t\t};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\tonMouseEnter: () =>{\n\t\t\t\t\tthis.setState({selected: true});\n\t\t\t\t},\n\t\t\t\tonMouseLeave: () => {\n\t\t\t\t\tthis.setState({selected: false});\n\t\t\t\t},\n\t\t\t\tclassName:'port'+(this.state.selected?' selected':''),\n\t\t\t\t'data-name':this.props.name,\n\t\t\t\t'data-nodeid': this.props.node.getID()\n\t\t\t})\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/PortWidget.ts","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./demos/test.scss\n// module id = 14\n// module chunks = 0 1","/**\n * @author Dylan Vorster\n */\n \n //export defaults\nexport * from \"./defaults/DefaultLinkFactory\";\nexport * from \"./defaults/DefaultLinkWidget\";\nexport * from \"./defaults/DefaultNodeFactory\";\nexport * from \"./defaults/DefaultNodeWidget\";\nexport * from \"./defaults/DefaultNodeModel\";\nexport * from \"./defaults/DefaultPortModel\";\n\nexport * from \"./WidgetFactories\";\nexport * from \"./Toolkit\";\n\nexport * from \"./DiagramEngine\";\nexport * from \"./DiagramModel\";\nexport * from \"./BaseEntity\";\nexport * from \"./Common\";\n\nexport * from \"./widgets/DiagramWidget\";\nexport * from \"./widgets/LinkLayerWidget\";\nexport * from \"./widgets/LinkWidget\";\nexport * from \"./widgets/NodeLayerWidget\";\nexport * from \"./widgets/NodeWidget\";\nexport * from \"./widgets/PortWidget\";\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.ts","module.exports = __WEBPACK_EXTERNAL_MODULE_16__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"ReactDOM\"\n// module id = 16\n// module chunks = 0 1","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"* {\\n  margin: 0;\\n  padding: 0; }\\n\\nhtml, body {\\n  width: 100%;\\n  height: 100%;\\n  background: #3c3c3c;\\n  display: flex; }\\n\\n.storm-diagrams-canvas {\\n  position: relative;\\n  flex-grow: 1;\\n  display: flex;\\n  cursor: move;\\n  overflow: hidden; }\\n  .storm-diagrams-canvas .point {\\n    fill: rgba(255, 255, 255, 0.5); }\\n    .storm-diagrams-canvas .point.selected {\\n      fill: #00c0ff; }\\n  .storm-diagrams-canvas .selector {\\n    position: absolute;\\n    background-color: rgba(0, 192, 255, 0.2);\\n    border: solid 2px #00c0ff; }\\n  .storm-diagrams-canvas svg {\\n    position: absolute;\\n    height: 100%;\\n    width: 100%;\\n    transform-origin: 0 0;\\n    overflow: visible; }\\n  .storm-diagrams-canvas .node-view {\\n    top: 0;\\n    left: 0;\\n    right: 0;\\n    bottom: 0;\\n    position: absolute;\\n    pointer-events: none;\\n    transform-origin: 0 0; }\\n  .storm-diagrams-canvas .node {\\n    position: absolute;\\n    -webkit-touch-callout: none;\\n    /* iOS Safari */\\n    -webkit-user-select: none;\\n    /* Chrome/Safari/Opera */\\n    user-select: none;\\n    cursor: move;\\n    pointer-events: all; }\\n    .storm-diagrams-canvas .node.selected > * {\\n      border-color: #00c0ff !important;\\n      box-shadow: 0 0 20px rgba(0, 192, 255, 0.5); }\\n\\n@keyframes dash {\\n  from {\\n    stroke-dashoffset: 24; }\\n  to {\\n    stroke-dashoffset: 0; } }\\n  .storm-diagrams-canvas path {\\n    fill: none;\\n    pointer-events: all; }\\n    .storm-diagrams-canvas path.selected {\\n      stroke: #00c0ff !important;\\n      stroke-dasharray: 10,2;\\n      animation: dash 1s linear infinite; }\\n  .storm-diagrams-canvas .port {\\n    width: 15px;\\n    height: 15px;\\n    background: rgba(255, 255, 255, 0.1); }\\n    .storm-diagrams-canvas .port:hover, .storm-diagrams-canvas .port.selected {\\n      background: #c0ff00; }\\n  .storm-diagrams-canvas .basic-node {\\n    background-color: #1e1e1e;\\n    border-radius: 5px;\\n    font-family: Arial;\\n    color: white;\\n    border: solid 2px black;\\n    overflow: hidden;\\n    font-size: 11px;\\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }\\n    .storm-diagrams-canvas .basic-node .title {\\n      /*\\t\\t\\tbackground-image: linear-gradient(rgba(black,0.1),rgba(black,0.2));*/\\n      background: rgba(0, 0, 0, 0.3);\\n      display: flex;\\n      white-space: nowrap; }\\n      .storm-diagrams-canvas .basic-node .title > * {\\n        align-self: center; }\\n      .storm-diagrams-canvas .basic-node .title .fa {\\n        padding: 5px;\\n        opacity: 0.2;\\n        cursor: pointer; }\\n        .storm-diagrams-canvas .basic-node .title .fa:hover {\\n          opacity: 1.0; }\\n      .storm-diagrams-canvas .basic-node .title .name {\\n        flex-grow: 1;\\n        padding: 5px 5px; }\\n    .storm-diagrams-canvas .basic-node .ports {\\n      display: flex;\\n      background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)); }\\n      .storm-diagrams-canvas .basic-node .ports .in, .storm-diagrams-canvas .basic-node .ports .out {\\n        flex-grow: 1;\\n        display: flex;\\n        flex-direction: column; }\\n      .storm-diagrams-canvas .basic-node .ports .in-port, .storm-diagrams-canvas .basic-node .ports .out-port {\\n        display: flex;\\n        margin-top: 1px; }\\n        .storm-diagrams-canvas .basic-node .ports .in-port > *, .storm-diagrams-canvas .basic-node .ports .out-port > * {\\n          align-self: center; }\\n        .storm-diagrams-canvas .basic-node .ports .in-port .name, .storm-diagrams-canvas .basic-node .ports .out-port .name {\\n          padding: 0 5px; }\\n      .storm-diagrams-canvas .basic-node .ports .out-port {\\n        justify-content: flex-end; }\\n        .storm-diagrams-canvas .basic-node .ports .out-port .name {\\n          justify-content: flex-end;\\n          text-align: right; }\\n\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/sass-loader/lib/loader.js!./demos/test.scss\n// module id = 17\n// module chunks = 0 1","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\n// css base code, injected by the css-loader\r\nmodule.exports = function() {\r\n\tvar list = [];\r\n\r\n\t// return the list of modules as css string\r\n\tlist.toString = function toString() {\r\n\t\tvar result = [];\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar item = this[i];\r\n\t\t\tif(item[2]) {\r\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t} else {\r\n\t\t\t\tresult.push(item[1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result.join(\"\");\r\n\t};\r\n\r\n\t// import a list of modules into the list\r\n\tlist.i = function(modules, mediaQuery) {\r\n\t\tif(typeof modules === \"string\")\r\n\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\tvar alreadyImportedModules = {};\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar id = this[i][0];\r\n\t\t\tif(typeof id === \"number\")\r\n\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t}\r\n\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\tvar item = modules[i];\r\n\t\t\t// skip already imported module\r\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t//  when a module is imported multiple times with different media queries.\r\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t}\r\n\t\t\t\tlist.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn list;\r\n};\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader/lib/css-base.js\n// module id = 18\n// module chunks = 0 1","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\nvar stylesInDom = {},\r\n\tmemoize = function(fn) {\r\n\t\tvar memo;\r\n\t\treturn function () {\r\n\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\r\n\t\t\treturn memo;\r\n\t\t};\r\n\t},\r\n\tisOldIE = memoize(function() {\r\n\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\r\n\t}),\r\n\tgetHeadElement = memoize(function () {\r\n\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\r\n\t}),\r\n\tsingletonElement = null,\r\n\tsingletonCounter = 0,\r\n\tstyleElementsInsertedAtTop = [];\r\n\r\nmodule.exports = function(list, options) {\r\n\tif(typeof DEBUG !== \"undefined\" && DEBUG) {\r\n\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\r\n\t}\r\n\r\n\toptions = options || {};\r\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\r\n\t// tags it will allow on a page\r\n\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\r\n\r\n\t// By default, add <style> tags to the bottom of <head>.\r\n\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\r\n\r\n\tvar styles = listToStyles(list);\r\n\taddStylesToDom(styles, options);\r\n\r\n\treturn function update(newList) {\r\n\t\tvar mayRemove = [];\r\n\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\tvar item = styles[i];\r\n\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\tdomStyle.refs--;\r\n\t\t\tmayRemove.push(domStyle);\r\n\t\t}\r\n\t\tif(newList) {\r\n\t\t\tvar newStyles = listToStyles(newList);\r\n\t\t\taddStylesToDom(newStyles, options);\r\n\t\t}\r\n\t\tfor(var i = 0; i < mayRemove.length; i++) {\r\n\t\t\tvar domStyle = mayRemove[i];\r\n\t\t\tif(domStyle.refs === 0) {\r\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\r\n\t\t\t\t\tdomStyle.parts[j]();\r\n\t\t\t\tdelete stylesInDom[domStyle.id];\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction addStylesToDom(styles, options) {\r\n\tfor(var i = 0; i < styles.length; i++) {\r\n\t\tvar item = styles[i];\r\n\t\tvar domStyle = stylesInDom[item.id];\r\n\t\tif(domStyle) {\r\n\t\t\tdomStyle.refs++;\r\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\r\n\t\t\t}\r\n\t\t\tfor(; j < item.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tvar parts = [];\r\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\r\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction listToStyles(list) {\r\n\tvar styles = [];\r\n\tvar newStyles = {};\r\n\tfor(var i = 0; i < list.length; i++) {\r\n\t\tvar item = list[i];\r\n\t\tvar id = item[0];\r\n\t\tvar css = item[1];\r\n\t\tvar media = item[2];\r\n\t\tvar sourceMap = item[3];\r\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\r\n\t\tif(!newStyles[id])\r\n\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\r\n\t\telse\r\n\t\t\tnewStyles[id].parts.push(part);\r\n\t}\r\n\treturn styles;\r\n}\r\n\r\nfunction insertStyleElement(options, styleElement) {\r\n\tvar head = getHeadElement();\r\n\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\r\n\tif (options.insertAt === \"top\") {\r\n\t\tif(!lastStyleElementInsertedAtTop) {\r\n\t\t\thead.insertBefore(styleElement, head.firstChild);\r\n\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\r\n\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\r\n\t\t} else {\r\n\t\t\thead.appendChild(styleElement);\r\n\t\t}\r\n\t\tstyleElementsInsertedAtTop.push(styleElement);\r\n\t} else if (options.insertAt === \"bottom\") {\r\n\t\thead.appendChild(styleElement);\r\n\t} else {\r\n\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\r\n\t}\r\n}\r\n\r\nfunction removeStyleElement(styleElement) {\r\n\tstyleElement.parentNode.removeChild(styleElement);\r\n\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\r\n\tif(idx >= 0) {\r\n\t\tstyleElementsInsertedAtTop.splice(idx, 1);\r\n\t}\r\n}\r\n\r\nfunction createStyleElement(options) {\r\n\tvar styleElement = document.createElement(\"style\");\r\n\tstyleElement.type = \"text/css\";\r\n\tinsertStyleElement(options, styleElement);\r\n\treturn styleElement;\r\n}\r\n\r\nfunction createLinkElement(options) {\r\n\tvar linkElement = document.createElement(\"link\");\r\n\tlinkElement.rel = \"stylesheet\";\r\n\tinsertStyleElement(options, linkElement);\r\n\treturn linkElement;\r\n}\r\n\r\nfunction addStyle(obj, options) {\r\n\tvar styleElement, update, remove;\r\n\r\n\tif (options.singleton) {\r\n\t\tvar styleIndex = singletonCounter++;\r\n\t\tstyleElement = singletonElement || (singletonElement = createStyleElement(options));\r\n\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\r\n\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\r\n\t} else if(obj.sourceMap &&\r\n\t\ttypeof URL === \"function\" &&\r\n\t\ttypeof URL.createObjectURL === \"function\" &&\r\n\t\ttypeof URL.revokeObjectURL === \"function\" &&\r\n\t\ttypeof Blob === \"function\" &&\r\n\t\ttypeof btoa === \"function\") {\r\n\t\tstyleElement = createLinkElement(options);\r\n\t\tupdate = updateLink.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t\tif(styleElement.href)\r\n\t\t\t\tURL.revokeObjectURL(styleElement.href);\r\n\t\t};\r\n\t} else {\r\n\t\tstyleElement = createStyleElement(options);\r\n\t\tupdate = applyToTag.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t};\r\n\t}\r\n\r\n\tupdate(obj);\r\n\r\n\treturn function updateStyle(newObj) {\r\n\t\tif(newObj) {\r\n\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\r\n\t\t\t\treturn;\r\n\t\t\tupdate(obj = newObj);\r\n\t\t} else {\r\n\t\t\tremove();\r\n\t\t}\r\n\t};\r\n}\r\n\r\nvar replaceText = (function () {\r\n\tvar textStore = [];\r\n\r\n\treturn function (index, replacement) {\r\n\t\ttextStore[index] = replacement;\r\n\t\treturn textStore.filter(Boolean).join('\\n');\r\n\t};\r\n})();\r\n\r\nfunction applyToSingletonTag(styleElement, index, remove, obj) {\r\n\tvar css = remove ? \"\" : obj.css;\r\n\r\n\tif (styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\r\n\t} else {\r\n\t\tvar cssNode = document.createTextNode(css);\r\n\t\tvar childNodes = styleElement.childNodes;\r\n\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\r\n\t\tif (childNodes.length) {\r\n\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\r\n\t\t} else {\r\n\t\t\tstyleElement.appendChild(cssNode);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction applyToTag(styleElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar media = obj.media;\r\n\r\n\tif(media) {\r\n\t\tstyleElement.setAttribute(\"media\", media)\r\n\t}\r\n\r\n\tif(styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = css;\r\n\t} else {\r\n\t\twhile(styleElement.firstChild) {\r\n\t\t\tstyleElement.removeChild(styleElement.firstChild);\r\n\t\t}\r\n\t\tstyleElement.appendChild(document.createTextNode(css));\r\n\t}\r\n}\r\n\r\nfunction updateLink(linkElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar sourceMap = obj.sourceMap;\r\n\r\n\tif(sourceMap) {\r\n\t\t// http://stackoverflow.com/a/26603875\r\n\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\r\n\t}\r\n\r\n\tvar blob = new Blob([css], { type: \"text/css\" });\r\n\r\n\tvar oldSrc = linkElement.href;\r\n\r\n\tlinkElement.href = URL.createObjectURL(blob);\r\n\r\n\tif(oldSrc)\r\n\t\tURL.revokeObjectURL(oldSrc);\r\n}\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader/addStyles.js\n// module id = 19\n// module chunks = 0 1","import {NodeWidgetFactory, LinkWidgetFactory} from \"./WidgetFactories\";\nimport {LinkModel, NodeModel, BaseModel, PortModel, PointModel} from \"./Common\";\nimport {BaseEnity, BaseListener} from \"./BaseEntity\";\nimport {DiagramModel} from \"./DiagramModel\";\nimport * as React from \"react\";\nimport * as _ from \"lodash\";\n/**\n * @author Dylan Vorster\n */\nexport interface DiagramEngineListener extends BaseListener{\n\t\n\tnodeFactoriesUpdated(): any;\n\t\n\tlinkFactoriesUpdated(): any;\n}\n\n/**\n * Passed as a parameter to the DiagramWidget\n */\nexport class DiagramEngine extends BaseEnity<DiagramEngineListener>{\n\t\n\tnodeFactories: {[s: string]:NodeWidgetFactory};\n\tlinkFactories: {[s: string]:LinkWidgetFactory};\n\tdiagramModel: DiagramModel;\n\tcanvas: Element;\n\tpaintableWidgets: {};\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.diagramModel = new DiagramModel();\n\t\tthis.nodeFactories = {};\n\t\tthis.linkFactories = {};\n\t\tthis.canvas = null;\n\t\tthis.paintableWidgets = null;\n\t}\n\t\n\tclearRepaintEntities(){\n\t\tthis.paintableWidgets = null;\n\t}\n\t\n\tenableRepaintEntities(entities: BaseModel[]){\n\t\tthis.paintableWidgets = {};\n\t\tentities.forEach((entity) => {\n\t\t\t\n\t\t\t//if a node is requested to repaint, add all of its links\n\t\t\tif (entity instanceof NodeModel){\n\t\t\t\t_.forEach(entity.getPorts(),(port) => {\n\t\t\t\t\t_.forEach(port.getLinks(),(link) => {\n\t\t\t\t\t\tthis.paintableWidgets[link.getID()] = true;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t\t\n\t\t\tif (entity instanceof PointModel){\n\t\t\t\tthis.paintableWidgets[entity.getLink().getID()] = true;\n\t\t\t}\n\t\t\t\n\t\t\tthis.paintableWidgets[entity.getID()] = true;\n\t\t});\n\t}\n\t\n\tcanEntityRepaint(baseModel: BaseModel){\n\t\t//no rules applied, allow repaint\n\t\tif(this.paintableWidgets === null){\n\t\t\treturn true;\n\t\t}\n\t\t\n\t\treturn this.paintableWidgets[baseModel.getID()] !== undefined;\n\t}\n\t\n\tsetCanvas(canvas: Element| null){\n\t\tthis.canvas = canvas;\n\t}\n\t\n\tsetDiagramModel(model: DiagramModel){\n\t\tthis.diagramModel = model;\n\t}\n\t\n\tgetDiagramModel(): DiagramModel{\n\t\treturn this.diagramModel;\n\t}\n\t\n\tgetNodeFactories(): {[s: string]:NodeWidgetFactory}{\n\t\treturn this.nodeFactories;\n\t}\n\t\n\tgetLinkFactories(): {[s: string]:LinkWidgetFactory}{\n\t\treturn this.linkFactories;\n\t}\n\t\n\tregisterNodeFactory(factory: NodeWidgetFactory){\n\t\tthis.nodeFactories[factory.getType()] = factory;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodeFactoriesUpdated();\n\t\t});\n\t}\n\t\n\tregisterLinkFactory(factory: LinkWidgetFactory){\n\t\tthis.linkFactories[factory.getType()] = factory;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linkFactoriesUpdated();\n\t\t});\n\t}\n\t\n\tgetFactoryForNode(node: NodeModel): NodeWidgetFactory | null{\n\t\tif (this.nodeFactories[node.getType()]){\n\t\t\treturn this.nodeFactories[node.getType()];\n\t\t}\n\t\tconsole.log(\"cannot find widget factory for node of type: [\" + node.getType()+\"]\");\n\t\treturn null;\n\t}\n\t\n\tgetFactoryForLink(link: LinkModel): LinkWidgetFactory | null{\n\t\tif (this.linkFactories[link.getType()]){\n\t\t\treturn this.linkFactories[link.getType()];\n\t\t}\n\t\tconsole.log(\"cannot find widget factory for link of type: [\" + link.getType()+\"]\");\n\t\treturn null;\n\t}\n\t\n\tgenerateWidgetForLink(link: LinkModel): JSX.Element|null{\n\t\tvar linkFactory = this.getFactoryForLink(link);\n\t\tif(!linkFactory){\n\t\t\tthrow \"Cannot find link factory for link: \" + link.getType();\n\t\t}\n\t\treturn linkFactory.generateReactWidget(this,link);\n\t}\n\t\n\tgenerateWidgetForNode(node: NodeModel): JSX.Element|null{\n\t\tvar nodeFactory = this.getFactoryForNode(node);\n\t\tif(!nodeFactory){\n\t\t\tthrow \"Cannot find widget factory for node: \" + node.getType();\n\t\t}\n\t\treturn nodeFactory.generateReactWidget(this,node);\n\t}\n\t\n\tgetRelativeMousePoint(event): {x:number,y:number}{\n\t\tvar point = this.getRelativePoint(event.pageX,event.pageY);\n\t\treturn {\n\t\t\tx: (point.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n\t\t\ty: (point.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()\n\t\t};\n\t}\n\n\tgetRelativePoint(x,y){\n\t\tvar canvasRect = this.canvas.getBoundingClientRect();\n\t\treturn {x: x-canvasRect.left,y:y-canvasRect.top};\n\t}\n\t\n\tgetNodePortElement(port: PortModel): any{\n\t\tvar selector = this.canvas.querySelector('.port[data-name=\"' + port.getName() + '\"][data-nodeid=\"' + port.getParent().getID()+'\"]');\n\t\tif(selector === null){\n\t\t\tthrow \"Cannot find Node Port element with nodeID: [\" + port.getParent().getID()+\"] and name: [\"+port.getName()+\"]\";\n\t\t}\n\t\treturn selector;\n\t}\n\t\n\tgetPortCenter(port: PortModel){\n\t\tvar sourceElement = this.getNodePortElement(port);\n\t\tvar sourceRect = sourceElement.getBoundingClientRect();\n\n\t\tvar rel = this.getRelativePoint(sourceRect.left,sourceRect.top);\n\n\t\treturn {\n\t\t\tx: ((sourceElement.offsetWidth / 2) + rel.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n\t\t\ty: ((sourceElement.offsetHeight/2)+rel.y/(this.diagramModel.getZoomLevel()/100.0)) - this.diagramModel.getOffsetY()\n\t\t};\n\t}\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/DiagramEngine.ts","import {LinkWidgetFactory} from \"../WidgetFactories\";\nimport {LinkModel} from \"../Common\";\nimport * as React from \"react\";\nimport {DefaultLinkWidget} from \"./DefaultLinkWidget\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultLinkFactory extends LinkWidgetFactory{\n\t\n\tconstructor(){\n\t\tsuper(\"default\");\n\t}\n\t\n\tgenerateReactWidget(diagramEngine: DiagramEngine,link: LinkModel): JSX.Element{\n\t\treturn React.createElement(DefaultLinkWidget,{\n\t\t\tlink: link,\n\t\t\tdiagramEngine: diagramEngine\n\t\t});\n\t}\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultLinkFactory.ts","import {NodeWidgetFactory} from \"../WidgetFactories\";\nimport {DefaultNodeModel} from \"./DefaultNodeModel\";\nimport * as React from \"react\";\nimport {DefaultNodeWidget} from \"./DefaultNodeWidget\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeFactory extends NodeWidgetFactory{\n\t\n\tconstructor(){\n\t\tsuper(\"default\");\n\t}\n\t\n\tgenerateModel(){\n\t\t\n\t}\n\t\n\tgenerateReactWidget(diagramEngine:DiagramEngine,node: DefaultNodeModel): JSX.Element{\n\t\treturn React.createElement(DefaultNodeWidget,{\n\t\t\tnode: node,\n\t\t\tdiagramEngine: diagramEngine\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeFactory.ts","import {NodeModel} from \"../Common\";\nimport {DefaultPortModel} from \"./DefaultPortModel\";\nimport * as _ from \"lodash\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeModel extends NodeModel{\n\t\n\tname: string;\n\tcolor: string;\n\tports:  {[s: string]:DefaultPortModel};\n\t\n\tconstructor(name: string = 'Untitled',color: string = 'rgb(0,192,255)'){\n\t\tsuper(\"default\");\n\t\tthis.name = name;\n\t\tthis.color = color;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\tname: this.name,\n\t\t\tcolor: this.color,\n\t\t});\n\t}\n\t\n\tgetInPorts(): DefaultPortModel[]{\n\t\treturn _.filter(this.ports,(portModel) => {\n\t\t\treturn portModel.in;\n\t\t});\n\t}\n\t\n\tgetOutPorts(): DefaultPortModel[]{\n\t\treturn _.filter(this.ports,(portModel) => {\n\t\t\treturn !portModel.in;\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeModel.ts","import * as React from \"react\";\nimport {DefaultPortModel} from \"./DefaultPortModel\";\nimport {PortWidget} from \"../widgets/PortWidget\";\n\nexport interface DefaultPortLabelProps {\n\tmodel?: DefaultPortModel;\n}\n\nexport interface DefaultPortLabelState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultPortLabel extends React.Component<DefaultPortLabelProps, DefaultPortLabelState> {\n\n\tpublic static defaultProps: DefaultPortLabelProps = {\n\t\tin: true,\n\t\tlabel: \"port\"\n\t};\n\n\trender() {\n\t\t\n\t\tvar port = React.createElement(PortWidget, {name: this.props.model.name, node: this.props.model.getParent()});\n\t\tvar label = React.DOM.div({className: 'name'}, this.props.model.label);\n\t\t\n\t\treturn React.DOM.div({className: (this.props.model.in?'in':'out')+'-port'},\n\t\t\tthis.props.model.in?port:label,\n\t\t\tthis.props.model.in?label:port,\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultPortLabelWidget.ts","import {PortModel} from \"../Common\";\nimport * as _ from \"lodash\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultPortModel extends PortModel{\n\tin: boolean;\n\tlabel: string;\n\t\n\tconstructor(isInput:boolean,name: string,label: string = null){\n\t\tsuper(name);\n\t\tthis.in = isInput;\n\t\tthis.label = label || name;\n\t}\n\t\n\tserialize(){\n\t\treturn _.extend(super.serialize(),{\n\t\t\tin: this.in,\n\t\t\tlabel: this.label,\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultPortModel.ts","import * as React from \"react\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport * as _ from \"lodash\";\nimport {PointModel, NodeModel, BaseModel, LinkModel,PortModel} from \"../Common\";\nimport {LinkLayerWidget} from \"./LinkLayerWidget\";\nimport {NodeLayerWidget} from \"./NodeLayerWidget\";\n\ninterface SelectionModel{\n\tmodel: BaseModel;\n\tinitialX: number;\n\tinitialY: number;\n}\n\nexport class BaseAction{\n\tmouseX: number;\n\tmouseY: number;\n\tms: number;\n\t\n\tconstructor(mouseX: number,mouseY: number){\n\t\tthis.mouseX = mouseX;\n\t\tthis.mouseY = mouseY;\n\t\tthis.ms = (new Date()).getTime();\n\t}\n}\n\nclass SelectingAction extends BaseAction{\n\tmouseX2: number;\n\tmouseY2: number;\n\t\n\tconstructor(mouseX: number,mouseY: number){\n\t\tsuper(mouseX,mouseY);\n\t\tthis.mouseX2 = mouseX;\n\t\tthis.mouseY2 = mouseY;\n\t}\n\t\n\tcontainsElement(x: number, y: number, diagramModel: DiagramModel): boolean{\n\t\tvar z = diagramModel.getZoomLevel()/100.0;\n\t\treturn (\n\t\t\t(x + diagramModel.getOffsetX())*z > this.mouseX\t&& \n\t\t\t(x + diagramModel.getOffsetX())*z < this.mouseX2&& \n\t\t\t(y + diagramModel.getOffsetY())*z > this.mouseY\t&& \n\t\t\t(y + diagramModel.getOffsetY())*z < this.mouseY2\n\t\t)\n\t}\n}\n\nclass MoveCanvasAction extends BaseAction{\n\tinitialOffsetX: number;\n\tinitialOffsetY: number;\n\t\n\tconstructor(mouseX: number, mouseY: number, diagramModel: DiagramModel){\n\t\tsuper(mouseX,mouseY);\n\t\tthis.initialOffsetX = diagramModel.getOffsetX();\n\t\tthis.initialOffsetY = diagramModel.getOffsetY();\n\t}\n}\n\nclass MoveItemsAction extends BaseAction{\n\tselectionModels: SelectionModel[];\n\tmoved:boolean;\n\tconstructor(mouseX: number, mouseY: number, diagramEngine: DiagramEngine){\n\t\tsuper(mouseX, mouseY);\n\t\tthis.moved = false;\n\t\tdiagramEngine.enableRepaintEntities(diagramEngine.getDiagramModel().getSelectedItems());\n\t\tthis.selectionModels = diagramEngine.getDiagramModel().getSelectedItems().map((item: PointModel | NodeModel) => {\n\t\t\treturn {\n\t\t\t\tmodel: item,\n\t\t\t\tinitialX: item.x,\n\t\t\t\tinitialY: item.y,\n\t\t\t}\n\t\t});\n\t}\n}\n\nexport interface DiagramProps {\n\tdiagramEngine:DiagramEngine;\n}\n\nexport interface DiagramState {\n\taction: BaseAction| null;\n\trenderedNodes: boolean,\n\twindowListener: any,\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DiagramWidget extends React.Component<DiagramProps, DiagramState> {\n\n\tconstructor(props: DiagramProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\taction: null,\n\t\t\trenderedNodes: false,\n\t\t\twindowListener: null\n\t\t}\n\t}\n\n\tcomponentWillUnmount(){\n\t\tthis.props.diagramEngine.setCanvas(null);\n\t\twindow.removeEventListener('keydown',this.state.windowListener);\n\t}\n\t\n\tcomponentWillReceiveProps(nextProps: DiagramProps){\n\t\tif (this.props.diagramEngine.id !== nextProps.diagramEngine.id){\n\t\t\tthis.setState({renderedNodes: false});\n\t\t}\n\t}\n\t\n\t/**\n\t * Gets a model and element under the mouse cursor\n\t */\n\tgetMouseElement(event): {model: BaseModel, element: Element}{\n\t\tvar target = event.target as Element;\n\t\tvar diagramModel = this.props.diagramEngine.diagramModel;\n\t\t\n\t\t//is it a port\n\t\tvar element = target.closest('.port[data-name]');\n\t\tif(element){\n\t\t\tvar nodeElement = target.closest('.node[data-nodeid]') as HTMLElement;\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getNode(nodeElement.getAttribute('data-nodeid')).getPort(element.getAttribute('data-name')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a point\n\t\telement = target.closest('.point[data-id]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getLink(element.getAttribute('data-linkid')).getPointModel(element.getAttribute('data-id')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a link\n\t\telement = target.closest('[data-linkid]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getLink(element.getAttribute('data-linkid')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a node\n\t\telement = target.closest('.node[data-nodeid]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getNode(element.getAttribute('data-nodeid')),\n\t\t\t\telement: element\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn null;\n\t}\n\t\n\tcomponentDidMount(){\n\t\tthis.props.diagramEngine.setCanvas(this.refs['canvas'] as Element);\n\t\t\n\t\t//TODO\n\t\t\n\t\t//add a keybaord listener\n\t\tthis.setState({\n\t\t\trenderedNodes: true,\n\t\t\twindowListener: window.addEventListener('keydown',(event) => {\n\t\t\t\t\n\t\t\t\t//delete all selected\n\t\t\t\tif(event.keyCode === 46){\n\t\t\t\t\t_.forEach(this.props.diagramEngine.getDiagramModel().getSelectedItems(),(element) => {\n\t\t\t\t\t\telement.remove();\n\t\t\t\t\t});\n\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t}\n\t\t\t})\n\t\t});\n\t\twindow.focus();\n\t}\n\t\n\n\trender() {\n\t\tvar diagramEngine = this.props.diagramEngine;\n\t\tvar diagramModel = diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t\tref:'canvas',\n\t\t\t\t\tclassName:'storm-diagrams-canvas',\n\t\t\t\t\tonWheel: (event) => {\n                        event.preventDefault();\n                        event.stopPropagation();\n\t\t\t\t\t\tdiagramModel.setZoomLevel(diagramModel.getZoomLevel()+(event.deltaY/60));\n\t\t\t\t\t\tdiagramEngine.enableRepaintEntities([]);\n\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t},\n\t\t\t\t\tonMouseMove: (event) => {\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t//select items so draw a bounding box\n\t\t\t\t\t\tif (this.state.action instanceof SelectingAction){\n\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t_.forEach(diagramModel.getNodes(),(node) => {\n\t\t\t\t\t\t\t\tif ((this.state.action as SelectingAction).containsElement(node.x, node.y, diagramModel)){\n\t\t\t\t\t\t\t\t\tnode.setSelected(true);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t_.forEach(diagramModel.getLinks(),(link) => {\n\t\t\t\t\t\t\t\tvar allSelected = true;\n\t\t\t\t\t\t\t\t_.forEach(link.points,(point) => {\n\t\t\t\t\t\t\t\t\tif ((this.state.action as SelectingAction).containsElement(point.x, point.y, diagramModel)){\n\t\t\t\t\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\t\t\t\tallSelected = false;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tif (allSelected){\n\t\t\t\t\t\t\t\t\tlink.setSelected(true);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.state.action.mouseX2 = relative.x;\n\t\t\t\t\t\t\tthis.state.action.mouseY2 = relative.y;\n\t\t\t\t\t\t\tthis.setState({action: this.state.action});\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//translate the items on the canvas\n\t\t\t\t\t\telse if (this.state.action instanceof MoveItemsAction){\n\t\t\t\t\t\t\t_.forEach(this.state.action.selectionModels,(model) => {\n\t\t\t\t\t\t\t\tif (model.model instanceof NodeModel || model.model instanceof PointModel){\n\t\t\t\t\t\t\t\t\tmodel.model.x = model.initialX + ((event.pageX - this.state.action.mouseX) / (diagramModel.getZoomLevel()/100));\n\t\t\t\t\t\t\t\t\tmodel.model.y = model.initialY + ((event.pageY - this.state.action.mouseY) / (diagramModel.getZoomLevel()/100));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//translate the actual canvas\n\t\t\t\t\t\telse if (this.state.action instanceof MoveCanvasAction){\n\t\t\t\t\t\t\tdiagramModel.setOffset(\n\t\t\t\t\t\t\t\tthis.state.action.initialOffsetX + ((event.pageX - this.state.action.mouseX) / (diagramModel.getZoomLevel()/100)),\n\t\t\t\t\t\t\t\tthis.state.action.initialOffsetY+((event.pageY-this.state.action.mouseY)/(diagramModel.getZoomLevel()/100))\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tonMouseDown: (event) =>{\n\t\t\t\t\t\tdiagramEngine.clearRepaintEntities();\n\t\t\t\t\t\t\n\t\t\t\t\t\tvar model = this.getMouseElement(event);\n\t\t\t\t\t\t//its the canvas\n\t\t\t\t\t\tif(model === null){\n\t\t\t\t\t\t\t//is it a multiple selection\n\t\t\t\t\t\t\tif (event.shiftKey){\n\t\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\taction: new SelectingAction(\n\t\t\t\t\t\t\t\t\t\trelative.x, relative.y\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t//its a drag the canvas event\n\t\t\t\t\t\t\telse{\n\t\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\taction: new MoveCanvasAction(relative.x, relative.y, diagramModel)\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//its a port element, we want to drag a link\n\t\t\t\t\t\telse if (model.model instanceof PortModel){\n\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativeMousePoint(event);\n\t\t\t\t\t\t\tvar link = new LinkModel();\n\t\t\t\t\t\t\tlink.setSourcePort(model.model);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tlink.getFirstPoint().updateLocation(relative)\n\t\t\t\t\t\t\tlink.getLastPoint().updateLocation(relative);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\tlink.getLastPoint().setSelected(true);\n\t\t\t\t\t\t\tdiagramModel.addLink(link);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//its some or other element, probably want to move it\n\t\t\t\t\t\telse{\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif (!event.shiftKey && !model.model.isSelected()){\n\t\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmodel.model.setSelected(true);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY,diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tonMouseUp: (event) => {\n\t\t\t\t\t\t\n\t\t\t\t\t\t//are we going to connect a link to something?\n\t\t\t\t\t\tif (this.state.action instanceof MoveItemsAction){\n\t\t\t\t\t\t\tvar element = this.getMouseElement(event);\n\t\t\t\t\t\t\tif(element){\n\t\t\t\t\t\t\t\t_.forEach(this.state.action.selectionModels,(model) => {\n\n\t\t\t\t\t\t\t\t\t//only care about points connecting to things\n\t\t\t\t\t\t\t\t\tif (!(model.model instanceof PointModel)){\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tif (element.model instanceof PortModel){\n\t\t\t\t\t\t\t\t\t\tmodel.model.getLink().setTargetPort(element.model);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\tdiagramEngine.clearRepaintEntities();\n\t\t\t\t\t\tthis.setState({action: null});\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tthis.state.renderedNodes?\n\t\t\t\t\tReact.createElement(LinkLayerWidget, {\n\t\t\t\t\t\tdiagramEngine: diagramEngine, pointAdded: (point: PointModel,event) => {\n\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\tdiagramModel.clearSelection(point);\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}):null,\n\t\t\t\t\tReact.createElement(NodeLayerWidget, {diagramEngine: diagramEngine}),\n\t\t\t\t\tthis.state.action instanceof SelectingAction?\n\t\t\t\t\t\tReact.DOM.div({\n\t\t\t\t\t\t\tclassName: 'selector',\n\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\ttop: this.state.action.mouseY,\n\t\t\t\t\t\t\t\tleft: this.state.action.mouseX,\n\t\t\t\t\t\t\t\twidth: this.state.action.mouseX2 - this.state.action.mouseX,\n\t\t\t\t\t\t\t\theight: this.state.action.mouseY2 - this.state.action.mouseY,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}):null\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/DiagramWidget.ts","import * as SRD from \"../../src/main\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\n\ndeclare var require: {\n    <T>(path: string): T;\n    (paths: string[], callback: (...modules: any[]) => void): void;\n    ensure: (paths: string[], callback: (require: <T>(path: string) => T) => void) => void;\n};\n\nrequire(\"../test.scss\");\n\n\n/**\n * \n * Simple test showing the Object oriented way of using this library.\n * It creates 2 nodes and links them together with a single link\n * \n * @Author Dylan Vorster\n */\nwindow.onload = () => {\n\t\n\t//1) setup the diagram engine\n\tvar engine = new SRD.DiagramEngine();\n\tengine.registerNodeFactory(new SRD.DefaultNodeFactory());\n\tengine.registerLinkFactory(new SRD.DefaultLinkFactory());\n\t\n\t//2) setup the diagram model\n\tvar model = new SRD.DiagramModel();\n\t\n\t//3-A) create a default node\n\tvar node1 = new SRD.DefaultNodeModel(\"Node 1\",\"rgb(0,192,255)\");\n\tvar port1 = node1.addPort(new SRD.DefaultPortModel(false,\"out-1\",\"Out\"));\n\tnode1.x = 100;\n\tnode1.y = 100;\n\t\n\t//3-B) create another default node\n\tvar node2 = new SRD.DefaultNodeModel(\"Node 2\",\"rgb(192,255,0)\");\n\tvar port2 = node2.addPort(new SRD.DefaultPortModel(true,\"in-1\",\"IN\"));\n\tnode2.x = 400;\n\tnode2.y = 100;\n\t\n\t//3-C) link the 2 nodes together\n\tvar link1 = new SRD.LinkModel();\n\tlink1.setSourcePort(port1);\n\tlink1.setTargetPort(port2);\n\t\n\t//4) add the models to the root graph\n\tmodel.addNode(node1);\n\tmodel.addNode(node2);\n\tmodel.addLink(link1);\n\t\n\t//5) load model into engine\n\tengine.setDiagramModel(model);\n\t\n\t//6) render the diagram!\n\tReactDOM.render(React.createElement(SRD.DiagramWidget,{diagramEngine: engine}), document.body);\n\t\n\tconsole.log(JSON.stringify(model.serialize()));\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./demos/demo1/index.ts"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///webpack/universalModuleDefinition?5ca6","webpack:///demo1/bundle.js","webpack:///webpack/bootstrap bd903c63f4683a2d20d4?b392","webpack:///external \"React\"?9de9","webpack:///external {\"commonjs\":\"lodash\",\"commonjs2\":\"lodash\",\"amd\":\"_\",\"root\":\"_\"}?6dc8","webpack:///./src/Common.ts?45af","webpack:///./src/BaseEntity.ts?aec5","webpack:///./src/AbstractInstanceFactory.ts?5273","webpack:///./src/WidgetFactories.ts?4eff","webpack:///./src/DiagramModel.ts?06ed","webpack:///./src/Toolkit.ts?8cdc","webpack:///./src/defaults/DefaultLinkWidget.ts?99b6","webpack:///./src/defaults/DefaultNodeWidget.ts?56dc","webpack:///./src/widgets/LinkLayerWidget.ts?f1e6","webpack:///./src/widgets/LinkWidget.ts?749c","webpack:///./src/widgets/NodeLayerWidget.ts?360a","webpack:///./src/widgets/NodeWidget.ts?b9cf","webpack:///./src/widgets/PortWidget.ts?9b2e","webpack:///./demos/test.scss?acf3*","webpack:///./src/main.ts?c77e","webpack:///external \"ReactDOM\"?4ab4","webpack:///./demos/test.scss?bf8f","webpack:///./~/css-loader/lib/css-base.js?ae8b","webpack:///./~/style-loader/addStyles.js?5b4a","webpack:///./src/DiagramEngine.ts?2560","webpack:///./src/defaults/DefaultLinkFactory.ts?f766","webpack:///./src/defaults/DefaultNodeFactory.ts?ddf5","webpack:///./src/defaults/DefaultNodeModel.ts?30ab","webpack:///./src/defaults/DefaultPortLabelWidget.ts?343f","webpack:///./src/defaults/DefaultPortModel.ts?e11d","webpack:///./src/widgets/DiagramWidget.ts?7e0a","webpack:///./demos/demo1/index.ts"],"names":["root","factory","exports","module","require","define","amd","this","__WEBPACK_EXTERNAL_MODULE_0__","__WEBPACK_EXTERNAL_MODULE_1__","__WEBPACK_EXTERNAL_MODULE_17__","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","value","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","__extends","b","__","constructor","create","BaseEntity_1","_","BaseModel","_super","_this","selected","deSerialize","ob","serialize","merge","_class","getID","id","isSelected","setSelected","itterateListeners","listener","selectionChanged","remove","console","log","entityRemoved","BaseEntity","PointModel","link","points","x","y","extend","removePoint","updateLocation","getX","getY","getLink","LinkModel","linkType","extras","sourcePort","targetPort","type","map","point","source","getParent","target","removeLink","isLastPoint","index","getPointIndex","length","indexOf","getPointModel","getFirstPoint","getLastPoint","setSourcePort","port","addLink","getSourcePort","getTargetPort","setTargetPort","getPoints","setPoints","pointModel","splice","addPoint","getType","PortModel","links","parentNode","getName","setParentNode","node","getLinks","NodeModel","nodeType","ports","forEach","getPort","getPorts","removePort","addPort","Toolkit_1","BaseListener","listeners","Toolkit","UID","clearListeners","data","cb","removeListener","addListener","uid","AbstractInstanceFactory","className","WidgetFactory","NodeWidgetFactory","apply","arguments","LinkWidgetFactory","Common_1","DiagramModel","nodes","offsetX","offsetY","zoom","deSerializeDiagram","diagramEngine","nodeOb","getInstanceFactory","getInstance","portOb","addNode","linkOb","getNode","serializeDiagram","clearSelection","ignore","getSelectedItems","element","items","concat","filter","flatMap","setZoomLevel","controlsUpdated","setOffset","setOffsetX","setOffsetY","getOffsetY","getOffsetX","getZoomLevel","linksUpdated","removeNode","nodesUpdated","getNodes","replace","r","Math","random","v","toString","React","DefaultLinkWidget","props","state","generatePoint","pointIndex","DOM","g","key","circle","cx","cy","data-linkid","data-id","opacity","onMouseLeave","setState","onMouseEnter","generateLink","extraProps","Bottom","path","strokeWidth","width","stroke","color","Top","strokeOpacity","onContextMenu","event","preventDefault","render","paths","margin","abs","pointLeft","pointRight","push","onMouseDown","shiftKey","getRelativeMousePoint","forceUpdate","pointAdded","ds","smooth","data-point","Component","defaultProps","engine","div","DefaultPortLabelWidget_1","DefaultNodeWidget","style","background","onClick","getInPorts","createElement","DefaultPortLabel","model","getOutPorts","LinkWidget_1","LinkLayerWidget","componentDidMount","setTimeout","diagramModel","getDiagramModel","svg","transform","height","getPortCenter","ex","last","generatedLink","generateWidgetForLink","LinkWidget","cloneElement","shouldComponentUpdate","canEntityRepaint","children","NodeWidget_1","NodeLayerWidget","NodeWidget","generateWidgetForNode","data-nodeid","top","left","PortWidget","data-name","content","locals","__export","list","result","item","join","mediaQuery","alreadyImportedModules","addStylesToDom","styles","options","domStyle","stylesInDom","refs","j","parts","addStyle","listToStyles","newStyles","css","media","sourceMap","part","insertStyleElement","styleElement","head","getHeadElement","lastStyleElementInsertedAtTop","styleElementsInsertedAtTop","insertAt","nextSibling","insertBefore","appendChild","firstChild","Error","removeStyleElement","removeChild","idx","createStyleElement","document","createLinkElement","linkElement","rel","obj","update","singleton","styleIndex","singletonCounter","singletonElement","applyToSingletonTag","bind","URL","createObjectURL","revokeObjectURL","Blob","btoa","updateLink","href","applyToTag","newObj","styleSheet","cssText","replaceText","cssNode","createTextNode","childNodes","setAttribute","unescape","encodeURIComponent","JSON","stringify","blob","oldSrc","memoize","fn","memo","isOldIE","test","window","navigator","userAgent","toLowerCase","getElementsByTagName","DEBUG","newList","mayRemove","textStore","replacement","Boolean","DiagramModel_1","DiagramEngine","nodeFactories","linkFactories","instanceFactories","canvas","paintableWidgets","clearRepaintEntities","enableRepaintEntities","entities","entity","baseModel","undefined","setCanvas","setDiagramModel","getNodeFactories","getLinkFactories","registerInstanceFactory","registerNodeFactory","nodeFactoriesUpdated","registerLinkFactory","linkFactoriesUpdated","getFactoryForNode","getFactoryForLink","linkFactory","generateReactWidget","nodeFactory","getRelativePoint","pageX","pageY","canvasRect","getBoundingClientRect","getNodePortElement","selector","querySelector","sourceElement","sourceRect","offsetWidth","offsetHeight","WidgetFactories_1","DefaultLinkWidget_1","DefaultLinkFactory","DefaultNodeWidget_1","DefaultNodeFactory","AbstractInstanceFactory_1","DefaultNodeInstanceFactory","DefaultNodeModel","portModel","in","PortWidget_1","label","DefaultPortInstanceFactory","DefaultPortModel","isInput","LinkLayerWidget_1","NodeLayerWidget_1","BaseAction","mouseX","mouseY","ms","Date","getTime","SelectingAction","mouseX2","mouseY2","containsElement","z","MoveCanvasAction","initialOffsetX","initialOffsetY","MoveItemsAction","moved","selectionModels","initialX","initialY","DiagramWidget","action","renderedNodes","windowListener","componentWillUnmount","removeEventListener","componentWillReceiveProps","nextProps","getMouseElement","closest","nodeElement","getAttribute","addEventListener","keyCode","focus","ref","onWheel","stopPropagation","deltaY","onMouseMove","relative","allSelected","onMouseUp","SRD","ReactDOM","onload","node1","port1","node2","port2","link1","body","str","model2"],"mappings":"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","file":"demo1/bundle.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"React\"), require(\"lodash\"), require(\"ReactDOM\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"React\", \"_\", \"ReactDOM\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"storm-react-diagrams\"] = factory(require(\"React\"), require(\"lodash\"), require(\"ReactDOM\"));\n\telse\n\t\troot[\"storm-react-diagrams\"] = factory(root[\"React\"], root[\"_\"], root[\"ReactDOM\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_17__) {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"React\"), require(\"lodash\"), require(\"ReactDOM\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"React\", \"_\", \"ReactDOM\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"storm-react-diagrams\"] = factory(require(\"React\"), require(\"lodash\"), require(\"ReactDOM\"));\n\telse\n\t\troot[\"storm-react-diagrams\"] = factory(root[\"React\"], root[\"_\"], root[\"ReactDOM\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_17__) {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 28);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports) {\n\nmodule.exports = __WEBPACK_EXTERNAL_MODULE_0__;\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports) {\n\nmodule.exports = __WEBPACK_EXTERNAL_MODULE_1__;\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar BaseEntity_1 = __webpack_require__(3);\nvar _ = __webpack_require__(1);\n/**\n * @author Dylan Vorster\n */\nvar BaseModel = (function (_super) {\n    __extends(BaseModel, _super);\n    function BaseModel() {\n        var _this = _super.call(this) || this;\n        _this.selected = false;\n        return _this;\n    }\n    BaseModel.prototype.deSerialize = function (ob) {\n        _super.prototype.deSerialize.call(this, ob);\n        this.selected = ob.selected;\n    };\n    BaseModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            _class: this.constructor.name,\n            selected: this.selected\n        });\n    };\n    BaseModel.prototype.getID = function () {\n        return this.id;\n    };\n    BaseModel.prototype.isSelected = function () {\n        return this.selected;\n    };\n    BaseModel.prototype.setSelected = function (selected) {\n        this.selected = selected;\n        this.itterateListeners(function (listener) {\n            if (listener.selectionChanged) {\n                listener.selectionChanged();\n            }\n        });\n    };\n    BaseModel.prototype.remove = function () {\n        console.log(\"removing: \", this);\n        this.itterateListeners(function (listener) {\n            if (listener.entityRemoved) {\n                listener.entityRemoved();\n            }\n        });\n    };\n    return BaseModel;\n}(BaseEntity_1.BaseEntity));\nexports.BaseModel = BaseModel;\nvar PointModel = (function (_super) {\n    __extends(PointModel, _super);\n    function PointModel(link, points) {\n        var _this = _super.call(this) || this;\n        _this.x = points.x;\n        _this.y = points.y;\n        _this.link = link;\n        return _this;\n    }\n    PointModel.prototype.deSerialize = function (ob) {\n        _super.prototype.deSerialize.call(this, ob);\n        this.x = ob.x;\n        this.y = ob.y;\n    };\n    PointModel.prototype.serialize = function () {\n        return _.extend(_super.prototype.serialize.call(this), {\n            x: this.x,\n            y: this.y\n        });\n    };\n    PointModel.prototype.remove = function () {\n        _super.prototype.remove.call(this);\n        //clear references\n        if (this.link) {\n            this.link.removePoint(this);\n        }\n    };\n    PointModel.prototype.updateLocation = function (points) {\n        this.x = points.x;\n        this.y = points.y;\n    };\n    PointModel.prototype.getX = function () {\n        return this.x;\n    };\n    PointModel.prototype.getY = function () {\n        return this.y;\n    };\n    PointModel.prototype.getLink = function () {\n        return this.link;\n    };\n    return PointModel;\n}(BaseModel));\nexports.PointModel = PointModel;\nvar LinkModel = (function (_super) {\n    __extends(LinkModel, _super);\n    function LinkModel() {\n        var _this = _super.call(this) || this;\n        _this.linkType = 'default';\n        _this.points = [\n            new PointModel(_this, { x: 0, y: 0 }),\n            new PointModel(_this, { x: 0, y: 0 }),\n        ];\n        _this.extras = {};\n        _this.sourcePort = null;\n        _this.targetPort = null;\n        return _this;\n    }\n    LinkModel.prototype.deSerialize = function (ob) {\n        var _this = this;\n        _super.prototype.deSerialize.call(this, ob);\n        this.linkType = ob.type;\n        this.points = _.map(ob.points, function (point) {\n            var p = new PointModel(_this, { x: point.x, y: point.y });\n            p.deSerialize(point);\n            return p;\n        });\n    };\n    LinkModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            type: this.linkType,\n            source: this.sourcePort ? this.sourcePort.getParent().id : null,\n            sourcePort: this.sourcePort ? this.sourcePort.id : null,\n            target: this.targetPort ? this.targetPort.getParent().id : null,\n            targetPort: this.targetPort ? this.targetPort.id : null,\n            points: _.map(this.points, function (point) {\n                return point.serialize();\n            }),\n            extras: this.extras\n        });\n    };\n    LinkModel.prototype.remove = function () {\n        _super.prototype.remove.call(this);\n        if (this.sourcePort) {\n            this.sourcePort.removeLink(this);\n        }\n        if (this.targetPort) {\n            this.targetPort.removeLink(this);\n        }\n    };\n    LinkModel.prototype.isLastPoint = function (point) {\n        var index = this.getPointIndex(point);\n        return index === this.points.length - 1;\n    };\n    LinkModel.prototype.getPointIndex = function (point) {\n        return this.points.indexOf(point);\n    };\n    LinkModel.prototype.getPointModel = function (id) {\n        for (var i = 0; i < this.points.length; i++) {\n            if (this.points[i].id === id) {\n                return this.points[i];\n            }\n        }\n        return null;\n    };\n    LinkModel.prototype.getFirstPoint = function () {\n        return this.points[0];\n    };\n    LinkModel.prototype.getLastPoint = function () {\n        return this.points[this.points.length - 1];\n    };\n    LinkModel.prototype.setSourcePort = function (port) {\n        port.addLink(this);\n        this.sourcePort = port;\n    };\n    LinkModel.prototype.getSourcePort = function () {\n        return this.sourcePort;\n    };\n    LinkModel.prototype.getTargetPort = function () {\n        return this.targetPort;\n    };\n    LinkModel.prototype.setTargetPort = function (port) {\n        port.addLink(this);\n        this.targetPort = port;\n    };\n    LinkModel.prototype.getPoints = function () {\n        return this.points;\n    };\n    LinkModel.prototype.setPoints = function (points) {\n        this.points = points;\n    };\n    LinkModel.prototype.removePoint = function (pointModel) {\n        this.points.splice(this.getPointIndex(pointModel), 1);\n    };\n    LinkModel.prototype.addPoint = function (pointModel, index) {\n        if (index === void 0) { index = 1; }\n        this.points.splice(index, 0, pointModel);\n    };\n    LinkModel.prototype.getType = function () {\n        return this.linkType;\n    };\n    return LinkModel;\n}(BaseModel));\nexports.LinkModel = LinkModel;\nvar PortModel = (function (_super) {\n    __extends(PortModel, _super);\n    function PortModel(name) {\n        var _this = _super.call(this) || this;\n        _this.name = name;\n        _this.links = {};\n        _this.parentNode = null;\n        return _this;\n    }\n    PortModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            name: this.name,\n            parentNode: this.parentNode.id,\n            links: _.map(this.links, function (link) {\n                return link.id;\n            })\n        });\n    };\n    PortModel.prototype.getName = function () {\n        return this.name;\n    };\n    PortModel.prototype.getParent = function () {\n        return this.parentNode;\n    };\n    PortModel.prototype.setParentNode = function (node) {\n        this.parentNode = node;\n    };\n    PortModel.prototype.removeLink = function (link) {\n        delete this.links[link.getID()];\n    };\n    PortModel.prototype.addLink = function (link) {\n        this.links[link.getID()] = link;\n    };\n    PortModel.prototype.getLinks = function () {\n        return this.links;\n    };\n    return PortModel;\n}(BaseModel));\nexports.PortModel = PortModel;\nvar NodeModel = (function (_super) {\n    __extends(NodeModel, _super);\n    function NodeModel(nodeType) {\n        if (nodeType === void 0) { nodeType = 'default'; }\n        var _this = _super.call(this) || this;\n        _this.nodeType = nodeType;\n        _this.x = 0;\n        _this.y = 0;\n        _this.extras = {};\n        _this.ports = {};\n        return _this;\n    }\n    NodeModel.prototype.deSerialize = function (ob) {\n        _super.prototype.deSerialize.call(this, ob);\n        this.nodeType = ob.type;\n        this.x = ob.x;\n        this.y = ob.y;\n        this.extras = ob.extras;\n    };\n    NodeModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            type: this.nodeType,\n            x: this.x,\n            y: this.y,\n            extras: this.extras,\n            ports: _.map(this.ports, function (port) {\n                return port.serialize();\n            })\n        });\n    };\n    NodeModel.prototype.remove = function () {\n        _super.prototype.remove.call(this);\n        for (var i in this.ports) {\n            _.forEach(this.ports[i].getLinks(), function (link) {\n                link.remove();\n            });\n        }\n    };\n    NodeModel.prototype.getPort = function (name) {\n        return this.ports[name];\n    };\n    NodeModel.prototype.getPorts = function () {\n        return this.ports;\n    };\n    NodeModel.prototype.removePort = function (port) {\n        //clear the parent node reference\n        if (this.ports[port.name]) {\n            this.ports[port.name].setParentNode(null);\n            delete this.ports[port.name];\n        }\n    };\n    NodeModel.prototype.addPort = function (port) {\n        port.setParentNode(this);\n        this.ports[port.name] = port;\n        return port;\n    };\n    NodeModel.prototype.getType = function () {\n        return this.nodeType;\n    };\n    return NodeModel;\n}(BaseModel));\nexports.NodeModel = NodeModel;\n\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar Toolkit_1 = __webpack_require__(7);\n/**\n * @author Dylan Vorster\n */\nvar BaseListener = (function () {\n    function BaseListener() {\n    }\n    return BaseListener;\n}());\nexports.BaseListener = BaseListener;\nvar BaseEntity = (function () {\n    function BaseEntity() {\n        this.listeners = {};\n        this.id = Toolkit_1.Toolkit.UID();\n    }\n    BaseEntity.prototype.getID = function () {\n        return this.id;\n    };\n    BaseEntity.prototype.clearListeners = function () {\n        this.listeners = {};\n    };\n    BaseEntity.prototype.deSerialize = function (data) {\n        this.id = data.id;\n    };\n    BaseEntity.prototype.serialize = function () {\n        return {\n            id: this.id,\n        };\n    };\n    BaseEntity.prototype.itterateListeners = function (cb) {\n        for (var i in this.listeners) {\n            cb(this.listeners[i]);\n        }\n    };\n    BaseEntity.prototype.removeListener = function (listener) {\n        if (this.listeners[listener]) {\n            delete this.listeners[listener];\n            return true;\n        }\n        return false;\n    };\n    BaseEntity.prototype.addListener = function (listener) {\n        var uid = Toolkit_1.Toolkit.UID();\n        this.listeners[uid] = listener;\n        return uid;\n    };\n    return BaseEntity;\n}());\nexports.BaseEntity = BaseEntity;\n\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n/**\n * @author Dylan Vorster\n */\nvar AbstractInstanceFactory = (function () {\n    function AbstractInstanceFactory(className) {\n        this.className = className;\n    }\n    AbstractInstanceFactory.prototype.getName = function () {\n        return this.className;\n    };\n    return AbstractInstanceFactory;\n}());\nexports.AbstractInstanceFactory = AbstractInstanceFactory;\n\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\n/**\n * @author Dylan Vorster\n */\nvar WidgetFactory = (function () {\n    function WidgetFactory(name) {\n        this.type = name;\n    }\n    WidgetFactory.prototype.getType = function () {\n        return this.type;\n    };\n    return WidgetFactory;\n}());\nexports.WidgetFactory = WidgetFactory;\nvar NodeWidgetFactory = (function (_super) {\n    __extends(NodeWidgetFactory, _super);\n    function NodeWidgetFactory() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    return NodeWidgetFactory;\n}(WidgetFactory));\nexports.NodeWidgetFactory = NodeWidgetFactory;\nvar LinkWidgetFactory = (function (_super) {\n    __extends(LinkWidgetFactory, _super);\n    function LinkWidgetFactory() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    return LinkWidgetFactory;\n}(WidgetFactory));\nexports.LinkWidgetFactory = LinkWidgetFactory;\n\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar Common_1 = __webpack_require__(2);\nvar BaseEntity_1 = __webpack_require__(3);\nvar _ = __webpack_require__(1);\n/**\n *\n */\nvar DiagramModel = (function (_super) {\n    __extends(DiagramModel, _super);\n    function DiagramModel() {\n        var _this = _super.call(this) || this;\n        _this.links = {};\n        _this.nodes = {};\n        _this.offsetX = 0;\n        _this.offsetY = 0;\n        _this.zoom = 100;\n        return _this;\n    }\n    DiagramModel.prototype.deSerializeDiagram = function (object, diagramEngine) {\n        var _this = this;\n        this.deSerialize(object);\n        this.offsetX = object.offsetX;\n        this.offsetY = object.offsetY;\n        this.zoom = object.zoom;\n        //deserialize nodes\n        _.forEach(object.nodes, function (node) {\n            var nodeOb = diagramEngine.getInstanceFactory(node._class).getInstance();\n            nodeOb.deSerialize(node);\n            //deserialize ports\n            _.forEach(node.ports, function (port) {\n                var portOb = diagramEngine.getInstanceFactory(port._class).getInstance();\n                portOb.deSerialize(port);\n                nodeOb.addPort(portOb);\n            });\n            _this.addNode(nodeOb);\n        });\n        _.forEach(object.links, function (link) {\n            var linkOb = diagramEngine.getInstanceFactory(link._class).getInstance();\n            linkOb.deSerialize(link);\n            if (link.target) {\n                _this.getNode(link.target).getPort(link.targetPort).addLink(linkOb);\n            }\n            if (link.source) {\n                _this.getNode(link.source).getPort(link.sourcePort).addLink(linkOb);\n            }\n            _this.addLink(linkOb);\n        });\n    };\n    DiagramModel.prototype.serializeDiagram = function () {\n        return _.merge(this.serialize(), {\n            offsetX: this.offsetX,\n            offsetY: this.offsetY,\n            zoom: this.zoom,\n            links: _.map(this.links, function (link) {\n                return link.serialize();\n            }),\n            nodes: _.map(this.nodes, function (link) {\n                return link.serialize();\n            }),\n        });\n    };\n    DiagramModel.prototype.clearSelection = function (ignore) {\n        if (ignore === void 0) { ignore = null; }\n        _.forEach(this.getSelectedItems(), function (element) {\n            if (ignore && ignore.getID() === element.getID()) {\n                return;\n            }\n            element.setSelected(false); //TODO dont fire the listener\n        });\n    };\n    DiagramModel.prototype.getSelectedItems = function () {\n        var items = [];\n        //find all nodes\n        items = items.concat(_.filter(this.nodes, function (node) {\n            return node.isSelected();\n        }));\n        //find all points\n        items = items.concat(_.filter(_.flatMap(this.links, function (node) {\n            return node.points;\n        }), function (port) {\n            return port.isSelected();\n        }));\n        //find all links\n        return items.concat(_.filter(this.links, function (link) {\n            return link.isSelected();\n        }));\n    };\n    DiagramModel.prototype.setZoomLevel = function (zoom) {\n        this.zoom = zoom;\n        this.itterateListeners(function (listener) {\n            listener.controlsUpdated();\n        });\n    };\n    DiagramModel.prototype.setOffset = function (offsetX, offsetY) {\n        this.offsetX = offsetX;\n        this.offsetY = offsetY;\n        this.itterateListeners(function (listener) {\n            listener.controlsUpdated();\n        });\n    };\n    DiagramModel.prototype.setOffsetX = function (offsetX) {\n        this.offsetX = offsetX;\n        this.itterateListeners(function (listener) {\n            listener.controlsUpdated();\n        });\n    };\n    DiagramModel.prototype.setOffsetY = function (offsetY) {\n        this.offsetX = offsetY;\n        this.itterateListeners(function (listener) {\n            listener.controlsUpdated();\n        });\n    };\n    DiagramModel.prototype.getOffsetY = function () {\n        return this.offsetY;\n    };\n    DiagramModel.prototype.getOffsetX = function () {\n        return this.offsetX;\n    };\n    DiagramModel.prototype.getZoomLevel = function () {\n        return this.zoom;\n    };\n    DiagramModel.prototype.getNode = function (node) {\n        if (node instanceof Common_1.NodeModel) {\n            return node;\n        }\n        if (!this.nodes[node]) {\n            return null;\n        }\n        return this.nodes[node];\n    };\n    DiagramModel.prototype.getLink = function (link) {\n        if (link instanceof Common_1.LinkModel) {\n            return link;\n        }\n        if (!this.links[link]) {\n            return null;\n        }\n        return this.links[link];\n    };\n    DiagramModel.prototype.addLink = function (link) {\n        var _this = this;\n        link.addListener({\n            entityRemoved: function () {\n                _this.removeLink(link);\n            }\n        });\n        this.links[link.getID()] = link;\n        this.itterateListeners(function (listener) {\n            listener.linksUpdated();\n        });\n        return link;\n    };\n    DiagramModel.prototype.addNode = function (node) {\n        var _this = this;\n        node.addListener({\n            entityRemoved: function () {\n                _this.removeNode(node);\n            }\n        });\n        this.nodes[node.getID()] = node;\n        this.itterateListeners(function (listener) {\n            listener.nodesUpdated();\n        });\n        return node;\n    };\n    DiagramModel.prototype.removeLink = function (link) {\n        if (link instanceof Common_1.LinkModel) {\n            delete this.links[link.getID()];\n            this.itterateListeners(function (listener) {\n                listener.linksUpdated();\n            });\n            return;\n        }\n        delete this.links['' + link];\n        this.itterateListeners(function (listener) {\n            listener.linksUpdated();\n        });\n    };\n    DiagramModel.prototype.removeNode = function (node) {\n        if (node instanceof Common_1.NodeModel) {\n            delete this.nodes[node.getID()];\n            this.itterateListeners(function (listener) {\n                listener.nodesUpdated();\n            });\n            return;\n        }\n        delete this.nodes['' + node];\n        this.itterateListeners(function (listener) {\n            listener.nodesUpdated();\n        });\n    };\n    DiagramModel.prototype.getLinks = function () {\n        return this.links;\n    };\n    DiagramModel.prototype.getNodes = function () {\n        return this.nodes;\n    };\n    return DiagramModel;\n}(BaseEntity_1.BaseEntity));\nexports.DiagramModel = DiagramModel;\n\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n/**\n * @author Dylan Vorster\n */\nvar Toolkit = (function () {\n    function Toolkit() {\n    }\n    /**\n   * Generats a unique ID (thanks Stack overflow :3)\n   * @returns {String}\n   */\n    Toolkit.UID = function () {\n        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n            var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);\n            return v.toString(16);\n        });\n    };\n    return Toolkit;\n}());\nexports.Toolkit = Toolkit;\n\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar Common_1 = __webpack_require__(2);\nvar _ = __webpack_require__(1);\n/**\n * @author Dylan Vorster\n */\nvar DefaultLinkWidget = (function (_super) {\n    __extends(DefaultLinkWidget, _super);\n    function DefaultLinkWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {\n            selected: false\n        };\n        return _this;\n    }\n    DefaultLinkWidget.prototype.generatePoint = function (pointIndex) {\n        var _this = this;\n        return React.DOM.g({ key: 'point-' + this.props.link.points[pointIndex].id }, React.DOM.circle({\n            className: 'point pointui' + (this.props.link.points[pointIndex].isSelected() ? ' selected' : ''),\n            cx: this.props.link.points[pointIndex].x,\n            cy: this.props.link.points[pointIndex].y,\n            r: 5,\n        }), React.DOM.circle({\n            className: 'point',\n            'data-linkid': this.props.link.id,\n            'data-id': this.props.link.points[pointIndex].id,\n            cx: this.props.link.points[pointIndex].x,\n            cy: this.props.link.points[pointIndex].y,\n            r: 15,\n            opacity: 0,\n            onMouseLeave: function () {\n                _this.setState({ selected: false });\n                //\t\t\t\tthis.props.link.setSelected(false);\n            },\n            onMouseEnter: function () {\n                _this.setState({ selected: true });\n                //\t\t\t\tthis.props.link.setSelected(true);\n            },\n        }));\n    };\n    DefaultLinkWidget.prototype.generateLink = function (extraProps) {\n        var _this = this;\n        var Bottom = React.DOM.path(_.merge({\n            className: (this.state.selected || this.props.link.isSelected()) ? 'selected' : '',\n            strokeWidth: this.props.width,\n            stroke: this.props.color\n        }, extraProps));\n        var Top = React.DOM.path(_.merge({\n            onMouseLeave: function () {\n                _this.setState({ selected: false });\n            },\n            onMouseEnter: function () {\n                _this.setState({ selected: true });\n            },\n            'data-linkid': this.props.link.getID(),\n            stroke: this.props.color,\n            strokeOpacity: this.state.selected ? 0.1 : 0,\n            strokeWidth: 20,\n            onContextMenu: function (event) {\n                event.preventDefault();\n                _this.props.link.remove();\n            },\n        }, extraProps));\n        return React.DOM.g({ key: 'link-' + extraProps.id }, Bottom, Top);\n    };\n    DefaultLinkWidget.prototype.render = function () {\n        var _this = this;\n        //ensure id is present for all points on the path\n        var points = this.props.link.points;\n        var paths = [];\n        //draw the smoothing\n        if (points.length === 2) {\n            //if the points are too close, just draw a straight line\n            var margin = 50;\n            if (Math.abs(points[0].x - points[1].x) < 50) {\n                margin = 5;\n            }\n            var pointLeft = points[0];\n            var pointRight = points[1];\n            //some defensive programming to make sure the smoothing is\n            //always in the right direction\n            if (pointLeft.x > pointRight.x) {\n                pointLeft = points[1];\n                pointRight = points[0];\n            }\n            paths.push(this.generateLink({\n                id: 0,\n                onMouseDown: function (event) {\n                    if (!event.shiftKey) {\n                        var point = new Common_1.PointModel(_this.props.link, _this.props.diagramEngine.getRelativeMousePoint(event));\n                        point.setSelected(true);\n                        _this.forceUpdate();\n                        _this.props.link.addPoint(point, 1);\n                        _this.props.pointAdded(point, event);\n                    }\n                },\n                d: \" M\" + pointLeft.x + \" \" + pointLeft.y\n                    + \" C\" + (pointLeft.x + margin) + \" \" + pointLeft.y\n                    + \" \" + (pointRight.x - margin) + \" \" + pointRight.y\n                    + \" \" + pointRight.x + \" \" + pointRight.y\n            }));\n            if (this.props.link.targetPort === null) {\n                paths.push(this.generatePoint(1));\n            }\n        }\n        else {\n            var ds = [];\n            if (this.props.smooth) {\n                ds.push(\" M\" + points[0].x + \" \" + points[0].y + \" C \" + (points[0].x + 50) + \" \" + points[0].y + \" \" + points[1].x + \" \" + points[1].y + \" \" + points[1].x + \" \" + points[1].y);\n                for (var i = 1; i < points.length - 2; i++) {\n                    ds.push(\" M \" + points[i].x + \" \" + points[i].y + \" L \" + points[i + 1].x + \" \" + points[i + 1].y);\n                }\n                ds.push(\" M\" + points[i].x + \" \" + points[i].y + \" C \" + points[i].x + \" \" + points[i].y + \" \" + (points[i + 1].x - 50) + \" \" + points[i + 1].y + \" \" + points[i + 1].x + \" \" + points[i + 1].y);\n            }\n            else {\n                var ds = [];\n                for (var i = 0; i < points.length - 1; i++) {\n                    ds.push(\" M \" + points[i].x + \" \" + points[i].y + \" L \" + points[i + 1].x + \" \" + points[i + 1].y);\n                }\n            }\n            paths = ds.map(function (data, index) {\n                return _this.generateLink({\n                    id: index,\n                    'data-linkid': _this.props.link.id,\n                    'data-point': index,\n                    onMouseDown: function (event) {\n                        if (!event.shiftKey) {\n                            var point = new Common_1.PointModel(_this.props.link, _this.props.diagramEngine.getRelativeMousePoint(event));\n                            point.setSelected(true);\n                            _this.forceUpdate();\n                            _this.props.link.addPoint(point, index + 1);\n                            _this.props.pointAdded(point, event);\n                        }\n                    },\n                    d: data\n                });\n            });\n            //render the circles\n            for (var i = 1; i < points.length - 1; i++) {\n                paths.push(this.generatePoint(i));\n            }\n            if (this.props.link.targetPort === null) {\n                paths.push(this.generatePoint(points.length - 1));\n            }\n        }\n        return (React.DOM.g(null, paths));\n    };\n    return DefaultLinkWidget;\n}(React.Component));\nDefaultLinkWidget.defaultProps = {\n    color: 'black',\n    width: 3,\n    link: null,\n    engine: null,\n    smooth: false,\n    diagramEngine: null\n};\nexports.DefaultLinkWidget = DefaultLinkWidget;\n\n\n/***/ }),\n/* 9 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar _ = __webpack_require__(1);\nvar div = React.DOM.div;\nvar DefaultPortLabelWidget_1 = __webpack_require__(25);\n/**\n * @author Dylan Vorster\n */\nvar DefaultNodeWidget = (function (_super) {\n    __extends(DefaultNodeWidget, _super);\n    function DefaultNodeWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {};\n        return _this;\n    }\n    DefaultNodeWidget.prototype.render = function () {\n        return (div({ className: 'basic-node', style: { background: this.props.node.color } }, div({ className: 'title' }, div({ className: 'name' }, this.props.node.name), div({ className: 'fa fa-close', onClick: this.props.node.remove })), div({ className: 'ports' }, div({ className: 'in' }, _.map(this.props.node.getInPorts(), function (port) {\n            return React.createElement(DefaultPortLabelWidget_1.DefaultPortLabel, { model: port });\n        })), div({ className: 'out' }, _.map(this.props.node.getOutPorts(), function (port) {\n            return React.createElement(DefaultPortLabelWidget_1.DefaultPortLabel, { model: port });\n        })))));\n    };\n    return DefaultNodeWidget;\n}(React.Component));\nDefaultNodeWidget.defaultProps = {\n    node: null,\n};\nexports.DefaultNodeWidget = DefaultNodeWidget;\n\n\n/***/ }),\n/* 10 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar LinkWidget_1 = __webpack_require__(11);\nvar _ = __webpack_require__(1);\n/**\n * @author Dylan Vorster\n */\nvar LinkLayerWidget = (function (_super) {\n    __extends(LinkLayerWidget, _super);\n    function LinkLayerWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {};\n        return _this;\n    }\n    LinkLayerWidget.prototype.componentDidMount = function () {\n        var _this = this;\n        setTimeout(function () {\n            _this.forceUpdate();\n        }, 10);\n    };\n    LinkLayerWidget.prototype.render = function () {\n        var _this = this;\n        var diagramModel = this.props.diagramEngine.getDiagramModel();\n        return (React.DOM.svg({\n            style: {\n                transform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY() + 'px)',\n                width: '100%',\n                height: '100%'\n            }\n        }, _.map(diagramModel.getLinks(), function (link) {\n            //TODO just improve this vastly x_x\n            if (link.sourcePort !== null) {\n                try {\n                    //generate a point\n                    link.points[0].updateLocation(_this.props.diagramEngine.getPortCenter(link.sourcePort));\n                }\n                //remove the link because its problematic (TODO implement this rather at an engine level)\n                catch (ex) {\n                    console.log(ex);\n                    diagramModel.removeLink(link);\n                    return;\n                }\n            }\n            if (link.targetPort !== null) {\n                try {\n                    _.last(link.points).updateLocation(_this.props.diagramEngine.getPortCenter(link.targetPort));\n                }\n                //remove the link because its problematic (TODO implement this rather at an engine level)\n                catch (ex) {\n                    console.log(ex);\n                    diagramModel.removeLink(link);\n                    return;\n                }\n            }\n            //generate links\n            var generatedLink = _this.props.diagramEngine.generateWidgetForLink(link);\n            if (!generatedLink) {\n                console.log(\"no link generated for type: \" + link.getType());\n                return null;\n            }\n            return (React.createElement(LinkWidget_1.LinkWidget, {\n                key: link.getID(),\n                link: link,\n                diagramEngine: _this.props.diagramEngine,\n            }, React.cloneElement(generatedLink, { pointAdded: _this.props.pointAdded })));\n        })));\n    };\n    return LinkLayerWidget;\n}(React.Component));\nexports.LinkLayerWidget = LinkLayerWidget;\n\n\n/***/ }),\n/* 11 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\n/**\n * @author Dylan Vorster\n */\nvar LinkWidget = (function (_super) {\n    __extends(LinkWidget, _super);\n    function LinkWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {};\n        return _this;\n    }\n    LinkWidget.prototype.shouldComponentUpdate = function () {\n        return this.props.diagramEngine.canEntityRepaint(this.props.link);\n    };\n    LinkWidget.prototype.render = function () {\n        return this.props.children;\n    };\n    return LinkWidget;\n}(React.Component));\nexports.LinkWidget = LinkWidget;\n\n\n/***/ }),\n/* 12 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar _ = __webpack_require__(1);\nvar NodeWidget_1 = __webpack_require__(13);\n/**\n * @author Dylan Vorster\n */\nvar NodeLayerWidget = (function (_super) {\n    __extends(NodeLayerWidget, _super);\n    function NodeLayerWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {};\n        return _this;\n    }\n    NodeLayerWidget.prototype.render = function () {\n        var _this = this;\n        var diagramModel = this.props.diagramEngine.getDiagramModel();\n        return (React.DOM.div({\n            className: 'node-view',\n            style: {\n                transform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY() + 'px)',\n                width: '100%',\n                height: '100%'\n            }\n        }, _.map(diagramModel.getNodes(), function (node) {\n            return (React.createElement(NodeWidget_1.NodeWidget, { diagramEngine: _this.props.diagramEngine, key: node.id, node: node }, _this.props.diagramEngine.generateWidgetForNode(node)));\n        })));\n    };\n    return NodeLayerWidget;\n}(React.Component));\nexports.NodeLayerWidget = NodeLayerWidget;\n\n\n/***/ }),\n/* 13 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\n/**\n * @author Dylan Vorster\n */\nvar NodeWidget = (function (_super) {\n    __extends(NodeWidget, _super);\n    function NodeWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {};\n        return _this;\n    }\n    NodeWidget.prototype.shouldComponentUpdate = function () {\n        return this.props.diagramEngine.canEntityRepaint(this.props.node);\n    };\n    NodeWidget.prototype.render = function () {\n        return (React.DOM.div({\n            'data-nodeid': this.props.node.id,\n            className: 'node' + (this.props.node.isSelected() ? ' selected' : ''),\n            style: {\n                top: this.props.node.y,\n                left: this.props.node.x,\n            }\n        }, React.cloneElement(this.props.children, {})));\n    };\n    return NodeWidget;\n}(React.Component));\nexports.NodeWidget = NodeWidget;\n\n\n/***/ }),\n/* 14 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\n/**\n * @author Dylan Vorster\n */\nvar PortWidget = (function (_super) {\n    __extends(PortWidget, _super);\n    function PortWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {\n            selected: false\n        };\n        return _this;\n    }\n    PortWidget.prototype.render = function () {\n        var _this = this;\n        return (React.DOM.div({\n            onMouseEnter: function () {\n                _this.setState({ selected: true });\n            },\n            onMouseLeave: function () {\n                _this.setState({ selected: false });\n            },\n            className: 'port' + (this.state.selected ? ' selected' : ''),\n            'data-name': this.props.name,\n            'data-nodeid': this.props.node.getID()\n        }));\n    };\n    return PortWidget;\n}(React.Component));\nexports.PortWidget = PortWidget;\n\n\n/***/ }),\n/* 15 */\n/***/ (function(module, exports, __webpack_require__) {\n\n// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(18);\nif(typeof content === 'string') content = [[module.i, content, '']];\n// add the styles to the DOM\nvar update = __webpack_require__(20)(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(false) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n/***/ }),\n/* 16 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n/**\n * @author Dylan Vorster\n */\n\nfunction __export(m) {\n    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\n}\n//export defaults\n__export(__webpack_require__(22));\n__export(__webpack_require__(8));\n__export(__webpack_require__(23));\n__export(__webpack_require__(9));\n__export(__webpack_require__(24));\n__export(__webpack_require__(26));\n__export(__webpack_require__(5));\n__export(__webpack_require__(7));\n__export(__webpack_require__(21));\n__export(__webpack_require__(6));\n__export(__webpack_require__(3));\n__export(__webpack_require__(2));\n__export(__webpack_require__(4));\n__export(__webpack_require__(27));\n__export(__webpack_require__(10));\n__export(__webpack_require__(11));\n__export(__webpack_require__(12));\n__export(__webpack_require__(13));\n__export(__webpack_require__(14));\n\n\n/***/ }),\n/* 17 */\n/***/ (function(module, exports) {\n\nmodule.exports = __WEBPACK_EXTERNAL_MODULE_17__;\n\n/***/ }),\n/* 18 */\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(19)();\n// imports\n\n\n// module\nexports.push([module.i, \"*{margin:0;padding:0}body,html{width:100%;height:100%;background:#3c3c3c;display:flex}.storm-diagrams-canvas{position:relative;flex-grow:1;display:flex;cursor:move;overflow:hidden}.storm-diagrams-canvas .point{fill:hsla(0,0%,100%,.5)}.storm-diagrams-canvas .point.selected{fill:#00c0ff}.storm-diagrams-canvas .selector{position:absolute;background-color:rgba(0,192,255,.2);border:2px solid #00c0ff}.storm-diagrams-canvas svg{position:absolute;height:100%;width:100%;transform-origin:0 0;overflow:visible}.storm-diagrams-canvas .node-view{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;transform-origin:0 0}.storm-diagrams-canvas .node{position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:move;pointer-events:all}.storm-diagrams-canvas .node.selected>*{border-color:#00c0ff!important;box-shadow:0 0 20px rgba(0,192,255,.5)}@keyframes dash{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.storm-diagrams-canvas path{fill:none;pointer-events:all}.storm-diagrams-canvas path.selected{stroke:#00c0ff!important;stroke-dasharray:10,2;animation:dash 1s linear infinite}.storm-diagrams-canvas .port{width:15px;height:15px;background:hsla(0,0%,100%,.1)}.storm-diagrams-canvas .port.selected,.storm-diagrams-canvas .port:hover{background:#c0ff00}.storm-diagrams-canvas .basic-node{background-color:#1e1e1e;border-radius:5px;font-family:Arial;color:#fff;border:2px solid #000;overflow:hidden;font-size:11px;box-shadow:0 0 10px rgba(0,0,0,.5)}.storm-diagrams-canvas .basic-node .title{background:rgba(0,0,0,.3);display:flex;white-space:nowrap}.storm-diagrams-canvas .basic-node .title>*{align-self:center}.storm-diagrams-canvas .basic-node .title .fa{padding:5px;opacity:.2;cursor:pointer}.storm-diagrams-canvas .basic-node .title .fa:hover{opacity:1}.storm-diagrams-canvas .basic-node .title .name{flex-grow:1;padding:5px}.storm-diagrams-canvas .basic-node .ports{display:flex;background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.2))}.storm-diagrams-canvas .basic-node .ports .in,.storm-diagrams-canvas .basic-node .ports .out{flex-grow:1;display:flex;flex-direction:column}.storm-diagrams-canvas .basic-node .ports .in-port,.storm-diagrams-canvas .basic-node .ports .out-port{display:flex;margin-top:1px}.storm-diagrams-canvas .basic-node .ports .in-port>*,.storm-diagrams-canvas .basic-node .ports .out-port>*{align-self:center}.storm-diagrams-canvas .basic-node .ports .in-port .name,.storm-diagrams-canvas .basic-node .ports .out-port .name{padding:0 5px}.storm-diagrams-canvas .basic-node .ports .out-port{justify-content:flex-end}.storm-diagrams-canvas .basic-node .ports .out-port .name{justify-content:flex-end;text-align:right}\", \"\"]);\n\n// exports\n\n\n/***/ }),\n/* 19 */\n/***/ (function(module, exports) {\n\n/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\n// css base code, injected by the css-loader\r\nmodule.exports = function() {\r\n\tvar list = [];\r\n\r\n\t// return the list of modules as css string\r\n\tlist.toString = function toString() {\r\n\t\tvar result = [];\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar item = this[i];\r\n\t\t\tif(item[2]) {\r\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t} else {\r\n\t\t\t\tresult.push(item[1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result.join(\"\");\r\n\t};\r\n\r\n\t// import a list of modules into the list\r\n\tlist.i = function(modules, mediaQuery) {\r\n\t\tif(typeof modules === \"string\")\r\n\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\tvar alreadyImportedModules = {};\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar id = this[i][0];\r\n\t\t\tif(typeof id === \"number\")\r\n\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t}\r\n\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\tvar item = modules[i];\r\n\t\t\t// skip already imported module\r\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t//  when a module is imported multiple times with different media queries.\r\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t}\r\n\t\t\t\tlist.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn list;\r\n};\r\n\n\n/***/ }),\n/* 20 */\n/***/ (function(module, exports) {\n\n/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\nvar stylesInDom = {},\r\n\tmemoize = function(fn) {\r\n\t\tvar memo;\r\n\t\treturn function () {\r\n\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\r\n\t\t\treturn memo;\r\n\t\t};\r\n\t},\r\n\tisOldIE = memoize(function() {\r\n\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\r\n\t}),\r\n\tgetHeadElement = memoize(function () {\r\n\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\r\n\t}),\r\n\tsingletonElement = null,\r\n\tsingletonCounter = 0,\r\n\tstyleElementsInsertedAtTop = [];\r\n\r\nmodule.exports = function(list, options) {\r\n\tif(typeof DEBUG !== \"undefined\" && DEBUG) {\r\n\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\r\n\t}\r\n\r\n\toptions = options || {};\r\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\r\n\t// tags it will allow on a page\r\n\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\r\n\r\n\t// By default, add <style> tags to the bottom of <head>.\r\n\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\r\n\r\n\tvar styles = listToStyles(list);\r\n\taddStylesToDom(styles, options);\r\n\r\n\treturn function update(newList) {\r\n\t\tvar mayRemove = [];\r\n\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\tvar item = styles[i];\r\n\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\tdomStyle.refs--;\r\n\t\t\tmayRemove.push(domStyle);\r\n\t\t}\r\n\t\tif(newList) {\r\n\t\t\tvar newStyles = listToStyles(newList);\r\n\t\t\taddStylesToDom(newStyles, options);\r\n\t\t}\r\n\t\tfor(var i = 0; i < mayRemove.length; i++) {\r\n\t\t\tvar domStyle = mayRemove[i];\r\n\t\t\tif(domStyle.refs === 0) {\r\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\r\n\t\t\t\t\tdomStyle.parts[j]();\r\n\t\t\t\tdelete stylesInDom[domStyle.id];\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction addStylesToDom(styles, options) {\r\n\tfor(var i = 0; i < styles.length; i++) {\r\n\t\tvar item = styles[i];\r\n\t\tvar domStyle = stylesInDom[item.id];\r\n\t\tif(domStyle) {\r\n\t\t\tdomStyle.refs++;\r\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\r\n\t\t\t}\r\n\t\t\tfor(; j < item.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tvar parts = [];\r\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\r\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction listToStyles(list) {\r\n\tvar styles = [];\r\n\tvar newStyles = {};\r\n\tfor(var i = 0; i < list.length; i++) {\r\n\t\tvar item = list[i];\r\n\t\tvar id = item[0];\r\n\t\tvar css = item[1];\r\n\t\tvar media = item[2];\r\n\t\tvar sourceMap = item[3];\r\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\r\n\t\tif(!newStyles[id])\r\n\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\r\n\t\telse\r\n\t\t\tnewStyles[id].parts.push(part);\r\n\t}\r\n\treturn styles;\r\n}\r\n\r\nfunction insertStyleElement(options, styleElement) {\r\n\tvar head = getHeadElement();\r\n\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\r\n\tif (options.insertAt === \"top\") {\r\n\t\tif(!lastStyleElementInsertedAtTop) {\r\n\t\t\thead.insertBefore(styleElement, head.firstChild);\r\n\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\r\n\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\r\n\t\t} else {\r\n\t\t\thead.appendChild(styleElement);\r\n\t\t}\r\n\t\tstyleElementsInsertedAtTop.push(styleElement);\r\n\t} else if (options.insertAt === \"bottom\") {\r\n\t\thead.appendChild(styleElement);\r\n\t} else {\r\n\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\r\n\t}\r\n}\r\n\r\nfunction removeStyleElement(styleElement) {\r\n\tstyleElement.parentNode.removeChild(styleElement);\r\n\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\r\n\tif(idx >= 0) {\r\n\t\tstyleElementsInsertedAtTop.splice(idx, 1);\r\n\t}\r\n}\r\n\r\nfunction createStyleElement(options) {\r\n\tvar styleElement = document.createElement(\"style\");\r\n\tstyleElement.type = \"text/css\";\r\n\tinsertStyleElement(options, styleElement);\r\n\treturn styleElement;\r\n}\r\n\r\nfunction createLinkElement(options) {\r\n\tvar linkElement = document.createElement(\"link\");\r\n\tlinkElement.rel = \"stylesheet\";\r\n\tinsertStyleElement(options, linkElement);\r\n\treturn linkElement;\r\n}\r\n\r\nfunction addStyle(obj, options) {\r\n\tvar styleElement, update, remove;\r\n\r\n\tif (options.singleton) {\r\n\t\tvar styleIndex = singletonCounter++;\r\n\t\tstyleElement = singletonElement || (singletonElement = createStyleElement(options));\r\n\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\r\n\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\r\n\t} else if(obj.sourceMap &&\r\n\t\ttypeof URL === \"function\" &&\r\n\t\ttypeof URL.createObjectURL === \"function\" &&\r\n\t\ttypeof URL.revokeObjectURL === \"function\" &&\r\n\t\ttypeof Blob === \"function\" &&\r\n\t\ttypeof btoa === \"function\") {\r\n\t\tstyleElement = createLinkElement(options);\r\n\t\tupdate = updateLink.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t\tif(styleElement.href)\r\n\t\t\t\tURL.revokeObjectURL(styleElement.href);\r\n\t\t};\r\n\t} else {\r\n\t\tstyleElement = createStyleElement(options);\r\n\t\tupdate = applyToTag.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t};\r\n\t}\r\n\r\n\tupdate(obj);\r\n\r\n\treturn function updateStyle(newObj) {\r\n\t\tif(newObj) {\r\n\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\r\n\t\t\t\treturn;\r\n\t\t\tupdate(obj = newObj);\r\n\t\t} else {\r\n\t\t\tremove();\r\n\t\t}\r\n\t};\r\n}\r\n\r\nvar replaceText = (function () {\r\n\tvar textStore = [];\r\n\r\n\treturn function (index, replacement) {\r\n\t\ttextStore[index] = replacement;\r\n\t\treturn textStore.filter(Boolean).join('\\n');\r\n\t};\r\n})();\r\n\r\nfunction applyToSingletonTag(styleElement, index, remove, obj) {\r\n\tvar css = remove ? \"\" : obj.css;\r\n\r\n\tif (styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\r\n\t} else {\r\n\t\tvar cssNode = document.createTextNode(css);\r\n\t\tvar childNodes = styleElement.childNodes;\r\n\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\r\n\t\tif (childNodes.length) {\r\n\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\r\n\t\t} else {\r\n\t\t\tstyleElement.appendChild(cssNode);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction applyToTag(styleElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar media = obj.media;\r\n\r\n\tif(media) {\r\n\t\tstyleElement.setAttribute(\"media\", media)\r\n\t}\r\n\r\n\tif(styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = css;\r\n\t} else {\r\n\t\twhile(styleElement.firstChild) {\r\n\t\t\tstyleElement.removeChild(styleElement.firstChild);\r\n\t\t}\r\n\t\tstyleElement.appendChild(document.createTextNode(css));\r\n\t}\r\n}\r\n\r\nfunction updateLink(linkElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar sourceMap = obj.sourceMap;\r\n\r\n\tif(sourceMap) {\r\n\t\t// http://stackoverflow.com/a/26603875\r\n\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\r\n\t}\r\n\r\n\tvar blob = new Blob([css], { type: \"text/css\" });\r\n\r\n\tvar oldSrc = linkElement.href;\r\n\r\n\tlinkElement.href = URL.createObjectURL(blob);\r\n\r\n\tif(oldSrc)\r\n\t\tURL.revokeObjectURL(oldSrc);\r\n}\r\n\n\n/***/ }),\n/* 21 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar Common_1 = __webpack_require__(2);\nvar BaseEntity_1 = __webpack_require__(3);\nvar DiagramModel_1 = __webpack_require__(6);\nvar _ = __webpack_require__(1);\n/**\n * Passed as a parameter to the DiagramWidget\n */\nvar DiagramEngine = (function (_super) {\n    __extends(DiagramEngine, _super);\n    function DiagramEngine() {\n        var _this = _super.call(this) || this;\n        _this.diagramModel = new DiagramModel_1.DiagramModel();\n        _this.nodeFactories = {};\n        _this.linkFactories = {};\n        _this.instanceFactories = {};\n        _this.canvas = null;\n        _this.paintableWidgets = null;\n        return _this;\n    }\n    DiagramEngine.prototype.clearRepaintEntities = function () {\n        this.paintableWidgets = null;\n    };\n    DiagramEngine.prototype.enableRepaintEntities = function (entities) {\n        var _this = this;\n        this.paintableWidgets = {};\n        entities.forEach(function (entity) {\n            //if a node is requested to repaint, add all of its links\n            if (entity instanceof Common_1.NodeModel) {\n                _.forEach(entity.getPorts(), function (port) {\n                    _.forEach(port.getLinks(), function (link) {\n                        _this.paintableWidgets[link.getID()] = true;\n                    });\n                });\n            }\n            if (entity instanceof Common_1.PointModel) {\n                _this.paintableWidgets[entity.getLink().getID()] = true;\n            }\n            _this.paintableWidgets[entity.getID()] = true;\n        });\n    };\n    DiagramEngine.prototype.canEntityRepaint = function (baseModel) {\n        //no rules applied, allow repaint\n        if (this.paintableWidgets === null) {\n            return true;\n        }\n        return this.paintableWidgets[baseModel.getID()] !== undefined;\n    };\n    DiagramEngine.prototype.setCanvas = function (canvas) {\n        this.canvas = canvas;\n    };\n    DiagramEngine.prototype.setDiagramModel = function (model) {\n        this.diagramModel = model;\n    };\n    DiagramEngine.prototype.getDiagramModel = function () {\n        return this.diagramModel;\n    };\n    DiagramEngine.prototype.getNodeFactories = function () {\n        return this.nodeFactories;\n    };\n    DiagramEngine.prototype.getLinkFactories = function () {\n        return this.linkFactories;\n    };\n    DiagramEngine.prototype.getInstanceFactory = function (className) {\n        return this.instanceFactories[className];\n    };\n    DiagramEngine.prototype.registerInstanceFactory = function (factory) {\n        this.instanceFactories[factory.getName()] = factory;\n    };\n    DiagramEngine.prototype.registerNodeFactory = function (factory) {\n        this.nodeFactories[factory.getType()] = factory;\n        this.itterateListeners(function (listener) {\n            listener.nodeFactoriesUpdated();\n        });\n    };\n    DiagramEngine.prototype.registerLinkFactory = function (factory) {\n        this.linkFactories[factory.getType()] = factory;\n        this.itterateListeners(function (listener) {\n            listener.linkFactoriesUpdated();\n        });\n    };\n    DiagramEngine.prototype.getFactoryForNode = function (node) {\n        if (this.nodeFactories[node.getType()]) {\n            return this.nodeFactories[node.getType()];\n        }\n        console.log(\"cannot find widget factory for node of type: [\" + node.getType() + \"]\");\n        return null;\n    };\n    DiagramEngine.prototype.getFactoryForLink = function (link) {\n        if (this.linkFactories[link.getType()]) {\n            return this.linkFactories[link.getType()];\n        }\n        console.log(\"cannot find widget factory for link of type: [\" + link.getType() + \"]\");\n        return null;\n    };\n    DiagramEngine.prototype.generateWidgetForLink = function (link) {\n        var linkFactory = this.getFactoryForLink(link);\n        if (!linkFactory) {\n            throw \"Cannot find link factory for link: \" + link.getType();\n        }\n        return linkFactory.generateReactWidget(this, link);\n    };\n    DiagramEngine.prototype.generateWidgetForNode = function (node) {\n        var nodeFactory = this.getFactoryForNode(node);\n        if (!nodeFactory) {\n            throw \"Cannot find widget factory for node: \" + node.getType();\n        }\n        return nodeFactory.generateReactWidget(this, node);\n    };\n    DiagramEngine.prototype.getRelativeMousePoint = function (event) {\n        var point = this.getRelativePoint(event.pageX, event.pageY);\n        return {\n            x: (point.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n            y: (point.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()\n        };\n    };\n    DiagramEngine.prototype.getRelativePoint = function (x, y) {\n        var canvasRect = this.canvas.getBoundingClientRect();\n        return { x: x - canvasRect.left, y: y - canvasRect.top };\n    };\n    DiagramEngine.prototype.getNodePortElement = function (port) {\n        var selector = this.canvas.querySelector('.port[data-name=\"' + port.getName() + '\"][data-nodeid=\"' + port.getParent().getID() + '\"]');\n        if (selector === null) {\n            throw \"Cannot find Node Port element with nodeID: [\" + port.getParent().getID() + \"] and name: [\" + port.getName() + \"]\";\n        }\n        return selector;\n    };\n    DiagramEngine.prototype.getPortCenter = function (port) {\n        var sourceElement = this.getNodePortElement(port);\n        var sourceRect = sourceElement.getBoundingClientRect();\n        var rel = this.getRelativePoint(sourceRect.left, sourceRect.top);\n        return {\n            x: ((sourceElement.offsetWidth / 2) + rel.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n            y: ((sourceElement.offsetHeight / 2) + rel.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()\n        };\n    };\n    return DiagramEngine;\n}(BaseEntity_1.BaseEntity));\nexports.DiagramEngine = DiagramEngine;\n\n\n/***/ }),\n/* 22 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar WidgetFactories_1 = __webpack_require__(5);\nvar React = __webpack_require__(0);\nvar DefaultLinkWidget_1 = __webpack_require__(8);\n/**\n * @author Dylan Vorster\n */\nvar DefaultLinkFactory = (function (_super) {\n    __extends(DefaultLinkFactory, _super);\n    function DefaultLinkFactory() {\n        return _super.call(this, \"default\") || this;\n    }\n    DefaultLinkFactory.prototype.generateReactWidget = function (diagramEngine, link) {\n        return React.createElement(DefaultLinkWidget_1.DefaultLinkWidget, {\n            link: link,\n            diagramEngine: diagramEngine\n        });\n    };\n    return DefaultLinkFactory;\n}(WidgetFactories_1.LinkWidgetFactory));\nexports.DefaultLinkFactory = DefaultLinkFactory;\n\n\n/***/ }),\n/* 23 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar WidgetFactories_1 = __webpack_require__(5);\nvar React = __webpack_require__(0);\nvar DefaultNodeWidget_1 = __webpack_require__(9);\n/**\n * @author Dylan Vorster\n */\nvar DefaultNodeFactory = (function (_super) {\n    __extends(DefaultNodeFactory, _super);\n    function DefaultNodeFactory() {\n        return _super.call(this, \"default\") || this;\n    }\n    DefaultNodeFactory.prototype.generateReactWidget = function (diagramEngine, node) {\n        return React.createElement(DefaultNodeWidget_1.DefaultNodeWidget, {\n            node: node,\n            diagramEngine: diagramEngine\n        });\n    };\n    return DefaultNodeFactory;\n}(WidgetFactories_1.NodeWidgetFactory));\nexports.DefaultNodeFactory = DefaultNodeFactory;\n\n\n/***/ }),\n/* 24 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar Common_1 = __webpack_require__(2);\nvar _ = __webpack_require__(1);\nvar AbstractInstanceFactory_1 = __webpack_require__(4);\nvar DefaultNodeInstanceFactory = (function (_super) {\n    __extends(DefaultNodeInstanceFactory, _super);\n    function DefaultNodeInstanceFactory() {\n        return _super.call(this, \"DefaultNodeModel\") || this;\n    }\n    DefaultNodeInstanceFactory.prototype.getInstance = function () {\n        return new DefaultNodeModel();\n    };\n    return DefaultNodeInstanceFactory;\n}(AbstractInstanceFactory_1.AbstractInstanceFactory));\nexports.DefaultNodeInstanceFactory = DefaultNodeInstanceFactory;\n/**\n * @author Dylan Vorster\n */\nvar DefaultNodeModel = (function (_super) {\n    __extends(DefaultNodeModel, _super);\n    function DefaultNodeModel(name, color) {\n        if (name === void 0) { name = 'Untitled'; }\n        if (color === void 0) { color = 'rgb(0,192,255)'; }\n        var _this = _super.call(this, \"default\") || this;\n        _this.name = name;\n        _this.color = color;\n        return _this;\n    }\n    DefaultNodeModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            name: this.name,\n            color: this.color,\n        });\n    };\n    DefaultNodeModel.prototype.getInPorts = function () {\n        return _.filter(this.ports, function (portModel) {\n            return portModel.in;\n        });\n    };\n    DefaultNodeModel.prototype.getOutPorts = function () {\n        return _.filter(this.ports, function (portModel) {\n            return !portModel.in;\n        });\n    };\n    return DefaultNodeModel;\n}(Common_1.NodeModel));\nexports.DefaultNodeModel = DefaultNodeModel;\n\n\n/***/ }),\n/* 25 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar PortWidget_1 = __webpack_require__(14);\n/**\n * @author Dylan Vorster\n */\nvar DefaultPortLabel = (function (_super) {\n    __extends(DefaultPortLabel, _super);\n    function DefaultPortLabel() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    DefaultPortLabel.prototype.render = function () {\n        var port = React.createElement(PortWidget_1.PortWidget, { name: this.props.model.name, node: this.props.model.getParent() });\n        var label = React.DOM.div({ className: 'name' }, this.props.model.label);\n        return React.DOM.div({ className: (this.props.model.in ? 'in' : 'out') + '-port' }, this.props.model.in ? port : label, this.props.model.in ? label : port);\n    };\n    return DefaultPortLabel;\n}(React.Component));\nDefaultPortLabel.defaultProps = {\n    in: true,\n    label: \"port\"\n};\nexports.DefaultPortLabel = DefaultPortLabel;\n\n\n/***/ }),\n/* 26 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar Common_1 = __webpack_require__(2);\nvar _ = __webpack_require__(1);\nvar AbstractInstanceFactory_1 = __webpack_require__(4);\nvar DefaultPortInstanceFactory = (function (_super) {\n    __extends(DefaultPortInstanceFactory, _super);\n    function DefaultPortInstanceFactory() {\n        return _super.call(this, \"DefaultPortModel\") || this;\n    }\n    DefaultPortInstanceFactory.prototype.getInstance = function () {\n        return new DefaultPortModel(true, \"unknown\");\n    };\n    return DefaultPortInstanceFactory;\n}(AbstractInstanceFactory_1.AbstractInstanceFactory));\nexports.DefaultPortInstanceFactory = DefaultPortInstanceFactory;\n/**\n * @author Dylan Vorster\n */\nvar DefaultPortModel = (function (_super) {\n    __extends(DefaultPortModel, _super);\n    function DefaultPortModel(isInput, name, label) {\n        if (label === void 0) { label = null; }\n        var _this = _super.call(this, name) || this;\n        _this.in = isInput;\n        _this.label = label || name;\n        return _this;\n    }\n    DefaultPortModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            in: this.in,\n            label: this.label,\n        });\n    };\n    return DefaultPortModel;\n}(Common_1.PortModel));\nexports.DefaultPortModel = DefaultPortModel;\n\n\n/***/ }),\n/* 27 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar _ = __webpack_require__(1);\nvar Common_1 = __webpack_require__(2);\nvar LinkLayerWidget_1 = __webpack_require__(10);\nvar NodeLayerWidget_1 = __webpack_require__(12);\nvar BaseAction = (function () {\n    function BaseAction(mouseX, mouseY) {\n        this.mouseX = mouseX;\n        this.mouseY = mouseY;\n        this.ms = (new Date()).getTime();\n    }\n    return BaseAction;\n}());\nexports.BaseAction = BaseAction;\nvar SelectingAction = (function (_super) {\n    __extends(SelectingAction, _super);\n    function SelectingAction(mouseX, mouseY) {\n        var _this = _super.call(this, mouseX, mouseY) || this;\n        _this.mouseX2 = mouseX;\n        _this.mouseY2 = mouseY;\n        return _this;\n    }\n    SelectingAction.prototype.containsElement = function (x, y, diagramModel) {\n        var z = diagramModel.getZoomLevel() / 100.0;\n        return ((x + diagramModel.getOffsetX()) * z > this.mouseX &&\n            (x + diagramModel.getOffsetX()) * z < this.mouseX2 &&\n            (y + diagramModel.getOffsetY()) * z > this.mouseY &&\n            (y + diagramModel.getOffsetY()) * z < this.mouseY2);\n    };\n    return SelectingAction;\n}(BaseAction));\nvar MoveCanvasAction = (function (_super) {\n    __extends(MoveCanvasAction, _super);\n    function MoveCanvasAction(mouseX, mouseY, diagramModel) {\n        var _this = _super.call(this, mouseX, mouseY) || this;\n        _this.initialOffsetX = diagramModel.getOffsetX();\n        _this.initialOffsetY = diagramModel.getOffsetY();\n        return _this;\n    }\n    return MoveCanvasAction;\n}(BaseAction));\nvar MoveItemsAction = (function (_super) {\n    __extends(MoveItemsAction, _super);\n    function MoveItemsAction(mouseX, mouseY, diagramEngine) {\n        var _this = _super.call(this, mouseX, mouseY) || this;\n        _this.moved = false;\n        diagramEngine.enableRepaintEntities(diagramEngine.getDiagramModel().getSelectedItems());\n        _this.selectionModels = diagramEngine.getDiagramModel().getSelectedItems().map(function (item) {\n            return {\n                model: item,\n                initialX: item.x,\n                initialY: item.y,\n            };\n        });\n        return _this;\n    }\n    return MoveItemsAction;\n}(BaseAction));\n/**\n * @author Dylan Vorster\n */\nvar DiagramWidget = (function (_super) {\n    __extends(DiagramWidget, _super);\n    function DiagramWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {\n            action: null,\n            renderedNodes: false,\n            windowListener: null\n        };\n        return _this;\n    }\n    DiagramWidget.prototype.componentWillUnmount = function () {\n        this.props.diagramEngine.setCanvas(null);\n        window.removeEventListener('keydown', this.state.windowListener);\n    };\n    DiagramWidget.prototype.componentWillReceiveProps = function (nextProps) {\n        if (this.props.diagramEngine.id !== nextProps.diagramEngine.id) {\n            this.setState({ renderedNodes: false });\n        }\n    };\n    /**\n     * Gets a model and element under the mouse cursor\n     */\n    DiagramWidget.prototype.getMouseElement = function (event) {\n        var target = event.target;\n        var diagramModel = this.props.diagramEngine.diagramModel;\n        //is it a port\n        var element = target.closest('.port[data-name]');\n        if (element) {\n            var nodeElement = target.closest('.node[data-nodeid]');\n            return {\n                model: diagramModel.getNode(nodeElement.getAttribute('data-nodeid')).getPort(element.getAttribute('data-name')),\n                element: element\n            };\n        }\n        //look for a point\n        element = target.closest('.point[data-id]');\n        if (element) {\n            return {\n                model: diagramModel.getLink(element.getAttribute('data-linkid')).getPointModel(element.getAttribute('data-id')),\n                element: element\n            };\n        }\n        //look for a link\n        element = target.closest('[data-linkid]');\n        if (element) {\n            return {\n                model: diagramModel.getLink(element.getAttribute('data-linkid')),\n                element: element\n            };\n        }\n        //look for a node\n        element = target.closest('.node[data-nodeid]');\n        if (element) {\n            return {\n                model: diagramModel.getNode(element.getAttribute('data-nodeid')),\n                element: element\n            };\n        }\n        return null;\n    };\n    DiagramWidget.prototype.componentDidMount = function () {\n        var _this = this;\n        this.props.diagramEngine.setCanvas(this.refs['canvas']);\n        //TODO\n        //add a keybaord listener\n        this.setState({\n            renderedNodes: true,\n            windowListener: window.addEventListener('keydown', function (event) {\n                //delete all selected\n                if (event.keyCode === 46) {\n                    _.forEach(_this.props.diagramEngine.getDiagramModel().getSelectedItems(), function (element) {\n                        element.remove();\n                    });\n                    _this.forceUpdate();\n                }\n            })\n        });\n        window.focus();\n    };\n    DiagramWidget.prototype.render = function () {\n        var _this = this;\n        var diagramEngine = this.props.diagramEngine;\n        var diagramModel = diagramEngine.getDiagramModel();\n        return (React.DOM.div({\n            ref: 'canvas',\n            className: 'storm-diagrams-canvas',\n            onWheel: function (event) {\n                event.preventDefault();\n                event.stopPropagation();\n                diagramModel.setZoomLevel(diagramModel.getZoomLevel() + (event.deltaY / 60));\n                diagramEngine.enableRepaintEntities([]);\n                _this.forceUpdate();\n            },\n            onMouseMove: function (event) {\n                //select items so draw a bounding box\n                if (_this.state.action instanceof SelectingAction) {\n                    var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n                    _.forEach(diagramModel.getNodes(), function (node) {\n                        if (_this.state.action.containsElement(node.x, node.y, diagramModel)) {\n                            node.setSelected(true);\n                        }\n                    });\n                    _.forEach(diagramModel.getLinks(), function (link) {\n                        var allSelected = true;\n                        _.forEach(link.points, function (point) {\n                            if (_this.state.action.containsElement(point.x, point.y, diagramModel)) {\n                                point.setSelected(true);\n                            }\n                            else {\n                                allSelected = false;\n                            }\n                        });\n                        if (allSelected) {\n                            link.setSelected(true);\n                        }\n                    });\n                    _this.state.action.mouseX2 = relative.x;\n                    _this.state.action.mouseY2 = relative.y;\n                    _this.setState({ action: _this.state.action });\n                    return;\n                }\n                else if (_this.state.action instanceof MoveItemsAction) {\n                    _.forEach(_this.state.action.selectionModels, function (model) {\n                        if (model.model instanceof Common_1.NodeModel || model.model instanceof Common_1.PointModel) {\n                            model.model.x = model.initialX + ((event.pageX - _this.state.action.mouseX) / (diagramModel.getZoomLevel() / 100));\n                            model.model.y = model.initialY + ((event.pageY - _this.state.action.mouseY) / (diagramModel.getZoomLevel() / 100));\n                        }\n                    });\n                    _this.forceUpdate();\n                }\n                else if (_this.state.action instanceof MoveCanvasAction) {\n                    diagramModel.setOffset(_this.state.action.initialOffsetX + ((event.pageX - _this.state.action.mouseX) / (diagramModel.getZoomLevel() / 100)), _this.state.action.initialOffsetY + ((event.pageY - _this.state.action.mouseY) / (diagramModel.getZoomLevel() / 100)));\n                    _this.forceUpdate();\n                }\n            },\n            onMouseDown: function (event) {\n                diagramEngine.clearRepaintEntities();\n                var model = _this.getMouseElement(event);\n                //its the canvas\n                if (model === null) {\n                    //is it a multiple selection\n                    if (event.shiftKey) {\n                        var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n                        _this.setState({\n                            action: new SelectingAction(relative.x, relative.y)\n                        });\n                    }\n                    else {\n                        var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n                        diagramModel.clearSelection();\n                        _this.setState({\n                            action: new MoveCanvasAction(relative.x, relative.y, diagramModel)\n                        });\n                    }\n                }\n                else if (model.model instanceof Common_1.PortModel) {\n                    var relative = diagramEngine.getRelativeMousePoint(event);\n                    var link = new Common_1.LinkModel();\n                    link.setSourcePort(model.model);\n                    link.getFirstPoint().updateLocation(relative);\n                    link.getLastPoint().updateLocation(relative);\n                    diagramModel.clearSelection();\n                    link.getLastPoint().setSelected(true);\n                    diagramModel.addLink(link);\n                    _this.setState({\n                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n                    });\n                }\n                else {\n                    if (!event.shiftKey && !model.model.isSelected()) {\n                        diagramModel.clearSelection();\n                    }\n                    model.model.setSelected(true);\n                    _this.setState({\n                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n                    });\n                }\n            },\n            onMouseUp: function (event) {\n                //are we going to connect a link to something?\n                if (_this.state.action instanceof MoveItemsAction) {\n                    var element = _this.getMouseElement(event);\n                    if (element) {\n                        _.forEach(_this.state.action.selectionModels, function (model) {\n                            //only care about points connecting to things\n                            if (!(model.model instanceof Common_1.PointModel)) {\n                                return;\n                            }\n                            if (element.model instanceof Common_1.PortModel) {\n                                model.model.getLink().setTargetPort(element.model);\n                            }\n                        });\n                    }\n                }\n                diagramEngine.clearRepaintEntities();\n                _this.setState({ action: null });\n            }\n        }, this.state.renderedNodes ?\n            React.createElement(LinkLayerWidget_1.LinkLayerWidget, {\n                diagramEngine: diagramEngine, pointAdded: function (point, event) {\n                    event.stopPropagation();\n                    diagramModel.clearSelection(point);\n                    _this.setState({\n                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n                    });\n                }\n            }) : null, React.createElement(NodeLayerWidget_1.NodeLayerWidget, { diagramEngine: diagramEngine }), this.state.action instanceof SelectingAction ?\n            React.DOM.div({\n                className: 'selector',\n                style: {\n                    top: this.state.action.mouseY,\n                    left: this.state.action.mouseX,\n                    width: this.state.action.mouseX2 - this.state.action.mouseX,\n                    height: this.state.action.mouseY2 - this.state.action.mouseY,\n                }\n            }) : null));\n    };\n    return DiagramWidget;\n}(React.Component));\nexports.DiagramWidget = DiagramWidget;\n\n\n/***/ }),\n/* 28 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar SRD = __webpack_require__(16);\nvar React = __webpack_require__(0);\nvar ReactDOM = __webpack_require__(17);\n__webpack_require__(15);\n/**\n *\n * Simple test showing the Object oriented way of using this library.\n * It creates 2 nodes and links them together with a single link\n *\n * @Author Dylan Vorster\n */\nwindow.onload = function () {\n    //1) setup the diagram engine\n    var engine = new SRD.DiagramEngine();\n    engine.registerNodeFactory(new SRD.DefaultNodeFactory());\n    engine.registerLinkFactory(new SRD.DefaultLinkFactory());\n    //2) setup the diagram model\n    var model = new SRD.DiagramModel();\n    //3-A) create a default node\n    var node1 = new SRD.DefaultNodeModel(\"Node 1\", \"rgb(0,192,255)\");\n    var port1 = node1.addPort(new SRD.DefaultPortModel(false, \"out-1\", \"Out\"));\n    node1.x = 100;\n    node1.y = 100;\n    //3-B) create another default node\n    var node2 = new SRD.DefaultNodeModel(\"Node 2\", \"rgb(192,255,0)\");\n    var port2 = node2.addPort(new SRD.DefaultPortModel(true, \"in-1\", \"IN\"));\n    node2.x = 400;\n    node2.y = 100;\n    //3-C) link the 2 nodes together\n    var link1 = new SRD.LinkModel();\n    link1.setSourcePort(port1);\n    link1.setTargetPort(port2);\n    //4) add the models to the root graph\n    model.addNode(node1);\n    model.addNode(node2);\n    model.addLink(link1);\n    //5) load model into engine\n    engine.setDiagramModel(model);\n    //6) render the diagram!\n    ReactDOM.render(React.createElement(SRD.DiagramWidget, { diagramEngine: engine }), document.body);\n    //!------------- SERIALIZING / DESERIALIZING ------------\n    //we need this to help the system know what models to create form the JSON\n    engine.registerInstanceFactory(new SRD.DefaultNodeInstanceFactory());\n    engine.registerInstanceFactory(new SRD.DefaultPortInstanceFactory());\n    //serialize the model\n    var str = JSON.stringify(model.serializeDiagram());\n    console.log(str);\n    //deserialize the model\n    var model2 = new SRD.DiagramModel();\n    model2.deSerializeDiagram(str, engine);\n    //re-render the model\n    ReactDOM.render(React.createElement(SRD.DiagramWidget, { diagramEngine: engine }), document.body);\n};\n\n\n/***/ })\n/******/ ]);\n});\n\n\n// WEBPACK FOOTER //\n// demo1/bundle.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 28);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap bd903c63f4683a2d20d4","module.exports = __WEBPACK_EXTERNAL_MODULE_0__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"React\"\n// module id = 0\n// module chunks = 0 1","module.exports = __WEBPACK_EXTERNAL_MODULE_1__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external {\"commonjs\":\"lodash\",\"commonjs2\":\"lodash\",\"amd\":\"_\",\"root\":\"_\"}\n// module id = 1\n// module chunks = 0 1","import {Toolkit} from \"./Toolkit\";\nimport {BaseEntity, BaseListener} from \"./BaseEntity\";\nimport * as _ from \"lodash\";\n\nexport interface BaseModelListener extends BaseListener{\n\t\n\tselectionChanged?();\n\t\n\tentityRemoved?();\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class BaseModel extends BaseEntity<BaseModelListener>{\n\t\n\tselected: boolean;\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.selected = false;\n\t}\n\t\n\tdeSerialize(ob){\n\t\tsuper.deSerialize(ob);\n\t\tthis.selected = ob.selected;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\t_class: this.constructor.name,\n\t\t\tselected: this.selected\n\t\t});\n\t}\n\t\n\tpublic getID(): string{\n\t\treturn this.id\n\t}\n\t\n\tpublic isSelected(): boolean{\n\t\treturn this.selected;\n\t}\n\t\n\tpublic setSelected(selected: boolean){\n\t\tthis.selected = selected;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tif(listener.selectionChanged){\n\t\t\t\tlistener.selectionChanged();\n\t\t\t}\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tconsole.log(\"removing: \",this);\n\t\tthis.itterateListeners((listener) => {\n\t\t\tif(listener.entityRemoved){\n\t\t\t\tlistener.entityRemoved();\n\t\t\t}\n\t\t});\n\t}\n}\n\nexport class PointModel extends BaseModel{\n\t\n\tx:number;\n\ty:number;\n\tlink: LinkModel;\n\t\n\tconstructor(link: LinkModel,points: {x:number,y: number}){\n\t\tsuper();\n\t\tthis.x = points.x;\n\t\tthis.y = points.y;\n\t\tthis.link = link;\n\t}\n\t\n\tdeSerialize(ob){\n\t\tsuper.deSerialize(ob);\n\t\tthis.x = ob.x;\n\t\tthis.y = ob.y;\n\t}\n\t\n\tserialize(){\n\t\treturn _.extend(super.serialize(),{\n\t\t\tx: this.x,\n\t\t\ty: this.y\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\t\n\t\t//clear references\n\t\tif (this.link){\n\t\t\tthis.link.removePoint(this);\n\t\t}\n\t}\n\t\n\tupdateLocation(points: {x:number,y: number}){\n\t\tthis.x = points.x;\n\t\tthis.y = points.y;\n\t}\n\t\n\tgetX():number{\n\t\treturn this.x;\n\t}\n\t\n\tgetY():number{\n\t\treturn this.y;\n\t}\n\t\n\tgetLink(): LinkModel{\n\t\treturn this.link;\n\t}\n}\n\nexport class LinkModel extends BaseModel{\n\t\n\tlinkType: string;\n\tsourcePort: PortModel|null;\n\ttargetPort: PortModel|null;\n\tpoints: PointModel[];\n\textras: {};\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.linkType = 'default';\n\t\tthis.points = [\n\t\t\tnew PointModel(this,{x: 0,y: 0}),\n\t\t\tnew PointModel(this,{x: 0,y: 0}),\n\t\t];\n\t\tthis.extras = {};\n\t\tthis.sourcePort = null;\n\t\tthis.targetPort = null;\n\t}\n\t\n\tdeSerialize(ob){\n\t\tsuper.deSerialize(ob);\n\t\tthis.linkType = ob.type;\n\t\tthis.points = _.map(ob.points,(point: {x,y}) => {\n\t\t\tvar p = new PointModel(this, {x: point.x,y:point.y});\n\t\t\tp.deSerialize(point);\n\t\t\treturn p;\n\t\t})\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\ttype: this.linkType,\n\t\t\tsource: this.sourcePort ? this.sourcePort.getParent().id:null,\n\t\t\tsourcePort: this.sourcePort ? this.sourcePort.id:null,\n\t\t\ttarget: this.targetPort ? this.targetPort.getParent().id:null,\n\t\t\ttargetPort: this.targetPort ? this.targetPort.id:null,\n\t\t\tpoints: _.map(this.points,(point) => {\n\t\t\t\treturn point.serialize();\n\t\t\t}),\n\t\t\textras: this.extras\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\tif (this.sourcePort){\n\t\t\tthis.sourcePort.removeLink(this);\n\t\t}\n\t\tif (this.targetPort){\n\t\t\tthis.targetPort.removeLink(this);\n\t\t}\n\t}\n\t\n\tisLastPoint(point: PointModel){\n\t\tvar index = this.getPointIndex(point);\n\t\treturn index === this.points.length-1;\n\t}\n\t\n\tgetPointIndex(point: PointModel){\n\t\treturn this.points.indexOf(point);\n\t}\n\t\n\tgetPointModel(id: string): PointModel|null{\n\t\tfor (var i = 0; i < this.points.length;i++){\n\t\t\tif (this.points[i].id === id){\n\t\t\t\treturn this.points[i];\n\t\t\t}\n\t\t}\n\t\treturn null;\n\t}\n\t\n\tgetFirstPoint(): PointModel{\n\t\treturn this.points[0];\n\t}\n\t\n\tgetLastPoint(): PointModel{\n\t\treturn this.points[this.points.length-1];\n\t}\n\t\n\tsetSourcePort(port: PortModel){\n\t\tport.addLink(this);\n\t\tthis.sourcePort = port;\n\t}\n\t\n\tgetSourcePort(): PortModel{\n\t\treturn this.sourcePort;\n\t}\n\t\n\tgetTargetPort(): PortModel{\n\t\treturn this.targetPort;\n\t}\n\t\n\tsetTargetPort(port: PortModel){\n\t\tport.addLink(this);\n\t\tthis.targetPort = port;\n\t}\n\t\n\tgetPoints(): PointModel[]{\n\t\treturn this.points;\n\t}\n\t\n\tsetPoints(points: PointModel[]){\n\t\tthis.points = points;\n\t}\n\t\n\tremovePoint(pointModel: PointModel){\n\t\tthis.points.splice(this.getPointIndex(pointModel),1);\n\t}\n\t\n\taddPoint(pointModel:PointModel,index = 1){\n\t\tthis.points.splice(index,0,pointModel);\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.linkType;\n\t}\n}\n\nexport class PortModel extends BaseModel{\n\tname: string;\n\tparentNode: NodeModel;\n\tlinks: {[id: string]: LinkModel};\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\tname: this.name,\n\t\t\tparentNode: this.parentNode.id,\n\t\t\tlinks: _.map(this.links,(link) => {\n\t\t\t\treturn link.id;\n\t\t\t})\n\t\t});\n\t}\n\t\n\tconstructor(name: string){\n\t\tsuper();\n\t\tthis.name = name;\n\t\tthis.links = {};\n\t\tthis.parentNode = null;\n\t}\n\t\n\tgetName(): string{\n\t\treturn this.name;\n\t}\n\t\n\tgetParent(): NodeModel{\n\t\treturn this.parentNode;\n\t}\n\t\n\tsetParentNode(node: NodeModel){\n\t\tthis.parentNode = node;\n\t}\n\t\n\tremoveLink(link: LinkModel){\n\t\tdelete this.links[link.getID()];\n\t}\n\t\n\taddLink(link: LinkModel){\n\t\tthis.links[link.getID()] = link;\n\t}\n\t\n\tgetLinks(): {[id: string]: LinkModel}{\n\t\treturn this.links;\n\t}\n}\n\nexport class NodeModel extends BaseModel{\n\t\n\tnodeType: string;\n\tx: number;\n\ty: number;\n\textras: {};\n\tports:  {[s: string]:PortModel};\n\t\n\tconstructor(nodeType: string = 'default'){\n\t\tsuper();\n\t\tthis.nodeType = nodeType;\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\t\tthis.extras = {};\n\t\tthis.ports = {};\n\t}\n\t\n\tdeSerialize(ob){\n\t\tsuper.deSerialize(ob);\n\t\tthis.nodeType = ob.type;\n\t\tthis.x = ob.x;\n\t\tthis.y = ob.y;\n\t\tthis.extras = ob.extras;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\ttype: this.nodeType,\n\t\t\tx: this.x,\n\t\t\ty: this.y,\n\t\t\textras: this.extras,\n\t\t\tports: _.map(this.ports,(port) => {\n\t\t\t\treturn port.serialize()\n\t\t\t})\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\tfor (var i in this.ports){\n\t\t\t_.forEach(this.ports[i].getLinks(),(link) => {\n\t\t\t\tlink.remove();\n\t\t\t});\n\t\t}\n\t}\n\t\n\tgetPort(name: string): PortModel | null{\n\t\treturn this.ports[name];\n\t}\n\t\n\tgetPorts(): {[s: string]:PortModel}{\n\t\treturn this.ports;\n\t}\n\t\n\tremovePort(port: PortModel){\n\t\t//clear the parent node reference\n\t\tif(this.ports[port.name]){\n\t\t\tthis.ports[port.name].setParentNode(null);\n\t\t\tdelete this.ports[port.name];\n\t\t}\n\t}\n\t\n\taddPort(port: PortModel): PortModel{\n\t\tport.setParentNode(this);\n\t\tthis.ports[port.name] = port;\n\t\treturn port;\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.nodeType;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/Common.ts","import {Toolkit} from \"./Toolkit\";\nimport {AbstractInstanceFactory} from \"./AbstractInstanceFactory\";\n/**\n * @author Dylan Vorster\n */\nexport class BaseListener{\n\t\n}\n\nexport class BaseEntity<T extends BaseListener>{\n\t\n\tpublic listeners:{[s: string]: T};\n\tpublic id: string;\n\t\n\tconstructor(){\n\t\tthis.listeners = {};\n\t\tthis.id = Toolkit.UID();\n\t}\n\t\n\tgetID(){\n\t\treturn this.id;\n\t}\n\t\n\tclearListeners(){\n\t\tthis.listeners = {};\n\t}\n\t\n\tpublic deSerialize(data){\n\t\tthis.id = data.id;\n\t}\n\t\n\tpublic serialize(){\n\t\treturn {\n\t\t\tid: this.id,\n\t\t}\n\t}\n\t\n\tpublic itterateListeners(cb: (t: T) => any){\n\t\tfor (var i in this.listeners){\n\t\t\tcb(this.listeners[i]);\n\t\t}\n\t}\n\t\n\tpublic removeListener(listener: string){\n\t\tif (this.listeners[listener]){\n\t\t\tdelete this.listeners[listener];\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\t\n\tpublic addListener(listener: T): string{\n\t\tvar uid = Toolkit.UID();\n\t\tthis.listeners[uid] = listener;\n\t\treturn uid;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/BaseEntity.ts","import {BaseEntity, BaseListener} from \"./BaseEntity\";\n/**\n * @author Dylan Vorster\n */\nexport abstract class AbstractInstanceFactory<T extends BaseEntity<BaseListener>>{\n\t\n\tclassName: string;\n\t\n\tconstructor(className: string){\n\t\tthis.className = className;\n\t}\n\t\n\tgetName(){\n\t\treturn this.className;\n\t}\n\t\n\tabstract getInstance(): T;\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/AbstractInstanceFactory.ts","import {NodeModel, LinkModel} from \"./Common\";\nimport {DiagramEngine} from \"./DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport abstract class WidgetFactory{\n\t\n\ttype: string;\n\t\n\tconstructor(name: string){\n\t\tthis.type = name;\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.type;\n\t}\n\t\n}\n\nexport abstract class NodeWidgetFactory extends WidgetFactory{\n\t\n\t\n\tabstract generateReactWidget(diagramEngine:DiagramEngine,node: NodeModel): JSX.Element;\n\t\n}\n\nexport abstract class LinkWidgetFactory extends WidgetFactory{\n\t\n\tabstract generateReactWidget(diagramEngine:DiagramEngine,link: LinkModel): JSX.Element;\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/WidgetFactories.ts","import {LinkModel, NodeModel, BaseModel, PortModel} from \"./Common\";\nimport {BaseListener, BaseEntity} from \"./BaseEntity\";\nimport * as _ from \"lodash\";\nimport {DiagramEngine} from \"./DiagramEngine\";\n/**\n * @author Dylan Vorster\n * \n */\nexport interface DiagramListener extends BaseListener{\n\t\n\tnodesUpdated(): any;\n\t\n\tlinksUpdated(): any;\n\t\n\tcontrolsUpdated(): any;\n\t\n}\n/**\n * \n */\nexport class DiagramModel extends BaseEntity<DiagramListener>{\n\t\n\t//models\n\tlinks: {[s:string] : LinkModel};\n\tnodes: {[s:string] : NodeModel};\n\t\n\t//control variables\n\toffsetX: number;\n\toffsetY: number;\n\tzoom: number;\n\t\n\tconstructor(){\n\t\tsuper();\n\t\t\n\t\tthis.links = {};\n\t\tthis.nodes = {};\n\t\t\n\t\tthis.offsetX = 0;\n\t\tthis.offsetY = 0;\n\t\tthis.zoom = 100;\n\t}\n\t\n\tdeSerializeDiagram(object: any, diagramEngine: DiagramEngine){\n\t\tthis.deSerialize(object);\n\t\t\n\t\tthis.offsetX = object.offsetX;\n\t\tthis.offsetY = object.offsetY;\n\t\tthis.zoom = object.zoom;\n\t\t\n\t\t//deserialize nodes\n\t\t_.forEach(object.nodes,(node) => {\n\t\t\tlet nodeOb = diagramEngine.getInstanceFactory(node._class).getInstance() as NodeModel;\n\t\t\tnodeOb.deSerialize(node);\n\t\t\t\n\t\t\t//deserialize ports\n\t\t\t_.forEach(node.ports,(port) => {\n\t\t\t\tlet portOb = diagramEngine.getInstanceFactory(port._class).getInstance() as PortModel;\n\t\t\t\tportOb.deSerialize(port);\n\t\t\t\tnodeOb.addPort(portOb);\n\t\t\t});\n\t\t\t\n\t\t\tthis.addNode(nodeOb);\n\t\t});\n\t\t\n\t\t_.forEach(object.links,(link) => {\n\t\t\tlet linkOb = diagramEngine.getInstanceFactory(link._class).getInstance() as LinkModel;\n\t\t\tlinkOb.deSerialize(link);\n\t\t\t\n\t\t\tif(link.target){\n\t\t\t\tthis.getNode(link.target).getPort(link.targetPort).addLink(linkOb);\n\t\t\t}\n\t\t\t\n\t\t\tif(link.source){\n\t\t\t\tthis.getNode(link.source).getPort(link.sourcePort).addLink(linkOb);\n\t\t\t}\n\t\t\t\n\t\t\tthis.addLink(linkOb);\n\t\t});\n\t}\n\t\n\tserializeDiagram(){\n\t\treturn _.merge(this.serialize(),{\n\t\t\toffsetX: this.offsetX,\n\t\t\toffsetY: this.offsetY,\n\t\t\tzoom: this.zoom,\n\t\t\tlinks: _.map(this.links,(link) => {\n\t\t\t\treturn link.serialize();\n\t\t\t}),\n\t\t\tnodes: _.map(this.nodes,(link) => {\n\t\t\t\treturn link.serialize();\n\t\t\t}),\n\t\t});\n\t}\n\t\n\tclearSelection(ignore: BaseModel|null = null){\n\t\t_.forEach(this.getSelectedItems(),(element) => {\n\t\t\tif (ignore && ignore.getID() === element.getID()){\n\t\t\t\treturn;\n\t\t\t}\n\t\t\telement.setSelected(false); //TODO dont fire the listener\n\t\t});\n\t}\n\t\n\tgetSelectedItems(): BaseModel[]{\n\t\tvar items  = [];\n\t\t\n\t\t//find all nodes\n\t\titems = items.concat(_.filter(this.nodes,(node) => {\n\t\t\treturn node.isSelected();\n\t\t}));\n\t\t\n\t\t//find all points\n\t\titems = items.concat(_.filter(_.flatMap(this.links,(node) => {\n\t\t\treturn node.points;\n\t\t}),(port) => {\n\t\t\treturn port.isSelected();\n\t\t}));\n\t\t\n\t\t//find all links\n\t\treturn items.concat(_.filter(this.links,(link) => {\n\t\t\treturn link.isSelected();\n\t\t}));\n\t}\n\t\n\tsetZoomLevel(zoom:number){\n\t\tthis.zoom = zoom;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tsetOffset(offsetX: number, offsetY: number){\n\t\tthis.offsetX = offsetX;\n\t\tthis.offsetY = offsetY;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tsetOffsetX(offsetX: number){\n\t\tthis.offsetX = offsetX;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\tsetOffsetY(offsetY: number){\n\t\tthis.offsetX = offsetY;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tgetOffsetY(){\n\t\treturn this.offsetY;\n\t}\n\t\n\tgetOffsetX(){\n\t\treturn this.offsetX;\n\t}\n\t\n\tgetZoomLevel(){\n\t\treturn this.zoom;\n\t}\n\t\n\tgetNode(node: string | NodeModel): NodeModel|null{\n\t\tif (node instanceof NodeModel){\n\t\t\treturn node;\n\t\t}\n\t\tif (!this.nodes[node]){\n\t\t\treturn null;\n\t\t}\n\t\treturn this.nodes[node];\n\t}\n\t\n\tgetLink(link: string | LinkModel): LinkModel|null{\n\t\tif (link instanceof LinkModel){\n\t\t\treturn link;\n\t\t}\n\t\tif(!this.links[link]){\n\t\t\treturn null;\n\t\t}\n\t\treturn this.links[link];\n\t}\n\t\n\taddLink(link: LinkModel): LinkModel{\n\t\tlink.addListener({\n\t\t\tentityRemoved: () => {\n\t\t\t\tthis.removeLink(link);\n\t\t\t}\n\t\t});\n\t\tthis.links[link.getID()] = link;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linksUpdated();\n\t\t});\n\t\treturn link\n\t}\n\t\n\taddNode(node: NodeModel): NodeModel{\n\t\tnode.addListener({\n\t\t\tentityRemoved: () => {\n\t\t\t\tthis.removeNode(node);\n\t\t\t}\n\t\t});\n\t\tthis.nodes[node.getID()] = node;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodesUpdated();\n\t\t});\n\t\treturn node;\n\t}\n\t\n\tremoveLink(link: LinkModel | string){\n\t\tif (link instanceof LinkModel){\n\t\t\tdelete this.links[link.getID()];\n\t\t\tthis.itterateListeners((listener) => {\n\t\t\t\tlistener.linksUpdated();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tdelete this.links[''+link];\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linksUpdated();\n\t\t});\n\t}\n\tremoveNode(node: NodeModel | string){\n\t\tif (node instanceof NodeModel){\n\t\t\tdelete this.nodes[node.getID()];\n\t\t\tthis.itterateListeners((listener) => {\n\t\t\t\tlistener.nodesUpdated();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\n\t\tdelete this.nodes[''+node];\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodesUpdated();\n\t\t});\n\t}\n\t\n\tgetLinks():{[s:string] : LinkModel} {\n\t\treturn this.links;\n\t}\n\t\n\tgetNodes(): {[s: string]: NodeModel}{\n\t\treturn this.nodes;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/DiagramModel.ts","/**\n * @author Dylan Vorster\n */\nexport class Toolkit {\n\t/**\n   * Generats a unique ID (thanks Stack overflow :3)\n   * @returns {String}\n   */\n\tpublic static UID():string {\n\t\treturn 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n\t\t\tvar r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);\n\t\t\treturn v.toString(16);\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/Toolkit.ts","import * as React from \"react\";\nimport {LinkModel, PointModel} from \"../Common\";\nimport * as _ from \"lodash\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface DefaultLinkProps {\n\tcolor?: string;\n\twidth?: number;\n\tlink: LinkModel;\n\tsmooth?: boolean;\n\tdiagramEngine: DiagramEngine;\n\tpointAdded?: (point: PointModel,event) => any\n}\n\nexport interface DefaultLinkState {\n\tselected: boolean;\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultLinkWidget extends React.Component<DefaultLinkProps, DefaultLinkState> {\n\n\tpublic static defaultProps: DefaultLinkProps = {\n\t\tcolor: 'black',\n\t\twidth: 3,\n\t\tlink:null,\n\t\tengine: null,\n\t\tsmooth: false,\n\t\tdiagramEngine: null\n\t};\n\n\tconstructor(props: DefaultLinkProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tselected: false\n\t\t}\n\t}\n\t\n\tgeneratePoint(pointIndex: number): JSX.Element{\n\t\treturn React.DOM.g({key:'point-'+this.props.link.points[pointIndex].id},\n\t\t\tReact.DOM.circle({\n\t\t\t\tclassName: 'point pointui' + (this.props.link.points[pointIndex].isSelected()?' selected':''),\n\t\t\t\tcx:this.props.link.points[pointIndex].x,\n\t\t\t\tcy:this.props.link.points[pointIndex].y,\n\t\t\t\tr:5,\n\t\t\t}),\n\t\t\tReact.DOM.circle({\n\t\t\t\tclassName:'point',\n\t\t\t\t'data-linkid':this.props.link.id,\n\t\t\t\t'data-id':this.props.link.points[pointIndex].id,\n\t\t\t\tcx: this.props.link.points[pointIndex].x,\n\t\t\t\tcy:this.props.link.points[pointIndex].y,\n\t\t\t\tr:15,\n\t\t\t\topacity: 0,\n\t\t\t\tonMouseLeave:() => {\n\t\t\t\t\tthis.setState({selected: false});\n\t//\t\t\t\tthis.props.link.setSelected(false);\n\t\t\t\t},\n\t\t\t\tonMouseEnter:() => {\n\t\t\t\t\tthis.setState({selected: true});\n\t//\t\t\t\tthis.props.link.setSelected(true);\n\t\t\t\t},\n\t\t\t})\n\t\t);\n\t}\n\t\n\tgenerateLink(extraProps: {id: number}): JSX.Element{\n\t\tvar Bottom = React.DOM.path(_.merge({\n\t\t\tclassName: (this.state.selected || this.props.link.isSelected())?'selected':'',\n\t\t\tstrokeWidth:this.props.width,\n\t\t\tstroke: this.props.color\n\t\t},extraProps));\n\t\t\n\t\tvar Top = React.DOM.path(_.merge({\n\t\t\tonMouseLeave:() => {\n\t\t\t\tthis.setState({selected: false});\n\t\t\t},\n\t\t\tonMouseEnter:() => {\n\t\t\t\tthis.setState({selected: true});\n\t\t\t},\n\t\t\t'data-linkid': this.props.link.getID(),\n\t\t\tstroke: this.props.color,\n\t\t\tstrokeOpacity:this.state.selected?0.1:0 ,\n\t\t\tstrokeWidth: 20,\n\t\t\tonContextMenu: (event) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.props.link.remove();\n\t\t\t},\n\t\t},extraProps));\n\t\t\n\t\treturn React.DOM.g({key:'link-'+extraProps.id},\n\t\t\tBottom,Top\n\t\t);\n\t}\n\n\trender() {\n\t\t//ensure id is present for all points on the path\n\t\tvar points = this.props.link.points;\n\t\tvar paths = [];\n        \n        //draw the smoothing\n\t\tif(points.length === 2){\n\t\t\t\n            //if the points are too close, just draw a straight line\n\t\t\tvar margin = 50;\n\t\t\tif(Math.abs(points[0].x-points[1].x) < 50){\n\t\t\t\tmargin = 5;\n\t\t\t}\n            \n            var pointLeft = points[0];\n            var pointRight = points[1];\n            \n            //some defensive programming to make sure the smoothing is\n            //always in the right direction\n            if(pointLeft.x > pointRight.x){\n                pointLeft = points[1];\n                pointRight = points[0];\n            }\n\t\t\t\n\t\t\tpaths.push(this.generateLink({\n\t\t\t\tid: 0,\n\t\t\t\tonMouseDown: (event) =>{\n\t\t\t\t\tif (!event.shiftKey){\n\t\t\t\t\t\tvar point = new PointModel(this.props.link,this.props.diagramEngine.getRelativeMousePoint(event));\n\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\tthis.props.link.addPoint(point,1);\n\t\t\t\t\t\tthis.props.pointAdded(point,event);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\td:\n\t\t\t\t\t \" M\"+pointLeft.x+\" \"+pointLeft.y\n\t\t\t\t\t+\" C\"+(pointLeft.x+margin)+\" \"+pointLeft.y\n\t\t\t\t\t+\" \" +(pointRight.x-margin)+\" \"+pointRight.y\n\t\t\t\t\t+\" \" +pointRight.x+\" \"+pointRight.y\n\t\t\t}));\n\t\t\tif (this.props.link.targetPort === null){\n\t\t\t\tpaths.push(this.generatePoint(1));\n\t\t\t}\n\t\t}\n        \n        //draw the multiple anchors and complex line instead\n        else{\n\t\t\tvar ds = [];\n\t\t\tif(this.props.smooth){\n\t\t\t\tds.push(\" M\"+points[0].x+\" \"+points[0].y+\" C \"+(points[0].x+50)+\" \"+points[0].y+\" \"+points[1].x+\" \"+points[1].y+\" \"+points[1].x+\" \"+points[1].y);\n\t\t\t\tfor(var i = 1;i < points.length-2;i++){\n\t\t\t\t\tds.push(\" M \"+points[i].x+\" \"+points[i].y+\" L \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t\t}\n\t\t\t\tds.push(\" M\"+points[i].x+\" \"+points[i].y+\" C \"+points[i].x+\" \"+points[i].y+\" \"+(points[i+1].x-50)+\" \"+points[i+1].y+\" \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t}else{\n\t\t\t\tvar ds = [];\n\t\t\t\tfor(var i = 0;i < points.length-1;i++){\n\t\t\t\t\tds.push(\" M \"+points[i].x+\" \"+points[i].y+\" L \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\tpaths = ds.map((data,index) => {\n\t\t\t\treturn this.generateLink({\n\t\t\t\t\tid:index,\n\t\t\t\t\t'data-linkid':this.props.link.id,\n\t\t\t\t\t'data-point':index,\n\t\t\t\t\tonMouseDown: (event: MouseEvent) => {\n\t\t\t\t\t\tif (!event.shiftKey){\n\t\t\t\t\t\t\tvar point = new PointModel(this.props.link,this.props.diagramEngine.getRelativeMousePoint(event));\n\t\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t\tthis.props.link.addPoint(point,index+1);\n\t\t\t\t\t\t\tthis.props.pointAdded(point,event);\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\td:data\n\t\t\t\t});\n\t\t\t});\n\t\t\t\n\t\t\t//render the circles\n\t\t\tfor(var i = 1;i < points.length-1;i++){\n\t\t\t\tpaths.push(this.generatePoint(i));\n\t\t\t}\n\t\t\t\n\t\t\tif (this.props.link.targetPort === null){\n\t\t\t\tpaths.push(this.generatePoint(points.length-1));\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.g(null,paths)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultLinkWidget.ts","import * as React from \"react\";\nimport * as _ from \"lodash\";\nvar div = React.DOM.div;\nimport {DefaultNodeModel} from \"./DefaultNodeModel\";\nimport {DefaultPortLabel} from \"./DefaultPortLabelWidget\";\n\nexport interface DefaultNodeProps {\n\tnode: DefaultNodeModel;\n}\n\nexport interface DefaultNodeState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeWidget extends React.Component<DefaultNodeProps, DefaultNodeState> {\n\n\tpublic static defaultProps: DefaultNodeProps = {\n\t\tnode: null,\n\t};\n\n\tconstructor(props: DefaultNodeProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\trender() {\n\t\treturn (\n\t\t\tdiv({className: 'basic-node', style: {background: this.props.node.color }},\n\t\t\t\tdiv({className:'title'},\n\t\t\t\t\tdiv({className:'name'},this.props.node.name),\n\t\t\t\t\tdiv({className: 'fa fa-close', onClick: this.props.node.remove})\n\t\t\t\t),\n\t\t\t\tdiv({className:'ports'},\n\t\t\t\t\tdiv({className: 'in'}, _.map(this.props.node.getInPorts(),(port) => {\n\t\t\t\t\t\treturn React.createElement(DefaultPortLabel,{model: port});\n\t\t\t\t\t})),\n\t\t\t\t\tdiv({className: 'out'}, _.map(this.props.node.getOutPorts(),(port) => {\n\t\t\t\t\t\treturn React.createElement(DefaultPortLabel,{model: port});\n\t\t\t\t\t})),\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeWidget.ts","import * as React from \"react\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport {PointModel} from \"../Common\";\nimport {LinkWidget} from \"./LinkWidget\";\nimport * as _ from \"lodash\";\n\nexport interface LinkLayerProps {\n\tdiagramEngine: DiagramEngine,\n\tpointAdded: (point: PointModel,event) => any\n}\n\nexport interface LinkLayerState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class LinkLayerWidget extends React.Component<LinkLayerProps, LinkLayerState> {\n\n\tconstructor(props: LinkLayerProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tcomponentDidMount(){\n\t\tsetTimeout(()=> {\n\t\t\tthis.forceUpdate();\n\t\t},10);\n\t}\n\t\n\trender() {\n\t\t\n\t\tvar diagramModel = this.props.diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.svg(\n\t\t\t\t{\n                    style:{\n\t\t\t\t\t\ttransform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY()+'px)',\n                        width: '100%',\n                        height: '100%'\n                    }\n                },\n\t\t\t\t_.map(diagramModel.getLinks(),(link) => {\n\t\t\t\t\t\n\t\t\t\t\t//TODO just improve this vastly x_x\n\t\t\t\t\tif (link.sourcePort !== null){\n\t\t\t\t\t\ttry{\n\t\t\t\t\t\t\t//generate a point\n\t\t\t\t\t\t\tlink.points[0].updateLocation(this.props.diagramEngine.getPortCenter(link.sourcePort));\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//remove the link because its problematic (TODO implement this rather at an engine level)\n\t\t\t\t\t\tcatch(ex){\n\t\t\t\t\t\t\tconsole.log(ex);\n\t\t\t\t\t\t\tdiagramModel.removeLink(link);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (link.targetPort !== null){\n\t\t\t\t\t\ttry{\n\t\t\t\t\t\t\t_.last(link.points).updateLocation(this.props.diagramEngine.getPortCenter(link.targetPort));\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//remove the link because its problematic (TODO implement this rather at an engine level)\n\t\t\t\t\t\tcatch(ex){\n\t\t\t\t\t\t\tconsole.log(ex);\n\t\t\t\t\t\t\tdiagramModel.removeLink(link);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n                    \n\t\t\t\t\t//generate links\n\t\t\t\t\tvar generatedLink = this.props.diagramEngine.generateWidgetForLink(link);\n                    if(!generatedLink){\n\t\t\t\t\t\tconsole.log(\"no link generated for type: \" + link.getType());\n\t\t\t\t\t\treturn null;\n                    }\n\t\t\t\t\t\n\t\t\t\t\treturn (\n\t\t\t\t\t\tReact.createElement(LinkWidget, {\n\t\t\t\t\t\t\tkey: link.getID(), \n\t\t\t\t\t\t\tlink: link,\n\t\t\t\t\t\t\tdiagramEngine: this.props.diagramEngine,\n\t\t\t\t\t\t}, React.cloneElement(generatedLink,{pointAdded: this.props.pointAdded}))\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/LinkLayerWidget.ts","import * as React from \"react\";\nimport {LinkModel} from \"../Common\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface LinkProps {\n\tlink: LinkModel;\n\tdiagramEngine: DiagramEngine;\n\tchildren?: any;\n}\n\nexport interface LinkState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class LinkWidget extends React.Component<LinkProps, LinkState> {\n\n\tconstructor(props: LinkProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tshouldComponentUpdate(){\n\t\treturn this.props.diagramEngine.canEntityRepaint(this.props.link);\n\t}\n\n\trender() {\n\t\treturn this.props.children;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/LinkWidget.ts","import * as React from \"react\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport * as _ from \"lodash\";\nimport {NodeWidget} from \"./NodeWidget\";\n\nexport interface NodeLayerProps {\n\tdiagramEngine: DiagramEngine\n}\n\nexport interface NodeLayerState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class NodeLayerWidget extends React.Component<NodeLayerProps, NodeLayerState> {\n\n\tconstructor(props: NodeLayerProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\n\trender() {\n\t\t\n\t\tvar diagramModel = this.props.diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t\tclassName:'node-view',\n\t\t\t\t\tstyle:{\n\t\t\t\t\t\ttransform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX()+'px,'+diagramModel.getOffsetY()+'px)',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t_.map(diagramModel.getNodes(),(node) => {\n\t\t\t\t\treturn(\n\t\t\t\t\t\tReact.createElement(NodeWidget, {diagramEngine: this.props.diagramEngine,key:node.id,node: node},\n\t\t\t\t\t\t\tthis.props.diagramEngine.generateWidgetForNode(node))\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/NodeLayerWidget.ts","import * as React from \"react\";\nimport {NodeModel} from \"../Common\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface NodeProps {\n\tnode:NodeModel;\n\tchildren?: any;\n\tdiagramEngine: DiagramEngine\n}\n\nexport interface NodeState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class NodeWidget extends React.Component<NodeProps, NodeState> {\n\n\tconstructor(props: NodeProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tshouldComponentUpdate(){\n\t\treturn this.props.diagramEngine.canEntityRepaint(this.props.node);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t'data-nodeid': this.props.node.id,\n\t\t\t\tclassName: 'node' + (this.props.node.isSelected()?' selected':''),\n\t\t\t\tstyle:{\n\t\t\t\t\ttop: this.props.node.y,\n\t\t\t\t\tleft: this.props.node.x,\n\t\t\t\t}},\n\t\t\t\tReact.cloneElement(this.props.children,{})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/NodeWidget.ts","import * as React from \"react\";\nimport {NodeModel} from \"../Common\";\n\nexport interface PortProps {\n\tname: string;\n\tnode: NodeModel;\n}\n\nexport interface PortState{\n\tselected: boolean\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class PortWidget extends React.Component<PortProps, PortState> {\n\n\tconstructor(props: PortProps){\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tselected: false\n\t\t};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\tonMouseEnter: () =>{\n\t\t\t\t\tthis.setState({selected: true});\n\t\t\t\t},\n\t\t\t\tonMouseLeave: () => {\n\t\t\t\t\tthis.setState({selected: false});\n\t\t\t\t},\n\t\t\t\tclassName:'port'+(this.state.selected?' selected':''),\n\t\t\t\t'data-name':this.props.name,\n\t\t\t\t'data-nodeid': this.props.node.getID()\n\t\t\t})\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/PortWidget.ts","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./demos/test.scss\n// module id = 15\n// module chunks = 0 1","/**\n * @author Dylan Vorster\n */\n \n //export defaults\nexport * from \"./defaults/DefaultLinkFactory\";\nexport * from \"./defaults/DefaultLinkWidget\";\nexport * from \"./defaults/DefaultNodeFactory\";\nexport * from \"./defaults/DefaultNodeWidget\";\nexport * from \"./defaults/DefaultNodeModel\";\nexport * from \"./defaults/DefaultPortModel\";\n\nexport * from \"./WidgetFactories\";\nexport * from \"./Toolkit\";\n\nexport * from \"./DiagramEngine\";\nexport * from \"./DiagramModel\";\nexport * from \"./BaseEntity\";\nexport * from \"./Common\";\nexport * from \"./AbstractInstanceFactory\";\n\nexport * from \"./widgets/DiagramWidget\";\nexport * from \"./widgets/LinkLayerWidget\";\nexport * from \"./widgets/LinkWidget\";\nexport * from \"./widgets/NodeLayerWidget\";\nexport * from \"./widgets/NodeWidget\";\nexport * from \"./widgets/PortWidget\";\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.ts","module.exports = __WEBPACK_EXTERNAL_MODULE_17__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"ReactDOM\"\n// module id = 17\n// module chunks = 0 1","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"*{margin:0;padding:0}body,html{width:100%;height:100%;background:#3c3c3c;display:flex}.storm-diagrams-canvas{position:relative;flex-grow:1;display:flex;cursor:move;overflow:hidden}.storm-diagrams-canvas .point{fill:hsla(0,0%,100%,.5)}.storm-diagrams-canvas .point.selected{fill:#00c0ff}.storm-diagrams-canvas .selector{position:absolute;background-color:rgba(0,192,255,.2);border:2px solid #00c0ff}.storm-diagrams-canvas svg{position:absolute;height:100%;width:100%;transform-origin:0 0;overflow:visible}.storm-diagrams-canvas .node-view{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;transform-origin:0 0}.storm-diagrams-canvas .node{position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:move;pointer-events:all}.storm-diagrams-canvas .node.selected>*{border-color:#00c0ff!important;box-shadow:0 0 20px rgba(0,192,255,.5)}@keyframes dash{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.storm-diagrams-canvas path{fill:none;pointer-events:all}.storm-diagrams-canvas path.selected{stroke:#00c0ff!important;stroke-dasharray:10,2;animation:dash 1s linear infinite}.storm-diagrams-canvas .port{width:15px;height:15px;background:hsla(0,0%,100%,.1)}.storm-diagrams-canvas .port.selected,.storm-diagrams-canvas .port:hover{background:#c0ff00}.storm-diagrams-canvas .basic-node{background-color:#1e1e1e;border-radius:5px;font-family:Arial;color:#fff;border:2px solid #000;overflow:hidden;font-size:11px;box-shadow:0 0 10px rgba(0,0,0,.5)}.storm-diagrams-canvas .basic-node .title{background:rgba(0,0,0,.3);display:flex;white-space:nowrap}.storm-diagrams-canvas .basic-node .title>*{align-self:center}.storm-diagrams-canvas .basic-node .title .fa{padding:5px;opacity:.2;cursor:pointer}.storm-diagrams-canvas .basic-node .title .fa:hover{opacity:1}.storm-diagrams-canvas .basic-node .title .name{flex-grow:1;padding:5px}.storm-diagrams-canvas .basic-node .ports{display:flex;background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.2))}.storm-diagrams-canvas .basic-node .ports .in,.storm-diagrams-canvas .basic-node .ports .out{flex-grow:1;display:flex;flex-direction:column}.storm-diagrams-canvas .basic-node .ports .in-port,.storm-diagrams-canvas .basic-node .ports .out-port{display:flex;margin-top:1px}.storm-diagrams-canvas .basic-node .ports .in-port>*,.storm-diagrams-canvas .basic-node .ports .out-port>*{align-self:center}.storm-diagrams-canvas .basic-node .ports .in-port .name,.storm-diagrams-canvas .basic-node .ports .out-port .name{padding:0 5px}.storm-diagrams-canvas .basic-node .ports .out-port{justify-content:flex-end}.storm-diagrams-canvas .basic-node .ports .out-port .name{justify-content:flex-end;text-align:right}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/sass-loader/lib/loader.js!./demos/test.scss\n// module id = 18\n// module chunks = 0 1","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\n// css base code, injected by the css-loader\r\nmodule.exports = function() {\r\n\tvar list = [];\r\n\r\n\t// return the list of modules as css string\r\n\tlist.toString = function toString() {\r\n\t\tvar result = [];\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar item = this[i];\r\n\t\t\tif(item[2]) {\r\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t} else {\r\n\t\t\t\tresult.push(item[1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result.join(\"\");\r\n\t};\r\n\r\n\t// import a list of modules into the list\r\n\tlist.i = function(modules, mediaQuery) {\r\n\t\tif(typeof modules === \"string\")\r\n\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\tvar alreadyImportedModules = {};\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar id = this[i][0];\r\n\t\t\tif(typeof id === \"number\")\r\n\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t}\r\n\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\tvar item = modules[i];\r\n\t\t\t// skip already imported module\r\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t//  when a module is imported multiple times with different media queries.\r\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t}\r\n\t\t\t\tlist.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn list;\r\n};\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader/lib/css-base.js\n// module id = 19\n// module chunks = 0 1","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\nvar stylesInDom = {},\r\n\tmemoize = function(fn) {\r\n\t\tvar memo;\r\n\t\treturn function () {\r\n\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\r\n\t\t\treturn memo;\r\n\t\t};\r\n\t},\r\n\tisOldIE = memoize(function() {\r\n\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\r\n\t}),\r\n\tgetHeadElement = memoize(function () {\r\n\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\r\n\t}),\r\n\tsingletonElement = null,\r\n\tsingletonCounter = 0,\r\n\tstyleElementsInsertedAtTop = [];\r\n\r\nmodule.exports = function(list, options) {\r\n\tif(typeof DEBUG !== \"undefined\" && DEBUG) {\r\n\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\r\n\t}\r\n\r\n\toptions = options || {};\r\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\r\n\t// tags it will allow on a page\r\n\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\r\n\r\n\t// By default, add <style> tags to the bottom of <head>.\r\n\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\r\n\r\n\tvar styles = listToStyles(list);\r\n\taddStylesToDom(styles, options);\r\n\r\n\treturn function update(newList) {\r\n\t\tvar mayRemove = [];\r\n\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\tvar item = styles[i];\r\n\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\tdomStyle.refs--;\r\n\t\t\tmayRemove.push(domStyle);\r\n\t\t}\r\n\t\tif(newList) {\r\n\t\t\tvar newStyles = listToStyles(newList);\r\n\t\t\taddStylesToDom(newStyles, options);\r\n\t\t}\r\n\t\tfor(var i = 0; i < mayRemove.length; i++) {\r\n\t\t\tvar domStyle = mayRemove[i];\r\n\t\t\tif(domStyle.refs === 0) {\r\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\r\n\t\t\t\t\tdomStyle.parts[j]();\r\n\t\t\t\tdelete stylesInDom[domStyle.id];\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction addStylesToDom(styles, options) {\r\n\tfor(var i = 0; i < styles.length; i++) {\r\n\t\tvar item = styles[i];\r\n\t\tvar domStyle = stylesInDom[item.id];\r\n\t\tif(domStyle) {\r\n\t\t\tdomStyle.refs++;\r\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\r\n\t\t\t}\r\n\t\t\tfor(; j < item.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tvar parts = [];\r\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\r\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction listToStyles(list) {\r\n\tvar styles = [];\r\n\tvar newStyles = {};\r\n\tfor(var i = 0; i < list.length; i++) {\r\n\t\tvar item = list[i];\r\n\t\tvar id = item[0];\r\n\t\tvar css = item[1];\r\n\t\tvar media = item[2];\r\n\t\tvar sourceMap = item[3];\r\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\r\n\t\tif(!newStyles[id])\r\n\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\r\n\t\telse\r\n\t\t\tnewStyles[id].parts.push(part);\r\n\t}\r\n\treturn styles;\r\n}\r\n\r\nfunction insertStyleElement(options, styleElement) {\r\n\tvar head = getHeadElement();\r\n\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\r\n\tif (options.insertAt === \"top\") {\r\n\t\tif(!lastStyleElementInsertedAtTop) {\r\n\t\t\thead.insertBefore(styleElement, head.firstChild);\r\n\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\r\n\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\r\n\t\t} else {\r\n\t\t\thead.appendChild(styleElement);\r\n\t\t}\r\n\t\tstyleElementsInsertedAtTop.push(styleElement);\r\n\t} else if (options.insertAt === \"bottom\") {\r\n\t\thead.appendChild(styleElement);\r\n\t} else {\r\n\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\r\n\t}\r\n}\r\n\r\nfunction removeStyleElement(styleElement) {\r\n\tstyleElement.parentNode.removeChild(styleElement);\r\n\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\r\n\tif(idx >= 0) {\r\n\t\tstyleElementsInsertedAtTop.splice(idx, 1);\r\n\t}\r\n}\r\n\r\nfunction createStyleElement(options) {\r\n\tvar styleElement = document.createElement(\"style\");\r\n\tstyleElement.type = \"text/css\";\r\n\tinsertStyleElement(options, styleElement);\r\n\treturn styleElement;\r\n}\r\n\r\nfunction createLinkElement(options) {\r\n\tvar linkElement = document.createElement(\"link\");\r\n\tlinkElement.rel = \"stylesheet\";\r\n\tinsertStyleElement(options, linkElement);\r\n\treturn linkElement;\r\n}\r\n\r\nfunction addStyle(obj, options) {\r\n\tvar styleElement, update, remove;\r\n\r\n\tif (options.singleton) {\r\n\t\tvar styleIndex = singletonCounter++;\r\n\t\tstyleElement = singletonElement || (singletonElement = createStyleElement(options));\r\n\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\r\n\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\r\n\t} else if(obj.sourceMap &&\r\n\t\ttypeof URL === \"function\" &&\r\n\t\ttypeof URL.createObjectURL === \"function\" &&\r\n\t\ttypeof URL.revokeObjectURL === \"function\" &&\r\n\t\ttypeof Blob === \"function\" &&\r\n\t\ttypeof btoa === \"function\") {\r\n\t\tstyleElement = createLinkElement(options);\r\n\t\tupdate = updateLink.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t\tif(styleElement.href)\r\n\t\t\t\tURL.revokeObjectURL(styleElement.href);\r\n\t\t};\r\n\t} else {\r\n\t\tstyleElement = createStyleElement(options);\r\n\t\tupdate = applyToTag.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t};\r\n\t}\r\n\r\n\tupdate(obj);\r\n\r\n\treturn function updateStyle(newObj) {\r\n\t\tif(newObj) {\r\n\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\r\n\t\t\t\treturn;\r\n\t\t\tupdate(obj = newObj);\r\n\t\t} else {\r\n\t\t\tremove();\r\n\t\t}\r\n\t};\r\n}\r\n\r\nvar replaceText = (function () {\r\n\tvar textStore = [];\r\n\r\n\treturn function (index, replacement) {\r\n\t\ttextStore[index] = replacement;\r\n\t\treturn textStore.filter(Boolean).join('\\n');\r\n\t};\r\n})();\r\n\r\nfunction applyToSingletonTag(styleElement, index, remove, obj) {\r\n\tvar css = remove ? \"\" : obj.css;\r\n\r\n\tif (styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\r\n\t} else {\r\n\t\tvar cssNode = document.createTextNode(css);\r\n\t\tvar childNodes = styleElement.childNodes;\r\n\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\r\n\t\tif (childNodes.length) {\r\n\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\r\n\t\t} else {\r\n\t\t\tstyleElement.appendChild(cssNode);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction applyToTag(styleElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar media = obj.media;\r\n\r\n\tif(media) {\r\n\t\tstyleElement.setAttribute(\"media\", media)\r\n\t}\r\n\r\n\tif(styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = css;\r\n\t} else {\r\n\t\twhile(styleElement.firstChild) {\r\n\t\t\tstyleElement.removeChild(styleElement.firstChild);\r\n\t\t}\r\n\t\tstyleElement.appendChild(document.createTextNode(css));\r\n\t}\r\n}\r\n\r\nfunction updateLink(linkElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar sourceMap = obj.sourceMap;\r\n\r\n\tif(sourceMap) {\r\n\t\t// http://stackoverflow.com/a/26603875\r\n\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\r\n\t}\r\n\r\n\tvar blob = new Blob([css], { type: \"text/css\" });\r\n\r\n\tvar oldSrc = linkElement.href;\r\n\r\n\tlinkElement.href = URL.createObjectURL(blob);\r\n\r\n\tif(oldSrc)\r\n\t\tURL.revokeObjectURL(oldSrc);\r\n}\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader/addStyles.js\n// module id = 20\n// module chunks = 0 1","import {NodeWidgetFactory, LinkWidgetFactory} from \"./WidgetFactories\";\nimport {LinkModel, NodeModel, BaseModel, PortModel, PointModel} from \"./Common\";\nimport {BaseEntity, BaseListener} from \"./BaseEntity\";\nimport {DiagramModel} from \"./DiagramModel\";\nimport {AbstractInstanceFactory} from \"./AbstractInstanceFactory\";\nimport * as _ from \"lodash\";\n/**\n * @author Dylan Vorster\n */\nexport interface DiagramEngineListener extends BaseListener{\n\t\n\tnodeFactoriesUpdated(): any;\n\t\n\tlinkFactoriesUpdated(): any;\n}\n\n/**\n * Passed as a parameter to the DiagramWidget\n */\nexport class DiagramEngine extends BaseEntity<DiagramEngineListener>{\n\t\n\tnodeFactories: {[s: string]:NodeWidgetFactory};\n\tlinkFactories: {[s: string]:LinkWidgetFactory};\n\tinstanceFactories: {[s: string]: AbstractInstanceFactory<BaseEntity<BaseListener>>};\n\t\n\tdiagramModel: DiagramModel;\n\tcanvas: Element;\n\tpaintableWidgets: {};\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.diagramModel = new DiagramModel();\n\t\tthis.nodeFactories = {};\n\t\tthis.linkFactories = {};\n\t\tthis.instanceFactories = {};\n\t\tthis.canvas = null;\n\t\tthis.paintableWidgets = null;\n\t}\n\t\n\tclearRepaintEntities(){\n\t\tthis.paintableWidgets = null;\n\t}\n\t\n\tenableRepaintEntities(entities: BaseModel[]){\n\t\tthis.paintableWidgets = {};\n\t\tentities.forEach((entity) => {\n\t\t\t\n\t\t\t//if a node is requested to repaint, add all of its links\n\t\t\tif (entity instanceof NodeModel){\n\t\t\t\t_.forEach(entity.getPorts(),(port) => {\n\t\t\t\t\t_.forEach(port.getLinks(),(link) => {\n\t\t\t\t\t\tthis.paintableWidgets[link.getID()] = true;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t\t\n\t\t\tif (entity instanceof PointModel){\n\t\t\t\tthis.paintableWidgets[entity.getLink().getID()] = true;\n\t\t\t}\n\t\t\t\n\t\t\tthis.paintableWidgets[entity.getID()] = true;\n\t\t});\n\t}\n\t\n\tcanEntityRepaint(baseModel: BaseModel){\n\t\t//no rules applied, allow repaint\n\t\tif(this.paintableWidgets === null){\n\t\t\treturn true;\n\t\t}\n\t\t\n\t\treturn this.paintableWidgets[baseModel.getID()] !== undefined;\n\t}\n\t\n\tsetCanvas(canvas: Element| null){\n\t\tthis.canvas = canvas;\n\t}\n\t\n\tsetDiagramModel(model: DiagramModel){\n\t\tthis.diagramModel = model;\n\t}\n\t\n\tgetDiagramModel(): DiagramModel{\n\t\treturn this.diagramModel;\n\t}\n\t\n\tgetNodeFactories(): {[s: string]:NodeWidgetFactory}{\n\t\treturn this.nodeFactories;\n\t}\n\t\n\tgetLinkFactories(): {[s: string]:LinkWidgetFactory}{\n\t\treturn this.linkFactories;\n\t}\n\t\n\tgetInstanceFactory(className: string): AbstractInstanceFactory<BaseEntity<BaseListener>>{\n\t\treturn this.instanceFactories[className];\n\t}\n\t\n\tregisterInstanceFactory(factory: AbstractInstanceFactory<BaseEntity<BaseListener>>){\n\t\tthis.instanceFactories[factory.getName()] = factory;\n\t}\n\t\n\tregisterNodeFactory(factory: NodeWidgetFactory){\n\t\tthis.nodeFactories[factory.getType()] = factory;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodeFactoriesUpdated();\n\t\t});\n\t}\n\t\n\tregisterLinkFactory(factory: LinkWidgetFactory){\n\t\tthis.linkFactories[factory.getType()] = factory;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linkFactoriesUpdated();\n\t\t});\n\t}\n\t\n\tgetFactoryForNode(node: NodeModel): NodeWidgetFactory | null{\n\t\tif (this.nodeFactories[node.getType()]){\n\t\t\treturn this.nodeFactories[node.getType()];\n\t\t}\n\t\tconsole.log(\"cannot find widget factory for node of type: [\" + node.getType()+\"]\");\n\t\treturn null;\n\t}\n\t\n\tgetFactoryForLink(link: LinkModel): LinkWidgetFactory | null{\n\t\tif (this.linkFactories[link.getType()]){\n\t\t\treturn this.linkFactories[link.getType()];\n\t\t}\n\t\tconsole.log(\"cannot find widget factory for link of type: [\" + link.getType()+\"]\");\n\t\treturn null;\n\t}\n\t\n\tgenerateWidgetForLink(link: LinkModel): JSX.Element|null{\n\t\tvar linkFactory = this.getFactoryForLink(link);\n\t\tif(!linkFactory){\n\t\t\tthrow \"Cannot find link factory for link: \" + link.getType();\n\t\t}\n\t\treturn linkFactory.generateReactWidget(this,link);\n\t}\n\t\n\tgenerateWidgetForNode(node: NodeModel): JSX.Element|null{\n\t\tvar nodeFactory = this.getFactoryForNode(node);\n\t\tif(!nodeFactory){\n\t\t\tthrow \"Cannot find widget factory for node: \" + node.getType();\n\t\t}\n\t\treturn nodeFactory.generateReactWidget(this,node);\n\t}\n\t\n\tgetRelativeMousePoint(event): {x:number,y:number}{\n\t\tvar point = this.getRelativePoint(event.pageX,event.pageY);\n\t\treturn {\n\t\t\tx: (point.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n\t\t\ty: (point.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()\n\t\t};\n\t}\n\n\tgetRelativePoint(x,y){\n\t\tvar canvasRect = this.canvas.getBoundingClientRect();\n\t\treturn {x: x-canvasRect.left,y:y-canvasRect.top};\n\t}\n\t\n\tgetNodePortElement(port: PortModel): any{\n\t\tvar selector = this.canvas.querySelector('.port[data-name=\"' + port.getName() + '\"][data-nodeid=\"' + port.getParent().getID()+'\"]');\n\t\tif(selector === null){\n\t\t\tthrow \"Cannot find Node Port element with nodeID: [\" + port.getParent().getID()+\"] and name: [\"+port.getName()+\"]\";\n\t\t}\n\t\treturn selector;\n\t}\n\t\n\tgetPortCenter(port: PortModel){\n\t\tvar sourceElement = this.getNodePortElement(port);\n\t\tvar sourceRect = sourceElement.getBoundingClientRect();\n\n\t\tvar rel = this.getRelativePoint(sourceRect.left,sourceRect.top);\n\n\t\treturn {\n\t\t\tx: ((sourceElement.offsetWidth / 2) + rel.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n\t\t\ty: ((sourceElement.offsetHeight/2)+rel.y/(this.diagramModel.getZoomLevel()/100.0)) - this.diagramModel.getOffsetY()\n\t\t};\n\t}\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/DiagramEngine.ts","import {LinkWidgetFactory} from \"../WidgetFactories\";\nimport {LinkModel} from \"../Common\";\nimport * as React from \"react\";\nimport {DefaultLinkWidget} from \"./DefaultLinkWidget\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultLinkFactory extends LinkWidgetFactory{\n\t\n\tconstructor(){\n\t\tsuper(\"default\");\n\t}\n\t\n\tgenerateReactWidget(diagramEngine: DiagramEngine,link: LinkModel): JSX.Element{\n\t\treturn React.createElement(DefaultLinkWidget,{\n\t\t\tlink: link,\n\t\t\tdiagramEngine: diagramEngine\n\t\t});\n\t}\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultLinkFactory.ts","import {NodeWidgetFactory} from \"../WidgetFactories\";\nimport {DefaultNodeModel} from \"./DefaultNodeModel\";\nimport * as React from \"react\";\nimport {DefaultNodeWidget} from \"./DefaultNodeWidget\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeFactory extends NodeWidgetFactory{\n\t\n\tconstructor(){\n\t\tsuper(\"default\");\n\t}\n\t\n\tgenerateReactWidget(diagramEngine:DiagramEngine,node: DefaultNodeModel): JSX.Element{\n\t\treturn React.createElement(DefaultNodeWidget,{\n\t\t\tnode: node,\n\t\t\tdiagramEngine: diagramEngine\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeFactory.ts","import {NodeModel} from \"../Common\";\nimport {DefaultPortModel} from \"./DefaultPortModel\";\nimport * as _ from \"lodash\";\n\nimport {AbstractInstanceFactory} from \"../AbstractInstanceFactory\";\n\nexport class DefaultNodeInstanceFactory extends AbstractInstanceFactory<DefaultNodeModel>{\n\t\n\tconstructor(){\n\t\tsuper(\"DefaultNodeModel\");\n\t}\n\t\n\tgetInstance(){\n\t\treturn new DefaultNodeModel();\n\t}\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeModel extends NodeModel{\n\t\n\tname: string;\n\tcolor: string;\n\tports:  {[s: string]:DefaultPortModel};\n\t\n\tconstructor(name: string = 'Untitled',color: string = 'rgb(0,192,255)'){\n\t\tsuper(\"default\");\n\t\tthis.name = name;\n\t\tthis.color = color;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\tname: this.name,\n\t\t\tcolor: this.color,\n\t\t});\n\t}\n\t\n\tgetInPorts(): DefaultPortModel[]{\n\t\treturn _.filter(this.ports,(portModel) => {\n\t\t\treturn portModel.in;\n\t\t});\n\t}\n\t\n\tgetOutPorts(): DefaultPortModel[]{\n\t\treturn _.filter(this.ports,(portModel) => {\n\t\t\treturn !portModel.in;\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeModel.ts","import * as React from \"react\";\nimport {DefaultPortModel} from \"./DefaultPortModel\";\nimport {PortWidget} from \"../widgets/PortWidget\";\n\nexport interface DefaultPortLabelProps {\n\tmodel?: DefaultPortModel;\n}\n\nexport interface DefaultPortLabelState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultPortLabel extends React.Component<DefaultPortLabelProps, DefaultPortLabelState> {\n\n\tpublic static defaultProps: DefaultPortLabelProps = {\n\t\tin: true,\n\t\tlabel: \"port\"\n\t};\n\n\trender() {\n\t\t\n\t\tvar port = React.createElement(PortWidget, {name: this.props.model.name, node: this.props.model.getParent()});\n\t\tvar label = React.DOM.div({className: 'name'}, this.props.model.label);\n\t\t\n\t\treturn React.DOM.div({className: (this.props.model.in?'in':'out')+'-port'},\n\t\t\tthis.props.model.in?port:label,\n\t\t\tthis.props.model.in?label:port,\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultPortLabelWidget.ts","import {PortModel} from \"../Common\";\nimport * as _ from \"lodash\";\nimport {AbstractInstanceFactory} from \"../AbstractInstanceFactory\";\n\nexport class DefaultPortInstanceFactory extends AbstractInstanceFactory<DefaultPortModel>{\n\t\n\tconstructor(){\n\t\tsuper(\"DefaultPortModel\");\n\t}\n\t\n\tgetInstance(){\n\t\treturn new DefaultPortModel(true,\"unknown\");\n\t}\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultPortModel extends PortModel{\n\tin: boolean;\n\tlabel: string;\n\t\n\tconstructor(isInput:boolean,name: string,label: string = null){\n\t\tsuper(name);\n\t\tthis.in = isInput;\n\t\tthis.label = label || name;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\tin: this.in,\n\t\t\tlabel: this.label,\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultPortModel.ts","import * as React from \"react\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport * as _ from \"lodash\";\nimport {PointModel, NodeModel, BaseModel, LinkModel,PortModel} from \"../Common\";\nimport {LinkLayerWidget} from \"./LinkLayerWidget\";\nimport {NodeLayerWidget} from \"./NodeLayerWidget\";\n\ninterface SelectionModel{\n\tmodel: BaseModel;\n\tinitialX: number;\n\tinitialY: number;\n}\n\nexport class BaseAction{\n\tmouseX: number;\n\tmouseY: number;\n\tms: number;\n\t\n\tconstructor(mouseX: number,mouseY: number){\n\t\tthis.mouseX = mouseX;\n\t\tthis.mouseY = mouseY;\n\t\tthis.ms = (new Date()).getTime();\n\t}\n}\n\nclass SelectingAction extends BaseAction{\n\tmouseX2: number;\n\tmouseY2: number;\n\t\n\tconstructor(mouseX: number,mouseY: number){\n\t\tsuper(mouseX,mouseY);\n\t\tthis.mouseX2 = mouseX;\n\t\tthis.mouseY2 = mouseY;\n\t}\n\t\n\tcontainsElement(x: number, y: number, diagramModel: DiagramModel): boolean{\n\t\tvar z = diagramModel.getZoomLevel()/100.0;\n\t\treturn (\n\t\t\t(x + diagramModel.getOffsetX())*z > this.mouseX\t&& \n\t\t\t(x + diagramModel.getOffsetX())*z < this.mouseX2&& \n\t\t\t(y + diagramModel.getOffsetY())*z > this.mouseY\t&& \n\t\t\t(y + diagramModel.getOffsetY())*z < this.mouseY2\n\t\t)\n\t}\n}\n\nclass MoveCanvasAction extends BaseAction{\n\tinitialOffsetX: number;\n\tinitialOffsetY: number;\n\t\n\tconstructor(mouseX: number, mouseY: number, diagramModel: DiagramModel){\n\t\tsuper(mouseX,mouseY);\n\t\tthis.initialOffsetX = diagramModel.getOffsetX();\n\t\tthis.initialOffsetY = diagramModel.getOffsetY();\n\t}\n}\n\nclass MoveItemsAction extends BaseAction{\n\tselectionModels: SelectionModel[];\n\tmoved:boolean;\n\tconstructor(mouseX: number, mouseY: number, diagramEngine: DiagramEngine){\n\t\tsuper(mouseX, mouseY);\n\t\tthis.moved = false;\n\t\tdiagramEngine.enableRepaintEntities(diagramEngine.getDiagramModel().getSelectedItems());\n\t\tthis.selectionModels = diagramEngine.getDiagramModel().getSelectedItems().map((item: PointModel | NodeModel) => {\n\t\t\treturn {\n\t\t\t\tmodel: item,\n\t\t\t\tinitialX: item.x,\n\t\t\t\tinitialY: item.y,\n\t\t\t}\n\t\t});\n\t}\n}\n\nexport interface DiagramProps {\n\tdiagramEngine:DiagramEngine;\n}\n\nexport interface DiagramState {\n\taction: BaseAction| null;\n\trenderedNodes: boolean,\n\twindowListener: any,\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DiagramWidget extends React.Component<DiagramProps, DiagramState> {\n\n\tconstructor(props: DiagramProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\taction: null,\n\t\t\trenderedNodes: false,\n\t\t\twindowListener: null\n\t\t}\n\t}\n\n\tcomponentWillUnmount(){\n\t\tthis.props.diagramEngine.setCanvas(null);\n\t\twindow.removeEventListener('keydown',this.state.windowListener);\n\t}\n\t\n\tcomponentWillReceiveProps(nextProps: DiagramProps){\n\t\tif (this.props.diagramEngine.id !== nextProps.diagramEngine.id){\n\t\t\tthis.setState({renderedNodes: false});\n\t\t}\n\t}\n\t\n\t/**\n\t * Gets a model and element under the mouse cursor\n\t */\n\tgetMouseElement(event): {model: BaseModel, element: Element}{\n\t\tvar target = event.target as Element;\n\t\tvar diagramModel = this.props.diagramEngine.diagramModel;\n\t\t\n\t\t//is it a port\n\t\tvar element = target.closest('.port[data-name]');\n\t\tif(element){\n\t\t\tvar nodeElement = target.closest('.node[data-nodeid]') as HTMLElement;\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getNode(nodeElement.getAttribute('data-nodeid')).getPort(element.getAttribute('data-name')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a point\n\t\telement = target.closest('.point[data-id]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getLink(element.getAttribute('data-linkid')).getPointModel(element.getAttribute('data-id')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a link\n\t\telement = target.closest('[data-linkid]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getLink(element.getAttribute('data-linkid')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a node\n\t\telement = target.closest('.node[data-nodeid]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getNode(element.getAttribute('data-nodeid')),\n\t\t\t\telement: element\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn null;\n\t}\n\t\n\tcomponentDidMount(){\n\t\tthis.props.diagramEngine.setCanvas(this.refs['canvas'] as Element);\n\t\t\n\t\t//TODO\n\t\t\n\t\t//add a keybaord listener\n\t\tthis.setState({\n\t\t\trenderedNodes: true,\n\t\t\twindowListener: window.addEventListener('keydown',(event) => {\n\t\t\t\t\n\t\t\t\t//delete all selected\n\t\t\t\tif(event.keyCode === 46){\n\t\t\t\t\t_.forEach(this.props.diagramEngine.getDiagramModel().getSelectedItems(),(element) => {\n\t\t\t\t\t\telement.remove();\n\t\t\t\t\t});\n\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t}\n\t\t\t})\n\t\t});\n\t\twindow.focus();\n\t}\n\t\n\n\trender() {\n\t\tvar diagramEngine = this.props.diagramEngine;\n\t\tvar diagramModel = diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t\tref:'canvas',\n\t\t\t\t\tclassName:'storm-diagrams-canvas',\n\t\t\t\t\tonWheel: (event) => {\n                        event.preventDefault();\n                        event.stopPropagation();\n\t\t\t\t\t\tdiagramModel.setZoomLevel(diagramModel.getZoomLevel()+(event.deltaY/60));\n\t\t\t\t\t\tdiagramEngine.enableRepaintEntities([]);\n\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t},\n\t\t\t\t\tonMouseMove: (event) => {\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t//select items so draw a bounding box\n\t\t\t\t\t\tif (this.state.action instanceof SelectingAction){\n\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t_.forEach(diagramModel.getNodes(),(node) => {\n\t\t\t\t\t\t\t\tif ((this.state.action as SelectingAction).containsElement(node.x, node.y, diagramModel)){\n\t\t\t\t\t\t\t\t\tnode.setSelected(true);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t_.forEach(diagramModel.getLinks(),(link) => {\n\t\t\t\t\t\t\t\tvar allSelected = true;\n\t\t\t\t\t\t\t\t_.forEach(link.points,(point) => {\n\t\t\t\t\t\t\t\t\tif ((this.state.action as SelectingAction).containsElement(point.x, point.y, diagramModel)){\n\t\t\t\t\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\t\t\t\tallSelected = false;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tif (allSelected){\n\t\t\t\t\t\t\t\t\tlink.setSelected(true);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.state.action.mouseX2 = relative.x;\n\t\t\t\t\t\t\tthis.state.action.mouseY2 = relative.y;\n\t\t\t\t\t\t\tthis.setState({action: this.state.action});\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//translate the items on the canvas\n\t\t\t\t\t\telse if (this.state.action instanceof MoveItemsAction){\n\t\t\t\t\t\t\t_.forEach(this.state.action.selectionModels,(model) => {\n\t\t\t\t\t\t\t\tif (model.model instanceof NodeModel || model.model instanceof PointModel){\n\t\t\t\t\t\t\t\t\tmodel.model.x = model.initialX + ((event.pageX - this.state.action.mouseX) / (diagramModel.getZoomLevel()/100));\n\t\t\t\t\t\t\t\t\tmodel.model.y = model.initialY + ((event.pageY - this.state.action.mouseY) / (diagramModel.getZoomLevel()/100));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//translate the actual canvas\n\t\t\t\t\t\telse if (this.state.action instanceof MoveCanvasAction){\n\t\t\t\t\t\t\tdiagramModel.setOffset(\n\t\t\t\t\t\t\t\tthis.state.action.initialOffsetX + ((event.pageX - this.state.action.mouseX) / (diagramModel.getZoomLevel()/100)),\n\t\t\t\t\t\t\t\tthis.state.action.initialOffsetY+((event.pageY-this.state.action.mouseY)/(diagramModel.getZoomLevel()/100))\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tonMouseDown: (event) =>{\n\t\t\t\t\t\tdiagramEngine.clearRepaintEntities();\n\t\t\t\t\t\t\n\t\t\t\t\t\tvar model = this.getMouseElement(event);\n\t\t\t\t\t\t//its the canvas\n\t\t\t\t\t\tif(model === null){\n\t\t\t\t\t\t\t//is it a multiple selection\n\t\t\t\t\t\t\tif (event.shiftKey){\n\t\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\taction: new SelectingAction(\n\t\t\t\t\t\t\t\t\t\trelative.x, relative.y\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t//its a drag the canvas event\n\t\t\t\t\t\t\telse{\n\t\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\taction: new MoveCanvasAction(relative.x, relative.y, diagramModel)\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//its a port element, we want to drag a link\n\t\t\t\t\t\telse if (model.model instanceof PortModel){\n\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativeMousePoint(event);\n\t\t\t\t\t\t\tvar link = new LinkModel();\n\t\t\t\t\t\t\tlink.setSourcePort(model.model);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tlink.getFirstPoint().updateLocation(relative)\n\t\t\t\t\t\t\tlink.getLastPoint().updateLocation(relative);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\tlink.getLastPoint().setSelected(true);\n\t\t\t\t\t\t\tdiagramModel.addLink(link);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//its some or other element, probably want to move it\n\t\t\t\t\t\telse{\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif (!event.shiftKey && !model.model.isSelected()){\n\t\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmodel.model.setSelected(true);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY,diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tonMouseUp: (event) => {\n\t\t\t\t\t\t\n\t\t\t\t\t\t//are we going to connect a link to something?\n\t\t\t\t\t\tif (this.state.action instanceof MoveItemsAction){\n\t\t\t\t\t\t\tvar element = this.getMouseElement(event);\n\t\t\t\t\t\t\tif(element){\n\t\t\t\t\t\t\t\t_.forEach(this.state.action.selectionModels,(model) => {\n\n\t\t\t\t\t\t\t\t\t//only care about points connecting to things\n\t\t\t\t\t\t\t\t\tif (!(model.model instanceof PointModel)){\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tif (element.model instanceof PortModel){\n\t\t\t\t\t\t\t\t\t\tmodel.model.getLink().setTargetPort(element.model);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\tdiagramEngine.clearRepaintEntities();\n\t\t\t\t\t\tthis.setState({action: null});\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tthis.state.renderedNodes?\n\t\t\t\t\tReact.createElement(LinkLayerWidget, {\n\t\t\t\t\t\tdiagramEngine: diagramEngine, pointAdded: (point: PointModel,event) => {\n\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\tdiagramModel.clearSelection(point);\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}):null,\n\t\t\t\t\tReact.createElement(NodeLayerWidget, {diagramEngine: diagramEngine}),\n\t\t\t\t\tthis.state.action instanceof SelectingAction?\n\t\t\t\t\t\tReact.DOM.div({\n\t\t\t\t\t\t\tclassName: 'selector',\n\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\ttop: this.state.action.mouseY,\n\t\t\t\t\t\t\t\tleft: this.state.action.mouseX,\n\t\t\t\t\t\t\t\twidth: this.state.action.mouseX2 - this.state.action.mouseX,\n\t\t\t\t\t\t\t\theight: this.state.action.mouseY2 - this.state.action.mouseY,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}):null\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/DiagramWidget.ts","import * as SRD from \"../../src/main\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\n\ndeclare var require: {\n    <T>(path: string): T;\n    (paths: string[], callback: (...modules: any[]) => void): void;\n    ensure: (paths: string[], callback: (require: <T>(path: string) => T) => void) => void;\n};\n\nrequire(\"../test.scss\");\n\n\n/**\n * \n * Simple test showing the Object oriented way of using this library.\n * It creates 2 nodes and links them together with a single link\n * \n * @Author Dylan Vorster\n */\nwindow.onload = () => {\n\t\n\t//1) setup the diagram engine\n\tvar engine = new SRD.DiagramEngine();\n\tengine.registerNodeFactory(new SRD.DefaultNodeFactory());\n\tengine.registerLinkFactory(new SRD.DefaultLinkFactory());\n\t\n\t\n\t//2) setup the diagram model\n\tvar model = new SRD.DiagramModel();\n\t\n\t//3-A) create a default node\n\tvar node1 = new SRD.DefaultNodeModel(\"Node 1\",\"rgb(0,192,255)\");\n\tvar port1 = node1.addPort(new SRD.DefaultPortModel(false,\"out-1\",\"Out\"));\n\tnode1.x = 100;\n\tnode1.y = 100;\n\t\n\t//3-B) create another default node\n\tvar node2 = new SRD.DefaultNodeModel(\"Node 2\",\"rgb(192,255,0)\");\n\tvar port2 = node2.addPort(new SRD.DefaultPortModel(true,\"in-1\",\"IN\"));\n\tnode2.x = 400;\n\tnode2.y = 100;\n\t\n\t//3-C) link the 2 nodes together\n\tvar link1 = new SRD.LinkModel();\n\tlink1.setSourcePort(port1);\n\tlink1.setTargetPort(port2);\n\t\n\t//4) add the models to the root graph\n\tmodel.addNode(node1);\n\tmodel.addNode(node2);\n\tmodel.addLink(link1);\n\t\n\t//5) load model into engine\n\tengine.setDiagramModel(model);\n\t\n\t//6) render the diagram!\n\tReactDOM.render(React.createElement(SRD.DiagramWidget,{diagramEngine: engine}), document.body);\n\t\n\t\n\t//!------------- SERIALIZING / DESERIALIZING ------------\n\t\n\t//we need this to help the system know what models to create form the JSON\n\tengine.registerInstanceFactory(new SRD.DefaultNodeInstanceFactory());\n\tengine.registerInstanceFactory(new SRD.DefaultPortInstanceFactory());\n\t\n\t//serialize the model\n\tvar str = JSON.stringify(model.serializeDiagram());\n\tconsole.log(str);\n\t\n\t//deserialize the model\n\tvar model2 = new SRD.DiagramModel();\n\tmodel2.deSerializeDiagram(str,engine);\n\t\n\t//re-render the model\n\tReactDOM.render(React.createElement(SRD.DiagramWidget,{diagramEngine: engine}), document.body);\n}\n\n\n// WEBPACK FOOTER //\n// ./demos/demo1/index.ts"],"sourceRoot":""}
\ No newline at end of file
diff --git a/demos/demo1/index.ts b/demos/demo1/index.ts
index 087a3eb..b898961 100644
--- a/demos/demo1/index.ts
+++ b/demos/demo1/index.ts
@@ -25,6 +25,7 @@ window.onload = () => {
 	engine.registerNodeFactory(new SRD.DefaultNodeFactory());
 	engine.registerLinkFactory(new SRD.DefaultLinkFactory());
 	
+	
 	//2) setup the diagram model
 	var model = new SRD.DiagramModel();
 	
@@ -56,6 +57,21 @@ window.onload = () => {
 	//6) render the diagram!
 	ReactDOM.render(React.createElement(SRD.DiagramWidget,{diagramEngine: engine}), document.body);
 	
-	console.log(JSON.stringify(model.serialize()));
 	
+	//!------------- SERIALIZING / DESERIALIZING ------------
+	
+	//we need this to help the system know what models to create form the JSON
+	engine.registerInstanceFactory(new SRD.DefaultNodeInstanceFactory());
+	engine.registerInstanceFactory(new SRD.DefaultPortInstanceFactory());
+	
+	//serialize the model
+	var str = JSON.stringify(model.serializeDiagram());
+	console.log(str);
+	
+	//deserialize the model
+	var model2 = new SRD.DiagramModel();
+	model2.deSerializeDiagram(str,engine);
+	
+	//re-render the model
+	ReactDOM.render(React.createElement(SRD.DiagramWidget,{diagramEngine: engine}), document.body);
 }
\ No newline at end of file
diff --git a/demos/demo2/bundle.js b/demos/demo2/bundle.js
index 975742a..0ed21a9 100644
--- a/demos/demo2/bundle.js
+++ b/demos/demo2/bundle.js
@@ -1,2200 +1,3 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("React"), require("lodash"), require("ReactDOM"));
-	else if(typeof define === 'function' && define.amd)
-		define(["React", "_", "ReactDOM"], factory);
-	else if(typeof exports === 'object')
-		exports["storm-react-diagrams"] = factory(require("React"), require("lodash"), require("ReactDOM"));
-	else
-		root["storm-react-diagrams"] = factory(root["React"], root["_"], root["ReactDOM"]);
-})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_16__) {
-return /******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId])
-/******/ 			return installedModules[moduleId].exports;
-/******/
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// identity function for calling harmony imports with the correct context
-/******/ 	__webpack_require__.i = function(value) { return value; };
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, {
-/******/ 				configurable: false,
-/******/ 				enumerable: true,
-/******/ 				get: getter
-/******/ 			});
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 28);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
-
-/***/ }),
-/* 1 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE_1__;
-
-/***/ }),
-/* 2 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var Toolkit_1 = __webpack_require__(4);
-var BaseEntity_1 = __webpack_require__(3);
-var _ = __webpack_require__(1);
-/**
- * @author Dylan Vorster
- */
-var BaseModel = (function (_super) {
-    __extends(BaseModel, _super);
-    function BaseModel() {
-        var _this = _super.call(this) || this;
-        _this.id = Toolkit_1.Toolkit.UID();
-        _this.selected = false;
-        return _this;
-    }
-    BaseModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            _class: this.constructor.name,
-            selected: this.selected
-        });
-    };
-    BaseModel.prototype.getID = function () {
-        return this.id;
-    };
-    BaseModel.prototype.isSelected = function () {
-        return this.selected;
-    };
-    BaseModel.prototype.setSelected = function (selected) {
-        this.selected = selected;
-        this.itterateListeners(function (listener) {
-            if (listener.selectionChanged) {
-                listener.selectionChanged();
-            }
-        });
-    };
-    BaseModel.prototype.remove = function () {
-        console.log("removing: ", this);
-        this.itterateListeners(function (listener) {
-            if (listener.entityRemoved) {
-                listener.entityRemoved();
-            }
-        });
-    };
-    return BaseModel;
-}(BaseEntity_1.BaseEnity));
-exports.BaseModel = BaseModel;
-var PointModel = (function (_super) {
-    __extends(PointModel, _super);
-    function PointModel(link, points) {
-        var _this = _super.call(this) || this;
-        _this.x = points.x;
-        _this.y = points.y;
-        _this.link = link;
-        return _this;
-    }
-    PointModel.prototype.serialize = function () {
-        return _.extend(_super.prototype.serialize.call(this), {
-            x: this.x,
-            y: this.y
-        });
-    };
-    PointModel.prototype.remove = function () {
-        _super.prototype.remove.call(this);
-        //clear references
-        if (this.link) {
-            this.link.removePoint(this);
-        }
-    };
-    PointModel.prototype.updateLocation = function (points) {
-        this.x = points.x;
-        this.y = points.y;
-    };
-    PointModel.prototype.getX = function () {
-        return this.x;
-    };
-    PointModel.prototype.getY = function () {
-        return this.y;
-    };
-    PointModel.prototype.getLink = function () {
-        return this.link;
-    };
-    return PointModel;
-}(BaseModel));
-exports.PointModel = PointModel;
-var LinkModel = (function (_super) {
-    __extends(LinkModel, _super);
-    function LinkModel() {
-        var _this = _super.call(this) || this;
-        _this.linkType = 'default';
-        _this.points = [
-            new PointModel(_this, { x: 0, y: 0 }),
-            new PointModel(_this, { x: 0, y: 0 }),
-        ];
-        _this.extras = {};
-        _this.sourcePort = null;
-        _this.targetPort = null;
-        return _this;
-    }
-    LinkModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            type: this.linkType,
-            source: this.sourcePort ? this.sourcePort.getParent().id : null,
-            sourcePort: this.sourcePort ? this.sourcePort.id : null,
-            points: _.map(this.points, function (point) {
-                return point.serialize();
-            }),
-            extras: this.extras
-        });
-    };
-    LinkModel.prototype.remove = function () {
-        _super.prototype.remove.call(this);
-        if (this.sourcePort) {
-            this.sourcePort.removeLink(this);
-        }
-        if (this.targetPort) {
-            this.targetPort.removeLink(this);
-        }
-    };
-    LinkModel.prototype.isLastPoint = function (point) {
-        var index = this.getPointIndex(point);
-        return index === this.points.length - 1;
-    };
-    LinkModel.prototype.getPointIndex = function (point) {
-        return this.points.indexOf(point);
-    };
-    LinkModel.prototype.getPointModel = function (id) {
-        for (var i = 0; i < this.points.length; i++) {
-            if (this.points[i].id === id) {
-                return this.points[i];
-            }
-        }
-        return null;
-    };
-    LinkModel.prototype.getFirstPoint = function () {
-        return this.points[0];
-    };
-    LinkModel.prototype.getLastPoint = function () {
-        return this.points[this.points.length - 1];
-    };
-    LinkModel.prototype.setSourcePort = function (port) {
-        port.addLink(this);
-        this.sourcePort = port;
-    };
-    LinkModel.prototype.getSourcePort = function () {
-        return this.sourcePort;
-    };
-    LinkModel.prototype.getTargetPort = function () {
-        return this.targetPort;
-    };
-    LinkModel.prototype.setTargetPort = function (port) {
-        port.addLink(this);
-        this.targetPort = port;
-    };
-    LinkModel.prototype.getPoints = function () {
-        return this.points;
-    };
-    LinkModel.prototype.setPoints = function (points) {
-        this.points = points;
-    };
-    LinkModel.prototype.removePoint = function (pointModel) {
-        this.points.splice(this.getPointIndex(pointModel), 1);
-    };
-    LinkModel.prototype.addPoint = function (pointModel, index) {
-        if (index === void 0) { index = 1; }
-        this.points.splice(index, 0, pointModel);
-    };
-    LinkModel.prototype.getType = function () {
-        return this.linkType;
-    };
-    return LinkModel;
-}(BaseModel));
-exports.LinkModel = LinkModel;
-var PortModel = (function (_super) {
-    __extends(PortModel, _super);
-    function PortModel(name) {
-        var _this = _super.call(this) || this;
-        _this.name = name;
-        _this.links = {};
-        _this.parentNode = null;
-        return _this;
-    }
-    PortModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            name: this.name,
-            parentNode: this.parentNode.id,
-            links: _.map(this.links, function (link) {
-                return link.id;
-            })
-        });
-    };
-    PortModel.prototype.getName = function () {
-        return this.name;
-    };
-    PortModel.prototype.getParent = function () {
-        return this.parentNode;
-    };
-    PortModel.prototype.setParentNode = function (node) {
-        this.parentNode = node;
-    };
-    PortModel.prototype.removeLink = function (link) {
-        delete this.links[link.getID()];
-    };
-    PortModel.prototype.addLink = function (link) {
-        this.links[link.getID()] = link;
-    };
-    PortModel.prototype.getLinks = function () {
-        return this.links;
-    };
-    return PortModel;
-}(BaseModel));
-exports.PortModel = PortModel;
-var NodeModel = (function (_super) {
-    __extends(NodeModel, _super);
-    function NodeModel(nodeType) {
-        if (nodeType === void 0) { nodeType = 'default'; }
-        var _this = _super.call(this) || this;
-        _this.nodeType = nodeType;
-        _this.x = 0;
-        _this.y = 0;
-        _this.extras = {};
-        _this.ports = {};
-        return _this;
-    }
-    NodeModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            type: this.nodeType,
-            x: this.x,
-            y: this.y,
-            extras: this.extras,
-            ports: _.map(this.ports, function (port) {
-                return port.serialize();
-            })
-        });
-    };
-    NodeModel.prototype.remove = function () {
-        _super.prototype.remove.call(this);
-        for (var i in this.ports) {
-            _.forEach(this.ports[i].getLinks(), function (link) {
-                link.remove();
-            });
-        }
-    };
-    NodeModel.prototype.getPort = function (name) {
-        return this.ports[name];
-    };
-    NodeModel.prototype.getPorts = function () {
-        return this.ports;
-    };
-    NodeModel.prototype.removePort = function (port) {
-        //clear the parent node reference
-        if (this.ports[port.name]) {
-            this.ports[port.name].setParentNode(null);
-            delete this.ports[port.name];
-        }
-    };
-    NodeModel.prototype.addPort = function (port) {
-        port.setParentNode(this);
-        this.ports[port.name] = port;
-        return port;
-    };
-    NodeModel.prototype.getType = function () {
-        return this.nodeType;
-    };
-    return NodeModel;
-}(BaseModel));
-exports.NodeModel = NodeModel;
-
-
-/***/ }),
-/* 3 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var Toolkit_1 = __webpack_require__(4);
-/**
- * @author Dylan Vorster
- */
-var BaseListener = (function () {
-    function BaseListener() {
-    }
-    return BaseListener;
-}());
-exports.BaseListener = BaseListener;
-var BaseEnity = (function () {
-    function BaseEnity() {
-        this.listeners = {};
-        this.id = Toolkit_1.Toolkit.UID();
-    }
-    BaseEnity.prototype.getID = function () {
-        return this.id;
-    };
-    BaseEnity.prototype.clearListeners = function () {
-        this.listeners = {};
-    };
-    BaseEnity.prototype.serialize = function () {
-        return {
-            id: this.id,
-        };
-    };
-    BaseEnity.prototype.itterateListeners = function (cb) {
-        for (var i in this.listeners) {
-            cb(this.listeners[i]);
-        }
-    };
-    BaseEnity.prototype.removeListener = function (listener) {
-        if (this.listeners[listener]) {
-            delete this.listeners[listener];
-            return true;
-        }
-        return false;
-    };
-    BaseEnity.prototype.addListener = function (listener) {
-        var uid = Toolkit_1.Toolkit.UID();
-        this.listeners[uid] = listener;
-        return uid;
-    };
-    return BaseEnity;
-}());
-exports.BaseEnity = BaseEnity;
-
-
-/***/ }),
-/* 4 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-/**
- * @author Dylan Vorster
- */
-var Toolkit = (function () {
-    function Toolkit() {
-    }
-    /**
-   * Generats a unique ID (thanks Stack overflow :3)
-   * @returns {String}
-   */
-    Toolkit.UID = function () {
-        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-            var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
-            return v.toString(16);
-        });
-    };
-    return Toolkit;
-}());
-exports.Toolkit = Toolkit;
-
-
-/***/ }),
-/* 5 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-/**
- * @author Dylan Vorster
- */
-var WidgetFactory = (function () {
-    function WidgetFactory(name) {
-        this.type = name;
-    }
-    WidgetFactory.prototype.getType = function () {
-        return this.type;
-    };
-    return WidgetFactory;
-}());
-exports.WidgetFactory = WidgetFactory;
-var NodeWidgetFactory = (function (_super) {
-    __extends(NodeWidgetFactory, _super);
-    function NodeWidgetFactory() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return NodeWidgetFactory;
-}(WidgetFactory));
-exports.NodeWidgetFactory = NodeWidgetFactory;
-var LinkWidgetFactory = (function (_super) {
-    __extends(LinkWidgetFactory, _super);
-    function LinkWidgetFactory() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return LinkWidgetFactory;
-}(WidgetFactory));
-exports.LinkWidgetFactory = LinkWidgetFactory;
-
-
-/***/ }),
-/* 6 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var Common_1 = __webpack_require__(2);
-var BaseEntity_1 = __webpack_require__(3);
-var _ = __webpack_require__(1);
-/**
- *
- */
-var DiagramModel = (function (_super) {
-    __extends(DiagramModel, _super);
-    function DiagramModel() {
-        var _this = _super.call(this) || this;
-        _this.links = {};
-        _this.nodes = {};
-        _this.offsetX = 0;
-        _this.offsetY = 0;
-        _this.zoom = 100;
-        return _this;
-    }
-    DiagramModel.prototype.deSerialize = function (object) {
-    };
-    DiagramModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            offsetX: this.offsetX,
-            offsetY: this.offsetY,
-            zoom: this.zoom,
-            links: _.map(this.links, function (link) {
-                return link.serialize();
-            }),
-            nodes: _.map(this.nodes, function (link) {
-                return link.serialize();
-            }),
-        });
-    };
-    DiagramModel.prototype.clearSelection = function (ignore) {
-        if (ignore === void 0) { ignore = null; }
-        _.forEach(this.getSelectedItems(), function (element) {
-            if (ignore && ignore.getID() === element.getID()) {
-                return;
-            }
-            element.setSelected(false); //TODO dont fire the listener
-        });
-    };
-    DiagramModel.prototype.getSelectedItems = function () {
-        var items = [];
-        //find all nodes
-        items = items.concat(_.filter(this.nodes, function (node) {
-            return node.isSelected();
-        }));
-        //find all points
-        items = items.concat(_.filter(_.flatMap(this.links, function (node) {
-            return node.points;
-        }), function (port) {
-            return port.isSelected();
-        }));
-        //find all links
-        return items.concat(_.filter(this.links, function (link) {
-            return link.isSelected();
-        }));
-    };
-    DiagramModel.prototype.setZoomLevel = function (zoom) {
-        this.zoom = zoom;
-        this.itterateListeners(function (listener) {
-            listener.controlsUpdated();
-        });
-    };
-    DiagramModel.prototype.setOffset = function (offsetX, offsetY) {
-        this.offsetX = offsetX;
-        this.offsetY = offsetY;
-        this.itterateListeners(function (listener) {
-            listener.controlsUpdated();
-        });
-    };
-    DiagramModel.prototype.setOffsetX = function (offsetX) {
-        this.offsetX = offsetX;
-        this.itterateListeners(function (listener) {
-            listener.controlsUpdated();
-        });
-    };
-    DiagramModel.prototype.setOffsetY = function (offsetY) {
-        this.offsetX = offsetY;
-        this.itterateListeners(function (listener) {
-            listener.controlsUpdated();
-        });
-    };
-    DiagramModel.prototype.getOffsetY = function () {
-        return this.offsetY;
-    };
-    DiagramModel.prototype.getOffsetX = function () {
-        return this.offsetX;
-    };
-    DiagramModel.prototype.getZoomLevel = function () {
-        return this.zoom;
-    };
-    DiagramModel.prototype.getNode = function (node) {
-        if (node instanceof Common_1.NodeModel) {
-            return node;
-        }
-        if (!this.nodes[node]) {
-            return null;
-        }
-        return this.nodes[node];
-    };
-    DiagramModel.prototype.getLink = function (link) {
-        if (link instanceof Common_1.LinkModel) {
-            return link;
-        }
-        if (!this.links[link]) {
-            return null;
-        }
-        return this.links[link];
-    };
-    DiagramModel.prototype.addLink = function (link) {
-        var _this = this;
-        link.addListener({
-            entityRemoved: function () {
-                _this.removeLink(link);
-            }
-        });
-        this.links[link.getID()] = link;
-        this.itterateListeners(function (listener) {
-            listener.linksUpdated();
-        });
-        return link;
-    };
-    DiagramModel.prototype.addNode = function (node) {
-        var _this = this;
-        node.addListener({
-            entityRemoved: function () {
-                _this.removeNode(node);
-            }
-        });
-        this.nodes[node.getID()] = node;
-        this.itterateListeners(function (listener) {
-            listener.nodesUpdated();
-        });
-        return node;
-    };
-    DiagramModel.prototype.removeLink = function (link) {
-        if (link instanceof Common_1.LinkModel) {
-            delete this.links[link.getID()];
-            this.itterateListeners(function (listener) {
-                listener.linksUpdated();
-            });
-            return;
-        }
-        delete this.links['' + link];
-        this.itterateListeners(function (listener) {
-            listener.linksUpdated();
-        });
-    };
-    DiagramModel.prototype.removeNode = function (node) {
-        if (node instanceof Common_1.NodeModel) {
-            delete this.nodes[node.getID()];
-            this.itterateListeners(function (listener) {
-                listener.nodesUpdated();
-            });
-            return;
-        }
-        delete this.nodes['' + node];
-        this.itterateListeners(function (listener) {
-            listener.nodesUpdated();
-        });
-    };
-    DiagramModel.prototype.getLinks = function () {
-        return this.links;
-    };
-    DiagramModel.prototype.getNodes = function () {
-        return this.nodes;
-    };
-    return DiagramModel;
-}(BaseEntity_1.BaseEnity));
-exports.DiagramModel = DiagramModel;
-
-
-/***/ }),
-/* 7 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var Common_1 = __webpack_require__(2);
-var _ = __webpack_require__(1);
-/**
- * @author Dylan Vorster
- */
-var DefaultLinkWidget = (function (_super) {
-    __extends(DefaultLinkWidget, _super);
-    function DefaultLinkWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            selected: false
-        };
-        return _this;
-    }
-    DefaultLinkWidget.prototype.generatePoint = function (pointIndex) {
-        var _this = this;
-        return React.DOM.g({ key: 'point-' + this.props.link.points[pointIndex].id }, React.DOM.circle({
-            className: 'point pointui' + (this.props.link.points[pointIndex].isSelected() ? ' selected' : ''),
-            cx: this.props.link.points[pointIndex].x,
-            cy: this.props.link.points[pointIndex].y,
-            r: 5,
-        }), React.DOM.circle({
-            className: 'point',
-            'data-linkid': this.props.link.id,
-            'data-id': this.props.link.points[pointIndex].id,
-            cx: this.props.link.points[pointIndex].x,
-            cy: this.props.link.points[pointIndex].y,
-            r: 15,
-            opacity: 0,
-            onMouseLeave: function () {
-                _this.setState({ selected: false });
-                //				this.props.link.setSelected(false);
-            },
-            onMouseEnter: function () {
-                _this.setState({ selected: true });
-                //				this.props.link.setSelected(true);
-            },
-        }));
-    };
-    DefaultLinkWidget.prototype.generateLink = function (extraProps) {
-        var _this = this;
-        var Bottom = React.DOM.path(_.merge({
-            className: (this.state.selected || this.props.link.isSelected()) ? 'selected' : '',
-            strokeWidth: this.props.width,
-            stroke: this.props.color
-        }, extraProps));
-        var Top = React.DOM.path(_.merge({
-            onMouseLeave: function () {
-                _this.setState({ selected: false });
-            },
-            onMouseEnter: function () {
-                _this.setState({ selected: true });
-            },
-            'data-linkid': this.props.link.getID(),
-            stroke: this.props.color,
-            strokeOpacity: this.state.selected ? 0.1 : 0,
-            strokeWidth: 20,
-            onContextMenu: function (event) {
-                event.preventDefault();
-                _this.props.link.remove();
-            },
-        }, extraProps));
-        return React.DOM.g({ key: 'link-' + extraProps.id }, Bottom, Top);
-    };
-    DefaultLinkWidget.prototype.render = function () {
-        var _this = this;
-        //ensure id is present for all points on the path
-        var points = this.props.link.points;
-        var paths = [];
-        //draw the smoothing
-        if (points.length === 2) {
-            //if the points are too close, just draw a straight line
-            var margin = 50;
-            if (Math.abs(points[0].x - points[1].x) < 50) {
-                margin = 5;
-            }
-            var pointLeft = points[0];
-            var pointRight = points[1];
-            //some defensive programming to make sure the smoothing is
-            //always in the right direction
-            if (pointLeft.x > pointRight.x) {
-                pointLeft = points[1];
-                pointRight = points[0];
-            }
-            paths.push(this.generateLink({
-                id: 0,
-                onMouseDown: function (event) {
-                    if (!event.shiftKey) {
-                        var point = new Common_1.PointModel(_this.props.link, _this.props.diagramEngine.getRelativeMousePoint(event));
-                        point.setSelected(true);
-                        _this.forceUpdate();
-                        _this.props.link.addPoint(point, 1);
-                        _this.props.pointAdded(point, event);
-                    }
-                },
-                d: " M" + pointLeft.x + " " + pointLeft.y
-                    + " C" + (pointLeft.x + margin) + " " + pointLeft.y
-                    + " " + (pointRight.x - margin) + " " + pointRight.y
-                    + " " + pointRight.x + " " + pointRight.y
-            }));
-            if (this.props.link.targetPort === null) {
-                paths.push(this.generatePoint(1));
-            }
-        }
-        else {
-            var ds = [];
-            if (this.props.smooth) {
-                ds.push(" M" + points[0].x + " " + points[0].y + " C " + (points[0].x + 50) + " " + points[0].y + " " + points[1].x + " " + points[1].y + " " + points[1].x + " " + points[1].y);
-                for (var i = 1; i < points.length - 2; i++) {
-                    ds.push(" M " + points[i].x + " " + points[i].y + " L " + points[i + 1].x + " " + points[i + 1].y);
-                }
-                ds.push(" M" + points[i].x + " " + points[i].y + " C " + points[i].x + " " + points[i].y + " " + (points[i + 1].x - 50) + " " + points[i + 1].y + " " + points[i + 1].x + " " + points[i + 1].y);
-            }
-            else {
-                var ds = [];
-                for (var i = 0; i < points.length - 1; i++) {
-                    ds.push(" M " + points[i].x + " " + points[i].y + " L " + points[i + 1].x + " " + points[i + 1].y);
-                }
-            }
-            paths = ds.map(function (data, index) {
-                return _this.generateLink({
-                    id: index,
-                    'data-linkid': _this.props.link.id,
-                    'data-point': index,
-                    onMouseDown: function (event) {
-                        if (!event.shiftKey) {
-                            var point = new Common_1.PointModel(_this.props.link, _this.props.diagramEngine.getRelativeMousePoint(event));
-                            point.setSelected(true);
-                            _this.forceUpdate();
-                            _this.props.link.addPoint(point, index + 1);
-                            _this.props.pointAdded(point, event);
-                        }
-                    },
-                    d: data
-                });
-            });
-            //render the circles
-            for (var i = 1; i < points.length - 1; i++) {
-                paths.push(this.generatePoint(i));
-            }
-            if (this.props.link.targetPort === null) {
-                paths.push(this.generatePoint(points.length - 1));
-            }
-        }
-        return (React.DOM.g(null, paths));
-    };
-    return DefaultLinkWidget;
-}(React.Component));
-DefaultLinkWidget.defaultProps = {
-    color: 'black',
-    width: 3,
-    link: null,
-    engine: null,
-    smooth: false,
-    diagramEngine: null
-};
-exports.DefaultLinkWidget = DefaultLinkWidget;
-
-
-/***/ }),
-/* 8 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var _ = __webpack_require__(1);
-var div = React.DOM.div;
-var DefaultPortLabelWidget_1 = __webpack_require__(24);
-/**
- * @author Dylan Vorster
- */
-var DefaultNodeWidget = (function (_super) {
-    __extends(DefaultNodeWidget, _super);
-    function DefaultNodeWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    DefaultNodeWidget.prototype.render = function () {
-        return (div({ className: 'basic-node', style: { background: this.props.node.color } }, div({ className: 'title' }, div({ className: 'name' }, this.props.node.name), div({ className: 'fa fa-close', onClick: this.props.node.remove })), div({ className: 'ports' }, div({ className: 'in' }, _.map(this.props.node.getInPorts(), function (port) {
-            return React.createElement(DefaultPortLabelWidget_1.DefaultPortLabel, { model: port });
-        })), div({ className: 'out' }, _.map(this.props.node.getOutPorts(), function (port) {
-            return React.createElement(DefaultPortLabelWidget_1.DefaultPortLabel, { model: port });
-        })))));
-    };
-    return DefaultNodeWidget;
-}(React.Component));
-DefaultNodeWidget.defaultProps = {
-    node: null,
-};
-exports.DefaultNodeWidget = DefaultNodeWidget;
-
-
-/***/ }),
-/* 9 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var LinkWidget_1 = __webpack_require__(10);
-var _ = __webpack_require__(1);
-/**
- * @author Dylan Vorster
- */
-var LinkLayerWidget = (function (_super) {
-    __extends(LinkLayerWidget, _super);
-    function LinkLayerWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    LinkLayerWidget.prototype.componentDidMount = function () {
-        var _this = this;
-        setTimeout(function () {
-            _this.forceUpdate();
-        }, 10);
-    };
-    LinkLayerWidget.prototype.render = function () {
-        var _this = this;
-        var diagramModel = this.props.diagramEngine.getDiagramModel();
-        return (React.DOM.svg({
-            style: {
-                transform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY() + 'px)',
-                width: '100%',
-                height: '100%'
-            }
-        }, _.map(diagramModel.getLinks(), function (link) {
-            //TODO just improve this vastly x_x
-            if (link.sourcePort !== null) {
-                try {
-                    //generate a point
-                    link.points[0].updateLocation(_this.props.diagramEngine.getPortCenter(link.sourcePort));
-                }
-                //remove the link because its problematic (TODO implement this rather at an engine level)
-                catch (ex) {
-                    console.log(ex);
-                    diagramModel.removeLink(link);
-                    return;
-                }
-            }
-            if (link.targetPort !== null) {
-                try {
-                    _.last(link.points).updateLocation(_this.props.diagramEngine.getPortCenter(link.targetPort));
-                }
-                //remove the link because its problematic (TODO implement this rather at an engine level)
-                catch (ex) {
-                    console.log(ex);
-                    diagramModel.removeLink(link);
-                    return;
-                }
-            }
-            //generate links
-            var generatedLink = _this.props.diagramEngine.generateWidgetForLink(link);
-            if (!generatedLink) {
-                console.log("no link generated for type: " + link.getType());
-                return null;
-            }
-            return (React.createElement(LinkWidget_1.LinkWidget, {
-                key: link.getID(),
-                link: link,
-                diagramEngine: _this.props.diagramEngine,
-            }, React.cloneElement(generatedLink, { pointAdded: _this.props.pointAdded })));
-        })));
-    };
-    return LinkLayerWidget;
-}(React.Component));
-exports.LinkLayerWidget = LinkLayerWidget;
-
-
-/***/ }),
-/* 10 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-/**
- * @author Dylan Vorster
- */
-var LinkWidget = (function (_super) {
-    __extends(LinkWidget, _super);
-    function LinkWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    LinkWidget.prototype.shouldComponentUpdate = function () {
-        return this.props.diagramEngine.canEntityRepaint(this.props.link);
-    };
-    LinkWidget.prototype.render = function () {
-        return this.props.children;
-    };
-    return LinkWidget;
-}(React.Component));
-exports.LinkWidget = LinkWidget;
-
-
-/***/ }),
-/* 11 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var _ = __webpack_require__(1);
-var NodeWidget_1 = __webpack_require__(12);
-/**
- * @author Dylan Vorster
- */
-var NodeLayerWidget = (function (_super) {
-    __extends(NodeLayerWidget, _super);
-    function NodeLayerWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    NodeLayerWidget.prototype.render = function () {
-        var _this = this;
-        var diagramModel = this.props.diagramEngine.getDiagramModel();
-        return (React.DOM.div({
-            className: 'node-view',
-            style: {
-                transform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY() + 'px)',
-                width: '100%',
-                height: '100%'
-            }
-        }, _.map(diagramModel.getNodes(), function (node) {
-            return (React.createElement(NodeWidget_1.NodeWidget, { diagramEngine: _this.props.diagramEngine, key: node.id, node: node }, _this.props.diagramEngine.generateWidgetForNode(node)));
-        })));
-    };
-    return NodeLayerWidget;
-}(React.Component));
-exports.NodeLayerWidget = NodeLayerWidget;
-
-
-/***/ }),
-/* 12 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-/**
- * @author Dylan Vorster
- */
-var NodeWidget = (function (_super) {
-    __extends(NodeWidget, _super);
-    function NodeWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    NodeWidget.prototype.shouldComponentUpdate = function () {
-        return this.props.diagramEngine.canEntityRepaint(this.props.node);
-    };
-    NodeWidget.prototype.render = function () {
-        return (React.DOM.div({
-            'data-nodeid': this.props.node.id,
-            className: 'node' + (this.props.node.isSelected() ? ' selected' : ''),
-            style: {
-                top: this.props.node.y,
-                left: this.props.node.x,
-            }
-        }, React.cloneElement(this.props.children, {})));
-    };
-    return NodeWidget;
-}(React.Component));
-exports.NodeWidget = NodeWidget;
-
-
-/***/ }),
-/* 13 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-/**
- * @author Dylan Vorster
- */
-var PortWidget = (function (_super) {
-    __extends(PortWidget, _super);
-    function PortWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            selected: false
-        };
-        return _this;
-    }
-    PortWidget.prototype.render = function () {
-        var _this = this;
-        return (React.DOM.div({
-            onMouseEnter: function () {
-                _this.setState({ selected: true });
-            },
-            onMouseLeave: function () {
-                _this.setState({ selected: false });
-            },
-            className: 'port' + (this.state.selected ? ' selected' : ''),
-            'data-name': this.props.name,
-            'data-nodeid': this.props.node.getID()
-        }));
-    };
-    return PortWidget;
-}(React.Component));
-exports.PortWidget = PortWidget;
-
-
-/***/ }),
-/* 14 */
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(17);
-if(typeof content === 'string') content = [[module.i, content, '']];
-// add the styles to the DOM
-var update = __webpack_require__(19)(content, {});
-if(content.locals) module.exports = content.locals;
-// Hot Module Replacement
-if(false) {
-	// When the styles change, update the <style> tags
-	if(!content.locals) {
-		module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss", function() {
-			var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss");
-			if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
-			update(newContent);
-		});
-	}
-	// When the module is disposed, remove the <style> tags
-	module.hot.dispose(function() { update(); });
-}
-
-/***/ }),
-/* 15 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/**
- * @author Dylan Vorster
- */
-
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
-//export defaults
-__export(__webpack_require__(21));
-__export(__webpack_require__(7));
-__export(__webpack_require__(22));
-__export(__webpack_require__(8));
-__export(__webpack_require__(23));
-__export(__webpack_require__(25));
-__export(__webpack_require__(5));
-__export(__webpack_require__(4));
-__export(__webpack_require__(20));
-__export(__webpack_require__(6));
-__export(__webpack_require__(3));
-__export(__webpack_require__(2));
-__export(__webpack_require__(26));
-__export(__webpack_require__(9));
-__export(__webpack_require__(10));
-__export(__webpack_require__(11));
-__export(__webpack_require__(12));
-__export(__webpack_require__(13));
-
-
-/***/ }),
-/* 16 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE_16__;
-
-/***/ }),
-/* 17 */
-/***/ (function(module, exports, __webpack_require__) {
-
-exports = module.exports = __webpack_require__(18)();
-// imports
-
-
-// module
-exports.push([module.i, "* {\n  margin: 0;\n  padding: 0; }\n\nhtml, body {\n  width: 100%;\n  height: 100%;\n  background: #3c3c3c;\n  display: flex; }\n\n.storm-diagrams-canvas {\n  position: relative;\n  flex-grow: 1;\n  display: flex;\n  cursor: move;\n  overflow: hidden; }\n  .storm-diagrams-canvas .point {\n    fill: rgba(255, 255, 255, 0.5); }\n    .storm-diagrams-canvas .point.selected {\n      fill: #00c0ff; }\n  .storm-diagrams-canvas .selector {\n    position: absolute;\n    background-color: rgba(0, 192, 255, 0.2);\n    border: solid 2px #00c0ff; }\n  .storm-diagrams-canvas svg {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    transform-origin: 0 0;\n    overflow: visible; }\n  .storm-diagrams-canvas .node-view {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    position: absolute;\n    pointer-events: none;\n    transform-origin: 0 0; }\n  .storm-diagrams-canvas .node {\n    position: absolute;\n    -webkit-touch-callout: none;\n    /* iOS Safari */\n    -webkit-user-select: none;\n    /* Chrome/Safari/Opera */\n    user-select: none;\n    cursor: move;\n    pointer-events: all; }\n    .storm-diagrams-canvas .node.selected > * {\n      border-color: #00c0ff !important;\n      box-shadow: 0 0 20px rgba(0, 192, 255, 0.5); }\n\n@keyframes dash {\n  from {\n    stroke-dashoffset: 24; }\n  to {\n    stroke-dashoffset: 0; } }\n  .storm-diagrams-canvas path {\n    fill: none;\n    pointer-events: all; }\n    .storm-diagrams-canvas path.selected {\n      stroke: #00c0ff !important;\n      stroke-dasharray: 10,2;\n      animation: dash 1s linear infinite; }\n  .storm-diagrams-canvas .port {\n    width: 15px;\n    height: 15px;\n    background: rgba(255, 255, 255, 0.1); }\n    .storm-diagrams-canvas .port:hover, .storm-diagrams-canvas .port.selected {\n      background: #c0ff00; }\n  .storm-diagrams-canvas .basic-node {\n    background-color: #1e1e1e;\n    border-radius: 5px;\n    font-family: Arial;\n    color: white;\n    border: solid 2px black;\n    overflow: hidden;\n    font-size: 11px;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }\n    .storm-diagrams-canvas .basic-node .title {\n      /*\t\t\tbackground-image: linear-gradient(rgba(black,0.1),rgba(black,0.2));*/\n      background: rgba(0, 0, 0, 0.3);\n      display: flex;\n      white-space: nowrap; }\n      .storm-diagrams-canvas .basic-node .title > * {\n        align-self: center; }\n      .storm-diagrams-canvas .basic-node .title .fa {\n        padding: 5px;\n        opacity: 0.2;\n        cursor: pointer; }\n        .storm-diagrams-canvas .basic-node .title .fa:hover {\n          opacity: 1.0; }\n      .storm-diagrams-canvas .basic-node .title .name {\n        flex-grow: 1;\n        padding: 5px 5px; }\n    .storm-diagrams-canvas .basic-node .ports {\n      display: flex;\n      background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)); }\n      .storm-diagrams-canvas .basic-node .ports .in, .storm-diagrams-canvas .basic-node .ports .out {\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column; }\n      .storm-diagrams-canvas .basic-node .ports .in-port, .storm-diagrams-canvas .basic-node .ports .out-port {\n        display: flex;\n        margin-top: 1px; }\n        .storm-diagrams-canvas .basic-node .ports .in-port > *, .storm-diagrams-canvas .basic-node .ports .out-port > * {\n          align-self: center; }\n        .storm-diagrams-canvas .basic-node .ports .in-port .name, .storm-diagrams-canvas .basic-node .ports .out-port .name {\n          padding: 0 5px; }\n      .storm-diagrams-canvas .basic-node .ports .out-port {\n        justify-content: flex-end; }\n        .storm-diagrams-canvas .basic-node .ports .out-port .name {\n          justify-content: flex-end;\n          text-align: right; }\n", ""]);
-
-// exports
-
-
-/***/ }),
-/* 18 */
-/***/ (function(module, exports) {
-
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-// css base code, injected by the css-loader
-module.exports = function() {
-	var list = [];
-
-	// return the list of modules as css string
-	list.toString = function toString() {
-		var result = [];
-		for(var i = 0; i < this.length; i++) {
-			var item = this[i];
-			if(item[2]) {
-				result.push("@media " + item[2] + "{" + item[1] + "}");
-			} else {
-				result.push(item[1]);
-			}
-		}
-		return result.join("");
-	};
-
-	// import a list of modules into the list
-	list.i = function(modules, mediaQuery) {
-		if(typeof modules === "string")
-			modules = [[null, modules, ""]];
-		var alreadyImportedModules = {};
-		for(var i = 0; i < this.length; i++) {
-			var id = this[i][0];
-			if(typeof id === "number")
-				alreadyImportedModules[id] = true;
-		}
-		for(i = 0; i < modules.length; i++) {
-			var item = modules[i];
-			// skip already imported module
-			// this implementation is not 100% perfect for weird media query combinations
-			//  when a module is imported multiple times with different media queries.
-			//  I hope this will never occur (Hey this way we have smaller bundles)
-			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
-				if(mediaQuery && !item[2]) {
-					item[2] = mediaQuery;
-				} else if(mediaQuery) {
-					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
-				}
-				list.push(item);
-			}
-		}
-	};
-	return list;
-};
-
-
-/***/ }),
-/* 19 */
-/***/ (function(module, exports) {
-
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-var stylesInDom = {},
-	memoize = function(fn) {
-		var memo;
-		return function () {
-			if (typeof memo === "undefined") memo = fn.apply(this, arguments);
-			return memo;
-		};
-	},
-	isOldIE = memoize(function() {
-		return /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase());
-	}),
-	getHeadElement = memoize(function () {
-		return document.head || document.getElementsByTagName("head")[0];
-	}),
-	singletonElement = null,
-	singletonCounter = 0,
-	styleElementsInsertedAtTop = [];
-
-module.exports = function(list, options) {
-	if(typeof DEBUG !== "undefined" && DEBUG) {
-		if(typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
-	}
-
-	options = options || {};
-	// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
-	// tags it will allow on a page
-	if (typeof options.singleton === "undefined") options.singleton = isOldIE();
-
-	// By default, add <style> tags to the bottom of <head>.
-	if (typeof options.insertAt === "undefined") options.insertAt = "bottom";
-
-	var styles = listToStyles(list);
-	addStylesToDom(styles, options);
-
-	return function update(newList) {
-		var mayRemove = [];
-		for(var i = 0; i < styles.length; i++) {
-			var item = styles[i];
-			var domStyle = stylesInDom[item.id];
-			domStyle.refs--;
-			mayRemove.push(domStyle);
-		}
-		if(newList) {
-			var newStyles = listToStyles(newList);
-			addStylesToDom(newStyles, options);
-		}
-		for(var i = 0; i < mayRemove.length; i++) {
-			var domStyle = mayRemove[i];
-			if(domStyle.refs === 0) {
-				for(var j = 0; j < domStyle.parts.length; j++)
-					domStyle.parts[j]();
-				delete stylesInDom[domStyle.id];
-			}
-		}
-	};
-}
-
-function addStylesToDom(styles, options) {
-	for(var i = 0; i < styles.length; i++) {
-		var item = styles[i];
-		var domStyle = stylesInDom[item.id];
-		if(domStyle) {
-			domStyle.refs++;
-			for(var j = 0; j < domStyle.parts.length; j++) {
-				domStyle.parts[j](item.parts[j]);
-			}
-			for(; j < item.parts.length; j++) {
-				domStyle.parts.push(addStyle(item.parts[j], options));
-			}
-		} else {
-			var parts = [];
-			for(var j = 0; j < item.parts.length; j++) {
-				parts.push(addStyle(item.parts[j], options));
-			}
-			stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
-		}
-	}
-}
-
-function listToStyles(list) {
-	var styles = [];
-	var newStyles = {};
-	for(var i = 0; i < list.length; i++) {
-		var item = list[i];
-		var id = item[0];
-		var css = item[1];
-		var media = item[2];
-		var sourceMap = item[3];
-		var part = {css: css, media: media, sourceMap: sourceMap};
-		if(!newStyles[id])
-			styles.push(newStyles[id] = {id: id, parts: [part]});
-		else
-			newStyles[id].parts.push(part);
-	}
-	return styles;
-}
-
-function insertStyleElement(options, styleElement) {
-	var head = getHeadElement();
-	var lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];
-	if (options.insertAt === "top") {
-		if(!lastStyleElementInsertedAtTop) {
-			head.insertBefore(styleElement, head.firstChild);
-		} else if(lastStyleElementInsertedAtTop.nextSibling) {
-			head.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);
-		} else {
-			head.appendChild(styleElement);
-		}
-		styleElementsInsertedAtTop.push(styleElement);
-	} else if (options.insertAt === "bottom") {
-		head.appendChild(styleElement);
-	} else {
-		throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
-	}
-}
-
-function removeStyleElement(styleElement) {
-	styleElement.parentNode.removeChild(styleElement);
-	var idx = styleElementsInsertedAtTop.indexOf(styleElement);
-	if(idx >= 0) {
-		styleElementsInsertedAtTop.splice(idx, 1);
-	}
-}
-
-function createStyleElement(options) {
-	var styleElement = document.createElement("style");
-	styleElement.type = "text/css";
-	insertStyleElement(options, styleElement);
-	return styleElement;
-}
-
-function createLinkElement(options) {
-	var linkElement = document.createElement("link");
-	linkElement.rel = "stylesheet";
-	insertStyleElement(options, linkElement);
-	return linkElement;
-}
-
-function addStyle(obj, options) {
-	var styleElement, update, remove;
-
-	if (options.singleton) {
-		var styleIndex = singletonCounter++;
-		styleElement = singletonElement || (singletonElement = createStyleElement(options));
-		update = applyToSingletonTag.bind(null, styleElement, styleIndex, false);
-		remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);
-	} else if(obj.sourceMap &&
-		typeof URL === "function" &&
-		typeof URL.createObjectURL === "function" &&
-		typeof URL.revokeObjectURL === "function" &&
-		typeof Blob === "function" &&
-		typeof btoa === "function") {
-		styleElement = createLinkElement(options);
-		update = updateLink.bind(null, styleElement);
-		remove = function() {
-			removeStyleElement(styleElement);
-			if(styleElement.href)
-				URL.revokeObjectURL(styleElement.href);
-		};
-	} else {
-		styleElement = createStyleElement(options);
-		update = applyToTag.bind(null, styleElement);
-		remove = function() {
-			removeStyleElement(styleElement);
-		};
-	}
-
-	update(obj);
-
-	return function updateStyle(newObj) {
-		if(newObj) {
-			if(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)
-				return;
-			update(obj = newObj);
-		} else {
-			remove();
-		}
-	};
-}
-
-var replaceText = (function () {
-	var textStore = [];
-
-	return function (index, replacement) {
-		textStore[index] = replacement;
-		return textStore.filter(Boolean).join('\n');
-	};
-})();
-
-function applyToSingletonTag(styleElement, index, remove, obj) {
-	var css = remove ? "" : obj.css;
-
-	if (styleElement.styleSheet) {
-		styleElement.styleSheet.cssText = replaceText(index, css);
-	} else {
-		var cssNode = document.createTextNode(css);
-		var childNodes = styleElement.childNodes;
-		if (childNodes[index]) styleElement.removeChild(childNodes[index]);
-		if (childNodes.length) {
-			styleElement.insertBefore(cssNode, childNodes[index]);
-		} else {
-			styleElement.appendChild(cssNode);
-		}
-	}
-}
-
-function applyToTag(styleElement, obj) {
-	var css = obj.css;
-	var media = obj.media;
-
-	if(media) {
-		styleElement.setAttribute("media", media)
-	}
-
-	if(styleElement.styleSheet) {
-		styleElement.styleSheet.cssText = css;
-	} else {
-		while(styleElement.firstChild) {
-			styleElement.removeChild(styleElement.firstChild);
-		}
-		styleElement.appendChild(document.createTextNode(css));
-	}
-}
-
-function updateLink(linkElement, obj) {
-	var css = obj.css;
-	var sourceMap = obj.sourceMap;
-
-	if(sourceMap) {
-		// http://stackoverflow.com/a/26603875
-		css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
-	}
-
-	var blob = new Blob([css], { type: "text/css" });
-
-	var oldSrc = linkElement.href;
-
-	linkElement.href = URL.createObjectURL(blob);
-
-	if(oldSrc)
-		URL.revokeObjectURL(oldSrc);
-}
-
-
-/***/ }),
-/* 20 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var Common_1 = __webpack_require__(2);
-var BaseEntity_1 = __webpack_require__(3);
-var DiagramModel_1 = __webpack_require__(6);
-var _ = __webpack_require__(1);
-/**
- * Passed as a parameter to the DiagramWidget
- */
-var DiagramEngine = (function (_super) {
-    __extends(DiagramEngine, _super);
-    function DiagramEngine() {
-        var _this = _super.call(this) || this;
-        _this.diagramModel = new DiagramModel_1.DiagramModel();
-        _this.nodeFactories = {};
-        _this.linkFactories = {};
-        _this.canvas = null;
-        _this.paintableWidgets = null;
-        return _this;
-    }
-    DiagramEngine.prototype.clearRepaintEntities = function () {
-        this.paintableWidgets = null;
-    };
-    DiagramEngine.prototype.enableRepaintEntities = function (entities) {
-        var _this = this;
-        this.paintableWidgets = {};
-        entities.forEach(function (entity) {
-            //if a node is requested to repaint, add all of its links
-            if (entity instanceof Common_1.NodeModel) {
-                _.forEach(entity.getPorts(), function (port) {
-                    _.forEach(port.getLinks(), function (link) {
-                        _this.paintableWidgets[link.getID()] = true;
-                    });
-                });
-            }
-            if (entity instanceof Common_1.PointModel) {
-                _this.paintableWidgets[entity.getLink().getID()] = true;
-            }
-            _this.paintableWidgets[entity.getID()] = true;
-        });
-    };
-    DiagramEngine.prototype.canEntityRepaint = function (baseModel) {
-        //no rules applied, allow repaint
-        if (this.paintableWidgets === null) {
-            return true;
-        }
-        return this.paintableWidgets[baseModel.getID()] !== undefined;
-    };
-    DiagramEngine.prototype.setCanvas = function (canvas) {
-        this.canvas = canvas;
-    };
-    DiagramEngine.prototype.setDiagramModel = function (model) {
-        this.diagramModel = model;
-    };
-    DiagramEngine.prototype.getDiagramModel = function () {
-        return this.diagramModel;
-    };
-    DiagramEngine.prototype.getNodeFactories = function () {
-        return this.nodeFactories;
-    };
-    DiagramEngine.prototype.getLinkFactories = function () {
-        return this.linkFactories;
-    };
-    DiagramEngine.prototype.registerNodeFactory = function (factory) {
-        this.nodeFactories[factory.getType()] = factory;
-        this.itterateListeners(function (listener) {
-            listener.nodeFactoriesUpdated();
-        });
-    };
-    DiagramEngine.prototype.registerLinkFactory = function (factory) {
-        this.linkFactories[factory.getType()] = factory;
-        this.itterateListeners(function (listener) {
-            listener.linkFactoriesUpdated();
-        });
-    };
-    DiagramEngine.prototype.getFactoryForNode = function (node) {
-        if (this.nodeFactories[node.getType()]) {
-            return this.nodeFactories[node.getType()];
-        }
-        console.log("cannot find widget factory for node of type: [" + node.getType() + "]");
-        return null;
-    };
-    DiagramEngine.prototype.getFactoryForLink = function (link) {
-        if (this.linkFactories[link.getType()]) {
-            return this.linkFactories[link.getType()];
-        }
-        console.log("cannot find widget factory for link of type: [" + link.getType() + "]");
-        return null;
-    };
-    DiagramEngine.prototype.generateWidgetForLink = function (link) {
-        var linkFactory = this.getFactoryForLink(link);
-        if (!linkFactory) {
-            throw "Cannot find link factory for link: " + link.getType();
-        }
-        return linkFactory.generateReactWidget(this, link);
-    };
-    DiagramEngine.prototype.generateWidgetForNode = function (node) {
-        var nodeFactory = this.getFactoryForNode(node);
-        if (!nodeFactory) {
-            throw "Cannot find widget factory for node: " + node.getType();
-        }
-        return nodeFactory.generateReactWidget(this, node);
-    };
-    DiagramEngine.prototype.getRelativeMousePoint = function (event) {
-        var point = this.getRelativePoint(event.pageX, event.pageY);
-        return {
-            x: (point.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),
-            y: (point.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()
-        };
-    };
-    DiagramEngine.prototype.getRelativePoint = function (x, y) {
-        var canvasRect = this.canvas.getBoundingClientRect();
-        return { x: x - canvasRect.left, y: y - canvasRect.top };
-    };
-    DiagramEngine.prototype.getNodePortElement = function (port) {
-        var selector = this.canvas.querySelector('.port[data-name="' + port.getName() + '"][data-nodeid="' + port.getParent().getID() + '"]');
-        if (selector === null) {
-            throw "Cannot find Node Port element with nodeID: [" + port.getParent().getID() + "] and name: [" + port.getName() + "]";
-        }
-        return selector;
-    };
-    DiagramEngine.prototype.getPortCenter = function (port) {
-        var sourceElement = this.getNodePortElement(port);
-        var sourceRect = sourceElement.getBoundingClientRect();
-        var rel = this.getRelativePoint(sourceRect.left, sourceRect.top);
-        return {
-            x: ((sourceElement.offsetWidth / 2) + rel.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),
-            y: ((sourceElement.offsetHeight / 2) + rel.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()
-        };
-    };
-    return DiagramEngine;
-}(BaseEntity_1.BaseEnity));
-exports.DiagramEngine = DiagramEngine;
-
-
-/***/ }),
-/* 21 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var WidgetFactories_1 = __webpack_require__(5);
-var React = __webpack_require__(0);
-var DefaultLinkWidget_1 = __webpack_require__(7);
-/**
- * @author Dylan Vorster
- */
-var DefaultLinkFactory = (function (_super) {
-    __extends(DefaultLinkFactory, _super);
-    function DefaultLinkFactory() {
-        return _super.call(this, "default") || this;
-    }
-    DefaultLinkFactory.prototype.generateReactWidget = function (diagramEngine, link) {
-        return React.createElement(DefaultLinkWidget_1.DefaultLinkWidget, {
-            link: link,
-            diagramEngine: diagramEngine
-        });
-    };
-    return DefaultLinkFactory;
-}(WidgetFactories_1.LinkWidgetFactory));
-exports.DefaultLinkFactory = DefaultLinkFactory;
-
-
-/***/ }),
-/* 22 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var WidgetFactories_1 = __webpack_require__(5);
-var React = __webpack_require__(0);
-var DefaultNodeWidget_1 = __webpack_require__(8);
-/**
- * @author Dylan Vorster
- */
-var DefaultNodeFactory = (function (_super) {
-    __extends(DefaultNodeFactory, _super);
-    function DefaultNodeFactory() {
-        return _super.call(this, "default") || this;
-    }
-    DefaultNodeFactory.prototype.generateModel = function () {
-    };
-    DefaultNodeFactory.prototype.generateReactWidget = function (diagramEngine, node) {
-        return React.createElement(DefaultNodeWidget_1.DefaultNodeWidget, {
-            node: node,
-            diagramEngine: diagramEngine
-        });
-    };
-    return DefaultNodeFactory;
-}(WidgetFactories_1.NodeWidgetFactory));
-exports.DefaultNodeFactory = DefaultNodeFactory;
-
-
-/***/ }),
-/* 23 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var Common_1 = __webpack_require__(2);
-var _ = __webpack_require__(1);
-/**
- * @author Dylan Vorster
- */
-var DefaultNodeModel = (function (_super) {
-    __extends(DefaultNodeModel, _super);
-    function DefaultNodeModel(name, color) {
-        if (name === void 0) { name = 'Untitled'; }
-        if (color === void 0) { color = 'rgb(0,192,255)'; }
-        var _this = _super.call(this, "default") || this;
-        _this.name = name;
-        _this.color = color;
-        return _this;
-    }
-    DefaultNodeModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            name: this.name,
-            color: this.color,
-        });
-    };
-    DefaultNodeModel.prototype.getInPorts = function () {
-        return _.filter(this.ports, function (portModel) {
-            return portModel.in;
-        });
-    };
-    DefaultNodeModel.prototype.getOutPorts = function () {
-        return _.filter(this.ports, function (portModel) {
-            return !portModel.in;
-        });
-    };
-    return DefaultNodeModel;
-}(Common_1.NodeModel));
-exports.DefaultNodeModel = DefaultNodeModel;
-
-
-/***/ }),
-/* 24 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var PortWidget_1 = __webpack_require__(13);
-/**
- * @author Dylan Vorster
- */
-var DefaultPortLabel = (function (_super) {
-    __extends(DefaultPortLabel, _super);
-    function DefaultPortLabel() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DefaultPortLabel.prototype.render = function () {
-        var port = React.createElement(PortWidget_1.PortWidget, { name: this.props.model.name, node: this.props.model.getParent() });
-        var label = React.DOM.div({ className: 'name' }, this.props.model.label);
-        return React.DOM.div({ className: (this.props.model.in ? 'in' : 'out') + '-port' }, this.props.model.in ? port : label, this.props.model.in ? label : port);
-    };
-    return DefaultPortLabel;
-}(React.Component));
-DefaultPortLabel.defaultProps = {
-    in: true,
-    label: "port"
-};
-exports.DefaultPortLabel = DefaultPortLabel;
-
-
-/***/ }),
-/* 25 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var Common_1 = __webpack_require__(2);
-var _ = __webpack_require__(1);
-/**
- * @author Dylan Vorster
- */
-var DefaultPortModel = (function (_super) {
-    __extends(DefaultPortModel, _super);
-    function DefaultPortModel(isInput, name, label) {
-        if (label === void 0) { label = null; }
-        var _this = _super.call(this, name) || this;
-        _this.in = isInput;
-        _this.label = label || name;
-        return _this;
-    }
-    DefaultPortModel.prototype.serialize = function () {
-        return _.extend(_super.prototype.serialize.call(this), {
-            in: this.in,
-            label: this.label,
-        });
-    };
-    return DefaultPortModel;
-}(Common_1.PortModel));
-exports.DefaultPortModel = DefaultPortModel;
-
-
-/***/ }),
-/* 26 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var _ = __webpack_require__(1);
-var Common_1 = __webpack_require__(2);
-var LinkLayerWidget_1 = __webpack_require__(9);
-var NodeLayerWidget_1 = __webpack_require__(11);
-var BaseAction = (function () {
-    function BaseAction(mouseX, mouseY) {
-        this.mouseX = mouseX;
-        this.mouseY = mouseY;
-        this.ms = (new Date()).getTime();
-    }
-    return BaseAction;
-}());
-exports.BaseAction = BaseAction;
-var SelectingAction = (function (_super) {
-    __extends(SelectingAction, _super);
-    function SelectingAction(mouseX, mouseY) {
-        var _this = _super.call(this, mouseX, mouseY) || this;
-        _this.mouseX2 = mouseX;
-        _this.mouseY2 = mouseY;
-        return _this;
-    }
-    SelectingAction.prototype.containsElement = function (x, y, diagramModel) {
-        var z = diagramModel.getZoomLevel() / 100.0;
-        return ((x + diagramModel.getOffsetX()) * z > this.mouseX &&
-            (x + diagramModel.getOffsetX()) * z < this.mouseX2 &&
-            (y + diagramModel.getOffsetY()) * z > this.mouseY &&
-            (y + diagramModel.getOffsetY()) * z < this.mouseY2);
-    };
-    return SelectingAction;
-}(BaseAction));
-var MoveCanvasAction = (function (_super) {
-    __extends(MoveCanvasAction, _super);
-    function MoveCanvasAction(mouseX, mouseY, diagramModel) {
-        var _this = _super.call(this, mouseX, mouseY) || this;
-        _this.initialOffsetX = diagramModel.getOffsetX();
-        _this.initialOffsetY = diagramModel.getOffsetY();
-        return _this;
-    }
-    return MoveCanvasAction;
-}(BaseAction));
-var MoveItemsAction = (function (_super) {
-    __extends(MoveItemsAction, _super);
-    function MoveItemsAction(mouseX, mouseY, diagramEngine) {
-        var _this = _super.call(this, mouseX, mouseY) || this;
-        _this.moved = false;
-        diagramEngine.enableRepaintEntities(diagramEngine.getDiagramModel().getSelectedItems());
-        _this.selectionModels = diagramEngine.getDiagramModel().getSelectedItems().map(function (item) {
-            return {
-                model: item,
-                initialX: item.x,
-                initialY: item.y,
-            };
-        });
-        return _this;
-    }
-    return MoveItemsAction;
-}(BaseAction));
-/**
- * @author Dylan Vorster
- */
-var DiagramWidget = (function (_super) {
-    __extends(DiagramWidget, _super);
-    function DiagramWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            action: null,
-            renderedNodes: false,
-            windowListener: null
-        };
-        return _this;
-    }
-    DiagramWidget.prototype.componentWillUnmount = function () {
-        this.props.diagramEngine.setCanvas(null);
-        window.removeEventListener('keydown', this.state.windowListener);
-    };
-    DiagramWidget.prototype.componentWillReceiveProps = function (nextProps) {
-        if (this.props.diagramEngine.id !== nextProps.diagramEngine.id) {
-            this.setState({ renderedNodes: false });
-        }
-    };
-    /**
-     * Gets a model and element under the mouse cursor
-     */
-    DiagramWidget.prototype.getMouseElement = function (event) {
-        var target = event.target;
-        var diagramModel = this.props.diagramEngine.diagramModel;
-        //is it a port
-        var element = target.closest('.port[data-name]');
-        if (element) {
-            var nodeElement = target.closest('.node[data-nodeid]');
-            return {
-                model: diagramModel.getNode(nodeElement.getAttribute('data-nodeid')).getPort(element.getAttribute('data-name')),
-                element: element
-            };
-        }
-        //look for a point
-        element = target.closest('.point[data-id]');
-        if (element) {
-            return {
-                model: diagramModel.getLink(element.getAttribute('data-linkid')).getPointModel(element.getAttribute('data-id')),
-                element: element
-            };
-        }
-        //look for a link
-        element = target.closest('[data-linkid]');
-        if (element) {
-            return {
-                model: diagramModel.getLink(element.getAttribute('data-linkid')),
-                element: element
-            };
-        }
-        //look for a node
-        element = target.closest('.node[data-nodeid]');
-        if (element) {
-            return {
-                model: diagramModel.getNode(element.getAttribute('data-nodeid')),
-                element: element
-            };
-        }
-        return null;
-    };
-    DiagramWidget.prototype.componentDidMount = function () {
-        var _this = this;
-        this.props.diagramEngine.setCanvas(this.refs['canvas']);
-        //TODO
-        //add a keybaord listener
-        this.setState({
-            renderedNodes: true,
-            windowListener: window.addEventListener('keydown', function (event) {
-                //delete all selected
-                if (event.keyCode === 46) {
-                    _.forEach(_this.props.diagramEngine.getDiagramModel().getSelectedItems(), function (element) {
-                        element.remove();
-                    });
-                    _this.forceUpdate();
-                }
-            })
-        });
-        window.focus();
-    };
-    DiagramWidget.prototype.render = function () {
-        var _this = this;
-        var diagramEngine = this.props.diagramEngine;
-        var diagramModel = diagramEngine.getDiagramModel();
-        return (React.DOM.div({
-            ref: 'canvas',
-            className: 'storm-diagrams-canvas',
-            onWheel: function (event) {
-                event.preventDefault();
-                event.stopPropagation();
-                diagramModel.setZoomLevel(diagramModel.getZoomLevel() + (event.deltaY / 60));
-                diagramEngine.enableRepaintEntities([]);
-                _this.forceUpdate();
-            },
-            onMouseMove: function (event) {
-                //select items so draw a bounding box
-                if (_this.state.action instanceof SelectingAction) {
-                    var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);
-                    _.forEach(diagramModel.getNodes(), function (node) {
-                        if (_this.state.action.containsElement(node.x, node.y, diagramModel)) {
-                            node.setSelected(true);
-                        }
-                    });
-                    _.forEach(diagramModel.getLinks(), function (link) {
-                        var allSelected = true;
-                        _.forEach(link.points, function (point) {
-                            if (_this.state.action.containsElement(point.x, point.y, diagramModel)) {
-                                point.setSelected(true);
-                            }
-                            else {
-                                allSelected = false;
-                            }
-                        });
-                        if (allSelected) {
-                            link.setSelected(true);
-                        }
-                    });
-                    _this.state.action.mouseX2 = relative.x;
-                    _this.state.action.mouseY2 = relative.y;
-                    _this.setState({ action: _this.state.action });
-                    return;
-                }
-                else if (_this.state.action instanceof MoveItemsAction) {
-                    _.forEach(_this.state.action.selectionModels, function (model) {
-                        if (model.model instanceof Common_1.NodeModel || model.model instanceof Common_1.PointModel) {
-                            model.model.x = model.initialX + ((event.pageX - _this.state.action.mouseX) / (diagramModel.getZoomLevel() / 100));
-                            model.model.y = model.initialY + ((event.pageY - _this.state.action.mouseY) / (diagramModel.getZoomLevel() / 100));
-                        }
-                    });
-                    _this.forceUpdate();
-                }
-                else if (_this.state.action instanceof MoveCanvasAction) {
-                    diagramModel.setOffset(_this.state.action.initialOffsetX + ((event.pageX - _this.state.action.mouseX) / (diagramModel.getZoomLevel() / 100)), _this.state.action.initialOffsetY + ((event.pageY - _this.state.action.mouseY) / (diagramModel.getZoomLevel() / 100)));
-                    _this.forceUpdate();
-                }
-            },
-            onMouseDown: function (event) {
-                diagramEngine.clearRepaintEntities();
-                var model = _this.getMouseElement(event);
-                //its the canvas
-                if (model === null) {
-                    //is it a multiple selection
-                    if (event.shiftKey) {
-                        var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);
-                        _this.setState({
-                            action: new SelectingAction(relative.x, relative.y)
-                        });
-                    }
-                    else {
-                        var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);
-                        diagramModel.clearSelection();
-                        _this.setState({
-                            action: new MoveCanvasAction(relative.x, relative.y, diagramModel)
-                        });
-                    }
-                }
-                else if (model.model instanceof Common_1.PortModel) {
-                    var relative = diagramEngine.getRelativeMousePoint(event);
-                    var link = new Common_1.LinkModel();
-                    link.setSourcePort(model.model);
-                    link.getFirstPoint().updateLocation(relative);
-                    link.getLastPoint().updateLocation(relative);
-                    diagramModel.clearSelection();
-                    link.getLastPoint().setSelected(true);
-                    diagramModel.addLink(link);
-                    _this.setState({
-                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)
-                    });
-                }
-                else {
-                    if (!event.shiftKey && !model.model.isSelected()) {
-                        diagramModel.clearSelection();
-                    }
-                    model.model.setSelected(true);
-                    _this.setState({
-                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)
-                    });
-                }
-            },
-            onMouseUp: function (event) {
-                //are we going to connect a link to something?
-                if (_this.state.action instanceof MoveItemsAction) {
-                    var element = _this.getMouseElement(event);
-                    if (element) {
-                        _.forEach(_this.state.action.selectionModels, function (model) {
-                            //only care about points connecting to things
-                            if (!(model.model instanceof Common_1.PointModel)) {
-                                return;
-                            }
-                            if (element.model instanceof Common_1.PortModel) {
-                                model.model.getLink().setTargetPort(element.model);
-                            }
-                        });
-                    }
-                }
-                diagramEngine.clearRepaintEntities();
-                _this.setState({ action: null });
-            }
-        }, this.state.renderedNodes ?
-            React.createElement(LinkLayerWidget_1.LinkLayerWidget, {
-                diagramEngine: diagramEngine, pointAdded: function (point, event) {
-                    event.stopPropagation();
-                    diagramModel.clearSelection(point);
-                    _this.setState({
-                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)
-                    });
-                }
-            }) : null, React.createElement(NodeLayerWidget_1.NodeLayerWidget, { diagramEngine: diagramEngine }), this.state.action instanceof SelectingAction ?
-            React.DOM.div({
-                className: 'selector',
-                style: {
-                    top: this.state.action.mouseY,
-                    left: this.state.action.mouseX,
-                    width: this.state.action.mouseX2 - this.state.action.mouseX,
-                    height: this.state.action.mouseY2 - this.state.action.mouseY,
-                }
-            }) : null));
-    };
-    return DiagramWidget;
-}(React.Component));
-exports.DiagramWidget = DiagramWidget;
-
-
-/***/ }),
-/* 27 */,
-/* 28 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var SRD = __webpack_require__(15);
-var React = __webpack_require__(0);
-var ReactDOM = __webpack_require__(16);
-__webpack_require__(14);
-/**
- *
- * Simple stress test of the system, shows that it can handle many nodes, and
- * retain good performance
- *
- * @Author Dylan Vorster
- */
-window.onload = function () {
-    //1) setup the diagram engine
-    var engine = new SRD.DiagramEngine();
-    engine.registerNodeFactory(new SRD.DefaultNodeFactory());
-    engine.registerLinkFactory(new SRD.DefaultLinkFactory());
-    function generateNodes(model, offsetX, offsetY) {
-        //3-A) create a default node
-        var node1 = new SRD.DefaultNodeModel("Node 1", "rgb(0,192,255)");
-        var port1 = node1.addPort(new SRD.DefaultPortModel(false, "out-1", "Out"));
-        node1.x = 100 + offsetX;
-        node1.y = 100 + offsetY;
-        //3-B) create another default node
-        var node2 = new SRD.DefaultNodeModel("Node 2", "rgb(192,255,0)");
-        var port2 = node2.addPort(new SRD.DefaultPortModel(true, "in-1", "IN"));
-        node2.x = 200 + offsetX;
-        node2.y = 100 + offsetY;
-        //3-C) link the 2 nodes together
-        var link1 = new SRD.LinkModel();
-        link1.setSourcePort(port1);
-        link1.setTargetPort(port2);
-        //4) add the models to the root graph
-        model.addNode(node1);
-        model.addNode(node2);
-        model.addLink(link1);
-    }
-    //2) setup the diagram model
-    var model = new SRD.DiagramModel();
-    for (var i = 0; i < 8; i++) {
-        for (var j = 0; j < 8; j++) {
-            generateNodes(model, i * 200, j * 100);
-        }
-    }
-    //5) load model into engine
-    engine.setDiagramModel(model);
-    //6) render the diagram!
-    ReactDOM.render(React.createElement(SRD.DiagramWidget, { diagramEngine: engine }), document.body);
-};
-
-
-/***/ })
-/******/ ]);
-});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("React"),require("lodash"),require("ReactDOM")):"function"==typeof define&&define.amd?define(["React","_","ReactDOM"],e):"object"==typeof exports?exports["storm-react-diagrams"]=e(require("React"),require("lodash"),require("ReactDOM")):t["storm-react-diagrams"]=e(t.React,t._,t.ReactDOM)}(this,function(t,e,n){return function(t){function e(o){if(n[o])return n[o].exports;var i=n[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=29)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(3),r=n(1),s=function(t){function e(){var e=t.call(this)||this;return e.selected=!1,e}return o(e,t),e.prototype.deSerialize=function(e){t.prototype.deSerialize.call(this,e),this.selected=e.selected},e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{_class:this.constructor.name,selected:this.selected})},e.prototype.getID=function(){return this.id},e.prototype.isSelected=function(){return this.selected},e.prototype.setSelected=function(t){this.selected=t,this.itterateListeners(function(t){t.selectionChanged&&t.selectionChanged()})},e.prototype.remove=function(){console.log("removing: ",this),this.itterateListeners(function(t){t.entityRemoved&&t.entityRemoved()})},e}(i.BaseEntity);e.BaseModel=s;var a=function(t){function e(e,n){var o=t.call(this)||this;return o.x=n.x,o.y=n.y,o.link=e,o}return o(e,t),e.prototype.deSerialize=function(e){t.prototype.deSerialize.call(this,e),this.x=e.x,this.y=e.y},e.prototype.serialize=function(){return r.extend(t.prototype.serialize.call(this),{x:this.x,y:this.y})},e.prototype.remove=function(){t.prototype.remove.call(this),this.link&&this.link.removePoint(this)},e.prototype.updateLocation=function(t){this.x=t.x,this.y=t.y},e.prototype.getX=function(){return this.x},e.prototype.getY=function(){return this.y},e.prototype.getLink=function(){return this.link},e}(s);e.PointModel=a;var c=function(t){function e(){var e=t.call(this)||this;return e.linkType="default",e.points=[new a(e,{x:0,y:0}),new a(e,{x:0,y:0})],e.extras={},e.sourcePort=null,e.targetPort=null,e}return o(e,t),e.prototype.deSerialize=function(e){var n=this;t.prototype.deSerialize.call(this,e),this.linkType=e.type,this.points=r.map(e.points,function(t){var e=new a(n,{x:t.x,y:t.y});return e.deSerialize(t),e})},e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{type:this.linkType,source:this.sourcePort?this.sourcePort.getParent().id:null,sourcePort:this.sourcePort?this.sourcePort.id:null,target:this.targetPort?this.targetPort.getParent().id:null,targetPort:this.targetPort?this.targetPort.id:null,points:r.map(this.points,function(t){return t.serialize()}),extras:this.extras})},e.prototype.remove=function(){t.prototype.remove.call(this),this.sourcePort&&this.sourcePort.removeLink(this),this.targetPort&&this.targetPort.removeLink(this)},e.prototype.isLastPoint=function(t){var e=this.getPointIndex(t);return e===this.points.length-1},e.prototype.getPointIndex=function(t){return this.points.indexOf(t)},e.prototype.getPointModel=function(t){for(var e=0;e<this.points.length;e++)if(this.points[e].id===t)return this.points[e];return null},e.prototype.getFirstPoint=function(){return this.points[0]},e.prototype.getLastPoint=function(){return this.points[this.points.length-1]},e.prototype.setSourcePort=function(t){t.addLink(this),this.sourcePort=t},e.prototype.getSourcePort=function(){return this.sourcePort},e.prototype.getTargetPort=function(){return this.targetPort},e.prototype.setTargetPort=function(t){t.addLink(this),this.targetPort=t},e.prototype.getPoints=function(){return this.points},e.prototype.setPoints=function(t){this.points=t},e.prototype.removePoint=function(t){this.points.splice(this.getPointIndex(t),1)},e.prototype.addPoint=function(t,e){void 0===e&&(e=1),this.points.splice(e,0,t)},e.prototype.getType=function(){return this.linkType},e}(s);e.LinkModel=c;var p=function(t){function e(e){var n=t.call(this)||this;return n.name=e,n.links={},n.parentNode=null,n}return o(e,t),e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{name:this.name,parentNode:this.parentNode.id,links:r.map(this.links,function(t){return t.id})})},e.prototype.getName=function(){return this.name},e.prototype.getParent=function(){return this.parentNode},e.prototype.setParentNode=function(t){this.parentNode=t},e.prototype.removeLink=function(t){delete this.links[t.getID()]},e.prototype.addLink=function(t){this.links[t.getID()]=t},e.prototype.getLinks=function(){return this.links},e}(s);e.PortModel=p;var u=function(t){function e(e){void 0===e&&(e="default");var n=t.call(this)||this;return n.nodeType=e,n.x=0,n.y=0,n.extras={},n.ports={},n}return o(e,t),e.prototype.deSerialize=function(e){t.prototype.deSerialize.call(this,e),this.nodeType=e.type,this.x=e.x,this.y=e.y,this.extras=e.extras},e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{type:this.nodeType,x:this.x,y:this.y,extras:this.extras,ports:r.map(this.ports,function(t){return t.serialize()})})},e.prototype.remove=function(){t.prototype.remove.call(this);for(var e in this.ports)r.forEach(this.ports[e].getLinks(),function(t){t.remove()})},e.prototype.getPort=function(t){return this.ports[t]},e.prototype.getPorts=function(){return this.ports},e.prototype.removePort=function(t){this.ports[t.name]&&(this.ports[t.name].setParentNode(null),delete this.ports[t.name])},e.prototype.addPort=function(t){return t.setParentNode(this),this.ports[t.name]=t,t},e.prototype.getType=function(){return this.nodeType},e}(s);e.NodeModel=u},function(t,e,n){"use strict";var o=n(7),i=function(){function t(){}return t}();e.BaseListener=i;var r=function(){function t(){this.listeners={},this.id=o.Toolkit.UID()}return t.prototype.getID=function(){return this.id},t.prototype.clearListeners=function(){this.listeners={}},t.prototype.deSerialize=function(t){this.id=t.id},t.prototype.serialize=function(){return{id:this.id}},t.prototype.itterateListeners=function(t){for(var e in this.listeners)t(this.listeners[e])},t.prototype.removeListener=function(t){return!!this.listeners[t]&&(delete this.listeners[t],!0)},t.prototype.addListener=function(t){var e=o.Toolkit.UID();return this.listeners[e]=t,e},t}();e.BaseEntity=r},function(t,e,n){"use strict";var o=function(){function t(t){this.className=t}return t.prototype.getName=function(){return this.className},t}();e.AbstractInstanceFactory=o},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=function(){function t(t){this.type=t}return t.prototype.getType=function(){return this.type},t}();e.WidgetFactory=i;var r=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e}(i);e.NodeWidgetFactory=r;var s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e}(i);e.LinkWidgetFactory=s},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(2),r=n(3),s=n(1),a=function(t){function e(){var e=t.call(this)||this;return e.links={},e.nodes={},e.offsetX=0,e.offsetY=0,e.zoom=100,e}return o(e,t),e.prototype.deSerializeDiagram=function(t,e){var n=this;this.deSerialize(t),this.offsetX=t.offsetX,this.offsetY=t.offsetY,this.zoom=t.zoom,s.forEach(t.nodes,function(t){var o=e.getInstanceFactory(t._class).getInstance();o.deSerialize(t),s.forEach(t.ports,function(t){var n=e.getInstanceFactory(t._class).getInstance();n.deSerialize(t),o.addPort(n)}),n.addNode(o)}),s.forEach(t.links,function(t){var o=e.getInstanceFactory(t._class).getInstance();o.deSerialize(t),t.target&&n.getNode(t.target).getPort(t.targetPort).addLink(o),t.source&&n.getNode(t.source).getPort(t.sourcePort).addLink(o),n.addLink(o)})},e.prototype.serializeDiagram=function(){return s.merge(this.serialize(),{offsetX:this.offsetX,offsetY:this.offsetY,zoom:this.zoom,links:s.map(this.links,function(t){return t.serialize()}),nodes:s.map(this.nodes,function(t){return t.serialize()})})},e.prototype.clearSelection=function(t){void 0===t&&(t=null),s.forEach(this.getSelectedItems(),function(e){t&&t.getID()===e.getID()||e.setSelected(!1)})},e.prototype.getSelectedItems=function(){var t=[];return t=t.concat(s.filter(this.nodes,function(t){return t.isSelected()})),t=t.concat(s.filter(s.flatMap(this.links,function(t){return t.points}),function(t){return t.isSelected()})),t.concat(s.filter(this.links,function(t){return t.isSelected()}))},e.prototype.setZoomLevel=function(t){this.zoom=t,this.itterateListeners(function(t){t.controlsUpdated()})},e.prototype.setOffset=function(t,e){this.offsetX=t,this.offsetY=e,this.itterateListeners(function(t){t.controlsUpdated()})},e.prototype.setOffsetX=function(t){this.offsetX=t,this.itterateListeners(function(t){t.controlsUpdated()})},e.prototype.setOffsetY=function(t){this.offsetX=t,this.itterateListeners(function(t){t.controlsUpdated()})},e.prototype.getOffsetY=function(){return this.offsetY},e.prototype.getOffsetX=function(){return this.offsetX},e.prototype.getZoomLevel=function(){return this.zoom},e.prototype.getNode=function(t){return t instanceof i.NodeModel?t:this.nodes[t]?this.nodes[t]:null},e.prototype.getLink=function(t){return t instanceof i.LinkModel?t:this.links[t]?this.links[t]:null},e.prototype.addLink=function(t){var e=this;return t.addListener({entityRemoved:function(){e.removeLink(t)}}),this.links[t.getID()]=t,this.itterateListeners(function(t){t.linksUpdated()}),t},e.prototype.addNode=function(t){var e=this;return t.addListener({entityRemoved:function(){e.removeNode(t)}}),this.nodes[t.getID()]=t,this.itterateListeners(function(t){t.nodesUpdated()}),t},e.prototype.removeLink=function(t){return t instanceof i.LinkModel?(delete this.links[t.getID()],void this.itterateListeners(function(t){t.linksUpdated()})):(delete this.links[""+t],void this.itterateListeners(function(t){t.linksUpdated()}))},e.prototype.removeNode=function(t){return t instanceof i.NodeModel?(delete this.nodes[t.getID()],void this.itterateListeners(function(t){t.nodesUpdated()})):(delete this.nodes[""+t],void this.itterateListeners(function(t){t.nodesUpdated()}))},e.prototype.getLinks=function(){return this.links},e.prototype.getNodes=function(){return this.nodes},e}(r.BaseEntity);e.DiagramModel=a},function(t,e,n){"use strict";var o=function(){function t(){}return t.UID=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){var e=16*Math.random()|0,n="x"==t?e:3&e|8;return n.toString(16)})},t}();e.Toolkit=o},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(2),s=n(1),a=function(t){function e(e){var n=t.call(this,e)||this;return n.state={selected:!1},n}return o(e,t),e.prototype.generatePoint=function(t){var e=this;return i.DOM.g({key:"point-"+this.props.link.points[t].id},i.DOM.circle({className:"point pointui"+(this.props.link.points[t].isSelected()?" selected":""),cx:this.props.link.points[t].x,cy:this.props.link.points[t].y,r:5}),i.DOM.circle({className:"point","data-linkid":this.props.link.id,"data-id":this.props.link.points[t].id,cx:this.props.link.points[t].x,cy:this.props.link.points[t].y,r:15,opacity:0,onMouseLeave:function(){e.setState({selected:!1})},onMouseEnter:function(){e.setState({selected:!0})}}))},e.prototype.generateLink=function(t){var e=this,n=i.DOM.path(s.merge({className:this.state.selected||this.props.link.isSelected()?"selected":"",strokeWidth:this.props.width,stroke:this.props.color},t)),o=i.DOM.path(s.merge({onMouseLeave:function(){e.setState({selected:!1})},onMouseEnter:function(){e.setState({selected:!0})},"data-linkid":this.props.link.getID(),stroke:this.props.color,strokeOpacity:this.state.selected?.1:0,strokeWidth:20,onContextMenu:function(t){t.preventDefault(),e.props.link.remove()}},t));return i.DOM.g({key:"link-"+t.id},n,o)},e.prototype.render=function(){var t=this,e=this.props.link.points,n=[];if(2===e.length){var o=50;Math.abs(e[0].x-e[1].x)<50&&(o=5);var s=e[0],a=e[1];s.x>a.x&&(s=e[1],a=e[0]),n.push(this.generateLink({id:0,onMouseDown:function(e){if(!e.shiftKey){var n=new r.PointModel(t.props.link,t.props.diagramEngine.getRelativeMousePoint(e));n.setSelected(!0),t.forceUpdate(),t.props.link.addPoint(n,1),t.props.pointAdded(n,e)}},d:" M"+s.x+" "+s.y+" C"+(s.x+o)+" "+s.y+" "+(a.x-o)+" "+a.y+" "+a.x+" "+a.y})),null===this.props.link.targetPort&&n.push(this.generatePoint(1))}else{var c=[];if(this.props.smooth){c.push(" M"+e[0].x+" "+e[0].y+" C "+(e[0].x+50)+" "+e[0].y+" "+e[1].x+" "+e[1].y+" "+e[1].x+" "+e[1].y);for(var p=1;p<e.length-2;p++)c.push(" M "+e[p].x+" "+e[p].y+" L "+e[p+1].x+" "+e[p+1].y);c.push(" M"+e[p].x+" "+e[p].y+" C "+e[p].x+" "+e[p].y+" "+(e[p+1].x-50)+" "+e[p+1].y+" "+e[p+1].x+" "+e[p+1].y)}else for(var c=[],p=0;p<e.length-1;p++)c.push(" M "+e[p].x+" "+e[p].y+" L "+e[p+1].x+" "+e[p+1].y);n=c.map(function(e,n){return t.generateLink({id:n,"data-linkid":t.props.link.id,"data-point":n,onMouseDown:function(e){if(!e.shiftKey){var o=new r.PointModel(t.props.link,t.props.diagramEngine.getRelativeMousePoint(e));o.setSelected(!0),t.forceUpdate(),t.props.link.addPoint(o,n+1),t.props.pointAdded(o,e)}},d:e})});for(var p=1;p<e.length-1;p++)n.push(this.generatePoint(p));null===this.props.link.targetPort&&n.push(this.generatePoint(e.length-1))}return i.DOM.g(null,n)},e}(i.Component);a.defaultProps={color:"black",width:3,link:null,engine:null,smooth:!1,diagramEngine:null},e.DefaultLinkWidget=a},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(1),s=i.DOM.div,a=n(25),c=function(t){function e(e){var n=t.call(this,e)||this;return n.state={},n}return o(e,t),e.prototype.render=function(){return s({className:"basic-node",style:{background:this.props.node.color}},s({className:"title"},s({className:"name"},this.props.node.name),s({className:"fa fa-close",onClick:this.props.node.remove})),s({className:"ports"},s({className:"in"},r.map(this.props.node.getInPorts(),function(t){return i.createElement(a.DefaultPortLabel,{model:t})})),s({className:"out"},r.map(this.props.node.getOutPorts(),function(t){return i.createElement(a.DefaultPortLabel,{model:t})}))))},e}(i.Component);c.defaultProps={node:null},e.DefaultNodeWidget=c},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(11),s=n(1),a=function(t){function e(e){var n=t.call(this,e)||this;return n.state={},n}return o(e,t),e.prototype.componentDidMount=function(){var t=this;setTimeout(function(){t.forceUpdate()},10)},e.prototype.render=function(){var t=this,e=this.props.diagramEngine.getDiagramModel();return i.DOM.svg({style:{transform:"scale("+e.getZoomLevel()/100+") translate("+e.getOffsetX()+"px,"+e.getOffsetY()+"px)",width:"100%",height:"100%"}},s.map(e.getLinks(),function(n){if(null!==n.sourcePort)try{n.points[0].updateLocation(t.props.diagramEngine.getPortCenter(n.sourcePort))}catch(t){return console.log(t),void e.removeLink(n)}if(null!==n.targetPort)try{s.last(n.points).updateLocation(t.props.diagramEngine.getPortCenter(n.targetPort))}catch(t){return console.log(t),void e.removeLink(n)}var o=t.props.diagramEngine.generateWidgetForLink(n);return o?i.createElement(r.LinkWidget,{key:n.getID(),link:n,diagramEngine:t.props.diagramEngine},i.cloneElement(o,{pointAdded:t.props.pointAdded})):(console.log("no link generated for type: "+n.getType()),null)}))},e}(i.Component);e.LinkLayerWidget=a},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=function(t){function e(e){var n=t.call(this,e)||this;return n.state={},n}return o(e,t),e.prototype.shouldComponentUpdate=function(){return this.props.diagramEngine.canEntityRepaint(this.props.link)},e.prototype.render=function(){return this.props.children},e}(i.Component);e.LinkWidget=r},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(1),s=n(13),a=function(t){function e(e){var n=t.call(this,e)||this;return n.state={},n}return o(e,t),e.prototype.render=function(){var t=this,e=this.props.diagramEngine.getDiagramModel();return i.DOM.div({className:"node-view",style:{transform:"scale("+e.getZoomLevel()/100+") translate("+e.getOffsetX()+"px,"+e.getOffsetY()+"px)",width:"100%",height:"100%"}},r.map(e.getNodes(),function(e){return i.createElement(s.NodeWidget,{diagramEngine:t.props.diagramEngine,key:e.id,node:e},t.props.diagramEngine.generateWidgetForNode(e))}))},e}(i.Component);e.NodeLayerWidget=a},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=function(t){function e(e){var n=t.call(this,e)||this;return n.state={},n}return o(e,t),e.prototype.shouldComponentUpdate=function(){return this.props.diagramEngine.canEntityRepaint(this.props.node)},e.prototype.render=function(){return i.DOM.div({"data-nodeid":this.props.node.id,className:"node"+(this.props.node.isSelected()?" selected":""),style:{top:this.props.node.y,left:this.props.node.x}},i.cloneElement(this.props.children,{}))},e}(i.Component);e.NodeWidget=r},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=function(t){function e(e){var n=t.call(this,e)||this;return n.state={selected:!1},n}return o(e,t),e.prototype.render=function(){var t=this;return i.DOM.div({onMouseEnter:function(){t.setState({selected:!0})},onMouseLeave:function(){t.setState({selected:!1})},className:"port"+(this.state.selected?" selected":""),"data-name":this.props.name,"data-nodeid":this.props.node.getID()})},e}(i.Component);e.PortWidget=r},function(t,e,n){var o=n(18);"string"==typeof o&&(o=[[t.i,o,""]]);n(20)(o,{});o.locals&&(t.exports=o.locals)},function(t,e,n){"use strict";function o(t){for(var n in t)e.hasOwnProperty(n)||(e[n]=t[n])}o(n(22)),o(n(8)),o(n(23)),o(n(9)),o(n(24)),o(n(26)),o(n(5)),o(n(7)),o(n(21)),o(n(6)),o(n(3)),o(n(2)),o(n(4)),o(n(27)),o(n(10)),o(n(11)),o(n(12)),o(n(13)),o(n(14))},function(t,e){t.exports=n},function(t,e,n){e=t.exports=n(19)(),e.push([t.i,"*{margin:0;padding:0}body,html{width:100%;height:100%;background:#3c3c3c;display:flex}.storm-diagrams-canvas{position:relative;flex-grow:1;display:flex;cursor:move;overflow:hidden}.storm-diagrams-canvas .point{fill:hsla(0,0%,100%,.5)}.storm-diagrams-canvas .point.selected{fill:#00c0ff}.storm-diagrams-canvas .selector{position:absolute;background-color:rgba(0,192,255,.2);border:2px solid #00c0ff}.storm-diagrams-canvas svg{position:absolute;height:100%;width:100%;transform-origin:0 0;overflow:visible}.storm-diagrams-canvas .node-view{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;transform-origin:0 0}.storm-diagrams-canvas .node{position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:move;pointer-events:all}.storm-diagrams-canvas .node.selected>*{border-color:#00c0ff!important;box-shadow:0 0 20px rgba(0,192,255,.5)}@keyframes dash{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.storm-diagrams-canvas path{fill:none;pointer-events:all}.storm-diagrams-canvas path.selected{stroke:#00c0ff!important;stroke-dasharray:10,2;animation:dash 1s linear infinite}.storm-diagrams-canvas .port{width:15px;height:15px;background:hsla(0,0%,100%,.1)}.storm-diagrams-canvas .port.selected,.storm-diagrams-canvas .port:hover{background:#c0ff00}.storm-diagrams-canvas .basic-node{background-color:#1e1e1e;border-radius:5px;font-family:Arial;color:#fff;border:2px solid #000;overflow:hidden;font-size:11px;box-shadow:0 0 10px rgba(0,0,0,.5)}.storm-diagrams-canvas .basic-node .title{background:rgba(0,0,0,.3);display:flex;white-space:nowrap}.storm-diagrams-canvas .basic-node .title>*{align-self:center}.storm-diagrams-canvas .basic-node .title .fa{padding:5px;opacity:.2;cursor:pointer}.storm-diagrams-canvas .basic-node .title .fa:hover{opacity:1}.storm-diagrams-canvas .basic-node .title .name{flex-grow:1;padding:5px}.storm-diagrams-canvas .basic-node .ports{display:flex;background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.2))}.storm-diagrams-canvas .basic-node .ports .in,.storm-diagrams-canvas .basic-node .ports .out{flex-grow:1;display:flex;flex-direction:column}.storm-diagrams-canvas .basic-node .ports .in-port,.storm-diagrams-canvas .basic-node .ports .out-port{display:flex;margin-top:1px}.storm-diagrams-canvas .basic-node .ports .in-port>*,.storm-diagrams-canvas .basic-node .ports .out-port>*{align-self:center}.storm-diagrams-canvas .basic-node .ports .in-port .name,.storm-diagrams-canvas .basic-node .ports .out-port .name{padding:0 5px}.storm-diagrams-canvas .basic-node .ports .out-port{justify-content:flex-end}.storm-diagrams-canvas .basic-node .ports .out-port .name{justify-content:flex-end;text-align:right}",""])},function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e<this.length;e++){var n=this[e];n[2]?t.push("@media "+n[2]+"{"+n[1]+"}"):t.push(n[1])}return t.join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},i=0;i<this.length;i++){var r=this[i][0];"number"==typeof r&&(o[r]=!0)}for(i=0;i<e.length;i++){var s=e[i];"number"==typeof s[0]&&o[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),t.push(s))}},t}},function(t,e){function n(t,e){for(var n=0;n<t.length;n++){var o=t[n],i=d[o.id];if(i){i.refs++;for(var r=0;r<i.parts.length;r++)i.parts[r](o.parts[r]);for(;r<o.parts.length;r++)i.parts.push(c(o.parts[r],e))}else{for(var s=[],r=0;r<o.parts.length;r++)s.push(c(o.parts[r],e));d[o.id]={id:o.id,refs:1,parts:s}}}}function o(t){for(var e=[],n={},o=0;o<t.length;o++){var i=t[o],r=i[0],s=i[1],a=i[2],c=i[3],p={css:s,media:a,sourceMap:c};n[r]?n[r].parts.push(p):e.push(n[r]={id:r,parts:[p]})}return e}function i(t,e){var n=g(),o=v[v.length-1];if("top"===t.insertAt)o?o.nextSibling?n.insertBefore(e,o.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),v.push(e);else{if("bottom"!==t.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(e)}}function r(t){t.parentNode.removeChild(t);var e=v.indexOf(t);e>=0&&v.splice(e,1)}function s(t){var e=document.createElement("style");return e.type="text/css",i(t,e),e}function a(t){var e=document.createElement("link");return e.rel="stylesheet",i(t,e),e}function c(t,e){var n,o,i;if(e.singleton){var c=m++;n=y||(y=s(e)),o=p.bind(null,n,c,!1),i=p.bind(null,n,c,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=a(e),o=l.bind(null,n),i=function(){r(n),n.href&&URL.revokeObjectURL(n.href)}):(n=s(e),o=u.bind(null,n),i=function(){r(n)});return o(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;o(t=e)}else i()}}function p(t,e,n,o){var i=n?"":o.css;if(t.styleSheet)t.styleSheet.cssText=x(e,i);else{var r=document.createTextNode(i),s=t.childNodes;s[e]&&t.removeChild(s[e]),s.length?t.insertBefore(r,s[e]):t.appendChild(r)}}function u(t,e){var n=e.css,o=e.media;if(o&&t.setAttribute("media",o),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}function l(t,e){var n=e.css,o=e.sourceMap;o&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var i=new Blob([n],{type:"text/css"}),r=t.href;t.href=URL.createObjectURL(i),r&&URL.revokeObjectURL(r)}var d={},f=function(t){var e;return function(){return"undefined"==typeof e&&(e=t.apply(this,arguments)),e}},h=f(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),g=f(function(){return document.head||document.getElementsByTagName("head")[0]}),y=null,m=0,v=[];t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");e=e||{},"undefined"==typeof e.singleton&&(e.singleton=h()),"undefined"==typeof e.insertAt&&(e.insertAt="bottom");var i=o(t);return n(i,e),function(t){for(var r=[],s=0;s<i.length;s++){var a=i[s],c=d[a.id];c.refs--,r.push(c)}if(t){var p=o(t);n(p,e)}for(var s=0;s<r.length;s++){var c=r[s];if(0===c.refs){for(var u=0;u<c.parts.length;u++)c.parts[u]();delete d[c.id]}}}};var x=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(2),r=n(3),s=n(6),a=n(1),c=function(t){function e(){var e=t.call(this)||this;return e.diagramModel=new s.DiagramModel,e.nodeFactories={},e.linkFactories={},e.instanceFactories={},e.canvas=null,e.paintableWidgets=null,e}return o(e,t),e.prototype.clearRepaintEntities=function(){this.paintableWidgets=null},e.prototype.enableRepaintEntities=function(t){var e=this;this.paintableWidgets={},t.forEach(function(t){t instanceof i.NodeModel&&a.forEach(t.getPorts(),function(t){a.forEach(t.getLinks(),function(t){e.paintableWidgets[t.getID()]=!0})}),t instanceof i.PointModel&&(e.paintableWidgets[t.getLink().getID()]=!0),e.paintableWidgets[t.getID()]=!0})},e.prototype.canEntityRepaint=function(t){return null===this.paintableWidgets||void 0!==this.paintableWidgets[t.getID()]},e.prototype.setCanvas=function(t){this.canvas=t},e.prototype.setDiagramModel=function(t){this.diagramModel=t},e.prototype.getDiagramModel=function(){return this.diagramModel},e.prototype.getNodeFactories=function(){return this.nodeFactories},e.prototype.getLinkFactories=function(){return this.linkFactories},e.prototype.getInstanceFactory=function(t){return this.instanceFactories[t]},e.prototype.registerInstanceFactory=function(t){this.instanceFactories[t.getName()]=t},e.prototype.registerNodeFactory=function(t){this.nodeFactories[t.getType()]=t,this.itterateListeners(function(t){t.nodeFactoriesUpdated()})},e.prototype.registerLinkFactory=function(t){this.linkFactories[t.getType()]=t,this.itterateListeners(function(t){t.linkFactoriesUpdated()})},e.prototype.getFactoryForNode=function(t){return this.nodeFactories[t.getType()]?this.nodeFactories[t.getType()]:(console.log("cannot find widget factory for node of type: ["+t.getType()+"]"),null)},e.prototype.getFactoryForLink=function(t){return this.linkFactories[t.getType()]?this.linkFactories[t.getType()]:(console.log("cannot find widget factory for link of type: ["+t.getType()+"]"),null)},e.prototype.generateWidgetForLink=function(t){var e=this.getFactoryForLink(t);if(!e)throw"Cannot find link factory for link: "+t.getType();return e.generateReactWidget(this,t)},e.prototype.generateWidgetForNode=function(t){var e=this.getFactoryForNode(t);if(!e)throw"Cannot find widget factory for node: "+t.getType();return e.generateReactWidget(this,t)},e.prototype.getRelativeMousePoint=function(t){var e=this.getRelativePoint(t.pageX,t.pageY);return{x:e.x/(this.diagramModel.getZoomLevel()/100)-this.diagramModel.getOffsetX(),y:e.y/(this.diagramModel.getZoomLevel()/100)-this.diagramModel.getOffsetY()}},e.prototype.getRelativePoint=function(t,e){var n=this.canvas.getBoundingClientRect();return{x:t-n.left,y:e-n.top}},e.prototype.getNodePortElement=function(t){var e=this.canvas.querySelector('.port[data-name="'+t.getName()+'"][data-nodeid="'+t.getParent().getID()+'"]');if(null===e)throw"Cannot find Node Port element with nodeID: ["+t.getParent().getID()+"] and name: ["+t.getName()+"]";return e},e.prototype.getPortCenter=function(t){var e=this.getNodePortElement(t),n=e.getBoundingClientRect(),o=this.getRelativePoint(n.left,n.top);return{x:e.offsetWidth/2+o.x/(this.diagramModel.getZoomLevel()/100)-this.diagramModel.getOffsetX(),y:e.offsetHeight/2+o.y/(this.diagramModel.getZoomLevel()/100)-this.diagramModel.getOffsetY()}},e}(r.BaseEntity);e.DiagramEngine=c},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(5),r=n(0),s=n(8),a=function(t){function e(){return t.call(this,"default")||this}return o(e,t),e.prototype.generateReactWidget=function(t,e){return r.createElement(s.DefaultLinkWidget,{link:e,diagramEngine:t})},e}(i.LinkWidgetFactory);e.DefaultLinkFactory=a},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(5),r=n(0),s=n(9),a=function(t){function e(){return t.call(this,"default")||this}return o(e,t),e.prototype.generateReactWidget=function(t,e){return r.createElement(s.DefaultNodeWidget,{node:e,diagramEngine:t})},e}(i.NodeWidgetFactory);e.DefaultNodeFactory=a},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(2),r=n(1),s=n(4),a=function(t){function e(){return t.call(this,"DefaultNodeModel")||this}return o(e,t),e.prototype.getInstance=function(){return new c},e}(s.AbstractInstanceFactory);e.DefaultNodeInstanceFactory=a;var c=function(t){function e(e,n){void 0===e&&(e="Untitled"),void 0===n&&(n="rgb(0,192,255)");var o=t.call(this,"default")||this;return o.name=e,o.color=n,o}return o(e,t),e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{name:this.name,color:this.color})},e.prototype.getInPorts=function(){return r.filter(this.ports,function(t){return t.in})},e.prototype.getOutPorts=function(){return r.filter(this.ports,function(t){return!t.in})},e}(i.NodeModel);e.DefaultNodeModel=c},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(14),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.prototype.render=function(){var t=i.createElement(r.PortWidget,{name:this.props.model.name,node:this.props.model.getParent()
+}),e=i.DOM.div({className:"name"},this.props.model.label);return i.DOM.div({className:(this.props.model.in?"in":"out")+"-port"},this.props.model.in?t:e,this.props.model.in?e:t)},e}(i.Component);s.defaultProps={in:!0,label:"port"},e.DefaultPortLabel=s},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(2),r=n(1),s=n(4),a=function(t){function e(){return t.call(this,"DefaultPortModel")||this}return o(e,t),e.prototype.getInstance=function(){return new c(!0,"unknown")},e}(s.AbstractInstanceFactory);e.DefaultPortInstanceFactory=a;var c=function(t){function e(e,n,o){void 0===o&&(o=null);var i=t.call(this,n)||this;return i.in=e,i.label=o||n,i}return o(e,t),e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{in:this.in,label:this.label})},e}(i.PortModel);e.DefaultPortModel=c},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(1),s=n(2),a=n(10),c=n(12),p=function(){function t(t,e){this.mouseX=t,this.mouseY=e,this.ms=(new Date).getTime()}return t}();e.BaseAction=p;var u=function(t){function e(e,n){var o=t.call(this,e,n)||this;return o.mouseX2=e,o.mouseY2=n,o}return o(e,t),e.prototype.containsElement=function(t,e,n){var o=n.getZoomLevel()/100;return(t+n.getOffsetX())*o>this.mouseX&&(t+n.getOffsetX())*o<this.mouseX2&&(e+n.getOffsetY())*o>this.mouseY&&(e+n.getOffsetY())*o<this.mouseY2},e}(p),l=function(t){function e(e,n,o){var i=t.call(this,e,n)||this;return i.initialOffsetX=o.getOffsetX(),i.initialOffsetY=o.getOffsetY(),i}return o(e,t),e}(p),d=function(t){function e(e,n,o){var i=t.call(this,e,n)||this;return i.moved=!1,o.enableRepaintEntities(o.getDiagramModel().getSelectedItems()),i.selectionModels=o.getDiagramModel().getSelectedItems().map(function(t){return{model:t,initialX:t.x,initialY:t.y}}),i}return o(e,t),e}(p),f=function(t){function e(e){var n=t.call(this,e)||this;return n.state={action:null,renderedNodes:!1,windowListener:null},n}return o(e,t),e.prototype.componentWillUnmount=function(){this.props.diagramEngine.setCanvas(null),window.removeEventListener("keydown",this.state.windowListener)},e.prototype.componentWillReceiveProps=function(t){this.props.diagramEngine.id!==t.diagramEngine.id&&this.setState({renderedNodes:!1})},e.prototype.getMouseElement=function(t){var e=t.target,n=this.props.diagramEngine.diagramModel,o=e.closest(".port[data-name]");if(o){var i=e.closest(".node[data-nodeid]");return{model:n.getNode(i.getAttribute("data-nodeid")).getPort(o.getAttribute("data-name")),element:o}}return(o=e.closest(".point[data-id]"))?{model:n.getLink(o.getAttribute("data-linkid")).getPointModel(o.getAttribute("data-id")),element:o}:(o=e.closest("[data-linkid]"))?{model:n.getLink(o.getAttribute("data-linkid")),element:o}:(o=e.closest(".node[data-nodeid]"),o?{model:n.getNode(o.getAttribute("data-nodeid")),element:o}:null)},e.prototype.componentDidMount=function(){var t=this;this.props.diagramEngine.setCanvas(this.refs.canvas),this.setState({renderedNodes:!0,windowListener:window.addEventListener("keydown",function(e){46===e.keyCode&&(r.forEach(t.props.diagramEngine.getDiagramModel().getSelectedItems(),function(t){t.remove()}),t.forceUpdate())})}),window.focus()},e.prototype.render=function(){var t=this,e=this.props.diagramEngine,n=e.getDiagramModel();return i.DOM.div({ref:"canvas",className:"storm-diagrams-canvas",onWheel:function(o){o.preventDefault(),o.stopPropagation(),n.setZoomLevel(n.getZoomLevel()+o.deltaY/60),e.enableRepaintEntities([]),t.forceUpdate()},onMouseMove:function(o){if(t.state.action instanceof u){var i=e.getRelativePoint(o.pageX,o.pageY);return r.forEach(n.getNodes(),function(e){t.state.action.containsElement(e.x,e.y,n)&&e.setSelected(!0)}),r.forEach(n.getLinks(),function(e){var o=!0;r.forEach(e.points,function(e){t.state.action.containsElement(e.x,e.y,n)?e.setSelected(!0):o=!1}),o&&e.setSelected(!0)}),t.state.action.mouseX2=i.x,t.state.action.mouseY2=i.y,void t.setState({action:t.state.action})}t.state.action instanceof d?(r.forEach(t.state.action.selectionModels,function(e){(e.model instanceof s.NodeModel||e.model instanceof s.PointModel)&&(e.model.x=e.initialX+(o.pageX-t.state.action.mouseX)/(n.getZoomLevel()/100),e.model.y=e.initialY+(o.pageY-t.state.action.mouseY)/(n.getZoomLevel()/100))}),t.forceUpdate()):t.state.action instanceof l&&(n.setOffset(t.state.action.initialOffsetX+(o.pageX-t.state.action.mouseX)/(n.getZoomLevel()/100),t.state.action.initialOffsetY+(o.pageY-t.state.action.mouseY)/(n.getZoomLevel()/100)),t.forceUpdate())},onMouseDown:function(o){e.clearRepaintEntities();var i=t.getMouseElement(o);if(null===i)if(o.shiftKey){var r=e.getRelativePoint(o.pageX,o.pageY);t.setState({action:new u(r.x,r.y)})}else{var r=e.getRelativePoint(o.pageX,o.pageY);n.clearSelection(),t.setState({action:new l(r.x,r.y,n)})}else if(i.model instanceof s.PortModel){var r=e.getRelativeMousePoint(o),a=new s.LinkModel;a.setSourcePort(i.model),a.getFirstPoint().updateLocation(r),a.getLastPoint().updateLocation(r),n.clearSelection(),a.getLastPoint().setSelected(!0),n.addLink(a),t.setState({action:new d(o.pageX,o.pageY,e)})}else o.shiftKey||i.model.isSelected()||n.clearSelection(),i.model.setSelected(!0),t.setState({action:new d(o.pageX,o.pageY,e)})},onMouseUp:function(n){if(t.state.action instanceof d){var o=t.getMouseElement(n);o&&r.forEach(t.state.action.selectionModels,function(t){t.model instanceof s.PointModel&&o.model instanceof s.PortModel&&t.model.getLink().setTargetPort(o.model)})}e.clearRepaintEntities(),t.setState({action:null})}},this.state.renderedNodes?i.createElement(a.LinkLayerWidget,{diagramEngine:e,pointAdded:function(o,i){i.stopPropagation(),n.clearSelection(o),t.setState({action:new d(i.pageX,i.pageY,e)})}}):null,i.createElement(c.NodeLayerWidget,{diagramEngine:e}),this.state.action instanceof u?i.DOM.div({className:"selector",style:{top:this.state.action.mouseY,left:this.state.action.mouseX,width:this.state.action.mouseX2-this.state.action.mouseX,height:this.state.action.mouseY2-this.state.action.mouseY}}):null)},e}(i.Component);e.DiagramWidget=f},,function(t,e,n){"use strict";var o=n(16),i=n(0),r=n(17);n(15),window.onload=function(){function t(t,e,n){var i=new o.DefaultNodeModel("Node 1","rgb(0,192,255)"),r=i.addPort(new o.DefaultPortModel(!1,"out-1","Out"));i.x=100+e,i.y=100+n;var s=new o.DefaultNodeModel("Node 2","rgb(192,255,0)"),a=s.addPort(new o.DefaultPortModel(!0,"in-1","IN"));s.x=200+e,s.y=100+n;var c=new o.LinkModel;c.setSourcePort(r),c.setTargetPort(a),t.addNode(i),t.addNode(s),t.addLink(c)}var e=new o.DiagramEngine;e.registerNodeFactory(new o.DefaultNodeFactory),e.registerLinkFactory(new o.DefaultLinkFactory);for(var n=new o.DiagramModel,s=0;s<8;s++)for(var a=0;a<8;a++)t(n,200*s,100*a);e.setDiagramModel(n),r.render(i.createElement(o.DiagramWidget,{diagramEngine:e}),document.body)}}])});
 //# sourceMappingURL=bundle.js.map
\ No newline at end of file
diff --git a/demos/demo2/bundle.js.map b/demos/demo2/bundle.js.map
index 1a8286c..3c939c5 100644
--- a/demos/demo2/bundle.js.map
+++ b/demos/demo2/bundle.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap c054ebe80eb7a015f378","webpack:///external \"React\"","webpack:///external {\"commonjs\":\"lodash\",\"commonjs2\":\"lodash\",\"amd\":\"_\",\"root\":\"_\"}","webpack:///./src/Common.ts","webpack:///./src/BaseEntity.ts","webpack:///./src/Toolkit.ts","webpack:///./src/WidgetFactories.ts","webpack:///./src/DiagramModel.ts","webpack:///./src/defaults/DefaultLinkWidget.ts","webpack:///./src/defaults/DefaultNodeWidget.ts","webpack:///./src/widgets/LinkLayerWidget.ts","webpack:///./src/widgets/LinkWidget.ts","webpack:///./src/widgets/NodeLayerWidget.ts","webpack:///./src/widgets/NodeWidget.ts","webpack:///./src/widgets/PortWidget.ts","webpack:///./demos/test.scss?acf3","webpack:///./src/main.ts","webpack:///external \"ReactDOM\"","webpack:///./demos/test.scss","webpack:///./~/css-loader/lib/css-base.js","webpack:///./~/style-loader/addStyles.js","webpack:///./src/DiagramEngine.ts","webpack:///./src/defaults/DefaultLinkFactory.ts","webpack:///./src/defaults/DefaultNodeFactory.ts","webpack:///./src/defaults/DefaultNodeModel.ts","webpack:///./src/defaults/DefaultPortLabelWidget.ts","webpack:///./src/defaults/DefaultPortModel.ts","webpack:///./src/widgets/DiagramWidget.ts","webpack:///./demos/demo2/index.ts"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;ACVA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA,mDAA2C,cAAc;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAK;AACL;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;AAEA;AACA;;;;;;;AChEA,+C;;;;;;ACAA,+C;;;;;;;;;;;;;ACAA,uCAAkC;AAClC,0CAAqD;AACrD,+BAA4B;AAS5B;;GAEG;AACH;IAA+B,6BAA4B;IAI1D;QAAA,YACC,iBAAO,SAGP;QAFA,KAAI,CAAC,EAAE,GAAG,iBAAO,CAAC,GAAG,EAAE,CAAC;QACxB,KAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;IACvB,CAAC;IAED,6BAAS,GAAT;QACC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAM,SAAS,WAAE,EAAC;YAChC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI;YAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACvB,CAAC,CAAC;IACJ,CAAC;IAEM,yBAAK,GAAZ;QACC,MAAM,CAAC,IAAI,CAAC,EAAE;IACf,CAAC;IAEM,8BAAU,GAAjB;QACC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IAEM,+BAAW,GAAlB,UAAmB,QAAiB;QACnC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,iBAAiB,CAAC,UAAC,QAAQ;YAC/B,EAAE,EAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAC;gBAC7B,QAAQ,CAAC,gBAAgB,EAAE,CAAC;YAC7B,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,0BAAM,GAAN;QACC,OAAO,CAAC,GAAG,CAAC,YAAY,EAAC,IAAI,CAAC,CAAC;QAC/B,IAAI,CAAC,iBAAiB,CAAC,UAAC,QAAQ;YAC/B,EAAE,EAAC,QAAQ,CAAC,aAAa,CAAC,EAAC;gBAC1B,QAAQ,CAAC,aAAa,EAAE,CAAC;YAC1B,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IACF,gBAAC;AAAD,CAAC,CA1C8B,sBAAS,GA0CvC;AA1CY,8BAAS;AA4CtB;IAAgC,8BAAS;IAMxC,oBAAY,IAAe,EAAC,MAA4B;QAAxD,YACC,iBAAO,SAIP;QAHA,KAAI,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;QAClB,KAAI,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;QAClB,KAAI,CAAC,IAAI,GAAG,IAAI,CAAC;;IAClB,CAAC;IAED,8BAAS,GAAT;QACC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAM,SAAS,WAAE,EAAC;YACjC,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,CAAC,EAAE,IAAI,CAAC,CAAC;SACT,CAAC,CAAC;IACJ,CAAC;IAED,2BAAM,GAAN;QACC,iBAAM,MAAM,WAAE,CAAC;QAEf,kBAAkB;QAClB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAC;YACd,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;IACF,CAAC;IAED,mCAAc,GAAd,UAAe,MAA4B;QAC1C,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;QAClB,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;IACnB,CAAC;IAED,yBAAI,GAAJ;QACC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IACf,CAAC;IAED,yBAAI,GAAJ;QACC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IACf,CAAC;IAED,4BAAO,GAAP;QACC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IAClB,CAAC;IACF,iBAAC;AAAD,CAAC,CA7C+B,SAAS,GA6CxC;AA7CY,gCAAU;AA+CvB;IAA+B,6BAAS;IAQvC;QAAA,YACC,iBAAO,SASP;QARA,KAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAI,CAAC,MAAM,GAAG;YACb,IAAI,UAAU,CAAC,KAAI,EAAC,EAAC,CAAC,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAC,CAAC;YAChC,IAAI,UAAU,CAAC,KAAI,EAAC,EAAC,CAAC,EAAE,CAAC,EAAC,CAAC,EAAE,CAAC,EAAC,CAAC;SAChC,CAAC;QACF,KAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;;IACxB,CAAC;IAED,6BAAS,GAAT;QACC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAM,SAAS,WAAE,EAAC;YAChC,IAAI,EAAE,IAAI,CAAC,QAAQ;YACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC,EAAE,GAAC,IAAI;YAC7D,UAAU,EAAE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE,GAAC,IAAI;YACrD,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAC,UAAC,KAAK;gBAC/B,MAAM,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YAC1B,CAAC,CAAC;YACF,MAAM,EAAE,IAAI,CAAC,MAAM;SACnB,CAAC,CAAC;IACJ,CAAC;IAED,0BAAM,GAAN;QACC,iBAAM,MAAM,WAAE,CAAC;QACf,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAC;YACpB,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QACD,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAC;YACpB,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;IACF,CAAC;IAED,+BAAW,GAAX,UAAY,KAAiB;QAC5B,IAAI,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACtC,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,MAAM,CAAC,MAAM,GAAC,CAAC,CAAC;IACvC,CAAC;IAED,iCAAa,GAAb,UAAc,KAAiB;QAC9B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,iCAAa,GAAb,UAAc,EAAU;QACvB,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,EAAC,CAAC,EAAE,EAAC,CAAC;YAC3C,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAC;gBAC7B,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;YACvB,CAAC;QACF,CAAC;QACD,MAAM,CAAC,IAAI,CAAC;IACb,CAAC;IAED,iCAAa,GAAb;QACC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC;IAED,gCAAY,GAAZ;QACC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAC,CAAC,CAAC,CAAC;IAC1C,CAAC;IAED,iCAAa,GAAb,UAAc,IAAe;QAC5B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,iCAAa,GAAb;QACC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC;IACxB,CAAC;IAED,iCAAa,GAAb;QACC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC;IACxB,CAAC;IAED,iCAAa,GAAb,UAAc,IAAe;QAC5B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,6BAAS,GAAT;QACC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,6BAAS,GAAT,UAAU,MAAoB;QAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACtB,CAAC;IAED,+BAAW,GAAX,UAAY,UAAsB;QACjC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,EAAC,CAAC,CAAC,CAAC;IACtD,CAAC;IAED,4BAAQ,GAAR,UAAS,UAAqB,EAAC,KAAS;QAAT,iCAAS;QACvC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAC,CAAC,EAAC,UAAU,CAAC,CAAC;IACxC,CAAC;IAED,2BAAO,GAAP;QACC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IACF,gBAAC;AAAD,CAAC,CAzG8B,SAAS,GAyGvC;AAzGY,8BAAS;AA2GtB;IAA+B,6BAAS;IAevC,mBAAY,IAAY;QAAxB,YACC,iBAAO,SAIP;QAHA,KAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,KAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;;IACxB,CAAC;IAfD,6BAAS,GAAT;QACC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAM,SAAS,WAAE,EAAC;YAChC,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE;YAC9B,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAC,UAAC,IAAI;gBAC5B,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;YAChB,CAAC,CAAC;SACF,CAAC,CAAC;IACJ,CAAC;IASD,2BAAO,GAAP;QACC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IAClB,CAAC;IAED,6BAAS,GAAT;QACC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC;IACxB,CAAC;IAED,iCAAa,GAAb,UAAc,IAAe;QAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,8BAAU,GAAV,UAAW,IAAe;QACzB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACjC,CAAC;IAED,2BAAO,GAAP,UAAQ,IAAe;QACtB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IACjC,CAAC;IAED,4BAAQ,GAAR;QACC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IACF,gBAAC;AAAD,CAAC,CA7C8B,SAAS,GA6CvC;AA7CY,8BAAS;AA+CtB;IAA+B,6BAAS;IAQvC,mBAAY,QAA4B;QAA5B,+CAA4B;QAAxC,YACC,iBAAO,SAMP;QALA,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,KAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACX,KAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QACX,KAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,KAAI,CAAC,KAAK,GAAG,EAAE,CAAC;;IACjB,CAAC;IAED,6BAAS,GAAT;QACC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAM,SAAS,WAAE,EAAC;YAChC,IAAI,EAAE,IAAI,CAAC,QAAQ;YACnB,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAC,UAAC,IAAI;gBAC5B,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE;YACxB,CAAC,CAAC;SACF,CAAC,CAAC;IACJ,CAAC;IAED,0BAAM,GAAN;QACC,iBAAM,MAAM,WAAE,CAAC;QACf,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAC;YACzB,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAC,UAAC,IAAI;gBACvC,IAAI,CAAC,MAAM,EAAE,CAAC;YACf,CAAC,CAAC,CAAC;QACJ,CAAC;IACF,CAAC;IAED,2BAAO,GAAP,UAAQ,IAAY;QACnB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAED,4BAAQ,GAAR;QACC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IAED,8BAAU,GAAV,UAAW,IAAe;QACzB,iCAAiC;QACjC,EAAE,EAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAC;YACzB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YAC1C,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC;IACF,CAAC;IAED,2BAAO,GAAP,UAAQ,IAAe;QACtB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;QAC7B,MAAM,CAAC,IAAI,CAAC;IACb,CAAC;IAED,2BAAO,GAAP;QACC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IACF,gBAAC;AAAD,CAAC,CA/D8B,SAAS,GA+DvC;AA/DY,8BAAS;;;;;;;;;ACnQtB,uCAAkC;AAClC;;GAEG;AACH;IAAA;IAEA,CAAC;IAAD,mBAAC;AAAD,CAAC;AAFY,oCAAY;AAIzB;IAKC;QACC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,EAAE,GAAG,iBAAO,CAAC,GAAG,EAAE,CAAC;IACzB,CAAC;IAED,yBAAK,GAAL;QACC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;IAChB,CAAC;IAED,kCAAc,GAAd;QACC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACrB,CAAC;IAEM,6BAAS,GAAhB;QACC,MAAM,CAAC;YACN,EAAE,EAAE,IAAI,CAAC,EAAE;SACX;IACF,CAAC;IAEM,qCAAiB,GAAxB,UAAyB,EAAiB;QACzC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,EAAC;YAC7B,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC;IACF,CAAC;IAEM,kCAAc,GAArB,UAAsB,QAAgB;QACrC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAC;YAC7B,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAChC,MAAM,CAAC,IAAI,CAAC;QACb,CAAC;QACD,MAAM,CAAC,KAAK,CAAC;IACd,CAAC;IAEM,+BAAW,GAAlB,UAAmB,QAAW;QAC7B,IAAI,GAAG,GAAG,iBAAO,CAAC,GAAG,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;QAC/B,MAAM,CAAC,GAAG,CAAC;IACZ,CAAC;IACF,gBAAC;AAAD,CAAC;AA3CY,8BAAS;;;;;;;;;ACRtB;;GAEG;AACH;IAAA;IAWA,CAAC;IAVA;;;KAGI;IACU,WAAG,GAAjB;QACC,MAAM,CAAC,sCAAsC,CAAC,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC;YACzE,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;YACnE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACJ,CAAC;IACF,cAAC;AAAD,CAAC;AAXY,0BAAO;;;;;;;;;;;;;;ACDpB;;GAEG;AACH;IAIC,uBAAY,IAAY;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IAClB,CAAC;IAED,+BAAO,GAAP;QACC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IAClB,CAAC;IAEF,oBAAC;AAAD,CAAC;AAZqB,sCAAa;AAcnC;IAAgD,qCAAa;IAA7D;;IAKA,CAAC;IAAD,wBAAC;AAAD,CAAC,CAL+C,aAAa,GAK5D;AALqB,8CAAiB;AAOvC;IAAgD,qCAAa;IAA7D;;IAIA,CAAC;IAAD,wBAAC;AAAD,CAAC,CAJ+C,aAAa,GAI5D;AAJqB,8CAAiB;;;;;;;;;;;;;;AC1BvC,sCAAyD;AACzD,0CAAqD;AACrD,+BAA4B;AAc5B;;GAEG;AACH;IAAkC,gCAA0B;IAW3D;QAAA,YACC,iBAAO,SAQP;QANA,KAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,KAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAEhB,KAAI,CAAC,OAAO,GAAG,CAAC,CAAC;QACjB,KAAI,CAAC,OAAO,GAAG,CAAC,CAAC;QACjB,KAAI,CAAC,IAAI,GAAG,GAAG,CAAC;;IACjB,CAAC;IAED,kCAAW,GAAX,UAAY,MAAW;IAGvB,CAAC;IAED,gCAAS,GAAT;QACC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAM,SAAS,WAAE,EAAC;YAChC,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAC,UAAC,IAAI;gBAC5B,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACzB,CAAC,CAAC;YACF,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAC,UAAC,IAAI;gBAC5B,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACzB,CAAC,CAAC;SACF,CAAC,CAAC;IACJ,CAAC;IAED,qCAAc,GAAd,UAAe,MAA6B;QAA7B,sCAA6B;QAC3C,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAC,UAAC,OAAO;YACzC,EAAE,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,EAAE,KAAK,OAAO,CAAC,KAAK,EAAE,CAAC,EAAC;gBACjD,MAAM,CAAC;YACR,CAAC;YACD,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,6BAA6B;QAC1D,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,uCAAgB,GAAhB;QACC,IAAI,KAAK,GAAI,EAAE,CAAC;QAEhB,gBAAgB;QAChB,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAC,UAAC,IAAI;YAC7C,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC,CAAC;QAEJ,iBAAiB;QACjB,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAC,UAAC,IAAI;YACvD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;QACpB,CAAC,CAAC,EAAC,UAAC,IAAI;YACP,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC,CAAC;QAEJ,gBAAgB;QAChB,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAC,UAAC,IAAI;YAC5C,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,mCAAY,GAAZ,UAAa,IAAW;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,iBAAiB,CAAC,UAAC,QAAQ;YAC/B,QAAQ,CAAC,eAAe,EAAE,CAAC;QAC5B,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,gCAAS,GAAT,UAAU,OAAe,EAAE,OAAe;QACzC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,iBAAiB,CAAC,UAAC,QAAQ;YAC/B,QAAQ,CAAC,eAAe,EAAE,CAAC;QAC5B,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,iCAAU,GAAV,UAAW,OAAe;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,iBAAiB,CAAC,UAAC,QAAQ;YAC/B,QAAQ,CAAC,eAAe,EAAE,CAAC;QAC5B,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,iCAAU,GAAV,UAAW,OAAe;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,iBAAiB,CAAC,UAAC,QAAQ;YAC/B,QAAQ,CAAC,eAAe,EAAE,CAAC;QAC5B,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,iCAAU,GAAV;QACC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;IACrB,CAAC;IAED,iCAAU,GAAV;QACC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;IACrB,CAAC;IAED,mCAAY,GAAZ;QACC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IAClB,CAAC;IAED,8BAAO,GAAP,UAAQ,IAAwB;QAC/B,EAAE,CAAC,CAAC,IAAI,YAAY,kBAAS,CAAC,EAAC;YAC9B,MAAM,CAAC,IAAI,CAAC;QACb,CAAC;QACD,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAC;YACtB,MAAM,CAAC,IAAI,CAAC;QACb,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAED,8BAAO,GAAP,UAAQ,IAAwB;QAC/B,EAAE,CAAC,CAAC,IAAI,YAAY,kBAAS,CAAC,EAAC;YAC9B,MAAM,CAAC,IAAI,CAAC;QACb,CAAC;QACD,EAAE,EAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAC;YACrB,MAAM,CAAC,IAAI,CAAC;QACb,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAED,8BAAO,GAAP,UAAQ,IAAe;QAAvB,iBAWC;QAVA,IAAI,CAAC,WAAW,CAAC;YAChB,aAAa,EAAE;gBACd,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC;SACD,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,iBAAiB,CAAC,UAAC,QAAQ;YAC/B,QAAQ,CAAC,YAAY,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI;IACZ,CAAC;IAED,8BAAO,GAAP,UAAQ,IAAe;QAAvB,iBAWC;QAVA,IAAI,CAAC,WAAW,CAAC;YAChB,aAAa,EAAE;gBACd,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC;SACD,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;QAChC,IAAI,CAAC,iBAAiB,CAAC,UAAC,QAAQ;YAC/B,QAAQ,CAAC,YAAY,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC;IACb,CAAC;IAED,iCAAU,GAAV,UAAW,IAAwB;QAClC,EAAE,CAAC,CAAC,IAAI,YAAY,kBAAS,CAAC,EAAC;YAC9B,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;YAChC,IAAI,CAAC,iBAAiB,CAAC,UAAC,QAAQ;gBAC/B,QAAQ,CAAC,YAAY,EAAE,CAAC;YACzB,CAAC,CAAC,CAAC;YACH,MAAM,CAAC;QACR,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,GAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,iBAAiB,CAAC,UAAC,QAAQ;YAC/B,QAAQ,CAAC,YAAY,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,iCAAU,GAAV,UAAW,IAAwB;QAClC,EAAE,CAAC,CAAC,IAAI,YAAY,kBAAS,CAAC,EAAC;YAC9B,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;YAChC,IAAI,CAAC,iBAAiB,CAAC,UAAC,QAAQ;gBAC/B,QAAQ,CAAC,YAAY,EAAE,CAAC;YACzB,CAAC,CAAC,CAAC;YACH,MAAM,CAAC;QACR,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,GAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,iBAAiB,CAAC,UAAC,QAAQ;YAC/B,QAAQ,CAAC,YAAY,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,+BAAQ,GAAR;QACC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IAED,+BAAQ,GAAR;QACC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IACF,mBAAC;AAAD,CAAC,CAhMiC,sBAAS,GAgM1C;AAhMY,oCAAY;;;;;;;;;;;;;;ACnBzB,mCAA+B;AAC/B,sCAAgD;AAChD,+BAA4B;AAgB5B;;GAEG;AACH;IAAuC,qCAAmD;IAWzF,2BAAY,KAAuB;QAAnC,YACC,kBAAM,KAAK,CAAC,SAIZ;QAHA,KAAI,CAAC,KAAK,GAAG;YACZ,QAAQ,EAAE,KAAK;SACf;;IACF,CAAC;IAED,yCAAa,GAAb,UAAc,UAAkB;QAAhC,iBA0BC;QAzBA,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAC,GAAG,EAAC,QAAQ,GAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,EAAC,EACtE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;YAChB,SAAS,EAAE,eAAe,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,UAAU,EAAE,GAAC,WAAW,GAAC,EAAE,CAAC;YAC7F,EAAE,EAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;YACvC,EAAE,EAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;YACvC,CAAC,EAAC,CAAC;SACH,CAAC,EACF,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;YAChB,SAAS,EAAC,OAAO;YACjB,aAAa,EAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YAChC,SAAS,EAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE;YAC/C,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;YACxC,EAAE,EAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;YACvC,CAAC,EAAC,EAAE;YACJ,OAAO,EAAE,CAAC;YACV,YAAY,EAAC;gBACZ,KAAI,CAAC,QAAQ,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC,CAAC;gBACrC,yCAAyC;YACtC,CAAC;YACD,YAAY,EAAC;gBACZ,KAAI,CAAC,QAAQ,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;gBACpC,wCAAwC;YACrC,CAAC;SACD,CAAC,CACF,CAAC;IACH,CAAC;IAED,wCAAY,GAAZ,UAAa,UAAwB;QAArC,iBA2BC;QA1BA,IAAI,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;YACnC,SAAS,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,GAAC,UAAU,GAAC,EAAE;YAC9E,WAAW,EAAC,IAAI,CAAC,KAAK,CAAC,KAAK;YAC5B,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;SACxB,EAAC,UAAU,CAAC,CAAC,CAAC;QAEf,IAAI,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;YAChC,YAAY,EAAC;gBACZ,KAAI,CAAC,QAAQ,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC,CAAC;YAClC,CAAC;YACD,YAAY,EAAC;gBACZ,KAAI,CAAC,QAAQ,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;YACjC,CAAC;YACD,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;YACtC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACxB,aAAa,EAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAC,GAAG,GAAC,CAAC;YACvC,WAAW,EAAE,EAAE;YACf,aAAa,EAAE,UAAC,KAAK;gBACpB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YAC1B,CAAC;SACD,EAAC,UAAU,CAAC,CAAC,CAAC;QAEf,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAC,GAAG,EAAC,OAAO,GAAC,UAAU,CAAC,EAAE,EAAC,EAC7C,MAAM,EAAC,GAAG,CACV,CAAC;IACH,CAAC;IAED,kCAAM,GAAN;QAAA,iBA6FC;QA5FA,iDAAiD;QACjD,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC;QACpC,IAAI,KAAK,GAAG,EAAE,CAAC;QAET,oBAAoB;QAC1B,EAAE,EAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,EAAC;YAEd,wDAAwD;YACjE,IAAI,MAAM,GAAG,EAAE,CAAC;YAChB,EAAE,EAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,EAAC;gBAC1C,MAAM,GAAG,CAAC,CAAC;YACZ,CAAC;YAEQ,IAAI,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAC1B,IAAI,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAE3B,0DAA0D;YAC1D,+BAA+B;YAC/B,EAAE,EAAC,SAAS,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,EAAC;gBAC3B,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;gBACtB,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAC3B,CAAC;YAEV,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;gBAC5B,EAAE,EAAE,CAAC;gBACL,WAAW,EAAE,UAAC,KAAK;oBAClB,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAC;wBACpB,IAAI,KAAK,GAAG,IAAI,mBAAU,CAAC,KAAI,CAAC,KAAK,CAAC,IAAI,EAAC,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;wBAClG,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;wBACxB,KAAI,CAAC,WAAW,EAAE,CAAC;wBACnB,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAC,CAAC,CAAC,CAAC;wBAClC,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,EAAC,KAAK,CAAC,CAAC;oBACpC,CAAC;gBACF,CAAC;gBACD,CAAC,EACC,IAAI,GAAC,SAAS,CAAC,CAAC,GAAC,GAAG,GAAC,SAAS,CAAC,CAAC;sBAChC,IAAI,GAAC,CAAC,SAAS,CAAC,CAAC,GAAC,MAAM,CAAC,GAAC,GAAG,GAAC,SAAS,CAAC,CAAC;sBACzC,GAAG,GAAE,CAAC,UAAU,CAAC,CAAC,GAAC,MAAM,CAAC,GAAC,GAAG,GAAC,UAAU,CAAC,CAAC;sBAC3C,GAAG,GAAE,UAAU,CAAC,CAAC,GAAC,GAAG,GAAC,UAAU,CAAC,CAAC;aACpC,CAAC,CAAC,CAAC;YACJ,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,EAAC;gBACxC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;YACnC,CAAC;QACF,CAAC;QAGK,IAAI,EAAC;YACV,IAAI,EAAE,GAAG,EAAE,CAAC;YACZ,EAAE,EAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAC;gBACrB,EAAE,CAAC,IAAI,CAAC,IAAI,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,GAAG,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,KAAK,GAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,EAAE,CAAC,GAAC,GAAG,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,GAAG,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,GAAG,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,GAAG,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,GAAG,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACjJ,GAAG,EAAC,IAAI,CAAC,GAAG,CAAC,EAAC,CAAC,GAAG,MAAM,CAAC,MAAM,GAAC,CAAC,EAAC,CAAC,EAAE,EAAC,CAAC;oBACtC,EAAE,CAAC,IAAI,CAAC,KAAK,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,GAAG,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,KAAK,GAAC,MAAM,CAAC,CAAC,GAAC,CAAC,CAAC,CAAC,CAAC,GAAC,GAAG,GAAC,MAAM,CAAC,CAAC,GAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClF,CAAC;gBACD,EAAE,CAAC,IAAI,CAAC,IAAI,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,GAAG,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,KAAK,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,GAAG,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,GAAG,GAAC,CAAC,MAAM,CAAC,CAAC,GAAC,CAAC,CAAC,CAAC,CAAC,GAAC,EAAE,CAAC,GAAC,GAAG,GAAC,MAAM,CAAC,CAAC,GAAC,CAAC,CAAC,CAAC,CAAC,GAAC,GAAG,GAAC,MAAM,CAAC,CAAC,GAAC,CAAC,CAAC,CAAC,CAAC,GAAC,GAAG,GAAC,MAAM,CAAC,CAAC,GAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1J,CAAC;YAAA,IAAI,EAAC;gBACL,IAAI,EAAE,GAAG,EAAE,CAAC;gBACZ,GAAG,EAAC,IAAI,CAAC,GAAG,CAAC,EAAC,CAAC,GAAG,MAAM,CAAC,MAAM,GAAC,CAAC,EAAC,CAAC,EAAE,EAAC,CAAC;oBACtC,EAAE,CAAC,IAAI,CAAC,KAAK,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,GAAG,GAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAC,KAAK,GAAC,MAAM,CAAC,CAAC,GAAC,CAAC,CAAC,CAAC,CAAC,GAAC,GAAG,GAAC,MAAM,CAAC,CAAC,GAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClF,CAAC;YACF,CAAC;YAED,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC,UAAC,IAAI,EAAC,KAAK;gBACzB,MAAM,CAAC,KAAI,CAAC,YAAY,CAAC;oBACxB,EAAE,EAAC,KAAK;oBACR,aAAa,EAAC,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;oBAChC,YAAY,EAAC,KAAK;oBAClB,WAAW,EAAE,UAAC,KAAiB;wBAC9B,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAC;4BACpB,IAAI,KAAK,GAAG,IAAI,mBAAU,CAAC,KAAI,CAAC,KAAK,CAAC,IAAI,EAAC,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;4BAClG,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;4BACxB,KAAI,CAAC,WAAW,EAAE,CAAC;4BACnB,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAC,KAAK,GAAC,CAAC,CAAC,CAAC;4BACxC,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,EAAC,KAAK,CAAC,CAAC;wBACpC,CAAC;oBACF,CAAC;oBACD,CAAC,EAAC,IAAI;iBACN,CAAC,CAAC;YACJ,CAAC,CAAC,CAAC;YAEH,oBAAoB;YACpB,GAAG,EAAC,IAAI,CAAC,GAAG,CAAC,EAAC,CAAC,GAAG,MAAM,CAAC,MAAM,GAAC,CAAC,EAAC,CAAC,EAAE,EAAC,CAAC;gBACtC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;YACnC,CAAC;YAED,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,EAAC;gBACxC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,GAAC,CAAC,CAAC,CAAC,CAAC;YACjD,CAAC;QACF,CAAC;QAED,MAAM,CAAC,CACN,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAC,KAAK,CAAC,CACvB,CAAC;IACH,CAAC;IACF,wBAAC;AAAD,CAAC,CAzKsC,KAAK,CAAC,SAAS;AAEvC,8BAAY,GAAqB;IAC9C,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,CAAC;IACR,IAAI,EAAC,IAAI;IACT,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,KAAK;IACb,aAAa,EAAE,IAAI;CACnB,CAAC;AATU,8CAAiB;;;;;;;;;;;;;;ACrB9B,mCAA+B;AAC/B,+BAA4B;AAC5B,IAAI,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;AAExB,uDAA0D;AAS1D;;GAEG;AACH;IAAuC,qCAAmD;IAMzF,2BAAY,KAAuB;QAAnC,YACC,kBAAM,KAAK,CAAC,SAGZ;QAFA,KAAI,CAAC,KAAK,GAAG,EACZ;;IACF,CAAC;IAED,kCAAM,GAAN;QACC,MAAM,CAAC,CACN,GAAG,CAAC,EAAC,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,EAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,EAAC,EACzE,GAAG,CAAC,EAAC,SAAS,EAAC,OAAO,EAAC,EACtB,GAAG,CAAC,EAAC,SAAS,EAAC,MAAM,EAAC,EAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAC5C,GAAG,CAAC,EAAC,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAC,CAAC,CAChE,EACD,GAAG,CAAC,EAAC,SAAS,EAAC,OAAO,EAAC,EACtB,GAAG,CAAC,EAAC,SAAS,EAAE,IAAI,EAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,EAAC,UAAC,IAAI;YAC9D,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,yCAAgB,EAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC,EACH,GAAG,CAAC,EAAC,SAAS,EAAE,KAAK,EAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,EAAC,UAAC,IAAI;YAChE,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,yCAAgB,EAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC,CACH,CACD,CACD,CAAC;IACH,CAAC;IACF,wBAAC;AAAD,CAAC,CA9BsC,KAAK,CAAC,SAAS;AAEvC,8BAAY,GAAqB;IAC9C,IAAI,EAAE,IAAI;CACV,CAAC;AAJU,8CAAiB;;;;;;;;;;;;;;AChB9B,mCAA+B;AAI/B,2CAAwC;AACxC,+BAA4B;AAU5B;;GAEG;AACH;IAAqC,mCAA+C;IAEnF,yBAAY,KAAqB;QAAjC,YACC,kBAAM,KAAK,CAAC,SAGZ;QAFA,KAAI,CAAC,KAAK,GAAG,EACZ;;IACF,CAAC;IAED,2CAAiB,GAAjB;QAAA,iBAIC;QAHA,UAAU,CAAC;YACV,KAAI,CAAC,WAAW,EAAE,CAAC;QACpB,CAAC,EAAC,EAAE,CAAC,CAAC;IACP,CAAC;IAED,gCAAM,GAAN;QAAA,iBAyDC;QAvDA,IAAI,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC;QAE9D,MAAM,CAAC,CACN,KAAK,CAAC,GAAG,CAAC,GAAG,CACZ;YACgB,KAAK,EAAC;gBACpB,SAAS,EAAE,QAAQ,GAAG,YAAY,CAAC,YAAY,EAAE,GAAG,KAAK,GAAG,cAAc,GAAG,YAAY,CAAC,UAAU,EAAE,GAAG,KAAK,GAAG,YAAY,CAAC,UAAU,EAAE,GAAC,KAAK;gBAC9H,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACjB;SACJ,EACb,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAC,UAAC,IAAI;YAElC,mCAAmC;YACnC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,EAAC;gBAC7B,IAAG,CAAC;oBACH,kBAAkB;oBAClB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;gBACxF,CAAC;gBACD,yFAAyF;gBACzF,KAAK,EAAC,EAAE,CAAC,EAAC;oBACT,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;oBAChB,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;oBAC9B,MAAM,CAAC;gBACR,CAAC;YACF,CAAC;YACD,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,EAAC;gBAC7B,IAAG,CAAC;oBACH,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;gBAC7F,CAAC;gBACD,yFAAyF;gBACzF,KAAK,EAAC,EAAE,CAAC,EAAC;oBACT,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;oBAChB,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;oBAC9B,MAAM,CAAC;gBACR,CAAC;YACF,CAAC;YAED,gBAAgB;YAChB,IAAI,aAAa,GAAG,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC1D,EAAE,EAAC,CAAC,aAAa,CAAC,EAAC;gBACjC,OAAO,CAAC,GAAG,CAAC,8BAA8B,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;gBAC7D,MAAM,CAAC,IAAI,CAAC;YACE,CAAC;YAEhB,MAAM,CAAC,CACN,KAAK,CAAC,aAAa,CAAC,uBAAU,EAAE;gBAC/B,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE;gBACjB,IAAI,EAAE,IAAI;gBACV,aAAa,EAAE,KAAI,CAAC,KAAK,CAAC,aAAa;aACvC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,EAAC,EAAC,UAAU,EAAE,KAAI,CAAC,KAAK,CAAC,UAAU,EAAC,CAAC,CAAC,CACzE,CAAC;QACH,CAAC,CAAC,CACF,CACD,CAAC;IACH,CAAC;IACF,sBAAC;AAAD,CAAC,CAxEoC,KAAK,CAAC,SAAS,GAwEnD;AAxEY,0CAAe;;;;;;;;;;;;;;AClB5B,mCAA+B;AAa/B;;GAEG;AACH;IAAgC,8BAAqC;IAEpE,oBAAY,KAAgB;QAA5B,YACC,kBAAM,KAAK,CAAC,SAGZ;QAFA,KAAI,CAAC,KAAK,GAAG,EACZ;;IACF,CAAC;IAED,0CAAqB,GAArB;QACC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACnE,CAAC;IAED,2BAAM,GAAN;QACC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC5B,CAAC;IACF,iBAAC;AAAD,CAAC,CAf+B,KAAK,CAAC,SAAS,GAe9C;AAfY,gCAAU;;;;;;;;;;;;;;AChBvB,mCAA+B;AAG/B,+BAA4B;AAC5B,2CAAwC;AASxC;;GAEG;AACH;IAAqC,mCAA+C;IAEnF,yBAAY,KAAqB;QAAjC,YACC,kBAAM,KAAK,CAAC,SAGZ;QAFA,KAAI,CAAC,KAAK,GAAG,EACZ;;IACF,CAAC;IAED,gCAAM,GAAN;QAAA,iBAqBC;QAnBA,IAAI,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,eAAe,EAAE,CAAC;QAE9D,MAAM,CAAC,CACN,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;YACZ,SAAS,EAAC,WAAW;YACrB,KAAK,EAAC;gBACL,SAAS,EAAE,QAAQ,GAAG,YAAY,CAAC,YAAY,EAAE,GAAG,KAAK,GAAG,cAAc,GAAG,YAAY,CAAC,UAAU,EAAE,GAAC,KAAK,GAAC,YAAY,CAAC,UAAU,EAAE,GAAC,KAAK;gBAC5I,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACd;SACD,EACD,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAC,UAAC,IAAI;YAClC,MAAM,EACL,KAAK,CAAC,aAAa,CAAC,uBAAU,EAAE,EAAC,aAAa,EAAE,KAAI,CAAC,KAAK,CAAC,aAAa,EAAC,GAAG,EAAC,IAAI,CAAC,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,EAC/F,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,CACtD,CAAC;QACH,CAAC,CAAC,CACF,CACD,CAAC;IACH,CAAC;IACF,sBAAC;AAAD,CAAC,CA9BoC,KAAK,CAAC,SAAS,GA8BnD;AA9BY,0CAAe;;;;;;;;;;;;;;AChB5B,mCAA+B;AAa/B;;GAEG;AACH;IAAgC,8BAAqC;IAEpE,oBAAY,KAAgB;QAA5B,YACC,kBAAM,KAAK,CAAC,SAGZ;QAFA,KAAI,CAAC,KAAK,GAAG,EACZ;;IACF,CAAC;IAED,0CAAqB,GAArB;QACC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACnE,CAAC;IAED,2BAAM,GAAN;QACC,MAAM,CAAC,CACN,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;YACb,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YACjC,SAAS,EAAE,MAAM,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,GAAC,WAAW,GAAC,EAAE,CAAC;YACjE,KAAK,EAAC;gBACL,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBACtB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;aACvB;SAAC,EACF,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAC,EAAE,CAAC,CAC1C,CACD,CAAC;IACH,CAAC;IACF,iBAAC;AAAD,CAAC,CAzB+B,KAAK,CAAC,SAAS,GAyB9C;AAzBY,gCAAU;;;;;;;;;;;;;;AChBvB,mCAA+B;AAY/B;;GAEG;AACH;IAAgC,8BAAqC;IAEpE,oBAAY,KAAgB;QAA5B,YACC,kBAAM,KAAK,CAAC,SAIZ;QAHA,KAAI,CAAC,KAAK,GAAG;YACZ,QAAQ,EAAE,KAAK;SACf,CAAC;;IACH,CAAC;IAED,2BAAM,GAAN;QAAA,iBAcC;QAbA,MAAM,CAAC,CACN,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;YACb,YAAY,EAAE;gBACb,KAAI,CAAC,QAAQ,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;YACjC,CAAC;YACD,YAAY,EAAE;gBACb,KAAI,CAAC,QAAQ,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC,CAAC;YAClC,CAAC;YACD,SAAS,EAAC,MAAM,GAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAC,WAAW,GAAC,EAAE,CAAC;YACrD,WAAW,EAAC,IAAI,CAAC,KAAK,CAAC,IAAI;YAC3B,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;SACtC,CAAC,CACF,CAAC;IACH,CAAC;IACF,iBAAC;AAAD,CAAC,CAxB+B,KAAK,CAAC,SAAS,GAwB9C;AAxBY,gCAAU;;;;;;;ACfvB;;AAEA;AACA;AACA;AACA;AACA,gDAAgF;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,gCAAgC,UAAU,EAAE;AAC5C,C;;;;;;;ACpBA;;GAEG;;;;;AAEF,iBAAiB;AAClB,kCAA8C;AAC9C,iCAA6C;AAC7C,kCAA8C;AAC9C,iCAA6C;AAC7C,kCAA4C;AAC5C,kCAA4C;AAE5C,iCAAkC;AAClC,iCAA0B;AAE1B,kCAAgC;AAChC,iCAA+B;AAC/B,iCAA6B;AAC7B,iCAAyB;AAEzB,kCAAwC;AACxC,iCAA0C;AAC1C,kCAAqC;AACrC,kCAA0C;AAC1C,kCAAqC;AACrC,kCAAqC;;;;;;;ACzBrC,gD;;;;;;ACAA;AACA;;;AAGA;AACA,4BAA6B,cAAc,eAAe,EAAE,gBAAgB,gBAAgB,iBAAiB,wBAAwB,kBAAkB,EAAE,4BAA4B,uBAAuB,iBAAiB,kBAAkB,iBAAiB,qBAAqB,EAAE,mCAAmC,qCAAqC,EAAE,8CAA8C,sBAAsB,EAAE,sCAAsC,yBAAyB,+CAA+C,gCAAgC,EAAE,gCAAgC,yBAAyB,mBAAmB,kBAAkB,4BAA4B,wBAAwB,EAAE,uCAAuC,aAAa,cAAc,eAAe,gBAAgB,yBAAyB,2BAA2B,4BAA4B,EAAE,kCAAkC,yBAAyB,kCAAkC,sDAAsD,uDAAuD,mBAAmB,0BAA0B,EAAE,iDAAiD,yCAAyC,oDAAoD,EAAE,qBAAqB,UAAU,4BAA4B,EAAE,QAAQ,2BAA2B,EAAE,EAAE,iCAAiC,iBAAiB,0BAA0B,EAAE,4CAA4C,mCAAmC,+BAA+B,2CAA2C,EAAE,kCAAkC,kBAAkB,mBAAmB,2CAA2C,EAAE,iFAAiF,4BAA4B,EAAE,wCAAwC,gCAAgC,yBAAyB,yBAAyB,mBAAmB,8BAA8B,uBAAuB,sBAAsB,8CAA8C,EAAE,iDAAiD,mFAAmF,yCAAyC,sBAAsB,4BAA4B,EAAE,uDAAuD,6BAA6B,EAAE,uDAAuD,uBAAuB,uBAAuB,0BAA0B,EAAE,+DAA+D,yBAAyB,EAAE,yDAAyD,uBAAuB,2BAA2B,EAAE,iDAAiD,sBAAsB,kFAAkF,EAAE,uGAAuG,uBAAuB,wBAAwB,iCAAiC,EAAE,iHAAiH,wBAAwB,0BAA0B,EAAE,2HAA2H,+BAA+B,EAAE,+HAA+H,2BAA2B,EAAE,6DAA6D,oCAAoC,EAAE,qEAAqE,sCAAsC,8BAA8B,EAAE;;AAE7tH;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,gBAAgB,iBAAiB;AACjC;AACA;AACA,wCAAwC,gBAAgB;AACxD,IAAI;AACJ;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,gBAAgB,iBAAiB;AACjC;AACA;AACA;AACA;AACA,YAAY,oBAAoB;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACjDA;AACA;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACF;AACA;AACA,EAAE;AACF;AACA;AACA,EAAE;AACF;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA,gBAAgB,mBAAmB;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB,sBAAsB;AACtC;AACA;AACA,kBAAkB,2BAA2B;AAC7C;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,eAAe,mBAAmB;AAClC;AACA;AACA;AACA;AACA,iBAAiB,2BAA2B;AAC5C;AACA;AACA,QAAQ,uBAAuB;AAC/B;AACA;AACA,GAAG;AACH;AACA,iBAAiB,uBAAuB;AACxC;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;;AAEA;AACA;AACA;AACA,eAAe,iBAAiB;AAChC;AACA;AACA;AACA;AACA;AACA,cAAc;AACd;AACA,gCAAgC,sBAAsB;AACtD;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,GAAG;AACH;AACA;AACA;AACA,EAAE;AACF;AACA,EAAE;AACF;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,EAAE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACF;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;A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","file":"demo2/bundle.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"React\"), require(\"lodash\"), require(\"ReactDOM\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"React\", \"_\", \"ReactDOM\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"storm-react-diagrams\"] = factory(require(\"React\"), require(\"lodash\"), require(\"ReactDOM\"));\n\telse\n\t\troot[\"storm-react-diagrams\"] = factory(root[\"React\"], root[\"_\"], root[\"ReactDOM\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_16__) {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 28);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap c054ebe80eb7a015f378","module.exports = __WEBPACK_EXTERNAL_MODULE_0__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"React\"\n// module id = 0\n// module chunks = 0 1","module.exports = __WEBPACK_EXTERNAL_MODULE_1__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external {\"commonjs\":\"lodash\",\"commonjs2\":\"lodash\",\"amd\":\"_\",\"root\":\"_\"}\n// module id = 1\n// module chunks = 0 1","import {Toolkit} from \"./Toolkit\";\nimport {BaseEnity, BaseListener} from \"./BaseEntity\";\nimport * as _ from \"lodash\";\n\nexport interface BaseModelListener extends BaseListener{\n\t\n\tselectionChanged?();\n\t\n\tentityRemoved?();\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class BaseModel extends BaseEnity<BaseModelListener>{\n\t\n\tselected: boolean;\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.id = Toolkit.UID();\n\t\tthis.selected = false;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\t_class: this.constructor.name,\n\t\t\tselected: this.selected\n\t\t});\n\t}\n\t\n\tpublic getID(): string{\n\t\treturn this.id\n\t}\n\t\n\tpublic isSelected(): boolean{\n\t\treturn this.selected;\n\t}\n\t\n\tpublic setSelected(selected: boolean){\n\t\tthis.selected = selected;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tif(listener.selectionChanged){\n\t\t\t\tlistener.selectionChanged();\n\t\t\t}\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tconsole.log(\"removing: \",this);\n\t\tthis.itterateListeners((listener) => {\n\t\t\tif(listener.entityRemoved){\n\t\t\t\tlistener.entityRemoved();\n\t\t\t}\n\t\t});\n\t}\n}\n\nexport class PointModel extends BaseModel{\n\t\n\tx:number;\n\ty:number;\n\tlink: LinkModel;\n\t\n\tconstructor(link: LinkModel,points: {x:number,y: number}){\n\t\tsuper();\n\t\tthis.x = points.x;\n\t\tthis.y = points.y;\n\t\tthis.link = link;\n\t}\n\t\n\tserialize(){\n\t\treturn _.extend(super.serialize(),{\n\t\t\tx: this.x,\n\t\t\ty: this.y\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\t\n\t\t//clear references\n\t\tif (this.link){\n\t\t\tthis.link.removePoint(this);\n\t\t}\n\t}\n\t\n\tupdateLocation(points: {x:number,y: number}){\n\t\tthis.x = points.x;\n\t\tthis.y = points.y;\n\t}\n\t\n\tgetX():number{\n\t\treturn this.x;\n\t}\n\t\n\tgetY():number{\n\t\treturn this.y;\n\t}\n\t\n\tgetLink(): LinkModel{\n\t\treturn this.link;\n\t}\n}\n\nexport class LinkModel extends BaseModel{\n\t\n\tlinkType: string;\n\tsourcePort: PortModel|null;\n\ttargetPort: PortModel|null;\n\tpoints: PointModel[];\n\textras: {};\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.linkType = 'default';\n\t\tthis.points = [\n\t\t\tnew PointModel(this,{x: 0,y: 0}),\n\t\t\tnew PointModel(this,{x: 0,y: 0}),\n\t\t];\n\t\tthis.extras = {};\n\t\tthis.sourcePort = null;\n\t\tthis.targetPort = null;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\ttype: this.linkType,\n\t\t\tsource: this.sourcePort ? this.sourcePort.getParent().id:null,\n\t\t\tsourcePort: this.sourcePort ? this.sourcePort.id:null,\n\t\t\tpoints: _.map(this.points,(point) => {\n\t\t\t\treturn point.serialize();\n\t\t\t}),\n\t\t\textras: this.extras\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\tif (this.sourcePort){\n\t\t\tthis.sourcePort.removeLink(this);\n\t\t}\n\t\tif (this.targetPort){\n\t\t\tthis.targetPort.removeLink(this);\n\t\t}\n\t}\n\t\n\tisLastPoint(point: PointModel){\n\t\tvar index = this.getPointIndex(point);\n\t\treturn index === this.points.length-1;\n\t}\n\t\n\tgetPointIndex(point: PointModel){\n\t\treturn this.points.indexOf(point);\n\t}\n\t\n\tgetPointModel(id: string): PointModel|null{\n\t\tfor (var i = 0; i < this.points.length;i++){\n\t\t\tif (this.points[i].id === id){\n\t\t\t\treturn this.points[i];\n\t\t\t}\n\t\t}\n\t\treturn null;\n\t}\n\t\n\tgetFirstPoint(): PointModel{\n\t\treturn this.points[0];\n\t}\n\t\n\tgetLastPoint(): PointModel{\n\t\treturn this.points[this.points.length-1];\n\t}\n\t\n\tsetSourcePort(port: PortModel){\n\t\tport.addLink(this);\n\t\tthis.sourcePort = port;\n\t}\n\t\n\tgetSourcePort(): PortModel{\n\t\treturn this.sourcePort;\n\t}\n\t\n\tgetTargetPort(): PortModel{\n\t\treturn this.targetPort;\n\t}\n\t\n\tsetTargetPort(port: PortModel){\n\t\tport.addLink(this);\n\t\tthis.targetPort = port;\n\t}\n\t\n\tgetPoints(): PointModel[]{\n\t\treturn this.points;\n\t}\n\t\n\tsetPoints(points: PointModel[]){\n\t\tthis.points = points;\n\t}\n\t\n\tremovePoint(pointModel: PointModel){\n\t\tthis.points.splice(this.getPointIndex(pointModel),1);\n\t}\n\t\n\taddPoint(pointModel:PointModel,index = 1){\n\t\tthis.points.splice(index,0,pointModel);\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.linkType;\n\t}\n}\n\nexport class PortModel extends BaseModel{\n\tname: string;\n\tparentNode: NodeModel;\n\tlinks: {[id: string]: LinkModel};\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\tname: this.name,\n\t\t\tparentNode: this.parentNode.id,\n\t\t\tlinks: _.map(this.links,(link) => {\n\t\t\t\treturn link.id;\n\t\t\t})\n\t\t});\n\t}\n\t\n\tconstructor(name: string){\n\t\tsuper();\n\t\tthis.name = name;\n\t\tthis.links = {};\n\t\tthis.parentNode = null;\n\t}\n\t\n\tgetName(): string{\n\t\treturn this.name;\n\t}\n\t\n\tgetParent(): NodeModel{\n\t\treturn this.parentNode;\n\t}\n\t\n\tsetParentNode(node: NodeModel){\n\t\tthis.parentNode = node;\n\t}\n\t\n\tremoveLink(link: LinkModel){\n\t\tdelete this.links[link.getID()];\n\t}\n\t\n\taddLink(link: LinkModel){\n\t\tthis.links[link.getID()] = link;\n\t}\n\t\n\tgetLinks(): {[id: string]: LinkModel}{\n\t\treturn this.links;\n\t}\n}\n\nexport class NodeModel extends BaseModel{\n\t\n\tnodeType: string;\n\tx: number;\n\ty: number;\n\textras: {};\n\tports:  {[s: string]:PortModel};\n\t\n\tconstructor(nodeType: string = 'default'){\n\t\tsuper();\n\t\tthis.nodeType = nodeType;\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\t\tthis.extras = {};\n\t\tthis.ports = {};\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\ttype: this.nodeType,\n\t\t\tx: this.x,\n\t\t\ty: this.y,\n\t\t\textras: this.extras,\n\t\t\tports: _.map(this.ports,(port) => {\n\t\t\t\treturn port.serialize()\n\t\t\t})\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\tfor (var i in this.ports){\n\t\t\t_.forEach(this.ports[i].getLinks(),(link) => {\n\t\t\t\tlink.remove();\n\t\t\t});\n\t\t}\n\t}\n\t\n\tgetPort(name: string): PortModel | null{\n\t\treturn this.ports[name];\n\t}\n\t\n\tgetPorts(): {[s: string]:PortModel}{\n\t\treturn this.ports;\n\t}\n\t\n\tremovePort(port: PortModel){\n\t\t//clear the parent node reference\n\t\tif(this.ports[port.name]){\n\t\t\tthis.ports[port.name].setParentNode(null);\n\t\t\tdelete this.ports[port.name];\n\t\t}\n\t}\n\t\n\taddPort(port: PortModel): PortModel{\n\t\tport.setParentNode(this);\n\t\tthis.ports[port.name] = port;\n\t\treturn port;\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.nodeType;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/Common.ts","import {Toolkit} from \"./Toolkit\";\n/**\n * @author Dylan Vorster\n */\nexport class BaseListener{\n\t\n}\n\nexport class BaseEnity<T extends BaseListener>{\n\t\n\tpublic listeners:{[s: string]: T};\n\tpublic id: string;\n\t\n\tconstructor(){\n\t\tthis.listeners = {};\n\t\tthis.id = Toolkit.UID();\n\t}\n\t\n\tgetID(){\n\t\treturn this.id;\n\t}\n\t\n\tclearListeners(){\n\t\tthis.listeners = {};\n\t}\n\t\n\tpublic serialize(){\n\t\treturn {\n\t\t\tid: this.id,\n\t\t}\n\t}\n\t\n\tpublic itterateListeners(cb: (t: T) => any){\n\t\tfor (var i in this.listeners){\n\t\t\tcb(this.listeners[i]);\n\t\t}\n\t}\n\t\n\tpublic removeListener(listener: string){\n\t\tif (this.listeners[listener]){\n\t\t\tdelete this.listeners[listener];\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\t\n\tpublic addListener(listener: T): string{\n\t\tvar uid = Toolkit.UID();\n\t\tthis.listeners[uid] = listener;\n\t\treturn uid;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/BaseEntity.ts","/**\n * @author Dylan Vorster\n */\nexport class Toolkit {\n\t/**\n   * Generats a unique ID (thanks Stack overflow :3)\n   * @returns {String}\n   */\n\tpublic static UID():string {\n\t\treturn 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n\t\t\tvar r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);\n\t\t\treturn v.toString(16);\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/Toolkit.ts","import {NodeModel, LinkModel} from \"./Common\";\nimport {DiagramEngine} from \"./DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport abstract class WidgetFactory{\n\t\n\ttype: string;\n\t\n\tconstructor(name: string){\n\t\tthis.type = name;\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.type;\n\t}\n\t\n}\n\nexport abstract class NodeWidgetFactory extends WidgetFactory{\n\t\n\t\n\tabstract generateReactWidget(diagramEngine:DiagramEngine,node: NodeModel): JSX.Element;\n\t\n}\n\nexport abstract class LinkWidgetFactory extends WidgetFactory{\n\t\n\tabstract generateReactWidget(diagramEngine:DiagramEngine,link: LinkModel): JSX.Element;\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/WidgetFactories.ts","import {LinkModel, NodeModel, BaseModel} from \"./Common\";\nimport {BaseListener, BaseEnity} from \"./BaseEntity\";\nimport * as _ from \"lodash\";\n/**\n * @author Dylan Vorster\n * \n */\nexport interface DiagramListener extends BaseListener{\n\t\n\tnodesUpdated(): any;\n\t\n\tlinksUpdated(): any;\n\t\n\tcontrolsUpdated(): any;\n\t\n}\n/**\n * \n */\nexport class DiagramModel extends BaseEnity<DiagramListener>{\n\t\n\t//models\n\tlinks: {[s:string] : LinkModel};\n\tnodes: {[s:string] : NodeModel};\n\t\n\t//control variables\n\toffsetX: number;\n\toffsetY: number;\n\tzoom: number;\n\t\n\tconstructor(){\n\t\tsuper();\n\t\t\n\t\tthis.links = {};\n\t\tthis.nodes = {};\n\t\t\n\t\tthis.offsetX = 0;\n\t\tthis.offsetY = 0;\n\t\tthis.zoom = 100;\n\t}\n\t\n\tdeSerialize(object: any){\n\t\t\n\t\t\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\toffsetX: this.offsetX,\n\t\t\toffsetY: this.offsetY,\n\t\t\tzoom: this.zoom,\n\t\t\tlinks: _.map(this.links,(link) => {\n\t\t\t\treturn link.serialize();\n\t\t\t}),\n\t\t\tnodes: _.map(this.nodes,(link) => {\n\t\t\t\treturn link.serialize();\n\t\t\t}),\n\t\t});\n\t}\n\t\n\tclearSelection(ignore: BaseModel|null = null){\n\t\t_.forEach(this.getSelectedItems(),(element) => {\n\t\t\tif (ignore && ignore.getID() === element.getID()){\n\t\t\t\treturn;\n\t\t\t}\n\t\t\telement.setSelected(false); //TODO dont fire the listener\n\t\t});\n\t}\n\t\n\tgetSelectedItems(): BaseModel[]{\n\t\tvar items  = [];\n\t\t\n\t\t//find all nodes\n\t\titems = items.concat(_.filter(this.nodes,(node) => {\n\t\t\treturn node.isSelected();\n\t\t}));\n\t\t\n\t\t//find all points\n\t\titems = items.concat(_.filter(_.flatMap(this.links,(node) => {\n\t\t\treturn node.points;\n\t\t}),(port) => {\n\t\t\treturn port.isSelected();\n\t\t}));\n\t\t\n\t\t//find all links\n\t\treturn items.concat(_.filter(this.links,(link) => {\n\t\t\treturn link.isSelected();\n\t\t}));\n\t}\n\t\n\tsetZoomLevel(zoom:number){\n\t\tthis.zoom = zoom;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tsetOffset(offsetX: number, offsetY: number){\n\t\tthis.offsetX = offsetX;\n\t\tthis.offsetY = offsetY;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tsetOffsetX(offsetX: number){\n\t\tthis.offsetX = offsetX;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\tsetOffsetY(offsetY: number){\n\t\tthis.offsetX = offsetY;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tgetOffsetY(){\n\t\treturn this.offsetY;\n\t}\n\t\n\tgetOffsetX(){\n\t\treturn this.offsetX;\n\t}\n\t\n\tgetZoomLevel(){\n\t\treturn this.zoom;\n\t}\n\t\n\tgetNode(node: string | NodeModel): NodeModel|null{\n\t\tif (node instanceof NodeModel){\n\t\t\treturn node;\n\t\t}\n\t\tif (!this.nodes[node]){\n\t\t\treturn null;\n\t\t}\n\t\treturn this.nodes[node];\n\t}\n\t\n\tgetLink(link: string | LinkModel): LinkModel|null{\n\t\tif (link instanceof LinkModel){\n\t\t\treturn link;\n\t\t}\n\t\tif(!this.links[link]){\n\t\t\treturn null;\n\t\t}\n\t\treturn this.links[link];\n\t}\n\t\n\taddLink(link: LinkModel): LinkModel{\n\t\tlink.addListener({\n\t\t\tentityRemoved: () => {\n\t\t\t\tthis.removeLink(link);\n\t\t\t}\n\t\t});\n\t\tthis.links[link.getID()] = link;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linksUpdated();\n\t\t});\n\t\treturn link\n\t}\n\t\n\taddNode(node: NodeModel): NodeModel{\n\t\tnode.addListener({\n\t\t\tentityRemoved: () => {\n\t\t\t\tthis.removeNode(node);\n\t\t\t}\n\t\t});\n\t\tthis.nodes[node.getID()] = node;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodesUpdated();\n\t\t});\n\t\treturn node;\n\t}\n\t\n\tremoveLink(link: LinkModel | string){\n\t\tif (link instanceof LinkModel){\n\t\t\tdelete this.links[link.getID()];\n\t\t\tthis.itterateListeners((listener) => {\n\t\t\t\tlistener.linksUpdated();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tdelete this.links[''+link];\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linksUpdated();\n\t\t});\n\t}\n\tremoveNode(node: NodeModel | string){\n\t\tif (node instanceof NodeModel){\n\t\t\tdelete this.nodes[node.getID()];\n\t\t\tthis.itterateListeners((listener) => {\n\t\t\t\tlistener.nodesUpdated();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\n\t\tdelete this.nodes[''+node];\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodesUpdated();\n\t\t});\n\t}\n\t\n\tgetLinks():{[s:string] : LinkModel} {\n\t\treturn this.links;\n\t}\n\t\n\tgetNodes(): {[s: string]: NodeModel}{\n\t\treturn this.nodes;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/DiagramModel.ts","import * as React from \"react\";\nimport {LinkModel, PointModel} from \"../Common\";\nimport * as _ from \"lodash\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface DefaultLinkProps {\n\tcolor?: string;\n\twidth?: number;\n\tlink: LinkModel;\n\tsmooth?: boolean;\n\tdiagramEngine: DiagramEngine;\n\tpointAdded?: (point: PointModel,event) => any\n}\n\nexport interface DefaultLinkState {\n\tselected: boolean;\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultLinkWidget extends React.Component<DefaultLinkProps, DefaultLinkState> {\n\n\tpublic static defaultProps: DefaultLinkProps = {\n\t\tcolor: 'black',\n\t\twidth: 3,\n\t\tlink:null,\n\t\tengine: null,\n\t\tsmooth: false,\n\t\tdiagramEngine: null\n\t};\n\n\tconstructor(props: DefaultLinkProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tselected: false\n\t\t}\n\t}\n\t\n\tgeneratePoint(pointIndex: number): JSX.Element{\n\t\treturn React.DOM.g({key:'point-'+this.props.link.points[pointIndex].id},\n\t\t\tReact.DOM.circle({\n\t\t\t\tclassName: 'point pointui' + (this.props.link.points[pointIndex].isSelected()?' selected':''),\n\t\t\t\tcx:this.props.link.points[pointIndex].x,\n\t\t\t\tcy:this.props.link.points[pointIndex].y,\n\t\t\t\tr:5,\n\t\t\t}),\n\t\t\tReact.DOM.circle({\n\t\t\t\tclassName:'point',\n\t\t\t\t'data-linkid':this.props.link.id,\n\t\t\t\t'data-id':this.props.link.points[pointIndex].id,\n\t\t\t\tcx: this.props.link.points[pointIndex].x,\n\t\t\t\tcy:this.props.link.points[pointIndex].y,\n\t\t\t\tr:15,\n\t\t\t\topacity: 0,\n\t\t\t\tonMouseLeave:() => {\n\t\t\t\t\tthis.setState({selected: false});\n\t//\t\t\t\tthis.props.link.setSelected(false);\n\t\t\t\t},\n\t\t\t\tonMouseEnter:() => {\n\t\t\t\t\tthis.setState({selected: true});\n\t//\t\t\t\tthis.props.link.setSelected(true);\n\t\t\t\t},\n\t\t\t})\n\t\t);\n\t}\n\t\n\tgenerateLink(extraProps: {id: number}): JSX.Element{\n\t\tvar Bottom = React.DOM.path(_.merge({\n\t\t\tclassName: (this.state.selected || this.props.link.isSelected())?'selected':'',\n\t\t\tstrokeWidth:this.props.width,\n\t\t\tstroke: this.props.color\n\t\t},extraProps));\n\t\t\n\t\tvar Top = React.DOM.path(_.merge({\n\t\t\tonMouseLeave:() => {\n\t\t\t\tthis.setState({selected: false});\n\t\t\t},\n\t\t\tonMouseEnter:() => {\n\t\t\t\tthis.setState({selected: true});\n\t\t\t},\n\t\t\t'data-linkid': this.props.link.getID(),\n\t\t\tstroke: this.props.color,\n\t\t\tstrokeOpacity:this.state.selected?0.1:0 ,\n\t\t\tstrokeWidth: 20,\n\t\t\tonContextMenu: (event) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.props.link.remove();\n\t\t\t},\n\t\t},extraProps));\n\t\t\n\t\treturn React.DOM.g({key:'link-'+extraProps.id},\n\t\t\tBottom,Top\n\t\t);\n\t}\n\n\trender() {\n\t\t//ensure id is present for all points on the path\n\t\tvar points = this.props.link.points;\n\t\tvar paths = [];\n        \n        //draw the smoothing\n\t\tif(points.length === 2){\n\t\t\t\n            //if the points are too close, just draw a straight line\n\t\t\tvar margin = 50;\n\t\t\tif(Math.abs(points[0].x-points[1].x) < 50){\n\t\t\t\tmargin = 5;\n\t\t\t}\n            \n            var pointLeft = points[0];\n            var pointRight = points[1];\n            \n            //some defensive programming to make sure the smoothing is\n            //always in the right direction\n            if(pointLeft.x > pointRight.x){\n                pointLeft = points[1];\n                pointRight = points[0];\n            }\n\t\t\t\n\t\t\tpaths.push(this.generateLink({\n\t\t\t\tid: 0,\n\t\t\t\tonMouseDown: (event) =>{\n\t\t\t\t\tif (!event.shiftKey){\n\t\t\t\t\t\tvar point = new PointModel(this.props.link,this.props.diagramEngine.getRelativeMousePoint(event));\n\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\tthis.props.link.addPoint(point,1);\n\t\t\t\t\t\tthis.props.pointAdded(point,event);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\td:\n\t\t\t\t\t \" M\"+pointLeft.x+\" \"+pointLeft.y\n\t\t\t\t\t+\" C\"+(pointLeft.x+margin)+\" \"+pointLeft.y\n\t\t\t\t\t+\" \" +(pointRight.x-margin)+\" \"+pointRight.y\n\t\t\t\t\t+\" \" +pointRight.x+\" \"+pointRight.y\n\t\t\t}));\n\t\t\tif (this.props.link.targetPort === null){\n\t\t\t\tpaths.push(this.generatePoint(1));\n\t\t\t}\n\t\t}\n        \n        //draw the multiple anchors and complex line instead\n        else{\n\t\t\tvar ds = [];\n\t\t\tif(this.props.smooth){\n\t\t\t\tds.push(\" M\"+points[0].x+\" \"+points[0].y+\" C \"+(points[0].x+50)+\" \"+points[0].y+\" \"+points[1].x+\" \"+points[1].y+\" \"+points[1].x+\" \"+points[1].y);\n\t\t\t\tfor(var i = 1;i < points.length-2;i++){\n\t\t\t\t\tds.push(\" M \"+points[i].x+\" \"+points[i].y+\" L \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t\t}\n\t\t\t\tds.push(\" M\"+points[i].x+\" \"+points[i].y+\" C \"+points[i].x+\" \"+points[i].y+\" \"+(points[i+1].x-50)+\" \"+points[i+1].y+\" \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t}else{\n\t\t\t\tvar ds = [];\n\t\t\t\tfor(var i = 0;i < points.length-1;i++){\n\t\t\t\t\tds.push(\" M \"+points[i].x+\" \"+points[i].y+\" L \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\tpaths = ds.map((data,index) => {\n\t\t\t\treturn this.generateLink({\n\t\t\t\t\tid:index,\n\t\t\t\t\t'data-linkid':this.props.link.id,\n\t\t\t\t\t'data-point':index,\n\t\t\t\t\tonMouseDown: (event: MouseEvent) => {\n\t\t\t\t\t\tif (!event.shiftKey){\n\t\t\t\t\t\t\tvar point = new PointModel(this.props.link,this.props.diagramEngine.getRelativeMousePoint(event));\n\t\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t\tthis.props.link.addPoint(point,index+1);\n\t\t\t\t\t\t\tthis.props.pointAdded(point,event);\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\td:data\n\t\t\t\t});\n\t\t\t});\n\t\t\t\n\t\t\t//render the circles\n\t\t\tfor(var i = 1;i < points.length-1;i++){\n\t\t\t\tpaths.push(this.generatePoint(i));\n\t\t\t}\n\t\t\t\n\t\t\tif (this.props.link.targetPort === null){\n\t\t\t\tpaths.push(this.generatePoint(points.length-1));\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.g(null,paths)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultLinkWidget.ts","import * as React from \"react\";\nimport * as _ from \"lodash\";\nvar div = React.DOM.div;\nimport {DefaultNodeModel} from \"./DefaultNodeModel\";\nimport {DefaultPortLabel} from \"./DefaultPortLabelWidget\";\n\nexport interface DefaultNodeProps {\n\tnode: DefaultNodeModel;\n}\n\nexport interface DefaultNodeState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeWidget extends React.Component<DefaultNodeProps, DefaultNodeState> {\n\n\tpublic static defaultProps: DefaultNodeProps = {\n\t\tnode: null,\n\t};\n\n\tconstructor(props: DefaultNodeProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\trender() {\n\t\treturn (\n\t\t\tdiv({className: 'basic-node', style: {background: this.props.node.color }},\n\t\t\t\tdiv({className:'title'},\n\t\t\t\t\tdiv({className:'name'},this.props.node.name),\n\t\t\t\t\tdiv({className: 'fa fa-close', onClick: this.props.node.remove})\n\t\t\t\t),\n\t\t\t\tdiv({className:'ports'},\n\t\t\t\t\tdiv({className: 'in'}, _.map(this.props.node.getInPorts(),(port) => {\n\t\t\t\t\t\treturn React.createElement(DefaultPortLabel,{model: port});\n\t\t\t\t\t})),\n\t\t\t\t\tdiv({className: 'out'}, _.map(this.props.node.getOutPorts(),(port) => {\n\t\t\t\t\t\treturn React.createElement(DefaultPortLabel,{model: port});\n\t\t\t\t\t})),\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeWidget.ts","import * as React from \"react\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport {PointModel} from \"../Common\";\nimport {LinkWidget} from \"./LinkWidget\";\nimport * as _ from \"lodash\";\n\nexport interface LinkLayerProps {\n\tdiagramEngine: DiagramEngine,\n\tpointAdded: (point: PointModel,event) => any\n}\n\nexport interface LinkLayerState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class LinkLayerWidget extends React.Component<LinkLayerProps, LinkLayerState> {\n\n\tconstructor(props: LinkLayerProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tcomponentDidMount(){\n\t\tsetTimeout(()=> {\n\t\t\tthis.forceUpdate();\n\t\t},10);\n\t}\n\t\n\trender() {\n\t\t\n\t\tvar diagramModel = this.props.diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.svg(\n\t\t\t\t{\n                    style:{\n\t\t\t\t\t\ttransform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY()+'px)',\n                        width: '100%',\n                        height: '100%'\n                    }\n                },\n\t\t\t\t_.map(diagramModel.getLinks(),(link) => {\n\t\t\t\t\t\n\t\t\t\t\t//TODO just improve this vastly x_x\n\t\t\t\t\tif (link.sourcePort !== null){\n\t\t\t\t\t\ttry{\n\t\t\t\t\t\t\t//generate a point\n\t\t\t\t\t\t\tlink.points[0].updateLocation(this.props.diagramEngine.getPortCenter(link.sourcePort));\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//remove the link because its problematic (TODO implement this rather at an engine level)\n\t\t\t\t\t\tcatch(ex){\n\t\t\t\t\t\t\tconsole.log(ex);\n\t\t\t\t\t\t\tdiagramModel.removeLink(link);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (link.targetPort !== null){\n\t\t\t\t\t\ttry{\n\t\t\t\t\t\t\t_.last(link.points).updateLocation(this.props.diagramEngine.getPortCenter(link.targetPort));\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//remove the link because its problematic (TODO implement this rather at an engine level)\n\t\t\t\t\t\tcatch(ex){\n\t\t\t\t\t\t\tconsole.log(ex);\n\t\t\t\t\t\t\tdiagramModel.removeLink(link);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n                    \n\t\t\t\t\t//generate links\n\t\t\t\t\tvar generatedLink = this.props.diagramEngine.generateWidgetForLink(link);\n                    if(!generatedLink){\n\t\t\t\t\t\tconsole.log(\"no link generated for type: \" + link.getType());\n\t\t\t\t\t\treturn null;\n                    }\n\t\t\t\t\t\n\t\t\t\t\treturn (\n\t\t\t\t\t\tReact.createElement(LinkWidget, {\n\t\t\t\t\t\t\tkey: link.getID(), \n\t\t\t\t\t\t\tlink: link,\n\t\t\t\t\t\t\tdiagramEngine: this.props.diagramEngine,\n\t\t\t\t\t\t}, React.cloneElement(generatedLink,{pointAdded: this.props.pointAdded}))\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/LinkLayerWidget.ts","import * as React from \"react\";\nimport {LinkModel} from \"../Common\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface LinkProps {\n\tlink: LinkModel;\n\tdiagramEngine: DiagramEngine;\n\tchildren?: any;\n}\n\nexport interface LinkState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class LinkWidget extends React.Component<LinkProps, LinkState> {\n\n\tconstructor(props: LinkProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tshouldComponentUpdate(){\n\t\treturn this.props.diagramEngine.canEntityRepaint(this.props.link);\n\t}\n\n\trender() {\n\t\treturn this.props.children;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/LinkWidget.ts","import * as React from \"react\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport * as _ from \"lodash\";\nimport {NodeWidget} from \"./NodeWidget\";\n\nexport interface NodeLayerProps {\n\tdiagramEngine: DiagramEngine\n}\n\nexport interface NodeLayerState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class NodeLayerWidget extends React.Component<NodeLayerProps, NodeLayerState> {\n\n\tconstructor(props: NodeLayerProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\n\trender() {\n\t\t\n\t\tvar diagramModel = this.props.diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t\tclassName:'node-view',\n\t\t\t\t\tstyle:{\n\t\t\t\t\t\ttransform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX()+'px,'+diagramModel.getOffsetY()+'px)',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t_.map(diagramModel.getNodes(),(node) => {\n\t\t\t\t\treturn(\n\t\t\t\t\t\tReact.createElement(NodeWidget, {diagramEngine: this.props.diagramEngine,key:node.id,node: node},\n\t\t\t\t\t\t\tthis.props.diagramEngine.generateWidgetForNode(node))\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/NodeLayerWidget.ts","import * as React from \"react\";\nimport {NodeModel} from \"../Common\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface NodeProps {\n\tnode:NodeModel;\n\tchildren?: any;\n\tdiagramEngine: DiagramEngine\n}\n\nexport interface NodeState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class NodeWidget extends React.Component<NodeProps, NodeState> {\n\n\tconstructor(props: NodeProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tshouldComponentUpdate(){\n\t\treturn this.props.diagramEngine.canEntityRepaint(this.props.node);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t'data-nodeid': this.props.node.id,\n\t\t\t\tclassName: 'node' + (this.props.node.isSelected()?' selected':''),\n\t\t\t\tstyle:{\n\t\t\t\t\ttop: this.props.node.y,\n\t\t\t\t\tleft: this.props.node.x,\n\t\t\t\t}},\n\t\t\t\tReact.cloneElement(this.props.children,{})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/NodeWidget.ts","import * as React from \"react\";\nimport {NodeModel} from \"../Common\";\n\nexport interface PortProps {\n\tname: string;\n\tnode: NodeModel;\n}\n\nexport interface PortState{\n\tselected: boolean\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class PortWidget extends React.Component<PortProps, PortState> {\n\n\tconstructor(props: PortProps){\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tselected: false\n\t\t};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\tonMouseEnter: () =>{\n\t\t\t\t\tthis.setState({selected: true});\n\t\t\t\t},\n\t\t\t\tonMouseLeave: () => {\n\t\t\t\t\tthis.setState({selected: false});\n\t\t\t\t},\n\t\t\t\tclassName:'port'+(this.state.selected?' selected':''),\n\t\t\t\t'data-name':this.props.name,\n\t\t\t\t'data-nodeid': this.props.node.getID()\n\t\t\t})\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/PortWidget.ts","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./demos/test.scss\n// module id = 14\n// module chunks = 0 1","/**\n * @author Dylan Vorster\n */\n \n //export defaults\nexport * from \"./defaults/DefaultLinkFactory\";\nexport * from \"./defaults/DefaultLinkWidget\";\nexport * from \"./defaults/DefaultNodeFactory\";\nexport * from \"./defaults/DefaultNodeWidget\";\nexport * from \"./defaults/DefaultNodeModel\";\nexport * from \"./defaults/DefaultPortModel\";\n\nexport * from \"./WidgetFactories\";\nexport * from \"./Toolkit\";\n\nexport * from \"./DiagramEngine\";\nexport * from \"./DiagramModel\";\nexport * from \"./BaseEntity\";\nexport * from \"./Common\";\n\nexport * from \"./widgets/DiagramWidget\";\nexport * from \"./widgets/LinkLayerWidget\";\nexport * from \"./widgets/LinkWidget\";\nexport * from \"./widgets/NodeLayerWidget\";\nexport * from \"./widgets/NodeWidget\";\nexport * from \"./widgets/PortWidget\";\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.ts","module.exports = __WEBPACK_EXTERNAL_MODULE_16__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"ReactDOM\"\n// module id = 16\n// module chunks = 0 1","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"* {\\n  margin: 0;\\n  padding: 0; }\\n\\nhtml, body {\\n  width: 100%;\\n  height: 100%;\\n  background: #3c3c3c;\\n  display: flex; }\\n\\n.storm-diagrams-canvas {\\n  position: relative;\\n  flex-grow: 1;\\n  display: flex;\\n  cursor: move;\\n  overflow: hidden; }\\n  .storm-diagrams-canvas .point {\\n    fill: rgba(255, 255, 255, 0.5); }\\n    .storm-diagrams-canvas .point.selected {\\n      fill: #00c0ff; }\\n  .storm-diagrams-canvas .selector {\\n    position: absolute;\\n    background-color: rgba(0, 192, 255, 0.2);\\n    border: solid 2px #00c0ff; }\\n  .storm-diagrams-canvas svg {\\n    position: absolute;\\n    height: 100%;\\n    width: 100%;\\n    transform-origin: 0 0;\\n    overflow: visible; }\\n  .storm-diagrams-canvas .node-view {\\n    top: 0;\\n    left: 0;\\n    right: 0;\\n    bottom: 0;\\n    position: absolute;\\n    pointer-events: none;\\n    transform-origin: 0 0; }\\n  .storm-diagrams-canvas .node {\\n    position: absolute;\\n    -webkit-touch-callout: none;\\n    /* iOS Safari */\\n    -webkit-user-select: none;\\n    /* Chrome/Safari/Opera */\\n    user-select: none;\\n    cursor: move;\\n    pointer-events: all; }\\n    .storm-diagrams-canvas .node.selected > * {\\n      border-color: #00c0ff !important;\\n      box-shadow: 0 0 20px rgba(0, 192, 255, 0.5); }\\n\\n@keyframes dash {\\n  from {\\n    stroke-dashoffset: 24; }\\n  to {\\n    stroke-dashoffset: 0; } }\\n  .storm-diagrams-canvas path {\\n    fill: none;\\n    pointer-events: all; }\\n    .storm-diagrams-canvas path.selected {\\n      stroke: #00c0ff !important;\\n      stroke-dasharray: 10,2;\\n      animation: dash 1s linear infinite; }\\n  .storm-diagrams-canvas .port {\\n    width: 15px;\\n    height: 15px;\\n    background: rgba(255, 255, 255, 0.1); }\\n    .storm-diagrams-canvas .port:hover, .storm-diagrams-canvas .port.selected {\\n      background: #c0ff00; }\\n  .storm-diagrams-canvas .basic-node {\\n    background-color: #1e1e1e;\\n    border-radius: 5px;\\n    font-family: Arial;\\n    color: white;\\n    border: solid 2px black;\\n    overflow: hidden;\\n    font-size: 11px;\\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }\\n    .storm-diagrams-canvas .basic-node .title {\\n      /*\\t\\t\\tbackground-image: linear-gradient(rgba(black,0.1),rgba(black,0.2));*/\\n      background: rgba(0, 0, 0, 0.3);\\n      display: flex;\\n      white-space: nowrap; }\\n      .storm-diagrams-canvas .basic-node .title > * {\\n        align-self: center; }\\n      .storm-diagrams-canvas .basic-node .title .fa {\\n        padding: 5px;\\n        opacity: 0.2;\\n        cursor: pointer; }\\n        .storm-diagrams-canvas .basic-node .title .fa:hover {\\n          opacity: 1.0; }\\n      .storm-diagrams-canvas .basic-node .title .name {\\n        flex-grow: 1;\\n        padding: 5px 5px; }\\n    .storm-diagrams-canvas .basic-node .ports {\\n      display: flex;\\n      background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)); }\\n      .storm-diagrams-canvas .basic-node .ports .in, .storm-diagrams-canvas .basic-node .ports .out {\\n        flex-grow: 1;\\n        display: flex;\\n        flex-direction: column; }\\n      .storm-diagrams-canvas .basic-node .ports .in-port, .storm-diagrams-canvas .basic-node .ports .out-port {\\n        display: flex;\\n        margin-top: 1px; }\\n        .storm-diagrams-canvas .basic-node .ports .in-port > *, .storm-diagrams-canvas .basic-node .ports .out-port > * {\\n          align-self: center; }\\n        .storm-diagrams-canvas .basic-node .ports .in-port .name, .storm-diagrams-canvas .basic-node .ports .out-port .name {\\n          padding: 0 5px; }\\n      .storm-diagrams-canvas .basic-node .ports .out-port {\\n        justify-content: flex-end; }\\n        .storm-diagrams-canvas .basic-node .ports .out-port .name {\\n          justify-content: flex-end;\\n          text-align: right; }\\n\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/sass-loader/lib/loader.js!./demos/test.scss\n// module id = 17\n// module chunks = 0 1","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\n// css base code, injected by the css-loader\r\nmodule.exports = function() {\r\n\tvar list = [];\r\n\r\n\t// return the list of modules as css string\r\n\tlist.toString = function toString() {\r\n\t\tvar result = [];\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar item = this[i];\r\n\t\t\tif(item[2]) {\r\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t} else {\r\n\t\t\t\tresult.push(item[1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result.join(\"\");\r\n\t};\r\n\r\n\t// import a list of modules into the list\r\n\tlist.i = function(modules, mediaQuery) {\r\n\t\tif(typeof modules === \"string\")\r\n\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\tvar alreadyImportedModules = {};\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar id = this[i][0];\r\n\t\t\tif(typeof id === \"number\")\r\n\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t}\r\n\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\tvar item = modules[i];\r\n\t\t\t// skip already imported module\r\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t//  when a module is imported multiple times with different media queries.\r\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t}\r\n\t\t\t\tlist.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn list;\r\n};\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader/lib/css-base.js\n// module id = 18\n// module chunks = 0 1","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\nvar stylesInDom = {},\r\n\tmemoize = function(fn) {\r\n\t\tvar memo;\r\n\t\treturn function () {\r\n\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\r\n\t\t\treturn memo;\r\n\t\t};\r\n\t},\r\n\tisOldIE = memoize(function() {\r\n\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\r\n\t}),\r\n\tgetHeadElement = memoize(function () {\r\n\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\r\n\t}),\r\n\tsingletonElement = null,\r\n\tsingletonCounter = 0,\r\n\tstyleElementsInsertedAtTop = [];\r\n\r\nmodule.exports = function(list, options) {\r\n\tif(typeof DEBUG !== \"undefined\" && DEBUG) {\r\n\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\r\n\t}\r\n\r\n\toptions = options || {};\r\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\r\n\t// tags it will allow on a page\r\n\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\r\n\r\n\t// By default, add <style> tags to the bottom of <head>.\r\n\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\r\n\r\n\tvar styles = listToStyles(list);\r\n\taddStylesToDom(styles, options);\r\n\r\n\treturn function update(newList) {\r\n\t\tvar mayRemove = [];\r\n\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\tvar item = styles[i];\r\n\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\tdomStyle.refs--;\r\n\t\t\tmayRemove.push(domStyle);\r\n\t\t}\r\n\t\tif(newList) {\r\n\t\t\tvar newStyles = listToStyles(newList);\r\n\t\t\taddStylesToDom(newStyles, options);\r\n\t\t}\r\n\t\tfor(var i = 0; i < mayRemove.length; i++) {\r\n\t\t\tvar domStyle = mayRemove[i];\r\n\t\t\tif(domStyle.refs === 0) {\r\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\r\n\t\t\t\t\tdomStyle.parts[j]();\r\n\t\t\t\tdelete stylesInDom[domStyle.id];\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction addStylesToDom(styles, options) {\r\n\tfor(var i = 0; i < styles.length; i++) {\r\n\t\tvar item = styles[i];\r\n\t\tvar domStyle = stylesInDom[item.id];\r\n\t\tif(domStyle) {\r\n\t\t\tdomStyle.refs++;\r\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\r\n\t\t\t}\r\n\t\t\tfor(; j < item.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tvar parts = [];\r\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\r\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction listToStyles(list) {\r\n\tvar styles = [];\r\n\tvar newStyles = {};\r\n\tfor(var i = 0; i < list.length; i++) {\r\n\t\tvar item = list[i];\r\n\t\tvar id = item[0];\r\n\t\tvar css = item[1];\r\n\t\tvar media = item[2];\r\n\t\tvar sourceMap = item[3];\r\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\r\n\t\tif(!newStyles[id])\r\n\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\r\n\t\telse\r\n\t\t\tnewStyles[id].parts.push(part);\r\n\t}\r\n\treturn styles;\r\n}\r\n\r\nfunction insertStyleElement(options, styleElement) {\r\n\tvar head = getHeadElement();\r\n\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\r\n\tif (options.insertAt === \"top\") {\r\n\t\tif(!lastStyleElementInsertedAtTop) {\r\n\t\t\thead.insertBefore(styleElement, head.firstChild);\r\n\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\r\n\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\r\n\t\t} else {\r\n\t\t\thead.appendChild(styleElement);\r\n\t\t}\r\n\t\tstyleElementsInsertedAtTop.push(styleElement);\r\n\t} else if (options.insertAt === \"bottom\") {\r\n\t\thead.appendChild(styleElement);\r\n\t} else {\r\n\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\r\n\t}\r\n}\r\n\r\nfunction removeStyleElement(styleElement) {\r\n\tstyleElement.parentNode.removeChild(styleElement);\r\n\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\r\n\tif(idx >= 0) {\r\n\t\tstyleElementsInsertedAtTop.splice(idx, 1);\r\n\t}\r\n}\r\n\r\nfunction createStyleElement(options) {\r\n\tvar styleElement = document.createElement(\"style\");\r\n\tstyleElement.type = \"text/css\";\r\n\tinsertStyleElement(options, styleElement);\r\n\treturn styleElement;\r\n}\r\n\r\nfunction createLinkElement(options) {\r\n\tvar linkElement = document.createElement(\"link\");\r\n\tlinkElement.rel = \"stylesheet\";\r\n\tinsertStyleElement(options, linkElement);\r\n\treturn linkElement;\r\n}\r\n\r\nfunction addStyle(obj, options) {\r\n\tvar styleElement, update, remove;\r\n\r\n\tif (options.singleton) {\r\n\t\tvar styleIndex = singletonCounter++;\r\n\t\tstyleElement = singletonElement || (singletonElement = createStyleElement(options));\r\n\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\r\n\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\r\n\t} else if(obj.sourceMap &&\r\n\t\ttypeof URL === \"function\" &&\r\n\t\ttypeof URL.createObjectURL === \"function\" &&\r\n\t\ttypeof URL.revokeObjectURL === \"function\" &&\r\n\t\ttypeof Blob === \"function\" &&\r\n\t\ttypeof btoa === \"function\") {\r\n\t\tstyleElement = createLinkElement(options);\r\n\t\tupdate = updateLink.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t\tif(styleElement.href)\r\n\t\t\t\tURL.revokeObjectURL(styleElement.href);\r\n\t\t};\r\n\t} else {\r\n\t\tstyleElement = createStyleElement(options);\r\n\t\tupdate = applyToTag.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t};\r\n\t}\r\n\r\n\tupdate(obj);\r\n\r\n\treturn function updateStyle(newObj) {\r\n\t\tif(newObj) {\r\n\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\r\n\t\t\t\treturn;\r\n\t\t\tupdate(obj = newObj);\r\n\t\t} else {\r\n\t\t\tremove();\r\n\t\t}\r\n\t};\r\n}\r\n\r\nvar replaceText = (function () {\r\n\tvar textStore = [];\r\n\r\n\treturn function (index, replacement) {\r\n\t\ttextStore[index] = replacement;\r\n\t\treturn textStore.filter(Boolean).join('\\n');\r\n\t};\r\n})();\r\n\r\nfunction applyToSingletonTag(styleElement, index, remove, obj) {\r\n\tvar css = remove ? \"\" : obj.css;\r\n\r\n\tif (styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\r\n\t} else {\r\n\t\tvar cssNode = document.createTextNode(css);\r\n\t\tvar childNodes = styleElement.childNodes;\r\n\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\r\n\t\tif (childNodes.length) {\r\n\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\r\n\t\t} else {\r\n\t\t\tstyleElement.appendChild(cssNode);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction applyToTag(styleElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar media = obj.media;\r\n\r\n\tif(media) {\r\n\t\tstyleElement.setAttribute(\"media\", media)\r\n\t}\r\n\r\n\tif(styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = css;\r\n\t} else {\r\n\t\twhile(styleElement.firstChild) {\r\n\t\t\tstyleElement.removeChild(styleElement.firstChild);\r\n\t\t}\r\n\t\tstyleElement.appendChild(document.createTextNode(css));\r\n\t}\r\n}\r\n\r\nfunction updateLink(linkElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar sourceMap = obj.sourceMap;\r\n\r\n\tif(sourceMap) {\r\n\t\t// http://stackoverflow.com/a/26603875\r\n\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\r\n\t}\r\n\r\n\tvar blob = new Blob([css], { type: \"text/css\" });\r\n\r\n\tvar oldSrc = linkElement.href;\r\n\r\n\tlinkElement.href = URL.createObjectURL(blob);\r\n\r\n\tif(oldSrc)\r\n\t\tURL.revokeObjectURL(oldSrc);\r\n}\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader/addStyles.js\n// module id = 19\n// module chunks = 0 1","import {NodeWidgetFactory, LinkWidgetFactory} from \"./WidgetFactories\";\nimport {LinkModel, NodeModel, BaseModel, PortModel, PointModel} from \"./Common\";\nimport {BaseEnity, BaseListener} from \"./BaseEntity\";\nimport {DiagramModel} from \"./DiagramModel\";\nimport * as React from \"react\";\nimport * as _ from \"lodash\";\n/**\n * @author Dylan Vorster\n */\nexport interface DiagramEngineListener extends BaseListener{\n\t\n\tnodeFactoriesUpdated(): any;\n\t\n\tlinkFactoriesUpdated(): any;\n}\n\n/**\n * Passed as a parameter to the DiagramWidget\n */\nexport class DiagramEngine extends BaseEnity<DiagramEngineListener>{\n\t\n\tnodeFactories: {[s: string]:NodeWidgetFactory};\n\tlinkFactories: {[s: string]:LinkWidgetFactory};\n\tdiagramModel: DiagramModel;\n\tcanvas: Element;\n\tpaintableWidgets: {};\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.diagramModel = new DiagramModel();\n\t\tthis.nodeFactories = {};\n\t\tthis.linkFactories = {};\n\t\tthis.canvas = null;\n\t\tthis.paintableWidgets = null;\n\t}\n\t\n\tclearRepaintEntities(){\n\t\tthis.paintableWidgets = null;\n\t}\n\t\n\tenableRepaintEntities(entities: BaseModel[]){\n\t\tthis.paintableWidgets = {};\n\t\tentities.forEach((entity) => {\n\t\t\t\n\t\t\t//if a node is requested to repaint, add all of its links\n\t\t\tif (entity instanceof NodeModel){\n\t\t\t\t_.forEach(entity.getPorts(),(port) => {\n\t\t\t\t\t_.forEach(port.getLinks(),(link) => {\n\t\t\t\t\t\tthis.paintableWidgets[link.getID()] = true;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t\t\n\t\t\tif (entity instanceof PointModel){\n\t\t\t\tthis.paintableWidgets[entity.getLink().getID()] = true;\n\t\t\t}\n\t\t\t\n\t\t\tthis.paintableWidgets[entity.getID()] = true;\n\t\t});\n\t}\n\t\n\tcanEntityRepaint(baseModel: BaseModel){\n\t\t//no rules applied, allow repaint\n\t\tif(this.paintableWidgets === null){\n\t\t\treturn true;\n\t\t}\n\t\t\n\t\treturn this.paintableWidgets[baseModel.getID()] !== undefined;\n\t}\n\t\n\tsetCanvas(canvas: Element| null){\n\t\tthis.canvas = canvas;\n\t}\n\t\n\tsetDiagramModel(model: DiagramModel){\n\t\tthis.diagramModel = model;\n\t}\n\t\n\tgetDiagramModel(): DiagramModel{\n\t\treturn this.diagramModel;\n\t}\n\t\n\tgetNodeFactories(): {[s: string]:NodeWidgetFactory}{\n\t\treturn this.nodeFactories;\n\t}\n\t\n\tgetLinkFactories(): {[s: string]:LinkWidgetFactory}{\n\t\treturn this.linkFactories;\n\t}\n\t\n\tregisterNodeFactory(factory: NodeWidgetFactory){\n\t\tthis.nodeFactories[factory.getType()] = factory;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodeFactoriesUpdated();\n\t\t});\n\t}\n\t\n\tregisterLinkFactory(factory: LinkWidgetFactory){\n\t\tthis.linkFactories[factory.getType()] = factory;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linkFactoriesUpdated();\n\t\t});\n\t}\n\t\n\tgetFactoryForNode(node: NodeModel): NodeWidgetFactory | null{\n\t\tif (this.nodeFactories[node.getType()]){\n\t\t\treturn this.nodeFactories[node.getType()];\n\t\t}\n\t\tconsole.log(\"cannot find widget factory for node of type: [\" + node.getType()+\"]\");\n\t\treturn null;\n\t}\n\t\n\tgetFactoryForLink(link: LinkModel): LinkWidgetFactory | null{\n\t\tif (this.linkFactories[link.getType()]){\n\t\t\treturn this.linkFactories[link.getType()];\n\t\t}\n\t\tconsole.log(\"cannot find widget factory for link of type: [\" + link.getType()+\"]\");\n\t\treturn null;\n\t}\n\t\n\tgenerateWidgetForLink(link: LinkModel): JSX.Element|null{\n\t\tvar linkFactory = this.getFactoryForLink(link);\n\t\tif(!linkFactory){\n\t\t\tthrow \"Cannot find link factory for link: \" + link.getType();\n\t\t}\n\t\treturn linkFactory.generateReactWidget(this,link);\n\t}\n\t\n\tgenerateWidgetForNode(node: NodeModel): JSX.Element|null{\n\t\tvar nodeFactory = this.getFactoryForNode(node);\n\t\tif(!nodeFactory){\n\t\t\tthrow \"Cannot find widget factory for node: \" + node.getType();\n\t\t}\n\t\treturn nodeFactory.generateReactWidget(this,node);\n\t}\n\t\n\tgetRelativeMousePoint(event): {x:number,y:number}{\n\t\tvar point = this.getRelativePoint(event.pageX,event.pageY);\n\t\treturn {\n\t\t\tx: (point.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n\t\t\ty: (point.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()\n\t\t};\n\t}\n\n\tgetRelativePoint(x,y){\n\t\tvar canvasRect = this.canvas.getBoundingClientRect();\n\t\treturn {x: x-canvasRect.left,y:y-canvasRect.top};\n\t}\n\t\n\tgetNodePortElement(port: PortModel): any{\n\t\tvar selector = this.canvas.querySelector('.port[data-name=\"' + port.getName() + '\"][data-nodeid=\"' + port.getParent().getID()+'\"]');\n\t\tif(selector === null){\n\t\t\tthrow \"Cannot find Node Port element with nodeID: [\" + port.getParent().getID()+\"] and name: [\"+port.getName()+\"]\";\n\t\t}\n\t\treturn selector;\n\t}\n\t\n\tgetPortCenter(port: PortModel){\n\t\tvar sourceElement = this.getNodePortElement(port);\n\t\tvar sourceRect = sourceElement.getBoundingClientRect();\n\n\t\tvar rel = this.getRelativePoint(sourceRect.left,sourceRect.top);\n\n\t\treturn {\n\t\t\tx: ((sourceElement.offsetWidth / 2) + rel.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n\t\t\ty: ((sourceElement.offsetHeight/2)+rel.y/(this.diagramModel.getZoomLevel()/100.0)) - this.diagramModel.getOffsetY()\n\t\t};\n\t}\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/DiagramEngine.ts","import {LinkWidgetFactory} from \"../WidgetFactories\";\nimport {LinkModel} from \"../Common\";\nimport * as React from \"react\";\nimport {DefaultLinkWidget} from \"./DefaultLinkWidget\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultLinkFactory extends LinkWidgetFactory{\n\t\n\tconstructor(){\n\t\tsuper(\"default\");\n\t}\n\t\n\tgenerateReactWidget(diagramEngine: DiagramEngine,link: LinkModel): JSX.Element{\n\t\treturn React.createElement(DefaultLinkWidget,{\n\t\t\tlink: link,\n\t\t\tdiagramEngine: diagramEngine\n\t\t});\n\t}\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultLinkFactory.ts","import {NodeWidgetFactory} from \"../WidgetFactories\";\nimport {DefaultNodeModel} from \"./DefaultNodeModel\";\nimport * as React from \"react\";\nimport {DefaultNodeWidget} from \"./DefaultNodeWidget\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeFactory extends NodeWidgetFactory{\n\t\n\tconstructor(){\n\t\tsuper(\"default\");\n\t}\n\t\n\tgenerateModel(){\n\t\t\n\t}\n\t\n\tgenerateReactWidget(diagramEngine:DiagramEngine,node: DefaultNodeModel): JSX.Element{\n\t\treturn React.createElement(DefaultNodeWidget,{\n\t\t\tnode: node,\n\t\t\tdiagramEngine: diagramEngine\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeFactory.ts","import {NodeModel} from \"../Common\";\nimport {DefaultPortModel} from \"./DefaultPortModel\";\nimport * as _ from \"lodash\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeModel extends NodeModel{\n\t\n\tname: string;\n\tcolor: string;\n\tports:  {[s: string]:DefaultPortModel};\n\t\n\tconstructor(name: string = 'Untitled',color: string = 'rgb(0,192,255)'){\n\t\tsuper(\"default\");\n\t\tthis.name = name;\n\t\tthis.color = color;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\tname: this.name,\n\t\t\tcolor: this.color,\n\t\t});\n\t}\n\t\n\tgetInPorts(): DefaultPortModel[]{\n\t\treturn _.filter(this.ports,(portModel) => {\n\t\t\treturn portModel.in;\n\t\t});\n\t}\n\t\n\tgetOutPorts(): DefaultPortModel[]{\n\t\treturn _.filter(this.ports,(portModel) => {\n\t\t\treturn !portModel.in;\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeModel.ts","import * as React from \"react\";\nimport {DefaultPortModel} from \"./DefaultPortModel\";\nimport {PortWidget} from \"../widgets/PortWidget\";\n\nexport interface DefaultPortLabelProps {\n\tmodel?: DefaultPortModel;\n}\n\nexport interface DefaultPortLabelState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultPortLabel extends React.Component<DefaultPortLabelProps, DefaultPortLabelState> {\n\n\tpublic static defaultProps: DefaultPortLabelProps = {\n\t\tin: true,\n\t\tlabel: \"port\"\n\t};\n\n\trender() {\n\t\t\n\t\tvar port = React.createElement(PortWidget, {name: this.props.model.name, node: this.props.model.getParent()});\n\t\tvar label = React.DOM.div({className: 'name'}, this.props.model.label);\n\t\t\n\t\treturn React.DOM.div({className: (this.props.model.in?'in':'out')+'-port'},\n\t\t\tthis.props.model.in?port:label,\n\t\t\tthis.props.model.in?label:port,\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultPortLabelWidget.ts","import {PortModel} from \"../Common\";\nimport * as _ from \"lodash\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultPortModel extends PortModel{\n\tin: boolean;\n\tlabel: string;\n\t\n\tconstructor(isInput:boolean,name: string,label: string = null){\n\t\tsuper(name);\n\t\tthis.in = isInput;\n\t\tthis.label = label || name;\n\t}\n\t\n\tserialize(){\n\t\treturn _.extend(super.serialize(),{\n\t\t\tin: this.in,\n\t\t\tlabel: this.label,\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultPortModel.ts","import * as React from \"react\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport * as _ from \"lodash\";\nimport {PointModel, NodeModel, BaseModel, LinkModel,PortModel} from \"../Common\";\nimport {LinkLayerWidget} from \"./LinkLayerWidget\";\nimport {NodeLayerWidget} from \"./NodeLayerWidget\";\n\ninterface SelectionModel{\n\tmodel: BaseModel;\n\tinitialX: number;\n\tinitialY: number;\n}\n\nexport class BaseAction{\n\tmouseX: number;\n\tmouseY: number;\n\tms: number;\n\t\n\tconstructor(mouseX: number,mouseY: number){\n\t\tthis.mouseX = mouseX;\n\t\tthis.mouseY = mouseY;\n\t\tthis.ms = (new Date()).getTime();\n\t}\n}\n\nclass SelectingAction extends BaseAction{\n\tmouseX2: number;\n\tmouseY2: number;\n\t\n\tconstructor(mouseX: number,mouseY: number){\n\t\tsuper(mouseX,mouseY);\n\t\tthis.mouseX2 = mouseX;\n\t\tthis.mouseY2 = mouseY;\n\t}\n\t\n\tcontainsElement(x: number, y: number, diagramModel: DiagramModel): boolean{\n\t\tvar z = diagramModel.getZoomLevel()/100.0;\n\t\treturn (\n\t\t\t(x + diagramModel.getOffsetX())*z > this.mouseX\t&& \n\t\t\t(x + diagramModel.getOffsetX())*z < this.mouseX2&& \n\t\t\t(y + diagramModel.getOffsetY())*z > this.mouseY\t&& \n\t\t\t(y + diagramModel.getOffsetY())*z < this.mouseY2\n\t\t)\n\t}\n}\n\nclass MoveCanvasAction extends BaseAction{\n\tinitialOffsetX: number;\n\tinitialOffsetY: number;\n\t\n\tconstructor(mouseX: number, mouseY: number, diagramModel: DiagramModel){\n\t\tsuper(mouseX,mouseY);\n\t\tthis.initialOffsetX = diagramModel.getOffsetX();\n\t\tthis.initialOffsetY = diagramModel.getOffsetY();\n\t}\n}\n\nclass MoveItemsAction extends BaseAction{\n\tselectionModels: SelectionModel[];\n\tmoved:boolean;\n\tconstructor(mouseX: number, mouseY: number, diagramEngine: DiagramEngine){\n\t\tsuper(mouseX, mouseY);\n\t\tthis.moved = false;\n\t\tdiagramEngine.enableRepaintEntities(diagramEngine.getDiagramModel().getSelectedItems());\n\t\tthis.selectionModels = diagramEngine.getDiagramModel().getSelectedItems().map((item: PointModel | NodeModel) => {\n\t\t\treturn {\n\t\t\t\tmodel: item,\n\t\t\t\tinitialX: item.x,\n\t\t\t\tinitialY: item.y,\n\t\t\t}\n\t\t});\n\t}\n}\n\nexport interface DiagramProps {\n\tdiagramEngine:DiagramEngine;\n}\n\nexport interface DiagramState {\n\taction: BaseAction| null;\n\trenderedNodes: boolean,\n\twindowListener: any,\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DiagramWidget extends React.Component<DiagramProps, DiagramState> {\n\n\tconstructor(props: DiagramProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\taction: null,\n\t\t\trenderedNodes: false,\n\t\t\twindowListener: null\n\t\t}\n\t}\n\n\tcomponentWillUnmount(){\n\t\tthis.props.diagramEngine.setCanvas(null);\n\t\twindow.removeEventListener('keydown',this.state.windowListener);\n\t}\n\t\n\tcomponentWillReceiveProps(nextProps: DiagramProps){\n\t\tif (this.props.diagramEngine.id !== nextProps.diagramEngine.id){\n\t\t\tthis.setState({renderedNodes: false});\n\t\t}\n\t}\n\t\n\t/**\n\t * Gets a model and element under the mouse cursor\n\t */\n\tgetMouseElement(event): {model: BaseModel, element: Element}{\n\t\tvar target = event.target as Element;\n\t\tvar diagramModel = this.props.diagramEngine.diagramModel;\n\t\t\n\t\t//is it a port\n\t\tvar element = target.closest('.port[data-name]');\n\t\tif(element){\n\t\t\tvar nodeElement = target.closest('.node[data-nodeid]') as HTMLElement;\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getNode(nodeElement.getAttribute('data-nodeid')).getPort(element.getAttribute('data-name')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a point\n\t\telement = target.closest('.point[data-id]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getLink(element.getAttribute('data-linkid')).getPointModel(element.getAttribute('data-id')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a link\n\t\telement = target.closest('[data-linkid]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getLink(element.getAttribute('data-linkid')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a node\n\t\telement = target.closest('.node[data-nodeid]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getNode(element.getAttribute('data-nodeid')),\n\t\t\t\telement: element\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn null;\n\t}\n\t\n\tcomponentDidMount(){\n\t\tthis.props.diagramEngine.setCanvas(this.refs['canvas'] as Element);\n\t\t\n\t\t//TODO\n\t\t\n\t\t//add a keybaord listener\n\t\tthis.setState({\n\t\t\trenderedNodes: true,\n\t\t\twindowListener: window.addEventListener('keydown',(event) => {\n\t\t\t\t\n\t\t\t\t//delete all selected\n\t\t\t\tif(event.keyCode === 46){\n\t\t\t\t\t_.forEach(this.props.diagramEngine.getDiagramModel().getSelectedItems(),(element) => {\n\t\t\t\t\t\telement.remove();\n\t\t\t\t\t});\n\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t}\n\t\t\t})\n\t\t});\n\t\twindow.focus();\n\t}\n\t\n\n\trender() {\n\t\tvar diagramEngine = this.props.diagramEngine;\n\t\tvar diagramModel = diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t\tref:'canvas',\n\t\t\t\t\tclassName:'storm-diagrams-canvas',\n\t\t\t\t\tonWheel: (event) => {\n                        event.preventDefault();\n                        event.stopPropagation();\n\t\t\t\t\t\tdiagramModel.setZoomLevel(diagramModel.getZoomLevel()+(event.deltaY/60));\n\t\t\t\t\t\tdiagramEngine.enableRepaintEntities([]);\n\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t},\n\t\t\t\t\tonMouseMove: (event) => {\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t//select items so draw a bounding box\n\t\t\t\t\t\tif (this.state.action instanceof SelectingAction){\n\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t_.forEach(diagramModel.getNodes(),(node) => {\n\t\t\t\t\t\t\t\tif ((this.state.action as SelectingAction).containsElement(node.x, node.y, diagramModel)){\n\t\t\t\t\t\t\t\t\tnode.setSelected(true);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t_.forEach(diagramModel.getLinks(),(link) => {\n\t\t\t\t\t\t\t\tvar allSelected = true;\n\t\t\t\t\t\t\t\t_.forEach(link.points,(point) => {\n\t\t\t\t\t\t\t\t\tif ((this.state.action as SelectingAction).containsElement(point.x, point.y, diagramModel)){\n\t\t\t\t\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\t\t\t\tallSelected = false;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tif (allSelected){\n\t\t\t\t\t\t\t\t\tlink.setSelected(true);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.state.action.mouseX2 = relative.x;\n\t\t\t\t\t\t\tthis.state.action.mouseY2 = relative.y;\n\t\t\t\t\t\t\tthis.setState({action: this.state.action});\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//translate the items on the canvas\n\t\t\t\t\t\telse if (this.state.action instanceof MoveItemsAction){\n\t\t\t\t\t\t\t_.forEach(this.state.action.selectionModels,(model) => {\n\t\t\t\t\t\t\t\tif (model.model instanceof NodeModel || model.model instanceof PointModel){\n\t\t\t\t\t\t\t\t\tmodel.model.x = model.initialX + ((event.pageX - this.state.action.mouseX) / (diagramModel.getZoomLevel()/100));\n\t\t\t\t\t\t\t\t\tmodel.model.y = model.initialY + ((event.pageY - this.state.action.mouseY) / (diagramModel.getZoomLevel()/100));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//translate the actual canvas\n\t\t\t\t\t\telse if (this.state.action instanceof MoveCanvasAction){\n\t\t\t\t\t\t\tdiagramModel.setOffset(\n\t\t\t\t\t\t\t\tthis.state.action.initialOffsetX + ((event.pageX - this.state.action.mouseX) / (diagramModel.getZoomLevel()/100)),\n\t\t\t\t\t\t\t\tthis.state.action.initialOffsetY+((event.pageY-this.state.action.mouseY)/(diagramModel.getZoomLevel()/100))\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tonMouseDown: (event) =>{\n\t\t\t\t\t\tdiagramEngine.clearRepaintEntities();\n\t\t\t\t\t\t\n\t\t\t\t\t\tvar model = this.getMouseElement(event);\n\t\t\t\t\t\t//its the canvas\n\t\t\t\t\t\tif(model === null){\n\t\t\t\t\t\t\t//is it a multiple selection\n\t\t\t\t\t\t\tif (event.shiftKey){\n\t\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\taction: new SelectingAction(\n\t\t\t\t\t\t\t\t\t\trelative.x, relative.y\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t//its a drag the canvas event\n\t\t\t\t\t\t\telse{\n\t\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\taction: new MoveCanvasAction(relative.x, relative.y, diagramModel)\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//its a port element, we want to drag a link\n\t\t\t\t\t\telse if (model.model instanceof PortModel){\n\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativeMousePoint(event);\n\t\t\t\t\t\t\tvar link = new LinkModel();\n\t\t\t\t\t\t\tlink.setSourcePort(model.model);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tlink.getFirstPoint().updateLocation(relative)\n\t\t\t\t\t\t\tlink.getLastPoint().updateLocation(relative);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\tlink.getLastPoint().setSelected(true);\n\t\t\t\t\t\t\tdiagramModel.addLink(link);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//its some or other element, probably want to move it\n\t\t\t\t\t\telse{\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif (!event.shiftKey && !model.model.isSelected()){\n\t\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmodel.model.setSelected(true);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY,diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tonMouseUp: (event) => {\n\t\t\t\t\t\t\n\t\t\t\t\t\t//are we going to connect a link to something?\n\t\t\t\t\t\tif (this.state.action instanceof MoveItemsAction){\n\t\t\t\t\t\t\tvar element = this.getMouseElement(event);\n\t\t\t\t\t\t\tif(element){\n\t\t\t\t\t\t\t\t_.forEach(this.state.action.selectionModels,(model) => {\n\n\t\t\t\t\t\t\t\t\t//only care about points connecting to things\n\t\t\t\t\t\t\t\t\tif (!(model.model instanceof PointModel)){\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tif (element.model instanceof PortModel){\n\t\t\t\t\t\t\t\t\t\tmodel.model.getLink().setTargetPort(element.model);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\tdiagramEngine.clearRepaintEntities();\n\t\t\t\t\t\tthis.setState({action: null});\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tthis.state.renderedNodes?\n\t\t\t\t\tReact.createElement(LinkLayerWidget, {\n\t\t\t\t\t\tdiagramEngine: diagramEngine, pointAdded: (point: PointModel,event) => {\n\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\tdiagramModel.clearSelection(point);\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}):null,\n\t\t\t\t\tReact.createElement(NodeLayerWidget, {diagramEngine: diagramEngine}),\n\t\t\t\t\tthis.state.action instanceof SelectingAction?\n\t\t\t\t\t\tReact.DOM.div({\n\t\t\t\t\t\t\tclassName: 'selector',\n\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\ttop: this.state.action.mouseY,\n\t\t\t\t\t\t\t\tleft: this.state.action.mouseX,\n\t\t\t\t\t\t\t\twidth: this.state.action.mouseX2 - this.state.action.mouseX,\n\t\t\t\t\t\t\t\theight: this.state.action.mouseY2 - this.state.action.mouseY,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}):null\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/DiagramWidget.ts","import * as SRD from \"../../src/main\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\n\ndeclare var require: {\n    <T>(path: string): T;\n    (paths: string[], callback: (...modules: any[]) => void): void;\n    ensure: (paths: string[], callback: (require: <T>(path: string) => T) => void) => void;\n};\n\nrequire(\"../test.scss\");\n\n/**\n * \n * Simple stress test of the system, shows that it can handle many nodes, and \n * retain good performance\n * \n * @Author Dylan Vorster\n */\nwindow.onload = () => {\n\t\n\t//1) setup the diagram engine\n\tvar engine = new SRD.DiagramEngine();\n\tengine.registerNodeFactory(new SRD.DefaultNodeFactory());\n\tengine.registerLinkFactory(new SRD.DefaultLinkFactory());\n\t\n\tfunction generateNodes(model: SRD.DiagramModel, offsetX: number,offsetY: number){\n\t\t//3-A) create a default node\n\t\tvar node1 = new SRD.DefaultNodeModel(\"Node 1\",\"rgb(0,192,255)\");\n\t\tvar port1 = node1.addPort(new SRD.DefaultPortModel(false,\"out-1\",\"Out\"));\n\t\tnode1.x = 100 + offsetX;\n\t\tnode1.y = 100 + offsetY;\n\n\t\t//3-B) create another default node\n\t\tvar node2 = new SRD.DefaultNodeModel(\"Node 2\",\"rgb(192,255,0)\");\n\t\tvar port2 = node2.addPort(new SRD.DefaultPortModel(true,\"in-1\",\"IN\"));\n\t\tnode2.x = 200 + offsetX;\n\t\tnode2.y = 100 + offsetY;\n\n\t\t//3-C) link the 2 nodes together\n\t\tvar link1 = new SRD.LinkModel();\n\t\tlink1.setSourcePort(port1);\n\t\tlink1.setTargetPort(port2);\n\n\t\t//4) add the models to the root graph\n\t\tmodel.addNode(node1);\n\t\tmodel.addNode(node2);\n\t\tmodel.addLink(link1);\n\t}\n\t\n\t//2) setup the diagram model\n\tvar model = new SRD.DiagramModel();\n\t\n\tfor(var i =0;i < 8;i++){\n\t\tfor(var j = 0;j < 8;j++){\n\t\t\tgenerateNodes(model,i*200,j*100);\n\t\t}\n\t}\n\t\n\t\n\t\n\t//5) load model into engine\n\tengine.setDiagramModel(model);\n\t\n\t//6) render the diagram!\n\tReactDOM.render(React.createElement(SRD.DiagramWidget,{diagramEngine: engine}), document.body);\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./demos/demo2/index.ts"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///demo2/bundle.js","webpack:///webpack/bootstrap bd903c63f4683a2d20d4","webpack:///external \"React\"","webpack:///external {\"commonjs\":\"lodash\",\"commonjs2\":\"lodash\",\"amd\":\"_\",\"root\":\"_\"}","webpack:///./src/Common.ts","webpack:///./src/BaseEntity.ts","webpack:///./src/AbstractInstanceFactory.ts","webpack:///./src/WidgetFactories.ts","webpack:///./src/DiagramModel.ts","webpack:///./src/Toolkit.ts","webpack:///./src/defaults/DefaultLinkWidget.ts","webpack:///./src/defaults/DefaultNodeWidget.ts","webpack:///./src/widgets/LinkLayerWidget.ts","webpack:///./src/widgets/LinkWidget.ts","webpack:///./src/widgets/NodeLayerWidget.ts","webpack:///./src/widgets/NodeWidget.ts","webpack:///./src/widgets/PortWidget.ts","webpack:///./demos/test.scss?acf3","webpack:///./src/main.ts","webpack:///external \"ReactDOM\"","webpack:///./demos/test.scss","webpack:///./~/css-loader/lib/css-base.js","webpack:///./~/style-loader/addStyles.js","webpack:///./src/DiagramEngine.ts","webpack:///./src/defaults/DefaultLinkFactory.ts","webpack:///./src/defaults/DefaultNodeFactory.ts","webpack:///./src/defaults/DefaultNodeModel.ts","webpack:///./src/defaults/DefaultPortLabelWidget.ts","webpack:///./src/defaults/DefaultPortModel.ts","webpack:///./src/widgets/DiagramWidget.ts","webpack:///./demos/demo2/index.ts"],"names":["root","factory","exports","module","require","define","amd","this","__WEBPACK_EXTERNAL_MODULE_0__","__WEBPACK_EXTERNAL_MODULE_1__","__WEBPACK_EXTERNAL_MODULE_17__","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","value","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","__extends","b","__","constructor","create","BaseEntity_1","_","BaseModel","_super","_this","selected","deSerialize","ob","serialize","merge","_class","getID","id","isSelected","setSelected","itterateListeners","listener","selectionChanged","remove","console","log","entityRemoved","BaseEntity","PointModel","link","points","x","y","extend","removePoint","updateLocation","getX","getY","getLink","LinkModel","linkType","extras","sourcePort","targetPort","type","map","point","source","getParent","target","removeLink","isLastPoint","index","getPointIndex","length","indexOf","getPointModel","getFirstPoint","getLastPoint","setSourcePort","port","addLink","getSourcePort","getTargetPort","setTargetPort","getPoints","setPoints","pointModel","splice","addPoint","getType","PortModel","links","parentNode","getName","setParentNode","node","getLinks","NodeModel","nodeType","ports","forEach","getPort","getPorts","removePort","addPort","Toolkit_1","BaseListener","listeners","Toolkit","UID","clearListeners","data","cb","removeListener","addListener","uid","AbstractInstanceFactory","className","WidgetFactory","NodeWidgetFactory","apply","arguments","LinkWidgetFactory","Common_1","DiagramModel","nodes","offsetX","offsetY","zoom","deSerializeDiagram","diagramEngine","nodeOb","getInstanceFactory","getInstance","portOb","addNode","linkOb","getNode","serializeDiagram","clearSelection","ignore","getSelectedItems","element","items","concat","filter","flatMap","setZoomLevel","controlsUpdated","setOffset","setOffsetX","setOffsetY","getOffsetY","getOffsetX","getZoomLevel","linksUpdated","removeNode","nodesUpdated","getNodes","replace","r","Math","random","v","toString","React","DefaultLinkWidget","props","state","generatePoint","pointIndex","DOM","g","key","circle","cx","cy","data-linkid","data-id","opacity","onMouseLeave","setState","onMouseEnter","generateLink","extraProps","Bottom","path","strokeWidth","width","stroke","color","Top","strokeOpacity","onContextMenu","event","preventDefault","render","paths","margin","abs","pointLeft","pointRight","push","onMouseDown","shiftKey","getRelativeMousePoint","forceUpdate","pointAdded","ds","smooth","data-point","Component","defaultProps","engine","div","DefaultPortLabelWidget_1","DefaultNodeWidget","style","background","onClick","getInPorts","createElement","DefaultPortLabel","model","getOutPorts","LinkWidget_1","LinkLayerWidget","componentDidMount","setTimeout","diagramModel","getDiagramModel","svg","transform","height","getPortCenter","ex","last","generatedLink","generateWidgetForLink","LinkWidget","cloneElement","shouldComponentUpdate","canEntityRepaint","children","NodeWidget_1","NodeLayerWidget","NodeWidget","generateWidgetForNode","data-nodeid","top","left","PortWidget","data-name","content","locals","__export","list","result","item","join","mediaQuery","alreadyImportedModules","addStylesToDom","styles","options","domStyle","stylesInDom","refs","j","parts","addStyle","listToStyles","newStyles","css","media","sourceMap","part","insertStyleElement","styleElement","head","getHeadElement","lastStyleElementInsertedAtTop","styleElementsInsertedAtTop","insertAt","nextSibling","insertBefore","appendChild","firstChild","Error","removeStyleElement","removeChild","idx","createStyleElement","document","createLinkElement","linkElement","rel","obj","update","singleton","styleIndex","singletonCounter","singletonElement","applyToSingletonTag","bind","URL","createObjectURL","revokeObjectURL","Blob","btoa","updateLink","href","applyToTag","newObj","styleSheet","cssText","replaceText","cssNode","createTextNode","childNodes","setAttribute","unescape","encodeURIComponent","JSON","stringify","blob","oldSrc","memoize","fn","memo","isOldIE","test","window","navigator","userAgent","toLowerCase","getElementsByTagName","DEBUG","newList","mayRemove","textStore","replacement","Boolean","DiagramModel_1","DiagramEngine","nodeFactories","linkFactories","instanceFactories","canvas","paintableWidgets","clearRepaintEntities","enableRepaintEntities","entities","entity","baseModel","undefined","setCanvas","setDiagramModel","getNodeFactories","getLinkFactories","registerInstanceFactory","registerNodeFactory","nodeFactoriesUpdated","registerLinkFactory","linkFactoriesUpdated","getFactoryForNode","getFactoryForLink","linkFactory","generateReactWidget","nodeFactory","getRelativePoint","pageX","pageY","canvasRect","getBoundingClientRect","getNodePortElement","selector","querySelector","sourceElement","sourceRect","offsetWidth","offsetHeight","WidgetFactories_1","DefaultLinkWidget_1","DefaultLinkFactory","DefaultNodeWidget_1","DefaultNodeFactory","AbstractInstanceFactory_1","DefaultNodeInstanceFactory","DefaultNodeModel","portModel","in","PortWidget_1","label","DefaultPortInstanceFactory","DefaultPortModel","isInput","LinkLayerWidget_1","NodeLayerWidget_1","BaseAction","mouseX","mouseY","ms","Date","getTime","SelectingAction","mouseX2","mouseY2","containsElement","z","MoveCanvasAction","initialOffsetX","initialOffsetY","MoveItemsAction","moved","selectionModels","initialX","initialY","DiagramWidget","action","renderedNodes","windowListener","componentWillUnmount","removeEventListener","componentWillReceiveProps","nextProps","getMouseElement","closest","nodeElement","getAttribute","addEventListener","keyCode","focus","ref","onWheel","stopPropagation","deltaY","onMouseMove","relative","allSelected","onMouseUp","SRD","ReactDOM","onload","generateNodes","node1","port1","node2","port2","link1","body"],"mappings":"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","file":"demo2/bundle.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"React\"), require(\"lodash\"), require(\"ReactDOM\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"React\", \"_\", \"ReactDOM\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"storm-react-diagrams\"] = factory(require(\"React\"), require(\"lodash\"), require(\"ReactDOM\"));\n\telse\n\t\troot[\"storm-react-diagrams\"] = factory(root[\"React\"], root[\"_\"], root[\"ReactDOM\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_17__) {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"React\"), require(\"lodash\"), require(\"ReactDOM\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"React\", \"_\", \"ReactDOM\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"storm-react-diagrams\"] = factory(require(\"React\"), require(\"lodash\"), require(\"ReactDOM\"));\n\telse\n\t\troot[\"storm-react-diagrams\"] = factory(root[\"React\"], root[\"_\"], root[\"ReactDOM\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_17__) {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 29);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports) {\n\nmodule.exports = __WEBPACK_EXTERNAL_MODULE_0__;\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports) {\n\nmodule.exports = __WEBPACK_EXTERNAL_MODULE_1__;\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar BaseEntity_1 = __webpack_require__(3);\nvar _ = __webpack_require__(1);\n/**\n * @author Dylan Vorster\n */\nvar BaseModel = (function (_super) {\n    __extends(BaseModel, _super);\n    function BaseModel() {\n        var _this = _super.call(this) || this;\n        _this.selected = false;\n        return _this;\n    }\n    BaseModel.prototype.deSerialize = function (ob) {\n        _super.prototype.deSerialize.call(this, ob);\n        this.selected = ob.selected;\n    };\n    BaseModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            _class: this.constructor.name,\n            selected: this.selected\n        });\n    };\n    BaseModel.prototype.getID = function () {\n        return this.id;\n    };\n    BaseModel.prototype.isSelected = function () {\n        return this.selected;\n    };\n    BaseModel.prototype.setSelected = function (selected) {\n        this.selected = selected;\n        this.itterateListeners(function (listener) {\n            if (listener.selectionChanged) {\n                listener.selectionChanged();\n            }\n        });\n    };\n    BaseModel.prototype.remove = function () {\n        console.log(\"removing: \", this);\n        this.itterateListeners(function (listener) {\n            if (listener.entityRemoved) {\n                listener.entityRemoved();\n            }\n        });\n    };\n    return BaseModel;\n}(BaseEntity_1.BaseEntity));\nexports.BaseModel = BaseModel;\nvar PointModel = (function (_super) {\n    __extends(PointModel, _super);\n    function PointModel(link, points) {\n        var _this = _super.call(this) || this;\n        _this.x = points.x;\n        _this.y = points.y;\n        _this.link = link;\n        return _this;\n    }\n    PointModel.prototype.deSerialize = function (ob) {\n        _super.prototype.deSerialize.call(this, ob);\n        this.x = ob.x;\n        this.y = ob.y;\n    };\n    PointModel.prototype.serialize = function () {\n        return _.extend(_super.prototype.serialize.call(this), {\n            x: this.x,\n            y: this.y\n        });\n    };\n    PointModel.prototype.remove = function () {\n        _super.prototype.remove.call(this);\n        //clear references\n        if (this.link) {\n            this.link.removePoint(this);\n        }\n    };\n    PointModel.prototype.updateLocation = function (points) {\n        this.x = points.x;\n        this.y = points.y;\n    };\n    PointModel.prototype.getX = function () {\n        return this.x;\n    };\n    PointModel.prototype.getY = function () {\n        return this.y;\n    };\n    PointModel.prototype.getLink = function () {\n        return this.link;\n    };\n    return PointModel;\n}(BaseModel));\nexports.PointModel = PointModel;\nvar LinkModel = (function (_super) {\n    __extends(LinkModel, _super);\n    function LinkModel() {\n        var _this = _super.call(this) || this;\n        _this.linkType = 'default';\n        _this.points = [\n            new PointModel(_this, { x: 0, y: 0 }),\n            new PointModel(_this, { x: 0, y: 0 }),\n        ];\n        _this.extras = {};\n        _this.sourcePort = null;\n        _this.targetPort = null;\n        return _this;\n    }\n    LinkModel.prototype.deSerialize = function (ob) {\n        var _this = this;\n        _super.prototype.deSerialize.call(this, ob);\n        this.linkType = ob.type;\n        this.points = _.map(ob.points, function (point) {\n            var p = new PointModel(_this, { x: point.x, y: point.y });\n            p.deSerialize(point);\n            return p;\n        });\n    };\n    LinkModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            type: this.linkType,\n            source: this.sourcePort ? this.sourcePort.getParent().id : null,\n            sourcePort: this.sourcePort ? this.sourcePort.id : null,\n            target: this.targetPort ? this.targetPort.getParent().id : null,\n            targetPort: this.targetPort ? this.targetPort.id : null,\n            points: _.map(this.points, function (point) {\n                return point.serialize();\n            }),\n            extras: this.extras\n        });\n    };\n    LinkModel.prototype.remove = function () {\n        _super.prototype.remove.call(this);\n        if (this.sourcePort) {\n            this.sourcePort.removeLink(this);\n        }\n        if (this.targetPort) {\n            this.targetPort.removeLink(this);\n        }\n    };\n    LinkModel.prototype.isLastPoint = function (point) {\n        var index = this.getPointIndex(point);\n        return index === this.points.length - 1;\n    };\n    LinkModel.prototype.getPointIndex = function (point) {\n        return this.points.indexOf(point);\n    };\n    LinkModel.prototype.getPointModel = function (id) {\n        for (var i = 0; i < this.points.length; i++) {\n            if (this.points[i].id === id) {\n                return this.points[i];\n            }\n        }\n        return null;\n    };\n    LinkModel.prototype.getFirstPoint = function () {\n        return this.points[0];\n    };\n    LinkModel.prototype.getLastPoint = function () {\n        return this.points[this.points.length - 1];\n    };\n    LinkModel.prototype.setSourcePort = function (port) {\n        port.addLink(this);\n        this.sourcePort = port;\n    };\n    LinkModel.prototype.getSourcePort = function () {\n        return this.sourcePort;\n    };\n    LinkModel.prototype.getTargetPort = function () {\n        return this.targetPort;\n    };\n    LinkModel.prototype.setTargetPort = function (port) {\n        port.addLink(this);\n        this.targetPort = port;\n    };\n    LinkModel.prototype.getPoints = function () {\n        return this.points;\n    };\n    LinkModel.prototype.setPoints = function (points) {\n        this.points = points;\n    };\n    LinkModel.prototype.removePoint = function (pointModel) {\n        this.points.splice(this.getPointIndex(pointModel), 1);\n    };\n    LinkModel.prototype.addPoint = function (pointModel, index) {\n        if (index === void 0) { index = 1; }\n        this.points.splice(index, 0, pointModel);\n    };\n    LinkModel.prototype.getType = function () {\n        return this.linkType;\n    };\n    return LinkModel;\n}(BaseModel));\nexports.LinkModel = LinkModel;\nvar PortModel = (function (_super) {\n    __extends(PortModel, _super);\n    function PortModel(name) {\n        var _this = _super.call(this) || this;\n        _this.name = name;\n        _this.links = {};\n        _this.parentNode = null;\n        return _this;\n    }\n    PortModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            name: this.name,\n            parentNode: this.parentNode.id,\n            links: _.map(this.links, function (link) {\n                return link.id;\n            })\n        });\n    };\n    PortModel.prototype.getName = function () {\n        return this.name;\n    };\n    PortModel.prototype.getParent = function () {\n        return this.parentNode;\n    };\n    PortModel.prototype.setParentNode = function (node) {\n        this.parentNode = node;\n    };\n    PortModel.prototype.removeLink = function (link) {\n        delete this.links[link.getID()];\n    };\n    PortModel.prototype.addLink = function (link) {\n        this.links[link.getID()] = link;\n    };\n    PortModel.prototype.getLinks = function () {\n        return this.links;\n    };\n    return PortModel;\n}(BaseModel));\nexports.PortModel = PortModel;\nvar NodeModel = (function (_super) {\n    __extends(NodeModel, _super);\n    function NodeModel(nodeType) {\n        if (nodeType === void 0) { nodeType = 'default'; }\n        var _this = _super.call(this) || this;\n        _this.nodeType = nodeType;\n        _this.x = 0;\n        _this.y = 0;\n        _this.extras = {};\n        _this.ports = {};\n        return _this;\n    }\n    NodeModel.prototype.deSerialize = function (ob) {\n        _super.prototype.deSerialize.call(this, ob);\n        this.nodeType = ob.type;\n        this.x = ob.x;\n        this.y = ob.y;\n        this.extras = ob.extras;\n    };\n    NodeModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            type: this.nodeType,\n            x: this.x,\n            y: this.y,\n            extras: this.extras,\n            ports: _.map(this.ports, function (port) {\n                return port.serialize();\n            })\n        });\n    };\n    NodeModel.prototype.remove = function () {\n        _super.prototype.remove.call(this);\n        for (var i in this.ports) {\n            _.forEach(this.ports[i].getLinks(), function (link) {\n                link.remove();\n            });\n        }\n    };\n    NodeModel.prototype.getPort = function (name) {\n        return this.ports[name];\n    };\n    NodeModel.prototype.getPorts = function () {\n        return this.ports;\n    };\n    NodeModel.prototype.removePort = function (port) {\n        //clear the parent node reference\n        if (this.ports[port.name]) {\n            this.ports[port.name].setParentNode(null);\n            delete this.ports[port.name];\n        }\n    };\n    NodeModel.prototype.addPort = function (port) {\n        port.setParentNode(this);\n        this.ports[port.name] = port;\n        return port;\n    };\n    NodeModel.prototype.getType = function () {\n        return this.nodeType;\n    };\n    return NodeModel;\n}(BaseModel));\nexports.NodeModel = NodeModel;\n\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar Toolkit_1 = __webpack_require__(7);\n/**\n * @author Dylan Vorster\n */\nvar BaseListener = (function () {\n    function BaseListener() {\n    }\n    return BaseListener;\n}());\nexports.BaseListener = BaseListener;\nvar BaseEntity = (function () {\n    function BaseEntity() {\n        this.listeners = {};\n        this.id = Toolkit_1.Toolkit.UID();\n    }\n    BaseEntity.prototype.getID = function () {\n        return this.id;\n    };\n    BaseEntity.prototype.clearListeners = function () {\n        this.listeners = {};\n    };\n    BaseEntity.prototype.deSerialize = function (data) {\n        this.id = data.id;\n    };\n    BaseEntity.prototype.serialize = function () {\n        return {\n            id: this.id,\n        };\n    };\n    BaseEntity.prototype.itterateListeners = function (cb) {\n        for (var i in this.listeners) {\n            cb(this.listeners[i]);\n        }\n    };\n    BaseEntity.prototype.removeListener = function (listener) {\n        if (this.listeners[listener]) {\n            delete this.listeners[listener];\n            return true;\n        }\n        return false;\n    };\n    BaseEntity.prototype.addListener = function (listener) {\n        var uid = Toolkit_1.Toolkit.UID();\n        this.listeners[uid] = listener;\n        return uid;\n    };\n    return BaseEntity;\n}());\nexports.BaseEntity = BaseEntity;\n\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n/**\n * @author Dylan Vorster\n */\nvar AbstractInstanceFactory = (function () {\n    function AbstractInstanceFactory(className) {\n        this.className = className;\n    }\n    AbstractInstanceFactory.prototype.getName = function () {\n        return this.className;\n    };\n    return AbstractInstanceFactory;\n}());\nexports.AbstractInstanceFactory = AbstractInstanceFactory;\n\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\n/**\n * @author Dylan Vorster\n */\nvar WidgetFactory = (function () {\n    function WidgetFactory(name) {\n        this.type = name;\n    }\n    WidgetFactory.prototype.getType = function () {\n        return this.type;\n    };\n    return WidgetFactory;\n}());\nexports.WidgetFactory = WidgetFactory;\nvar NodeWidgetFactory = (function (_super) {\n    __extends(NodeWidgetFactory, _super);\n    function NodeWidgetFactory() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    return NodeWidgetFactory;\n}(WidgetFactory));\nexports.NodeWidgetFactory = NodeWidgetFactory;\nvar LinkWidgetFactory = (function (_super) {\n    __extends(LinkWidgetFactory, _super);\n    function LinkWidgetFactory() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    return LinkWidgetFactory;\n}(WidgetFactory));\nexports.LinkWidgetFactory = LinkWidgetFactory;\n\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar Common_1 = __webpack_require__(2);\nvar BaseEntity_1 = __webpack_require__(3);\nvar _ = __webpack_require__(1);\n/**\n *\n */\nvar DiagramModel = (function (_super) {\n    __extends(DiagramModel, _super);\n    function DiagramModel() {\n        var _this = _super.call(this) || this;\n        _this.links = {};\n        _this.nodes = {};\n        _this.offsetX = 0;\n        _this.offsetY = 0;\n        _this.zoom = 100;\n        return _this;\n    }\n    DiagramModel.prototype.deSerializeDiagram = function (object, diagramEngine) {\n        var _this = this;\n        this.deSerialize(object);\n        this.offsetX = object.offsetX;\n        this.offsetY = object.offsetY;\n        this.zoom = object.zoom;\n        //deserialize nodes\n        _.forEach(object.nodes, function (node) {\n            var nodeOb = diagramEngine.getInstanceFactory(node._class).getInstance();\n            nodeOb.deSerialize(node);\n            //deserialize ports\n            _.forEach(node.ports, function (port) {\n                var portOb = diagramEngine.getInstanceFactory(port._class).getInstance();\n                portOb.deSerialize(port);\n                nodeOb.addPort(portOb);\n            });\n            _this.addNode(nodeOb);\n        });\n        _.forEach(object.links, function (link) {\n            var linkOb = diagramEngine.getInstanceFactory(link._class).getInstance();\n            linkOb.deSerialize(link);\n            if (link.target) {\n                _this.getNode(link.target).getPort(link.targetPort).addLink(linkOb);\n            }\n            if (link.source) {\n                _this.getNode(link.source).getPort(link.sourcePort).addLink(linkOb);\n            }\n            _this.addLink(linkOb);\n        });\n    };\n    DiagramModel.prototype.serializeDiagram = function () {\n        return _.merge(this.serialize(), {\n            offsetX: this.offsetX,\n            offsetY: this.offsetY,\n            zoom: this.zoom,\n            links: _.map(this.links, function (link) {\n                return link.serialize();\n            }),\n            nodes: _.map(this.nodes, function (link) {\n                return link.serialize();\n            }),\n        });\n    };\n    DiagramModel.prototype.clearSelection = function (ignore) {\n        if (ignore === void 0) { ignore = null; }\n        _.forEach(this.getSelectedItems(), function (element) {\n            if (ignore && ignore.getID() === element.getID()) {\n                return;\n            }\n            element.setSelected(false); //TODO dont fire the listener\n        });\n    };\n    DiagramModel.prototype.getSelectedItems = function () {\n        var items = [];\n        //find all nodes\n        items = items.concat(_.filter(this.nodes, function (node) {\n            return node.isSelected();\n        }));\n        //find all points\n        items = items.concat(_.filter(_.flatMap(this.links, function (node) {\n            return node.points;\n        }), function (port) {\n            return port.isSelected();\n        }));\n        //find all links\n        return items.concat(_.filter(this.links, function (link) {\n            return link.isSelected();\n        }));\n    };\n    DiagramModel.prototype.setZoomLevel = function (zoom) {\n        this.zoom = zoom;\n        this.itterateListeners(function (listener) {\n            listener.controlsUpdated();\n        });\n    };\n    DiagramModel.prototype.setOffset = function (offsetX, offsetY) {\n        this.offsetX = offsetX;\n        this.offsetY = offsetY;\n        this.itterateListeners(function (listener) {\n            listener.controlsUpdated();\n        });\n    };\n    DiagramModel.prototype.setOffsetX = function (offsetX) {\n        this.offsetX = offsetX;\n        this.itterateListeners(function (listener) {\n            listener.controlsUpdated();\n        });\n    };\n    DiagramModel.prototype.setOffsetY = function (offsetY) {\n        this.offsetX = offsetY;\n        this.itterateListeners(function (listener) {\n            listener.controlsUpdated();\n        });\n    };\n    DiagramModel.prototype.getOffsetY = function () {\n        return this.offsetY;\n    };\n    DiagramModel.prototype.getOffsetX = function () {\n        return this.offsetX;\n    };\n    DiagramModel.prototype.getZoomLevel = function () {\n        return this.zoom;\n    };\n    DiagramModel.prototype.getNode = function (node) {\n        if (node instanceof Common_1.NodeModel) {\n            return node;\n        }\n        if (!this.nodes[node]) {\n            return null;\n        }\n        return this.nodes[node];\n    };\n    DiagramModel.prototype.getLink = function (link) {\n        if (link instanceof Common_1.LinkModel) {\n            return link;\n        }\n        if (!this.links[link]) {\n            return null;\n        }\n        return this.links[link];\n    };\n    DiagramModel.prototype.addLink = function (link) {\n        var _this = this;\n        link.addListener({\n            entityRemoved: function () {\n                _this.removeLink(link);\n            }\n        });\n        this.links[link.getID()] = link;\n        this.itterateListeners(function (listener) {\n            listener.linksUpdated();\n        });\n        return link;\n    };\n    DiagramModel.prototype.addNode = function (node) {\n        var _this = this;\n        node.addListener({\n            entityRemoved: function () {\n                _this.removeNode(node);\n            }\n        });\n        this.nodes[node.getID()] = node;\n        this.itterateListeners(function (listener) {\n            listener.nodesUpdated();\n        });\n        return node;\n    };\n    DiagramModel.prototype.removeLink = function (link) {\n        if (link instanceof Common_1.LinkModel) {\n            delete this.links[link.getID()];\n            this.itterateListeners(function (listener) {\n                listener.linksUpdated();\n            });\n            return;\n        }\n        delete this.links['' + link];\n        this.itterateListeners(function (listener) {\n            listener.linksUpdated();\n        });\n    };\n    DiagramModel.prototype.removeNode = function (node) {\n        if (node instanceof Common_1.NodeModel) {\n            delete this.nodes[node.getID()];\n            this.itterateListeners(function (listener) {\n                listener.nodesUpdated();\n            });\n            return;\n        }\n        delete this.nodes['' + node];\n        this.itterateListeners(function (listener) {\n            listener.nodesUpdated();\n        });\n    };\n    DiagramModel.prototype.getLinks = function () {\n        return this.links;\n    };\n    DiagramModel.prototype.getNodes = function () {\n        return this.nodes;\n    };\n    return DiagramModel;\n}(BaseEntity_1.BaseEntity));\nexports.DiagramModel = DiagramModel;\n\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n/**\n * @author Dylan Vorster\n */\nvar Toolkit = (function () {\n    function Toolkit() {\n    }\n    /**\n   * Generats a unique ID (thanks Stack overflow :3)\n   * @returns {String}\n   */\n    Toolkit.UID = function () {\n        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n            var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);\n            return v.toString(16);\n        });\n    };\n    return Toolkit;\n}());\nexports.Toolkit = Toolkit;\n\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar Common_1 = __webpack_require__(2);\nvar _ = __webpack_require__(1);\n/**\n * @author Dylan Vorster\n */\nvar DefaultLinkWidget = (function (_super) {\n    __extends(DefaultLinkWidget, _super);\n    function DefaultLinkWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {\n            selected: false\n        };\n        return _this;\n    }\n    DefaultLinkWidget.prototype.generatePoint = function (pointIndex) {\n        var _this = this;\n        return React.DOM.g({ key: 'point-' + this.props.link.points[pointIndex].id }, React.DOM.circle({\n            className: 'point pointui' + (this.props.link.points[pointIndex].isSelected() ? ' selected' : ''),\n            cx: this.props.link.points[pointIndex].x,\n            cy: this.props.link.points[pointIndex].y,\n            r: 5,\n        }), React.DOM.circle({\n            className: 'point',\n            'data-linkid': this.props.link.id,\n            'data-id': this.props.link.points[pointIndex].id,\n            cx: this.props.link.points[pointIndex].x,\n            cy: this.props.link.points[pointIndex].y,\n            r: 15,\n            opacity: 0,\n            onMouseLeave: function () {\n                _this.setState({ selected: false });\n                //\t\t\t\tthis.props.link.setSelected(false);\n            },\n            onMouseEnter: function () {\n                _this.setState({ selected: true });\n                //\t\t\t\tthis.props.link.setSelected(true);\n            },\n        }));\n    };\n    DefaultLinkWidget.prototype.generateLink = function (extraProps) {\n        var _this = this;\n        var Bottom = React.DOM.path(_.merge({\n            className: (this.state.selected || this.props.link.isSelected()) ? 'selected' : '',\n            strokeWidth: this.props.width,\n            stroke: this.props.color\n        }, extraProps));\n        var Top = React.DOM.path(_.merge({\n            onMouseLeave: function () {\n                _this.setState({ selected: false });\n            },\n            onMouseEnter: function () {\n                _this.setState({ selected: true });\n            },\n            'data-linkid': this.props.link.getID(),\n            stroke: this.props.color,\n            strokeOpacity: this.state.selected ? 0.1 : 0,\n            strokeWidth: 20,\n            onContextMenu: function (event) {\n                event.preventDefault();\n                _this.props.link.remove();\n            },\n        }, extraProps));\n        return React.DOM.g({ key: 'link-' + extraProps.id }, Bottom, Top);\n    };\n    DefaultLinkWidget.prototype.render = function () {\n        var _this = this;\n        //ensure id is present for all points on the path\n        var points = this.props.link.points;\n        var paths = [];\n        //draw the smoothing\n        if (points.length === 2) {\n            //if the points are too close, just draw a straight line\n            var margin = 50;\n            if (Math.abs(points[0].x - points[1].x) < 50) {\n                margin = 5;\n            }\n            var pointLeft = points[0];\n            var pointRight = points[1];\n            //some defensive programming to make sure the smoothing is\n            //always in the right direction\n            if (pointLeft.x > pointRight.x) {\n                pointLeft = points[1];\n                pointRight = points[0];\n            }\n            paths.push(this.generateLink({\n                id: 0,\n                onMouseDown: function (event) {\n                    if (!event.shiftKey) {\n                        var point = new Common_1.PointModel(_this.props.link, _this.props.diagramEngine.getRelativeMousePoint(event));\n                        point.setSelected(true);\n                        _this.forceUpdate();\n                        _this.props.link.addPoint(point, 1);\n                        _this.props.pointAdded(point, event);\n                    }\n                },\n                d: \" M\" + pointLeft.x + \" \" + pointLeft.y\n                    + \" C\" + (pointLeft.x + margin) + \" \" + pointLeft.y\n                    + \" \" + (pointRight.x - margin) + \" \" + pointRight.y\n                    + \" \" + pointRight.x + \" \" + pointRight.y\n            }));\n            if (this.props.link.targetPort === null) {\n                paths.push(this.generatePoint(1));\n            }\n        }\n        else {\n            var ds = [];\n            if (this.props.smooth) {\n                ds.push(\" M\" + points[0].x + \" \" + points[0].y + \" C \" + (points[0].x + 50) + \" \" + points[0].y + \" \" + points[1].x + \" \" + points[1].y + \" \" + points[1].x + \" \" + points[1].y);\n                for (var i = 1; i < points.length - 2; i++) {\n                    ds.push(\" M \" + points[i].x + \" \" + points[i].y + \" L \" + points[i + 1].x + \" \" + points[i + 1].y);\n                }\n                ds.push(\" M\" + points[i].x + \" \" + points[i].y + \" C \" + points[i].x + \" \" + points[i].y + \" \" + (points[i + 1].x - 50) + \" \" + points[i + 1].y + \" \" + points[i + 1].x + \" \" + points[i + 1].y);\n            }\n            else {\n                var ds = [];\n                for (var i = 0; i < points.length - 1; i++) {\n                    ds.push(\" M \" + points[i].x + \" \" + points[i].y + \" L \" + points[i + 1].x + \" \" + points[i + 1].y);\n                }\n            }\n            paths = ds.map(function (data, index) {\n                return _this.generateLink({\n                    id: index,\n                    'data-linkid': _this.props.link.id,\n                    'data-point': index,\n                    onMouseDown: function (event) {\n                        if (!event.shiftKey) {\n                            var point = new Common_1.PointModel(_this.props.link, _this.props.diagramEngine.getRelativeMousePoint(event));\n                            point.setSelected(true);\n                            _this.forceUpdate();\n                            _this.props.link.addPoint(point, index + 1);\n                            _this.props.pointAdded(point, event);\n                        }\n                    },\n                    d: data\n                });\n            });\n            //render the circles\n            for (var i = 1; i < points.length - 1; i++) {\n                paths.push(this.generatePoint(i));\n            }\n            if (this.props.link.targetPort === null) {\n                paths.push(this.generatePoint(points.length - 1));\n            }\n        }\n        return (React.DOM.g(null, paths));\n    };\n    return DefaultLinkWidget;\n}(React.Component));\nDefaultLinkWidget.defaultProps = {\n    color: 'black',\n    width: 3,\n    link: null,\n    engine: null,\n    smooth: false,\n    diagramEngine: null\n};\nexports.DefaultLinkWidget = DefaultLinkWidget;\n\n\n/***/ }),\n/* 9 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar _ = __webpack_require__(1);\nvar div = React.DOM.div;\nvar DefaultPortLabelWidget_1 = __webpack_require__(25);\n/**\n * @author Dylan Vorster\n */\nvar DefaultNodeWidget = (function (_super) {\n    __extends(DefaultNodeWidget, _super);\n    function DefaultNodeWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {};\n        return _this;\n    }\n    DefaultNodeWidget.prototype.render = function () {\n        return (div({ className: 'basic-node', style: { background: this.props.node.color } }, div({ className: 'title' }, div({ className: 'name' }, this.props.node.name), div({ className: 'fa fa-close', onClick: this.props.node.remove })), div({ className: 'ports' }, div({ className: 'in' }, _.map(this.props.node.getInPorts(), function (port) {\n            return React.createElement(DefaultPortLabelWidget_1.DefaultPortLabel, { model: port });\n        })), div({ className: 'out' }, _.map(this.props.node.getOutPorts(), function (port) {\n            return React.createElement(DefaultPortLabelWidget_1.DefaultPortLabel, { model: port });\n        })))));\n    };\n    return DefaultNodeWidget;\n}(React.Component));\nDefaultNodeWidget.defaultProps = {\n    node: null,\n};\nexports.DefaultNodeWidget = DefaultNodeWidget;\n\n\n/***/ }),\n/* 10 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar LinkWidget_1 = __webpack_require__(11);\nvar _ = __webpack_require__(1);\n/**\n * @author Dylan Vorster\n */\nvar LinkLayerWidget = (function (_super) {\n    __extends(LinkLayerWidget, _super);\n    function LinkLayerWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {};\n        return _this;\n    }\n    LinkLayerWidget.prototype.componentDidMount = function () {\n        var _this = this;\n        setTimeout(function () {\n            _this.forceUpdate();\n        }, 10);\n    };\n    LinkLayerWidget.prototype.render = function () {\n        var _this = this;\n        var diagramModel = this.props.diagramEngine.getDiagramModel();\n        return (React.DOM.svg({\n            style: {\n                transform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY() + 'px)',\n                width: '100%',\n                height: '100%'\n            }\n        }, _.map(diagramModel.getLinks(), function (link) {\n            //TODO just improve this vastly x_x\n            if (link.sourcePort !== null) {\n                try {\n                    //generate a point\n                    link.points[0].updateLocation(_this.props.diagramEngine.getPortCenter(link.sourcePort));\n                }\n                //remove the link because its problematic (TODO implement this rather at an engine level)\n                catch (ex) {\n                    console.log(ex);\n                    diagramModel.removeLink(link);\n                    return;\n                }\n            }\n            if (link.targetPort !== null) {\n                try {\n                    _.last(link.points).updateLocation(_this.props.diagramEngine.getPortCenter(link.targetPort));\n                }\n                //remove the link because its problematic (TODO implement this rather at an engine level)\n                catch (ex) {\n                    console.log(ex);\n                    diagramModel.removeLink(link);\n                    return;\n                }\n            }\n            //generate links\n            var generatedLink = _this.props.diagramEngine.generateWidgetForLink(link);\n            if (!generatedLink) {\n                console.log(\"no link generated for type: \" + link.getType());\n                return null;\n            }\n            return (React.createElement(LinkWidget_1.LinkWidget, {\n                key: link.getID(),\n                link: link,\n                diagramEngine: _this.props.diagramEngine,\n            }, React.cloneElement(generatedLink, { pointAdded: _this.props.pointAdded })));\n        })));\n    };\n    return LinkLayerWidget;\n}(React.Component));\nexports.LinkLayerWidget = LinkLayerWidget;\n\n\n/***/ }),\n/* 11 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\n/**\n * @author Dylan Vorster\n */\nvar LinkWidget = (function (_super) {\n    __extends(LinkWidget, _super);\n    function LinkWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {};\n        return _this;\n    }\n    LinkWidget.prototype.shouldComponentUpdate = function () {\n        return this.props.diagramEngine.canEntityRepaint(this.props.link);\n    };\n    LinkWidget.prototype.render = function () {\n        return this.props.children;\n    };\n    return LinkWidget;\n}(React.Component));\nexports.LinkWidget = LinkWidget;\n\n\n/***/ }),\n/* 12 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar _ = __webpack_require__(1);\nvar NodeWidget_1 = __webpack_require__(13);\n/**\n * @author Dylan Vorster\n */\nvar NodeLayerWidget = (function (_super) {\n    __extends(NodeLayerWidget, _super);\n    function NodeLayerWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {};\n        return _this;\n    }\n    NodeLayerWidget.prototype.render = function () {\n        var _this = this;\n        var diagramModel = this.props.diagramEngine.getDiagramModel();\n        return (React.DOM.div({\n            className: 'node-view',\n            style: {\n                transform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY() + 'px)',\n                width: '100%',\n                height: '100%'\n            }\n        }, _.map(diagramModel.getNodes(), function (node) {\n            return (React.createElement(NodeWidget_1.NodeWidget, { diagramEngine: _this.props.diagramEngine, key: node.id, node: node }, _this.props.diagramEngine.generateWidgetForNode(node)));\n        })));\n    };\n    return NodeLayerWidget;\n}(React.Component));\nexports.NodeLayerWidget = NodeLayerWidget;\n\n\n/***/ }),\n/* 13 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\n/**\n * @author Dylan Vorster\n */\nvar NodeWidget = (function (_super) {\n    __extends(NodeWidget, _super);\n    function NodeWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {};\n        return _this;\n    }\n    NodeWidget.prototype.shouldComponentUpdate = function () {\n        return this.props.diagramEngine.canEntityRepaint(this.props.node);\n    };\n    NodeWidget.prototype.render = function () {\n        return (React.DOM.div({\n            'data-nodeid': this.props.node.id,\n            className: 'node' + (this.props.node.isSelected() ? ' selected' : ''),\n            style: {\n                top: this.props.node.y,\n                left: this.props.node.x,\n            }\n        }, React.cloneElement(this.props.children, {})));\n    };\n    return NodeWidget;\n}(React.Component));\nexports.NodeWidget = NodeWidget;\n\n\n/***/ }),\n/* 14 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\n/**\n * @author Dylan Vorster\n */\nvar PortWidget = (function (_super) {\n    __extends(PortWidget, _super);\n    function PortWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {\n            selected: false\n        };\n        return _this;\n    }\n    PortWidget.prototype.render = function () {\n        var _this = this;\n        return (React.DOM.div({\n            onMouseEnter: function () {\n                _this.setState({ selected: true });\n            },\n            onMouseLeave: function () {\n                _this.setState({ selected: false });\n            },\n            className: 'port' + (this.state.selected ? ' selected' : ''),\n            'data-name': this.props.name,\n            'data-nodeid': this.props.node.getID()\n        }));\n    };\n    return PortWidget;\n}(React.Component));\nexports.PortWidget = PortWidget;\n\n\n/***/ }),\n/* 15 */\n/***/ (function(module, exports, __webpack_require__) {\n\n// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(18);\nif(typeof content === 'string') content = [[module.i, content, '']];\n// add the styles to the DOM\nvar update = __webpack_require__(20)(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(false) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n/***/ }),\n/* 16 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n/**\n * @author Dylan Vorster\n */\n\nfunction __export(m) {\n    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\n}\n//export defaults\n__export(__webpack_require__(22));\n__export(__webpack_require__(8));\n__export(__webpack_require__(23));\n__export(__webpack_require__(9));\n__export(__webpack_require__(24));\n__export(__webpack_require__(26));\n__export(__webpack_require__(5));\n__export(__webpack_require__(7));\n__export(__webpack_require__(21));\n__export(__webpack_require__(6));\n__export(__webpack_require__(3));\n__export(__webpack_require__(2));\n__export(__webpack_require__(4));\n__export(__webpack_require__(27));\n__export(__webpack_require__(10));\n__export(__webpack_require__(11));\n__export(__webpack_require__(12));\n__export(__webpack_require__(13));\n__export(__webpack_require__(14));\n\n\n/***/ }),\n/* 17 */\n/***/ (function(module, exports) {\n\nmodule.exports = __WEBPACK_EXTERNAL_MODULE_17__;\n\n/***/ }),\n/* 18 */\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(19)();\n// imports\n\n\n// module\nexports.push([module.i, \"*{margin:0;padding:0}body,html{width:100%;height:100%;background:#3c3c3c;display:flex}.storm-diagrams-canvas{position:relative;flex-grow:1;display:flex;cursor:move;overflow:hidden}.storm-diagrams-canvas .point{fill:hsla(0,0%,100%,.5)}.storm-diagrams-canvas .point.selected{fill:#00c0ff}.storm-diagrams-canvas .selector{position:absolute;background-color:rgba(0,192,255,.2);border:2px solid #00c0ff}.storm-diagrams-canvas svg{position:absolute;height:100%;width:100%;transform-origin:0 0;overflow:visible}.storm-diagrams-canvas .node-view{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;transform-origin:0 0}.storm-diagrams-canvas .node{position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:move;pointer-events:all}.storm-diagrams-canvas .node.selected>*{border-color:#00c0ff!important;box-shadow:0 0 20px rgba(0,192,255,.5)}@keyframes dash{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.storm-diagrams-canvas path{fill:none;pointer-events:all}.storm-diagrams-canvas path.selected{stroke:#00c0ff!important;stroke-dasharray:10,2;animation:dash 1s linear infinite}.storm-diagrams-canvas .port{width:15px;height:15px;background:hsla(0,0%,100%,.1)}.storm-diagrams-canvas .port.selected,.storm-diagrams-canvas .port:hover{background:#c0ff00}.storm-diagrams-canvas .basic-node{background-color:#1e1e1e;border-radius:5px;font-family:Arial;color:#fff;border:2px solid #000;overflow:hidden;font-size:11px;box-shadow:0 0 10px rgba(0,0,0,.5)}.storm-diagrams-canvas .basic-node .title{background:rgba(0,0,0,.3);display:flex;white-space:nowrap}.storm-diagrams-canvas .basic-node .title>*{align-self:center}.storm-diagrams-canvas .basic-node .title .fa{padding:5px;opacity:.2;cursor:pointer}.storm-diagrams-canvas .basic-node .title .fa:hover{opacity:1}.storm-diagrams-canvas .basic-node .title .name{flex-grow:1;padding:5px}.storm-diagrams-canvas .basic-node .ports{display:flex;background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.2))}.storm-diagrams-canvas .basic-node .ports .in,.storm-diagrams-canvas .basic-node .ports .out{flex-grow:1;display:flex;flex-direction:column}.storm-diagrams-canvas .basic-node .ports .in-port,.storm-diagrams-canvas .basic-node .ports .out-port{display:flex;margin-top:1px}.storm-diagrams-canvas .basic-node .ports .in-port>*,.storm-diagrams-canvas .basic-node .ports .out-port>*{align-self:center}.storm-diagrams-canvas .basic-node .ports .in-port .name,.storm-diagrams-canvas .basic-node .ports .out-port .name{padding:0 5px}.storm-diagrams-canvas .basic-node .ports .out-port{justify-content:flex-end}.storm-diagrams-canvas .basic-node .ports .out-port .name{justify-content:flex-end;text-align:right}\", \"\"]);\n\n// exports\n\n\n/***/ }),\n/* 19 */\n/***/ (function(module, exports) {\n\n/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\n// css base code, injected by the css-loader\r\nmodule.exports = function() {\r\n\tvar list = [];\r\n\r\n\t// return the list of modules as css string\r\n\tlist.toString = function toString() {\r\n\t\tvar result = [];\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar item = this[i];\r\n\t\t\tif(item[2]) {\r\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t} else {\r\n\t\t\t\tresult.push(item[1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result.join(\"\");\r\n\t};\r\n\r\n\t// import a list of modules into the list\r\n\tlist.i = function(modules, mediaQuery) {\r\n\t\tif(typeof modules === \"string\")\r\n\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\tvar alreadyImportedModules = {};\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar id = this[i][0];\r\n\t\t\tif(typeof id === \"number\")\r\n\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t}\r\n\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\tvar item = modules[i];\r\n\t\t\t// skip already imported module\r\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t//  when a module is imported multiple times with different media queries.\r\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t}\r\n\t\t\t\tlist.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn list;\r\n};\r\n\n\n/***/ }),\n/* 20 */\n/***/ (function(module, exports) {\n\n/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\nvar stylesInDom = {},\r\n\tmemoize = function(fn) {\r\n\t\tvar memo;\r\n\t\treturn function () {\r\n\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\r\n\t\t\treturn memo;\r\n\t\t};\r\n\t},\r\n\tisOldIE = memoize(function() {\r\n\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\r\n\t}),\r\n\tgetHeadElement = memoize(function () {\r\n\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\r\n\t}),\r\n\tsingletonElement = null,\r\n\tsingletonCounter = 0,\r\n\tstyleElementsInsertedAtTop = [];\r\n\r\nmodule.exports = function(list, options) {\r\n\tif(typeof DEBUG !== \"undefined\" && DEBUG) {\r\n\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\r\n\t}\r\n\r\n\toptions = options || {};\r\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\r\n\t// tags it will allow on a page\r\n\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\r\n\r\n\t// By default, add <style> tags to the bottom of <head>.\r\n\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\r\n\r\n\tvar styles = listToStyles(list);\r\n\taddStylesToDom(styles, options);\r\n\r\n\treturn function update(newList) {\r\n\t\tvar mayRemove = [];\r\n\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\tvar item = styles[i];\r\n\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\tdomStyle.refs--;\r\n\t\t\tmayRemove.push(domStyle);\r\n\t\t}\r\n\t\tif(newList) {\r\n\t\t\tvar newStyles = listToStyles(newList);\r\n\t\t\taddStylesToDom(newStyles, options);\r\n\t\t}\r\n\t\tfor(var i = 0; i < mayRemove.length; i++) {\r\n\t\t\tvar domStyle = mayRemove[i];\r\n\t\t\tif(domStyle.refs === 0) {\r\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\r\n\t\t\t\t\tdomStyle.parts[j]();\r\n\t\t\t\tdelete stylesInDom[domStyle.id];\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction addStylesToDom(styles, options) {\r\n\tfor(var i = 0; i < styles.length; i++) {\r\n\t\tvar item = styles[i];\r\n\t\tvar domStyle = stylesInDom[item.id];\r\n\t\tif(domStyle) {\r\n\t\t\tdomStyle.refs++;\r\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\r\n\t\t\t}\r\n\t\t\tfor(; j < item.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tvar parts = [];\r\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\r\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction listToStyles(list) {\r\n\tvar styles = [];\r\n\tvar newStyles = {};\r\n\tfor(var i = 0; i < list.length; i++) {\r\n\t\tvar item = list[i];\r\n\t\tvar id = item[0];\r\n\t\tvar css = item[1];\r\n\t\tvar media = item[2];\r\n\t\tvar sourceMap = item[3];\r\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\r\n\t\tif(!newStyles[id])\r\n\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\r\n\t\telse\r\n\t\t\tnewStyles[id].parts.push(part);\r\n\t}\r\n\treturn styles;\r\n}\r\n\r\nfunction insertStyleElement(options, styleElement) {\r\n\tvar head = getHeadElement();\r\n\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\r\n\tif (options.insertAt === \"top\") {\r\n\t\tif(!lastStyleElementInsertedAtTop) {\r\n\t\t\thead.insertBefore(styleElement, head.firstChild);\r\n\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\r\n\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\r\n\t\t} else {\r\n\t\t\thead.appendChild(styleElement);\r\n\t\t}\r\n\t\tstyleElementsInsertedAtTop.push(styleElement);\r\n\t} else if (options.insertAt === \"bottom\") {\r\n\t\thead.appendChild(styleElement);\r\n\t} else {\r\n\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\r\n\t}\r\n}\r\n\r\nfunction removeStyleElement(styleElement) {\r\n\tstyleElement.parentNode.removeChild(styleElement);\r\n\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\r\n\tif(idx >= 0) {\r\n\t\tstyleElementsInsertedAtTop.splice(idx, 1);\r\n\t}\r\n}\r\n\r\nfunction createStyleElement(options) {\r\n\tvar styleElement = document.createElement(\"style\");\r\n\tstyleElement.type = \"text/css\";\r\n\tinsertStyleElement(options, styleElement);\r\n\treturn styleElement;\r\n}\r\n\r\nfunction createLinkElement(options) {\r\n\tvar linkElement = document.createElement(\"link\");\r\n\tlinkElement.rel = \"stylesheet\";\r\n\tinsertStyleElement(options, linkElement);\r\n\treturn linkElement;\r\n}\r\n\r\nfunction addStyle(obj, options) {\r\n\tvar styleElement, update, remove;\r\n\r\n\tif (options.singleton) {\r\n\t\tvar styleIndex = singletonCounter++;\r\n\t\tstyleElement = singletonElement || (singletonElement = createStyleElement(options));\r\n\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\r\n\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\r\n\t} else if(obj.sourceMap &&\r\n\t\ttypeof URL === \"function\" &&\r\n\t\ttypeof URL.createObjectURL === \"function\" &&\r\n\t\ttypeof URL.revokeObjectURL === \"function\" &&\r\n\t\ttypeof Blob === \"function\" &&\r\n\t\ttypeof btoa === \"function\") {\r\n\t\tstyleElement = createLinkElement(options);\r\n\t\tupdate = updateLink.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t\tif(styleElement.href)\r\n\t\t\t\tURL.revokeObjectURL(styleElement.href);\r\n\t\t};\r\n\t} else {\r\n\t\tstyleElement = createStyleElement(options);\r\n\t\tupdate = applyToTag.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t};\r\n\t}\r\n\r\n\tupdate(obj);\r\n\r\n\treturn function updateStyle(newObj) {\r\n\t\tif(newObj) {\r\n\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\r\n\t\t\t\treturn;\r\n\t\t\tupdate(obj = newObj);\r\n\t\t} else {\r\n\t\t\tremove();\r\n\t\t}\r\n\t};\r\n}\r\n\r\nvar replaceText = (function () {\r\n\tvar textStore = [];\r\n\r\n\treturn function (index, replacement) {\r\n\t\ttextStore[index] = replacement;\r\n\t\treturn textStore.filter(Boolean).join('\\n');\r\n\t};\r\n})();\r\n\r\nfunction applyToSingletonTag(styleElement, index, remove, obj) {\r\n\tvar css = remove ? \"\" : obj.css;\r\n\r\n\tif (styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\r\n\t} else {\r\n\t\tvar cssNode = document.createTextNode(css);\r\n\t\tvar childNodes = styleElement.childNodes;\r\n\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\r\n\t\tif (childNodes.length) {\r\n\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\r\n\t\t} else {\r\n\t\t\tstyleElement.appendChild(cssNode);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction applyToTag(styleElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar media = obj.media;\r\n\r\n\tif(media) {\r\n\t\tstyleElement.setAttribute(\"media\", media)\r\n\t}\r\n\r\n\tif(styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = css;\r\n\t} else {\r\n\t\twhile(styleElement.firstChild) {\r\n\t\t\tstyleElement.removeChild(styleElement.firstChild);\r\n\t\t}\r\n\t\tstyleElement.appendChild(document.createTextNode(css));\r\n\t}\r\n}\r\n\r\nfunction updateLink(linkElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar sourceMap = obj.sourceMap;\r\n\r\n\tif(sourceMap) {\r\n\t\t// http://stackoverflow.com/a/26603875\r\n\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\r\n\t}\r\n\r\n\tvar blob = new Blob([css], { type: \"text/css\" });\r\n\r\n\tvar oldSrc = linkElement.href;\r\n\r\n\tlinkElement.href = URL.createObjectURL(blob);\r\n\r\n\tif(oldSrc)\r\n\t\tURL.revokeObjectURL(oldSrc);\r\n}\r\n\n\n/***/ }),\n/* 21 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar Common_1 = __webpack_require__(2);\nvar BaseEntity_1 = __webpack_require__(3);\nvar DiagramModel_1 = __webpack_require__(6);\nvar _ = __webpack_require__(1);\n/**\n * Passed as a parameter to the DiagramWidget\n */\nvar DiagramEngine = (function (_super) {\n    __extends(DiagramEngine, _super);\n    function DiagramEngine() {\n        var _this = _super.call(this) || this;\n        _this.diagramModel = new DiagramModel_1.DiagramModel();\n        _this.nodeFactories = {};\n        _this.linkFactories = {};\n        _this.instanceFactories = {};\n        _this.canvas = null;\n        _this.paintableWidgets = null;\n        return _this;\n    }\n    DiagramEngine.prototype.clearRepaintEntities = function () {\n        this.paintableWidgets = null;\n    };\n    DiagramEngine.prototype.enableRepaintEntities = function (entities) {\n        var _this = this;\n        this.paintableWidgets = {};\n        entities.forEach(function (entity) {\n            //if a node is requested to repaint, add all of its links\n            if (entity instanceof Common_1.NodeModel) {\n                _.forEach(entity.getPorts(), function (port) {\n                    _.forEach(port.getLinks(), function (link) {\n                        _this.paintableWidgets[link.getID()] = true;\n                    });\n                });\n            }\n            if (entity instanceof Common_1.PointModel) {\n                _this.paintableWidgets[entity.getLink().getID()] = true;\n            }\n            _this.paintableWidgets[entity.getID()] = true;\n        });\n    };\n    DiagramEngine.prototype.canEntityRepaint = function (baseModel) {\n        //no rules applied, allow repaint\n        if (this.paintableWidgets === null) {\n            return true;\n        }\n        return this.paintableWidgets[baseModel.getID()] !== undefined;\n    };\n    DiagramEngine.prototype.setCanvas = function (canvas) {\n        this.canvas = canvas;\n    };\n    DiagramEngine.prototype.setDiagramModel = function (model) {\n        this.diagramModel = model;\n    };\n    DiagramEngine.prototype.getDiagramModel = function () {\n        return this.diagramModel;\n    };\n    DiagramEngine.prototype.getNodeFactories = function () {\n        return this.nodeFactories;\n    };\n    DiagramEngine.prototype.getLinkFactories = function () {\n        return this.linkFactories;\n    };\n    DiagramEngine.prototype.getInstanceFactory = function (className) {\n        return this.instanceFactories[className];\n    };\n    DiagramEngine.prototype.registerInstanceFactory = function (factory) {\n        this.instanceFactories[factory.getName()] = factory;\n    };\n    DiagramEngine.prototype.registerNodeFactory = function (factory) {\n        this.nodeFactories[factory.getType()] = factory;\n        this.itterateListeners(function (listener) {\n            listener.nodeFactoriesUpdated();\n        });\n    };\n    DiagramEngine.prototype.registerLinkFactory = function (factory) {\n        this.linkFactories[factory.getType()] = factory;\n        this.itterateListeners(function (listener) {\n            listener.linkFactoriesUpdated();\n        });\n    };\n    DiagramEngine.prototype.getFactoryForNode = function (node) {\n        if (this.nodeFactories[node.getType()]) {\n            return this.nodeFactories[node.getType()];\n        }\n        console.log(\"cannot find widget factory for node of type: [\" + node.getType() + \"]\");\n        return null;\n    };\n    DiagramEngine.prototype.getFactoryForLink = function (link) {\n        if (this.linkFactories[link.getType()]) {\n            return this.linkFactories[link.getType()];\n        }\n        console.log(\"cannot find widget factory for link of type: [\" + link.getType() + \"]\");\n        return null;\n    };\n    DiagramEngine.prototype.generateWidgetForLink = function (link) {\n        var linkFactory = this.getFactoryForLink(link);\n        if (!linkFactory) {\n            throw \"Cannot find link factory for link: \" + link.getType();\n        }\n        return linkFactory.generateReactWidget(this, link);\n    };\n    DiagramEngine.prototype.generateWidgetForNode = function (node) {\n        var nodeFactory = this.getFactoryForNode(node);\n        if (!nodeFactory) {\n            throw \"Cannot find widget factory for node: \" + node.getType();\n        }\n        return nodeFactory.generateReactWidget(this, node);\n    };\n    DiagramEngine.prototype.getRelativeMousePoint = function (event) {\n        var point = this.getRelativePoint(event.pageX, event.pageY);\n        return {\n            x: (point.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n            y: (point.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()\n        };\n    };\n    DiagramEngine.prototype.getRelativePoint = function (x, y) {\n        var canvasRect = this.canvas.getBoundingClientRect();\n        return { x: x - canvasRect.left, y: y - canvasRect.top };\n    };\n    DiagramEngine.prototype.getNodePortElement = function (port) {\n        var selector = this.canvas.querySelector('.port[data-name=\"' + port.getName() + '\"][data-nodeid=\"' + port.getParent().getID() + '\"]');\n        if (selector === null) {\n            throw \"Cannot find Node Port element with nodeID: [\" + port.getParent().getID() + \"] and name: [\" + port.getName() + \"]\";\n        }\n        return selector;\n    };\n    DiagramEngine.prototype.getPortCenter = function (port) {\n        var sourceElement = this.getNodePortElement(port);\n        var sourceRect = sourceElement.getBoundingClientRect();\n        var rel = this.getRelativePoint(sourceRect.left, sourceRect.top);\n        return {\n            x: ((sourceElement.offsetWidth / 2) + rel.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n            y: ((sourceElement.offsetHeight / 2) + rel.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()\n        };\n    };\n    return DiagramEngine;\n}(BaseEntity_1.BaseEntity));\nexports.DiagramEngine = DiagramEngine;\n\n\n/***/ }),\n/* 22 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar WidgetFactories_1 = __webpack_require__(5);\nvar React = __webpack_require__(0);\nvar DefaultLinkWidget_1 = __webpack_require__(8);\n/**\n * @author Dylan Vorster\n */\nvar DefaultLinkFactory = (function (_super) {\n    __extends(DefaultLinkFactory, _super);\n    function DefaultLinkFactory() {\n        return _super.call(this, \"default\") || this;\n    }\n    DefaultLinkFactory.prototype.generateReactWidget = function (diagramEngine, link) {\n        return React.createElement(DefaultLinkWidget_1.DefaultLinkWidget, {\n            link: link,\n            diagramEngine: diagramEngine\n        });\n    };\n    return DefaultLinkFactory;\n}(WidgetFactories_1.LinkWidgetFactory));\nexports.DefaultLinkFactory = DefaultLinkFactory;\n\n\n/***/ }),\n/* 23 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar WidgetFactories_1 = __webpack_require__(5);\nvar React = __webpack_require__(0);\nvar DefaultNodeWidget_1 = __webpack_require__(9);\n/**\n * @author Dylan Vorster\n */\nvar DefaultNodeFactory = (function (_super) {\n    __extends(DefaultNodeFactory, _super);\n    function DefaultNodeFactory() {\n        return _super.call(this, \"default\") || this;\n    }\n    DefaultNodeFactory.prototype.generateReactWidget = function (diagramEngine, node) {\n        return React.createElement(DefaultNodeWidget_1.DefaultNodeWidget, {\n            node: node,\n            diagramEngine: diagramEngine\n        });\n    };\n    return DefaultNodeFactory;\n}(WidgetFactories_1.NodeWidgetFactory));\nexports.DefaultNodeFactory = DefaultNodeFactory;\n\n\n/***/ }),\n/* 24 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar Common_1 = __webpack_require__(2);\nvar _ = __webpack_require__(1);\nvar AbstractInstanceFactory_1 = __webpack_require__(4);\nvar DefaultNodeInstanceFactory = (function (_super) {\n    __extends(DefaultNodeInstanceFactory, _super);\n    function DefaultNodeInstanceFactory() {\n        return _super.call(this, \"DefaultNodeModel\") || this;\n    }\n    DefaultNodeInstanceFactory.prototype.getInstance = function () {\n        return new DefaultNodeModel();\n    };\n    return DefaultNodeInstanceFactory;\n}(AbstractInstanceFactory_1.AbstractInstanceFactory));\nexports.DefaultNodeInstanceFactory = DefaultNodeInstanceFactory;\n/**\n * @author Dylan Vorster\n */\nvar DefaultNodeModel = (function (_super) {\n    __extends(DefaultNodeModel, _super);\n    function DefaultNodeModel(name, color) {\n        if (name === void 0) { name = 'Untitled'; }\n        if (color === void 0) { color = 'rgb(0,192,255)'; }\n        var _this = _super.call(this, \"default\") || this;\n        _this.name = name;\n        _this.color = color;\n        return _this;\n    }\n    DefaultNodeModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            name: this.name,\n            color: this.color,\n        });\n    };\n    DefaultNodeModel.prototype.getInPorts = function () {\n        return _.filter(this.ports, function (portModel) {\n            return portModel.in;\n        });\n    };\n    DefaultNodeModel.prototype.getOutPorts = function () {\n        return _.filter(this.ports, function (portModel) {\n            return !portModel.in;\n        });\n    };\n    return DefaultNodeModel;\n}(Common_1.NodeModel));\nexports.DefaultNodeModel = DefaultNodeModel;\n\n\n/***/ }),\n/* 25 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar PortWidget_1 = __webpack_require__(14);\n/**\n * @author Dylan Vorster\n */\nvar DefaultPortLabel = (function (_super) {\n    __extends(DefaultPortLabel, _super);\n    function DefaultPortLabel() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    DefaultPortLabel.prototype.render = function () {\n        var port = React.createElement(PortWidget_1.PortWidget, { name: this.props.model.name, node: this.props.model.getParent() });\n        var label = React.DOM.div({ className: 'name' }, this.props.model.label);\n        return React.DOM.div({ className: (this.props.model.in ? 'in' : 'out') + '-port' }, this.props.model.in ? port : label, this.props.model.in ? label : port);\n    };\n    return DefaultPortLabel;\n}(React.Component));\nDefaultPortLabel.defaultProps = {\n    in: true,\n    label: \"port\"\n};\nexports.DefaultPortLabel = DefaultPortLabel;\n\n\n/***/ }),\n/* 26 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar Common_1 = __webpack_require__(2);\nvar _ = __webpack_require__(1);\nvar AbstractInstanceFactory_1 = __webpack_require__(4);\nvar DefaultPortInstanceFactory = (function (_super) {\n    __extends(DefaultPortInstanceFactory, _super);\n    function DefaultPortInstanceFactory() {\n        return _super.call(this, \"DefaultPortModel\") || this;\n    }\n    DefaultPortInstanceFactory.prototype.getInstance = function () {\n        return new DefaultPortModel(true, \"unknown\");\n    };\n    return DefaultPortInstanceFactory;\n}(AbstractInstanceFactory_1.AbstractInstanceFactory));\nexports.DefaultPortInstanceFactory = DefaultPortInstanceFactory;\n/**\n * @author Dylan Vorster\n */\nvar DefaultPortModel = (function (_super) {\n    __extends(DefaultPortModel, _super);\n    function DefaultPortModel(isInput, name, label) {\n        if (label === void 0) { label = null; }\n        var _this = _super.call(this, name) || this;\n        _this.in = isInput;\n        _this.label = label || name;\n        return _this;\n    }\n    DefaultPortModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            in: this.in,\n            label: this.label,\n        });\n    };\n    return DefaultPortModel;\n}(Common_1.PortModel));\nexports.DefaultPortModel = DefaultPortModel;\n\n\n/***/ }),\n/* 27 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar _ = __webpack_require__(1);\nvar Common_1 = __webpack_require__(2);\nvar LinkLayerWidget_1 = __webpack_require__(10);\nvar NodeLayerWidget_1 = __webpack_require__(12);\nvar BaseAction = (function () {\n    function BaseAction(mouseX, mouseY) {\n        this.mouseX = mouseX;\n        this.mouseY = mouseY;\n        this.ms = (new Date()).getTime();\n    }\n    return BaseAction;\n}());\nexports.BaseAction = BaseAction;\nvar SelectingAction = (function (_super) {\n    __extends(SelectingAction, _super);\n    function SelectingAction(mouseX, mouseY) {\n        var _this = _super.call(this, mouseX, mouseY) || this;\n        _this.mouseX2 = mouseX;\n        _this.mouseY2 = mouseY;\n        return _this;\n    }\n    SelectingAction.prototype.containsElement = function (x, y, diagramModel) {\n        var z = diagramModel.getZoomLevel() / 100.0;\n        return ((x + diagramModel.getOffsetX()) * z > this.mouseX &&\n            (x + diagramModel.getOffsetX()) * z < this.mouseX2 &&\n            (y + diagramModel.getOffsetY()) * z > this.mouseY &&\n            (y + diagramModel.getOffsetY()) * z < this.mouseY2);\n    };\n    return SelectingAction;\n}(BaseAction));\nvar MoveCanvasAction = (function (_super) {\n    __extends(MoveCanvasAction, _super);\n    function MoveCanvasAction(mouseX, mouseY, diagramModel) {\n        var _this = _super.call(this, mouseX, mouseY) || this;\n        _this.initialOffsetX = diagramModel.getOffsetX();\n        _this.initialOffsetY = diagramModel.getOffsetY();\n        return _this;\n    }\n    return MoveCanvasAction;\n}(BaseAction));\nvar MoveItemsAction = (function (_super) {\n    __extends(MoveItemsAction, _super);\n    function MoveItemsAction(mouseX, mouseY, diagramEngine) {\n        var _this = _super.call(this, mouseX, mouseY) || this;\n        _this.moved = false;\n        diagramEngine.enableRepaintEntities(diagramEngine.getDiagramModel().getSelectedItems());\n        _this.selectionModels = diagramEngine.getDiagramModel().getSelectedItems().map(function (item) {\n            return {\n                model: item,\n                initialX: item.x,\n                initialY: item.y,\n            };\n        });\n        return _this;\n    }\n    return MoveItemsAction;\n}(BaseAction));\n/**\n * @author Dylan Vorster\n */\nvar DiagramWidget = (function (_super) {\n    __extends(DiagramWidget, _super);\n    function DiagramWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {\n            action: null,\n            renderedNodes: false,\n            windowListener: null\n        };\n        return _this;\n    }\n    DiagramWidget.prototype.componentWillUnmount = function () {\n        this.props.diagramEngine.setCanvas(null);\n        window.removeEventListener('keydown', this.state.windowListener);\n    };\n    DiagramWidget.prototype.componentWillReceiveProps = function (nextProps) {\n        if (this.props.diagramEngine.id !== nextProps.diagramEngine.id) {\n            this.setState({ renderedNodes: false });\n        }\n    };\n    /**\n     * Gets a model and element under the mouse cursor\n     */\n    DiagramWidget.prototype.getMouseElement = function (event) {\n        var target = event.target;\n        var diagramModel = this.props.diagramEngine.diagramModel;\n        //is it a port\n        var element = target.closest('.port[data-name]');\n        if (element) {\n            var nodeElement = target.closest('.node[data-nodeid]');\n            return {\n                model: diagramModel.getNode(nodeElement.getAttribute('data-nodeid')).getPort(element.getAttribute('data-name')),\n                element: element\n            };\n        }\n        //look for a point\n        element = target.closest('.point[data-id]');\n        if (element) {\n            return {\n                model: diagramModel.getLink(element.getAttribute('data-linkid')).getPointModel(element.getAttribute('data-id')),\n                element: element\n            };\n        }\n        //look for a link\n        element = target.closest('[data-linkid]');\n        if (element) {\n            return {\n                model: diagramModel.getLink(element.getAttribute('data-linkid')),\n                element: element\n            };\n        }\n        //look for a node\n        element = target.closest('.node[data-nodeid]');\n        if (element) {\n            return {\n                model: diagramModel.getNode(element.getAttribute('data-nodeid')),\n                element: element\n            };\n        }\n        return null;\n    };\n    DiagramWidget.prototype.componentDidMount = function () {\n        var _this = this;\n        this.props.diagramEngine.setCanvas(this.refs['canvas']);\n        //TODO\n        //add a keybaord listener\n        this.setState({\n            renderedNodes: true,\n            windowListener: window.addEventListener('keydown', function (event) {\n                //delete all selected\n                if (event.keyCode === 46) {\n                    _.forEach(_this.props.diagramEngine.getDiagramModel().getSelectedItems(), function (element) {\n                        element.remove();\n                    });\n                    _this.forceUpdate();\n                }\n            })\n        });\n        window.focus();\n    };\n    DiagramWidget.prototype.render = function () {\n        var _this = this;\n        var diagramEngine = this.props.diagramEngine;\n        var diagramModel = diagramEngine.getDiagramModel();\n        return (React.DOM.div({\n            ref: 'canvas',\n            className: 'storm-diagrams-canvas',\n            onWheel: function (event) {\n                event.preventDefault();\n                event.stopPropagation();\n                diagramModel.setZoomLevel(diagramModel.getZoomLevel() + (event.deltaY / 60));\n                diagramEngine.enableRepaintEntities([]);\n                _this.forceUpdate();\n            },\n            onMouseMove: function (event) {\n                //select items so draw a bounding box\n                if (_this.state.action instanceof SelectingAction) {\n                    var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n                    _.forEach(diagramModel.getNodes(), function (node) {\n                        if (_this.state.action.containsElement(node.x, node.y, diagramModel)) {\n                            node.setSelected(true);\n                        }\n                    });\n                    _.forEach(diagramModel.getLinks(), function (link) {\n                        var allSelected = true;\n                        _.forEach(link.points, function (point) {\n                            if (_this.state.action.containsElement(point.x, point.y, diagramModel)) {\n                                point.setSelected(true);\n                            }\n                            else {\n                                allSelected = false;\n                            }\n                        });\n                        if (allSelected) {\n                            link.setSelected(true);\n                        }\n                    });\n                    _this.state.action.mouseX2 = relative.x;\n                    _this.state.action.mouseY2 = relative.y;\n                    _this.setState({ action: _this.state.action });\n                    return;\n                }\n                else if (_this.state.action instanceof MoveItemsAction) {\n                    _.forEach(_this.state.action.selectionModels, function (model) {\n                        if (model.model instanceof Common_1.NodeModel || model.model instanceof Common_1.PointModel) {\n                            model.model.x = model.initialX + ((event.pageX - _this.state.action.mouseX) / (diagramModel.getZoomLevel() / 100));\n                            model.model.y = model.initialY + ((event.pageY - _this.state.action.mouseY) / (diagramModel.getZoomLevel() / 100));\n                        }\n                    });\n                    _this.forceUpdate();\n                }\n                else if (_this.state.action instanceof MoveCanvasAction) {\n                    diagramModel.setOffset(_this.state.action.initialOffsetX + ((event.pageX - _this.state.action.mouseX) / (diagramModel.getZoomLevel() / 100)), _this.state.action.initialOffsetY + ((event.pageY - _this.state.action.mouseY) / (diagramModel.getZoomLevel() / 100)));\n                    _this.forceUpdate();\n                }\n            },\n            onMouseDown: function (event) {\n                diagramEngine.clearRepaintEntities();\n                var model = _this.getMouseElement(event);\n                //its the canvas\n                if (model === null) {\n                    //is it a multiple selection\n                    if (event.shiftKey) {\n                        var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n                        _this.setState({\n                            action: new SelectingAction(relative.x, relative.y)\n                        });\n                    }\n                    else {\n                        var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n                        diagramModel.clearSelection();\n                        _this.setState({\n                            action: new MoveCanvasAction(relative.x, relative.y, diagramModel)\n                        });\n                    }\n                }\n                else if (model.model instanceof Common_1.PortModel) {\n                    var relative = diagramEngine.getRelativeMousePoint(event);\n                    var link = new Common_1.LinkModel();\n                    link.setSourcePort(model.model);\n                    link.getFirstPoint().updateLocation(relative);\n                    link.getLastPoint().updateLocation(relative);\n                    diagramModel.clearSelection();\n                    link.getLastPoint().setSelected(true);\n                    diagramModel.addLink(link);\n                    _this.setState({\n                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n                    });\n                }\n                else {\n                    if (!event.shiftKey && !model.model.isSelected()) {\n                        diagramModel.clearSelection();\n                    }\n                    model.model.setSelected(true);\n                    _this.setState({\n                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n                    });\n                }\n            },\n            onMouseUp: function (event) {\n                //are we going to connect a link to something?\n                if (_this.state.action instanceof MoveItemsAction) {\n                    var element = _this.getMouseElement(event);\n                    if (element) {\n                        _.forEach(_this.state.action.selectionModels, function (model) {\n                            //only care about points connecting to things\n                            if (!(model.model instanceof Common_1.PointModel)) {\n                                return;\n                            }\n                            if (element.model instanceof Common_1.PortModel) {\n                                model.model.getLink().setTargetPort(element.model);\n                            }\n                        });\n                    }\n                }\n                diagramEngine.clearRepaintEntities();\n                _this.setState({ action: null });\n            }\n        }, this.state.renderedNodes ?\n            React.createElement(LinkLayerWidget_1.LinkLayerWidget, {\n                diagramEngine: diagramEngine, pointAdded: function (point, event) {\n                    event.stopPropagation();\n                    diagramModel.clearSelection(point);\n                    _this.setState({\n                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n                    });\n                }\n            }) : null, React.createElement(NodeLayerWidget_1.NodeLayerWidget, { diagramEngine: diagramEngine }), this.state.action instanceof SelectingAction ?\n            React.DOM.div({\n                className: 'selector',\n                style: {\n                    top: this.state.action.mouseY,\n                    left: this.state.action.mouseX,\n                    width: this.state.action.mouseX2 - this.state.action.mouseX,\n                    height: this.state.action.mouseY2 - this.state.action.mouseY,\n                }\n            }) : null));\n    };\n    return DiagramWidget;\n}(React.Component));\nexports.DiagramWidget = DiagramWidget;\n\n\n/***/ }),\n/* 28 */,\n/* 29 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar SRD = __webpack_require__(16);\nvar React = __webpack_require__(0);\nvar ReactDOM = __webpack_require__(17);\n__webpack_require__(15);\n/**\n *\n * Simple stress test of the system, shows that it can handle many nodes, and\n * retain good performance\n *\n * @Author Dylan Vorster\n */\nwindow.onload = function () {\n    //1) setup the diagram engine\n    var engine = new SRD.DiagramEngine();\n    engine.registerNodeFactory(new SRD.DefaultNodeFactory());\n    engine.registerLinkFactory(new SRD.DefaultLinkFactory());\n    function generateNodes(model, offsetX, offsetY) {\n        //3-A) create a default node\n        var node1 = new SRD.DefaultNodeModel(\"Node 1\", \"rgb(0,192,255)\");\n        var port1 = node1.addPort(new SRD.DefaultPortModel(false, \"out-1\", \"Out\"));\n        node1.x = 100 + offsetX;\n        node1.y = 100 + offsetY;\n        //3-B) create another default node\n        var node2 = new SRD.DefaultNodeModel(\"Node 2\", \"rgb(192,255,0)\");\n        var port2 = node2.addPort(new SRD.DefaultPortModel(true, \"in-1\", \"IN\"));\n        node2.x = 200 + offsetX;\n        node2.y = 100 + offsetY;\n        //3-C) link the 2 nodes together\n        var link1 = new SRD.LinkModel();\n        link1.setSourcePort(port1);\n        link1.setTargetPort(port2);\n        //4) add the models to the root graph\n        model.addNode(node1);\n        model.addNode(node2);\n        model.addLink(link1);\n    }\n    //2) setup the diagram model\n    var model = new SRD.DiagramModel();\n    for (var i = 0; i < 8; i++) {\n        for (var j = 0; j < 8; j++) {\n            generateNodes(model, i * 200, j * 100);\n        }\n    }\n    //5) load model into engine\n    engine.setDiagramModel(model);\n    //6) render the diagram!\n    ReactDOM.render(React.createElement(SRD.DiagramWidget, { diagramEngine: engine }), document.body);\n};\n\n\n/***/ })\n/******/ ]);\n});\n\n\n// WEBPACK FOOTER //\n// demo2/bundle.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 29);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap bd903c63f4683a2d20d4","module.exports = __WEBPACK_EXTERNAL_MODULE_0__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"React\"\n// module id = 0\n// module chunks = 0 1","module.exports = __WEBPACK_EXTERNAL_MODULE_1__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external {\"commonjs\":\"lodash\",\"commonjs2\":\"lodash\",\"amd\":\"_\",\"root\":\"_\"}\n// module id = 1\n// module chunks = 0 1","import {Toolkit} from \"./Toolkit\";\nimport {BaseEntity, BaseListener} from \"./BaseEntity\";\nimport * as _ from \"lodash\";\n\nexport interface BaseModelListener extends BaseListener{\n\t\n\tselectionChanged?();\n\t\n\tentityRemoved?();\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class BaseModel extends BaseEntity<BaseModelListener>{\n\t\n\tselected: boolean;\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.selected = false;\n\t}\n\t\n\tdeSerialize(ob){\n\t\tsuper.deSerialize(ob);\n\t\tthis.selected = ob.selected;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\t_class: this.constructor.name,\n\t\t\tselected: this.selected\n\t\t});\n\t}\n\t\n\tpublic getID(): string{\n\t\treturn this.id\n\t}\n\t\n\tpublic isSelected(): boolean{\n\t\treturn this.selected;\n\t}\n\t\n\tpublic setSelected(selected: boolean){\n\t\tthis.selected = selected;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tif(listener.selectionChanged){\n\t\t\t\tlistener.selectionChanged();\n\t\t\t}\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tconsole.log(\"removing: \",this);\n\t\tthis.itterateListeners((listener) => {\n\t\t\tif(listener.entityRemoved){\n\t\t\t\tlistener.entityRemoved();\n\t\t\t}\n\t\t});\n\t}\n}\n\nexport class PointModel extends BaseModel{\n\t\n\tx:number;\n\ty:number;\n\tlink: LinkModel;\n\t\n\tconstructor(link: LinkModel,points: {x:number,y: number}){\n\t\tsuper();\n\t\tthis.x = points.x;\n\t\tthis.y = points.y;\n\t\tthis.link = link;\n\t}\n\t\n\tdeSerialize(ob){\n\t\tsuper.deSerialize(ob);\n\t\tthis.x = ob.x;\n\t\tthis.y = ob.y;\n\t}\n\t\n\tserialize(){\n\t\treturn _.extend(super.serialize(),{\n\t\t\tx: this.x,\n\t\t\ty: this.y\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\t\n\t\t//clear references\n\t\tif (this.link){\n\t\t\tthis.link.removePoint(this);\n\t\t}\n\t}\n\t\n\tupdateLocation(points: {x:number,y: number}){\n\t\tthis.x = points.x;\n\t\tthis.y = points.y;\n\t}\n\t\n\tgetX():number{\n\t\treturn this.x;\n\t}\n\t\n\tgetY():number{\n\t\treturn this.y;\n\t}\n\t\n\tgetLink(): LinkModel{\n\t\treturn this.link;\n\t}\n}\n\nexport class LinkModel extends BaseModel{\n\t\n\tlinkType: string;\n\tsourcePort: PortModel|null;\n\ttargetPort: PortModel|null;\n\tpoints: PointModel[];\n\textras: {};\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.linkType = 'default';\n\t\tthis.points = [\n\t\t\tnew PointModel(this,{x: 0,y: 0}),\n\t\t\tnew PointModel(this,{x: 0,y: 0}),\n\t\t];\n\t\tthis.extras = {};\n\t\tthis.sourcePort = null;\n\t\tthis.targetPort = null;\n\t}\n\t\n\tdeSerialize(ob){\n\t\tsuper.deSerialize(ob);\n\t\tthis.linkType = ob.type;\n\t\tthis.points = _.map(ob.points,(point: {x,y}) => {\n\t\t\tvar p = new PointModel(this, {x: point.x,y:point.y});\n\t\t\tp.deSerialize(point);\n\t\t\treturn p;\n\t\t})\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\ttype: this.linkType,\n\t\t\tsource: this.sourcePort ? this.sourcePort.getParent().id:null,\n\t\t\tsourcePort: this.sourcePort ? this.sourcePort.id:null,\n\t\t\ttarget: this.targetPort ? this.targetPort.getParent().id:null,\n\t\t\ttargetPort: this.targetPort ? this.targetPort.id:null,\n\t\t\tpoints: _.map(this.points,(point) => {\n\t\t\t\treturn point.serialize();\n\t\t\t}),\n\t\t\textras: this.extras\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\tif (this.sourcePort){\n\t\t\tthis.sourcePort.removeLink(this);\n\t\t}\n\t\tif (this.targetPort){\n\t\t\tthis.targetPort.removeLink(this);\n\t\t}\n\t}\n\t\n\tisLastPoint(point: PointModel){\n\t\tvar index = this.getPointIndex(point);\n\t\treturn index === this.points.length-1;\n\t}\n\t\n\tgetPointIndex(point: PointModel){\n\t\treturn this.points.indexOf(point);\n\t}\n\t\n\tgetPointModel(id: string): PointModel|null{\n\t\tfor (var i = 0; i < this.points.length;i++){\n\t\t\tif (this.points[i].id === id){\n\t\t\t\treturn this.points[i];\n\t\t\t}\n\t\t}\n\t\treturn null;\n\t}\n\t\n\tgetFirstPoint(): PointModel{\n\t\treturn this.points[0];\n\t}\n\t\n\tgetLastPoint(): PointModel{\n\t\treturn this.points[this.points.length-1];\n\t}\n\t\n\tsetSourcePort(port: PortModel){\n\t\tport.addLink(this);\n\t\tthis.sourcePort = port;\n\t}\n\t\n\tgetSourcePort(): PortModel{\n\t\treturn this.sourcePort;\n\t}\n\t\n\tgetTargetPort(): PortModel{\n\t\treturn this.targetPort;\n\t}\n\t\n\tsetTargetPort(port: PortModel){\n\t\tport.addLink(this);\n\t\tthis.targetPort = port;\n\t}\n\t\n\tgetPoints(): PointModel[]{\n\t\treturn this.points;\n\t}\n\t\n\tsetPoints(points: PointModel[]){\n\t\tthis.points = points;\n\t}\n\t\n\tremovePoint(pointModel: PointModel){\n\t\tthis.points.splice(this.getPointIndex(pointModel),1);\n\t}\n\t\n\taddPoint(pointModel:PointModel,index = 1){\n\t\tthis.points.splice(index,0,pointModel);\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.linkType;\n\t}\n}\n\nexport class PortModel extends BaseModel{\n\tname: string;\n\tparentNode: NodeModel;\n\tlinks: {[id: string]: LinkModel};\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\tname: this.name,\n\t\t\tparentNode: this.parentNode.id,\n\t\t\tlinks: _.map(this.links,(link) => {\n\t\t\t\treturn link.id;\n\t\t\t})\n\t\t});\n\t}\n\t\n\tconstructor(name: string){\n\t\tsuper();\n\t\tthis.name = name;\n\t\tthis.links = {};\n\t\tthis.parentNode = null;\n\t}\n\t\n\tgetName(): string{\n\t\treturn this.name;\n\t}\n\t\n\tgetParent(): NodeModel{\n\t\treturn this.parentNode;\n\t}\n\t\n\tsetParentNode(node: NodeModel){\n\t\tthis.parentNode = node;\n\t}\n\t\n\tremoveLink(link: LinkModel){\n\t\tdelete this.links[link.getID()];\n\t}\n\t\n\taddLink(link: LinkModel){\n\t\tthis.links[link.getID()] = link;\n\t}\n\t\n\tgetLinks(): {[id: string]: LinkModel}{\n\t\treturn this.links;\n\t}\n}\n\nexport class NodeModel extends BaseModel{\n\t\n\tnodeType: string;\n\tx: number;\n\ty: number;\n\textras: {};\n\tports:  {[s: string]:PortModel};\n\t\n\tconstructor(nodeType: string = 'default'){\n\t\tsuper();\n\t\tthis.nodeType = nodeType;\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\t\tthis.extras = {};\n\t\tthis.ports = {};\n\t}\n\t\n\tdeSerialize(ob){\n\t\tsuper.deSerialize(ob);\n\t\tthis.nodeType = ob.type;\n\t\tthis.x = ob.x;\n\t\tthis.y = ob.y;\n\t\tthis.extras = ob.extras;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\ttype: this.nodeType,\n\t\t\tx: this.x,\n\t\t\ty: this.y,\n\t\t\textras: this.extras,\n\t\t\tports: _.map(this.ports,(port) => {\n\t\t\t\treturn port.serialize()\n\t\t\t})\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\tfor (var i in this.ports){\n\t\t\t_.forEach(this.ports[i].getLinks(),(link) => {\n\t\t\t\tlink.remove();\n\t\t\t});\n\t\t}\n\t}\n\t\n\tgetPort(name: string): PortModel | null{\n\t\treturn this.ports[name];\n\t}\n\t\n\tgetPorts(): {[s: string]:PortModel}{\n\t\treturn this.ports;\n\t}\n\t\n\tremovePort(port: PortModel){\n\t\t//clear the parent node reference\n\t\tif(this.ports[port.name]){\n\t\t\tthis.ports[port.name].setParentNode(null);\n\t\t\tdelete this.ports[port.name];\n\t\t}\n\t}\n\t\n\taddPort(port: PortModel): PortModel{\n\t\tport.setParentNode(this);\n\t\tthis.ports[port.name] = port;\n\t\treturn port;\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.nodeType;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/Common.ts","import {Toolkit} from \"./Toolkit\";\nimport {AbstractInstanceFactory} from \"./AbstractInstanceFactory\";\n/**\n * @author Dylan Vorster\n */\nexport class BaseListener{\n\t\n}\n\nexport class BaseEntity<T extends BaseListener>{\n\t\n\tpublic listeners:{[s: string]: T};\n\tpublic id: string;\n\t\n\tconstructor(){\n\t\tthis.listeners = {};\n\t\tthis.id = Toolkit.UID();\n\t}\n\t\n\tgetID(){\n\t\treturn this.id;\n\t}\n\t\n\tclearListeners(){\n\t\tthis.listeners = {};\n\t}\n\t\n\tpublic deSerialize(data){\n\t\tthis.id = data.id;\n\t}\n\t\n\tpublic serialize(){\n\t\treturn {\n\t\t\tid: this.id,\n\t\t}\n\t}\n\t\n\tpublic itterateListeners(cb: (t: T) => any){\n\t\tfor (var i in this.listeners){\n\t\t\tcb(this.listeners[i]);\n\t\t}\n\t}\n\t\n\tpublic removeListener(listener: string){\n\t\tif (this.listeners[listener]){\n\t\t\tdelete this.listeners[listener];\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\t\n\tpublic addListener(listener: T): string{\n\t\tvar uid = Toolkit.UID();\n\t\tthis.listeners[uid] = listener;\n\t\treturn uid;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/BaseEntity.ts","import {BaseEntity, BaseListener} from \"./BaseEntity\";\n/**\n * @author Dylan Vorster\n */\nexport abstract class AbstractInstanceFactory<T extends BaseEntity<BaseListener>>{\n\t\n\tclassName: string;\n\t\n\tconstructor(className: string){\n\t\tthis.className = className;\n\t}\n\t\n\tgetName(){\n\t\treturn this.className;\n\t}\n\t\n\tabstract getInstance(): T;\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/AbstractInstanceFactory.ts","import {NodeModel, LinkModel} from \"./Common\";\nimport {DiagramEngine} from \"./DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport abstract class WidgetFactory{\n\t\n\ttype: string;\n\t\n\tconstructor(name: string){\n\t\tthis.type = name;\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.type;\n\t}\n\t\n}\n\nexport abstract class NodeWidgetFactory extends WidgetFactory{\n\t\n\t\n\tabstract generateReactWidget(diagramEngine:DiagramEngine,node: NodeModel): JSX.Element;\n\t\n}\n\nexport abstract class LinkWidgetFactory extends WidgetFactory{\n\t\n\tabstract generateReactWidget(diagramEngine:DiagramEngine,link: LinkModel): JSX.Element;\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/WidgetFactories.ts","import {LinkModel, NodeModel, BaseModel, PortModel} from \"./Common\";\nimport {BaseListener, BaseEntity} from \"./BaseEntity\";\nimport * as _ from \"lodash\";\nimport {DiagramEngine} from \"./DiagramEngine\";\n/**\n * @author Dylan Vorster\n * \n */\nexport interface DiagramListener extends BaseListener{\n\t\n\tnodesUpdated(): any;\n\t\n\tlinksUpdated(): any;\n\t\n\tcontrolsUpdated(): any;\n\t\n}\n/**\n * \n */\nexport class DiagramModel extends BaseEntity<DiagramListener>{\n\t\n\t//models\n\tlinks: {[s:string] : LinkModel};\n\tnodes: {[s:string] : NodeModel};\n\t\n\t//control variables\n\toffsetX: number;\n\toffsetY: number;\n\tzoom: number;\n\t\n\tconstructor(){\n\t\tsuper();\n\t\t\n\t\tthis.links = {};\n\t\tthis.nodes = {};\n\t\t\n\t\tthis.offsetX = 0;\n\t\tthis.offsetY = 0;\n\t\tthis.zoom = 100;\n\t}\n\t\n\tdeSerializeDiagram(object: any, diagramEngine: DiagramEngine){\n\t\tthis.deSerialize(object);\n\t\t\n\t\tthis.offsetX = object.offsetX;\n\t\tthis.offsetY = object.offsetY;\n\t\tthis.zoom = object.zoom;\n\t\t\n\t\t//deserialize nodes\n\t\t_.forEach(object.nodes,(node) => {\n\t\t\tlet nodeOb = diagramEngine.getInstanceFactory(node._class).getInstance() as NodeModel;\n\t\t\tnodeOb.deSerialize(node);\n\t\t\t\n\t\t\t//deserialize ports\n\t\t\t_.forEach(node.ports,(port) => {\n\t\t\t\tlet portOb = diagramEngine.getInstanceFactory(port._class).getInstance() as PortModel;\n\t\t\t\tportOb.deSerialize(port);\n\t\t\t\tnodeOb.addPort(portOb);\n\t\t\t});\n\t\t\t\n\t\t\tthis.addNode(nodeOb);\n\t\t});\n\t\t\n\t\t_.forEach(object.links,(link) => {\n\t\t\tlet linkOb = diagramEngine.getInstanceFactory(link._class).getInstance() as LinkModel;\n\t\t\tlinkOb.deSerialize(link);\n\t\t\t\n\t\t\tif(link.target){\n\t\t\t\tthis.getNode(link.target).getPort(link.targetPort).addLink(linkOb);\n\t\t\t}\n\t\t\t\n\t\t\tif(link.source){\n\t\t\t\tthis.getNode(link.source).getPort(link.sourcePort).addLink(linkOb);\n\t\t\t}\n\t\t\t\n\t\t\tthis.addLink(linkOb);\n\t\t});\n\t}\n\t\n\tserializeDiagram(){\n\t\treturn _.merge(this.serialize(),{\n\t\t\toffsetX: this.offsetX,\n\t\t\toffsetY: this.offsetY,\n\t\t\tzoom: this.zoom,\n\t\t\tlinks: _.map(this.links,(link) => {\n\t\t\t\treturn link.serialize();\n\t\t\t}),\n\t\t\tnodes: _.map(this.nodes,(link) => {\n\t\t\t\treturn link.serialize();\n\t\t\t}),\n\t\t});\n\t}\n\t\n\tclearSelection(ignore: BaseModel|null = null){\n\t\t_.forEach(this.getSelectedItems(),(element) => {\n\t\t\tif (ignore && ignore.getID() === element.getID()){\n\t\t\t\treturn;\n\t\t\t}\n\t\t\telement.setSelected(false); //TODO dont fire the listener\n\t\t});\n\t}\n\t\n\tgetSelectedItems(): BaseModel[]{\n\t\tvar items  = [];\n\t\t\n\t\t//find all nodes\n\t\titems = items.concat(_.filter(this.nodes,(node) => {\n\t\t\treturn node.isSelected();\n\t\t}));\n\t\t\n\t\t//find all points\n\t\titems = items.concat(_.filter(_.flatMap(this.links,(node) => {\n\t\t\treturn node.points;\n\t\t}),(port) => {\n\t\t\treturn port.isSelected();\n\t\t}));\n\t\t\n\t\t//find all links\n\t\treturn items.concat(_.filter(this.links,(link) => {\n\t\t\treturn link.isSelected();\n\t\t}));\n\t}\n\t\n\tsetZoomLevel(zoom:number){\n\t\tthis.zoom = zoom;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tsetOffset(offsetX: number, offsetY: number){\n\t\tthis.offsetX = offsetX;\n\t\tthis.offsetY = offsetY;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tsetOffsetX(offsetX: number){\n\t\tthis.offsetX = offsetX;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\tsetOffsetY(offsetY: number){\n\t\tthis.offsetX = offsetY;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tgetOffsetY(){\n\t\treturn this.offsetY;\n\t}\n\t\n\tgetOffsetX(){\n\t\treturn this.offsetX;\n\t}\n\t\n\tgetZoomLevel(){\n\t\treturn this.zoom;\n\t}\n\t\n\tgetNode(node: string | NodeModel): NodeModel|null{\n\t\tif (node instanceof NodeModel){\n\t\t\treturn node;\n\t\t}\n\t\tif (!this.nodes[node]){\n\t\t\treturn null;\n\t\t}\n\t\treturn this.nodes[node];\n\t}\n\t\n\tgetLink(link: string | LinkModel): LinkModel|null{\n\t\tif (link instanceof LinkModel){\n\t\t\treturn link;\n\t\t}\n\t\tif(!this.links[link]){\n\t\t\treturn null;\n\t\t}\n\t\treturn this.links[link];\n\t}\n\t\n\taddLink(link: LinkModel): LinkModel{\n\t\tlink.addListener({\n\t\t\tentityRemoved: () => {\n\t\t\t\tthis.removeLink(link);\n\t\t\t}\n\t\t});\n\t\tthis.links[link.getID()] = link;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linksUpdated();\n\t\t});\n\t\treturn link\n\t}\n\t\n\taddNode(node: NodeModel): NodeModel{\n\t\tnode.addListener({\n\t\t\tentityRemoved: () => {\n\t\t\t\tthis.removeNode(node);\n\t\t\t}\n\t\t});\n\t\tthis.nodes[node.getID()] = node;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodesUpdated();\n\t\t});\n\t\treturn node;\n\t}\n\t\n\tremoveLink(link: LinkModel | string){\n\t\tif (link instanceof LinkModel){\n\t\t\tdelete this.links[link.getID()];\n\t\t\tthis.itterateListeners((listener) => {\n\t\t\t\tlistener.linksUpdated();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tdelete this.links[''+link];\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linksUpdated();\n\t\t});\n\t}\n\tremoveNode(node: NodeModel | string){\n\t\tif (node instanceof NodeModel){\n\t\t\tdelete this.nodes[node.getID()];\n\t\t\tthis.itterateListeners((listener) => {\n\t\t\t\tlistener.nodesUpdated();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\n\t\tdelete this.nodes[''+node];\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodesUpdated();\n\t\t});\n\t}\n\t\n\tgetLinks():{[s:string] : LinkModel} {\n\t\treturn this.links;\n\t}\n\t\n\tgetNodes(): {[s: string]: NodeModel}{\n\t\treturn this.nodes;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/DiagramModel.ts","/**\n * @author Dylan Vorster\n */\nexport class Toolkit {\n\t/**\n   * Generats a unique ID (thanks Stack overflow :3)\n   * @returns {String}\n   */\n\tpublic static UID():string {\n\t\treturn 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n\t\t\tvar r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);\n\t\t\treturn v.toString(16);\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/Toolkit.ts","import * as React from \"react\";\nimport {LinkModel, PointModel} from \"../Common\";\nimport * as _ from \"lodash\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface DefaultLinkProps {\n\tcolor?: string;\n\twidth?: number;\n\tlink: LinkModel;\n\tsmooth?: boolean;\n\tdiagramEngine: DiagramEngine;\n\tpointAdded?: (point: PointModel,event) => any\n}\n\nexport interface DefaultLinkState {\n\tselected: boolean;\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultLinkWidget extends React.Component<DefaultLinkProps, DefaultLinkState> {\n\n\tpublic static defaultProps: DefaultLinkProps = {\n\t\tcolor: 'black',\n\t\twidth: 3,\n\t\tlink:null,\n\t\tengine: null,\n\t\tsmooth: false,\n\t\tdiagramEngine: null\n\t};\n\n\tconstructor(props: DefaultLinkProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tselected: false\n\t\t}\n\t}\n\t\n\tgeneratePoint(pointIndex: number): JSX.Element{\n\t\treturn React.DOM.g({key:'point-'+this.props.link.points[pointIndex].id},\n\t\t\tReact.DOM.circle({\n\t\t\t\tclassName: 'point pointui' + (this.props.link.points[pointIndex].isSelected()?' selected':''),\n\t\t\t\tcx:this.props.link.points[pointIndex].x,\n\t\t\t\tcy:this.props.link.points[pointIndex].y,\n\t\t\t\tr:5,\n\t\t\t}),\n\t\t\tReact.DOM.circle({\n\t\t\t\tclassName:'point',\n\t\t\t\t'data-linkid':this.props.link.id,\n\t\t\t\t'data-id':this.props.link.points[pointIndex].id,\n\t\t\t\tcx: this.props.link.points[pointIndex].x,\n\t\t\t\tcy:this.props.link.points[pointIndex].y,\n\t\t\t\tr:15,\n\t\t\t\topacity: 0,\n\t\t\t\tonMouseLeave:() => {\n\t\t\t\t\tthis.setState({selected: false});\n\t//\t\t\t\tthis.props.link.setSelected(false);\n\t\t\t\t},\n\t\t\t\tonMouseEnter:() => {\n\t\t\t\t\tthis.setState({selected: true});\n\t//\t\t\t\tthis.props.link.setSelected(true);\n\t\t\t\t},\n\t\t\t})\n\t\t);\n\t}\n\t\n\tgenerateLink(extraProps: {id: number}): JSX.Element{\n\t\tvar Bottom = React.DOM.path(_.merge({\n\t\t\tclassName: (this.state.selected || this.props.link.isSelected())?'selected':'',\n\t\t\tstrokeWidth:this.props.width,\n\t\t\tstroke: this.props.color\n\t\t},extraProps));\n\t\t\n\t\tvar Top = React.DOM.path(_.merge({\n\t\t\tonMouseLeave:() => {\n\t\t\t\tthis.setState({selected: false});\n\t\t\t},\n\t\t\tonMouseEnter:() => {\n\t\t\t\tthis.setState({selected: true});\n\t\t\t},\n\t\t\t'data-linkid': this.props.link.getID(),\n\t\t\tstroke: this.props.color,\n\t\t\tstrokeOpacity:this.state.selected?0.1:0 ,\n\t\t\tstrokeWidth: 20,\n\t\t\tonContextMenu: (event) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.props.link.remove();\n\t\t\t},\n\t\t},extraProps));\n\t\t\n\t\treturn React.DOM.g({key:'link-'+extraProps.id},\n\t\t\tBottom,Top\n\t\t);\n\t}\n\n\trender() {\n\t\t//ensure id is present for all points on the path\n\t\tvar points = this.props.link.points;\n\t\tvar paths = [];\n        \n        //draw the smoothing\n\t\tif(points.length === 2){\n\t\t\t\n            //if the points are too close, just draw a straight line\n\t\t\tvar margin = 50;\n\t\t\tif(Math.abs(points[0].x-points[1].x) < 50){\n\t\t\t\tmargin = 5;\n\t\t\t}\n            \n            var pointLeft = points[0];\n            var pointRight = points[1];\n            \n            //some defensive programming to make sure the smoothing is\n            //always in the right direction\n            if(pointLeft.x > pointRight.x){\n                pointLeft = points[1];\n                pointRight = points[0];\n            }\n\t\t\t\n\t\t\tpaths.push(this.generateLink({\n\t\t\t\tid: 0,\n\t\t\t\tonMouseDown: (event) =>{\n\t\t\t\t\tif (!event.shiftKey){\n\t\t\t\t\t\tvar point = new PointModel(this.props.link,this.props.diagramEngine.getRelativeMousePoint(event));\n\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\tthis.props.link.addPoint(point,1);\n\t\t\t\t\t\tthis.props.pointAdded(point,event);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\td:\n\t\t\t\t\t \" M\"+pointLeft.x+\" \"+pointLeft.y\n\t\t\t\t\t+\" C\"+(pointLeft.x+margin)+\" \"+pointLeft.y\n\t\t\t\t\t+\" \" +(pointRight.x-margin)+\" \"+pointRight.y\n\t\t\t\t\t+\" \" +pointRight.x+\" \"+pointRight.y\n\t\t\t}));\n\t\t\tif (this.props.link.targetPort === null){\n\t\t\t\tpaths.push(this.generatePoint(1));\n\t\t\t}\n\t\t}\n        \n        //draw the multiple anchors and complex line instead\n        else{\n\t\t\tvar ds = [];\n\t\t\tif(this.props.smooth){\n\t\t\t\tds.push(\" M\"+points[0].x+\" \"+points[0].y+\" C \"+(points[0].x+50)+\" \"+points[0].y+\" \"+points[1].x+\" \"+points[1].y+\" \"+points[1].x+\" \"+points[1].y);\n\t\t\t\tfor(var i = 1;i < points.length-2;i++){\n\t\t\t\t\tds.push(\" M \"+points[i].x+\" \"+points[i].y+\" L \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t\t}\n\t\t\t\tds.push(\" M\"+points[i].x+\" \"+points[i].y+\" C \"+points[i].x+\" \"+points[i].y+\" \"+(points[i+1].x-50)+\" \"+points[i+1].y+\" \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t}else{\n\t\t\t\tvar ds = [];\n\t\t\t\tfor(var i = 0;i < points.length-1;i++){\n\t\t\t\t\tds.push(\" M \"+points[i].x+\" \"+points[i].y+\" L \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\tpaths = ds.map((data,index) => {\n\t\t\t\treturn this.generateLink({\n\t\t\t\t\tid:index,\n\t\t\t\t\t'data-linkid':this.props.link.id,\n\t\t\t\t\t'data-point':index,\n\t\t\t\t\tonMouseDown: (event: MouseEvent) => {\n\t\t\t\t\t\tif (!event.shiftKey){\n\t\t\t\t\t\t\tvar point = new PointModel(this.props.link,this.props.diagramEngine.getRelativeMousePoint(event));\n\t\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t\tthis.props.link.addPoint(point,index+1);\n\t\t\t\t\t\t\tthis.props.pointAdded(point,event);\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\td:data\n\t\t\t\t});\n\t\t\t});\n\t\t\t\n\t\t\t//render the circles\n\t\t\tfor(var i = 1;i < points.length-1;i++){\n\t\t\t\tpaths.push(this.generatePoint(i));\n\t\t\t}\n\t\t\t\n\t\t\tif (this.props.link.targetPort === null){\n\t\t\t\tpaths.push(this.generatePoint(points.length-1));\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.g(null,paths)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultLinkWidget.ts","import * as React from \"react\";\nimport * as _ from \"lodash\";\nvar div = React.DOM.div;\nimport {DefaultNodeModel} from \"./DefaultNodeModel\";\nimport {DefaultPortLabel} from \"./DefaultPortLabelWidget\";\n\nexport interface DefaultNodeProps {\n\tnode: DefaultNodeModel;\n}\n\nexport interface DefaultNodeState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeWidget extends React.Component<DefaultNodeProps, DefaultNodeState> {\n\n\tpublic static defaultProps: DefaultNodeProps = {\n\t\tnode: null,\n\t};\n\n\tconstructor(props: DefaultNodeProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\trender() {\n\t\treturn (\n\t\t\tdiv({className: 'basic-node', style: {background: this.props.node.color }},\n\t\t\t\tdiv({className:'title'},\n\t\t\t\t\tdiv({className:'name'},this.props.node.name),\n\t\t\t\t\tdiv({className: 'fa fa-close', onClick: this.props.node.remove})\n\t\t\t\t),\n\t\t\t\tdiv({className:'ports'},\n\t\t\t\t\tdiv({className: 'in'}, _.map(this.props.node.getInPorts(),(port) => {\n\t\t\t\t\t\treturn React.createElement(DefaultPortLabel,{model: port});\n\t\t\t\t\t})),\n\t\t\t\t\tdiv({className: 'out'}, _.map(this.props.node.getOutPorts(),(port) => {\n\t\t\t\t\t\treturn React.createElement(DefaultPortLabel,{model: port});\n\t\t\t\t\t})),\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeWidget.ts","import * as React from \"react\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport {PointModel} from \"../Common\";\nimport {LinkWidget} from \"./LinkWidget\";\nimport * as _ from \"lodash\";\n\nexport interface LinkLayerProps {\n\tdiagramEngine: DiagramEngine,\n\tpointAdded: (point: PointModel,event) => any\n}\n\nexport interface LinkLayerState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class LinkLayerWidget extends React.Component<LinkLayerProps, LinkLayerState> {\n\n\tconstructor(props: LinkLayerProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tcomponentDidMount(){\n\t\tsetTimeout(()=> {\n\t\t\tthis.forceUpdate();\n\t\t},10);\n\t}\n\t\n\trender() {\n\t\t\n\t\tvar diagramModel = this.props.diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.svg(\n\t\t\t\t{\n                    style:{\n\t\t\t\t\t\ttransform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY()+'px)',\n                        width: '100%',\n                        height: '100%'\n                    }\n                },\n\t\t\t\t_.map(diagramModel.getLinks(),(link) => {\n\t\t\t\t\t\n\t\t\t\t\t//TODO just improve this vastly x_x\n\t\t\t\t\tif (link.sourcePort !== null){\n\t\t\t\t\t\ttry{\n\t\t\t\t\t\t\t//generate a point\n\t\t\t\t\t\t\tlink.points[0].updateLocation(this.props.diagramEngine.getPortCenter(link.sourcePort));\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//remove the link because its problematic (TODO implement this rather at an engine level)\n\t\t\t\t\t\tcatch(ex){\n\t\t\t\t\t\t\tconsole.log(ex);\n\t\t\t\t\t\t\tdiagramModel.removeLink(link);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (link.targetPort !== null){\n\t\t\t\t\t\ttry{\n\t\t\t\t\t\t\t_.last(link.points).updateLocation(this.props.diagramEngine.getPortCenter(link.targetPort));\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//remove the link because its problematic (TODO implement this rather at an engine level)\n\t\t\t\t\t\tcatch(ex){\n\t\t\t\t\t\t\tconsole.log(ex);\n\t\t\t\t\t\t\tdiagramModel.removeLink(link);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n                    \n\t\t\t\t\t//generate links\n\t\t\t\t\tvar generatedLink = this.props.diagramEngine.generateWidgetForLink(link);\n                    if(!generatedLink){\n\t\t\t\t\t\tconsole.log(\"no link generated for type: \" + link.getType());\n\t\t\t\t\t\treturn null;\n                    }\n\t\t\t\t\t\n\t\t\t\t\treturn (\n\t\t\t\t\t\tReact.createElement(LinkWidget, {\n\t\t\t\t\t\t\tkey: link.getID(), \n\t\t\t\t\t\t\tlink: link,\n\t\t\t\t\t\t\tdiagramEngine: this.props.diagramEngine,\n\t\t\t\t\t\t}, React.cloneElement(generatedLink,{pointAdded: this.props.pointAdded}))\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/LinkLayerWidget.ts","import * as React from \"react\";\nimport {LinkModel} from \"../Common\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface LinkProps {\n\tlink: LinkModel;\n\tdiagramEngine: DiagramEngine;\n\tchildren?: any;\n}\n\nexport interface LinkState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class LinkWidget extends React.Component<LinkProps, LinkState> {\n\n\tconstructor(props: LinkProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tshouldComponentUpdate(){\n\t\treturn this.props.diagramEngine.canEntityRepaint(this.props.link);\n\t}\n\n\trender() {\n\t\treturn this.props.children;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/LinkWidget.ts","import * as React from \"react\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport * as _ from \"lodash\";\nimport {NodeWidget} from \"./NodeWidget\";\n\nexport interface NodeLayerProps {\n\tdiagramEngine: DiagramEngine\n}\n\nexport interface NodeLayerState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class NodeLayerWidget extends React.Component<NodeLayerProps, NodeLayerState> {\n\n\tconstructor(props: NodeLayerProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\n\trender() {\n\t\t\n\t\tvar diagramModel = this.props.diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t\tclassName:'node-view',\n\t\t\t\t\tstyle:{\n\t\t\t\t\t\ttransform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX()+'px,'+diagramModel.getOffsetY()+'px)',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t_.map(diagramModel.getNodes(),(node) => {\n\t\t\t\t\treturn(\n\t\t\t\t\t\tReact.createElement(NodeWidget, {diagramEngine: this.props.diagramEngine,key:node.id,node: node},\n\t\t\t\t\t\t\tthis.props.diagramEngine.generateWidgetForNode(node))\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/NodeLayerWidget.ts","import * as React from \"react\";\nimport {NodeModel} from \"../Common\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface NodeProps {\n\tnode:NodeModel;\n\tchildren?: any;\n\tdiagramEngine: DiagramEngine\n}\n\nexport interface NodeState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class NodeWidget extends React.Component<NodeProps, NodeState> {\n\n\tconstructor(props: NodeProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tshouldComponentUpdate(){\n\t\treturn this.props.diagramEngine.canEntityRepaint(this.props.node);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t'data-nodeid': this.props.node.id,\n\t\t\t\tclassName: 'node' + (this.props.node.isSelected()?' selected':''),\n\t\t\t\tstyle:{\n\t\t\t\t\ttop: this.props.node.y,\n\t\t\t\t\tleft: this.props.node.x,\n\t\t\t\t}},\n\t\t\t\tReact.cloneElement(this.props.children,{})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/NodeWidget.ts","import * as React from \"react\";\nimport {NodeModel} from \"../Common\";\n\nexport interface PortProps {\n\tname: string;\n\tnode: NodeModel;\n}\n\nexport interface PortState{\n\tselected: boolean\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class PortWidget extends React.Component<PortProps, PortState> {\n\n\tconstructor(props: PortProps){\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tselected: false\n\t\t};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\tonMouseEnter: () =>{\n\t\t\t\t\tthis.setState({selected: true});\n\t\t\t\t},\n\t\t\t\tonMouseLeave: () => {\n\t\t\t\t\tthis.setState({selected: false});\n\t\t\t\t},\n\t\t\t\tclassName:'port'+(this.state.selected?' selected':''),\n\t\t\t\t'data-name':this.props.name,\n\t\t\t\t'data-nodeid': this.props.node.getID()\n\t\t\t})\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/PortWidget.ts","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/sass-loader/lib/loader.js!./test.scss\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./demos/test.scss\n// module id = 15\n// module chunks = 0 1","/**\n * @author Dylan Vorster\n */\n \n //export defaults\nexport * from \"./defaults/DefaultLinkFactory\";\nexport * from \"./defaults/DefaultLinkWidget\";\nexport * from \"./defaults/DefaultNodeFactory\";\nexport * from \"./defaults/DefaultNodeWidget\";\nexport * from \"./defaults/DefaultNodeModel\";\nexport * from \"./defaults/DefaultPortModel\";\n\nexport * from \"./WidgetFactories\";\nexport * from \"./Toolkit\";\n\nexport * from \"./DiagramEngine\";\nexport * from \"./DiagramModel\";\nexport * from \"./BaseEntity\";\nexport * from \"./Common\";\nexport * from \"./AbstractInstanceFactory\";\n\nexport * from \"./widgets/DiagramWidget\";\nexport * from \"./widgets/LinkLayerWidget\";\nexport * from \"./widgets/LinkWidget\";\nexport * from \"./widgets/NodeLayerWidget\";\nexport * from \"./widgets/NodeWidget\";\nexport * from \"./widgets/PortWidget\";\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.ts","module.exports = __WEBPACK_EXTERNAL_MODULE_17__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"ReactDOM\"\n// module id = 17\n// module chunks = 0 1","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"*{margin:0;padding:0}body,html{width:100%;height:100%;background:#3c3c3c;display:flex}.storm-diagrams-canvas{position:relative;flex-grow:1;display:flex;cursor:move;overflow:hidden}.storm-diagrams-canvas .point{fill:hsla(0,0%,100%,.5)}.storm-diagrams-canvas .point.selected{fill:#00c0ff}.storm-diagrams-canvas .selector{position:absolute;background-color:rgba(0,192,255,.2);border:2px solid #00c0ff}.storm-diagrams-canvas svg{position:absolute;height:100%;width:100%;transform-origin:0 0;overflow:visible}.storm-diagrams-canvas .node-view{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;transform-origin:0 0}.storm-diagrams-canvas .node{position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:move;pointer-events:all}.storm-diagrams-canvas .node.selected>*{border-color:#00c0ff!important;box-shadow:0 0 20px rgba(0,192,255,.5)}@keyframes dash{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.storm-diagrams-canvas path{fill:none;pointer-events:all}.storm-diagrams-canvas path.selected{stroke:#00c0ff!important;stroke-dasharray:10,2;animation:dash 1s linear infinite}.storm-diagrams-canvas .port{width:15px;height:15px;background:hsla(0,0%,100%,.1)}.storm-diagrams-canvas .port.selected,.storm-diagrams-canvas .port:hover{background:#c0ff00}.storm-diagrams-canvas .basic-node{background-color:#1e1e1e;border-radius:5px;font-family:Arial;color:#fff;border:2px solid #000;overflow:hidden;font-size:11px;box-shadow:0 0 10px rgba(0,0,0,.5)}.storm-diagrams-canvas .basic-node .title{background:rgba(0,0,0,.3);display:flex;white-space:nowrap}.storm-diagrams-canvas .basic-node .title>*{align-self:center}.storm-diagrams-canvas .basic-node .title .fa{padding:5px;opacity:.2;cursor:pointer}.storm-diagrams-canvas .basic-node .title .fa:hover{opacity:1}.storm-diagrams-canvas .basic-node .title .name{flex-grow:1;padding:5px}.storm-diagrams-canvas .basic-node .ports{display:flex;background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.2))}.storm-diagrams-canvas .basic-node .ports .in,.storm-diagrams-canvas .basic-node .ports .out{flex-grow:1;display:flex;flex-direction:column}.storm-diagrams-canvas .basic-node .ports .in-port,.storm-diagrams-canvas .basic-node .ports .out-port{display:flex;margin-top:1px}.storm-diagrams-canvas .basic-node .ports .in-port>*,.storm-diagrams-canvas .basic-node .ports .out-port>*{align-self:center}.storm-diagrams-canvas .basic-node .ports .in-port .name,.storm-diagrams-canvas .basic-node .ports .out-port .name{padding:0 5px}.storm-diagrams-canvas .basic-node .ports .out-port{justify-content:flex-end}.storm-diagrams-canvas .basic-node .ports .out-port .name{justify-content:flex-end;text-align:right}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/sass-loader/lib/loader.js!./demos/test.scss\n// module id = 18\n// module chunks = 0 1","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\n// css base code, injected by the css-loader\r\nmodule.exports = function() {\r\n\tvar list = [];\r\n\r\n\t// return the list of modules as css string\r\n\tlist.toString = function toString() {\r\n\t\tvar result = [];\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar item = this[i];\r\n\t\t\tif(item[2]) {\r\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t} else {\r\n\t\t\t\tresult.push(item[1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result.join(\"\");\r\n\t};\r\n\r\n\t// import a list of modules into the list\r\n\tlist.i = function(modules, mediaQuery) {\r\n\t\tif(typeof modules === \"string\")\r\n\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\tvar alreadyImportedModules = {};\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar id = this[i][0];\r\n\t\t\tif(typeof id === \"number\")\r\n\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t}\r\n\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\tvar item = modules[i];\r\n\t\t\t// skip already imported module\r\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t//  when a module is imported multiple times with different media queries.\r\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t}\r\n\t\t\t\tlist.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn list;\r\n};\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader/lib/css-base.js\n// module id = 19\n// module chunks = 0 1","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\nvar stylesInDom = {},\r\n\tmemoize = function(fn) {\r\n\t\tvar memo;\r\n\t\treturn function () {\r\n\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\r\n\t\t\treturn memo;\r\n\t\t};\r\n\t},\r\n\tisOldIE = memoize(function() {\r\n\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\r\n\t}),\r\n\tgetHeadElement = memoize(function () {\r\n\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\r\n\t}),\r\n\tsingletonElement = null,\r\n\tsingletonCounter = 0,\r\n\tstyleElementsInsertedAtTop = [];\r\n\r\nmodule.exports = function(list, options) {\r\n\tif(typeof DEBUG !== \"undefined\" && DEBUG) {\r\n\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\r\n\t}\r\n\r\n\toptions = options || {};\r\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\r\n\t// tags it will allow on a page\r\n\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\r\n\r\n\t// By default, add <style> tags to the bottom of <head>.\r\n\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\r\n\r\n\tvar styles = listToStyles(list);\r\n\taddStylesToDom(styles, options);\r\n\r\n\treturn function update(newList) {\r\n\t\tvar mayRemove = [];\r\n\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\tvar item = styles[i];\r\n\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\tdomStyle.refs--;\r\n\t\t\tmayRemove.push(domStyle);\r\n\t\t}\r\n\t\tif(newList) {\r\n\t\t\tvar newStyles = listToStyles(newList);\r\n\t\t\taddStylesToDom(newStyles, options);\r\n\t\t}\r\n\t\tfor(var i = 0; i < mayRemove.length; i++) {\r\n\t\t\tvar domStyle = mayRemove[i];\r\n\t\t\tif(domStyle.refs === 0) {\r\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\r\n\t\t\t\t\tdomStyle.parts[j]();\r\n\t\t\t\tdelete stylesInDom[domStyle.id];\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction addStylesToDom(styles, options) {\r\n\tfor(var i = 0; i < styles.length; i++) {\r\n\t\tvar item = styles[i];\r\n\t\tvar domStyle = stylesInDom[item.id];\r\n\t\tif(domStyle) {\r\n\t\t\tdomStyle.refs++;\r\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\r\n\t\t\t}\r\n\t\t\tfor(; j < item.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tvar parts = [];\r\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\r\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction listToStyles(list) {\r\n\tvar styles = [];\r\n\tvar newStyles = {};\r\n\tfor(var i = 0; i < list.length; i++) {\r\n\t\tvar item = list[i];\r\n\t\tvar id = item[0];\r\n\t\tvar css = item[1];\r\n\t\tvar media = item[2];\r\n\t\tvar sourceMap = item[3];\r\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\r\n\t\tif(!newStyles[id])\r\n\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\r\n\t\telse\r\n\t\t\tnewStyles[id].parts.push(part);\r\n\t}\r\n\treturn styles;\r\n}\r\n\r\nfunction insertStyleElement(options, styleElement) {\r\n\tvar head = getHeadElement();\r\n\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\r\n\tif (options.insertAt === \"top\") {\r\n\t\tif(!lastStyleElementInsertedAtTop) {\r\n\t\t\thead.insertBefore(styleElement, head.firstChild);\r\n\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\r\n\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\r\n\t\t} else {\r\n\t\t\thead.appendChild(styleElement);\r\n\t\t}\r\n\t\tstyleElementsInsertedAtTop.push(styleElement);\r\n\t} else if (options.insertAt === \"bottom\") {\r\n\t\thead.appendChild(styleElement);\r\n\t} else {\r\n\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\r\n\t}\r\n}\r\n\r\nfunction removeStyleElement(styleElement) {\r\n\tstyleElement.parentNode.removeChild(styleElement);\r\n\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\r\n\tif(idx >= 0) {\r\n\t\tstyleElementsInsertedAtTop.splice(idx, 1);\r\n\t}\r\n}\r\n\r\nfunction createStyleElement(options) {\r\n\tvar styleElement = document.createElement(\"style\");\r\n\tstyleElement.type = \"text/css\";\r\n\tinsertStyleElement(options, styleElement);\r\n\treturn styleElement;\r\n}\r\n\r\nfunction createLinkElement(options) {\r\n\tvar linkElement = document.createElement(\"link\");\r\n\tlinkElement.rel = \"stylesheet\";\r\n\tinsertStyleElement(options, linkElement);\r\n\treturn linkElement;\r\n}\r\n\r\nfunction addStyle(obj, options) {\r\n\tvar styleElement, update, remove;\r\n\r\n\tif (options.singleton) {\r\n\t\tvar styleIndex = singletonCounter++;\r\n\t\tstyleElement = singletonElement || (singletonElement = createStyleElement(options));\r\n\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\r\n\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\r\n\t} else if(obj.sourceMap &&\r\n\t\ttypeof URL === \"function\" &&\r\n\t\ttypeof URL.createObjectURL === \"function\" &&\r\n\t\ttypeof URL.revokeObjectURL === \"function\" &&\r\n\t\ttypeof Blob === \"function\" &&\r\n\t\ttypeof btoa === \"function\") {\r\n\t\tstyleElement = createLinkElement(options);\r\n\t\tupdate = updateLink.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t\tif(styleElement.href)\r\n\t\t\t\tURL.revokeObjectURL(styleElement.href);\r\n\t\t};\r\n\t} else {\r\n\t\tstyleElement = createStyleElement(options);\r\n\t\tupdate = applyToTag.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t};\r\n\t}\r\n\r\n\tupdate(obj);\r\n\r\n\treturn function updateStyle(newObj) {\r\n\t\tif(newObj) {\r\n\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\r\n\t\t\t\treturn;\r\n\t\t\tupdate(obj = newObj);\r\n\t\t} else {\r\n\t\t\tremove();\r\n\t\t}\r\n\t};\r\n}\r\n\r\nvar replaceText = (function () {\r\n\tvar textStore = [];\r\n\r\n\treturn function (index, replacement) {\r\n\t\ttextStore[index] = replacement;\r\n\t\treturn textStore.filter(Boolean).join('\\n');\r\n\t};\r\n})();\r\n\r\nfunction applyToSingletonTag(styleElement, index, remove, obj) {\r\n\tvar css = remove ? \"\" : obj.css;\r\n\r\n\tif (styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\r\n\t} else {\r\n\t\tvar cssNode = document.createTextNode(css);\r\n\t\tvar childNodes = styleElement.childNodes;\r\n\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\r\n\t\tif (childNodes.length) {\r\n\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\r\n\t\t} else {\r\n\t\t\tstyleElement.appendChild(cssNode);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction applyToTag(styleElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar media = obj.media;\r\n\r\n\tif(media) {\r\n\t\tstyleElement.setAttribute(\"media\", media)\r\n\t}\r\n\r\n\tif(styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = css;\r\n\t} else {\r\n\t\twhile(styleElement.firstChild) {\r\n\t\t\tstyleElement.removeChild(styleElement.firstChild);\r\n\t\t}\r\n\t\tstyleElement.appendChild(document.createTextNode(css));\r\n\t}\r\n}\r\n\r\nfunction updateLink(linkElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar sourceMap = obj.sourceMap;\r\n\r\n\tif(sourceMap) {\r\n\t\t// http://stackoverflow.com/a/26603875\r\n\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\r\n\t}\r\n\r\n\tvar blob = new Blob([css], { type: \"text/css\" });\r\n\r\n\tvar oldSrc = linkElement.href;\r\n\r\n\tlinkElement.href = URL.createObjectURL(blob);\r\n\r\n\tif(oldSrc)\r\n\t\tURL.revokeObjectURL(oldSrc);\r\n}\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader/addStyles.js\n// module id = 20\n// module chunks = 0 1","import {NodeWidgetFactory, LinkWidgetFactory} from \"./WidgetFactories\";\nimport {LinkModel, NodeModel, BaseModel, PortModel, PointModel} from \"./Common\";\nimport {BaseEntity, BaseListener} from \"./BaseEntity\";\nimport {DiagramModel} from \"./DiagramModel\";\nimport {AbstractInstanceFactory} from \"./AbstractInstanceFactory\";\nimport * as _ from \"lodash\";\n/**\n * @author Dylan Vorster\n */\nexport interface DiagramEngineListener extends BaseListener{\n\t\n\tnodeFactoriesUpdated(): any;\n\t\n\tlinkFactoriesUpdated(): any;\n}\n\n/**\n * Passed as a parameter to the DiagramWidget\n */\nexport class DiagramEngine extends BaseEntity<DiagramEngineListener>{\n\t\n\tnodeFactories: {[s: string]:NodeWidgetFactory};\n\tlinkFactories: {[s: string]:LinkWidgetFactory};\n\tinstanceFactories: {[s: string]: AbstractInstanceFactory<BaseEntity<BaseListener>>};\n\t\n\tdiagramModel: DiagramModel;\n\tcanvas: Element;\n\tpaintableWidgets: {};\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.diagramModel = new DiagramModel();\n\t\tthis.nodeFactories = {};\n\t\tthis.linkFactories = {};\n\t\tthis.instanceFactories = {};\n\t\tthis.canvas = null;\n\t\tthis.paintableWidgets = null;\n\t}\n\t\n\tclearRepaintEntities(){\n\t\tthis.paintableWidgets = null;\n\t}\n\t\n\tenableRepaintEntities(entities: BaseModel[]){\n\t\tthis.paintableWidgets = {};\n\t\tentities.forEach((entity) => {\n\t\t\t\n\t\t\t//if a node is requested to repaint, add all of its links\n\t\t\tif (entity instanceof NodeModel){\n\t\t\t\t_.forEach(entity.getPorts(),(port) => {\n\t\t\t\t\t_.forEach(port.getLinks(),(link) => {\n\t\t\t\t\t\tthis.paintableWidgets[link.getID()] = true;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t\t\n\t\t\tif (entity instanceof PointModel){\n\t\t\t\tthis.paintableWidgets[entity.getLink().getID()] = true;\n\t\t\t}\n\t\t\t\n\t\t\tthis.paintableWidgets[entity.getID()] = true;\n\t\t});\n\t}\n\t\n\tcanEntityRepaint(baseModel: BaseModel){\n\t\t//no rules applied, allow repaint\n\t\tif(this.paintableWidgets === null){\n\t\t\treturn true;\n\t\t}\n\t\t\n\t\treturn this.paintableWidgets[baseModel.getID()] !== undefined;\n\t}\n\t\n\tsetCanvas(canvas: Element| null){\n\t\tthis.canvas = canvas;\n\t}\n\t\n\tsetDiagramModel(model: DiagramModel){\n\t\tthis.diagramModel = model;\n\t}\n\t\n\tgetDiagramModel(): DiagramModel{\n\t\treturn this.diagramModel;\n\t}\n\t\n\tgetNodeFactories(): {[s: string]:NodeWidgetFactory}{\n\t\treturn this.nodeFactories;\n\t}\n\t\n\tgetLinkFactories(): {[s: string]:LinkWidgetFactory}{\n\t\treturn this.linkFactories;\n\t}\n\t\n\tgetInstanceFactory(className: string): AbstractInstanceFactory<BaseEntity<BaseListener>>{\n\t\treturn this.instanceFactories[className];\n\t}\n\t\n\tregisterInstanceFactory(factory: AbstractInstanceFactory<BaseEntity<BaseListener>>){\n\t\tthis.instanceFactories[factory.getName()] = factory;\n\t}\n\t\n\tregisterNodeFactory(factory: NodeWidgetFactory){\n\t\tthis.nodeFactories[factory.getType()] = factory;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodeFactoriesUpdated();\n\t\t});\n\t}\n\t\n\tregisterLinkFactory(factory: LinkWidgetFactory){\n\t\tthis.linkFactories[factory.getType()] = factory;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linkFactoriesUpdated();\n\t\t});\n\t}\n\t\n\tgetFactoryForNode(node: NodeModel): NodeWidgetFactory | null{\n\t\tif (this.nodeFactories[node.getType()]){\n\t\t\treturn this.nodeFactories[node.getType()];\n\t\t}\n\t\tconsole.log(\"cannot find widget factory for node of type: [\" + node.getType()+\"]\");\n\t\treturn null;\n\t}\n\t\n\tgetFactoryForLink(link: LinkModel): LinkWidgetFactory | null{\n\t\tif (this.linkFactories[link.getType()]){\n\t\t\treturn this.linkFactories[link.getType()];\n\t\t}\n\t\tconsole.log(\"cannot find widget factory for link of type: [\" + link.getType()+\"]\");\n\t\treturn null;\n\t}\n\t\n\tgenerateWidgetForLink(link: LinkModel): JSX.Element|null{\n\t\tvar linkFactory = this.getFactoryForLink(link);\n\t\tif(!linkFactory){\n\t\t\tthrow \"Cannot find link factory for link: \" + link.getType();\n\t\t}\n\t\treturn linkFactory.generateReactWidget(this,link);\n\t}\n\t\n\tgenerateWidgetForNode(node: NodeModel): JSX.Element|null{\n\t\tvar nodeFactory = this.getFactoryForNode(node);\n\t\tif(!nodeFactory){\n\t\t\tthrow \"Cannot find widget factory for node: \" + node.getType();\n\t\t}\n\t\treturn nodeFactory.generateReactWidget(this,node);\n\t}\n\t\n\tgetRelativeMousePoint(event): {x:number,y:number}{\n\t\tvar point = this.getRelativePoint(event.pageX,event.pageY);\n\t\treturn {\n\t\t\tx: (point.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n\t\t\ty: (point.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()\n\t\t};\n\t}\n\n\tgetRelativePoint(x,y){\n\t\tvar canvasRect = this.canvas.getBoundingClientRect();\n\t\treturn {x: x-canvasRect.left,y:y-canvasRect.top};\n\t}\n\t\n\tgetNodePortElement(port: PortModel): any{\n\t\tvar selector = this.canvas.querySelector('.port[data-name=\"' + port.getName() + '\"][data-nodeid=\"' + port.getParent().getID()+'\"]');\n\t\tif(selector === null){\n\t\t\tthrow \"Cannot find Node Port element with nodeID: [\" + port.getParent().getID()+\"] and name: [\"+port.getName()+\"]\";\n\t\t}\n\t\treturn selector;\n\t}\n\t\n\tgetPortCenter(port: PortModel){\n\t\tvar sourceElement = this.getNodePortElement(port);\n\t\tvar sourceRect = sourceElement.getBoundingClientRect();\n\n\t\tvar rel = this.getRelativePoint(sourceRect.left,sourceRect.top);\n\n\t\treturn {\n\t\t\tx: ((sourceElement.offsetWidth / 2) + rel.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n\t\t\ty: ((sourceElement.offsetHeight/2)+rel.y/(this.diagramModel.getZoomLevel()/100.0)) - this.diagramModel.getOffsetY()\n\t\t};\n\t}\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/DiagramEngine.ts","import {LinkWidgetFactory} from \"../WidgetFactories\";\nimport {LinkModel} from \"../Common\";\nimport * as React from \"react\";\nimport {DefaultLinkWidget} from \"./DefaultLinkWidget\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultLinkFactory extends LinkWidgetFactory{\n\t\n\tconstructor(){\n\t\tsuper(\"default\");\n\t}\n\t\n\tgenerateReactWidget(diagramEngine: DiagramEngine,link: LinkModel): JSX.Element{\n\t\treturn React.createElement(DefaultLinkWidget,{\n\t\t\tlink: link,\n\t\t\tdiagramEngine: diagramEngine\n\t\t});\n\t}\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultLinkFactory.ts","import {NodeWidgetFactory} from \"../WidgetFactories\";\nimport {DefaultNodeModel} from \"./DefaultNodeModel\";\nimport * as React from \"react\";\nimport {DefaultNodeWidget} from \"./DefaultNodeWidget\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeFactory extends NodeWidgetFactory{\n\t\n\tconstructor(){\n\t\tsuper(\"default\");\n\t}\n\t\n\tgenerateReactWidget(diagramEngine:DiagramEngine,node: DefaultNodeModel): JSX.Element{\n\t\treturn React.createElement(DefaultNodeWidget,{\n\t\t\tnode: node,\n\t\t\tdiagramEngine: diagramEngine\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeFactory.ts","import {NodeModel} from \"../Common\";\nimport {DefaultPortModel} from \"./DefaultPortModel\";\nimport * as _ from \"lodash\";\n\nimport {AbstractInstanceFactory} from \"../AbstractInstanceFactory\";\n\nexport class DefaultNodeInstanceFactory extends AbstractInstanceFactory<DefaultNodeModel>{\n\t\n\tconstructor(){\n\t\tsuper(\"DefaultNodeModel\");\n\t}\n\t\n\tgetInstance(){\n\t\treturn new DefaultNodeModel();\n\t}\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeModel extends NodeModel{\n\t\n\tname: string;\n\tcolor: string;\n\tports:  {[s: string]:DefaultPortModel};\n\t\n\tconstructor(name: string = 'Untitled',color: string = 'rgb(0,192,255)'){\n\t\tsuper(\"default\");\n\t\tthis.name = name;\n\t\tthis.color = color;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\tname: this.name,\n\t\t\tcolor: this.color,\n\t\t});\n\t}\n\t\n\tgetInPorts(): DefaultPortModel[]{\n\t\treturn _.filter(this.ports,(portModel) => {\n\t\t\treturn portModel.in;\n\t\t});\n\t}\n\t\n\tgetOutPorts(): DefaultPortModel[]{\n\t\treturn _.filter(this.ports,(portModel) => {\n\t\t\treturn !portModel.in;\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeModel.ts","import * as React from \"react\";\nimport {DefaultPortModel} from \"./DefaultPortModel\";\nimport {PortWidget} from \"../widgets/PortWidget\";\n\nexport interface DefaultPortLabelProps {\n\tmodel?: DefaultPortModel;\n}\n\nexport interface DefaultPortLabelState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultPortLabel extends React.Component<DefaultPortLabelProps, DefaultPortLabelState> {\n\n\tpublic static defaultProps: DefaultPortLabelProps = {\n\t\tin: true,\n\t\tlabel: \"port\"\n\t};\n\n\trender() {\n\t\t\n\t\tvar port = React.createElement(PortWidget, {name: this.props.model.name, node: this.props.model.getParent()});\n\t\tvar label = React.DOM.div({className: 'name'}, this.props.model.label);\n\t\t\n\t\treturn React.DOM.div({className: (this.props.model.in?'in':'out')+'-port'},\n\t\t\tthis.props.model.in?port:label,\n\t\t\tthis.props.model.in?label:port,\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultPortLabelWidget.ts","import {PortModel} from \"../Common\";\nimport * as _ from \"lodash\";\nimport {AbstractInstanceFactory} from \"../AbstractInstanceFactory\";\n\nexport class DefaultPortInstanceFactory extends AbstractInstanceFactory<DefaultPortModel>{\n\t\n\tconstructor(){\n\t\tsuper(\"DefaultPortModel\");\n\t}\n\t\n\tgetInstance(){\n\t\treturn new DefaultPortModel(true,\"unknown\");\n\t}\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultPortModel extends PortModel{\n\tin: boolean;\n\tlabel: string;\n\t\n\tconstructor(isInput:boolean,name: string,label: string = null){\n\t\tsuper(name);\n\t\tthis.in = isInput;\n\t\tthis.label = label || name;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\tin: this.in,\n\t\t\tlabel: this.label,\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultPortModel.ts","import * as React from \"react\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport * as _ from \"lodash\";\nimport {PointModel, NodeModel, BaseModel, LinkModel,PortModel} from \"../Common\";\nimport {LinkLayerWidget} from \"./LinkLayerWidget\";\nimport {NodeLayerWidget} from \"./NodeLayerWidget\";\n\ninterface SelectionModel{\n\tmodel: BaseModel;\n\tinitialX: number;\n\tinitialY: number;\n}\n\nexport class BaseAction{\n\tmouseX: number;\n\tmouseY: number;\n\tms: number;\n\t\n\tconstructor(mouseX: number,mouseY: number){\n\t\tthis.mouseX = mouseX;\n\t\tthis.mouseY = mouseY;\n\t\tthis.ms = (new Date()).getTime();\n\t}\n}\n\nclass SelectingAction extends BaseAction{\n\tmouseX2: number;\n\tmouseY2: number;\n\t\n\tconstructor(mouseX: number,mouseY: number){\n\t\tsuper(mouseX,mouseY);\n\t\tthis.mouseX2 = mouseX;\n\t\tthis.mouseY2 = mouseY;\n\t}\n\t\n\tcontainsElement(x: number, y: number, diagramModel: DiagramModel): boolean{\n\t\tvar z = diagramModel.getZoomLevel()/100.0;\n\t\treturn (\n\t\t\t(x + diagramModel.getOffsetX())*z > this.mouseX\t&& \n\t\t\t(x + diagramModel.getOffsetX())*z < this.mouseX2&& \n\t\t\t(y + diagramModel.getOffsetY())*z > this.mouseY\t&& \n\t\t\t(y + diagramModel.getOffsetY())*z < this.mouseY2\n\t\t)\n\t}\n}\n\nclass MoveCanvasAction extends BaseAction{\n\tinitialOffsetX: number;\n\tinitialOffsetY: number;\n\t\n\tconstructor(mouseX: number, mouseY: number, diagramModel: DiagramModel){\n\t\tsuper(mouseX,mouseY);\n\t\tthis.initialOffsetX = diagramModel.getOffsetX();\n\t\tthis.initialOffsetY = diagramModel.getOffsetY();\n\t}\n}\n\nclass MoveItemsAction extends BaseAction{\n\tselectionModels: SelectionModel[];\n\tmoved:boolean;\n\tconstructor(mouseX: number, mouseY: number, diagramEngine: DiagramEngine){\n\t\tsuper(mouseX, mouseY);\n\t\tthis.moved = false;\n\t\tdiagramEngine.enableRepaintEntities(diagramEngine.getDiagramModel().getSelectedItems());\n\t\tthis.selectionModels = diagramEngine.getDiagramModel().getSelectedItems().map((item: PointModel | NodeModel) => {\n\t\t\treturn {\n\t\t\t\tmodel: item,\n\t\t\t\tinitialX: item.x,\n\t\t\t\tinitialY: item.y,\n\t\t\t}\n\t\t});\n\t}\n}\n\nexport interface DiagramProps {\n\tdiagramEngine:DiagramEngine;\n}\n\nexport interface DiagramState {\n\taction: BaseAction| null;\n\trenderedNodes: boolean,\n\twindowListener: any,\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DiagramWidget extends React.Component<DiagramProps, DiagramState> {\n\n\tconstructor(props: DiagramProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\taction: null,\n\t\t\trenderedNodes: false,\n\t\t\twindowListener: null\n\t\t}\n\t}\n\n\tcomponentWillUnmount(){\n\t\tthis.props.diagramEngine.setCanvas(null);\n\t\twindow.removeEventListener('keydown',this.state.windowListener);\n\t}\n\t\n\tcomponentWillReceiveProps(nextProps: DiagramProps){\n\t\tif (this.props.diagramEngine.id !== nextProps.diagramEngine.id){\n\t\t\tthis.setState({renderedNodes: false});\n\t\t}\n\t}\n\t\n\t/**\n\t * Gets a model and element under the mouse cursor\n\t */\n\tgetMouseElement(event): {model: BaseModel, element: Element}{\n\t\tvar target = event.target as Element;\n\t\tvar diagramModel = this.props.diagramEngine.diagramModel;\n\t\t\n\t\t//is it a port\n\t\tvar element = target.closest('.port[data-name]');\n\t\tif(element){\n\t\t\tvar nodeElement = target.closest('.node[data-nodeid]') as HTMLElement;\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getNode(nodeElement.getAttribute('data-nodeid')).getPort(element.getAttribute('data-name')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a point\n\t\telement = target.closest('.point[data-id]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getLink(element.getAttribute('data-linkid')).getPointModel(element.getAttribute('data-id')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a link\n\t\telement = target.closest('[data-linkid]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getLink(element.getAttribute('data-linkid')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a node\n\t\telement = target.closest('.node[data-nodeid]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getNode(element.getAttribute('data-nodeid')),\n\t\t\t\telement: element\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn null;\n\t}\n\t\n\tcomponentDidMount(){\n\t\tthis.props.diagramEngine.setCanvas(this.refs['canvas'] as Element);\n\t\t\n\t\t//TODO\n\t\t\n\t\t//add a keybaord listener\n\t\tthis.setState({\n\t\t\trenderedNodes: true,\n\t\t\twindowListener: window.addEventListener('keydown',(event) => {\n\t\t\t\t\n\t\t\t\t//delete all selected\n\t\t\t\tif(event.keyCode === 46){\n\t\t\t\t\t_.forEach(this.props.diagramEngine.getDiagramModel().getSelectedItems(),(element) => {\n\t\t\t\t\t\telement.remove();\n\t\t\t\t\t});\n\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t}\n\t\t\t})\n\t\t});\n\t\twindow.focus();\n\t}\n\t\n\n\trender() {\n\t\tvar diagramEngine = this.props.diagramEngine;\n\t\tvar diagramModel = diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t\tref:'canvas',\n\t\t\t\t\tclassName:'storm-diagrams-canvas',\n\t\t\t\t\tonWheel: (event) => {\n                        event.preventDefault();\n                        event.stopPropagation();\n\t\t\t\t\t\tdiagramModel.setZoomLevel(diagramModel.getZoomLevel()+(event.deltaY/60));\n\t\t\t\t\t\tdiagramEngine.enableRepaintEntities([]);\n\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t},\n\t\t\t\t\tonMouseMove: (event) => {\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t//select items so draw a bounding box\n\t\t\t\t\t\tif (this.state.action instanceof SelectingAction){\n\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t_.forEach(diagramModel.getNodes(),(node) => {\n\t\t\t\t\t\t\t\tif ((this.state.action as SelectingAction).containsElement(node.x, node.y, diagramModel)){\n\t\t\t\t\t\t\t\t\tnode.setSelected(true);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t_.forEach(diagramModel.getLinks(),(link) => {\n\t\t\t\t\t\t\t\tvar allSelected = true;\n\t\t\t\t\t\t\t\t_.forEach(link.points,(point) => {\n\t\t\t\t\t\t\t\t\tif ((this.state.action as SelectingAction).containsElement(point.x, point.y, diagramModel)){\n\t\t\t\t\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\t\t\t\tallSelected = false;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tif (allSelected){\n\t\t\t\t\t\t\t\t\tlink.setSelected(true);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.state.action.mouseX2 = relative.x;\n\t\t\t\t\t\t\tthis.state.action.mouseY2 = relative.y;\n\t\t\t\t\t\t\tthis.setState({action: this.state.action});\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//translate the items on the canvas\n\t\t\t\t\t\telse if (this.state.action instanceof MoveItemsAction){\n\t\t\t\t\t\t\t_.forEach(this.state.action.selectionModels,(model) => {\n\t\t\t\t\t\t\t\tif (model.model instanceof NodeModel || model.model instanceof PointModel){\n\t\t\t\t\t\t\t\t\tmodel.model.x = model.initialX + ((event.pageX - this.state.action.mouseX) / (diagramModel.getZoomLevel()/100));\n\t\t\t\t\t\t\t\t\tmodel.model.y = model.initialY + ((event.pageY - this.state.action.mouseY) / (diagramModel.getZoomLevel()/100));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//translate the actual canvas\n\t\t\t\t\t\telse if (this.state.action instanceof MoveCanvasAction){\n\t\t\t\t\t\t\tdiagramModel.setOffset(\n\t\t\t\t\t\t\t\tthis.state.action.initialOffsetX + ((event.pageX - this.state.action.mouseX) / (diagramModel.getZoomLevel()/100)),\n\t\t\t\t\t\t\t\tthis.state.action.initialOffsetY+((event.pageY-this.state.action.mouseY)/(diagramModel.getZoomLevel()/100))\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tonMouseDown: (event) =>{\n\t\t\t\t\t\tdiagramEngine.clearRepaintEntities();\n\t\t\t\t\t\t\n\t\t\t\t\t\tvar model = this.getMouseElement(event);\n\t\t\t\t\t\t//its the canvas\n\t\t\t\t\t\tif(model === null){\n\t\t\t\t\t\t\t//is it a multiple selection\n\t\t\t\t\t\t\tif (event.shiftKey){\n\t\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\taction: new SelectingAction(\n\t\t\t\t\t\t\t\t\t\trelative.x, relative.y\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t//its a drag the canvas event\n\t\t\t\t\t\t\telse{\n\t\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\taction: new MoveCanvasAction(relative.x, relative.y, diagramModel)\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//its a port element, we want to drag a link\n\t\t\t\t\t\telse if (model.model instanceof PortModel){\n\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativeMousePoint(event);\n\t\t\t\t\t\t\tvar link = new LinkModel();\n\t\t\t\t\t\t\tlink.setSourcePort(model.model);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tlink.getFirstPoint().updateLocation(relative)\n\t\t\t\t\t\t\tlink.getLastPoint().updateLocation(relative);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\tlink.getLastPoint().setSelected(true);\n\t\t\t\t\t\t\tdiagramModel.addLink(link);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//its some or other element, probably want to move it\n\t\t\t\t\t\telse{\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif (!event.shiftKey && !model.model.isSelected()){\n\t\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmodel.model.setSelected(true);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY,diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tonMouseUp: (event) => {\n\t\t\t\t\t\t\n\t\t\t\t\t\t//are we going to connect a link to something?\n\t\t\t\t\t\tif (this.state.action instanceof MoveItemsAction){\n\t\t\t\t\t\t\tvar element = this.getMouseElement(event);\n\t\t\t\t\t\t\tif(element){\n\t\t\t\t\t\t\t\t_.forEach(this.state.action.selectionModels,(model) => {\n\n\t\t\t\t\t\t\t\t\t//only care about points connecting to things\n\t\t\t\t\t\t\t\t\tif (!(model.model instanceof PointModel)){\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tif (element.model instanceof PortModel){\n\t\t\t\t\t\t\t\t\t\tmodel.model.getLink().setTargetPort(element.model);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\tdiagramEngine.clearRepaintEntities();\n\t\t\t\t\t\tthis.setState({action: null});\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tthis.state.renderedNodes?\n\t\t\t\t\tReact.createElement(LinkLayerWidget, {\n\t\t\t\t\t\tdiagramEngine: diagramEngine, pointAdded: (point: PointModel,event) => {\n\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\tdiagramModel.clearSelection(point);\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}):null,\n\t\t\t\t\tReact.createElement(NodeLayerWidget, {diagramEngine: diagramEngine}),\n\t\t\t\t\tthis.state.action instanceof SelectingAction?\n\t\t\t\t\t\tReact.DOM.div({\n\t\t\t\t\t\t\tclassName: 'selector',\n\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\ttop: this.state.action.mouseY,\n\t\t\t\t\t\t\t\tleft: this.state.action.mouseX,\n\t\t\t\t\t\t\t\twidth: this.state.action.mouseX2 - this.state.action.mouseX,\n\t\t\t\t\t\t\t\theight: this.state.action.mouseY2 - this.state.action.mouseY,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}):null\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/DiagramWidget.ts","import * as SRD from \"../../src/main\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\n\ndeclare var require: {\n    <T>(path: string): T;\n    (paths: string[], callback: (...modules: any[]) => void): void;\n    ensure: (paths: string[], callback: (require: <T>(path: string) => T) => void) => void;\n};\n\nrequire(\"../test.scss\");\n\n/**\n * \n * Simple stress test of the system, shows that it can handle many nodes, and \n * retain good performance\n * \n * @Author Dylan Vorster\n */\nwindow.onload = () => {\n\t\n\t//1) setup the diagram engine\n\tvar engine = new SRD.DiagramEngine();\n\tengine.registerNodeFactory(new SRD.DefaultNodeFactory());\n\tengine.registerLinkFactory(new SRD.DefaultLinkFactory());\n\t\n\tfunction generateNodes(model: SRD.DiagramModel, offsetX: number,offsetY: number){\n\t\t//3-A) create a default node\n\t\tvar node1 = new SRD.DefaultNodeModel(\"Node 1\",\"rgb(0,192,255)\");\n\t\tvar port1 = node1.addPort(new SRD.DefaultPortModel(false,\"out-1\",\"Out\"));\n\t\tnode1.x = 100 + offsetX;\n\t\tnode1.y = 100 + offsetY;\n\n\t\t//3-B) create another default node\n\t\tvar node2 = new SRD.DefaultNodeModel(\"Node 2\",\"rgb(192,255,0)\");\n\t\tvar port2 = node2.addPort(new SRD.DefaultPortModel(true,\"in-1\",\"IN\"));\n\t\tnode2.x = 200 + offsetX;\n\t\tnode2.y = 100 + offsetY;\n\n\t\t//3-C) link the 2 nodes together\n\t\tvar link1 = new SRD.LinkModel();\n\t\tlink1.setSourcePort(port1);\n\t\tlink1.setTargetPort(port2);\n\n\t\t//4) add the models to the root graph\n\t\tmodel.addNode(node1);\n\t\tmodel.addNode(node2);\n\t\tmodel.addLink(link1);\n\t}\n\t\n\t//2) setup the diagram model\n\tvar model = new SRD.DiagramModel();\n\t\n\tfor(var i =0;i < 8;i++){\n\t\tfor(var j = 0;j < 8;j++){\n\t\t\tgenerateNodes(model,i*200,j*100);\n\t\t}\n\t}\n\t\n\t\n\t\n\t//5) load model into engine\n\tengine.setDiagramModel(model);\n\t\n\t//6) render the diagram!\n\tReactDOM.render(React.createElement(SRD.DiagramWidget,{diagramEngine: engine}), document.body);\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./demos/demo2/index.ts"],"sourceRoot":""}
\ No newline at end of file
diff --git a/dist/main.js b/dist/main.js
index cfafd80..867a043 100644
--- a/dist/main.js
+++ b/dist/main.js
@@ -1,1789 +1,2 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("react"), require("lodash"));
-	else if(typeof define === 'function' && define.amd)
-		define(["react", "_"], factory);
-	else if(typeof exports === 'object')
-		exports["storm-react-diagrams"] = factory(require("react"), require("lodash"));
-	else
-		root["storm-react-diagrams"] = factory(root["react"], root["_"]);
-})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__) {
-return /******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId])
-/******/ 			return installedModules[moduleId].exports;
-/******/
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// identity function for calling harmony imports with the correct context
-/******/ 	__webpack_require__.i = function(value) { return value; };
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, {
-/******/ 				configurable: false,
-/******/ 				enumerable: true,
-/******/ 				get: getter
-/******/ 			});
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 21);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
-
-/***/ }),
-/* 1 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE_1__;
-
-/***/ }),
-/* 2 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var Toolkit_1 = __webpack_require__(4);
-var BaseEntity_1 = __webpack_require__(3);
-var _ = __webpack_require__(1);
-/**
- * @author Dylan Vorster
- */
-var BaseModel = (function (_super) {
-    __extends(BaseModel, _super);
-    function BaseModel() {
-        var _this = _super.call(this) || this;
-        _this.id = Toolkit_1.Toolkit.UID();
-        _this.selected = false;
-        return _this;
-    }
-    BaseModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            _class: this.constructor.name,
-            selected: this.selected
-        });
-    };
-    BaseModel.prototype.getID = function () {
-        return this.id;
-    };
-    BaseModel.prototype.isSelected = function () {
-        return this.selected;
-    };
-    BaseModel.prototype.setSelected = function (selected) {
-        this.selected = selected;
-        this.itterateListeners(function (listener) {
-            if (listener.selectionChanged) {
-                listener.selectionChanged();
-            }
-        });
-    };
-    BaseModel.prototype.remove = function () {
-        console.log("removing: ", this);
-        this.itterateListeners(function (listener) {
-            if (listener.entityRemoved) {
-                listener.entityRemoved();
-            }
-        });
-    };
-    return BaseModel;
-}(BaseEntity_1.BaseEnity));
-exports.BaseModel = BaseModel;
-var PointModel = (function (_super) {
-    __extends(PointModel, _super);
-    function PointModel(link, points) {
-        var _this = _super.call(this) || this;
-        _this.x = points.x;
-        _this.y = points.y;
-        _this.link = link;
-        return _this;
-    }
-    PointModel.prototype.serialize = function () {
-        return _.extend(_super.prototype.serialize.call(this), {
-            x: this.x,
-            y: this.y
-        });
-    };
-    PointModel.prototype.remove = function () {
-        _super.prototype.remove.call(this);
-        //clear references
-        if (this.link) {
-            this.link.removePoint(this);
-        }
-    };
-    PointModel.prototype.updateLocation = function (points) {
-        this.x = points.x;
-        this.y = points.y;
-    };
-    PointModel.prototype.getX = function () {
-        return this.x;
-    };
-    PointModel.prototype.getY = function () {
-        return this.y;
-    };
-    PointModel.prototype.getLink = function () {
-        return this.link;
-    };
-    return PointModel;
-}(BaseModel));
-exports.PointModel = PointModel;
-var LinkModel = (function (_super) {
-    __extends(LinkModel, _super);
-    function LinkModel() {
-        var _this = _super.call(this) || this;
-        _this.linkType = 'default';
-        _this.points = [
-            new PointModel(_this, { x: 0, y: 0 }),
-            new PointModel(_this, { x: 0, y: 0 }),
-        ];
-        _this.extras = {};
-        _this.sourcePort = null;
-        _this.targetPort = null;
-        return _this;
-    }
-    LinkModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            type: this.linkType,
-            source: this.sourcePort ? this.sourcePort.getParent().id : null,
-            sourcePort: this.sourcePort ? this.sourcePort.id : null,
-            points: _.map(this.points, function (point) {
-                return point.serialize();
-            }),
-            extras: this.extras
-        });
-    };
-    LinkModel.prototype.remove = function () {
-        _super.prototype.remove.call(this);
-        if (this.sourcePort) {
-            this.sourcePort.removeLink(this);
-        }
-        if (this.targetPort) {
-            this.targetPort.removeLink(this);
-        }
-    };
-    LinkModel.prototype.isLastPoint = function (point) {
-        var index = this.getPointIndex(point);
-        return index === this.points.length - 1;
-    };
-    LinkModel.prototype.getPointIndex = function (point) {
-        return this.points.indexOf(point);
-    };
-    LinkModel.prototype.getPointModel = function (id) {
-        for (var i = 0; i < this.points.length; i++) {
-            if (this.points[i].id === id) {
-                return this.points[i];
-            }
-        }
-        return null;
-    };
-    LinkModel.prototype.getFirstPoint = function () {
-        return this.points[0];
-    };
-    LinkModel.prototype.getLastPoint = function () {
-        return this.points[this.points.length - 1];
-    };
-    LinkModel.prototype.setSourcePort = function (port) {
-        port.addLink(this);
-        this.sourcePort = port;
-    };
-    LinkModel.prototype.getSourcePort = function () {
-        return this.sourcePort;
-    };
-    LinkModel.prototype.getTargetPort = function () {
-        return this.targetPort;
-    };
-    LinkModel.prototype.setTargetPort = function (port) {
-        port.addLink(this);
-        this.targetPort = port;
-    };
-    LinkModel.prototype.getPoints = function () {
-        return this.points;
-    };
-    LinkModel.prototype.setPoints = function (points) {
-        this.points = points;
-    };
-    LinkModel.prototype.removePoint = function (pointModel) {
-        this.points.splice(this.getPointIndex(pointModel), 1);
-    };
-    LinkModel.prototype.addPoint = function (pointModel, index) {
-        if (index === void 0) { index = 1; }
-        this.points.splice(index, 0, pointModel);
-    };
-    LinkModel.prototype.getType = function () {
-        return this.linkType;
-    };
-    return LinkModel;
-}(BaseModel));
-exports.LinkModel = LinkModel;
-var PortModel = (function (_super) {
-    __extends(PortModel, _super);
-    function PortModel(name) {
-        var _this = _super.call(this) || this;
-        _this.name = name;
-        _this.links = {};
-        _this.parentNode = null;
-        return _this;
-    }
-    PortModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            name: this.name,
-            parentNode: this.parentNode.id,
-            links: _.map(this.links, function (link) {
-                return link.id;
-            })
-        });
-    };
-    PortModel.prototype.getName = function () {
-        return this.name;
-    };
-    PortModel.prototype.getParent = function () {
-        return this.parentNode;
-    };
-    PortModel.prototype.setParentNode = function (node) {
-        this.parentNode = node;
-    };
-    PortModel.prototype.removeLink = function (link) {
-        delete this.links[link.getID()];
-    };
-    PortModel.prototype.addLink = function (link) {
-        this.links[link.getID()] = link;
-    };
-    PortModel.prototype.getLinks = function () {
-        return this.links;
-    };
-    return PortModel;
-}(BaseModel));
-exports.PortModel = PortModel;
-var NodeModel = (function (_super) {
-    __extends(NodeModel, _super);
-    function NodeModel(nodeType) {
-        if (nodeType === void 0) { nodeType = 'default'; }
-        var _this = _super.call(this) || this;
-        _this.nodeType = nodeType;
-        _this.x = 0;
-        _this.y = 0;
-        _this.extras = {};
-        _this.ports = {};
-        return _this;
-    }
-    NodeModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            type: this.nodeType,
-            x: this.x,
-            y: this.y,
-            extras: this.extras,
-            ports: _.map(this.ports, function (port) {
-                return port.serialize();
-            })
-        });
-    };
-    NodeModel.prototype.remove = function () {
-        _super.prototype.remove.call(this);
-        for (var i in this.ports) {
-            _.forEach(this.ports[i].getLinks(), function (link) {
-                link.remove();
-            });
-        }
-    };
-    NodeModel.prototype.getPort = function (name) {
-        return this.ports[name];
-    };
-    NodeModel.prototype.getPorts = function () {
-        return this.ports;
-    };
-    NodeModel.prototype.removePort = function (port) {
-        //clear the parent node reference
-        if (this.ports[port.name]) {
-            this.ports[port.name].setParentNode(null);
-            delete this.ports[port.name];
-        }
-    };
-    NodeModel.prototype.addPort = function (port) {
-        port.setParentNode(this);
-        this.ports[port.name] = port;
-        return port;
-    };
-    NodeModel.prototype.getType = function () {
-        return this.nodeType;
-    };
-    return NodeModel;
-}(BaseModel));
-exports.NodeModel = NodeModel;
-
-
-/***/ }),
-/* 3 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var Toolkit_1 = __webpack_require__(4);
-/**
- * @author Dylan Vorster
- */
-var BaseListener = (function () {
-    function BaseListener() {
-    }
-    return BaseListener;
-}());
-exports.BaseListener = BaseListener;
-var BaseEnity = (function () {
-    function BaseEnity() {
-        this.listeners = {};
-        this.id = Toolkit_1.Toolkit.UID();
-    }
-    BaseEnity.prototype.getID = function () {
-        return this.id;
-    };
-    BaseEnity.prototype.clearListeners = function () {
-        this.listeners = {};
-    };
-    BaseEnity.prototype.serialize = function () {
-        return {
-            id: this.id,
-        };
-    };
-    BaseEnity.prototype.itterateListeners = function (cb) {
-        for (var i in this.listeners) {
-            cb(this.listeners[i]);
-        }
-    };
-    BaseEnity.prototype.removeListener = function (listener) {
-        if (this.listeners[listener]) {
-            delete this.listeners[listener];
-            return true;
-        }
-        return false;
-    };
-    BaseEnity.prototype.addListener = function (listener) {
-        var uid = Toolkit_1.Toolkit.UID();
-        this.listeners[uid] = listener;
-        return uid;
-    };
-    return BaseEnity;
-}());
-exports.BaseEnity = BaseEnity;
-
-
-/***/ }),
-/* 4 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-/**
- * @author Dylan Vorster
- */
-var Toolkit = (function () {
-    function Toolkit() {
-    }
-    /**
-   * Generats a unique ID (thanks Stack overflow :3)
-   * @returns {String}
-   */
-    Toolkit.UID = function () {
-        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-            var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
-            return v.toString(16);
-        });
-    };
-    return Toolkit;
-}());
-exports.Toolkit = Toolkit;
-
-
-/***/ }),
-/* 5 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-/**
- * @author Dylan Vorster
- */
-var WidgetFactory = (function () {
-    function WidgetFactory(name) {
-        this.type = name;
-    }
-    WidgetFactory.prototype.getType = function () {
-        return this.type;
-    };
-    return WidgetFactory;
-}());
-exports.WidgetFactory = WidgetFactory;
-var NodeWidgetFactory = (function (_super) {
-    __extends(NodeWidgetFactory, _super);
-    function NodeWidgetFactory() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return NodeWidgetFactory;
-}(WidgetFactory));
-exports.NodeWidgetFactory = NodeWidgetFactory;
-var LinkWidgetFactory = (function (_super) {
-    __extends(LinkWidgetFactory, _super);
-    function LinkWidgetFactory() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return LinkWidgetFactory;
-}(WidgetFactory));
-exports.LinkWidgetFactory = LinkWidgetFactory;
-
-
-/***/ }),
-/* 6 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var Common_1 = __webpack_require__(2);
-var BaseEntity_1 = __webpack_require__(3);
-var _ = __webpack_require__(1);
-/**
- *
- */
-var DiagramModel = (function (_super) {
-    __extends(DiagramModel, _super);
-    function DiagramModel() {
-        var _this = _super.call(this) || this;
-        _this.links = {};
-        _this.nodes = {};
-        _this.offsetX = 0;
-        _this.offsetY = 0;
-        _this.zoom = 100;
-        return _this;
-    }
-    DiagramModel.prototype.deSerialize = function (object) {
-    };
-    DiagramModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            offsetX: this.offsetX,
-            offsetY: this.offsetY,
-            zoom: this.zoom,
-            links: _.map(this.links, function (link) {
-                return link.serialize();
-            }),
-            nodes: _.map(this.nodes, function (link) {
-                return link.serialize();
-            }),
-        });
-    };
-    DiagramModel.prototype.clearSelection = function (ignore) {
-        if (ignore === void 0) { ignore = null; }
-        _.forEach(this.getSelectedItems(), function (element) {
-            if (ignore && ignore.getID() === element.getID()) {
-                return;
-            }
-            element.setSelected(false); //TODO dont fire the listener
-        });
-    };
-    DiagramModel.prototype.getSelectedItems = function () {
-        var items = [];
-        //find all nodes
-        items = items.concat(_.filter(this.nodes, function (node) {
-            return node.isSelected();
-        }));
-        //find all points
-        items = items.concat(_.filter(_.flatMap(this.links, function (node) {
-            return node.points;
-        }), function (port) {
-            return port.isSelected();
-        }));
-        //find all links
-        return items.concat(_.filter(this.links, function (link) {
-            return link.isSelected();
-        }));
-    };
-    DiagramModel.prototype.setZoomLevel = function (zoom) {
-        this.zoom = zoom;
-        this.itterateListeners(function (listener) {
-            listener.controlsUpdated();
-        });
-    };
-    DiagramModel.prototype.setOffset = function (offsetX, offsetY) {
-        this.offsetX = offsetX;
-        this.offsetY = offsetY;
-        this.itterateListeners(function (listener) {
-            listener.controlsUpdated();
-        });
-    };
-    DiagramModel.prototype.setOffsetX = function (offsetX) {
-        this.offsetX = offsetX;
-        this.itterateListeners(function (listener) {
-            listener.controlsUpdated();
-        });
-    };
-    DiagramModel.prototype.setOffsetY = function (offsetY) {
-        this.offsetX = offsetY;
-        this.itterateListeners(function (listener) {
-            listener.controlsUpdated();
-        });
-    };
-    DiagramModel.prototype.getOffsetY = function () {
-        return this.offsetY;
-    };
-    DiagramModel.prototype.getOffsetX = function () {
-        return this.offsetX;
-    };
-    DiagramModel.prototype.getZoomLevel = function () {
-        return this.zoom;
-    };
-    DiagramModel.prototype.getNode = function (node) {
-        if (node instanceof Common_1.NodeModel) {
-            return node;
-        }
-        if (!this.nodes[node]) {
-            return null;
-        }
-        return this.nodes[node];
-    };
-    DiagramModel.prototype.getLink = function (link) {
-        if (link instanceof Common_1.LinkModel) {
-            return link;
-        }
-        if (!this.links[link]) {
-            return null;
-        }
-        return this.links[link];
-    };
-    DiagramModel.prototype.addLink = function (link) {
-        var _this = this;
-        link.addListener({
-            entityRemoved: function () {
-                _this.removeLink(link);
-            }
-        });
-        this.links[link.getID()] = link;
-        this.itterateListeners(function (listener) {
-            listener.linksUpdated();
-        });
-        return link;
-    };
-    DiagramModel.prototype.addNode = function (node) {
-        var _this = this;
-        node.addListener({
-            entityRemoved: function () {
-                _this.removeNode(node);
-            }
-        });
-        this.nodes[node.getID()] = node;
-        this.itterateListeners(function (listener) {
-            listener.nodesUpdated();
-        });
-        return node;
-    };
-    DiagramModel.prototype.removeLink = function (link) {
-        if (link instanceof Common_1.LinkModel) {
-            delete this.links[link.getID()];
-            this.itterateListeners(function (listener) {
-                listener.linksUpdated();
-            });
-            return;
-        }
-        delete this.links['' + link];
-        this.itterateListeners(function (listener) {
-            listener.linksUpdated();
-        });
-    };
-    DiagramModel.prototype.removeNode = function (node) {
-        if (node instanceof Common_1.NodeModel) {
-            delete this.nodes[node.getID()];
-            this.itterateListeners(function (listener) {
-                listener.nodesUpdated();
-            });
-            return;
-        }
-        delete this.nodes['' + node];
-        this.itterateListeners(function (listener) {
-            listener.nodesUpdated();
-        });
-    };
-    DiagramModel.prototype.getLinks = function () {
-        return this.links;
-    };
-    DiagramModel.prototype.getNodes = function () {
-        return this.nodes;
-    };
-    return DiagramModel;
-}(BaseEntity_1.BaseEnity));
-exports.DiagramModel = DiagramModel;
-
-
-/***/ }),
-/* 7 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var Common_1 = __webpack_require__(2);
-var _ = __webpack_require__(1);
-/**
- * @author Dylan Vorster
- */
-var DefaultLinkWidget = (function (_super) {
-    __extends(DefaultLinkWidget, _super);
-    function DefaultLinkWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            selected: false
-        };
-        return _this;
-    }
-    DefaultLinkWidget.prototype.generatePoint = function (pointIndex) {
-        var _this = this;
-        return React.DOM.g({ key: 'point-' + this.props.link.points[pointIndex].id }, React.DOM.circle({
-            className: 'point pointui' + (this.props.link.points[pointIndex].isSelected() ? ' selected' : ''),
-            cx: this.props.link.points[pointIndex].x,
-            cy: this.props.link.points[pointIndex].y,
-            r: 5,
-        }), React.DOM.circle({
-            className: 'point',
-            'data-linkid': this.props.link.id,
-            'data-id': this.props.link.points[pointIndex].id,
-            cx: this.props.link.points[pointIndex].x,
-            cy: this.props.link.points[pointIndex].y,
-            r: 15,
-            opacity: 0,
-            onMouseLeave: function () {
-                _this.setState({ selected: false });
-                //				this.props.link.setSelected(false);
-            },
-            onMouseEnter: function () {
-                _this.setState({ selected: true });
-                //				this.props.link.setSelected(true);
-            },
-        }));
-    };
-    DefaultLinkWidget.prototype.generateLink = function (extraProps) {
-        var _this = this;
-        var Bottom = React.DOM.path(_.merge({
-            className: (this.state.selected || this.props.link.isSelected()) ? 'selected' : '',
-            strokeWidth: this.props.width,
-            stroke: this.props.color
-        }, extraProps));
-        var Top = React.DOM.path(_.merge({
-            onMouseLeave: function () {
-                _this.setState({ selected: false });
-            },
-            onMouseEnter: function () {
-                _this.setState({ selected: true });
-            },
-            'data-linkid': this.props.link.getID(),
-            stroke: this.props.color,
-            strokeOpacity: this.state.selected ? 0.1 : 0,
-            strokeWidth: 20,
-            onContextMenu: function (event) {
-                event.preventDefault();
-                _this.props.link.remove();
-            },
-        }, extraProps));
-        return React.DOM.g({ key: 'link-' + extraProps.id }, Bottom, Top);
-    };
-    DefaultLinkWidget.prototype.render = function () {
-        var _this = this;
-        //ensure id is present for all points on the path
-        var points = this.props.link.points;
-        var paths = [];
-        //draw the smoothing
-        if (points.length === 2) {
-            //if the points are too close, just draw a straight line
-            var margin = 50;
-            if (Math.abs(points[0].x - points[1].x) < 50) {
-                margin = 5;
-            }
-            var pointLeft = points[0];
-            var pointRight = points[1];
-            //some defensive programming to make sure the smoothing is
-            //always in the right direction
-            if (pointLeft.x > pointRight.x) {
-                pointLeft = points[1];
-                pointRight = points[0];
-            }
-            paths.push(this.generateLink({
-                id: 0,
-                onMouseDown: function (event) {
-                    if (!event.shiftKey) {
-                        var point = new Common_1.PointModel(_this.props.link, _this.props.diagramEngine.getRelativeMousePoint(event));
-                        point.setSelected(true);
-                        _this.forceUpdate();
-                        _this.props.link.addPoint(point, 1);
-                        _this.props.pointAdded(point, event);
-                    }
-                },
-                d: " M" + pointLeft.x + " " + pointLeft.y
-                    + " C" + (pointLeft.x + margin) + " " + pointLeft.y
-                    + " " + (pointRight.x - margin) + " " + pointRight.y
-                    + " " + pointRight.x + " " + pointRight.y
-            }));
-            if (this.props.link.targetPort === null) {
-                paths.push(this.generatePoint(1));
-            }
-        }
-        else {
-            var ds = [];
-            if (this.props.smooth) {
-                ds.push(" M" + points[0].x + " " + points[0].y + " C " + (points[0].x + 50) + " " + points[0].y + " " + points[1].x + " " + points[1].y + " " + points[1].x + " " + points[1].y);
-                for (var i = 1; i < points.length - 2; i++) {
-                    ds.push(" M " + points[i].x + " " + points[i].y + " L " + points[i + 1].x + " " + points[i + 1].y);
-                }
-                ds.push(" M" + points[i].x + " " + points[i].y + " C " + points[i].x + " " + points[i].y + " " + (points[i + 1].x - 50) + " " + points[i + 1].y + " " + points[i + 1].x + " " + points[i + 1].y);
-            }
-            else {
-                var ds = [];
-                for (var i = 0; i < points.length - 1; i++) {
-                    ds.push(" M " + points[i].x + " " + points[i].y + " L " + points[i + 1].x + " " + points[i + 1].y);
-                }
-            }
-            paths = ds.map(function (data, index) {
-                return _this.generateLink({
-                    id: index,
-                    'data-linkid': _this.props.link.id,
-                    'data-point': index,
-                    onMouseDown: function (event) {
-                        if (!event.shiftKey) {
-                            var point = new Common_1.PointModel(_this.props.link, _this.props.diagramEngine.getRelativeMousePoint(event));
-                            point.setSelected(true);
-                            _this.forceUpdate();
-                            _this.props.link.addPoint(point, index + 1);
-                            _this.props.pointAdded(point, event);
-                        }
-                    },
-                    d: data
-                });
-            });
-            //render the circles
-            for (var i = 1; i < points.length - 1; i++) {
-                paths.push(this.generatePoint(i));
-            }
-            if (this.props.link.targetPort === null) {
-                paths.push(this.generatePoint(points.length - 1));
-            }
-        }
-        return (React.DOM.g(null, paths));
-    };
-    return DefaultLinkWidget;
-}(React.Component));
-DefaultLinkWidget.defaultProps = {
-    color: 'black',
-    width: 3,
-    link: null,
-    engine: null,
-    smooth: false,
-    diagramEngine: null
-};
-exports.DefaultLinkWidget = DefaultLinkWidget;
-
-
-/***/ }),
-/* 8 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var _ = __webpack_require__(1);
-var div = React.DOM.div;
-var DefaultPortLabelWidget_1 = __webpack_require__(20);
-/**
- * @author Dylan Vorster
- */
-var DefaultNodeWidget = (function (_super) {
-    __extends(DefaultNodeWidget, _super);
-    function DefaultNodeWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    DefaultNodeWidget.prototype.render = function () {
-        return (div({ className: 'basic-node', style: { background: this.props.node.color } }, div({ className: 'title' }, div({ className: 'name' }, this.props.node.name), div({ className: 'fa fa-close', onClick: this.props.node.remove })), div({ className: 'ports' }, div({ className: 'in' }, _.map(this.props.node.getInPorts(), function (port) {
-            return React.createElement(DefaultPortLabelWidget_1.DefaultPortLabel, { model: port });
-        })), div({ className: 'out' }, _.map(this.props.node.getOutPorts(), function (port) {
-            return React.createElement(DefaultPortLabelWidget_1.DefaultPortLabel, { model: port });
-        })))));
-    };
-    return DefaultNodeWidget;
-}(React.Component));
-DefaultNodeWidget.defaultProps = {
-    node: null,
-};
-exports.DefaultNodeWidget = DefaultNodeWidget;
-
-
-/***/ }),
-/* 9 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var LinkWidget_1 = __webpack_require__(10);
-var _ = __webpack_require__(1);
-/**
- * @author Dylan Vorster
- */
-var LinkLayerWidget = (function (_super) {
-    __extends(LinkLayerWidget, _super);
-    function LinkLayerWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    LinkLayerWidget.prototype.componentDidMount = function () {
-        var _this = this;
-        setTimeout(function () {
-            _this.forceUpdate();
-        }, 10);
-    };
-    LinkLayerWidget.prototype.render = function () {
-        var _this = this;
-        var diagramModel = this.props.diagramEngine.getDiagramModel();
-        return (React.DOM.svg({
-            style: {
-                transform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY() + 'px)',
-                width: '100%',
-                height: '100%'
-            }
-        }, _.map(diagramModel.getLinks(), function (link) {
-            //TODO just improve this vastly x_x
-            if (link.sourcePort !== null) {
-                try {
-                    //generate a point
-                    link.points[0].updateLocation(_this.props.diagramEngine.getPortCenter(link.sourcePort));
-                }
-                //remove the link because its problematic (TODO implement this rather at an engine level)
-                catch (ex) {
-                    console.log(ex);
-                    diagramModel.removeLink(link);
-                    return;
-                }
-            }
-            if (link.targetPort !== null) {
-                try {
-                    _.last(link.points).updateLocation(_this.props.diagramEngine.getPortCenter(link.targetPort));
-                }
-                //remove the link because its problematic (TODO implement this rather at an engine level)
-                catch (ex) {
-                    console.log(ex);
-                    diagramModel.removeLink(link);
-                    return;
-                }
-            }
-            //generate links
-            var generatedLink = _this.props.diagramEngine.generateWidgetForLink(link);
-            if (!generatedLink) {
-                console.log("no link generated for type: " + link.getType());
-                return null;
-            }
-            return (React.createElement(LinkWidget_1.LinkWidget, {
-                key: link.getID(),
-                link: link,
-                diagramEngine: _this.props.diagramEngine,
-            }, React.cloneElement(generatedLink, { pointAdded: _this.props.pointAdded })));
-        })));
-    };
-    return LinkLayerWidget;
-}(React.Component));
-exports.LinkLayerWidget = LinkLayerWidget;
-
-
-/***/ }),
-/* 10 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-/**
- * @author Dylan Vorster
- */
-var LinkWidget = (function (_super) {
-    __extends(LinkWidget, _super);
-    function LinkWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    LinkWidget.prototype.shouldComponentUpdate = function () {
-        return this.props.diagramEngine.canEntityRepaint(this.props.link);
-    };
-    LinkWidget.prototype.render = function () {
-        return this.props.children;
-    };
-    return LinkWidget;
-}(React.Component));
-exports.LinkWidget = LinkWidget;
-
-
-/***/ }),
-/* 11 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var _ = __webpack_require__(1);
-var NodeWidget_1 = __webpack_require__(12);
-/**
- * @author Dylan Vorster
- */
-var NodeLayerWidget = (function (_super) {
-    __extends(NodeLayerWidget, _super);
-    function NodeLayerWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    NodeLayerWidget.prototype.render = function () {
-        var _this = this;
-        var diagramModel = this.props.diagramEngine.getDiagramModel();
-        return (React.DOM.div({
-            className: 'node-view',
-            style: {
-                transform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY() + 'px)',
-                width: '100%',
-                height: '100%'
-            }
-        }, _.map(diagramModel.getNodes(), function (node) {
-            return (React.createElement(NodeWidget_1.NodeWidget, { diagramEngine: _this.props.diagramEngine, key: node.id, node: node }, _this.props.diagramEngine.generateWidgetForNode(node)));
-        })));
-    };
-    return NodeLayerWidget;
-}(React.Component));
-exports.NodeLayerWidget = NodeLayerWidget;
-
-
-/***/ }),
-/* 12 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-/**
- * @author Dylan Vorster
- */
-var NodeWidget = (function (_super) {
-    __extends(NodeWidget, _super);
-    function NodeWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {};
-        return _this;
-    }
-    NodeWidget.prototype.shouldComponentUpdate = function () {
-        return this.props.diagramEngine.canEntityRepaint(this.props.node);
-    };
-    NodeWidget.prototype.render = function () {
-        return (React.DOM.div({
-            'data-nodeid': this.props.node.id,
-            className: 'node' + (this.props.node.isSelected() ? ' selected' : ''),
-            style: {
-                top: this.props.node.y,
-                left: this.props.node.x,
-            }
-        }, React.cloneElement(this.props.children, {})));
-    };
-    return NodeWidget;
-}(React.Component));
-exports.NodeWidget = NodeWidget;
-
-
-/***/ }),
-/* 13 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-/**
- * @author Dylan Vorster
- */
-var PortWidget = (function (_super) {
-    __extends(PortWidget, _super);
-    function PortWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            selected: false
-        };
-        return _this;
-    }
-    PortWidget.prototype.render = function () {
-        var _this = this;
-        return (React.DOM.div({
-            onMouseEnter: function () {
-                _this.setState({ selected: true });
-            },
-            onMouseLeave: function () {
-                _this.setState({ selected: false });
-            },
-            className: 'port' + (this.state.selected ? ' selected' : ''),
-            'data-name': this.props.name,
-            'data-nodeid': this.props.node.getID()
-        }));
-    };
-    return PortWidget;
-}(React.Component));
-exports.PortWidget = PortWidget;
-
-
-/***/ }),
-/* 14 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var Common_1 = __webpack_require__(2);
-var BaseEntity_1 = __webpack_require__(3);
-var DiagramModel_1 = __webpack_require__(6);
-var _ = __webpack_require__(1);
-/**
- * Passed as a parameter to the DiagramWidget
- */
-var DiagramEngine = (function (_super) {
-    __extends(DiagramEngine, _super);
-    function DiagramEngine() {
-        var _this = _super.call(this) || this;
-        _this.diagramModel = new DiagramModel_1.DiagramModel();
-        _this.nodeFactories = {};
-        _this.linkFactories = {};
-        _this.canvas = null;
-        _this.paintableWidgets = null;
-        return _this;
-    }
-    DiagramEngine.prototype.clearRepaintEntities = function () {
-        this.paintableWidgets = null;
-    };
-    DiagramEngine.prototype.enableRepaintEntities = function (entities) {
-        var _this = this;
-        this.paintableWidgets = {};
-        entities.forEach(function (entity) {
-            //if a node is requested to repaint, add all of its links
-            if (entity instanceof Common_1.NodeModel) {
-                _.forEach(entity.getPorts(), function (port) {
-                    _.forEach(port.getLinks(), function (link) {
-                        _this.paintableWidgets[link.getID()] = true;
-                    });
-                });
-            }
-            if (entity instanceof Common_1.PointModel) {
-                _this.paintableWidgets[entity.getLink().getID()] = true;
-            }
-            _this.paintableWidgets[entity.getID()] = true;
-        });
-    };
-    DiagramEngine.prototype.canEntityRepaint = function (baseModel) {
-        //no rules applied, allow repaint
-        if (this.paintableWidgets === null) {
-            return true;
-        }
-        return this.paintableWidgets[baseModel.getID()] !== undefined;
-    };
-    DiagramEngine.prototype.setCanvas = function (canvas) {
-        this.canvas = canvas;
-    };
-    DiagramEngine.prototype.setDiagramModel = function (model) {
-        this.diagramModel = model;
-    };
-    DiagramEngine.prototype.getDiagramModel = function () {
-        return this.diagramModel;
-    };
-    DiagramEngine.prototype.getNodeFactories = function () {
-        return this.nodeFactories;
-    };
-    DiagramEngine.prototype.getLinkFactories = function () {
-        return this.linkFactories;
-    };
-    DiagramEngine.prototype.registerNodeFactory = function (factory) {
-        this.nodeFactories[factory.getType()] = factory;
-        this.itterateListeners(function (listener) {
-            listener.nodeFactoriesUpdated();
-        });
-    };
-    DiagramEngine.prototype.registerLinkFactory = function (factory) {
-        this.linkFactories[factory.getType()] = factory;
-        this.itterateListeners(function (listener) {
-            listener.linkFactoriesUpdated();
-        });
-    };
-    DiagramEngine.prototype.getFactoryForNode = function (node) {
-        if (this.nodeFactories[node.getType()]) {
-            return this.nodeFactories[node.getType()];
-        }
-        console.log("cannot find widget factory for node of type: [" + node.getType() + "]");
-        return null;
-    };
-    DiagramEngine.prototype.getFactoryForLink = function (link) {
-        if (this.linkFactories[link.getType()]) {
-            return this.linkFactories[link.getType()];
-        }
-        console.log("cannot find widget factory for link of type: [" + link.getType() + "]");
-        return null;
-    };
-    DiagramEngine.prototype.generateWidgetForLink = function (link) {
-        var linkFactory = this.getFactoryForLink(link);
-        if (!linkFactory) {
-            throw "Cannot find link factory for link: " + link.getType();
-        }
-        return linkFactory.generateReactWidget(this, link);
-    };
-    DiagramEngine.prototype.generateWidgetForNode = function (node) {
-        var nodeFactory = this.getFactoryForNode(node);
-        if (!nodeFactory) {
-            throw "Cannot find widget factory for node: " + node.getType();
-        }
-        return nodeFactory.generateReactWidget(this, node);
-    };
-    DiagramEngine.prototype.getRelativeMousePoint = function (event) {
-        var point = this.getRelativePoint(event.pageX, event.pageY);
-        return {
-            x: (point.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),
-            y: (point.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()
-        };
-    };
-    DiagramEngine.prototype.getRelativePoint = function (x, y) {
-        var canvasRect = this.canvas.getBoundingClientRect();
-        return { x: x - canvasRect.left, y: y - canvasRect.top };
-    };
-    DiagramEngine.prototype.getNodePortElement = function (port) {
-        var selector = this.canvas.querySelector('.port[data-name="' + port.getName() + '"][data-nodeid="' + port.getParent().getID() + '"]');
-        if (selector === null) {
-            throw "Cannot find Node Port element with nodeID: [" + port.getParent().getID() + "] and name: [" + port.getName() + "]";
-        }
-        return selector;
-    };
-    DiagramEngine.prototype.getPortCenter = function (port) {
-        var sourceElement = this.getNodePortElement(port);
-        var sourceRect = sourceElement.getBoundingClientRect();
-        var rel = this.getRelativePoint(sourceRect.left, sourceRect.top);
-        return {
-            x: ((sourceElement.offsetWidth / 2) + rel.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),
-            y: ((sourceElement.offsetHeight / 2) + rel.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()
-        };
-    };
-    return DiagramEngine;
-}(BaseEntity_1.BaseEnity));
-exports.DiagramEngine = DiagramEngine;
-
-
-/***/ }),
-/* 15 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var WidgetFactories_1 = __webpack_require__(5);
-var React = __webpack_require__(0);
-var DefaultLinkWidget_1 = __webpack_require__(7);
-/**
- * @author Dylan Vorster
- */
-var DefaultLinkFactory = (function (_super) {
-    __extends(DefaultLinkFactory, _super);
-    function DefaultLinkFactory() {
-        return _super.call(this, "default") || this;
-    }
-    DefaultLinkFactory.prototype.generateReactWidget = function (diagramEngine, link) {
-        return React.createElement(DefaultLinkWidget_1.DefaultLinkWidget, {
-            link: link,
-            diagramEngine: diagramEngine
-        });
-    };
-    return DefaultLinkFactory;
-}(WidgetFactories_1.LinkWidgetFactory));
-exports.DefaultLinkFactory = DefaultLinkFactory;
-
-
-/***/ }),
-/* 16 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var WidgetFactories_1 = __webpack_require__(5);
-var React = __webpack_require__(0);
-var DefaultNodeWidget_1 = __webpack_require__(8);
-/**
- * @author Dylan Vorster
- */
-var DefaultNodeFactory = (function (_super) {
-    __extends(DefaultNodeFactory, _super);
-    function DefaultNodeFactory() {
-        return _super.call(this, "default") || this;
-    }
-    DefaultNodeFactory.prototype.generateModel = function () {
-    };
-    DefaultNodeFactory.prototype.generateReactWidget = function (diagramEngine, node) {
-        return React.createElement(DefaultNodeWidget_1.DefaultNodeWidget, {
-            node: node,
-            diagramEngine: diagramEngine
-        });
-    };
-    return DefaultNodeFactory;
-}(WidgetFactories_1.NodeWidgetFactory));
-exports.DefaultNodeFactory = DefaultNodeFactory;
-
-
-/***/ }),
-/* 17 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var Common_1 = __webpack_require__(2);
-var _ = __webpack_require__(1);
-/**
- * @author Dylan Vorster
- */
-var DefaultNodeModel = (function (_super) {
-    __extends(DefaultNodeModel, _super);
-    function DefaultNodeModel(name, color) {
-        if (name === void 0) { name = 'Untitled'; }
-        if (color === void 0) { color = 'rgb(0,192,255)'; }
-        var _this = _super.call(this, "default") || this;
-        _this.name = name;
-        _this.color = color;
-        return _this;
-    }
-    DefaultNodeModel.prototype.serialize = function () {
-        return _.merge(_super.prototype.serialize.call(this), {
-            name: this.name,
-            color: this.color,
-        });
-    };
-    DefaultNodeModel.prototype.getInPorts = function () {
-        return _.filter(this.ports, function (portModel) {
-            return portModel.in;
-        });
-    };
-    DefaultNodeModel.prototype.getOutPorts = function () {
-        return _.filter(this.ports, function (portModel) {
-            return !portModel.in;
-        });
-    };
-    return DefaultNodeModel;
-}(Common_1.NodeModel));
-exports.DefaultNodeModel = DefaultNodeModel;
-
-
-/***/ }),
-/* 18 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var Common_1 = __webpack_require__(2);
-var _ = __webpack_require__(1);
-/**
- * @author Dylan Vorster
- */
-var DefaultPortModel = (function (_super) {
-    __extends(DefaultPortModel, _super);
-    function DefaultPortModel(isInput, name, label) {
-        if (label === void 0) { label = null; }
-        var _this = _super.call(this, name) || this;
-        _this.in = isInput;
-        _this.label = label || name;
-        return _this;
-    }
-    DefaultPortModel.prototype.serialize = function () {
-        return _.extend(_super.prototype.serialize.call(this), {
-            in: this.in,
-            label: this.label,
-        });
-    };
-    return DefaultPortModel;
-}(Common_1.PortModel));
-exports.DefaultPortModel = DefaultPortModel;
-
-
-/***/ }),
-/* 19 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var _ = __webpack_require__(1);
-var Common_1 = __webpack_require__(2);
-var LinkLayerWidget_1 = __webpack_require__(9);
-var NodeLayerWidget_1 = __webpack_require__(11);
-var BaseAction = (function () {
-    function BaseAction(mouseX, mouseY) {
-        this.mouseX = mouseX;
-        this.mouseY = mouseY;
-        this.ms = (new Date()).getTime();
-    }
-    return BaseAction;
-}());
-exports.BaseAction = BaseAction;
-var SelectingAction = (function (_super) {
-    __extends(SelectingAction, _super);
-    function SelectingAction(mouseX, mouseY) {
-        var _this = _super.call(this, mouseX, mouseY) || this;
-        _this.mouseX2 = mouseX;
-        _this.mouseY2 = mouseY;
-        return _this;
-    }
-    SelectingAction.prototype.containsElement = function (x, y, diagramModel) {
-        var z = diagramModel.getZoomLevel() / 100.0;
-        return ((x + diagramModel.getOffsetX()) * z > this.mouseX &&
-            (x + diagramModel.getOffsetX()) * z < this.mouseX2 &&
-            (y + diagramModel.getOffsetY()) * z > this.mouseY &&
-            (y + diagramModel.getOffsetY()) * z < this.mouseY2);
-    };
-    return SelectingAction;
-}(BaseAction));
-var MoveCanvasAction = (function (_super) {
-    __extends(MoveCanvasAction, _super);
-    function MoveCanvasAction(mouseX, mouseY, diagramModel) {
-        var _this = _super.call(this, mouseX, mouseY) || this;
-        _this.initialOffsetX = diagramModel.getOffsetX();
-        _this.initialOffsetY = diagramModel.getOffsetY();
-        return _this;
-    }
-    return MoveCanvasAction;
-}(BaseAction));
-var MoveItemsAction = (function (_super) {
-    __extends(MoveItemsAction, _super);
-    function MoveItemsAction(mouseX, mouseY, diagramEngine) {
-        var _this = _super.call(this, mouseX, mouseY) || this;
-        _this.moved = false;
-        diagramEngine.enableRepaintEntities(diagramEngine.getDiagramModel().getSelectedItems());
-        _this.selectionModels = diagramEngine.getDiagramModel().getSelectedItems().map(function (item) {
-            return {
-                model: item,
-                initialX: item.x,
-                initialY: item.y,
-            };
-        });
-        return _this;
-    }
-    return MoveItemsAction;
-}(BaseAction));
-/**
- * @author Dylan Vorster
- */
-var DiagramWidget = (function (_super) {
-    __extends(DiagramWidget, _super);
-    function DiagramWidget(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            action: null,
-            renderedNodes: false,
-            windowListener: null
-        };
-        return _this;
-    }
-    DiagramWidget.prototype.componentWillUnmount = function () {
-        this.props.diagramEngine.setCanvas(null);
-        window.removeEventListener('keydown', this.state.windowListener);
-    };
-    DiagramWidget.prototype.componentWillReceiveProps = function (nextProps) {
-        if (this.props.diagramEngine.id !== nextProps.diagramEngine.id) {
-            this.setState({ renderedNodes: false });
-        }
-    };
-    /**
-     * Gets a model and element under the mouse cursor
-     */
-    DiagramWidget.prototype.getMouseElement = function (event) {
-        var target = event.target;
-        var diagramModel = this.props.diagramEngine.diagramModel;
-        //is it a port
-        var element = target.closest('.port[data-name]');
-        if (element) {
-            var nodeElement = target.closest('.node[data-nodeid]');
-            return {
-                model: diagramModel.getNode(nodeElement.getAttribute('data-nodeid')).getPort(element.getAttribute('data-name')),
-                element: element
-            };
-        }
-        //look for a point
-        element = target.closest('.point[data-id]');
-        if (element) {
-            return {
-                model: diagramModel.getLink(element.getAttribute('data-linkid')).getPointModel(element.getAttribute('data-id')),
-                element: element
-            };
-        }
-        //look for a link
-        element = target.closest('[data-linkid]');
-        if (element) {
-            return {
-                model: diagramModel.getLink(element.getAttribute('data-linkid')),
-                element: element
-            };
-        }
-        //look for a node
-        element = target.closest('.node[data-nodeid]');
-        if (element) {
-            return {
-                model: diagramModel.getNode(element.getAttribute('data-nodeid')),
-                element: element
-            };
-        }
-        return null;
-    };
-    DiagramWidget.prototype.componentDidMount = function () {
-        var _this = this;
-        this.props.diagramEngine.setCanvas(this.refs['canvas']);
-        //TODO
-        //add a keybaord listener
-        this.setState({
-            renderedNodes: true,
-            windowListener: window.addEventListener('keydown', function (event) {
-                //delete all selected
-                if (event.keyCode === 46) {
-                    _.forEach(_this.props.diagramEngine.getDiagramModel().getSelectedItems(), function (element) {
-                        element.remove();
-                    });
-                    _this.forceUpdate();
-                }
-            })
-        });
-        window.focus();
-    };
-    DiagramWidget.prototype.render = function () {
-        var _this = this;
-        var diagramEngine = this.props.diagramEngine;
-        var diagramModel = diagramEngine.getDiagramModel();
-        return (React.DOM.div({
-            ref: 'canvas',
-            className: 'storm-diagrams-canvas',
-            onWheel: function (event) {
-                event.preventDefault();
-                event.stopPropagation();
-                diagramModel.setZoomLevel(diagramModel.getZoomLevel() + (event.deltaY / 60));
-                diagramEngine.enableRepaintEntities([]);
-                _this.forceUpdate();
-            },
-            onMouseMove: function (event) {
-                //select items so draw a bounding box
-                if (_this.state.action instanceof SelectingAction) {
-                    var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);
-                    _.forEach(diagramModel.getNodes(), function (node) {
-                        if (_this.state.action.containsElement(node.x, node.y, diagramModel)) {
-                            node.setSelected(true);
-                        }
-                    });
-                    _.forEach(diagramModel.getLinks(), function (link) {
-                        var allSelected = true;
-                        _.forEach(link.points, function (point) {
-                            if (_this.state.action.containsElement(point.x, point.y, diagramModel)) {
-                                point.setSelected(true);
-                            }
-                            else {
-                                allSelected = false;
-                            }
-                        });
-                        if (allSelected) {
-                            link.setSelected(true);
-                        }
-                    });
-                    _this.state.action.mouseX2 = relative.x;
-                    _this.state.action.mouseY2 = relative.y;
-                    _this.setState({ action: _this.state.action });
-                    return;
-                }
-                else if (_this.state.action instanceof MoveItemsAction) {
-                    _.forEach(_this.state.action.selectionModels, function (model) {
-                        if (model.model instanceof Common_1.NodeModel || model.model instanceof Common_1.PointModel) {
-                            model.model.x = model.initialX + ((event.pageX - _this.state.action.mouseX) / (diagramModel.getZoomLevel() / 100));
-                            model.model.y = model.initialY + ((event.pageY - _this.state.action.mouseY) / (diagramModel.getZoomLevel() / 100));
-                        }
-                    });
-                    _this.forceUpdate();
-                }
-                else if (_this.state.action instanceof MoveCanvasAction) {
-                    diagramModel.setOffset(_this.state.action.initialOffsetX + ((event.pageX - _this.state.action.mouseX) / (diagramModel.getZoomLevel() / 100)), _this.state.action.initialOffsetY + ((event.pageY - _this.state.action.mouseY) / (diagramModel.getZoomLevel() / 100)));
-                    _this.forceUpdate();
-                }
-            },
-            onMouseDown: function (event) {
-                diagramEngine.clearRepaintEntities();
-                var model = _this.getMouseElement(event);
-                //its the canvas
-                if (model === null) {
-                    //is it a multiple selection
-                    if (event.shiftKey) {
-                        var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);
-                        _this.setState({
-                            action: new SelectingAction(relative.x, relative.y)
-                        });
-                    }
-                    else {
-                        var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);
-                        diagramModel.clearSelection();
-                        _this.setState({
-                            action: new MoveCanvasAction(relative.x, relative.y, diagramModel)
-                        });
-                    }
-                }
-                else if (model.model instanceof Common_1.PortModel) {
-                    var relative = diagramEngine.getRelativeMousePoint(event);
-                    var link = new Common_1.LinkModel();
-                    link.setSourcePort(model.model);
-                    link.getFirstPoint().updateLocation(relative);
-                    link.getLastPoint().updateLocation(relative);
-                    diagramModel.clearSelection();
-                    link.getLastPoint().setSelected(true);
-                    diagramModel.addLink(link);
-                    _this.setState({
-                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)
-                    });
-                }
-                else {
-                    if (!event.shiftKey && !model.model.isSelected()) {
-                        diagramModel.clearSelection();
-                    }
-                    model.model.setSelected(true);
-                    _this.setState({
-                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)
-                    });
-                }
-            },
-            onMouseUp: function (event) {
-                //are we going to connect a link to something?
-                if (_this.state.action instanceof MoveItemsAction) {
-                    var element = _this.getMouseElement(event);
-                    if (element) {
-                        _.forEach(_this.state.action.selectionModels, function (model) {
-                            //only care about points connecting to things
-                            if (!(model.model instanceof Common_1.PointModel)) {
-                                return;
-                            }
-                            if (element.model instanceof Common_1.PortModel) {
-                                model.model.getLink().setTargetPort(element.model);
-                            }
-                        });
-                    }
-                }
-                diagramEngine.clearRepaintEntities();
-                _this.setState({ action: null });
-            }
-        }, this.state.renderedNodes ?
-            React.createElement(LinkLayerWidget_1.LinkLayerWidget, {
-                diagramEngine: diagramEngine, pointAdded: function (point, event) {
-                    event.stopPropagation();
-                    diagramModel.clearSelection(point);
-                    _this.setState({
-                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)
-                    });
-                }
-            }) : null, React.createElement(NodeLayerWidget_1.NodeLayerWidget, { diagramEngine: diagramEngine }), this.state.action instanceof SelectingAction ?
-            React.DOM.div({
-                className: 'selector',
-                style: {
-                    top: this.state.action.mouseY,
-                    left: this.state.action.mouseX,
-                    width: this.state.action.mouseX2 - this.state.action.mouseX,
-                    height: this.state.action.mouseY2 - this.state.action.mouseY,
-                }
-            }) : null));
-    };
-    return DiagramWidget;
-}(React.Component));
-exports.DiagramWidget = DiagramWidget;
-
-
-/***/ }),
-/* 20 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __extends = (this && this.__extends) || function (d, b) {
-    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-};
-var React = __webpack_require__(0);
-var PortWidget_1 = __webpack_require__(13);
-/**
- * @author Dylan Vorster
- */
-var DefaultPortLabel = (function (_super) {
-    __extends(DefaultPortLabel, _super);
-    function DefaultPortLabel() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DefaultPortLabel.prototype.render = function () {
-        var port = React.createElement(PortWidget_1.PortWidget, { name: this.props.model.name, node: this.props.model.getParent() });
-        var label = React.DOM.div({ className: 'name' }, this.props.model.label);
-        return React.DOM.div({ className: (this.props.model.in ? 'in' : 'out') + '-port' }, this.props.model.in ? port : label, this.props.model.in ? label : port);
-    };
-    return DefaultPortLabel;
-}(React.Component));
-DefaultPortLabel.defaultProps = {
-    in: true,
-    label: "port"
-};
-exports.DefaultPortLabel = DefaultPortLabel;
-
-
-/***/ }),
-/* 21 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/**
- * @author Dylan Vorster
- */
-
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
-//export defaults
-__export(__webpack_require__(15));
-__export(__webpack_require__(7));
-__export(__webpack_require__(16));
-__export(__webpack_require__(8));
-__export(__webpack_require__(17));
-__export(__webpack_require__(18));
-__export(__webpack_require__(5));
-__export(__webpack_require__(4));
-__export(__webpack_require__(14));
-__export(__webpack_require__(6));
-__export(__webpack_require__(3));
-__export(__webpack_require__(2));
-__export(__webpack_require__(19));
-__export(__webpack_require__(9));
-__export(__webpack_require__(10));
-__export(__webpack_require__(11));
-__export(__webpack_require__(12));
-__export(__webpack_require__(13));
-
-
-/***/ })
-/******/ ]);
-});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("lodash")):"function"==typeof define&&define.amd?define(["react","_"],e):"object"==typeof exports?exports["storm-react-diagrams"]=e(require("react"),require("lodash")):t["storm-react-diagrams"]=e(t.react,t._)}(this,function(t,e){return function(t){function e(o){if(n[o])return n[o].exports;var i=n[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=22)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(3),r=n(1),s=function(t){function e(){var e=t.call(this)||this;return e.selected=!1,e}return o(e,t),e.prototype.deSerialize=function(e){t.prototype.deSerialize.call(this,e),this.selected=e.selected},e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{_class:this.constructor.name,selected:this.selected})},e.prototype.getID=function(){return this.id},e.prototype.isSelected=function(){return this.selected},e.prototype.setSelected=function(t){this.selected=t,this.itterateListeners(function(t){t.selectionChanged&&t.selectionChanged()})},e.prototype.remove=function(){console.log("removing: ",this),this.itterateListeners(function(t){t.entityRemoved&&t.entityRemoved()})},e}(i.BaseEntity);e.BaseModel=s;var a=function(t){function e(e,n){var o=t.call(this)||this;return o.x=n.x,o.y=n.y,o.link=e,o}return o(e,t),e.prototype.deSerialize=function(e){t.prototype.deSerialize.call(this,e),this.x=e.x,this.y=e.y},e.prototype.serialize=function(){return r.extend(t.prototype.serialize.call(this),{x:this.x,y:this.y})},e.prototype.remove=function(){t.prototype.remove.call(this),this.link&&this.link.removePoint(this)},e.prototype.updateLocation=function(t){this.x=t.x,this.y=t.y},e.prototype.getX=function(){return this.x},e.prototype.getY=function(){return this.y},e.prototype.getLink=function(){return this.link},e}(s);e.PointModel=a;var c=function(t){function e(){var e=t.call(this)||this;return e.linkType="default",e.points=[new a(e,{x:0,y:0}),new a(e,{x:0,y:0})],e.extras={},e.sourcePort=null,e.targetPort=null,e}return o(e,t),e.prototype.deSerialize=function(e){var n=this;t.prototype.deSerialize.call(this,e),this.linkType=e.type,this.points=r.map(e.points,function(t){var e=new a(n,{x:t.x,y:t.y});return e.deSerialize(t),e})},e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{type:this.linkType,source:this.sourcePort?this.sourcePort.getParent().id:null,sourcePort:this.sourcePort?this.sourcePort.id:null,target:this.targetPort?this.targetPort.getParent().id:null,targetPort:this.targetPort?this.targetPort.id:null,points:r.map(this.points,function(t){return t.serialize()}),extras:this.extras})},e.prototype.remove=function(){t.prototype.remove.call(this),this.sourcePort&&this.sourcePort.removeLink(this),this.targetPort&&this.targetPort.removeLink(this)},e.prototype.isLastPoint=function(t){var e=this.getPointIndex(t);return e===this.points.length-1},e.prototype.getPointIndex=function(t){return this.points.indexOf(t)},e.prototype.getPointModel=function(t){for(var e=0;e<this.points.length;e++)if(this.points[e].id===t)return this.points[e];return null},e.prototype.getFirstPoint=function(){return this.points[0]},e.prototype.getLastPoint=function(){return this.points[this.points.length-1]},e.prototype.setSourcePort=function(t){t.addLink(this),this.sourcePort=t},e.prototype.getSourcePort=function(){return this.sourcePort},e.prototype.getTargetPort=function(){return this.targetPort},e.prototype.setTargetPort=function(t){t.addLink(this),this.targetPort=t},e.prototype.getPoints=function(){return this.points},e.prototype.setPoints=function(t){this.points=t},e.prototype.removePoint=function(t){this.points.splice(this.getPointIndex(t),1)},e.prototype.addPoint=function(t,e){void 0===e&&(e=1),this.points.splice(e,0,t)},e.prototype.getType=function(){return this.linkType},e}(s);e.LinkModel=c;var p=function(t){function e(e){var n=t.call(this)||this;return n.name=e,n.links={},n.parentNode=null,n}return o(e,t),e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{name:this.name,parentNode:this.parentNode.id,links:r.map(this.links,function(t){return t.id})})},e.prototype.getName=function(){return this.name},e.prototype.getParent=function(){return this.parentNode},e.prototype.setParentNode=function(t){this.parentNode=t},e.prototype.removeLink=function(t){delete this.links[t.getID()]},e.prototype.addLink=function(t){this.links[t.getID()]=t},e.prototype.getLinks=function(){return this.links},e}(s);e.PortModel=p;var u=function(t){function e(e){void 0===e&&(e="default");var n=t.call(this)||this;return n.nodeType=e,n.x=0,n.y=0,n.extras={},n.ports={},n}return o(e,t),e.prototype.deSerialize=function(e){t.prototype.deSerialize.call(this,e),this.nodeType=e.type,this.x=e.x,this.y=e.y,this.extras=e.extras},e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{type:this.nodeType,x:this.x,y:this.y,extras:this.extras,ports:r.map(this.ports,function(t){return t.serialize()})})},e.prototype.remove=function(){t.prototype.remove.call(this);for(var e in this.ports)r.forEach(this.ports[e].getLinks(),function(t){t.remove()})},e.prototype.getPort=function(t){return this.ports[t]},e.prototype.getPorts=function(){return this.ports},e.prototype.removePort=function(t){this.ports[t.name]&&(this.ports[t.name].setParentNode(null),delete this.ports[t.name])},e.prototype.addPort=function(t){return t.setParentNode(this),this.ports[t.name]=t,t},e.prototype.getType=function(){return this.nodeType},e}(s);e.NodeModel=u},function(t,e,n){"use strict";var o=n(7),i=function(){function t(){}return t}();e.BaseListener=i;var r=function(){function t(){this.listeners={},this.id=o.Toolkit.UID()}return t.prototype.getID=function(){return this.id},t.prototype.clearListeners=function(){this.listeners={}},t.prototype.deSerialize=function(t){this.id=t.id},t.prototype.serialize=function(){return{id:this.id}},t.prototype.itterateListeners=function(t){for(var e in this.listeners)t(this.listeners[e])},t.prototype.removeListener=function(t){return!!this.listeners[t]&&(delete this.listeners[t],!0)},t.prototype.addListener=function(t){var e=o.Toolkit.UID();return this.listeners[e]=t,e},t}();e.BaseEntity=r},function(t,e,n){"use strict";var o=function(){function t(t){this.className=t}return t.prototype.getName=function(){return this.className},t}();e.AbstractInstanceFactory=o},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=function(){function t(t){this.type=t}return t.prototype.getType=function(){return this.type},t}();e.WidgetFactory=i;var r=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e}(i);e.NodeWidgetFactory=r;var s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e}(i);e.LinkWidgetFactory=s},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(2),r=n(3),s=n(1),a=function(t){function e(){var e=t.call(this)||this;return e.links={},e.nodes={},e.offsetX=0,e.offsetY=0,e.zoom=100,e}return o(e,t),e.prototype.deSerializeDiagram=function(t,e){var n=this;this.deSerialize(t),this.offsetX=t.offsetX,this.offsetY=t.offsetY,this.zoom=t.zoom,s.forEach(t.nodes,function(t){var o=e.getInstanceFactory(t._class).getInstance();o.deSerialize(t),s.forEach(t.ports,function(t){var n=e.getInstanceFactory(t._class).getInstance();n.deSerialize(t),o.addPort(n)}),n.addNode(o)}),s.forEach(t.links,function(t){var o=e.getInstanceFactory(t._class).getInstance();o.deSerialize(t),t.target&&n.getNode(t.target).getPort(t.targetPort).addLink(o),t.source&&n.getNode(t.source).getPort(t.sourcePort).addLink(o),n.addLink(o)})},e.prototype.serializeDiagram=function(){return s.merge(this.serialize(),{offsetX:this.offsetX,offsetY:this.offsetY,zoom:this.zoom,links:s.map(this.links,function(t){return t.serialize()}),nodes:s.map(this.nodes,function(t){return t.serialize()})})},e.prototype.clearSelection=function(t){void 0===t&&(t=null),s.forEach(this.getSelectedItems(),function(e){t&&t.getID()===e.getID()||e.setSelected(!1)})},e.prototype.getSelectedItems=function(){var t=[];return t=t.concat(s.filter(this.nodes,function(t){return t.isSelected()})),t=t.concat(s.filter(s.flatMap(this.links,function(t){return t.points}),function(t){return t.isSelected()})),t.concat(s.filter(this.links,function(t){return t.isSelected()}))},e.prototype.setZoomLevel=function(t){this.zoom=t,this.itterateListeners(function(t){t.controlsUpdated()})},e.prototype.setOffset=function(t,e){this.offsetX=t,this.offsetY=e,this.itterateListeners(function(t){t.controlsUpdated()})},e.prototype.setOffsetX=function(t){this.offsetX=t,this.itterateListeners(function(t){t.controlsUpdated()})},e.prototype.setOffsetY=function(t){this.offsetX=t,this.itterateListeners(function(t){t.controlsUpdated()})},e.prototype.getOffsetY=function(){return this.offsetY},e.prototype.getOffsetX=function(){return this.offsetX},e.prototype.getZoomLevel=function(){return this.zoom},e.prototype.getNode=function(t){return t instanceof i.NodeModel?t:this.nodes[t]?this.nodes[t]:null},e.prototype.getLink=function(t){return t instanceof i.LinkModel?t:this.links[t]?this.links[t]:null},e.prototype.addLink=function(t){var e=this;return t.addListener({entityRemoved:function(){e.removeLink(t)}}),this.links[t.getID()]=t,this.itterateListeners(function(t){t.linksUpdated()}),t},e.prototype.addNode=function(t){var e=this;return t.addListener({entityRemoved:function(){e.removeNode(t)}}),this.nodes[t.getID()]=t,this.itterateListeners(function(t){t.nodesUpdated()}),t},e.prototype.removeLink=function(t){return t instanceof i.LinkModel?(delete this.links[t.getID()],void this.itterateListeners(function(t){t.linksUpdated()})):(delete this.links[""+t],void this.itterateListeners(function(t){t.linksUpdated()}))},e.prototype.removeNode=function(t){return t instanceof i.NodeModel?(delete this.nodes[t.getID()],void this.itterateListeners(function(t){t.nodesUpdated()})):(delete this.nodes[""+t],void this.itterateListeners(function(t){t.nodesUpdated()}))},e.prototype.getLinks=function(){return this.links},e.prototype.getNodes=function(){return this.nodes},e}(r.BaseEntity);e.DiagramModel=a},function(t,e,n){"use strict";var o=function(){function t(){}return t.UID=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){var e=16*Math.random()|0,n="x"==t?e:3&e|8;return n.toString(16)})},t}();e.Toolkit=o},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(2),s=n(1),a=function(t){function e(e){var n=t.call(this,e)||this;return n.state={selected:!1},n}return o(e,t),e.prototype.generatePoint=function(t){var e=this;return i.DOM.g({key:"point-"+this.props.link.points[t].id},i.DOM.circle({className:"point pointui"+(this.props.link.points[t].isSelected()?" selected":""),cx:this.props.link.points[t].x,cy:this.props.link.points[t].y,r:5}),i.DOM.circle({className:"point","data-linkid":this.props.link.id,"data-id":this.props.link.points[t].id,cx:this.props.link.points[t].x,cy:this.props.link.points[t].y,r:15,opacity:0,onMouseLeave:function(){e.setState({selected:!1})},onMouseEnter:function(){e.setState({selected:!0})}}))},e.prototype.generateLink=function(t){var e=this,n=i.DOM.path(s.merge({className:this.state.selected||this.props.link.isSelected()?"selected":"",strokeWidth:this.props.width,stroke:this.props.color},t)),o=i.DOM.path(s.merge({onMouseLeave:function(){e.setState({selected:!1})},onMouseEnter:function(){e.setState({selected:!0})},"data-linkid":this.props.link.getID(),stroke:this.props.color,strokeOpacity:this.state.selected?.1:0,strokeWidth:20,onContextMenu:function(t){t.preventDefault(),e.props.link.remove()}},t));return i.DOM.g({key:"link-"+t.id},n,o)},e.prototype.render=function(){var t=this,e=this.props.link.points,n=[];if(2===e.length){var o=50;Math.abs(e[0].x-e[1].x)<50&&(o=5);var s=e[0],a=e[1];s.x>a.x&&(s=e[1],a=e[0]),n.push(this.generateLink({id:0,onMouseDown:function(e){if(!e.shiftKey){var n=new r.PointModel(t.props.link,t.props.diagramEngine.getRelativeMousePoint(e));n.setSelected(!0),t.forceUpdate(),t.props.link.addPoint(n,1),t.props.pointAdded(n,e)}},d:" M"+s.x+" "+s.y+" C"+(s.x+o)+" "+s.y+" "+(a.x-o)+" "+a.y+" "+a.x+" "+a.y})),null===this.props.link.targetPort&&n.push(this.generatePoint(1))}else{var c=[];if(this.props.smooth){c.push(" M"+e[0].x+" "+e[0].y+" C "+(e[0].x+50)+" "+e[0].y+" "+e[1].x+" "+e[1].y+" "+e[1].x+" "+e[1].y);for(var p=1;p<e.length-2;p++)c.push(" M "+e[p].x+" "+e[p].y+" L "+e[p+1].x+" "+e[p+1].y);c.push(" M"+e[p].x+" "+e[p].y+" C "+e[p].x+" "+e[p].y+" "+(e[p+1].x-50)+" "+e[p+1].y+" "+e[p+1].x+" "+e[p+1].y)}else for(var c=[],p=0;p<e.length-1;p++)c.push(" M "+e[p].x+" "+e[p].y+" L "+e[p+1].x+" "+e[p+1].y);n=c.map(function(e,n){return t.generateLink({id:n,"data-linkid":t.props.link.id,"data-point":n,onMouseDown:function(e){if(!e.shiftKey){var o=new r.PointModel(t.props.link,t.props.diagramEngine.getRelativeMousePoint(e));o.setSelected(!0),t.forceUpdate(),t.props.link.addPoint(o,n+1),t.props.pointAdded(o,e)}},d:e})});for(var p=1;p<e.length-1;p++)n.push(this.generatePoint(p));null===this.props.link.targetPort&&n.push(this.generatePoint(e.length-1))}return i.DOM.g(null,n)},e}(i.Component);a.defaultProps={color:"black",width:3,link:null,engine:null,smooth:!1,diagramEngine:null},e.DefaultLinkWidget=a},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(1),s=i.DOM.div,a=n(21),c=function(t){function e(e){var n=t.call(this,e)||this;return n.state={},n}return o(e,t),e.prototype.render=function(){return s({className:"basic-node",style:{background:this.props.node.color}},s({className:"title"},s({className:"name"},this.props.node.name),s({className:"fa fa-close",onClick:this.props.node.remove})),s({className:"ports"},s({className:"in"},r.map(this.props.node.getInPorts(),function(t){return i.createElement(a.DefaultPortLabel,{model:t})})),s({className:"out"},r.map(this.props.node.getOutPorts(),function(t){return i.createElement(a.DefaultPortLabel,{model:t})}))))},e}(i.Component);c.defaultProps={node:null},e.DefaultNodeWidget=c},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(11),s=n(1),a=function(t){function e(e){var n=t.call(this,e)||this;return n.state={},n}return o(e,t),e.prototype.componentDidMount=function(){var t=this;setTimeout(function(){t.forceUpdate()},10)},e.prototype.render=function(){var t=this,e=this.props.diagramEngine.getDiagramModel();return i.DOM.svg({style:{transform:"scale("+e.getZoomLevel()/100+") translate("+e.getOffsetX()+"px,"+e.getOffsetY()+"px)",width:"100%",height:"100%"}},s.map(e.getLinks(),function(n){if(null!==n.sourcePort)try{n.points[0].updateLocation(t.props.diagramEngine.getPortCenter(n.sourcePort))}catch(t){return console.log(t),void e.removeLink(n)}if(null!==n.targetPort)try{s.last(n.points).updateLocation(t.props.diagramEngine.getPortCenter(n.targetPort))}catch(t){return console.log(t),void e.removeLink(n)}var o=t.props.diagramEngine.generateWidgetForLink(n);return o?i.createElement(r.LinkWidget,{key:n.getID(),link:n,diagramEngine:t.props.diagramEngine},i.cloneElement(o,{pointAdded:t.props.pointAdded})):(console.log("no link generated for type: "+n.getType()),null)}))},e}(i.Component);e.LinkLayerWidget=a},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=function(t){function e(e){var n=t.call(this,e)||this;return n.state={},n}return o(e,t),e.prototype.shouldComponentUpdate=function(){return this.props.diagramEngine.canEntityRepaint(this.props.link)},e.prototype.render=function(){return this.props.children},e}(i.Component);e.LinkWidget=r},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(1),s=n(13),a=function(t){function e(e){var n=t.call(this,e)||this;return n.state={},n}return o(e,t),e.prototype.render=function(){var t=this,e=this.props.diagramEngine.getDiagramModel();return i.DOM.div({className:"node-view",style:{transform:"scale("+e.getZoomLevel()/100+") translate("+e.getOffsetX()+"px,"+e.getOffsetY()+"px)",width:"100%",height:"100%"}},r.map(e.getNodes(),function(e){return i.createElement(s.NodeWidget,{diagramEngine:t.props.diagramEngine,key:e.id,node:e},t.props.diagramEngine.generateWidgetForNode(e))}))},e}(i.Component);e.NodeLayerWidget=a},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=function(t){function e(e){var n=t.call(this,e)||this;return n.state={},n}return o(e,t),e.prototype.shouldComponentUpdate=function(){return this.props.diagramEngine.canEntityRepaint(this.props.node)},e.prototype.render=function(){return i.DOM.div({"data-nodeid":this.props.node.id,className:"node"+(this.props.node.isSelected()?" selected":""),style:{top:this.props.node.y,left:this.props.node.x}},i.cloneElement(this.props.children,{}))},e}(i.Component);e.NodeWidget=r},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=function(t){function e(e){var n=t.call(this,e)||this;return n.state={selected:!1},n}return o(e,t),e.prototype.render=function(){var t=this;return i.DOM.div({onMouseEnter:function(){t.setState({selected:!0})},onMouseLeave:function(){t.setState({selected:!1})},className:"port"+(this.state.selected?" selected":""),"data-name":this.props.name,"data-nodeid":this.props.node.getID()})},e}(i.Component);e.PortWidget=r},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(2),r=n(3),s=n(6),a=n(1),c=function(t){function e(){var e=t.call(this)||this;return e.diagramModel=new s.DiagramModel,e.nodeFactories={},e.linkFactories={},e.instanceFactories={},e.canvas=null,e.paintableWidgets=null,e}return o(e,t),e.prototype.clearRepaintEntities=function(){this.paintableWidgets=null},e.prototype.enableRepaintEntities=function(t){var e=this;this.paintableWidgets={},t.forEach(function(t){t instanceof i.NodeModel&&a.forEach(t.getPorts(),function(t){a.forEach(t.getLinks(),function(t){e.paintableWidgets[t.getID()]=!0})}),t instanceof i.PointModel&&(e.paintableWidgets[t.getLink().getID()]=!0),e.paintableWidgets[t.getID()]=!0})},e.prototype.canEntityRepaint=function(t){return null===this.paintableWidgets||void 0!==this.paintableWidgets[t.getID()]},e.prototype.setCanvas=function(t){this.canvas=t},e.prototype.setDiagramModel=function(t){this.diagramModel=t},e.prototype.getDiagramModel=function(){return this.diagramModel},e.prototype.getNodeFactories=function(){return this.nodeFactories},e.prototype.getLinkFactories=function(){return this.linkFactories},e.prototype.getInstanceFactory=function(t){return this.instanceFactories[t]},e.prototype.registerInstanceFactory=function(t){this.instanceFactories[t.getName()]=t},e.prototype.registerNodeFactory=function(t){this.nodeFactories[t.getType()]=t,this.itterateListeners(function(t){t.nodeFactoriesUpdated()})},e.prototype.registerLinkFactory=function(t){this.linkFactories[t.getType()]=t,this.itterateListeners(function(t){t.linkFactoriesUpdated()})},e.prototype.getFactoryForNode=function(t){return this.nodeFactories[t.getType()]?this.nodeFactories[t.getType()]:(console.log("cannot find widget factory for node of type: ["+t.getType()+"]"),null)},e.prototype.getFactoryForLink=function(t){return this.linkFactories[t.getType()]?this.linkFactories[t.getType()]:(console.log("cannot find widget factory for link of type: ["+t.getType()+"]"),null)},e.prototype.generateWidgetForLink=function(t){var e=this.getFactoryForLink(t);if(!e)throw"Cannot find link factory for link: "+t.getType();return e.generateReactWidget(this,t)},e.prototype.generateWidgetForNode=function(t){var e=this.getFactoryForNode(t);if(!e)throw"Cannot find widget factory for node: "+t.getType();return e.generateReactWidget(this,t)},e.prototype.getRelativeMousePoint=function(t){var e=this.getRelativePoint(t.pageX,t.pageY);return{x:e.x/(this.diagramModel.getZoomLevel()/100)-this.diagramModel.getOffsetX(),y:e.y/(this.diagramModel.getZoomLevel()/100)-this.diagramModel.getOffsetY()}},e.prototype.getRelativePoint=function(t,e){var n=this.canvas.getBoundingClientRect();return{x:t-n.left,y:e-n.top}},e.prototype.getNodePortElement=function(t){var e=this.canvas.querySelector('.port[data-name="'+t.getName()+'"][data-nodeid="'+t.getParent().getID()+'"]');if(null===e)throw"Cannot find Node Port element with nodeID: ["+t.getParent().getID()+"] and name: ["+t.getName()+"]";return e},e.prototype.getPortCenter=function(t){var e=this.getNodePortElement(t),n=e.getBoundingClientRect(),o=this.getRelativePoint(n.left,n.top);return{x:e.offsetWidth/2+o.x/(this.diagramModel.getZoomLevel()/100)-this.diagramModel.getOffsetX(),y:e.offsetHeight/2+o.y/(this.diagramModel.getZoomLevel()/100)-this.diagramModel.getOffsetY()}},e}(r.BaseEntity);e.DiagramEngine=c},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(5),r=n(0),s=n(8),a=function(t){function e(){return t.call(this,"default")||this}return o(e,t),e.prototype.generateReactWidget=function(t,e){return r.createElement(s.DefaultLinkWidget,{link:e,diagramEngine:t})},e}(i.LinkWidgetFactory);e.DefaultLinkFactory=a},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(5),r=n(0),s=n(9),a=function(t){function e(){return t.call(this,"default")||this}return o(e,t),e.prototype.generateReactWidget=function(t,e){return r.createElement(s.DefaultNodeWidget,{node:e,diagramEngine:t})},e}(i.NodeWidgetFactory);e.DefaultNodeFactory=a},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(2),r=n(1),s=n(4),a=function(t){function e(){return t.call(this,"DefaultNodeModel")||this}return o(e,t),e.prototype.getInstance=function(){return new c},e}(s.AbstractInstanceFactory);e.DefaultNodeInstanceFactory=a;var c=function(t){function e(e,n){void 0===e&&(e="Untitled"),void 0===n&&(n="rgb(0,192,255)");var o=t.call(this,"default")||this;return o.name=e,o.color=n,o}return o(e,t),e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{name:this.name,color:this.color})},e.prototype.getInPorts=function(){return r.filter(this.ports,function(t){return t.in})},e.prototype.getOutPorts=function(){return r.filter(this.ports,function(t){return!t.in})},e}(i.NodeModel);e.DefaultNodeModel=c},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(2),r=n(1),s=n(4),a=function(t){function e(){return t.call(this,"DefaultPortModel")||this}return o(e,t),e.prototype.getInstance=function(){return new c(!0,"unknown")},e}(s.AbstractInstanceFactory);e.DefaultPortInstanceFactory=a;var c=function(t){function e(e,n,o){void 0===o&&(o=null);var i=t.call(this,n)||this;return i.in=e,i.label=o||n,i}return o(e,t),e.prototype.serialize=function(){return r.merge(t.prototype.serialize.call(this),{in:this.in,label:this.label})},e}(i.PortModel);e.DefaultPortModel=c},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(1),s=n(2),a=n(10),c=n(12),p=function(){function t(t,e){this.mouseX=t,this.mouseY=e,this.ms=(new Date).getTime()}return t}();e.BaseAction=p;var u=function(t){function e(e,n){var o=t.call(this,e,n)||this;return o.mouseX2=e,o.mouseY2=n,o}return o(e,t),e.prototype.containsElement=function(t,e,n){var o=n.getZoomLevel()/100;return(t+n.getOffsetX())*o>this.mouseX&&(t+n.getOffsetX())*o<this.mouseX2&&(e+n.getOffsetY())*o>this.mouseY&&(e+n.getOffsetY())*o<this.mouseY2},e}(p),l=function(t){function e(e,n,o){var i=t.call(this,e,n)||this;return i.initialOffsetX=o.getOffsetX(),i.initialOffsetY=o.getOffsetY(),i}return o(e,t),e}(p),d=function(t){function e(e,n,o){var i=t.call(this,e,n)||this;return i.moved=!1,o.enableRepaintEntities(o.getDiagramModel().getSelectedItems()),i.selectionModels=o.getDiagramModel().getSelectedItems().map(function(t){return{model:t,initialX:t.x,initialY:t.y}}),i}return o(e,t),e}(p),f=function(t){function e(e){var n=t.call(this,e)||this;return n.state={action:null,renderedNodes:!1,windowListener:null},n}return o(e,t),e.prototype.componentWillUnmount=function(){this.props.diagramEngine.setCanvas(null),window.removeEventListener("keydown",this.state.windowListener)},e.prototype.componentWillReceiveProps=function(t){this.props.diagramEngine.id!==t.diagramEngine.id&&this.setState({renderedNodes:!1})},e.prototype.getMouseElement=function(t){var e=t.target,n=this.props.diagramEngine.diagramModel,o=e.closest(".port[data-name]");if(o){var i=e.closest(".node[data-nodeid]");return{model:n.getNode(i.getAttribute("data-nodeid")).getPort(o.getAttribute("data-name")),element:o}}return(o=e.closest(".point[data-id]"))?{model:n.getLink(o.getAttribute("data-linkid")).getPointModel(o.getAttribute("data-id")),element:o}:(o=e.closest("[data-linkid]"))?{model:n.getLink(o.getAttribute("data-linkid")),element:o}:(o=e.closest(".node[data-nodeid]"),o?{model:n.getNode(o.getAttribute("data-nodeid")),element:o}:null)},e.prototype.componentDidMount=function(){var t=this;this.props.diagramEngine.setCanvas(this.refs.canvas),this.setState({renderedNodes:!0,windowListener:window.addEventListener("keydown",function(e){46===e.keyCode&&(r.forEach(t.props.diagramEngine.getDiagramModel().getSelectedItems(),function(t){t.remove()}),t.forceUpdate())})}),window.focus()},e.prototype.render=function(){var t=this,e=this.props.diagramEngine,n=e.getDiagramModel();return i.DOM.div({ref:"canvas",className:"storm-diagrams-canvas",onWheel:function(o){o.preventDefault(),o.stopPropagation(),n.setZoomLevel(n.getZoomLevel()+o.deltaY/60),e.enableRepaintEntities([]),t.forceUpdate()},onMouseMove:function(o){if(t.state.action instanceof u){var i=e.getRelativePoint(o.pageX,o.pageY);return r.forEach(n.getNodes(),function(e){t.state.action.containsElement(e.x,e.y,n)&&e.setSelected(!0)}),r.forEach(n.getLinks(),function(e){var o=!0;r.forEach(e.points,function(e){t.state.action.containsElement(e.x,e.y,n)?e.setSelected(!0):o=!1}),o&&e.setSelected(!0)}),t.state.action.mouseX2=i.x,t.state.action.mouseY2=i.y,void t.setState({action:t.state.action})}t.state.action instanceof d?(r.forEach(t.state.action.selectionModels,function(e){(e.model instanceof s.NodeModel||e.model instanceof s.PointModel)&&(e.model.x=e.initialX+(o.pageX-t.state.action.mouseX)/(n.getZoomLevel()/100),e.model.y=e.initialY+(o.pageY-t.state.action.mouseY)/(n.getZoomLevel()/100))}),t.forceUpdate()):t.state.action instanceof l&&(n.setOffset(t.state.action.initialOffsetX+(o.pageX-t.state.action.mouseX)/(n.getZoomLevel()/100),t.state.action.initialOffsetY+(o.pageY-t.state.action.mouseY)/(n.getZoomLevel()/100)),t.forceUpdate())},onMouseDown:function(o){e.clearRepaintEntities();var i=t.getMouseElement(o);if(null===i)if(o.shiftKey){var r=e.getRelativePoint(o.pageX,o.pageY);t.setState({action:new u(r.x,r.y)})}else{var r=e.getRelativePoint(o.pageX,o.pageY);n.clearSelection(),t.setState({action:new l(r.x,r.y,n)})}else if(i.model instanceof s.PortModel){var r=e.getRelativeMousePoint(o),a=new s.LinkModel;a.setSourcePort(i.model),a.getFirstPoint().updateLocation(r),a.getLastPoint().updateLocation(r),n.clearSelection(),a.getLastPoint().setSelected(!0),n.addLink(a),t.setState({action:new d(o.pageX,o.pageY,e)})}else o.shiftKey||i.model.isSelected()||n.clearSelection(),i.model.setSelected(!0),t.setState({action:new d(o.pageX,o.pageY,e)})},onMouseUp:function(n){if(t.state.action instanceof d){var o=t.getMouseElement(n);o&&r.forEach(t.state.action.selectionModels,function(t){t.model instanceof s.PointModel&&o.model instanceof s.PortModel&&t.model.getLink().setTargetPort(o.model)})}e.clearRepaintEntities(),t.setState({action:null})}},this.state.renderedNodes?i.createElement(a.LinkLayerWidget,{diagramEngine:e,pointAdded:function(o,i){i.stopPropagation(),n.clearSelection(o),t.setState({action:new d(i.pageX,i.pageY,e)})}}):null,i.createElement(c.NodeLayerWidget,{diagramEngine:e}),this.state.action instanceof u?i.DOM.div({className:"selector",style:{top:this.state.action.mouseY,left:this.state.action.mouseX,width:this.state.action.mouseX2-this.state.action.mouseX,height:this.state.action.mouseY2-this.state.action.mouseY}}):null)},e}(i.Component);e.DiagramWidget=f},function(t,e,n){"use strict";var o=this&&this.__extends||function(t,e){function n(){this.constructor=t}for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o]);t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)},i=n(0),r=n(14),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.prototype.render=function(){var t=i.createElement(r.PortWidget,{name:this.props.model.name,node:this.props.model.getParent()}),e=i.DOM.div({className:"name"},this.props.model.label);return i.DOM.div({className:(this.props.model.in?"in":"out")+"-port"},this.props.model.in?t:e,this.props.model.in?e:t)},e}(i.Component);s.defaultProps={in:!0,label:"port"},e.DefaultPortLabel=s},function(t,e,n){"use strict";function o(t){for(var n in t)e.hasOwnProperty(n)||(e[n]=t[n])}o(n(16)),o(n(8)),o(n(17)),o(n(9)),o(n(18)),o(n(19)),o(n(5)),o(n(7)),o(n(15)),o(n(6)),o(n(3)),o(n(2)),o(n(4)),o(n(20)),o(n(10)),o(n(11)),o(n(12)),o(n(13)),o(n(14))}])});
 //# sourceMappingURL=main.js.map
\ No newline at end of file
diff --git a/dist/main.js.map b/dist/main.js.map
index 0558653..26ce50b 100644
--- a/dist/main.js.map
+++ b/dist/main.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap 6f08c9bd6df18815aefc","webpack:///external \"react\"","webpack:///external {\"commonjs\":\"lodash\",\"commonjs2\":\"lodash\",\"amd\":\"_\",\"root\":\"_\"}","webpack:///./src/Common.ts","webpack:///./src/BaseEntity.ts","webpack:///./src/Toolkit.ts","webpack:///./src/WidgetFactories.ts","webpack:///./src/DiagramModel.ts","webpack:///./src/defaults/DefaultLinkWidget.ts","webpack:///./src/defaults/DefaultNodeWidget.ts","webpack:///./src/widgets/LinkLayerWidget.ts","webpack:///./src/widgets/LinkWidget.ts","webpack:///./src/widgets/NodeLayerWidget.ts","webpack:///./src/widgets/NodeWidget.ts","webpack:///./src/widgets/PortWidget.ts","webpack:///./src/DiagramEngine.ts","webpack:///./src/defaults/DefaultLinkFactory.ts","webpack:///./src/defaults/DefaultNodeFactory.ts","webpack:///./src/defaults/DefaultNodeModel.ts","webpack:///./src/defaults/DefaultPortModel.ts","webpack:///./src/widgets/DiagramWidget.ts","webpack:///./src/defaults/DefaultPortLabelWidget.ts","webpack:///./src/main.ts"],"names":[],"mappings":"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","file":"main.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"), require(\"lodash\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\", \"_\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"storm-react-diagrams\"] = factory(require(\"react\"), require(\"lodash\"));\n\telse\n\t\troot[\"storm-react-diagrams\"] = factory(root[\"react\"], root[\"_\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__) {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 21);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 6f08c9bd6df18815aefc","module.exports = __WEBPACK_EXTERNAL_MODULE_0__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"react\"\n// module id = 0\n// module chunks = 0","module.exports = __WEBPACK_EXTERNAL_MODULE_1__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external {\"commonjs\":\"lodash\",\"commonjs2\":\"lodash\",\"amd\":\"_\",\"root\":\"_\"}\n// module id = 1\n// module chunks = 0","import {Toolkit} from \"./Toolkit\";\nimport {BaseEnity, BaseListener} from \"./BaseEntity\";\nimport * as _ from \"lodash\";\n\nexport interface BaseModelListener extends BaseListener{\n\t\n\tselectionChanged?();\n\t\n\tentityRemoved?();\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class BaseModel extends BaseEnity<BaseModelListener>{\n\t\n\tselected: boolean;\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.id = Toolkit.UID();\n\t\tthis.selected = false;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\t_class: this.constructor.name,\n\t\t\tselected: this.selected\n\t\t});\n\t}\n\t\n\tpublic getID(): string{\n\t\treturn this.id\n\t}\n\t\n\tpublic isSelected(): boolean{\n\t\treturn this.selected;\n\t}\n\t\n\tpublic setSelected(selected: boolean){\n\t\tthis.selected = selected;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tif(listener.selectionChanged){\n\t\t\t\tlistener.selectionChanged();\n\t\t\t}\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tconsole.log(\"removing: \",this);\n\t\tthis.itterateListeners((listener) => {\n\t\t\tif(listener.entityRemoved){\n\t\t\t\tlistener.entityRemoved();\n\t\t\t}\n\t\t});\n\t}\n}\n\nexport class PointModel extends BaseModel{\n\t\n\tx:number;\n\ty:number;\n\tlink: LinkModel;\n\t\n\tconstructor(link: LinkModel,points: {x:number,y: number}){\n\t\tsuper();\n\t\tthis.x = points.x;\n\t\tthis.y = points.y;\n\t\tthis.link = link;\n\t}\n\t\n\tserialize(){\n\t\treturn _.extend(super.serialize(),{\n\t\t\tx: this.x,\n\t\t\ty: this.y\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\t\n\t\t//clear references\n\t\tif (this.link){\n\t\t\tthis.link.removePoint(this);\n\t\t}\n\t}\n\t\n\tupdateLocation(points: {x:number,y: number}){\n\t\tthis.x = points.x;\n\t\tthis.y = points.y;\n\t}\n\t\n\tgetX():number{\n\t\treturn this.x;\n\t}\n\t\n\tgetY():number{\n\t\treturn this.y;\n\t}\n\t\n\tgetLink(): LinkModel{\n\t\treturn this.link;\n\t}\n}\n\nexport class LinkModel extends BaseModel{\n\t\n\tlinkType: string;\n\tsourcePort: PortModel|null;\n\ttargetPort: PortModel|null;\n\tpoints: PointModel[];\n\textras: {};\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.linkType = 'default';\n\t\tthis.points = [\n\t\t\tnew PointModel(this,{x: 0,y: 0}),\n\t\t\tnew PointModel(this,{x: 0,y: 0}),\n\t\t];\n\t\tthis.extras = {};\n\t\tthis.sourcePort = null;\n\t\tthis.targetPort = null;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\ttype: this.linkType,\n\t\t\tsource: this.sourcePort ? this.sourcePort.getParent().id:null,\n\t\t\tsourcePort: this.sourcePort ? this.sourcePort.id:null,\n\t\t\tpoints: _.map(this.points,(point) => {\n\t\t\t\treturn point.serialize();\n\t\t\t}),\n\t\t\textras: this.extras\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\tif (this.sourcePort){\n\t\t\tthis.sourcePort.removeLink(this);\n\t\t}\n\t\tif (this.targetPort){\n\t\t\tthis.targetPort.removeLink(this);\n\t\t}\n\t}\n\t\n\tisLastPoint(point: PointModel){\n\t\tvar index = this.getPointIndex(point);\n\t\treturn index === this.points.length-1;\n\t}\n\t\n\tgetPointIndex(point: PointModel){\n\t\treturn this.points.indexOf(point);\n\t}\n\t\n\tgetPointModel(id: string): PointModel|null{\n\t\tfor (var i = 0; i < this.points.length;i++){\n\t\t\tif (this.points[i].id === id){\n\t\t\t\treturn this.points[i];\n\t\t\t}\n\t\t}\n\t\treturn null;\n\t}\n\t\n\tgetFirstPoint(): PointModel{\n\t\treturn this.points[0];\n\t}\n\t\n\tgetLastPoint(): PointModel{\n\t\treturn this.points[this.points.length-1];\n\t}\n\t\n\tsetSourcePort(port: PortModel){\n\t\tport.addLink(this);\n\t\tthis.sourcePort = port;\n\t}\n\t\n\tgetSourcePort(): PortModel{\n\t\treturn this.sourcePort;\n\t}\n\t\n\tgetTargetPort(): PortModel{\n\t\treturn this.targetPort;\n\t}\n\t\n\tsetTargetPort(port: PortModel){\n\t\tport.addLink(this);\n\t\tthis.targetPort = port;\n\t}\n\t\n\tgetPoints(): PointModel[]{\n\t\treturn this.points;\n\t}\n\t\n\tsetPoints(points: PointModel[]){\n\t\tthis.points = points;\n\t}\n\t\n\tremovePoint(pointModel: PointModel){\n\t\tthis.points.splice(this.getPointIndex(pointModel),1);\n\t}\n\t\n\taddPoint(pointModel:PointModel,index = 1){\n\t\tthis.points.splice(index,0,pointModel);\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.linkType;\n\t}\n}\n\nexport class PortModel extends BaseModel{\n\tname: string;\n\tparentNode: NodeModel;\n\tlinks: {[id: string]: LinkModel};\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\tname: this.name,\n\t\t\tparentNode: this.parentNode.id,\n\t\t\tlinks: _.map(this.links,(link) => {\n\t\t\t\treturn link.id;\n\t\t\t})\n\t\t});\n\t}\n\t\n\tconstructor(name: string){\n\t\tsuper();\n\t\tthis.name = name;\n\t\tthis.links = {};\n\t\tthis.parentNode = null;\n\t}\n\t\n\tgetName(): string{\n\t\treturn this.name;\n\t}\n\t\n\tgetParent(): NodeModel{\n\t\treturn this.parentNode;\n\t}\n\t\n\tsetParentNode(node: NodeModel){\n\t\tthis.parentNode = node;\n\t}\n\t\n\tremoveLink(link: LinkModel){\n\t\tdelete this.links[link.getID()];\n\t}\n\t\n\taddLink(link: LinkModel){\n\t\tthis.links[link.getID()] = link;\n\t}\n\t\n\tgetLinks(): {[id: string]: LinkModel}{\n\t\treturn this.links;\n\t}\n}\n\nexport class NodeModel extends BaseModel{\n\t\n\tnodeType: string;\n\tx: number;\n\ty: number;\n\textras: {};\n\tports:  {[s: string]:PortModel};\n\t\n\tconstructor(nodeType: string = 'default'){\n\t\tsuper();\n\t\tthis.nodeType = nodeType;\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\t\tthis.extras = {};\n\t\tthis.ports = {};\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\ttype: this.nodeType,\n\t\t\tx: this.x,\n\t\t\ty: this.y,\n\t\t\textras: this.extras,\n\t\t\tports: _.map(this.ports,(port) => {\n\t\t\t\treturn port.serialize()\n\t\t\t})\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\tfor (var i in this.ports){\n\t\t\t_.forEach(this.ports[i].getLinks(),(link) => {\n\t\t\t\tlink.remove();\n\t\t\t});\n\t\t}\n\t}\n\t\n\tgetPort(name: string): PortModel | null{\n\t\treturn this.ports[name];\n\t}\n\t\n\tgetPorts(): {[s: string]:PortModel}{\n\t\treturn this.ports;\n\t}\n\t\n\tremovePort(port: PortModel){\n\t\t//clear the parent node reference\n\t\tif(this.ports[port.name]){\n\t\t\tthis.ports[port.name].setParentNode(null);\n\t\t\tdelete this.ports[port.name];\n\t\t}\n\t}\n\t\n\taddPort(port: PortModel): PortModel{\n\t\tport.setParentNode(this);\n\t\tthis.ports[port.name] = port;\n\t\treturn port;\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.nodeType;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/Common.ts","import {Toolkit} from \"./Toolkit\";\n/**\n * @author Dylan Vorster\n */\nexport class BaseListener{\n\t\n}\n\nexport class BaseEnity<T extends BaseListener>{\n\t\n\tpublic listeners:{[s: string]: T};\n\tpublic id: string;\n\t\n\tconstructor(){\n\t\tthis.listeners = {};\n\t\tthis.id = Toolkit.UID();\n\t}\n\t\n\tgetID(){\n\t\treturn this.id;\n\t}\n\t\n\tclearListeners(){\n\t\tthis.listeners = {};\n\t}\n\t\n\tpublic serialize(){\n\t\treturn {\n\t\t\tid: this.id,\n\t\t}\n\t}\n\t\n\tpublic itterateListeners(cb: (t: T) => any){\n\t\tfor (var i in this.listeners){\n\t\t\tcb(this.listeners[i]);\n\t\t}\n\t}\n\t\n\tpublic removeListener(listener: string){\n\t\tif (this.listeners[listener]){\n\t\t\tdelete this.listeners[listener];\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\t\n\tpublic addListener(listener: T): string{\n\t\tvar uid = Toolkit.UID();\n\t\tthis.listeners[uid] = listener;\n\t\treturn uid;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/BaseEntity.ts","/**\n * @author Dylan Vorster\n */\nexport class Toolkit {\n\t/**\n   * Generats a unique ID (thanks Stack overflow :3)\n   * @returns {String}\n   */\n\tpublic static UID():string {\n\t\treturn 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n\t\t\tvar r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);\n\t\t\treturn v.toString(16);\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/Toolkit.ts","import {NodeModel, LinkModel} from \"./Common\";\nimport {DiagramEngine} from \"./DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport abstract class WidgetFactory{\n\t\n\ttype: string;\n\t\n\tconstructor(name: string){\n\t\tthis.type = name;\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.type;\n\t}\n\t\n}\n\nexport abstract class NodeWidgetFactory extends WidgetFactory{\n\t\n\t\n\tabstract generateReactWidget(diagramEngine:DiagramEngine,node: NodeModel): JSX.Element;\n\t\n}\n\nexport abstract class LinkWidgetFactory extends WidgetFactory{\n\t\n\tabstract generateReactWidget(diagramEngine:DiagramEngine,link: LinkModel): JSX.Element;\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/WidgetFactories.ts","import {LinkModel, NodeModel, BaseModel} from \"./Common\";\nimport {BaseListener, BaseEnity} from \"./BaseEntity\";\nimport * as _ from \"lodash\";\n/**\n * @author Dylan Vorster\n * \n */\nexport interface DiagramListener extends BaseListener{\n\t\n\tnodesUpdated(): any;\n\t\n\tlinksUpdated(): any;\n\t\n\tcontrolsUpdated(): any;\n\t\n}\n/**\n * \n */\nexport class DiagramModel extends BaseEnity<DiagramListener>{\n\t\n\t//models\n\tlinks: {[s:string] : LinkModel};\n\tnodes: {[s:string] : NodeModel};\n\t\n\t//control variables\n\toffsetX: number;\n\toffsetY: number;\n\tzoom: number;\n\t\n\tconstructor(){\n\t\tsuper();\n\t\t\n\t\tthis.links = {};\n\t\tthis.nodes = {};\n\t\t\n\t\tthis.offsetX = 0;\n\t\tthis.offsetY = 0;\n\t\tthis.zoom = 100;\n\t}\n\t\n\tdeSerialize(object: any){\n\t\t\n\t\t\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\toffsetX: this.offsetX,\n\t\t\toffsetY: this.offsetY,\n\t\t\tzoom: this.zoom,\n\t\t\tlinks: _.map(this.links,(link) => {\n\t\t\t\treturn link.serialize();\n\t\t\t}),\n\t\t\tnodes: _.map(this.nodes,(link) => {\n\t\t\t\treturn link.serialize();\n\t\t\t}),\n\t\t});\n\t}\n\t\n\tclearSelection(ignore: BaseModel|null = null){\n\t\t_.forEach(this.getSelectedItems(),(element) => {\n\t\t\tif (ignore && ignore.getID() === element.getID()){\n\t\t\t\treturn;\n\t\t\t}\n\t\t\telement.setSelected(false); //TODO dont fire the listener\n\t\t});\n\t}\n\t\n\tgetSelectedItems(): BaseModel[]{\n\t\tvar items  = [];\n\t\t\n\t\t//find all nodes\n\t\titems = items.concat(_.filter(this.nodes,(node) => {\n\t\t\treturn node.isSelected();\n\t\t}));\n\t\t\n\t\t//find all points\n\t\titems = items.concat(_.filter(_.flatMap(this.links,(node) => {\n\t\t\treturn node.points;\n\t\t}),(port) => {\n\t\t\treturn port.isSelected();\n\t\t}));\n\t\t\n\t\t//find all links\n\t\treturn items.concat(_.filter(this.links,(link) => {\n\t\t\treturn link.isSelected();\n\t\t}));\n\t}\n\t\n\tsetZoomLevel(zoom:number){\n\t\tthis.zoom = zoom;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tsetOffset(offsetX: number, offsetY: number){\n\t\tthis.offsetX = offsetX;\n\t\tthis.offsetY = offsetY;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tsetOffsetX(offsetX: number){\n\t\tthis.offsetX = offsetX;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\tsetOffsetY(offsetY: number){\n\t\tthis.offsetX = offsetY;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tgetOffsetY(){\n\t\treturn this.offsetY;\n\t}\n\t\n\tgetOffsetX(){\n\t\treturn this.offsetX;\n\t}\n\t\n\tgetZoomLevel(){\n\t\treturn this.zoom;\n\t}\n\t\n\tgetNode(node: string | NodeModel): NodeModel|null{\n\t\tif (node instanceof NodeModel){\n\t\t\treturn node;\n\t\t}\n\t\tif (!this.nodes[node]){\n\t\t\treturn null;\n\t\t}\n\t\treturn this.nodes[node];\n\t}\n\t\n\tgetLink(link: string | LinkModel): LinkModel|null{\n\t\tif (link instanceof LinkModel){\n\t\t\treturn link;\n\t\t}\n\t\tif(!this.links[link]){\n\t\t\treturn null;\n\t\t}\n\t\treturn this.links[link];\n\t}\n\t\n\taddLink(link: LinkModel): LinkModel{\n\t\tlink.addListener({\n\t\t\tentityRemoved: () => {\n\t\t\t\tthis.removeLink(link);\n\t\t\t}\n\t\t});\n\t\tthis.links[link.getID()] = link;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linksUpdated();\n\t\t});\n\t\treturn link\n\t}\n\t\n\taddNode(node: NodeModel): NodeModel{\n\t\tnode.addListener({\n\t\t\tentityRemoved: () => {\n\t\t\t\tthis.removeNode(node);\n\t\t\t}\n\t\t});\n\t\tthis.nodes[node.getID()] = node;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodesUpdated();\n\t\t});\n\t\treturn node;\n\t}\n\t\n\tremoveLink(link: LinkModel | string){\n\t\tif (link instanceof LinkModel){\n\t\t\tdelete this.links[link.getID()];\n\t\t\tthis.itterateListeners((listener) => {\n\t\t\t\tlistener.linksUpdated();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tdelete this.links[''+link];\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linksUpdated();\n\t\t});\n\t}\n\tremoveNode(node: NodeModel | string){\n\t\tif (node instanceof NodeModel){\n\t\t\tdelete this.nodes[node.getID()];\n\t\t\tthis.itterateListeners((listener) => {\n\t\t\t\tlistener.nodesUpdated();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\n\t\tdelete this.nodes[''+node];\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodesUpdated();\n\t\t});\n\t}\n\t\n\tgetLinks():{[s:string] : LinkModel} {\n\t\treturn this.links;\n\t}\n\t\n\tgetNodes(): {[s: string]: NodeModel}{\n\t\treturn this.nodes;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/DiagramModel.ts","import * as React from \"react\";\nimport {LinkModel, PointModel} from \"../Common\";\nimport * as _ from \"lodash\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface DefaultLinkProps {\n\tcolor?: string;\n\twidth?: number;\n\tlink: LinkModel;\n\tsmooth?: boolean;\n\tdiagramEngine: DiagramEngine;\n\tpointAdded?: (point: PointModel,event) => any\n}\n\nexport interface DefaultLinkState {\n\tselected: boolean;\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultLinkWidget extends React.Component<DefaultLinkProps, DefaultLinkState> {\n\n\tpublic static defaultProps: DefaultLinkProps = {\n\t\tcolor: 'black',\n\t\twidth: 3,\n\t\tlink:null,\n\t\tengine: null,\n\t\tsmooth: false,\n\t\tdiagramEngine: null\n\t};\n\n\tconstructor(props: DefaultLinkProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tselected: false\n\t\t}\n\t}\n\t\n\tgeneratePoint(pointIndex: number): JSX.Element{\n\t\treturn React.DOM.g({key:'point-'+this.props.link.points[pointIndex].id},\n\t\t\tReact.DOM.circle({\n\t\t\t\tclassName: 'point pointui' + (this.props.link.points[pointIndex].isSelected()?' selected':''),\n\t\t\t\tcx:this.props.link.points[pointIndex].x,\n\t\t\t\tcy:this.props.link.points[pointIndex].y,\n\t\t\t\tr:5,\n\t\t\t}),\n\t\t\tReact.DOM.circle({\n\t\t\t\tclassName:'point',\n\t\t\t\t'data-linkid':this.props.link.id,\n\t\t\t\t'data-id':this.props.link.points[pointIndex].id,\n\t\t\t\tcx: this.props.link.points[pointIndex].x,\n\t\t\t\tcy:this.props.link.points[pointIndex].y,\n\t\t\t\tr:15,\n\t\t\t\topacity: 0,\n\t\t\t\tonMouseLeave:() => {\n\t\t\t\t\tthis.setState({selected: false});\n\t//\t\t\t\tthis.props.link.setSelected(false);\n\t\t\t\t},\n\t\t\t\tonMouseEnter:() => {\n\t\t\t\t\tthis.setState({selected: true});\n\t//\t\t\t\tthis.props.link.setSelected(true);\n\t\t\t\t},\n\t\t\t})\n\t\t);\n\t}\n\t\n\tgenerateLink(extraProps: {id: number}): JSX.Element{\n\t\tvar Bottom = React.DOM.path(_.merge({\n\t\t\tclassName: (this.state.selected || this.props.link.isSelected())?'selected':'',\n\t\t\tstrokeWidth:this.props.width,\n\t\t\tstroke: this.props.color\n\t\t},extraProps));\n\t\t\n\t\tvar Top = React.DOM.path(_.merge({\n\t\t\tonMouseLeave:() => {\n\t\t\t\tthis.setState({selected: false});\n\t\t\t},\n\t\t\tonMouseEnter:() => {\n\t\t\t\tthis.setState({selected: true});\n\t\t\t},\n\t\t\t'data-linkid': this.props.link.getID(),\n\t\t\tstroke: this.props.color,\n\t\t\tstrokeOpacity:this.state.selected?0.1:0 ,\n\t\t\tstrokeWidth: 20,\n\t\t\tonContextMenu: (event) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.props.link.remove();\n\t\t\t},\n\t\t},extraProps));\n\t\t\n\t\treturn React.DOM.g({key:'link-'+extraProps.id},\n\t\t\tBottom,Top\n\t\t);\n\t}\n\n\trender() {\n\t\t//ensure id is present for all points on the path\n\t\tvar points = this.props.link.points;\n\t\tvar paths = [];\n        \n        //draw the smoothing\n\t\tif(points.length === 2){\n\t\t\t\n            //if the points are too close, just draw a straight line\n\t\t\tvar margin = 50;\n\t\t\tif(Math.abs(points[0].x-points[1].x) < 50){\n\t\t\t\tmargin = 5;\n\t\t\t}\n            \n            var pointLeft = points[0];\n            var pointRight = points[1];\n            \n            //some defensive programming to make sure the smoothing is\n            //always in the right direction\n            if(pointLeft.x > pointRight.x){\n                pointLeft = points[1];\n                pointRight = points[0];\n            }\n\t\t\t\n\t\t\tpaths.push(this.generateLink({\n\t\t\t\tid: 0,\n\t\t\t\tonMouseDown: (event) =>{\n\t\t\t\t\tif (!event.shiftKey){\n\t\t\t\t\t\tvar point = new PointModel(this.props.link,this.props.diagramEngine.getRelativeMousePoint(event));\n\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\tthis.props.link.addPoint(point,1);\n\t\t\t\t\t\tthis.props.pointAdded(point,event);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\td:\n\t\t\t\t\t \" M\"+pointLeft.x+\" \"+pointLeft.y\n\t\t\t\t\t+\" C\"+(pointLeft.x+margin)+\" \"+pointLeft.y\n\t\t\t\t\t+\" \" +(pointRight.x-margin)+\" \"+pointRight.y\n\t\t\t\t\t+\" \" +pointRight.x+\" \"+pointRight.y\n\t\t\t}));\n\t\t\tif (this.props.link.targetPort === null){\n\t\t\t\tpaths.push(this.generatePoint(1));\n\t\t\t}\n\t\t}\n        \n        //draw the multiple anchors and complex line instead\n        else{\n\t\t\tvar ds = [];\n\t\t\tif(this.props.smooth){\n\t\t\t\tds.push(\" M\"+points[0].x+\" \"+points[0].y+\" C \"+(points[0].x+50)+\" \"+points[0].y+\" \"+points[1].x+\" \"+points[1].y+\" \"+points[1].x+\" \"+points[1].y);\n\t\t\t\tfor(var i = 1;i < points.length-2;i++){\n\t\t\t\t\tds.push(\" M \"+points[i].x+\" \"+points[i].y+\" L \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t\t}\n\t\t\t\tds.push(\" M\"+points[i].x+\" \"+points[i].y+\" C \"+points[i].x+\" \"+points[i].y+\" \"+(points[i+1].x-50)+\" \"+points[i+1].y+\" \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t}else{\n\t\t\t\tvar ds = [];\n\t\t\t\tfor(var i = 0;i < points.length-1;i++){\n\t\t\t\t\tds.push(\" M \"+points[i].x+\" \"+points[i].y+\" L \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\tpaths = ds.map((data,index) => {\n\t\t\t\treturn this.generateLink({\n\t\t\t\t\tid:index,\n\t\t\t\t\t'data-linkid':this.props.link.id,\n\t\t\t\t\t'data-point':index,\n\t\t\t\t\tonMouseDown: (event: MouseEvent) => {\n\t\t\t\t\t\tif (!event.shiftKey){\n\t\t\t\t\t\t\tvar point = new PointModel(this.props.link,this.props.diagramEngine.getRelativeMousePoint(event));\n\t\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t\tthis.props.link.addPoint(point,index+1);\n\t\t\t\t\t\t\tthis.props.pointAdded(point,event);\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\td:data\n\t\t\t\t});\n\t\t\t});\n\t\t\t\n\t\t\t//render the circles\n\t\t\tfor(var i = 1;i < points.length-1;i++){\n\t\t\t\tpaths.push(this.generatePoint(i));\n\t\t\t}\n\t\t\t\n\t\t\tif (this.props.link.targetPort === null){\n\t\t\t\tpaths.push(this.generatePoint(points.length-1));\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.g(null,paths)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultLinkWidget.ts","import * as React from \"react\";\nimport * as _ from \"lodash\";\nvar div = React.DOM.div;\nimport {DefaultNodeModel} from \"./DefaultNodeModel\";\nimport {DefaultPortLabel} from \"./DefaultPortLabelWidget\";\n\nexport interface DefaultNodeProps {\n\tnode: DefaultNodeModel;\n}\n\nexport interface DefaultNodeState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeWidget extends React.Component<DefaultNodeProps, DefaultNodeState> {\n\n\tpublic static defaultProps: DefaultNodeProps = {\n\t\tnode: null,\n\t};\n\n\tconstructor(props: DefaultNodeProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\trender() {\n\t\treturn (\n\t\t\tdiv({className: 'basic-node', style: {background: this.props.node.color }},\n\t\t\t\tdiv({className:'title'},\n\t\t\t\t\tdiv({className:'name'},this.props.node.name),\n\t\t\t\t\tdiv({className: 'fa fa-close', onClick: this.props.node.remove})\n\t\t\t\t),\n\t\t\t\tdiv({className:'ports'},\n\t\t\t\t\tdiv({className: 'in'}, _.map(this.props.node.getInPorts(),(port) => {\n\t\t\t\t\t\treturn React.createElement(DefaultPortLabel,{model: port});\n\t\t\t\t\t})),\n\t\t\t\t\tdiv({className: 'out'}, _.map(this.props.node.getOutPorts(),(port) => {\n\t\t\t\t\t\treturn React.createElement(DefaultPortLabel,{model: port});\n\t\t\t\t\t})),\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeWidget.ts","import * as React from \"react\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport {PointModel} from \"../Common\";\nimport {LinkWidget} from \"./LinkWidget\";\nimport * as _ from \"lodash\";\n\nexport interface LinkLayerProps {\n\tdiagramEngine: DiagramEngine,\n\tpointAdded: (point: PointModel,event) => any\n}\n\nexport interface LinkLayerState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class LinkLayerWidget extends React.Component<LinkLayerProps, LinkLayerState> {\n\n\tconstructor(props: LinkLayerProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tcomponentDidMount(){\n\t\tsetTimeout(()=> {\n\t\t\tthis.forceUpdate();\n\t\t},10);\n\t}\n\t\n\trender() {\n\t\t\n\t\tvar diagramModel = this.props.diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.svg(\n\t\t\t\t{\n                    style:{\n\t\t\t\t\t\ttransform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY()+'px)',\n                        width: '100%',\n                        height: '100%'\n                    }\n                },\n\t\t\t\t_.map(diagramModel.getLinks(),(link) => {\n\t\t\t\t\t\n\t\t\t\t\t//TODO just improve this vastly x_x\n\t\t\t\t\tif (link.sourcePort !== null){\n\t\t\t\t\t\ttry{\n\t\t\t\t\t\t\t//generate a point\n\t\t\t\t\t\t\tlink.points[0].updateLocation(this.props.diagramEngine.getPortCenter(link.sourcePort));\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//remove the link because its problematic (TODO implement this rather at an engine level)\n\t\t\t\t\t\tcatch(ex){\n\t\t\t\t\t\t\tconsole.log(ex);\n\t\t\t\t\t\t\tdiagramModel.removeLink(link);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (link.targetPort !== null){\n\t\t\t\t\t\ttry{\n\t\t\t\t\t\t\t_.last(link.points).updateLocation(this.props.diagramEngine.getPortCenter(link.targetPort));\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//remove the link because its problematic (TODO implement this rather at an engine level)\n\t\t\t\t\t\tcatch(ex){\n\t\t\t\t\t\t\tconsole.log(ex);\n\t\t\t\t\t\t\tdiagramModel.removeLink(link);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n                    \n\t\t\t\t\t//generate links\n\t\t\t\t\tvar generatedLink = this.props.diagramEngine.generateWidgetForLink(link);\n                    if(!generatedLink){\n\t\t\t\t\t\tconsole.log(\"no link generated for type: \" + link.getType());\n\t\t\t\t\t\treturn null;\n                    }\n\t\t\t\t\t\n\t\t\t\t\treturn (\n\t\t\t\t\t\tReact.createElement(LinkWidget, {\n\t\t\t\t\t\t\tkey: link.getID(), \n\t\t\t\t\t\t\tlink: link,\n\t\t\t\t\t\t\tdiagramEngine: this.props.diagramEngine,\n\t\t\t\t\t\t}, React.cloneElement(generatedLink,{pointAdded: this.props.pointAdded}))\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/LinkLayerWidget.ts","import * as React from \"react\";\nimport {LinkModel} from \"../Common\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface LinkProps {\n\tlink: LinkModel;\n\tdiagramEngine: DiagramEngine;\n\tchildren?: any;\n}\n\nexport interface LinkState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class LinkWidget extends React.Component<LinkProps, LinkState> {\n\n\tconstructor(props: LinkProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tshouldComponentUpdate(){\n\t\treturn this.props.diagramEngine.canEntityRepaint(this.props.link);\n\t}\n\n\trender() {\n\t\treturn this.props.children;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/LinkWidget.ts","import * as React from \"react\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport * as _ from \"lodash\";\nimport {NodeWidget} from \"./NodeWidget\";\n\nexport interface NodeLayerProps {\n\tdiagramEngine: DiagramEngine\n}\n\nexport interface NodeLayerState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class NodeLayerWidget extends React.Component<NodeLayerProps, NodeLayerState> {\n\n\tconstructor(props: NodeLayerProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\n\trender() {\n\t\t\n\t\tvar diagramModel = this.props.diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t\tclassName:'node-view',\n\t\t\t\t\tstyle:{\n\t\t\t\t\t\ttransform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX()+'px,'+diagramModel.getOffsetY()+'px)',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t_.map(diagramModel.getNodes(),(node) => {\n\t\t\t\t\treturn(\n\t\t\t\t\t\tReact.createElement(NodeWidget, {diagramEngine: this.props.diagramEngine,key:node.id,node: node},\n\t\t\t\t\t\t\tthis.props.diagramEngine.generateWidgetForNode(node))\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/NodeLayerWidget.ts","import * as React from \"react\";\nimport {NodeModel} from \"../Common\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface NodeProps {\n\tnode:NodeModel;\n\tchildren?: any;\n\tdiagramEngine: DiagramEngine\n}\n\nexport interface NodeState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class NodeWidget extends React.Component<NodeProps, NodeState> {\n\n\tconstructor(props: NodeProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tshouldComponentUpdate(){\n\t\treturn this.props.diagramEngine.canEntityRepaint(this.props.node);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t'data-nodeid': this.props.node.id,\n\t\t\t\tclassName: 'node' + (this.props.node.isSelected()?' selected':''),\n\t\t\t\tstyle:{\n\t\t\t\t\ttop: this.props.node.y,\n\t\t\t\t\tleft: this.props.node.x,\n\t\t\t\t}},\n\t\t\t\tReact.cloneElement(this.props.children,{})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/NodeWidget.ts","import * as React from \"react\";\nimport {NodeModel} from \"../Common\";\n\nexport interface PortProps {\n\tname: string;\n\tnode: NodeModel;\n}\n\nexport interface PortState{\n\tselected: boolean\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class PortWidget extends React.Component<PortProps, PortState> {\n\n\tconstructor(props: PortProps){\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tselected: false\n\t\t};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\tonMouseEnter: () =>{\n\t\t\t\t\tthis.setState({selected: true});\n\t\t\t\t},\n\t\t\t\tonMouseLeave: () => {\n\t\t\t\t\tthis.setState({selected: false});\n\t\t\t\t},\n\t\t\t\tclassName:'port'+(this.state.selected?' selected':''),\n\t\t\t\t'data-name':this.props.name,\n\t\t\t\t'data-nodeid': this.props.node.getID()\n\t\t\t})\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/PortWidget.ts","import {NodeWidgetFactory, LinkWidgetFactory} from \"./WidgetFactories\";\nimport {LinkModel, NodeModel, BaseModel, PortModel, PointModel} from \"./Common\";\nimport {BaseEnity, BaseListener} from \"./BaseEntity\";\nimport {DiagramModel} from \"./DiagramModel\";\nimport * as React from \"react\";\nimport * as _ from \"lodash\";\n/**\n * @author Dylan Vorster\n */\nexport interface DiagramEngineListener extends BaseListener{\n\t\n\tnodeFactoriesUpdated(): any;\n\t\n\tlinkFactoriesUpdated(): any;\n}\n\n/**\n * Passed as a parameter to the DiagramWidget\n */\nexport class DiagramEngine extends BaseEnity<DiagramEngineListener>{\n\t\n\tnodeFactories: {[s: string]:NodeWidgetFactory};\n\tlinkFactories: {[s: string]:LinkWidgetFactory};\n\tdiagramModel: DiagramModel;\n\tcanvas: Element;\n\tpaintableWidgets: {};\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.diagramModel = new DiagramModel();\n\t\tthis.nodeFactories = {};\n\t\tthis.linkFactories = {};\n\t\tthis.canvas = null;\n\t\tthis.paintableWidgets = null;\n\t}\n\t\n\tclearRepaintEntities(){\n\t\tthis.paintableWidgets = null;\n\t}\n\t\n\tenableRepaintEntities(entities: BaseModel[]){\n\t\tthis.paintableWidgets = {};\n\t\tentities.forEach((entity) => {\n\t\t\t\n\t\t\t//if a node is requested to repaint, add all of its links\n\t\t\tif (entity instanceof NodeModel){\n\t\t\t\t_.forEach(entity.getPorts(),(port) => {\n\t\t\t\t\t_.forEach(port.getLinks(),(link) => {\n\t\t\t\t\t\tthis.paintableWidgets[link.getID()] = true;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t\t\n\t\t\tif (entity instanceof PointModel){\n\t\t\t\tthis.paintableWidgets[entity.getLink().getID()] = true;\n\t\t\t}\n\t\t\t\n\t\t\tthis.paintableWidgets[entity.getID()] = true;\n\t\t});\n\t}\n\t\n\tcanEntityRepaint(baseModel: BaseModel){\n\t\t//no rules applied, allow repaint\n\t\tif(this.paintableWidgets === null){\n\t\t\treturn true;\n\t\t}\n\t\t\n\t\treturn this.paintableWidgets[baseModel.getID()] !== undefined;\n\t}\n\t\n\tsetCanvas(canvas: Element| null){\n\t\tthis.canvas = canvas;\n\t}\n\t\n\tsetDiagramModel(model: DiagramModel){\n\t\tthis.diagramModel = model;\n\t}\n\t\n\tgetDiagramModel(): DiagramModel{\n\t\treturn this.diagramModel;\n\t}\n\t\n\tgetNodeFactories(): {[s: string]:NodeWidgetFactory}{\n\t\treturn this.nodeFactories;\n\t}\n\t\n\tgetLinkFactories(): {[s: string]:LinkWidgetFactory}{\n\t\treturn this.linkFactories;\n\t}\n\t\n\tregisterNodeFactory(factory: NodeWidgetFactory){\n\t\tthis.nodeFactories[factory.getType()] = factory;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodeFactoriesUpdated();\n\t\t});\n\t}\n\t\n\tregisterLinkFactory(factory: LinkWidgetFactory){\n\t\tthis.linkFactories[factory.getType()] = factory;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linkFactoriesUpdated();\n\t\t});\n\t}\n\t\n\tgetFactoryForNode(node: NodeModel): NodeWidgetFactory | null{\n\t\tif (this.nodeFactories[node.getType()]){\n\t\t\treturn this.nodeFactories[node.getType()];\n\t\t}\n\t\tconsole.log(\"cannot find widget factory for node of type: [\" + node.getType()+\"]\");\n\t\treturn null;\n\t}\n\t\n\tgetFactoryForLink(link: LinkModel): LinkWidgetFactory | null{\n\t\tif (this.linkFactories[link.getType()]){\n\t\t\treturn this.linkFactories[link.getType()];\n\t\t}\n\t\tconsole.log(\"cannot find widget factory for link of type: [\" + link.getType()+\"]\");\n\t\treturn null;\n\t}\n\t\n\tgenerateWidgetForLink(link: LinkModel): JSX.Element|null{\n\t\tvar linkFactory = this.getFactoryForLink(link);\n\t\tif(!linkFactory){\n\t\t\tthrow \"Cannot find link factory for link: \" + link.getType();\n\t\t}\n\t\treturn linkFactory.generateReactWidget(this,link);\n\t}\n\t\n\tgenerateWidgetForNode(node: NodeModel): JSX.Element|null{\n\t\tvar nodeFactory = this.getFactoryForNode(node);\n\t\tif(!nodeFactory){\n\t\t\tthrow \"Cannot find widget factory for node: \" + node.getType();\n\t\t}\n\t\treturn nodeFactory.generateReactWidget(this,node);\n\t}\n\t\n\tgetRelativeMousePoint(event): {x:number,y:number}{\n\t\tvar point = this.getRelativePoint(event.pageX,event.pageY);\n\t\treturn {\n\t\t\tx: (point.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n\t\t\ty: (point.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()\n\t\t};\n\t}\n\n\tgetRelativePoint(x,y){\n\t\tvar canvasRect = this.canvas.getBoundingClientRect();\n\t\treturn {x: x-canvasRect.left,y:y-canvasRect.top};\n\t}\n\t\n\tgetNodePortElement(port: PortModel): any{\n\t\tvar selector = this.canvas.querySelector('.port[data-name=\"' + port.getName() + '\"][data-nodeid=\"' + port.getParent().getID()+'\"]');\n\t\tif(selector === null){\n\t\t\tthrow \"Cannot find Node Port element with nodeID: [\" + port.getParent().getID()+\"] and name: [\"+port.getName()+\"]\";\n\t\t}\n\t\treturn selector;\n\t}\n\t\n\tgetPortCenter(port: PortModel){\n\t\tvar sourceElement = this.getNodePortElement(port);\n\t\tvar sourceRect = sourceElement.getBoundingClientRect();\n\n\t\tvar rel = this.getRelativePoint(sourceRect.left,sourceRect.top);\n\n\t\treturn {\n\t\t\tx: ((sourceElement.offsetWidth / 2) + rel.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n\t\t\ty: ((sourceElement.offsetHeight/2)+rel.y/(this.diagramModel.getZoomLevel()/100.0)) - this.diagramModel.getOffsetY()\n\t\t};\n\t}\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/DiagramEngine.ts","import {LinkWidgetFactory} from \"../WidgetFactories\";\nimport {LinkModel} from \"../Common\";\nimport * as React from \"react\";\nimport {DefaultLinkWidget} from \"./DefaultLinkWidget\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultLinkFactory extends LinkWidgetFactory{\n\t\n\tconstructor(){\n\t\tsuper(\"default\");\n\t}\n\t\n\tgenerateReactWidget(diagramEngine: DiagramEngine,link: LinkModel): JSX.Element{\n\t\treturn React.createElement(DefaultLinkWidget,{\n\t\t\tlink: link,\n\t\t\tdiagramEngine: diagramEngine\n\t\t});\n\t}\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultLinkFactory.ts","import {NodeWidgetFactory} from \"../WidgetFactories\";\nimport {DefaultNodeModel} from \"./DefaultNodeModel\";\nimport * as React from \"react\";\nimport {DefaultNodeWidget} from \"./DefaultNodeWidget\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeFactory extends NodeWidgetFactory{\n\t\n\tconstructor(){\n\t\tsuper(\"default\");\n\t}\n\t\n\tgenerateModel(){\n\t\t\n\t}\n\t\n\tgenerateReactWidget(diagramEngine:DiagramEngine,node: DefaultNodeModel): JSX.Element{\n\t\treturn React.createElement(DefaultNodeWidget,{\n\t\t\tnode: node,\n\t\t\tdiagramEngine: diagramEngine\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeFactory.ts","import {NodeModel} from \"../Common\";\nimport {DefaultPortModel} from \"./DefaultPortModel\";\nimport * as _ from \"lodash\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeModel extends NodeModel{\n\t\n\tname: string;\n\tcolor: string;\n\tports:  {[s: string]:DefaultPortModel};\n\t\n\tconstructor(name: string = 'Untitled',color: string = 'rgb(0,192,255)'){\n\t\tsuper(\"default\");\n\t\tthis.name = name;\n\t\tthis.color = color;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\tname: this.name,\n\t\t\tcolor: this.color,\n\t\t});\n\t}\n\t\n\tgetInPorts(): DefaultPortModel[]{\n\t\treturn _.filter(this.ports,(portModel) => {\n\t\t\treturn portModel.in;\n\t\t});\n\t}\n\t\n\tgetOutPorts(): DefaultPortModel[]{\n\t\treturn _.filter(this.ports,(portModel) => {\n\t\t\treturn !portModel.in;\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeModel.ts","import {PortModel} from \"../Common\";\nimport * as _ from \"lodash\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultPortModel extends PortModel{\n\tin: boolean;\n\tlabel: string;\n\t\n\tconstructor(isInput:boolean,name: string,label: string = null){\n\t\tsuper(name);\n\t\tthis.in = isInput;\n\t\tthis.label = label || name;\n\t}\n\t\n\tserialize(){\n\t\treturn _.extend(super.serialize(),{\n\t\t\tin: this.in,\n\t\t\tlabel: this.label,\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultPortModel.ts","import * as React from \"react\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport * as _ from \"lodash\";\nimport {PointModel, NodeModel, BaseModel, LinkModel,PortModel} from \"../Common\";\nimport {LinkLayerWidget} from \"./LinkLayerWidget\";\nimport {NodeLayerWidget} from \"./NodeLayerWidget\";\n\ninterface SelectionModel{\n\tmodel: BaseModel;\n\tinitialX: number;\n\tinitialY: number;\n}\n\nexport class BaseAction{\n\tmouseX: number;\n\tmouseY: number;\n\tms: number;\n\t\n\tconstructor(mouseX: number,mouseY: number){\n\t\tthis.mouseX = mouseX;\n\t\tthis.mouseY = mouseY;\n\t\tthis.ms = (new Date()).getTime();\n\t}\n}\n\nclass SelectingAction extends BaseAction{\n\tmouseX2: number;\n\tmouseY2: number;\n\t\n\tconstructor(mouseX: number,mouseY: number){\n\t\tsuper(mouseX,mouseY);\n\t\tthis.mouseX2 = mouseX;\n\t\tthis.mouseY2 = mouseY;\n\t}\n\t\n\tcontainsElement(x: number, y: number, diagramModel: DiagramModel): boolean{\n\t\tvar z = diagramModel.getZoomLevel()/100.0;\n\t\treturn (\n\t\t\t(x + diagramModel.getOffsetX())*z > this.mouseX\t&& \n\t\t\t(x + diagramModel.getOffsetX())*z < this.mouseX2&& \n\t\t\t(y + diagramModel.getOffsetY())*z > this.mouseY\t&& \n\t\t\t(y + diagramModel.getOffsetY())*z < this.mouseY2\n\t\t)\n\t}\n}\n\nclass MoveCanvasAction extends BaseAction{\n\tinitialOffsetX: number;\n\tinitialOffsetY: number;\n\t\n\tconstructor(mouseX: number, mouseY: number, diagramModel: DiagramModel){\n\t\tsuper(mouseX,mouseY);\n\t\tthis.initialOffsetX = diagramModel.getOffsetX();\n\t\tthis.initialOffsetY = diagramModel.getOffsetY();\n\t}\n}\n\nclass MoveItemsAction extends BaseAction{\n\tselectionModels: SelectionModel[];\n\tmoved:boolean;\n\tconstructor(mouseX: number, mouseY: number, diagramEngine: DiagramEngine){\n\t\tsuper(mouseX, mouseY);\n\t\tthis.moved = false;\n\t\tdiagramEngine.enableRepaintEntities(diagramEngine.getDiagramModel().getSelectedItems());\n\t\tthis.selectionModels = diagramEngine.getDiagramModel().getSelectedItems().map((item: PointModel | NodeModel) => {\n\t\t\treturn {\n\t\t\t\tmodel: item,\n\t\t\t\tinitialX: item.x,\n\t\t\t\tinitialY: item.y,\n\t\t\t}\n\t\t});\n\t}\n}\n\nexport interface DiagramProps {\n\tdiagramEngine:DiagramEngine;\n}\n\nexport interface DiagramState {\n\taction: BaseAction| null;\n\trenderedNodes: boolean,\n\twindowListener: any,\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DiagramWidget extends React.Component<DiagramProps, DiagramState> {\n\n\tconstructor(props: DiagramProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\taction: null,\n\t\t\trenderedNodes: false,\n\t\t\twindowListener: null\n\t\t}\n\t}\n\n\tcomponentWillUnmount(){\n\t\tthis.props.diagramEngine.setCanvas(null);\n\t\twindow.removeEventListener('keydown',this.state.windowListener);\n\t}\n\t\n\tcomponentWillReceiveProps(nextProps: DiagramProps){\n\t\tif (this.props.diagramEngine.id !== nextProps.diagramEngine.id){\n\t\t\tthis.setState({renderedNodes: false});\n\t\t}\n\t}\n\t\n\t/**\n\t * Gets a model and element under the mouse cursor\n\t */\n\tgetMouseElement(event): {model: BaseModel, element: Element}{\n\t\tvar target = event.target as Element;\n\t\tvar diagramModel = this.props.diagramEngine.diagramModel;\n\t\t\n\t\t//is it a port\n\t\tvar element = target.closest('.port[data-name]');\n\t\tif(element){\n\t\t\tvar nodeElement = target.closest('.node[data-nodeid]') as HTMLElement;\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getNode(nodeElement.getAttribute('data-nodeid')).getPort(element.getAttribute('data-name')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a point\n\t\telement = target.closest('.point[data-id]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getLink(element.getAttribute('data-linkid')).getPointModel(element.getAttribute('data-id')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a link\n\t\telement = target.closest('[data-linkid]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getLink(element.getAttribute('data-linkid')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a node\n\t\telement = target.closest('.node[data-nodeid]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getNode(element.getAttribute('data-nodeid')),\n\t\t\t\telement: element\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn null;\n\t}\n\t\n\tcomponentDidMount(){\n\t\tthis.props.diagramEngine.setCanvas(this.refs['canvas'] as Element);\n\t\t\n\t\t//TODO\n\t\t\n\t\t//add a keybaord listener\n\t\tthis.setState({\n\t\t\trenderedNodes: true,\n\t\t\twindowListener: window.addEventListener('keydown',(event) => {\n\t\t\t\t\n\t\t\t\t//delete all selected\n\t\t\t\tif(event.keyCode === 46){\n\t\t\t\t\t_.forEach(this.props.diagramEngine.getDiagramModel().getSelectedItems(),(element) => {\n\t\t\t\t\t\telement.remove();\n\t\t\t\t\t});\n\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t}\n\t\t\t})\n\t\t});\n\t\twindow.focus();\n\t}\n\t\n\n\trender() {\n\t\tvar diagramEngine = this.props.diagramEngine;\n\t\tvar diagramModel = diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t\tref:'canvas',\n\t\t\t\t\tclassName:'storm-diagrams-canvas',\n\t\t\t\t\tonWheel: (event) => {\n                        event.preventDefault();\n                        event.stopPropagation();\n\t\t\t\t\t\tdiagramModel.setZoomLevel(diagramModel.getZoomLevel()+(event.deltaY/60));\n\t\t\t\t\t\tdiagramEngine.enableRepaintEntities([]);\n\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t},\n\t\t\t\t\tonMouseMove: (event) => {\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t//select items so draw a bounding box\n\t\t\t\t\t\tif (this.state.action instanceof SelectingAction){\n\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t_.forEach(diagramModel.getNodes(),(node) => {\n\t\t\t\t\t\t\t\tif ((this.state.action as SelectingAction).containsElement(node.x, node.y, diagramModel)){\n\t\t\t\t\t\t\t\t\tnode.setSelected(true);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t_.forEach(diagramModel.getLinks(),(link) => {\n\t\t\t\t\t\t\t\tvar allSelected = true;\n\t\t\t\t\t\t\t\t_.forEach(link.points,(point) => {\n\t\t\t\t\t\t\t\t\tif ((this.state.action as SelectingAction).containsElement(point.x, point.y, diagramModel)){\n\t\t\t\t\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\t\t\t\tallSelected = false;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tif (allSelected){\n\t\t\t\t\t\t\t\t\tlink.setSelected(true);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.state.action.mouseX2 = relative.x;\n\t\t\t\t\t\t\tthis.state.action.mouseY2 = relative.y;\n\t\t\t\t\t\t\tthis.setState({action: this.state.action});\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//translate the items on the canvas\n\t\t\t\t\t\telse if (this.state.action instanceof MoveItemsAction){\n\t\t\t\t\t\t\t_.forEach(this.state.action.selectionModels,(model) => {\n\t\t\t\t\t\t\t\tif (model.model instanceof NodeModel || model.model instanceof PointModel){\n\t\t\t\t\t\t\t\t\tmodel.model.x = model.initialX + ((event.pageX - this.state.action.mouseX) / (diagramModel.getZoomLevel()/100));\n\t\t\t\t\t\t\t\t\tmodel.model.y = model.initialY + ((event.pageY - this.state.action.mouseY) / (diagramModel.getZoomLevel()/100));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//translate the actual canvas\n\t\t\t\t\t\telse if (this.state.action instanceof MoveCanvasAction){\n\t\t\t\t\t\t\tdiagramModel.setOffset(\n\t\t\t\t\t\t\t\tthis.state.action.initialOffsetX + ((event.pageX - this.state.action.mouseX) / (diagramModel.getZoomLevel()/100)),\n\t\t\t\t\t\t\t\tthis.state.action.initialOffsetY+((event.pageY-this.state.action.mouseY)/(diagramModel.getZoomLevel()/100))\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tonMouseDown: (event) =>{\n\t\t\t\t\t\tdiagramEngine.clearRepaintEntities();\n\t\t\t\t\t\t\n\t\t\t\t\t\tvar model = this.getMouseElement(event);\n\t\t\t\t\t\t//its the canvas\n\t\t\t\t\t\tif(model === null){\n\t\t\t\t\t\t\t//is it a multiple selection\n\t\t\t\t\t\t\tif (event.shiftKey){\n\t\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\taction: new SelectingAction(\n\t\t\t\t\t\t\t\t\t\trelative.x, relative.y\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t//its a drag the canvas event\n\t\t\t\t\t\t\telse{\n\t\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\taction: new MoveCanvasAction(relative.x, relative.y, diagramModel)\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//its a port element, we want to drag a link\n\t\t\t\t\t\telse if (model.model instanceof PortModel){\n\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativeMousePoint(event);\n\t\t\t\t\t\t\tvar link = new LinkModel();\n\t\t\t\t\t\t\tlink.setSourcePort(model.model);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tlink.getFirstPoint().updateLocation(relative)\n\t\t\t\t\t\t\tlink.getLastPoint().updateLocation(relative);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\tlink.getLastPoint().setSelected(true);\n\t\t\t\t\t\t\tdiagramModel.addLink(link);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//its some or other element, probably want to move it\n\t\t\t\t\t\telse{\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif (!event.shiftKey && !model.model.isSelected()){\n\t\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmodel.model.setSelected(true);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY,diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tonMouseUp: (event) => {\n\t\t\t\t\t\t\n\t\t\t\t\t\t//are we going to connect a link to something?\n\t\t\t\t\t\tif (this.state.action instanceof MoveItemsAction){\n\t\t\t\t\t\t\tvar element = this.getMouseElement(event);\n\t\t\t\t\t\t\tif(element){\n\t\t\t\t\t\t\t\t_.forEach(this.state.action.selectionModels,(model) => {\n\n\t\t\t\t\t\t\t\t\t//only care about points connecting to things\n\t\t\t\t\t\t\t\t\tif (!(model.model instanceof PointModel)){\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tif (element.model instanceof PortModel){\n\t\t\t\t\t\t\t\t\t\tmodel.model.getLink().setTargetPort(element.model);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\tdiagramEngine.clearRepaintEntities();\n\t\t\t\t\t\tthis.setState({action: null});\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tthis.state.renderedNodes?\n\t\t\t\t\tReact.createElement(LinkLayerWidget, {\n\t\t\t\t\t\tdiagramEngine: diagramEngine, pointAdded: (point: PointModel,event) => {\n\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\tdiagramModel.clearSelection(point);\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}):null,\n\t\t\t\t\tReact.createElement(NodeLayerWidget, {diagramEngine: diagramEngine}),\n\t\t\t\t\tthis.state.action instanceof SelectingAction?\n\t\t\t\t\t\tReact.DOM.div({\n\t\t\t\t\t\t\tclassName: 'selector',\n\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\ttop: this.state.action.mouseY,\n\t\t\t\t\t\t\t\tleft: this.state.action.mouseX,\n\t\t\t\t\t\t\t\twidth: this.state.action.mouseX2 - this.state.action.mouseX,\n\t\t\t\t\t\t\t\theight: this.state.action.mouseY2 - this.state.action.mouseY,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}):null\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/DiagramWidget.ts","import * as React from \"react\";\nimport {DefaultPortModel} from \"./DefaultPortModel\";\nimport {PortWidget} from \"../widgets/PortWidget\";\n\nexport interface DefaultPortLabelProps {\n\tmodel?: DefaultPortModel;\n}\n\nexport interface DefaultPortLabelState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultPortLabel extends React.Component<DefaultPortLabelProps, DefaultPortLabelState> {\n\n\tpublic static defaultProps: DefaultPortLabelProps = {\n\t\tin: true,\n\t\tlabel: \"port\"\n\t};\n\n\trender() {\n\t\t\n\t\tvar port = React.createElement(PortWidget, {name: this.props.model.name, node: this.props.model.getParent()});\n\t\tvar label = React.DOM.div({className: 'name'}, this.props.model.label);\n\t\t\n\t\treturn React.DOM.div({className: (this.props.model.in?'in':'out')+'-port'},\n\t\t\tthis.props.model.in?port:label,\n\t\t\tthis.props.model.in?label:port,\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultPortLabelWidget.ts","/**\n * @author Dylan Vorster\n */\n \n //export defaults\nexport * from \"./defaults/DefaultLinkFactory\";\nexport * from \"./defaults/DefaultLinkWidget\";\nexport * from \"./defaults/DefaultNodeFactory\";\nexport * from \"./defaults/DefaultNodeWidget\";\nexport * from \"./defaults/DefaultNodeModel\";\nexport * from \"./defaults/DefaultPortModel\";\n\nexport * from \"./WidgetFactories\";\nexport * from \"./Toolkit\";\n\nexport * from \"./DiagramEngine\";\nexport * from \"./DiagramModel\";\nexport * from \"./BaseEntity\";\nexport * from \"./Common\";\n\nexport * from \"./widgets/DiagramWidget\";\nexport * from \"./widgets/LinkLayerWidget\";\nexport * from \"./widgets/LinkWidget\";\nexport * from \"./widgets/NodeLayerWidget\";\nexport * from \"./widgets/NodeWidget\";\nexport * from \"./widgets/PortWidget\";\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.ts"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///main.js","webpack:///webpack/bootstrap ad897154bd30832c57c5","webpack:///external \"react\"","webpack:///external {\"commonjs\":\"lodash\",\"commonjs2\":\"lodash\",\"amd\":\"_\",\"root\":\"_\"}","webpack:///./src/Common.ts","webpack:///./src/BaseEntity.ts","webpack:///./src/AbstractInstanceFactory.ts","webpack:///./src/WidgetFactories.ts","webpack:///./src/DiagramModel.ts","webpack:///./src/Toolkit.ts","webpack:///./src/defaults/DefaultLinkWidget.ts","webpack:///./src/defaults/DefaultNodeWidget.ts","webpack:///./src/widgets/LinkLayerWidget.ts","webpack:///./src/widgets/LinkWidget.ts","webpack:///./src/widgets/NodeLayerWidget.ts","webpack:///./src/widgets/NodeWidget.ts","webpack:///./src/widgets/PortWidget.ts","webpack:///./src/DiagramEngine.ts","webpack:///./src/defaults/DefaultLinkFactory.ts","webpack:///./src/defaults/DefaultNodeFactory.ts","webpack:///./src/defaults/DefaultNodeModel.ts","webpack:///./src/defaults/DefaultPortModel.ts","webpack:///./src/widgets/DiagramWidget.ts","webpack:///./src/defaults/DefaultPortLabelWidget.ts","webpack:///./src/main.ts"],"names":["root","factory","exports","module","require","define","amd","this","__WEBPACK_EXTERNAL_MODULE_0__","__WEBPACK_EXTERNAL_MODULE_1__","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","value","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","__extends","b","__","constructor","create","BaseEntity_1","_","BaseModel","_super","_this","selected","deSerialize","ob","serialize","merge","_class","getID","id","isSelected","setSelected","itterateListeners","listener","selectionChanged","remove","console","log","entityRemoved","BaseEntity","PointModel","link","points","x","y","extend","removePoint","updateLocation","getX","getY","getLink","LinkModel","linkType","extras","sourcePort","targetPort","type","map","point","source","getParent","target","removeLink","isLastPoint","index","getPointIndex","length","indexOf","getPointModel","getFirstPoint","getLastPoint","setSourcePort","port","addLink","getSourcePort","getTargetPort","setTargetPort","getPoints","setPoints","pointModel","splice","addPoint","getType","PortModel","links","parentNode","getName","setParentNode","node","getLinks","NodeModel","nodeType","ports","forEach","getPort","getPorts","removePort","addPort","Toolkit_1","BaseListener","listeners","Toolkit","UID","clearListeners","data","cb","removeListener","addListener","uid","AbstractInstanceFactory","className","WidgetFactory","NodeWidgetFactory","apply","arguments","LinkWidgetFactory","Common_1","DiagramModel","nodes","offsetX","offsetY","zoom","deSerializeDiagram","diagramEngine","nodeOb","getInstanceFactory","getInstance","portOb","addNode","linkOb","getNode","serializeDiagram","clearSelection","ignore","getSelectedItems","element","items","concat","filter","flatMap","setZoomLevel","controlsUpdated","setOffset","setOffsetX","setOffsetY","getOffsetY","getOffsetX","getZoomLevel","linksUpdated","removeNode","nodesUpdated","getNodes","replace","r","Math","random","v","toString","React","DefaultLinkWidget","props","state","generatePoint","pointIndex","DOM","g","key","circle","cx","cy","data-linkid","data-id","opacity","onMouseLeave","setState","onMouseEnter","generateLink","extraProps","Bottom","path","strokeWidth","width","stroke","color","Top","strokeOpacity","onContextMenu","event","preventDefault","render","paths","margin","abs","pointLeft","pointRight","push","onMouseDown","shiftKey","getRelativeMousePoint","forceUpdate","pointAdded","ds","smooth","data-point","Component","defaultProps","engine","div","DefaultPortLabelWidget_1","DefaultNodeWidget","style","background","onClick","getInPorts","createElement","DefaultPortLabel","model","getOutPorts","LinkWidget_1","LinkLayerWidget","componentDidMount","setTimeout","diagramModel","getDiagramModel","svg","transform","height","getPortCenter","ex","last","generatedLink","generateWidgetForLink","LinkWidget","cloneElement","shouldComponentUpdate","canEntityRepaint","children","NodeWidget_1","NodeLayerWidget","NodeWidget","generateWidgetForNode","data-nodeid","top","left","PortWidget","data-name","DiagramModel_1","DiagramEngine","nodeFactories","linkFactories","instanceFactories","canvas","paintableWidgets","clearRepaintEntities","enableRepaintEntities","entities","entity","baseModel","undefined","setCanvas","setDiagramModel","getNodeFactories","getLinkFactories","registerInstanceFactory","registerNodeFactory","nodeFactoriesUpdated","registerLinkFactory","linkFactoriesUpdated","getFactoryForNode","getFactoryForLink","linkFactory","generateReactWidget","nodeFactory","getRelativePoint","pageX","pageY","canvasRect","getBoundingClientRect","getNodePortElement","selector","querySelector","sourceElement","sourceRect","rel","offsetWidth","offsetHeight","WidgetFactories_1","DefaultLinkWidget_1","DefaultLinkFactory","DefaultNodeWidget_1","DefaultNodeFactory","AbstractInstanceFactory_1","DefaultNodeInstanceFactory","DefaultNodeModel","portModel","in","DefaultPortInstanceFactory","DefaultPortModel","isInput","label","LinkLayerWidget_1","NodeLayerWidget_1","BaseAction","mouseX","mouseY","ms","Date","getTime","SelectingAction","mouseX2","mouseY2","containsElement","z","MoveCanvasAction","initialOffsetX","initialOffsetY","MoveItemsAction","moved","selectionModels","item","initialX","initialY","DiagramWidget","action","renderedNodes","windowListener","componentWillUnmount","window","removeEventListener","componentWillReceiveProps","nextProps","getMouseElement","closest","nodeElement","getAttribute","refs","addEventListener","keyCode","focus","ref","onWheel","stopPropagation","deltaY","onMouseMove","relative","allSelected","onMouseUp","PortWidget_1","__export"],"mappings":"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","file":"main.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"), require(\"lodash\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\", \"_\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"storm-react-diagrams\"] = factory(require(\"react\"), require(\"lodash\"));\n\telse\n\t\troot[\"storm-react-diagrams\"] = factory(root[\"react\"], root[\"_\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__) {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"), require(\"lodash\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\", \"_\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"storm-react-diagrams\"] = factory(require(\"react\"), require(\"lodash\"));\n\telse\n\t\troot[\"storm-react-diagrams\"] = factory(root[\"react\"], root[\"_\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_1__) {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 22);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports) {\n\nmodule.exports = __WEBPACK_EXTERNAL_MODULE_0__;\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports) {\n\nmodule.exports = __WEBPACK_EXTERNAL_MODULE_1__;\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar BaseEntity_1 = __webpack_require__(3);\nvar _ = __webpack_require__(1);\n/**\n * @author Dylan Vorster\n */\nvar BaseModel = (function (_super) {\n    __extends(BaseModel, _super);\n    function BaseModel() {\n        var _this = _super.call(this) || this;\n        _this.selected = false;\n        return _this;\n    }\n    BaseModel.prototype.deSerialize = function (ob) {\n        _super.prototype.deSerialize.call(this, ob);\n        this.selected = ob.selected;\n    };\n    BaseModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            _class: this.constructor.name,\n            selected: this.selected\n        });\n    };\n    BaseModel.prototype.getID = function () {\n        return this.id;\n    };\n    BaseModel.prototype.isSelected = function () {\n        return this.selected;\n    };\n    BaseModel.prototype.setSelected = function (selected) {\n        this.selected = selected;\n        this.itterateListeners(function (listener) {\n            if (listener.selectionChanged) {\n                listener.selectionChanged();\n            }\n        });\n    };\n    BaseModel.prototype.remove = function () {\n        console.log(\"removing: \", this);\n        this.itterateListeners(function (listener) {\n            if (listener.entityRemoved) {\n                listener.entityRemoved();\n            }\n        });\n    };\n    return BaseModel;\n}(BaseEntity_1.BaseEntity));\nexports.BaseModel = BaseModel;\nvar PointModel = (function (_super) {\n    __extends(PointModel, _super);\n    function PointModel(link, points) {\n        var _this = _super.call(this) || this;\n        _this.x = points.x;\n        _this.y = points.y;\n        _this.link = link;\n        return _this;\n    }\n    PointModel.prototype.deSerialize = function (ob) {\n        _super.prototype.deSerialize.call(this, ob);\n        this.x = ob.x;\n        this.y = ob.y;\n    };\n    PointModel.prototype.serialize = function () {\n        return _.extend(_super.prototype.serialize.call(this), {\n            x: this.x,\n            y: this.y\n        });\n    };\n    PointModel.prototype.remove = function () {\n        _super.prototype.remove.call(this);\n        //clear references\n        if (this.link) {\n            this.link.removePoint(this);\n        }\n    };\n    PointModel.prototype.updateLocation = function (points) {\n        this.x = points.x;\n        this.y = points.y;\n    };\n    PointModel.prototype.getX = function () {\n        return this.x;\n    };\n    PointModel.prototype.getY = function () {\n        return this.y;\n    };\n    PointModel.prototype.getLink = function () {\n        return this.link;\n    };\n    return PointModel;\n}(BaseModel));\nexports.PointModel = PointModel;\nvar LinkModel = (function (_super) {\n    __extends(LinkModel, _super);\n    function LinkModel() {\n        var _this = _super.call(this) || this;\n        _this.linkType = 'default';\n        _this.points = [\n            new PointModel(_this, { x: 0, y: 0 }),\n            new PointModel(_this, { x: 0, y: 0 }),\n        ];\n        _this.extras = {};\n        _this.sourcePort = null;\n        _this.targetPort = null;\n        return _this;\n    }\n    LinkModel.prototype.deSerialize = function (ob) {\n        var _this = this;\n        _super.prototype.deSerialize.call(this, ob);\n        this.linkType = ob.type;\n        this.points = _.map(ob.points, function (point) {\n            var p = new PointModel(_this, { x: point.x, y: point.y });\n            p.deSerialize(point);\n            return p;\n        });\n    };\n    LinkModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            type: this.linkType,\n            source: this.sourcePort ? this.sourcePort.getParent().id : null,\n            sourcePort: this.sourcePort ? this.sourcePort.id : null,\n            target: this.targetPort ? this.targetPort.getParent().id : null,\n            targetPort: this.targetPort ? this.targetPort.id : null,\n            points: _.map(this.points, function (point) {\n                return point.serialize();\n            }),\n            extras: this.extras\n        });\n    };\n    LinkModel.prototype.remove = function () {\n        _super.prototype.remove.call(this);\n        if (this.sourcePort) {\n            this.sourcePort.removeLink(this);\n        }\n        if (this.targetPort) {\n            this.targetPort.removeLink(this);\n        }\n    };\n    LinkModel.prototype.isLastPoint = function (point) {\n        var index = this.getPointIndex(point);\n        return index === this.points.length - 1;\n    };\n    LinkModel.prototype.getPointIndex = function (point) {\n        return this.points.indexOf(point);\n    };\n    LinkModel.prototype.getPointModel = function (id) {\n        for (var i = 0; i < this.points.length; i++) {\n            if (this.points[i].id === id) {\n                return this.points[i];\n            }\n        }\n        return null;\n    };\n    LinkModel.prototype.getFirstPoint = function () {\n        return this.points[0];\n    };\n    LinkModel.prototype.getLastPoint = function () {\n        return this.points[this.points.length - 1];\n    };\n    LinkModel.prototype.setSourcePort = function (port) {\n        port.addLink(this);\n        this.sourcePort = port;\n    };\n    LinkModel.prototype.getSourcePort = function () {\n        return this.sourcePort;\n    };\n    LinkModel.prototype.getTargetPort = function () {\n        return this.targetPort;\n    };\n    LinkModel.prototype.setTargetPort = function (port) {\n        port.addLink(this);\n        this.targetPort = port;\n    };\n    LinkModel.prototype.getPoints = function () {\n        return this.points;\n    };\n    LinkModel.prototype.setPoints = function (points) {\n        this.points = points;\n    };\n    LinkModel.prototype.removePoint = function (pointModel) {\n        this.points.splice(this.getPointIndex(pointModel), 1);\n    };\n    LinkModel.prototype.addPoint = function (pointModel, index) {\n        if (index === void 0) { index = 1; }\n        this.points.splice(index, 0, pointModel);\n    };\n    LinkModel.prototype.getType = function () {\n        return this.linkType;\n    };\n    return LinkModel;\n}(BaseModel));\nexports.LinkModel = LinkModel;\nvar PortModel = (function (_super) {\n    __extends(PortModel, _super);\n    function PortModel(name) {\n        var _this = _super.call(this) || this;\n        _this.name = name;\n        _this.links = {};\n        _this.parentNode = null;\n        return _this;\n    }\n    PortModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            name: this.name,\n            parentNode: this.parentNode.id,\n            links: _.map(this.links, function (link) {\n                return link.id;\n            })\n        });\n    };\n    PortModel.prototype.getName = function () {\n        return this.name;\n    };\n    PortModel.prototype.getParent = function () {\n        return this.parentNode;\n    };\n    PortModel.prototype.setParentNode = function (node) {\n        this.parentNode = node;\n    };\n    PortModel.prototype.removeLink = function (link) {\n        delete this.links[link.getID()];\n    };\n    PortModel.prototype.addLink = function (link) {\n        this.links[link.getID()] = link;\n    };\n    PortModel.prototype.getLinks = function () {\n        return this.links;\n    };\n    return PortModel;\n}(BaseModel));\nexports.PortModel = PortModel;\nvar NodeModel = (function (_super) {\n    __extends(NodeModel, _super);\n    function NodeModel(nodeType) {\n        if (nodeType === void 0) { nodeType = 'default'; }\n        var _this = _super.call(this) || this;\n        _this.nodeType = nodeType;\n        _this.x = 0;\n        _this.y = 0;\n        _this.extras = {};\n        _this.ports = {};\n        return _this;\n    }\n    NodeModel.prototype.deSerialize = function (ob) {\n        _super.prototype.deSerialize.call(this, ob);\n        this.nodeType = ob.type;\n        this.x = ob.x;\n        this.y = ob.y;\n        this.extras = ob.extras;\n    };\n    NodeModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            type: this.nodeType,\n            x: this.x,\n            y: this.y,\n            extras: this.extras,\n            ports: _.map(this.ports, function (port) {\n                return port.serialize();\n            })\n        });\n    };\n    NodeModel.prototype.remove = function () {\n        _super.prototype.remove.call(this);\n        for (var i in this.ports) {\n            _.forEach(this.ports[i].getLinks(), function (link) {\n                link.remove();\n            });\n        }\n    };\n    NodeModel.prototype.getPort = function (name) {\n        return this.ports[name];\n    };\n    NodeModel.prototype.getPorts = function () {\n        return this.ports;\n    };\n    NodeModel.prototype.removePort = function (port) {\n        //clear the parent node reference\n        if (this.ports[port.name]) {\n            this.ports[port.name].setParentNode(null);\n            delete this.ports[port.name];\n        }\n    };\n    NodeModel.prototype.addPort = function (port) {\n        port.setParentNode(this);\n        this.ports[port.name] = port;\n        return port;\n    };\n    NodeModel.prototype.getType = function () {\n        return this.nodeType;\n    };\n    return NodeModel;\n}(BaseModel));\nexports.NodeModel = NodeModel;\n\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar Toolkit_1 = __webpack_require__(7);\n/**\n * @author Dylan Vorster\n */\nvar BaseListener = (function () {\n    function BaseListener() {\n    }\n    return BaseListener;\n}());\nexports.BaseListener = BaseListener;\nvar BaseEntity = (function () {\n    function BaseEntity() {\n        this.listeners = {};\n        this.id = Toolkit_1.Toolkit.UID();\n    }\n    BaseEntity.prototype.getID = function () {\n        return this.id;\n    };\n    BaseEntity.prototype.clearListeners = function () {\n        this.listeners = {};\n    };\n    BaseEntity.prototype.deSerialize = function (data) {\n        this.id = data.id;\n    };\n    BaseEntity.prototype.serialize = function () {\n        return {\n            id: this.id,\n        };\n    };\n    BaseEntity.prototype.itterateListeners = function (cb) {\n        for (var i in this.listeners) {\n            cb(this.listeners[i]);\n        }\n    };\n    BaseEntity.prototype.removeListener = function (listener) {\n        if (this.listeners[listener]) {\n            delete this.listeners[listener];\n            return true;\n        }\n        return false;\n    };\n    BaseEntity.prototype.addListener = function (listener) {\n        var uid = Toolkit_1.Toolkit.UID();\n        this.listeners[uid] = listener;\n        return uid;\n    };\n    return BaseEntity;\n}());\nexports.BaseEntity = BaseEntity;\n\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n/**\n * @author Dylan Vorster\n */\nvar AbstractInstanceFactory = (function () {\n    function AbstractInstanceFactory(className) {\n        this.className = className;\n    }\n    AbstractInstanceFactory.prototype.getName = function () {\n        return this.className;\n    };\n    return AbstractInstanceFactory;\n}());\nexports.AbstractInstanceFactory = AbstractInstanceFactory;\n\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\n/**\n * @author Dylan Vorster\n */\nvar WidgetFactory = (function () {\n    function WidgetFactory(name) {\n        this.type = name;\n    }\n    WidgetFactory.prototype.getType = function () {\n        return this.type;\n    };\n    return WidgetFactory;\n}());\nexports.WidgetFactory = WidgetFactory;\nvar NodeWidgetFactory = (function (_super) {\n    __extends(NodeWidgetFactory, _super);\n    function NodeWidgetFactory() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    return NodeWidgetFactory;\n}(WidgetFactory));\nexports.NodeWidgetFactory = NodeWidgetFactory;\nvar LinkWidgetFactory = (function (_super) {\n    __extends(LinkWidgetFactory, _super);\n    function LinkWidgetFactory() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    return LinkWidgetFactory;\n}(WidgetFactory));\nexports.LinkWidgetFactory = LinkWidgetFactory;\n\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar Common_1 = __webpack_require__(2);\nvar BaseEntity_1 = __webpack_require__(3);\nvar _ = __webpack_require__(1);\n/**\n *\n */\nvar DiagramModel = (function (_super) {\n    __extends(DiagramModel, _super);\n    function DiagramModel() {\n        var _this = _super.call(this) || this;\n        _this.links = {};\n        _this.nodes = {};\n        _this.offsetX = 0;\n        _this.offsetY = 0;\n        _this.zoom = 100;\n        return _this;\n    }\n    DiagramModel.prototype.deSerializeDiagram = function (object, diagramEngine) {\n        var _this = this;\n        this.deSerialize(object);\n        this.offsetX = object.offsetX;\n        this.offsetY = object.offsetY;\n        this.zoom = object.zoom;\n        //deserialize nodes\n        _.forEach(object.nodes, function (node) {\n            var nodeOb = diagramEngine.getInstanceFactory(node._class).getInstance();\n            nodeOb.deSerialize(node);\n            //deserialize ports\n            _.forEach(node.ports, function (port) {\n                var portOb = diagramEngine.getInstanceFactory(port._class).getInstance();\n                portOb.deSerialize(port);\n                nodeOb.addPort(portOb);\n            });\n            _this.addNode(nodeOb);\n        });\n        _.forEach(object.links, function (link) {\n            var linkOb = diagramEngine.getInstanceFactory(link._class).getInstance();\n            linkOb.deSerialize(link);\n            if (link.target) {\n                _this.getNode(link.target).getPort(link.targetPort).addLink(linkOb);\n            }\n            if (link.source) {\n                _this.getNode(link.source).getPort(link.sourcePort).addLink(linkOb);\n            }\n            _this.addLink(linkOb);\n        });\n    };\n    DiagramModel.prototype.serializeDiagram = function () {\n        return _.merge(this.serialize(), {\n            offsetX: this.offsetX,\n            offsetY: this.offsetY,\n            zoom: this.zoom,\n            links: _.map(this.links, function (link) {\n                return link.serialize();\n            }),\n            nodes: _.map(this.nodes, function (link) {\n                return link.serialize();\n            }),\n        });\n    };\n    DiagramModel.prototype.clearSelection = function (ignore) {\n        if (ignore === void 0) { ignore = null; }\n        _.forEach(this.getSelectedItems(), function (element) {\n            if (ignore && ignore.getID() === element.getID()) {\n                return;\n            }\n            element.setSelected(false); //TODO dont fire the listener\n        });\n    };\n    DiagramModel.prototype.getSelectedItems = function () {\n        var items = [];\n        //find all nodes\n        items = items.concat(_.filter(this.nodes, function (node) {\n            return node.isSelected();\n        }));\n        //find all points\n        items = items.concat(_.filter(_.flatMap(this.links, function (node) {\n            return node.points;\n        }), function (port) {\n            return port.isSelected();\n        }));\n        //find all links\n        return items.concat(_.filter(this.links, function (link) {\n            return link.isSelected();\n        }));\n    };\n    DiagramModel.prototype.setZoomLevel = function (zoom) {\n        this.zoom = zoom;\n        this.itterateListeners(function (listener) {\n            listener.controlsUpdated();\n        });\n    };\n    DiagramModel.prototype.setOffset = function (offsetX, offsetY) {\n        this.offsetX = offsetX;\n        this.offsetY = offsetY;\n        this.itterateListeners(function (listener) {\n            listener.controlsUpdated();\n        });\n    };\n    DiagramModel.prototype.setOffsetX = function (offsetX) {\n        this.offsetX = offsetX;\n        this.itterateListeners(function (listener) {\n            listener.controlsUpdated();\n        });\n    };\n    DiagramModel.prototype.setOffsetY = function (offsetY) {\n        this.offsetX = offsetY;\n        this.itterateListeners(function (listener) {\n            listener.controlsUpdated();\n        });\n    };\n    DiagramModel.prototype.getOffsetY = function () {\n        return this.offsetY;\n    };\n    DiagramModel.prototype.getOffsetX = function () {\n        return this.offsetX;\n    };\n    DiagramModel.prototype.getZoomLevel = function () {\n        return this.zoom;\n    };\n    DiagramModel.prototype.getNode = function (node) {\n        if (node instanceof Common_1.NodeModel) {\n            return node;\n        }\n        if (!this.nodes[node]) {\n            return null;\n        }\n        return this.nodes[node];\n    };\n    DiagramModel.prototype.getLink = function (link) {\n        if (link instanceof Common_1.LinkModel) {\n            return link;\n        }\n        if (!this.links[link]) {\n            return null;\n        }\n        return this.links[link];\n    };\n    DiagramModel.prototype.addLink = function (link) {\n        var _this = this;\n        link.addListener({\n            entityRemoved: function () {\n                _this.removeLink(link);\n            }\n        });\n        this.links[link.getID()] = link;\n        this.itterateListeners(function (listener) {\n            listener.linksUpdated();\n        });\n        return link;\n    };\n    DiagramModel.prototype.addNode = function (node) {\n        var _this = this;\n        node.addListener({\n            entityRemoved: function () {\n                _this.removeNode(node);\n            }\n        });\n        this.nodes[node.getID()] = node;\n        this.itterateListeners(function (listener) {\n            listener.nodesUpdated();\n        });\n        return node;\n    };\n    DiagramModel.prototype.removeLink = function (link) {\n        if (link instanceof Common_1.LinkModel) {\n            delete this.links[link.getID()];\n            this.itterateListeners(function (listener) {\n                listener.linksUpdated();\n            });\n            return;\n        }\n        delete this.links['' + link];\n        this.itterateListeners(function (listener) {\n            listener.linksUpdated();\n        });\n    };\n    DiagramModel.prototype.removeNode = function (node) {\n        if (node instanceof Common_1.NodeModel) {\n            delete this.nodes[node.getID()];\n            this.itterateListeners(function (listener) {\n                listener.nodesUpdated();\n            });\n            return;\n        }\n        delete this.nodes['' + node];\n        this.itterateListeners(function (listener) {\n            listener.nodesUpdated();\n        });\n    };\n    DiagramModel.prototype.getLinks = function () {\n        return this.links;\n    };\n    DiagramModel.prototype.getNodes = function () {\n        return this.nodes;\n    };\n    return DiagramModel;\n}(BaseEntity_1.BaseEntity));\nexports.DiagramModel = DiagramModel;\n\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n/**\n * @author Dylan Vorster\n */\nvar Toolkit = (function () {\n    function Toolkit() {\n    }\n    /**\n   * Generats a unique ID (thanks Stack overflow :3)\n   * @returns {String}\n   */\n    Toolkit.UID = function () {\n        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n            var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);\n            return v.toString(16);\n        });\n    };\n    return Toolkit;\n}());\nexports.Toolkit = Toolkit;\n\n\n/***/ }),\n/* 8 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar Common_1 = __webpack_require__(2);\nvar _ = __webpack_require__(1);\n/**\n * @author Dylan Vorster\n */\nvar DefaultLinkWidget = (function (_super) {\n    __extends(DefaultLinkWidget, _super);\n    function DefaultLinkWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {\n            selected: false\n        };\n        return _this;\n    }\n    DefaultLinkWidget.prototype.generatePoint = function (pointIndex) {\n        var _this = this;\n        return React.DOM.g({ key: 'point-' + this.props.link.points[pointIndex].id }, React.DOM.circle({\n            className: 'point pointui' + (this.props.link.points[pointIndex].isSelected() ? ' selected' : ''),\n            cx: this.props.link.points[pointIndex].x,\n            cy: this.props.link.points[pointIndex].y,\n            r: 5,\n        }), React.DOM.circle({\n            className: 'point',\n            'data-linkid': this.props.link.id,\n            'data-id': this.props.link.points[pointIndex].id,\n            cx: this.props.link.points[pointIndex].x,\n            cy: this.props.link.points[pointIndex].y,\n            r: 15,\n            opacity: 0,\n            onMouseLeave: function () {\n                _this.setState({ selected: false });\n                //\t\t\t\tthis.props.link.setSelected(false);\n            },\n            onMouseEnter: function () {\n                _this.setState({ selected: true });\n                //\t\t\t\tthis.props.link.setSelected(true);\n            },\n        }));\n    };\n    DefaultLinkWidget.prototype.generateLink = function (extraProps) {\n        var _this = this;\n        var Bottom = React.DOM.path(_.merge({\n            className: (this.state.selected || this.props.link.isSelected()) ? 'selected' : '',\n            strokeWidth: this.props.width,\n            stroke: this.props.color\n        }, extraProps));\n        var Top = React.DOM.path(_.merge({\n            onMouseLeave: function () {\n                _this.setState({ selected: false });\n            },\n            onMouseEnter: function () {\n                _this.setState({ selected: true });\n            },\n            'data-linkid': this.props.link.getID(),\n            stroke: this.props.color,\n            strokeOpacity: this.state.selected ? 0.1 : 0,\n            strokeWidth: 20,\n            onContextMenu: function (event) {\n                event.preventDefault();\n                _this.props.link.remove();\n            },\n        }, extraProps));\n        return React.DOM.g({ key: 'link-' + extraProps.id }, Bottom, Top);\n    };\n    DefaultLinkWidget.prototype.render = function () {\n        var _this = this;\n        //ensure id is present for all points on the path\n        var points = this.props.link.points;\n        var paths = [];\n        //draw the smoothing\n        if (points.length === 2) {\n            //if the points are too close, just draw a straight line\n            var margin = 50;\n            if (Math.abs(points[0].x - points[1].x) < 50) {\n                margin = 5;\n            }\n            var pointLeft = points[0];\n            var pointRight = points[1];\n            //some defensive programming to make sure the smoothing is\n            //always in the right direction\n            if (pointLeft.x > pointRight.x) {\n                pointLeft = points[1];\n                pointRight = points[0];\n            }\n            paths.push(this.generateLink({\n                id: 0,\n                onMouseDown: function (event) {\n                    if (!event.shiftKey) {\n                        var point = new Common_1.PointModel(_this.props.link, _this.props.diagramEngine.getRelativeMousePoint(event));\n                        point.setSelected(true);\n                        _this.forceUpdate();\n                        _this.props.link.addPoint(point, 1);\n                        _this.props.pointAdded(point, event);\n                    }\n                },\n                d: \" M\" + pointLeft.x + \" \" + pointLeft.y\n                    + \" C\" + (pointLeft.x + margin) + \" \" + pointLeft.y\n                    + \" \" + (pointRight.x - margin) + \" \" + pointRight.y\n                    + \" \" + pointRight.x + \" \" + pointRight.y\n            }));\n            if (this.props.link.targetPort === null) {\n                paths.push(this.generatePoint(1));\n            }\n        }\n        else {\n            var ds = [];\n            if (this.props.smooth) {\n                ds.push(\" M\" + points[0].x + \" \" + points[0].y + \" C \" + (points[0].x + 50) + \" \" + points[0].y + \" \" + points[1].x + \" \" + points[1].y + \" \" + points[1].x + \" \" + points[1].y);\n                for (var i = 1; i < points.length - 2; i++) {\n                    ds.push(\" M \" + points[i].x + \" \" + points[i].y + \" L \" + points[i + 1].x + \" \" + points[i + 1].y);\n                }\n                ds.push(\" M\" + points[i].x + \" \" + points[i].y + \" C \" + points[i].x + \" \" + points[i].y + \" \" + (points[i + 1].x - 50) + \" \" + points[i + 1].y + \" \" + points[i + 1].x + \" \" + points[i + 1].y);\n            }\n            else {\n                var ds = [];\n                for (var i = 0; i < points.length - 1; i++) {\n                    ds.push(\" M \" + points[i].x + \" \" + points[i].y + \" L \" + points[i + 1].x + \" \" + points[i + 1].y);\n                }\n            }\n            paths = ds.map(function (data, index) {\n                return _this.generateLink({\n                    id: index,\n                    'data-linkid': _this.props.link.id,\n                    'data-point': index,\n                    onMouseDown: function (event) {\n                        if (!event.shiftKey) {\n                            var point = new Common_1.PointModel(_this.props.link, _this.props.diagramEngine.getRelativeMousePoint(event));\n                            point.setSelected(true);\n                            _this.forceUpdate();\n                            _this.props.link.addPoint(point, index + 1);\n                            _this.props.pointAdded(point, event);\n                        }\n                    },\n                    d: data\n                });\n            });\n            //render the circles\n            for (var i = 1; i < points.length - 1; i++) {\n                paths.push(this.generatePoint(i));\n            }\n            if (this.props.link.targetPort === null) {\n                paths.push(this.generatePoint(points.length - 1));\n            }\n        }\n        return (React.DOM.g(null, paths));\n    };\n    return DefaultLinkWidget;\n}(React.Component));\nDefaultLinkWidget.defaultProps = {\n    color: 'black',\n    width: 3,\n    link: null,\n    engine: null,\n    smooth: false,\n    diagramEngine: null\n};\nexports.DefaultLinkWidget = DefaultLinkWidget;\n\n\n/***/ }),\n/* 9 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar _ = __webpack_require__(1);\nvar div = React.DOM.div;\nvar DefaultPortLabelWidget_1 = __webpack_require__(21);\n/**\n * @author Dylan Vorster\n */\nvar DefaultNodeWidget = (function (_super) {\n    __extends(DefaultNodeWidget, _super);\n    function DefaultNodeWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {};\n        return _this;\n    }\n    DefaultNodeWidget.prototype.render = function () {\n        return (div({ className: 'basic-node', style: { background: this.props.node.color } }, div({ className: 'title' }, div({ className: 'name' }, this.props.node.name), div({ className: 'fa fa-close', onClick: this.props.node.remove })), div({ className: 'ports' }, div({ className: 'in' }, _.map(this.props.node.getInPorts(), function (port) {\n            return React.createElement(DefaultPortLabelWidget_1.DefaultPortLabel, { model: port });\n        })), div({ className: 'out' }, _.map(this.props.node.getOutPorts(), function (port) {\n            return React.createElement(DefaultPortLabelWidget_1.DefaultPortLabel, { model: port });\n        })))));\n    };\n    return DefaultNodeWidget;\n}(React.Component));\nDefaultNodeWidget.defaultProps = {\n    node: null,\n};\nexports.DefaultNodeWidget = DefaultNodeWidget;\n\n\n/***/ }),\n/* 10 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar LinkWidget_1 = __webpack_require__(11);\nvar _ = __webpack_require__(1);\n/**\n * @author Dylan Vorster\n */\nvar LinkLayerWidget = (function (_super) {\n    __extends(LinkLayerWidget, _super);\n    function LinkLayerWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {};\n        return _this;\n    }\n    LinkLayerWidget.prototype.componentDidMount = function () {\n        var _this = this;\n        setTimeout(function () {\n            _this.forceUpdate();\n        }, 10);\n    };\n    LinkLayerWidget.prototype.render = function () {\n        var _this = this;\n        var diagramModel = this.props.diagramEngine.getDiagramModel();\n        return (React.DOM.svg({\n            style: {\n                transform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY() + 'px)',\n                width: '100%',\n                height: '100%'\n            }\n        }, _.map(diagramModel.getLinks(), function (link) {\n            //TODO just improve this vastly x_x\n            if (link.sourcePort !== null) {\n                try {\n                    //generate a point\n                    link.points[0].updateLocation(_this.props.diagramEngine.getPortCenter(link.sourcePort));\n                }\n                //remove the link because its problematic (TODO implement this rather at an engine level)\n                catch (ex) {\n                    console.log(ex);\n                    diagramModel.removeLink(link);\n                    return;\n                }\n            }\n            if (link.targetPort !== null) {\n                try {\n                    _.last(link.points).updateLocation(_this.props.diagramEngine.getPortCenter(link.targetPort));\n                }\n                //remove the link because its problematic (TODO implement this rather at an engine level)\n                catch (ex) {\n                    console.log(ex);\n                    diagramModel.removeLink(link);\n                    return;\n                }\n            }\n            //generate links\n            var generatedLink = _this.props.diagramEngine.generateWidgetForLink(link);\n            if (!generatedLink) {\n                console.log(\"no link generated for type: \" + link.getType());\n                return null;\n            }\n            return (React.createElement(LinkWidget_1.LinkWidget, {\n                key: link.getID(),\n                link: link,\n                diagramEngine: _this.props.diagramEngine,\n            }, React.cloneElement(generatedLink, { pointAdded: _this.props.pointAdded })));\n        })));\n    };\n    return LinkLayerWidget;\n}(React.Component));\nexports.LinkLayerWidget = LinkLayerWidget;\n\n\n/***/ }),\n/* 11 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\n/**\n * @author Dylan Vorster\n */\nvar LinkWidget = (function (_super) {\n    __extends(LinkWidget, _super);\n    function LinkWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {};\n        return _this;\n    }\n    LinkWidget.prototype.shouldComponentUpdate = function () {\n        return this.props.diagramEngine.canEntityRepaint(this.props.link);\n    };\n    LinkWidget.prototype.render = function () {\n        return this.props.children;\n    };\n    return LinkWidget;\n}(React.Component));\nexports.LinkWidget = LinkWidget;\n\n\n/***/ }),\n/* 12 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar _ = __webpack_require__(1);\nvar NodeWidget_1 = __webpack_require__(13);\n/**\n * @author Dylan Vorster\n */\nvar NodeLayerWidget = (function (_super) {\n    __extends(NodeLayerWidget, _super);\n    function NodeLayerWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {};\n        return _this;\n    }\n    NodeLayerWidget.prototype.render = function () {\n        var _this = this;\n        var diagramModel = this.props.diagramEngine.getDiagramModel();\n        return (React.DOM.div({\n            className: 'node-view',\n            style: {\n                transform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY() + 'px)',\n                width: '100%',\n                height: '100%'\n            }\n        }, _.map(diagramModel.getNodes(), function (node) {\n            return (React.createElement(NodeWidget_1.NodeWidget, { diagramEngine: _this.props.diagramEngine, key: node.id, node: node }, _this.props.diagramEngine.generateWidgetForNode(node)));\n        })));\n    };\n    return NodeLayerWidget;\n}(React.Component));\nexports.NodeLayerWidget = NodeLayerWidget;\n\n\n/***/ }),\n/* 13 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\n/**\n * @author Dylan Vorster\n */\nvar NodeWidget = (function (_super) {\n    __extends(NodeWidget, _super);\n    function NodeWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {};\n        return _this;\n    }\n    NodeWidget.prototype.shouldComponentUpdate = function () {\n        return this.props.diagramEngine.canEntityRepaint(this.props.node);\n    };\n    NodeWidget.prototype.render = function () {\n        return (React.DOM.div({\n            'data-nodeid': this.props.node.id,\n            className: 'node' + (this.props.node.isSelected() ? ' selected' : ''),\n            style: {\n                top: this.props.node.y,\n                left: this.props.node.x,\n            }\n        }, React.cloneElement(this.props.children, {})));\n    };\n    return NodeWidget;\n}(React.Component));\nexports.NodeWidget = NodeWidget;\n\n\n/***/ }),\n/* 14 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\n/**\n * @author Dylan Vorster\n */\nvar PortWidget = (function (_super) {\n    __extends(PortWidget, _super);\n    function PortWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {\n            selected: false\n        };\n        return _this;\n    }\n    PortWidget.prototype.render = function () {\n        var _this = this;\n        return (React.DOM.div({\n            onMouseEnter: function () {\n                _this.setState({ selected: true });\n            },\n            onMouseLeave: function () {\n                _this.setState({ selected: false });\n            },\n            className: 'port' + (this.state.selected ? ' selected' : ''),\n            'data-name': this.props.name,\n            'data-nodeid': this.props.node.getID()\n        }));\n    };\n    return PortWidget;\n}(React.Component));\nexports.PortWidget = PortWidget;\n\n\n/***/ }),\n/* 15 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar Common_1 = __webpack_require__(2);\nvar BaseEntity_1 = __webpack_require__(3);\nvar DiagramModel_1 = __webpack_require__(6);\nvar _ = __webpack_require__(1);\n/**\n * Passed as a parameter to the DiagramWidget\n */\nvar DiagramEngine = (function (_super) {\n    __extends(DiagramEngine, _super);\n    function DiagramEngine() {\n        var _this = _super.call(this) || this;\n        _this.diagramModel = new DiagramModel_1.DiagramModel();\n        _this.nodeFactories = {};\n        _this.linkFactories = {};\n        _this.instanceFactories = {};\n        _this.canvas = null;\n        _this.paintableWidgets = null;\n        return _this;\n    }\n    DiagramEngine.prototype.clearRepaintEntities = function () {\n        this.paintableWidgets = null;\n    };\n    DiagramEngine.prototype.enableRepaintEntities = function (entities) {\n        var _this = this;\n        this.paintableWidgets = {};\n        entities.forEach(function (entity) {\n            //if a node is requested to repaint, add all of its links\n            if (entity instanceof Common_1.NodeModel) {\n                _.forEach(entity.getPorts(), function (port) {\n                    _.forEach(port.getLinks(), function (link) {\n                        _this.paintableWidgets[link.getID()] = true;\n                    });\n                });\n            }\n            if (entity instanceof Common_1.PointModel) {\n                _this.paintableWidgets[entity.getLink().getID()] = true;\n            }\n            _this.paintableWidgets[entity.getID()] = true;\n        });\n    };\n    DiagramEngine.prototype.canEntityRepaint = function (baseModel) {\n        //no rules applied, allow repaint\n        if (this.paintableWidgets === null) {\n            return true;\n        }\n        return this.paintableWidgets[baseModel.getID()] !== undefined;\n    };\n    DiagramEngine.prototype.setCanvas = function (canvas) {\n        this.canvas = canvas;\n    };\n    DiagramEngine.prototype.setDiagramModel = function (model) {\n        this.diagramModel = model;\n    };\n    DiagramEngine.prototype.getDiagramModel = function () {\n        return this.diagramModel;\n    };\n    DiagramEngine.prototype.getNodeFactories = function () {\n        return this.nodeFactories;\n    };\n    DiagramEngine.prototype.getLinkFactories = function () {\n        return this.linkFactories;\n    };\n    DiagramEngine.prototype.getInstanceFactory = function (className) {\n        return this.instanceFactories[className];\n    };\n    DiagramEngine.prototype.registerInstanceFactory = function (factory) {\n        this.instanceFactories[factory.getName()] = factory;\n    };\n    DiagramEngine.prototype.registerNodeFactory = function (factory) {\n        this.nodeFactories[factory.getType()] = factory;\n        this.itterateListeners(function (listener) {\n            listener.nodeFactoriesUpdated();\n        });\n    };\n    DiagramEngine.prototype.registerLinkFactory = function (factory) {\n        this.linkFactories[factory.getType()] = factory;\n        this.itterateListeners(function (listener) {\n            listener.linkFactoriesUpdated();\n        });\n    };\n    DiagramEngine.prototype.getFactoryForNode = function (node) {\n        if (this.nodeFactories[node.getType()]) {\n            return this.nodeFactories[node.getType()];\n        }\n        console.log(\"cannot find widget factory for node of type: [\" + node.getType() + \"]\");\n        return null;\n    };\n    DiagramEngine.prototype.getFactoryForLink = function (link) {\n        if (this.linkFactories[link.getType()]) {\n            return this.linkFactories[link.getType()];\n        }\n        console.log(\"cannot find widget factory for link of type: [\" + link.getType() + \"]\");\n        return null;\n    };\n    DiagramEngine.prototype.generateWidgetForLink = function (link) {\n        var linkFactory = this.getFactoryForLink(link);\n        if (!linkFactory) {\n            throw \"Cannot find link factory for link: \" + link.getType();\n        }\n        return linkFactory.generateReactWidget(this, link);\n    };\n    DiagramEngine.prototype.generateWidgetForNode = function (node) {\n        var nodeFactory = this.getFactoryForNode(node);\n        if (!nodeFactory) {\n            throw \"Cannot find widget factory for node: \" + node.getType();\n        }\n        return nodeFactory.generateReactWidget(this, node);\n    };\n    DiagramEngine.prototype.getRelativeMousePoint = function (event) {\n        var point = this.getRelativePoint(event.pageX, event.pageY);\n        return {\n            x: (point.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n            y: (point.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()\n        };\n    };\n    DiagramEngine.prototype.getRelativePoint = function (x, y) {\n        var canvasRect = this.canvas.getBoundingClientRect();\n        return { x: x - canvasRect.left, y: y - canvasRect.top };\n    };\n    DiagramEngine.prototype.getNodePortElement = function (port) {\n        var selector = this.canvas.querySelector('.port[data-name=\"' + port.getName() + '\"][data-nodeid=\"' + port.getParent().getID() + '\"]');\n        if (selector === null) {\n            throw \"Cannot find Node Port element with nodeID: [\" + port.getParent().getID() + \"] and name: [\" + port.getName() + \"]\";\n        }\n        return selector;\n    };\n    DiagramEngine.prototype.getPortCenter = function (port) {\n        var sourceElement = this.getNodePortElement(port);\n        var sourceRect = sourceElement.getBoundingClientRect();\n        var rel = this.getRelativePoint(sourceRect.left, sourceRect.top);\n        return {\n            x: ((sourceElement.offsetWidth / 2) + rel.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n            y: ((sourceElement.offsetHeight / 2) + rel.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()\n        };\n    };\n    return DiagramEngine;\n}(BaseEntity_1.BaseEntity));\nexports.DiagramEngine = DiagramEngine;\n\n\n/***/ }),\n/* 16 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar WidgetFactories_1 = __webpack_require__(5);\nvar React = __webpack_require__(0);\nvar DefaultLinkWidget_1 = __webpack_require__(8);\n/**\n * @author Dylan Vorster\n */\nvar DefaultLinkFactory = (function (_super) {\n    __extends(DefaultLinkFactory, _super);\n    function DefaultLinkFactory() {\n        return _super.call(this, \"default\") || this;\n    }\n    DefaultLinkFactory.prototype.generateReactWidget = function (diagramEngine, link) {\n        return React.createElement(DefaultLinkWidget_1.DefaultLinkWidget, {\n            link: link,\n            diagramEngine: diagramEngine\n        });\n    };\n    return DefaultLinkFactory;\n}(WidgetFactories_1.LinkWidgetFactory));\nexports.DefaultLinkFactory = DefaultLinkFactory;\n\n\n/***/ }),\n/* 17 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar WidgetFactories_1 = __webpack_require__(5);\nvar React = __webpack_require__(0);\nvar DefaultNodeWidget_1 = __webpack_require__(9);\n/**\n * @author Dylan Vorster\n */\nvar DefaultNodeFactory = (function (_super) {\n    __extends(DefaultNodeFactory, _super);\n    function DefaultNodeFactory() {\n        return _super.call(this, \"default\") || this;\n    }\n    DefaultNodeFactory.prototype.generateReactWidget = function (diagramEngine, node) {\n        return React.createElement(DefaultNodeWidget_1.DefaultNodeWidget, {\n            node: node,\n            diagramEngine: diagramEngine\n        });\n    };\n    return DefaultNodeFactory;\n}(WidgetFactories_1.NodeWidgetFactory));\nexports.DefaultNodeFactory = DefaultNodeFactory;\n\n\n/***/ }),\n/* 18 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar Common_1 = __webpack_require__(2);\nvar _ = __webpack_require__(1);\nvar AbstractInstanceFactory_1 = __webpack_require__(4);\nvar DefaultNodeInstanceFactory = (function (_super) {\n    __extends(DefaultNodeInstanceFactory, _super);\n    function DefaultNodeInstanceFactory() {\n        return _super.call(this, \"DefaultNodeModel\") || this;\n    }\n    DefaultNodeInstanceFactory.prototype.getInstance = function () {\n        return new DefaultNodeModel();\n    };\n    return DefaultNodeInstanceFactory;\n}(AbstractInstanceFactory_1.AbstractInstanceFactory));\nexports.DefaultNodeInstanceFactory = DefaultNodeInstanceFactory;\n/**\n * @author Dylan Vorster\n */\nvar DefaultNodeModel = (function (_super) {\n    __extends(DefaultNodeModel, _super);\n    function DefaultNodeModel(name, color) {\n        if (name === void 0) { name = 'Untitled'; }\n        if (color === void 0) { color = 'rgb(0,192,255)'; }\n        var _this = _super.call(this, \"default\") || this;\n        _this.name = name;\n        _this.color = color;\n        return _this;\n    }\n    DefaultNodeModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            name: this.name,\n            color: this.color,\n        });\n    };\n    DefaultNodeModel.prototype.getInPorts = function () {\n        return _.filter(this.ports, function (portModel) {\n            return portModel.in;\n        });\n    };\n    DefaultNodeModel.prototype.getOutPorts = function () {\n        return _.filter(this.ports, function (portModel) {\n            return !portModel.in;\n        });\n    };\n    return DefaultNodeModel;\n}(Common_1.NodeModel));\nexports.DefaultNodeModel = DefaultNodeModel;\n\n\n/***/ }),\n/* 19 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar Common_1 = __webpack_require__(2);\nvar _ = __webpack_require__(1);\nvar AbstractInstanceFactory_1 = __webpack_require__(4);\nvar DefaultPortInstanceFactory = (function (_super) {\n    __extends(DefaultPortInstanceFactory, _super);\n    function DefaultPortInstanceFactory() {\n        return _super.call(this, \"DefaultPortModel\") || this;\n    }\n    DefaultPortInstanceFactory.prototype.getInstance = function () {\n        return new DefaultPortModel(true, \"unknown\");\n    };\n    return DefaultPortInstanceFactory;\n}(AbstractInstanceFactory_1.AbstractInstanceFactory));\nexports.DefaultPortInstanceFactory = DefaultPortInstanceFactory;\n/**\n * @author Dylan Vorster\n */\nvar DefaultPortModel = (function (_super) {\n    __extends(DefaultPortModel, _super);\n    function DefaultPortModel(isInput, name, label) {\n        if (label === void 0) { label = null; }\n        var _this = _super.call(this, name) || this;\n        _this.in = isInput;\n        _this.label = label || name;\n        return _this;\n    }\n    DefaultPortModel.prototype.serialize = function () {\n        return _.merge(_super.prototype.serialize.call(this), {\n            in: this.in,\n            label: this.label,\n        });\n    };\n    return DefaultPortModel;\n}(Common_1.PortModel));\nexports.DefaultPortModel = DefaultPortModel;\n\n\n/***/ }),\n/* 20 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar _ = __webpack_require__(1);\nvar Common_1 = __webpack_require__(2);\nvar LinkLayerWidget_1 = __webpack_require__(10);\nvar NodeLayerWidget_1 = __webpack_require__(12);\nvar BaseAction = (function () {\n    function BaseAction(mouseX, mouseY) {\n        this.mouseX = mouseX;\n        this.mouseY = mouseY;\n        this.ms = (new Date()).getTime();\n    }\n    return BaseAction;\n}());\nexports.BaseAction = BaseAction;\nvar SelectingAction = (function (_super) {\n    __extends(SelectingAction, _super);\n    function SelectingAction(mouseX, mouseY) {\n        var _this = _super.call(this, mouseX, mouseY) || this;\n        _this.mouseX2 = mouseX;\n        _this.mouseY2 = mouseY;\n        return _this;\n    }\n    SelectingAction.prototype.containsElement = function (x, y, diagramModel) {\n        var z = diagramModel.getZoomLevel() / 100.0;\n        return ((x + diagramModel.getOffsetX()) * z > this.mouseX &&\n            (x + diagramModel.getOffsetX()) * z < this.mouseX2 &&\n            (y + diagramModel.getOffsetY()) * z > this.mouseY &&\n            (y + diagramModel.getOffsetY()) * z < this.mouseY2);\n    };\n    return SelectingAction;\n}(BaseAction));\nvar MoveCanvasAction = (function (_super) {\n    __extends(MoveCanvasAction, _super);\n    function MoveCanvasAction(mouseX, mouseY, diagramModel) {\n        var _this = _super.call(this, mouseX, mouseY) || this;\n        _this.initialOffsetX = diagramModel.getOffsetX();\n        _this.initialOffsetY = diagramModel.getOffsetY();\n        return _this;\n    }\n    return MoveCanvasAction;\n}(BaseAction));\nvar MoveItemsAction = (function (_super) {\n    __extends(MoveItemsAction, _super);\n    function MoveItemsAction(mouseX, mouseY, diagramEngine) {\n        var _this = _super.call(this, mouseX, mouseY) || this;\n        _this.moved = false;\n        diagramEngine.enableRepaintEntities(diagramEngine.getDiagramModel().getSelectedItems());\n        _this.selectionModels = diagramEngine.getDiagramModel().getSelectedItems().map(function (item) {\n            return {\n                model: item,\n                initialX: item.x,\n                initialY: item.y,\n            };\n        });\n        return _this;\n    }\n    return MoveItemsAction;\n}(BaseAction));\n/**\n * @author Dylan Vorster\n */\nvar DiagramWidget = (function (_super) {\n    __extends(DiagramWidget, _super);\n    function DiagramWidget(props) {\n        var _this = _super.call(this, props) || this;\n        _this.state = {\n            action: null,\n            renderedNodes: false,\n            windowListener: null\n        };\n        return _this;\n    }\n    DiagramWidget.prototype.componentWillUnmount = function () {\n        this.props.diagramEngine.setCanvas(null);\n        window.removeEventListener('keydown', this.state.windowListener);\n    };\n    DiagramWidget.prototype.componentWillReceiveProps = function (nextProps) {\n        if (this.props.diagramEngine.id !== nextProps.diagramEngine.id) {\n            this.setState({ renderedNodes: false });\n        }\n    };\n    /**\n     * Gets a model and element under the mouse cursor\n     */\n    DiagramWidget.prototype.getMouseElement = function (event) {\n        var target = event.target;\n        var diagramModel = this.props.diagramEngine.diagramModel;\n        //is it a port\n        var element = target.closest('.port[data-name]');\n        if (element) {\n            var nodeElement = target.closest('.node[data-nodeid]');\n            return {\n                model: diagramModel.getNode(nodeElement.getAttribute('data-nodeid')).getPort(element.getAttribute('data-name')),\n                element: element\n            };\n        }\n        //look for a point\n        element = target.closest('.point[data-id]');\n        if (element) {\n            return {\n                model: diagramModel.getLink(element.getAttribute('data-linkid')).getPointModel(element.getAttribute('data-id')),\n                element: element\n            };\n        }\n        //look for a link\n        element = target.closest('[data-linkid]');\n        if (element) {\n            return {\n                model: diagramModel.getLink(element.getAttribute('data-linkid')),\n                element: element\n            };\n        }\n        //look for a node\n        element = target.closest('.node[data-nodeid]');\n        if (element) {\n            return {\n                model: diagramModel.getNode(element.getAttribute('data-nodeid')),\n                element: element\n            };\n        }\n        return null;\n    };\n    DiagramWidget.prototype.componentDidMount = function () {\n        var _this = this;\n        this.props.diagramEngine.setCanvas(this.refs['canvas']);\n        //TODO\n        //add a keybaord listener\n        this.setState({\n            renderedNodes: true,\n            windowListener: window.addEventListener('keydown', function (event) {\n                //delete all selected\n                if (event.keyCode === 46) {\n                    _.forEach(_this.props.diagramEngine.getDiagramModel().getSelectedItems(), function (element) {\n                        element.remove();\n                    });\n                    _this.forceUpdate();\n                }\n            })\n        });\n        window.focus();\n    };\n    DiagramWidget.prototype.render = function () {\n        var _this = this;\n        var diagramEngine = this.props.diagramEngine;\n        var diagramModel = diagramEngine.getDiagramModel();\n        return (React.DOM.div({\n            ref: 'canvas',\n            className: 'storm-diagrams-canvas',\n            onWheel: function (event) {\n                event.preventDefault();\n                event.stopPropagation();\n                diagramModel.setZoomLevel(diagramModel.getZoomLevel() + (event.deltaY / 60));\n                diagramEngine.enableRepaintEntities([]);\n                _this.forceUpdate();\n            },\n            onMouseMove: function (event) {\n                //select items so draw a bounding box\n                if (_this.state.action instanceof SelectingAction) {\n                    var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n                    _.forEach(diagramModel.getNodes(), function (node) {\n                        if (_this.state.action.containsElement(node.x, node.y, diagramModel)) {\n                            node.setSelected(true);\n                        }\n                    });\n                    _.forEach(diagramModel.getLinks(), function (link) {\n                        var allSelected = true;\n                        _.forEach(link.points, function (point) {\n                            if (_this.state.action.containsElement(point.x, point.y, diagramModel)) {\n                                point.setSelected(true);\n                            }\n                            else {\n                                allSelected = false;\n                            }\n                        });\n                        if (allSelected) {\n                            link.setSelected(true);\n                        }\n                    });\n                    _this.state.action.mouseX2 = relative.x;\n                    _this.state.action.mouseY2 = relative.y;\n                    _this.setState({ action: _this.state.action });\n                    return;\n                }\n                else if (_this.state.action instanceof MoveItemsAction) {\n                    _.forEach(_this.state.action.selectionModels, function (model) {\n                        if (model.model instanceof Common_1.NodeModel || model.model instanceof Common_1.PointModel) {\n                            model.model.x = model.initialX + ((event.pageX - _this.state.action.mouseX) / (diagramModel.getZoomLevel() / 100));\n                            model.model.y = model.initialY + ((event.pageY - _this.state.action.mouseY) / (diagramModel.getZoomLevel() / 100));\n                        }\n                    });\n                    _this.forceUpdate();\n                }\n                else if (_this.state.action instanceof MoveCanvasAction) {\n                    diagramModel.setOffset(_this.state.action.initialOffsetX + ((event.pageX - _this.state.action.mouseX) / (diagramModel.getZoomLevel() / 100)), _this.state.action.initialOffsetY + ((event.pageY - _this.state.action.mouseY) / (diagramModel.getZoomLevel() / 100)));\n                    _this.forceUpdate();\n                }\n            },\n            onMouseDown: function (event) {\n                diagramEngine.clearRepaintEntities();\n                var model = _this.getMouseElement(event);\n                //its the canvas\n                if (model === null) {\n                    //is it a multiple selection\n                    if (event.shiftKey) {\n                        var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n                        _this.setState({\n                            action: new SelectingAction(relative.x, relative.y)\n                        });\n                    }\n                    else {\n                        var relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n                        diagramModel.clearSelection();\n                        _this.setState({\n                            action: new MoveCanvasAction(relative.x, relative.y, diagramModel)\n                        });\n                    }\n                }\n                else if (model.model instanceof Common_1.PortModel) {\n                    var relative = diagramEngine.getRelativeMousePoint(event);\n                    var link = new Common_1.LinkModel();\n                    link.setSourcePort(model.model);\n                    link.getFirstPoint().updateLocation(relative);\n                    link.getLastPoint().updateLocation(relative);\n                    diagramModel.clearSelection();\n                    link.getLastPoint().setSelected(true);\n                    diagramModel.addLink(link);\n                    _this.setState({\n                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n                    });\n                }\n                else {\n                    if (!event.shiftKey && !model.model.isSelected()) {\n                        diagramModel.clearSelection();\n                    }\n                    model.model.setSelected(true);\n                    _this.setState({\n                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n                    });\n                }\n            },\n            onMouseUp: function (event) {\n                //are we going to connect a link to something?\n                if (_this.state.action instanceof MoveItemsAction) {\n                    var element = _this.getMouseElement(event);\n                    if (element) {\n                        _.forEach(_this.state.action.selectionModels, function (model) {\n                            //only care about points connecting to things\n                            if (!(model.model instanceof Common_1.PointModel)) {\n                                return;\n                            }\n                            if (element.model instanceof Common_1.PortModel) {\n                                model.model.getLink().setTargetPort(element.model);\n                            }\n                        });\n                    }\n                }\n                diagramEngine.clearRepaintEntities();\n                _this.setState({ action: null });\n            }\n        }, this.state.renderedNodes ?\n            React.createElement(LinkLayerWidget_1.LinkLayerWidget, {\n                diagramEngine: diagramEngine, pointAdded: function (point, event) {\n                    event.stopPropagation();\n                    diagramModel.clearSelection(point);\n                    _this.setState({\n                        action: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n                    });\n                }\n            }) : null, React.createElement(NodeLayerWidget_1.NodeLayerWidget, { diagramEngine: diagramEngine }), this.state.action instanceof SelectingAction ?\n            React.DOM.div({\n                className: 'selector',\n                style: {\n                    top: this.state.action.mouseY,\n                    left: this.state.action.mouseX,\n                    width: this.state.action.mouseX2 - this.state.action.mouseX,\n                    height: this.state.action.mouseY2 - this.state.action.mouseY,\n                }\n            }) : null));\n    };\n    return DiagramWidget;\n}(React.Component));\nexports.DiagramWidget = DiagramWidget;\n\n\n/***/ }),\n/* 21 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar __extends = (this && this.__extends) || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n    function __() { this.constructor = d; }\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n};\nvar React = __webpack_require__(0);\nvar PortWidget_1 = __webpack_require__(14);\n/**\n * @author Dylan Vorster\n */\nvar DefaultPortLabel = (function (_super) {\n    __extends(DefaultPortLabel, _super);\n    function DefaultPortLabel() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    DefaultPortLabel.prototype.render = function () {\n        var port = React.createElement(PortWidget_1.PortWidget, { name: this.props.model.name, node: this.props.model.getParent() });\n        var label = React.DOM.div({ className: 'name' }, this.props.model.label);\n        return React.DOM.div({ className: (this.props.model.in ? 'in' : 'out') + '-port' }, this.props.model.in ? port : label, this.props.model.in ? label : port);\n    };\n    return DefaultPortLabel;\n}(React.Component));\nDefaultPortLabel.defaultProps = {\n    in: true,\n    label: \"port\"\n};\nexports.DefaultPortLabel = DefaultPortLabel;\n\n\n/***/ }),\n/* 22 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n/**\n * @author Dylan Vorster\n */\n\nfunction __export(m) {\n    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\n}\n//export defaults\n__export(__webpack_require__(16));\n__export(__webpack_require__(8));\n__export(__webpack_require__(17));\n__export(__webpack_require__(9));\n__export(__webpack_require__(18));\n__export(__webpack_require__(19));\n__export(__webpack_require__(5));\n__export(__webpack_require__(7));\n__export(__webpack_require__(15));\n__export(__webpack_require__(6));\n__export(__webpack_require__(3));\n__export(__webpack_require__(2));\n__export(__webpack_require__(4));\n__export(__webpack_require__(20));\n__export(__webpack_require__(10));\n__export(__webpack_require__(11));\n__export(__webpack_require__(12));\n__export(__webpack_require__(13));\n__export(__webpack_require__(14));\n\n\n/***/ })\n/******/ ]);\n});\n\n\n// WEBPACK FOOTER //\n// main.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 22);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap ad897154bd30832c57c5","module.exports = __WEBPACK_EXTERNAL_MODULE_0__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"react\"\n// module id = 0\n// module chunks = 0","module.exports = __WEBPACK_EXTERNAL_MODULE_1__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external {\"commonjs\":\"lodash\",\"commonjs2\":\"lodash\",\"amd\":\"_\",\"root\":\"_\"}\n// module id = 1\n// module chunks = 0","import {Toolkit} from \"./Toolkit\";\nimport {BaseEntity, BaseListener} from \"./BaseEntity\";\nimport * as _ from \"lodash\";\n\nexport interface BaseModelListener extends BaseListener{\n\t\n\tselectionChanged?();\n\t\n\tentityRemoved?();\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class BaseModel extends BaseEntity<BaseModelListener>{\n\t\n\tselected: boolean;\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.selected = false;\n\t}\n\t\n\tdeSerialize(ob){\n\t\tsuper.deSerialize(ob);\n\t\tthis.selected = ob.selected;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\t_class: this.constructor.name,\n\t\t\tselected: this.selected\n\t\t});\n\t}\n\t\n\tpublic getID(): string{\n\t\treturn this.id\n\t}\n\t\n\tpublic isSelected(): boolean{\n\t\treturn this.selected;\n\t}\n\t\n\tpublic setSelected(selected: boolean){\n\t\tthis.selected = selected;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tif(listener.selectionChanged){\n\t\t\t\tlistener.selectionChanged();\n\t\t\t}\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tconsole.log(\"removing: \",this);\n\t\tthis.itterateListeners((listener) => {\n\t\t\tif(listener.entityRemoved){\n\t\t\t\tlistener.entityRemoved();\n\t\t\t}\n\t\t});\n\t}\n}\n\nexport class PointModel extends BaseModel{\n\t\n\tx:number;\n\ty:number;\n\tlink: LinkModel;\n\t\n\tconstructor(link: LinkModel,points: {x:number,y: number}){\n\t\tsuper();\n\t\tthis.x = points.x;\n\t\tthis.y = points.y;\n\t\tthis.link = link;\n\t}\n\t\n\tdeSerialize(ob){\n\t\tsuper.deSerialize(ob);\n\t\tthis.x = ob.x;\n\t\tthis.y = ob.y;\n\t}\n\t\n\tserialize(){\n\t\treturn _.extend(super.serialize(),{\n\t\t\tx: this.x,\n\t\t\ty: this.y\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\t\n\t\t//clear references\n\t\tif (this.link){\n\t\t\tthis.link.removePoint(this);\n\t\t}\n\t}\n\t\n\tupdateLocation(points: {x:number,y: number}){\n\t\tthis.x = points.x;\n\t\tthis.y = points.y;\n\t}\n\t\n\tgetX():number{\n\t\treturn this.x;\n\t}\n\t\n\tgetY():number{\n\t\treturn this.y;\n\t}\n\t\n\tgetLink(): LinkModel{\n\t\treturn this.link;\n\t}\n}\n\nexport class LinkModel extends BaseModel{\n\t\n\tlinkType: string;\n\tsourcePort: PortModel|null;\n\ttargetPort: PortModel|null;\n\tpoints: PointModel[];\n\textras: {};\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.linkType = 'default';\n\t\tthis.points = [\n\t\t\tnew PointModel(this,{x: 0,y: 0}),\n\t\t\tnew PointModel(this,{x: 0,y: 0}),\n\t\t];\n\t\tthis.extras = {};\n\t\tthis.sourcePort = null;\n\t\tthis.targetPort = null;\n\t}\n\t\n\tdeSerialize(ob){\n\t\tsuper.deSerialize(ob);\n\t\tthis.linkType = ob.type;\n\t\tthis.points = _.map(ob.points,(point: {x,y}) => {\n\t\t\tvar p = new PointModel(this, {x: point.x,y:point.y});\n\t\t\tp.deSerialize(point);\n\t\t\treturn p;\n\t\t})\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\ttype: this.linkType,\n\t\t\tsource: this.sourcePort ? this.sourcePort.getParent().id:null,\n\t\t\tsourcePort: this.sourcePort ? this.sourcePort.id:null,\n\t\t\ttarget: this.targetPort ? this.targetPort.getParent().id:null,\n\t\t\ttargetPort: this.targetPort ? this.targetPort.id:null,\n\t\t\tpoints: _.map(this.points,(point) => {\n\t\t\t\treturn point.serialize();\n\t\t\t}),\n\t\t\textras: this.extras\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\tif (this.sourcePort){\n\t\t\tthis.sourcePort.removeLink(this);\n\t\t}\n\t\tif (this.targetPort){\n\t\t\tthis.targetPort.removeLink(this);\n\t\t}\n\t}\n\t\n\tisLastPoint(point: PointModel){\n\t\tvar index = this.getPointIndex(point);\n\t\treturn index === this.points.length-1;\n\t}\n\t\n\tgetPointIndex(point: PointModel){\n\t\treturn this.points.indexOf(point);\n\t}\n\t\n\tgetPointModel(id: string): PointModel|null{\n\t\tfor (var i = 0; i < this.points.length;i++){\n\t\t\tif (this.points[i].id === id){\n\t\t\t\treturn this.points[i];\n\t\t\t}\n\t\t}\n\t\treturn null;\n\t}\n\t\n\tgetFirstPoint(): PointModel{\n\t\treturn this.points[0];\n\t}\n\t\n\tgetLastPoint(): PointModel{\n\t\treturn this.points[this.points.length-1];\n\t}\n\t\n\tsetSourcePort(port: PortModel){\n\t\tport.addLink(this);\n\t\tthis.sourcePort = port;\n\t}\n\t\n\tgetSourcePort(): PortModel{\n\t\treturn this.sourcePort;\n\t}\n\t\n\tgetTargetPort(): PortModel{\n\t\treturn this.targetPort;\n\t}\n\t\n\tsetTargetPort(port: PortModel){\n\t\tport.addLink(this);\n\t\tthis.targetPort = port;\n\t}\n\t\n\tgetPoints(): PointModel[]{\n\t\treturn this.points;\n\t}\n\t\n\tsetPoints(points: PointModel[]){\n\t\tthis.points = points;\n\t}\n\t\n\tremovePoint(pointModel: PointModel){\n\t\tthis.points.splice(this.getPointIndex(pointModel),1);\n\t}\n\t\n\taddPoint(pointModel:PointModel,index = 1){\n\t\tthis.points.splice(index,0,pointModel);\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.linkType;\n\t}\n}\n\nexport class PortModel extends BaseModel{\n\tname: string;\n\tparentNode: NodeModel;\n\tlinks: {[id: string]: LinkModel};\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\tname: this.name,\n\t\t\tparentNode: this.parentNode.id,\n\t\t\tlinks: _.map(this.links,(link) => {\n\t\t\t\treturn link.id;\n\t\t\t})\n\t\t});\n\t}\n\t\n\tconstructor(name: string){\n\t\tsuper();\n\t\tthis.name = name;\n\t\tthis.links = {};\n\t\tthis.parentNode = null;\n\t}\n\t\n\tgetName(): string{\n\t\treturn this.name;\n\t}\n\t\n\tgetParent(): NodeModel{\n\t\treturn this.parentNode;\n\t}\n\t\n\tsetParentNode(node: NodeModel){\n\t\tthis.parentNode = node;\n\t}\n\t\n\tremoveLink(link: LinkModel){\n\t\tdelete this.links[link.getID()];\n\t}\n\t\n\taddLink(link: LinkModel){\n\t\tthis.links[link.getID()] = link;\n\t}\n\t\n\tgetLinks(): {[id: string]: LinkModel}{\n\t\treturn this.links;\n\t}\n}\n\nexport class NodeModel extends BaseModel{\n\t\n\tnodeType: string;\n\tx: number;\n\ty: number;\n\textras: {};\n\tports:  {[s: string]:PortModel};\n\t\n\tconstructor(nodeType: string = 'default'){\n\t\tsuper();\n\t\tthis.nodeType = nodeType;\n\t\tthis.x = 0;\n\t\tthis.y = 0;\n\t\tthis.extras = {};\n\t\tthis.ports = {};\n\t}\n\t\n\tdeSerialize(ob){\n\t\tsuper.deSerialize(ob);\n\t\tthis.nodeType = ob.type;\n\t\tthis.x = ob.x;\n\t\tthis.y = ob.y;\n\t\tthis.extras = ob.extras;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\ttype: this.nodeType,\n\t\t\tx: this.x,\n\t\t\ty: this.y,\n\t\t\textras: this.extras,\n\t\t\tports: _.map(this.ports,(port) => {\n\t\t\t\treturn port.serialize()\n\t\t\t})\n\t\t});\n\t}\n\t\n\tremove(){\n\t\tsuper.remove();\n\t\tfor (var i in this.ports){\n\t\t\t_.forEach(this.ports[i].getLinks(),(link) => {\n\t\t\t\tlink.remove();\n\t\t\t});\n\t\t}\n\t}\n\t\n\tgetPort(name: string): PortModel | null{\n\t\treturn this.ports[name];\n\t}\n\t\n\tgetPorts(): {[s: string]:PortModel}{\n\t\treturn this.ports;\n\t}\n\t\n\tremovePort(port: PortModel){\n\t\t//clear the parent node reference\n\t\tif(this.ports[port.name]){\n\t\t\tthis.ports[port.name].setParentNode(null);\n\t\t\tdelete this.ports[port.name];\n\t\t}\n\t}\n\t\n\taddPort(port: PortModel): PortModel{\n\t\tport.setParentNode(this);\n\t\tthis.ports[port.name] = port;\n\t\treturn port;\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.nodeType;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/Common.ts","import {Toolkit} from \"./Toolkit\";\nimport {AbstractInstanceFactory} from \"./AbstractInstanceFactory\";\n/**\n * @author Dylan Vorster\n */\nexport class BaseListener{\n\t\n}\n\nexport class BaseEntity<T extends BaseListener>{\n\t\n\tpublic listeners:{[s: string]: T};\n\tpublic id: string;\n\t\n\tconstructor(){\n\t\tthis.listeners = {};\n\t\tthis.id = Toolkit.UID();\n\t}\n\t\n\tgetID(){\n\t\treturn this.id;\n\t}\n\t\n\tclearListeners(){\n\t\tthis.listeners = {};\n\t}\n\t\n\tpublic deSerialize(data){\n\t\tthis.id = data.id;\n\t}\n\t\n\tpublic serialize(){\n\t\treturn {\n\t\t\tid: this.id,\n\t\t}\n\t}\n\t\n\tpublic itterateListeners(cb: (t: T) => any){\n\t\tfor (var i in this.listeners){\n\t\t\tcb(this.listeners[i]);\n\t\t}\n\t}\n\t\n\tpublic removeListener(listener: string){\n\t\tif (this.listeners[listener]){\n\t\t\tdelete this.listeners[listener];\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\t\n\tpublic addListener(listener: T): string{\n\t\tvar uid = Toolkit.UID();\n\t\tthis.listeners[uid] = listener;\n\t\treturn uid;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/BaseEntity.ts","import {BaseEntity, BaseListener} from \"./BaseEntity\";\n/**\n * @author Dylan Vorster\n */\nexport abstract class AbstractInstanceFactory<T extends BaseEntity<BaseListener>>{\n\t\n\tclassName: string;\n\t\n\tconstructor(className: string){\n\t\tthis.className = className;\n\t}\n\t\n\tgetName(){\n\t\treturn this.className;\n\t}\n\t\n\tabstract getInstance(): T;\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/AbstractInstanceFactory.ts","import {NodeModel, LinkModel} from \"./Common\";\nimport {DiagramEngine} from \"./DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport abstract class WidgetFactory{\n\t\n\ttype: string;\n\t\n\tconstructor(name: string){\n\t\tthis.type = name;\n\t}\n\t\n\tgetType(): string{\n\t\treturn this.type;\n\t}\n\t\n}\n\nexport abstract class NodeWidgetFactory extends WidgetFactory{\n\t\n\t\n\tabstract generateReactWidget(diagramEngine:DiagramEngine,node: NodeModel): JSX.Element;\n\t\n}\n\nexport abstract class LinkWidgetFactory extends WidgetFactory{\n\t\n\tabstract generateReactWidget(diagramEngine:DiagramEngine,link: LinkModel): JSX.Element;\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/WidgetFactories.ts","import {LinkModel, NodeModel, BaseModel, PortModel} from \"./Common\";\nimport {BaseListener, BaseEntity} from \"./BaseEntity\";\nimport * as _ from \"lodash\";\nimport {DiagramEngine} from \"./DiagramEngine\";\n/**\n * @author Dylan Vorster\n * \n */\nexport interface DiagramListener extends BaseListener{\n\t\n\tnodesUpdated(): any;\n\t\n\tlinksUpdated(): any;\n\t\n\tcontrolsUpdated(): any;\n\t\n}\n/**\n * \n */\nexport class DiagramModel extends BaseEntity<DiagramListener>{\n\t\n\t//models\n\tlinks: {[s:string] : LinkModel};\n\tnodes: {[s:string] : NodeModel};\n\t\n\t//control variables\n\toffsetX: number;\n\toffsetY: number;\n\tzoom: number;\n\t\n\tconstructor(){\n\t\tsuper();\n\t\t\n\t\tthis.links = {};\n\t\tthis.nodes = {};\n\t\t\n\t\tthis.offsetX = 0;\n\t\tthis.offsetY = 0;\n\t\tthis.zoom = 100;\n\t}\n\t\n\tdeSerializeDiagram(object: any, diagramEngine: DiagramEngine){\n\t\tthis.deSerialize(object);\n\t\t\n\t\tthis.offsetX = object.offsetX;\n\t\tthis.offsetY = object.offsetY;\n\t\tthis.zoom = object.zoom;\n\t\t\n\t\t//deserialize nodes\n\t\t_.forEach(object.nodes,(node) => {\n\t\t\tlet nodeOb = diagramEngine.getInstanceFactory(node._class).getInstance() as NodeModel;\n\t\t\tnodeOb.deSerialize(node);\n\t\t\t\n\t\t\t//deserialize ports\n\t\t\t_.forEach(node.ports,(port) => {\n\t\t\t\tlet portOb = diagramEngine.getInstanceFactory(port._class).getInstance() as PortModel;\n\t\t\t\tportOb.deSerialize(port);\n\t\t\t\tnodeOb.addPort(portOb);\n\t\t\t});\n\t\t\t\n\t\t\tthis.addNode(nodeOb);\n\t\t});\n\t\t\n\t\t_.forEach(object.links,(link) => {\n\t\t\tlet linkOb = diagramEngine.getInstanceFactory(link._class).getInstance() as LinkModel;\n\t\t\tlinkOb.deSerialize(link);\n\t\t\t\n\t\t\tif(link.target){\n\t\t\t\tthis.getNode(link.target).getPort(link.targetPort).addLink(linkOb);\n\t\t\t}\n\t\t\t\n\t\t\tif(link.source){\n\t\t\t\tthis.getNode(link.source).getPort(link.sourcePort).addLink(linkOb);\n\t\t\t}\n\t\t\t\n\t\t\tthis.addLink(linkOb);\n\t\t});\n\t}\n\t\n\tserializeDiagram(){\n\t\treturn _.merge(this.serialize(),{\n\t\t\toffsetX: this.offsetX,\n\t\t\toffsetY: this.offsetY,\n\t\t\tzoom: this.zoom,\n\t\t\tlinks: _.map(this.links,(link) => {\n\t\t\t\treturn link.serialize();\n\t\t\t}),\n\t\t\tnodes: _.map(this.nodes,(link) => {\n\t\t\t\treturn link.serialize();\n\t\t\t}),\n\t\t});\n\t}\n\t\n\tclearSelection(ignore: BaseModel|null = null){\n\t\t_.forEach(this.getSelectedItems(),(element) => {\n\t\t\tif (ignore && ignore.getID() === element.getID()){\n\t\t\t\treturn;\n\t\t\t}\n\t\t\telement.setSelected(false); //TODO dont fire the listener\n\t\t});\n\t}\n\t\n\tgetSelectedItems(): BaseModel[]{\n\t\tvar items  = [];\n\t\t\n\t\t//find all nodes\n\t\titems = items.concat(_.filter(this.nodes,(node) => {\n\t\t\treturn node.isSelected();\n\t\t}));\n\t\t\n\t\t//find all points\n\t\titems = items.concat(_.filter(_.flatMap(this.links,(node) => {\n\t\t\treturn node.points;\n\t\t}),(port) => {\n\t\t\treturn port.isSelected();\n\t\t}));\n\t\t\n\t\t//find all links\n\t\treturn items.concat(_.filter(this.links,(link) => {\n\t\t\treturn link.isSelected();\n\t\t}));\n\t}\n\t\n\tsetZoomLevel(zoom:number){\n\t\tthis.zoom = zoom;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tsetOffset(offsetX: number, offsetY: number){\n\t\tthis.offsetX = offsetX;\n\t\tthis.offsetY = offsetY;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tsetOffsetX(offsetX: number){\n\t\tthis.offsetX = offsetX;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\tsetOffsetY(offsetY: number){\n\t\tthis.offsetX = offsetY;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.controlsUpdated();\n\t\t});\n\t}\n\t\n\tgetOffsetY(){\n\t\treturn this.offsetY;\n\t}\n\t\n\tgetOffsetX(){\n\t\treturn this.offsetX;\n\t}\n\t\n\tgetZoomLevel(){\n\t\treturn this.zoom;\n\t}\n\t\n\tgetNode(node: string | NodeModel): NodeModel|null{\n\t\tif (node instanceof NodeModel){\n\t\t\treturn node;\n\t\t}\n\t\tif (!this.nodes[node]){\n\t\t\treturn null;\n\t\t}\n\t\treturn this.nodes[node];\n\t}\n\t\n\tgetLink(link: string | LinkModel): LinkModel|null{\n\t\tif (link instanceof LinkModel){\n\t\t\treturn link;\n\t\t}\n\t\tif(!this.links[link]){\n\t\t\treturn null;\n\t\t}\n\t\treturn this.links[link];\n\t}\n\t\n\taddLink(link: LinkModel): LinkModel{\n\t\tlink.addListener({\n\t\t\tentityRemoved: () => {\n\t\t\t\tthis.removeLink(link);\n\t\t\t}\n\t\t});\n\t\tthis.links[link.getID()] = link;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linksUpdated();\n\t\t});\n\t\treturn link\n\t}\n\t\n\taddNode(node: NodeModel): NodeModel{\n\t\tnode.addListener({\n\t\t\tentityRemoved: () => {\n\t\t\t\tthis.removeNode(node);\n\t\t\t}\n\t\t});\n\t\tthis.nodes[node.getID()] = node;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodesUpdated();\n\t\t});\n\t\treturn node;\n\t}\n\t\n\tremoveLink(link: LinkModel | string){\n\t\tif (link instanceof LinkModel){\n\t\t\tdelete this.links[link.getID()];\n\t\t\tthis.itterateListeners((listener) => {\n\t\t\t\tlistener.linksUpdated();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tdelete this.links[''+link];\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linksUpdated();\n\t\t});\n\t}\n\tremoveNode(node: NodeModel | string){\n\t\tif (node instanceof NodeModel){\n\t\t\tdelete this.nodes[node.getID()];\n\t\t\tthis.itterateListeners((listener) => {\n\t\t\t\tlistener.nodesUpdated();\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\n\t\tdelete this.nodes[''+node];\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodesUpdated();\n\t\t});\n\t}\n\t\n\tgetLinks():{[s:string] : LinkModel} {\n\t\treturn this.links;\n\t}\n\t\n\tgetNodes(): {[s: string]: NodeModel}{\n\t\treturn this.nodes;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/DiagramModel.ts","/**\n * @author Dylan Vorster\n */\nexport class Toolkit {\n\t/**\n   * Generats a unique ID (thanks Stack overflow :3)\n   * @returns {String}\n   */\n\tpublic static UID():string {\n\t\treturn 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n\t\t\tvar r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);\n\t\t\treturn v.toString(16);\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/Toolkit.ts","import * as React from \"react\";\nimport {LinkModel, PointModel} from \"../Common\";\nimport * as _ from \"lodash\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface DefaultLinkProps {\n\tcolor?: string;\n\twidth?: number;\n\tlink: LinkModel;\n\tsmooth?: boolean;\n\tdiagramEngine: DiagramEngine;\n\tpointAdded?: (point: PointModel,event) => any\n}\n\nexport interface DefaultLinkState {\n\tselected: boolean;\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultLinkWidget extends React.Component<DefaultLinkProps, DefaultLinkState> {\n\n\tpublic static defaultProps: DefaultLinkProps = {\n\t\tcolor: 'black',\n\t\twidth: 3,\n\t\tlink:null,\n\t\tengine: null,\n\t\tsmooth: false,\n\t\tdiagramEngine: null\n\t};\n\n\tconstructor(props: DefaultLinkProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tselected: false\n\t\t}\n\t}\n\t\n\tgeneratePoint(pointIndex: number): JSX.Element{\n\t\treturn React.DOM.g({key:'point-'+this.props.link.points[pointIndex].id},\n\t\t\tReact.DOM.circle({\n\t\t\t\tclassName: 'point pointui' + (this.props.link.points[pointIndex].isSelected()?' selected':''),\n\t\t\t\tcx:this.props.link.points[pointIndex].x,\n\t\t\t\tcy:this.props.link.points[pointIndex].y,\n\t\t\t\tr:5,\n\t\t\t}),\n\t\t\tReact.DOM.circle({\n\t\t\t\tclassName:'point',\n\t\t\t\t'data-linkid':this.props.link.id,\n\t\t\t\t'data-id':this.props.link.points[pointIndex].id,\n\t\t\t\tcx: this.props.link.points[pointIndex].x,\n\t\t\t\tcy:this.props.link.points[pointIndex].y,\n\t\t\t\tr:15,\n\t\t\t\topacity: 0,\n\t\t\t\tonMouseLeave:() => {\n\t\t\t\t\tthis.setState({selected: false});\n\t//\t\t\t\tthis.props.link.setSelected(false);\n\t\t\t\t},\n\t\t\t\tonMouseEnter:() => {\n\t\t\t\t\tthis.setState({selected: true});\n\t//\t\t\t\tthis.props.link.setSelected(true);\n\t\t\t\t},\n\t\t\t})\n\t\t);\n\t}\n\t\n\tgenerateLink(extraProps: {id: number}): JSX.Element{\n\t\tvar Bottom = React.DOM.path(_.merge({\n\t\t\tclassName: (this.state.selected || this.props.link.isSelected())?'selected':'',\n\t\t\tstrokeWidth:this.props.width,\n\t\t\tstroke: this.props.color\n\t\t},extraProps));\n\t\t\n\t\tvar Top = React.DOM.path(_.merge({\n\t\t\tonMouseLeave:() => {\n\t\t\t\tthis.setState({selected: false});\n\t\t\t},\n\t\t\tonMouseEnter:() => {\n\t\t\t\tthis.setState({selected: true});\n\t\t\t},\n\t\t\t'data-linkid': this.props.link.getID(),\n\t\t\tstroke: this.props.color,\n\t\t\tstrokeOpacity:this.state.selected?0.1:0 ,\n\t\t\tstrokeWidth: 20,\n\t\t\tonContextMenu: (event) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.props.link.remove();\n\t\t\t},\n\t\t},extraProps));\n\t\t\n\t\treturn React.DOM.g({key:'link-'+extraProps.id},\n\t\t\tBottom,Top\n\t\t);\n\t}\n\n\trender() {\n\t\t//ensure id is present for all points on the path\n\t\tvar points = this.props.link.points;\n\t\tvar paths = [];\n        \n        //draw the smoothing\n\t\tif(points.length === 2){\n\t\t\t\n            //if the points are too close, just draw a straight line\n\t\t\tvar margin = 50;\n\t\t\tif(Math.abs(points[0].x-points[1].x) < 50){\n\t\t\t\tmargin = 5;\n\t\t\t}\n            \n            var pointLeft = points[0];\n            var pointRight = points[1];\n            \n            //some defensive programming to make sure the smoothing is\n            //always in the right direction\n            if(pointLeft.x > pointRight.x){\n                pointLeft = points[1];\n                pointRight = points[0];\n            }\n\t\t\t\n\t\t\tpaths.push(this.generateLink({\n\t\t\t\tid: 0,\n\t\t\t\tonMouseDown: (event) =>{\n\t\t\t\t\tif (!event.shiftKey){\n\t\t\t\t\t\tvar point = new PointModel(this.props.link,this.props.diagramEngine.getRelativeMousePoint(event));\n\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\tthis.props.link.addPoint(point,1);\n\t\t\t\t\t\tthis.props.pointAdded(point,event);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\td:\n\t\t\t\t\t \" M\"+pointLeft.x+\" \"+pointLeft.y\n\t\t\t\t\t+\" C\"+(pointLeft.x+margin)+\" \"+pointLeft.y\n\t\t\t\t\t+\" \" +(pointRight.x-margin)+\" \"+pointRight.y\n\t\t\t\t\t+\" \" +pointRight.x+\" \"+pointRight.y\n\t\t\t}));\n\t\t\tif (this.props.link.targetPort === null){\n\t\t\t\tpaths.push(this.generatePoint(1));\n\t\t\t}\n\t\t}\n        \n        //draw the multiple anchors and complex line instead\n        else{\n\t\t\tvar ds = [];\n\t\t\tif(this.props.smooth){\n\t\t\t\tds.push(\" M\"+points[0].x+\" \"+points[0].y+\" C \"+(points[0].x+50)+\" \"+points[0].y+\" \"+points[1].x+\" \"+points[1].y+\" \"+points[1].x+\" \"+points[1].y);\n\t\t\t\tfor(var i = 1;i < points.length-2;i++){\n\t\t\t\t\tds.push(\" M \"+points[i].x+\" \"+points[i].y+\" L \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t\t}\n\t\t\t\tds.push(\" M\"+points[i].x+\" \"+points[i].y+\" C \"+points[i].x+\" \"+points[i].y+\" \"+(points[i+1].x-50)+\" \"+points[i+1].y+\" \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t}else{\n\t\t\t\tvar ds = [];\n\t\t\t\tfor(var i = 0;i < points.length-1;i++){\n\t\t\t\t\tds.push(\" M \"+points[i].x+\" \"+points[i].y+\" L \"+points[i+1].x+\" \"+points[i+1].y);\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\tpaths = ds.map((data,index) => {\n\t\t\t\treturn this.generateLink({\n\t\t\t\t\tid:index,\n\t\t\t\t\t'data-linkid':this.props.link.id,\n\t\t\t\t\t'data-point':index,\n\t\t\t\t\tonMouseDown: (event: MouseEvent) => {\n\t\t\t\t\t\tif (!event.shiftKey){\n\t\t\t\t\t\t\tvar point = new PointModel(this.props.link,this.props.diagramEngine.getRelativeMousePoint(event));\n\t\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t\tthis.props.link.addPoint(point,index+1);\n\t\t\t\t\t\t\tthis.props.pointAdded(point,event);\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\td:data\n\t\t\t\t});\n\t\t\t});\n\t\t\t\n\t\t\t//render the circles\n\t\t\tfor(var i = 1;i < points.length-1;i++){\n\t\t\t\tpaths.push(this.generatePoint(i));\n\t\t\t}\n\t\t\t\n\t\t\tif (this.props.link.targetPort === null){\n\t\t\t\tpaths.push(this.generatePoint(points.length-1));\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.g(null,paths)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultLinkWidget.ts","import * as React from \"react\";\nimport * as _ from \"lodash\";\nvar div = React.DOM.div;\nimport {DefaultNodeModel} from \"./DefaultNodeModel\";\nimport {DefaultPortLabel} from \"./DefaultPortLabelWidget\";\n\nexport interface DefaultNodeProps {\n\tnode: DefaultNodeModel;\n}\n\nexport interface DefaultNodeState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeWidget extends React.Component<DefaultNodeProps, DefaultNodeState> {\n\n\tpublic static defaultProps: DefaultNodeProps = {\n\t\tnode: null,\n\t};\n\n\tconstructor(props: DefaultNodeProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\trender() {\n\t\treturn (\n\t\t\tdiv({className: 'basic-node', style: {background: this.props.node.color }},\n\t\t\t\tdiv({className:'title'},\n\t\t\t\t\tdiv({className:'name'},this.props.node.name),\n\t\t\t\t\tdiv({className: 'fa fa-close', onClick: this.props.node.remove})\n\t\t\t\t),\n\t\t\t\tdiv({className:'ports'},\n\t\t\t\t\tdiv({className: 'in'}, _.map(this.props.node.getInPorts(),(port) => {\n\t\t\t\t\t\treturn React.createElement(DefaultPortLabel,{model: port});\n\t\t\t\t\t})),\n\t\t\t\t\tdiv({className: 'out'}, _.map(this.props.node.getOutPorts(),(port) => {\n\t\t\t\t\t\treturn React.createElement(DefaultPortLabel,{model: port});\n\t\t\t\t\t})),\n\t\t\t\t)\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeWidget.ts","import * as React from \"react\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport {PointModel} from \"../Common\";\nimport {LinkWidget} from \"./LinkWidget\";\nimport * as _ from \"lodash\";\n\nexport interface LinkLayerProps {\n\tdiagramEngine: DiagramEngine,\n\tpointAdded: (point: PointModel,event) => any\n}\n\nexport interface LinkLayerState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class LinkLayerWidget extends React.Component<LinkLayerProps, LinkLayerState> {\n\n\tconstructor(props: LinkLayerProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tcomponentDidMount(){\n\t\tsetTimeout(()=> {\n\t\t\tthis.forceUpdate();\n\t\t},10);\n\t}\n\t\n\trender() {\n\t\t\n\t\tvar diagramModel = this.props.diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.svg(\n\t\t\t\t{\n                    style:{\n\t\t\t\t\t\ttransform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX() + 'px,' + diagramModel.getOffsetY()+'px)',\n                        width: '100%',\n                        height: '100%'\n                    }\n                },\n\t\t\t\t_.map(diagramModel.getLinks(),(link) => {\n\t\t\t\t\t\n\t\t\t\t\t//TODO just improve this vastly x_x\n\t\t\t\t\tif (link.sourcePort !== null){\n\t\t\t\t\t\ttry{\n\t\t\t\t\t\t\t//generate a point\n\t\t\t\t\t\t\tlink.points[0].updateLocation(this.props.diagramEngine.getPortCenter(link.sourcePort));\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//remove the link because its problematic (TODO implement this rather at an engine level)\n\t\t\t\t\t\tcatch(ex){\n\t\t\t\t\t\t\tconsole.log(ex);\n\t\t\t\t\t\t\tdiagramModel.removeLink(link);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (link.targetPort !== null){\n\t\t\t\t\t\ttry{\n\t\t\t\t\t\t\t_.last(link.points).updateLocation(this.props.diagramEngine.getPortCenter(link.targetPort));\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//remove the link because its problematic (TODO implement this rather at an engine level)\n\t\t\t\t\t\tcatch(ex){\n\t\t\t\t\t\t\tconsole.log(ex);\n\t\t\t\t\t\t\tdiagramModel.removeLink(link);\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n                    \n\t\t\t\t\t//generate links\n\t\t\t\t\tvar generatedLink = this.props.diagramEngine.generateWidgetForLink(link);\n                    if(!generatedLink){\n\t\t\t\t\t\tconsole.log(\"no link generated for type: \" + link.getType());\n\t\t\t\t\t\treturn null;\n                    }\n\t\t\t\t\t\n\t\t\t\t\treturn (\n\t\t\t\t\t\tReact.createElement(LinkWidget, {\n\t\t\t\t\t\t\tkey: link.getID(), \n\t\t\t\t\t\t\tlink: link,\n\t\t\t\t\t\t\tdiagramEngine: this.props.diagramEngine,\n\t\t\t\t\t\t}, React.cloneElement(generatedLink,{pointAdded: this.props.pointAdded}))\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/LinkLayerWidget.ts","import * as React from \"react\";\nimport {LinkModel} from \"../Common\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface LinkProps {\n\tlink: LinkModel;\n\tdiagramEngine: DiagramEngine;\n\tchildren?: any;\n}\n\nexport interface LinkState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class LinkWidget extends React.Component<LinkProps, LinkState> {\n\n\tconstructor(props: LinkProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tshouldComponentUpdate(){\n\t\treturn this.props.diagramEngine.canEntityRepaint(this.props.link);\n\t}\n\n\trender() {\n\t\treturn this.props.children;\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/LinkWidget.ts","import * as React from \"react\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport * as _ from \"lodash\";\nimport {NodeWidget} from \"./NodeWidget\";\n\nexport interface NodeLayerProps {\n\tdiagramEngine: DiagramEngine\n}\n\nexport interface NodeLayerState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class NodeLayerWidget extends React.Component<NodeLayerProps, NodeLayerState> {\n\n\tconstructor(props: NodeLayerProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\n\trender() {\n\t\t\n\t\tvar diagramModel = this.props.diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t\tclassName:'node-view',\n\t\t\t\t\tstyle:{\n\t\t\t\t\t\ttransform: 'scale(' + diagramModel.getZoomLevel() / 100.0 + ') translate(' + diagramModel.getOffsetX()+'px,'+diagramModel.getOffsetY()+'px)',\n\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\theight: '100%'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t_.map(diagramModel.getNodes(),(node) => {\n\t\t\t\t\treturn(\n\t\t\t\t\t\tReact.createElement(NodeWidget, {diagramEngine: this.props.diagramEngine,key:node.id,node: node},\n\t\t\t\t\t\t\tthis.props.diagramEngine.generateWidgetForNode(node))\n\t\t\t\t\t);\n\t\t\t\t})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/NodeLayerWidget.ts","import * as React from \"react\";\nimport {NodeModel} from \"../Common\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n\nexport interface NodeProps {\n\tnode:NodeModel;\n\tchildren?: any;\n\tdiagramEngine: DiagramEngine\n}\n\nexport interface NodeState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class NodeWidget extends React.Component<NodeProps, NodeState> {\n\n\tconstructor(props: NodeProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t}\n\t}\n\t\n\tshouldComponentUpdate(){\n\t\treturn this.props.diagramEngine.canEntityRepaint(this.props.node);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t'data-nodeid': this.props.node.id,\n\t\t\t\tclassName: 'node' + (this.props.node.isSelected()?' selected':''),\n\t\t\t\tstyle:{\n\t\t\t\t\ttop: this.props.node.y,\n\t\t\t\t\tleft: this.props.node.x,\n\t\t\t\t}},\n\t\t\t\tReact.cloneElement(this.props.children,{})\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/NodeWidget.ts","import * as React from \"react\";\nimport {NodeModel} from \"../Common\";\n\nexport interface PortProps {\n\tname: string;\n\tnode: NodeModel;\n}\n\nexport interface PortState{\n\tselected: boolean\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class PortWidget extends React.Component<PortProps, PortState> {\n\n\tconstructor(props: PortProps){\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tselected: false\n\t\t};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\tonMouseEnter: () =>{\n\t\t\t\t\tthis.setState({selected: true});\n\t\t\t\t},\n\t\t\t\tonMouseLeave: () => {\n\t\t\t\t\tthis.setState({selected: false});\n\t\t\t\t},\n\t\t\t\tclassName:'port'+(this.state.selected?' selected':''),\n\t\t\t\t'data-name':this.props.name,\n\t\t\t\t'data-nodeid': this.props.node.getID()\n\t\t\t})\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/PortWidget.ts","import {NodeWidgetFactory, LinkWidgetFactory} from \"./WidgetFactories\";\nimport {LinkModel, NodeModel, BaseModel, PortModel, PointModel} from \"./Common\";\nimport {BaseEntity, BaseListener} from \"./BaseEntity\";\nimport {DiagramModel} from \"./DiagramModel\";\nimport {AbstractInstanceFactory} from \"./AbstractInstanceFactory\";\nimport * as _ from \"lodash\";\n/**\n * @author Dylan Vorster\n */\nexport interface DiagramEngineListener extends BaseListener{\n\t\n\tnodeFactoriesUpdated(): any;\n\t\n\tlinkFactoriesUpdated(): any;\n}\n\n/**\n * Passed as a parameter to the DiagramWidget\n */\nexport class DiagramEngine extends BaseEntity<DiagramEngineListener>{\n\t\n\tnodeFactories: {[s: string]:NodeWidgetFactory};\n\tlinkFactories: {[s: string]:LinkWidgetFactory};\n\tinstanceFactories: {[s: string]: AbstractInstanceFactory<BaseEntity<BaseListener>>};\n\t\n\tdiagramModel: DiagramModel;\n\tcanvas: Element;\n\tpaintableWidgets: {};\n\t\n\tconstructor(){\n\t\tsuper();\n\t\tthis.diagramModel = new DiagramModel();\n\t\tthis.nodeFactories = {};\n\t\tthis.linkFactories = {};\n\t\tthis.instanceFactories = {};\n\t\tthis.canvas = null;\n\t\tthis.paintableWidgets = null;\n\t}\n\t\n\tclearRepaintEntities(){\n\t\tthis.paintableWidgets = null;\n\t}\n\t\n\tenableRepaintEntities(entities: BaseModel[]){\n\t\tthis.paintableWidgets = {};\n\t\tentities.forEach((entity) => {\n\t\t\t\n\t\t\t//if a node is requested to repaint, add all of its links\n\t\t\tif (entity instanceof NodeModel){\n\t\t\t\t_.forEach(entity.getPorts(),(port) => {\n\t\t\t\t\t_.forEach(port.getLinks(),(link) => {\n\t\t\t\t\t\tthis.paintableWidgets[link.getID()] = true;\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t\t\n\t\t\tif (entity instanceof PointModel){\n\t\t\t\tthis.paintableWidgets[entity.getLink().getID()] = true;\n\t\t\t}\n\t\t\t\n\t\t\tthis.paintableWidgets[entity.getID()] = true;\n\t\t});\n\t}\n\t\n\tcanEntityRepaint(baseModel: BaseModel){\n\t\t//no rules applied, allow repaint\n\t\tif(this.paintableWidgets === null){\n\t\t\treturn true;\n\t\t}\n\t\t\n\t\treturn this.paintableWidgets[baseModel.getID()] !== undefined;\n\t}\n\t\n\tsetCanvas(canvas: Element| null){\n\t\tthis.canvas = canvas;\n\t}\n\t\n\tsetDiagramModel(model: DiagramModel){\n\t\tthis.diagramModel = model;\n\t}\n\t\n\tgetDiagramModel(): DiagramModel{\n\t\treturn this.diagramModel;\n\t}\n\t\n\tgetNodeFactories(): {[s: string]:NodeWidgetFactory}{\n\t\treturn this.nodeFactories;\n\t}\n\t\n\tgetLinkFactories(): {[s: string]:LinkWidgetFactory}{\n\t\treturn this.linkFactories;\n\t}\n\t\n\tgetInstanceFactory(className: string): AbstractInstanceFactory<BaseEntity<BaseListener>>{\n\t\treturn this.instanceFactories[className];\n\t}\n\t\n\tregisterInstanceFactory(factory: AbstractInstanceFactory<BaseEntity<BaseListener>>){\n\t\tthis.instanceFactories[factory.getName()] = factory;\n\t}\n\t\n\tregisterNodeFactory(factory: NodeWidgetFactory){\n\t\tthis.nodeFactories[factory.getType()] = factory;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.nodeFactoriesUpdated();\n\t\t});\n\t}\n\t\n\tregisterLinkFactory(factory: LinkWidgetFactory){\n\t\tthis.linkFactories[factory.getType()] = factory;\n\t\tthis.itterateListeners((listener) => {\n\t\t\tlistener.linkFactoriesUpdated();\n\t\t});\n\t}\n\t\n\tgetFactoryForNode(node: NodeModel): NodeWidgetFactory | null{\n\t\tif (this.nodeFactories[node.getType()]){\n\t\t\treturn this.nodeFactories[node.getType()];\n\t\t}\n\t\tconsole.log(\"cannot find widget factory for node of type: [\" + node.getType()+\"]\");\n\t\treturn null;\n\t}\n\t\n\tgetFactoryForLink(link: LinkModel): LinkWidgetFactory | null{\n\t\tif (this.linkFactories[link.getType()]){\n\t\t\treturn this.linkFactories[link.getType()];\n\t\t}\n\t\tconsole.log(\"cannot find widget factory for link of type: [\" + link.getType()+\"]\");\n\t\treturn null;\n\t}\n\t\n\tgenerateWidgetForLink(link: LinkModel): JSX.Element|null{\n\t\tvar linkFactory = this.getFactoryForLink(link);\n\t\tif(!linkFactory){\n\t\t\tthrow \"Cannot find link factory for link: \" + link.getType();\n\t\t}\n\t\treturn linkFactory.generateReactWidget(this,link);\n\t}\n\t\n\tgenerateWidgetForNode(node: NodeModel): JSX.Element|null{\n\t\tvar nodeFactory = this.getFactoryForNode(node);\n\t\tif(!nodeFactory){\n\t\t\tthrow \"Cannot find widget factory for node: \" + node.getType();\n\t\t}\n\t\treturn nodeFactory.generateReactWidget(this,node);\n\t}\n\t\n\tgetRelativeMousePoint(event): {x:number,y:number}{\n\t\tvar point = this.getRelativePoint(event.pageX,event.pageY);\n\t\treturn {\n\t\t\tx: (point.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n\t\t\ty: (point.y / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetY()\n\t\t};\n\t}\n\n\tgetRelativePoint(x,y){\n\t\tvar canvasRect = this.canvas.getBoundingClientRect();\n\t\treturn {x: x-canvasRect.left,y:y-canvasRect.top};\n\t}\n\t\n\tgetNodePortElement(port: PortModel): any{\n\t\tvar selector = this.canvas.querySelector('.port[data-name=\"' + port.getName() + '\"][data-nodeid=\"' + port.getParent().getID()+'\"]');\n\t\tif(selector === null){\n\t\t\tthrow \"Cannot find Node Port element with nodeID: [\" + port.getParent().getID()+\"] and name: [\"+port.getName()+\"]\";\n\t\t}\n\t\treturn selector;\n\t}\n\t\n\tgetPortCenter(port: PortModel){\n\t\tvar sourceElement = this.getNodePortElement(port);\n\t\tvar sourceRect = sourceElement.getBoundingClientRect();\n\n\t\tvar rel = this.getRelativePoint(sourceRect.left,sourceRect.top);\n\n\t\treturn {\n\t\t\tx: ((sourceElement.offsetWidth / 2) + rel.x / (this.diagramModel.getZoomLevel() / 100.0)) - this.diagramModel.getOffsetX(),\n\t\t\ty: ((sourceElement.offsetHeight/2)+rel.y/(this.diagramModel.getZoomLevel()/100.0)) - this.diagramModel.getOffsetY()\n\t\t};\n\t}\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/DiagramEngine.ts","import {LinkWidgetFactory} from \"../WidgetFactories\";\nimport {LinkModel} from \"../Common\";\nimport * as React from \"react\";\nimport {DefaultLinkWidget} from \"./DefaultLinkWidget\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultLinkFactory extends LinkWidgetFactory{\n\t\n\tconstructor(){\n\t\tsuper(\"default\");\n\t}\n\t\n\tgenerateReactWidget(diagramEngine: DiagramEngine,link: LinkModel): JSX.Element{\n\t\treturn React.createElement(DefaultLinkWidget,{\n\t\t\tlink: link,\n\t\t\tdiagramEngine: diagramEngine\n\t\t});\n\t}\n\t\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultLinkFactory.ts","import {NodeWidgetFactory} from \"../WidgetFactories\";\nimport {DefaultNodeModel} from \"./DefaultNodeModel\";\nimport * as React from \"react\";\nimport {DefaultNodeWidget} from \"./DefaultNodeWidget\";\nimport {DiagramEngine} from \"../DiagramEngine\";\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeFactory extends NodeWidgetFactory{\n\t\n\tconstructor(){\n\t\tsuper(\"default\");\n\t}\n\t\n\tgenerateReactWidget(diagramEngine:DiagramEngine,node: DefaultNodeModel): JSX.Element{\n\t\treturn React.createElement(DefaultNodeWidget,{\n\t\t\tnode: node,\n\t\t\tdiagramEngine: diagramEngine\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeFactory.ts","import {NodeModel} from \"../Common\";\nimport {DefaultPortModel} from \"./DefaultPortModel\";\nimport * as _ from \"lodash\";\n\nimport {AbstractInstanceFactory} from \"../AbstractInstanceFactory\";\n\nexport class DefaultNodeInstanceFactory extends AbstractInstanceFactory<DefaultNodeModel>{\n\t\n\tconstructor(){\n\t\tsuper(\"DefaultNodeModel\");\n\t}\n\t\n\tgetInstance(){\n\t\treturn new DefaultNodeModel();\n\t}\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultNodeModel extends NodeModel{\n\t\n\tname: string;\n\tcolor: string;\n\tports:  {[s: string]:DefaultPortModel};\n\t\n\tconstructor(name: string = 'Untitled',color: string = 'rgb(0,192,255)'){\n\t\tsuper(\"default\");\n\t\tthis.name = name;\n\t\tthis.color = color;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\tname: this.name,\n\t\t\tcolor: this.color,\n\t\t});\n\t}\n\t\n\tgetInPorts(): DefaultPortModel[]{\n\t\treturn _.filter(this.ports,(portModel) => {\n\t\t\treturn portModel.in;\n\t\t});\n\t}\n\t\n\tgetOutPorts(): DefaultPortModel[]{\n\t\treturn _.filter(this.ports,(portModel) => {\n\t\t\treturn !portModel.in;\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultNodeModel.ts","import {PortModel} from \"../Common\";\nimport * as _ from \"lodash\";\nimport {AbstractInstanceFactory} from \"../AbstractInstanceFactory\";\n\nexport class DefaultPortInstanceFactory extends AbstractInstanceFactory<DefaultPortModel>{\n\t\n\tconstructor(){\n\t\tsuper(\"DefaultPortModel\");\n\t}\n\t\n\tgetInstance(){\n\t\treturn new DefaultPortModel(true,\"unknown\");\n\t}\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultPortModel extends PortModel{\n\tin: boolean;\n\tlabel: string;\n\t\n\tconstructor(isInput:boolean,name: string,label: string = null){\n\t\tsuper(name);\n\t\tthis.in = isInput;\n\t\tthis.label = label || name;\n\t}\n\t\n\tserialize(){\n\t\treturn _.merge(super.serialize(),{\n\t\t\tin: this.in,\n\t\t\tlabel: this.label,\n\t\t});\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultPortModel.ts","import * as React from \"react\";\nimport {DiagramEngine} from \"../DiagramEngine\";\nimport {DiagramModel} from \"../DiagramModel\";\nimport * as _ from \"lodash\";\nimport {PointModel, NodeModel, BaseModel, LinkModel,PortModel} from \"../Common\";\nimport {LinkLayerWidget} from \"./LinkLayerWidget\";\nimport {NodeLayerWidget} from \"./NodeLayerWidget\";\n\ninterface SelectionModel{\n\tmodel: BaseModel;\n\tinitialX: number;\n\tinitialY: number;\n}\n\nexport class BaseAction{\n\tmouseX: number;\n\tmouseY: number;\n\tms: number;\n\t\n\tconstructor(mouseX: number,mouseY: number){\n\t\tthis.mouseX = mouseX;\n\t\tthis.mouseY = mouseY;\n\t\tthis.ms = (new Date()).getTime();\n\t}\n}\n\nclass SelectingAction extends BaseAction{\n\tmouseX2: number;\n\tmouseY2: number;\n\t\n\tconstructor(mouseX: number,mouseY: number){\n\t\tsuper(mouseX,mouseY);\n\t\tthis.mouseX2 = mouseX;\n\t\tthis.mouseY2 = mouseY;\n\t}\n\t\n\tcontainsElement(x: number, y: number, diagramModel: DiagramModel): boolean{\n\t\tvar z = diagramModel.getZoomLevel()/100.0;\n\t\treturn (\n\t\t\t(x + diagramModel.getOffsetX())*z > this.mouseX\t&& \n\t\t\t(x + diagramModel.getOffsetX())*z < this.mouseX2&& \n\t\t\t(y + diagramModel.getOffsetY())*z > this.mouseY\t&& \n\t\t\t(y + diagramModel.getOffsetY())*z < this.mouseY2\n\t\t)\n\t}\n}\n\nclass MoveCanvasAction extends BaseAction{\n\tinitialOffsetX: number;\n\tinitialOffsetY: number;\n\t\n\tconstructor(mouseX: number, mouseY: number, diagramModel: DiagramModel){\n\t\tsuper(mouseX,mouseY);\n\t\tthis.initialOffsetX = diagramModel.getOffsetX();\n\t\tthis.initialOffsetY = diagramModel.getOffsetY();\n\t}\n}\n\nclass MoveItemsAction extends BaseAction{\n\tselectionModels: SelectionModel[];\n\tmoved:boolean;\n\tconstructor(mouseX: number, mouseY: number, diagramEngine: DiagramEngine){\n\t\tsuper(mouseX, mouseY);\n\t\tthis.moved = false;\n\t\tdiagramEngine.enableRepaintEntities(diagramEngine.getDiagramModel().getSelectedItems());\n\t\tthis.selectionModels = diagramEngine.getDiagramModel().getSelectedItems().map((item: PointModel | NodeModel) => {\n\t\t\treturn {\n\t\t\t\tmodel: item,\n\t\t\t\tinitialX: item.x,\n\t\t\t\tinitialY: item.y,\n\t\t\t}\n\t\t});\n\t}\n}\n\nexport interface DiagramProps {\n\tdiagramEngine:DiagramEngine;\n}\n\nexport interface DiagramState {\n\taction: BaseAction| null;\n\trenderedNodes: boolean,\n\twindowListener: any,\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DiagramWidget extends React.Component<DiagramProps, DiagramState> {\n\n\tconstructor(props: DiagramProps) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\taction: null,\n\t\t\trenderedNodes: false,\n\t\t\twindowListener: null\n\t\t}\n\t}\n\n\tcomponentWillUnmount(){\n\t\tthis.props.diagramEngine.setCanvas(null);\n\t\twindow.removeEventListener('keydown',this.state.windowListener);\n\t}\n\t\n\tcomponentWillReceiveProps(nextProps: DiagramProps){\n\t\tif (this.props.diagramEngine.id !== nextProps.diagramEngine.id){\n\t\t\tthis.setState({renderedNodes: false});\n\t\t}\n\t}\n\t\n\t/**\n\t * Gets a model and element under the mouse cursor\n\t */\n\tgetMouseElement(event): {model: BaseModel, element: Element}{\n\t\tvar target = event.target as Element;\n\t\tvar diagramModel = this.props.diagramEngine.diagramModel;\n\t\t\n\t\t//is it a port\n\t\tvar element = target.closest('.port[data-name]');\n\t\tif(element){\n\t\t\tvar nodeElement = target.closest('.node[data-nodeid]') as HTMLElement;\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getNode(nodeElement.getAttribute('data-nodeid')).getPort(element.getAttribute('data-name')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a point\n\t\telement = target.closest('.point[data-id]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getLink(element.getAttribute('data-linkid')).getPointModel(element.getAttribute('data-id')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a link\n\t\telement = target.closest('[data-linkid]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getLink(element.getAttribute('data-linkid')),\n\t\t\t\telement: element\n\t\t\t};\n\t\t}\n\t\t\n\t\t//look for a node\n\t\telement = target.closest('.node[data-nodeid]');\n\t\tif(element){\n\t\t\treturn {\n\t\t\t\tmodel: diagramModel.getNode(element.getAttribute('data-nodeid')),\n\t\t\t\telement: element\n\t\t\t}\n\t\t}\n\t\t\n\t\treturn null;\n\t}\n\t\n\tcomponentDidMount(){\n\t\tthis.props.diagramEngine.setCanvas(this.refs['canvas'] as Element);\n\t\t\n\t\t//TODO\n\t\t\n\t\t//add a keybaord listener\n\t\tthis.setState({\n\t\t\trenderedNodes: true,\n\t\t\twindowListener: window.addEventListener('keydown',(event) => {\n\t\t\t\t\n\t\t\t\t//delete all selected\n\t\t\t\tif(event.keyCode === 46){\n\t\t\t\t\t_.forEach(this.props.diagramEngine.getDiagramModel().getSelectedItems(),(element) => {\n\t\t\t\t\t\telement.remove();\n\t\t\t\t\t});\n\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t}\n\t\t\t})\n\t\t});\n\t\twindow.focus();\n\t}\n\t\n\n\trender() {\n\t\tvar diagramEngine = this.props.diagramEngine;\n\t\tvar diagramModel = diagramEngine.getDiagramModel();\n\t\t\n\t\treturn (\n\t\t\tReact.DOM.div({\n\t\t\t\t\tref:'canvas',\n\t\t\t\t\tclassName:'storm-diagrams-canvas',\n\t\t\t\t\tonWheel: (event) => {\n                        event.preventDefault();\n                        event.stopPropagation();\n\t\t\t\t\t\tdiagramModel.setZoomLevel(diagramModel.getZoomLevel()+(event.deltaY/60));\n\t\t\t\t\t\tdiagramEngine.enableRepaintEntities([]);\n\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t},\n\t\t\t\t\tonMouseMove: (event) => {\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t//select items so draw a bounding box\n\t\t\t\t\t\tif (this.state.action instanceof SelectingAction){\n\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t_.forEach(diagramModel.getNodes(),(node) => {\n\t\t\t\t\t\t\t\tif ((this.state.action as SelectingAction).containsElement(node.x, node.y, diagramModel)){\n\t\t\t\t\t\t\t\t\tnode.setSelected(true);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t_.forEach(diagramModel.getLinks(),(link) => {\n\t\t\t\t\t\t\t\tvar allSelected = true;\n\t\t\t\t\t\t\t\t_.forEach(link.points,(point) => {\n\t\t\t\t\t\t\t\t\tif ((this.state.action as SelectingAction).containsElement(point.x, point.y, diagramModel)){\n\t\t\t\t\t\t\t\t\t\tpoint.setSelected(true);\n\t\t\t\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\t\t\t\tallSelected = false;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tif (allSelected){\n\t\t\t\t\t\t\t\t\tlink.setSelected(true);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.state.action.mouseX2 = relative.x;\n\t\t\t\t\t\t\tthis.state.action.mouseY2 = relative.y;\n\t\t\t\t\t\t\tthis.setState({action: this.state.action});\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//translate the items on the canvas\n\t\t\t\t\t\telse if (this.state.action instanceof MoveItemsAction){\n\t\t\t\t\t\t\t_.forEach(this.state.action.selectionModels,(model) => {\n\t\t\t\t\t\t\t\tif (model.model instanceof NodeModel || model.model instanceof PointModel){\n\t\t\t\t\t\t\t\t\tmodel.model.x = model.initialX + ((event.pageX - this.state.action.mouseX) / (diagramModel.getZoomLevel()/100));\n\t\t\t\t\t\t\t\t\tmodel.model.y = model.initialY + ((event.pageY - this.state.action.mouseY) / (diagramModel.getZoomLevel()/100));\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//translate the actual canvas\n\t\t\t\t\t\telse if (this.state.action instanceof MoveCanvasAction){\n\t\t\t\t\t\t\tdiagramModel.setOffset(\n\t\t\t\t\t\t\t\tthis.state.action.initialOffsetX + ((event.pageX - this.state.action.mouseX) / (diagramModel.getZoomLevel()/100)),\n\t\t\t\t\t\t\t\tthis.state.action.initialOffsetY+((event.pageY-this.state.action.mouseY)/(diagramModel.getZoomLevel()/100))\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tthis.forceUpdate();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tonMouseDown: (event) =>{\n\t\t\t\t\t\tdiagramEngine.clearRepaintEntities();\n\t\t\t\t\t\t\n\t\t\t\t\t\tvar model = this.getMouseElement(event);\n\t\t\t\t\t\t//its the canvas\n\t\t\t\t\t\tif(model === null){\n\t\t\t\t\t\t\t//is it a multiple selection\n\t\t\t\t\t\t\tif (event.shiftKey){\n\t\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\taction: new SelectingAction(\n\t\t\t\t\t\t\t\t\t\trelative.x, relative.y\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t//its a drag the canvas event\n\t\t\t\t\t\t\telse{\n\t\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativePoint(event.pageX, event.pageY);\n\t\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\taction: new MoveCanvasAction(relative.x, relative.y, diagramModel)\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t//its a port element, we want to drag a link\n\t\t\t\t\t\telse if (model.model instanceof PortModel){\n\t\t\t\t\t\t\tvar relative = diagramEngine.getRelativeMousePoint(event);\n\t\t\t\t\t\t\tvar link = new LinkModel();\n\t\t\t\t\t\t\tlink.setSourcePort(model.model);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tlink.getFirstPoint().updateLocation(relative)\n\t\t\t\t\t\t\tlink.getLastPoint().updateLocation(relative);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\tlink.getLastPoint().setSelected(true);\n\t\t\t\t\t\t\tdiagramModel.addLink(link);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\t//its some or other element, probably want to move it\n\t\t\t\t\t\telse{\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tif (!event.shiftKey && !model.model.isSelected()){\n\t\t\t\t\t\t\t\tdiagramModel.clearSelection();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmodel.model.setSelected(true);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY,diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tonMouseUp: (event) => {\n\t\t\t\t\t\t\n\t\t\t\t\t\t//are we going to connect a link to something?\n\t\t\t\t\t\tif (this.state.action instanceof MoveItemsAction){\n\t\t\t\t\t\t\tvar element = this.getMouseElement(event);\n\t\t\t\t\t\t\tif(element){\n\t\t\t\t\t\t\t\t_.forEach(this.state.action.selectionModels,(model) => {\n\n\t\t\t\t\t\t\t\t\t//only care about points connecting to things\n\t\t\t\t\t\t\t\t\tif (!(model.model instanceof PointModel)){\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\tif (element.model instanceof PortModel){\n\t\t\t\t\t\t\t\t\t\tmodel.model.getLink().setTargetPort(element.model);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\tdiagramEngine.clearRepaintEntities();\n\t\t\t\t\t\tthis.setState({action: null});\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tthis.state.renderedNodes?\n\t\t\t\t\tReact.createElement(LinkLayerWidget, {\n\t\t\t\t\t\tdiagramEngine: diagramEngine, pointAdded: (point: PointModel,event) => {\n\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\tdiagramModel.clearSelection(point);\n\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\taction: new MoveItemsAction(event.pageX, event.pageY, diagramEngine)\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}):null,\n\t\t\t\t\tReact.createElement(NodeLayerWidget, {diagramEngine: diagramEngine}),\n\t\t\t\t\tthis.state.action instanceof SelectingAction?\n\t\t\t\t\t\tReact.DOM.div({\n\t\t\t\t\t\t\tclassName: 'selector',\n\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\ttop: this.state.action.mouseY,\n\t\t\t\t\t\t\t\tleft: this.state.action.mouseX,\n\t\t\t\t\t\t\t\twidth: this.state.action.mouseX2 - this.state.action.mouseX,\n\t\t\t\t\t\t\t\theight: this.state.action.mouseY2 - this.state.action.mouseY,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}):null\n\t\t\t)\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/widgets/DiagramWidget.ts","import * as React from \"react\";\nimport {DefaultPortModel} from \"./DefaultPortModel\";\nimport {PortWidget} from \"../widgets/PortWidget\";\n\nexport interface DefaultPortLabelProps {\n\tmodel?: DefaultPortModel;\n}\n\nexport interface DefaultPortLabelState {\n}\n\n/**\n * @author Dylan Vorster\n */\nexport class DefaultPortLabel extends React.Component<DefaultPortLabelProps, DefaultPortLabelState> {\n\n\tpublic static defaultProps: DefaultPortLabelProps = {\n\t\tin: true,\n\t\tlabel: \"port\"\n\t};\n\n\trender() {\n\t\t\n\t\tvar port = React.createElement(PortWidget, {name: this.props.model.name, node: this.props.model.getParent()});\n\t\tvar label = React.DOM.div({className: 'name'}, this.props.model.label);\n\t\t\n\t\treturn React.DOM.div({className: (this.props.model.in?'in':'out')+'-port'},\n\t\t\tthis.props.model.in?port:label,\n\t\t\tthis.props.model.in?label:port,\n\t\t);\n\t}\n}\n\n\n// WEBPACK FOOTER //\n// ./src/defaults/DefaultPortLabelWidget.ts","/**\n * @author Dylan Vorster\n */\n \n //export defaults\nexport * from \"./defaults/DefaultLinkFactory\";\nexport * from \"./defaults/DefaultLinkWidget\";\nexport * from \"./defaults/DefaultNodeFactory\";\nexport * from \"./defaults/DefaultNodeWidget\";\nexport * from \"./defaults/DefaultNodeModel\";\nexport * from \"./defaults/DefaultPortModel\";\n\nexport * from \"./WidgetFactories\";\nexport * from \"./Toolkit\";\n\nexport * from \"./DiagramEngine\";\nexport * from \"./DiagramModel\";\nexport * from \"./BaseEntity\";\nexport * from \"./Common\";\nexport * from \"./AbstractInstanceFactory\";\n\nexport * from \"./widgets/DiagramWidget\";\nexport * from \"./widgets/LinkLayerWidget\";\nexport * from \"./widgets/LinkWidget\";\nexport * from \"./widgets/NodeLayerWidget\";\nexport * from \"./widgets/NodeWidget\";\nexport * from \"./widgets/PortWidget\";\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.ts"],"sourceRoot":""}
\ No newline at end of file
diff --git a/dist/src/AbstractInstanceFactory.d.ts b/dist/src/AbstractInstanceFactory.d.ts
new file mode 100644
index 0000000..f8f8156
--- /dev/null
+++ b/dist/src/AbstractInstanceFactory.d.ts
@@ -0,0 +1,10 @@
+import { BaseEntity, BaseListener } from "./BaseEntity";
+/**
+ * @author Dylan Vorster
+ */
+export declare abstract class AbstractInstanceFactory<T extends BaseEntity<BaseListener>> {
+    className: string;
+    constructor(className: string);
+    getName(): string;
+    abstract getInstance(): T;
+}
diff --git a/dist/src/BaseEntity.d.ts b/dist/src/BaseEntity.d.ts
index a268356..c1aa4e5 100644
--- a/dist/src/BaseEntity.d.ts
+++ b/dist/src/BaseEntity.d.ts
@@ -3,7 +3,7 @@
  */
 export declare class BaseListener {
 }
-export declare class BaseEnity<T extends BaseListener> {
+export declare class BaseEntity<T extends BaseListener> {
     listeners: {
         [s: string]: T;
     };
@@ -11,6 +11,7 @@ export declare class BaseEnity<T extends BaseListener> {
     constructor();
     getID(): string;
     clearListeners(): void;
+    deSerialize(data: any): void;
     serialize(): {
         id: string;
     };
diff --git a/dist/src/Common.d.ts b/dist/src/Common.d.ts
index 52b827a..6fd53d9 100644
--- a/dist/src/Common.d.ts
+++ b/dist/src/Common.d.ts
@@ -1,4 +1,4 @@
-import { BaseEnity, BaseListener } from "./BaseEntity";
+import { BaseEntity, BaseListener } from "./BaseEntity";
 export interface BaseModelListener extends BaseListener {
     selectionChanged?(): any;
     entityRemoved?(): any;
@@ -6,9 +6,10 @@ export interface BaseModelListener extends BaseListener {
 /**
  * @author Dylan Vorster
  */
-export declare class BaseModel extends BaseEnity<BaseModelListener> {
+export declare class BaseModel extends BaseEntity<BaseModelListener> {
     selected: boolean;
     constructor();
+    deSerialize(ob: any): void;
     serialize(): {
         id: string;
     } & {
@@ -28,6 +29,7 @@ export declare class PointModel extends BaseModel {
         x: number;
         y: number;
     });
+    deSerialize(ob: any): void;
     serialize(): {
         id: string;
     } & {
@@ -53,6 +55,7 @@ export declare class LinkModel extends BaseModel {
     points: PointModel[];
     extras: {};
     constructor();
+    deSerialize(ob: any): void;
     serialize(): {
         id: string;
     } & {
@@ -62,6 +65,8 @@ export declare class LinkModel extends BaseModel {
         type: string;
         source: string;
         sourcePort: string;
+        target: string;
+        targetPort: string;
         points: ({
             id: string;
         } & {
@@ -124,6 +129,7 @@ export declare class NodeModel extends BaseModel {
         [s: string]: PortModel;
     };
     constructor(nodeType?: string);
+    deSerialize(ob: any): void;
     serialize(): {
         id: string;
     } & {
diff --git a/dist/src/DiagramEngine.d.ts b/dist/src/DiagramEngine.d.ts
index eb07c94..14edeba 100644
--- a/dist/src/DiagramEngine.d.ts
+++ b/dist/src/DiagramEngine.d.ts
@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { NodeWidgetFactory, LinkWidgetFactory } from "./WidgetFactories";
 import { LinkModel, NodeModel, BaseModel, PortModel } from "./Common";
-import { BaseEnity, BaseListener } from "./BaseEntity";
+import { BaseEntity, BaseListener } from "./BaseEntity";
 import { DiagramModel } from "./DiagramModel";
+import { AbstractInstanceFactory } from "./AbstractInstanceFactory";
 /**
  * @author Dylan Vorster
  */
@@ -13,13 +14,16 @@ export interface DiagramEngineListener extends BaseListener {
 /**
  * Passed as a parameter to the DiagramWidget
  */
-export declare class DiagramEngine extends BaseEnity<DiagramEngineListener> {
+export declare class DiagramEngine extends BaseEntity<DiagramEngineListener> {
     nodeFactories: {
         [s: string]: NodeWidgetFactory;
     };
     linkFactories: {
         [s: string]: LinkWidgetFactory;
     };
+    instanceFactories: {
+        [s: string]: AbstractInstanceFactory<BaseEntity<BaseListener>>;
+    };
     diagramModel: DiagramModel;
     canvas: Element;
     paintableWidgets: {};
@@ -36,6 +40,8 @@ export declare class DiagramEngine extends BaseEnity<DiagramEngineListener> {
     getLinkFactories(): {
         [s: string]: LinkWidgetFactory;
     };
+    getInstanceFactory(className: string): AbstractInstanceFactory<BaseEntity<BaseListener>>;
+    registerInstanceFactory(factory: AbstractInstanceFactory<BaseEntity<BaseListener>>): void;
     registerNodeFactory(factory: NodeWidgetFactory): void;
     registerLinkFactory(factory: LinkWidgetFactory): void;
     getFactoryForNode(node: NodeModel): NodeWidgetFactory | null;
diff --git a/dist/src/DiagramModel.d.ts b/dist/src/DiagramModel.d.ts
index 9321bfd..555273c 100644
--- a/dist/src/DiagramModel.d.ts
+++ b/dist/src/DiagramModel.d.ts
@@ -1,5 +1,6 @@
 import { LinkModel, NodeModel, BaseModel } from "./Common";
-import { BaseListener, BaseEnity } from "./BaseEntity";
+import { BaseListener, BaseEntity } from "./BaseEntity";
+import { DiagramEngine } from "./DiagramEngine";
 /**
  * @author Dylan Vorster
  *
@@ -12,7 +13,7 @@ export interface DiagramListener extends BaseListener {
 /**
  *
  */
-export declare class DiagramModel extends BaseEnity<DiagramListener> {
+export declare class DiagramModel extends BaseEntity<DiagramListener> {
     links: {
         [s: string]: LinkModel;
     };
@@ -23,8 +24,8 @@ export declare class DiagramModel extends BaseEnity<DiagramListener> {
     offsetY: number;
     zoom: number;
     constructor();
-    deSerialize(object: any): void;
-    serialize(): {
+    deSerializeDiagram(object: any, diagramEngine: DiagramEngine): void;
+    serializeDiagram(): {
         id: string;
     } & {
         offsetX: number;
@@ -39,6 +40,8 @@ export declare class DiagramModel extends BaseEnity<DiagramListener> {
             type: string;
             source: string;
             sourcePort: string;
+            target: string;
+            targetPort: string;
             points: ({
                 id: string;
             } & {
diff --git a/dist/src/defaults/DefaultNodeFactory.d.ts b/dist/src/defaults/DefaultNodeFactory.d.ts
index 696935c..3f16d34 100644
--- a/dist/src/defaults/DefaultNodeFactory.d.ts
+++ b/dist/src/defaults/DefaultNodeFactory.d.ts
@@ -7,6 +7,5 @@ import { DiagramEngine } from "../DiagramEngine";
  */
 export declare class DefaultNodeFactory extends NodeWidgetFactory {
     constructor();
-    generateModel(): void;
     generateReactWidget(diagramEngine: DiagramEngine, node: DefaultNodeModel): JSX.Element;
 }
diff --git a/dist/src/defaults/DefaultNodeModel.d.ts b/dist/src/defaults/DefaultNodeModel.d.ts
index af115d2..d2dc3c4 100644
--- a/dist/src/defaults/DefaultNodeModel.d.ts
+++ b/dist/src/defaults/DefaultNodeModel.d.ts
@@ -1,5 +1,10 @@
 import { NodeModel } from "../Common";
 import { DefaultPortModel } from "./DefaultPortModel";
+import { AbstractInstanceFactory } from "../AbstractInstanceFactory";
+export declare class DefaultNodeInstanceFactory extends AbstractInstanceFactory<DefaultNodeModel> {
+    constructor();
+    getInstance(): DefaultNodeModel;
+}
 /**
  * @author Dylan Vorster
  */
diff --git a/dist/src/defaults/DefaultPortModel.d.ts b/dist/src/defaults/DefaultPortModel.d.ts
index cf359d0..9586557 100644
--- a/dist/src/defaults/DefaultPortModel.d.ts
+++ b/dist/src/defaults/DefaultPortModel.d.ts
@@ -1,4 +1,9 @@
 import { PortModel } from "../Common";
+import { AbstractInstanceFactory } from "../AbstractInstanceFactory";
+export declare class DefaultPortInstanceFactory extends AbstractInstanceFactory<DefaultPortModel> {
+    constructor();
+    getInstance(): DefaultPortModel;
+}
 /**
  * @author Dylan Vorster
  */
diff --git a/dist/src/main.d.ts b/dist/src/main.d.ts
index 844c5f5..f70a8da 100644
--- a/dist/src/main.d.ts
+++ b/dist/src/main.d.ts
@@ -13,6 +13,7 @@ export * from "./DiagramEngine";
 export * from "./DiagramModel";
 export * from "./BaseEntity";
 export * from "./Common";
+export * from "./AbstractInstanceFactory";
 export * from "./widgets/DiagramWidget";
 export * from "./widgets/LinkLayerWidget";
 export * from "./widgets/LinkWidget";
diff --git a/src/AbstractInstanceFactory.ts b/src/AbstractInstanceFactory.ts
new file mode 100644
index 0000000..f12b2c9
--- /dev/null
+++ b/src/AbstractInstanceFactory.ts
@@ -0,0 +1,19 @@
+import {BaseEntity, BaseListener} from "./BaseEntity";
+/**
+ * @author Dylan Vorster
+ */
+export abstract class AbstractInstanceFactory<T extends BaseEntity<BaseListener>>{
+	
+	className: string;
+	
+	constructor(className: string){
+		this.className = className;
+	}
+	
+	getName(){
+		return this.className;
+	}
+	
+	abstract getInstance(): T;
+	
+}
\ No newline at end of file
diff --git a/src/BaseEntity.ts b/src/BaseEntity.ts
index 5c12ca5..68c2252 100644
--- a/src/BaseEntity.ts
+++ b/src/BaseEntity.ts
@@ -1,4 +1,5 @@
 import {Toolkit} from "./Toolkit";
+import {AbstractInstanceFactory} from "./AbstractInstanceFactory";
 /**
  * @author Dylan Vorster
  */
@@ -6,7 +7,7 @@ export class BaseListener{
 	
 }
 
-export class BaseEnity<T extends BaseListener>{
+export class BaseEntity<T extends BaseListener>{
 	
 	public listeners:{[s: string]: T};
 	public id: string;
@@ -24,6 +25,10 @@ export class BaseEnity<T extends BaseListener>{
 		this.listeners = {};
 	}
 	
+	public deSerialize(data){
+		this.id = data.id;
+	}
+	
 	public serialize(){
 		return {
 			id: this.id,
diff --git a/src/Common.ts b/src/Common.ts
index 5851fa6..7b7bc6a 100644
--- a/src/Common.ts
+++ b/src/Common.ts
@@ -1,5 +1,5 @@
 import {Toolkit} from "./Toolkit";
-import {BaseEnity, BaseListener} from "./BaseEntity";
+import {BaseEntity, BaseListener} from "./BaseEntity";
 import * as _ from "lodash";
 
 export interface BaseModelListener extends BaseListener{
@@ -12,16 +12,20 @@ export interface BaseModelListener extends BaseListener{
 /**
  * @author Dylan Vorster
  */
-export class BaseModel extends BaseEnity<BaseModelListener>{
+export class BaseModel extends BaseEntity<BaseModelListener>{
 	
 	selected: boolean;
 	
 	constructor(){
 		super();
-		this.id = Toolkit.UID();
 		this.selected = false;
 	}
 	
+	deSerialize(ob){
+		super.deSerialize(ob);
+		this.selected = ob.selected;
+	}
+	
 	serialize(){
 		return _.merge(super.serialize(),{
 			_class: this.constructor.name,
@@ -69,6 +73,12 @@ export class PointModel extends BaseModel{
 		this.link = link;
 	}
 	
+	deSerialize(ob){
+		super.deSerialize(ob);
+		this.x = ob.x;
+		this.y = ob.y;
+	}
+	
 	serialize(){
 		return _.extend(super.serialize(),{
 			x: this.x,
@@ -123,11 +133,23 @@ export class LinkModel extends BaseModel{
 		this.targetPort = null;
 	}
 	
+	deSerialize(ob){
+		super.deSerialize(ob);
+		this.linkType = ob.type;
+		this.points = _.map(ob.points,(point: {x,y}) => {
+			var p = new PointModel(this, {x: point.x,y:point.y});
+			p.deSerialize(point);
+			return p;
+		})
+	}
+	
 	serialize(){
 		return _.merge(super.serialize(),{
 			type: this.linkType,
 			source: this.sourcePort ? this.sourcePort.getParent().id:null,
 			sourcePort: this.sourcePort ? this.sourcePort.id:null,
+			target: this.targetPort ? this.targetPort.getParent().id:null,
+			targetPort: this.targetPort ? this.targetPort.id:null,
 			points: _.map(this.points,(point) => {
 				return point.serialize();
 			}),
@@ -274,6 +296,14 @@ export class NodeModel extends BaseModel{
 		this.ports = {};
 	}
 	
+	deSerialize(ob){
+		super.deSerialize(ob);
+		this.nodeType = ob.type;
+		this.x = ob.x;
+		this.y = ob.y;
+		this.extras = ob.extras;
+	}
+	
 	serialize(){
 		return _.merge(super.serialize(),{
 			type: this.nodeType,
diff --git a/src/DiagramEngine.ts b/src/DiagramEngine.ts
index c0f498f..a2984b1 100644
--- a/src/DiagramEngine.ts
+++ b/src/DiagramEngine.ts
@@ -1,8 +1,8 @@
 import {NodeWidgetFactory, LinkWidgetFactory} from "./WidgetFactories";
 import {LinkModel, NodeModel, BaseModel, PortModel, PointModel} from "./Common";
-import {BaseEnity, BaseListener} from "./BaseEntity";
+import {BaseEntity, BaseListener} from "./BaseEntity";
 import {DiagramModel} from "./DiagramModel";
-import * as React from "react";
+import {AbstractInstanceFactory} from "./AbstractInstanceFactory";
 import * as _ from "lodash";
 /**
  * @author Dylan Vorster
@@ -17,10 +17,12 @@ export interface DiagramEngineListener extends BaseListener{
 /**
  * Passed as a parameter to the DiagramWidget
  */
-export class DiagramEngine extends BaseEnity<DiagramEngineListener>{
+export class DiagramEngine extends BaseEntity<DiagramEngineListener>{
 	
 	nodeFactories: {[s: string]:NodeWidgetFactory};
 	linkFactories: {[s: string]:LinkWidgetFactory};
+	instanceFactories: {[s: string]: AbstractInstanceFactory<BaseEntity<BaseListener>>};
+	
 	diagramModel: DiagramModel;
 	canvas: Element;
 	paintableWidgets: {};
@@ -30,6 +32,7 @@ export class DiagramEngine extends BaseEnity<DiagramEngineListener>{
 		this.diagramModel = new DiagramModel();
 		this.nodeFactories = {};
 		this.linkFactories = {};
+		this.instanceFactories = {};
 		this.canvas = null;
 		this.paintableWidgets = null;
 	}
@@ -88,6 +91,14 @@ export class DiagramEngine extends BaseEnity<DiagramEngineListener>{
 		return this.linkFactories;
 	}
 	
+	getInstanceFactory(className: string): AbstractInstanceFactory<BaseEntity<BaseListener>>{
+		return this.instanceFactories[className];
+	}
+	
+	registerInstanceFactory(factory: AbstractInstanceFactory<BaseEntity<BaseListener>>){
+		this.instanceFactories[factory.getName()] = factory;
+	}
+	
 	registerNodeFactory(factory: NodeWidgetFactory){
 		this.nodeFactories[factory.getType()] = factory;
 		this.itterateListeners((listener) => {
diff --git a/src/DiagramModel.ts b/src/DiagramModel.ts
index 1c83bda..94d2da1 100644
--- a/src/DiagramModel.ts
+++ b/src/DiagramModel.ts
@@ -1,6 +1,7 @@
-import {LinkModel, NodeModel, BaseModel} from "./Common";
-import {BaseListener, BaseEnity} from "./BaseEntity";
+import {LinkModel, NodeModel, BaseModel, PortModel} from "./Common";
+import {BaseListener, BaseEntity} from "./BaseEntity";
 import * as _ from "lodash";
+import {DiagramEngine} from "./DiagramEngine";
 /**
  * @author Dylan Vorster
  * 
@@ -17,7 +18,7 @@ export interface DiagramListener extends BaseListener{
 /**
  * 
  */
-export class DiagramModel extends BaseEnity<DiagramListener>{
+export class DiagramModel extends BaseEntity<DiagramListener>{
 	
 	//models
 	links: {[s:string] : LinkModel};
@@ -39,13 +40,46 @@ export class DiagramModel extends BaseEnity<DiagramListener>{
 		this.zoom = 100;
 	}
 	
-	deSerialize(object: any){
+	deSerializeDiagram(object: any, diagramEngine: DiagramEngine){
+		this.deSerialize(object);
 		
+		this.offsetX = object.offsetX;
+		this.offsetY = object.offsetY;
+		this.zoom = object.zoom;
 		
+		//deserialize nodes
+		_.forEach(object.nodes,(node) => {
+			let nodeOb = diagramEngine.getInstanceFactory(node._class).getInstance() as NodeModel;
+			nodeOb.deSerialize(node);
+			
+			//deserialize ports
+			_.forEach(node.ports,(port) => {
+				let portOb = diagramEngine.getInstanceFactory(port._class).getInstance() as PortModel;
+				portOb.deSerialize(port);
+				nodeOb.addPort(portOb);
+			});
+			
+			this.addNode(nodeOb);
+		});
+		
+		_.forEach(object.links,(link) => {
+			let linkOb = diagramEngine.getInstanceFactory(link._class).getInstance() as LinkModel;
+			linkOb.deSerialize(link);
+			
+			if(link.target){
+				this.getNode(link.target).getPort(link.targetPort).addLink(linkOb);
+			}
+			
+			if(link.source){
+				this.getNode(link.source).getPort(link.sourcePort).addLink(linkOb);
+			}
+			
+			this.addLink(linkOb);
+		});
 	}
 	
-	serialize(){
-		return _.merge(super.serialize(),{
+	serializeDiagram(){
+		return _.merge(this.serialize(),{
 			offsetX: this.offsetX,
 			offsetY: this.offsetY,
 			zoom: this.zoom,
diff --git a/src/defaults/DefaultNodeFactory.ts b/src/defaults/DefaultNodeFactory.ts
index 50cee67..097b0eb 100644
--- a/src/defaults/DefaultNodeFactory.ts
+++ b/src/defaults/DefaultNodeFactory.ts
@@ -12,10 +12,6 @@ export class DefaultNodeFactory extends NodeWidgetFactory{
 		super("default");
 	}
 	
-	generateModel(){
-		
-	}
-	
 	generateReactWidget(diagramEngine:DiagramEngine,node: DefaultNodeModel): JSX.Element{
 		return React.createElement(DefaultNodeWidget,{
 			node: node,
diff --git a/src/defaults/DefaultNodeModel.ts b/src/defaults/DefaultNodeModel.ts
index 8f87117..811ca86 100644
--- a/src/defaults/DefaultNodeModel.ts
+++ b/src/defaults/DefaultNodeModel.ts
@@ -1,6 +1,20 @@
 import {NodeModel} from "../Common";
 import {DefaultPortModel} from "./DefaultPortModel";
 import * as _ from "lodash";
+
+import {AbstractInstanceFactory} from "../AbstractInstanceFactory";
+
+export class DefaultNodeInstanceFactory extends AbstractInstanceFactory<DefaultNodeModel>{
+	
+	constructor(){
+		super("DefaultNodeModel");
+	}
+	
+	getInstance(){
+		return new DefaultNodeModel();
+	}
+}
+
 /**
  * @author Dylan Vorster
  */
diff --git a/src/defaults/DefaultPortModel.ts b/src/defaults/DefaultPortModel.ts
index 282dfa8..a98ecdc 100644
--- a/src/defaults/DefaultPortModel.ts
+++ b/src/defaults/DefaultPortModel.ts
@@ -1,5 +1,18 @@
 import {PortModel} from "../Common";
 import * as _ from "lodash";
+import {AbstractInstanceFactory} from "../AbstractInstanceFactory";
+
+export class DefaultPortInstanceFactory extends AbstractInstanceFactory<DefaultPortModel>{
+	
+	constructor(){
+		super("DefaultPortModel");
+	}
+	
+	getInstance(){
+		return new DefaultPortModel(true,"unknown");
+	}
+}
+
 /**
  * @author Dylan Vorster
  */
@@ -14,7 +27,7 @@ export class DefaultPortModel extends PortModel{
 	}
 	
 	serialize(){
-		return _.extend(super.serialize(),{
+		return _.merge(super.serialize(),{
 			in: this.in,
 			label: this.label,
 		});
diff --git a/src/main.ts b/src/main.ts
index 0bff26c..b030767 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -17,6 +17,7 @@ export * from "./DiagramEngine";
 export * from "./DiagramModel";
 export * from "./BaseEntity";
 export * from "./Common";
+export * from "./AbstractInstanceFactory";
 
 export * from "./widgets/DiagramWidget";
 export * from "./widgets/LinkLayerWidget";