@vizabi/bubblechart 5.2.1 → 5.2.3

package/build/bubblechart.js

@@ -1,4 +1,4 @@
-// https://github.com/vizabi/bubblechart#readme v5.2.1 build 1746462563188 Copyright 2025 Gapminder Foundation and contributors
+// https://github.com/vizabi/bubblechart#readme v5.2.3 build 1748252204619 Copyright 2025 Gapminder Foundation and contributors
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@vizabi/shared-components'), require('d3'), require('mobx')) :
   typeof define === 'function' && define.amd ? define(['exports', '@vizabi/shared-components', 'd3', 'mobx'], factory) :
@@ -39,7 +39,7 @@
 
       this.zoomer
         .filter(this.zoomFilter())
-        .scaleExtent([0.0625, +Infinity])
+        .scaleExtent([1, 100])
         .on("start", this.zoom().start)
         .on("zoom", this.zoom().go)
         .on("end", this.zoom().stop);
@@ -44454,6 +44454,14 @@ void main(void) {
       this.props = this.getProps();  
 
       this._panZoom.zoomSelection(this.DOM.canvasWrap.select("canvas"));
+      this.DOM.canvasWrap.select("canvas").node()
+        .addEventListener("wheel", e => {
+          if(!_this.ui?.zoomOnScrolling) return;
+          e.preventDefault();
+          e.stopPropagation();
+        },
+        { passive: false }
+      );
       this.DOM.canvasWrap.select("canvas")
         .call(this._panZoom.dragRectangle)
         .call(this._panZoom.zoomer)
@@ -44905,6 +44913,7 @@ void main(void) {
       let trailChunkIndex = 0;
       let trailChunkIndex1 = 0;
       let indexOffset;
+      let newData = [];
       //let deltaTrailChunkIndex = 0;
       let currentTrailKey = null;
       //const _updateRanges = [];
@@ -44917,7 +44926,7 @@ void main(void) {
       let dataTrailChunkIndex;
       const trailsShowAndSomeSelected = this.MDL.trail.show && this.__someSelected;
 
-      const newData = trailsShowAndSomeSelected ? this.model.dataArray.reduce((res, d, i) => {
+      if (trailsShowAndSomeSelected) newData = this.model.dataArray.reduce((res, d, i) => {
         d.r = sharedComponents.LegacyUtils.areaToRadius(this.sScale(d.size || 0));
         if (d[TRAIL_KEY]) {
           if (!currentTrailKey) {
@@ -44957,7 +44966,18 @@ void main(void) {
         }
         return res;
 
-      }, []) : this.model.dataArray.filter(d => {
+      }, []); 
+      
+      //handle a situation when user is using opacity feature to hide unselected bubbles completely
+      //the invisible bubbles should be completely transparent to mouse events, better yet not exist at all
+      //it is convenient to do here because we are running O(N) filter for other purposes anyway
+      else if (this.__someSelected && this.ui.opacitySelectDim === 0) newData = this.model.dataArray.filter(d => {
+        if (d[REQUIRED_KEY] || !this.MDL.selected.data.filter.markers.has(d[KEY])) return false;
+        d.r = sharedComponents.LegacyUtils.areaToRadius(this.sScale(d.size || 0));
+        return true;
+      });
+      
+      else newData = this.model.dataArray.filter(d => {
         if (d[REQUIRED_KEY]) return false;
         d.r = sharedComponents.LegacyUtils.areaToRadius(this.sScale(d.size || 0));
         return true;
@@ -46332,7 +46352,7 @@ void main(void) {
     }
   });
 
-  BubbleChart.versionInfo = { version: "5.2.1", build: 1746462563188, package: {"homepage":"https://github.com/vizabi/bubblechart#readme","name":"@vizabi/bubblechart","description":"Vizabi bubble chart"}, sharedComponents: sharedComponents.versionInfo};
+  BubbleChart.versionInfo = { version: "5.2.3", build: 1748252204619, package: {"homepage":"https://github.com/vizabi/bubblechart#readme","name":"@vizabi/bubblechart","description":"Vizabi bubble chart"}, sharedComponents: sharedComponents.versionInfo};
 
   exports.Base = BubbleChart;