@undp/data-viz 1.4.9 → 1.4.11

package/dist/ThreeDGlobe.js

@@ -1,119 +1,118 @@
-import { j as t, m as pe } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { useRef as ge, useState as L, useEffect as S } from "react";
-import { y as ue } from "./Spinner-C85UF28E.js";
-import fe from "react-globe.gl";
-import { i as ye } from "./index-27yTRcko.js";
-import * as I from "three";
-import { X as xe } from "./Modal-DVVwpKhP.js";
-import { u as de } from "./Typography-Ctgfl1J5.js";
-import { T as ve } from "./Tooltip-DyM5snqx.js";
-import { n as be } from "./numberFormattingFunction-14YCbkN2.js";
-import { X as we } from "./index-BmCqpO1B.js";
-import { s as je } from "./string2HTML-CWHGfz_d.js";
-import { o as Ce } from "./ordinal-w9Lu4Stb.js";
-import { t as De } from "./threshold-DFfqcDMa.js";
-import { GraphHeader as ke } from "./GraphHeader.js";
-import { GraphFooter as Ne } from "./GraphFooter.js";
-import { f as Se } from "./fetchAndParseData-4gsYTy6_.js";
+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 Le } from "./getUniqValue-BtUENB2H.js";
-import { g as Me } from "./getJenks-VhM3GIoC.js";
-function Oe(_) {
+import { g as Me } from "./getUniqValue-BtUENB2H.js";
+import { g as Oe } from "./getJenks-VhM3GIoC.js";
+function Te(_) {
   const {
-    width: p,
-    autoRotate: d,
+    width: x,
+    autoRotate: p,
     data: u,
     enableZoom: E,
-    categorical: M,
+    categorical: O,
     colorDomain: l,
     colors: i,
     globeMaterial: s,
-    height: W,
-    polygonData: Y,
+    height: Y,
+    polygonData: K,
     mapProperty: c,
     mapBorderColor: H,
     atmosphereColor: z,
     tooltip: U,
     styles: v,
-    classNames: K,
-    mapNoDataColor: g,
+    classNames: Q,
+    mapNoDataColor: d,
     colorLegendTitle: $,
-    showColorScale: Q,
-    hoverStrokeColor: ee,
+    showColorScale: ee,
+    hoverStrokeColor: te,
     detailsOnClick: f,
     onSeriesMouseClick: b,
-    onSeriesMouseOver: h,
-    resetSelectionOnDoubleClick: O,
+    onSeriesMouseOver: g,
+    resetSelectionOnDoubleClick: T,
     highlightedIds: q,
-    scale: y,
+    scale: h,
     globeOffset: w,
     polygonAltitude: A,
     centerLng: F,
     centerLat: B,
     atmosphereAltitude: X,
-    globeCurvatureResolution: te,
-    lightColor: T
-  } = _, a = ge(void 0), [D, P] = L(void 0), [oe, V] = L(!(p < 680)), [Z, re] = L({ x: 0, y: 0 }), [j, ie] = L(void 0), J = M ? Ce().domain(l).range(i) : De().domain(l).range(i);
-  S(() => {
-    a?.current && (a.current.controls().autoRotate = d !== 0, a.current.controls().enableZoom = E, a.current.controls().autoRotateSpeed = d);
-  }, [d, E]), S(() => {
-    a.current && (j ? a.current.controls().autoRotate = !1 : a.current.controls().autoRotate = d !== 0);
-  }, [j, d]), S(() => {
+    globeCurvatureResolution: oe,
+    lightColor: G,
+    fogSettings: D
+  } = _, a = he(void 0), [k, P] = M(void 0), [re, V] = M(!(x < 680)), [Z, ie] = M({ x: 0, y: 0 }), [j, ae] = M(void 0), J = 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 = p !== 0, a.current.controls().autoRotateSpeed = p));
+  }, [j, p]), L(() => {
     const e = a.current?.renderer().domElement;
     if (!e) return;
     const o = (r) => {
-      re({ x: r.clientX, y: r.clientY });
+      ie({ x: r.clientX, y: r.clientY });
     };
     return e.addEventListener("mousemove", o), () => e.removeEventListener("mousemove", o);
-  }, []), S(() => {
-    a.current && a.current.pointOfView({ lat: B, lng: F, altitude: y }, 1e3);
-  }, [y, F, B]);
-  const ae = s || new I.MeshBasicMaterial({
+  }, []), L(() => {
+    a.current && a.current.pointOfView({ lat: B, lng: F, altitude: h }, 1e3);
+  }, [h, F, B]);
+  const se = s || new W.MeshBasicMaterial({
     color: "#FFF"
   });
