@maptiler/geocoding-control 0.0.83 → 0.0.84

package/DispatcherType.d.ts

@@ -0,0 +1,14 @@
+import type { Feature, FeatureCollection } from "./types";
+export type DispatcherType = {
+    featuresListed: Feature[];
+    featuresMarked: Feature[];
+    optionsVisibilityChange: boolean;
+    pick: Feature;
+    queryChange: string;
+    response: {
+        url: string;
+        featureCollection: FeatureCollection;
+    };
+    reverseToggle: boolean;
+    select: Feature;
+};

package/GeocodingControl.svelte

@@ -1,9 +1,8 @@
 <script>import { createEventDispatcher } from "svelte";
 import { onDestroy } from "svelte/internal";
-import ReverseGeocodingIcon from "./ReverseGeocodingIcon.svelte";
 import ClearIcon from "./ClearIcon.svelte";
 import LoadingIcon from "./LoadingIcon.svelte";
-import MarkerIcon from "./MarkerIcon.svelte";
+import ReverseGeocodingIcon from "./ReverseGeocodingIcon.svelte";
 import SearchIcon from "./SearchIcon.svelte";
 let className = undefined;
 export { className as class };
@@ -259,7 +258,10 @@ async function search(searchValue, { byId = false, exact = false, } = {}) {
         });
     }
     catch (e) {
-        if (e && typeof e === "object" && e.name === "AbortError") {
+        if (e &&
+            typeof e === "object" &&
+            "name" in e &&
+            e.name === "AbortError") {
             return;
         }
         throw new Error();

package/GeocodingControl.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import type { Feature, FeatureCollection, MapController, Proximity } from "./types";
+import type { Feature, MapController, Proximity } from "./types";
 declare const __propDef: {
     props: {
         class?: string | undefined;
@@ -37,17 +37,14 @@ declare const __propDef: {
         setQuery?: ((value: string, submit?: boolean) => void) | undefined;
     };
     events: {
-        select: CustomEvent<Feature>;
-        pick: CustomEvent<Feature>;
-        optionsVisibilityChange: CustomEvent<boolean>;
-        featuresListed: CustomEvent<Feature[]>;
-        featuresMarked: CustomEvent<Feature[]>;
-        response: CustomEvent<{
-            url: string;
-            featureCollection: FeatureCollection;
-        }>;
-        reverseToggle: CustomEvent<boolean>;
-        queryChange: CustomEvent<string>;
+        select: CustomEvent<any>;
+        pick: CustomEvent<any>;
+        optionsVisibilityChange: CustomEvent<any>;
+        featuresListed: CustomEvent<any>;
+        featuresMarked: CustomEvent<any>;
+        reverseToggle: CustomEvent<any>;
+        queryChange: CustomEvent<any>;
+        response: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/README.md

@@ -8,6 +8,29 @@ Geocoding control is also provided as [React component](#react-component) and a
 
 ## Usage
 
+### Example for MapTiler SDK using module bundler
+
+```
+npm install --save @maptiler/geocoding-control @maptiler/sdk
+```
+
+```js
+import * as maptilersdk from "@maptiler/sdk";
+import { GeocodingControl } from "@maptiler/geocoding-control/maplibregl";
+import "@maptiler/sdk/dist/maptiler-sdk.css";
+import "@maptiler/geocoding-control/style.css";
+
+maptilersdk.config.apiKey = "YOUR_MAPTILER_API_KEY_HERE";
+
+const map = new maptilersdk.Map({
+  container: "map", // id of HTML container element
+});
+
+const gc = new GeocodingControl();
+
+map.addControl(gc);
+```
+
 ### Example for MapLibre GL JS using module bundler
 
 ```bash
@@ -34,7 +57,7 @@ const gc = new GeocodingControl({ apiKey, maplibregl });
 map.addControl(gc);
 ```
 
-### Example for Leaflet  using module bundler
+### Example for Leaflet using module bundler
 
 ```bash
 npm install --save @maptiler/geocoding-control leaflet
@@ -112,6 +135,7 @@ For examples without using bundler see `demo-maplibregl.html` or `demo-leaflet.h
 - `focus(): void` - focus the query input box
 - `blur(): void` - blur the query input box
 - `setReverseMode(value: boolean | "always"): void` - set reverse mode
+- `setOptions(options: Partial<Options>): void` - change one or more options of existing control
 
 ### Events
 
@@ -123,8 +147,8 @@ Events are implemented using [EventTarget](https://developer.mozilla.org/en-US/d
 - `featuresListed` - Fired after features are retrieved from the server. Event value contains list of features or `undefined`.
 - `featuresMarked` - Fired after features are marked on the map. Event value contains list of features or `undefined`.
 - `response` - Fired after HTTP response of the geocoding server. Event value contains object with requested `url` and responded `featureCollection`.
-- `reversetoggle` - Fired if reverse geocoding button is toggled. Event value is `true` if reverse geocoding mode is active, otherwise `false`.
-- `querychange` - Fired if query was changed. Event value is the query string.
+- `reverseToggle` - Fired if reverse geocoding button is toggled. Event value is `true` if reverse geocoding mode is active, otherwise `false`.
+- `queryChange` - Fired if query was changed. Event value is the query string.
 
 Example:
 
@@ -175,7 +199,10 @@ export function App() {
     <div>
       <GeocodingControl apiKey={apiKey} mapController={mapController} />
 
-      <div ref={mapContainerRef} style={{ width: "800px", height: "600px", marginTop: "8px" }} />
+      <div
+        ref={mapContainerRef}
+        style={{ width: "800px", height: "600px", marginTop: "8px" }}
+      />
     </div>
   );
 }
@@ -210,7 +237,7 @@ Component API matches API described above where options and events are exposed a
     });
 
     mapController = createMaplibreglMapController(map, maplibregl);
-  }
+  });
 </script>
 
 <div class="map" bind:this={container} />