@undp/data-viz 2.0.9 → 2.1.0

package/dist/ThreeDGlobe.js

@@ -1,39 +1,38 @@
 import { j as i, m as lt, c as ct } from "./index-CHPV5EwG-Curnpaqc.js";
-import { useState as U, useRef as Qe, useEffect as H, useCallback as dt, useEffectEvent as pt } from "react";
+import { useState as I, useRef as Qe, useEffect as G, useCallback as dt, useEffectEvent as pt } from "react";
 import { w as ht } from "./Spinner-D7rnnwnA.js";
 import mt from "react-globe.gl";
 import { i as ut } from "./index-Bwrro8-q.js";
-import * as W from "three";
-import { l as gt } from "./Modal-DGcuAHyK.js";
+import * as $ from "three";
 import { j as et } from "./Typography-PxtFcnJb.js";
-import { g as ft } from "./_commonjsHelpers-ByX85dGu.js";
-import { T as vt } from "./Tooltip-CwWUegPB.js";
-import { n as yt } from "./numberFormattingFunction-14YCbkN2.js";
-import { X as bt } from "./index-D491FEn1.js";
-import { s as xt } from "./string2HTML-DhG75NqA.js";
-import { g as wt } from "./getCentroidCoordinates-D7r34N4w.js";
-import { o as Ct } from "./ordinal-P77xw8aL.js";
-import { t as Dt } from "./threshold-Bgr20hik.js";
-import { GraphHeader as St } from "./GraphHeader.js";
-import { GraphFooter as jt } from "./GraphFooter.js";
-import { f as Nt } from "./fetchAndParseData-BpqkBPQL.js";
-import { Colors as te } from "./Colors.js";
-import { g as kt } from "./getUniqValue-DsqSii6M.js";
-import { g as Rt } from "./getJenks-BbngDoBQ.js";
-import { a as Lt, G as Ot } from "./GraphContainer-CRqzdKu2.js";
+import { g as gt } from "./_commonjsHelpers-ByX85dGu.js";
+import { T as ft } from "./Tooltip-Dj5eVppQ.js";
+import { n as vt } from "./numberFormattingFunction-14YCbkN2.js";
+import { X as yt } from "./index-D491FEn1.js";
+import { g as bt } from "./getCentroidCoordinates-D7r34N4w.js";
+import { D as xt } from "./DetailsModal-0Ry5nXiC.js";
+import { o as wt } from "./ordinal-P77xw8aL.js";
+import { t as Ct } from "./threshold-Bgr20hik.js";
+import { GraphHeader as Dt } from "./GraphHeader.js";
+import { GraphFooter as St } from "./GraphFooter.js";
+import { f as jt } from "./fetchAndParseData-BpqkBPQL.js";
+import { Colors as oe } from "./Colors.js";
+import { g as Nt } from "./getUniqValue-DsqSii6M.js";
+import { g as kt } from "./getJenks-BbngDoBQ.js";
+import { a as Rt, G as Ot } from "./GraphContainer-CRqzdKu2.js";
 var Ke, tt;
