@undp/data-viz 2.4.1 → 2.5.0

package/dist/ThreeDGlobe.js

@@ -1,29 +1,29 @@
-import { j as i, m as lt, c as ct } from "./index-CHPV5EwG-BzibaIRc.js";
-import { useState as I, useRef as Qe, useEffect as G, useCallback as dt, useEffectEvent as pt } from "react";
-import { w as ht } from "./Spinner-B2IIKg9r.js";
-import mt from "react-globe.gl";
-import { i as ut } from "./index-Bwrro8-q.js";
-import * as H from "three";
-import { _ as et } from "./Typography-BO0gQDIT.js";
-import { g as gt } from "./_commonjsHelpers-ByX85dGu.js";
-import { T as ft } from "./Tooltip-Bj-s__cI.js";
-import { n as vt } from "./numberFormattingFunction-DqMf_v1m.js";
-import { X as yt, E as bt } from "./index-ApTBN0kp.js";
-import { g as xt } from "./getCentroidCoordinates-s0OOUjLF.js";
-import { D as wt } from "./DetailsModal-B2XBWR7w.js";
-import { o as Ct } from "./ordinal-CHaxGJ_l.js";
-import { t as Dt } from "./threshold-DFfqcDMa.js";
-import { GraphHeader as St } from "./GraphHeader.js";
-import { GraphFooter as jt } from "./GraphFooter.js";
-import { f as Nt } from "./fetchAndParseData-BAXhgTDM.js";
-import { Colors as oe } from "./Colors.js";
-import { g as Rt } from "./getUniqValue-DsqSii6M.js";
-import { g as kt } from "./getJenks-DTCcQSDi.js";
-import { a as Ot, G as Et } from "./GraphContainer-B8ZqOzKI.js";
-var Ke, tt;
-function Lt() {
-  if (tt) return Ke;
-  tt = 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 Lt() {
     var f = t(o), s = e(f), w = b(s);
     return D(w, n);
   };
-  return Ke = g, Ke;
+  return Ye = g, Ye;
 }
