@vizabi/bubblechart 5.0.2 → 5.1.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.2 build 1742891344967 Copyright 2025 Gapminder Foundation and contributors
+// https://github.com/vizabi/bubblechart#readme v5.1.0 build 1743007947150 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) :
@@ -44201,7 +44201,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 +44213,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 +44299,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 +44744,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 +44847,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");
     }
@@ -45086,6 +45074,7 @@ void main(void) {
       mobx.runInAction(() => {
         if (!this.MDL.trail.show) {
           this.__labelData = this.__selectedKeys.map(key => this.model.dataMap.get(key));
+          this.opacityUpdateTrigger++;
           this.deckBubble.setProps({layers: this.getBubbleLayers(undefined, false)});
         }
       });
@@ -45097,6 +45086,7 @@ void main(void) {
       this.ui.opacitySelectDim;
       this.ui.opacityHighlight;
       this.ui.opacityHighlightDim;
+      this.MDL.color.scale.d3Scale;
 
       this.opacityUpdateTrigger++;
       this.deckBubble.setProps({layers: this.getBubbleLayers(this.__data, false, 0)});
@@ -46146,7 +46136,7 @@ void main(void) {
       },{
         type: sharedComponents.DataWarning,
         placeholder: ".vzb-datawarning",
-        options: {button: ".vzb-datawarning-button"},
+        options: {appendButtonHere: ".vzb-repeater"},
         model: marker,
         name: "data-warning"
       },{
@@ -46257,6 +46247,13 @@ void main(void) {
         left: 0,
         top: 0
       }
+    },
+    "data-warning": {
+      margin: {
+        LARGE: { bottom: 90 },
+        MEDIUM: { bottom: 70 },
+        SMALL: { bottom: 50 }
+      }
     }
   };
 
@@ -46320,7 +46317,7 @@ void main(void) {
     }
   });
 
-  BubbleChart.versionInfo = { version: "5.0.2", build: 1742891344967, package: {"homepage":"https://github.com/vizabi/bubblechart#readme","name":"@vizabi/bubblechart","description":"Vizabi bubble chart"}, sharedComponents: sharedComponents.versionInfo};
+  BubbleChart.versionInfo = { version: "5.1.0", build: 1743007947150, package: {"homepage":"https://github.com/vizabi/bubblechart#readme","name":"@vizabi/bubblechart","description":"Vizabi bubble chart"}, sharedComponents: sharedComponents.versionInfo};
 
   exports.Base = BubbleChart;