@undp/data-viz 1.5.6 → 1.5.7

package/dist/ThreeDGlobe.js

@@ -1,263 +1,198 @@
-import { j as o, m as je } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { useState as L, useRef as we, useEffect as M, useCallback as ue } from "react";
-import { y as Se } from "./Spinner-C85UF28E.js";
-import ke from "react-globe.gl";
-import { i as De } from "./index-Bwrro8-q.js";
-import * as A from "three";
-import { X as Ne } from "./Modal-DVVwpKhP.js";
-import { u as ge } from "./Typography-Ctgfl1J5.js";
-import { g as Me, e as ye, t as fe } from "./index-9tDEUqOZ.js";
-import { T as Le } from "./Tooltip-CVCGWyzw.js";
-import { n as Pe } from "./numberFormattingFunction-14YCbkN2.js";
-import { X as Oe } from "./index-BmCqpO1B.js";
-import { s as Re } from "./string2HTML-oFCROsus.js";
-import { o as ze } from "./ordinal-w9Lu4Stb.js";
-import { t as Ae } from "./threshold-DFfqcDMa.js";
-import { GraphHeader as Te } from "./GraphHeader.js";
-import { GraphFooter as Ee } from "./GraphFooter.js";
-import { f as He } from "./fetchAndParseData-sapWbnYk.js";
-import { Colors as $ } from "./Colors.js";
-import { g as $e } from "./getUniqValue-DiCh_MOD.js";
-import { g as Ie } from "./getJenks-BbngDoBQ.js";
-function _e(e) {
-  return Me(
-    e,
-    (t, n) => t + Ge(n),
-    0
-  );
-}
-function Ge(e) {
-  let t = 0, n;
-  switch (e.type) {
-    case "Polygon":
-      return xe(e.coordinates);
-    case "MultiPolygon":
-      for (n = 0; n < e.coordinates.length; n++)
-        t += xe(e.coordinates[n]);
-      return t;
-    case "Point":
-    case "MultiPoint":
-    case "LineString":
-    case "MultiLineString":
-      return 0;
-  }
-  return 0;
-}
-function xe(e) {
-  let t = 0;
-  if (e && e.length > 0) {
-    t += Math.abs(ve(e[0]));
-    for (let n = 1; n < e.length; n++)
-      t -= Math.abs(ve(e[n]));
-  }
-  return t;
-}
-var Fe = ye * ye / 2, he = Math.PI / 180;
-function ve(e) {
-  const t = e.length - 1;
-  if (t <= 2) return 0;
-  let n = 0, c = 0;
-  for (; c < t; ) {
-    const v = e[c], y = e[c + 1 === t ? 0 : c + 1], m = e[c + 2 >= t ? (c + 2) % t : c + 2], l = v[0] * he, p = y[1] * he, T = m[0] * he;
-    n += (T - l) * Math.sin(p), c++;
-  }
-  return n * Fe;
-}
-var Be = _e;
-function Ue(e) {
-  if (e.geometry.type === "Polygon")
-    return fe(e);
-  if (e.geometry.type === "MultiPolygon") {
-    let t = 0, n = null;
-    for (const c of e.geometry.coordinates) {
-      const v = {
-        type: "Feature",
-        geometry: {
-          type: "Polygon",
-          coordinates: c
-        },
-        properties: {}
-      }, y = Be(v);
-      y > t && (t = y, n = v);
-    }
-    return fe(n);
-  }
-  throw new Error("Unsupported geometry type");
-}
-function We(e) {
-  let t;
+import { j as r, m as xe } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { useState as N, useRef as ge, useEffect as D, useCallback as me } from "react";
+import { y as ve } from "./Spinner-C85UF28E.js";
+import we from "react-globe.gl";
+import { i as be } from "./index-Bwrro8-q.js";
+import * as P from "three";
+import { X as Ce } from "./Modal-DVVwpKhP.js";
+import { u as ue } from "./Typography-Ctgfl1J5.js";
+import { T as je } from "./Tooltip-CVCGWyzw.js";
+import { n as ke } from "./numberFormattingFunction-14YCbkN2.js";
+import { X as Se } from "./index-BmCqpO1B.js";
+import { s as De } from "./string2HTML-oFCROsus.js";
+import { g as Ne } from "./getCentroidCoordinates-Dfk6IqEG.js";
+import { o as Le } from "./ordinal-w9Lu4Stb.js";
+import { t as Me } from "./threshold-DFfqcDMa.js";
+import { GraphHeader as ze } from "./GraphHeader.js";
+import { GraphFooter as Oe } from "./GraphFooter.js";
+import { f as Pe } from "./fetchAndParseData-sapWbnYk.js";
+import { Colors as A } from "./Colors.js";
+import { g as Re } from "./getUniqValue-DiCh_MOD.js";
+import { g as Te } from "./getJenks-BbngDoBQ.js";
+function Ee(e) {
+  let a;
   switch (e.type) {
     case "ambient":
-      t = new A.AmbientLight(e.color, e.intensity);
+      a = new P.AmbientLight(e.color, e.intensity);
       break;
     case "directional":
-      t = new A.DirectionalLight(e.color, e.intensity), e.position && (e.position === "camera" ? t.position.set(0, 0, 0) : t.position.set(e.position.x, e.position.y, e.position.z)), (e.target || e.position === "camera") && t.target.position.set(
+      a = new P.DirectionalLight(e.color, e.intensity), e.position && (e.position === "camera" ? a.position.set(0, 0, 0) : a.position.set(e.position.x, e.position.y, e.position.z)), (e.target || e.position === "camera") && a.target.position.set(
         e.target?.x || 0,
         e.target?.y || 0,
         e.target?.z === void 0 ? -1 : e.target.z
-      ), e.castShadow && (t.castShadow = !0, e.shadow && (t.shadow.mapSize.width = e.shadow.mapSize.width, t.shadow.mapSize.height = e.shadow.mapSize.height, t.shadow.camera.near = e.shadow.camera.near, t.shadow.camera.far = e.shadow.camera.far));
+      ), e.castShadow && (a.castShadow = !0, e.shadow && (a.shadow.mapSize.width = e.shadow.mapSize.width, a.shadow.mapSize.height = e.shadow.mapSize.height, a.shadow.camera.near = e.shadow.camera.near, a.shadow.camera.far = e.shadow.camera.far));
       break;
     case "point":
-      t = new A.PointLight(
+      a = new P.PointLight(
         e.color,
         e.intensity,
         e.distance || 0,
         e.decay || 2
-      ), e.position && (e.position === "camera" ? t.position.set(0, 0, 0) : t.position.set(e.position.x, e.position.y, e.position.z));
+      ), e.position && (e.position === "camera" ? a.position.set(0, 0, 0) : a.position.set(e.position.x, e.position.y, e.position.z));
       break;
     case "spot":
-      t = new A.SpotLight(
+      a = new P.SpotLight(
         e.color,
         e.intensity,
         e.distance || 0,
         e.angle || Math.PI / 3,
         e.penumbra || 0,
         e.decay || 2
-      ), e.position && (e.position === "camera" ? t.position.set(0, 0, 0) : t.position.set(e.position.x, e.position.y, e.position.z)), (e.target || e.position === "camera") && t.target.position.set(
+      ), e.position && (e.position === "camera" ? a.position.set(0, 0, 0) : a.position.set(e.position.x, e.position.y, e.position.z)), (e.target || e.position === "camera") && a.target.position.set(
         e.target?.x || 0,
         e.target?.y || 0,
         e.target?.z || 0
-      ), e.castShadow && (t.castShadow = !0, e.shadow && (t.shadow.mapSize.width = e.shadow.mapSize.width, t.shadow.mapSize.height = e.shadow.mapSize.height, t.shadow.camera.near = e.shadow.camera.near, t.shadow.camera.far = e.shadow.camera.far));
+      ), e.castShadow && (a.castShadow = !0, e.shadow && (a.shadow.mapSize.width = e.shadow.mapSize.width, a.shadow.mapSize.height = e.shadow.mapSize.height, a.shadow.camera.near = e.shadow.camera.near, a.shadow.camera.far = e.shadow.camera.far));
       break;
     default:
       throw new Error("Unknown light type");
   }
-  return t;
+  return a;
 }
-function Xe(e) {
+function Ae(e) {
   const {
-    width: t,
-    autoRotate: n,
-    data: c,
-    enableZoom: v,
-    categorical: y,
-    colorDomain: m,
+    width: a,
+    autoRotate: x,
+    data: v,
+    enableZoom: H,
+    categorical: R,
+    colorDomain: h,
     colors: l,
-    globeMaterial: p,
-    height: T,
-    polygonData: I,
-    mapProperty: h,
-    mapBorderColor: _,
-    atmosphereColor: V,
-    tooltip: q,
-    styles: S,
+    globeMaterial: c,
+    height: V,
+    polygonData: $,
+    mapProperty: d,
+    mapBorderColor: F,
+    atmosphereColor: X,
+    tooltip: Z,
+    styles: C,
     classNames: re,
-    mapNoDataColor: f,
+    mapNoDataColor: u,
     colorLegendTitle: G,
     showColorScale: oe,
     hoverStrokeColor: ae,
-    detailsOnClick: C,
-    onSeriesMouseClick: P,
-    onSeriesMouseOver: w,
-    resetSelectionOnDoubleClick: E,
-    highlightedIds: Z,
-    scale: x,
-    globeOffset: k,
-    polygonAltitude: F,
+    detailsOnClick: w,
+    onSeriesMouseClick: L,
+    onSeriesMouseOver: y,
+    resetSelectionOnDoubleClick: T,
+    highlightedIds: J,
+    scale: g,
+    globeOffset: j,
+    polygonAltitude: I,
     centerLng: B,
     centerLat: U,
-    atmosphereAltitude: J,
+    atmosphereAltitude: _,
     globeCurvatureResolution: ie,
-    fogSettings: O,
-    lights: R,
+    fogSettings: M,
+    lights: z,
     highlightedAltitude: Y,
-    selectedId: D
-  } = e, [K, se] = L(!1), d = we(void 0), [b, H] = L(void 0), [ne, Q] = L(!(t < 680)), [ee, le] = L({ x: 0, y: 0 }), [N, de] = L(void 0), W = y ? ze().domain(m).range(l) : Ae().domain(m).range(l);
-  M(() => {
-    d.current && (d.current.controls().enableZoom = v);
-  }, [v]), M(() => {
-    d.current && (N || b || D ? d.current.controls().autoRotate = !1 : (d.current.controls().autoRotate = n !== 0, d.current.controls().autoRotateSpeed = n));
-  }, [N, b, D, n]), M(() => {
-    if (d.current && D) {
-      const r = I.find(
-        (g) => g.properties[h] === D
-      ), [a, s] = Ue(r).geometry.coordinates;
-      d.current.pointOfView({ lat: s, lng: a, altitude: x }, 1e3);
+    selectedId: f
+  } = e, [K, se] = N(!1), n = ge(void 0), [k, E] = N(void 0), [ne, Q] = N(!(a < 680)), [ee, le] = N({ x: 0, y: 0 }), [S, de] = N(void 0), W = R ? Le().domain(h).range(l) : Me().domain(h).range(l);
+  D(() => {
+    n.current && (n.current.controls().enableZoom = H);
+  }, [H]), D(() => {
+    n.current && (S || f ? n.current.controls().autoRotate = !1 : (n.current.controls().autoRotate = x !== 0, n.current.controls().autoRotateSpeed = x));
+  }, [S, f, x]), D(() => {
+    if (n.current && f) {
+      const t = $.find(
+        (m) => m.properties[d] === f
+      ), [o, s] = Ne(t);
+      n.current.pointOfView({ lat: s, lng: o, altitude: g }, 1e3);
     }
-  }, [D, x, I, h]), M(() => {
-    const r = d.current?.renderer().domElement;
-    if (!r) return;
-    const a = (s) => {
+  }, [f, g, $, d]), D(() => {
+    const t = n.current?.renderer().domElement;
+    if (!t) return;
+    const o = (s) => {
       le({ x: s.clientX, y: s.clientY });
     };
-    return r.addEventListener("mousemove", a), () => r.removeEventListener("mousemove", a);
-  }, []), M(() => {
-    d.current && d.current.pointOfView({ lat: U, lng: B, altitude: x }, 1e3);
-  }, [x, B, U]);
-  const X = p || new A.MeshBasicMaterial({
+    return t.addEventListener("mousemove", o), () => t.removeEventListener("mousemove", o);
+  }, []), D(() => {
+    n.current && n.current.pointOfView({ lat: U, lng: B, altitude: g }, 1e3);
+  }, [g, B, U]);
+  const q = c || new P.MeshBasicMaterial({
     color: "#FFF"
-  }), u = ue(() => {
-    if (!d.current) return;
-    const r = d.current.scene(), a = d.current.camera();
+  }), p = me(() => {
+    if (!n.current) return;
+    const t = n.current.scene(), o = n.current.camera();
     let s = [];
-    r.traverse((i) => {
-      i instanceof A.Light && s.push(i);
-    }), s = [...s, ...a.children], s.forEach((i) => i.parent?.remove(i)), R.map((i) => We(i)).forEach((i, j) => {
-      R[j].type !== "ambient" && R[j].position === "camera" ? (a.add(i), R[j].type !== "point" && a.add(i.target)) : r.add(i);
-    }), O && (r.fog = new A.Fog(O.color, O.near, O.far));
-  }, [R, O]), te = ue(() => {
-    se(!0), u();
-  }, [u]);
-  return M(() => {
-    K && u();
-  }, [K, u]), /* @__PURE__ */ o.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ o.jsx(
-      ke,
+    t.traverse((i) => {
+      i instanceof P.Light && s.push(i);
+    }), s = [...s, ...o.children], s.forEach((i) => i.parent?.remove(i)), z.map((i) => Ee(i)).forEach((i, b) => {
+      z[b].type !== "ambient" && z[b].position === "camera" ? (o.add(i), z[b].type !== "point" && o.add(i.target)) : t.add(i);
+    }), M && (t.fog = new P.Fog(M.color, M.near, M.far));
+  }, [z, M]), te = me(() => {
+    se(!0), p();
+  }, [p]);
+  return D(() => {
+    K && p();
+  }, [K, p]), /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ r.jsx(
+      we,
       {
-        ref: d,
-        height: T,
-        width: t,
-        globeOffset: k,
+        ref: n,
+        height: V,
+        width: a,
+        globeOffset: j,
         lineHoverPrecision: 0,
-        polygonsData: I,
-        polygonAltitude: (r) => Z.includes(r?.properties?.[h]) || r?.properties?.[h] === D || r?.properties?.[h] === N?.id || r?.properties?.[h] === b?.id ? Y : F,
-        polygonCapColor: (r) => {
-          const a = r?.properties?.[h], s = c.find((g) => g.id === a)?.x;
-          return s != null ? W(s) : f;
+        polygonsData: $,
+        polygonAltitude: (t) => J.includes(t?.properties?.[d]) || t?.properties?.[d] === f ? Y * (t?.properties?.[d] === f ? 2 : 1) : t?.properties?.[d] === S?.id || t?.properties?.[d] === k?.id ? Y : I,
+        polygonCapColor: (t) => {
+          const o = t?.properties?.[d], s = v.find((m) => m.id === o)?.x;
+          return s != null ? W(s) : u;
         },
-        polygonSideColor: (r) => {
-          const a = r?.properties?.[h], s = c.find((i) => i.id === a)?.x, g = s != null ? W(s) : f;
-          return Z.includes(r?.properties?.[h]) ? g : "rgba(100,100,100,0)";
+        polygonSideColor: (t) => {
+          const o = t?.properties?.[d], s = v.find((i) => i.id === o)?.x, m = s != null ? W(s) : u;
+          return J.includes(t?.properties?.[d]) || t?.properties?.[d] === f ? m : "rgba(100,100,100,0)";
         },
-        polygonStrokeColor: (r) => r?.properties?.[h] === N?.id ? ae : _,
+        polygonStrokeColor: (t) => t?.properties?.[d] === S?.id ? ae : F,
         onGlobeClick: () => {
-          H(void 0);
+          E(void 0);
         },
-        onPolygonClick: (r) => {
-          const a = r?.properties?.[h] ? c.find((s) => s.id === r?.properties?.[h]) : void 0;
-          (P || C) && (De(b, a) && E && a ? (H(void 0), P?.(void 0)) : (H(a), P?.(a)));
+        onPolygonClick: (t) => {
+          const o = t?.properties?.[d] ? v.find((s) => s.id === t?.properties?.[d]) : void 0;
+          (L || w) && (be(k, o) && T && o ? (E(void 0), L?.(void 0)) : (E(o), L?.(o)));
         },
-        onPolygonHover: (r) => {
-          const a = r?.properties?.[h] ? c.find((s) => s.id === r?.properties?.[h]) : void 0;
-          de(a), w?.(a);
+        onPolygonHover: (t) => {
+          const o = t?.properties?.[d] ? v.find((s) => s.id === t?.properties?.[d]) : void 0;
+          de(o), y?.(o);
         },
-        atmosphereColor: V,
-        atmosphereAltitude: J,
+        atmosphereColor: X,
+        atmosphereAltitude: _,
         globeCurvatureResolution: ie,
-        globeMaterial: X,
+        globeMaterial: q,
         backgroundColor: "rgba(0, 0, 0, 0)",
         polygonsTransitionDuration: 100,
         onGlobeReady: () => {
-          if (d.current) {
-            d.current.pointOfView({
+          if (n.current) {
+            n.current.pointOfView({
               lat: U,
               lng: B
             });
-            const r = d.current.scene();
+            const t = n.current.scene();
             setTimeout(() => {
-              (r.children[3]?.children[0]?.children[4]?.children || []).forEach((g) => {
-                const i = g.children[1];
+              (t.children[3]?.children[0]?.children[4]?.children || []).forEach((m) => {
+                const i = m.children[1];
                 i.renderOrder = 2;
               });
             }, 300);
-            const a = d.current.camera();
-            r.add(a), te();
+            const o = n.current.camera();
+            t.add(o), te();
           }
         }
       }
     ),
-    oe === !1 ? null : /* @__PURE__ */ o.jsx("div", { className: "absolute left-4 bottom-4", children: ne ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx(
+    oe === !1 ? null : /* @__PURE__ */ r.jsx("div", { className: "absolute left-4 bottom-4", children: ne ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(
         "div",
         {
           style: {
@@ -276,20 +211,20 @@ function Xe(e) {
           onClick: () => {
             Q(!1);
           },
-          children: /* @__PURE__ */ o.jsx(Oe, {})
+          children: /* @__PURE__ */ r.jsx(Se, {})
         }
       ),
-      /* @__PURE__ */ o.jsxs(
+      /* @__PURE__ */ r.jsxs(
         "div",
         {
           className: "p-2",
           style: {
             backgroundColor: "rgba(240,240,240, 0.7)",
-            width: y ? void 0 : "340px"
+            width: R ? void 0 : "340px"
           },
           children: [
-            G && G !== "" ? /* @__PURE__ */ o.jsx(
-              ge,
+            G && G !== "" ? /* @__PURE__ */ r.jsx(
+              ue,
               {
                 size: "xs",
                 marginBottom: "xs",
@@ -302,51 +237,51 @@ function Xe(e) {
                 children: G
               }
             ) : null,
-            y ? /* @__PURE__ */ o.jsx("div", { className: "flex flex-col gap-3", children: m.map((r, a) => /* @__PURE__ */ o.jsxs("div", { className: "flex gap-2 items-center", children: [
-              /* @__PURE__ */ o.jsx(
+            R ? /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-3", children: h.map((t, o) => /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2 items-center", children: [
+              /* @__PURE__ */ r.jsx(
                 "div",
                 {
                   className: "w-2 h-2 rounded-full",
-                  style: { backgroundColor: l[a % l.length] }
+                  style: { backgroundColor: l[o % l.length] }
                 }
               ),
-              /* @__PURE__ */ o.jsx(ge, { size: "sm", marginBottom: "none", leading: "none", children: r })
-            ] }, a)) }) : /* @__PURE__ */ o.jsx("svg", { width: "100%", viewBox: "0 0 320 30", direction: "ltr", children: /* @__PURE__ */ o.jsxs("g", { children: [
-              m.map((r, a) => /* @__PURE__ */ o.jsxs("g", { className: "cursor-pointer", children: [
-                /* @__PURE__ */ o.jsx(
+              /* @__PURE__ */ r.jsx(ue, { size: "sm", marginBottom: "none", leading: "none", children: t })
+            ] }, o)) }) : /* @__PURE__ */ r.jsx("svg", { width: "100%", viewBox: "0 0 320 30", direction: "ltr", children: /* @__PURE__ */ r.jsxs("g", { children: [
+              h.map((t, o) => /* @__PURE__ */ r.jsxs("g", { className: "cursor-pointer", children: [
+                /* @__PURE__ */ r.jsx(
                   "rect",
                   {
-                    x: a * 320 / l.length + 1,
+                    x: o * 320 / l.length + 1,
                     y: 1,
                     width: 320 / l.length - 2,
                     height: 8,
                     style: {
-                      fill: l[a],
-                      stroke: l[a]
+                      fill: l[o],
+                      stroke: l[o]
                     }
                   }
                 ),
-                /* @__PURE__ */ o.jsx(
+                /* @__PURE__ */ r.jsx(
                   "text",
                   {
-                    x: (a + 1) * 320 / l.length,
+                    x: (o + 1) * 320 / l.length,
                     y: 25,
                     className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",
                     style: { textAnchor: "middle" },
-                    children: Pe(r, "NA")
+                    children: ke(t, "NA")
                   }
                 )
-              ] }, a)),
-              /* @__PURE__ */ o.jsx("g", { children: /* @__PURE__ */ o.jsx(
+              ] }, o)),
+              /* @__PURE__ */ r.jsx("g", { children: /* @__PURE__ */ r.jsx(
                 "rect",
                 {
-                  x: m.length * 320 / l.length + 1,
+                  x: h.length * 320 / l.length + 1,
                   y: 1,
                   width: 320 / l.length - 2,
                   height: 8,
                   style: {
-                    fill: l[m.length],
-                    stroke: l[m.length]
+                    fill: l[h.length],
+                    stroke: l[h.length]
                   }
                 }
               ) })
@@ -354,7 +289,7 @@ function Xe(e) {
           ]
         }
       )
-    ] }) : /* @__PURE__ */ o.jsx(
+    ] }) : /* @__PURE__ */ r.jsx(
       "button",
       {
         type: "button",
@@ -362,87 +297,87 @@ function Xe(e) {
         onClick: () => {
           Q(!0);
         },
-        children: /* @__PURE__ */ o.jsx("div", { className: "items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-550 border-primary-gray-400 dark:border-primary-gray-500", children: "Show Legend" })
+        children: /* @__PURE__ */ r.jsx("div", { className: "items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-550 border-primary-gray-400 dark:border-primary-gray-500", children: "Show Legend" })
       }
     ) }),
-    N && q ? /* @__PURE__ */ o.jsx(
-      Le,
+    S && Z ? /* @__PURE__ */ r.jsx(
+      je,
       {
-        data: N,
-        body: q,
+        data: S,
+        body: Z,
         xPos: ee.x,
         yPos: ee.y,
-        backgroundStyle: S?.tooltip,
+        backgroundStyle: C?.tooltip,
         className: re?.tooltip
       }
     ) : null,
-    C && b !== void 0 ? /* @__PURE__ */ o.jsx(
-      Ne,
+    w && k !== void 0 ? /* @__PURE__ */ r.jsx(
+      Ce,
       {
-        open: b !== void 0,
+        open: k !== void 0,
         onClose: () => {
-          H(void 0);
+          E(void 0);
         },
-        children: /* @__PURE__ */ o.jsx(
+        children: /* @__PURE__ */ r.jsx(
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof C == "string" ? { __html: Re(C, b) } : void 0,
-            children: typeof C == "function" ? C(b) : null
+            dangerouslySetInnerHTML: typeof w == "string" ? { __html: De(w, k) } : void 0,
+            children: typeof w == "function" ? w(k) : null
           }
         )
       }
     ) : null
   ] });
 }
-function mt(e) {
+function ot(e) {
   const {
-    data: t,
-    mapData: n = "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json",
-    graphTitle: c,
-    colors: v,
-    sources: y,
-    graphDescription: m,
+    data: a,
+    mapData: x = "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json",
+    graphTitle: v,
+    colors: H,
+    sources: R,
+    graphDescription: h,
     height: l,
-    width: p,
-    footNote: T = "The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.",
-    colorDomain: I,
-    colorLegendTitle: h,
-    scaleType: _ = "threshold",
-    padding: V,
-    mapNoDataColor: q = $.light.graphNoData,
-    backgroundColor: S = !1,
-    mapBorderColor: re = $.light.grays["gray-500"],
-    relativeHeight: f,
+    width: c,
+    footNote: V = "The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.",
+    colorDomain: $,
+    colorLegendTitle: d,
+    scaleType: F = "threshold",
+    padding: X,
+    mapNoDataColor: Z = A.light.graphNoData,
+    backgroundColor: C = !1,
+    mapBorderColor: re = A.light.grays["gray-500"],
+    relativeHeight: u,
     tooltip: G,
     graphID: oe,
     mapProperty: ae = "ISO3",
-    dataDownload: C = !1,
-    language: P = "en",
-    minHeight: w = 0,
-    theme: E = "light",
-    ariaLabel: Z,
-    styles: x,
-    classNames: k,
-    autoRotate: F = !0,
+    dataDownload: w = !1,
+    language: L = "en",
+    minHeight: y = 0,
+    theme: T = "light",
+    ariaLabel: J,
+    styles: g,
+    classNames: j,
+    autoRotate: I = !0,
     enableZoom: B = !0,
     globeMaterial: U,
-    centerPoint: J = [0, 0],
+    centerPoint: _ = [0, 0],
     atmosphereColor: ie = "#999",
-    showColorScale: O = !0,
-    resetSelectionOnDoubleClick: R = !0,
+    showColorScale: M = !0,
+    resetSelectionOnDoubleClick: z = !0,
     detailsOnClick: Y,
-    onSeriesMouseOver: D,
+    onSeriesMouseOver: f,
     onSeriesMouseClick: K,
     highlightedIds: se = [],
-    highlightedAltitude: d = 0.1,
-    scale: b = 1,
-    globeOffset: H = [0, 0],
+    highlightedAltitude: n = 0.1,
+    scale: k = 1,
+    globeOffset: E = [0, 0],
     polygonAltitude: ne = 0.01,
     globeCurvatureResolution: Q = 4,
     atmosphereAltitude: ee = 0.15,
     fogSettings: le,
-    lights: N = [
+    lights: S = [
       {
         type: "ambient",
         color: 4210752,
@@ -456,154 +391,154 @@ function mt(e) {
       }
     ],
     selectedId: de
-  } = e, [W, X] = L(void 0), [u, te] = L(0), [r, a] = L(0), s = we(null);
-  M(() => {
-    const i = new ResizeObserver((j) => {
-      te(p || j[0].target.clientWidth || 760), a(l || j[0].target.clientHeight || 480);
+  } = e, [W, q] = N(void 0), [p, te] = N(0), [t, o] = N(0), s = ge(null);
+  D(() => {
+    const i = new ResizeObserver((b) => {
+      te(c || b[0].target.clientWidth || 760), o(l || b[0].target.clientHeight || 480);
     });
-    return s.current && (a(s.current.clientHeight || 480), te(s.current.clientWidth || 760), p || i.observe(s.current)), () => i.disconnect();
-  }, [p, l]), M(() => {
-    typeof n == "string" ? He(n).then((j) => {
-      if (n === "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json") {
-        const be = j.features.map((z) => {
-          if (z.geometry.type === "Polygon") {
-            const ce = [...z.geometry.coordinates[0]].reverse(), pe = { ...z.geometry, coordinates: [ce] };
-            return { ...z, geometry: pe };
+    return s.current && (o(s.current.clientHeight || 480), te(s.current.clientWidth || 760), c || i.observe(s.current)), () => i.disconnect();
+  }, [c, l]), D(() => {
+    typeof x == "string" ? Pe(x).then((b) => {
+      if (x === "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json") {
+        const ye = b.features.map((O) => {
+          if (O.geometry.type === "Polygon") {
+            const ce = [...O.geometry.coordinates[0]].reverse(), pe = { ...O.geometry, coordinates: [ce] };
+            return { ...O, geometry: pe };
           }
-          const me = [];
-          z.geometry.coordinates.forEach((ce) => {
+          const he = [];
+          O.geometry.coordinates.forEach((ce) => {
             const pe = [...ce[0]].reverse();
-            me.push([pe]);
+            he.push([pe]);
           });
-          const Ce = { ...z.geometry, coordinates: me };
-          return { ...z, geometry: Ce };
+          const fe = { ...O.geometry, coordinates: he };
+          return { ...O, geometry: fe };
         });
-        X(be);
-      } else X(j.features);
-    }) : X(n.features);
-  }, [n]);
-  const g = I || (_ === "categorical" ? $e(t, "x") : Ie(
-    t.map((i) => i.x),
-    v?.length || 4
+        q(ye);
+      } else q(b.features);
+    }) : q(x.features);
+  }, [x]);
+  const m = $ || (F === "categorical" ? Re(a, "x") : Te(
+    a.map((i) => i.x),
+    H?.length || 4
   ));
-  return /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: `${E || "light"} flex  ${p ? "w-fit grow-0" : "w-full grow"}`,
-      dir: P === "he" || P === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ o.jsx(
+      className: `${T || "light"} flex  ${c ? "w-fit grow-0" : "w-full grow"}`,
+      dir: L === "he" || L === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ r.jsx(
         "div",
         {
-          className: je(
-            `${S ? S === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${P || "en"}`,
-            p ? "w-fit" : "w-full",
-            k?.graphContainer
+          className: xe(
+            `${C ? C === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${L || "en"}`,
+            c ? "w-fit" : "w-full",
+            j?.graphContainer
           ),
           style: {
-            ...x?.graphContainer || {},
-            ...S && S !== !0 ? { backgroundColor: S } : {}
+            ...g?.graphContainer || {},
+            ...C && C !== !0 ? { backgroundColor: C } : {}
           },
           id: oe,
-          "aria-label": Z || `${c ? `The graph shows ${c}. ` : ""}This is a map.${m ? ` ${m}` : ""}`,
-          children: /* @__PURE__ */ o.jsx(
+          "aria-label": J || `${v ? `The graph shows ${v}. ` : ""}This is a map.${h ? ` ${h}` : ""}`,
+          children: /* @__PURE__ */ r.jsx(
             "div",
             {
               className: "flex grow",
-              style: { padding: S ? V || "1rem" : V || 0 },
-              children: /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                c || m || C ? /* @__PURE__ */ o.jsx(
-                  Te,
+              style: { padding: C ? X || "1rem" : X || 0 },
+              children: /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+                v || h || w ? /* @__PURE__ */ r.jsx(
+                  ze,
                   {
                     styles: {
-                      title: x?.title,
-                      description: x?.description
+                      title: g?.title,
+                      description: g?.description
                     },
                     classNames: {
-                      title: k?.title,
-                      description: k?.description
+                      title: j?.title,
+                      description: j?.description
                     },
-                    graphTitle: c,
-                    graphDescription: m,
-                    width: p,
+                    graphTitle: v,
+                    graphDescription: h,
+                    width: c,
                     graphDownload: void 0,
-                    dataDownload: C ? t.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? t.map((i) => i.data).filter((i) => i !== void 0) : t.filter((i) => i !== void 0) : null
+                    dataDownload: w ? a.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? a.map((i) => i.data).filter((i) => i !== void 0) : a.filter((i) => i !== void 0) : null
                   }
                 ) : null,
-                /* @__PURE__ */ o.jsx(
+                /* @__PURE__ */ r.jsx(
                   "div",
                   {
                     className: "flex flex-col grow justify-center leading-0",
                     ref: s,
                     "aria-label": "Map area",
-                    children: (p || u) && (l || r) && W ? /* @__PURE__ */ o.jsx(
-                      Xe,
+                    children: (c || p) && (l || t) && W ? /* @__PURE__ */ r.jsx(
+                      Ae,
                       {
-                        data: t,
-                        globeOffset: H,
+                        data: a,
+                        globeOffset: E,
                         polygonData: W,
-                        colorDomain: g,
-                        width: p || u,
+                        colorDomain: m,
+                        width: c || p,
                         height: Math.max(
-                          w,
-                          l || (f ? w ? (p || u) * f > w ? (p || u) * f : w : (p || u) * f : r)
+                          y,
+                          l || (u ? y ? (c || p) * u > y ? (c || p) * u : y : (c || p) * u : t)
                         ),
-                        colors: v || (_ === "categorical" ? $[E].sequentialColors[`neutralColorsx0${g.length}`] : $[E].sequentialColors[`neutralColorsx0${g.length + 1}`]),
-                        mapNoDataColor: q,
-                        categorical: _ === "categorical",
+                        colors: H || (F === "categorical" ? A[T].sequentialColors[`neutralColorsx0${m.length}`] : A[T].sequentialColors[`neutralColorsx0${m.length + 1}`]),
+                        mapNoDataColor: Z,
+                        categorical: F === "categorical",
                         mapBorderColor: re,
                         tooltip: G,
                         mapProperty: ae,
-                        styles: x,
-                        classNames: k,
-                        autoRotate: F === !0 ? 1.5 : F === !1 ? 0 : F,
+                        styles: g,
+                        classNames: j,
+                        autoRotate: I === !0 ? 1.5 : I === !1 ? 0 : I,
                         enableZoom: B,
                         globeMaterial: U,
                         atmosphereColor: ie,
-                        colorLegendTitle: h,
-                        showColorScale: O,
-                        hoverStrokeColor: E === "light" ? $.light.grays["gray-700"] : $.light.grays["gray-300"],
+                        colorLegendTitle: d,
+                        showColorScale: M,
+                        hoverStrokeColor: T === "light" ? A.light.grays["gray-700"] : A.light.grays["gray-300"],
                         highlightedIds: se,
-                        resetSelectionOnDoubleClick: R,
+                        resetSelectionOnDoubleClick: z,
                         detailsOnClick: Y,
-                        onSeriesMouseOver: D,
+                        onSeriesMouseOver: f,
                         onSeriesMouseClick: K,
-                        scale: b,
+                        scale: k,
                         polygonAltitude: ne,
-                        centerLat: J[0],
-                        centerLng: J[1],
+                        centerLat: _[0],
+                        centerLng: _[1],
                         atmosphereAltitude: ee,
                         globeCurvatureResolution: Q,
                         fogSettings: le,
-                        lights: N,
-                        highlightedAltitude: d,
+                        lights: S,
+                        highlightedAltitude: n,
                         selectedId: de
                       }
-                    ) : /* @__PURE__ */ o.jsx(
+                    ) : /* @__PURE__ */ r.jsx(
                       "div",
                       {
                         style: {
                           height: `${Math.max(
-                            w,
-                            l || (f ? w ? (p || u) * f > w ? (p || u) * f : w : (p || u) * f : r)
+                            y,
+                            l || (u ? y ? (c || p) * u > y ? (c || p) * u : y : (c || p) * u : t)
                           )}px`
                         },
                         className: "flex items-center justify-center",
-                        children: /* @__PURE__ */ o.jsx(Se, { "aria-label": "Loading graph" })
+                        children: /* @__PURE__ */ r.jsx(ve, { "aria-label": "Loading graph" })
                       }
                     )
                   }
                 ),
-                y || T ? /* @__PURE__ */ o.jsx(
-                  Ee,
+                R || V ? /* @__PURE__ */ r.jsx(
+                  Oe,
                   {
-                    styles: { footnote: x?.footnote, source: x?.source },
+                    styles: { footnote: g?.footnote, source: g?.source },
                     classNames: {
-                      footnote: k?.footnote,
-                      source: k?.source
+                      footnote: j?.footnote,
+                      source: j?.source
                     },
-                    sources: y,
-                    footNote: T,
-                    width: p
+                    sources: R,
+                    footNote: V,
+                    width: c
                   }
                 ) : null
               ] })
@@ -615,6 +550,6 @@ function mt(e) {
   );
 }
 export {
-  mt as ThreeDGlobe
+  ot as ThreeDGlobe
 };
 //# sourceMappingURL=ThreeDGlobe.js.map