plotly.js 2.13.3 → 2.14.0

package/dist/plotly-with-meta.js

@@ -1,5 +1,5 @@
 /**
-* plotly.js v2.13.3
+* plotly.js v2.14.0
 * Copyright 2012-2022, Plotly, Inc.
 * All rights reserved.
 * Licensed under the MIT license
@@ -121533,6 +121533,10 @@ function draw(gd) {
     }
 }
 
+function couldHaveActiveSelection(gd) {
+    return gd._context.editSelection;
+}
+
 function drawOne(gd, index) {
     // remove the existing selection if there is one.
     // because indices can change, we need to look in all selection layers
@@ -121569,7 +121573,7 @@ function drawOne(gd, index) {
             lineDash = 'solid';
         }
 
-        var isActiveSelection =
+        var isActiveSelection = couldHaveActiveSelection(gd) &&
             gd._fullLayout._activeSelectionIndex === index;
 
         if(isActiveSelection) {
@@ -121636,6 +121640,8 @@ function setClipPath(selectionPath, gd, selectionOptions) {
 
 
 function activateSelection(gd, path) {
+    if(!couldHaveActiveSelection(gd)) return;
+
     var element = path.node();
     var id = +element.getAttribute('data-index');
     if(id >= 0) {
@@ -121652,6 +121658,8 @@ function activateSelection(gd, path) {
 }
 
 function activateLastSelection(gd) {
+    if(!couldHaveActiveSelection(gd)) return;
+
     var id = gd._fullLayout.selections.length - 1;
     gd._fullLayout._activeSelectionIndex = id;
     gd._fullLayout._deactivateSelection = deactivateSelection;
@@ -121659,6 +121667,8 @@ function activateLastSelection(gd) {
 }
 
 function deactivateSelection(gd) {
+    if(!couldHaveActiveSelection(gd)) return;
+
     var id = gd._fullLayout._activeSelectionIndex;
     if(id >= 0) {
         clearOutlineControllers(gd);
@@ -142212,6 +142222,12 @@ var configAttributes = {
         }
     },
 
+    editSelection: {
+        valType: 'boolean',
+        dflt: true,
+        description: 'Enables moving selections.'
+    },
+
     autosizable: {
         valType: 'boolean',
         dflt: false,
@@ -209572,6 +209588,14 @@ var attrs = module.exports = overrideAll({
     },
 
     link: {
+        arrowlen: {
+            valType: 'number',
+            min: 0,
+            dflt: 0,
+            description: [
+                'Sets the length (in px) of the links arrow, if 0 no arrow will be drawn.'
+            ].join(' ')
+        },
         label: {
             valType: 'data_array',
             dflt: [],
@@ -210059,6 +210083,7 @@ module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout
         return Lib.coerce(linkIn, linkOut, attributes.link, attr, dflt);
     }
     coerceLink('label');
+    coerceLink('arrowlen');
     coerceLink('source');
     coerceLink('target');
     coerceLink('value');
@@ -210776,6 +210801,7 @@ function sankeyModel(layout, d, traceIndex) {
         nodeLineWidth: trace.node.line.width,
         linkLineColor: trace.link.line.color,
         linkLineWidth: trace.link.line.width,
+        linkArrowLength: trace.link.arrowlen,
         valueFormat: trace.valueformat,
         valueSuffix: trace.valuesuffix,
         textFont: trace.textfont,
@@ -210814,6 +210840,7 @@ function linkModel(d, l, i) {
         linkPath: linkPath,
         linkLineColor: d.linkLineColor,
         linkLineWidth: d.linkLineWidth,
+        linkArrowLength: d.linkArrowLength,
         valueFormat: d.valueFormat,
         valueSuffix: d.valueSuffix,
         sankey: d.sankey,
@@ -210823,7 +210850,7 @@ function linkModel(d, l, i) {
     };
 }
 
-function createCircularClosedPathString(link) {
+function createCircularClosedPathString(link, arrowLen) {
     // Using coordinates computed by d3-sankey-circular
     var pathString = '';
     var offset = link.width / 2;
@@ -210833,17 +210860,17 @@ function createCircularClosedPathString(link) {
         pathString =
           // start at the left of the target node
           'M ' +
-          coords.targetX + ' ' + (coords.targetY + offset) + ' ' +
+          (coords.targetX - arrowLen) + ' ' + (coords.targetY + offset) + ' ' +
           'L' +
-          coords.rightInnerExtent + ' ' + (coords.targetY + offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY + offset) +
           'A' +
           (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightSmallArcRadius + offset) + ' 0 0 1 ' +
-          (coords.rightFullExtent - offset) + ' ' + (coords.targetY - coords.rightSmallArcRadius) +
+          (coords.rightFullExtent - offset - arrowLen) + ' ' + (coords.targetY - coords.rightSmallArcRadius) +
           'L' +
-          (coords.rightFullExtent - offset) + ' ' + coords.verticalRightInnerExtent +
+          (coords.rightFullExtent - offset - arrowLen) + ' ' + coords.verticalRightInnerExtent +
           'A' +
           (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightLargeArcRadius + offset) + ' 0 0 1 ' +
-          coords.rightInnerExtent + ' ' + (coords.verticalFullExtent - offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent - offset) +
           'L' +
           coords.leftInnerExtent + ' ' + (coords.verticalFullExtent - offset) +
           'A' +
@@ -210871,34 +210898,35 @@ function createCircularClosedPathString(link) {
           (coords.leftLargeArcRadius - offset) + ' ' + (coords.leftLargeArcRadius - offset) + ' 0 0 0 ' +
           coords.leftInnerExtent + ' ' + (coords.verticalFullExtent + offset) +
           'L' +
-          coords.rightInnerExtent + ' ' + (coords.verticalFullExtent + offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent + offset) +
           'A' +
           (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightLargeArcRadius - offset) + ' 0 0 0 ' +
-          (coords.rightFullExtent + offset) + ' ' + coords.verticalRightInnerExtent +
+          (coords.rightFullExtent + offset - arrowLen) + ' ' + coords.verticalRightInnerExtent +
           'L' +
-          (coords.rightFullExtent + offset) + ' ' + (coords.targetY - coords.rightSmallArcRadius) +
+          (coords.rightFullExtent + offset - arrowLen) + ' ' + (coords.targetY - coords.rightSmallArcRadius) +
           'A' +
           (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightSmallArcRadius - offset) + ' 0 0 0 ' +
-          coords.rightInnerExtent + ' ' + (coords.targetY - offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY - offset) +
           'L' +
-          coords.targetX + ' ' + (coords.targetY - offset) +
+          (coords.targetX - arrowLen) + ' ' + (coords.targetY - offset) +
+          (arrowLen > 0 ? 'L' + coords.targetX + ' ' + (coords.targetY) : '') +
           'Z';
     } else {
         // Bottom path
         pathString =
           // start at the left of the target node
           'M ' +
-          coords.targetX + ' ' + (coords.targetY - offset) + ' ' +
+          (coords.targetX - arrowLen) + ' ' + (coords.targetY - offset) + ' ' +
           'L' +
-          coords.rightInnerExtent + ' ' + (coords.targetY - offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY - offset) +
           'A' +
           (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightSmallArcRadius + offset) + ' 0 0 0 ' +
-          (coords.rightFullExtent - offset) + ' ' + (coords.targetY + coords.rightSmallArcRadius) +
+          (coords.rightFullExtent - offset - arrowLen) + ' ' + (coords.targetY + coords.rightSmallArcRadius) +
           'L' +
-          (coords.rightFullExtent - offset) + ' ' + coords.verticalRightInnerExtent +
+          (coords.rightFullExtent - offset - arrowLen) + ' ' + coords.verticalRightInnerExtent +
           'A' +
           (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightLargeArcRadius + offset) + ' 0 0 0 ' +
-          coords.rightInnerExtent + ' ' + (coords.verticalFullExtent + offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent + offset) +
           'L' +
           coords.leftInnerExtent + ' ' + (coords.verticalFullExtent + offset) +
           'A' +
@@ -210926,17 +210954,18 @@ function createCircularClosedPathString(link) {
           (coords.leftLargeArcRadius - offset) + ' ' + (coords.leftLargeArcRadius - offset) + ' 0 0 1 ' +
           coords.leftInnerExtent + ' ' + (coords.verticalFullExtent - offset) +
           'L' +
-          coords.rightInnerExtent + ' ' + (coords.verticalFullExtent - offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent - offset) +
           'A' +
           (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightLargeArcRadius - offset) + ' 0 0 1 ' +
-          (coords.rightFullExtent + offset) + ' ' + coords.verticalRightInnerExtent +
+          (coords.rightFullExtent + offset - arrowLen) + ' ' + coords.verticalRightInnerExtent +
           'L' +
-          (coords.rightFullExtent + offset) + ' ' + (coords.targetY + coords.rightSmallArcRadius) +
+          (coords.rightFullExtent + offset - arrowLen) + ' ' + (coords.targetY + coords.rightSmallArcRadius) +
           'A' +
           (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightSmallArcRadius - offset) + ' 0 0 1 ' +
-          coords.rightInnerExtent + ' ' + (coords.targetY + offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY + offset) +
           'L' +
-          coords.targetX + ' ' + (coords.targetY + offset) +
+          (coords.targetX - arrowLen) + ' ' + (coords.targetY + offset) +
+          (arrowLen > 0 ? 'L' + coords.targetX + ' ' + (coords.targetY) : '') +
           'Z';
     }
     return pathString;
@@ -210945,11 +210974,16 @@ function createCircularClosedPathString(link) {
 function linkPath() {
     var curvature = 0.5;
     function path(d) {
+        var arrowLen = d.linkArrowLength;
         if(d.link.circular) {
-            return createCircularClosedPathString(d.link);
+            return createCircularClosedPathString(d.link, arrowLen);
         } else {
+            var maxArrowLength = Math.abs((d.link.target.x0 - d.link.source.x1) / 2);
+            if(arrowLen > maxArrowLength) {
+                arrowLen = maxArrowLength;
+            }
             var x0 = d.link.source.x1;
-            var x1 = d.link.target.x0;
+            var x1 = d.link.target.x0 - arrowLen;
             var xi = interpolateNumber(x0, x1);
             var x2 = xi(curvature);
             var x3 = xi(1 - curvature);
@@ -210957,15 +210991,17 @@ function linkPath() {
             var y0b = d.link.y0 + d.link.width / 2;
             var y1a = d.link.y1 - d.link.width / 2;
             var y1b = d.link.y1 + d.link.width / 2;
-            return 'M' + x0 + ',' + y0a +
-                 'C' + x2 + ',' + y0a +
-                 ' ' + x3 + ',' + y1a +
-                 ' ' + x1 + ',' + y1a +
-                 'L' + x1 + ',' + y1b +
-                 'C' + x3 + ',' + y1b +
-                 ' ' + x2 + ',' + y0b +
-                 ' ' + x0 + ',' + y0b +
-                 'Z';
+            var start = 'M' + x0 + ',' + y0a;
+            var upperCurve = 'C' + x2 + ',' + y0a +
+                ' ' + x3 + ',' + y1a +
+                ' ' + x1 + ',' + y1a;
+            var lowerCurve = 'C' + x3 + ',' + y1b +
+                ' ' + x2 + ',' + y0b +
+                ' ' + x0 + ',' + y0b;
+
+            var rightEnd = arrowLen > 0 ? 'L' + (x1 + arrowLen) + ',' + (y1a + d.link.width / 2) : '';
+            rightEnd += 'L' + x1 + ',' + y1b;
+            return start + upperCurve + rightEnd + lowerCurve + 'Z';
         }
     }
     return path;
@@ -232799,7 +232835,7 @@ function getSortFunc(opts, d2c) {
 'use strict';
 
 // package version injected by `npm run preprocess`
-exports.version = '2.13.3';
+exports.version = '2.14.0';
 
 },{}],1133:[function(_dereq_,module,exports){
 (function (global){(function (){

package/dist/plotly.js

@@ -1,5 +1,5 @@
 /**
-* plotly.js v2.13.3
+* plotly.js v2.14.0
 * Copyright 2012-2022, Plotly, Inc.
 * All rights reserved.
 * Licensed under the MIT license
@@ -120599,6 +120599,10 @@ function draw(gd) {
     }
 }
 
+function couldHaveActiveSelection(gd) {
+    return gd._context.editSelection;
+}
+
 function drawOne(gd, index) {
     // remove the existing selection if there is one.
     // because indices can change, we need to look in all selection layers
@@ -120635,7 +120639,7 @@ function drawOne(gd, index) {
             lineDash = 'solid';
         }
 
-        var isActiveSelection =
+        var isActiveSelection = couldHaveActiveSelection(gd) &&
             gd._fullLayout._activeSelectionIndex === index;
 
         if(isActiveSelection) {
@@ -120702,6 +120706,8 @@ function setClipPath(selectionPath, gd, selectionOptions) {
 
 
 function activateSelection(gd, path) {
+    if(!couldHaveActiveSelection(gd)) return;
+
     var element = path.node();
     var id = +element.getAttribute('data-index');
     if(id >= 0) {
@@ -120718,6 +120724,8 @@ function activateSelection(gd, path) {
 }
 
 function activateLastSelection(gd) {
+    if(!couldHaveActiveSelection(gd)) return;
+
     var id = gd._fullLayout.selections.length - 1;
     gd._fullLayout._activeSelectionIndex = id;
     gd._fullLayout._deactivateSelection = deactivateSelection;
@@ -120725,6 +120733,8 @@ function activateLastSelection(gd) {
 }
 
 function deactivateSelection(gd) {
+    if(!couldHaveActiveSelection(gd)) return;
+
     var id = gd._fullLayout._activeSelectionIndex;
     if(id >= 0) {
         clearOutlineControllers(gd);
@@ -140808,6 +140818,11 @@ var configAttributes = {
         }
     },
 
+    editSelection: {
+        valType: 'boolean',
+        dflt: true,
+    },
+
     autosizable: {
         valType: 'boolean',
         dflt: false,
@@ -204491,6 +204506,11 @@ var attrs = module.exports = overrideAll({
     },
 
     link: {
+        arrowlen: {
+            valType: 'number',
+            min: 0,
+            dflt: 0,
+        },
         label: {
             valType: 'data_array',
             dflt: [],
@@ -204951,6 +204971,7 @@ module.exports = function supplyDefaults(traceIn, traceOut, defaultColor, layout
         return Lib.coerce(linkIn, linkOut, attributes.link, attr, dflt);
     }
     coerceLink('label');
+    coerceLink('arrowlen');
     coerceLink('source');
     coerceLink('target');
     coerceLink('value');
@@ -205663,6 +205684,7 @@ function sankeyModel(layout, d, traceIndex) {
         nodeLineWidth: trace.node.line.width,
         linkLineColor: trace.link.line.color,
         linkLineWidth: trace.link.line.width,
+        linkArrowLength: trace.link.arrowlen,
         valueFormat: trace.valueformat,
         valueSuffix: trace.valuesuffix,
         textFont: trace.textfont,
@@ -205701,6 +205723,7 @@ function linkModel(d, l, i) {
         linkPath: linkPath,
         linkLineColor: d.linkLineColor,
         linkLineWidth: d.linkLineWidth,
+        linkArrowLength: d.linkArrowLength,
         valueFormat: d.valueFormat,
         valueSuffix: d.valueSuffix,
         sankey: d.sankey,
@@ -205710,7 +205733,7 @@ function linkModel(d, l, i) {
     };
 }
 
-function createCircularClosedPathString(link) {
+function createCircularClosedPathString(link, arrowLen) {
     // Using coordinates computed by d3-sankey-circular
     var pathString = '';
     var offset = link.width / 2;
@@ -205720,17 +205743,17 @@ function createCircularClosedPathString(link) {
         pathString =
           // start at the left of the target node
           'M ' +
-          coords.targetX + ' ' + (coords.targetY + offset) + ' ' +
+          (coords.targetX - arrowLen) + ' ' + (coords.targetY + offset) + ' ' +
           'L' +
-          coords.rightInnerExtent + ' ' + (coords.targetY + offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY + offset) +
           'A' +
           (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightSmallArcRadius + offset) + ' 0 0 1 ' +
-          (coords.rightFullExtent - offset) + ' ' + (coords.targetY - coords.rightSmallArcRadius) +
+          (coords.rightFullExtent - offset - arrowLen) + ' ' + (coords.targetY - coords.rightSmallArcRadius) +
           'L' +
-          (coords.rightFullExtent - offset) + ' ' + coords.verticalRightInnerExtent +
+          (coords.rightFullExtent - offset - arrowLen) + ' ' + coords.verticalRightInnerExtent +
           'A' +
           (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightLargeArcRadius + offset) + ' 0 0 1 ' +
-          coords.rightInnerExtent + ' ' + (coords.verticalFullExtent - offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent - offset) +
           'L' +
           coords.leftInnerExtent + ' ' + (coords.verticalFullExtent - offset) +
           'A' +
@@ -205758,34 +205781,35 @@ function createCircularClosedPathString(link) {
           (coords.leftLargeArcRadius - offset) + ' ' + (coords.leftLargeArcRadius - offset) + ' 0 0 0 ' +
           coords.leftInnerExtent + ' ' + (coords.verticalFullExtent + offset) +
           'L' +
-          coords.rightInnerExtent + ' ' + (coords.verticalFullExtent + offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent + offset) +
           'A' +
           (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightLargeArcRadius - offset) + ' 0 0 0 ' +
-          (coords.rightFullExtent + offset) + ' ' + coords.verticalRightInnerExtent +
+          (coords.rightFullExtent + offset - arrowLen) + ' ' + coords.verticalRightInnerExtent +
           'L' +
-          (coords.rightFullExtent + offset) + ' ' + (coords.targetY - coords.rightSmallArcRadius) +
+          (coords.rightFullExtent + offset - arrowLen) + ' ' + (coords.targetY - coords.rightSmallArcRadius) +
           'A' +
           (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightSmallArcRadius - offset) + ' 0 0 0 ' +
-          coords.rightInnerExtent + ' ' + (coords.targetY - offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY - offset) +
           'L' +
-          coords.targetX + ' ' + (coords.targetY - offset) +
+          (coords.targetX - arrowLen) + ' ' + (coords.targetY - offset) +
+          (arrowLen > 0 ? 'L' + coords.targetX + ' ' + (coords.targetY) : '') +
           'Z';
     } else {
         // Bottom path
         pathString =
           // start at the left of the target node
           'M ' +
-          coords.targetX + ' ' + (coords.targetY - offset) + ' ' +
+          (coords.targetX - arrowLen) + ' ' + (coords.targetY - offset) + ' ' +
           'L' +
-          coords.rightInnerExtent + ' ' + (coords.targetY - offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY - offset) +
           'A' +
           (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightSmallArcRadius + offset) + ' 0 0 0 ' +
-          (coords.rightFullExtent - offset) + ' ' + (coords.targetY + coords.rightSmallArcRadius) +
+          (coords.rightFullExtent - offset - arrowLen) + ' ' + (coords.targetY + coords.rightSmallArcRadius) +
           'L' +
-          (coords.rightFullExtent - offset) + ' ' + coords.verticalRightInnerExtent +
+          (coords.rightFullExtent - offset - arrowLen) + ' ' + coords.verticalRightInnerExtent +
           'A' +
           (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightLargeArcRadius + offset) + ' 0 0 0 ' +
-          coords.rightInnerExtent + ' ' + (coords.verticalFullExtent + offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent + offset) +
           'L' +
           coords.leftInnerExtent + ' ' + (coords.verticalFullExtent + offset) +
           'A' +
@@ -205813,17 +205837,18 @@ function createCircularClosedPathString(link) {
           (coords.leftLargeArcRadius - offset) + ' ' + (coords.leftLargeArcRadius - offset) + ' 0 0 1 ' +
           coords.leftInnerExtent + ' ' + (coords.verticalFullExtent - offset) +
           'L' +
-          coords.rightInnerExtent + ' ' + (coords.verticalFullExtent - offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent - offset) +
           'A' +
           (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightLargeArcRadius - offset) + ' 0 0 1 ' +
-          (coords.rightFullExtent + offset) + ' ' + coords.verticalRightInnerExtent +
+          (coords.rightFullExtent + offset - arrowLen) + ' ' + coords.verticalRightInnerExtent +
           'L' +
-          (coords.rightFullExtent + offset) + ' ' + (coords.targetY + coords.rightSmallArcRadius) +
+          (coords.rightFullExtent + offset - arrowLen) + ' ' + (coords.targetY + coords.rightSmallArcRadius) +
           'A' +
           (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightSmallArcRadius - offset) + ' 0 0 1 ' +
-          coords.rightInnerExtent + ' ' + (coords.targetY + offset) +
+          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY + offset) +
           'L' +
-          coords.targetX + ' ' + (coords.targetY + offset) +
+          (coords.targetX - arrowLen) + ' ' + (coords.targetY + offset) +
+          (arrowLen > 0 ? 'L' + coords.targetX + ' ' + (coords.targetY) : '') +
           'Z';
     }
     return pathString;
@@ -205832,11 +205857,16 @@ function createCircularClosedPathString(link) {
 function linkPath() {
     var curvature = 0.5;
     function path(d) {
+        var arrowLen = d.linkArrowLength;
         if(d.link.circular) {
-            return createCircularClosedPathString(d.link);
+            return createCircularClosedPathString(d.link, arrowLen);
         } else {
+            var maxArrowLength = Math.abs((d.link.target.x0 - d.link.source.x1) / 2);
+            if(arrowLen > maxArrowLength) {
+                arrowLen = maxArrowLength;
+            }
             var x0 = d.link.source.x1;
-            var x1 = d.link.target.x0;
+            var x1 = d.link.target.x0 - arrowLen;
             var xi = interpolateNumber(x0, x1);
             var x2 = xi(curvature);
             var x3 = xi(1 - curvature);
@@ -205844,15 +205874,17 @@ function linkPath() {
             var y0b = d.link.y0 + d.link.width / 2;
             var y1a = d.link.y1 - d.link.width / 2;
             var y1b = d.link.y1 + d.link.width / 2;
-            return 'M' + x0 + ',' + y0a +
-                 'C' + x2 + ',' + y0a +
-                 ' ' + x3 + ',' + y1a +
-                 ' ' + x1 + ',' + y1a +
-                 'L' + x1 + ',' + y1b +
-                 'C' + x3 + ',' + y1b +
-                 ' ' + x2 + ',' + y0b +
-                 ' ' + x0 + ',' + y0b +
-                 'Z';
+            var start = 'M' + x0 + ',' + y0a;
+            var upperCurve = 'C' + x2 + ',' + y0a +
+                ' ' + x3 + ',' + y1a +
+                ' ' + x1 + ',' + y1a;
+            var lowerCurve = 'C' + x3 + ',' + y1b +
+                ' ' + x2 + ',' + y0b +
+                ' ' + x0 + ',' + y0b;
+
+            var rightEnd = arrowLen > 0 ? 'L' + (x1 + arrowLen) + ',' + (y1a + d.link.width / 2) : '';
+            rightEnd += 'L' + x1 + ',' + y1b;
+            return start + upperCurve + rightEnd + lowerCurve + 'Z';
         }
     }
     return path;
@@ -226319,7 +226351,7 @@ function getSortFunc(opts, d2c) {
 'use strict';
 
 // package version injected by `npm run preprocess`
-exports.version = '2.13.3';
+exports.version = '2.14.0';
 
 },{}],1133:[function(_dereq_,module,exports){
 (function (global){(function (){