-function Tt() {
+function Lt() {
   if (tt) return Ke;
   tt = 1;
   var t = function(o) {
     return o.charAt(0) === "#" ? o.slice(1) : o;
   }, e = function(o) {
-    var n = o.length === 3 || o.length === 4, f = n ? "".concat(o.slice(0, 1)).concat(o.slice(0, 1)) : o.slice(0, 2), s = n ? "".concat(o.slice(1, 2)).concat(o.slice(1, 2)) : o.slice(2, 4), w = n ? "".concat(o.slice(2, 3)).concat(o.slice(2, 3)) : o.slice(4, 6), M = (n ? "".concat(o.slice(3, 4)).concat(o.slice(3, 4)) : o.slice(6, 8)) || "ff";
+    var n = o.length === 3 || o.length === 4, f = n ? "".concat(o.slice(0, 1)).concat(o.slice(0, 1)) : o.slice(0, 2), s = n ? "".concat(o.slice(1, 2)).concat(o.slice(1, 2)) : o.slice(2, 4), w = n ? "".concat(o.slice(2, 3)).concat(o.slice(2, 3)) : o.slice(4, 6), L = (n ? "".concat(o.slice(3, 4)).concat(o.slice(3, 4)) : o.slice(6, 8)) || "ff";
     return {
       r: f,
       g: s,
       b: w,
-      a: M
+      a: L
     };
   }, d = function(o) {
     return parseInt(o, 16);
@@ -48,7 +47,7 @@ function Tt() {
   }, x = function(o) {
     return !isNaN(parseFloat(o)) && isFinite(o);
   }, D = function(o, n) {
-    var f = o.r, s = o.g, w = o.b, M = o.a, P = x(n) ? n : M;
+    var f = o.r, s = o.g, w = o.b, L = o.a, P = x(n) ? n : L;
     return "rgba(".concat(f, ", ").concat(s, ", ").concat(w, ", ").concat(P, ")");
   }, g = function(o, n) {
     var f = t(o), s = e(f), w = b(s);
@@ -56,29 +55,29 @@ function Tt() {
   };
   return Ke = g, Ke;
 }
-var Mt = Tt();
-const ot = /* @__PURE__ */ ft(Mt);
-function Pt(t) {
+var Pt = Lt();
+const ot = /* @__PURE__ */ gt(Pt);
+function zt(t) {
   let e;
   switch (t.type) {
     case "ambient":
-      e = new W.AmbientLight(t.color, t.intensity);
+      e = new $.AmbientLight(t.color, t.intensity);
       break;
     case "directional":
-      e = new W.DirectionalLight(t.color, t.intensity), t.position && (t.position === "camera" ? e.position.set(0, 0, 0) : e.position.set(t.position.x, t.position.y, t.position.z)), (t.target || t.position === "camera") && e.target.position.set(t.target?.x || 0, t.target?.y || 0, t.target?.z === void 0 ? -1 : t.target.z), t.castShadow && (e.castShadow = !0, t.shadow && (e.shadow.mapSize.width = t.shadow.mapSize.width, e.shadow.mapSize.height = t.shadow.mapSize.height, e.shadow.camera.near = t.shadow.camera.near, e.shadow.camera.far = t.shadow.camera.far));
+      e = new $.DirectionalLight(t.color, t.intensity), t.position && (t.position === "camera" ? e.position.set(0, 0, 0) : e.position.set(t.position.x, t.position.y, t.position.z)), (t.target || t.position === "camera") && e.target.position.set(t.target?.x || 0, t.target?.y || 0, t.target?.z === void 0 ? -1 : t.target.z), t.castShadow && (e.castShadow = !0, t.shadow && (e.shadow.mapSize.width = t.shadow.mapSize.width, e.shadow.mapSize.height = t.shadow.mapSize.height, e.shadow.camera.near = t.shadow.camera.near, e.shadow.camera.far = t.shadow.camera.far));
       break;
     case "point":
-      e = new W.PointLight(t.color, t.intensity, t.distance || 0, t.decay || 2), t.position && (t.position === "camera" ? e.position.set(0, 0, 0) : e.position.set(t.position.x, t.position.y, t.position.z));
+      e = new $.PointLight(t.color, t.intensity, t.distance || 0, t.decay || 2), t.position && (t.position === "camera" ? e.position.set(0, 0, 0) : e.position.set(t.position.x, t.position.y, t.position.z));
       break;
     case "spot":
-      e = new W.SpotLight(t.color, t.intensity, t.distance || 0, t.angle || Math.PI / 3, t.penumbra || 0, t.decay || 2), t.position && (t.position === "camera" ? e.position.set(0, 0, 0) : e.position.set(t.position.x, t.position.y, t.position.z)), (t.target || t.position === "camera") && e.target.position.set(t.target?.x || 0, t.target?.y || 0, t.target?.z || 0), t.castShadow && (e.castShadow = !0, t.shadow && (e.shadow.mapSize.width = t.shadow.mapSize.width, e.shadow.mapSize.height = t.shadow.mapSize.height, e.shadow.camera.near = t.shadow.camera.near, e.shadow.camera.far = t.shadow.camera.far));
+      e = new $.SpotLight(t.color, t.intensity, t.distance || 0, t.angle || Math.PI / 3, t.penumbra || 0, t.decay || 2), t.position && (t.position === "camera" ? e.position.set(0, 0, 0) : e.position.set(t.position.x, t.position.y, t.position.z)), (t.target || t.position === "camera") && e.target.position.set(t.target?.x || 0, t.target?.y || 0, t.target?.z || 0), t.castShadow && (e.castShadow = !0, t.shadow && (e.shadow.mapSize.width = t.shadow.mapSize.width, e.shadow.mapSize.height = t.shadow.mapSize.height, e.shadow.camera.near = t.shadow.camera.near, e.shadow.camera.far = t.shadow.camera.far));
       break;
     default:
       throw new Error("Unknown light type");
   }
   return e;
 }
-function zt(t) {
+function Mt(t) {
   const {
     width: e,
     autoRotate: d,
@@ -92,50 +91,50 @@ function zt(t) {
     polygonData: f,
     mapProperty: s,
     mapBorderColor: w,
-    atmosphereColor: M,
+    atmosphereColor: L,
     tooltip: P,
     styles: ye,
-    classNames: oe,
+    classNames: W,
     mapNoDataColor: re,
     colorLegendTitle: C,
     showColorScale: ae,
     hoverStrokeColor: ie,
-    detailsOnClick: k,
-    onSeriesMouseClick: _,
+    detailsOnClick: V,
+    onSeriesMouseClick: Z,
     onSeriesMouseOver: be,
     resetSelectionOnDoubleClick: xe,
     highlightedIds: z,
-    scale: E,
+    scale: M,
     globeOffset: m,
     polygonAltitude: u,
-    centerLng: V,
-    centerLat: Z,
+    centerLng: _,
+    centerLat: J,
     atmosphereAltitude: se,
-    globeCurvatureResolution: J,
-    fogSettings: A,
-    lights: B,
+    globeCurvatureResolution: X,
+    fogSettings: T,
+    lights: E,
     highlightedAltitude: ne,
     selectedId: v,
-    collapseColorScaleByDefault: X,
-    dimmedOpacity: F
-  } = t, [q, we] = U(!1), p = Qe(void 0), [R, L] = U(void 0), [Ce, le] = U(X === void 0 ? !(e < 680) : !X), [ce, de] = U({
+    collapseColorScaleByDefault: Y,
+    dimmedOpacity: A
+  } = t, [U, we] = I(!1), p = Qe(void 0), [q, k] = I(void 0), [Ce, le] = I(Y === void 0 ? !(e < 680) : !Y), [ce, de] = I({
     x: 0,
     y: 0
-  }), [S, pe] = U(void 0), Y = D ? Ct().domain(g).range(l) : Dt().domain(g).range(l);
-  H(() => {
+  }), [S, pe] = I(void 0), K = D ? wt().domain(g).range(l) : Ct().domain(g).range(l);
+  G(() => {
     p.current && (p.current.controls().enableZoom = x);
-  }, [x]), H(() => {
+  }, [x]), G(() => {
     p.current && (S || v ? p.current.controls().autoRotate = !1 : (p.current.controls().autoRotate = d !== 0, p.current.controls().autoRotateSpeed = d));
-  }, [S, v, d]), H(() => {
+  }, [S, v, d]), G(() => {
     if (p.current && v) {
-      const r = f.find((y) => y.properties[s] === v), [a, c] = wt(r);
+      const r = f.find((y) => y.properties[s] === v), [a, c] = bt(r);
       p.current.pointOfView({
         lat: c,
         lng: a,
-        altitude: E
+        altitude: M
       }, 1e3);
     }
-  }, [v, E, f, s]), H(() => {
+  }, [v, M, f, s]), G(() => {
     const r = p.current?.renderer().domElement;
     if (!r) return;
     const a = (c) => {
@@ -145,49 +144,49 @@ function zt(t) {
       });
     };
     return r.addEventListener("mousemove", a), () => r.removeEventListener("mousemove", a);
-  }, []), H(() => {
+  }, []), G(() => {
     p.current && p.current.pointOfView({
-      lat: Z,
-      lng: V,
-      altitude: E
+      lat: J,
+      lng: _,
+      altitude: M
     }, 1e3);
-  }, [E, V, Z]);
-  const j = o || new W.MeshBasicMaterial({
+  }, [M, _, J]);
+  const j = o || new $.MeshBasicMaterial({
     color: "#FFF"
-  }), G = dt(() => {
+  }), B = dt(() => {
     if (!p.current) return;
     const r = p.current.scene(), a = p.current.camera();
     let c = [];
     r.traverse((h) => {
-      h instanceof W.Light && c.push(h);
-    }), c = [...c, ...a.children], c.forEach((h) => h.parent?.remove(h)), B.map((h) => Pt(h)).forEach((h, N) => {
-      B[N].type !== "ambient" && B[N].position === "camera" ? (a.add(h), B[N].type !== "point" && a.add(h.target)) : r.add(h);
-    }), A && (r.fog = new W.Fog(A.color, A.near, A.far));
-  }, [B, A]), O = () => {
-    we(!0), G();
+      h instanceof $.Light && c.push(h);
+    }), c = [...c, ...a.children], c.forEach((h) => h.parent?.remove(h)), E.map((h) => zt(h)).forEach((h, N) => {
+      E[N].type !== "ambient" && E[N].position === "camera" ? (a.add(h), E[N].type !== "point" && a.add(h.target)) : r.add(h);
+    }), T && (r.fog = new $.Fog(T.color, T.near, T.far));
+  }, [E, T]), R = () => {
+    we(!0), B();
   };
-  return H(() => {
-    q && G();
-  }, [q, G]), /* @__PURE__ */ i.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ i.jsx(mt, { ref: p, height: n, width: e, globeOffset: m, lineHoverPrecision: 0, polygonsData: f, polygonAltitude: (r) => z.includes(r?.properties?.[s]) || r?.properties?.[s] === v || r?.properties?.[s] === S?.id || r?.properties?.[s] === R?.id ? ne : u, polygonCapColor: (r) => {
-      const a = v ? r?.properties?.[s] === v ? 1 : F : z.length !== 0 ? z.includes(r?.properties?.[s]) ? 1 : F : 1, c = r?.properties?.[s], y = b.find((N) => N.id === c)?.x, h = y != null ? Y(y) : re;
+  return G(() => {
+    U && B();
+  }, [U, B]), /* @__PURE__ */ i.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ i.jsx(mt, { ref: p, height: n, width: e, globeOffset: m, lineHoverPrecision: 0, polygonsData: f, polygonAltitude: (r) => z.includes(r?.properties?.[s]) || r?.properties?.[s] === v || r?.properties?.[s] === S?.id || r?.properties?.[s] === q?.id ? ne : u, polygonCapColor: (r) => {
+      const a = v ? r?.properties?.[s] === v ? 1 : A : z.length !== 0 ? z.includes(r?.properties?.[s]) ? 1 : A : 1, c = r?.properties?.[s], y = b.find((N) => N.id === c)?.x, h = y != null ? K(y) : re;
       return ot(h, `${a}`);
     }, polygonSideColor: (r) => {
-      const a = r?.properties?.[s], c = b.find((N) => N.id === a)?.x, y = v ? r?.properties?.[s] === v ? 1 : F : z.length !== 0 ? z.includes(r?.properties?.[s]) ? 1 : F : 1, h = c != null ? Y(c) : re;
+      const a = r?.properties?.[s], c = b.find((N) => N.id === a)?.x, y = v ? r?.properties?.[s] === v ? 1 : A : z.length !== 0 ? z.includes(r?.properties?.[s]) ? 1 : A : 1, h = c != null ? K(c) : re;
       return ot(h, `${y}`);
     }, polygonStrokeColor: (r) => r?.properties?.[s] === S?.id ? ie : w, onGlobeClick: () => {
-      L(void 0);
+      k(void 0);
     }, onPolygonClick: (r) => {
       const a = r?.properties?.[s] ? b.find((c) => c.id === r?.properties?.[s]) : void 0;
-      (_ || k) && (ut(R, a) && xe && a ? (L(void 0), _?.(void 0)) : (L(a), _?.(a)));
+      (Z || V) && (ut(q, a) && xe && a ? (k(void 0), Z?.(void 0)) : (k(a), Z?.(a)));
     }, onPolygonHover: (r) => {
       const a = r?.properties?.[s] ? b.find((c) => c.id === r?.properties?.[s]) : void 0;
       pe(a), be?.(a);
-    }, atmosphereColor: M, atmosphereAltitude: se, globeCurvatureResolution: J, globeMaterial: j, backgroundColor: "rgba(0, 0, 0, 0)", polygonsTransitionDuration: 100, onGlobeReady: () => {
+    }, atmosphereColor: L, atmosphereAltitude: se, globeCurvatureResolution: X, globeMaterial: j, backgroundColor: "rgba(0, 0, 0, 0)", polygonsTransitionDuration: 100, onGlobeReady: () => {
       if (p.current) {
         p.current.pointOfView({
-          lat: Z,
-          lng: V
+          lat: J,
+          lng: _
         });
         const r = p.current.scene();
         setTimeout(() => {
@@ -197,13 +196,13 @@ function zt(t) {
           });
         }, 300);
         const a = p.current.camera();
-        r.add(a), O();
+        r.add(a), R();
       }
     } }),
-    ae === !1 ? null : /* @__PURE__ */ i.jsx("div", { className: lt("absolute left-4 bottom-4 map-color-legend", oe?.colorLegend), children: Ce ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    ae === !1 ? null : /* @__PURE__ */ i.jsx("div", { className: lt("absolute left-4 bottom-4 map-color-legend", W?.colorLegend), children: Ce ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
       /* @__PURE__ */ i.jsx("div", { className: "color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]", onClick: () => {
         le(!1);
-      }, children: /* @__PURE__ */ i.jsx(bt, {}) }),
+      }, children: /* @__PURE__ */ i.jsx(yt, {}) }),
       /* @__PURE__ */ i.jsxs("div", { className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]", style: {
         width: D ? void 0 : "340px"
       }, children: [
@@ -225,7 +224,7 @@ function zt(t) {
             } }),
             /* @__PURE__ */ i.jsx("text", { x: (a + 1) * 320 / l.length, y: 25, className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", style: {
               textAnchor: "middle"
-            }, children: yt(r, "NA") })
+            }, children: vt(r, "NA") })
           ] }, a)),
           /* @__PURE__ */ i.jsx("g", { children: /* @__PURE__ */ i.jsx("rect", { x: g.length * 320 / l.length + 1, y: 1, width: 320 / l.length - 2, height: 8, style: {
             fill: l[g.length],
@@ -236,15 +235,11 @@ function zt(t) {
     ] }) : /* @__PURE__ */ i.jsx("button", { type: "button", className: "mb-0 border-0 bg-transparent p-0 self-start", onClick: () => {
       le(!0);
     }, children: /* @__PURE__ */ i.jsx("div", { className: "show-color-legend-button 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-600 border-primary-gray-400 dark:border-primary-gray-500", children: "Show Legend" }) }) }),
-    S && P ? /* @__PURE__ */ i.jsx(vt, { data: S, body: P, xPos: ce.x, yPos: ce.y, backgroundStyle: ye?.tooltip, className: oe?.tooltip }) : null,
-    k && R !== void 0 ? /* @__PURE__ */ i.jsx(gt, { open: R !== void 0, onClose: () => {
-      L(void 0);
-    }, children: /* @__PURE__ */ i.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof k == "string" ? {
-      __html: xt(k, R)
-    } : void 0, children: typeof k == "function" ? k(R) : null }) }) : null
+    S && P ? /* @__PURE__ */ i.jsx(ft, { data: S, body: P, xPos: ce.x, yPos: ce.y, backgroundStyle: ye?.tooltip, className: W?.tooltip }) : null,
+    V && q !== void 0 ? /* @__PURE__ */ i.jsx(xt, { body: V, data: q, setData: k, className: W?.modal }) : null
   ] });
 }
