@vizabi/bubblechart 5.0.3 → 5.2.0

package/build/bubblechart.css

@@ -300,14 +300,6 @@
   visibility: hidden;
   pointer-events: none;
 }
-.vzb-tool .vzb-bubblechart.vzb-sm-chart .vzb-datawarning-button {
-  visibility: hidden;
-  pointer-events: none;
-}
-.vzb-tool .vzb-bubblechart.vzb-sm-last-chart .vzb-datawarning-button {
-  visibility: visible;
-  pointer-events: all;
-}
 .vzb-tool .vzb-bubblechart .vzb-bubblechart-svg-front {
   pointer-events: none;
 }

package/build/bubblechart.js

@@ -1,4 +1,4 @@
-// https://github.com/vizabi/bubblechart#readme v5.0.3 build 1742946433136 Copyright 2025 Gapminder Foundation and contributors
+// https://github.com/vizabi/bubblechart#readme v5.2.0 build 1746287297708 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) :
@@ -44082,6 +44082,7 @@ void main(void) {
               getSourcePosition: this.props.transitions?.getPosition,
               getTargetPosition: this.props.transitions?.getPosition,
               getTargetPixelOffset: this.props.transitions?.getPosition,
+              getSourceDashOffset: this.props.transitions?.getPosition
             }
             //pickable: true,
             //_dataDiff: (newData, oldData) => {
