npm run build

Author: xhlulu

dist/README.md

@@ -91,7 +91,7 @@ The `basic` partial bundle contains trace modules `bar`, `pie` and `scatter`.
 
 | Raw size | Minified size | Minified + gzip size |
 |------|-----------------|------------------------|
-| 2.7 MB | 971.4 kB | 315.8 kB |
+| 2.7 MB | 971.9 kB | 316 kB |
 
 #### CDN links
 > https://cdn.plot.ly/plotly-basic-2.3.1.js
@@ -114,7 +114,7 @@ The `cartesian` partial bundle contains trace modules `bar`, `box`, `contour`, `
 
 | Raw size | Minified size | Minified + gzip size |
 |------|-----------------|------------------------|
-| 3.3 MB | 1.2 MB | 387.3 kB |
+| 3.3 MB | 1.2 MB | 387.8 kB |
 
 #### CDN links
 > https://cdn.plot.ly/plotly-cartesian-2.3.1.js
@@ -137,7 +137,7 @@ The `geo` partial bundle contains trace modules `choropleth`, `scatter` and `sca
 
 | Raw size | Minified size | Minified + gzip size |
 |------|-----------------|------------------------|
-| 3 MB | 1.1 MB | 358.7 kB |
+| 3 MB | 1.1 MB | 358.9 kB |
 
 #### CDN links
 > https://cdn.plot.ly/plotly-geo-2.3.1.js
@@ -160,7 +160,7 @@ The `gl3d` partial bundle contains trace modules `cone`, `isosurface`, `mesh3d`,
 
 | Raw size | Minified size | Minified + gzip size |
 |------|-----------------|------------------------|
-| 3.7 MB | 1.5 MB | 471.1 kB |
+| 3.7 MB | 1.5 MB | 471.3 kB |
 
 #### CDN links
 > https://cdn.plot.ly/plotly-gl3d-2.3.1.js
@@ -183,7 +183,7 @@ The `gl2d` partial bundle contains trace modules `heatmapgl`, `parcoords`, `poin
 
 | Raw size | Minified size | Minified + gzip size |
 |------|-----------------|------------------------|
-| 3.8 MB | 1.5 MB | 491.9 kB |
+| 3.8 MB | 1.5 MB | 492 kB |
 
 #### CDN links
 > https://cdn.plot.ly/plotly-gl2d-2.3.1.js
@@ -206,7 +206,7 @@ The `mapbox` partial bundle contains trace modules `choroplethmapbox`, `densitym
 
 | Raw size | Minified size | Minified + gzip size |
 |------|-----------------|------------------------|
-| 4.3 MB | 1.7 MB | 513 kB |
+| 4.3 MB | 1.7 MB | 513.1 kB |
 
 #### CDN links
 > https://cdn.plot.ly/plotly-mapbox-2.3.1.js
@@ -229,7 +229,7 @@ The `finance` partial bundle contains trace modules `bar`, `candlestick`, `funne
 
 | Raw size | Minified size | Minified + gzip size |
 |------|-----------------|------------------------|
-| 2.9 MB | 1.1 MB | 348.4 kB |
+| 2.9 MB | 1.1 MB | 348.7 kB |
 
 #### CDN links
 > https://cdn.plot.ly/plotly-finance-2.3.1.js
@@ -252,7 +252,7 @@ The `strict` partial bundle contains trace modules `bar`, `barpolar`, `box`, `ca
 
 | Raw size | Minified size | Minified + gzip size |
 |------|-----------------|------------------------|
-| 6.3 MB | 2.5 MB | 763.6 kB |
+| 6.3 MB | 2.5 MB | 764 kB |
 
 #### CDN links
 > https://cdn.plot.ly/plotly-strict-2.3.1.js

dist/plotly-basic.js

