@dacostafilipe/react-geoportail 0.1.7 → 0.2.0

package/dist/react-geoportail.js

@@ -1,223 +1,252 @@
-import { jsx as y, jsxs as W } from "react/jsx-runtime";
-import { useState as j, useEffect as T, forwardRef as tt, useRef as R, useImperativeHandle as nt, useCallback as C } from "react";
-const ot = "https://apiv3.geoportail.lu/", et = "https", st = "https://apiv3.geoportail.lu/static-ngeo/build/fr.json", rt = "https://apiv3.geoportail.lu/static-ngeo/build/apiv3.css", ct = "https://apiv3.geoportail.lu/static-ngeo/build/vendor.js", at = "https://apiv3.geoportail.lu/static-ngeo/build/apiv3.js", it = "geoportail-apiv3-css", lt = "geoportail-apiv3-vendor", ut = "geoportail-apiv3-script", A = "data-geoportail-status";
-let S = null;
-function dt() {
-  return S || (typeof window > "u" || typeof document > "u" ? Promise.reject(new Error("loadLuxApi must be called in a browser environment")) : (S = ht().catch((n) => {
-    throw S = null, n instanceof Error ? n : new Error(String(n));
-  }), S));
+import { jsx as A, jsxs as Y } from "react/jsx-runtime";
+import { useState as X, useEffect as x, forwardRef as it, useRef as C, useImperativeHandle as ct, useCallback as j } from "react";
+const lt = "https://apiv4.geoportail.lu/", ut = "https", dt = "https://apiv4.geoportail.lu/static-ngeo/build/fr.json", ft = "https://apiv4.geoportail.lu/static-ngeo/build/apiv4.css", pt = "https://apiv4.geoportail.lu/static-ngeo/build/ol.js", gt = "https://apiv4.geoportail.lu/static-ngeo/build/proj4.js", ht = "https://apiv4.geoportail.lu/static-ngeo/build/auto-complete.min.js", Lt = "https://apiv4.geoportail.lu/static-ngeo/build/apiv4.js", wt = "geoportail-apiv4-css", Et = "geoportail-apiv4-ol", mt = "geoportail-apiv4-proj4", vt = "geoportail-apiv4-autocomplete", _t = "geoportail-apiv4-script", H = "EPSG:2169", Mt = "+proj=tmerc +lat_0=49.83333333333334 +lon_0=6.166666666666667 +k=1 +x_0=80000 +y_0=100000 +ellps=intl +towgs84=-189.681,18.3463,-42.7695,-0.33746,-3.09264,2.53861,0.4598 +units=m +no_defs", O = "data-geoportail-status";
+let b = null;
+function Rt() {
+  return b || (typeof window > "u" || typeof document > "u" ? Promise.reject(new Error("loadLuxApi must be called in a browser environment")) : (b = Tt().catch((t) => {
+    throw b = null, t instanceof Error ? t : new Error(String(t));
+  }), b));
 }
-function ft(n, o) {
-  let i = 0;
-  const s = () => {
+function yt(t, n) {
+  let s = 0;
+  const r = () => {
     if (window.lux) {
-      n();
+      t();
       return;
     }
-    if (i++ >= 100) {
-      S = null, o(new Error("Timed out waiting for window.lux to be defined"));
+    if (s++ >= 100) {
+      b = null, n(new Error("Timed out waiting for window.lux to be defined"));
       return;
     }
-    setTimeout(s, 50);
+    setTimeout(r, 50);
   };
-  s();
+  r();
 }
-async function ht() {
+async function Tt() {
   if (window.lux) {
-    z(window.lux);
+    V(window.lux);
     return;
   }
-  await gt(it, rt), await V(lt, ct), await V(ut, at), await pt(), z(window.lux);
+  await xt(wt, ft), await I(Et, pt), await I(mt, gt), Ct(), await I(vt, ht), await I(_t, Lt), await bt(), V(window.lux);
 }
-function pt() {
-  return new Promise((n, o) => {
-    ft(n, o);
+function Ct() {
+  var o, s;
+  const t = window.proj4, n = window.ol;
+  !t || !((s = (o = n == null ? void 0 : n.proj) == null ? void 0 : o.proj4) != null && s.register) || (t.defs(H) || t.defs(H, Mt), n.proj.proj4.register(t));
+}
+function bt() {
+  return new Promise((t, n) => {
+    yt(t, n);
   });
 }
-function z(n) {
-  n.setBaseUrl(ot, et), n.setI18nUrl(st);
+function V(t) {
+  t.setBaseUrl(lt, ut), t.setI18nUrl(dt);
 }
-function V(n, o) {
-  const e = document.getElementById(n);
-  return e ? Y(e, o, "script") : new Promise((i, s) => {
-    const t = document.createElement("script");
-    t.id = n, t.src = o, t.async = !1, t.setAttribute(A, "loading"), F(
-      t,
-      () => i(),
-      () => s(new Error(`Failed to load Geoportail script from ${o}`)),
+function I(t, n) {
+  const o = document.getElementById(t);
+  return o ? Z(o, n, "script") : new Promise((s, r) => {
+    const e = document.createElement("script");
+    e.id = t, e.src = n, e.async = !1, e.setAttribute(O, "loading"), W(
+      e,
+      () => s(),
+      () => r(new Error(`Failed to load Geoportail script from ${n}`)),
       "script"
-    ), document.head.appendChild(t);
+    ), document.head.appendChild(e);
   });
 }
-function gt(n, o) {
-  const e = document.getElementById(n);
-  return e ? Y(e, o, "stylesheet") : new Promise((i, s) => {
-    const t = document.createElement("link");
-    t.id = n, t.rel = "stylesheet", t.href = o, t.setAttribute(A, "loading"), F(
-      t,
-      () => i(),
-      () => s(new Error(`Failed to load Geoportail stylesheet from ${o}`)),
+function xt(t, n) {
+  const o = document.getElementById(t);
+  return o ? Z(o, n, "stylesheet") : new Promise((s, r) => {
+    const e = document.createElement("link");
+    e.id = t, e.rel = "stylesheet", e.href = n, e.setAttribute(O, "loading"), W(
+      e,
+      () => s(),
+      () => r(new Error(`Failed to load Geoportail stylesheet from ${n}`)),
       "stylesheet"
-    ), document.head.appendChild(t);
+    ), document.head.appendChild(e);
   });
 }
-function Y(n, o, e) {
-  const i = n.getAttribute(A);
-  return i === "loaded" ? Promise.resolve() : i === "error" ? (n.remove(), Promise.reject(new Error(`Failed to load Geoportail ${e} from ${o}`))) : new Promise((s, t) => {
-    F(
-      n,
-      () => s(),
-      () => t(new Error(`Failed to load Geoportail ${e} from ${o}`)),
-      e
+function Z(t, n, o) {
+  const s = t.getAttribute(O);
+  return s === "loaded" ? Promise.resolve() : s === "error" ? (t.remove(), Promise.reject(new Error(`Failed to load Geoportail ${o} from ${n}`))) : new Promise((r, e) => {
+    W(
+      t,
+      () => r(),
+      () => e(new Error(`Failed to load Geoportail ${o} from ${n}`)),
+      o
     );
   });
 }
-function F(n, o, e, i) {
-  const s = () => {
-    n.setAttribute(A, "loaded"), h(), o();
-  }, t = () => {
-    n.setAttribute(A, "error"), h(), n.remove(), e();
-  }, h = () => {
-    n.removeEventListener("load", s), n.removeEventListener("error", t);
+function W(t, n, o, s) {
+  const r = () => {
+    t.setAttribute(O, "loaded"), f(), n();
+  }, e = () => {
+    t.setAttribute(O, "error"), f(), t.remove(), o();
+  }, f = () => {
+    t.removeEventListener("load", r), t.removeEventListener("error", e);
   };
-  return n.addEventListener("load", s, { once: !0 }), n.addEventListener("error", t, { once: !0 }), i === "stylesheet" ? n.sheet && s() : n.dataset.geoportailStatus === "loaded" && s(), h;
+  return t.addEventListener("load", r, { once: !0 }), t.addEventListener("error", e, { once: !0 }), s === "stylesheet" ? t.sheet && r() : t.dataset.geoportailStatus === "loaded" && r(), f;
 }
-function wt() {
-  const [n, o] = j({
+function Pt() {
+  const [t, n] = X({
     status: "loading",
     lux: null,
     error: null
   });
-  return T(() => {
-    let e = !1;
-    return dt().then(() => {
-      e || o({ status: "ready", lux: window.lux, error: null });
-    }).catch((i) => {
-      e || o({
+  return x(() => {
+    let o = !1;
+    return Rt().then(() => {
+      o || n({ status: "ready", lux: window.lux, error: null });
+    }).catch((s) => {
+      o || n({
         status: "error",
         lux: null,
-        error: i instanceof Error ? i : new Error(String(i))
+        error: s instanceof Error ? s : new Error(String(s))
       });
     }), () => {
-      e = !0;
+      o = !0;
     };
-  }, []), n;
+  }, []), t;
 }
-const k = 8e4, Z = 1e5, q = 6.16666666666667, J = 49.8333333333333, I = 1, v = 6378388, N = 1 / 297, D = v * (1 - N), E = 1 - D * D / (v * v), U = -87, P = -98, K = -121;
-function M(n) {
-  return n * Math.PI / 180;
+const q = 8e4, K = 1e5, Q = 6.16666666666667, tt = 49.8333333333333, D = 1, _ = 6378388, z = 1 / 297, B = _ * (1 - z), m = 1 - B * B / (_ * _), G = -87, F = -98, nt = -121;
+function R(t) {
+  return t * Math.PI / 180;
 }
-function _(n) {
-  return n * 180 / Math.PI;
+function P(t) {
+  return t * 180 / Math.PI;
 }
-function Lt(n, o) {
-  const e = M(n), i = M(o), s = Math.sin(e), t = Math.cos(e), h = Math.sin(i), p = Math.cos(i), r = 6378137, c = 1 / 298.257223563, f = r * (1 - c), l = 1 - f * f / (r * r), d = v - r, a = N - c, g = r / Math.sqrt(1 - l * s * s), w = 1 / (r * (1 - l) / Math.pow(1 - l * s * s, 1.5)) * (g * (l / (1 - l)) * s * t * (d / r) + (g / r + 1) * s * t * a * (r / f) - (U * s * p + P * s * h - K * t)), L = 1 / (g * t) * (-U * h + P * p);
+function St(t, n) {
+  const o = R(t), s = R(n), r = Math.sin(o), e = Math.cos(o), f = Math.sin(s), g = Math.cos(s), i = 6378137, l = 1 / 298.257223563, u = i * (1 - l), c = 1 - u * u / (i * i), p = _ - i, a = z - l, w = i / Math.sqrt(1 - c * r * r), L = 1 / (i * (1 - c) / Math.pow(1 - c * r * r, 1.5)) * (w * (c / (1 - c)) * r * e * (p / i) + (w / i + 1) * r * e * a * (i / u) - (G * r * g + F * r * f - nt * e)), M = 1 / (w * e) * (-G * f + F * g);
   return {
-    lat: n + _(w),
-    lon: o + _(L)
+    lat: t + P(L),
+    lon: n + P(M)
   };
 }
-function Et(n, o) {
-  const e = M(n), i = M(o), s = Math.sin(e), t = Math.cos(e), h = Math.sin(i), p = Math.cos(i), r = v / Math.sqrt(1 - E * s * s), c = v * (1 - E) / Math.pow(1 - E * s * s, 1.5), f = 6378137 - v, d = 1 / 298.257223563 - N, a = 1 / c * (r * (E / (1 - E)) * s * t * (f / v) + (r / v + 1) * s * t * d * (v / D) + (U * s * p + P * s * h - K * t)), g = 1 / (r * t) * (U * h - P * p);
+function Ot(t, n) {
+  const o = R(t), s = R(n), r = Math.sin(o), e = Math.cos(o), f = Math.sin(s), g = Math.cos(s), i = _ / Math.sqrt(1 - m * r * r), l = _ * (1 - m) / Math.pow(1 - m * r * r, 1.5), u = 6378137 - _, p = 1 / 298.257223563 - z, a = 1 / l * (i * (m / (1 - m)) * r * e * (u / _) + (i / _ + 1) * r * e * p * (_ / B) + (G * r * g + F * r * f - nt * e)), w = 1 / (i * e) * (G * f - F * g);
   return {
-    lat: n + _(a),
-    lon: o + _(g)
+    lat: t + P(a),
+    lon: n + P(w)
   };
 }
-function mt(n, o) {
-  const e = M(n), i = M(o), s = M(q), t = M(J), h = Math.sin(e), p = Math.cos(e), r = Math.tan(e), c = v / Math.sqrt(1 - E * h * h), f = r * r, l = E / (1 - E) * p * p, d = i - s, a = p * d, g = G(e), m = G(t), w = k + I * c * (a + a * a * a * (1 - f + l) / 6 + a * a * a * a * a * (5 - 18 * f + f * f + 72 * l) / 120), L = Z + I * (g - m + c * r * (a * a / 2 + a * a * a * a * (5 - f + 9 * l + 4 * l * l) / 24 + a * a * a * a * a * a * (61 - 58 * f + f * f + 600 * l) / 720));
-  return { easting: w, northing: L };
+function Ut(t, n) {
+  const o = R(t), s = R(n), r = R(Q), e = R(tt), f = Math.sin(o), g = Math.cos(o), i = Math.tan(o), l = _ / Math.sqrt(1 - m * f * f), u = i * i, c = m / (1 - m) * g * g, p = s - r, a = g * p, w = $(o), h = $(e), L = q + D * l * (a + a * a * a * (1 - u + c) / 6 + a * a * a * a * a * (5 - 18 * u + u * u + 72 * c) / 120), M = K + D * (w - h + l * i * (a * a / 2 + a * a * a * a * (5 - u + 9 * c + 4 * c * c) / 24 + a * a * a * a * a * a * (61 - 58 * u + u * u + 600 * c) / 720));
+  return { easting: L, northing: M };
 }
-function vt(n, o) {
-  const e = n - k, i = o - Z, s = M(J), t = M(q), r = (G(s) + i / I) / (v * (1 - E / 4 - 3 * E * E / 64)), c = (1 - Math.sqrt(1 - E)) / (1 + Math.sqrt(1 - E)), f = r + (3 * c / 2 - 27 * c * c * c / 32) * Math.sin(2 * r) + (21 * c * c / 16 - 55 * c * c * c * c / 32) * Math.sin(4 * r) + 151 * c * c * c / 96 * Math.sin(6 * r), l = Math.sin(f), d = Math.cos(f), a = Math.tan(f), g = v / Math.sqrt(1 - E * l * l), m = a * a, w = E / (1 - E) * d * d, L = v * (1 - E) / Math.pow(1 - E * l * l, 1.5), u = e / (g * I), x = f - g * a / L * (u * u / 2 - u * u * u * u * (5 + 3 * m + 10 * w - 4 * w * w) / 24 + u * u * u * u * u * u * (61 + 90 * m + 298 * w + 45 * m * m) / 720), b = t + (u - u * u * u * (1 + 2 * m + w) / 6 + u * u * u * u * u * (5 - 2 * w + 28 * m - 3 * w * w) / 120) / d;
-  return { lat: _(x), lon: _(b) };
+function At(t, n) {
+  const o = t - q, s = n - K, r = R(tt), e = R(Q), i = ($(r) + s / D) / (_ * (1 - m / 4 - 3 * m * m / 64)), l = (1 - Math.sqrt(1 - m)) / (1 + Math.sqrt(1 - m)), u = i + (3 * l / 2 - 27 * l * l * l / 32) * Math.sin(2 * i) + (21 * l * l / 16 - 55 * l * l * l * l / 32) * Math.sin(4 * i) + 151 * l * l * l / 96 * Math.sin(6 * i), c = Math.sin(u), p = Math.cos(u), a = Math.tan(u), w = _ / Math.sqrt(1 - m * c * c), h = a * a, L = m / (1 - m) * p * p, M = _ * (1 - m) / Math.pow(1 - m * c * c, 1.5), d = o / (w * D), U = u - w * a / M * (d * d / 2 - d * d * d * d * (5 + 3 * h + 10 * L - 4 * L * L) / 24 + d * d * d * d * d * d * (61 + 90 * h + 298 * L + 45 * h * h) / 720), E = e + (d - d * d * d * (1 + 2 * h + L) / 6 + d * d * d * d * d * (5 - 2 * L + 28 * h - 3 * L * L) / 120) / p;
+  return { lat: P(U), lon: P(E) };
 }
-function G(n) {
-  const o = E, e = o * o, i = e * o;
-  return v * ((1 - o / 4 - 3 * e / 64 - 5 * i / 256) * n - (3 * o / 8 + 3 * e / 32 + 45 * i / 1024) * Math.sin(2 * n) + (15 * e / 256 + 45 * i / 1024) * Math.sin(4 * n) - 35 * i / 3072 * Math.sin(6 * n));
+function $(t) {
+  const n = m, o = n * n, s = o * n;
+  return _ * ((1 - n / 4 - 3 * o / 64 - 5 * s / 256) * t - (3 * n / 8 + 3 * o / 32 + 45 * s / 1024) * Math.sin(2 * t) + (15 * o / 256 + 45 * s / 1024) * Math.sin(4 * t) - 35 * s / 3072 * Math.sin(6 * t));
 }
-function O(n, o) {
-  const e = Lt(n, o);
-  return mt(e.lat, e.lon);
+function J(t, n) {
+  const o = St(t, n);
+  return Ut(o.lat, o.lon);
 }
-function Q(n, o) {
-  const e = vt(n, o);
-  return Et(e.lat, e.lon);
+function ot(t, n) {
+  const o = At(t, n);
+  return Ot(o.lat, o.lon);
 }
-const Mt = "EPSG:3857", xt = "EPSG:4326", bt = { lat: 49.6116, lon: 6.1319 }, Rt = "basemap_2015_global", Ut = tt(
+const It = "EPSG:3857", jt = "EPSG:3857", et = "EPSG:4326", Dt = "EPSG:2169", rt = { lat: 49.6116, lon: 6.1319 }, Gt = "basemap_2015_global", Zt = it(
   function({
-    center: o = bt,
-    zoom: e = 12,
-    bgLayer: i = Rt,
-    markerMode: s = "none",
-    markerPosition: t,
-    onMarkerPlace: h,
-    className: p,
-    style: r,
-    layers: c
-  }, f) {
-    const l = wt(), d = R(null), a = R(null), g = R(null), m = R(null), w = R(h);
-    return w.current = h, T(() => {
-      if (l.status !== "ready" || !d.current) return;
-      const L = l.lux, { easting: u, northing: x } = O(o.lat, o.lon), b = new L.Map({
-        target: d.current,
-        bgLayer: i,
-        zoom: e,
-        position: [u, x],
-        ...c && c.length > 0 ? { layers: c, layerOpacities: c.map(() => 1) } : {}
+    center: n,
+    zoom: o = 12,
+    bgLayer: s = Gt,
+    markerMode: r = "none",
+    markerPosition: e,
+    onMarkerPlace: f,
+    className: g,
+    style: i,
+    layers: l
+  }, u) {
+    const c = Pt(), p = C(null), a = C(null), w = C(null), h = C(null), [L, M] = X(!1), d = C(f);
+    d.current = f;
+    const U = $t(n, r, e);
+    return x(() => {
+      var k;
+      if (c.status !== "ready" || !p.current) return;
+      let E = !1;
+      const v = c.lux, { easting: S, northing: y } = J(U.lat, U.lon), T = new v.Map({
+        target: p.current,
+        bgLayer: s,
+        zoom: o,
+        position: [S, y],
+        ...l && l.length > 0 ? { layers: l, layerOpacities: l.map(() => 1) } : {}
       });
-      return a.current = b, () => {
-        a.current = null, g.current = null, m.current = null;
+      return a.current = T, M(!1), (((k = T.getMapReadyPromise) == null ? void 0 : k.call(T)) ?? Promise.resolve()).then(() => {
+        E || M(!0);
+      }), () => {
+        E = !0, a.current = null, w.current = null, h.current = null, M(!1);
       };
-    }, [l.status]), T(() => {
-      const L = a.current;
-      if (!L || l.status !== "ready") return;
-      if (m.current && (L.un("singleclick", m.current), m.current = null), s === "none") {
-        St(L, g);
+    }, [c.status]), x(() => {
+      const E = a.current;
+      if (!E || c.status !== "ready" || !L) return;
+      const v = Bt(
+        r,
+        e,
+        n ?? rt
+      );
+      if (!v) {
+        Nt(w);
         return;
       }
-      const u = t ?? (s === "fixed" ? o : void 0);
-      if (u && H(L, u, g), s === "click") {
-        const x = (...b) => {
-          var B;
-          const X = b[0];
-          if (!X.coordinate) return;
-          const $ = Tt(L, X.coordinate);
-          H(L, $, g), (B = w.current) == null || B.call(w, $);
-        };
-        m.current = x, L.on("singleclick", x);
-      }
+      Ft(E, v, w);
+    }, [
+      L,
+      c.status,
+      r,
+      e == null ? void 0 : e.lat,
+      e == null ? void 0 : e.lon,
+      n == null ? void 0 : n.lat,
+      n == null ? void 0 : n.lon
+    ]), x(() => {
+      const E = a.current;
+      if (!E || c.status !== "ready" || !L || (h.current && (E.un("singleclick", h.current), h.current = null), r !== "click"))
+        return;
+      const v = (...S) => {
+        var N;
+        const y = S[0];
+        if (!y.coordinate) return;
+        const T = Wt(E, y.coordinate);
+        Xt(E, y.coordinate, T, w), (N = d.current) == null || N.call(d, T);
+      };
+      return h.current = v, E.on("singleclick", v), () => {
+        h.current && (E.un("singleclick", h.current), h.current = null);
+      };
     }, [
-      l.status,
-      s,
-      t == null ? void 0 : t.lat,
-      t == null ? void 0 : t.lon,
-      o.lat,
-      o.lon
-    ]), nt(f, () => ({
+      L,
+      c.status,
+      r
+    ]), ct(u, () => ({
       getLuxMap: () => a.current,
-      setCenter(L) {
-        const u = a.current;
-        if (!u) return;
-        const { easting: x, northing: b } = O(L.lat, L.lon);
-        u.getView().setCenter([x, b]);
+      setCenter(E) {
+        const v = a.current;
+        if (!v) return;
+        const { easting: S, northing: y } = J(E.lat, E.lon);
+        if (v.setCenter) {
+          v.setCenter([S, y], void 0, Dt);
+          return;
+        }
+        v.getView().setCenter(at(E));
       },
-      setZoom(L) {
-        var u;
-        (u = a.current) == null || u.getView().setZoom(L);
+      setZoom(E) {
+        var v;
+        (v = a.current) == null || v.getView().setZoom(E);
       }
-    })), l.status === "error" ? /* @__PURE__ */ y(
+    })), c.status === "error" ? /* @__PURE__ */ A(
       "div",
       {
-        className: p,
-        style: { display: "flex", alignItems: "center", justifyContent: "center", background: "#f5f5f5", ...r },
-        children: /* @__PURE__ */ W("span", { style: { color: "#c00" }, children: [
+        className: g,
+        style: { display: "flex", alignItems: "center", justifyContent: "center", background: "#f5f5f5", ...i },
+        children: /* @__PURE__ */ Y("span", { style: { color: "#c00" }, children: [
           "Failed to load Geoportail API: ",
-          l.error.message
+          c.error.message
         ] })
       }
-    ) : /* @__PURE__ */ W("div", { style: { position: "relative", ...r }, className: p, children: [
-      l.status === "loading" && /* @__PURE__ */ y(
+    ) : /* @__PURE__ */ Y("div", { style: { position: "relative", ...i }, className: g, children: [
+      c.status === "loading" && /* @__PURE__ */ A(
         "div",
         {
           style: {
@@ -229,160 +258,192 @@ const Mt = "EPSG:3857", xt = "EPSG:4326", bt = { lat: 49.6116, lon: 6.1319 }, Rt
             background: "rgba(255,255,255,0.7)",
             zIndex: 10
           },
-          children: /* @__PURE__ */ y("span", { children: "Loading map…" })
+          children: /* @__PURE__ */ A("span", { children: "Loading map…" })
         }
       ),
-      /* @__PURE__ */ y(
+      /* @__PURE__ */ A(
         "div",
         {
-          ref: d,
+          ref: p,
           style: { width: "100%", height: "100%" }
         }
       )
     ] });
   }
 );
-function H(n, o, e) {
-  const i = window.ol;
-  if (!i) return;
-  const { easting: s, northing: t } = O(o.lat, o.lon);
-  if (e.current) {
-    e.current.setPosition([s, t]);
-    return;
-  }
-  const h = document.createElement("div");
-  h.innerHTML = _t, h.style.cssText = "cursor:pointer;transform:translate(-50%,-100%);line-height:0;";
-  const p = new i.Overlay({
-    element: h,
+function Ft(t, n, o) {
+  const s = st(t, n, o);
+  s && s.setPosition(at(n));
+}
+function Xt(t, n, o, s) {
+  const r = st(t, o, s);
+  r && r.setPosition(n);
+}
+function Nt(t) {
+  t.current && t.current.setPosition(void 0);
+}
+function st(t, n, o) {
+  if (o.current)
+    return o.current;
+  const s = window.ol;
+  if (!s) return null;
+  const r = document.createElement("div");
+  r.innerHTML = Jt, r.style.cssText = "cursor:pointer;line-height:0;display:block;";
+  const e = new s.Overlay({
+    element: r,
     positioning: "bottom-center",
     stopEvent: !1
   });
-  p.setPosition([s, t]), n.addOverlay(p), e.current = p;
+  return t.addOverlay(e), o.current = e, e;
+}
+function at(t) {
+  var s;
+  const n = window.ol, o = (s = n == null ? void 0 : n.proj) == null ? void 0 : s.transform;
+  if (!o) {
+    const { easting: r, northing: e } = J(t.lat, t.lon);
+    return [r, e];
+  }
+  return o([t.lon, t.lat], et, jt);
 }
-function St(n, o) {
-  !o.current || !window.ol || (o.current.setPosition(void 0), o.current = null);
+function Bt(t, n, o) {
+  if (t !== "none")
+    return n || (t === "fixed" ? o : void 0);
 }
-const _t = `<svg xmlns="http://www.w3.org/2000/svg" width="30" height="40" viewBox="0 0 30 40">
+function $t(t, n, o) {
+  return o && n !== "none" ? o : t ?? rt;
+}
+const Jt = `<svg xmlns="http://www.w3.org/2000/svg" width="30" height="40" viewBox="0 0 30 40">
   <path d="M15 0C7.268 0 1 6.268 1 14c0 10.5 14 26 14 26S29 24.5 29 14C29 6.268 22.732 0 15 0z"
     fill="#e53935" stroke="#b71c1c" stroke-width="1.5"/>
   <circle cx="15" cy="14" r="5" fill="white"/>
 </svg>`;
-function Tt(n, o) {
-  var p, r, c, f, l;
-  const e = window.ol, i = (p = e == null ? void 0 : e.proj) == null ? void 0 : p.transform;
-  if (!i) {
-    const [d, a] = o;
-    return Q(d, a);
+function Wt(t, n) {
+  var f;
+  const o = window.ol, s = (f = o == null ? void 0 : o.proj) == null ? void 0 : f.transform;
+  if (!s) {
+    const [g, i] = n;
+    return ot(g, i);
   }
-  const s = ((l = (f = (c = (r = n.getView()).getProjection) == null ? void 0 : c.call(r)) == null ? void 0 : f.getCode) == null ? void 0 : l.call(f)) ?? Mt, [t, h] = i(o, s, xt);
-  return { lat: h, lon: t };
+  const [r, e] = s(n, It, et);
+  return { lat: e, lon: r };
 }
-const At = "https://api.geoportail.lu/geocoder/reverseGeocode";
-function Pt() {
-  const [n, o] = j({
+const zt = "https://apiv4.geoportail.lu/geocode/reverse";
+function qt() {
+  const [t, n] = X({
     status: "idle",
     address: null,
     error: null
-  }), e = R(null);
-  T(() => () => {
-    var t;
-    (t = e.current) == null || t.abort();
+  }), o = C(null);
+  x(() => () => {
+    var e;
+    (e = o.current) == null || e.abort();
   }, []);
-  const i = C(async (t) => {
-    var p, r;
-    (p = e.current) == null || p.abort();
-    const h = new AbortController();
-    e.current = h, o({ status: "loading", address: null, error: null });
+  const s = j(async (e) => {
+    var g, i, l;
+    (g = o.current) == null || g.abort();
+    const f = new AbortController();
+    o.current = f, n({ status: "loading", address: null, error: null });
     try {
-      const { easting: c, northing: f } = O(t.lat, t.lon), l = new URL(At);
-      l.searchParams.set("easting", String(c)), l.searchParams.set("northing", String(f));
-      const d = await fetch(l.toString(), { signal: h.signal });
-      if (!d.ok)
-        throw new Error(`Reverse geocode request failed: ${d.status} ${d.statusText}`);
-      const g = (r = (await d.json()).results) == null ? void 0 : r[0];
-      if (!g)
+      const u = new URL(zt);
+      u.searchParams.set("lat", String(e.lat)), u.searchParams.set("lon", String(e.lon));
+      const c = await fetch(u.toString(), { signal: f.signal });
+      if (!c.ok)
+        throw new Error(`Reverse geocode request failed: ${c.status} ${c.statusText}`);
+      const a = (i = (await c.json()).results) == null ? void 0 : i[0];
+      if (!a)
         throw new Error("No results returned for this position");
-      o({
+      const w = [
+        [a.number, a.street].filter(Boolean).join(" ").trim(),
+        [a.postal_code, a.locality].filter(Boolean).join(" ").trim()
+      ].filter(Boolean).join(", "), [h, L] = ((l = a.geom) == null ? void 0 : l.coordinates) ?? [0, 0];
+      n({
         status: "success",
         address: {
-          label: g.name ?? "",
-          distance: g.distance ?? 0,
-          easting: g.easting,
-          northing: g.northing
+          label: w,
+          distance: a.distance ?? 0,
+          easting: h,
+          northing: L
         },
         error: null
       });
-    } catch (c) {
-      if (c instanceof DOMException && c.name === "AbortError") return;
-      o({
+    } catch (u) {
+      if (u instanceof DOMException && u.name === "AbortError") return;
+      n({
         status: "error",
         address: null,
-        error: c instanceof Error ? c : new Error(String(c))
+        error: u instanceof Error ? u : new Error(String(u))
       });
     }
-  }, []), s = C(() => {
-    var t;
-    (t = e.current) == null || t.abort(), o({ status: "idle", address: null, error: null });
+  }, []), r = j(() => {
+    var e;
+    (e = o.current) == null || e.abort(), n({ status: "idle", address: null, error: null });
   }, []);
-  return { state: n, lookup: i, reset: s };
+  return { state: t, lookup: s, reset: r };
 }
-const yt = "https://apiv3.geoportail.lu/geocode/search";
-function Ot() {
-  const [n, o] = j({
+const kt = "https://apiv4.geoportail.lu/geocode/search";
+function Yt(t, n, o) {
+  if (t) {
+    const [s, r] = t;
+    return { lat: r, lon: s };
+  }
+  return ot(n, o);
+}
+function Kt() {
+  const [t, n] = X({
     status: "idle",
     results: null,
     error: null
-  }), e = R(null);
-  T(() => () => {
-    var t;
-    (t = e.current) == null || t.abort();
+  }), o = C(null);
+  x(() => () => {
+    var e;
+    (e = o.current) == null || e.abort();
   }, []);
-  const i = C(async (t) => {
-    var p;
-    (p = e.current) == null || p.abort();
-    const h = new AbortController();
-    e.current = h, o({ status: "loading", results: null, error: null });
+  const s = j(async (e) => {
+    var g;
+    (g = o.current) == null || g.abort();
+    const f = new AbortController();
+    o.current = f, n({ status: "loading", results: null, error: null });
     try {
-      const r = new URL(yt);
-      t.queryString ? r.searchParams.set("queryString", t.queryString) : (t.num && r.searchParams.set("num", t.num), t.street && r.searchParams.set("street", t.street), t.zip && r.searchParams.set("zip", t.zip), t.locality && r.searchParams.set("locality", t.locality));
-      const c = await fetch(r.toString(), { signal: h.signal });
-      if (!c.ok)
-        throw new Error(`Geocode request failed: ${c.status} ${c.statusText}`);
-      const l = ((await c.json()).results ?? []).map((d) => {
-        var a, g, m, w;
+      const i = new URL(kt);
+      e.queryString ? i.searchParams.set("queryString", e.queryString) : (e.num && i.searchParams.set("num", e.num), e.street && i.searchParams.set("street", e.street), e.zip && i.searchParams.set("zip", e.zip), e.locality && i.searchParams.set("locality", e.locality));
+      const l = await fetch(i.toString(), { signal: f.signal });
+      if (!l.ok)
+        throw new Error(`Geocode request failed: ${l.status} ${l.statusText}`);
+      const c = ((await l.json()).results ?? []).map((p) => {
+        var a, w, h, L, M;
         return {
-          latLon: Q(d.easting, d.northing),
-          easting: d.easting,
-          northing: d.northing,
-          accuracy: d.accuracy ?? 0,
-          street: (a = d.AddressDetails) == null ? void 0 : a.street,
-          num: (g = d.AddressDetails) == null ? void 0 : g.number,
-          zip: (m = d.AddressDetails) == null ? void 0 : m.zip,
-          locality: (w = d.AddressDetails) == null ? void 0 : w.locality
+          latLon: Yt((a = p.geomlonlat) == null ? void 0 : a.coordinates, p.easting, p.northing),
+          easting: p.easting,
+          northing: p.northing,
+          accuracy: p.accuracy ?? 0,
+          street: (w = p.AddressDetails) == null ? void 0 : w.street,
+          num: (h = p.AddressDetails) == null ? void 0 : h.postnumber,
+          zip: (L = p.AddressDetails) == null ? void 0 : L.zip,
+          locality: (M = p.AddressDetails) == null ? void 0 : M.locality
         };
       });
-      o({ status: "success", results: l, error: null });
-    } catch (r) {
-      if (r instanceof DOMException && r.name === "AbortError") return;
-      o({
+      n({ status: "success", results: c, error: null });
+    } catch (i) {
+      if (i instanceof DOMException && i.name === "AbortError") return;
+      n({
         status: "error",
         results: null,
-        error: r instanceof Error ? r : new Error(String(r))
+        error: i instanceof Error ? i : new Error(String(i))
       });
     }
-  }, []), s = C(() => {
-    var t;
-    (t = e.current) == null || t.abort(), o({ status: "idle", results: null, error: null });
+  }, []), r = j(() => {
+    var e;
+    (e = o.current) == null || e.abort(), n({ status: "idle", results: null, error: null });
   }, []);
-  return { state: n, search: i, reset: s };
+  return { state: t, search: s, reset: r };
 }
 export {
-  Ut as GeoportailMap,
-  O as latLonToLuref,
-  dt as loadLuxApi,
-  Q as lurefToLatLon,
-  Ot as useGeocode,
-  wt as useLuxApi,
-  Pt as useReverseGeocode
+  Zt as GeoportailMap,
+  J as latLonToLuref,
+  Rt as loadLuxApi,
+  ot as lurefToLatLon,
+  Kt as useGeocode,
+  Pt as useLuxApi,
+  qt as useReverseGeocode
 };
 //# sourceMappingURL=react-geoportail.js.map