Release v3.5.5 (#1646)

Author: kumilingus

CHANGELOG

@@ -1,3 +1,10 @@
+08-04-2022 (v3.5.5)
+  * Add Marey Chart Demo
+  * dia.Paper - prevent `mouseout` being stopped on `mouseleave`
+  * dia.Paper - make sure `paper:mouseenter` event is always triggered
+  * connectors.Curve - fix TangentDirections.RIGHT
+  * fix various typescript issues
+
 04-03-2022 (v3.5.4)
   * dia.Cell - fix `transition` events order
   * dia.Cell - support custom `idAttribute`

dist/geometry.js

@@ -1,4 +1,4 @@
-/*! JointJS v3.5.4 (2022-03-04) - JavaScript diagramming library
+/*! JointJS v3.5.5 (2022-04-08) - JavaScript diagramming library
 
 
 This Source Code Form is subject to the terms of the Mozilla Public

dist/geometry.min.js

@@ -1,4 +1,4 @@
-/*! JointJS v3.5.4 (2022-03-04) - JavaScript diagramming library
+/*! JointJS v3.5.5 (2022-04-08) - JavaScript diagramming library
 
 
 This Source Code Form is subject to the terms of the Mozilla Public
@@ -20701,18 +20701,18 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	        sourceTangent: opt.sourceTangent ? new Point(opt.sourceTangent) : null,
 	        targetTangent: opt.targetTangent ? new Point(opt.targetTangent) : null
 	    };
-	    if (typeof opt.sourceDirection === 'string') 
+	    if (typeof opt.sourceDirection === 'string')
 	        { options.sourceDirection = opt.sourceDirection; }
 	    else if (typeof opt.sourceDirection === 'number')
 	        { options.sourceDirection = new Point(1, 0).rotate(null, opt.sourceDirection); }
 	    else
 	        { options.sourceDirection = opt.sourceDirection ? new Point(opt.sourceDirection).normalize() : null; }
 
-	    if (typeof opt.targetDirection === 'string') 
+	    if (typeof opt.targetDirection === 'string')
 	        { options.targetDirection = opt.targetDirection; }
 	    else if (typeof opt.targetDirection === 'number')
 	        { options.targetDirection = new Point(1, 0).rotate(null, opt.targetDirection); }
-	    else 
+	    else
 	        { options.targetDirection = opt.targetDirection ? new Point(opt.targetDirection).normalize() : null; }
 
 	    var completeRoute = [sourcePoint ].concat( route.map(function (p) { return new Point(p); }), [targetPoint]);
@@ -20751,7 +20751,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	            targetTangent = targetDirection.clone().scale(tangentLength$1, tangentLength$1);
 	        }
 	    }
-	    
+
 	    var catmullRomCurves = createCatmullRomCurves(completeRoute, sourceTangent, targetTangent, options);
 	    var bezierCurves = catmullRomCurves.map(function (curve) { return catmullRomToBezier(curve, options); });
 	    var path = new Path(bezierCurves).round(precision);
@@ -20768,20 +20768,18 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    if (!sourceBBox.width || !sourceBBox.height) {
 	        if (sourceBBox.x > route[1].x)
 	            { sourceSide = 'right'; }
-	        else    
+	        else
 	            { sourceSide = 'left'; }
 	    } else {
 	        sourceSide = sourceBBox.sideNearestToPoint(route[0]);
 	    }
 
 	    switch (sourceSide) {
-	        case 'left': {
+	        case 'left':
 	            return new Point(-1, 0);
-	        }   
 	        case 'right':
-	        default: {
+	        default:
 	            return new Point(1, 0);
-	        }
 	    }
 	}
 
@@ -20792,20 +20790,18 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    if (!targetBBox.width || !targetBBox.height) {
 	        if (targetBBox.x > route[route.length - 2].x)
 	            { targetSide = 'left'; }
-	        else    
+	        else
 	            { targetSide = 'right'; }
 	    } else {
 	        targetSide = targetBBox.sideNearestToPoint(route[route.length - 1]);
 	    }
 
 	    switch (targetSide) {
-	        case 'left': {
+	        case 'left':
 	            return new Point(-1, 0);
-	        }   
 	        case 'right':
-	        default: {
+	        default:
 	            return new Point(1, 0);
-	        }
 	    }
 	}
 
@@ -20816,20 +20812,18 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    if (!sourceBBox.width || !sourceBBox.height) {
 	        if (sourceBBox.y > route[1].y)
 	            { sourceSide = 'bottom'; }
-	        else    
+	        else
 	            { sourceSide = 'top'; }
 	    } else {
 	        sourceSide = sourceBBox.sideNearestToPoint(route[0]);
 	    }
 
 	    switch (sourceSide) {
-	        case 'top': {
+	        case 'top':
 	            return new Point(0, -1);
-	        }   
 	        case 'bottom':
-	        default: {
+	        default:
 	            return new Point(0, 1);
-	        }
 	    }
 	}
 
@@ -20840,20 +20834,18 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    if (!targetBBox.width || !targetBBox.height) {
 	        if (targetBBox.y > route[route.length - 2].y)
 	            { targetSide = 'top'; }
-	        else    
+	        else
 	            { targetSide = 'bottom'; }
 	    } else {
 	        targetSide = targetBBox.sideNearestToPoint(route[route.length - 1]);
 	    }
 
 	    switch (targetSide) {
-	        case 'top': {
+	        case 'top':
 	            return new Point(0, -1);
-	        }   
 	        case 'bottom':
-	        default: {
+	        default:
 	            return new Point(0, 1);
-	        }
 	    }
 	}
 
@@ -20881,7 +20873,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
 	function getAutoTargetDirection(linkView, route, options) {
 	    var targetBBox = linkView.targetBBox;
-	    
+
 	    var targetSide;
 	    if (!targetBBox.width || !targetBBox.height) {
 	        targetSide = targetBBox.sideNearestToPoint(route[route.length - 2]);
@@ -20924,27 +20916,26 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
 	function getSourceTangentDirection(linkView, route, direction, options) {
 	    if (options.sourceDirection) {
-	        switch(options.sourceDirection) {
+	        switch (options.sourceDirection) {
 	            case TangentDirections.UP:
 	                return new Point(0, -1);
 	            case TangentDirections.DOWN:
 	                return new Point(0, 1);
 	            case TangentDirections.LEFT:
 	                return new Point(-1, 0);
 	            case TangentDirections.RIGHT:
-	                return new Point(0, 1);
+	                return new Point(1, 0);
 	            case TangentDirections.AUTO:
-	                return getAutoSourceDirection(linkView, route);    
+	                return getAutoSourceDirection(linkView, route);
 	            case TangentDirections.CLOSEST_POINT:
 	                return getClosestPointSourceDirection(linkView, route);
-	            case TangentDirections.OUTWARDS: {
+	            case TangentDirections.OUTWARDS:
 	                return getOutwardsSourceDirection(linkView, route);
-	            }
 	            default:
 	                return options.sourceDirection;
 	        }
 	    }
-	    
+
 	    switch (direction) {
 	        case Directions.HORIZONTAL:
 	            return getHorizontalSourceDirection(linkView, route);
@@ -20953,16 +20944,16 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	        case Directions.CLOSEST_POINT:
 	            return getClosestPointSourceDirection(linkView, route);
 	        case Directions.OUTWARDS:
-	            return getOutwardsSourceDirection(linkView, route);            
+	            return getOutwardsSourceDirection(linkView, route);
 	        case Directions.AUTO:
 	        default:
-	            return getAutoSourceDirection(linkView, route);            
-	    }   
+	            return getAutoSourceDirection(linkView, route);
+	    }
 	}
 
 	function getTargetTangentDirection(linkView, route, direction, options) {
 	    if (options.targetDirection) {
-	        switch(options.targetDirection) {
+	        switch (options.targetDirection) {
 	            case TangentDirections.UP:
 	                return new Point(0, -1);
 	            case TangentDirections.DOWN:
@@ -20972,30 +20963,29 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	            case TangentDirections.RIGHT:
 	                return new Point(0, 1);
 	            case TangentDirections.AUTO:
-	                return getAutoTargetDirection(linkView, route);    
+	                return getAutoTargetDirection(linkView, route);
 	            case TangentDirections.CLOSEST_POINT:
 	                return getClosestPointTargetDirection(linkView, route);
-	            case TangentDirections.OUTWARDS: {
+	            case TangentDirections.OUTWARDS:
 	                return getOutwardsTargetDirection(linkView, route);
-	            }
 	            default:
 	                return options.targetDirection;
 	        }
 	    }
-	    
+
 	    switch (direction) {
 	        case Directions.HORIZONTAL:
-	            return getHorizontalTargetDirection(linkView, route);            
+	            return getHorizontalTargetDirection(linkView, route);
 	        case Directions.VERTICAL:
 	            return getVerticalTargetDirection(linkView, route);
 	        case Directions.CLOSEST_POINT:
 	            return getClosestPointTargetDirection(linkView, route);
 	        case Directions.OUTWARDS:
-	            return getOutwardsTargetDirection(linkView, route);            
+	            return getOutwardsTargetDirection(linkView, route);
 	        case Directions.AUTO:
 	        default:
-	            return getAutoTargetDirection(linkView, route);            
-	    }   
+	            return getAutoTargetDirection(linkView, route);
+	    }
 	}
 
 	function rotateVector(vector, angle) {
@@ -21023,15 +21013,15 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	    var coeff = options.coeff;
 	    var distances = [];
 	    var tangents = [];
-	    var catmullRomCurves = [];    
+	    var catmullRomCurves = [];
 	    var n = points.length - 1;
 
 	    for (var i = 0; i < n; i++) {
 	        distances[i] = points[i].distance(points[i + 1]);
 	    }
 
 	    tangents[0] = sourceTangent;
-	    tangents[n] = targetTangent;      
+	    tangents[n] = targetTangent;
 
 	    // The calculation of tangents of vertices
 	    for (var i$1 = 1; i$1 < n; i$1++) {
@@ -21043,13 +21033,13 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	            tpPrev = points[i$1 - 1].clone();
 	        }
 	        if (i$1 === n - 1) {
-	            tpNext = points[i$1 + 1].clone().offset(tangents[i$1 + 1].x, tangents[i$1 + 1].y); 
+	            tpNext = points[i$1 + 1].clone().offset(tangents[i$1 + 1].x, tangents[i$1 + 1].y);
 	        } else {
 	            tpNext = points[i$1 + 1].clone();
 	        }
 	        var v1 = tpPrev.difference(points[i$1]).normalize();
 	        var v2 = tpNext.difference(points[i$1]).normalize();
-	        var vAngle = angleBetweenVectors(v1, v2); 
+	        var vAngle = angleBetweenVectors(v1, v2);
 
 	        var rot = (Math.PI - vAngle) / 2;
 	        var t = (void 0);
@@ -21064,7 +21054,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	        }
 	        t = v2.clone();
 	        rotateVector(t, rot);
-	    
+
 	        var t1 = t.clone();
 	        var t2 = t.clone();
 	        var scaleFactor1 = distances[i$1 - 1] * coeff;
@@ -21080,7 +21070,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	        var p0 = (void 0);
 	        var p3 = (void 0);
 	        if (i$2 === 0) {
-	            p0 = points[i$2 + 1].difference(tangents[i$2].x / tau, tangents[i$2].y / tau); 
+	            p0 = points[i$2 + 1].difference(tangents[i$2].x / tau, tangents[i$2].y / tau);
 	        } else {
 	            p0 = points[i$2 + 1].difference(tangents[i$2][1].x / tau, tangents[i$2][1].y / tau);
 	        }
@@ -29211,15 +29201,29 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
 	        evt = normalizeEvent(evt);
 
-	        var view = this.findView(evt.target);
+	        var target = evt.target;
+	        var relatedTarget = evt.relatedTarget;
+	        var currentTarget = evt.currentTarget;
+	        var view = this.findView(target);
 	        if (this.guard(evt, view)) { return; }
-	        var relatedView = this.findView(evt.relatedTarget);
+	        var relatedView = this.findView(relatedTarget);
 	        if (view) {
-	            // mouse moved from tool over view?
-	            if (relatedView === view) { return; }
+	            if (relatedView === view) {
+	                // Mouse left a cell tool
+	                return;
+	            }
 	            view.mouseenter(evt);
-	        } else {
-	            if (relatedView) { return; }
+	            if (this.el.contains(relatedTarget)) {
+	                // The pointer remains inside the paper.
+	                return;
+	            }
+	        }
+	        if (relatedView) {
+	            return;
+	        }
+	        // prevent double `mouseenter` event if the `relatedTarget` is outside the paper
+	        // (mouseenter method would be fired twice)
+	        if (currentTarget === this.el) {
 	            // `paper` (more descriptive), not `blank`
 	            this.trigger('paper:mouseenter', evt);
 	        }
@@ -29231,6 +29235,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
 	        var target = evt.target;
 	        var relatedTarget = evt.relatedTarget;
+	        var currentTarget = evt.currentTarget;
 	        var view = this.findView(target);
 	        if (this.guard(evt, view)) { return; }
 	        var relatedView = this.findView(relatedTarget);
@@ -29239,9 +29244,6 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	                // Mouse entered a cell tool
 	                return;
 	            }
-	            // prevent double `mouseleave` event if the `relatedTarget` is outside the paper
-	            // (mouseleave method would be fired twice)
-	            evt.stopPropagation();
 	            view.mouseleave(evt);
 	            if (this.el.contains(relatedTarget)) {
 	                // The pointer has exited a cellView. The pointer is still inside of the paper.
@@ -29252,8 +29254,12 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 	            // The pointer has entered a new cellView
 	            return;
 	        }
-	        // There is no cellView under the pointer, nor the blank area of the paper
-	        this.trigger('paper:mouseleave', evt);
+	        // prevent double `mouseleave` event if the `relatedTarget` is outside the paper
+	        // (mouseleave method would be fired twice)
+	        if (currentTarget === this.el) {
+	            // There is no cellView under the pointer, nor the blank area of the paper
+	            this.trigger('paper:mouseleave', evt);
+	        }
 	    },
 
 	    mousewheel: function(evt) {
@@ -31634,7 +31640,7 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 		Control: Control
 	});
 
-	var version = "3.5.4";
+	var version = "3.5.5";
 
 	var Vectorizer = V;
 	var layout = { PortLabel: PortLabel, Port: Port };