@vizabi/bubblechart 4.3.0 → 4.4.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 v4.3.0 build 1742823486243 Copyright 2025 Gapminder Foundation and contributors
+// https://github.com/vizabi/bubblechart#readme v4.4.0 build 1743007605486 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) :
@@ -1256,7 +1256,7 @@
 
   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,
@@ -1268,7 +1268,7 @@
       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,
@@ -1357,7 +1357,6 @@
 
                   <rect class="vzb-bc-zoom-rect"></rect>
               </g>
-              <g class="vzb-datawarning-button vzb-noexport"></g>
           </svg>
           <svg class="vzb-bubblechart-svg-front">
               <g class="vzb-bc-graph">
@@ -2104,11 +2103,11 @@
 
       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;
@@ -2205,17 +2204,8 @@
       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");
     }
 
 
@@ -2738,7 +2728,7 @@
       },{
         type: sharedComponents.DataWarning,
         placeholder: ".vzb-datawarning",
-        options: {button: ".vzb-datawarning-button"},
+        options: {appendButtonHere: ".vzb-repeater"},
         model: marker,
         name: "data-warning"
       },{
@@ -2849,6 +2839,13 @@
         left: 0,
         top: 0
       }
+    },
+    "data-warning": {
+      margin: {
+        LARGE: { bottom: 90 },
+        MEDIUM: { bottom: 70 },
+        SMALL: { bottom: 50 }
+      }
     }
   };
 
@@ -2912,7 +2909,7 @@
     }
   });
 
-  BubbleChart.versionInfo = { version: "4.3.0", build: 1742823486243, package: {"homepage":"https://github.com/vizabi/bubblechart#readme","name":"@vizabi/bubblechart","description":"Vizabi bubble chart"}, sharedComponents: sharedComponents.versionInfo};
+  BubbleChart.versionInfo = { version: "4.4.0", build: 1743007605486, package: {"homepage":"https://github.com/vizabi/bubblechart#readme","name":"@vizabi/bubblechart","description":"Vizabi bubble chart"}, sharedComponents: sharedComponents.versionInfo};
 
   exports.Base = BubbleChart;