make colorbar from color axes editable

Author: etpinard

src/components/colorbar/draw.js

@@ -155,6 +155,7 @@ function makeColorBarData(gd) {
 
             opts = initOpts(cont.colorbar);
             opts._id = 'cb' + k;
+            opts._propPrefix = k + '.colorbar.';
 
             cbOpt = {min: 'cmin', max: 'cmax'};
             calcOpts();
@@ -591,7 +592,11 @@ function makeEditable(g, opts, gd) {
                 var update = {};
                 update[opts._propPrefix + 'x'] = xf;
                 update[opts._propPrefix + 'y'] = yf;
-                Registry.call('_guiRestyle', gd, update, opts._traceIndex);
+                if(opts._traceIndex !== undefined) {
+                    Registry.call('_guiRestyle', gd, update, opts._traceIndex);
+                } else {
+                    Registry.call('_guiRelayout', gd, update);
+                }
             }
         }
     });

test/jasmine/tests/colorbar_test.js

@@ -436,6 +436,28 @@ describe('Test colorbar:', function() {
             .then(done);
         });
 
+        it('can drag colorbars linked to color axes in editable mode', function(done) {
+            Plotly.newPlot(gd,
+                [{z: [[1, 2], [3, 4]], type: 'heatmap', coloraxis: 'coloraxis'}],
+                {coloraxis: {}, width: 400, height: 400},
+                {editable: true}
+            )
+            .then(function() {
+                expect(gd.layout.coloraxis.colorbar).toBeUndefined();
+                expect(gd._fullLayout.coloraxis.colorbar.x).toBe(1.02);
+                expect(gd._fullLayout.coloraxis.colorbar.y).toBe(0.5);
+                return drag(getCBNode(), -100, 100);
+            })
+            .then(function() {
+                expect(gd.layout.coloraxis.colorbar.x).toBeWithin(0.591, 0.01);
+                expect(gd.layout.coloraxis.colorbar.y).toBeWithin(0.045, 0.01);
+                expect(gd._fullLayout.coloraxis.colorbar.x).toBeWithin(0.591, 0.01);
+                expect(gd._fullLayout.coloraxis.colorbar.y).toBeWithin(0.045, 0.01);
+            })
+            .catch(failTest)
+            .then(done);
+        });
+
         it('can edit colorbar visuals in optimized edit pathway', function(done) {
             spyOn(subroutines, 'doColorBars').and.callThrough();
             spyOn(Plots, 'doCalcdata').and.callThrough();