@@ -44189,6 +44190,7 @@ void main(void) {
   const KEY = Symbol.for("key");
   const TRAIL_KEY = Symbol.for("trailHeadKey");
   const OPACITY_KEY = Symbol.for("opacity");
+  const REQUIRED_KEY = Symbol.for("bubbleRequired");
 
   const marginScaleH = (marginMin, ratio = 0) => height => marginMin + height * ratio;
   const marginScaleW = (marginMin, ratio = 0) => width => marginMin + width * ratio;
@@ -44201,7 +44203,7 @@ void main(void) {
 
   const PROFILE_CONSTANTS = (width, height) => ({
     SMALL: {
-      margin: { top: 30, bottom: 35, left: 30, right: 10},
+      margin: { top: 30, bottom: 40, left: 30, right: 10},
       leftMarginRatio: 1,
       padding: 2,
       minRadiusPx: 0.5,
@@ -44213,7 +44215,7 @@ void main(void) {
       xAxisTitleBottomMargin: 4
     },
     MEDIUM: {
-      margin: { top: 15, bottom: 40, left: 40, right: 15},
+      margin: { top: 15, bottom: 45, left: 40, right: 15},
       leftMarginRatio: 1.6,
       padding: 2,
       minRadiusPx: 1,
@@ -44299,7 +44301,6 @@ void main(void) {
 
                   <rect class="vzb-bc-zoom-rect"></rect>
               </g>
-              <g class="vzb-datawarning-button vzb-noexport"></g>
           </svg>
       </svg>
       <svg class="vzb-bubblechart-svg vzb-export">
@@ -44745,11 +44746,11 @@ void main(void) {
 
       const _this = this;
 
-      const layoutProfile = this.services.layout.profile;
+      this.services.layout.profile;
 
       const margin = this.profileConstants.margin;
       const infoElHeight = this.profileConstants.infoElHeight;
-      const xAxisTitleBottomMargin = this.profileConstants.xAxisTitleBottomMargin;
+      this.profileConstants.xAxisTitleBottomMargin;
 
       //stage
       const height = this.height = (this.elementHeight - margin.top - margin.bottom) || 0;
@@ -44848,17 +44849,6 @@ void main(void) {
       xAxisGroupsEl
         .style("font-size", infoElHeight * 0.8 + "px");
 
-      this.root.findChild({type: "_DataWarning"}).setOptions({
-        width: this.elementWidth,
-        height: this.elementHeight,
-        vertical: "bottom", 
-        horizontal: "right", 
-        right: margin.right,
-        bottom: xAxisTitleBottomMargin,
-        wLimit: (layoutProfile !== "SMALL" ? 0.5 : 1) *
-          (this.elementWidth - this.DOM.graph.select(".vzb-bc-axis-x-title").node().getBBox().width - infoElHeight * 3)
-      });
-
       canvasWrap.style("max-width", width + "px");
       canvasWrap.style("max-height", Math.max(0, height) + "px");
     }
@@ -44935,34 +44925,42 @@ void main(void) {
             newTrailsData.length += trailsCount;
             dataTrailChunkIndex = res.length;          
             res.length += trailsCount;
-            selectedData.set(d[TRAIL_KEY], Object.assign({}, d));
             trailChunkIndex1 = trailChunkIndex + 1;
           }
-          newTrailsData[trailChunkIndex++] = d;
-          res[dataTrailChunkIndex++] = d;
+          if (!d[REQUIRED_KEY]) {
+            newTrailsData[trailChunkIndex++] = d;
+            res[dataTrailChunkIndex++] = d;
+            if (!selectedData.has(d[TRAIL_KEY])) selectedData.set(d[TRAIL_KEY], Object.assign({}, d));
+          }
         } else {
           if (currentTrailKey) {
             trailsZ[currentTrailKey] = d.size;//d.z
             //newTrailsData[trailChunkIndex] = Object.assign({}, newTrailsData[trailChunkIndex - 1]);
-            newTrailsData.fill(d, trailChunkIndex, newTrailsData.length);
             //_newUpdateRangesLine.push({startRow: trailChunkIndex - 2, endRow: trailChunkIndex});
             //newTrailsData[trailChunkIndex - 1] = d;
-            indexOffset = trailChunkIndex == trailChunkIndex1 ? 1 : 2;
-            lastLineTrailData.push([newTrailsData[trailChunkIndex - indexOffset], newTrailsData[trailChunkIndex - indexOffset]]);
-            newLastLineTrailData.push([newTrailsData[trailChunkIndex - indexOffset], d]);
+            if(!d[REQUIRED_KEY]) {
+              newTrailsData.fill(d, trailChunkIndex, newTrailsData.length);
+              indexOffset = trailChunkIndex == trailChunkIndex1 ? 1 : 2;
+              lastLineTrailData.push([newTrailsData[trailChunkIndex - indexOffset], newTrailsData[trailChunkIndex - indexOffset]]);
+              newLastLineTrailData.push([newTrailsData[trailChunkIndex - indexOffset], d]);
+              res.fill(Object.assign({uz: -15000}, res[dataTrailChunkIndex - 1]), dataTrailChunkIndex, res.length - 1);
+              res[res.length - 1] = d;
+            } else {
+              res.fill(Object.assign({uz: -15000}, res[dataTrailChunkIndex - 1]), dataTrailChunkIndex, res.length - 1);
+              res.length--;
+            }
             trailChunkIndex = newTrailsData.length;
-            res.fill(Object.assign({uz: -15000}, res[dataTrailChunkIndex - 1]), dataTrailChunkIndex, res.length - 1);
-            res[res.length - 1] = d;
             currentTrailKey = null;
           } else {
-            res.push(d);
+            if(!d[REQUIRED_KEY]) res.push(d);
           }
         }
         return res;
 
-      }, []) : this.model.dataArray.map(d => {
+      }, []) : this.model.dataArray.filter(d => {
+        if (d[REQUIRED_KEY]) return false;
         d.r = sharedComponents.LegacyUtils.areaToRadius(this.sScale(d.size || 0));
-        return d;
+        return true;
       });
 
       this.labelZScale = d3.scaleLinear([0, selectedData.size - 1],[-0.09, -0.05]);
@@ -44976,9 +44974,9 @@ void main(void) {
       
       //console.log("__data", this.model.dataArray, this.__data, newData, this.__trailsData, newTrailsData);
       
-      this.__newLabelData = trailsShowAndSomeSelected ? this.__selectedKeys.map(key => selectedData.get(key) || this.model.dataMap.get(key)).filter(d => d && true) 
+      this.__newLabelData = trailsShowAndSomeSelected ? this.__selectedKeys.map(key => selectedData.get(key) || this.model.dataMap.get(key)).filter(d => d && !d[REQUIRED_KEY])
         :
-        this.__selectedKeys.map(key => this.model.dataMap.get(key)).filter(d => d && true);
+        this.__selectedKeys.map(key => this.model.dataMap.get(key)).filter(d => d && !d[REQUIRED_KEY]);
 
       if (this.__selectedKeys.length > this.__newLabelData.length) {
         const labelKeys = this.__newLabelData.map(d => d[TRAIL_KEY] || d[KEY]);
@@ -45062,7 +45060,8 @@ void main(void) {
 
       this.__someHighlighted = highlightedFilter.any();
       this.__highlightedMarkers = new Map(highlightedFilter.markers);
-      this.activeObject = this.__highlightedMarkers.size == 1 ? Object.assign({}, this.model.dataMap.get(this.__highlightedMarkers.keys().next().value)) : null;
+      const activeObject = this.__highlightedMarkers.size == 1 ? Object.assign({}, this.model.dataMap.get(this.__highlightedMarkers.keys().next().value)) : null;
+      this.activeObject = activeObject?.[REQUIRED_KEY] ? null : activeObject;
       this.activeObjectData = this.activeObject ? [this.activeObject] : [];
       this.opacityUpdateTrigger++;
       this.deckBubble.setProps({layers: this.getBubbleLayers(undefined, false)});
@@ -45085,7 +45084,7 @@ void main(void) {
 
       mobx.runInAction(() => {
         if (!this.MDL.trail.show) {
-          this.__labelData = this.__selectedKeys.map(key => this.model.dataMap.get(key));
+          this.__labelData = this.__selectedKeys.map(key => this.model.dataMap.get(key)).filter(d => d && !d[REQUIRED_KEY]);
           this.opacityUpdateTrigger++;
           this.deckBubble.setProps({layers: this.getBubbleLayers(undefined, false)});
         }
@@ -45211,10 +45210,10 @@ void main(void) {
       //const trailShow = this.MDL.trail.show;
       //const trailStarts = this.MDL.trail.starts;
       //const trailGroupDim = this.MDL.trail.groupDim;
+      const d = this.activeObject;
 
-      if (highlightedFilter.markers.size === 1) {
+      if (highlightedFilter.markers.size === 1 && d && !d[REQUIRED_KEY]) {
         highlightedFilter.markers.keys().next().value;
-        const d = this.activeObject;
         //Object.assign(this.model.dataMap.get(highlightedKey));
         const selectedKey = d[TRAIL_KEY] || d[KEY];
 
@@ -46148,7 +46147,7 @@ void main(void) {
       },{
         type: sharedComponents.DataWarning,
         placeholder: ".vzb-datawarning",
-        options: {button: ".vzb-datawarning-button"},
+        options: {appendButtonHere: ".vzb-repeater"},
         model: marker,
         name: "data-warning"
       },{
@@ -46259,6 +46258,13 @@ void main(void) {
         left: 0,
         top: 0
       }
+    },
+    "data-warning": {
+      margin: {
+        LARGE: { bottom: 90 },
+        MEDIUM: { bottom: 70 },
+        SMALL: { bottom: 50 }
+      }
     }
   };
 
@@ -46322,7 +46328,7 @@ void main(void) {
     }
   });
 
-  BubbleChart.versionInfo = { version: "5.0.3", build: 1742946433136, package: {"homepage":"https://github.com/vizabi/bubblechart#readme","name":"@vizabi/bubblechart","description":"Vizabi bubble chart"}, sharedComponents: sharedComponents.versionInfo};
+  BubbleChart.versionInfo = { version: "5.2.0", build: 1746287297708, package: {"homepage":"https://github.com/vizabi/bubblechart#readme","name":"@vizabi/bubblechart","description":"Vizabi bubble chart"}, sharedComponents: sharedComponents.versionInfo};
 
   exports.Base = BubbleChart;