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

package/dist/leaflet.public.js

@@ -1,5 +1,5 @@
 import { css as I, LitElement as M, svg as R, html as m, unsafeCSS as ce, nothing as J } from "lit";
-import { customElement as C, property as p, state as b, query as Ae } from "lit/decorators.js";
+import { customElement as O, property as p, state as b, query as Ae } from "lit/decorators.js";
 import { convert as We } from "geo-coordinates-parser";
 import { classMap as A } from "lit/directives/class-map.js";
 import { repeat as Ve } from "lit/directives/repeat.js";
@@ -34,7 +34,7 @@ ee.styles = I`
     }
   `;
 ee = ot([
-  C("maptiler-geocode-clear-icon")
+  O("maptiler-geocode-clear-icon")
 ], ee);
 var rt = Object.getOwnPropertyDescriptor, at = (t, e, i, r) => {
   for (var o = r > 1 ? void 0 : r ? rt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
@@ -59,7 +59,7 @@ te.styles = I`
     }
   `;
 te = at([
-  C("maptiler-geocode-fail-icon")
+  O("maptiler-geocode-fail-icon")
 ], te);
 var nt = Object.getOwnPropertyDescriptor, lt = (t, e, i, r) => {
   for (var o = r > 1 ? void 0 : r ? nt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
@@ -106,7 +106,7 @@ ie.styles = I`
     }
   `;
 ie = lt([
-  C("maptiler-geocode-loading-icon")
+  O("maptiler-geocode-loading-icon")
 ], ie);
 var ct = Object.getOwnPropertyDescriptor, ht = (t, e, i, r) => {
   for (var o = r > 1 ? void 0 : r ? ct(e, i) : e, s = t.length - 1, a; s >= 0; s--)
@@ -131,7 +131,7 @@ se.styles = I`
     }
   `;
 se = ht([
-  C("maptiler-geocode-reverse-geocoding-icon")
+  O("maptiler-geocode-reverse-geocoding-icon")
 ], se);
 var pt = Object.getOwnPropertyDescriptor, dt = (t, e, i, r) => {
   for (var o = r > 1 ? void 0 : r ? pt(e, i) : e, s = t.length - 1, a; s >= 0; s--)
@@ -170,7 +170,7 @@ oe.styles = I`
     }
   `;
 oe = dt([
-  C("maptiler-geocode-search-icon")
+  O("maptiler-geocode-search-icon")
 ], oe);
 function ut(t, e, i) {
   const r = e[1], o = e[0], s = r - o;
@@ -245,8 +245,8 @@ var gt = Object.defineProperty, yt = Object.getOwnPropertyDescriptor, $e = (t) =
     (a = t[s]) && (o = (r ? a(e, i, o) : a(o)) || o);
   return r && o && gt(e, i, o), o;
 }, Le = (t, e, i) => e.has(t) || $e("Cannot " + i), f = (t, e, i) => (Le(t, e, "read from private field"), i ? i.call(t) : e.get(t)), vt = (t, e, i) => e.has(t) ? $e("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), E = (t, e, i) => (Le(t, e, "access private method"), i), d, N, G, g, Ie, Me, he, re;
-const Ce = typeof devicePixelRatio > "u" || devicePixelRatio > 1.25, Oe = Ce ? "@2x" : "", F = Ce ? 2 : 1;
-let O, Te, _ = class extends M {
+const Oe = typeof devicePixelRatio > "u" || devicePixelRatio > 1.25, Ce = Oe ? "@2x" : "", F = Oe ? 2 : 1;
+let C, Te, _ = class extends M {
   constructor() {
     super(...arguments), vt(this, d), this.itemStyle = "default", this.showPlaceType = "if-needed", this.missingIconsCache = /* @__PURE__ */ new Set(), this.iconsBaseUrl = "", this.index = 0;
   }
@@ -263,15 +263,15 @@ let O, Te, _ = class extends M {
         class=${this.itemStyle}
         @click=${() => this.dispatchEvent(new CustomEvent("select"))}
       >
-        ${O && this.spriteIcon ? m`
+        ${C && this.spriteIcon ? m`
               <div
                 class="sprite-icon"
                 style=${Ne({
       width: `${this.spriteIcon.width / F}px`,
       height: `${this.spriteIcon.height / F}px`,
-      backgroundImage: `url(${this.iconsBaseUrl}sprite${Oe}.png)`,
+      backgroundImage: `url(${this.iconsBaseUrl}sprite${Ce}.png)`,
       backgroundPosition: `-${this.spriteIcon.x / F}px -${this.spriteIcon.y / F}px`,
-      backgroundSize: `${O.width / F}px ${O.height / F}px`
+      backgroundSize: `${C.width / F}px ${C.height / F}px`
     })}
                 title=${f(this, d, g)}
               />
@@ -301,23 +301,23 @@ g = function() {
   return this.feature?.properties?.categories?.join(", ") ?? this.feature?.place_type_name?.[0] ?? this.feature?.place_type[0];
 };
 Ie = function() {
-  Te ??= fetch(`${this.iconsBaseUrl}sprite${Oe}.json`).then((t) => t.json()).then((t) => {
-    O = t;
+  Te ??= fetch(`${this.iconsBaseUrl}sprite${Ce}.json`).then((t) => t.json()).then((t) => {
+    C = t;
   }).catch(() => {
-    O = null;
+    C = null;
   });
 };
 Me = function() {
   this.imageUrl && this.missingIconsCache.add(this.imageUrl), E(this, d, he).call(this);
 };
 he = function() {
-  O !== void 0 ? E(this, d, re).call(this) : (E(this, d, Ie).call(this), Te?.then(() => {
+  C !== void 0 ? E(this, d, re).call(this) : (E(this, d, Ie).call(this), Te?.then(() => {
     E(this, d, re).call(this);
   }));
 };
 re = function() {
   do {
-    if (this.index--, this.category = f(this, d, N)?.[this.index], this.spriteIcon = this.category ? O?.icons[this.category] : void 0, this.spriteIcon)
+    if (this.index--, this.category = f(this, d, N)?.[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)));
@@ -353,7 +353,7 @@ $([
   b()
 ], _.prototype, "index", 2);
 _ = $([
-  C("maptiler-geocoder-feature-item")
+  O("maptiler-geocoder-feature-item")
 ], _);
 const xt = "form{font-family:Open Sans,Ubuntu,Helvetica Neue,Arial,Helvetica,sans-serif;position:relative;background-color:#fff;z-index:10;border-radius:4px;margin:0;transition:max-width .25s;box-shadow:0 2px 5px #33335926;--color-text: #444952;--color-icon-button: #444952;pointer-events:all}form,form *,form *:after,form *:before{box-sizing:border-box}form.can-collapse{max-width:29px}form.can-collapse input::placeholder{transition:opacity .25s;opacity:0}form{width:270px;max-width:270px}form:focus-within,form:hover{width:270px;max-width:270px}form input::placeholder,form:focus-within input::placeholder,form:hover input::placeholder{opacity:1}input{font:inherit;font-size:14px;flex-grow:1;min-height:29px;background-color:transparent;color:#444952;white-space:nowrap;overflow:hidden;border:0;margin:0;padding:0}input:focus{color:#444952;outline:0;outline:none;box-shadow:none}ul,div.error,div.no-results{background-color:#fff;border-radius:4px;left:0;list-style:none;margin:0;padding:0;position:absolute;width:100%;top:calc(100% + 6px);overflow:hidden}ul{font-size:14px;line-height:16px;box-shadow:0 5px 10px #33335926}div.error,div.no-results{font:inherit;line-height:18px;font-size:12px;display:flex;gap:16px}div.error{padding:16px;font-weight:600;color:#e25041;background-color:#fbeae8}div.error div{flex-grow:1}div.error maptiler-geocode-fail-icon{flex-shrink:0;width:20px;height:20px}div.error button{flex-shrink:0}div.error button maptiler-geocode-clear-icon{--color-icon-button: #e25041}div.error button:hover maptiler-geocode-clear-icon,div.error button:active maptiler-geocode-clear-icon{--color-icon-button: inherit}div.no-results{padding:14px 24px 14px 16px;font-weight:400;color:#6b7c93;box-shadow:0 5px 10px #33335926}div.no-results maptiler-geocode-fail-icon{margin-top:4px;flex-shrink:0;width:20px;height:20px}ul.options.open-on-top{top:auto;bottom:calc(100% + 6px)}button{padding:0;margin:0;border:0;background-color:transparent;height:auto;width:auto}button:hover{background-color:transparent}button:hover,button:active{--color-icon-button: #2b8bfb}.input-group{display:flex;align-items:stretch;gap:7px;padding-inline:8px;border-radius:4px;overflow:hidden}.input-group:focus-within{outline:#2b8bfb solid 2px}.search-button{flex-shrink:0}.clear-button-container{display:flex;display:none;position:relative;align-items:stretch}.clear-button-container.displayable{display:flex;flex-shrink:0}:host(.maptiler-geocoder):not(:empty){box-shadow:none}:host(.maptiler-geocoder) .input-group{border:white solid 2px}:host(.maptiler-geocoder) .input-group:focus-within{border:#2b8bfb solid 2px;outline:0;outline:none}:host(.maptiler-geocoder) form.can-collapse{max-width:33px}:host(.maptiler-geocoder) form,:host(.maptiler-geocoder) form:focus-within,:host(.maptiler-geocoder) form:hover{width:270px;max-width:270px}:host(.leaflet-geocoder) .input-group{border:white solid 1px}:host(.leaflet-geocoder) form.can-collapse{max-width:30px}";
 var bt = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, Fe = (t) => {
@@ -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.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>
@@ -833,7 +833,7 @@ c([
   b()
 ], l.prototype, "focusedDelayed", 2);
 l = c([
-  C("maptiler-geocoder")
+  O("maptiler-geocoder")
 ], l);
 const kt = [
   "adjustUrl",
@@ -899,7 +899,7 @@ le.styles = I`
     ${ce(_t)}
   `;
 le = Lt([
-  C("maptiler-geocode-marker")
+  O("maptiler-geocode-marker")
 ], le);
 function ke(t) {
   const e = tt(
@@ -988,6 +988,9 @@ class jt extends Re {
   onRemove() {
     this.#b(), this.#M(), this.#e = void 0, this.#t = void 0;
   }
+  getOptions() {
+    return { ...this.options };
+  }
   setOptions(e) {
     Object.assign(this.options, e), this.#m();
   }
@@ -1218,7 +1221,7 @@ class jt extends Re {
   }
   #I() {
     this.#e && (this.#s = new Je(void 0, {
-      style: this.#C(),
+      style: this.#O(),
       interactive: !1
     }).addTo(this.#e));
   }
@@ -1228,7 +1231,7 @@ 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() {
+  #O() {
     const { fullGeometryStyle: e } = this.options;
     if (e === !0 || e === void 0) return Mt;
     if (!(e === !1 || e === null))