-function po(t) {
+function lo(t) {
   const e = ct.c(97), {
     data: d,
     mapData: b,
@@ -257,54 +252,54 @@ function po(t) {
     footNote: f,
     colorDomain: s,
     colorLegendTitle: w,
-    scaleType: M,
+    scaleType: L,
     padding: P,
     mapNoDataColor: ye,
-    backgroundColor: oe,
+    backgroundColor: W,
     mapBorderColor: re,
     relativeHeight: C,
     tooltip: ae,
     graphID: ie,
-    mapProperty: k,
-    dataDownload: _,
+    mapProperty: V,
+    dataDownload: Z,
     language: be,
     minHeight: xe,
     theme: z,
-    ariaLabel: E,
+    ariaLabel: M,
     styles: m,
     classNames: u,
-    autoRotate: V,
-    enableZoom: Z,
+    autoRotate: _,
+    enableZoom: J,
     globeMaterial: se,
-    centerPoint: J,
-    atmosphereColor: A,
-    showColorScale: B,
+    centerPoint: X,
+    atmosphereColor: T,
+    showColorScale: E,
     resetSelectionOnDoubleClick: ne,
     detailsOnClick: v,
-    onSeriesMouseOver: X,
-    onSeriesMouseClick: F,
-    highlightedIds: q,
+    onSeriesMouseOver: Y,
+    onSeriesMouseClick: A,
+    highlightedIds: U,
     highlightedAltitude: we,
     dimmedOpacity: p,
-    scale: R,
-    globeOffset: L,
+    scale: q,
+    globeOffset: k,
     polygonAltitude: Ce,
     globeCurvatureResolution: le,
     atmosphereAltitude: ce,
     fogSettings: de,
     lights: S,
     selectedId: pe,
-    collapseColorScaleByDefault: Y
-  } = t, j = b === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json" : b, G = f === void 0 ? "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." : f, O = M === void 0 ? "threshold" : M, r = ye === void 0 ? te.light.graphNoData : ye, a = oe === void 0 ? !1 : oe, c = re === void 0 ? te.light.grays["gray-500"] : re, y = k === void 0 ? "ISO3" : k, h = _ === void 0 ? !1 : _, N = be === void 0 ? "en" : be, T = xe === void 0 ? 0 : xe, I = z === void 0 ? "light" : z, he = V === void 0 ? !0 : V, Ae = Z === void 0 ? !0 : Z;
+    collapseColorScaleByDefault: K
+  } = t, j = b === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json" : b, B = f === void 0 ? "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." : f, R = L === void 0 ? "threshold" : L, r = ye === void 0 ? oe.light.graphNoData : ye, a = W === void 0 ? !1 : W, c = re === void 0 ? oe.light.grays["gray-500"] : re, y = V === void 0 ? "ISO3" : V, h = Z === void 0 ? !1 : Z, N = be === void 0 ? "en" : be, O = xe === void 0 ? 0 : xe, F = z === void 0 ? "light" : z, he = _ === void 0 ? !0 : _, Ae = J === void 0 ? !0 : J;
   let De;
-  e[0] !== J ? (De = J === void 0 ? [0, 0] : J, e[0] = J, e[1] = De) : De = e[1];
-  const Se = De, Be = A === void 0 ? "#999" : A, Fe = B === void 0 ? !0 : B, Ge = ne === void 0 ? !0 : ne;
+  e[0] !== X ? (De = X === void 0 ? [0, 0] : X, e[0] = X, e[1] = De) : De = e[1];
+  const Se = De, Be = T === void 0 ? "#999" : T, Fe = E === void 0 ? !0 : E, Ge = ne === void 0 ? !0 : ne;
   let je;
-  e[2] !== q ? (je = q === void 0 ? [] : q, e[2] = q, e[3] = je) : je = e[3];
-  const Ie = je, He = we === void 0 ? 0.1 : we, Ue = p === void 0 ? 0.3 : p, qe = R === void 0 ? 1 : R;
+  e[2] !== U ? (je = U === void 0 ? [] : U, e[2] = U, e[3] = je) : je = e[3];
+  const Ie = je, Ue = we === void 0 ? 0.1 : we, qe = p === void 0 ? 0.3 : p, He = q === void 0 ? 1 : q;
   let Ne;
-  e[4] !== L ? (Ne = L === void 0 ? [0, 0] : L, e[4] = L, e[5] = Ne) : Ne = e[5];
-  const $e = Ne, We = Ce === void 0 ? 0.01 : Ce, _e = le === void 0 ? 4 : le, Ve = ce === void 0 ? 0.15 : ce;
+  e[4] !== k ? (Ne = k === void 0 ? [0, 0] : k, e[4] = k, e[5] = Ne) : Ne = e[5];
+  const $e = Ne, We = Ce === void 0 ? 0.01 : Ce, Ve = le === void 0 ? 4 : le, Ze = ce === void 0 ? 0.15 : ce;
   let ke;
   e[6] !== S ? (ke = S === void 0 ? [{
     type: "ambient",
@@ -320,80 +315,80 @@ function po(t) {
       z: 5
     }
   }] : S, e[6] = S, e[7] = ke) : ke = e[7];
-  const Ze = ke, [Re, rt] = U(void 0), [$, at] = U(0), [me, it] = U(0), Je = Qe(null), st = Qe(null);
-  let Le, Oe;
-  e[8] === Symbol.for("react.memo_cache_sentinel") ? (Le = () => {
+  const _e = ke, [Re, rt] = I(void 0), [H, at] = I(0), [me, it] = I(0), Je = Qe(null), st = Qe(null);
+  let Oe, Le;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (Oe = () => {
     const fe = new ResizeObserver((ve) => {
       at(ve[0].target.clientWidth || 620), it(ve[0].target.clientHeight || 480);
     });
     return Je.current && fe.observe(Je.current), () => fe.disconnect();
-  }, Oe = [], e[8] = Le, e[9] = Oe) : (Le = e[8], Oe = e[9]), H(Le, Oe);
-  let Te;
-  e[10] === Symbol.for("react.memo_cache_sentinel") ? (Te = (fe) => {
+  }, Le = [], e[8] = Oe, e[9] = Le) : (Oe = e[8], Le = e[9]), G(Oe, Le);
+  let Pe;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (Pe = (fe) => {
     rt(fe);
-  }, e[10] = Te) : Te = e[10];
-  const ue = pt(Te);
-  let Me;
-  e[11] !== j || e[12] !== ue ? (Me = () => {
-    typeof j == "string" ? Nt(j).then((ve) => {
+  }, e[10] = Pe) : Pe = e[10];
+  const ue = pt(Pe);
+  let ze;
+  e[11] !== j || e[12] !== ue ? (ze = () => {
+    typeof j == "string" ? jt(j).then((ve) => {
       if (j === "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json") {
-        const nt = ve.features.map(Ht);
+        const nt = ve.features.map(It);
         ue(nt);
       } else
         ue(ve.features);
     }) : ue(j.features);
-  }, e[11] = j, e[12] = ue, e[13] = Me) : Me = e[13];
-  let Pe;
-  e[14] !== j ? (Pe = [j], e[14] = j, e[15] = Pe) : Pe = e[15], H(Me, Pe);
-  let ze;
-  e[16] !== s || e[17] !== D?.length || e[18] !== d || e[19] !== O ? (ze = s || (O === "categorical" ? kt(d, "x") : Rt(d.map(It), D?.length || 4)), e[16] = s, e[17] = D?.length, e[18] = d, e[19] = O, e[20] = ze) : ze = e[20];
-  const ge = ze, Xe = u?.graphContainer, Ye = m?.graphContainer;
-  let K;
-  e[21] !== u?.description || e[22] !== u?.title || e[23] !== d || e[24] !== h || e[25] !== l || e[26] !== x || e[27] !== m?.description || e[28] !== m?.title || e[29] !== n ? (K = x || l || h ? /* @__PURE__ */ i.jsx(St, { styles: {
+  }, e[11] = j, e[12] = ue, e[13] = ze) : ze = e[13];
+  let Me;
+  e[14] !== j ? (Me = [j], e[14] = j, e[15] = Me) : Me = e[15], G(ze, Me);
+  let Te;
+  e[16] !== s || e[17] !== D?.length || e[18] !== d || e[19] !== R ? (Te = s || (R === "categorical" ? Nt(d, "x") : kt(d.map(Gt), D?.length || 4)), e[16] = s, e[17] = D?.length, e[18] = d, e[19] = R, e[20] = Te) : Te = e[20];
+  const ge = Te, Xe = u?.graphContainer, Ye = m?.graphContainer;
+  let Q;
+  e[21] !== u?.description || e[22] !== u?.title || e[23] !== d || e[24] !== h || e[25] !== l || e[26] !== x || e[27] !== m?.description || e[28] !== m?.title || e[29] !== n ? (Q = x || l || h ? /* @__PURE__ */ i.jsx(Dt, { styles: {
     title: m?.title,
     description: m?.description
   }, classNames: {
     title: u?.title,
     description: u?.description
-  }, graphTitle: x, graphDescription: l, width: n, graphDownload: void 0, dataDownload: h ? d.map(Gt).filter(Ft).length > 0 ? d.map(Bt).filter(At) : d.filter(Et) : null }) : null, e[21] = u?.description, e[22] = u?.title, e[23] = d, e[24] = h, e[25] = l, e[26] = x, e[27] = m?.description, e[28] = m?.title, e[29] = n, e[30] = K) : K = e[30];
-  let Q;
-  e[31] !== Ve || e[32] !== Be || e[33] !== he || e[34] !== Se || e[35] !== u || e[36] !== Y || e[37] !== w || e[38] !== D || e[39] !== d || e[40] !== v || e[41] !== Ue || e[42] !== ge || e[43] !== Ae || e[44] !== de || e[45] !== _e || e[46] !== se || e[47] !== $e || e[48] !== o || e[49] !== He || e[50] !== Ie || e[51] !== Ze || e[52] !== c || e[53] !== r || e[54] !== y || e[55] !== Re || e[56] !== T || e[57] !== F || e[58] !== X || e[59] !== We || e[60] !== C || e[61] !== Ge || e[62] !== qe || e[63] !== O || e[64] !== pe || e[65] !== Fe || e[66] !== m || e[67] !== me || e[68] !== $ || e[69] !== I || e[70] !== ae || e[71] !== n ? (Q = /* @__PURE__ */ i.jsx(Lt, { ref: Je, children: $ && me && Re ? /* @__PURE__ */ i.jsx(zt, { data: d, globeOffset: $e, polygonData: Re, colorDomain: ge, width: $, height: me, colors: D || (O === "categorical" ? te[I].sequentialColors[`neutralColorsx0${ge.length}`] : te[I].sequentialColors[`neutralColorsx0${ge.length + 1}`]), mapNoDataColor: r, categorical: O === "categorical", mapBorderColor: c, tooltip: ae, mapProperty: y, styles: m, classNames: u, autoRotate: he === !0 ? 1.5 : he === !1 ? 0 : he, enableZoom: Ae, globeMaterial: se, atmosphereColor: Be, colorLegendTitle: w, showColorScale: Fe, hoverStrokeColor: I === "light" ? te.light.grays["gray-700"] : te.light.grays["gray-300"], highlightedIds: Ie, resetSelectionOnDoubleClick: Ge, detailsOnClick: v, onSeriesMouseOver: X, onSeriesMouseClick: F, scale: qe, polygonAltitude: We, centerLat: Se[0], centerLng: Se[1], atmosphereAltitude: Ve, globeCurvatureResolution: _e, fogSettings: de, lights: Ze, highlightedAltitude: He, selectedId: pe, collapseColorScaleByDefault: Y, dimmedOpacity: Ue }) : /* @__PURE__ */ i.jsx("div", { style: {
-    height: `${Math.max(T, o || (C ? T ? (n || $) * C > T ? (n || $) * C : T : (n || $) * C : me))}px`
-  }, className: "flex items-center justify-center", children: /* @__PURE__ */ i.jsx(ht, { "aria-label": "Loading graph" }) }) }), e[31] = Ve, e[32] = Be, e[33] = he, e[34] = Se, e[35] = u, e[36] = Y, e[37] = w, e[38] = D, e[39] = d, e[40] = v, e[41] = Ue, e[42] = ge, e[43] = Ae, e[44] = de, e[45] = _e, e[46] = se, e[47] = $e, e[48] = o, e[49] = He, e[50] = Ie, e[51] = Ze, e[52] = c, e[53] = r, e[54] = y, e[55] = Re, e[56] = T, e[57] = F, e[58] = X, e[59] = We, e[60] = C, e[61] = Ge, e[62] = qe, e[63] = O, e[64] = pe, e[65] = Fe, e[66] = m, e[67] = me, e[68] = $, e[69] = I, e[70] = ae, e[71] = n, e[72] = Q) : Q = e[72];
+  }, graphTitle: x, graphDescription: l, width: n, graphDownload: void 0, dataDownload: h ? d.map(Ft).filter(Bt).length > 0 ? d.map(At).filter(Et) : d.filter(Tt) : null }) : null, e[21] = u?.description, e[22] = u?.title, e[23] = d, e[24] = h, e[25] = l, e[26] = x, e[27] = m?.description, e[28] = m?.title, e[29] = n, e[30] = Q) : Q = e[30];
   let ee;
-  e[73] !== u?.footnote || e[74] !== u?.source || e[75] !== G || e[76] !== g || e[77] !== m?.footnote || e[78] !== m?.source || e[79] !== n ? (ee = g || G ? /* @__PURE__ */ i.jsx(jt, { styles: {
+  e[31] !== Ze || e[32] !== Be || e[33] !== he || e[34] !== Se || e[35] !== u || e[36] !== K || e[37] !== w || e[38] !== D || e[39] !== d || e[40] !== v || e[41] !== qe || e[42] !== ge || e[43] !== Ae || e[44] !== de || e[45] !== Ve || e[46] !== se || e[47] !== $e || e[48] !== o || e[49] !== Ue || e[50] !== Ie || e[51] !== _e || e[52] !== c || e[53] !== r || e[54] !== y || e[55] !== Re || e[56] !== O || e[57] !== A || e[58] !== Y || e[59] !== We || e[60] !== C || e[61] !== Ge || e[62] !== He || e[63] !== R || e[64] !== pe || e[65] !== Fe || e[66] !== m || e[67] !== me || e[68] !== H || e[69] !== F || e[70] !== ae || e[71] !== n ? (ee = /* @__PURE__ */ i.jsx(Rt, { ref: Je, children: H && me && Re ? /* @__PURE__ */ i.jsx(Mt, { data: d, globeOffset: $e, polygonData: Re, colorDomain: ge, width: H, height: me, colors: D || (R === "categorical" ? oe[F].sequentialColors[`neutralColorsx0${ge.length}`] : oe[F].sequentialColors[`neutralColorsx0${ge.length + 1}`]), mapNoDataColor: r, categorical: R === "categorical", mapBorderColor: c, tooltip: ae, mapProperty: y, styles: m, classNames: u, autoRotate: he === !0 ? 1.5 : he === !1 ? 0 : he, enableZoom: Ae, globeMaterial: se, atmosphereColor: Be, colorLegendTitle: w, showColorScale: Fe, hoverStrokeColor: F === "light" ? oe.light.grays["gray-700"] : oe.light.grays["gray-300"], highlightedIds: Ie, resetSelectionOnDoubleClick: Ge, detailsOnClick: v, onSeriesMouseOver: Y, onSeriesMouseClick: A, scale: He, polygonAltitude: We, centerLat: Se[0], centerLng: Se[1], atmosphereAltitude: Ze, globeCurvatureResolution: Ve, fogSettings: de, lights: _e, highlightedAltitude: Ue, selectedId: pe, collapseColorScaleByDefault: K, dimmedOpacity: qe }) : /* @__PURE__ */ i.jsx("div", { style: {
+    height: `${Math.max(O, o || (C ? O ? (n || H) * C > O ? (n || H) * C : O : (n || H) * C : me))}px`
+  }, className: "flex items-center justify-center", children: /* @__PURE__ */ i.jsx(ht, { "aria-label": "Loading graph" }) }) }), e[31] = Ze, e[32] = Be, e[33] = he, e[34] = Se, e[35] = u, e[36] = K, e[37] = w, e[38] = D, e[39] = d, e[40] = v, e[41] = qe, e[42] = ge, e[43] = Ae, e[44] = de, e[45] = Ve, e[46] = se, e[47] = $e, e[48] = o, e[49] = Ue, e[50] = Ie, e[51] = _e, e[52] = c, e[53] = r, e[54] = y, e[55] = Re, e[56] = O, e[57] = A, e[58] = Y, e[59] = We, e[60] = C, e[61] = Ge, e[62] = He, e[63] = R, e[64] = pe, e[65] = Fe, e[66] = m, e[67] = me, e[68] = H, e[69] = F, e[70] = ae, e[71] = n, e[72] = ee) : ee = e[72];
+  let te;
+  e[73] !== u?.footnote || e[74] !== u?.source || e[75] !== B || e[76] !== g || e[77] !== m?.footnote || e[78] !== m?.source || e[79] !== n ? (te = g || B ? /* @__PURE__ */ i.jsx(St, { styles: {
     footnote: m?.footnote,
     source: m?.source
   }, classNames: {
     footnote: u?.footnote,
     source: u?.source
-  }, sources: g, footNote: G, width: n }) : null, e[73] = u?.footnote, e[74] = u?.source, e[75] = G, e[76] = g, e[77] = m?.footnote, e[78] = m?.source, e[79] = n, e[80] = ee) : ee = e[80];
+  }, sources: g, footNote: B, width: n }) : null, e[73] = u?.footnote, e[74] = u?.source, e[75] = B, e[76] = g, e[77] = m?.footnote, e[78] = m?.source, e[79] = n, e[80] = te) : te = e[80];
   let Ee;
-  return e[81] !== E || e[82] !== a || e[83] !== ie || e[84] !== o || e[85] !== N || e[86] !== T || e[87] !== P || e[88] !== C || e[89] !== Xe || e[90] !== Ye || e[91] !== K || e[92] !== Q || e[93] !== ee || e[94] !== I || e[95] !== n ? (Ee = /* @__PURE__ */ i.jsxs(Ot, { className: Xe, style: Ye, id: ie, ref: st, "aria-label": E, backgroundColor: a, theme: I, language: N, minHeight: T, width: n, height: o, relativeHeight: C, padding: P, children: [
-    K,
+  return e[81] !== M || e[82] !== a || e[83] !== ie || e[84] !== o || e[85] !== N || e[86] !== O || e[87] !== P || e[88] !== C || e[89] !== Xe || e[90] !== Ye || e[91] !== Q || e[92] !== ee || e[93] !== te || e[94] !== F || e[95] !== n ? (Ee = /* @__PURE__ */ i.jsxs(Ot, { className: Xe, style: Ye, id: ie, ref: st, "aria-label": M, backgroundColor: a, theme: F, language: N, minHeight: O, width: n, height: o, relativeHeight: C, padding: P, children: [
     Q,
-    ee
-  ] }), e[81] = E, e[82] = a, e[83] = ie, e[84] = o, e[85] = N, e[86] = T, e[87] = P, e[88] = C, e[89] = Xe, e[90] = Ye, e[91] = K, e[92] = Q, e[93] = ee, e[94] = I, e[95] = n, e[96] = Ee) : Ee = e[96], Ee;
+    ee,
+    te
+  ] }), e[81] = M, e[82] = a, e[83] = ie, e[84] = o, e[85] = N, e[86] = O, e[87] = P, e[88] = C, e[89] = Xe, e[90] = Ye, e[91] = Q, e[92] = ee, e[93] = te, e[94] = F, e[95] = n, e[96] = Ee) : Ee = e[96], Ee;
 }
-function Et(t) {
+function Tt(t) {
   return t !== void 0;
 }
-function At(t) {
+function Et(t) {
   return t !== void 0;
 }
-function Bt(t) {
+function At(t) {
   return t.data;
 }
-function Ft(t) {
+function Bt(t) {
   return t !== void 0;
 }
-function Gt(t) {
+function Ft(t) {
   return t.data;
 }
-function It(t) {
+function Gt(t) {
   return t.x;
 }
-function Ht(t) {
+function It(t) {
   if (t.geometry.type === "Polygon") {
     const b = [...t.geometry.coordinates[0]].reverse(), x = {
       ...t.geometry,
@@ -419,6 +414,6 @@ function Ht(t) {
   };
 }
 export {
-  po as ThreeDGlobe
+  lo as ThreeDGlobe
 };
 //# sourceMappingURL=ThreeDGlobe.js.map