-var Pt = Lt();
-const ot = /* @__PURE__ */ gt(Pt);
-function zt(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 Mt(t) {
+function zt(t) {
   const {
     width: e,
     autoRotate: d,
@@ -94,12 +94,12 @@ function Mt(t) {
     atmosphereColor: E,
     tooltip: L,
     styles: be,
-    classNames: $,
-    mapNoDataColor: re,
+    classNames: W,
+    mapNoDataColor: ie,
     colorLegendTitle: C,
-    showColorScale: ae,
-    hoverStrokeColor: ie,
-    detailsOnClick: W,
+    showColorScale: se,
+    hoverStrokeColor: ne,
+    detailsOnClick: Z,
     onSeriesMouseClick: V,
     onSeriesMouseOver: xe,
     resetSelectionOnDoubleClick: we,
@@ -107,28 +107,28 @@ function Mt(t) {
     scale: z,
     globeOffset: m,
     polygonAltitude: u,
-    centerLng: Z,
-    centerLat: _,
-    atmosphereAltitude: se,
-    globeCurvatureResolution: J,
+    centerLng: _,
+    centerLat: J,
+    atmosphereAltitude: le,
+    globeCurvatureResolution: X,
     fogSettings: M,
     lights: T,
-    highlightedAltitude: ne,
+    highlightedAltitude: ce,
     selectedId: v,
-    collapseColorScaleByDefault: X,
+    collapseColorScaleByDefault: Y,
     dimmedOpacity: A,
-    locale: le
-  } = t, [ce, Ce] = I(!1), p = Qe(void 0), [R, U] = I(void 0), [De, de] = I(X === void 0 ? !(e < 680) : !X), [Y, K] = 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 ? Ct().domain(g).range(l) : Dt().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] = xt(r);
+      const r = f.find((y) => y.properties[s] === v), [a, c] = bt(r);
       p.current.pointOfView({
         lat: c,
         lng: a,
@@ -139,7 +139,7 @@ function Mt(t) {
     const r = p.current?.renderer().domElement;
     if (!r) return;
     const a = (c) => {
-      K({
+      Q({
         x: c.clientX,
         y: c.clientY
       });
@@ -147,47 +147,47 @@ function Mt(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 = dt(() => {
+  }), 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) => zt(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(mt, { 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 ? ne : 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) : re;
-      return ot(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) : re;
-      return ot(h, `${y}`);
-    }, polygonStrokeColor: (r) => r?.properties?.[s] === N?.id ? ie : 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) && (ut(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: se, 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 Mt(t) {
         r.add(a), k();
       }
     } }),
-    ae === !1 ? null : /* @__PURE__ */ i.jsx("div", { className: lt("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(yt, {}) }),
+        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(et, { 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 Mt(t) {
           /* @__PURE__ */ i.jsx("div", { className: "w-2 h-2 rounded-full", style: {
             backgroundColor: l[a % l.length]
           } }),
-          /* @__PURE__ */ i.jsx(et, { 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 Mt(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: vt(r, void 0, void 0, void 0, void 0, le) })
+            }, 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 Mt(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(bt, {}) }) }),
-    N && L ? /* @__PURE__ */ i.jsx(ft, { data: N, body: L, xPos: Y.x, yPos: Y.y, backgroundStyle: be?.tooltip, className: $?.tooltip }) : null,
-    W && R !== void 0 ? /* @__PURE__ */ i.jsx(wt, { 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 co(t) {
-  const e = ct.c(96), {
+function lo(t) {
+  const e = lt.c(96), {
     data: d,
     mapData: b,
     graphTitle: x,
@@ -256,12 +256,12 @@ function co(t) {
     scaleType: E,
     padding: L,
     mapNoDataColor: be,
-    backgroundColor: $,
-    mapBorderColor: re,
+    backgroundColor: W,
+    mapBorderColor: ie,
     relativeHeight: C,
-    tooltip: ae,
-    graphID: ie,
-    mapProperty: W,
+    tooltip: se,
+    graphID: ne,
+    mapProperty: Z,
     dataDownload: V,
     language: xe,
     minHeight: we,
@@ -269,38 +269,38 @@ function co(t) {
     ariaLabel: z,
     styles: m,
     classNames: u,
-    autoRotate: Z,
-    enableZoom: _,
-    globeMaterial: se,
-    centerPoint: J,
+    autoRotate: _,
+    enableZoom: J,
+    globeMaterial: le,
+    centerPoint: X,
     atmosphereColor: M,
     showColorScale: T,
-    resetSelectionOnDoubleClick: ne,
+    resetSelectionOnDoubleClick: ce,
     detailsOnClick: v,
-    onSeriesMouseOver: X,
+    onSeriesMouseOver: Y,
     onSeriesMouseClick: A,
-    highlightedIds: le,
-    highlightedAltitude: ce,
+    highlightedIds: U,
+    highlightedAltitude: de,
     dimmedOpacity: Ce,
     scale: p,
     globeOffset: R,
-    polygonAltitude: U,
+    polygonAltitude: q,
     globeCurvatureResolution: De,
-    atmosphereAltitude: de,
-    fogSettings: Y,
-    lights: K,
+    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 ? oe.light.graphNoData : be, a = $ === void 0 ? !1 : $, c = re === void 0 ? oe.light.grays["gray-500"] : re, 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, Ae = _ === 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, Be = M === void 0 ? "#999" : M, Fe = T === void 0 ? !0 : T, Ge = ne === void 0 ? !0 : ne, Ie = ce === void 0 ? 0.1 : ce, Ue = Ce === void 0 ? 0.3 : Ce, qe = p === void 0 ? 1 : p;
+  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] !== R ? (Ne = R === void 0 ? [0, 0] : R, e[2] = R, e[3] = Ne) : Ne = e[3];
-  const He = Ne, $e = U === void 0 ? 0.01 : U, We = De === void 0 ? 4 : De, Ve = de === void 0 ? 0.15 : de;
+  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] !== K ? (Re = K === void 0 ? [{
+  e[4] !== Q ? (Re = Q === void 0 ? [{
     type: "ambient",
     color: 4210752,
     intensity: 0.4
@@ -313,26 +313,26 @@ function co(t) {
       y: 10,
       z: 5
     }
-  }] : K, e[4] = K, e[5] = Re) : Re = e[5];
-  const Ze = Re, _e = he === void 0 ? "en" : he, [ke, rt] = I(void 0), [q, at] = I(0), [ue, it] = I(0), Je = Qe(null), st = Qe(null);
+  }] : 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) => {
-      at(ye[0].target.clientWidth || 620), it(ye[0].target.clientHeight || 480);
+      rt(ye[0].target.clientWidth || 620), at(ye[0].target.clientHeight || 480);
     });
-    return Je.current && ve.observe(Je.current), () => ve.disconnect();
+    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) => {
-    rt(ve);
+    ot(ve);
   }, e[8] = Le) : Le = e[8];
-  const ge = pt(Le);
+  const ge = dt(Le);
   let Pe;
   e[9] !== S || e[10] !== ge ? (Pe = () => {
-    typeof S == "string" ? Nt(S).then((ye) => {
+    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 nt = ye.features.map(Ut);
-        ge(nt);
+        const st = ye.features.map(It);
+        ge(st);
       } else
         ge(ye.features);
     }) : ge(S.features);
@@ -340,54 +340,54 @@ function co(t) {
   let ze;
   e[12] !== S ? (ze = [S], e[12] = S, e[13] = ze) : ze = e[13], G(Pe, ze);
   let Me;
-  e[14] !== s || e[15] !== D?.length || e[16] !== d || e[17] !== k ? (Me = s || (k === "categorical" ? Rt(d, "x") : kt(d.map(It), 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, Xe = u?.graphContainer, Ye = m?.graphContainer;
-  let Q;
-  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 ? (Q = x || l || h ? /* @__PURE__ */ i.jsx(St, { 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(Gt).filter(Ft).length > 0 ? d.map(Bt).filter(At) : d.filter(Tt) : 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] = Q) : Q = e[28];
-  let ee;
-  e[29] !== Ve || e[30] !== Be || e[31] !== me || e[32] !== je || e[33] !== u || e[34] !== pe || e[35] !== w || e[36] !== D || e[37] !== d || e[38] !== v || e[39] !== Ue || e[40] !== fe || e[41] !== Ae || e[42] !== Y || e[43] !== We || e[44] !== se || e[45] !== He || e[46] !== o || e[47] !== Ie || e[48] !== le || e[49] !== Ze || e[50] !== _e || e[51] !== c || e[52] !== r || e[53] !== y || e[54] !== ke || e[55] !== O || e[56] !== A || e[57] !== X || 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] !== q || e[68] !== F || e[69] !== ae || e[70] !== n ? (ee = /* @__PURE__ */ i.jsx(Ot, { ref: Je, children: q && ue && ke ? /* @__PURE__ */ i.jsx(Mt, { data: d, globeOffset: He, polygonData: ke, colorDomain: fe, width: q, height: ue, colors: D || (k === "categorical" ? oe[F].sequentialColors[`neutralColorsx0${fe.length}`] : oe[F].sequentialColors[`neutralColorsx0${fe.length + 1}`]), mapNoDataColor: r, categorical: k === "categorical", mapBorderColor: c, tooltip: ae, mapProperty: y, styles: m, classNames: u, autoRotate: me === !0 ? 1.5 : me === !1 ? 0 : me, enableZoom: Ae, globeMaterial: se, atmosphereColor: Be, colorLegendTitle: w, showColorScale: Fe, hoverStrokeColor: F === "light" ? oe.light.grays["gray-700"] : oe.light.grays["gray-300"], highlightedIds: le, resetSelectionOnDoubleClick: Ge, detailsOnClick: v, onSeriesMouseOver: X, onSeriesMouseClick: A, scale: qe, polygonAltitude: $e, centerLat: je[0], centerLng: je[1], atmosphereAltitude: Ve, globeCurvatureResolution: We, fogSettings: Y, lights: Ze, highlightedAltitude: Ie, selectedId: N, collapseColorScaleByDefault: pe, dimmedOpacity: Ue, locale: _e }) : /* @__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(ht, { "aria-label": "Loading graph" }) }) }), e[29] = Ve, e[30] = Be, e[31] = me, e[32] = je, e[33] = u, e[34] = pe, e[35] = w, e[36] = D, e[37] = d, e[38] = v, e[39] = Ue, e[40] = fe, e[41] = Ae, e[42] = Y, e[43] = We, e[44] = se, e[45] = He, e[46] = o, e[47] = Ie, e[48] = le, e[49] = Ze, e[50] = _e, e[51] = c, e[52] = r, e[53] = y, e[54] = ke, e[55] = O, e[56] = A, e[57] = X, 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] = q, e[68] = F, e[69] = ae, e[70] = n, e[71] = ee) : ee = e[71];
-  let te;
-  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 ? (te = g || B ? /* @__PURE__ */ i.jsx(jt, { styles: {
+  }, 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[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[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] = te) : te = e[79];
+  }, 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] !== ie || e[83] !== o || e[84] !== j || e[85] !== O || e[86] !== L || e[87] !== C || e[88] !== Xe || e[89] !== Ye || e[90] !== Q || e[91] !== ee || e[92] !== te || e[93] !== F || e[94] !== n ? (Te = /* @__PURE__ */ i.jsxs(Et, { className: Xe, style: Ye, id: ie, ref: st, "aria-label": z, backgroundColor: a, theme: F, language: j, minHeight: O, width: n, height: o, relativeHeight: C, padding: L, children: [
-    Q,
-    ee,
-    te
-  ] }), e[80] = z, e[81] = a, e[82] = ie, e[83] = o, e[84] = j, e[85] = O, e[86] = L, e[87] = C, e[88] = Xe, e[89] = Ye, e[90] = Q, e[91] = ee, e[92] = te, e[93] = F, e[94] = n, e[95] = Te) : Te = e[95], 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,
+    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 Tt(t) {
+function Mt(t) {
   return t !== void 0;
 }
-function At(t) {
+function Tt(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 Ut(t) {
+function It(t) {
   if (t.geometry.type === "Polygon") {
     const b = [...t.geometry.coordinates[0]].reverse(), x = {
       ...t.geometry,
@@ -413,6 +413,6 @@ function Ut(t) {
   };
 }
 export {
-  co as ThreeDGlobe
+  lo as ThreeDGlobe
 };
 //# sourceMappingURL=ThreeDGlobe.js.map