@undp/data-viz 1.4.2 → 1.4.4

package/dist/ThreeDGlobe.js

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