@undp/data-viz 2.4.0 → 2.5.0

package/dist/ThreeDGlobe.js

@@ -1,29 +1,29 @@
-import { j as i, m as dt, c as pt } from "./index-CHPV5EwG-BzibaIRc.js";
-import { useState as I, useRef as tt, useEffect as G, useCallback as ht, useEffectEvent as mt } from "react";
-import { w as ut } from "./Spinner-B2IIKg9r.js";
-import gt from "react-globe.gl";
-import { i as ft } from "./index-Bwrro8-q.js";
-import * as H from "three";
-import { _ as ot } from "./Typography-BO0gQDIT.js";
-import { g as vt } from "./_commonjsHelpers-ByX85dGu.js";
-import { T as yt } from "./Tooltip-Bj-s__cI.js";
-import { n as bt } from "./numberFormattingFunction-DqMf_v1m.js";
-import { X as xt, E as wt } from "./index-ApTBN0kp.js";
-import { g as Ct } from "./getCentroidCoordinates-s0OOUjLF.js";
-import { D as Dt } from "./DetailsModal-B2XBWR7w.js";
-import { o as St } from "./ordinal-CHaxGJ_l.js";
-import { t as jt } from "./threshold-DFfqcDMa.js";
-import { GraphHeader as Nt } from "./GraphHeader.js";
-import { GraphFooter as Rt } from "./GraphFooter.js";
-import { f as kt } from "./fetchAndParseData-BAXhgTDM.js";
-import { Colors as re } from "./Colors.js";
-import { g as Ot } from "./getUniqValue-DsqSii6M.js";
-import { g as Et } from "./getJenks-DTCcQSDi.js";
-import { a as Lt, G as Pt } from "./GraphContainer-B8ZqOzKI.js";
-var et, rt;
-function zt() {
-  if (rt) return et;
-  rt = 1;
+import { j as i, m as nt, c as lt } from "./index-CHPV5EwG-BzibaIRc.js";
+import { useState as I, useRef as Ke, useEffect as G, useCallback as ct, useEffectEvent as dt } from "react";
+import { w as pt } from "./Spinner-B2IIKg9r.js";
+import ht from "react-globe.gl";
+import { i as mt } from "./index-Bwrro8-q.js";
+import * as $ from "three";
+import { _ as Qe } from "./Typography-BO0gQDIT.js";
+import { g as ut } from "./_commonjsHelpers-ByX85dGu.js";
+import { T as gt } from "./Tooltip-3EYDVa3w.js";
+import { n as ft } from "./numberFormattingFunction-BUUV_luR.js";
+import { X as vt, E as yt } from "./index-ApTBN0kp.js";
+import { g as bt } from "./getCentroidCoordinates-s0OOUjLF.js";
+import { D as xt } from "./DetailsModal-GqEbGHY2.js";
+import { o as wt } from "./ordinal-CHaxGJ_l.js";
+import { t as Ct } from "./threshold-DFfqcDMa.js";
+import { GraphHeader as Dt } from "./GraphHeader.js";
+import { GraphFooter as St } from "./GraphFooter.js";
+import { f as jt } from "./fetchAndParseData-BAXhgTDM.js";
+import { Colors as ae } from "./Colors.js";
+import { g as Nt } from "./getUniqValue-DsqSii6M.js";
+import { g as Rt } from "./getJenks-DTCcQSDi.js";
+import { a as kt, G as Ot } from "./GraphContainer-B8ZqOzKI.js";
+var Ye, et;
+function Et() {
+  if (et) return Ye;
+  et = 1;
   var t = function(o) {
     return o.charAt(0) === "#" ? o.slice(1) : o;
   }, e = function(o) {
@@ -53,31 +53,31 @@ function zt() {
     var f = t(o), s = e(f), w = b(s);
     return D(w, n);
   };
-  return et = g, et;
+  return Ye = g, Ye;
 }
-var Mt = zt();
-const at = /* @__PURE__ */ vt(Mt);
-function Tt(t) {
+var Lt = Et();
+const tt = /* @__PURE__ */ ut(Lt);
+function Pt(t) {
   let e;
   switch (t.type) {
     case "ambient":
-      e = new H.AmbientLight(t.color, t.intensity);
+      e = new $.AmbientLight(t.color, t.intensity);
       break;
     case "directional":
-      e = new H.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 H.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 H.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 At(t) {
+function zt(t) {
   const {
     width: e,
     autoRotate: d,
@@ -94,12 +94,12 @@ function At(t) {
     atmosphereColor: E,
     tooltip: L,
     styles: be,
-    classNames: $,
-    mapNoDataColor: ae,
+    classNames: W,
+    mapNoDataColor: ie,
     colorLegendTitle: C,
-    showColorScale: ie,
-    hoverStrokeColor: se,
-    detailsOnClick: W,
+    showColorScale: se,
+    hoverStrokeColor: ne,
+    detailsOnClick: Z,
     onSeriesMouseClick: V,
     onSeriesMouseOver: xe,
     resetSelectionOnDoubleClick: we,
@@ -107,28 +107,28 @@ function At(t) {
     scale: z,
     globeOffset: m,
     polygonAltitude: u,
-    centerLng: Z,
-    centerLat: _,
-    atmosphereAltitude: ne,
-    globeCurvatureResolution: J,
+    centerLng: _,
+    centerLat: J,
+    atmosphereAltitude: le,
+    globeCurvatureResolution: X,
     fogSettings: M,
     lights: T,
-    highlightedAltitude: le,
+    highlightedAltitude: ce,
     selectedId: v,
-    collapseColorScaleByDefault: X,
+    collapseColorScaleByDefault: Y,
     dimmedOpacity: A,
-    locale: Y
-  } = t, [ce, Ce] = I(!1), p = tt(void 0), [R, U] = I(void 0), [De, de] = I(X === void 0 ? !(e < 680) : !X), [K, Q] = I({
+    numberDisplayOptions: U
+  } = t, [de, Ce] = I(!1), p = Ke(void 0), [R, q] = I(void 0), [De, pe] = I(Y === void 0 ? !(e < 680) : !Y), [K, Q] = I({
     x: 0,
     y: 0
-  }), [N, pe] = I(void 0), he = D ? St().domain(g).range(l) : jt().domain(g).range(l);
+  }), [N, he] = I(void 0), ee = D ? wt().domain(g).range(l) : Ct().domain(g).range(l);
   G(() => {
     p.current && (p.current.controls().enableZoom = x);
   }, [x]), G(() => {
     p.current && (N || v ? p.current.controls().autoRotate = !1 : (p.current.controls().autoRotate = d !== 0, p.current.controls().autoRotateSpeed = d));
   }, [N, v, d]), G(() => {
     if (p.current && v) {
-      const r = f.find((y) => y.properties[s] === v), [a, c] = Ct(r);
+      const r = f.find((y) => y.properties[s] === v), [a, c] = bt(r);
       p.current.pointOfView({
         lat: c,
         lng: a,
@@ -147,47 +147,47 @@ function At(t) {
     return r.addEventListener("mousemove", a), () => r.removeEventListener("mousemove", a);
   }, []), G(() => {
     p.current && p.current.pointOfView({
-      lat: _,
-      lng: Z,
+      lat: J,
+      lng: _,
       altitude: z
     }, 1e3);
-  }, [z, Z, _]);
-  const S = o || new H.MeshBasicMaterial({
+  }, [z, _, J]);
+  const S = o || new $.MeshBasicMaterial({
     color: "#FFF"
-  }), B = ht(() => {
+  }), B = ct(() => {
     if (!p.current) return;
     const r = p.current.scene(), a = p.current.camera();
     let c = [];
     r.traverse((h) => {
-      h instanceof H.Light && c.push(h);
-    }), c = [...c, ...a.children], c.forEach((h) => h.parent?.remove(h)), T.map((h) => Tt(h)).forEach((h, j) => {
+      h instanceof $.Light && c.push(h);
+    }), c = [...c, ...a.children], c.forEach((h) => h.parent?.remove(h)), T.map((h) => Pt(h)).forEach((h, j) => {
       T[j].type !== "ambient" && T[j].position === "camera" ? (a.add(h), T[j].type !== "point" && a.add(h.target)) : r.add(h);
-    }), M && (r.fog = new H.Fog(M.color, M.near, M.far));
+    }), M && (r.fog = new $.Fog(M.color, M.near, M.far));
   }, [T, M]), k = () => {
     Ce(!0), B();
   };
   return G(() => {
-    ce && B();
-  }, [ce, B]), /* @__PURE__ */ i.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ i.jsx(gt, { ref: p, height: n, width: e, globeOffset: m, lineHoverPrecision: 0, polygonsData: f, polygonAltitude: (r) => P?.includes(r?.properties?.[s]) || r?.properties?.[s] === v || r?.properties?.[s] === N?.id || r?.properties?.[s] === R?.id ? le : u, polygonCapColor: (r) => {
-      const a = v ? r?.properties?.[s] === v ? 1 : A : P ? P.includes(r?.properties?.[s]) ? 1 : A : 1, c = r?.properties?.[s], y = b.find((j) => j.id === c)?.x, h = y != null ? he(y) : ae;
-      return at(h, `${a}`);
+    de && B();
+  }, [de, B]), /* @__PURE__ */ i.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ i.jsx(ht, { ref: p, height: n, width: e, globeOffset: m, lineHoverPrecision: 0, polygonsData: f, polygonAltitude: (r) => P?.includes(r?.properties?.[s]) || r?.properties?.[s] === v || r?.properties?.[s] === N?.id || r?.properties?.[s] === R?.id ? ce : u, polygonCapColor: (r) => {
+      const a = v ? r?.properties?.[s] === v ? 1 : A : P ? P.includes(r?.properties?.[s]) ? 1 : A : 1, c = r?.properties?.[s], y = b.find((j) => j.id === c)?.x, h = y != null ? ee(y) : ie;
+      return tt(h, `${a}`);
     }, polygonSideColor: (r) => {
-      const a = r?.properties?.[s], c = b.find((j) => j.id === a)?.x, y = v ? r?.properties?.[s] === v ? 1 : A : P ? P.includes(r?.properties?.[s]) ? 1 : A : 1, h = c != null ? he(c) : ae;
-      return at(h, `${y}`);
-    }, polygonStrokeColor: (r) => r?.properties?.[s] === N?.id ? se : w, onGlobeClick: () => {
-      U(void 0);
+      const a = r?.properties?.[s], c = b.find((j) => j.id === a)?.x, y = v ? r?.properties?.[s] === v ? 1 : A : P ? P.includes(r?.properties?.[s]) ? 1 : A : 1, h = c != null ? ee(c) : ie;
+      return tt(h, `${y}`);
+    }, polygonStrokeColor: (r) => r?.properties?.[s] === N?.id ? ne : w, onGlobeClick: () => {
+      q(void 0);
     }, onPolygonClick: (r) => {
       const a = r?.properties?.[s] ? b.find((c) => c.id === r?.properties?.[s]) : void 0;
-      (V || W) && (ft(R, a) && we && a ? (U(void 0), V?.(void 0)) : (U(a), V?.(a)));
+      (V || Z) && (mt(R, a) && we && a ? (q(void 0), V?.(void 0)) : (q(a), V?.(a)));
     }, onPolygonHover: (r) => {
       const a = r?.properties?.[s] ? b.find((c) => c.id === r?.properties?.[s]) : void 0;
-      pe(a), xe?.(a);
-    }, atmosphereColor: E, atmosphereAltitude: ne, globeCurvatureResolution: J, globeMaterial: S, backgroundColor: "rgba(0, 0, 0, 0)", polygonsTransitionDuration: 100, onGlobeReady: () => {
+      he(a), xe?.(a);
+    }, atmosphereColor: E, atmosphereAltitude: le, globeCurvatureResolution: X, globeMaterial: S, backgroundColor: "rgba(0, 0, 0, 0)", polygonsTransitionDuration: 100, onGlobeReady: () => {
       if (p.current) {
         p.current.pointOfView({
-          lat: _,
-          lng: Z
+          lat: J,
+          lng: _
         });
         const r = p.current.scene();
         setTimeout(() => {
@@ -200,14 +200,14 @@ function At(t) {
         r.add(a), k();
       }
     } }),
-    ie === !1 ? null : /* @__PURE__ */ i.jsx("div", { className: dt("absolute left-4 bottom-4 map-color-legend", $?.colorLegend), children: De ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    se === !1 ? null : /* @__PURE__ */ i.jsx("div", { className: nt("absolute left-4 bottom-4 map-color-legend", W?.colorLegend), children: De ? /* @__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: () => {
-        de(!1);
-      }, children: /* @__PURE__ */ i.jsx(xt, {}) }),
+        pe(!1);
+      }, children: /* @__PURE__ */ i.jsx(vt, {}) }),
       /* @__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: [
-        C && C !== "" ? /* @__PURE__ */ i.jsx(ot, { size: "xs", marginBottom: "xs", className: "p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300", style: {
+        C && C !== "" ? /* @__PURE__ */ i.jsx(Qe, { size: "xs", marginBottom: "xs", className: "p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300", style: {
           display: "-webkit-box",
           WebkitLineClamp: "1",
           WebkitBoxOrient: "vertical"
@@ -216,7 +216,7 @@ function At(t) {
           /* @__PURE__ */ i.jsx("div", { className: "w-2 h-2 rounded-full", style: {
             backgroundColor: l[a % l.length]
           } }),
-          /* @__PURE__ */ i.jsx(ot, { size: "sm", marginBottom: "none", leading: "none", children: r })
+          /* @__PURE__ */ i.jsx(Qe, { size: "sm", marginBottom: "none", leading: "none", children: r })
         ] }, a)) }) : /* @__PURE__ */ i.jsx("svg", { width: "100%", viewBox: "0 0 320 30", direction: "ltr", children: /* @__PURE__ */ i.jsxs("g", { children: [
           g.map((r, a) => /* @__PURE__ */ i.jsxs("g", { className: "cursor-pointer", children: [
             /* @__PURE__ */ i.jsx("rect", { x: a * 320 / l.length + 1, y: 1, width: 320 / l.length - 2, height: 8, style: {
@@ -225,7 +225,7 @@ function At(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: bt(r, void 0, void 0, void 0, void 0, Y) })
+            }, children: ft(r, void 0, U?.precision ?? 2, void 0, void 0, U?.locale || "en", U?.padZeros || !1) })
           ] }, 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],
@@ -234,14 +234,14 @@ function At(t) {
         ] }) })
       ] })
     ] }) : /* @__PURE__ */ i.jsx("button", { type: "button", className: "p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button", onClick: () => {
-      de(!0);
-    }, children: /* @__PURE__ */ i.jsx(wt, {}) }) }),
-    N && L ? /* @__PURE__ */ i.jsx(yt, { data: N, body: L, xPos: K.x, yPos: K.y, backgroundStyle: be?.tooltip, className: $?.tooltip }) : null,
-    W && R !== void 0 ? /* @__PURE__ */ i.jsx(Dt, { body: W, data: R, setData: U, className: $?.modal }) : null
+      pe(!0);
+    }, children: /* @__PURE__ */ i.jsx(yt, {}) }) }),
+    N && L ? /* @__PURE__ */ i.jsx(gt, { data: N, body: L, xPos: K.x, yPos: K.y, backgroundStyle: be?.tooltip, className: W?.tooltip }) : null,
+    Z && R !== void 0 ? /* @__PURE__ */ i.jsx(xt, { body: Z, data: R, setData: q, className: W?.modal }) : null
   ] });
 }
