@maptiler/geocoding-control 0.0.91-git.9f388b → 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

@@ -72,6 +72,7 @@ let abortController;
 let searchTimeoutRef;
 let focusedDelayed;
 let prevIdToFly;
+const missingIconsCache = new Set();
 const dispatch = createEventDispatcher();
 $: if (!trackProximity) {
     proximity = undefined;
@@ -460,6 +461,7 @@ function unwrapBbox(bbox0) {
           selected={selectedItemIndex === i}
           on:mouseenter={() => (selectedItemIndex = i)}
           on:focus={() => pick(feature)}
+          {missingIconsCache}
         />
       {/each}
     </ul>