@undp/data-viz 1.4.16 → 1.5.1

package/dist/ThreeDGlobe.js

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