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

package/dist/openlayers.public.js

@@ -1,25 +1,25 @@
-import { css as F, LitElement as M, svg as A, html as m, unsafeCSS as he, nothing as ee } from "lit";
-import { customElement as S, property as d, state as w, query as Ze } from "lit/decorators.js";
+import { css as F, LitElement as O, svg as W, html as m, unsafeCSS as ce, nothing as J } from "lit";
+import { customElement as S, property as d, state as b, query as Ze } from "lit/decorators.js";
 import { convert as Ne } from "geo-coordinates-parser";
 import { classMap as V } from "lit/directives/class-map.js";
 import { repeat as Qe } from "lit/directives/repeat.js";
 import "@turf/clone";
 import { styleMap as Ke } from "lit/directives/style-map.js";
-import { Feature as L } from "ol";
+import { Feature as $ } from "ol";
 import { Control as Ye } from "ol/control";
 import He from "ol/events/Event";
-import { Point as X, Polygon as we, MultiPolygon as ke, GeometryCollection as Je, LineString as _e, MultiLineString as $e } from "ol/geom";
+import { Point as H, Polygon as be, MultiPolygon as we, GeometryCollection as Je, LineString as ke, MultiLineString as _e } from "ol/geom";
 import Xe from "ol/layer/Vector";
 import { transformExtent as et, getUserProjection as tt, fromLonLat as it, toLonLat as st } from "ol/proj";
 import rt from "ol/source/Vector";
 import Le from "@turf/bbox";
 import ot from "@turf/difference";
 import at from "@turf/flatten";
-import { featureCollection as Ie, polygon as nt } from "@turf/helpers";
+import { featureCollection as $e, polygon as nt } from "@turf/helpers";
 import lt from "@turf/union";
-import Fe from "ol/style/Fill";
+import Ie from "ol/style/Fill";
 import ct from "ol/style/Icon";
