plotly.js 3.0.0-rc.1 → 3.0.0

package/dist/translation-keys.txt

@@ -24,7 +24,7 @@ Erase active shape                                     // components/modebar/but
 Lasso Select                                           // components/modebar/buttons.js:121
 Orbital rotation                                       // components/modebar/buttons.js:341
 Pan                                                    // components/modebar/buttons.js:101
-Produced with Plotly.js                                // components/modebar/modebar.js:323
+Produced with Plotly.js                                // components/modebar/modebar.js:324
 Reset                                                  // components/modebar/buttons.js:514
 Reset axes                                             // components/modebar/buttons.js:213
 Reset camera to default                                // components/modebar/buttons.js:380

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plotly.js",
-  "version": "3.0.0-rc.1",
+  "version": "3.0.0",
   "description": "The open source javascript graphing library that powers plotly",
   "license": "MIT",
   "main": "./lib/index.js",

package/src/components/fx/helpers.js

@@ -60,8 +60,13 @@ exports.getClosest = function(cd, distfn, pointData) {
         // this is the longest loop... if this bogs down, we may need
         // to create pre-sorted data (by x or y), not sure how to
         // do this for 'closest'
-        for(var i = 0; i < cd.length; i++) {
-            var newDistance = distfn(cd[i]);
+
+        // defined outside the for to improve the garbage collector performance
+        var newDistance = Infinity;
+        // the browser engine typically optimizes the length, but it is outside the cycle if it does not
+        var len = cd.length
+        for(var i = 0; i < len; i++) {
+            newDistance = distfn(cd[i]);
             if(newDistance <= pointData.distance) {
                 pointData.index = i;
                 pointData.distance = newDistance;

package/src/components/modebar/modebar.js

@@ -60,9 +60,6 @@ proto.update = function(graphInfo, buttons) {
     document.querySelectorAll(groupSelector).forEach(function(group) {
         group.style.backgroundColor = style.bgcolor;
     });
-    // set styles on hover using event listeners instead of inline CSS that's not allowed by strict CSP's
-    Lib.setStyleOnHover('#' + modeBarId + ' .modebar-btn', '.active', '.icon path', 'fill: ' + style.activecolor, 'fill: ' + style.color);
-
     // if buttons or logo have changed, redraw modebar interior
     var needsNewButtons = !this.hasButtons(buttons);
     var needsNewLogo = (this.hasLogo !== context.displaylogo);
@@ -92,6 +89,10 @@ proto.update = function(graphInfo, buttons) {
     }
 
     this.updateActiveButton();
+
+    // set styles on hover using event listeners instead of inline CSS that's not allowed by strict CSP's
+    Lib.setStyleOnHover('#' + modeBarId + ' .modebar-btn', '.active', '.icon path', 'fill: ' + style.activecolor, 'fill: ' + style.color, this.element);
+
 };
 
 proto.updateButtons = function(buttons) {

package/src/lib/dom.js

@@ -101,12 +101,14 @@ function deleteRelatedStyleRule(uid) {
  * @param {string} activeStyle    style that has to be applied when 'hovered' or 'active'
  * @param {string} inactiveStyle    style that has to be applied when not 'hovered' nor 'active'
  */
-function setStyleOnHover(selector, activeSelector, childSelector, activeStyle, inactiveStyle) {
+function setStyleOnHover(selector, activeSelector, childSelector, activeStyle, inactiveStyle, element) {
     var activeStyleParts = activeStyle.split(':');
     var inactiveStyleParts = inactiveStyle.split(':');
     var eventAddedAttrName = 'data-btn-style-event-added';
-
-    document.querySelectorAll(selector).forEach(function(el) {
+    if (!element) {
+        element = document;
+    }
+    element.querySelectorAll(selector).forEach(function(el) {
         if(!el.getAttribute(eventAddedAttrName)) {
             // Emulate ":hover" CSS style using JS event handlers to set the
             // style in a strict CSP-compliant manner.

package/src/plot_api/plot_api.js

@@ -3671,7 +3671,25 @@ function makePlotFramework(gd) {
     fullLayout._container.enter()
         .insert('div', ':first-child')
         .classed('plot-container', true)
-        .classed('plotly', true);
+        .classed('plotly', true)
+        // The plot container should always take the full with the height of its
+        // parent (the graph div). This ensures that for responsive plots
+        // without a height or width set, the paper div will take up the full
+        // height & width of the graph div. 
+        // So, for responsive plots without a height or width set, if the plot
+        // container's height is left to 'auto', its height will be dictated by
+        // its childrens' height. (The plot container's only child is the paper
+        // div.) 
+        // In this scenario, the paper div's height will be set to 100%,
+        // which will be 100% of the plot container's auto height. That is
+        // meaninglesss, so the browser will use the paper div's children to set
+        // the height of the plot container instead. However, the paper div's
+        // children do not have any height, because they are all positioned
+        // absolutely, and therefore take up no space.
+        .style({
+            width: "100%",
+            height: "100%"
+        });
 
     // Make the svg container
     fullLayout._paperdiv = fullLayout._container.selectAll('.svg-container').data([0]);

package/src/plot_api/subroutines.js

@@ -52,6 +52,14 @@ function lsInner(gd) {
     var axList = Axes.list(gd, '', true);
     var i, subplot, plotinfo, ax, xa, ya;
 
+    // Set the width and height of the paper div ('.svg-container') in
+    // accordance with the users configuration and layout. 
+    // If the plot is responsive and the user has not set a width/height, then
+    // the width/height of the paper div is set to 100% to fill the parent
+    // container. 
+    // We can't leave the height or width unset because all of the contents of
+    // the paper div are positioned absolutely (and will therefore not take up
+    // any space).
     fullLayout._paperdiv.style({
         width: (gd._context.responsive && fullLayout.autosize && !gd._context._hasZeroWidth && !gd.layout.width) ? '100%' : fullLayout.width + 'px',
         height: (gd._context.responsive && fullLayout.autosize && !gd._context._hasZeroHeight && !gd.layout.height) ? '100%' : fullLayout.height + 'px'

package/src/traces/sankey/render.js

@@ -335,118 +335,165 @@ function createCircularClosedPathString(link, arrowLen) {
     var pathString = '';
     var offset = link.width / 2;
     var coords = link.circularPathData;
-    if(link.circularLinkType === 'top') {
-        // Top path
+    var isSourceBeforeTarget = coords.sourceX + coords.verticalBuffer < coords.targetX;
+    var isPathOverlapped = (coords.rightFullExtent - coords.rightLargeArcRadius - arrowLen) <= (coords.leftFullExtent - offset)
+     var diff = Math.abs(coords.rightFullExtent- coords.leftFullExtent - offset) < offset ;
+    if (link.circularLinkType === 'top') {
         pathString =
-          // start at the left of the target node
-          'M ' +
-          (coords.targetX - arrowLen) + ' ' + (coords.targetY + offset) + ' ' +
-          'L' +
-          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY + offset) +
-          'A' +
-          (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightSmallArcRadius + offset) + ' 0 0 1 ' +
-          (coords.rightFullExtent - offset - arrowLen) + ' ' + (coords.targetY - coords.rightSmallArcRadius) +
-          'L' +
-          (coords.rightFullExtent - offset - arrowLen) + ' ' + coords.verticalRightInnerExtent +
-          'A' +
-          (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightLargeArcRadius + offset) + ' 0 0 1 ' +
-          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent - offset) +
-          'L' +
-          coords.leftInnerExtent + ' ' + (coords.verticalFullExtent - offset) +
-          'A' +
-          (coords.leftLargeArcRadius + offset) + ' ' + (coords.leftLargeArcRadius + offset) + ' 0 0 1 ' +
-          (coords.leftFullExtent + offset) + ' ' + coords.verticalLeftInnerExtent +
-          'L' +
-          (coords.leftFullExtent + offset) + ' ' + (coords.sourceY - coords.leftSmallArcRadius) +
-          'A' +
-          (coords.leftLargeArcRadius + offset) + ' ' + (coords.leftSmallArcRadius + offset) + ' 0 0 1 ' +
-          coords.leftInnerExtent + ' ' + (coords.sourceY + offset) +
-          'L' +
-          coords.sourceX + ' ' + (coords.sourceY + offset) +
-
-          // Walking back
-          'L' +
-          coords.sourceX + ' ' + (coords.sourceY - offset) +
-          'L' +
-          coords.leftInnerExtent + ' ' + (coords.sourceY - offset) +
-          'A' +
-          (coords.leftLargeArcRadius - offset) + ' ' + (coords.leftSmallArcRadius - offset) + ' 0 0 0 ' +
-          (coords.leftFullExtent - offset) + ' ' + (coords.sourceY - coords.leftSmallArcRadius) +
-          'L' +
-          (coords.leftFullExtent - offset) + ' ' + coords.verticalLeftInnerExtent +
-          'A' +
-          (coords.leftLargeArcRadius - offset) + ' ' + (coords.leftLargeArcRadius - offset) + ' 0 0 0 ' +
-          coords.leftInnerExtent + ' ' + (coords.verticalFullExtent + offset) +
-          'L' +
-          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent + offset) +
-          'A' +
-          (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightLargeArcRadius - offset) + ' 0 0 0 ' +
-          (coords.rightFullExtent + offset - arrowLen) + ' ' + coords.verticalRightInnerExtent +
-          'L' +
-          (coords.rightFullExtent + offset - arrowLen) + ' ' + (coords.targetY - coords.rightSmallArcRadius) +
-          'A' +
-          (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightSmallArcRadius - offset) + ' 0 0 0 ' +
-          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY - offset) +
-          'L' +
-          (coords.targetX - arrowLen) + ' ' + (coords.targetY - offset) +
-          (arrowLen > 0 ? 'L' + coords.targetX + ' ' + (coords.targetY) : '') +
-          'Z';
+            // start at the left of the target node
+            'M ' +
+            (coords.targetX - arrowLen) + ' ' + (coords.targetY + offset) + ' ' +
+            'L ' +
+            (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY + offset) +
+            'A ' +
+            (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightSmallArcRadius + offset) + ' 0 0 1 ' +
+            (coords.rightFullExtent - offset - arrowLen) + ' ' + (coords.targetY - coords.rightSmallArcRadius) +
+            'L ' + (coords.rightFullExtent - offset - arrowLen) + ' ' + coords.verticalRightInnerExtent;
+
+        if (isSourceBeforeTarget && isPathOverlapped) {
+            pathString += ' A ' +
+                (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightLargeArcRadius + offset) + ' 0 0 1 ' +
+                (coords.rightFullExtent + offset - arrowLen - (coords.rightLargeArcRadius - offset)) + ' ' +
+                (coords.verticalRightInnerExtent - (coords.rightLargeArcRadius + offset)) +
+                ' L ' +
+                (coords.rightFullExtent + offset - (coords.rightLargeArcRadius - offset) - arrowLen) + ' ' +
+                (coords.verticalRightInnerExtent - (coords.rightLargeArcRadius + offset)) +
+                ' A ' +
+                (coords.leftLargeArcRadius + offset) + ' ' + (coords.leftLargeArcRadius + offset) + ' 0 0 1 ' +
+                (coords.leftFullExtent + offset) + ' ' + coords.verticalRightInnerExtent;  
+        } else if (isSourceBeforeTarget) {
+            pathString += ' A ' +
+                (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightLargeArcRadius - offset) + ' 0 0 0 ' +
+                (coords.rightFullExtent - offset - arrowLen - (coords.rightLargeArcRadius - offset)) + ' ' +
+                (coords.verticalRightInnerExtent - (coords.rightLargeArcRadius - offset)) +
+                ' L ' +
+                (coords.leftFullExtent + offset + (coords.rightLargeArcRadius - offset)) + ' ' +
+                (coords.verticalRightInnerExtent - (coords.rightLargeArcRadius - offset)) +
+                ' A ' +
+                (coords.leftLargeArcRadius - offset) + ' ' + (coords.leftLargeArcRadius - offset) + ' 0 0 0 ' +
+                (coords.leftFullExtent + offset) + ' ' + coords.verticalLeftInnerExtent;
+        } else {
+            pathString += ' A ' +
+                (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightLargeArcRadius + offset) + ' 0 0 1 ' +
+                (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent - offset) +
+                ' L ' +
+                coords.leftInnerExtent + ' ' + (coords.verticalFullExtent - offset) +
+                ' A ' +
+                (coords.leftLargeArcRadius + offset) + ' ' + (coords.leftLargeArcRadius + offset) + ' 0 0 1 ' +
+                (coords.leftFullExtent + offset) + ' ' + coords.verticalLeftInnerExtent;
+        }
+
+        pathString += ' L ' +
+            (coords.leftFullExtent + offset) + ' ' + (coords.sourceY - coords.leftSmallArcRadius) +
+            ' A ' +
+            (coords.leftLargeArcRadius + offset) + ' ' + (coords.leftSmallArcRadius + offset) + ' 0 0 1 ' +
+            coords.leftInnerExtent + ' ' + (coords.sourceY + offset) +
+            ' L ' +
+            coords.sourceX + ' ' + (coords.sourceY + offset) +
+
+            // Walking back
+            ' L ' +
+            coords.sourceX + ' ' + (coords.sourceY - offset) +
+            ' L ' +
+            coords.leftInnerExtent + ' ' + (coords.sourceY - offset) +
+            ' A ' +
+            (coords.leftLargeArcRadius - offset) + ' ' + (coords.leftSmallArcRadius - offset) + ' 0 0 0 ' +
+            (coords.leftFullExtent - offset) + ' ' + (coords.sourceY - coords.leftSmallArcRadius) +
+            ' L ' +
+            (coords.leftFullExtent - offset) + ' ' + coords.verticalLeftInnerExtent;
+
+        if (isSourceBeforeTarget && isPathOverlapped) {
+            pathString += ' A ' +
+                (coords.leftLargeArcRadius + offset) + ' ' + (coords.leftSmallArcRadius + offset) + ' 0 0 0 ' +
+                (coords.leftFullExtent - offset) + ' ' + (coords.verticalFullExtent + offset) +
+                'L' + (coords.rightFullExtent + offset - arrowLen) + ' ' + (coords.verticalFullExtent + offset) +
+                ' A ' +
+                (coords.leftLargeArcRadius + offset) + ' ' + (coords.leftSmallArcRadius + offset) + ' 0 0 0 ' +
+                (coords.rightFullExtent + offset - arrowLen) + ' ' + coords.verticalRightInnerExtent;
+        } else if (isSourceBeforeTarget) {
+            pathString += ' A ' +
+                (coords.leftLargeArcRadius + offset) + ' ' + (coords.leftSmallArcRadius + offset) + ' 0 0 1 ' +
+                (coords.leftFullExtent + offset) + ' ' + (coords.verticalFullExtent - offset) +
+                ' L ' +
+                (coords.rightFullExtent - offset - arrowLen) + ' ' + (coords.verticalFullExtent - offset) +
+                ' A ' +
+                (coords.leftLargeArcRadius + offset) + ' ' + (coords.leftSmallArcRadius + offset) + ' 0 0 1 ' +
+                (coords.rightFullExtent + offset - arrowLen) + ' ' + coords.verticalRightInnerExtent;
+        } else {
+            pathString += ' A ' +
+                (coords.leftLargeArcRadius - offset) + ' ' + (coords.leftLargeArcRadius - offset) + ' 0 0 0 ' +
+                coords.leftInnerExtent + ' ' + (coords.verticalFullExtent + offset) +
+                ' L ' +
+                (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent + offset) +
+                ' A ' +
+                (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightLargeArcRadius - offset) + ' 0 0 0 ' +
+                (coords.rightFullExtent + offset - arrowLen) + ' ' + coords.verticalRightInnerExtent;
+        }
+
+        pathString += ' L ' +
+            (coords.rightFullExtent + offset - arrowLen) + ' ' + (coords.targetY - coords.rightSmallArcRadius) +
+            ' A ' +
+            (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightSmallArcRadius - offset) + ' 0 0 0 ' +
+            (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY - offset) +
+            ' L ' +
+            (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 - arrowLen) + ' ' + (coords.targetY - offset) + ' ' +
-          'L' +
-          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY - offset) +
-          'A' +
-          (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightSmallArcRadius + offset) + ' 0 0 0 ' +
-          (coords.rightFullExtent - offset - arrowLen) + ' ' + (coords.targetY + coords.rightSmallArcRadius) +
-          'L' +
-          (coords.rightFullExtent - offset - arrowLen) + ' ' + coords.verticalRightInnerExtent +
-          'A' +
-          (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightLargeArcRadius + offset) + ' 0 0 0 ' +
-          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent + offset) +
-          'L' +
-          coords.leftInnerExtent + ' ' + (coords.verticalFullExtent + offset) +
-          'A' +
-          (coords.leftLargeArcRadius + offset) + ' ' + (coords.leftLargeArcRadius + offset) + ' 0 0 0 ' +
-          (coords.leftFullExtent + offset) + ' ' + coords.verticalLeftInnerExtent +
-          'L' +
-          (coords.leftFullExtent + offset) + ' ' + (coords.sourceY + coords.leftSmallArcRadius) +
-          'A' +
-          (coords.leftLargeArcRadius + offset) + ' ' + (coords.leftSmallArcRadius + offset) + ' 0 0 0 ' +
-          coords.leftInnerExtent + ' ' + (coords.sourceY - offset) +
-          'L' +
-          coords.sourceX + ' ' + (coords.sourceY - offset) +
-
-          // Walking back
-          'L' +
-          coords.sourceX + ' ' + (coords.sourceY + offset) +
-          'L' +
-          coords.leftInnerExtent + ' ' + (coords.sourceY + offset) +
-          'A' +
-          (coords.leftLargeArcRadius - offset) + ' ' + (coords.leftSmallArcRadius - offset) + ' 0 0 1 ' +
-          (coords.leftFullExtent - offset) + ' ' + (coords.sourceY + coords.leftSmallArcRadius) +
-          'L' +
-          (coords.leftFullExtent - offset) + ' ' + coords.verticalLeftInnerExtent +
-          'A' +
-          (coords.leftLargeArcRadius - offset) + ' ' + (coords.leftLargeArcRadius - offset) + ' 0 0 1 ' +
-          coords.leftInnerExtent + ' ' + (coords.verticalFullExtent - offset) +
-          'L' +
-          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent - offset) +
-          'A' +
-          (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightLargeArcRadius - offset) + ' 0 0 1 ' +
-          (coords.rightFullExtent + offset - arrowLen) + ' ' + coords.verticalRightInnerExtent +
-          'L' +
-          (coords.rightFullExtent + offset - arrowLen) + ' ' + (coords.targetY + coords.rightSmallArcRadius) +
-          'A' +
-          (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightSmallArcRadius - offset) + ' 0 0 1 ' +
-          (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY + offset) +
-          'L' +
-          (coords.targetX - arrowLen) + ' ' + (coords.targetY + offset) +
-          (arrowLen > 0 ? 'L' + coords.targetX + ' ' + (coords.targetY) : '') +
-          'Z';
+            'M ' + (coords.targetX - arrowLen) + ' ' + (coords.targetY - offset) + ' ' +
+            ' L ' + (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY - offset) +
+            ' A ' + (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightSmallArcRadius + offset) + ' 0 0 0 ' + (coords.rightFullExtent - offset - arrowLen) + ' ' + (coords.targetY + coords.rightSmallArcRadius) +
+            ' L ' + (coords.rightFullExtent - offset - arrowLen) + ' ' + coords.verticalRightInnerExtent;
+
+        if (isSourceBeforeTarget && isPathOverlapped) {
+            pathString += ' A ' + (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightLargeArcRadius + offset) + ' 0 0 0 ' +
+                (coords.rightInnerExtent - offset - arrowLen) + ' ' + (coords.verticalFullExtent + offset) +
+                ' L ' + (coords.rightFullExtent + offset - arrowLen - (coords.rightLargeArcRadius - offset)) + ' ' + (coords.verticalFullExtent + offset) +
+                ' A ' + (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightLargeArcRadius + offset) + ' 0 0 0 ' +
+                (coords.leftFullExtent + offset) + ' ' + coords.verticalLeftInnerExtent;  
+        } else if (isSourceBeforeTarget) {
+            pathString += ' A ' + (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightSmallArcRadius - offset) + ' 0 0 1 ' +
+                (coords.rightFullExtent - arrowLen - offset - (coords.rightLargeArcRadius - offset)) + ' ' + (coords.verticalFullExtent - offset) +
+                ' L ' + (coords.leftFullExtent + offset + (coords.rightLargeArcRadius - offset)) + ' ' + (coords.verticalFullExtent - offset) +
+                ' A ' + (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightSmallArcRadius - offset) + ' 0 0 1 ' +
+                (coords.leftFullExtent + offset) + ' ' + coords.verticalLeftInnerExtent;
+        } else {
+            pathString += ' A ' + (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightLargeArcRadius + offset) + ' 0 0 0 ' + (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent + offset) +
+                ' L ' + coords.leftInnerExtent + ' ' + (coords.verticalFullExtent + offset) +
+                ' A ' + (coords.leftLargeArcRadius + offset) + ' ' + (coords.leftLargeArcRadius + offset) + ' 0 0 0 ' + (coords.leftFullExtent + offset) + ' ' + coords.verticalLeftInnerExtent;
+        }
+
+        pathString += ' L ' + (coords.leftFullExtent + offset) + ' ' + (coords.sourceY + coords.leftSmallArcRadius) +
+            ' A ' + (coords.leftLargeArcRadius + offset) + ' ' + (coords.leftSmallArcRadius + offset) + ' 0 0 0 ' + coords.leftInnerExtent + ' ' + (coords.sourceY - offset) +
+            ' L ' + coords.sourceX + ' ' + (coords.sourceY - offset) +
+
+            // Walking back
+            ' L ' + coords.sourceX + ' ' + (coords.sourceY + offset) +
+            ' L ' + coords.leftInnerExtent + ' ' + (coords.sourceY + offset) +
+            ' A ' + (coords.leftLargeArcRadius - offset) + ' ' + (coords.leftSmallArcRadius - offset) + ' 0 0 1 ' + (coords.leftFullExtent - offset) + ' ' + (coords.sourceY + coords.leftSmallArcRadius) +
+            ' L ' + (coords.leftFullExtent - offset) + ' ' + coords.verticalLeftInnerExtent;
+
+        if (isSourceBeforeTarget && isPathOverlapped) {
+            pathString +=
+                ' A ' + (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightSmallArcRadius - offset) + ' 0 0 1 ' +
+                (coords.leftFullExtent - offset - (coords.rightLargeArcRadius - offset)) + ' ' + (coords.verticalFullExtent - offset) +
+                ' L ' + (coords.rightFullExtent + offset - arrowLen + (coords.rightLargeArcRadius - offset)) + ' ' + (coords.verticalFullExtent - offset) +
+                ' A ' + (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightSmallArcRadius - offset) + ' 0 0 1 ' +
+                (coords.rightFullExtent + offset - arrowLen) + ' ' + coords.verticalRightInnerExtent; 
+        } else if (isSourceBeforeTarget) {
+            pathString += ' A ' + (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightLargeArcRadius + offset) + ' 0 0 0 ' + (coords.leftFullExtent + offset) + ' ' + (coords.verticalFullExtent + offset) +
+                ' L ' + (coords.rightFullExtent - arrowLen - offset) + ' ' + (coords.verticalFullExtent + offset) +
+                ' A ' + (coords.rightLargeArcRadius + offset) + ' ' + (coords.rightLargeArcRadius + offset) + ' 0 0 0 ' + (coords.rightFullExtent + offset - arrowLen) + ' ' + coords.verticalRightInnerExtent;
+        } else {
+            pathString += ' A ' + (coords.leftLargeArcRadius - offset) + ' ' + (coords.leftLargeArcRadius - offset) + ' 0 0 1 ' + coords.leftInnerExtent + ' ' + (coords.verticalFullExtent - offset) +
+                ' L ' + (coords.rightInnerExtent - arrowLen) + ' ' + (coords.verticalFullExtent - offset) +
+                ' A ' + (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightLargeArcRadius - offset) + ' 0 0 1 ' + (coords.rightFullExtent + offset - arrowLen) + ' ' + coords.verticalRightInnerExtent;
+        }
+
+        pathString += ' L ' + (coords.rightFullExtent + offset - arrowLen) + ' ' + (coords.targetY + coords.rightSmallArcRadius) +
+            ' A ' + (coords.rightLargeArcRadius - offset) + ' ' + (coords.rightSmallArcRadius - offset) + ' 0 0 1 ' + (coords.rightInnerExtent - arrowLen) + ' ' + (coords.targetY + offset) +
+            ' L ' + (coords.targetX - arrowLen) + ' ' + (coords.targetY + offset) + (arrowLen > 0 ? ' L ' + coords.targetX + ' ' + coords.targetY : '') + 'Z';
     }
     return pathString;
 }

package/src/version.js

@@ -1,4 +1,4 @@
 'use strict';
 
 // package version injected by `npm run preprocess`
-exports.version = '3.0.0-rc.1';
+exports.version = '3.0.0';