-  return S(() => {
+  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 I.AmbientLight(T, 0.2);
+    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);
+        const y = m.children[1];
+        y && (y.renderOrder = 2);
       });
-    }, 300), e.fog = new I.Fog(T, 150, 300);
-  }, [T]), /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
+    }, 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(
-      fe,
+      ye,
       {
         ref: a,
-        width: p,
-        height: W,
         globeOffset: w,
         lineHoverPrecision: 0,
-        polygonsData: Y,
+        polygonsData: K,
         polygonAltitude: (e) => q.includes(e?.properties?.[c]) ? 0.1 : e?.properties?.[c] === j?.id ? 0.01 : A,
         polygonCapColor: (e) => {
           const o = e?.properties?.[c], r = u.find((m) => m.id === o)?.x;
-          return r != null ? J(r) : g;
+          return r != null ? J(r) : d;
         },
         polygonSideColor: (e) => {
-          const o = e?.properties?.[c], r = u.find((x) => x.id === o)?.x, m = r != null ? J(r) : g;
+          const o = e?.properties?.[c], r = u.find((y) => y.id === o)?.x, m = r != null ? J(r) : d;
           return q.includes(e?.properties?.[c]) ? m : "rgba(100,100,100,0)";
         },
-        polygonStrokeColor: (e) => e?.properties?.[c] === j?.id ? ee : H,
+        polygonStrokeColor: (e) => e?.properties?.[c] === j?.id ? te : H,
         onPolygonClick: (e) => {
           const o = e?.properties?.[c] ? u.find((r) => r.id === e?.properties?.[c]) : void 0;
-          (b || f) && (ye(D, o) && O && o ? (P(void 0), b?.(void 0)) : (P(o), b?.(o))), P(o), b?.(o);
+          (b || f) && (xe(k, o) && T && o ? (P(void 0), b?.(void 0)) : (P(o), b?.(o))), P(o), b?.(o);
         },
         onPolygonHover: (e) => {
           const o = e?.properties?.[c] ? u.find((r) => r.id === e?.properties?.[c]) : void 0;
-          ie(o), h?.(o);
+          ae(o), g?.(o);
         },
         atmosphereColor: z,
         atmosphereAltitude: X,
-        globeCurvatureResolution: te,
-        globeMaterial: ae,
+        globeCurvatureResolution: oe,
+        globeMaterial: se,
         backgroundColor: "rgba(0, 0, 0, 0)",
         polygonsTransitionDuration: 100,
         onGlobeReady: () => {
@@ -127,19 +126,19 @@ function Oe(_) {
               e.children.filter((C) => C.type === "DirectionalLight").map((C) => {
                 e.remove(C);
               });
-              const m = new I.AmbientLight(T, 0.2);
+              const m = new W.AmbientLight(G, 0.2);
               e.add(m), (e.children[3]?.children[0]?.children[4]?.children || []).forEach((C) => {
-                const k = C.children[1];
-                k.renderOrder = 2;
+                const N = C.children[1];
+                N.renderOrder = 2;
               });
             }, 300);
-            const o = new I.DirectionalLight(16777215, 0.1), r = a.current.camera();
+            const o = new W.DirectionalLight(16777215, 0.1), r = a.current.camera();
             o.position.set(0, 0, 1), r.add(o), e.add(r);
           }
         }
       }
     ),
