@vizabi/bubblechart 4.2.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.2.0 build 1738001668539 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");
     }
 
 
@@ -2686,42 +2676,6 @@
   }
 
   _VizabiBubbleChart.DEFAULT_UI = {
-    show_ticks: true,
-    showForecast: false,
-    showForecastOverlay: true,
-    pauseBeforeForecast: true,
-    opacityHighlight: 1.0,
-    opacitySelect: 1.0,
-    opacityHighlightDim: 0.1,
-    opacitySelectDim: 0.3,
-    opacityRegular: 0.5,
-    timeInBackground: true,
-    timeInTrails: true,
-    lockNonSelected: 0,
-    panWithArrow: false,
-    adaptMinMaxZoom: false,
-    cursorMode: "arrow",
-    zoomOnScrolling: true,
-    decorations: {
-      enabled: true,
-      xAxisGroups: null //left to be set by external page
-    },
-    superhighlightOnMinimapHover: true,
-    whenHovering: {
-      showProjectionLineX: true,
-      showProjectionLineY: true,
-      higlightValueX: true,
-      higlightValueY: true
-    },
-    labels: {
-      enabled: true,
-      dragging: true,
-      removeLabelBox: false
-    },
-    margin: {
-      left: 0,
-      top: 0
-    }
   };
 
   //export default BubbleChart;
@@ -2774,7 +2728,7 @@
       },{
         type: sharedComponents.DataWarning,
         placeholder: ".vzb-datawarning",
-        options: {button: ".vzb-datawarning-button"},
+        options: {appendButtonHere: ".vzb-repeater"},
         model: marker,
         name: "data-warning"
       },{
@@ -2836,7 +2790,62 @@
   }
 
   BubbleChart.DEFAULT_UI = {
+    //ui
+    "buttons": {
+      "buttons": ["colors", "markercontrols", "trails", "moreoptions", "presentation", "sidebarcollapse", "fullscreen"]
+    },
+    "dialogs": {
+      "dialogs": {
+        "popup": ["colors", "markercontrols", "moreoptions"],
+        "sidebar": ["colors", "markercontrols", "size", "zoom"],
+        "moreoptions": ["opacity", "speed", "axes", "size", "colors", "label", "zoom", "technical", "repeat", "presentation", "about"]
+      },
+      "markercontrols": {}
+    },
     chart: {
+      show_ticks: true,
+      showForecast: false,
+      showForecastOverlay: true,
+      pauseBeforeForecast: true,
+      opacityHighlight: 1.0,
+      opacitySelect: 1.0,
+      opacityHighlightDim: 0.1,
+      opacitySelectDim: 0.3,
+      opacityRegular: 0.8,
+      timeInBackground: true,
+      timeInTrails: true,
+      lockNonSelected: 0,
+      panWithArrow: false,
+      adaptMinMaxZoom: false,
+      cursorMode: "arrow",
+      zoomOnScrolling: true,
+      decorations: {
+        enabled: true,
+        xAxisGroups: null //left to be set by external page
+      },
+      superhighlightOnMinimapHover: true,
+      whenHovering: {
+        showProjectionLineX: true,
+        showProjectionLineY: true,
+        higlightValueX: true,
+        higlightValueY: true
+      },
+      labels: {
+        enabled: true,
+        dragging: true,
+        removeLabelBox: false
+      },
+      margin: {
+        left: 0,
+        top: 0
+      }
+    },
+    "data-warning": {
+      margin: {
+        LARGE: { bottom: 90 },
+        MEDIUM: { bottom: 70 },
+        SMALL: { bottom: 50 }
+      }
     }
   };
 
@@ -2845,6 +2854,7 @@
   BubbleChart.DEFAULT_CORE = (markerName) => ({
     requiredEncodings: ["x", "y", "size"],
     encoding: {
+      "show": { modelType: "selection" },
       "selected": {
         modelType: "selection",
         data: { 
@@ -2887,6 +2897,7 @@
           constant: "_default"
         },
         scale: {
+          extent: [0, 0.35],
           modelType: "size",
           allowedTypes: ["linear", "point"]
         }
@@ -2898,7 +2909,7 @@
     }
   });
 
-  BubbleChart.versionInfo = { version: "4.2.0", build: 1738001668539, 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;