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

package/dist/leaflet.public.js

@@ -1,24 +1,24 @@
-import { css as I, LitElement as M, svg as R, html as m, unsafeCSS as ce, nothing as J } from "lit";
-import { customElement as O, property as p, state as b, query as Ae } from "lit/decorators.js";
-import { convert as We } from "geo-coordinates-parser";
-import { classMap as A } from "lit/directives/class-map.js";
-import { repeat as Ve } from "lit/directives/repeat.js";
-import qe from "@turf/clone";
-import { styleMap as Ne } from "lit/directives/style-map.js";
-import X from "@turf/bbox";
-import { featureCollection as q, polygon as Ze, feature as Qe } from "@turf/helpers";
+import { css as F, LitElement as O, svg as W, html as g, unsafeCSS as le, nothing as H } from "lit";
+import { customElement as C, property as p, state as b, query as Ae } from "lit/decorators.js";
+import { convert as Ve } from "geo-coordinates-parser";
+import { classMap as D } from "lit/directives/class-map.js";
+import { repeat as qe } from "lit/directives/repeat.js";
+import Ne from "@turf/clone";
+import { styleMap as Ze } from "lit/directives/style-map.js";
+import Y from "@turf/bbox";
+import { featureCollection as A, polygon as Qe, feature as Ke } from "@turf/helpers";
 import _e from "@turf/union";
