@maptiler/geocoding-control 3.0.0-rc.7 → 3.0.0-rc.8

package/dist/maptilersdk.js

@@ -1,4 +1,4 @@
-import { css as I, LitElement as F, svg as z, html as m, unsafeCSS as ne, nothing as H } from "lit";
+import { css as I, LitElement as F, svg as z, html as m, unsafeCSS as ce, nothing as J } from "lit";
 import { customElement as O, property as p, state as b, query as De } from "lit/decorators.js";
 import { convert as Ve } from "geo-coordinates-parser";
 import { classMap as A } from "lit/directives/class-map.js";
@@ -8,7 +8,7 @@ import { styleMap as Ne } from "lit/directives/style-map.js";
 import { config as Ze } from "@maptiler/sdk";
 import { featureCollection as D, polygon as Ke, feature as Qe } from "@turf/helpers";
 import _e from "@turf/union";
-import ce from "maplibre-gl";
+import H from "maplibre-gl";
 import be from "@turf/bbox";
 import Ye from "@turf/difference";
 import He from "@turf/flatten";
@@ -17,7 +17,7 @@ var Je = Object.getOwnPropertyDescriptor, Xe = (t, e, i, a) => {
     (r = t[o]) && (s = r(s) || s);
   return s;
 };
-let J = class extends F {
+let X = class extends F {
   render() {
     return z`
       <svg viewBox="0 0 14 14" width="13" height="13">
@@ -28,21 +28,21 @@ let J = class extends F {
     `;
   }
 };
-J.styles = I`
+X.styles = I`
     svg {
       display: block;
       fill: var(--color-icon-button);
     }
   `;
-J = Xe([
+X = Xe([
   O("maptiler-geocode-clear-icon")
-], J);
+], X);
 var et = Object.getOwnPropertyDescriptor, tt = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? et(e, i) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (s = r(s) || s);
   return s;
 };
-let X = class extends F {
+let ee = class extends F {
   render() {
     return z`
       <svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -53,21 +53,21 @@ let X = class extends F {
     `;
   }
 };
-X.styles = I`
+ee.styles = I`
     svg {
       display: block;
       fill: #e15042;
     }
   `;
-X = tt([
+ee = tt([
   O("maptiler-geocode-fail-icon")
-], X);
+], ee);
 var it = Object.getOwnPropertyDescriptor, st = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? it(e, i) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (s = r(s) || s);
   return s;
 };
-let ee = class extends F {
+let te = class extends F {
   render() {
     return m`
       <div>
@@ -79,7 +79,7 @@ let ee = class extends F {
     `;
   }
 };
-ee.styles = I`
+te.styles = I`
     div {
       position: absolute;
       left: 50%;
@@ -106,15 +106,15 @@ ee.styles = I`
       }
     }
   `;
-ee = st([
+te = st([
   O("maptiler-geocode-loading-icon")
-], ee);
+], te);
 var rt = Object.getOwnPropertyDescriptor, ot = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? rt(e, i) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (s = r(s) || s);
   return s;
 };
-let te = class extends F {
+let ie = class extends F {
   render() {
     return z`
       <svg viewBox="0 0 60.006 21.412" width="14" height="20">
@@ -125,21 +125,21 @@ let te = class extends F {
     `;
   }
 };
-te.styles = I`
+ie.styles = I`
     svg {
       display: block;
       fill: var(--color-icon-button);
     }
   `;
-te = ot([
+ie = ot([
   O("maptiler-geocode-reverse-geocoding-icon")
-], te);
+], ie);
 var at = Object.getOwnPropertyDescriptor, lt = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? at(e, i) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (s = r(s) || s);
   return s;
 };
-let ie = class extends F {
+let se = class extends F {
   render() {
     return z`
       <svg
@@ -154,7 +154,7 @@ let ie = class extends F {
     `;
   }
 };
-ie.styles = I`
+se.styles = I`
     circle {
       stroke-width: 1.875;
       fill: none;
@@ -170,9 +170,9 @@ ie.styles = I`
       stroke: var(--color-icon-button);
     }
   `;
-ie = lt([
+se = lt([
   O("maptiler-geocode-search-icon")
-], ie);
+], se);
 function nt(t, e, i) {
   const a = e[1], s = e[0], o = a - s;
   return t === a && i ? t : ((t - s) % o + o) % o + s;
@@ -230,9 +230,9 @@ var pt = Object.defineProperty, dt = Object.getOwnPropertyDescriptor, $e = (t) =
   for (var s = a > 1 ? void 0 : a ? dt(e, i) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (s = (a ? r(e, i, s) : r(s)) || s);
   return a && s && pt(e, i, s), s;
-}, Ie = (t, e, i) => e.has(t) || $e("Cannot " + i), f = (t, e, i) => (Ie(t, e, "read from private field"), i ? i.call(t) : e.get(t)), ut = (t, e, i) => e.has(t) ? $e("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), C = (t, e, i) => (Ie(t, e, "access private method"), i), d, q, G, g, Fe, Oe, he, se;
+}, Ie = (t, e, i) => e.has(t) || $e("Cannot " + i), f = (t, e, i) => (Ie(t, e, "read from private field"), i ? i.call(t) : e.get(t)), ut = (t, e, i) => e.has(t) ? $e("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), C = (t, e, i) => (Ie(t, e, "access private method"), i), d, q, G, g, Fe, Oe, he, re;
 const Me = typeof devicePixelRatio > "u" || devicePixelRatio > 1.25, Te = Me ? "@2x" : "", S = Me ? 2 : 1;
-let T, Se, w = class extends F {
+let T, Se, k = class extends F {
   constructor() {
     super(...arguments), ut(this, d), this.itemStyle = "default", this.showPlaceType = "if-needed", this.missingIconsCache = /* @__PURE__ */ new Set(), this.iconsBaseUrl = "", this.index = 0;
   }
@@ -267,7 +267,7 @@ let T, Se, w = class extends F {
           <span>
             <span class="primary"> ${f(this, d, G) ? this.feature?.place_name : this.feature?.place_name.replace(/,.*/, "")} </span>
 
-            ${this.showPlaceType === "always" || this.showPlaceType !== "never" && !this.feature?.address && !this.feature?.id.startsWith("road.") && !this.feature?.id.startsWith("address.") && !this.feature?.id.startsWith("postal_code.") && (!this.feature?.id.startsWith("poi.") || !this.imageUrl) && !f(this, d, G) ? m` <span class="secondary"> ${f(this, d, g)} </span> ` : H}
+            ${this.showPlaceType === "always" || this.showPlaceType !== "never" && !this.feature?.address && !this.feature?.id.startsWith("road.") && !this.feature?.id.startsWith("address.") && !this.feature?.id.startsWith("postal_code.") && (!this.feature?.id.startsWith("poi.") || !this.imageUrl) && !f(this, d, G) ? m` <span class="secondary"> ${f(this, d, g)} </span> ` : J}
           </span>
 
           <span class="line2"> ${f(this, d, G) ? this.feature?.text : this.feature?.place_name.replace(/[^,]*,?s*/, "")} </span>
@@ -297,50 +297,50 @@ Oe = function() {
   this.imageUrl && this.missingIconsCache.add(this.imageUrl), C(this, d, he).call(this);
 };
 he = function() {
-  T !== void 0 ? C(this, d, se).call(this) : (C(this, d, Fe).call(this), Se?.then(() => {
-    C(this, d, se).call(this);
+  T !== void 0 ? C(this, d, re).call(this) : (C(this, d, Fe).call(this), Se?.then(() => {
+    C(this, d, re).call(this);
   }));
 };
-se = function() {
+re = function() {
   do {
     if (this.index--, this.category = f(this, d, q)?.[this.index], this.spriteIcon = this.category ? T?.icons[this.category] : void 0, this.spriteIcon)
       break;
     this.imageUrl = this.category ? this.iconsBaseUrl + this.category.replace(/ /g, "_") + ".svg" : void 0;
   } while (this.index > -1 && (!this.imageUrl || this.missingIconsCache.has(this.imageUrl)));
 };
-w.styles = I`
-    ${ne(ht)}
+k.styles = I`
+    ${ce(ht)}
   `;
 _([
   p({ type: Object })
-], w.prototype, "feature", 2);
+], k.prototype, "feature", 2);
 _([
   p({ type: String })
-], w.prototype, "itemStyle", 2);
+], k.prototype, "itemStyle", 2);
 _([
   p({ type: String })
-], w.prototype, "showPlaceType", 2);
+], k.prototype, "showPlaceType", 2);
 _([
   p({ attribute: !1 })
-], w.prototype, "missingIconsCache", 2);
+], k.prototype, "missingIconsCache", 2);
 _([
   p({ type: String })
-], w.prototype, "iconsBaseUrl", 2);
+], k.prototype, "iconsBaseUrl", 2);
 _([
   b()
-], w.prototype, "category", 2);
+], k.prototype, "category", 2);
 _([
   b()
-], w.prototype, "imageUrl", 2);
+], k.prototype, "imageUrl", 2);
 _([
   b()
-], w.prototype, "spriteIcon", 2);
+], k.prototype, "spriteIcon", 2);
 _([
   b()
-], w.prototype, "index", 2);
-w = _([
+], k.prototype, "index", 2);
+k = _([
   O("maptiler-geocoder-feature-item")
-], w);
+], k);
 const ft = "form{font-family:Open Sans,Ubuntu,Helvetica Neue,Arial,Helvetica,sans-serif;position:relative;background-color:#fff;z-index:10;border-radius:4px;margin:0;transition:max-width .25s;box-shadow:0 2px 5px #33335926;--color-text: #444952;--color-icon-button: #444952;pointer-events:all}form,form *,form *:after,form *:before{box-sizing:border-box}form.can-collapse{max-width:29px}form.can-collapse input::placeholder{transition:opacity .25s;opacity:0}form{width:270px;max-width:270px}form:focus-within,form:hover{width:270px;max-width:270px}form input::placeholder,form:focus-within input::placeholder,form:hover input::placeholder{opacity:1}input{font:inherit;font-size:14px;flex-grow:1;min-height:29px;background-color:transparent;color:#444952;white-space:nowrap;overflow:hidden;border:0;margin:0;padding:0}input:focus{color:#444952;outline:0;outline:none;box-shadow:none}ul,div.error,div.no-results{background-color:#fff;border-radius:4px;left:0;list-style:none;margin:0;padding:0;position:absolute;width:100%;top:calc(100% + 6px);overflow:hidden}ul{font-size:14px;line-height:16px;box-shadow:0 5px 10px #33335926}div.error,div.no-results{font:inherit;line-height:18px;font-size:12px;display:flex;gap:16px}div.error{padding:16px;font-weight:600;color:#e25041;background-color:#fbeae8}div.error div{flex-grow:1}div.error maptiler-geocode-fail-icon{flex-shrink:0;width:20px;height:20px}div.error button{flex-shrink:0}div.error button maptiler-geocode-clear-icon{--color-icon-button: #e25041}div.error button:hover maptiler-geocode-clear-icon,div.error button:active maptiler-geocode-clear-icon{--color-icon-button: inherit}div.no-results{padding:14px 24px 14px 16px;font-weight:400;color:#6b7c93;box-shadow:0 5px 10px #33335926}div.no-results maptiler-geocode-fail-icon{margin-top:4px;flex-shrink:0;width:20px;height:20px}ul.options.open-on-top{top:auto;bottom:calc(100% + 6px)}button{padding:0;margin:0;border:0;background-color:transparent;height:auto;width:auto}button:hover{background-color:transparent}button:hover,button:active{--color-icon-button: #2b8bfb}.input-group{display:flex;align-items:stretch;gap:7px;padding-inline:8px;border-radius:4px;overflow:hidden}.input-group:focus-within{outline:#2b8bfb solid 2px}.search-button{flex-shrink:0}.clear-button-container{display:flex;display:none;position:relative;align-items:stretch}.clear-button-container.displayable{display:flex;flex-shrink:0}:host(.maptiler-geocoder):not(:empty){box-shadow:none}:host(.maptiler-geocoder) .input-group{border:white solid 2px}:host(.maptiler-geocoder) .input-group:focus-within{border:#2b8bfb solid 2px;outline:0;outline:none}:host(.maptiler-geocoder) form.can-collapse{max-width:33px}:host(.maptiler-geocoder) form,:host(.maptiler-geocoder) form:focus-within,:host(.maptiler-geocoder) form:hover{width:270px;max-width:270px}:host(.leaflet-geocoder) .input-group{border:white solid 1px}:host(.leaflet-geocoder) form.can-collapse{max-width:30px}";
 var mt = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, Ce = (t) => {
   throw TypeError(t);
@@ -348,13 +348,13 @@ var mt = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, Ce = (t) =
   for (var s = a > 1 ? void 0 : a ? gt(e, i) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (s = (a ? r(e, i, s) : r(s)) || s);
   return a && s && mt(e, i, s), s;
-}, pe = (t, e, i) => e.has(t) || Ce("Cannot " + i), k = (t, e, i) => (pe(t, e, "read from private field"), i ? i.call(t) : e.get(t)), U = (t, e, i) => e.has(t) ? Ce("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), re = (t, e, i, a) => (pe(t, e, "write to private field"), e.set(t, i), i), h = (t, e, i) => (pe(t, e, "access private method"), i), N, B, oe, R, l, Z, Ee, de, x, ue, K, fe, me, $, ge, Q, Pe, ae, Ue, Ge, Be, Re, ze, je, Ae;
+}, pe = (t, e, i) => e.has(t) || Ce("Cannot " + i), w = (t, e, i) => (pe(t, e, "read from private field"), i ? i.call(t) : e.get(t)), U = (t, e, i) => e.has(t) ? Ce("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), oe = (t, e, i, a) => (pe(t, e, "write to private field"), e.set(t, i), i), h = (t, e, i) => (pe(t, e, "access private method"), i), N, B, ae, R, l, Z, Ee, de, x, ue, K, fe, me, $, ge, Q, Pe, le, Ue, Ge, Be, Re, ze, je, Ae;
 let n = class extends F {
   constructor() {
-    super(...arguments), U(this, l), this.clearListOnPick = !1, this.clearOnBlur = !1, this.collapsed = !1, this.excludeTypes = !1, this.exhaustiveReverseGeocoding = !1, this.fetchFullGeometryOnPick = !1, this.keepListOpen = !1, this.openListOnTop = !1, this.reverseActive = !1, this.searchValue = "", this.selectedItemIndex = -1, this.cachedFeatures = [], this.lastSearchUrl = "", this.focused = !1, this.isFeatureListVisible = !1, this.isFeatureListInteractedWith = !1, U(this, N, !1), U(this, B), U(this, oe, /* @__PURE__ */ new Set()), U(this, R);
+    super(...arguments), U(this, l), this.clearListOnPick = !1, this.clearOnBlur = !1, this.collapsed = !1, this.excludeTypes = !1, this.exhaustiveReverseGeocoding = !1, this.fetchFullGeometryOnPick = !1, this.keepListOpen = !1, this.openListOnTop = !1, this.reverseActive = !1, this.searchValue = "", this.selectedItemIndex = -1, this.cachedFeatures = [], this.lastSearchUrl = "", this.focused = !1, this.isFeatureListVisible = !1, this.isFeatureListInteractedWith = !1, U(this, N, !1), U(this, B), U(this, ae, /* @__PURE__ */ new Set()), U(this, R);
   }
   firstUpdated() {
-    re(this, N, !0);
+    oe(this, N, !0);
   }
   /**
    * Set the options of this instance.
@@ -381,7 +381,7 @@ let n = class extends F {
    * @param value text to set and submit
    */
   submitQuery(t) {
-    h(this, l, ge).call(this, t);
+    h(this, l, ge).call(this, t, { external: !0 });
   }
   /**
    * Clear search result list.
@@ -411,14 +411,14 @@ let n = class extends F {
   }
   /** @internal */
   handleMapChange(t) {
-    re(this, R, t);
+    oe(this, R, t);
   }
   /** @internal */
   handleMapClick(t) {
     this.reverseActive && h(this, l, Pe).call(this, t);
   }
   willUpdate(t) {
-    t.has("error") && this.error && console.error("[MapTilerGeocodingControl] Error:", this.error), t.has("enableReverse") && (this.reverseActive = this.enableReverse === "always"), ["picked"].some((e) => t.has(e)) && this.picked && (this.clearListOnPick && h(this, l, $).call(this), this.selectedItemIndex = -1), ["searchValue", "minLength"].some((e) => t.has(e)) && k(this, l, de) && (h(this, l, $).call(this), this.error = void 0), ["focused", "listIsInteractedWith"].some((e) => t.has(e)) && this.clearOnBlur && !this.focused && !this.isFeatureListInteractedWith && (this.searchValue = ""), ["selectFirst", "listFeatures", "selectedItemIndex", "picked"].some((e) => t.has(e)) && this.selectFirst !== !1 && this.listFeatures?.length && this.selectedItemIndex == -1 && !this.picked && (this.selectedItemIndex = 0), ["listFeatures", "selectedItemIndex"].some((e) => t.has(e)) && h(this, l, x).call(this, "select", { feature: k(this, l, Z) }), ["picked"].some((e) => t.has(e)) && this.picked && this.picked.id !== t.get("picked")?.id && (this.fetchFullGeometryOnPick && !this.picked.address && this.picked.geometry.type === "Point" && this.picked.place_type[0] !== "reverse" ? h(this, l, Q).call(this, this.picked.id, { byId: !0 }) : Promise.resolve()).then(
+    t.has("error") && this.error && console.error("[MapTilerGeocodingControl] Error:", this.error), t.has("enableReverse") && (this.reverseActive = this.enableReverse === "always"), ["picked"].some((e) => t.has(e)) && this.picked && (this.clearListOnPick && h(this, l, $).call(this), this.selectedItemIndex = -1), ["searchValue", "minLength"].some((e) => t.has(e)) && w(this, l, de) && (h(this, l, $).call(this), this.error = void 0), ["focused", "listIsInteractedWith"].some((e) => t.has(e)) && this.clearOnBlur && !this.focused && !this.isFeatureListInteractedWith && (this.searchValue = ""), ["selectFirst", "listFeatures", "selectedItemIndex", "picked"].some((e) => t.has(e)) && this.selectFirst !== !1 && this.listFeatures?.length && this.selectedItemIndex == -1 && !this.picked && (this.selectedItemIndex = 0), ["listFeatures", "selectedItemIndex"].some((e) => t.has(e)) && h(this, l, x).call(this, "select", { feature: w(this, l, Z) }), ["picked"].some((e) => t.has(e)) && this.picked && this.picked.id !== t.get("picked")?.id && (this.fetchFullGeometryOnPick && !this.picked.address && this.picked.geometry.type === "Point" && this.picked.place_type[0] !== "reverse" ? h(this, l, Q).call(this, this.picked.id, { byId: !0 }) : Promise.resolve()).then(
       () => {
         h(this, l, x).call(this, "pick", { feature: this.picked });
       },
@@ -446,7 +446,7 @@ let n = class extends F {
             @focus=${() => this.focused = !0}
             @blur=${() => this.focused = !1}
             @click=${() => this.focused = !0}
-            @keydown=${h(this, l, ae)}
+            @keydown=${h(this, l, le)}
             @input=${h(this, l, Ue)}
             @change=${() => this.picked = void 0}
             placeholder=${this.placeholder ?? "Search"}
@@ -454,7 +454,7 @@ let n = class extends F {
           />
 
           <div class="clear-button-container ${A({ displayable: this.searchValue !== "" })}">
-            ${k(this, l, Ee) ? m`<maptiler-geocode-loading-icon></maptiler-geocode-loading-icon>` : m`
+            ${w(this, l, Ee) ? m`<maptiler-geocode-loading-icon></maptiler-geocode-loading-icon>` : m`
                   <button type="button" @click=${h(this, l, Ae)} title=${this.clearButtonTitle ?? "clear"}>
                     <maptiler-geocode-clear-icon></maptiler-geocode-clear-icon>
                   </button>
@@ -470,7 +470,7 @@ let n = class extends F {
                 >
                   <maptiler-geocode-reverse-geocoding-icon></maptiler-geocode-reverse-geocoding-icon>
                 </button>
-              ` : H}
+              ` : J}
 
           <!-- <slot /> -->
         </div>
@@ -485,7 +485,7 @@ let n = class extends F {
                   <maptiler-geocode-clear-icon></maptiler-geocode-clear-icon>
                 </button>
               </div>
-            ` : !this.focused && !this.isFeatureListInteractedWith && !this.keepListOpen || this.listFeatures === void 0 ? H : this.listFeatures.length === 0 ? m`
+            ` : !this.focused && !this.isFeatureListInteractedWith && !this.keepListOpen || this.listFeatures === void 0 ? J : this.listFeatures.length === 0 ? m`
                   <div class="no-results">
                     <maptiler-geocode-fail-icon></maptiler-geocode-fail-icon>
 
@@ -499,7 +499,7 @@ let n = class extends F {
                     @pointerleave=${h(this, l, Re)}
                     @pointerdown=${h(this, l, ze)}
                     @pointerup=${h(this, l, je)}
-                    @keydown=${h(this, l, ae)}
+                    @keydown=${h(this, l, le)}
                     role="listbox"
                   >
                     ${qe(
@@ -516,8 +516,8 @@ let n = class extends F {
                           @select=${() => {
         h(this, l, Ge).call(this, t);
       }}
-                          .missingIconsCache=${k(this, oe)}
-                          .iconsBaseUrl=${this.iconsBaseUrl ?? "https://cdn.maptiler.com/maptiler-geocoding-control/v3.0.0-rc.7/icons/"}
+                          .missingIconsCache=${w(this, ae)}
+                          .iconsBaseUrl=${this.iconsBaseUrl ?? "https://cdn.maptiler.com/maptiler-geocoding-control/v3.0.0-rc.8/icons/"}
                         />
                       `
     )}
@@ -529,7 +529,7 @@ let n = class extends F {
 };
 N = /* @__PURE__ */ new WeakMap();
 B = /* @__PURE__ */ new WeakMap();
-oe = /* @__PURE__ */ new WeakMap();
+ae = /* @__PURE__ */ new WeakMap();
 R = /* @__PURE__ */ new WeakMap();
 l = /* @__PURE__ */ new WeakSet();
 Z = function() {
@@ -542,7 +542,7 @@ de = function() {
   return this.searchValue.length < (this.minLength ?? 2);
 };
 x = function(t, ...[e]) {
-  k(this, N) && this.dispatchEvent(
+  w(this, N) && this.dispatchEvent(
     new CustomEvent(t, {
       bubbles: !0,
       composed: !0,
@@ -550,10 +550,10 @@ x = function(t, ...[e]) {
     })
   );
 };
-ue = function(t) {
-  t?.preventDefault(), this.focused = !1, clearTimeout(k(this, B)), this.selectedItemIndex > -1 && this.listFeatures ? (this.picked = this.listFeatures[this.selectedItemIndex], this.searchValue = this.picked.place_type[0] === "reverse" ? this.picked.place_name : this.picked.place_name.replace(/,.*/, ""), this.error = void 0, this.selectedItemIndex = -1) : this.searchValue && h(this, l, Q).call(this, this.searchValue, { exact: !0, external: t === void 0 }).then(() => {
+ue = function(t, { external: e = !1 } = {}) {
+  t?.preventDefault(), this.focused = !1, clearTimeout(w(this, B)), this.selectedItemIndex > -1 && this.listFeatures ? (this.picked = this.listFeatures[this.selectedItemIndex], this.searchValue = this.picked.place_type[0] === "reverse" ? this.picked.place_name : this.picked.place_name.replace(/,.*/, ""), this.error = void 0, this.selectedItemIndex = -1) : this.searchValue && h(this, l, Q).call(this, this.searchValue, { exact: !0, external: e }).then(() => {
     this.picked = void 0;
-  }).catch((e) => this.error = e);
+  }).catch((i) => this.error = i);
 };
 K = function(t) {
   try {
@@ -569,10 +569,10 @@ fe = function() {
 };
 me = function(t, { external: e = !1 } = {}) {
   if (this.searchValue = t, h(this, l, x).call(this, "querychange", { query: this.searchValue, reverseCoords: h(this, l, K).call(this, t) }), this.error = void 0, this.picked = void 0, this.showResultsWhileTyping !== !1) {
-    if (clearTimeout(k(this, B)), k(this, l, de))
+    if (clearTimeout(w(this, B)), w(this, l, de))
       return;
     const i = this.searchValue;
-    re(this, B, window.setTimeout(() => {
+    oe(this, B, window.setTimeout(() => {
       h(this, l, Q).call(this, i, { external: e }).catch((a) => this.error = a);
     }, this.debounceSearch ?? 200));
   } else
@@ -581,8 +581,8 @@ me = function(t, { external: e = !1 } = {}) {
 $ = function() {
   this.listFeatures !== void 0 && (this.listFeatures = void 0, h(this, l, x).call(this, "featuresclear"));
 };
-ge = function(t) {
-  this.searchValue = t, h(this, l, x).call(this, "querychange", { query: this.searchValue, reverseCoords: h(this, l, K).call(this, t) }), this.selectedItemIndex = -1, h(this, l, ue).call(this);
+ge = function(t, { external: e = !1 } = {}) {
+  this.searchValue = t, h(this, l, x).call(this, "querychange", { query: this.searchValue, reverseCoords: h(this, l, K).call(this, t) }), this.selectedItemIndex = -1, h(this, l, ue).call(this, void 0, { external: e });
 };
 Q = async function(t, { byId: e = !1, exact: i = !1, external: a = !1 } = {}) {
   this.error = void 0, this.abortController?.abort();
@@ -591,21 +591,21 @@ Q = async function(t, { byId: e = !1, exact: i = !1, external: a = !1 } = {}) {
   try {
     const o = this.apiUrl ?? "https://api.maptiler.com/geocoding", r = h(this, l, K).call(this, t), u = new URL(o + "/" + encodeURIComponent(r ? `${r.decimalLongitude},${r.decimalLatitude}` : t) + ".json"), y = u.searchParams;
     this.language !== void 0 && y.set("language", Array.isArray(this.language) ? this.language.join(",") : this.language ?? "");
-    const [M] = k(this, R) ?? [void 0];
+    const [M] = w(this, R) ?? [void 0];
     let L = (!r || this.reverseGeocodingTypes === void 0 ? this.types : this.reverseGeocodingTypes)?.map(
       (v) => typeof v == "string" ? v : M === void 0 || (v[0] ?? 0) <= M && M < (v[1] ?? 1 / 0) ? v[2] : void 0
     ).filter((v) => v !== void 0);
     L && (L = [...new Set(L)], y.set("types", L.join(",")));
     const ye = !r || this.reverseGeocodingExcludeTypes === void 0 ? this.excludeTypes : this.reverseGeocodingExcludeTypes;
     if (ye && y.set("excludeTypes", String(ye)), this.bbox && y.set("bbox", this.bbox.map((v) => v.toFixed(6)).join(",")), this.country && y.set("country", Array.isArray(this.country) ? this.country.join(",") : this.country), this.worldview && y.set("worldview", this.worldview), !e && !r) {
-      const v = this.proximity ?? [{ type: "server-geolocation" }], xe = await ct(k(this, R), v, s);
+      const v = this.proximity ?? [{ type: "server-geolocation" }], xe = await ct(w(this, R), v, s);
       xe && y.set("proximity", xe), (i || this.showResultsWhileTyping === !1) && y.set("autocomplete", "false"), y.set("fuzzyMatch", String(this.fuzzyMatch !== !1));
     }
     const ve = this.limit ?? 5, Y = this.reverseGeocodingLimit ?? ve;
     Y > 1 && L?.length !== 1 && console.warn("[MapTilerGeocodingControl] Warning: For reverse geocoding when limit > 1 then types must contain single value."), r ? (Y === 1 || this.exhaustiveReverseGeocoding || L?.length === 1) && y.set("limit", String(Y)) : y.set("limit", String(ve)), this.apiKey && y.set("key", this.apiKey), this.adjustUrl?.(u);
     const We = u.searchParams.get("types") === "" && u.searchParams.get("excludeTypes") !== "true", j = u.toString();
     if (j === this.lastSearchUrl) {
-      e ? (this.clearListOnPick && h(this, l, $).call(this), this.picked = this.cachedFeatures[0]) : (this.listFeatures = this.cachedFeatures, h(this, l, x).call(this, "featureslisted", { features: this.listFeatures, external: a }), this.listFeatures[this.selectedItemIndex]?.id !== k(this, l, Z)?.id && (this.selectedItemIndex = -1));
+      e ? (this.clearListOnPick && h(this, l, $).call(this), this.picked = this.cachedFeatures[0]) : (this.listFeatures = this.cachedFeatures, h(this, l, x).call(this, "featureslisted", { features: this.listFeatures, external: a }), this.listFeatures[this.selectedItemIndex]?.id !== w(this, l, Z)?.id && (this.selectedItemIndex = -1));
       return;
     }
     h(this, l, x).call(this, "request", { urlObj: u }), this.lastSearchUrl = j;
@@ -626,8 +626,8 @@ Q = async function(t, { byId: e = !1, exact: i = !1, external: a = !1 } = {}) {
       properties: {},
       /* eslint-disable @typescript-eslint/restrict-template-expressions */
       id: `reverse_${r.decimalLongitude}_${r.decimalLatitude}`,
-      text: `${r.decimalLatitude}, ${r.decimalLongitude}`,
-      place_name: r.toCoordinateFormat("DMS"),
+      place_name: `${r.decimalLatitude}, ${r.decimalLongitude}`,
+      text: r.toCoordinateFormat("DMS"),
       /* eslint-enable @typescript-eslint/restrict-template-expressions */
       place_type: ["reverse"],
       place_type_name: ["reverse"],
@@ -637,7 +637,7 @@ Q = async function(t, { byId: e = !1, exact: i = !1, external: a = !1 } = {}) {
         type: "Point",
         coordinates: [r.decimalLongitude, r.decimalLatitude]
       }
-    }), h(this, l, x).call(this, "featureslisted", { features: this.listFeatures, external: a }), this.cachedFeatures = this.listFeatures, this.listFeatures[this.selectedItemIndex]?.id !== k(this, l, Z)?.id && (this.selectedItemIndex = -1), r && this.input.focus());
+    }), h(this, l, x).call(this, "featureslisted", { features: this.listFeatures, external: a }), this.cachedFeatures = this.listFeatures, this.listFeatures[this.selectedItemIndex]?.id !== w(this, l, Z)?.id && (this.selectedItemIndex = -1), r && this.input.focus());
   } catch (o) {
     if (o && typeof o == "object" && "name" in o && o.name === "AbortError")
       return;
@@ -649,7 +649,7 @@ Q = async function(t, { byId: e = !1, exact: i = !1, external: a = !1 } = {}) {
 Pe = function(t) {
   this.reverseActive = this.enableReverse === "always", h(this, l, $).call(this), this.picked = void 0, h(this, l, ge).call(this, `${t[1].toFixed(6)}, ${nt(t[0], [-180, 180], !0).toFixed(6)}`), h(this, l, fe).call(this);
 };
-ae = function(t) {
+le = function(t) {
   if (!this.listFeatures)
     return;
   const e = t.key === "ArrowDown" ? 1 : t.key === "ArrowUp" ? -1 : 0;
@@ -679,7 +679,7 @@ Ae = function() {
   this.searchValue = "", h(this, l, x).call(this, "queryclear"), this.picked = void 0, this.input.focus();
 };
 n.styles = I`
-    ${ne(ft)}
+    ${ce(ft)}
   `;
 c([
   p({ attribute: !1 })
@@ -875,7 +875,7 @@ var xt = Object.getOwnPropertyDescriptor, bt = (t, e, i, a) => {
     (r = t[o]) && (s = r(s) || s);
   return s;
 };
-let le = class extends F {
+let ne = class extends F {
   render() {
     return z`
       <svg
@@ -891,14 +891,14 @@ let le = class extends F {
     `;
   }
 };
-le.styles = I`
-    ${ne(vt)}
+ne.styles = I`
+    ${ce(vt)}
   `;
-le = bt([
+ne = bt([
   O("maptiler-geocode-marker")
-], le);
-const kt = "@maptiler/geocoding-control", wt = "3.0.0-rc.7";
-function ke(t) {
+], ne);
+const wt = "@maptiler/geocoding-control", kt = "3.0.0-rc.8";
+function we(t) {
   const e = Ye(
     D([
       Ke([
@@ -974,8 +974,8 @@ const Lt = {
     },
     filter: ["!", ["has", "isMask"]]
   }
-}, W = "mtlr-gc-full-geom", we = "mtlr-gc-full-geom-fill", Le = "mtlr-gc-full-geom-line", $t = ce.Evented, It = ce.Marker, Ft = ce.Popup;
-class Ot extends $t {
+}, W = "mtlr-gc-full-geom", ke = "mtlr-gc-full-geom-fill", Le = "mtlr-gc-full-geom-line";
+class $t extends H.Evented {
   #e = {};
   #t;
   #i;
@@ -984,7 +984,7 @@ class Ot extends $t {
   }
   /** @internal Not to be called directly */
   onAdd(e) {
-    this.#t = e, this.#i = e._container.ownerDocument.createElement("maptiler-geocoder"), this.#i.classList.add("maplibregl-geocoder"), this.#v(), this.#w();
+    this.#t = e, this.#i = e._container.ownerDocument.createElement("maptiler-geocoder"), this.#i.classList.add("maplibregl-geocoder"), this.#v(), this.#k();
     const i = e._container.ownerDocument.createElement("div");
     return i.classList.add("maplibregl-ctrl-geocoder", "maplibregl-ctrl", "maplibregl-ctrl-group"), i.style.position = "relative", i.style.zIndex = "3", i.appendChild(this.#i), setTimeout(() => this.#i?.setOptions({ openListOnTop: i.matches(".maplibregl-ctrl-bottom-left *, .maplibregl-ctrl-bottom-right *") })), i;
   }
@@ -1038,10 +1038,10 @@ class Ot extends $t {
     },
     querychange: (e) => {
       const i = e.detail.reverseCoords;
-      this.#k(i ? [i.decimalLongitude, i.decimalLatitude] : void 0), this.#s("querychange", e.detail);
+      this.#w(i ? [i.decimalLongitude, i.decimalLatitude] : void 0), this.#s("querychange", e.detail);
     },
     queryclear: () => {
-      this.#k(void 0), this.#s("queryclear");
+      this.#w(void 0), this.#s("queryclear");
     },
     request: (e) => {
       this.#s("request", e.detail);
@@ -1094,7 +1094,7 @@ class Ot extends $t {
   #v() {
     this.#i && (this.#i.setOptions(this.#e), this.#i.fetchFullGeometryOnPick = this.#e.pickedResultStyle !== "marker-only");
   }
-  #w() {
+  #k() {
     if (!(!this.#i || !this.#t)) {
       for (const [e, i] of Object.entries(this.#g))
         this.#i.addEventListener(e, i);
@@ -1155,7 +1155,7 @@ class Ot extends $t {
       { padding: i, ...a ? { maxZoom: a } : {}, ...this.#F }
     );
   }
-  #k(e) {
+  #w(e) {
     if (!(this.#e.marker === !1 || this.#e.marker === null || !this.#t)) {
       if (!e) {
         this.#r?.remove(), this.#r = void 0;
@@ -1182,7 +1182,7 @@ class Ot extends $t {
       if (s.length > 0) {
         const o = _e(D(s.map((r) => Qe(r))));
         if (o) {
-          const r = ke({ ...i, geometry: o.geometry });
+          const r = we({ ...i, geometry: o.geometry });
           r && this.#n(r);
         }
       } else {
@@ -1195,7 +1195,7 @@ class Ot extends $t {
         });
       }
     } else if (i?.geometry.type.endsWith("Polygon")) {
-      const s = ke(i);
+      const s = we(i);
       s && this.#n(s), this.#e.pickedResultStyle === "full-geometry-including-polygon-center-marker" && a();
     } else i?.geometry.type.endsWith("LineString") ? this.#n(i) : i?.geometry.type.endsWith("Point") && a();
     if (this.#e.showResultMarkers !== !1 && this.#e.showResultMarkers !== null)
@@ -1208,7 +1208,7 @@ class Ot extends $t {
             continue;
         } else
           o = this.#f(this.#e.showResultMarkers).setLngLat(s.center).setPopup(
-            new Ft({
+            new H.Popup({
               offset: [1, -27],
               closeButton: !1,
               closeOnMove: !0,
@@ -1239,9 +1239,9 @@ class Ot extends $t {
     !e?.fill && !e?.line || !i && !this.#a || (i ? i.setData(this.#a ?? D([])) : this.#a && this.#t.addSource(W, {
       type: "geojson",
       data: this.#a
-    }), !this.#t.getLayer(we) && e.fill && this.#t.addLayer({
+    }), !this.#t.getLayer(ke) && e.fill && this.#t.addLayer({
       ...e.fill,
-      id: we,
+      id: ke,
       type: "fill",
       source: W
     }), !this.#t.getLayer(Le) && e.line && this.#t.addLayer({
@@ -1255,7 +1255,7 @@ class Ot extends $t {
     this.#a = e, this.#u();
   }
   #f(e) {
-    return typeof e != "object" && (e = { element: this.#t?._container.ownerDocument.createElement("maptiler-geocode-marker"), offset: [1, -13] }), new It(e);
+    return typeof e != "object" && (e = { element: this.#t?._container.ownerDocument.createElement("maptiler-geocode-marker"), offset: [1, -13] }), new H.Marker(e);
   }
   #M() {
     const { fullGeometryStyle: e } = this.#e;
@@ -1264,14 +1264,14 @@ class Ot extends $t {
       return e;
   }
 }
-class Dt extends Ot {
+class jt extends $t {
   #e;
   constructor(e = {}) {
     super(e);
   }
   /** @internal Not to be called directly */
   onAdd(e) {
-    this.#e = e, e.telemetry.registerModule(kt, wt);
+    this.#e = e, e.telemetry.registerModule(wt, kt);
     const i = this.getOptions(), { primaryLanguage: a, apiKey: s } = e.getSdkConfig();
     if (i.apiKey === void 0 && this.setOptions({ apiKey: s }), i.language === void 0) {
       const r = a.code?.match(/^([a-z]{2,3})($|_|-)/);
@@ -1298,16 +1298,16 @@ class Dt extends Ot {
 }
 export {
   _t as DEFAULT_GEOMETRY_STYLE,
-  Dt as GeocodingControl,
-  J as MaptilerGeocodeClearIconElement,
-  X as MaptilerGeocodeFailIconElement,
-  ee as MaptilerGeocodeLoadingIconElement,
-  le as MaptilerGeocodeMarkerElement,
-  te as MaptilerGeocodeReverseGeocodingIconElement,
-  ie as MaptilerGeocodeSearchIconElement,
+  jt as GeocodingControl,
+  X as MaptilerGeocodeClearIconElement,
+  ee as MaptilerGeocodeFailIconElement,
+  te as MaptilerGeocodeLoadingIconElement,
+  ne as MaptilerGeocodeMarkerElement,
+  ie as MaptilerGeocodeReverseGeocodingIconElement,
+  se as MaptilerGeocodeSearchIconElement,
   n as MaptilerGeocoderElement,
-  Dt as MaptilerGeocodingControl,
-  we as RESULT_LAYER_FILL,
+  jt as MaptilerGeocodingControl,
+  ke as RESULT_LAYER_FILL,
   Le as RESULT_LAYER_LINE,
   W as RESULT_SOURCE,
   Lt as ZOOM_DEFAULTS