@maptiler/geocoding-control 2.0.0-rc.9 → 2.0.1

package/svelte/GeocodingControl.svelte

@@ -63,7 +63,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;
@@ -74,7 +73,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.0.0-rc.9" +
+    "2.0.1" +
     "/icons/";
 export let adjustUrlQuery = () => { };
 export function focus() {
@@ -87,7 +86,7 @@ export function setQuery(value, submit = true, reverse = false) {
     searchValue = value;
     if (submit) {
         selectedItemIndex = -1;
-        handleSubmit();
+        handleOnSubmit();
     }
     else {
         handleInput(!reverse, reverse);
@@ -117,7 +116,6 @@ let error;
 let cachedFeatures = [];
 let abortController;
 let searchTimeoutRef;
-let autocompleteTimeoutRef;
 let focusedDelayed;
 let prevIdToFly;
 const missingIconsCache = new Set();
@@ -183,13 +181,8 @@ $: setTimeout(() => {
         searchValue = "";
     }
 });
-function isInAutocompleteTimeout() {
-    return !!autocompleteTimeoutRef;
-}
 $: if (selectFirst && listFeatures?.length) {
-    if (!isInAutocompleteTimeout()) {
-        selectedItemIndex = 0;
-    }
+    selectedItemIndex = 0;
 }
 // clear selection on edit
 $: {
@@ -198,10 +191,6 @@ $: {
     selectedItemIndex = -1;
 }
 $: selected = listFeatures?.[selectedItemIndex];
-$: if (selected) {
-    window.clearTimeout(autocompleteTimeoutRef);
-    autocompleteTimeoutRef = undefined;
-}
 $: if (mapController) {
     const coords = isQueryReverse(searchValue);
     mapController.setReverseMarker(coords ? [coords.decimalLongitude, coords.decimalLatitude] : undefined);
@@ -258,17 +247,11 @@ onDestroy(() => {
         mapController.setFeatures(undefined, undefined, false);
     }
 });
-function handleSubmit(event) {
+function handleOnSubmit(event) {
     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 =
@@ -300,7 +283,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();
@@ -343,7 +326,7 @@ async function search(searchValue, { byId = false, exact = false, appendSpace =
             "/" +
             encodeURIComponent(isReverse
                 ? isReverse.decimalLongitude + "," + isReverse.decimalLatitude
-                : searchValue + (appendSpace ? " " : "")) +
+                : searchValue) +
             ".json?" +
             sp.toString();
         if (url === lastSearchUrl) {
@@ -495,29 +478,21 @@ function handleKeyDown(e) {
 }
 function handleInput(debounce = true, reverse = false) {
     error = undefined;
-    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) {
@@ -535,7 +510,7 @@ function pick(feature) {
 <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 <form
   tabindex="0"
-  on:submit|preventDefault={handleSubmit}
+  on:submit|preventDefault={handleOnSubmit}
   class:can-collapse={collapsed && searchValue === ""}
   class={className}
 >

package/svelte/GeocodingControl.svelte.d.ts

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

package/svelte/types.d.ts

@@ -132,7 +132,6 @@ export type ControlOptions = {
      * Default value is `false`.
      */
     showResultsWhileTyping?: boolean;
-    autocompleteTimeout?: number;
     /**
      * Set to `false` to disable fuzzy search.
      *

package/types.d.ts

@@ -132,7 +132,6 @@ export type ControlOptions = {
      * Default value is `false`.
      */
     showResultsWhileTyping?: boolean;
-    autocompleteTimeout?: number;
     /**
      * Set to `false` to disable fuzzy search.
      *