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

package/dist/leaflet.public.js

@@ -185,12 +185,12 @@ function be(t, e) {
   for (const r of i.features)
     if (r.geometry.type == "MultiPolygon")
       for (const o of r.geometry.coordinates)
-        ke(o, e);
+        we(o, e);
     else
-      ke(r.geometry.coordinates, e);
+      we(r.geometry.coordinates, e);
   return i;
 }
-function ke(t, e) {
+function we(t, e) {
   for (const i of t)
     for (const r of i)
       r[0] += e;
@@ -213,7 +213,7 @@ async function ft(t, e, i) {
                 a(Error("aborted"));
               }), navigator.geolocation.getCurrentPosition(
                 (u) => {
-                  s([u.coords.longitude, u.coords.latitude].map((k) => k.toFixed(6)).join(","));
+                  s([u.coords.longitude, u.coords.latitude].map((w) => w.toFixed(6)).join(","));
                 },
                 (u) => {
                   a(u);
@@ -356,10 +356,10 @@ _ = $([
   C("maptiler-geocoder-feature-item")
 ], _);
 const xt = "form{font-family:Open Sans,Ubuntu,Helvetica Neue,Arial,Helvetica,sans-serif;position:relative;background-color:#fff;z-index:10;border-radius:4px;margin:0;transition:max-width .25s;box-shadow:0 2px 5px #33335926;--color-text: #444952;--color-icon-button: #444952;pointer-events:all}form,form *,form *:after,form *:before{box-sizing:border-box}form.can-collapse{max-width:29px}form.can-collapse input::placeholder{transition:opacity .25s;opacity:0}form{width:270px;max-width:270px}form:focus-within,form:hover{width:270px;max-width:270px}form input::placeholder,form:focus-within input::placeholder,form:hover input::placeholder{opacity:1}input{font:inherit;font-size:14px;flex-grow:1;min-height:29px;background-color:transparent;color:#444952;white-space:nowrap;overflow:hidden;border:0;margin:0;padding:0}input:focus{color:#444952;outline:0;outline:none;box-shadow:none}ul,div.error,div.no-results{background-color:#fff;border-radius:4px;left:0;list-style:none;margin:0;padding:0;position:absolute;width:100%;top:calc(100% + 6px);overflow:hidden}ul{font-size:14px;line-height:16px;box-shadow:0 5px 10px #33335926}div.error,div.no-results{font:inherit;line-height:18px;font-size:12px;display:flex;gap:16px}div.error{padding:16px;font-weight:600;color:#e25041;background-color:#fbeae8}div.error div{flex-grow:1}div.error maptiler-geocode-fail-icon{flex-shrink:0;width:20px;height:20px}div.error button{flex-shrink:0}div.error button maptiler-geocode-clear-icon{--color-icon-button: #e25041}div.error button:hover maptiler-geocode-clear-icon,div.error button:active maptiler-geocode-clear-icon{--color-icon-button: inherit}div.no-results{padding:14px 24px 14px 16px;font-weight:400;color:#6b7c93;box-shadow:0 5px 10px #33335926}div.no-results maptiler-geocode-fail-icon{margin-top:4px;flex-shrink:0;width:20px;height:20px}ul.options.open-on-top{top:auto;bottom:calc(100% + 6px)}button{padding:0;margin:0;border:0;background-color:transparent;height:auto;width:auto}button:hover{background-color:transparent}button:hover,button:active{--color-icon-button: #2b8bfb}.input-group{display:flex;align-items:stretch;gap:7px;padding-inline:8px;border-radius:4px;overflow:hidden}.input-group:focus-within{outline:#2b8bfb solid 2px}.search-button{flex-shrink:0}.clear-button-container{display:flex;display:none;position:relative;align-items:stretch}.clear-button-container.displayable{display:flex;flex-shrink:0}:host(.maptiler-geocoder):not(:empty){box-shadow:none}:host(.maptiler-geocoder) .input-group{border:white solid 2px}:host(.maptiler-geocoder) .input-group:focus-within{border:#2b8bfb solid 2px;outline:0;outline:none}:host(.maptiler-geocoder) form.can-collapse{max-width:33px}:host(.maptiler-geocoder) form,:host(.maptiler-geocoder) form:focus-within,:host(.maptiler-geocoder) form:hover{width:270px;max-width:270px}:host(.leaflet-geocoder) .input-group{border:white solid 1px}:host(.leaflet-geocoder) form.can-collapse{max-width:30px}";
-var bt = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, Fe = (t) => {
+var bt = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, Fe = (t) => {
   throw TypeError(t);
 }, c = (t, e, i, r) => {
-  for (var o = r > 1 ? void 0 : r ? kt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
+  for (var o = r > 1 ? void 0 : r ? wt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
     (a = t[s]) && (o = (r ? a(e, i, o) : a(o)) || o);
   return r && o && bt(e, i, o), o;
 }, pe = (t, e, i) => e.has(t) || Fe("Cannot " + i), x = (t, e, i) => (pe(t, e, "read from private field"), i ? i.call(t) : e.get(t)), S = (t, e, i) => e.has(t) ? Fe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), W = (t, e, i, r) => (pe(t, e, "write to private field"), e.set(t, i), i), h = (t, e, i) => (pe(t, e, "access private method"), i), Z, V, z, ae, D, n, Q, Se, Ee, de, v, ue, K, fe, me, L, ge, H, Pe, ne, Be, Ge, Ue, ze, De;
@@ -378,7 +378,7 @@ let l = class extends M {
   setOptions(t) {
     const e = { ...t };
     for (const i of Object.keys(e))
-      wt.includes(i) || delete e[i];
+      kt.includes(i) || delete e[i];
     Object.assign(this, e);
   }
   /**
@@ -434,7 +434,7 @@ let l = class extends M {
   willUpdate(t) {
     t.has("error") && this.error && console.error("[MapTilerGeocodingControl] Error:", this.error), t.has("enableReverse") && (this.reverseActive = this.enableReverse === "always"), ["picked"].some((e) => t.has(e)) && this.picked && (this.clearListOnPick && h(this, n, L).call(this), this.selectedItemIndex = -1), ["searchValue", "minLength"].some((e) => t.has(e)) && x(this, n, de) && (h(this, n, L).call(this), this.error = void 0), ["focused"].some((e) => t.has(e)) && setTimeout(() => {
       this.focusedDelayed = this.focused, this.clearOnBlur && !this.focused && (this.searchValue = "");
-    }, 100), ["selectFirst", "listFeatures", "selectedItemIndex", "picked"].some((e) => t.has(e)) && this.selectFirst !== !1 && this.listFeatures?.length && this.selectedItemIndex == -1 && !this.picked && (this.selectedItemIndex = 0), ["listFeatures", "selectedItemIndex"].some((e) => t.has(e)) && h(this, n, v).call(this, "select", { feature: x(this, n, Q) }), ["picked"].some((e) => t.has(e)) && this.picked && (this.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(
+    }, 100), ["selectFirst", "listFeatures", "selectedItemIndex", "picked"].some((e) => t.has(e)) && this.selectFirst !== !1 && this.listFeatures?.length && this.selectedItemIndex == -1 && !this.picked && (this.selectedItemIndex = 0), ["listFeatures", "selectedItemIndex"].some((e) => t.has(e)) && h(this, n, v).call(this, "select", { feature: x(this, n, Q) }), ["picked"].some((e) => t.has(e)) && this.picked && this.picked.id !== t.get("picked")?.id && (this.fetchFullGeometryOnPick && !this.picked.address && this.picked.geometry.type === "Point" && this.picked.place_type[0] !== "reverse" ? h(this, n, H).call(this, this.picked.id, { byId: !0 }) : Promise.resolve()).then(
       () => {
         h(this, n, v).call(this, "pick", { feature: this.picked });
       },
@@ -526,7 +526,7 @@ let l = class extends M {
         h(this, n, Ge).call(this, t);
       }}
                           .missingIconsCache=${x(this, ae)}
-                          .iconsBaseUrl=${this.iconsBaseUrl ?? "https://cdn.maptiler.com/maptiler-geocoding-control/v3.0.0-rc.1/icons/"}
+                          .iconsBaseUrl=${this.iconsBaseUrl ?? "https://cdn.maptiler.com/maptiler-geocoding-control/v3.0.0-rc.3/icons/"}
                         >
                           ${t.place_name}
                         </maptiler-geocoder-feature-item>
@@ -606,18 +606,18 @@ H = async function(t, { byId: e = !1, exact: i = !1 } = {}) {
   try {
     const o = this.apiUrl ?? "https://api.maptiler.com/geocoding", s = h(this, n, K).call(this, t), a = new URL(o + "/" + encodeURIComponent(s ? `${s.decimalLongitude},${s.decimalLatitude}` : t) + ".json"), u = a.searchParams;
     this.language !== void 0 && u.set("language", Array.isArray(this.language) ? this.language.join(",") : this.language ?? "");
-    const [k] = x(this, D) ?? [void 0];
-    let w = (!s || this.reverseGeocodingTypes === void 0 ? this.types : this.reverseGeocodingTypes)?.map(
-      (y) => typeof y == "string" ? y : k === void 0 || (y[0] ?? 0) <= k && k < (y[1] ?? 1 / 0) ? y[2] : void 0
+    const [w] = x(this, D) ?? [void 0];
+    let k = (!s || this.reverseGeocodingTypes === void 0 ? this.types : this.reverseGeocodingTypes)?.map(
+      (y) => typeof y == "string" ? y : w === void 0 || (y[0] ?? 0) <= w && w < (y[1] ?? 1 / 0) ? y[2] : void 0
     ).filter((y) => y !== void 0);
-    w && (w = [...new Set(w)], u.set("types", w.join(",")));
+    k && (k = [...new Set(k)], u.set("types", k.join(",")));
     const T = !s || this.reverseGeocodingExcludeTypes === void 0 ? this.excludeTypes : this.reverseGeocodingExcludeTypes;
-    if (T && u.set("excludeTypes", String(T)), this.bbox && u.set("bbox", this.bbox.map((y) => y.toFixed(6)).join(",")), this.country && u.set("country", Array.isArray(this.country) ? this.country.join(",") : this.country), !e && !s) {
+    if (T && u.set("excludeTypes", String(T)), this.bbox && u.set("bbox", this.bbox.map((y) => y.toFixed(6)).join(",")), this.country && u.set("country", Array.isArray(this.country) ? this.country.join(",") : this.country), this.worldview && u.set("worldview", this.worldview), !e && !s) {
       const y = this.proximity ?? [{ type: "server-geolocation" }], ve = await ft(x(this, D), y, r);
       ve && u.set("proximity", ve), (i || this.showResultsWhileTyping === !1) && u.set("autocomplete", "false"), u.set("fuzzyMatch", String(this.fuzzyMatch !== !1));
     }
     const ye = this.limit ?? 5, Y = this.reverseGeocodingLimit ?? ye;
-    Y > 1 && w?.length !== 1 && console.warn("[MapTilerGeocodingControl] Warning: For reverse geocoding when limit > 1 then types must contain single value."), s ? (Y === 1 || this.exhaustiveReverseGeocoding || w?.length === 1) && u.set("limit", String(Y)) : u.set("limit", String(ye)), this.apiKey && u.set("key", this.apiKey), this.adjustUrl?.(a);
+    Y > 1 && k?.length !== 1 && console.warn("[MapTilerGeocodingControl] Warning: For reverse geocoding when limit > 1 then types must contain single value."), s ? (Y === 1 || this.exhaustiveReverseGeocoding || k?.length === 1) && u.set("limit", String(Y)) : u.set("limit", String(ye)), this.apiKey && u.set("key", this.apiKey), this.adjustUrl?.(a);
     const je = a.searchParams.get("types") === "" && a.searchParams.get("excludeTypes") !== "true", j = a.toString();
     if (j === this.lastSearchUrl) {
       e ? (this.clearListOnPick && h(this, n, L).call(this), this.picked = this.cachedFeatures[0]) : (this.listFeatures = this.cachedFeatures, h(this, n, v).call(this, "featureslisted", { features: this.listFeatures }), this.listFeatures[this.selectedItemIndex]?.id !== x(this, n, Q)?.id && (this.selectedItemIndex = -1));
@@ -796,6 +796,9 @@ c([
 c([
   p({ type: Array })
 ], l.prototype, "types", 2);
+c([
+  p({ type: String })
+], l.prototype, "worldview", 2);
 c([
   Ae("input")
 ], l.prototype, "input", 2);
@@ -832,7 +835,7 @@ c([
 l = c([
   C("maptiler-geocoder")
 ], l);
-const wt = [
+const kt = [
   "adjustUrl",
   "apiKey",
   "apiUrl",
@@ -868,8 +871,9 @@ const wt = [
   "showPlaceType",
   "showResultsWhileTyping",
   "types",
-  "reverseGeocodingTypes"
-], _t = "svg{display:block;fill:var(--maptiler-geocode-marker-fill, #3170fe);stroke:var(--maptiler-geocode-marker-stroke, #3170fe);height:30px}:host(.marker-selected){z-index:2}:host(.marker-selected) svg path{fill:var(--maptiler-geocode-marker-reverse-fill, #98b7ff);stroke:var(--maptiler-geocode-marker-reverse-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)}";
+  "reverseGeocodingTypes",
+  "worldview"
+], _t = "svg{display:block;fill:var(--maptiler-geocode-marker-fill, #3170fe);stroke:var(--maptiler-geocode-marker-stroke, #3170fe);height:30px}:host(.marker-selected){z-index:2}:host(.marker-selected) svg path{fill:var(--maptiler-geocode-marker-selected-fill, #98b7ff);stroke:var(--maptiler-geocode-marker-selected-stroke, #3170fe)}:host(.marker-reverse) svg path{fill:var(--maptiler-geocode-marker-reverse-fill, silver);stroke:var(--maptiler-geocode-marker-reverse-stroke, gray)}:host(.marker-interactive){cursor:pointer!important}:host(.marker-fuzzy) svg path{fill:var(--maptiler-geocode-marker-fuzzy-fill, silver);stroke:var(--maptiler-geocode-marker-fuzzy-stroke, gray)}:host(.marker-fuzzy.marker-selected) svg path{fill:var(--maptiler-geocode-marker-selected-fuzzy-fill, #ddd);stroke:var(--maptiler-geocode-marker-selected-fuzzy-stroke, silver)}";
 var $t = Object.getOwnPropertyDescriptor, Lt = (t, e, i, r) => {
   for (var o = r > 1 ? void 0 : r ? $t(e, i) : e, s = t.length - 1, a; s >= 0; s--)
     (a = t[s]) && (o = a(o) || o);
@@ -897,7 +901,7 @@ le.styles = I`
 le = Lt([
   C("maptiler-geocode-marker")
 ], le);
-function we(t) {
+function ke(t) {
   const e = tt(
     q([
       Ze([
@@ -918,14 +922,14 @@ function we(t) {
   const i = U(X(t)), r = (i[2] - i[0]) / 360 / 1e3, o = i[0] < -180, s = i[2] > 180, a = it(t);
   if (a.features.length > 1 && (o || s))
     for (const u of a.features) {
-      const k = U(X(u));
-      if (s && k[0] < -180 + r)
-        for (const w of u.geometry.coordinates)
-          for (const T of w)
+      const w = U(X(u));
+      if (s && w[0] < -180 + r)
+        for (const k of u.geometry.coordinates)
+          for (const T of k)
             T[0] += 360 - r;
-      if (o && k[2] > 180 - r)
-        for (const w of u.geometry.coordinates)
-          for (const T of w)
+      if (o && w[2] > 180 - r)
+        for (const k of u.geometry.coordinates)
+          for (const T of k)
             T[0] -= 360 - r;
     }
   return q([a.features.length < 2 ? t : _e(a) ?? t, e]);
@@ -974,69 +978,37 @@ class jt extends Re {
   constructor(e = {}) {
     super(e);
   }
+  /** @internal Not to be called directly */
   onAdd(e) {
     this.#e = e, this.#t = e.getContainer().ownerDocument.createElement("maptiler-geocoder"), this.#t.classList.add("leaflet-geocoder"), this.#m(), this.#x(), this.#I();
     const i = e.getContainer().ownerDocument.createElement("div");
     return i.classList.add("leaflet-ctrl-geocoder", "leaflet-bar"), i.style.zIndex = "850", i.appendChild(this.#t), xe.disableClickPropagation(i), xe.disableScrollPropagation(i), i;
   }
+  /** @internal Not to be called directly */
   onRemove() {
     this.#b(), this.#M(), this.#e = void 0, this.#t = void 0;
   }
-  /**
-   * Update the control options.
-   *
-   * @param options options to update
-   */
   setOptions(e) {
     Object.assign(this.options, e), this.#m();
   }
-  /**
-   * Set the content of search input box.
-   *
-   * @param value text to set
-   */
   setQuery(e) {
     this.#t?.setQuery(e);
   }
-  /**
-   * Set the content of search input box and immediately submit it.
-   *
-   * @param value text to set and submit
-   */
   submitQuery(e) {
     this.#t?.submitQuery(e);
   }
-  /**
-   * Clear geocoding search results from the map.
-   */
   clearMap() {
     this.#r = [], this.#c(void 0, void 0);
   }
-  /**
-   * Clear search result list.
-   */
   clearList() {
     this.#t?.clearList();
   }
-  /**
-   * Set reverse geocoding mode.
-   *
-   * @param reverseActive reverse geocoding active
-   */
   setReverseMode(e) {
     this.setOptions({ reverseActive: e });
   }
-  /**
-   * Focus the search input box.
-   *
-   * @param options [FocusOptions](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)
-   */
   focus(e) {
     this.#t?.focus(e);
   }
-  /**
-   * Blur the search input box.
-   */
   blur() {
     this.#t?.blur();
   }
@@ -1076,7 +1048,7 @@ class jt extends Re {
     },
     pick: (e) => {
       const i = e.detail.feature;
-      i && i.id !== this.#d && this.#h && (this.#k(i), this.#c(this.#r, i)), this.#d = i?.id, this.#i("pick", e.detail);
+      i && i.id !== this.#d && this.#h && (this.#w(i), this.#c(this.#r, i)), this.#d = i?.id, this.#i("pick", e.detail);
     },
     featuresshow: () => {
       this.#i("featuresshow");
@@ -1086,7 +1058,7 @@ class jt extends Re {
     },
     featureslisted: (e) => {
       const i = e.detail.features;
-      this.#r = i, this.#c(this.#r, void 0), this.#w(i), this.#i("featureslisted", e.detail);
+      this.#r = i, this.#c(this.#r, void 0), this.#k(i), this.#i("featureslisted", e.detail);
     },
     featuresclear: () => {
       this.#r = void 0, this.#c(void 0, void 0), this.#i("featuresclear");
@@ -1127,10 +1099,10 @@ class jt extends Re {
   #i(e, i) {
     return super.fire(e, i);
   }
-  #k(e) {
+  #w(e) {
     e.bbox[0] === e.bbox[2] && e.bbox[1] === e.bbox[3] ? this.#g({ lng: e.center[0], lat: e.center[1] }, this.#l(e)) : this.#y(U(e.bbox), 50, this.#l(e));
   }
-  #w(e) {
+  #k(e) {
     if (!e || e.length === 0 || !this.#h) return;
     const i = e.every((s) => s.matching_text), r = e.reduce(
       (s, a) => i || !a.matching_text ? [Math.min(s[0], a.bbox[0]), Math.min(s[1], a.bbox[1]), Math.max(s[2], a.bbox[2]), Math.max(s[3], a.bbox[3])] : s,
@@ -1195,10 +1167,10 @@ class jt extends Re {
       if (o.length > 0) {
         const s = _e(q(o.map((a) => Qe(a))));
         if (s) {
-          const a = we({ ...i, geometry: s.geometry });
+          const a = ke({ ...i, geometry: s.geometry });
           if (a) {
-            const u = [...a.features], k = U(X(i)), w = k[2] - k[0];
-            k[0] - w / 4 < -180 && u.push(...be(a, -360).features), k[2] + w / 4 > 180 && u.push(...be(a, 360).features), this.#s?.addData(q(u));
+            const u = [...a.features], w = U(X(i)), k = w[2] - w[0];
+            w[0] - k / 4 < -180 && u.push(...be(a, -360).features), w[2] + k / 4 > 180 && u.push(...be(a, 360).features), this.#s?.addData(q(u));
           }
         }
       } else {
@@ -1211,7 +1183,7 @@ class jt extends Re {
         });
       }
     } else if (i?.geometry.type.endsWith("Polygon")) {
-      const o = we(i);
+      const o = ke(i);
       o && this.#s?.addData(o), this.options.pickedResultStyle === "full-geometry-including-polygon-center-marker" && r();
     } else i?.geometry.type.endsWith("LineString") ? this.#s?.addData(i) : i?.geometry.type.endsWith("Point") && r();
     if (this.options.showResultMarkers !== !1 && this.options.showResultMarkers !== null)
@@ -1246,7 +1218,7 @@ class jt extends Re {
   }
   #I() {
     this.#e && (this.#s = new Je(void 0, {
-      style: this.options.fullGeometryStyle === !0 ? Mt : this.options.fullGeometryStyle === !1 ? void 0 : this.options.fullGeometryStyle ?? void 0,
+      style: this.#C(),
       interactive: !1
     }).addTo(this.#e));
   }
@@ -1256,6 +1228,12 @@ class jt extends Re {
   #p(e, i) {
     return typeof i != "object" && (i = { icon: new Xe({ html: this.#e?.getContainer().ownerDocument.createElement("maptiler-geocode-marker"), iconAnchor: [12.3, 30], className: "" }) }), new et(e, i);
   }
+  #C() {
+    const { fullGeometryStyle: e } = this.options;
+    if (e === !0 || e === void 0) return Mt;
+    if (!(e === !1 || e === null))
+      return e;
+  }
 }
 export {
   Mt as DEFAULT_GEOMETRY_STYLE,