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

package/dist/maplibregl.js

@@ -1,4 +1,4 @@
-import { css as I, LitElement as F, svg as z, html as m, unsafeCSS as ne, nothing as H } from "lit";
+import { css as I, LitElement as F, svg as z, html as m, unsafeCSS as ce, nothing as J } from "lit";
 import { customElement as O, property as p, state as b, query as De } from "lit/decorators.js";
 import { convert as Ve } from "geo-coordinates-parser";
 import { classMap as W } from "lit/directives/class-map.js";
@@ -7,7 +7,7 @@ import "@turf/clone";
 import { styleMap as Ne } from "lit/directives/style-map.js";
 import { featureCollection as D, polygon as Ze, feature as Qe } from "@turf/helpers";
 import Le from "@turf/union";
-import ce from "maplibre-gl";
+import H from "maplibre-gl";
 import be from "@turf/bbox";
 import Ke from "@turf/difference";
 import Ye from "@turf/flatten";
@@ -16,7 +16,7 @@ var He = Object.getOwnPropertyDescriptor, Je = (t, e, i, a) => {
     (r = t[o]) && (s = r(s) || s);
   return s;
 };
-let J = class extends F {
+let X = class extends F {
   render() {
     return z`
       <svg viewBox="0 0 14 14" width="13" height="13">
@@ -27,21 +27,21 @@ let J = class extends F {
     `;
   }
 };
-J.styles = I`
+X.styles = I`
     svg {
       display: block;
       fill: var(--color-icon-button);
     }
   `;
-J = Je([
+X = Je([
   O("maptiler-geocode-clear-icon")
-], J);
+], X);
 var Xe = Object.getOwnPropertyDescriptor, et = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Xe(e, i) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (s = r(s) || s);
   return s;
 };
-let X = class extends F {
+let ee = class extends F {
   render() {
     return z`
       <svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -52,21 +52,21 @@ let X = class extends F {
     `;
   }
 };
-X.styles = I`
+ee.styles = I`
     svg {
       display: block;
       fill: #e15042;
     }
   `;
-X = et([
+ee = et([
   O("maptiler-geocode-fail-icon")
-], X);
+], ee);
 var tt = Object.getOwnPropertyDescriptor, it = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? tt(e, i) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (s = r(s) || s);
   return s;
 };
-let ee = class extends F {
+let te = class extends F {
   render() {
     return m`
       <div>
@@ -78,7 +78,7 @@ let ee = class extends F {
     `;
   }
 };
-ee.styles = I`
+te.styles = I`
     div {
       position: absolute;
       left: 50%;
@@ -105,15 +105,15 @@ ee.styles = I`
       }
     }
   `;
-ee = it([
+te = it([
   O("maptiler-geocode-loading-icon")
-], ee);
+], te);
 var st = Object.getOwnPropertyDescriptor, rt = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? st(e, i) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (s = r(s) || s);
   return s;
 };
-let te = class extends F {
+let ie = class extends F {
   render() {
     return z`
       <svg viewBox="0 0 60.006 21.412" width="14" height="20">
@@ -124,21 +124,21 @@ let te = class extends F {
     `;
   }
 };
-te.styles = I`
+ie.styles = I`
     svg {
       display: block;
       fill: var(--color-icon-button);
     }
   `;
-te = rt([
+ie = rt([
   O("maptiler-geocode-reverse-geocoding-icon")
-], te);
+], ie);
 var ot = Object.getOwnPropertyDescriptor, at = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? ot(e, i) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (s = r(s) || s);
   return s;
 };
-let ie = class extends F {
+let se = class extends F {
   render() {
     return z`
       <svg
@@ -153,7 +153,7 @@ let ie = class extends F {
     `;
   }
 };
-ie.styles = I`
+se.styles = I`
     circle {
       stroke-width: 1.875;
       fill: none;
@@ -169,9 +169,9 @@ ie.styles = I`
       stroke: var(--color-icon-button);
     }
   `;
-ie = at([
+se = at([
   O("maptiler-geocode-search-icon")
-], ie);
+], se);
 function lt(t, e, i) {
   const a = e[1], s = e[0], o = a - s;
   return t === a && i ? t : ((t - s) % o + o) % o + s;
@@ -229,7 +229,7 @@ var ht = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, $e = (t) =
   for (var s = a > 1 ? void 0 : a ? pt(e, i) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (s = (a ? r(e, i, s) : r(s)) || s);
   return a && s && ht(e, i, s), s;
-}, Ie = (t, e, i) => e.has(t) || $e("Cannot " + i), f = (t, e, i) => (Ie(t, e, "read from private field"), i ? i.call(t) : e.get(t)), 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), C = (t, e, i) => (Ie(t, e, "access private method"), i), d, q, B, g, Fe, Oe, he, se;
+}, Ie = (t, e, i) => e.has(t) || $e("Cannot " + i), f = (t, e, i) => (Ie(t, e, "read from private field"), i ? i.call(t) : e.get(t)), 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), C = (t, e, i) => (Ie(t, e, "access private method"), i), d, q, B, g, Fe, Oe, he, re;
 const Te = typeof devicePixelRatio > "u" || devicePixelRatio > 1.25, Me = Te ? "@2x" : "", S = Te ? 2 : 1;
 let M, Se, w = class extends F {
   constructor() {
@@ -266,7 +266,7 @@ let M, Se, w = class extends F {
           <span>
             <span class="primary"> ${f(this, d, B) ? this.feature?.place_name : this.feature?.place_name.replace(/,.*/, "")} </span>
 
-            ${this.showPlaceType === "always" || this.showPlaceType !== "never" && !this.feature?.address && !this.feature?.id.startsWith("road.") && !this.feature?.id.startsWith("address.") && !this.feature?.id.startsWith("postal_code.") && (!this.feature?.id.startsWith("poi.") || !this.imageUrl) && !f(this, d, B) ? m` <span class="secondary"> ${f(this, d, g)} </span> ` : H}
+            ${this.showPlaceType === "always" || this.showPlaceType !== "never" && !this.feature?.address && !this.feature?.id.startsWith("road.") && !this.feature?.id.startsWith("address.") && !this.feature?.id.startsWith("postal_code.") && (!this.feature?.id.startsWith("poi.") || !this.imageUrl) && !f(this, d, B) ? m` <span class="secondary"> ${f(this, d, g)} </span> ` : J}
           </span>
 
           <span class="line2"> ${f(this, d, B) ? this.feature?.text : this.feature?.place_name.replace(/[^,]*,?s*/, "")} </span>
@@ -296,11 +296,11 @@ Oe = function() {
   this.imageUrl && this.missingIconsCache.add(this.imageUrl), C(this, d, he).call(this);
 };
 he = function() {
-  M !== void 0 ? C(this, d, se).call(this) : (C(this, d, Fe).call(this), Se?.then(() => {
-    C(this, d, se).call(this);
+  M !== void 0 ? C(this, d, re).call(this) : (C(this, d, Fe).call(this), Se?.then(() => {
+    C(this, d, re).call(this);
   }));
 };
-se = function() {
+re = function() {
   do {
     if (this.index--, this.category = f(this, d, q)?.[this.index], this.spriteIcon = this.category ? M?.icons[this.category] : void 0, this.spriteIcon)
       break;
@@ -308,7 +308,7 @@ se = function() {
   } while (this.index > -1 && (!this.imageUrl || this.missingIconsCache.has(this.imageUrl)));
 };
 w.styles = I`
-    ${ne(ct)}
+    ${ce(ct)}
   `;
 L([
   p({ type: Object })
@@ -347,13 +347,13 @@ var ft = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, Ce = (t) =
   for (var s = a > 1 ? void 0 : a ? mt(e, i) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (s = (a ? r(e, i, s) : r(s)) || s);
   return a && s && ft(e, i, s), s;
-}, pe = (t, e, i) => e.has(t) || Ce("Cannot " + i), k = (t, e, i) => (pe(t, e, "read from private field"), i ? i.call(t) : e.get(t)), U = (t, e, i) => e.has(t) ? Ce("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), re = (t, e, i, a) => (pe(t, e, "write to private field"), e.set(t, i), i), h = (t, e, i) => (pe(t, e, "access private method"), i), N, G, oe, R, l, Z, Ee, de, x, ue, Q, fe, me, $, ge, K, Pe, ae, Ue, Be, Ge, Re, ze, je, We;
+}, pe = (t, e, i) => e.has(t) || Ce("Cannot " + i), k = (t, e, i) => (pe(t, e, "read from private field"), i ? i.call(t) : e.get(t)), U = (t, e, i) => e.has(t) ? Ce("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), oe = (t, e, i, a) => (pe(t, e, "write to private field"), e.set(t, i), i), h = (t, e, i) => (pe(t, e, "access private method"), i), N, G, ae, R, l, Z, Ee, de, x, ue, Q, fe, me, $, ge, K, Pe, le, Ue, Be, Ge, Re, ze, je, We;
 let n = class extends F {
   constructor() {
-    super(...arguments), U(this, l), this.clearListOnPick = !1, this.clearOnBlur = !1, this.collapsed = !1, this.excludeTypes = !1, this.exhaustiveReverseGeocoding = !1, this.fetchFullGeometryOnPick = !1, this.keepListOpen = !1, this.openListOnTop = !1, this.reverseActive = !1, this.searchValue = "", this.selectedItemIndex = -1, this.cachedFeatures = [], this.lastSearchUrl = "", this.focused = !1, this.isFeatureListVisible = !1, this.isFeatureListInteractedWith = !1, U(this, N, !1), U(this, G), U(this, oe, /* @__PURE__ */ new Set()), U(this, R);
+    super(...arguments), U(this, l), this.clearListOnPick = !1, this.clearOnBlur = !1, this.collapsed = !1, this.excludeTypes = !1, this.exhaustiveReverseGeocoding = !1, this.fetchFullGeometryOnPick = !1, this.keepListOpen = !1, this.openListOnTop = !1, this.reverseActive = !1, this.searchValue = "", this.selectedItemIndex = -1, this.cachedFeatures = [], this.lastSearchUrl = "", this.focused = !1, this.isFeatureListVisible = !1, this.isFeatureListInteractedWith = !1, U(this, N, !1), U(this, G), U(this, ae, /* @__PURE__ */ new Set()), U(this, R);
   }
   firstUpdated() {
-    re(this, N, !0);
+    oe(this, N, !0);
   }
   /**
    * Set the options of this instance.
@@ -380,7 +380,7 @@ let n = class extends F {
    * @param value text to set and submit
    */
   submitQuery(t) {
-    h(this, l, ge).call(this, t);
+    h(this, l, ge).call(this, t, { external: !0 });
   }
   /**
    * Clear search result list.
@@ -410,7 +410,7 @@ let n = class extends F {
   }
   /** @internal */
   handleMapChange(t) {
-    re(this, R, t);
+    oe(this, R, t);
   }
   /** @internal */
   handleMapClick(t) {
@@ -445,7 +445,7 @@ let n = class extends F {
             @focus=${() => this.focused = !0}
             @blur=${() => this.focused = !1}
             @click=${() => this.focused = !0}
-            @keydown=${h(this, l, ae)}
+            @keydown=${h(this, l, le)}
             @input=${h(this, l, Ue)}
             @change=${() => this.picked = void 0}
             placeholder=${this.placeholder ?? "Search"}
@@ -469,7 +469,7 @@ let n = class extends F {
                 >
                   <maptiler-geocode-reverse-geocoding-icon></maptiler-geocode-reverse-geocoding-icon>
                 </button>
-              ` : H}
+              ` : J}
 
           <!-- <slot /> -->
         </div>
@@ -484,7 +484,7 @@ let n = class extends F {
                   <maptiler-geocode-clear-icon></maptiler-geocode-clear-icon>
                 </button>
               </div>
-            ` : !this.focused && !this.isFeatureListInteractedWith && !this.keepListOpen || this.listFeatures === void 0 ? H : this.listFeatures.length === 0 ? m`
+            ` : !this.focused && !this.isFeatureListInteractedWith && !this.keepListOpen || this.listFeatures === void 0 ? J : this.listFeatures.length === 0 ? m`
                   <div class="no-results">
                     <maptiler-geocode-fail-icon></maptiler-geocode-fail-icon>
 
@@ -498,7 +498,7 @@ let n = class extends F {
                     @pointerleave=${h(this, l, Re)}
                     @pointerdown=${h(this, l, ze)}
                     @pointerup=${h(this, l, je)}
-                    @keydown=${h(this, l, ae)}
+                    @keydown=${h(this, l, le)}
                     role="listbox"
                   >
                     ${qe(
@@ -515,8 +515,8 @@ let n = class extends F {
                           @select=${() => {
         h(this, l, Be).call(this, t);
       }}
-                          .missingIconsCache=${k(this, oe)}
-                          .iconsBaseUrl=${this.iconsBaseUrl ?? "https://cdn.maptiler.com/maptiler-geocoding-control/v3.0.0-rc.7/icons/"}
+                          .missingIconsCache=${k(this, ae)}
+                          .iconsBaseUrl=${this.iconsBaseUrl ?? "https://cdn.maptiler.com/maptiler-geocoding-control/v3.0.0-rc.8/icons/"}
                         />
                       `
     )}
