RD-1000 Fix exported types from GeoCoding control making API Key optional (#90)

* RD-1000 Replace throw error with console.error to allow for keyless server setups

* RD-1000 reword warning and convert to console.warn

* RD-1000 Fix exported types

* RD-1000 Fix Loading state when searching

---------

Co-authored-by: Les Moffat <[email protected]>

Author: lesbaa

src/GeocodingControl.svelte

@@ -53,7 +53,7 @@
 
   export { className as class };
 
-  export let apiKey: string | undefined;
+  export let apiKey: string | undefined = undefined;
 
   export let bbox: BBox | undefined = undefined;
 
@@ -910,17 +910,19 @@
     />
 
     <div class="clear-button-container" class:displayable={searchValue !== ""}>
-      <button
-        type="button"
-        on:click={() => {
-          searchValue = "";
-          picked = undefined;
-          input.focus();
-        }}
-        title={clearButtonTitle}
-      >
-        <ClearIcon />
-      </button>
+      {#if !abortController}
+        <button
+          type="button"
+          on:click={() => {
+            searchValue = "";
+            picked = undefined;
+            input.focus();
+          }}
+          title={clearButtonTitle}
+        >
+          <ClearIcon />
+        </button>
+      {/if}
 
       {#if abortController}
         <LoadingIcon />

src/LoadingIcon.svelte

@@ -1,5 +1,5 @@
 <div>
-  <svg viewBox="0 0 18 18" width="24" height="24">
+  <svg viewBox="0 0 18 18" width="24" height="24" class="loading-icon">
     <path
       fill="#333"
       d="M4.4 4.4l.8.8c2.1-2.1 5.5-2.1 7.6 0l.8-.8c-2.5-2.5-6.7-2.5-9.2 0z"
@@ -23,7 +23,7 @@
     align-items: center;
   }
 
-  svg {
+  .loading-icon {
     animation: rotate 0.8s infinite cubic-bezier(0.45, 0.05, 0.55, 0.95);
   }
 

src/maplibregl.ts

@@ -10,7 +10,7 @@ type Options = MapLibreBaseControlOptions & {
   /**
    * Maptiler API key. Optional if used with MapTiler SDK.
    */
-  apiKey: string;
+  apiKey?: string;
 };
 
 const { MapLibreBasedGeocodingControl, events } = crateClasses<Options>(

src/types.ts

@@ -101,7 +101,7 @@ export type ControlOptions = {
   /**
    * MapTiler API key.
    */
-  apiKey: string;
+  apiKey?: string;
 
   /**
    * Geocoding API URL.