plotly.js 2.16.3 → 2.16.5

package/dist/plotly-with-meta.js

@@ -1,5 +1,5 @@
 /**
-* plotly.js v2.16.3
+* plotly.js v2.16.5
 * Copyright 2012-2022, Plotly, Inc.
 * All rights reserved.
 * Licensed under the MIT license
@@ -108378,7 +108378,7 @@ module.exports = {
     calc: _dereq_('./calc'),
 
     // ./scales.js is required in lib/coerce.js ;
-    // it needs to be a separate module to avoid circular a dependency
+    // it needs to be a separate module to avoid a circular dependency
     scales: scales.scales,
     defaultScale: scales.defaultScale,
     getScale: scales.get,
@@ -127639,6 +127639,8 @@ function setActive(gd, sliderGroup, sliderOpts, index, doCallback, doTransition)
 }
 
 function attachGripEvents(item, gd, sliderGroup) {
+    if(gd._context.staticPlot) return;
+
     var node = sliderGroup.node();
     var $gd = d3.select(gd);
 
@@ -220467,11 +220469,12 @@ var ORDER = {
     nonCluster: ['fill', 'line', 'circle', 'symbol'],
 };
 
-function ScatterMapbox(subplot, uid, clusterEnabled) {
+function ScatterMapbox(subplot, uid, clusterEnabled, isHidden) {
     this.type = 'scattermapbox';
     this.subplot = subplot;
     this.uid = uid;
     this.clusterEnabled = clusterEnabled;
+    this.isHidden = isHidden;
 
     this.sourceIds = {
         fill: 'source-' + uid + '-fill',
@@ -220544,51 +220547,96 @@ proto.update = function update(calcTrace) {
     var map = subplot.map;
     var optsAll = convert(subplot.gd, calcTrace);
     var below = subplot.belowLookup['trace-' + this.uid];
-    var i, k, opts;
     var hasCluster = !!(trace.cluster && trace.cluster.enabled);
     var hadCluster = !!this.clusterEnabled;
+    var lThis = this;
 
-    if(below !== this.below) {
-        var order = ORDER.nonCluster;
-
-        for(i = order.length - 1; i >= 0; i--) {
-            k = order[i];
-            map.removeLayer(this.layerIds[k]);
+    function addCluster(noSource) {
+        if(!noSource) lThis.addSource('circle', optsAll.circle, trace.cluster);
+        var order = ORDER.cluster;
+        for(var i = 0; i < order.length; i++) {
+            var k = order[i];
+            var opts = optsAll[k];
+            lThis.addLayer(k, opts, below);
         }
-        for(i = 0; i < order.length; i++) {
-            k = order[i];
-            opts = optsAll[k];
-            this.addLayer(k, opts, below);
-        }
-        this.below = below;
-    } else if(hasCluster && !hadCluster) {
-        for(i = ORDER.nonCluster.length - 1; i >= 0; i--) {
-            k = ORDER.nonCluster[i];
-            map.removeLayer(this.layerIds[k]);
-            map.removeSource(this.sourceIds[k]);
+    }
+
+    function removeCluster(noSource) {
+        var order = ORDER.cluster;
+        for(var i = order.length - 1; i >= 0; i--) {
+            var k = order[i];
+            map.removeLayer(lThis.layerIds[k]);
         }
-        this.addSource('circle', optsAll.circle, trace.cluster);
-        for(i = 0; i < ORDER.cluster.length; i++) {
-            k = ORDER.cluster[i];
-            opts = optsAll[k];
-            this.addLayer(k, opts, below);
+        if(!noSource) map.removeSource(lThis.sourceIds.circle);
+    }
+
+    function addNonCluster(noSource) {
+        var order = ORDER.nonCluster;
+        for(var i = 0; i < order.length; i++) {
+            var k = order[i];
+            var opts = optsAll[k];
+            if(!noSource) lThis.addSource(k, opts);
+            lThis.addLayer(k, opts, below);
         }
-        this.clusterEnabled = hasCluster;
-    } else if(!hasCluster && hadCluster) {
-        for(i = 0; i < ORDER.cluster.length; i++) {
-            k = ORDER.cluster[i];
-            map.removeLayer(this.layerIds[k]);
+    }
+
+    function removeNonCluster(noSource) {
+        var order = ORDER.nonCluster;
+        for(var i = order.length - 1; i >= 0; i--) {
+            var k = order[i];
+            map.removeLayer(lThis.layerIds[k]);
+            if(!noSource) map.removeSource(lThis.sourceIds[k]);
         }
-        map.removeSource(this.sourceIds.circle);
-        for(i = 0; i < ORDER.nonCluster.length; i++) {
-            k = ORDER.nonCluster[i];
-            opts = optsAll[k];
-            this.addSource(k, opts, trace.cluster);
-            this.addLayer(k, opts, below);
+    }
+
+    function remove(noSource) {
+        if(hadCluster) removeCluster(noSource); else removeNonCluster(noSource);
+    }
+
+    function add(noSource) {
+        if(hasCluster) addCluster(noSource); else addNonCluster(noSource);
+    }
+
+    function repaint() {
+        var order = hasCluster ? ORDER.cluster : ORDER.nonCluster;
+        for(var i = 0; i < order.length; i++) {
+            var k = order[i];
+            var opts = optsAll[k];
+            if(!opts) continue;
+
+            subplot.setOptions(lThis.layerIds[k], 'setLayoutProperty', opts.layout);
+
+            if(opts.layout.visibility === 'visible') {
+                if(k !== 'cluster') {
+                    lThis.setSourceData(k, opts);
+                }
+                subplot.setOptions(lThis.layerIds[k], 'setPaintProperty', opts.paint);
+            }
         }
-        this.clusterEnabled = hasCluster;
     }
 
+    var wasHidden = this.isHidden;
+    var isHidden = trace.visible !== true;
+
+    if(isHidden) {
+        if(!wasHidden) remove();
+    } else if(wasHidden) {
+        if(!isHidden) add();
+    } else if(hadCluster !== hasCluster) {
+        remove();
+        add();
+    } else if(this.below !== below) {
+        remove(true);
+        add(true);
+        repaint();
+    } else {
+        repaint();
+    }
+
+    this.clusterEnabled = hasCluster;
+    this.isHidden = isHidden;
+    this.below = below;
+
     // link ref for quick update during selections
     calcTrace[0].trace._glTrace = this;
 };
@@ -220606,10 +220654,13 @@ proto.dispose = function dispose() {
 module.exports = function createScatterMapbox(subplot, calcTrace) {
     var trace = calcTrace[0].trace;
     var hasCluster = trace.cluster && trace.cluster.enabled;
+    var isHidden = trace.visible !== true;
+
     var scatterMapbox = new ScatterMapbox(
         subplot,
         trace.uid,
-        hasCluster
+        hasCluster,
+        isHidden
     );
 
     var optsAll = convert(subplot.gd, calcTrace);
@@ -233924,7 +233975,7 @@ function getSortFunc(opts, d2c) {
 'use strict';
 
 // package version injected by `npm run preprocess`
-exports.version = '2.16.3';
+exports.version = '2.16.5';
 
 },{}],1133:[function(_dereq_,module,exports){
 (function (global){(function (){

package/dist/plotly.js

@@ -1,5 +1,5 @@
 /**
-* plotly.js v2.16.3
+* plotly.js v2.16.5
 * Copyright 2012-2022, Plotly, Inc.
 * All rights reserved.
 * Licensed under the MIT license
@@ -107995,7 +107995,7 @@ module.exports = {
     calc: _dereq_('./calc'),
 
     // ./scales.js is required in lib/coerce.js ;
-    // it needs to be a separate module to avoid circular a dependency
+    // it needs to be a separate module to avoid a circular dependency
     scales: scales.scales,
     defaultScale: scales.defaultScale,
     getScale: scales.get,
@@ -126451,6 +126451,8 @@ function setActive(gd, sliderGroup, sliderOpts, index, doCallback, doTransition)
 }
 
 function attachGripEvents(item, gd, sliderGroup) {
+    if(gd._context.staticPlot) return;
+
     var node = sliderGroup.node();
     var $gd = d3.select(gd);
 
@@ -214839,11 +214841,12 @@ var ORDER = {
     nonCluster: ['fill', 'line', 'circle', 'symbol'],
 };
 
-function ScatterMapbox(subplot, uid, clusterEnabled) {
+function ScatterMapbox(subplot, uid, clusterEnabled, isHidden) {
     this.type = 'scattermapbox';
     this.subplot = subplot;
     this.uid = uid;
     this.clusterEnabled = clusterEnabled;
+    this.isHidden = isHidden;
 
     this.sourceIds = {
         fill: 'source-' + uid + '-fill',
@@ -214916,51 +214919,96 @@ proto.update = function update(calcTrace) {
     var map = subplot.map;
     var optsAll = convert(subplot.gd, calcTrace);
     var below = subplot.belowLookup['trace-' + this.uid];
-    var i, k, opts;
     var hasCluster = !!(trace.cluster && trace.cluster.enabled);
     var hadCluster = !!this.clusterEnabled;
+    var lThis = this;
 
-    if(below !== this.below) {
-        var order = ORDER.nonCluster;
-
-        for(i = order.length - 1; i >= 0; i--) {
-            k = order[i];
-            map.removeLayer(this.layerIds[k]);
+    function addCluster(noSource) {
+        if(!noSource) lThis.addSource('circle', optsAll.circle, trace.cluster);
+        var order = ORDER.cluster;
+        for(var i = 0; i < order.length; i++) {
+            var k = order[i];
+            var opts = optsAll[k];
+            lThis.addLayer(k, opts, below);
         }
-        for(i = 0; i < order.length; i++) {
-            k = order[i];
-            opts = optsAll[k];
-            this.addLayer(k, opts, below);
-        }
-        this.below = below;
-    } else if(hasCluster && !hadCluster) {
-        for(i = ORDER.nonCluster.length - 1; i >= 0; i--) {
-            k = ORDER.nonCluster[i];
-            map.removeLayer(this.layerIds[k]);
-            map.removeSource(this.sourceIds[k]);
+    }
+
+    function removeCluster(noSource) {
+        var order = ORDER.cluster;
+        for(var i = order.length - 1; i >= 0; i--) {
+            var k = order[i];
+            map.removeLayer(lThis.layerIds[k]);
         }
-        this.addSource('circle', optsAll.circle, trace.cluster);
-        for(i = 0; i < ORDER.cluster.length; i++) {
-            k = ORDER.cluster[i];
-            opts = optsAll[k];
-            this.addLayer(k, opts, below);
+        if(!noSource) map.removeSource(lThis.sourceIds.circle);
+    }
+
+    function addNonCluster(noSource) {
+        var order = ORDER.nonCluster;
+        for(var i = 0; i < order.length; i++) {
+            var k = order[i];
+            var opts = optsAll[k];
+            if(!noSource) lThis.addSource(k, opts);
+            lThis.addLayer(k, opts, below);
         }
-        this.clusterEnabled = hasCluster;
-    } else if(!hasCluster && hadCluster) {
-        for(i = 0; i < ORDER.cluster.length; i++) {
-            k = ORDER.cluster[i];
-            map.removeLayer(this.layerIds[k]);
+    }
+
+    function removeNonCluster(noSource) {
+        var order = ORDER.nonCluster;
+        for(var i = order.length - 1; i >= 0; i--) {
+            var k = order[i];
+            map.removeLayer(lThis.layerIds[k]);
+            if(!noSource) map.removeSource(lThis.sourceIds[k]);
         }
-        map.removeSource(this.sourceIds.circle);
-        for(i = 0; i < ORDER.nonCluster.length; i++) {
-            k = ORDER.nonCluster[i];
-            opts = optsAll[k];
-            this.addSource(k, opts, trace.cluster);
-            this.addLayer(k, opts, below);
+    }
+
+    function remove(noSource) {
+        if(hadCluster) removeCluster(noSource); else removeNonCluster(noSource);
+    }
+
+    function add(noSource) {
+        if(hasCluster) addCluster(noSource); else addNonCluster(noSource);
+    }
+
+    function repaint() {
+        var order = hasCluster ? ORDER.cluster : ORDER.nonCluster;
+        for(var i = 0; i < order.length; i++) {
+            var k = order[i];
+            var opts = optsAll[k];
+            if(!opts) continue;
+
+            subplot.setOptions(lThis.layerIds[k], 'setLayoutProperty', opts.layout);
+
+            if(opts.layout.visibility === 'visible') {
+                if(k !== 'cluster') {
+                    lThis.setSourceData(k, opts);
+                }
+                subplot.setOptions(lThis.layerIds[k], 'setPaintProperty', opts.paint);
+            }
         }
-        this.clusterEnabled = hasCluster;
     }
 
+    var wasHidden = this.isHidden;
+    var isHidden = trace.visible !== true;
+
+    if(isHidden) {
+        if(!wasHidden) remove();
+    } else if(wasHidden) {
+        if(!isHidden) add();
+    } else if(hadCluster !== hasCluster) {
+        remove();
+        add();
+    } else if(this.below !== below) {
+        remove(true);
+        add(true);
+        repaint();
+    } else {
+        repaint();
+    }
+
+    this.clusterEnabled = hasCluster;
+    this.isHidden = isHidden;
+    this.below = below;
+
     // link ref for quick update during selections
     calcTrace[0].trace._glTrace = this;
 };
@@ -214978,10 +215026,13 @@ proto.dispose = function dispose() {
 module.exports = function createScatterMapbox(subplot, calcTrace) {
     var trace = calcTrace[0].trace;
     var hasCluster = trace.cluster && trace.cluster.enabled;
+    var isHidden = trace.visible !== true;
+
     var scatterMapbox = new ScatterMapbox(
         subplot,
         trace.uid,
-        hasCluster
+        hasCluster,
+        isHidden
     );
 
     var optsAll = convert(subplot.gd, calcTrace);
@@ -227374,7 +227425,7 @@ function getSortFunc(opts, d2c) {
 'use strict';
 
 // package version injected by `npm run preprocess`
-exports.version = '2.16.3';
+exports.version = '2.16.5';
 
 },{}],1133:[function(_dereq_,module,exports){
 (function (global){(function (){