-    Q === !1 ? null : /* @__PURE__ */ t.jsx("div", { className: "absolute left-4 bottom-4", children: oe ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    ee === !1 ? null : /* @__PURE__ */ t.jsx("div", { className: "absolute left-4 bottom-4", children: re ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(
         "div",
         {
@@ -159,7 +158,7 @@ function Oe(_) {
           onClick: () => {
             V(!1);
           },
-          children: /* @__PURE__ */ t.jsx(we, {})
+          children: /* @__PURE__ */ t.jsx(je, {})
         }
       ),
       /* @__PURE__ */ t.jsxs(
@@ -168,11 +167,11 @@ function Oe(_) {
           className: "p-2",
           style: {
             backgroundColor: "rgba(240,240,240, 0.7)",
-            width: M ? void 0 : "340px"
+            width: O ? void 0 : "340px"
           },
           children: [
             $ && $ !== "" ? /* @__PURE__ */ t.jsx(
-              de,
+              ge,
               {
                 size: "xs",
                 marginBottom: "xs",
@@ -185,7 +184,7 @@ function Oe(_) {
                 children: $
               }
             ) : null,
-            M ? /* @__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: [
+            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(
                 "div",
                 {
@@ -193,7 +192,7 @@ function Oe(_) {
                   style: { backgroundColor: i[o % i.length] }
                 }
               ),
-              /* @__PURE__ */ t.jsx(de, { size: "sm", marginBottom: "none", leading: "none", children: e })
+              /* @__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(
@@ -216,7 +215,7 @@ function Oe(_) {
                     y: 25,
                     className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",
                     style: { textAnchor: "middle" },
-                    children: be(e, "NA")
+                    children: we(e, "NA")
                   }
                 )
               ] }, o)),
@@ -249,20 +248,20 @@ function Oe(_) {
       }
     ) }),
     j && U ? /* @__PURE__ */ t.jsx(
-      ve,
+      be,
       {
         data: j,
         body: U,
         xPos: Z.x,
         yPos: Z.y,
         backgroundStyle: v?.tooltip,
-        className: K?.tooltip
+        className: Q?.tooltip
       }
     ) : null,
-    f && D !== void 0 ? /* @__PURE__ */ t.jsx(
-      xe,
+    f && k !== void 0 ? /* @__PURE__ */ t.jsx(
+      ve,
       {
-        open: D !== void 0,
+        open: k !== void 0,
         onClose: () => {
           P(void 0);
         },
@@ -270,107 +269,108 @@ function Oe(_) {
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof f == "string" ? { __html: je(f, D) } : void 0,
-            children: typeof f == "function" ? f(D) : null
+            dangerouslySetInnerHTML: typeof f == "string" ? { __html: Ce(f, k) } : void 0,
+            children: typeof f == "function" ? f(k) : null
           }
         )
       }
     ) : null
   ] });
 }
-function _e(_) {
+function Ye(_) {
   const {
-    data: p,
-    mapData: d = "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json",
+    data: x,
+    mapData: p = "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json",
     graphTitle: u,
     colors: E,
-    sources: M,
+    sources: O,
     graphDescription: l,
     height: i,
     width: s,
-    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: Y,
+    footNote: Y = "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: z,
     mapNoDataColor: U = R.light.graphNoData,
     backgroundColor: v = !1,
-    mapBorderColor: K = R.light.grays["gray-500"],
-    relativeHeight: g,
+    mapBorderColor: Q = R.light.grays["gray-500"],
+    relativeHeight: d,
     tooltip: $,
-    graphID: Q,
-    mapProperty: ee = "ISO3",
+    graphID: ee,
+    mapProperty: te = "ISO3",
     dataDownload: f = !1,
     language: b = "en",
-    minHeight: h = 0,
-    theme: O = "light",
+    minHeight: g = 0,
+    theme: T = "light",
     ariaLabel: q,
-    styles: y,
+    styles: h,
     classNames: w,
     autoRotate: A = !0,
     enableZoom: F = !0,
     globeMaterial: B,
     centerPoint: X = [0, 0],
-    atmosphereColor: te = "#999",
-    showColorScale: T = !0,
-    resetSelectionOnDoubleClick: a = !0,
-    detailsOnClick: D,
-    onSeriesMouseOver: P,
-    onSeriesMouseClick: oe,
-    highlightedIds: V = [],
-    scale: Z = 1,
-    globeOffset: re = [0, 0],
-    polygonAltitude: j = 0.01,
-    globeCurvatureResolution: ie = 4,
-    atmosphereAltitude: J = 0.15,
-    lightColor: ae = "#dce9fe"
-  } = _, [e, o] = L(void 0), [r, m] = L(0), [x, C] = L(0), k = ge(null);
-  S(() => {
-    const n = new ResizeObserver((G) => {
-      m(s || G[0].target.clientWidth || 760), C(i || G[0].target.clientHeight || 480);
+    atmosphereColor: oe = "#999",
+    showColorScale: G = !0,
+    resetSelectionOnDoubleClick: D = !0,
+    detailsOnClick: a,
+    onSeriesMouseOver: k,
+    onSeriesMouseClick: P,
+    highlightedIds: re = [],
+    scale: V = 1,
+    globeOffset: Z = [0, 0],
+    polygonAltitude: ie = 0.01,
+    globeCurvatureResolution: j = 4,
+    atmosphereAltitude: ae = 0.15,
+    lightColor: J = "#dce9fe",
+    fogSettings: se
+  } = _, [e, o] = M(void 0), [r, m] = M(0), [y, 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);
     });
-    return k.current && (C(k.current.clientHeight || 480), m(k.current.clientWidth || 760), s || n.observe(k.current)), () => n.disconnect();
-  }, [s, i]), S(() => {
-    typeof d == "string" ? Se(d).then((G) => {
-      if (d === "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json") {
-        const he = G.features.map((N) => {
-          if (N.geometry.type === "Polygon") {
-            const ne = [...N.geometry.coordinates[0]].reverse(), le = { ...N.geometry, coordinates: [ne] };
-            return { ...N, geometry: le };
+    return N.current && (C(N.current.clientHeight || 480), m(N.current.clientWidth || 760), s || n.observe(N.current)), () => n.disconnect();
+  }, [s, i]), L(() => {
+    typeof p == "string" ? Le(p).then((I) => {
+      if (p === "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 };
           }
-          const ce = [];
-          N.geometry.coordinates.forEach((ne) => {
-            const le = [...ne[0]].reverse();
-            ce.push([le]);
+          const de = [];
+          S.geometry.coordinates.forEach((le) => {
+            const ce = [...le[0]].reverse();
+            de.push([ce]);
           });
-          const me = { ...N.geometry, coordinates: ce };
-          return { ...N, geometry: me };
+          const pe = { ...S.geometry, coordinates: de };
+          return { ...S, geometry: pe };
         });
-        o(he);
-      } else o(G.features);
-    }) : o(d.features);
-  }, [d]);
-  const se = Y || (H === "categorical" ? Le(p, "x") : Me(
-    p.map((n) => n.x),
+        o(me);
+      } else o(I.features);
+    }) : o(p.features);
+  }, [p]);
+  const ne = K || (H === "categorical" ? Me(x, "x") : Oe(
+    x.map((n) => n.x),
     E?.length || 4
   ));
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: `${O || "light"} flex  ${s ? "w-fit grow-0" : "w-full grow"}`,
+      className: `${T || "light"} flex  ${s ? "w-fit grow-0" : "w-full grow"}`,
       dir: b === "he" || b === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ t.jsx(
         "div",
         {
-          className: pe(
+          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"}`,
             w?.graphContainer
           ),
           style: {
-            ...y?.graphContainer || {},
+            ...h?.graphContainer || {},
             ...v && v !== !0 ? { backgroundColor: v } : {}
           },
-          id: Q,
+          id: ee,
           "aria-label": q || `${u ? `The graph shows ${u}. ` : ""}This is a map.${l ? ` ${l}` : ""}`,
           children: /* @__PURE__ */ t.jsx(
             "div",
@@ -379,11 +379,11 @@ function _e(_) {
               style: { padding: v ? z || "1rem" : z || 0 },
               children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
                 u || l || f ? /* @__PURE__ */ t.jsx(
-                  ke,
+                  Ne,
                   {
                     styles: {
-                      title: y?.title,
-                      description: y?.description
+                      title: h?.title,
+                      description: h?.description
                     },
                     classNames: {
                       title: w?.title,
@@ -393,80 +393,81 @@ function _e(_) {
                     graphDescription: l,
                     width: s,
                     graphDownload: void 0,
-                    dataDownload: f ? 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: f ? x.map((n) => n.data).filter((n) => n !== void 0).length > 0 ? x.map((n) => n.data).filter((n) => n !== void 0) : x.filter((n) => n !== void 0) : null
                   }
                 ) : null,
                 /* @__PURE__ */ t.jsx(
                   "div",
                   {
                     className: "flex flex-col grow justify-center leading-0",
-                    ref: k,
+                    ref: N,
                     "aria-label": "Map area",
-                    children: (s || r) && (i || x) && e ? /* @__PURE__ */ t.jsx(
-                      Oe,
+                    children: (s || r) && (i || y) && e ? /* @__PURE__ */ t.jsx(
+                      Te,
                       {
-                        data: p,
-                        globeOffset: re,
+                        data: x,
+                        globeOffset: Z,
                         polygonData: e,
-                        colorDomain: se,
+                        colorDomain: ne,
                         width: s || r,
                         height: Math.max(
-                          h,
-                          i || (g ? h ? (s || r) * g > h ? (s || r) * g : h : (s || r) * g : x)
+                          g,
+                          i || (d ? g ? (s || r) * d > g ? (s || r) * d : g : (s || r) * d : y)
                         ),
-                        colors: E || (H === "categorical" ? R[O].sequentialColors[`neutralColorsx0${se.length}`] : R[O].sequentialColors[`neutralColorsx0${se.length + 1}`]),
+                        colors: E || (H === "categorical" ? R[T].sequentialColors[`neutralColorsx0${ne.length}`] : R[T].sequentialColors[`neutralColorsx0${ne.length + 1}`]),
                         mapNoDataColor: U,
                         categorical: H === "categorical",
-                        mapBorderColor: K,
+                        mapBorderColor: Q,
                         tooltip: $,
-                        mapProperty: ee,
-                        styles: y,
+                        mapProperty: te,
+                        styles: h,
                         classNames: w,
                         autoRotate: A === !0 ? 1.5 : A === !1 ? 0 : A,
                         enableZoom: F,
                         globeMaterial: B,
-                        atmosphereColor: te,
+                        atmosphereColor: oe,
                         colorLegendTitle: c,
-                        showColorScale: T,
-                        hoverStrokeColor: O === "light" ? R.light.grays["gray-700"] : R.light.grays["gray-300"],
-                        highlightedIds: V,
-                        resetSelectionOnDoubleClick: a,
-                        detailsOnClick: D,
-                        onSeriesMouseOver: P,
-                        onSeriesMouseClick: oe,
-                        scale: Z,
-                        polygonAltitude: j,
+                        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: V,
+                        polygonAltitude: ie,
                         centerLat: X[0],
                         centerLng: X[1],
-                        atmosphereAltitude: J,
-                        globeCurvatureResolution: ie,
-                        lightColor: ae
+                        atmosphereAltitude: ae,
+                        globeCurvatureResolution: j,
+                        lightColor: J,
+                        fogSettings: se
                       }
                     ) : /* @__PURE__ */ t.jsx(
                       "div",
                       {
                         style: {
                           height: `${Math.max(
-                            h,
-                            i || (g ? h ? (s || r) * g > h ? (s || r) * g : h : (s || r) * g : x)
+                            g,
+                            i || (d ? g ? (s || r) * d > g ? (s || r) * d : g : (s || r) * d : y)
                           )}px`
                         },
                         className: "flex items-center justify-center",
-                        children: /* @__PURE__ */ t.jsx(ue, { "aria-label": "Loading graph" })
+                        children: /* @__PURE__ */ t.jsx(fe, { "aria-label": "Loading graph" })
                       }
                     )
                   }
                 ),
-                M || W ? /* @__PURE__ */ t.jsx(
-                  Ne,
+                O || Y ? /* @__PURE__ */ t.jsx(
+                  Se,
                   {
-                    styles: { footnote: y?.footnote, source: y?.source },
+                    styles: { footnote: h?.footnote, source: h?.source },
                     classNames: {
                       footnote: w?.footnote,
                       source: w?.source
                     },
-                    sources: M,
-                    footNote: W,
+                    sources: O,
+                    footNote: Y,
                     width: s
                   }
                 ) : null
@@ -479,6 +480,6 @@ function _e(_) {
   );
 }
 export {
-  _e as ThreeDGlobe
+  Ye as ThreeDGlobe
 };
 //# sourceMappingURL=ThreeDGlobe.js.map