plotly.js 2.12.0 → 2.12.1

package/dist/plotly-with-meta.js

@@ -1,5 +1,5 @@
 /**
-* plotly.js v2.12.0
+* plotly.js v2.12.1
 * Copyright 2012-2022, Plotly, Inc.
 * All rights reserved.
 * Licensed under the MIT license
@@ -51,10 +51,10 @@ var rules = {
     "X .modebar.vertical .modebar-group .modebar-btn": "display:block;text-align:center;",
     "X [data-title]:before,X [data-title]:after": "position:absolute;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:none;opacity:0;z-index:1001;pointer-events:none;top:110%;right:50%;",
     "X [data-title]:hover:before,X [data-title]:hover:after": "display:block;opacity:1;",
-    "X [data-title]:before": "content:\"\";position:absolute;background:transparent;border:6px solid transparent;z-index:1002;margin-top:-12px;border-bottom-color:#69738a;margin-right:-6px;",
+    "X [data-title]:before": "content:\"\";position:absolute;background:rgba(0,0,0,0);border:6px solid rgba(0,0,0,0);z-index:1002;margin-top:-12px;border-bottom-color:#69738a;margin-right:-6px;",
     "X [data-title]:after": "content:attr(data-title);background:#69738a;color:#fff;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;margin-right:-18px;border-radius:2px;",
     "X .vertical [data-title]:before,X .vertical [data-title]:after": "top:0%;right:200%;",
-    "X .vertical [data-title]:before": "border:6px solid transparent;border-left-color:#69738a;margin-top:8px;margin-right:-30px;",
+    "X .vertical [data-title]:before": "border:6px solid rgba(0,0,0,0);border-left-color:#69738a;margin-top:8px;margin-right:-30px;",
     "X .select-outline": "fill:none;stroke-width:1;shape-rendering:crispEdges;",
     "X .select-outline-1": "stroke:#fff;",
     "X .select-outline-2": "stroke:#000;stroke-dasharray:2px 2px;",
@@ -107687,7 +107687,7 @@ module.exports = function colorScaleAttrs(context, opts) {
     }
 
     var effectDesc = onlyIfNumerical ?
-        ' Has an effect only if ' + colorAttrFull + 'is set to a numerical array.' :
+        ' Has an effect only if ' + colorAttrFull + ' is set to a numerical array.' :
         '';
 
     var auto = cLetter + 'auto';
@@ -107712,11 +107712,11 @@ module.exports = function colorScaleAttrs(context, opts) {
             editType: editTypeOverride || 'style',
             description: [
                 'Sets the', context, 'color.',
-                ' It accepts either a specific color',
-                ' or an array of numbers that are mapped to the colorscale',
-                ' relative to the max and min values of the array or relative to',
-                ' ' + minmaxFull + ' if set.'
-            ].join('')
+                'It accepts either a specific color',
+                'or an array of numbers that are mapped to the colorscale',
+                'relative to the max and min values of the array or relative to',
+                minmaxFull, 'if set.'
+            ].join(' ')
         };
 
         if(opts.anim) {
@@ -107731,11 +107731,10 @@ module.exports = function colorScaleAttrs(context, opts) {
         impliedEdits: autoImpliedEdits,
         description: [
             'Determines whether or not the color domain is computed',
-            ' with respect to the input data (here ' + colorAttrFull + ') or the bounds set in',
-            ' ', minmaxFull,
-            ' ', effectDesc,
-            ' Defaults to `false` when ', minmaxFull, ' are set by the user.'
-        ].join('')
+            'with respect to the input data (here ' + colorAttrFull + ') or the bounds set in',
+            minmaxFull + effectDesc,
+            'Defaults to `false` when', minmaxFull, 'are set by the user.'
+        ].join(' ')
     };
 
     attrs[min] = {
@@ -107744,11 +107743,10 @@ module.exports = function colorScaleAttrs(context, opts) {
         editType: editTypeOverride || 'plot',
         impliedEdits: minmaxImpliedEdits,
         description: [
-            'Sets the lower bound of the color domain.',
-            effectDesc,
-            ' Value should have the same units as ', colorAttrFull,
-            ' and if set, ', maxFull, ' must be set as well.'
-        ].join('')
+            'Sets the lower bound of the color domain.' + effectDesc,
+            'Value should have the same units as', colorAttrFull,
+            'and if set,', maxFull, 'must be set as well.'
+        ].join(' ')
     };
 
     attrs[max] = {
@@ -107757,11 +107755,10 @@ module.exports = function colorScaleAttrs(context, opts) {
         editType: editTypeOverride || 'plot',
         impliedEdits: minmaxImpliedEdits,
         description: [
-            'Sets the upper bound of the color domain.',
-            effectDesc,
-            ' Value should have the same units as ', colorAttrFull,
-            ' and if set, ', minFull, ' must be set as well.'
-        ].join('')
+            'Sets the upper bound of the color domain.' + effectDesc,
+            'Value should have the same units as', colorAttrFull,
+            'and if set,', minFull, 'must be set as well.'
+        ].join(' ')
     };
 
     attrs[mid] = {
@@ -107770,12 +107767,11 @@ module.exports = function colorScaleAttrs(context, opts) {
         editType: 'calc',
         impliedEdits: autoImpliedEdits,
         description: [
-            'Sets the mid-point of the color domain by scaling ', minFull,
-            ' and/or ', maxFull, ' to be equidistant to this point.',
-            effectDesc,
-            ' Value should have the same units as ', colorAttrFull, '. ',
-            'Has no effect when ', autoFull, ' is `false`.'
-        ].join('')
+            'Sets the mid-point of the color domain by scaling', minFull,
+            'and/or', maxFull, 'to be equidistant to this point.' + effectDesc,
+            'Value should have the same units as', colorAttrFull + '.',
+            'Has no effect when', autoFull, 'is `false`.'
+        ].join(' ')
     };
 
     attrs.colorscale = {
@@ -107784,19 +107780,18 @@ module.exports = function colorScaleAttrs(context, opts) {
         dflt: colorscaleDflt,
         impliedEdits: {autocolorscale: false},
         description: [
-            'Sets the colorscale.',
-            effectDesc,
-            ' The colorscale must be an array containing',
-            ' arrays mapping a normalized value to an',
-            ' rgb, rgba, hex, hsl, hsv, or named color string.',
-            ' At minimum, a mapping for the lowest (0) and highest (1)',
-            ' values are required. For example,',
-            ' `[[0, \'rgb(0,0,255)\'], [1, \'rgb(255,0,0)\']]`.',
-            ' To control the bounds of the colorscale in color space,',
-            ' use', minmaxFull, '.',
-            ' Alternatively, `colorscale` may be a palette name string',
-            ' of the following list: ' + paletteStr + '.'
-        ].join('')
+            'Sets the colorscale.' + effectDesc,
+            'The colorscale must be an array containing',
+            'arrays mapping a normalized value to an',
+            'rgb, rgba, hex, hsl, hsv, or named color string.',
+            'At minimum, a mapping for the lowest (0) and highest (1)',
+            'values are required. For example,',
+            '`[[0, \'rgb(0,0,255)\'], [1, \'rgb(255,0,0)\']]`.',
+            'To control the bounds of the colorscale in color space,',
+            'use', minmaxFull + '.',
+            'Alternatively, `colorscale` may be a palette name string',
+            'of the following list: ' + paletteStr + '.'
+        ].join(' ')
     };
 
     attrs.autocolorscale = {
@@ -107807,12 +107802,11 @@ module.exports = function colorScaleAttrs(context, opts) {
         impliedEdits: {colorscale: undefined},
         description: [
             'Determines whether the colorscale is a default palette (`autocolorscale: true`)',
-            ' or the palette determined by ', code(contextHead + 'colorscale'), '.',
-            effectDesc,
-            ' In case `colorscale` is unspecified or `autocolorscale` is true, the default ',
-            ' palette will be chosen according to whether numbers in the `color` array are',
-            ' all positive, all negative or mixed.'
-        ].join('')
+            'or the palette determined by', code(contextHead + 'colorscale') + '.' + effectDesc,
+            'In case `colorscale` is unspecified or `autocolorscale` is true, the default',
+            'palette will be chosen according to whether numbers in the `color` array are',
+            'all positive, all negative or mixed.'
+        ].join(' ')
     };
 
     attrs.reversescale = {
@@ -107820,11 +107814,10 @@ module.exports = function colorScaleAttrs(context, opts) {
         dflt: false,
         editType: 'plot',
         description: [
-            'Reverses the color mapping if true.',
-            effectDesc,
-            ' If true, ', minFull, ' will correspond to the last color',
-            ' in the array and ', maxFull, ' will correspond to the first color.'
-        ].join('')
+            'Reverses the color mapping if true.' + effectDesc,
+            'If true,', minFull, 'will correspond to the last color',
+            'in the array and', maxFull, 'will correspond to the first color.'
+        ].join(' ')
     };
 
     if(!noScale) {
@@ -107833,9 +107826,8 @@ module.exports = function colorScaleAttrs(context, opts) {
             dflt: showScaleDflt,
             editType: 'calc',
             description: [
-                'Determines whether or not a colorbar is displayed for this trace.',
-                effectDesc
-            ].join('')
+                'Determines whether or not a colorbar is displayed for this trace.' + effectDesc
+            ].join(' ')
         };
 
         attrs.colorbar = colorbarAttrs;
@@ -119006,6 +118998,7 @@ var isUnifiedHover = _dereq_('../fx/helpers').isUnifiedHover;
 var createModeBar = _dereq_('./modebar');
 var modeBarButtons = _dereq_('./buttons');
 var DRAW_MODES = _dereq_('./constants').DRAW_MODES;
+var extendDeep = _dereq_('../../lib').extendDeep;
 
 /**
  * ModeBar wrapper around 'create' and 'update',
@@ -119328,7 +119321,9 @@ function appendButtonsToGroups(groups, buttons) {
 }
 
 // fill in custom buttons referring to default mode bar buttons
-function fillCustomButton(customButtons) {
+function fillCustomButton(originalModeBarButtons) {
+    var customButtons = extendDeep([], originalModeBarButtons);
+
     for(var i = 0; i < customButtons.length; i++) {
         var buttonGroup = customButtons[i];
 
@@ -119351,7 +119346,7 @@ function fillCustomButton(customButtons) {
     return customButtons;
 }
 
-},{"../../plots/cartesian/axis_ids":558,"../../registry":638,"../../traces/scatter/subtypes":952,"../fx/helpers":402,"./buttons":426,"./constants":427,"./modebar":431}],431:[function(_dereq_,module,exports){
+},{"../../lib":503,"../../plots/cartesian/axis_ids":558,"../../registry":638,"../../traces/scatter/subtypes":952,"../fx/helpers":402,"./buttons":426,"./constants":427,"./modebar":431}],431:[function(_dereq_,module,exports){
 'use strict';
 
 var d3 = _dereq_('@plotly/d3');
@@ -137950,7 +137945,9 @@ function _relayout(gd, aobj) {
             if(parentFull.autorange) flags.calc = true;
             else flags.plot = true;
         } else {
-            if((fullLayout._has('scatter-like') && fullLayout._has('regl')) &&
+            if(ai === 'dragmode' && ((vi === false && vOld !== false) || (vi !== false && vOld === false))) {
+                flags.plot = true;
+            } else if((fullLayout._has('scatter-like') && fullLayout._has('regl')) &&
                 (ai === 'dragmode' &&
                 (vi === 'lasso' || vi === 'select') &&
                 !(vOld === 'lasso' || vOld === 'select'))
@@ -157244,7 +157241,7 @@ proto.fetchTopojson = function() {
                 if(err.status === 404) {
                     return reject(new Error([
                         'plotly.js could not find topojson file at',
-                        topojsonPath, '.',
+                        topojsonPath + '.',
                         'Make sure the *topojsonURL* plot config option',
                         'is set properly.'
                     ].join(' ')));
@@ -170492,7 +170489,7 @@ proto.updateHoverAndMainDrag = function(fullLayout) {
     var scaleX;
     var scaleY;
 
-    var mainDrag = dragBox.makeDragger(layers, 'path', 'maindrag', 'crosshair');
+    var mainDrag = dragBox.makeDragger(layers, 'path', 'maindrag', fullLayout.dragmode === false ? 'none' : 'crosshair');
 
     d3.select(mainDrag)
         .attr('d', _this.pathSubplot())
@@ -170842,6 +170839,9 @@ proto.updateRadialDrag = function(fullLayout, polarLayout, rngIndex) {
 
     var radialDrag = dragBox.makeRectDragger(layers, className, 'crosshair', -bl2, -bl2, bl, bl);
     var dragOpts = {element: radialDrag, gd: gd};
+    if(fullLayout.dragmode === false) {
+        dragOpts.dragmode = false;
+    }
 
     updateElement(d3.select(radialDrag), radialAxis.visible && innerRadius < radius, {
         transform: strTranslate(tx, ty)
@@ -170984,13 +170984,17 @@ proto.updateAngularDrag = function(fullLayout) {
     var cyy = _this.cyy;
     var dbs = constants.angularDragBoxSize;
 
-    var angularDrag = dragBox.makeDragger(layers, 'path', 'angulardrag', 'move');
+    var angularDrag = dragBox.makeDragger(layers, 'path', 'angulardrag', fullLayout.dragmode === false ? 'none' : 'move');
     var dragOpts = {element: angularDrag, gd: gd};
 
-    d3.select(angularDrag)
-        .attr('d', _this.pathAnnulus(radius, radius + dbs))
-        .attr('transform', strTranslate(cx, cy))
-        .call(setCursor, 'move');
+    if(fullLayout.dragmode === false) {
+        dragOpts.dragmode = false;
+    } else {
+        d3.select(angularDrag)
+            .attr('d', _this.pathAnnulus(radius, radius + dbs))
+            .attr('transform', strTranslate(cx, cy))
+            .call(setCursor, 'move');
+    }
 
     function xy2a(x, y) {
         return Math.atan2(cyy + dbs - y, x - cxx - dbs);
@@ -173425,7 +173429,7 @@ function registerTraceModule(_module) {
     // add `PlotlyGeoAssets` global to stash references to all fetched
     // topojson / geojson data
     if((bpmName === 'geo' || bpmName === 'mapbox') &&
-        (typeof window !== undefined && window.PlotlyGeoAssets === undefined)
+        (window.PlotlyGeoAssets === undefined)
     ) {
         window.PlotlyGeoAssets = {topojson: {}};
     }
@@ -207476,7 +207480,7 @@ module.exports = {
                 'Sets the marker fill color. It accepts a specific color.',
                 'If the color is not fully opaque and there are hundreds of thousands',
                 'of points, it may cause slower zooming and panning.'
-            ].join('')
+            ].join(' ')
         },
         opacity: {
             valType: 'number',
@@ -208074,17 +208078,13 @@ var attrs = module.exports = overrideAll({
                 valType: 'number',
                 editType: 'calc',
                 dflt: 1,
-                description: [
-                    'Sets the upper bound of the color domain.'
-                ].join('')
+                description: 'Sets the upper bound of the color domain.'
             },
             cmin: {
                 valType: 'number',
                 editType: 'calc',
                 dflt: 0,
-                description: [
-                    'Sets the lower bound of the color domain.'
-                ].join('')
+                description: 'Sets the lower bound of the color domain.'
             },
             colorscale: extendFlat(colorAttributes().colorscale, {dflt: [[0, 'white'], [1, 'black']]})
         }),
@@ -223718,16 +223718,16 @@ colorScaleAttrs('', {
         editType: 'calc',
         description: [
             'Sets the opacityscale.',
-            ' The opacityscale must be an array containing',
-            ' arrays mapping a normalized value to an opacity value.',
-            ' At minimum, a mapping for the lowest (0) and highest (1)',
-            ' values are required. For example,',
-            ' `[[0, 1], [0.5, 0.2], [1, 1]]` means that higher/lower values would have',
-            ' higher opacity values and those in the middle would be more transparent',
-            ' Alternatively, `opacityscale` may be a palette name string',
-            ' of the following list: \'min\', \'max\', \'extremes\' and \'uniform\'.',
-            ' The default is \'uniform\'.'
-        ].join('')
+            'The opacityscale must be an array containing',
+            'arrays mapping a normalized value to an opacity value.',
+            'At minimum, a mapping for the lowest (0) and highest (1)',
+            'values are required. For example,',
+            '`[[0, 1], [0.5, 0.2], [1, 1]]` means that higher/lower values would have',
+            'higher opacity values and those in the middle would be more transparent',
+            'Alternatively, `opacityscale` may be a palette name string',
+            'of the following list: \'min\', \'max\', \'extremes\' and \'uniform\'.',
+            'The default is \'uniform\'.'
+        ].join(' ')
     },
 
     _deprecated: {
@@ -224759,8 +224759,8 @@ var attrs = module.exports = overrideAll({
                 dflt: 'white',
                 description: [
                     'Sets the cell fill color. It accepts either a specific color',
-                    ' or an array of colors or a 2D array of colors.'
-                ].join('')
+                    'or an array of colors or a 2D array of colors.'
+                ].join(' ')
             }
         },
 
@@ -224827,8 +224827,8 @@ var attrs = module.exports = overrideAll({
                 dflt: 'white',
                 description: [
                     'Sets the cell fill color. It accepts either a specific color',
-                    ' or an array of colors or a 2D array of colors.'
-                ].join('')
+                    'or an array of colors or a 2D array of colors.'
+                ].join(' ')
             }
         },
 
@@ -227973,7 +227973,7 @@ module.exports = {
             '*width* means each violin has the same (max) width',
             '*count* means the violins are scaled by the number of sample points making',
             'up each violin.'
-        ].join('')
+        ].join(' ')
     },
 
     spanmode: {
@@ -231207,7 +231207,7 @@ function getSortFunc(opts, d2c) {
 'use strict';
 
 // package version injected by `npm run preprocess`
-exports.version = '2.12.0';
+exports.version = '2.12.1';
 
 },{}],1124:[function(_dereq_,module,exports){
 (function (global){(function (){

package/dist/plotly.js

@@ -1,5 +1,5 @@
 /**
-* plotly.js v2.12.0
+* plotly.js v2.12.1
 * Copyright 2012-2022, Plotly, Inc.
 * All rights reserved.
 * Licensed under the MIT license
@@ -51,10 +51,10 @@ var rules = {
     "X .modebar.vertical .modebar-group .modebar-btn": "display:block;text-align:center;",
     "X [data-title]:before,X [data-title]:after": "position:absolute;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:none;opacity:0;z-index:1001;pointer-events:none;top:110%;right:50%;",
     "X [data-title]:hover:before,X [data-title]:hover:after": "display:block;opacity:1;",
-    "X [data-title]:before": "content:\"\";position:absolute;background:transparent;border:6px solid transparent;z-index:1002;margin-top:-12px;border-bottom-color:#69738a;margin-right:-6px;",
+    "X [data-title]:before": "content:\"\";position:absolute;background:rgba(0,0,0,0);border:6px solid rgba(0,0,0,0);z-index:1002;margin-top:-12px;border-bottom-color:#69738a;margin-right:-6px;",
     "X [data-title]:after": "content:attr(data-title);background:#69738a;color:#fff;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;margin-right:-18px;border-radius:2px;",
     "X .vertical [data-title]:before,X .vertical [data-title]:after": "top:0%;right:200%;",
-    "X .vertical [data-title]:before": "border:6px solid transparent;border-left-color:#69738a;margin-top:8px;margin-right:-30px;",
+    "X .vertical [data-title]:before": "border:6px solid rgba(0,0,0,0);border-left-color:#69738a;margin-top:8px;margin-right:-30px;",
     "X .select-outline": "fill:none;stroke-width:1;shape-rendering:crispEdges;",
     "X .select-outline-1": "stroke:#fff;",
     "X .select-outline-2": "stroke:#000;stroke-dasharray:2px 2px;",
@@ -107368,7 +107368,7 @@ module.exports = function colorScaleAttrs(context, opts) {
     }
 
     var effectDesc = onlyIfNumerical ?
-        ' Has an effect only if ' + colorAttrFull + 'is set to a numerical array.' :
+        ' Has an effect only if ' + colorAttrFull + ' is set to a numerical array.' :
         '';
 
     var auto = cLetter + 'auto';
@@ -118176,6 +118176,7 @@ var isUnifiedHover = _dereq_('../fx/helpers').isUnifiedHover;
 var createModeBar = _dereq_('./modebar');
 var modeBarButtons = _dereq_('./buttons');
 var DRAW_MODES = _dereq_('./constants').DRAW_MODES;
+var extendDeep = _dereq_('../../lib').extendDeep;
 
 /**
  * ModeBar wrapper around 'create' and 'update',
@@ -118498,7 +118499,9 @@ function appendButtonsToGroups(groups, buttons) {
 }
 
 // fill in custom buttons referring to default mode bar buttons
-function fillCustomButton(customButtons) {
+function fillCustomButton(originalModeBarButtons) {
+    var customButtons = extendDeep([], originalModeBarButtons);
+
     for(var i = 0; i < customButtons.length; i++) {
         var buttonGroup = customButtons[i];
 
@@ -118521,7 +118524,7 @@ function fillCustomButton(customButtons) {
     return customButtons;
 }
 
-},{"../../plots/cartesian/axis_ids":558,"../../registry":638,"../../traces/scatter/subtypes":952,"../fx/helpers":402,"./buttons":426,"./constants":427,"./modebar":431}],431:[function(_dereq_,module,exports){
+},{"../../lib":503,"../../plots/cartesian/axis_ids":558,"../../registry":638,"../../traces/scatter/subtypes":952,"../fx/helpers":402,"./buttons":426,"./constants":427,"./modebar":431}],431:[function(_dereq_,module,exports){
 'use strict';
 
 var d3 = _dereq_('@plotly/d3');
@@ -136613,7 +136616,9 @@ function _relayout(gd, aobj) {
             if(parentFull.autorange) flags.calc = true;
             else flags.plot = true;
         } else {
-            if((fullLayout._has('scatter-like') && fullLayout._has('regl')) &&
+            if(ai === 'dragmode' && ((vi === false && vOld !== false) || (vi !== false && vOld === false))) {
+                flags.plot = true;
+            } else if((fullLayout._has('scatter-like') && fullLayout._has('regl')) &&
                 (ai === 'dragmode' &&
                 (vi === 'lasso' || vi === 'select') &&
                 !(vOld === 'lasso' || vOld === 'select'))
@@ -154951,7 +154956,7 @@ proto.fetchTopojson = function() {
                 if(err.status === 404) {
                     return reject(new Error([
                         'plotly.js could not find topojson file at',
-                        topojsonPath, '.',
+                        topojsonPath + '.',
                         'Make sure the *topojsonURL* plot config option',
                         'is set properly.'
                     ].join(' ')));
@@ -167549,7 +167554,7 @@ proto.updateHoverAndMainDrag = function(fullLayout) {
     var scaleX;
     var scaleY;
 
-    var mainDrag = dragBox.makeDragger(layers, 'path', 'maindrag', 'crosshair');
+    var mainDrag = dragBox.makeDragger(layers, 'path', 'maindrag', fullLayout.dragmode === false ? 'none' : 'crosshair');
 
     d3.select(mainDrag)
         .attr('d', _this.pathSubplot())
@@ -167899,6 +167904,9 @@ proto.updateRadialDrag = function(fullLayout, polarLayout, rngIndex) {
 
     var radialDrag = dragBox.makeRectDragger(layers, className, 'crosshair', -bl2, -bl2, bl, bl);
     var dragOpts = {element: radialDrag, gd: gd};
+    if(fullLayout.dragmode === false) {
+        dragOpts.dragmode = false;
+    }
 
     updateElement(d3.select(radialDrag), radialAxis.visible && innerRadius < radius, {
         transform: strTranslate(tx, ty)
@@ -168041,13 +168049,17 @@ proto.updateAngularDrag = function(fullLayout) {
     var cyy = _this.cyy;
     var dbs = constants.angularDragBoxSize;
 
-    var angularDrag = dragBox.makeDragger(layers, 'path', 'angulardrag', 'move');
+    var angularDrag = dragBox.makeDragger(layers, 'path', 'angulardrag', fullLayout.dragmode === false ? 'none' : 'move');
     var dragOpts = {element: angularDrag, gd: gd};
 
-    d3.select(angularDrag)
-        .attr('d', _this.pathAnnulus(radius, radius + dbs))
-        .attr('transform', strTranslate(cx, cy))
-        .call(setCursor, 'move');
+    if(fullLayout.dragmode === false) {
+        dragOpts.dragmode = false;
+    } else {
+        d3.select(angularDrag)
+            .attr('d', _this.pathAnnulus(radius, radius + dbs))
+            .attr('transform', strTranslate(cx, cy))
+            .call(setCursor, 'move');
+    }
 
     function xy2a(x, y) {
         return Math.atan2(cyy + dbs - y, x - cxx - dbs);
@@ -170416,7 +170428,7 @@ function registerTraceModule(_module) {
     // add `PlotlyGeoAssets` global to stash references to all fetched
     // topojson / geojson data
     if((bpmName === 'geo' || bpmName === 'mapbox') &&
-        (typeof window !== undefined && window.PlotlyGeoAssets === undefined)
+        (window.PlotlyGeoAssets === undefined)
     ) {
         window.PlotlyGeoAssets = {topojson: {}};
     }
@@ -224766,7 +224778,7 @@ function getSortFunc(opts, d2c) {
 'use strict';
 
 // package version injected by `npm run preprocess`
-exports.version = '2.12.0';
+exports.version = '2.12.1';
 
 },{}],1124:[function(_dereq_,module,exports){
 (function (global){(function (){