-import { Evented as Ke, Control as He, DomEvent as xe, Popup as Ye, GeoJSON as Je, DivIcon as Xe, Marker as et } from "leaflet";
-import tt from "@turf/difference";
-import it from "@turf/flatten";
-var st = Object.getOwnPropertyDescriptor, ot = (t, e, i, r) => {
-  for (var o = r > 1 ? void 0 : r ? st(e, i) : e, s = t.length - 1, a; s >= 0; s--)
-    (a = t[s]) && (o = a(o) || o);
-  return o;
+import { Evented as He, Control as Ye, DomEvent as xe, Popup as Je, GeoJSON as Xe, DivIcon as et, Marker as tt } from "leaflet";
+import it from "@turf/difference";
+import st from "@turf/flatten";
+var rt = Object.getOwnPropertyDescriptor, ot = (t, e, i, o) => {
+  for (var s = o > 1 ? void 0 : o ? rt(e, i) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = r(s) || s);
+  return s;
 };
-let ee = class extends M {
+let J = class extends O {
   render() {
-    return R`
+    return W`
       <svg viewBox="0 0 14 14" width="13" height="13">
         <path
           d="M13.12.706a.982.982 0 0 0-1.391 0L6.907 5.517 2.087.696a.982.982 0 1 0-1.391 1.39l4.821 4.821L.696 11.73a.982.982 0 1 0 1.39 1.39l4.821-4.821 4.822 4.821a.982.982 0 1 0 1.39-1.39L8.298 6.908l4.821-4.822a.988.988 0 0 0 0-1.38Z"
@@ -27,23 +27,23 @@ let ee = class extends M {
     `;
   }
 };
-ee.styles = I`
+J.styles = F`
     svg {
       display: block;
       fill: var(--color-icon-button);
     }
   `;
-ee = ot([
-  O("maptiler-geocode-clear-icon")
-], ee);
-var rt = Object.getOwnPropertyDescriptor, at = (t, e, i, r) => {
-  for (var o = r > 1 ? void 0 : r ? rt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
-    (a = t[s]) && (o = a(o) || o);
-  return o;
+J = ot([
+  C("maptiler-geocode-clear-icon")
+], J);
+var at = Object.getOwnPropertyDescriptor, nt = (t, e, i, o) => {
+  for (var s = o > 1 ? void 0 : o ? at(e, i) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = r(s) || s);
+  return s;
 };
-let te = class extends M {
+let X = class extends O {
   render() {
-    return R`
+    return W`
       <svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path
           d="M15 0C6.705 0 0 6.705 0 15C0 23.295 6.705 30 15 30C23.295 30 30 23.295 30 15C30 6.705 23.295 0 15 0ZM22.5 20.385L20.385 22.5L15 17.115L9.615 22.5L7.5 20.385L12.885 15L7.5 9.615L9.615 7.5L15 12.885L20.385 7.5L22.5 9.615L17.115 15L22.5 20.385Z"
@@ -52,23 +52,23 @@ let te = class extends M {
     `;
   }
 };
-te.styles = I`
+X.styles = F`
     svg {
       display: block;
       fill: #e15042;
     }
   `;
-te = at([
-  O("maptiler-geocode-fail-icon")
-], te);
-var nt = Object.getOwnPropertyDescriptor, lt = (t, e, i, r) => {
-  for (var o = r > 1 ? void 0 : r ? nt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
-    (a = t[s]) && (o = a(o) || o);
-  return o;
+X = nt([
+  C("maptiler-geocode-fail-icon")
+], X);
+var lt = Object.getOwnPropertyDescriptor, ct = (t, e, i, o) => {
+  for (var s = o > 1 ? void 0 : o ? lt(e, i) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = r(s) || s);
+  return s;
 };
-let ie = class extends M {
+let ee = class extends O {
   render() {
-    return m`
+    return g`
       <div>
         <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" />
@@ -78,7 +78,7 @@ let ie = class extends M {
     `;
   }
 };
-ie.styles = I`
+ee.styles = F`
     div {
       position: absolute;
       left: 50%;
@@ -105,17 +105,17 @@ ie.styles = I`
       }
     }
   `;
-ie = lt([
-  O("maptiler-geocode-loading-icon")
-], ie);
-var ct = Object.getOwnPropertyDescriptor, ht = (t, e, i, r) => {
-  for (var o = r > 1 ? void 0 : r ? ct(e, i) : e, s = t.length - 1, a; s >= 0; s--)
-    (a = t[s]) && (o = a(o) || o);
-  return o;
+ee = ct([
+  C("maptiler-geocode-loading-icon")
+], ee);
+var ht = Object.getOwnPropertyDescriptor, pt = (t, e, i, o) => {
+  for (var s = o > 1 ? void 0 : o ? ht(e, i) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = r(s) || s);
+  return s;
 };
-let se = class extends M {
+let te = class extends O {
   render() {
-    return R`
+    return W`
       <svg viewBox="0 0 60.006 21.412" width="14" height="20">
         <path
           d="M30.003-26.765C13.46-26.765 0-14.158 0 1.337c0 23.286 24.535 42.952 28.39 46.04.24.192.402.316.471.376.323.282.732.424 1.142.424.41 0 .82-.142 1.142-.424.068-.06.231-.183.471-.376 3.856-3.09 28.39-22.754 28.39-46.04 0-15.495-13.46-28.102-30.003-28.102Zm1.757 12.469c4.38 0 7.858 1.052 10.431 3.158 2.595 2.105 3.89 4.913 3.89 8.422 0 2.34-.53 4.362-1.593 6.063-1.063 1.702-3.086 3.616-6.063 5.742-2.042 1.51-3.337 2.659-3.89 3.446-.532.787-.8 1.82-.8 3.096v1.914h-8.449V15.18c0-2.041.434-3.815 1.306-5.325.872-1.51 2.467-3.118 4.785-4.82 2.233-1.594 3.7-2.89 4.402-3.889a5.582 5.582 0 0 0 1.087-3.35c0-1.382-.51-2.435-1.531-3.158-1.02-.723-2.45-1.087-4.28-1.087-3.19 0-6.826 1.047-10.91 3.131l-3.472-6.986c4.742-2.659 9.77-3.992 15.087-3.992Zm-1.88 37.324c1.765 0 3.124.472 4.08 1.408.98.936 1.47 2.276 1.47 4.02 0 1.68-.49 3.007-1.47 3.985-.977.957-2.336 1.435-4.08 1.435-1.787 0-3.171-.465-4.15-1.4-.978-.958-1.47-2.298-1.47-4.02 0-1.787.48-3.14 1.436-4.054.957-.915 2.355-1.374 4.184-1.374Z"
@@ -124,23 +124,23 @@ let se = class extends M {
     `;
   }
 };
-se.styles = I`
+te.styles = F`
     svg {
       display: block;
       fill: var(--color-icon-button);
     }
   `;
-se = ht([
-  O("maptiler-geocode-reverse-geocoding-icon")
-], se);
-var pt = Object.getOwnPropertyDescriptor, dt = (t, e, i, r) => {
-  for (var o = r > 1 ? void 0 : r ? pt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
-    (a = t[s]) && (o = a(o) || o);
-  return o;
+te = pt([
+  C("maptiler-geocode-reverse-geocoding-icon")
+], te);
+var dt = Object.getOwnPropertyDescriptor, ut = (t, e, i, o) => {
+  for (var s = o > 1 ? void 0 : o ? dt(e, i) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = r(s) || s);
+  return s;
 };
-let oe = class extends M {
+let ie = class extends O {
   render() {
-    return R`
+    return W`
       <svg
         xmlns="http://www.w3.org/2000/svg"
         width="13"
@@ -153,7 +153,7 @@ let oe = class extends M {
     `;
   }
 };
-oe.styles = I`
+ie.styles = F`
     circle {
       stroke-width: 1.875;
       fill: none;
@@ -169,92 +169,92 @@ oe.styles = I`
       stroke: var(--color-icon-button);
     }
   `;
-oe = dt([
-  O("maptiler-geocode-search-icon")
-], oe);
-function ut(t, e, i) {
-  const r = e[1], o = e[0], s = r - o;
-  return t === r && i ? t : ((t - o) % s + s) % s + o;
+ie = ut([
+  C("maptiler-geocode-search-icon")
+], ie);
+function ft(t, e, i) {
+  const o = e[1], s = e[0], a = o - s;
+  return t === o && i ? t : ((t - s) % a + a) % a + s;
 }
-function U(t) {
+function G(t) {
   const e = [...t];
   return e[2] < e[0] && (Math.abs((e[0] + e[2] + 360) / 2) > Math.abs((e[0] - 360 + e[2]) / 2) ? e[0] -= 360 : e[2] += 360), e;
 }
 function be(t, e) {
-  const i = qe(t);
-  for (const r of i.features)
-    if (r.geometry.type == "MultiPolygon")
-      for (const o of r.geometry.coordinates)
-        we(o, e);
+  const i = Ne(t);
+  for (const o of i.features)
+    if (o.geometry.type == "MultiPolygon")
+      for (const s of o.geometry.coordinates)
+        we(s, e);
     else
-      we(r.geometry.coordinates, e);
+      we(o.geometry.coordinates, e);
   return i;
 }
 function we(t, e) {
   for (const i of t)
-    for (const r of i)
-      r[0] += e;
+    for (const o of i)
+      o[0] += e;
 }
-let B;
-async function ft(t, e, i) {
-  for (const r of e ?? [])
-    if (!(t && (r.minZoom != null && r.minZoom > t[0] || r.maxZoom != null && r.maxZoom < t[0]))) {
-      if (r.type === "fixed")
-        return r.coordinates.join(",");
-      if (r.type === "client-geolocation")
-        if (B && r.cachedLocationExpiry && B.time + r.cachedLocationExpiry > Date.now()) {
-          if (B.coords)
-            return B.coords;
+let P;
+async function mt(t, e, i) {
+  for (const o of e ?? [])
+    if (!(t && (o.minZoom != null && o.minZoom > t[0] || o.maxZoom != null && o.maxZoom < t[0]))) {
+      if (o.type === "fixed")
+        return o.coordinates.join(",");
+      if (o.type === "client-geolocation")
+        if (P && o.cachedLocationExpiry && P.time + o.cachedLocationExpiry > Date.now()) {
+          if (P.coords)
+            return P.coords;
         } else {
-          let o;
+          let s;
           try {
-            return o = await new Promise((s, a) => {
+            return s = await new Promise((a, r) => {
               i.signal.addEventListener("abort", () => {
-                a(Error("aborted"));
+                r(Error("aborted"));
               }), navigator.geolocation.getCurrentPosition(
                 (u) => {
-                  s([u.coords.longitude, u.coords.latitude].map((w) => w.toFixed(6)).join(","));
+                  a([u.coords.longitude, u.coords.latitude].map((m) => m.toFixed(6)).join(","));
                 },
                 (u) => {
-                  a(u);
+                  r(u);
                 },
-                r
+                o
               );
-            }), o;
+            }), s;
           } catch {
           } finally {
-            r.cachedLocationExpiry && (B = {
+            o.cachedLocationExpiry && (P = {
               time: Date.now(),
-              coords: o
+              coords: s
             });
           }
           if (i.signal.aborted)
             return;
         }
-      if (r.type === "server-geolocation")
+      if (o.type === "server-geolocation")
         return "ip";
-      if (t && r.type === "map-center")
+      if (t && o.type === "map-center")
         return t[1].toFixed(6) + "," + t[2].toFixed(6);
     }
 }
-const mt = ".sprite-icon{align-self:center;justify-self:center;opacity:.75;background-repeat:no-repeat}li{text-align:left;cursor:default;display:grid;grid-template-columns:40px 1fr;color:var(--color-text);padding:8px 0;font-size:14px;line-height:18px;min-width:fit-content;outline:0}li:first-child{padding-top:10px}li:last-child{padding-bottom:10px}li.picked{background-color:#e7edff}li.picked .secondary{color:#96a4c7;padding-left:4px}li.picked .line2{color:#96a4c7}li.selected{background-color:#f3f6ff;animation:backAndForth 5s linear infinite}li.selected .primary{color:#2b8bfb}li.selected .secondary{color:#a2adc7;padding-left:4px}li.selected .line2{color:#a2adc7}li>img{align-self:center;justify-self:center;opacity:.75}.texts{padding:0 17px 0 0}.texts>*{white-space:nowrap;display:block;min-width:fit-content}.primary{font-weight:600}.secondary{color:#aeb6c7;padding-left:4px}.line2{color:#aeb6c7}@keyframes backAndForth{0%{transform:translate(0)}10%{transform:translate(0)}45%{transform:translate(calc(-100% + 270px))}55%{transform:translate(calc(-100% + 270px))}90%{transform:translate(0)}to{transform:translate(0)}}";
-var gt = Object.defineProperty, yt = Object.getOwnPropertyDescriptor, $e = (t) => {
+const gt = ".sprite-icon{align-self:center;justify-self:center;opacity:.75;background-repeat:no-repeat}li{text-align:left;cursor:default;display:grid;grid-template-columns:40px 1fr;color:var(--color-text);padding:8px 0;font-size:14px;line-height:18px;min-width:fit-content;outline:0}li:first-child{padding-top:10px}li:last-child{padding-bottom:10px}li.picked{background-color:#e7edff}li.picked .secondary{color:#96a4c7;padding-left:4px}li.picked .line2{color:#96a4c7}li.selected{background-color:#f3f6ff;animation:backAndForth 5s linear infinite}li.selected .primary{color:#2b8bfb}li.selected .secondary{color:#a2adc7;padding-left:4px}li.selected .line2{color:#a2adc7}li>img{align-self:center;justify-self:center;opacity:.75}.texts{padding:0 17px 0 0}.texts>*{white-space:nowrap;display:block;min-width:fit-content}.primary{font-weight:600}.secondary{color:#aeb6c7;padding-left:4px}.line2{color:#aeb6c7}@keyframes backAndForth{0%{transform:translate(0)}10%{transform:translate(0)}45%{transform:translate(calc(-100% + 270px))}55%{transform:translate(calc(-100% + 270px))}90%{transform:translate(0)}to{transform:translate(0)}}";
+var yt = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, Le = (t) => {
   throw TypeError(t);
-}, $ = (t, e, i, r) => {
-  for (var o = r > 1 ? void 0 : r ? yt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
-    (a = t[s]) && (o = (r ? a(e, i, o) : a(o)) || o);
-  return r && o && gt(e, i, o), o;
-}, Le = (t, e, i) => e.has(t) || $e("Cannot " + i), f = (t, e, i) => (Le(t, e, "read from private field"), i ? i.call(t) : e.get(t)), vt = (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), E = (t, e, i) => (Le(t, e, "access private method"), i), d, N, G, g, Ie, Me, he, re;
-const Oe = typeof devicePixelRatio > "u" || devicePixelRatio > 1.25, Ce = Oe ? "@2x" : "", F = Oe ? 2 : 1;
-let C, Te, _ = class extends M {
+}, $ = (t, e, i, o) => {
+  for (var s = o > 1 ? void 0 : o ? vt(e, i) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
+  return o && s && yt(e, i, s), s;
+}, $e = (t, e, i) => e.has(t) || Le("Cannot " + i), f = (t, e, i) => ($e(t, e, "read from private field"), i ? i.call(t) : e.get(t)), xt = (t, e, i) => e.has(t) ? Le("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), S = (t, e, i) => ($e(t, e, "access private method"), i), d, V, U, y, Ie, Fe, ce, se;
+const Oe = typeof devicePixelRatio > "u" || devicePixelRatio > 1.25, Ce = Oe ? "@2x" : "", T = Oe ? 2 : 1;
+let M, Me, k = class extends O {
   constructor() {
-    super(...arguments), vt(this, d), this.itemStyle = "default", this.showPlaceType = "if-needed", this.missingIconsCache = /* @__PURE__ */ new Set(), this.iconsBaseUrl = "", this.index = 0;
+    super(...arguments), xt(this, d), this.itemStyle = "default", this.showPlaceType = "if-needed", this.missingIconsCache = /* @__PURE__ */ new Set(), this.iconsBaseUrl = "", this.index = 0;
   }
   willUpdate(t) {
-    t.has("feature") && f(this, d, N) && (this.index = f(this, d, N).length, E(this, d, he).call(this));
+    t.has("feature") && f(this, d, V) && (this.index = f(this, d, V).length, S(this, d, ce).call(this));
   }
   render() {
-    return m`
+    return g`
       <li
         tabindex="-1"
         role="option"
@@ -263,112 +263,112 @@ let C, Te, _ = class extends M {
         class=${this.itemStyle}
         @click=${() => this.dispatchEvent(new CustomEvent("select"))}
       >
-        ${C && this.spriteIcon ? m`
+        ${M && this.spriteIcon ? g`
               <div
                 class="sprite-icon"
-                style=${Ne({
-      width: `${this.spriteIcon.width / F}px`,
-      height: `${this.spriteIcon.height / F}px`,
+                style=${Ze({
+      width: `${this.spriteIcon.width / T}px`,
+      height: `${this.spriteIcon.height / T}px`,
       backgroundImage: `url(${this.iconsBaseUrl}sprite${Ce}.png)`,
-      backgroundPosition: `-${this.spriteIcon.x / F}px -${this.spriteIcon.y / F}px`,
-      backgroundSize: `${C.width / F}px ${C.height / F}px`
+      backgroundPosition: `-${this.spriteIcon.x / T}px -${this.spriteIcon.y / T}px`,
+      backgroundSize: `${M.width / T}px ${M.height / T}px`
     })}
-                title=${f(this, d, g)}
+                title=${f(this, d, y)}
               />
-            ` : this.imageUrl ? m` <img src=${this.imageUrl} alt=${this.category} title=${f(this, d, g)} @error=${E(this, d, Me)} />` : this.feature?.address ? m` <img src=${this.iconsBaseUrl + "housenumber.svg"} alt=${f(this, d, g)} title=${f(this, d, g)} /> ` : this.feature?.id.startsWith("road.") ? m` <img src=${this.iconsBaseUrl + "road.svg"} alt=${f(this, d, g)} title=${f(this, d, g)} /> ` : this.feature?.id.startsWith("address.") ? m` <img src=${this.iconsBaseUrl + "street.svg"} alt=${f(this, d, g)} title=${f(this, d, g)} /> ` : this.feature?.id.startsWith("postal_code.") ? m` <img src=${this.iconsBaseUrl + "postal_code.svg"} alt=${f(this, d, g)} title=${f(this, d, g)} /> ` : this.feature?.id.startsWith("poi.") ? m` <img src=${this.iconsBaseUrl + "poi.svg"} alt=${f(this, d, g)} title=${f(this, d, g)} /> ` : f(this, d, G) ? m` <img src=${this.iconsBaseUrl + "reverse.svg"} alt=${f(this, d, g)} title=${f(this, d, g)} /> ` : m` <img src=${this.iconsBaseUrl + "area.svg"} alt=${f(this, d, g)} title=${f(this, d, g)} /> `}
+            ` : this.imageUrl ? g` <img src=${this.imageUrl} alt=${this.category} title=${f(this, d, y)} @error=${S(this, d, Fe)} />` : this.feature?.address ? g` <img src=${this.iconsBaseUrl + "housenumber.svg"} alt=${f(this, d, y)} title=${f(this, d, y)} /> ` : this.feature?.id.startsWith("road.") ? g` <img src=${this.iconsBaseUrl + "road.svg"} alt=${f(this, d, y)} title=${f(this, d, y)} /> ` : this.feature?.id.startsWith("address.") ? g` <img src=${this.iconsBaseUrl + "street.svg"} alt=${f(this, d, y)} title=${f(this, d, y)} /> ` : this.feature?.id.startsWith("postal_code.") ? g` <img src=${this.iconsBaseUrl + "postal_code.svg"} alt=${f(this, d, y)} title=${f(this, d, y)} /> ` : this.feature?.id.startsWith("poi.") ? g` <img src=${this.iconsBaseUrl + "poi.svg"} alt=${f(this, d, y)} title=${f(this, d, y)} /> ` : f(this, d, U) ? g` <img src=${this.iconsBaseUrl + "reverse.svg"} alt=${f(this, d, y)} title=${f(this, d, y)} /> ` : g` <img src=${this.iconsBaseUrl + "area.svg"} alt=${f(this, d, y)} title=${f(this, d, y)} /> `}
 
         <span class="texts">
           <span>
-            <span class="primary"> ${f(this, d, G) ? this.feature?.place_name : this.feature?.place_name.replace(/,.*/, "")} </span>
+            <span class="primary"> ${f(this, d, U) ? 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> ` : J}
+            ${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, U) ? g` <span class="secondary"> ${f(this, d, y)} </span> ` : H}
           </span>
 
-          <span class="line2"> ${f(this, d, G) ? this.feature?.text : this.feature?.place_name.replace(/[^,]*,?s*/, "")} </span>
+          <span class="line2"> ${f(this, d, U) ? this.feature?.text : this.feature?.place_name.replace(/[^,]*,?s*/, "")} </span>
         </span>
       </li>
     `;
   }
 };
 d = /* @__PURE__ */ new WeakSet();
-N = function() {
+V = function() {
   return this.feature?.properties?.categories;
 };
-G = function() {
+U = function() {
   return this.feature?.place_type[0] === "reverse";
 };
-g = function() {
+y = function() {
   return this.feature?.properties?.categories?.join(", ") ?? this.feature?.place_type_name?.[0] ?? this.feature?.place_type[0];
 };
 Ie = function() {
-  Te ??= fetch(`${this.iconsBaseUrl}sprite${Ce}.json`).then((t) => t.json()).then((t) => {
-    C = t;
+  Me ??= fetch(`${this.iconsBaseUrl}sprite${Ce}.json`).then((t) => t.json()).then((t) => {
+    M = t;
   }).catch(() => {
-    C = null;
+    M = null;
   });
 };
-Me = function() {
-  this.imageUrl && this.missingIconsCache.add(this.imageUrl), E(this, d, he).call(this);
+Fe = function() {
+  this.imageUrl && this.missingIconsCache.add(this.imageUrl), S(this, d, ce).call(this);
 };
-he = function() {
-  C !== void 0 ? E(this, d, re).call(this) : (E(this, d, Ie).call(this), Te?.then(() => {
-    E(this, d, re).call(this);
+ce = function() {
+  M !== void 0 ? S(this, d, se).call(this) : (S(this, d, Ie).call(this), Me?.then(() => {
+    S(this, d, se).call(this);
   }));
 };
-re = function() {
+se = function() {
   do {
-    if (this.index--, this.category = f(this, d, N)?.[this.index], this.spriteIcon = this.category ? C?.icons[this.category] : void 0, this.spriteIcon)
+    if (this.index--, this.category = f(this, d, V)?.[this.index], this.spriteIcon = this.category ? M?.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)));
 };
-_.styles = I`
-    ${ce(mt)}
+k.styles = F`
+    ${le(gt)}
   `;
 $([
   p({ type: Object })
-], _.prototype, "feature", 2);
+], k.prototype, "feature", 2);
 $([
   p({ type: String })
-], _.prototype, "itemStyle", 2);
+], k.prototype, "itemStyle", 2);
 $([
   p({ type: String })
-], _.prototype, "showPlaceType", 2);
+], k.prototype, "showPlaceType", 2);
 $([
   p({ attribute: !1 })
-], _.prototype, "missingIconsCache", 2);
+], k.prototype, "missingIconsCache", 2);
 $([
   p({ type: String })
-], _.prototype, "iconsBaseUrl", 2);
+], k.prototype, "iconsBaseUrl", 2);
 $([
   b()
-], _.prototype, "category", 2);
+], k.prototype, "category", 2);
 $([
   b()
-], _.prototype, "imageUrl", 2);
+], k.prototype, "imageUrl", 2);
 $([
   b()
-], _.prototype, "spriteIcon", 2);
+], k.prototype, "spriteIcon", 2);
 $([
   b()
-], _.prototype, "index", 2);
-_ = $([
-  O("maptiler-geocoder-feature-item")
-], _);
-const xt = "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 bt = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, Fe = (t) => {
+], k.prototype, "index", 2);
+k = $([
+  C("maptiler-geocoder-feature-item")
+], k);
+const bt = "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 wt = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, Te = (t) => {
   throw TypeError(t);
-}, c = (t, e, i, r) => {
-  for (var o = r > 1 ? void 0 : r ? wt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
-    (a = t[s]) && (o = (r ? a(e, i, o) : a(o)) || o);
-  return r && o && bt(e, i, o), o;
-}, pe = (t, e, i) => e.has(t) || Fe("Cannot " + i), x = (t, e, i) => (pe(t, e, "read from private field"), i ? i.call(t) : e.get(t)), S = (t, e, i) => e.has(t) ? Fe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), W = (t, e, i, r) => (pe(t, e, "write to private field"), e.set(t, i), i), h = (t, e, i) => (pe(t, e, "access private method"), i), Z, V, z, ae, D, n, Q, Se, Ee, de, v, ue, K, fe, me, L, ge, H, Pe, ne, Be, Ge, Ue, ze, De;
-let l = class extends M {
+}, c = (t, e, i, o) => {
+  for (var s = o > 1 ? void 0 : o ? kt(e, i) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = (o ? r(e, i, s) : r(s)) || s);
+  return o && s && wt(e, i, s), s;
+}, he = (t, e, i) => e.has(t) || Te("Cannot " + i), w = (t, e, i) => (he(t, e, "read from private field"), i ? i.call(t) : e.get(t)), B = (t, e, i) => e.has(t) ? Te("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), re = (t, e, i, o) => (he(t, e, "write to private field"), e.set(t, i), i), h = (t, e, i) => (he(t, e, "access private method"), i), q, z, oe, R, n, N, Se, pe, x, de, Z, ue, fe, I, me, Q, Ee, ae, Pe, Be, Ue, Ge, ze, Re, We;
+let l = class extends O {
   constructor() {
-    super(...arguments), S(this, n), 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.focusedDelayed = !1, S(this, Z, !1), S(this, V, !1), S(this, z), S(this, ae, /* @__PURE__ */ new Set()), S(this, D);
+    super(...arguments), B(this, n), 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, B(this, q, !1), B(this, z), B(this, oe, /* @__PURE__ */ new Set()), B(this, R);
   }
   firstUpdated() {
-    W(this, Z, !0);
+    re(this, q, !0);
   }
   /**
    * Set the options of this instance.
@@ -378,7 +378,7 @@ let l = class extends M {
   setOptions(t) {
     const e = { ...t };
     for (const i of Object.keys(e))
-      kt.includes(i) || delete e[i];
+      _t.includes(i) || delete e[i];
     Object.assign(this, e);
   }
   /**
@@ -387,7 +387,7 @@ let l = class extends M {
    * @param value text to set
    */
   setQuery(t) {
-    h(this, n, me).call(this, t), h(this, n, fe).call(this);
+    h(this, n, fe).call(this, t, { external: !0 }), h(this, n, ue).call(this);
   }
   /**
    * Set the content of search input box and immediately submit it.
@@ -395,13 +395,13 @@ let l = class extends M {
    * @param value text to set and submit
    */
   submitQuery(t) {
-    h(this, n, ge).call(this, t);
+    h(this, n, me).call(this, t);
   }
   /**
    * Clear search result list.
    */
   clearList() {
-    h(this, n, L).call(this), this.picked = void 0, this.selectedItemIndex = -1;
+    h(this, n, I).call(this), this.picked = void 0, this.selectedItemIndex = -1;
   }
   /**
    * Focus the search input box.
@@ -425,27 +425,25 @@ let l = class extends M {
   }
   /** @internal */
   handleMapChange(t) {
-    W(this, D, t);
+    re(this, R, t);
   }
   /** @internal */
   handleMapClick(t) {
-    this.reverseActive && h(this, n, Pe).call(this, t);
+    this.reverseActive && h(this, n, Ee).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, n, L).call(this), this.selectedItemIndex = -1), ["searchValue", "minLength"].some((e) => t.has(e)) && x(this, n, de) && (h(this, n, L).call(this), this.error = void 0), ["focused"].some((e) => t.has(e)) && setTimeout(() => {
-      this.focusedDelayed = this.focused, this.clearOnBlur && !this.focused && (this.searchValue = "");
-    }, 100), ["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, n, v).call(this, "select", { feature: x(this, n, Q) }), ["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, n, H).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, n, I).call(this), this.selectedItemIndex = -1), ["searchValue", "minLength"].some((e) => t.has(e)) && w(this, n, pe) && (h(this, n, I).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, n, x).call(this, "select", { feature: w(this, n, N) }), ["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, n, Q).call(this, this.picked.id, { byId: !0 }) : Promise.resolve()).then(
       () => {
-        h(this, n, v).call(this, "pick", { feature: this.picked });
+        h(this, n, x).call(this, "pick", { feature: this.picked });
       },
       (e) => {
-        e && typeof e == "object" && "name" in e && e.name === "AbortError" || (this.error = e, h(this, n, v).call(this, "pick", { feature: this.picked }));
+        e && typeof e == "object" && "name" in e && e.name === "AbortError" || (this.error = e, h(this, n, x).call(this, "pick", { feature: this.picked }));
       }
-    ), ["listFeatures", "focusedDelayed"].some((e) => t.has(e)) && (x(this, n, Se) ? (h(this, n, v).call(this, "featuresshow"), W(this, V, !0)) : x(this, V) && h(this, n, v).call(this, "featureshide")), ["reverseActive"].some((e) => t.has(e)) && h(this, n, v).call(this, "reversetoggle", { reverse: this.reverseActive });
+    ), ["listFeatures", "focused", "isFeatureListInteractedWith", "keepListOpen"].some((e) => t.has(e)) && (this.isFeatureListVisible = !!this.listFeatures?.length && (this.focused || this.isFeatureListInteractedWith || this.keepListOpen)), ["isFeatureListVisible"].some((e) => t.has(e)) && (this.isFeatureListVisible ? h(this, n, x).call(this, "featuresshow") : h(this, n, x).call(this, "featureshide")), ["reverseActive"].some((e) => t.has(e)) && h(this, n, x).call(this, "reversetoggle", { reverse: this.reverseActive });
   }
   render() {
-    return m`
-      <form @submit=${h(this, n, ue)} class=${A({ "can-collapse": this.collapsed && this.searchValue === "" })}>
+    return g`
+      <form @submit=${h(this, n, de)} class=${D({ "can-collapse": this.collapsed && this.searchValue === "" })}>
         <div class="input-group">
           <button
             class="search-button"
@@ -462,36 +460,36 @@ let l = class extends M {
             @focus=${() => this.focused = !0}
             @blur=${() => this.focused = !1}
             @click=${() => this.focused = !0}
-            @keydown=${h(this, n, ne)}
-            @input=${h(this, n, Be)}
+            @keydown=${h(this, n, ae)}
+            @input=${h(this, n, Pe)}
             @change=${() => this.picked = void 0}
             placeholder=${this.placeholder ?? "Search"}
             aria-label=${this.placeholder ?? "Search"}
           />
 
-          <div class="clear-button-container ${A({ displayable: this.searchValue !== "" })}">
-            ${x(this, n, Ee) ? m`<maptiler-geocode-loading-icon></maptiler-geocode-loading-icon>` : m`
-                  <button type="button" @click=${h(this, n, De)} title=${this.clearButtonTitle ?? "clear"}>
+          <div class="clear-button-container ${D({ displayable: this.searchValue !== "" })}">
+            ${w(this, n, Se) ? g`<maptiler-geocode-loading-icon></maptiler-geocode-loading-icon>` : g`
+                  <button type="button" @click=${h(this, n, We)} title=${this.clearButtonTitle ?? "clear"}>
                     <maptiler-geocode-clear-icon></maptiler-geocode-clear-icon>
                   </button>
                 `}
           </div>
 
-          ${this.enableReverse === "button" ? m`
+          ${this.enableReverse === "button" ? g`
                 <button
                   type="button"
-                  class=${A({ active: this.reverseActive })}
+                  class=${D({ active: this.reverseActive })}
                   title=${this.reverseButtonTitle ?? "toggle reverse geocoding"}
                   @click=${() => this.reverseActive = !this.reverseActive}
                 >
                   <maptiler-geocode-reverse-geocoding-icon></maptiler-geocode-reverse-geocoding-icon>
                 </button>
-              ` : J}
+              ` : H}
 
           <!-- <slot /> -->
         </div>
 
-        ${this.error ? m`
+        ${this.error ? g`
               <div class="error">
                 <maptiler-geocode-fail-icon></maptiler-geocode-fail-icon>
 
@@ -501,7 +499,7 @@ let l = class extends M {
                   <maptiler-geocode-clear-icon></maptiler-geocode-clear-icon>
                 </button>
               </div>
-            ` : !this.focusedDelayed && !this.keepListOpen || this.listFeatures === void 0 ? J : this.listFeatures.length === 0 ? m`
+            ` : !this.focused && !this.isFeatureListInteractedWith && !this.keepListOpen || this.listFeatures === void 0 ? H : this.listFeatures.length === 0 ? g`
                   <div class="no-results">
                     <maptiler-geocode-fail-icon></maptiler-geocode-fail-icon>
 
@@ -509,27 +507,32 @@ let l = class extends M {
                       ${this.noResultsMessage ?? "Oops! Looks like you're trying to predict something that's not quite right. We can't seem to find what you're looking for. Maybe try double-checking your spelling or try a different search term. Keep on typing - we'll do our best to get you where you need to go!"}
                     </div>
                   </div>
-                ` : m`
-                  <ul class="options ${A({ "open-on-top": this.openListOnTop })}" @mouseleave=${h(this, n, ze)} @keydown=${h(this, n, ne)} role="listbox">
-                    ${Ve(
+                ` : g`
+                  <ul
+                    class="options ${D({ "open-on-top": this.openListOnTop })}"
+                    @pointerleave=${h(this, n, Ge)}
+                    @pointerdown=${h(this, n, ze)}
+                    @pointerup=${h(this, n, Re)}
+                    @keydown=${h(this, n, ae)}
+                    role="listbox"
+                  >
+                    ${qe(
       this.listFeatures,
       (t) => t.id + (t.address ? "," + t.address : ""),
-      (t, e) => m`
+      (t, e) => g`
                         <maptiler-geocoder-feature-item
                           .feature=${t}
                           .showPlaceType=${this.showPlaceType ?? "if-needed"}
                           itemStyle=${this.selectedItemIndex === e ? "selected" : this.picked?.id === t.id ? "picked" : "default"}
-                          @mouseenter=${() => {
+                          @pointerenter=${() => {
         h(this, n, Ue).call(this, e);
       }}
                           @select=${() => {
-        h(this, n, Ge).call(this, t);
+        h(this, n, Be).call(this, t);
       }}
-                          .missingIconsCache=${x(this, ae)}
-                          .iconsBaseUrl=${this.iconsBaseUrl ?? "https://cdn.maptiler.com/maptiler-geocoding-control/v3.0.0-rc.5/icons/"}
-                        >
-                          ${t.place_name}
-                        </maptiler-geocoder-feature-item>
+                          .missingIconsCache=${w(this, oe)}
+                          .iconsBaseUrl=${this.iconsBaseUrl ?? "https://cdn.maptiler.com/maptiler-geocoding-control/v3.0.0-rc.7/icons/"}
+                        />
                       `
     )}
                   </ul>
@@ -538,26 +541,22 @@ let l = class extends M {
     `;
   }
 };
-Z = /* @__PURE__ */ new WeakMap();
-V = /* @__PURE__ */ new WeakMap();
+q = /* @__PURE__ */ new WeakMap();
 z = /* @__PURE__ */ new WeakMap();
-ae = /* @__PURE__ */ new WeakMap();
-D = /* @__PURE__ */ new WeakMap();
+oe = /* @__PURE__ */ new WeakMap();
+R = /* @__PURE__ */ new WeakMap();
 n = /* @__PURE__ */ new WeakSet();
-Q = function() {
+N = function() {
   return this.listFeatures?.[this.selectedItemIndex];
 };
 Se = function() {
-  return !!this.listFeatures?.length && (this.focusedDelayed || this.keepListOpen);
-};
-Ee = function() {
   return this.abortController !== void 0;
 };
-de = function() {
+pe = function() {
   return this.searchValue.length < (this.minLength ?? 2);
 };
-v = function(t, ...[e]) {
-  x(this, Z) && this.dispatchEvent(
+x = function(t, ...[e]) {
+  w(this, q) && this.dispatchEvent(
     new CustomEvent(t, {
       bubbles: !0,
       composed: !0,
@@ -565,128 +564,136 @@ v = function(t, ...[e]) {
     })
   );
 };
-ue = function(t) {
-  t?.preventDefault(), this.focused = !1, clearTimeout(x(this, z)), 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, n, H).call(this, this.searchValue, { exact: !0 }).then(() => {
+de = function(t) {
+  t?.preventDefault(), this.focused = !1, clearTimeout(w(this, z)), 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, n, Q).call(this, this.searchValue, { exact: !0, external: t === void 0 }).then(() => {
     this.picked = void 0;
   }).catch((e) => this.error = e);
 };
-K = function(t) {
+Z = function(t) {
   try {
-    return We(t, 6);
+    return Ve(t, 6);
   } catch {
     return !1;
   }
 };
-fe = function() {
+ue = function() {
   setTimeout(() => {
     this.input.focus(), this.focused = !0, this.input.select();
   });
 };
-me = function(t) {
-  if (this.searchValue = t, h(this, n, v).call(this, "querychange", { query: this.searchValue, reverseCoords: h(this, n, K).call(this, t) }), this.error = void 0, this.picked = void 0, this.showResultsWhileTyping !== !1) {
-    if (clearTimeout(x(this, z)), x(this, n, de))
+fe = function(t, { external: e = !1 } = {}) {
+  if (this.searchValue = t, h(this, n, x).call(this, "querychange", { query: this.searchValue, reverseCoords: h(this, n, Z).call(this, t) }), this.error = void 0, this.picked = void 0, this.showResultsWhileTyping !== !1) {
+    if (clearTimeout(w(this, z)), w(this, n, pe))
       return;
-    const e = this.searchValue;
-    W(this, z, window.setTimeout(() => {
-      h(this, n, H).call(this, e).catch((i) => this.error = i);
+    const i = this.searchValue;
+    re(this, z, window.setTimeout(() => {
+      h(this, n, Q).call(this, i, { external: e }).catch((o) => this.error = o);
     }, this.debounceSearch ?? 200));
   } else
-    h(this, n, L).call(this);
+    h(this, n, I).call(this);
 };
-L = function() {
-  this.listFeatures !== void 0 && (this.listFeatures = void 0, h(this, n, v).call(this, "featuresclear"));
+I = function() {
+  this.listFeatures !== void 0 && (this.listFeatures = void 0, h(this, n, x).call(this, "featuresclear"));
 };
-ge = function(t) {
-  this.searchValue = t, h(this, n, v).call(this, "querychange", { query: this.searchValue, reverseCoords: h(this, n, K).call(this, t) }), this.selectedItemIndex = -1, h(this, n, ue).call(this);
+me = function(t) {
+  this.searchValue = t, h(this, n, x).call(this, "querychange", { query: this.searchValue, reverseCoords: h(this, n, Z).call(this, t) }), this.selectedItemIndex = -1, h(this, n, de).call(this);
 };
-H = async function(t, { byId: e = !1, exact: i = !1 } = {}) {
+Q = async function(t, { byId: e = !1, exact: i = !1, external: o = !1 } = {}) {
   this.error = void 0, this.abortController?.abort();
-  const r = new AbortController();
-  this.abortController = r;
+  const s = new AbortController();
+  this.abortController = s;
   try {
-    const o = this.apiUrl ?? "https://api.maptiler.com/geocoding", s = h(this, n, K).call(this, t), a = new URL(o + "/" + encodeURIComponent(s ? `${s.decimalLongitude},${s.decimalLatitude}` : t) + ".json"), u = a.searchParams;
-    this.language !== void 0 && u.set("language", Array.isArray(this.language) ? this.language.join(",") : this.language ?? "");
-    const [w] = x(this, D) ?? [void 0];
-    let k = (!s || this.reverseGeocodingTypes === void 0 ? this.types : this.reverseGeocodingTypes)?.map(
-      (y) => typeof y == "string" ? y : w === void 0 || (y[0] ?? 0) <= w && w < (y[1] ?? 1 / 0) ? y[2] : void 0
-    ).filter((y) => y !== void 0);
-    k && (k = [...new Set(k)], u.set("types", k.join(",")));
-    const T = !s || this.reverseGeocodingExcludeTypes === void 0 ? this.excludeTypes : this.reverseGeocodingExcludeTypes;
-    if (T && u.set("excludeTypes", String(T)), this.bbox && u.set("bbox", this.bbox.map((y) => y.toFixed(6)).join(",")), this.country && u.set("country", Array.isArray(this.country) ? this.country.join(",") : this.country), this.worldview && u.set("worldview", this.worldview), !e && !s) {
-      const y = this.proximity ?? [{ type: "server-geolocation" }], ve = await ft(x(this, D), y, r);
-      ve && u.set("proximity", ve), (i || this.showResultsWhileTyping === !1) && u.set("autocomplete", "false"), u.set("fuzzyMatch", String(this.fuzzyMatch !== !1));
+    const a = this.apiUrl ?? "https://api.maptiler.com/geocoding", r = h(this, n, Z).call(this, t), u = new URL(a + "/" + encodeURIComponent(r ? `${r.decimalLongitude},${r.decimalLatitude}` : t) + ".json"), m = u.searchParams;
+    this.language !== void 0 && m.set("language", Array.isArray(this.language) ? this.language.join(",") : this.language ?? "");
+    const [_] = w(this, R) ?? [void 0];
+    let L = (!r || this.reverseGeocodingTypes === void 0 ? this.types : this.reverseGeocodingTypes)?.map(
+      (v) => typeof v == "string" ? v : _ === void 0 || (v[0] ?? 0) <= _ && _ < (v[1] ?? 1 / 0) ? v[2] : void 0
+    ).filter((v) => v !== void 0);
+    L && (L = [...new Set(L)], m.set("types", L.join(",")));
+    const ge = !r || this.reverseGeocodingExcludeTypes === void 0 ? this.excludeTypes : this.reverseGeocodingExcludeTypes;
+    if (ge && m.set("excludeTypes", String(ge)), this.bbox && m.set("bbox", this.bbox.map((v) => v.toFixed(6)).join(",")), this.country && m.set("country", Array.isArray(this.country) ? this.country.join(",") : this.country), this.worldview && m.set("worldview", this.worldview), !e && !r) {
+      const v = this.proximity ?? [{ type: "server-geolocation" }], ve = await mt(w(this, R), v, s);
+      ve && m.set("proximity", ve), (i || this.showResultsWhileTyping === !1) && m.set("autocomplete", "false"), m.set("fuzzyMatch", String(this.fuzzyMatch !== !1));
     }
-    const ye = this.limit ?? 5, Y = this.reverseGeocodingLimit ?? ye;
-    Y > 1 && k?.length !== 1 && console.warn("[MapTilerGeocodingControl] Warning: For reverse geocoding when limit > 1 then types must contain single value."), s ? (Y === 1 || this.exhaustiveReverseGeocoding || k?.length === 1) && u.set("limit", String(Y)) : u.set("limit", String(ye)), this.apiKey && u.set("key", this.apiKey), this.adjustUrl?.(a);
-    const je = a.searchParams.get("types") === "" && a.searchParams.get("excludeTypes") !== "true", j = a.toString();
+    const ye = this.limit ?? 5, K = this.reverseGeocodingLimit ?? ye;
+    K > 1 && L?.length !== 1 && console.warn("[MapTilerGeocodingControl] Warning: For reverse geocoding when limit > 1 then types must contain single value."), r ? (K === 1 || this.exhaustiveReverseGeocoding || L?.length === 1) && m.set("limit", String(K)) : m.set("limit", String(ye)), this.apiKey && m.set("key", this.apiKey), this.adjustUrl?.(u);
+    const De = u.searchParams.get("types") === "" && u.searchParams.get("excludeTypes") !== "true", j = u.toString();
     if (j === this.lastSearchUrl) {
-      e ? (this.clearListOnPick && h(this, n, L).call(this), this.picked = this.cachedFeatures[0]) : (this.listFeatures = this.cachedFeatures, h(this, n, v).call(this, "featureslisted", { features: this.listFeatures }), this.listFeatures[this.selectedItemIndex]?.id !== x(this, n, Q)?.id && (this.selectedItemIndex = -1));
+      e ? (this.clearListOnPick && h(this, n, I).call(this), this.picked = this.cachedFeatures[0]) : (this.listFeatures = this.cachedFeatures, h(this, n, x).call(this, "featureslisted", { features: this.listFeatures, external: o }), this.listFeatures[this.selectedItemIndex]?.id !== w(this, n, N)?.id && (this.selectedItemIndex = -1));
       return;
     }
-    h(this, n, v).call(this, "request", { urlObj: a }), this.lastSearchUrl = j;
-    let P;
-    if (je)
-      P = { type: "FeatureCollection", features: [] };
+    h(this, n, x).call(this, "request", { urlObj: u }), this.lastSearchUrl = j;
+    let E;
+    if (De)
+      E = { type: "FeatureCollection", features: [] };
     else {
-      const y = await fetch(j, {
-        signal: r.signal,
+      const v = await fetch(j, {
+        signal: s.signal,
         ...this.fetchParameters
       });
-      if (!y.ok)
-        throw new Error(await y.text());
-      P = await y.json();
+      if (!v.ok)
+        throw new Error(await v.text());
+      E = await v.json();
     }
-    h(this, n, v).call(this, "response", { url: j, featureCollection: P }), e ? (this.clearListOnPick && h(this, n, L).call(this), this.picked = P.features[0], this.cachedFeatures = [this.picked]) : (this.listFeatures = P.features.filter(this.filter ?? (() => !0)), s && this.listFeatures.unshift({
+    h(this, n, x).call(this, "response", { url: j, featureCollection: E }), e ? (this.clearListOnPick && h(this, n, I).call(this), this.picked = E.features[0], this.cachedFeatures = [this.picked]) : (this.listFeatures = E.features.filter(this.filter ?? (() => !0)), r && this.listFeatures.unshift({
       type: "Feature",
       properties: {},
       /* eslint-disable @typescript-eslint/restrict-template-expressions */
-      id: `reverse_${s.decimalLongitude}_${s.decimalLatitude}`,
-      text: `${s.decimalLatitude}, ${s.decimalLongitude}`,
-      place_name: s.toCoordinateFormat("DMS"),
+      id: `reverse_${r.decimalLongitude}_${r.decimalLatitude}`,
+      text: `${r.decimalLatitude}, ${r.decimalLongitude}`,
+      place_name: r.toCoordinateFormat("DMS"),
       /* eslint-enable @typescript-eslint/restrict-template-expressions */
       place_type: ["reverse"],
       place_type_name: ["reverse"],
-      center: [s.decimalLongitude, s.decimalLatitude],
-      bbox: [s.decimalLongitude, s.decimalLatitude, s.decimalLongitude, s.decimalLatitude],
+      center: [r.decimalLongitude, r.decimalLatitude],
+      bbox: [r.decimalLongitude, r.decimalLatitude, r.decimalLongitude, r.decimalLatitude],
       geometry: {
         type: "Point",
-        coordinates: [s.decimalLongitude, s.decimalLatitude]
+        coordinates: [r.decimalLongitude, r.decimalLatitude]
       }
-    }), h(this, n, v).call(this, "featureslisted", { features: this.listFeatures }), this.cachedFeatures = this.listFeatures, this.listFeatures[this.selectedItemIndex]?.id !== x(this, n, Q)?.id && (this.selectedItemIndex = -1), s && this.input.focus());
-  } catch (o) {
-    if (o && typeof o == "object" && "name" in o && o.name === "AbortError")
+    }), h(this, n, x).call(this, "featureslisted", { features: this.listFeatures, external: o }), this.cachedFeatures = this.listFeatures, this.listFeatures[this.selectedItemIndex]?.id !== w(this, n, N)?.id && (this.selectedItemIndex = -1), r && this.input.focus());
+  } catch (a) {
+    if (a && typeof a == "object" && "name" in a && a.name === "AbortError")
       return;
-    throw o;
+    throw a;
   } finally {
-    r === this.abortController && (this.abortController = void 0);
+    s === this.abortController && (this.abortController = void 0);
   }
 };
-Pe = function(t) {
-  this.reverseActive = this.enableReverse === "always", h(this, n, L).call(this), this.picked = void 0, h(this, n, ge).call(this, `${t[1].toFixed(6)}, ${ut(t[0], [-180, 180], !0).toFixed(6)}`), h(this, n, fe).call(this);
+Ee = function(t) {
+  this.reverseActive = this.enableReverse === "always", h(this, n, I).call(this), this.picked = void 0, h(this, n, me).call(this, `${t[1].toFixed(6)}, ${ft(t[0], [-180, 180], !0).toFixed(6)}`), h(this, n, ue).call(this);
 };
-ne = function(t) {
+ae = function(t) {
   if (!this.listFeatures)
     return;
   const e = t.key === "ArrowDown" ? 1 : t.key === "ArrowUp" ? -1 : 0;
   e && (this.input.focus(), this.focused = !0, t.preventDefault(), this.picked && this.selectedItemIndex === -1 && (this.selectedItemIndex = this.listFeatures.findIndex((i) => i.id === this.picked?.id)), this.selectedItemIndex === (this.picked || this.selectFirst !== !1 ? 0 : -1) && e === -1 && (this.selectedItemIndex = this.listFeatures.length), this.selectedItemIndex += e, this.selectedItemIndex >= this.listFeatures.length && (this.selectedItemIndex = -1), this.selectedItemIndex < 0 && (this.picked || this.selectFirst !== !1) && (this.selectedItemIndex = 0));
 };
-Be = function(t) {
-  h(this, n, me).call(this, t.target.value);
+Pe = function(t) {
+  h(this, n, fe).call(this, t.target.value);
 };
-Ge = function(t) {
+Be = function(t) {
   (!this.picked || this.picked.id !== t.id) && (this.picked = t, this.searchValue = t.place_name);
 };
 Ue = function(t) {
   this.selectedItemIndex = t;
 };
+Ge = function() {
+  (!this.selectFirst || this.picked) && (this.selectedItemIndex = -1), this.isFeatureListInteractedWith && (this.isFeatureListInteractedWith = !1);
+};
 ze = function() {
-  (!this.selectFirst || this.picked) && (this.selectedItemIndex = -1);
+  this.isFeatureListInteractedWith = !0;
 };
-De = function() {
-  this.searchValue = "", h(this, n, v).call(this, "queryclear"), this.picked = void 0, this.input.focus();
+Re = function() {
+  setTimeout(() => {
+    this.isFeatureListInteractedWith = !1;
+  });
+};
+We = function() {
+  this.searchValue = "", h(this, n, x).call(this, "queryclear"), this.picked = void 0, this.input.focus();
 };
-l.styles = I`
-    ${ce(xt)}
+l.styles = F`
+    ${le(bt)}
   `;
 c([
   p({ attribute: !1 })
@@ -831,11 +838,14 @@ c([
 ], l.prototype, "focused", 2);
 c([
   b()
-], l.prototype, "focusedDelayed", 2);
+], l.prototype, "isFeatureListVisible", 2);
+c([
+  b()
+], l.prototype, "isFeatureListInteractedWith", 2);
 l = c([
-  O("maptiler-geocoder")
+  C("maptiler-geocoder")
 ], l);
-const kt = [
+const _t = [
   "adjustUrl",
   "apiKey",
   "apiUrl",
@@ -873,15 +883,15 @@ const kt = [
   "types",
   "reverseGeocodingTypes",
   "worldview"
-], _t = "svg{display:block;fill:var(--maptiler-geocode-marker-fill, #3170fe);stroke:var(--maptiler-geocode-marker-stroke, #3170fe);height:30px}:host(.marker-selected){z-index:2}:host(.marker-selected) svg path{fill:var(--maptiler-geocode-marker-selected-fill, #98b7ff);stroke:var(--maptiler-geocode-marker-selected-stroke, #3170fe)}:host(.marker-reverse) svg path{fill:var(--maptiler-geocode-marker-reverse-fill, silver);stroke:var(--maptiler-geocode-marker-reverse-stroke, gray)}:host(.marker-interactive){cursor:pointer!important}:host(.marker-fuzzy) svg path{fill:var(--maptiler-geocode-marker-fuzzy-fill, silver);stroke:var(--maptiler-geocode-marker-fuzzy-stroke, gray)}:host(.marker-fuzzy.marker-selected) svg path{fill:var(--maptiler-geocode-marker-selected-fuzzy-fill, #ddd);stroke:var(--maptiler-geocode-marker-selected-fuzzy-stroke, silver)}";
-var $t = Object.getOwnPropertyDescriptor, Lt = (t, e, i, r) => {
-  for (var o = r > 1 ? void 0 : r ? $t(e, i) : e, s = t.length - 1, a; s >= 0; s--)
-    (a = t[s]) && (o = a(o) || o);
-  return o;
+], Lt = "svg{display:block;fill:var(--maptiler-geocode-marker-fill, #3170fe);stroke:var(--maptiler-geocode-marker-stroke, #3170fe);height:30px}:host(.marker-selected){z-index:2}:host(.marker-selected) svg path{fill:var(--maptiler-geocode-marker-selected-fill, #98b7ff);stroke:var(--maptiler-geocode-marker-selected-stroke, #3170fe)}:host(.marker-reverse) svg path{fill:var(--maptiler-geocode-marker-reverse-fill, silver);stroke:var(--maptiler-geocode-marker-reverse-stroke, gray)}:host(.marker-interactive){cursor:pointer!important}:host(.marker-fuzzy) svg path{fill:var(--maptiler-geocode-marker-fuzzy-fill, silver);stroke:var(--maptiler-geocode-marker-fuzzy-stroke, gray)}:host(.marker-fuzzy.marker-selected) svg path{fill:var(--maptiler-geocode-marker-selected-fuzzy-fill, #ddd);stroke:var(--maptiler-geocode-marker-selected-fuzzy-stroke, silver)}";
+var $t = Object.getOwnPropertyDescriptor, It = (t, e, i, o) => {
+  for (var s = o > 1 ? void 0 : o ? $t(e, i) : e, a = t.length - 1, r; a >= 0; a--)
+    (r = t[a]) && (s = r(s) || s);
+  return s;
 };
-let le = class extends M {
+let ne = class extends O {
   render() {
-    return R`
+    return W`
       <svg
         viewBox="0 0 70 85"
         fill="none"
@@ -895,16 +905,16 @@ let le = class extends M {
     `;
   }
 };
-le.styles = I`
-    ${ce(_t)}
+ne.styles = F`
+    ${le(Lt)}
   `;
-le = Lt([
-  O("maptiler-geocode-marker")
-], le);
+ne = It([
+  C("maptiler-geocode-marker")
+], ne);
 function ke(t) {
-  const e = tt(
-    q([
-      Ze([
+  const e = it(
+    A([
+      Qe([
         [
           [180, 90],
           [-180, 90],
@@ -919,22 +929,22 @@ function ke(t) {
   if (!e)
     return;
   e.properties = { isMask: !0 };
-  const i = U(X(t)), r = (i[2] - i[0]) / 360 / 1e3, o = i[0] < -180, s = i[2] > 180, a = it(t);
-  if (a.features.length > 1 && (o || s))
-    for (const u of a.features) {
-      const w = U(X(u));
-      if (s && w[0] < -180 + r)
-        for (const k of u.geometry.coordinates)
-          for (const T of k)
-            T[0] += 360 - r;
-      if (o && w[2] > 180 - r)
-        for (const k of u.geometry.coordinates)
-          for (const T of k)
-            T[0] -= 360 - r;
+  const i = G(Y(t)), o = (i[2] - i[0]) / 360 / 1e3, s = i[0] < -180, a = i[2] > 180, r = st(t);
+  if (r.features.length > 1 && (s || a))
+    for (const u of r.features) {
+      const m = G(Y(u));
+      if (a && m[0] < -180 + o)
+        for (const _ of u.geometry.coordinates)
+          for (const L of _)
+            L[0] += 360 - o;
+      if (s && m[2] > 180 - o)
+        for (const _ of u.geometry.coordinates)
+          for (const L of _)
+            L[0] -= 360 - o;
     }
-  return q([a.features.length < 2 ? t : _e(a) ?? t, e]);
+  return A([r.features.length < 2 ? t : _e(r) ?? t, e]);
 }
-const It = {
+const Ft = {
   continental_marine: 4,
   country: 4,
   major_landform: 8,
@@ -958,21 +968,21 @@ const It = {
   "poi.restaurant": 18,
   "poi.aerodrome": 13
   // TODO add many more
-}, Mt = (t) => {
-  const e = t?.geometry.type, i = t?.properties?.isMask, r = i ? 0 : e === "LineString" || e === "MultiLineString" ? 3 : 2;
+}, Ot = (t) => {
+  const e = t?.geometry.type, i = t?.properties?.isMask, o = i ? 0 : e === "LineString" || e === "MultiLineString" ? 3 : 2;
   return {
     color: "#3170fe",
     fillColor: "#000",
     fillOpacity: i ? 0.1 : 0,
-    weight: r,
-    dashArray: [r, r],
+    weight: o,
+    dashArray: [o, o],
     lineCap: "butt"
   };
 };
-class Re extends He {
+class je extends Ye {
 }
-Object.assign(Re.prototype, Ke.prototype);
-class jt extends Re {
+Object.assign(je.prototype, He.prototype);
+class Dt extends je {
   #e;
   #t;
   constructor(e = {}) {
@@ -986,7 +996,7 @@ class jt extends Re {
   }
   /** @internal Not to be called directly */
   onRemove() {
-    this.#b(), this.#M(), this.#e = void 0, this.#t = void 0;
+    this.#b(), this.#F(), this.#e = void 0, this.#t = void 0;
   }
   getOptions() {
     return { ...this.options };
@@ -1001,7 +1011,7 @@ class jt extends Re {
     this.#t?.submitQuery(e);
   }
   clearMap() {
-    this.#r = [], this.#c(void 0, void 0);
+    this.#o = [], this.#c(void 0, void 0);
   }
   clearList() {
     this.#t?.clearList();
@@ -1020,9 +1030,9 @@ class jt extends Re {
   /** Marker representing the selected feature */
   #n;
   /** Marker representing the picked feature */
-  #o;
-  /** Features currently marked on the map */
   #r;
+  /** Features currently marked on the map */
+  #o;
   /** Remember last feature that the map flew to as to not do it again */
   #d;
   /** Layer used for showing geometry results */
@@ -1047,11 +1057,11 @@ class jt extends Re {
     },
     select: (e) => {
       const i = e.detail.feature;
-      i && this.#h && this.options.flyToSelected && this.#g({ lng: i.center[0], lat: i.center[1] }, this.#l(i)), this.#r && i && this.#L(i), this.#i("select", e.detail);
+      i && this.#h && this.options.flyToSelected && this.#g({ lng: i.center[0], lat: i.center[1] }, this.#l(i)), this.#o && i && this.#$(i), this.#i("select", e.detail);
     },
     pick: (e) => {
       const i = e.detail.feature;
-      i && i.id !== this.#d && this.#h && (this.#w(i), this.#c(this.#r, i)), this.#d = i?.id, this.#i("pick", e.detail);
+      i && i.id !== this.#d && this.#h && (this.#w(i), this.#c(this.#o, i)), this.#d = i?.id, this.#i("pick", e.detail);
     },
     featuresshow: () => {
       this.#i("featuresshow");
@@ -1061,10 +1071,10 @@ class jt extends Re {
     },
     featureslisted: (e) => {
       const i = e.detail.features;
-      this.#r = i, this.#c(this.#r, void 0), this.#k(i), this.#i("featureslisted", e.detail);
+      this.#o = i, this.#c(this.#o, void 0), this.#k(e), this.#i("featureslisted", e.detail);
     },
     featuresclear: () => {
-      this.#r = void 0, this.#c(void 0, void 0), this.#i("featuresclear");
+      this.#o = void 0, this.#c(void 0, void 0), this.#i("featuresclear");
     },
     focusin: () => {
       this.#i("focusin");
@@ -1103,24 +1113,25 @@ class jt extends Re {
     return super.fire(e, i);
   }
   #w(e) {
-    e.bbox[0] === e.bbox[2] && e.bbox[1] === e.bbox[3] ? this.#g({ lng: e.center[0], lat: e.center[1] }, this.#l(e)) : this.#y(U(e.bbox), 50, this.#l(e));
+    e.bbox[0] === e.bbox[2] && e.bbox[1] === e.bbox[3] ? this.#g({ lng: e.center[0], lat: e.center[1] }, this.#l(e)) : this.#y(G(e.bbox), 50, this.#l(e));
   }
-  #k(e) {
-    if (!e || e.length === 0 || !this.#h) return;
-    const i = e.every((s) => s.matching_text), r = e.reduce(
-      (s, a) => i || !a.matching_text ? [Math.min(s[0], a.bbox[0]), Math.min(s[1], a.bbox[1]), Math.max(s[2], a.bbox[2]), Math.max(s[3], a.bbox[3])] : s,
+  #k({ detail: { features: e, external: i } }) {
+    if (!e || e.length === 0 || !this.#h || this.options.flyToFeatures === !1 || this.options.flyToFeatures === "never" || !i && (this.options.flyToFeatures === void 0 || this.options.flyToFeatures === "external"))
+      return;
+    const o = e.every((r) => r.matching_text), s = e.reduce(
+      (r, u) => o || !u.matching_text ? [Math.min(r[0], u.bbox[0]), Math.min(r[1], u.bbox[1]), Math.max(r[2], u.bbox[2]), Math.max(r[3], u.bbox[3])] : r,
       [180, 90, -180, -90]
-    ), o = e.map((s) => this.#l(s)).filter((s) => s !== void 0).reduce((s, a) => s === void 0 ? a : Math.max(s, a), void 0);
-    this.#y(U(r), 50, o);
+    ), a = e.map((r) => this.#l(r)).filter((r) => r !== void 0).reduce((r, u) => r === void 0 ? u : Math.max(r, u), void 0);
+    this.#y(G(s), 50, a);
   }
   #l(e) {
     if (e.bbox[0] !== e.bbox[2] || e.bbox[1] !== e.bbox[3])
       return;
-    const i = e.id.replace(/\..*/, ""), r = this.options.zoom ?? It;
-    return (Array.isArray(e.properties?.categories) ? e.properties.categories.reduce((o, s) => {
-      const a = r[i + "." + s];
-      return o === void 0 ? a : a === void 0 ? o : Math.max(o, a);
-    }, void 0) : void 0) ?? r[i];
+    const i = e.id.replace(/\..*/, ""), o = this.options.zoom ?? Ft;
+    return (Array.isArray(e.properties?.categories) ? e.properties.categories.reduce((s, a) => {
+      const r = o[i + "." + a];
+      return s === void 0 ? r : r === void 0 ? s : Math.max(s, r);
+    }, void 0) : void 0) ?? o[i];
   }
   get #h() {
     return !!this.options.flyTo || this.options.flyTo === void 0;
@@ -1128,127 +1139,127 @@ class jt extends Re {
   get #_() {
     return typeof this.options.flyTo == "boolean" ? {} : this.options.flyTo;
   }
-  get #$() {
+  get #L() {
     return typeof this.options.flyTo == "boolean" ? {} : this.options.flyTo;
   }
   #g(e, i) {
     this.#e?.flyTo(e, i, this.#_ ?? void 0);
   }
-  #y(e, i, r) {
+  #y(e, i, o) {
     this.#e?.fitBounds(
       [
         [e[1], e[0]],
         [e[3], e[2]]
       ],
-      { padding: [i, i], ...r ? { maxZoom: r } : {}, ...this.#$ }
+      { padding: [i, i], ...o ? { maxZoom: o } : {}, ...this.#L }
     );
   }
   #v(e) {
     if (!(this.options.marker === !1 || this.options.marker === null || !this.#e)) {
       if (!e) {
-        this.#o?.remove(), this.#o = void 0;
+        this.#r?.remove(), this.#r = void 0;
         return;
       }
-      this.#o || (this.options.marker instanceof Function ? this.#o = this.options.marker(this.#e) ?? void 0 : (this.#o = this.#p(e, this.options.marker).addTo(this.#e), this.#o.getElement()?.classList.add("marker-reverse"))), this.#o?.setLatLng(e);
+      this.#r || (this.options.marker instanceof Function ? this.#r = this.options.marker(this.#e) ?? void 0 : (this.#r = this.#p(e, this.options.marker).addTo(this.#e), this.#r.getElement()?.classList.add("marker-reverse"))), this.#r?.setLatLng(e);
     }
   }
   #c(e, i) {
     if (!this.#e)
       return;
-    for (const o of this.#a.values())
-      o.remove();
+    for (const s of this.#a.values())
+      s.remove();
     this.#a = /* @__PURE__ */ new Map(), this.#s?.clearLayers();
-    const r = () => {
+    const o = () => {
       if (!i || !this.#e || this.options.marker === !1 || this.options.marker === null) return;
-      const o = this.options.marker instanceof Function ? this.options.marker(this.#e, i) : this.#p({ lng: i.center[0], lat: i.center[1] }, this.options.marker).addTo(this.#e);
-      o && this.#a.set(i, o);
+      const s = this.options.marker instanceof Function ? this.options.marker(this.#e, i) : this.#p({ lng: i.center[0], lat: i.center[1] }, this.options.marker).addTo(this.#e);
+      s && this.#a.set(i, s);
     };
     if (i?.geometry.type === "GeometryCollection") {
-      const o = i.geometry.geometries.filter(
-        (s) => s.type === "Polygon" || s.type === "MultiPolygon"
+      const s = i.geometry.geometries.filter(
+        (a) => a.type === "Polygon" || a.type === "MultiPolygon"
       );
-      if (o.length > 0) {
-        const s = _e(q(o.map((a) => Qe(a))));
-        if (s) {
-          const a = ke({ ...i, geometry: s.geometry });
-          if (a) {
-            const u = [...a.features], w = U(X(i)), k = w[2] - w[0];
-            w[0] - k / 4 < -180 && u.push(...be(a, -360).features), w[2] + k / 4 > 180 && u.push(...be(a, 360).features), this.#s?.addData(q(u));
+      if (s.length > 0) {
+        const a = _e(A(s.map((r) => Ke(r))));
+        if (a) {
+          const r = ke({ ...i, geometry: a.geometry });
+          if (r) {
+            const u = [...r.features], m = G(Y(i)), _ = m[2] - m[0];
+            m[0] - _ / 4 < -180 && u.push(...be(r, -360).features), m[2] + _ / 4 > 180 && u.push(...be(r, 360).features), this.#s?.addData(A(u));
           }
         }
       } else {
-        const s = i.geometry.geometries.filter(
-          (a) => a.type === "LineString" || a.type === "MultiLineString"
+        const a = i.geometry.geometries.filter(
+          (r) => r.type === "LineString" || r.type === "MultiLineString"
         );
-        s.length > 0 && this.#s?.addData({
+        a.length > 0 && this.#s?.addData({
           ...i,
-          geometry: { type: "GeometryCollection", geometries: s }
+          geometry: { type: "GeometryCollection", geometries: a }
         });
       }
     } else if (i?.geometry.type.endsWith("Polygon")) {
-      const o = ke(i);
-      o && this.#s?.addData(o), this.options.pickedResultStyle === "full-geometry-including-polygon-center-marker" && r();
-    } else i?.geometry.type.endsWith("LineString") ? this.#s?.addData(i) : i?.geometry.type.endsWith("Point") && r();
+      const s = ke(i);
+      s && this.#s?.addData(s), this.options.pickedResultStyle === "full-geometry-including-polygon-center-marker" && o();
+    } else i?.geometry.type.endsWith("LineString") ? this.#s?.addData(i) : i?.geometry.type.endsWith("Point") && o();
     if (this.options.showResultMarkers !== !1 && this.options.showResultMarkers !== null)
-      for (const o of e ?? []) {
-        if (o.id === i?.id || o.place_type.includes("reverse"))
+      for (const s of e ?? []) {
+        if (s.id === i?.id || s.place_type.includes("reverse"))
           continue;
-        let s;
+        let a;
         if (this.options.showResultMarkers instanceof Function) {
-          if (s = this.options.showResultMarkers(this.#e, o), !s)
+          if (a = this.options.showResultMarkers(this.#e, s), !a)
             continue;
         } else
-          s = this.#p({ lng: o.center[0], lat: o.center[1] }, this.options.showResultMarkers).bindPopup(
-            new Ye({
+          a = this.#p({ lng: s.center[0], lat: s.center[1] }, this.options.showResultMarkers).bindPopup(
+            new Je({
               offset: [0.3, -21],
               closeButton: !1,
               closeOnMove: !0,
               className: "maptiler-gc-popup"
-            }).setContent(o.place_type[0] === "reverse" ? o.place_name : o.place_name.replace(/,.*/, ""))
-          ).addTo(this.#e), s.getElement()?.classList.add("marker-interactive");
-        const a = s.getElement();
-        a?.addEventListener("click", (u) => {
-          u.stopPropagation(), this.#i("markerclick", { feature: o, marker: s });
-        }), a?.addEventListener("mouseenter", () => {
-          this.#i("markermouseenter", { feature: o, marker: s }), s.togglePopup();
-        }), a?.addEventListener("mouseleave", () => {
-          this.#i("markermouseleave", { feature: o, marker: s }), s.togglePopup();
-        }), a?.classList.toggle("marker-fuzzy", !!o.matching_text), this.#a.set(o, s);
+            }).setContent(s.place_type[0] === "reverse" ? s.place_name : s.place_name.replace(/,.*/, ""))
+          ).addTo(this.#e), a.getElement()?.classList.add("marker-interactive");
+        const r = a.getElement();
+        r?.addEventListener("click", (u) => {
+          u.stopPropagation(), this.#i("markerclick", { feature: s, marker: a });
+        }), r?.addEventListener("mouseenter", () => {
+          this.#i("markermouseenter", { feature: s, marker: a }), a.togglePopup();
+        }), r?.addEventListener("mouseleave", () => {
+          this.#i("markermouseleave", { feature: s, marker: a }), a.togglePopup();
+        }), r?.classList.toggle("marker-fuzzy", !!s.matching_text), this.#a.set(s, a);
       }
   }
-  #L(e) {
+  #$(e) {
     this.#n?.getElement()?.classList.toggle("marker-selected", !1), this.#n = void 0, this.options.markerOnSelected !== !1 && (this.#n = this.#a.get(e), this.#n?.getElement()?.classList.toggle("marker-selected", !0));
   }
   #I() {
-    this.#e && (this.#s = new Je(void 0, {
+    this.#e && (this.#s = new Xe(void 0, {
       style: this.#O(),
       interactive: !1
     }).addTo(this.#e));
   }
-  #M() {
+  #F() {
     this.#e && (this.#s?.removeFrom(this.#e), this.#s = void 0);
   }
   #p(e, i) {
-    return typeof i != "object" && (i = { icon: new Xe({ html: this.#e?.getContainer().ownerDocument.createElement("maptiler-geocode-marker"), iconAnchor: [12.3, 30], className: "" }) }), new et(e, i);
+    return typeof i != "object" && (i = { icon: new et({ html: this.#e?.getContainer().ownerDocument.createElement("maptiler-geocode-marker"), iconAnchor: [12.3, 30], className: "" }) }), new tt(e, i);
   }
   #O() {
     const { fullGeometryStyle: e } = this.options;
-    if (e === !0 || e === void 0) return Mt;
+    if (e === !0 || e === void 0) return Ot;
     if (!(e === !1 || e === null))
       return e;
   }
 }
 export {
-  Mt as DEFAULT_GEOMETRY_STYLE,
-  jt as GeocodingControl,
-  jt as LeafletGeocodingControl,
-  ee as MaptilerGeocodeClearIconElement,
-  te as MaptilerGeocodeFailIconElement,
-  ie as MaptilerGeocodeLoadingIconElement,
-  le as MaptilerGeocodeMarkerElement,
-  se as MaptilerGeocodeReverseGeocodingIconElement,
-  oe as MaptilerGeocodeSearchIconElement,
+  Ot as DEFAULT_GEOMETRY_STYLE,
+  Dt as GeocodingControl,
+  Dt as LeafletGeocodingControl,
+  J as MaptilerGeocodeClearIconElement,
+  X as MaptilerGeocodeFailIconElement,
+  ee as MaptilerGeocodeLoadingIconElement,
+  ne as MaptilerGeocodeMarkerElement,
+  te as MaptilerGeocodeReverseGeocodingIconElement,
+  ie as MaptilerGeocodeSearchIconElement,
   l as MaptilerGeocoderElement,
-  It as ZOOM_DEFAULTS
+  Ft as ZOOM_DEFAULTS
 };
 //# sourceMappingURL=leaflet.public.js.map