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

package/dist/interactive-component-library.umd.cjs

@@ -302,9 +302,9 @@
       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,
@@ -6893,7 +6893,14 @@
     }
     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;