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

package/dist/maptilersdk.js

@@ -1,22 +1,23 @@
-import { css as I, LitElement as M, svg as z, html as m, unsafeCSS as ce, nothing as X } from "lit";
-import { customElement as O, property as p, state as b, query as Ae } from "lit/decorators.js";
+import { css as I, LitElement as O, svg as z, html as m, unsafeCSS as ce, nothing as X } from "lit";
+import { customElement as M, property as p, state as b, query as De } from "lit/decorators.js";
 import { convert as We } from "geo-coordinates-parser";
-import { classMap as D } from "lit/directives/class-map.js";
+import { classMap as A } from "lit/directives/class-map.js";
 import { repeat as Ve } from "lit/directives/repeat.js";
 import "@turf/clone";
 import { styleMap as qe } from "lit/directives/style-map.js";
-import { featureCollection as q, polygon as Ke, feature as Ne } from "@turf/helpers";
+import { config as Ne } from "@maptiler/sdk";
+import { featureCollection as q, polygon as Ze, feature as Ke } from "@turf/helpers";
 import Le from "@turf/union";
 import he from "maplibre-gl";
 import be from "@turf/bbox";
-import Ze from "@turf/difference";
-import Qe from "@turf/flatten";
-var Ye = Object.getOwnPropertyDescriptor, He = (t, e, i, o) => {
-  for (var r = o > 1 ? void 0 : o ? Ye(e, i) : e, s = t.length - 1, a; s >= 0; s--)
+import Qe from "@turf/difference";
+import Ye from "@turf/flatten";
+var He = Object.getOwnPropertyDescriptor, Je = (t, e, i, o) => {
+  for (var r = o > 1 ? void 0 : o ? He(e, i) : e, s = t.length - 1, a; s >= 0; s--)
     (a = t[s]) && (r = a(r) || r);
   return r;
 };
-let ee = class extends M {
+let ee = class extends O {
   render() {
     return z`
       <svg viewBox="0 0 14 14" width="13" height="13">
@@ -33,15 +34,15 @@ ee.styles = I`
       fill: var(--color-icon-button);
     }
   `;
-ee = He([
-  O("maptiler-geocode-clear-icon")
+ee = Je([
+  M("maptiler-geocode-clear-icon")
 ], ee);
-var Je = Object.getOwnPropertyDescriptor, Xe = (t, e, i, o) => {
-  for (var r = o > 1 ? void 0 : o ? Je(e, i) : e, s = t.length - 1, a; s >= 0; s--)
+var Xe = Object.getOwnPropertyDescriptor, et = (t, e, i, o) => {
+  for (var r = o > 1 ? void 0 : o ? Xe(e, i) : e, s = t.length - 1, a; s >= 0; s--)
     (a = t[s]) && (r = a(r) || r);
   return r;
 };
-let te = class extends M {
+let te = class extends O {
   render() {
     return z`
       <svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -58,15 +59,15 @@ te.styles = I`
       fill: #e15042;
     }
   `;
-te = Xe([
-  O("maptiler-geocode-fail-icon")
+te = et([
+  M("maptiler-geocode-fail-icon")
 ], te);
-var et = Object.getOwnPropertyDescriptor, tt = (t, e, i, o) => {
-  for (var r = o > 1 ? void 0 : o ? et(e, i) : e, s = t.length - 1, a; s >= 0; s--)
+var tt = Object.getOwnPropertyDescriptor, it = (t, e, i, o) => {
+  for (var r = o > 1 ? void 0 : o ? tt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
     (a = t[s]) && (r = a(r) || r);
   return r;
 };
-let ie = class extends M {
+let ie = class extends O {
   render() {
     return m`
       <div>
@@ -105,15 +106,15 @@ ie.styles = I`
       }
     }
   `;
-ie = tt([
-  O("maptiler-geocode-loading-icon")
+ie = it([
+  M("maptiler-geocode-loading-icon")
 ], ie);
-var it = Object.getOwnPropertyDescriptor, st = (t, e, i, o) => {
-  for (var r = o > 1 ? void 0 : o ? it(e, i) : e, s = t.length - 1, a; s >= 0; s--)
+var st = Object.getOwnPropertyDescriptor, rt = (t, e, i, o) => {
+  for (var r = o > 1 ? void 0 : o ? st(e, i) : e, s = t.length - 1, a; s >= 0; s--)
     (a = t[s]) && (r = a(r) || r);
   return r;
 };
-let se = class extends M {
+let se = class extends O {
   render() {
     return z`
       <svg viewBox="0 0 60.006 21.412" width="14" height="20">
@@ -130,15 +131,15 @@ se.styles = I`
       fill: var(--color-icon-button);
     }
   `;
-se = st([
-  O("maptiler-geocode-reverse-geocoding-icon")
+se = rt([
+  M("maptiler-geocode-reverse-geocoding-icon")
 ], se);
-var rt = Object.getOwnPropertyDescriptor, ot = (t, e, i, o) => {
-  for (var r = o > 1 ? void 0 : o ? rt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
+var ot = Object.getOwnPropertyDescriptor, at = (t, e, i, o) => {
+  for (var r = o > 1 ? void 0 : o ? ot(e, i) : e, s = t.length - 1, a; s >= 0; s--)
     (a = t[s]) && (r = a(r) || r);
   return r;
 };
-let re = class extends M {
+let re = class extends O {
   render() {
     return z`
       <svg
@@ -169,19 +170,19 @@ re.styles = I`
       stroke: var(--color-icon-button);
     }
   `;
-re = ot([
-  O("maptiler-geocode-search-icon")
+re = at([
+  M("maptiler-geocode-search-icon")
 ], re);
-function at(t, e, i) {
+function lt(t, e, i) {
   const o = e[1], r = e[0], s = o - r;
   return t === o && i ? t : ((t - r) % s + s) % s + r;
 }
-function K(t) {
+function N(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 U;
-async function lt(t, e, i) {
+async function nt(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")
@@ -222,21 +223,21 @@ async function lt(t, e, i) {
         return t[1].toFixed(6) + "," + t[2].toFixed(6);
     }
 }
-const nt = ".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 ct = Object.defineProperty, ht = Object.getOwnPropertyDescriptor, $e = (t) => {
+const ct = ".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 ht = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, $e = (t) => {
   throw TypeError(t);
 }, _ = (t, e, i, o) => {
-  for (var r = o > 1 ? void 0 : o ? ht(e, i) : e, s = t.length - 1, a; s >= 0; s--)
+  for (var r = o > 1 ? void 0 : o ? pt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
     (a = t[s]) && (r = (o ? a(e, i, r) : a(r)) || r);
-  return o && r && ct(e, i, r), r;
-}, Ie = (t, e, i) => e.has(t) || $e("Cannot " + i), u = (t, e, i) => (Ie(t, e, "read from private field"), i ? i.call(t) : e.get(t)), pt = (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) => (Ie(t, e, "access private method"), i), d, N, G, g, Me, Oe, pe, oe;
+  return o && r && ht(e, i, r), r;
+}, Ie = (t, e, i) => e.has(t) || $e("Cannot " + i), u = (t, e, i) => (Ie(t, e, "read from private field"), i ? i.call(t) : e.get(t)), dt = (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) => (Ie(t, e, "access private method"), i), d, Z, G, g, Oe, Me, pe, oe;
 const Te = typeof devicePixelRatio > "u" || devicePixelRatio > 1.25, Se = Te ? "@2x" : "", C = Te ? 2 : 1;
-let T, Ce, k = class extends M {
+let T, Ce, k = class extends O {
   constructor() {
-    super(...arguments), pt(this, d), this.itemStyle = "default", this.showPlaceType = "if-needed", this.missingIconsCache = /* @__PURE__ */ new Set(), this.iconsBaseUrl = "", this.index = 0;
+    super(...arguments), dt(this, d), this.itemStyle = "default", this.showPlaceType = "if-needed", this.missingIconsCache = /* @__PURE__ */ new Set(), this.iconsBaseUrl = "", this.index = 0;
   }
   willUpdate(t) {
-    t.has("feature") && u(this, d, N) && (this.index = u(this, d, N).length, E(this, d, pe).call(this));
+    t.has("feature") && u(this, d, Z) && (this.index = u(this, d, Z).length, E(this, d, pe).call(this));
   }
   render() {
     return m`
@@ -260,7 +261,7 @@ let T, Ce, k = class extends M {
     })}
                 title=${u(this, d, g)}
               />
-            ` : this.imageUrl ? m` <img src=${this.imageUrl} alt=${this.category} title=${u(this, d, g)} @error=${E(this, d, Oe)} />` : this.feature?.address ? m` <img src=${this.iconsBaseUrl + "housenumber.svg"} alt=${u(this, d, g)} title=${u(this, d, g)} /> ` : this.feature?.id.startsWith("road.") ? m` <img src=${this.iconsBaseUrl + "road.svg"} alt=${u(this, d, g)} title=${u(this, d, g)} /> ` : this.feature?.id.startsWith("address.") ? m` <img src=${this.iconsBaseUrl + "street.svg"} alt=${u(this, d, g)} title=${u(this, d, g)} /> ` : this.feature?.id.startsWith("postal_code.") ? m` <img src=${this.iconsBaseUrl + "postal_code.svg"} alt=${u(this, d, g)} title=${u(this, d, g)} /> ` : this.feature?.id.startsWith("poi.") ? m` <img src=${this.iconsBaseUrl + "poi.svg"} alt=${u(this, d, g)} title=${u(this, d, g)} /> ` : u(this, d, G) ? m` <img src=${this.iconsBaseUrl + "reverse.svg"} alt=${u(this, d, g)} title=${u(this, d, g)} /> ` : m` <img src=${this.iconsBaseUrl + "area.svg"} alt=${u(this, d, g)} title=${u(this, d, g)} /> `}
+            ` : this.imageUrl ? m` <img src=${this.imageUrl} alt=${this.category} title=${u(this, d, g)} @error=${E(this, d, Me)} />` : this.feature?.address ? m` <img src=${this.iconsBaseUrl + "housenumber.svg"} alt=${u(this, d, g)} title=${u(this, d, g)} /> ` : this.feature?.id.startsWith("road.") ? m` <img src=${this.iconsBaseUrl + "road.svg"} alt=${u(this, d, g)} title=${u(this, d, g)} /> ` : this.feature?.id.startsWith("address.") ? m` <img src=${this.iconsBaseUrl + "street.svg"} alt=${u(this, d, g)} title=${u(this, d, g)} /> ` : this.feature?.id.startsWith("postal_code.") ? m` <img src=${this.iconsBaseUrl + "postal_code.svg"} alt=${u(this, d, g)} title=${u(this, d, g)} /> ` : this.feature?.id.startsWith("poi.") ? m` <img src=${this.iconsBaseUrl + "poi.svg"} alt=${u(this, d, g)} title=${u(this, d, g)} /> ` : u(this, d, G) ? m` <img src=${this.iconsBaseUrl + "reverse.svg"} alt=${u(this, d, g)} title=${u(this, d, g)} /> ` : m` <img src=${this.iconsBaseUrl + "area.svg"} alt=${u(this, d, g)} title=${u(this, d, g)} /> `}
 
         <span class="texts">
           <span>
@@ -276,7 +277,7 @@ let T, Ce, k = class extends M {
   }
 };
 d = /* @__PURE__ */ new WeakSet();
-N = function() {
+Z = function() {
   return this.feature?.properties?.categories;
 };
 G = function() {
@@ -285,30 +286,30 @@ G = function() {
 g = function() {
   return this.feature?.properties?.categories?.join(", ") ?? this.feature?.place_type_name?.[0] ?? this.feature?.place_type[0];
 };
-Me = function() {
+Oe = function() {
   Ce ??= fetch(`${this.iconsBaseUrl}sprite${Se}.json`).then((t) => t.json()).then((t) => {
     T = t;
   }).catch(() => {
     T = null;
   });
 };
-Oe = function() {
+Me = function() {
   this.imageUrl && this.missingIconsCache.add(this.imageUrl), E(this, d, pe).call(this);
 };
 pe = function() {
-  T !== void 0 ? E(this, d, oe).call(this) : (E(this, d, Me).call(this), Ce?.then(() => {
+  T !== void 0 ? E(this, d, oe).call(this) : (E(this, d, Oe).call(this), Ce?.then(() => {
     E(this, d, oe).call(this);
   }));
 };
 oe = function() {
   do {
-    if (this.index--, this.category = u(this, d, N)?.[this.index], this.spriteIcon = this.category ? T?.icons[this.category] : void 0, this.spriteIcon)
+    if (this.index--, this.category = u(this, d, Z)?.[this.index], this.spriteIcon = this.category ? T?.icons[this.category] : void 0, this.spriteIcon)
       break;
     this.imageUrl = this.category ? this.iconsBaseUrl + this.category.replace(/ /g, "_") + ".svg" : void 0;
   } while (this.index > -1 && (!this.imageUrl || this.missingIconsCache.has(this.imageUrl)));
 };
 k.styles = I`
-    ${ce(nt)}
+    ${ce(ct)}
   `;
 _([
   p({ type: Object })
@@ -338,22 +339,22 @@ _([
   b()
 ], k.prototype, "index", 2);
 k = _([
-  O("maptiler-geocoder-feature-item")
+  M("maptiler-geocoder-feature-item")
 ], k);
-const dt = "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 ut = Object.defineProperty, ft = Object.getOwnPropertyDescriptor, Fe = (t) => {
+const ut = "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 ft = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, Fe = (t) => {
   throw TypeError(t);
 }, c = (t, e, i, o) => {
-  for (var r = o > 1 ? void 0 : o ? ft(e, i) : e, s = t.length - 1, a; s >= 0; s--)
+  for (var r = o > 1 ? void 0 : o ? mt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
     (a = t[s]) && (r = (o ? a(e, i, r) : a(r)) || r);
-  return o && r && ut(e, i, r), r;
-}, de = (t, e, i) => e.has(t) || Fe("Cannot " + i), x = (t, e, i) => (de(t, e, "read from private field"), i ? i.call(t) : e.get(t)), F = (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, 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, V, B, ae, R, l, Q, Ee, Pe, ue, v, fe, Y, me, ge, $, ye, H, Ue, le, Ge, Be, Re, ze, je;
-let n = class extends M {
+  return o && r && ft(e, i, r), r;
+}, de = (t, e, i) => e.has(t) || Fe("Cannot " + i), x = (t, e, i) => (de(t, e, "read from private field"), i ? i.call(t) : e.get(t)), F = (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, o) => (de(t, e, "write to private field"), e.set(t, i), i), h = (t, e, i) => (de(t, e, "access private method"), i), K, V, B, ae, R, l, Q, Ee, Pe, ue, v, fe, Y, me, ge, $, ye, H, Ue, le, Ge, Be, Re, ze, je;
+let n = class extends O {
   constructor() {
-    super(...arguments), F(this, l), this.clearListOnPick = !1, this.clearOnBlur = !1, this.collapsed = !1, this.excludeTypes = !1, this.exhaustiveReverseGeocoding = !1, this.fetchFullGeometryOnPick = !1, this.keepListOpen = !1, this.openListOnTop = !1, this.reverseActive = !1, this.searchValue = "", this.selectedItemIndex = -1, this.cachedFeatures = [], this.lastSearchUrl = "", this.focused = !1, this.focusedDelayed = !1, F(this, Z, !1), F(this, V, !1), F(this, B), F(this, ae, /* @__PURE__ */ new Set()), F(this, R);
+    super(...arguments), F(this, l), this.clearListOnPick = !1, this.clearOnBlur = !1, this.collapsed = !1, this.excludeTypes = !1, this.exhaustiveReverseGeocoding = !1, this.fetchFullGeometryOnPick = !1, this.keepListOpen = !1, this.openListOnTop = !1, this.reverseActive = !1, this.searchValue = "", this.selectedItemIndex = -1, this.cachedFeatures = [], this.lastSearchUrl = "", this.focused = !1, this.focusedDelayed = !1, F(this, K, !1), F(this, V, !1), F(this, B), F(this, ae, /* @__PURE__ */ new Set()), F(this, R);
   }
   firstUpdated() {
-    W(this, Z, !0);
+    W(this, K, !0);
   }
   /**
    * Set the options of this instance.
@@ -363,7 +364,7 @@ let n = class extends M {
   setOptions(t) {
     const e = { ...t };
     for (const i of Object.keys(e))
-      mt.includes(i) || delete e[i];
+      gt.includes(i) || delete e[i];
     Object.assign(this, e);
   }
   /**
@@ -430,7 +431,7 @@ let n = class extends M {
   }
   render() {
     return m`
-      <form @submit=${h(this, l, fe)} class=${D({ "can-collapse": this.collapsed && this.searchValue === "" })}>
+      <form @submit=${h(this, l, fe)} class=${A({ "can-collapse": this.collapsed && this.searchValue === "" })}>
         <div class="input-group">
           <button
             class="search-button"
@@ -454,7 +455,7 @@ let n = class extends M {
             aria-label=${this.placeholder ?? "Search"}
           />
 
-          <div class="clear-button-container ${D({ displayable: this.searchValue !== "" })}">
+          <div class="clear-button-container ${A({ displayable: this.searchValue !== "" })}">
             ${x(this, l, Pe) ? m`<maptiler-geocode-loading-icon></maptiler-geocode-loading-icon>` : m`
                   <button type="button" @click=${h(this, l, je)} title=${this.clearButtonTitle ?? "clear"}>
                     <maptiler-geocode-clear-icon></maptiler-geocode-clear-icon>
@@ -465,7 +466,7 @@ let n = class extends M {
           ${this.enableReverse === "button" ? m`
                 <button
                   type="button"
-                  class=${D({ active: this.reverseActive })}
+                  class=${A({ active: this.reverseActive })}
                   title=${this.reverseButtonTitle ?? "toggle reverse geocoding"}
                   @click=${() => this.reverseActive = !this.reverseActive}
                 >
@@ -495,7 +496,7 @@ let n = class extends M {
                     </div>
                   </div>
                 ` : m`
-                  <ul class="options ${D({ "open-on-top": this.openListOnTop })}" @mouseleave=${h(this, l, ze)} @keydown=${h(this, l, le)} role="listbox">
+                  <ul class="options ${A({ "open-on-top": this.openListOnTop })}" @mouseleave=${h(this, l, ze)} @keydown=${h(this, l, le)} role="listbox">
                     ${Ve(
       this.listFeatures,
       (t) => t.id + (t.address ? "," + t.address : ""),
@@ -511,7 +512,7 @@ let n = class extends M {
         h(this, l, Be).call(this, t);
       }}
                           .missingIconsCache=${x(this, ae)}
-                          .iconsBaseUrl=${this.iconsBaseUrl ?? "https://cdn.maptiler.com/maptiler-geocoding-control/v3.0.0-rc.3/icons/"}
+                          .iconsBaseUrl=${this.iconsBaseUrl ?? "https://cdn.maptiler.com/maptiler-geocoding-control/v3.0.0-rc.5/icons/"}
                         >
                           ${t.place_name}
                         </maptiler-geocoder-feature-item>
@@ -523,7 +524,7 @@ let n = class extends M {
     `;
   }
 };
-Z = /* @__PURE__ */ new WeakMap();
+K = /* @__PURE__ */ new WeakMap();
 V = /* @__PURE__ */ new WeakMap();
 B = /* @__PURE__ */ new WeakMap();
 ae = /* @__PURE__ */ new WeakMap();
@@ -542,7 +543,7 @@ ue = function() {
   return this.searchValue.length < (this.minLength ?? 2);
 };
 v = function(t, ...[e]) {
-  x(this, Z) && this.dispatchEvent(
+  x(this, K) && this.dispatchEvent(
     new CustomEvent(t, {
       bubbles: !0,
       composed: !0,
@@ -598,19 +599,19 @@ H = async function(t, { byId: e = !1, exact: i = !1 } = {}) {
     w && (w = [...new Set(w)], f.set("types", w.join(",")));
     const S = !s || this.reverseGeocodingExcludeTypes === void 0 ? this.excludeTypes : this.reverseGeocodingExcludeTypes;
     if (S && f.set("excludeTypes", String(S)), this.bbox && f.set("bbox", this.bbox.map((y) => y.toFixed(6)).join(",")), this.country && f.set("country", Array.isArray(this.country) ? this.country.join(",") : this.country), this.worldview && f.set("worldview", this.worldview), !e && !s) {
-      const y = this.proximity ?? [{ type: "server-geolocation" }], xe = await lt(x(this, R), y, o);
+      const y = this.proximity ?? [{ type: "server-geolocation" }], xe = await nt(x(this, R), y, o);
       xe && f.set("proximity", xe), (i || this.showResultsWhileTyping === !1) && f.set("autocomplete", "false"), f.set("fuzzyMatch", String(this.fuzzyMatch !== !1));
     }
     const ve = this.limit ?? 5, J = this.reverseGeocodingLimit ?? ve;
     J > 1 && w?.length !== 1 && console.warn("[MapTilerGeocodingControl] Warning: For reverse geocoding when limit > 1 then types must contain single value."), s ? (J === 1 || this.exhaustiveReverseGeocoding || w?.length === 1) && f.set("limit", String(J)) : f.set("limit", String(ve)), this.apiKey && f.set("key", this.apiKey), this.adjustUrl?.(a);
-    const De = a.searchParams.get("types") === "" && a.searchParams.get("excludeTypes") !== "true", j = a.toString();
+    const Ae = a.searchParams.get("types") === "" && a.searchParams.get("excludeTypes") !== "true", j = a.toString();
     if (j === this.lastSearchUrl) {
       e ? (this.clearListOnPick && h(this, l, $).call(this), this.picked = this.cachedFeatures[0]) : (this.listFeatures = this.cachedFeatures, h(this, l, v).call(this, "featureslisted", { features: this.listFeatures }), this.listFeatures[this.selectedItemIndex]?.id !== x(this, l, Q)?.id && (this.selectedItemIndex = -1));
       return;
     }
     h(this, l, v).call(this, "request", { urlObj: a }), this.lastSearchUrl = j;
     let P;
-    if (De)
+    if (Ae)
       P = { type: "FeatureCollection", features: [] };
     else {
       const y = await fetch(j, {
@@ -647,7 +648,7 @@ H = async function(t, { byId: e = !1, exact: i = !1 } = {}) {
   }
 };
 Ue = function(t) {
-  this.reverseActive = this.enableReverse === "always", h(this, l, $).call(this), this.picked = void 0, h(this, l, ye).call(this, `${t[1].toFixed(6)}, ${at(t[0], [-180, 180], !0).toFixed(6)}`), h(this, l, me).call(this);
+  this.reverseActive = this.enableReverse === "always", h(this, l, $).call(this), this.picked = void 0, h(this, l, ye).call(this, `${t[1].toFixed(6)}, ${lt(t[0], [-180, 180], !0).toFixed(6)}`), h(this, l, me).call(this);
 };
 le = function(t) {
   if (!this.listFeatures)
@@ -671,7 +672,7 @@ je = function() {
   this.searchValue = "", h(this, l, v).call(this, "queryclear"), this.picked = void 0, this.input.focus();
 };
 n.styles = I`
-    ${ce(dt)}
+    ${ce(ut)}
   `;
 c([
   p({ attribute: !1 })
@@ -785,7 +786,7 @@ c([
   p({ type: String })
 ], n.prototype, "worldview", 2);
 c([
-  Ae("input")
+  De("input")
 ], n.prototype, "input", 2);
 c([
   b()
@@ -818,9 +819,9 @@ c([
   b()
 ], n.prototype, "focusedDelayed", 2);
 n = c([
-  O("maptiler-geocoder")
+  M("maptiler-geocoder")
 ], n);
-const mt = [
+const gt = [
   "adjustUrl",
   "apiKey",
   "apiUrl",
@@ -858,13 +859,13 @@ const mt = [
   "types",
   "reverseGeocodingTypes",
   "worldview"
-], gt = "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 yt = Object.getOwnPropertyDescriptor, vt = (t, e, i, o) => {
-  for (var r = o > 1 ? void 0 : o ? yt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
+], yt = "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 vt = Object.getOwnPropertyDescriptor, xt = (t, e, i, o) => {
+  for (var r = o > 1 ? void 0 : o ? vt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
     (a = t[s]) && (r = a(r) || r);
   return r;
 };
-let ne = class extends M {
+let ne = class extends O {
   render() {
     return z`
       <svg
@@ -881,15 +882,16 @@ let ne = class extends M {
   }
 };
 ne.styles = I`
-    ${ce(gt)}
+    ${ce(yt)}
   `;
-ne = vt([
-  O("maptiler-geocode-marker")
+ne = xt([
+  M("maptiler-geocode-marker")
 ], ne);
+const bt = "@maptiler/geocoding-control", kt = "3.0.0-rc.5";
 function ke(t) {
-  const e = Ze(
+  const e = Qe(
     q([
-      Ke([
+      Ze([
         [
           [180, 90],
           [-180, 90],
@@ -904,10 +906,10 @@ function ke(t) {
   if (!e)
     return;
   e.properties = { isMask: !0 };
-  const i = K(be(t)), o = (i[2] - i[0]) / 360 / 1e3, r = i[0] < -180, s = i[2] > 180, a = Qe(t);
+  const i = N(be(t)), o = (i[2] - i[0]) / 360 / 1e3, r = i[0] < -180, s = i[2] > 180, a = Ye(t);
   if (a.features.length > 1 && (r || s))
     for (const f of a.features) {
-      const L = K(be(f));
+      const L = N(be(f));
       if (s && L[0] < -180 + o)
         for (const w of f.geometry.coordinates)
           for (const S of w)
@@ -919,7 +921,7 @@ function ke(t) {
     }
   return q([a.features.length < 2 ? t : Le(a) ?? t, e]);
 }
-const xt = {
+const wt = {
   continental_marine: 4,
   country: 4,
   major_landform: 8,
@@ -943,7 +945,7 @@ const xt = {
   "poi.restaurant": 18,
   "poi.aerodrome": 13
   // TODO add many more
-}, bt = {
+}, _t = {
   fill: {
     paint: {
       "fill-color": "#000",
@@ -962,25 +964,17 @@ const xt = {
     },
     filter: ["!", ["has", "isMask"]]
   }
-}, A = "mtlr-gc-full-geom", we = "mtlr-gc-full-geom-fill", _e = "mtlr-gc-full-geom-line", kt = he.Evented, wt = he.Marker, _t = he.Popup;
-class Lt extends kt {
-  #e;
+}, D = "mtlr-gc-full-geom", we = "mtlr-gc-full-geom-fill", _e = "mtlr-gc-full-geom-line", Lt = he.Evented, $t = he.Marker, It = he.Popup;
+class Ot extends Lt {
+  #e = {};
   #t;
   #i;
   constructor(e = {}) {
-    super(), this.#e = e;
+    super(), this.setOptions(e);
   }
   /** @internal Not to be called directly */
   onAdd(e) {
-    if (this.#t = e, this.#i = e._container.ownerDocument.createElement("maptiler-geocoder"), this.#i.classList.add("maplibregl-geocoder"), "getSdkConfig" in e && typeof e.getSdkConfig == "function") {
-      const { primaryLanguage: o, apiKey: r } = e.getSdkConfig();
-      if (this.#e.apiKey === void 0 && (this.#e.apiKey = r), this.#e.language === void 0) {
-        const s = o.code?.match(/^([a-z]{2,3})($|_|-)/);
-        s && (this.#e.language = s[1]);
-      }
-      this.#i.classList.add("maptiler-geocoder");
-    }
-    this.#v(), this.#w();
+    this.#t = e, this.#i = e._container.ownerDocument.createElement("maptiler-geocoder"), this.#i.classList.add("maplibregl-geocoder"), this.#v(), this.#w();
     const i = e._container.ownerDocument.createElement("div");
     return i.classList.add("maplibregl-ctrl-geocoder", "maplibregl-ctrl", "maplibregl-ctrl-group"), i.style.position = "relative", i.style.zIndex = "3", i.appendChild(this.#i), setTimeout(() => this.#i?.setOptions({ openListOnTop: i.matches(".maplibregl-ctrl-bottom-left *, .maplibregl-ctrl-bottom-right *") })), i;
   }
@@ -988,6 +982,9 @@ class Lt extends kt {
   onRemove() {
     this.#_(), this.#t = void 0, this.#i = void 0;
   }
+  getOptions() {
+    return { ...this.#e };
+  }
   setOptions(e) {
     Object.assign(this.#e, e), this.#v();
   }
@@ -1044,7 +1041,7 @@ class Lt extends kt {
     },
     select: (e) => {
       const i = e.detail.feature;
-      i && this.#d && this.#e.flyToSelected && this.#x(i.center, this.#h(i)), this.#o && i && this.#O(i), this.#s("select", e.detail);
+      i && this.#d && this.#e.flyToSelected && this.#x(i.center, this.#h(i)), this.#o && i && this.#M(i), this.#s("select", e.detail);
     },
     pick: (e) => {
       const i = e.detail.feature;
@@ -1107,7 +1104,7 @@ class Lt extends kt {
     return super.fire({ type: e, ...i ?? {} });
   }
   #L(e) {
-    e.bbox[0] === e.bbox[2] && e.bbox[1] === e.bbox[3] ? this.#x(e.center, this.#h(e)) : this.#b(K(e.bbox), 50, this.#h(e));
+    e.bbox[0] === e.bbox[2] && e.bbox[1] === e.bbox[3] ? this.#x(e.center, this.#h(e)) : this.#b(N(e.bbox), 50, this.#h(e));
   }
   #$(e) {
     if (!e || e.length === 0 || !this.#d) return;
@@ -1115,12 +1112,12 @@ class Lt extends kt {
       (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,
       [180, 90, -180, -90]
     ), r = e.map((s) => this.#h(s)).filter((s) => s !== void 0).reduce((s, a) => s === void 0 ? a : Math.max(s, a), void 0);
-    this.#b(K(o), 50, r);
+    this.#b(N(o), 50, r);
   }
   #h(e) {
     if (e.bbox[0] !== e.bbox[2] || e.bbox[1] !== e.bbox[3])
       return;
-    const i = e.id.replace(/\..*/, ""), o = this.#e.zoom ?? xt;
+    const i = e.id.replace(/\..*/, ""), o = this.#e.zoom ?? wt;
     return (Array.isArray(e.properties?.categories) ? e.properties.categories.reduce((r, s) => {
       const a = o[i + "." + s];
       return r === void 0 ? a : a === void 0 ? r : Math.max(r, a);
@@ -1132,7 +1129,7 @@ class Lt extends kt {
   get #I() {
     return typeof this.#e.flyTo == "boolean" ? {} : this.#e.flyTo;
   }
-  get #M() {
+  get #O() {
     return typeof this.#e.flyTo == "boolean" ? {} : this.#e.flyTo;
   }
   #x(e, i) {
@@ -1144,7 +1141,7 @@ class Lt extends kt {
         [e[0], e[1]],
         [e[2], e[3]]
       ],
-      { padding: i, ...o ? { maxZoom: o } : {}, ...this.#M }
+      { padding: i, ...o ? { maxZoom: o } : {}, ...this.#O }
     );
   }
   #k(e) {
@@ -1172,7 +1169,7 @@ class Lt extends kt {
         (s) => s.type === "Polygon" || s.type === "MultiPolygon"
       );
       if (r.length > 0) {
-        const s = Le(q(r.map((a) => Ne(a))));
+        const s = Le(q(r.map((a) => Ke(a))));
         if (s) {
           const a = ke({ ...i, geometry: s.geometry });
           a && this.#n(a);
@@ -1200,7 +1197,7 @@ class Lt extends kt {
             continue;
         } else
           s = this.#f(this.#e.showResultMarkers).setLngLat(r.center).setPopup(
-            new _t({
+            new It({
               offset: [1, -27],
               closeButton: !1,
               closeOnMove: !0,
@@ -1217,7 +1214,7 @@ class Lt extends kt {
         }), a.classList.toggle("marker-fuzzy", !!r.matching_text), this.#l.set(r, s);
       }
   }
-  #O(e) {
+  #M(e) {
     this.#c?.getElement().classList.toggle("marker-selected", !1), this.#c = void 0, this.#e.markerOnSelected !== !1 && (this.#c = this.#l.get(e), this.#c?.getElement().classList.toggle("marker-selected", !0));
   }
   #u() {
@@ -1227,46 +1224,70 @@ class Lt extends kt {
       });
       return;
     }
-    const e = this.#T(), i = this.#t.getSource(A);
-    !e?.fill && !e?.line || !i && !this.#a || (i ? i.setData(this.#a ?? q([])) : this.#a && this.#t.addSource(A, {
+    const e = this.#T(), i = this.#t.getSource(D);
+    !e?.fill && !e?.line || !i && !this.#a || (i ? i.setData(this.#a ?? q([])) : this.#a && this.#t.addSource(D, {
       type: "geojson",
       data: this.#a
     }), !this.#t.getLayer(we) && e.fill && this.#t.addLayer({
       ...e.fill,
       id: we,
       type: "fill",
-      source: A
+      source: D
     }), !this.#t.getLayer(_e) && e.line && this.#t.addLayer({
       ...e.line,
       id: _e,
       type: "line",
-      source: A
+      source: D
     }));
   }
   #n(e) {
     this.#a = e, this.#u();
   }
   #f(e) {
-    return typeof e != "object" && (e = { element: this.#t?._container.ownerDocument.createElement("maptiler-geocode-marker"), offset: [1, -13] }), new wt(e);
+    return typeof e != "object" && (e = { element: this.#t?._container.ownerDocument.createElement("maptiler-geocode-marker"), offset: [1, -13] }), new $t(e);
   }
   #T() {
     const { fullGeometryStyle: e } = this.#e;
-    if (e === !0 || e === void 0) return bt;
+    if (e === !0 || e === void 0) return _t;
     if (!(e === !1 || e === null))
       return e;
   }
 }
-class Rt extends Lt {
+class Dt extends Ot {
+  #e;
   constructor(e = {}) {
     super(e);
   }
+  /** @internal Not to be called directly */
+  onAdd(e) {
+    this.#e = e, e.telemetry.registerModule(bt, kt);
+    const i = this.getOptions(), { primaryLanguage: o, apiKey: r } = e.getSdkConfig();
+    if (i.apiKey === void 0 && this.setOptions({ apiKey: r }), i.language === void 0) {
+      const a = o.code?.match(/^([a-z]{2,3})($|_|-)/);
+      a && this.setOptions({ language: a[1] });
+    }
+    const s = super.onAdd(e);
+    return s.classList.add("maptiler-ctrl-geocoder"), s.querySelector("maptiler-geocoder")?.classList.add("maptiler-geocoder"), s;
+  }
+  /** @internal Not to be called directly */
+  onRemove() {
+    super.onRemove(), this.#e = void 0;
+  }
   setOptions(e) {
-    super.setOptions(e);
+    const i = e.adjustUrl;
+    super.setOptions({
+      ...e,
+      adjustUrl: (o) => {
+        i?.(o);
+        const r = this.getOptions();
+        (Ne.session ? e.session !== !1 : e.session === !0) && this.#e && (!r.apiUrl || new URL(r.apiUrl).host === new URL("https://api.maptiler.com/geocoding").host) && o.searchParams.append("mtsid", this.#e.getMaptilerSessionId());
+      }
+    });
   }
 }
 export {
-  bt as DEFAULT_GEOMETRY_STYLE,
-  Rt as GeocodingControl,
+  _t as DEFAULT_GEOMETRY_STYLE,
+  Dt as GeocodingControl,
   ee as MaptilerGeocodeClearIconElement,
   te as MaptilerGeocodeFailIconElement,
   ie as MaptilerGeocodeLoadingIconElement,
@@ -1274,10 +1295,10 @@ export {
   se as MaptilerGeocodeReverseGeocodingIconElement,
   re as MaptilerGeocodeSearchIconElement,
   n as MaptilerGeocoderElement,
-  Rt as MaptilerGeocodingControl,
+  Dt as MaptilerGeocodingControl,
   we as RESULT_LAYER_FILL,
   _e as RESULT_LAYER_LINE,
-  A as RESULT_SOURCE,
-  xt as ZOOM_DEFAULTS
+  D as RESULT_SOURCE,
+  wt as ZOOM_DEFAULTS
 };
 //# sourceMappingURL=maptilersdk.js.map