-import Me from "ol/style/Stroke";
+import Fe from "ol/style/Stroke";
 import ht from "ol/style/Style";
 import dt from "ol/style/Text";
 var pt = Object.getOwnPropertyDescriptor, ut = (t, e, i, o) => {
@@ -27,9 +27,9 @@ var pt = Object.getOwnPropertyDescriptor, ut = (t, e, i, o) => {
     (a = t[r]) && (s = a(s) || s);
   return s;
 };
-let te = class extends M {
+let X = class extends O {
   render() {
-    return A`
+    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"
@@ -38,23 +38,23 @@ let te = class extends M {
     `;
   }
 };
-te.styles = F`
+X.styles = F`
     svg {
       display: block;
       fill: var(--color-icon-button);
     }
   `;
-te = ut([
+X = ut([
   S("maptiler-geocode-clear-icon")
-], te);
+], X);
 var ft = Object.getOwnPropertyDescriptor, mt = (t, e, i, o) => {
   for (var s = o > 1 ? void 0 : o ? ft(e, i) : e, r = t.length - 1, a; r >= 0; r--)
     (a = t[r]) && (s = a(s) || s);
   return s;
 };
-let ie = class extends M {
+let ee = class extends O {
   render() {
-    return A`
+    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"
@@ -63,21 +63,21 @@ let ie = class extends M {
     `;
   }
 };
-ie.styles = F`
+ee.styles = F`
     svg {
       display: block;
       fill: #e15042;
     }
   `;
-ie = mt([
+ee = mt([
   S("maptiler-geocode-fail-icon")
-], ie);
+], ee);
 var gt = Object.getOwnPropertyDescriptor, yt = (t, e, i, o) => {
   for (var s = o > 1 ? void 0 : o ? gt(e, i) : e, r = t.length - 1, a; r >= 0; r--)
     (a = t[r]) && (s = a(s) || s);
   return s;
 };
-let se = class extends M {
+let te = class extends O {
   render() {
     return m`
       <div>
@@ -89,7 +89,7 @@ let se = class extends M {
     `;
   }
 };
-se.styles = F`
+te.styles = F`
     div {
       position: absolute;
       left: 50%;
@@ -116,17 +116,17 @@ se.styles = F`
       }
     }
   `;
-se = yt([
+te = yt([
   S("maptiler-geocode-loading-icon")
-], se);
+], te);
 var vt = Object.getOwnPropertyDescriptor, xt = (t, e, i, o) => {
   for (var s = o > 1 ? void 0 : o ? vt(e, i) : e, r = t.length - 1, a; r >= 0; r--)
     (a = t[r]) && (s = a(s) || s);
   return s;
 };
-let re = class extends M {
+let ie = class extends O {
   render() {
-    return A`
+    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"
@@ -135,23 +135,23 @@ let re = class extends M {
     `;
   }
 };
-re.styles = F`
+ie.styles = F`
     svg {
       display: block;
       fill: var(--color-icon-button);
     }
   `;
-re = xt([
+ie = xt([
   S("maptiler-geocode-reverse-geocoding-icon")
-], re);
+], ie);
 var bt = Object.getOwnPropertyDescriptor, wt = (t, e, i, o) => {
   for (var s = o > 1 ? void 0 : o ? bt(e, i) : e, r = t.length - 1, a; r >= 0; r--)
     (a = t[r]) && (s = a(s) || s);
   return s;
 };
-let oe = class extends M {
+let se = class extends O {
   render() {
-    return A`
+    return W`
       <svg
         xmlns="http://www.w3.org/2000/svg"
         width="13"
@@ -164,7 +164,7 @@ let oe = class extends M {
     `;
   }
 };
-oe.styles = F`
+se.styles = F`
     circle {
       stroke-width: 1.875;
       fill: none;
@@ -180,27 +180,27 @@ oe.styles = F`
       stroke: var(--color-icon-button);
     }
   `;
-oe = wt([
+se = wt([
   S("maptiler-geocode-search-icon")
-], oe);
+], se);
 function kt(t, e, i) {
   const o = e[1], s = e[0], r = o - s;
   return t === o && i ? t : ((t - s) % r + r) % r + s;
 }
-function Z(t) {
+function D(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;
 }
-let G;
+let B;
 async function _t(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 (G && o.cachedLocationExpiry && G.time + o.cachedLocationExpiry > Date.now()) {
-          if (G.coords)
-            return G.coords;
+        if (B && o.cachedLocationExpiry && B.time + o.cachedLocationExpiry > Date.now()) {
+          if (B.coords)
+            return B.coords;
         } else {
           let s;
           try {
@@ -219,7 +219,7 @@ async function _t(t, e, i) {
             }), s;
           } catch {
           } finally {
-            o.cachedLocationExpiry && (G = {
+            o.cachedLocationExpiry && (B = {
               time: Date.now(),
               coords: s
             });
@@ -233,21 +233,21 @@ async function _t(t, e, i) {
         return t[1].toFixed(6) + "," + t[2].toFixed(6);
     }
 }
-const $t = ".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 Lt = Object.defineProperty, It = Object.getOwnPropertyDescriptor, Se = (t) => {
+const Lt = ".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 $t = Object.defineProperty, It = Object.getOwnPropertyDescriptor, Oe = (t) => {
   throw TypeError(t);
-}, $ = (t, e, i, o) => {
+}, L = (t, e, i, o) => {
   for (var s = o > 1 ? void 0 : o ? It(e, i) : e, r = t.length - 1, a; r >= 0; r--)
     (a = t[r]) && (s = (o ? a(e, i, s) : a(s)) || s);
-  return o && s && Lt(e, i, s), s;
-}, Oe = (t, e, i) => e.has(t) || Se("Cannot " + i), f = (t, e, i) => (Oe(t, e, "read from private field"), i ? i.call(t) : e.get(t)), Ft = (t, e, i) => e.has(t) ? Se("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), U = (t, e, i) => (Oe(t, e, "access private method"), i), p, N, z, g, Te, Ce, de, ae;
-const Pe = typeof devicePixelRatio > "u" || devicePixelRatio > 1.25, Ee = Pe ? "@2x" : "", P = Pe ? 2 : 1;
-let C, Ue, k = class extends M {
+  return o && s && $t(e, i, s), s;
+}, Se = (t, e, i) => e.has(t) || Oe("Cannot " + i), f = (t, e, i) => (Se(t, e, "read from private field"), i ? i.call(t) : e.get(t)), Ft = (t, e, i) => e.has(t) ? Oe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), E = (t, e, i) => (Se(t, e, "access private method"), i), p, q, z, g, Me, Te, he, re;
+const Ce = typeof devicePixelRatio > "u" || devicePixelRatio > 1.25, Pe = Ce ? "@2x" : "", P = Ce ? 2 : 1;
+let C, Ee, k = class extends O {
   constructor() {
     super(...arguments), Ft(this, p), this.itemStyle = "default", this.showPlaceType = "if-needed", this.missingIconsCache = /* @__PURE__ */ new Set(), this.iconsBaseUrl = "", this.index = 0;
   }
   willUpdate(t) {
-    t.has("feature") && f(this, p, N) && (this.index = f(this, p, N).length, U(this, p, de).call(this));
+    t.has("feature") && f(this, p, q) && (this.index = f(this, p, q).length, E(this, p, he).call(this));
   }
   render() {
     return m`
@@ -265,19 +265,19 @@ let C, Ue, k = class extends M {
                 style=${Ke({
       width: `${this.spriteIcon.width / P}px`,
       height: `${this.spriteIcon.height / P}px`,
-      backgroundImage: `url(${this.iconsBaseUrl}sprite${Ee}.png)`,
+      backgroundImage: `url(${this.iconsBaseUrl}sprite${Pe}.png)`,
       backgroundPosition: `-${this.spriteIcon.x / P}px -${this.spriteIcon.y / P}px`,
       backgroundSize: `${C.width / P}px ${C.height / P}px`
     })}
                 title=${f(this, p, g)}
               />
-            ` : this.imageUrl ? m` <img src=${this.imageUrl} alt=${this.category} title=${f(this, p, g)} @error=${U(this, p, Ce)} />` : this.feature?.address ? m` <img src=${this.iconsBaseUrl + "housenumber.svg"} alt=${f(this, p, g)} title=${f(this, p, g)} /> ` : this.feature?.id.startsWith("road.") ? m` <img src=${this.iconsBaseUrl + "road.svg"} alt=${f(this, p, g)} title=${f(this, p, g)} /> ` : this.feature?.id.startsWith("address.") ? m` <img src=${this.iconsBaseUrl + "street.svg"} alt=${f(this, p, g)} title=${f(this, p, g)} /> ` : this.feature?.id.startsWith("postal_code.") ? m` <img src=${this.iconsBaseUrl + "postal_code.svg"} alt=${f(this, p, g)} title=${f(this, p, g)} /> ` : this.feature?.id.startsWith("poi.") ? m` <img src=${this.iconsBaseUrl + "poi.svg"} alt=${f(this, p, g)} title=${f(this, p, g)} /> ` : f(this, p, z) ? m` <img src=${this.iconsBaseUrl + "reverse.svg"} alt=${f(this, p, g)} title=${f(this, p, g)} /> ` : m` <img src=${this.iconsBaseUrl + "area.svg"} alt=${f(this, p, g)} title=${f(this, p, g)} /> `}
+            ` : this.imageUrl ? m` <img src=${this.imageUrl} alt=${this.category} title=${f(this, p, g)} @error=${E(this, p, Te)} />` : this.feature?.address ? m` <img src=${this.iconsBaseUrl + "housenumber.svg"} alt=${f(this, p, g)} title=${f(this, p, g)} /> ` : this.feature?.id.startsWith("road.") ? m` <img src=${this.iconsBaseUrl + "road.svg"} alt=${f(this, p, g)} title=${f(this, p, g)} /> ` : this.feature?.id.startsWith("address.") ? m` <img src=${this.iconsBaseUrl + "street.svg"} alt=${f(this, p, g)} title=${f(this, p, g)} /> ` : this.feature?.id.startsWith("postal_code.") ? m` <img src=${this.iconsBaseUrl + "postal_code.svg"} alt=${f(this, p, g)} title=${f(this, p, g)} /> ` : this.feature?.id.startsWith("poi.") ? m` <img src=${this.iconsBaseUrl + "poi.svg"} alt=${f(this, p, g)} title=${f(this, p, g)} /> ` : f(this, p, z) ? m` <img src=${this.iconsBaseUrl + "reverse.svg"} alt=${f(this, p, g)} title=${f(this, p, g)} /> ` : m` <img src=${this.iconsBaseUrl + "area.svg"} alt=${f(this, p, g)} title=${f(this, p, g)} /> `}
 
         <span class="texts">
           <span>
             <span class="primary"> ${f(this, p, z) ? 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, p, z) ? m` <span class="secondary"> ${f(this, p, g)} </span> ` : ee}
+            ${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, p, z) ? m` <span class="secondary"> ${f(this, p, g)} </span> ` : J}
           </span>
 
           <span class="line2"> ${f(this, p, z) ? this.feature?.text : this.feature?.place_name.replace(/[^,]*,?s*/, "")} </span>
@@ -287,7 +287,7 @@ let C, Ue, k = class extends M {
   }
 };
 p = /* @__PURE__ */ new WeakSet();
-N = function() {
+q = function() {
   return this.feature?.properties?.categories;
 };
 z = function() {
@@ -296,75 +296,75 @@ z = function() {
 g = function() {
   return this.feature?.properties?.categories?.join(", ") ?? this.feature?.place_type_name?.[0] ?? this.feature?.place_type[0];
 };
-Te = function() {
-  Ue ??= fetch(`${this.iconsBaseUrl}sprite${Ee}.json`).then((t) => t.json()).then((t) => {
+Me = function() {
+  Ee ??= fetch(`${this.iconsBaseUrl}sprite${Pe}.json`).then((t) => t.json()).then((t) => {
     C = t;
   }).catch(() => {
     C = null;
   });
 };
-Ce = function() {
-  this.imageUrl && this.missingIconsCache.add(this.imageUrl), U(this, p, de).call(this);
+Te = function() {
+  this.imageUrl && this.missingIconsCache.add(this.imageUrl), E(this, p, he).call(this);
 };
-de = function() {
-  C !== void 0 ? U(this, p, ae).call(this) : (U(this, p, Te).call(this), Ue?.then(() => {
-    U(this, p, ae).call(this);
+he = function() {
+  C !== void 0 ? E(this, p, re).call(this) : (E(this, p, Me).call(this), Ee?.then(() => {
+    E(this, p, re).call(this);
   }));
 };
-ae = function() {
+re = function() {
   do {
-    if (this.index--, this.category = f(this, p, N)?.[this.index], this.spriteIcon = this.category ? C?.icons[this.category] : void 0, this.spriteIcon)
+    if (this.index--, this.category = f(this, p, q)?.[this.index], this.spriteIcon = this.category ? C?.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)));
 };
 k.styles = F`
-    ${he($t)}
+    ${ce(Lt)}
   `;
-$([
+L([
   d({ type: Object })
 ], k.prototype, "feature", 2);
-$([
+L([
   d({ type: String })
 ], k.prototype, "itemStyle", 2);
-$([
+L([
   d({ type: String })
 ], k.prototype, "showPlaceType", 2);
-$([
+L([
   d({ attribute: !1 })
 ], k.prototype, "missingIconsCache", 2);
-$([
+L([
   d({ type: String })
 ], k.prototype, "iconsBaseUrl", 2);
-$([
-  w()
+L([
+  b()
 ], k.prototype, "category", 2);
-$([
-  w()
+L([
+  b()
 ], k.prototype, "imageUrl", 2);
-$([
-  w()
+L([
+  b()
 ], k.prototype, "spriteIcon", 2);
-$([
-  w()
+L([
+  b()
 ], k.prototype, "index", 2);
-k = $([
+k = L([
   S("maptiler-geocoder-feature-item")
 ], k);
-const Mt = "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 St = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, Be = (t) => {
+const Ot = "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 St = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, Ue = (t) => {
   throw TypeError(t);
 }, c = (t, e, i, o) => {
-  for (var s = o > 1 ? void 0 : o ? Ot(e, i) : e, r = t.length - 1, a; r >= 0; r--)
+  for (var s = o > 1 ? void 0 : o ? Mt(e, i) : e, r = t.length - 1, a; r >= 0; r--)
     (a = t[r]) && (s = (o ? a(e, i, s) : a(s)) || s);
   return o && s && St(e, i, s), s;
-}, pe = (t, e, i) => e.has(t) || Be("Cannot " + i), b = (t, e, i) => (pe(t, e, "read from private field"), i ? i.call(t) : e.get(t)), E = (t, e, i) => e.has(t) ? Be("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), W = (t, e, i, o) => (pe(t, e, "write to private field"), e.set(t, i), i), h = (t, e, i) => (pe(t, e, "access private method"), i), Q, q, j, ne, R, n, K, Ge, ze, ue, x, fe, Y, me, ge, I, ye, H, je, le, Re, Ae, De, Ve, We;
-let l = class extends M {
+}, de = (t, e, i) => e.has(t) || Ue("Cannot " + i), w = (t, e, i) => (de(t, e, "read from private field"), i ? i.call(t) : e.get(t)), G = (t, e, i) => e.has(t) ? Ue("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), oe = (t, e, i, o) => (de(t, e, "write to private field"), e.set(t, i), i), h = (t, e, i) => (de(t, e, "access private method"), i), Z, j, ae, R, n, N, Be, pe, x, ue, Q, fe, me, I, ge, K, Ge, ne, ze, je, Re, We, Ae, Ve, De;
+let l = class extends O {
   constructor() {
-    super(...arguments), E(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, E(this, Q, !1), E(this, q, !1), E(this, j), E(this, ne, /* @__PURE__ */ new Set()), E(this, R);
+    super(...arguments), G(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, G(this, Z, !1), G(this, j), G(this, ae, /* @__PURE__ */ new Set()), G(this, R);
   }
   firstUpdated() {
-    W(this, Q, !0);
+    oe(this, Z, !0);
   }
   /**
    * Set the options of this instance.
@@ -383,7 +383,7 @@ let l = class extends M {
    * @param value text to set
    */
   setQuery(t) {
-    h(this, n, ge).call(this, t, { external: !0 }), h(this, n, me).call(this);
+    h(this, n, me).call(this, t, { external: !0 }), h(this, n, fe).call(this);
   }
   /**
    * Set the content of search input box and immediately submit it.
@@ -391,7 +391,7 @@ let l = class extends M {
    * @param value text to set and submit
    */
   submitQuery(t) {
-    h(this, n, ye).call(this, t);
+    h(this, n, ge).call(this, t, { external: !0 });
   }
   /**
    * Clear search result list.
@@ -421,27 +421,25 @@ let l = class extends M {
   }
   /** @internal */
   handleMapChange(t) {
-    W(this, R, t);
+    oe(this, R, t);
   }
   /** @internal */
   handleMapClick(t) {
-    this.reverseActive && h(this, n, je).call(this, t);
+    this.reverseActive && h(this, n, Ge).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, I).call(this), this.selectedItemIndex = -1), ["searchValue", "minLength"].some((e) => t.has(e)) && b(this, n, ue) && (h(this, n, I).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, x).call(this, "select", { feature: b(this, n, K) }), ["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, K).call(this, this.picked.id, { byId: !0 }) : Promise.resolve()).then(
       () => {
         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, x).call(this, "pick", { feature: this.picked }));
       }
-    ), ["listFeatures", "focusedDelayed"].some((e) => t.has(e)) && (b(this, n, Ge) ? (h(this, n, x).call(this, "featuresshow"), W(this, q, !0)) : b(this, q) && h(this, n, x).call(this, "featureshide")), ["reverseActive"].some((e) => t.has(e)) && h(this, n, x).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, fe)} class=${V({ "can-collapse": this.collapsed && this.searchValue === "" })}>
+      <form @submit=${h(this, n, ue)} class=${V({ "can-collapse": this.collapsed && this.searchValue === "" })}>
         <div class="input-group">
           <button
             class="search-button"
@@ -458,16 +456,16 @@ let l = class extends M {
             @focus=${() => this.focused = !0}
             @blur=${() => this.focused = !1}
             @click=${() => this.focused = !0}
-            @keydown=${h(this, n, le)}
-            @input=${h(this, n, Re)}
+            @keydown=${h(this, n, ne)}
+            @input=${h(this, n, ze)}
             @change=${() => this.picked = void 0}
             placeholder=${this.placeholder ?? "Search"}
             aria-label=${this.placeholder ?? "Search"}
           />
 
           <div class="clear-button-container ${V({ displayable: this.searchValue !== "" })}">
-            ${b(this, n, ze) ? m`<maptiler-geocode-loading-icon></maptiler-geocode-loading-icon>` : m`
-                  <button type="button" @click=${h(this, n, We)} title=${this.clearButtonTitle ?? "clear"}>
+            ${w(this, n, Be) ? m`<maptiler-geocode-loading-icon></maptiler-geocode-loading-icon>` : m`
+                  <button type="button" @click=${h(this, n, De)} title=${this.clearButtonTitle ?? "clear"}>
                     <maptiler-geocode-clear-icon></maptiler-geocode-clear-icon>
                   </button>
                 `}
@@ -482,7 +480,7 @@ let l = class extends M {
                 >
                   <maptiler-geocode-reverse-geocoding-icon></maptiler-geocode-reverse-geocoding-icon>
                 </button>
-              ` : ee}
+              ` : J}
 
           <!-- <slot /> -->
         </div>
@@ -497,7 +495,7 @@ let l = class extends M {
                   <maptiler-geocode-clear-icon></maptiler-geocode-clear-icon>
                 </button>
               </div>
-            ` : !this.focusedDelayed && !this.keepListOpen || this.listFeatures === void 0 ? ee : 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>
 
@@ -506,7 +504,14 @@ let l = class extends M {
                     </div>
                   </div>
                 ` : m`
-                  <ul class="options ${V({ "open-on-top": this.openListOnTop })}" @mouseleave=${h(this, n, Ve)} @keydown=${h(this, n, le)} role="listbox">
+                  <ul
+                    class="options ${V({ "open-on-top": this.openListOnTop })}"
+                    @pointerleave=${h(this, n, We)}
+                    @pointerdown=${h(this, n, Ae)}
+                    @pointerup=${h(this, n, Ve)}
+                    @keydown=${h(this, n, ne)}
+                    role="listbox"
+                  >
                     ${Qe(
       this.listFeatures,
       (t) => t.id + (t.address ? "," + t.address : ""),
@@ -515,17 +520,15 @@ let l = class extends M {
                           .feature=${t}
                           .showPlaceType=${this.showPlaceType ?? "if-needed"}
                           itemStyle=${this.selectedItemIndex === e ? "selected" : this.picked?.id === t.id ? "picked" : "default"}
-                          @mouseenter=${() => {
-        h(this, n, De).call(this, e);
+                          @pointerenter=${() => {
+        h(this, n, Re).call(this, e);
       }}
                           @select=${() => {
-        h(this, n, Ae).call(this, t);
+        h(this, n, je).call(this, t);
       }}
-                          .missingIconsCache=${b(this, ne)}
-                          .iconsBaseUrl=${this.iconsBaseUrl ?? "https://cdn.maptiler.com/maptiler-geocoding-control/v3.0.0-rc.6/icons/"}
-                        >
-                          ${t.place_name}
-                        </maptiler-geocoder-feature-item>
+                          .missingIconsCache=${w(this, ae)}
+                          .iconsBaseUrl=${this.iconsBaseUrl ?? "https://cdn.maptiler.com/maptiler-geocoding-control/v3.0.0-rc.8/icons/"}
+                        />
                       `
     )}
                   </ul>
@@ -534,26 +537,22 @@ let l = class extends M {
     `;
   }
 };
-Q = /* @__PURE__ */ new WeakMap();
-q = /* @__PURE__ */ new WeakMap();
+Z = /* @__PURE__ */ new WeakMap();
 j = /* @__PURE__ */ new WeakMap();
-ne = /* @__PURE__ */ new WeakMap();
+ae = /* @__PURE__ */ new WeakMap();
 R = /* @__PURE__ */ new WeakMap();
 n = /* @__PURE__ */ new WeakSet();
-K = function() {
+N = function() {
   return this.listFeatures?.[this.selectedItemIndex];
 };
-Ge = function() {
-  return !!this.listFeatures?.length && (this.focusedDelayed || this.keepListOpen);
-};
-ze = function() {
+Be = function() {
   return this.abortController !== void 0;
 };
-ue = function() {
+pe = function() {
   return this.searchValue.length < (this.minLength ?? 2);
 };
 x = function(t, ...[e]) {
-  b(this, Q) && this.dispatchEvent(
+  w(this, Z) && this.dispatchEvent(
     new CustomEvent(t, {
       bubbles: !0,
       composed: !0,
@@ -561,30 +560,30 @@ x = function(t, ...[e]) {
     })
   );
 };
-fe = function(t) {
-  t?.preventDefault(), this.focused = !1, clearTimeout(b(this, j)), 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, external: t === void 0 }).then(() => {
+ue = function(t, { external: e = !1 } = {}) {
+  t?.preventDefault(), this.focused = !1, clearTimeout(w(this, j)), 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, K).call(this, this.searchValue, { exact: !0, external: e }).then(() => {
     this.picked = void 0;
-  }).catch((e) => this.error = e);
+  }).catch((i) => this.error = i);
 };
-Y = function(t) {
+Q = function(t) {
   try {
     return Ne(t, 6);
   } catch {
     return !1;
   }
 };
-me = function() {
+fe = function() {
   setTimeout(() => {
     this.input.focus(), this.focused = !0, this.input.select();
   });
 };
-ge = function(t, { external: e = !1 } = {}) {
-  if (this.searchValue = t, h(this, n, x).call(this, "querychange", { query: this.searchValue, reverseCoords: h(this, n, Y).call(this, t) }), this.error = void 0, this.picked = void 0, this.showResultsWhileTyping !== !1) {
-    if (clearTimeout(b(this, j)), b(this, n, ue))
+me = function(t, { external: e = !1 } = {}) {
+  if (this.searchValue = t, h(this, n, x).call(this, "querychange", { query: this.searchValue, reverseCoords: h(this, n, Q).call(this, t) }), this.error = void 0, this.picked = void 0, this.showResultsWhileTyping !== !1) {
+    if (clearTimeout(w(this, j)), w(this, n, pe))
       return;
     const i = this.searchValue;
-    W(this, j, window.setTimeout(() => {
-      h(this, n, H).call(this, i, { external: e }).catch((o) => this.error = o);
+    oe(this, j, window.setTimeout(() => {
+      h(this, n, K).call(this, i, { external: e }).catch((o) => this.error = o);
     }, this.debounceSearch ?? 200));
   } else
     h(this, n, I).call(this);
@@ -592,53 +591,53 @@ ge = function(t, { external: e = !1 } = {}) {
 I = function() {
   this.listFeatures !== void 0 && (this.listFeatures = void 0, h(this, n, x).call(this, "featuresclear"));
 };
-ye = function(t) {
-  this.searchValue = t, h(this, n, x).call(this, "querychange", { query: this.searchValue, reverseCoords: h(this, n, Y).call(this, t) }), this.selectedItemIndex = -1, h(this, n, fe).call(this);
+ge = function(t, { external: e = !1 } = {}) {
+  this.searchValue = t, h(this, n, x).call(this, "querychange", { query: this.searchValue, reverseCoords: h(this, n, Q).call(this, t) }), this.selectedItemIndex = -1, h(this, n, ue).call(this, void 0, { external: e });
 };
-H = async function(t, { byId: e = !1, exact: i = !1, external: o = !1 } = {}) {
+K = async function(t, { byId: e = !1, exact: i = !1, external: o = !1 } = {}) {
   this.error = void 0, this.abortController?.abort();
   const s = new AbortController();
   this.abortController = s;
   try {
-    const r = this.apiUrl ?? "https://api.maptiler.com/geocoding", a = h(this, n, Y).call(this, t), u = new URL(r + "/" + encodeURIComponent(a ? `${a.decimalLongitude},${a.decimalLatitude}` : t) + ".json"), y = u.searchParams;
+    const r = this.apiUrl ?? "https://api.maptiler.com/geocoding", a = h(this, n, Q).call(this, t), u = new URL(r + "/" + encodeURIComponent(a ? `${a.decimalLongitude},${a.decimalLatitude}` : t) + ".json"), y = u.searchParams;
     this.language !== void 0 && y.set("language", Array.isArray(this.language) ? this.language.join(",") : this.language ?? "");
-    const [O] = b(this, R) ?? [void 0];
+    const [M] = w(this, R) ?? [void 0];
     let _ = (!a || this.reverseGeocodingTypes === void 0 ? this.types : this.reverseGeocodingTypes)?.map(
-      (v) => typeof v == "string" ? v : O === void 0 || (v[0] ?? 0) <= O && O < (v[1] ?? 1 / 0) ? v[2] : void 0
+      (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);
     _ && (_ = [...new Set(_)], y.set("types", _.join(",")));
-    const ve = !a || this.reverseGeocodingExcludeTypes === void 0 ? this.excludeTypes : this.reverseGeocodingExcludeTypes;
-    if (ve && y.set("excludeTypes", String(ve)), 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 && !a) {
-      const v = this.proximity ?? [{ type: "server-geolocation" }], be = await _t(b(this, R), v, s);
-      be && y.set("proximity", be), (i || this.showResultsWhileTyping === !1) && y.set("autocomplete", "false"), y.set("fuzzyMatch", String(this.fuzzyMatch !== !1));
+    const ye = !a || 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 && !a) {
+      const v = this.proximity ?? [{ type: "server-geolocation" }], xe = await _t(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 xe = this.limit ?? 5, J = this.reverseGeocodingLimit ?? xe;
-    J > 1 && _?.length !== 1 && console.warn("[MapTilerGeocodingControl] Warning: For reverse geocoding when limit > 1 then types must contain single value."), a ? (J === 1 || this.exhaustiveReverseGeocoding || _?.length === 1) && y.set("limit", String(J)) : y.set("limit", String(xe)), this.apiKey && y.set("key", this.apiKey), this.adjustUrl?.(u);
-    const qe = u.searchParams.get("types") === "" && u.searchParams.get("excludeTypes") !== "true", D = u.toString();
-    if (D === this.lastSearchUrl) {
-      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 !== b(this, n, K)?.id && (this.selectedItemIndex = -1));
+    const ve = this.limit ?? 5, Y = this.reverseGeocodingLimit ?? ve;
+    Y > 1 && _?.length !== 1 && console.warn("[MapTilerGeocodingControl] Warning: For reverse geocoding when limit > 1 then types must contain single value."), a ? (Y === 1 || this.exhaustiveReverseGeocoding || _?.length === 1) && y.set("limit", String(Y)) : y.set("limit", String(ve)), this.apiKey && y.set("key", this.apiKey), this.adjustUrl?.(u);
+    const qe = u.searchParams.get("types") === "" && u.searchParams.get("excludeTypes") !== "true", A = u.toString();
+    if (A === this.lastSearchUrl) {
+      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, x).call(this, "request", { urlObj: u }), this.lastSearchUrl = D;
-    let B;
+    h(this, n, x).call(this, "request", { urlObj: u }), this.lastSearchUrl = A;
+    let U;
     if (qe)
-      B = { type: "FeatureCollection", features: [] };
+      U = { type: "FeatureCollection", features: [] };
     else {
-      const v = await fetch(D, {
+      const v = await fetch(A, {
         signal: s.signal,
         ...this.fetchParameters
       });
       if (!v.ok)
         throw new Error(await v.text());
-      B = await v.json();
+      U = await v.json();
     }
-    h(this, n, x).call(this, "response", { url: D, featureCollection: B }), e ? (this.clearListOnPick && h(this, n, I).call(this), this.picked = B.features[0], this.cachedFeatures = [this.picked]) : (this.listFeatures = B.features.filter(this.filter ?? (() => !0)), a && this.listFeatures.unshift({
+    h(this, n, x).call(this, "response", { url: A, featureCollection: U }), e ? (this.clearListOnPick && h(this, n, I).call(this), this.picked = U.features[0], this.cachedFeatures = [this.picked]) : (this.listFeatures = U.features.filter(this.filter ?? (() => !0)), a && this.listFeatures.unshift({
       type: "Feature",
       properties: {},
       /* eslint-disable @typescript-eslint/restrict-template-expressions */
       id: `reverse_${a.decimalLongitude}_${a.decimalLatitude}`,
-      text: `${a.decimalLatitude}, ${a.decimalLongitude}`,
-      place_name: a.toCoordinateFormat("DMS"),
+      place_name: `${a.decimalLatitude}, ${a.decimalLongitude}`,
+      text: a.toCoordinateFormat("DMS"),
       /* eslint-enable @typescript-eslint/restrict-template-expressions */
       place_type: ["reverse"],
       place_type_name: ["reverse"],
@@ -648,7 +647,7 @@ H = async function(t, { byId: e = !1, exact: i = !1, external: o = !1 } = {}) {
         type: "Point",
         coordinates: [a.decimalLongitude, a.decimalLatitude]
       }
-    }), h(this, n, x).call(this, "featureslisted", { features: this.listFeatures, external: o }), this.cachedFeatures = this.listFeatures, this.listFeatures[this.selectedItemIndex]?.id !== b(this, n, K)?.id && (this.selectedItemIndex = -1), a && this.input.focus());
+    }), 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), a && this.input.focus());
   } catch (r) {
     if (r && typeof r == "object" && "name" in r && r.name === "AbortError")
       return;
@@ -657,32 +656,40 @@ H = async function(t, { byId: e = !1, exact: i = !1, external: o = !1 } = {}) {
     s === this.abortController && (this.abortController = void 0);
   }
 };
-je = function(t) {
-  this.reverseActive = this.enableReverse === "always", h(this, n, I).call(this), this.picked = void 0, h(this, n, ye).call(this, `${t[1].toFixed(6)}, ${kt(t[0], [-180, 180], !0).toFixed(6)}`), h(this, n, me).call(this);
+Ge = function(t) {
+  this.reverseActive = this.enableReverse === "always", h(this, n, I).call(this), this.picked = void 0, h(this, n, ge).call(this, `${t[1].toFixed(6)}, ${kt(t[0], [-180, 180], !0).toFixed(6)}`), h(this, n, fe).call(this);
 };
-le = function(t) {
+ne = 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));
 };
-Re = function(t) {
-  h(this, n, ge).call(this, t.target.value);
+ze = function(t) {
+  h(this, n, me).call(this, t.target.value);
 };
-Ae = function(t) {
+je = function(t) {
   (!this.picked || this.picked.id !== t.id) && (this.picked = t, this.searchValue = t.place_name);
 };
-De = function(t) {
+Re = function(t) {
   this.selectedItemIndex = t;
 };
+We = function() {
+  (!this.selectFirst || this.picked) && (this.selectedItemIndex = -1), this.isFeatureListInteractedWith && (this.isFeatureListInteractedWith = !1);
+};
+Ae = function() {
+  this.isFeatureListInteractedWith = !0;
+};
 Ve = function() {
-  (!this.selectFirst || this.picked) && (this.selectedItemIndex = -1);
+  setTimeout(() => {
+    this.isFeatureListInteractedWith = !1;
+  });
 };
-We = function() {
+De = function() {
   this.searchValue = "", h(this, n, x).call(this, "queryclear"), this.picked = void 0, this.input.focus();
 };
 l.styles = F`
-    ${he(Mt)}
+    ${ce(Ot)}
   `;
 c([
   d({ attribute: !1 })
@@ -799,35 +806,38 @@ c([
   Ze("input")
 ], l.prototype, "input", 2);
 c([
-  w()
+  b()
 ], l.prototype, "searchValue", 2);
 c([
-  w()
+  b()
 ], l.prototype, "listFeatures", 2);
 c([
-  w()
+  b()
 ], l.prototype, "selectedItemIndex", 2);
 c([
-  w()
+  b()
 ], l.prototype, "picked", 2);
 c([
-  w()
+  b()
 ], l.prototype, "cachedFeatures", 2);
 c([
-  w()
+  b()
 ], l.prototype, "lastSearchUrl", 2);
 c([
-  w()
+  b()
 ], l.prototype, "error", 2);
 c([
-  w()
+  b()
 ], l.prototype, "abortController", 2);
 c([
-  w()
+  b()
 ], l.prototype, "focused", 2);
 c([
-  w()
-], l.prototype, "focusedDelayed", 2);
+  b()
+], l.prototype, "isFeatureListVisible", 2);
+c([
+  b()
+], l.prototype, "isFeatureListInteractedWith", 2);
 l = c([
   S("maptiler-geocoder")
 ], l);
@@ -875,9 +885,9 @@ var Pt = Object.getOwnPropertyDescriptor, Et = (t, e, i, o) => {
     (a = t[r]) && (s = a(s) || s);
   return s;
 };
-let ce = class extends M {
+let le = class extends O {
   render() {
-    return A`
+    return W`
       <svg
         viewBox="0 0 70 85"
         fill="none"
@@ -891,15 +901,15 @@ let ce = class extends M {
     `;
   }
 };
-ce.styles = F`
-    ${he(Ct)}
+le.styles = F`
+    ${ce(Ct)}
   `;
-ce = Et([
+le = Et([
   S("maptiler-geocode-marker")
-], ce);
+], le);
 function Ut(t) {
   const e = ot(
-    Ie([
+    $e([
       nt([
         [
           [180, 90],
@@ -915,20 +925,20 @@ function Ut(t) {
   if (!e)
     return;
   e.properties = { isMask: !0 };
-  const i = Z(Le(t)), o = (i[2] - i[0]) / 360 / 1e3, s = i[0] < -180, r = i[2] > 180, a = at(t);
+  const i = D(Le(t)), o = (i[2] - i[0]) / 360 / 1e3, s = i[0] < -180, r = i[2] > 180, a = at(t);
   if (a.features.length > 1 && (s || r))
     for (const u of a.features) {
-      const y = Z(Le(u));
+      const y = D(Le(u));
       if (r && y[0] < -180 + o)
-        for (const O of u.geometry.coordinates)
-          for (const _ of O)
+        for (const M of u.geometry.coordinates)
+          for (const _ of M)
             _[0] += 360 - o;
       if (s && y[2] > 180 - o)
-        for (const O of u.geometry.coordinates)
-          for (const _ of O)
+        for (const M of u.geometry.coordinates)
+          for (const _ of M)
             _[0] -= 360 - o;
     }
-  return Ie([a.features.length < 2 ? t : lt(a) ?? t, e]);
+  return $e([a.features.length < 2 ? t : lt(a) ?? t, e]);
 }
 const Bt = {
   continental_marine: 4,
@@ -955,15 +965,15 @@ const Bt = {
   "poi.aerodrome": 13
   // TODO add many more
 }, Gt = (t) => (e) => {
-  const i = t.iconsBaseUrl ?? "https://cdn.maptiler.com/maptiler-geocoding-control/v3.0.0-rc.6/icons/", o = e.getProperties(), s = e.getGeometry()?.getType(), r = o.isMask ? 0 : s === "LineString" || s === "MultiLineString" ? 3 : 2;
+  const i = t.iconsBaseUrl ?? "https://cdn.maptiler.com/maptiler-geocoding-control/v3.0.0-rc.8/icons/", o = e.getProperties(), s = e.getGeometry()?.getType(), r = o.isMask ? 0 : s === "LineString" || s === "MultiLineString" ? 3 : 2;
   return new ht({
-    stroke: o.isMask ? void 0 : new Me({
+    stroke: o.isMask ? void 0 : new Fe({
       color: "#3170fe",
       lineDash: [r, r],
       width: r,
       lineCap: "butt"
     }),
-    fill: o.isMask ? new Fe({
+    fill: o.isMask ? new Ie({
       color: "#00000020"
     }) : void 0,
     image: new ct({
@@ -972,10 +982,10 @@ const Bt = {
     }),
     zIndex: o.isSelected ? 2 : o.isReverse ? 0 : 1,
     text: (o.isSelected || o.isMouseOver) && o.tooltip ? new dt({
-      backgroundFill: new Fe({ color: "white" }),
+      backgroundFill: new Ie({ color: "white" }),
       text: o.tooltip,
       offsetY: -40,
-      backgroundStroke: new Me({
+      backgroundStroke: new Fe({
         color: "white",
         lineJoin: "round",
         width: 3
@@ -997,7 +1007,7 @@ class li extends Ye {
   }
   /** @internal Not to be called directly */
   setMap(e) {
-    super.setMap(e), this.#t && this.#t !== e && (this.#I(), this.#P(), this.#t = void 0), e && (this.#t = e, this.#L(), this.#C());
+    super.setMap(e), this.#t && this.#t !== e && (this.#I(), this.#P(), this.#t = void 0), e && (this.#t = e, this.#$(), this.#C());
   }
   getOptions() {
     return { ...this.#e };
@@ -1038,6 +1048,7 @@ class li extends Ye {
   #g;
   /** Layer used for showing results */
   #l;
+  // eslint-disable-line @typescript-eslint/no-explicit-any
   /** Source connected to layer used for showing results */
   #s;
   /** Last marker the mouse was over, used to detech mouseover and mouseleave events on markers */
@@ -1077,7 +1088,7 @@ class li extends Ye {
     },
     featureslisted: (e) => {
       const i = e.detail.features;
-      this.#a = i, this.#u(this.#a, void 0), this.#M(e), this.#i("featureslisted", e.detail);
+      this.#a = i, this.#u(this.#a, void 0), this.#O(e), this.#i("featureslisted", e.detail);
     },
     featuresclear: () => {
       this.#a = void 0, this.#u(void 0, void 0), this.#i("featuresclear");
@@ -1092,10 +1103,10 @@ class li extends Ye {
   #x = {
     postrender: () => {
       const e = this.#t?.getView().getZoom(), i = this.#t?.getView().getCenter();
-      this.#r.handleMapChange(e && i ? [e, ...this.#$(i)] : void 0);
+      this.#r.handleMapChange(e && i ? [e, ...this.#L(i)] : void 0);
     },
     click: (e) => {
-      this.#r.handleMapClick(this.#$(e.coordinate)), this.#t?.forEachFeatureAtPixel(e.pixel, (i) => {
+      this.#r.handleMapClick(this.#L(e.coordinate)), this.#t?.forEachFeatureAtPixel(e.pixel, (i) => {
         const o = i.getId(), s = this.#a?.find((r) => r.id === o);
         if (!(!o || !s))
           return e.stopPropagation(), this.#i("markerclick", { feature: s, marker: i }), !0;
@@ -1122,7 +1133,7 @@ class li extends Ye {
   #b() {
     this.#r.setOptions(this.#e), this.#r.fetchFullGeometryOnPick = this.#e.pickedResultStyle !== "marker-only";
   }
-  #L() {
+  #$() {
     if (this.#t) {
       for (const [e, i] of Object.entries(this.#v))
         this.#r.addEventListener(e, i);
@@ -1142,16 +1153,16 @@ class li extends Ye {
     this.dispatchEvent(Object.assign(new He(e), i));
   }
   #F(e) {
-    e.bbox[0] === e.bbox[2] && e.bbox[1] === e.bbox[3] ? this.#w(e.center, this.#p(e)) : this.#k(Z(e.bbox), 50, this.#p(e));
+    e.bbox[0] === e.bbox[2] && e.bbox[1] === e.bbox[3] ? this.#w(e.center, this.#p(e)) : this.#k(D(e.bbox), 50, this.#p(e));
   }
-  #M({ detail: { features: e, external: i } }) {
+  #O({ detail: { features: e, external: i } }) {
     if (!e || e.length === 0 || !this.#m || this.#e.flyToFeatures === !1 || this.#e.flyToFeatures === "never" || !i && (this.#e.flyToFeatures === void 0 || this.#e.flyToFeatures === "external"))
       return;
     const o = e.every((a) => a.matching_text), s = e.reduce(
       (a, u) => o || !u.matching_text ? [Math.min(a[0], u.bbox[0]), Math.min(a[1], u.bbox[1]), Math.max(a[2], u.bbox[2]), Math.max(a[3], u.bbox[3])] : a,
       [180, 90, -180, -90]
     ), r = e.map((a) => this.#p(a)).filter((a) => a !== void 0).reduce((a, u) => a === void 0 ? u : Math.max(a, u), void 0);
-    this.#k(Z(s), 50, r);
+    this.#k(D(s), 50, r);
   }
   #p(e) {
     if (e.bbox[0] !== e.bbox[2] || e.bbox[1] !== e.bbox[3])
@@ -1168,7 +1179,7 @@ class li extends Ye {
   get #S() {
     return typeof this.#e.flyTo == "boolean" ? {} : this.#e.flyTo;
   }
-  get #O() {
+  get #M() {
     return typeof this.#e.flyTo == "boolean" ? {} : this.#e.flyTo;
   }
   #w(e, i) {
@@ -1184,7 +1195,7 @@ class li extends Ye {
       padding: [i, i, i, i],
       ...o ? { maxZoom: o } : {},
       duration: 2e3,
-      ...this.#O
+      ...this.#M
     });
   }
   #_(e) {
@@ -1196,7 +1207,7 @@ class li extends Ye {
     }
     const i = this.#f(e);
     if (!this.#o) {
-      this.#o = new L(new X(i)), this.#o.set("isReverse", !0), this.#s.addFeature(this.#o);
+      this.#o = new $(new H(i)), this.#o.set("isReverse", !0), this.#s.addFeature(this.#o);
       return;
     }
     this.#o.getGeometry().setCoordinates(i);
@@ -1207,35 +1218,35 @@ class li extends Ye {
     this.#s.removeFeatures([...this.#c.values()]), this.#c = /* @__PURE__ */ new Map();
     const o = () => {
       if (!i || !this.#t || this.#e.marker === !1) return;
-      const s = new L(new X(this.#f(i.center)));
+      const s = new $(new H(this.#f(i.center)));
       s.setId(i.id), this.#c.set(i, s), this.#s?.addFeature(s);
     };
     if (i?.geometry.type === "GeometryCollection") {
-      const s = i.geometry.geometries.map((r) => r.type === "Polygon" ? new we(r.coordinates) : r.type === "MultiPolygon" ? new ke(r.coordinates) : null).filter((r) => !!r);
+      const s = i.geometry.geometries.map((r) => r.type === "Polygon" ? new be(r.coordinates) : r.type === "MultiPolygon" ? new we(r.coordinates) : null).filter((r) => !!r);
       if (s.length > 0)
-        this.#s.addFeature(new L(new Je(s).transform(T, this.#n())));
+        this.#s.addFeature(new $(new Je(s).transform(T, this.#n())));
       else
         for (const r of i.geometry.geometries)
-          r.type === "LineString" ? this.#s.addFeature(new L(new _e(r.coordinates).transform(T, this.#n()))) : r.type === "MultiLineString" && this.#s.addFeature(new L(new $e(r.coordinates).transform(T, this.#n())));
+          r.type === "LineString" ? this.#s.addFeature(new $(new ke(r.coordinates).transform(T, this.#n()))) : r.type === "MultiLineString" && this.#s.addFeature(new $(new _e(r.coordinates).transform(T, this.#n())));
     } else if (i?.geometry.type.endsWith("Polygon")) {
       const s = Ut(i);
       if (s)
         for (const r of s.features) {
-          const a = r.geometry.type === "Polygon" ? new we(r.geometry.coordinates) : new ke(r.geometry.coordinates);
+          const a = r.geometry.type === "Polygon" ? new be(r.geometry.coordinates) : new we(r.geometry.coordinates);
           this.#s.addFeature(
-            new L({
+            new $({
               isMask: !!r.properties?.isMask,
               geometry: a.transform(T, this.#n())
             })
           );
         }
       this.#e.pickedResultStyle === "full-geometry-including-polygon-center-marker" && o();
-    } else i?.geometry.type === "LineString" ? this.#s.addFeature(new L(new _e(i.geometry.coordinates).transform(T, this.#n()))) : i?.geometry.type === "MultiLineString" ? this.#s.addFeature(new L(new $e(i.geometry.coordinates).transform(T, this.#n()))) : i?.geometry.type.endsWith("Point") && o();
+    } else i?.geometry.type === "LineString" ? this.#s.addFeature(new $(new ke(i.geometry.coordinates).transform(T, this.#n()))) : i?.geometry.type === "MultiLineString" ? this.#s.addFeature(new $(new _e(i.geometry.coordinates).transform(T, this.#n()))) : i?.geometry.type.endsWith("Point") && o();
     if (this.#e.showResultMarkers !== !1)
       for (const s of e ?? []) {
         if (s.id === i?.id || s.place_type.includes("reverse"))
           continue;
-        const r = new L(new X(this.#f(s.center)));
+        const r = new $(new H(this.#f(s.center)));
         r.setId(s.id), r.setProperties({
           fuzzy: !!s.matching_text,
           tooltip: s.place_type[0] === "reverse" ? s.place_name : s.place_name.replace(/,.*/, "")
@@ -1259,7 +1270,7 @@ class li extends Ye {
   #f(e) {
     return it(e, this.#n());
   }
-  #$(e) {
+  #L(e) {
     return st(e, this.#n());
   }
   #E() {
@@ -1272,12 +1283,12 @@ class li extends Ye {
 export {
   Gt as DEFAULT_GEOMETRY_STYLE,
   li as GeocodingControl,
-  te as MaptilerGeocodeClearIconElement,
-  ie as MaptilerGeocodeFailIconElement,
-  se as MaptilerGeocodeLoadingIconElement,
-  ce as MaptilerGeocodeMarkerElement,
-  re as MaptilerGeocodeReverseGeocodingIconElement,
-  oe as MaptilerGeocodeSearchIconElement,
+  X as MaptilerGeocodeClearIconElement,
+  ee as MaptilerGeocodeFailIconElement,
+  te as MaptilerGeocodeLoadingIconElement,
+  le as MaptilerGeocodeMarkerElement,
+  ie as MaptilerGeocodeReverseGeocodingIconElement,
+  se as MaptilerGeocodeSearchIconElement,
   l as MaptilerGeocoderElement,
   li as OpenLayersGeocodingControl,
   Bt as ZOOM_DEFAULTS