|
|
@ -5,7 +5,7 @@ |
|
|
|
* A dynamic, browser-based visualization library. |
|
|
|
* |
|
|
|
* @version 4.15.2-SNAPSHOT |
|
|
|
* @date 2016-03-14 |
|
|
|
* @date 2016-03-19 |
|
|
|
* |
|
|
|
* @license |
|
|
|
* Copyright (C) 2011-2016 Almende B.V, http://almende.com
|
|
|
@ -29104,9 +29104,7 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
value: function create(properties) { |
|
|
|
var constructorClass = arguments.length <= 1 || arguments[1] === undefined ? _Node2.default : arguments[1]; |
|
|
|
|
|
|
|
var idField = this.body.data.nodes._fieldId; |
|
|
|
var id = properties[idField]; |
|
|
|
return new constructorClass(id, properties, this.body, this.images, this.groups, this.options); |
|
|
|
return new constructorClass(properties, this.body, this.images, this.groups, this.options); |
|
|
|
} |
|
|
|
}, { |
|
|
|
key: 'refresh', |
|
|
@ -29367,9 +29365,9 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
/** |
|
|
|
* @class Node |
|
|
|
* A node. A node can be connected to other nodes via one or multiple edges. |
|
|
|
* @param {string} id Id for the node |
|
|
|
* @param {object} options An object containing options for the node. All |
|
|
|
* options are optional |
|
|
|
* options are optional, except for the id. |
|
|
|
* {number} id Id of the node. Required |
|
|
|
* {string} label Text label for the node |
|
|
|
* {number} x Horizontal position of the node |
|
|
|
* {number} y Vertical position of the node |
|
|
@ -29391,7 +29389,7 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
*/ |
|
|
|
|
|
|
|
var Node = function () { |
|
|
|
function Node(id, options, body, imagelist, grouplist, globalOptions) { |
|
|
|
function Node(options, body, imagelist, grouplist, globalOptions) { |
|
|
|
_classCallCheck(this, Node); |
|
|
|
|
|
|
|
this.options = util.bridgeObject(globalOptions); |
|
|
@ -29400,11 +29398,8 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
|
|
|
|
this.edges = []; // all edges connected to this node
|
|
|
|
|
|
|
|
if (id === undefined) { |
|
|
|
throw "Node must have an id"; |
|
|
|
} |
|
|
|
|
|
|
|
this.id = id; |
|
|
|
// set defaults for the options
|
|
|
|
this.id = undefined; |
|
|
|
this.imagelist = imagelist; |
|
|
|
this.grouplist = grouplist; |
|
|
|
|
|
|
@ -29462,6 +29457,14 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
if (!options) { |
|
|
|
return; |
|
|
|
} |
|
|
|
// basic options
|
|
|
|
if (options.id !== undefined) { |
|
|
|
this.id = options.id; |
|
|
|
} |
|
|
|
|
|
|
|
if (this.id === undefined) { |
|
|
|
throw "Node must have an id"; |
|
|
|
} |
|
|
|
|
|
|
|
// set these options locally
|
|
|
|
// clear x and y positions
|
|
|
@ -32136,9 +32139,7 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
}, { |
|
|
|
key: 'create', |
|
|
|
value: function create(properties) { |
|
|
|
var idField = this.body.data.edges._fieldId; |
|
|
|
var id = properties[idField]; |
|
|
|
return new _Edge2.default(id, properties, this.body, this.options); |
|
|
|
return new _Edge2.default(properties, this.body, this.options); |
|
|
|
} |
|
|
|
}, { |
|
|
|
key: 'markAllEdgesAsDirty', |
|
|
@ -32241,7 +32242,6 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
* @class Edge |
|
|
|
* |
|
|
|
* A edge connects two nodes |
|
|
|
* @param {string} [id] Id for the edge. optional |
|
|
|
* @param {Object} properties Object with options. Must contain |
|
|
|
* At least options from and to. |
|
|
|
* Available options: from (number), |
|
|
@ -32255,7 +32255,7 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
*/ |
|
|
|
|
|
|
|
var Edge = function () { |
|
|
|
function Edge(id, options, body, globalOptions) { |
|
|
|
function Edge(options, body, globalOptions) { |
|
|
|
_classCallCheck(this, Edge); |
|
|
|
|
|
|
|
if (body === undefined) { |
|
|
@ -32266,7 +32266,7 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
this.body = body; |
|
|
|
|
|
|
|
// initialize variables
|
|
|
|
this.id = id; |
|
|
|
this.id = undefined; |
|
|
|
this.fromId = undefined; |
|
|
|
this.toId = undefined; |
|
|
|
this.selected = false; |
|
|
@ -32306,6 +32306,9 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
|
|
|
|
Edge.parseOptions(this.options, options, true, this.globalOptions); |
|
|
|
|
|
|
|
if (options.id !== undefined) { |
|
|
|
this.id = options.id; |
|
|
|
} |
|
|
|
if (options.from !== undefined) { |
|
|
|
this.fromId = options.from; |
|
|
|
} |
|
|
@ -32385,14 +32388,14 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
if (this.options.smooth.enabled === true) { |
|
|
|
if (this.options.smooth.type === 'dynamic') { |
|
|
|
dataChanged = true; |
|
|
|
this.edgeType = new _BezierEdgeDynamic2.default(this.id, this.options, this.body, this.labelModule); |
|
|
|
this.edgeType = new _BezierEdgeDynamic2.default(this.options, this.body, this.labelModule); |
|
|
|
} else if (this.options.smooth.type === 'cubicBezier') { |
|
|
|
this.edgeType = new _CubicBezierEdge2.default(this.id, this.options, this.body, this.labelModule); |
|
|
|
this.edgeType = new _CubicBezierEdge2.default(this.options, this.body, this.labelModule); |
|
|
|
} else { |
|
|
|
this.edgeType = new _BezierEdgeStatic2.default(this.id, this.options, this.body, this.labelModule); |
|
|
|
this.edgeType = new _BezierEdgeStatic2.default(this.options, this.body, this.labelModule); |
|
|
|
} |
|
|
|
} else { |
|
|
|
this.edgeType = new _StraightEdge2.default(this.id, this.options, this.body, this.labelModule); |
|
|
|
this.edgeType = new _StraightEdge2.default(this.options, this.body, this.labelModule); |
|
|
|
} |
|
|
|
} else { |
|
|
|
// if nothing changes, we just set the options.
|
|
|
@ -32840,10 +32843,10 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
var CubicBezierEdge = function (_CubicBezierEdgeBase) { |
|
|
|
_inherits(CubicBezierEdge, _CubicBezierEdgeBase); |
|
|
|
|
|
|
|
function CubicBezierEdge(id, options, body, labelModule) { |
|
|
|
function CubicBezierEdge(options, body, labelModule) { |
|
|
|
_classCallCheck(this, CubicBezierEdge); |
|
|
|
|
|
|
|
return _possibleConstructorReturn(this, Object.getPrototypeOf(CubicBezierEdge).call(this, id, options, body, labelModule)); |
|
|
|
return _possibleConstructorReturn(this, Object.getPrototypeOf(CubicBezierEdge).call(this, options, body, labelModule)); |
|
|
|
} |
|
|
|
|
|
|
|
/** |
|
|
@ -32988,10 +32991,10 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
var CubicBezierEdgeBase = function (_BezierEdgeBase) { |
|
|
|
_inherits(CubicBezierEdgeBase, _BezierEdgeBase); |
|
|
|
|
|
|
|
function CubicBezierEdgeBase(id, options, body, labelModule) { |
|
|
|
function CubicBezierEdgeBase(options, body, labelModule) { |
|
|
|
_classCallCheck(this, CubicBezierEdgeBase); |
|
|
|
|
|
|
|
return _possibleConstructorReturn(this, Object.getPrototypeOf(CubicBezierEdgeBase).call(this, id, options, body, labelModule)); |
|
|
|
return _possibleConstructorReturn(this, Object.getPrototypeOf(CubicBezierEdgeBase).call(this, options, body, labelModule)); |
|
|
|
} |
|
|
|
|
|
|
|
/** |
|
|
@ -33074,10 +33077,10 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
var BezierEdgeBase = function (_EdgeBase) { |
|
|
|
_inherits(BezierEdgeBase, _EdgeBase); |
|
|
|
|
|
|
|
function BezierEdgeBase(id, options, body, labelModule) { |
|
|
|
function BezierEdgeBase(options, body, labelModule) { |
|
|
|
_classCallCheck(this, BezierEdgeBase); |
|
|
|
|
|
|
|
return _possibleConstructorReturn(this, Object.getPrototypeOf(BezierEdgeBase).call(this, id, options, body, labelModule)); |
|
|
|
return _possibleConstructorReturn(this, Object.getPrototypeOf(BezierEdgeBase).call(this, options, body, labelModule)); |
|
|
|
} |
|
|
|
|
|
|
|
/** |
|
|
@ -33210,10 +33213,9 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
var util = __webpack_require__(1); |
|
|
|
|
|
|
|
var EdgeBase = function () { |
|
|
|
function EdgeBase(id, options, body, labelModule) { |
|
|
|
function EdgeBase(options, body, labelModule) { |
|
|
|
_classCallCheck(this, EdgeBase); |
|
|
|
|
|
|
|
this.id = id; |
|
|
|
this.body = body; |
|
|
|
this.labelModule = labelModule; |
|
|
|
this.options = {}; |
|
|
@ -33243,6 +33245,7 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
this.options = options; |
|
|
|
this.from = this.body.nodes[this.options.from]; |
|
|
|
this.to = this.body.nodes[this.options.to]; |
|
|
|
this.id = this.options.id; |
|
|
|
} |
|
|
|
|
|
|
|
/** |
|
|
@ -33816,12 +33819,12 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
var BezierEdgeDynamic = function (_BezierEdgeBase) { |
|
|
|
_inherits(BezierEdgeDynamic, _BezierEdgeBase); |
|
|
|
|
|
|
|
function BezierEdgeDynamic(id, options, body, labelModule) { |
|
|
|
function BezierEdgeDynamic(options, body, labelModule) { |
|
|
|
_classCallCheck(this, BezierEdgeDynamic); |
|
|
|
|
|
|
|
// --> this calls the setOptions below
|
|
|
|
|
|
|
|
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(BezierEdgeDynamic).call(this, id, options, body, labelModule)); |
|
|
|
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(BezierEdgeDynamic).call(this, options, body, labelModule)); |
|
|
|
//this.via = undefined; // Here for completeness but not allowed to defined before super() is invoked.
|
|
|
|
|
|
|
|
|
|
|
@ -33843,6 +33846,7 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
|
|
|
|
// set the options and the to and from nodes
|
|
|
|
this.options = options; |
|
|
|
this.id = this.options.id; |
|
|
|
this.from = this.body.nodes[this.options.from]; |
|
|
|
this.to = this.body.nodes[this.options.to]; |
|
|
|
|
|
|
@ -33903,14 +33907,12 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
value: function setupSupportNode() { |
|
|
|
if (this.via === undefined) { |
|
|
|
var nodeId = "edgeId:" + this.id; |
|
|
|
var properties = { |
|
|
|
var node = this.body.functions.createNode({ |
|
|
|
id: nodeId, |
|
|
|
shape: 'circle', |
|
|
|
physics: true, |
|
|
|
hidden: true |
|
|
|
}; |
|
|
|
var idField = this.body.data.nodes._fieldId; |
|
|
|
properties[idField] = nodeId; |
|
|
|
var node = this.body.functions.createNode(properties); |
|
|
|
}); |
|
|
|
this.body.nodes[nodeId] = node; |
|
|
|
this.via = node; |
|
|
|
this.via.parentEdgeId = this.id; |
|
|
@ -34022,10 +34024,10 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
var BezierEdgeStatic = function (_BezierEdgeBase) { |
|
|
|
_inherits(BezierEdgeStatic, _BezierEdgeBase); |
|
|
|
|
|
|
|
function BezierEdgeStatic(id, options, body, labelModule) { |
|
|
|
function BezierEdgeStatic(options, body, labelModule) { |
|
|
|
_classCallCheck(this, BezierEdgeStatic); |
|
|
|
|
|
|
|
return _possibleConstructorReturn(this, Object.getPrototypeOf(BezierEdgeStatic).call(this, id, options, body, labelModule)); |
|
|
|
return _possibleConstructorReturn(this, Object.getPrototypeOf(BezierEdgeStatic).call(this, options, body, labelModule)); |
|
|
|
} |
|
|
|
|
|
|
|
/** |
|
|
@ -42692,9 +42694,8 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
key: '_getNewTargetNode', |
|
|
|
value: function _getNewTargetNode(x, y) { |
|
|
|
var controlNodeStyle = util.deepExtend({}, this.options.controlNodeStyle); |
|
|
|
var idField = this.body.data.nodes._fieldId; |
|
|
|
|
|
|
|
controlNodeStyle[idField] = 'targetNode' + util.randomUUID(); |
|
|
|
controlNodeStyle.id = 'targetNode' + util.randomUUID(); |
|
|
|
controlNodeStyle.hidden = false; |
|
|
|
controlNodeStyle.physics = false; |
|
|
|
controlNodeStyle.x = x; |
|
|
@ -43255,12 +43256,11 @@ return /******/ (function(modules) { // webpackBootstrap |
|
|
|
var _this5 = this; |
|
|
|
|
|
|
|
var defaultData = { |
|
|
|
id: util.randomUUID(), |
|
|
|
x: clickData.pointer.canvas.x, |
|
|
|
y: clickData.pointer.canvas.y, |
|
|
|
label: 'new' |
|
|
|
}; |
|
|
|
var idField = this.body.data.nodes._fieldId; |
|
|
|
defaultData[idField] = util.randomUUID(); |
|
|
|
|
|
|
|
if (typeof this.options.addNode === 'function') { |
|
|
|
if (this.options.addNode.length === 2) { |
|
|
|