@undp/data-viz 2.4.0 → 2.4.1

package/dist/ThreeDGlobe.js

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