@dacostafilipe/react-geoportail 0.1.6 → 0.1.8

package/dist/react-geoportail.js

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