@@ -26887,6 +26887,11 @@ exports.makeEventData = function(pt, trace, cd) {
         if('yVal' in pt) out.y = pt.yVal;
         else if('y' in pt) out.y = pt.y;
 
+        if ('x0' in pt) out.x0 = pt.x0;
+        if ('x1' in pt) out.x1 = pt.x1;
+        if ('y0' in pt) out.y0 = pt.y0;
+        if ('y1' in pt) out.y1 = pt.y1;
+
         if(pt.xa) out.xaxis = pt.xa;
         if(pt.ya) out.yaxis = pt.ya;
         if(pt.zLabelVal !== undefined) out.z = pt.zLabelVal;
@@ -27735,6 +27740,12 @@ function _hover(gd, evt, subplot, noHoverEvent) {
     var oldhoverdata = gd._hoverdata;
     var newhoverdata = [];
 
+    // Top/left hover offsets relative to graph div. As long as hover content is
+    // a sibling of the graph div, it will be positioned correctly relative to
+    // the offset parent, whatever that may be.
+    var hot = gd.offsetTop + gd.clientTop;
+    var hol = gd.offsetLeft + gd.clientLeft;
+
     // pull out just the data that's useful to
     // other people and send it to the event
     for(itemnum = 0; itemnum < hoverData.length; itemnum++) {
@@ -27749,6 +27760,14 @@ function _hover(gd, evt, subplot, noHoverEvent) {
             pt.hovertemplate = ht || pt.trace.hovertemplate || false;
         }
 
+        var bbox = {};
+        eventData.bbox = bbox;
+
+        if ('x0' in pt) bbox.x0 = hol + pt.x0 + pt.xa._offset;
+        if ('x1' in pt) bbox.x1 = hol + pt.x1 + pt.xa._offset;
+        if ('y0' in pt) bbox.y0 = hot + pt.y0 + pt.ya._offset;
+        if ('y1' in pt) bbox.y1 = hot + pt.y1 + pt.ya._offset;
+
         pt.eventData = [eventData];
         newhoverdata.push(eventData);
     }
@@ -74555,6 +74574,11 @@ module.exports = function eventData(out, pt, trace) {
     if(pt.xa) out.xaxis = pt.xa;
     if(pt.ya) out.yaxis = pt.ya;
 
+    if ('x0' in pt) out.x0 = pt.x0;
+    if ('x1' in pt) out.x1 = pt.x1;
+    if ('y0' in pt) out.y0 = pt.y0;
+    if ('y1' in pt) out.y1 = pt.y1;
+
     if(trace.orientation === 'h') {
         out.label = out.y;
         out.value = out.x;
@@ -76750,7 +76774,16 @@ module.exports = function eventData(pt, trace) {
         text: pt.text,
 
         // pt.v (and pt.i below) for backward compatibility
-        v: pt.v
+        v: pt.v,
+
+        // TODO: These coordinates aren't quite correct and don't take into account some offset
+        // I still haven't quite located (similar to xa._offset)
+        bbox: {
+            x0: pt.x0,
+            x1: pt.x1,
+            y0: pt.y0,
+            y1: pt.y1,
+        },
     };
 
     // Only include pointNumber if it's unambiguous
@@ -77252,12 +77285,20 @@ function attachFxHandlers(sliceTop, gd, cd) {
 
         if(hoverinfo === 'all') hoverinfo = 'label+text+value+percent+name';
 
+        // If hoverinfo === 'none', we still want the *coordinates* of hover to be
+        // output, just not the hover to actually display
+        var rInscribed = pt.rInscribed || 0;
+        var hoverCenterX = cx + pt.pxmid[0] * (1 - rInscribed);
+        var hoverCenterY = cy + pt.pxmid[1] * (1 - rInscribed);
+        pt.x0 = hoverCenterX - rInscribed * cd0.r;
+        pt.x1 = hoverCenterX + rInscribed * cd0.r;
+        pt.y0 = hoverCenterY;
+        pt.y1 = hoverCenterY;
+
         // in case we dragged over the pie from another subplot,
         // or if hover is turned off
         if(trace2.hovertemplate || (hoverinfo !== 'none' && hoverinfo !== 'skip' && hoverinfo)) {
-            var rInscribed = pt.rInscribed || 0;
-            var hoverCenterX = cx + pt.pxmid[0] * (1 - rInscribed);
-            var hoverCenterY = cy + pt.pxmid[1] * (1 - rInscribed);
+
             var separators = fullLayout2.separators;
             var text = [];
 
@@ -77279,9 +77320,9 @@ function attachFxHandlers(sliceTop, gd, cd) {
 
             Fx.loneHover({
                 trace: trace,
-                x0: hoverCenterX - rInscribed * cd0.r,
-                x1: hoverCenterX + rInscribed * cd0.r,
-                y: hoverCenterY,
+                x0: pt.x0,
+                x1: pt.x1,
+                y: pt.y0,
                 text: text.join('<br>'),
                 name: (trace2.hovertemplate || hoverinfo.indexOf('name') !== -1) ? trace2.name : undefined,
                 idealAlign: pt.pxmid[0] < 0 ? 'left' : 'right',

dist/plotly-basic.min.js

@@ -36046,6 +36046,11 @@ exports.makeEventData = function(pt, trace, cd) {
         if('yVal' in pt) out.y = pt.yVal;
         else if('y' in pt) out.y = pt.y;
 
+        if ('x0' in pt) out.x0 = pt.x0;
+        if ('x1' in pt) out.x1 = pt.x1;
+        if ('y0' in pt) out.y0 = pt.y0;
+        if ('y1' in pt) out.y1 = pt.y1;
+
         if(pt.xa) out.xaxis = pt.xa;
         if(pt.ya) out.yaxis = pt.ya;
         if(pt.zLabelVal !== undefined) out.z = pt.zLabelVal;
@@ -36894,6 +36899,12 @@ function _hover(gd, evt, subplot, noHoverEvent) {
     var oldhoverdata = gd._hoverdata;
     var newhoverdata = [];
 
+    // Top/left hover offsets relative to graph div. As long as hover content is
+    // a sibling of the graph div, it will be positioned correctly relative to
+    // the offset parent, whatever that may be.
+    var hot = gd.offsetTop + gd.clientTop;
+    var hol = gd.offsetLeft + gd.clientLeft;
+
     // pull out just the data that's useful to
     // other people and send it to the event
     for(itemnum = 0; itemnum < hoverData.length; itemnum++) {
@@ -36908,6 +36919,14 @@ function _hover(gd, evt, subplot, noHoverEvent) {
             pt.hovertemplate = ht || pt.trace.hovertemplate || false;
         }
 
+        var bbox = {};
+        eventData.bbox = bbox;
+
+        if ('x0' in pt) bbox.x0 = hol + pt.x0 + pt.xa._offset;
+        if ('x1' in pt) bbox.x1 = hol + pt.x1 + pt.xa._offset;
+        if ('y0' in pt) bbox.y0 = hot + pt.y0 + pt.ya._offset;
+        if ('y1' in pt) bbox.y1 = hot + pt.y1 + pt.ya._offset;
+
         pt.eventData = [eventData];
         newhoverdata.push(eventData);
     }
@@ -84849,6 +84868,11 @@ module.exports = function eventData(out, pt, trace) {
     if(pt.xa) out.xaxis = pt.xa;
     if(pt.ya) out.yaxis = pt.ya;
 
+    if ('x0' in pt) out.x0 = pt.x0;
+    if ('x1' in pt) out.x1 = pt.x1;
+    if ('y0' in pt) out.y0 = pt.y0;
+    if ('y1' in pt) out.y1 = pt.y1;
+
     if(trace.orientation === 'h') {
         out.label = out.y;
         out.value = out.x;
@@ -87725,6 +87749,11 @@ module.exports = function eventData(out, pt) {
     if(pt.xa) out.xaxis = pt.xa;
     if(pt.ya) out.yaxis = pt.ya;
 
+    if ('x0' in pt) out.x0 = pt.x0;
+    if ('x1' in pt) out.x1 = pt.x1;
+    if ('y0' in pt) out.y0 = pt.y0;
+    if ('y1' in pt) out.y1 = pt.y1;
+
     return out;
 };
 
@@ -93502,6 +93531,11 @@ module.exports = function eventData(out, pt, trace, cd, pointNumber) {
     if(pt.xa) out.xaxis = pt.xa;
     if(pt.ya) out.yaxis = pt.ya;
 
+    if ('x0' in pt) out.x0 = pt.x0;
+    if ('x1' in pt) out.x1 = pt.x1;
+    if ('y0' in pt) out.y0 = pt.y0;
+    if ('y1' in pt) out.y1 = pt.y1;
+
     // specific to histogram - CDFs do not have pts (yet?)
     if(!(trace.cumulative || {}).enabled) {
         var pts = Array.isArray(pointNumber) ?
@@ -94413,6 +94447,12 @@ module.exports = function supplyDefaults(traceIn, traceOut) {
 module.exports = function eventData(out, pt) {
     if('xVal' in pt) out.x = pt.xVal;
     if('yVal' in pt) out.y = pt.yVal;
+
+    if ('x0' in pt) out.x0 = pt.x0;
+    if ('x1' in pt) out.x1 = pt.x1;
+    if ('y0' in pt) out.y0 = pt.y0;
+    if ('y1' in pt) out.y1 = pt.y1;
+
     if(pt.xa) out.xaxis = pt.xa;
     if(pt.ya) out.yaxis = pt.ya;
     out.color = pt.color;
@@ -95331,7 +95371,16 @@ module.exports = function eventData(pt, trace) {
         text: pt.text,
 
         // pt.v (and pt.i below) for backward compatibility
-        v: pt.v
+        v: pt.v,
+
+        // TODO: These coordinates aren't quite correct and don't take into account some offset
+        // I still haven't quite located (similar to xa._offset)
+        bbox: {
+            x0: pt.x0,
+            x1: pt.x1,
+            y0: pt.y0,
+            y1: pt.y1,
+        },
     };
 
     // Only include pointNumber if it's unambiguous
@@ -95833,12 +95882,20 @@ function attachFxHandlers(sliceTop, gd, cd) {
 
         if(hoverinfo === 'all') hoverinfo = 'label+text+value+percent+name';
 
+        // If hoverinfo === 'none', we still want the *coordinates* of hover to be
+        // output, just not the hover to actually display
+        var rInscribed = pt.rInscribed || 0;
+        var hoverCenterX = cx + pt.pxmid[0] * (1 - rInscribed);
+        var hoverCenterY = cy + pt.pxmid[1] * (1 - rInscribed);
+        pt.x0 = hoverCenterX - rInscribed * cd0.r;
+        pt.x1 = hoverCenterX + rInscribed * cd0.r;
+        pt.y0 = hoverCenterY;
+        pt.y1 = hoverCenterY;
+
         // in case we dragged over the pie from another subplot,
         // or if hover is turned off
         if(trace2.hovertemplate || (hoverinfo !== 'none' && hoverinfo !== 'skip' && hoverinfo)) {
-            var rInscribed = pt.rInscribed || 0;
-            var hoverCenterX = cx + pt.pxmid[0] * (1 - rInscribed);
-            var hoverCenterY = cy + pt.pxmid[1] * (1 - rInscribed);
+
             var separators = fullLayout2.separators;
             var text = [];
 
@@ -95860,9 +95917,9 @@ function attachFxHandlers(sliceTop, gd, cd) {
 
             Fx.loneHover({
                 trace: trace,
-                x0: hoverCenterX - rInscribed * cd0.r,
-                x1: hoverCenterX + rInscribed * cd0.r,
-                y: hoverCenterY,
+                x0: pt.x0,
+                x1: pt.x1,
+                y: pt.y0,
                 text: text.join('<br>'),
                 name: (trace2.hovertemplate || hoverinfo.indexOf('name') !== -1) ? trace2.name : undefined,
                 idealAlign: pt.pxmid[0] < 0 ? 'left' : 'right',
@@ -99876,6 +99933,11 @@ module.exports = function eventData(out, pt, trace, cd, pointNumber) {
     if(pt.xa) out.xaxis = pt.xa;
     if(pt.ya) out.yaxis = pt.ya;
 
+    if ('x0' in pt) out.x0 = pt.x0;
+    if ('x1' in pt) out.x1 = pt.x1;
+    if ('y0' in pt) out.y0 = pt.y0;
+    if ('y1' in pt) out.y1 = pt.y1;
+
     if(cd[pointNumber]) {
         var cdi = cd[pointNumber];