@@ -528,7 +528,7 @@ let n = class extends F {
 };
 N = /* @__PURE__ */ new WeakMap();
 G = /* @__PURE__ */ new WeakMap();
-oe = /* @__PURE__ */ new WeakMap();
+ae = /* @__PURE__ */ new WeakMap();
 R = /* @__PURE__ */ new WeakMap();
 l = /* @__PURE__ */ new WeakSet();
 Z = function() {
@@ -549,10 +549,10 @@ x = function(t, ...[e]) {
     })
   );
 };
-ue = function(t) {
-  t?.preventDefault(), this.focused = !1, clearTimeout(k(this, G)), this.selectedItemIndex > -1 && this.listFeatures ? (this.picked = this.listFeatures[this.selectedItemIndex], this.searchValue = this.picked.place_type[0] === "reverse" ? this.picked.place_name : this.picked.place_name.replace(/,.*/, ""), this.error = void 0, this.selectedItemIndex = -1) : this.searchValue && h(this, l, K).call(this, this.searchValue, { exact: !0, external: t === void 0 }).then(() => {
+ue = function(t, { external: e = !1 } = {}) {
+  t?.preventDefault(), this.focused = !1, clearTimeout(k(this, G)), this.selectedItemIndex > -1 && this.listFeatures ? (this.picked = this.listFeatures[this.selectedItemIndex], this.searchValue = this.picked.place_type[0] === "reverse" ? this.picked.place_name : this.picked.place_name.replace(/,.*/, ""), this.error = void 0, this.selectedItemIndex = -1) : this.searchValue && h(this, l, K).call(this, this.searchValue, { exact: !0, external: e }).then(() => {
     this.picked = void 0;
-  }).catch((e) => this.error = e);
+  }).catch((i) => this.error = i);
 };
 Q = function(t) {
   try {
@@ -571,7 +571,7 @@ me = function(t, { external: e = !1 } = {}) {
     if (clearTimeout(k(this, G)), k(this, l, de))
       return;
     const i = this.searchValue;
-    re(this, G, window.setTimeout(() => {
+    oe(this, G, window.setTimeout(() => {
       h(this, l, K).call(this, i, { external: e }).catch((a) => this.error = a);
     }, this.debounceSearch ?? 200));
   } else
@@ -580,8 +580,8 @@ me = function(t, { external: e = !1 } = {}) {
 $ = function() {
   this.listFeatures !== void 0 && (this.listFeatures = void 0, h(this, l, x).call(this, "featuresclear"));
 };
-ge = function(t) {
-  this.searchValue = t, h(this, l, x).call(this, "querychange", { query: this.searchValue, reverseCoords: h(this, l, Q).call(this, t) }), this.selectedItemIndex = -1, h(this, l, ue).call(this);
+ge = function(t, { external: e = !1 } = {}) {
+  this.searchValue = t, h(this, l, x).call(this, "querychange", { query: this.searchValue, reverseCoords: h(this, l, Q).call(this, t) }), this.selectedItemIndex = -1, h(this, l, ue).call(this, void 0, { external: e });
 };
 K = async function(t, { byId: e = !1, exact: i = !1, external: a = !1 } = {}) {
   this.error = void 0, this.abortController?.abort();
@@ -625,8 +625,8 @@ K = async function(t, { byId: e = !1, exact: i = !1, external: a = !1 } = {}) {
       properties: {},
       /* eslint-disable @typescript-eslint/restrict-template-expressions */
       id: `reverse_${r.decimalLongitude}_${r.decimalLatitude}`,
-      text: `${r.decimalLatitude}, ${r.decimalLongitude}`,
-      place_name: r.toCoordinateFormat("DMS"),
+      place_name: `${r.decimalLatitude}, ${r.decimalLongitude}`,
+      text: r.toCoordinateFormat("DMS"),
       /* eslint-enable @typescript-eslint/restrict-template-expressions */
       place_type: ["reverse"],
       place_type_name: ["reverse"],
@@ -648,7 +648,7 @@ K = async function(t, { byId: e = !1, exact: i = !1, external: a = !1 } = {}) {
 Pe = function(t) {
   this.reverseActive = this.enableReverse === "always", h(this, l, $).call(this), this.picked = void 0, h(this, l, ge).call(this, `${t[1].toFixed(6)}, ${lt(t[0], [-180, 180], !0).toFixed(6)}`), h(this, l, fe).call(this);
 };
-ae = function(t) {
+le = function(t) {
   if (!this.listFeatures)
     return;
   const e = t.key === "ArrowDown" ? 1 : t.key === "ArrowUp" ? -1 : 0;
@@ -678,7 +678,7 @@ We = function() {
   this.searchValue = "", h(this, l, x).call(this, "queryclear"), this.picked = void 0, this.input.focus();
 };
 n.styles = I`
-    ${ne(ut)}
+    ${ce(ut)}
   `;
 c([
   p({ attribute: !1 })
@@ -874,7 +874,7 @@ var vt = Object.getOwnPropertyDescriptor, xt = (t, e, i, a) => {
     (r = t[o]) && (s = r(s) || s);
   return s;
 };
-let le = class extends F {
+let ne = class extends F {
   render() {
     return z`
       <svg
@@ -890,12 +890,12 @@ let le = class extends F {
     `;
   }
 };
-le.styles = I`
-    ${ne(yt)}
+ne.styles = I`
+    ${ce(yt)}
   `;
-le = xt([
+ne = xt([
   O("maptiler-geocode-marker")
-], le);
+], ne);
 function ke(t) {
   const e = Ke(
     D([
@@ -972,8 +972,8 @@ const bt = {
     },
     filter: ["!", ["has", "isMask"]]
   }
-}, A = "mtlr-gc-full-geom", we = "mtlr-gc-full-geom-fill", _e = "mtlr-gc-full-geom-line", wt = ce.Evented, _t = ce.Marker, Lt = ce.Popup;
-class Rt extends wt {
+}, A = "mtlr-gc-full-geom", we = "mtlr-gc-full-geom-fill", _e = "mtlr-gc-full-geom-line";
+class Ut extends H.Evented {
   #e = {};
   #t;
   #i;
@@ -1206,7 +1206,7 @@ class Rt extends wt {
             continue;
         } else
           o = this.#f(this.#e.showResultMarkers).setLngLat(s.center).setPopup(
-            new Lt({
+            new H.Popup({
               offset: [1, -27],
               closeButton: !1,
               closeOnMove: !0,
@@ -1253,7 +1253,7 @@ class Rt extends wt {
     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 _t(e);
+    return typeof e != "object" && (e = { element: this.#t?._container.ownerDocument.createElement("maptiler-geocode-marker"), offset: [1, -13] }), new H.Marker(e);
   }
   #T() {
     const { fullGeometryStyle: e } = this.#e;
@@ -1264,14 +1264,14 @@ class Rt extends wt {
 }
 export {
   kt as DEFAULT_GEOMETRY_STYLE,
-  Rt as GeocodingControl,
-  Rt as MaplibreglGeocodingControl,
-  J as MaptilerGeocodeClearIconElement,
-  X as MaptilerGeocodeFailIconElement,
-  ee as MaptilerGeocodeLoadingIconElement,
-  le as MaptilerGeocodeMarkerElement,
-  te as MaptilerGeocodeReverseGeocodingIconElement,
-  ie as MaptilerGeocodeSearchIconElement,
+  Ut as GeocodingControl,
+  Ut as MaplibreglGeocodingControl,
+  X as MaptilerGeocodeClearIconElement,
+  ee as MaptilerGeocodeFailIconElement,
+  te as MaptilerGeocodeLoadingIconElement,
+  ne as MaptilerGeocodeMarkerElement,
+  ie as MaptilerGeocodeReverseGeocodingIconElement,
+  se as MaptilerGeocodeSearchIconElement,
   n as MaptilerGeocoderElement,
   we as RESULT_LAYER_FILL,
   _e as RESULT_LAYER_LINE,