-function ho(t) {
-  const e = pt.c(98), {
+function lo(t) {
+  const e = lt.c(96), {
     data: d,
     mapData: b,
     graphTitle: x,
@@ -256,12 +256,12 @@ function ho(t) {
     scaleType: E,
     padding: L,
     mapNoDataColor: be,
-    backgroundColor: $,
-    mapBorderColor: ae,
+    backgroundColor: W,
+    mapBorderColor: ie,
     relativeHeight: C,
-    tooltip: ie,
-    graphID: se,
-    mapProperty: W,
+    tooltip: se,
+    graphID: ne,
+    mapProperty: Z,
     dataDownload: V,
     language: xe,
     minHeight: we,
@@ -269,41 +269,38 @@ function ho(t) {
     ariaLabel: z,
     styles: m,
     classNames: u,
-    autoRotate: Z,
-    enableZoom: _,
-    globeMaterial: ne,
-    centerPoint: J,
+    autoRotate: _,
+    enableZoom: J,
+    globeMaterial: le,
+    centerPoint: X,
     atmosphereColor: M,
     showColorScale: T,
-    resetSelectionOnDoubleClick: le,
+    resetSelectionOnDoubleClick: ce,
     detailsOnClick: v,
-    onSeriesMouseOver: X,
+    onSeriesMouseOver: Y,
     onSeriesMouseClick: A,
-    highlightedIds: Y,
-    highlightedAltitude: ce,
+    highlightedIds: U,
+    highlightedAltitude: de,
     dimmedOpacity: Ce,
     scale: p,
     globeOffset: R,
-    polygonAltitude: U,
+    polygonAltitude: q,
     globeCurvatureResolution: De,
-    atmosphereAltitude: de,
+    atmosphereAltitude: pe,
     fogSettings: K,
     lights: Q,
     selectedId: N,
-    collapseColorScaleByDefault: pe,
-    locale: he
-  } = t, S = 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, k = E === void 0 ? "threshold" : E, r = be === void 0 ? re.light.graphNoData : be, a = $ === void 0 ? !1 : $, c = ae === void 0 ? re.light.grays["gray-500"] : ae, y = W === void 0 ? "ISO3" : W, h = V === void 0 ? !1 : V, j = xe === void 0 ? "en" : xe, O = we === void 0 ? 0 : we, F = P === void 0 ? "light" : P, me = Z === void 0 ? !0 : Z, Be = _ === void 0 ? !0 : _;
+    collapseColorScaleByDefault: he,
+    numberDisplayOptions: ee
+  } = t, S = 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, k = E === void 0 ? "threshold" : E, r = be === void 0 ? ae.light.graphNoData : be, a = W === void 0 ? !1 : W, c = ie === void 0 ? ae.light.grays["gray-500"] : ie, y = Z === void 0 ? "ISO3" : Z, h = V === void 0 ? !1 : V, j = xe === void 0 ? "en" : xe, O = we === void 0 ? 0 : we, F = P === void 0 ? "light" : P, me = _ === void 0 ? !0 : _, Ae = J === void 0 ? !0 : J;
   let Se;
-  e[0] !== J ? (Se = J === void 0 ? [0, 0] : J, e[0] = J, e[1] = Se) : Se = e[1];
-  const je = Se, Fe = M === void 0 ? "#999" : M, Ge = T === void 0 ? !0 : T, Ie = le === void 0 ? !0 : le;
+  e[0] !== X ? (Se = X === void 0 ? [0, 0] : X, e[0] = X, e[1] = Se) : Se = e[1];
+  const je = Se, Be = M === void 0 ? "#999" : M, Fe = T === void 0 ? !0 : T, Ge = ce === void 0 ? !0 : ce, Ie = de === void 0 ? 0.1 : de, Ue = Ce === void 0 ? 0.3 : Ce, qe = p === void 0 ? 1 : p;
   let Ne;
-  e[2] !== Y ? (Ne = Y === void 0 ? [] : Y, e[2] = Y, e[3] = Ne) : Ne = e[3];
-  const Ue = Ne, qe = ce === void 0 ? 0.1 : ce, He = Ce === void 0 ? 0.3 : Ce, $e = p === void 0 ? 1 : p;
+  e[2] !== R ? (Ne = R === void 0 ? [0, 0] : R, e[2] = R, e[3] = Ne) : Ne = e[3];
+  const He = Ne, $e = q === void 0 ? 0.01 : q, We = De === void 0 ? 4 : De, Ze = pe === void 0 ? 0.15 : pe;
   let Re;
-  e[4] !== R ? (Re = R === void 0 ? [0, 0] : R, e[4] = R, e[5] = Re) : Re = e[5];
-  const We = Re, Ve = U === void 0 ? 0.01 : U, Ze = De === void 0 ? 4 : De, _e = de === void 0 ? 0.15 : de;
-  let ke;
-  e[6] !== Q ? (ke = Q === void 0 ? [{
+  e[4] !== Q ? (Re = Q === void 0 ? [{
     type: "ambient",
     color: 4210752,
     intensity: 0.4
@@ -316,81 +313,81 @@ function ho(t) {
       y: 10,
       z: 5
     }
-  }] : Q, e[6] = Q, e[7] = ke) : ke = e[7];
-  const Je = ke, Xe = he === void 0 ? "en" : he, [Oe, it] = I(void 0), [q, st] = I(0), [ue, nt] = I(0), Ye = tt(null), lt = tt(null);
-  let Ee, Le;
-  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Ee = () => {
+  }] : Q, e[4] = Q, e[5] = Re) : Re = e[5];
+  const Ve = Re, [ke, ot] = I(void 0), [H, rt] = I(0), [ue, at] = I(0), _e = Ke(null), it = Ke(null);
+  let Oe, Ee;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Oe = () => {
     const ve = new ResizeObserver((ye) => {
-      st(ye[0].target.clientWidth || 620), nt(ye[0].target.clientHeight || 480);
+      rt(ye[0].target.clientWidth || 620), at(ye[0].target.clientHeight || 480);
     });
-    return Ye.current && ve.observe(Ye.current), () => ve.disconnect();
-  }, Le = [], e[8] = Ee, e[9] = Le) : (Ee = e[8], Le = e[9]), G(Ee, Le);
+    return _e.current && ve.observe(_e.current), () => ve.disconnect();
+  }, Ee = [], e[6] = Oe, e[7] = Ee) : (Oe = e[6], Ee = e[7]), G(Oe, Ee);
+  let Le;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Le = (ve) => {
+    ot(ve);
+  }, e[8] = Le) : Le = e[8];
+  const ge = dt(Le);
   let Pe;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Pe = (ve) => {
-    it(ve);
-  }, e[10] = Pe) : Pe = e[10];
-  const ge = mt(Pe);
-  let ze;
-  e[11] !== S || e[12] !== ge ? (ze = () => {
-    typeof S == "string" ? kt(S).then((ye) => {
+  e[9] !== S || e[10] !== ge ? (Pe = () => {
+    typeof S == "string" ? jt(S).then((ye) => {
       if (S === "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json") {
-        const ct = ye.features.map(Ht);
-        ge(ct);
+        const st = ye.features.map(It);
+        ge(st);
       } else
         ge(ye.features);
     }) : ge(S.features);
-  }, e[11] = S, e[12] = ge, e[13] = ze) : ze = e[13];
+  }, e[9] = S, e[10] = ge, e[11] = Pe) : Pe = e[11];
+  let ze;
+  e[12] !== S ? (ze = [S], e[12] = S, e[13] = ze) : ze = e[13], G(Pe, ze);
   let Me;
-  e[14] !== S ? (Me = [S], e[14] = S, e[15] = Me) : Me = e[15], G(ze, Me);
-  let Te;
-  e[16] !== s || e[17] !== D?.length || e[18] !== d || e[19] !== k ? (Te = s || (k === "categorical" ? Ot(d, "x") : Et(d.map(qt), D?.length || 4)), e[16] = s, e[17] = D?.length, e[18] = d, e[19] = k, e[20] = Te) : Te = e[20];
-  const fe = Te, Ke = u?.graphContainer, Qe = m?.graphContainer;
-  let ee;
-  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 ? (ee = x || l || h ? /* @__PURE__ */ i.jsx(Nt, { styles: {
+  e[14] !== s || e[15] !== D?.length || e[16] !== d || e[17] !== k ? (Me = s || (k === "categorical" ? Nt(d, "x") : Rt(d.map(Gt), D?.length || 4)), e[14] = s, e[15] = D?.length, e[16] = d, e[17] = k, e[18] = Me) : Me = e[18];
+  const fe = Me, Je = u?.graphContainer, Xe = m?.graphContainer;
+  let te;
+  e[19] !== u?.description || e[20] !== u?.title || e[21] !== d || e[22] !== h || e[23] !== l || e[24] !== x || e[25] !== m?.description || e[26] !== m?.title || e[27] !== n ? (te = 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(Ut).filter(It).length > 0 ? d.map(Gt).filter(Ft) : d.filter(Bt) : 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] = ee) : ee = e[30];
-  let te;
-  e[31] !== _e || e[32] !== Fe || e[33] !== me || e[34] !== je || e[35] !== u || e[36] !== pe || e[37] !== w || e[38] !== D || e[39] !== d || e[40] !== v || e[41] !== He || e[42] !== fe || e[43] !== Be || e[44] !== K || e[45] !== Ze || e[46] !== ne || e[47] !== We || e[48] !== o || e[49] !== qe || e[50] !== Ue || e[51] !== Je || e[52] !== Xe || e[53] !== c || e[54] !== r || e[55] !== y || e[56] !== Oe || e[57] !== O || e[58] !== A || e[59] !== X || e[60] !== Ve || e[61] !== C || e[62] !== Ie || e[63] !== $e || e[64] !== k || e[65] !== N || e[66] !== Ge || e[67] !== m || e[68] !== ue || e[69] !== q || e[70] !== F || e[71] !== ie || e[72] !== n ? (te = /* @__PURE__ */ i.jsx(Lt, { ref: Ye, children: q && ue && Oe ? /* @__PURE__ */ i.jsx(At, { data: d, globeOffset: We, polygonData: Oe, colorDomain: fe, width: q, height: ue, colors: D || (k === "categorical" ? re[F].sequentialColors[`neutralColorsx0${fe.length}`] : re[F].sequentialColors[`neutralColorsx0${fe.length + 1}`]), mapNoDataColor: r, categorical: k === "categorical", mapBorderColor: c, tooltip: ie, mapProperty: y, styles: m, classNames: u, autoRotate: me === !0 ? 1.5 : me === !1 ? 0 : me, enableZoom: Be, globeMaterial: ne, atmosphereColor: Fe, colorLegendTitle: w, showColorScale: Ge, hoverStrokeColor: F === "light" ? re.light.grays["gray-700"] : re.light.grays["gray-300"], highlightedIds: Ue, resetSelectionOnDoubleClick: Ie, detailsOnClick: v, onSeriesMouseOver: X, onSeriesMouseClick: A, scale: $e, polygonAltitude: Ve, centerLat: je[0], centerLng: je[1], atmosphereAltitude: _e, globeCurvatureResolution: Ze, fogSettings: K, lights: Je, highlightedAltitude: qe, selectedId: N, collapseColorScaleByDefault: pe, dimmedOpacity: He, locale: Xe }) : /* @__PURE__ */ i.jsx("div", { style: {
-    height: `${Math.max(O, o || (C ? O ? (n || q) * C > O ? (n || q) * C : O : (n || q) * C : ue))}px`
-  }, className: "flex items-center justify-center", children: /* @__PURE__ */ i.jsx(ut, { "aria-label": "Loading graph" }) }) }), e[31] = _e, e[32] = Fe, e[33] = me, e[34] = je, e[35] = u, e[36] = pe, e[37] = w, e[38] = D, e[39] = d, e[40] = v, e[41] = He, e[42] = fe, e[43] = Be, e[44] = K, e[45] = Ze, e[46] = ne, e[47] = We, e[48] = o, e[49] = qe, e[50] = Ue, e[51] = Je, e[52] = Xe, e[53] = c, e[54] = r, e[55] = y, e[56] = Oe, e[57] = O, e[58] = A, e[59] = X, e[60] = Ve, e[61] = C, e[62] = Ie, e[63] = $e, e[64] = k, e[65] = N, e[66] = Ge, e[67] = m, e[68] = ue, e[69] = q, e[70] = F, e[71] = ie, e[72] = n, e[73] = te) : te = e[73];
+  }, graphTitle: x, graphDescription: l, width: n, graphDownload: void 0, dataDownload: h ? d.map(Ft).filter(Bt).length > 0 ? d.map(At).filter(Tt) : d.filter(Mt) : null }) : null, e[19] = u?.description, e[20] = u?.title, e[21] = d, e[22] = h, e[23] = l, e[24] = x, e[25] = m?.description, e[26] = m?.title, e[27] = n, e[28] = te) : te = e[28];
   let oe;
-  e[74] !== u?.footnote || e[75] !== u?.source || e[76] !== B || e[77] !== g || e[78] !== m?.footnote || e[79] !== m?.source || e[80] !== n ? (oe = g || B ? /* @__PURE__ */ i.jsx(Rt, { styles: {
+  e[29] !== Ze || e[30] !== Be || e[31] !== me || e[32] !== je || e[33] !== u || e[34] !== he || e[35] !== w || e[36] !== D || e[37] !== d || e[38] !== v || e[39] !== Ue || e[40] !== fe || e[41] !== Ae || e[42] !== K || e[43] !== We || e[44] !== le || e[45] !== He || e[46] !== o || e[47] !== Ie || e[48] !== U || e[49] !== Ve || e[50] !== c || e[51] !== r || e[52] !== y || e[53] !== ke || e[54] !== O || e[55] !== ee || e[56] !== A || e[57] !== Y || e[58] !== $e || e[59] !== C || e[60] !== Ge || e[61] !== qe || e[62] !== k || e[63] !== N || e[64] !== Fe || e[65] !== m || e[66] !== ue || e[67] !== H || e[68] !== F || e[69] !== se || e[70] !== n ? (oe = /* @__PURE__ */ i.jsx(kt, { ref: _e, children: H && ue && ke ? /* @__PURE__ */ i.jsx(zt, { data: d, globeOffset: He, polygonData: ke, colorDomain: fe, width: H, height: ue, colors: D || (k === "categorical" ? ae[F].sequentialColors[`neutralColorsx0${fe.length}`] : ae[F].sequentialColors[`neutralColorsx0${fe.length + 1}`]), mapNoDataColor: r, categorical: k === "categorical", mapBorderColor: c, tooltip: se, mapProperty: y, styles: m, classNames: u, autoRotate: me === !0 ? 1.5 : me === !1 ? 0 : me, enableZoom: Ae, globeMaterial: le, atmosphereColor: Be, colorLegendTitle: w, showColorScale: Fe, hoverStrokeColor: F === "light" ? ae.light.grays["gray-700"] : ae.light.grays["gray-300"], highlightedIds: U, resetSelectionOnDoubleClick: Ge, detailsOnClick: v, onSeriesMouseOver: Y, onSeriesMouseClick: A, scale: qe, polygonAltitude: $e, centerLat: je[0], centerLng: je[1], atmosphereAltitude: Ze, globeCurvatureResolution: We, fogSettings: K, lights: Ve, highlightedAltitude: Ie, selectedId: N, collapseColorScaleByDefault: he, dimmedOpacity: Ue, numberDisplayOptions: ee }) : /* @__PURE__ */ i.jsx("div", { style: {
+    height: `${Math.max(O, o || (C ? O ? (n || H) * C > O ? (n || H) * C : O : (n || H) * C : ue))}px`
+  }, className: "flex items-center justify-center", children: /* @__PURE__ */ i.jsx(pt, { "aria-label": "Loading graph" }) }) }), e[29] = Ze, e[30] = Be, e[31] = me, e[32] = je, e[33] = u, e[34] = he, e[35] = w, e[36] = D, e[37] = d, e[38] = v, e[39] = Ue, e[40] = fe, e[41] = Ae, e[42] = K, e[43] = We, e[44] = le, e[45] = He, e[46] = o, e[47] = Ie, e[48] = U, e[49] = Ve, e[50] = c, e[51] = r, e[52] = y, e[53] = ke, e[54] = O, e[55] = ee, e[56] = A, e[57] = Y, e[58] = $e, e[59] = C, e[60] = Ge, e[61] = qe, e[62] = k, e[63] = N, e[64] = Fe, e[65] = m, e[66] = ue, e[67] = H, e[68] = F, e[69] = se, e[70] = n, e[71] = oe) : oe = e[71];
+  let re;
+  e[72] !== u?.footnote || e[73] !== u?.source || e[74] !== B || e[75] !== g || e[76] !== m?.footnote || e[77] !== m?.source || e[78] !== n ? (re = g || B ? /* @__PURE__ */ i.jsx(St, { styles: {
     footnote: m?.footnote,
     source: m?.source
   }, classNames: {
     footnote: u?.footnote,
     source: u?.source
-  }, sources: g, footNote: B, width: n }) : null, e[74] = u?.footnote, e[75] = u?.source, e[76] = B, e[77] = g, e[78] = m?.footnote, e[79] = m?.source, e[80] = n, e[81] = oe) : oe = e[81];
-  let Ae;
-  return e[82] !== z || e[83] !== a || e[84] !== se || e[85] !== o || e[86] !== j || e[87] !== O || e[88] !== L || e[89] !== C || e[90] !== Ke || e[91] !== Qe || e[92] !== ee || e[93] !== te || e[94] !== oe || e[95] !== F || e[96] !== n ? (Ae = /* @__PURE__ */ i.jsxs(Pt, { className: Ke, style: Qe, id: se, ref: lt, "aria-label": z, backgroundColor: a, theme: F, language: j, minHeight: O, width: n, height: o, relativeHeight: C, padding: L, children: [
-    ee,
+  }, sources: g, footNote: B, width: n }) : null, e[72] = u?.footnote, e[73] = u?.source, e[74] = B, e[75] = g, e[76] = m?.footnote, e[77] = m?.source, e[78] = n, e[79] = re) : re = e[79];
+  let Te;
+  return e[80] !== z || e[81] !== a || e[82] !== ne || e[83] !== o || e[84] !== j || e[85] !== O || e[86] !== L || e[87] !== C || e[88] !== Je || e[89] !== Xe || e[90] !== te || e[91] !== oe || e[92] !== re || e[93] !== F || e[94] !== n ? (Te = /* @__PURE__ */ i.jsxs(Ot, { className: Je, style: Xe, id: ne, ref: it, "aria-label": z, backgroundColor: a, theme: F, language: j, minHeight: O, width: n, height: o, relativeHeight: C, padding: L, children: [
     te,
-    oe
-  ] }), e[82] = z, e[83] = a, e[84] = se, e[85] = o, e[86] = j, e[87] = O, e[88] = L, e[89] = C, e[90] = Ke, e[91] = Qe, e[92] = ee, e[93] = te, e[94] = oe, e[95] = F, e[96] = n, e[97] = Ae) : Ae = e[97], Ae;
+    oe,
+    re
+  ] }), e[80] = z, e[81] = a, e[82] = ne, e[83] = o, e[84] = j, e[85] = O, e[86] = L, e[87] = C, e[88] = Je, e[89] = Xe, e[90] = te, e[91] = oe, e[92] = re, e[93] = F, e[94] = n, e[95] = Te) : Te = e[95], Te;
 }
-function Bt(t) {
+function Mt(t) {
   return t !== void 0;
 }
-function Ft(t) {
+function Tt(t) {
   return t !== void 0;
 }
-function Gt(t) {
+function At(t) {
   return t.data;
 }
-function It(t) {
+function Bt(t) {
   return t !== void 0;
 }
-function Ut(t) {
+function Ft(t) {
   return t.data;
 }
-function qt(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,
@@ -416,6 +413,6 @@ function Ht(t) {
   };
 }
 export {
-  ho as ThreeDGlobe
+  lo as ThreeDGlobe
 };
 //# sourceMappingURL=ThreeDGlobe.js.map