@maptiler/geocoding-control 2.1.3-rc1 → 2.1.3

package/svelte/FeatureItem.svelte

@@ -28,7 +28,7 @@ $: {
     loadIcon();
 }
 function loadSprites() {
-    spritePromise ??= fetch(`${iconsBaseUrl}/sprite${scaleUrl}.json`)
+    spritePromise ??= fetch(`${iconsBaseUrl}sprite${scaleUrl}.json`)
         .then((response) => response.json())
         .then((data) => {
         sprites = data;

package/svelte/GeocodingControl.svelte

@@ -67,7 +67,6 @@ export let searchValue = "";
 export let pickedResultStyle = "full-geometry";
 export let showPlaceType = "if-needed";
 export let showResultsWhileTyping = true;
-export let autocompleteTimeout = undefined;
 export let selectFirst = true;
 export let flyToSelected = false;
 export let markerOnSelected = true;
@@ -82,7 +81,7 @@ export let zoom = ZOOM_DEFAULTS;
 export let apiUrl = "https://api.maptiler.com/geocoding";
 export let fetchParameters = {};
 export let iconsBaseUrl = "https://cdn.maptiler.com/maptiler-geocoding-control/v" +
-    "2.1.3-rc1" +
+    "2.1.3" +
     "/icons/";
 /**
  * @deprecated use `adjustUrl`
@@ -151,7 +150,6 @@ let error;
 let cachedFeatures = [];
 let abortController;
 let searchTimeoutRef;
-let autocompleteTimeoutRef;
 let focusedDelayed;
 let prevIdToFly;
 let focused = false;
@@ -211,14 +209,6 @@ $: setTimeout(() => {
         searchValue = "";
     }
 });
-function isInAutocompleteTimeout() {
-    return !!autocompleteTimeoutRef;
-}
-$: if (selectFirst && listFeatures?.length) {
-    if (!isInAutocompleteTimeout()) {
-        selectedItemIndex = 0;
-    }
-}
 $: if (selectFirst &&
     listFeatures?.length &&
     selectedItemIndex == -1 &&
@@ -226,10 +216,6 @@ $: if (selectFirst &&
     selectedItemIndex = 0;
 }
 $: selected = listFeatures?.[selectedItemIndex];
-$: if (selected) {
-    window.clearTimeout(autocompleteTimeoutRef);
-    autocompleteTimeoutRef = undefined;
-}
 $: if (mapController) {
     const coords = isQueryReverse(searchValue);
     mapController.setReverseMarker(coords ? [coords.decimalLongitude, coords.decimalLatitude] : undefined);
@@ -289,15 +275,9 @@ onDestroy(() => {
 function handleSubmit(event) {
     focused = false;
     if (searchTimeoutRef) {
-        window.clearTimeout(searchTimeoutRef);
+        clearTimeout(searchTimeoutRef);
         searchTimeoutRef = undefined;
     }
-    if (autocompleteTimeoutRef) {
-        window.clearTimeout(autocompleteTimeoutRef);
-        autocompleteTimeoutRef = undefined;
-        search(searchValue, { appendSpace: true });
-        return;
-    }
     if (selectedItemIndex > -1 && listFeatures) {
         picked = listFeatures[selectedItemIndex];
         searchValue =
@@ -329,7 +309,7 @@ function isQueryReverse(searchValue) {
         return false;
     }
 }
-async function search(searchValue, { byId = false, exact = false, appendSpace = false, } = {}) {
+async function search(searchValue, { byId = false, exact = false, } = {}) {
     error = undefined;
     abortController?.abort();
     const ac = new AbortController();
@@ -340,7 +320,7 @@ async function search(searchValue, { byId = false, exact = false, appendSpace =
             "/" +
             encodeURIComponent(isReverse
                 ? isReverse.decimalLongitude + "," + isReverse.decimalLatitude
-                : searchValue + (appendSpace ? " " : "")) +
+                : searchValue) +
             ".json");
         const sp = urlObj.searchParams;
         if (language !== undefined) {
@@ -590,29 +570,21 @@ function handleInput(_, debounce = true, reverse = false) {
     error = undefined;
     picked = undefined;
     focused = true;
-    if (searchTimeoutRef) {
-        window.clearTimeout(searchTimeoutRef);
-        searchTimeoutRef = undefined;
-    }
-    if (autocompleteTimeoutRef) {
-        window.clearTimeout(autocompleteTimeoutRef);
-        autocompleteTimeoutRef = undefined;
+    if (showResultsWhileTyping || reverse) {
+        if (searchTimeoutRef) {
+            clearTimeout(searchTimeoutRef);
+        }
+        if (searchValue.length < minLength) {
+            return;
+        }
+        const sv = searchValue;
+        searchTimeoutRef = window.setTimeout(() => {
+            search(sv).catch((err) => (error = err));
+        }, debounce ? debounceSearch : 0);
     }
-    if ((!showResultsWhileTyping && !reverse) ||
-        searchValue.length < minLength) {
+    else {
         listFeatures = undefined;
-        return;
-    }
-    const sv = searchValue;
-    searchTimeoutRef = window.setTimeout(() => {
-        searchTimeoutRef = undefined;
-        search(sv).catch((err) => (error = err));
-    }, debounce ? debounceSearch : 0);
-    if (!searchValue.endsWith(" ")) {
-        autocompleteTimeoutRef = window.setTimeout(() => {
-            autocompleteTimeoutRef = undefined;
-            search(sv, { appendSpace: true }).catch((err) => (error = err));
-        }, autocompleteTimeout);
+        error = undefined;
     }
 }
 function pick(feature) {

package/svelte/GeocodingControl.svelte.d.ts

@@ -32,7 +32,6 @@ declare const __propDef: {
         pickedResultStyle?: PickedResultStyle;
         showPlaceType?: ShowPlaceType;
         showResultsWhileTyping?: boolean;
-        autocompleteTimeout?: number | undefined;
         selectFirst?: boolean;
         flyToSelected?: boolean;
         markerOnSelected?: boolean;

package/svelte/info.json

@@ -1 +1 @@
-{"name":"@maptiler/geocoding-control","version":"2.1.3-rc1"}
+{"name":"@maptiler/geocoding-control","version":"2.1.3"}

package/svelte/types.d.ts

@@ -87,7 +87,6 @@ export type ControlOptions = {
      * Default: MapTiler Geocoding API URL.
      */
     apiUrl?: string;
-    autocompleteTimeout?: number;
     /**
      * Bounding box in the format `[minX, minY, maxX, maxY]` to limit search results.
      *

package/types.d.ts

@@ -87,7 +87,6 @@ export type ControlOptions = {
      * Default: MapTiler Geocoding API URL.
      */
     apiUrl?: string;
-    autocompleteTimeout?: number;
     /**
      * Bounding box in the format `[minX, minY, maxX, maxY]` to limit search results.
      *