@vizabi/bubblechart 4.1.7 → 4.2.0

package/build/bubblechart.js

@@ -1,4 +1,4 @@
-// https://github.com/vizabi/bubblechart#readme v4.1.7 build 1732020146309 Copyright 2024 Gapminder Foundation and contributors
+// https://github.com/vizabi/bubblechart#readme v4.2.0 build 1738001668539 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) :
@@ -1518,7 +1518,7 @@
     }
 
     draw() {
-      this.localise = this.services.locale.auto(this.MDL.frame.interval);
+      this.localise = this.services.locale.auto({interval: this.MDL.frame.interval});
 
       //this.MDL.trail.config.show = false;
       //this.ui.cursorMode = "plus";
@@ -1597,10 +1597,12 @@
       this._date.setText(this.MDL.frame.value, duration);    
     }
 
-    __getColor(key, valueC) {
-      return valueC != null && !sharedComponents.LegacyUtils.isNaN(valueC) 
-        ? (this.MDL.color.scale.isPattern ? `url(#flag-${key}-${this.id})` : this.cScale(valueC)) 
-        : COLOR_WHITEISH;
+    __getColor(d, valueC) {
+      if (valueC == null || sharedComponents.LegacyUtils.isNaN(valueC)) return COLOR_WHITEISH;
+
+      if (this.MDL.color.scale.isPattern) return `url(#flag-${this.MDL.color.data.createKeyFn()(d)}-${this.id})`;
+      
+      return this.cScale(valueC); 
     }
     __getColorForTrail(valueC, valueS) {
       if(valueC == null || sharedComponents.LegacyUtils.isNaN(valueC) || this.MDL.color.scale.isPattern) return COLOR_BLACKISH; 
@@ -1684,7 +1686,7 @@
               d.r = sharedComponents.LegacyUtils.areaToRadius(_this.sScale(valueS || 0));
               const scaledX = _this.xScale(valueX);
               const scaledY = _this.yScale(valueY);
-              const scaledC = _this.__getColor(d[Symbol.for(isTrail ? "trailHeadKey" : "key")], valueC);
+              const scaledC = _this.__getColor(d, valueC);
         
               if (!duration || !headTrail) {
                 circle
@@ -1758,7 +1760,7 @@
               //view.classed("vzb-hidden", d.hidden);
               const scaledX = _this.xScale(valueX);
               const scaledY = _this.yScale(valueY);
-              const scaledC = _this.__getColor(d[Symbol.for(isTrail ? "trailHeadKey" : "key")], valueC);
+              const scaledC = _this.__getColor(d, valueC);
         
               const group = d3.select(this);
               if (!duration || !headTrail) {
@@ -1892,7 +1894,7 @@
         d.r = sharedComponents.LegacyUtils.areaToRadius(_this.sScale(valueS || 0));
         const scaledX = _this.xScale(valueX);
         const scaledY = _this.yScale(valueY);
-        const scaledC = _this.__getColor(d[Symbol.for(isTrail ? "trailHeadKey" : "key")], valueC);
+        const scaledC = _this.__getColor(d, valueC);
 
         const group = d3.select(this);
 
@@ -2153,7 +2155,7 @@
           limitMaxTickNumber: 6,
           bump: this.profileConstants.maxRadiusPx / 2,
           viewportLength: height,
-          formatter: this.services.locale.auto(y.data?.conceptProps?.format)
+          formatter: this.services.locale.auto({shareOrPercent: y.data?.conceptProps?.format})
         }, rankScaleModifications));
 
       this.xAxis.scale(this.xScale)
@@ -2166,7 +2168,7 @@
           toolMargin: margin,
           bump: this.profileConstants.maxRadiusPx / 2,
           viewportLength: width,
-          formatter: this.services.locale.auto(x.data?.conceptProps?.format)
+          formatter: this.services.locale.auto({shareOrPercent: x.data?.conceptProps?.format})
         });
 
 
@@ -2469,7 +2471,7 @@
         const x = _this.xScale(d[_this._alias("x")]);
         const y = _this.yScale(d[_this._alias("y")]);
         const s = d.r;
-        const c = _this.__getColor(selectedKey, d.color);
+        const c = _this.__getColor(d, d.color);
         let entityOutOfView = false;
 
         if (x + s < 0 || x - s > this.width || y + s < 0 || y - s > this.height) {
@@ -2896,7 +2898,7 @@
     }
   });
 
-  BubbleChart.versionInfo = { version: "4.1.7", build: 1732020146309, package: {"homepage":"https://github.com/vizabi/bubblechart#readme","name":"@vizabi/bubblechart","description":"Vizabi bubble chart"}, sharedComponents: sharedComponents.versionInfo};
+  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};
 
   exports.Base = BubbleChart;