@maptiler/geocoding-control 0.0.91-git.896be4 → 0.0.91

package/FeatureItem.svelte

@@ -1,22 +1,28 @@
 <script>export let feature;
 export let selected = false;
 export let showPlaceType;
+export let missingIconsCache;
 const categories = feature.properties?.categories;
-$: index = (categories?.length ?? 0) - 1;
-$: category = categories?.[index];
-$: imageUrl = category
-    ? `/icons/${category.replace(/ /g, "_")}.svg`
-    : undefined;
+let category;
+let imageUrl;
+$: index = categories?.length ?? 0;
+$: {
+    do {
+        index--;
+        category = categories?.[index];
+        imageUrl = category
+            ? `/icons/${category.replace(/ /g, "_")}.svg`
+            : undefined;
+    } while (index > -1 && (!imageUrl || missingIconsCache.has(imageUrl)));
+}
 $: placeType = feature.id.startsWith("poi.")
     ? feature.properties?.categories?.join(", ")
     : feature.properties?.place_type_name?.[0] ?? feature.place_type[0];
 function handleImgError(e) {
-    if (index > -1) {
-        index--;
-    }
-    else {
-        e.style.visibility = "hidden";
+    if (imageUrl) {
+        missingIconsCache.add(imageUrl);
     }
+    index--;
 }
 </script>
 

package/FeatureItem.svelte.d.ts

@@ -5,6 +5,7 @@ declare const __propDef: {
         feature: Feature;
         selected?: boolean | undefined;
         showPlaceType: false | "always" | "ifNeeded";
+        missingIconsCache: Set<string>;
     };
     events: {
         mouseenter: MouseEvent;

package/GeocodingControl.svelte

@@ -71,6 +71,8 @@ let cachedFeatures = [];
 let abortController;
 let searchTimeoutRef;
 let focusedDelayed;
+let prevIdToFly;
+const missingIconsCache = new Set();
 const dispatch = createEventDispatcher();
 $: if (!trackProximity) {
     proximity = undefined;
@@ -81,19 +83,22 @@ $: if (showFullGeometry &&
     picked.geometry.type === "Point") {
     search(picked.id, { byId: true }).catch((err) => (error = err));
 }
-$: if (mapController && picked && flyTo) {
-    if (!picked.bbox ||
-        (picked.bbox[0] === picked.bbox[2] && picked.bbox[1] === picked.bbox[3])) {
-        mapController.flyTo(picked.center, picked.id.startsWith("poi.") || picked.id.startsWith("address.")
-            ? maxZoom
-            : zoom);
-    }
-    else {
-        mapController.fitBounds(unwrapBbox(picked.bbox), 50, maxZoom);
+$: {
+    if (mapController && picked && picked.id !== prevIdToFly && flyTo) {
+        if (!picked.bbox ||
+            (picked.bbox[0] === picked.bbox[2] && picked.bbox[1] === picked.bbox[3])) {
+            mapController.flyTo(picked.center, picked.id.startsWith("poi.") || picked.id.startsWith("address.")
+                ? maxZoom
+                : zoom);
+        }
+        else {
+            mapController.fitBounds(unwrapBbox(picked.bbox), 50, maxZoom);
+        }
+        listFeatures = undefined;
+        markedFeatures = undefined;
+        selectedItemIndex = -1;
     }
-    listFeatures = undefined;
-    markedFeatures = undefined;
-    selectedItemIndex = -1;
+    prevIdToFly = picked?.id;
 }
 $: if (markedFeatures !== listFeatures) {
     markedFeatures = undefined;
@@ -449,13 +454,14 @@ function unwrapBbox(bbox0) {
       on:mouseleave={() => (selectedItemIndex = -1)}
       on:blur={() => undefined}
     >
-      {#each listFeatures as feature, i (feature.id)}
+      {#each listFeatures as feature, i (feature.id + (feature.address ? "," + feature.address : ""))}
         <FeatureItem
           {feature}
           {showPlaceType}
           selected={selectedItemIndex === i}
           on:mouseenter={() => (selectedItemIndex = i)}
           on:focus={() => pick(feature)}
+          {missingIconsCache}
         />
       {/each}
     </ul>