@guardian/interactive-component-library 0.1.0-alpha.50 → 0.1.0-alpha.52

package/dist/interactive-component-library.js

@@ -306,9 +306,9 @@ function StackedBar({
     children: [content2, labelType === LabelType.hanging && !hideLabels && hangingLabelConfig.map((config, i) => renderLabel(config, i))]
   });
 }
-const svg$8 = "_svg_1cajk_6";
-const previous = "_previous_1cajk_12";
-const next = "_next_1cajk_16";
+const svg$8 = "_svg_ihy3w_6";
+const previous = "_previous_ihy3w_12";
+const next = "_next_ihy3w_16";
 const defaultStyles$u = {
   svg: svg$8,
   previous,
@@ -6897,7 +6897,14 @@ class VectorSource {
   }
   getFeaturesAtCoordinate(coordinate) {
     const [lon, lat] = coordinate;
-    return knn$1(this._featuresRtree, lon, lat, 1, (d2) => d2.feature.containsCoordinate(coordinate)).map((d2) => d2.feature);
+    const features = knn$1(this._featuresRtree, lon, lat, 10, (d2) => d2.feature.containsCoordinate(coordinate)).map((d2) => {
+      const midX = d2.minX + (d2.minX + d2.maxX) / 2;
+      const midY = d2.minY + (d2.minY + d2.maxY) / 2;
+      d2.distance = Math.hypot(midX - lon, midY - lat);
+      return d2;
+    });
+    features.sort((a, b) => a.distance - b.distance);
+    return features.map((d2) => d2.feature);
   }
   getFeaturesInExtent(extent) {
     const [minX, minY, maxX, maxY] = extent;