@vizabi/bubblechart 5.0.1 → 5.0.3

package/build/bubblechart.js

@@ -1,4 +1,4 @@
-// https://github.com/vizabi/bubblechart#readme v5.0.1 build 1742495252456 Copyright 2025 Gapminder Foundation and contributors
+// https://github.com/vizabi/bubblechart#readme v5.0.3 build 1742946433136 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) :
@@ -44447,7 +44447,7 @@ void main(void) {
 
       this.DOM.canvasWrap.style("pointer-events", "all");
       this.FONT_FAMILY = 
-        'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+        'Verdana, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
 
       this.deckBubble = this.getDeck();
       this.props = this.getProps();  
@@ -45086,6 +45086,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 +45098,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)});
@@ -45936,17 +45938,18 @@ void main(void) {
           fontSettings: this.ui.labels.removeLabelBox ? {
             sdf: true,
             // fontSize: 24,
-            fontSize: Math.ceil(this.__defaultFontSize * 1.3),
+            fontSize: Math.ceil(this.__fontSize * 1.3),
             buffer: 8,
-            //radius: 10,
-            //cutoff: 0.24,
-            smoothing: 0.1
+            radius: 11,
+            cutoff: 0.24,
+            //smoothing: 0.1
           } : { sdf: false },
+          //fontWeight: '500',
           getPosition: this.props.getLabelPosition,
           getPixelOffset: this.props.getTooltipPixelOffset,
           getText: this.props.getTooltipText,
           getColor: [0x33, 0x33, 0x33],
-          getSize: this.__defaultFontSize,
+          getSize: this.__fontSize,
           getTextAnchor: 'end',
           getAlignmentBaseline: 'bottom',
           getDragged: this.props.getDragged,
@@ -46024,10 +46027,11 @@ void main(void) {
             // fontSize: 24,
             fontSize: Math.ceil((this.__isConstantFontSize ? this.__fontSize : this._labels.maxLabelTextSize) * 1.3),
             buffer: 8,
-            //radius: 10,
-            //cutoff: 0.24,
-            smoothing: 0.1
+            radius: 11,
+            cutoff: 0.24,
+            //smoothing: 0.1
           } : { sdf: false },
+          //fontWeight: '500',
           getPosition: this.props.getLabelPositionZ,
           getPixelOffset: this.props.getPixelOffset,
           getText: this.props.getLabelText,
@@ -46090,42 +46094,6 @@ void main(void) {
 
 
   _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;
@@ -46242,7 +46210,55 @@ void main(void) {
   }
 
   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
+      }
     }
   };
 
@@ -46251,6 +46267,7 @@ void main(void) {
   BubbleChart.DEFAULT_CORE = (markerName) => ({
     requiredEncodings: ["x", "y", "size"],
     encoding: {
+      "show": { modelType: "selection" },
       "selected": {
         modelType: "selection",
         data: { 
@@ -46293,6 +46310,7 @@ void main(void) {
           constant: "_default"
         },
         scale: {
+          extent: [0, 0.35],
           modelType: "size",
           allowedTypes: ["linear", "point"]
         }
@@ -46304,7 +46322,7 @@ void main(void) {
     }
   });
 
-  BubbleChart.versionInfo = { version: "5.0.1", build: 1742495252456, package: {"homepage":"https://github.com/vizabi/bubblechart#readme","name":"@vizabi/bubblechart","description":"Vizabi bubble chart"}, sharedComponents: sharedComponents.versionInfo};
+  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};
 
   exports.Base = BubbleChart;