@undp/data-viz 2.0.0 → 2.0.2

package/dist/ThreeDGlobe.js

@@ -1,5 +1,5 @@
 import { j as a, m as rt, c as at } from "./index-CHPV5EwG-Curnpaqc.js";
-import { useState as T, useRef as Xe, useEffect as A, useCallback as st, useEffectEvent as it } from "react";
+import { useState as A, useRef as Xe, useEffect as E, useCallback as st, useEffectEvent as it } from "react";
 import { w as nt } from "./Spinner-D7rnnwnA.js";
 import lt from "react-globe.gl";
 import { i as ct } from "./index-Bwrro8-q.js";
@@ -43,16 +43,16 @@ function Dt(t) {
 function jt(t) {
   const {
     width: e,
-    autoRotate: d,
-    data: b,
-    enableZoom: x,
-    categorical: S,
-    colorDomain: f,
-    colors: p,
-    globeMaterial: D,
-    height: n,
+    autoRotate: c,
+    data: v,
+    enableZoom: b,
+    categorical: C,
+    colorDomain: g,
+    colors: d,
+    globeMaterial: L,
+    height: m,
     polygonData: B,
-    mapProperty: l,
+    mapProperty: n,
     mapBorderColor: Q,
     atmosphereColor: ye,
     tooltip: F,
@@ -62,41 +62,41 @@ function jt(t) {
     colorLegendTitle: u,
     showColorScale: oe,
     hoverStrokeColor: re,
-    detailsOnClick: j,
+    detailsOnClick: S,
     onSeriesMouseClick: I,
     onSeriesMouseOver: be,
     resetSelectionOnDoubleClick: xe,
     highlightedIds: ae,
     scale: O,
-    globeOffset: h,
-    polygonAltitude: m,
+    globeOffset: p,
+    polygonAltitude: h,
     centerLng: _,
     centerLat: U,
     atmosphereAltitude: se,
     globeCurvatureResolution: W,
-    fogSettings: P,
-    lights: z,
+    fogSettings: M,
+    lights: P,
     highlightedAltitude: ie,
-    selectedId: y,
+    selectedId: f,
     collapseColorScaleByDefault: q
-  } = t, [V, Z] = T(!1), i = Xe(void 0), [N, L] = T(void 0), [we, ne] = T(q === void 0 ? !(e < 680) : !q), [le, ce] = T({
+  } = t, [V, Z] = A(!1), i = Xe(void 0), [k, D] = A(void 0), [we, ne] = A(q === void 0 ? !(e < 680) : !q), [le, ce] = A({
     x: 0,
     y: 0
-  }), [w, de] = T(void 0), $ = S ? ft().domain(f).range(p) : yt().domain(f).range(p);
-  A(() => {
-    i.current && (i.current.controls().enableZoom = x);
-  }, [x]), A(() => {
-    i.current && (w || y ? i.current.controls().autoRotate = !1 : (i.current.controls().autoRotate = d !== 0, i.current.controls().autoRotateSpeed = d));
-  }, [w, y, d]), A(() => {
-    if (i.current && y) {
-      const o = B.find((v) => v.properties[l] === y), [r, s] = gt(o);
+  }), [x, de] = A(void 0), $ = C ? ft().domain(g).range(d) : yt().domain(g).range(d);
+  E(() => {
+    i.current && (i.current.controls().enableZoom = b);
+  }, [b]), E(() => {
+    i.current && (x || f ? i.current.controls().autoRotate = !1 : (i.current.controls().autoRotate = c !== 0, i.current.controls().autoRotateSpeed = c));
+  }, [x, f, c]), E(() => {
+    if (i.current && f) {
+      const o = B.find((y) => y.properties[n] === f), [r, s] = gt(o);
       i.current.pointOfView({
         lat: s,
         lng: r,
         altitude: O
       }, 1e3);
     }
-  }, [y, O, B, l]), A(() => {
+  }, [f, O, B, n]), E(() => {
     const o = i.current?.renderer().domElement;
     if (!o) return;
     const r = (s) => {
@@ -106,45 +106,45 @@ function jt(t) {
       });
     };
     return o.addEventListener("mousemove", r), () => o.removeEventListener("mousemove", r);
-  }, []), A(() => {
+  }, []), E(() => {
     i.current && i.current.pointOfView({
       lat: U,
       lng: _,
       altitude: O
     }, 1e3);
   }, [O, _, U]);
-  const C = D || new H.MeshBasicMaterial({
+  const w = L || new H.MeshBasicMaterial({
     color: "#FFF"
-  }), R = st(() => {
+  }), z = st(() => {
     if (!i.current) return;
     const o = i.current.scene(), r = i.current.camera();
     let s = [];
-    o.traverse((c) => {
-      c instanceof H.Light && s.push(c);
-    }), s = [...s, ...r.children], s.forEach((c) => c.parent?.remove(c)), z.map((c) => Dt(c)).forEach((c, G) => {
-      z[G].type !== "ambient" && z[G].position === "camera" ? (r.add(c), z[G].type !== "point" && r.add(c.target)) : o.add(c);
-    }), P && (o.fog = new H.Fog(P.color, P.near, P.far));
-  }, [z, P]), M = () => {
-    Z(!0), R();
+    o.traverse((l) => {
+      l instanceof H.Light && s.push(l);
+    }), s = [...s, ...r.children], s.forEach((l) => l.parent?.remove(l)), P.map((l) => Dt(l)).forEach((l, T) => {
+      P[T].type !== "ambient" && P[T].position === "camera" ? (r.add(l), P[T].type !== "point" && r.add(l.target)) : o.add(l);
+    }), M && (o.fog = new H.Fog(M.color, M.near, M.far));
+  }, [P, M]), j = () => {
+    Z(!0), z();
   };
-  return A(() => {
-    V && R();
-  }, [V, R]), /* @__PURE__ */ a.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ a.jsx(lt, { ref: i, height: n, width: e, globeOffset: h, lineHoverPrecision: 0, polygonsData: B, polygonAltitude: (o) => ae.includes(o?.properties?.[l]) || o?.properties?.[l] === y ? ie * (o?.properties?.[l] === y ? 2 : 1) : o?.properties?.[l] === w?.id || o?.properties?.[l] === N?.id ? ie : m, polygonCapColor: (o) => {
-      const r = o?.properties?.[l], s = b.find((v) => v.id === r)?.x;
+  return E(() => {
+    V && z();
+  }, [V, z]), /* @__PURE__ */ a.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ a.jsx(lt, { ref: i, height: m, width: e, globeOffset: p, lineHoverPrecision: 0, polygonsData: B, polygonAltitude: (o) => ae.includes(o?.properties?.[n]) || o?.properties?.[n] === f ? ie * (o?.properties?.[n] === f ? 2 : 1) : o?.properties?.[n] === x?.id || o?.properties?.[n] === k?.id ? ie : h, polygonCapColor: (o) => {
+      const r = o?.properties?.[n], s = v.find((y) => y.id === r)?.x;
       return s != null ? $(s) : te;
     }, polygonSideColor: (o) => {
-      const r = o?.properties?.[l], s = b.find((c) => c.id === r)?.x, v = s != null ? $(s) : te;
-      return ae.includes(o?.properties?.[l]) || o?.properties?.[l] === y ? v : "rgba(100,100,100,0)";
-    }, polygonStrokeColor: (o) => o?.properties?.[l] === w?.id ? re : Q, onGlobeClick: () => {
-      L(void 0);
+      const r = o?.properties?.[n], s = v.find((l) => l.id === r)?.x, y = s != null ? $(s) : te;
+      return ae.includes(o?.properties?.[n]) || o?.properties?.[n] === f ? y : "rgba(100,100,100,0)";
+    }, polygonStrokeColor: (o) => o?.properties?.[n] === x?.id ? re : Q, onGlobeClick: () => {
+      D(void 0);
     }, onPolygonClick: (o) => {
-      const r = o?.properties?.[l] ? b.find((s) => s.id === o?.properties?.[l]) : void 0;
-      (I || j) && (ct(N, r) && xe && r ? (L(void 0), I?.(void 0)) : (L(r), I?.(r)));
+      const r = o?.properties?.[n] ? v.find((s) => s.id === o?.properties?.[n]) : void 0;
+      (I || S) && (ct(k, r) && xe && r ? (D(void 0), I?.(void 0)) : (D(r), I?.(r)));
     }, onPolygonHover: (o) => {
-      const r = o?.properties?.[l] ? b.find((s) => s.id === o?.properties?.[l]) : void 0;
+      const r = o?.properties?.[n] ? v.find((s) => s.id === o?.properties?.[n]) : void 0;
       de(r), be?.(r);
-    }, atmosphereColor: ye, atmosphereAltitude: se, globeCurvatureResolution: W, globeMaterial: C, backgroundColor: "rgba(0, 0, 0, 0)", polygonsTransitionDuration: 100, onGlobeReady: () => {
+    }, atmosphereColor: ye, atmosphereAltitude: se, globeCurvatureResolution: W, globeMaterial: w, backgroundColor: "rgba(0, 0, 0, 0)", polygonsTransitionDuration: 100, onGlobeReady: () => {
       if (i.current) {
         i.current.pointOfView({
           lat: U,
@@ -152,13 +152,13 @@ function jt(t) {
         });
         const o = i.current.scene();
         setTimeout(() => {
-          (o.children[3]?.children[0]?.children[4]?.children || []).forEach((v) => {
-            const c = v.children[1];
-            c.renderOrder = 2;
+          (o.children[3]?.children[0]?.children[4]?.children || []).forEach((y) => {
+            const l = y.children[1];
+            l.renderOrder = 2;
           });
         }, 300);
         const r = i.current.camera();
-        o.add(r), M();
+        o.add(r), j();
       }
     } }),
     oe === !1 ? null : /* @__PURE__ */ a.jsx("div", { className: rt("absolute left-4 bottom-4 map-color-legend", ee?.colorLegend), children: we ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -166,57 +166,57 @@ function jt(t) {
         ne(!1);
       }, children: /* @__PURE__ */ a.jsx(mt, {}) }),
       /* @__PURE__ */ a.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: S ? void 0 : "340px"
+        width: C ? void 0 : "340px"
       }, children: [
         u && u !== "" ? /* @__PURE__ */ a.jsx(Ye, { 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"
         }, children: u }) : null,
-        S ? /* @__PURE__ */ a.jsx("div", { className: "flex flex-col gap-3", children: f.map((o, r) => /* @__PURE__ */ a.jsxs("div", { className: "flex gap-2 items-center", children: [
+        C ? /* @__PURE__ */ a.jsx("div", { className: "flex flex-col gap-3", children: g.map((o, r) => /* @__PURE__ */ a.jsxs("div", { className: "flex gap-2 items-center", children: [
           /* @__PURE__ */ a.jsx("div", { className: "w-2 h-2 rounded-full", style: {
-            backgroundColor: p[r % p.length]
+            backgroundColor: d[r % d.length]
           } }),
           /* @__PURE__ */ a.jsx(Ye, { size: "sm", marginBottom: "none", leading: "none", children: o })
         ] }, r)) }) : /* @__PURE__ */ a.jsx("svg", { width: "100%", viewBox: "0 0 320 30", direction: "ltr", children: /* @__PURE__ */ a.jsxs("g", { children: [
-          f.map((o, r) => /* @__PURE__ */ a.jsxs("g", { className: "cursor-pointer", children: [
-            /* @__PURE__ */ a.jsx("rect", { x: r * 320 / p.length + 1, y: 1, width: 320 / p.length - 2, height: 8, style: {
-              fill: p[r],
-              stroke: p[r]
+          g.map((o, r) => /* @__PURE__ */ a.jsxs("g", { className: "cursor-pointer", children: [
+            /* @__PURE__ */ a.jsx("rect", { x: r * 320 / d.length + 1, y: 1, width: 320 / d.length - 2, height: 8, style: {
+              fill: d[r],
+              stroke: d[r]
             } }),
-            /* @__PURE__ */ a.jsx("text", { x: (r + 1) * 320 / p.length, y: 25, className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", style: {
+            /* @__PURE__ */ a.jsx("text", { x: (r + 1) * 320 / d.length, y: 25, className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", style: {
               textAnchor: "middle"
             }, children: ht(o, "NA") })
           ] }, r)),
-          /* @__PURE__ */ a.jsx("g", { children: /* @__PURE__ */ a.jsx("rect", { x: f.length * 320 / p.length + 1, y: 1, width: 320 / p.length - 2, height: 8, style: {
-            fill: p[f.length],
-            stroke: p[f.length]
+          /* @__PURE__ */ a.jsx("g", { children: /* @__PURE__ */ a.jsx("rect", { x: g.length * 320 / d.length + 1, y: 1, width: 320 / d.length - 2, height: 8, style: {
+            fill: d[g.length],
+            stroke: d[g.length]
           } }) })
         ] }) })
       ] })
     ] }) : /* @__PURE__ */ a.jsx("button", { type: "button", className: "mb-0 border-0 bg-transparent p-0 self-start", onClick: () => {
       ne(!0);
     }, children: /* @__PURE__ */ a.jsx("div", { className: "show-color-legend-button 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-600 border-primary-gray-400 dark:border-primary-gray-500", children: "Show Legend" }) }) }),
-    w && F ? /* @__PURE__ */ a.jsx(pt, { data: w, body: F, xPos: le.x, yPos: le.y, backgroundStyle: ve?.tooltip, className: ee?.tooltip }) : null,
-    j && N !== void 0 ? /* @__PURE__ */ a.jsx(dt, { open: N !== void 0, onClose: () => {
-      L(void 0);
-    }, children: /* @__PURE__ */ a.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof j == "string" ? {
-      __html: ut(j, N)
-    } : void 0, children: typeof j == "function" ? j(N) : null }) }) : null
+    x && F ? /* @__PURE__ */ a.jsx(pt, { data: x, body: F, xPos: le.x, yPos: le.y, backgroundStyle: ve?.tooltip, className: ee?.tooltip }) : null,
+    S && k !== void 0 ? /* @__PURE__ */ a.jsx(dt, { open: k !== void 0, onClose: () => {
+      D(void 0);
+    }, children: /* @__PURE__ */ a.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof S == "string" ? {
+      __html: ut(S, k)
+    } : void 0, children: typeof S == "function" ? S(k) : null }) }) : null
   ] });
 }
 function to(t) {
   const e = at.c(96), {
-    data: d,
-    mapData: b,
-    graphTitle: x,
-    colors: S,
-    sources: f,
-    graphDescription: p,
-    height: D,
-    width: n,
+    data: c,
+    mapData: v,
+    graphTitle: b,
+    colors: C,
+    sources: g,
+    graphDescription: d,
+    height: L,
+    width: m,
     footNote: B,
-    colorDomain: l,
+    colorDomain: n,
     colorLegendTitle: Q,
     scaleType: ye,
     padding: F,
@@ -226,47 +226,47 @@ function to(t) {
     relativeHeight: u,
     tooltip: oe,
     graphID: re,
-    mapProperty: j,
+    mapProperty: S,
     dataDownload: I,
     language: be,
     minHeight: xe,
     theme: ae,
     ariaLabel: O,
-    styles: h,
-    classNames: m,
+    styles: p,
+    classNames: h,
     autoRotate: _,
     enableZoom: U,
     globeMaterial: se,
     centerPoint: W,
-    atmosphereColor: P,
-    showColorScale: z,
+    atmosphereColor: M,
+    showColorScale: P,
     resetSelectionOnDoubleClick: ie,
-    detailsOnClick: y,
+    detailsOnClick: f,
     onSeriesMouseOver: q,
     onSeriesMouseClick: V,
     highlightedIds: Z,
     highlightedAltitude: i,
-    scale: N,
-    globeOffset: L,
+    scale: k,
+    globeOffset: D,
     polygonAltitude: we,
     globeCurvatureResolution: ne,
     atmosphereAltitude: le,
     fogSettings: ce,
-    lights: w,
+    lights: x,
     selectedId: de,
     collapseColorScaleByDefault: $
-  } = t, C = b === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json" : b, R = B === 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." : B, M = ye === void 0 ? "threshold" : ye, o = ve === void 0 ? K.light.graphNoData : ve, r = ee === void 0 ? !1 : ee, s = te === void 0 ? K.light.grays["gray-500"] : te, v = j === void 0 ? "ISO3" : j, c = I === void 0 ? !1 : I, G = be === void 0 ? "en" : be, g = xe === void 0 ? 0 : xe, E = ae === void 0 ? "light" : ae, pe = _ === void 0 ? !0 : _, Ae = U === void 0 ? !0 : U;
+  } = t, w = v === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json" : v, z = B === 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." : B, j = ye === void 0 ? "threshold" : ye, o = ve === void 0 ? K.light.graphNoData : ve, r = ee === void 0 ? !1 : ee, s = te === void 0 ? K.light.grays["gray-500"] : te, y = S === void 0 ? "ISO3" : S, l = I === void 0 ? !1 : I, T = be === void 0 ? "en" : be, N = xe === void 0 ? 0 : xe, R = ae === void 0 ? "light" : ae, pe = _ === void 0 ? !0 : _, Ae = U === void 0 ? !0 : U;
   let Ce;
   e[0] !== W ? (Ce = W === void 0 ? [0, 0] : W, e[0] = W, e[1] = Ce) : Ce = e[1];
-  const Se = Ce, Te = P === void 0 ? "#999" : P, Ge = z === void 0 ? !0 : z, He = ie === void 0 ? !0 : ie;
+  const Se = Ce, Te = M === void 0 ? "#999" : M, Ge = P === void 0 ? !0 : P, He = ie === void 0 ? !0 : ie;
   let ke;
   e[2] !== Z ? (ke = Z === void 0 ? [] : Z, e[2] = Z, e[3] = ke) : ke = e[3];
-  const Be = ke, Fe = i === void 0 ? 0.1 : i, Ie = N === void 0 ? 1 : N;
+  const Be = ke, Fe = i === void 0 ? 0.1 : i, Ie = k === void 0 ? 1 : k;
   let De;
-  e[4] !== L ? (De = L === void 0 ? [0, 0] : L, e[4] = L, e[5] = De) : De = e[5];
+  e[4] !== D ? (De = D === void 0 ? [0, 0] : D, e[4] = D, e[5] = De) : De = e[5];
   const _e = De, Ue = we === void 0 ? 0.01 : we, We = ne === void 0 ? 4 : ne, qe = le === void 0 ? 0.15 : le;
   let je;
-  e[6] !== w ? (je = w === void 0 ? [{
+  e[6] !== x ? (je = x === void 0 ? [{
     type: "ambient",
     color: 4210752,
     intensity: 0.4
@@ -279,61 +279,61 @@ function to(t) {
       y: 10,
       z: 5
     }
-  }] : w, e[6] = w, e[7] = je) : je = e[7];
-  const Ve = je, [Ne, Ke] = T(void 0), [k, Qe] = T(0), [he, et] = T(0), Ze = Xe(null), tt = Xe(null);
-  let Le, Me;
+  }] : x, e[6] = x, e[7] = je) : je = e[7];
+  const Ve = je, [Ne, Ke] = A(void 0), [G, Qe] = A(0), [he, et] = A(0), Ze = Xe(null), tt = Xe(null);
+  let Le, Oe;
   e[8] === Symbol.for("react.memo_cache_sentinel") ? (Le = () => {
     const ge = new ResizeObserver((fe) => {
       Qe(fe[0].target.clientWidth || 620), et(fe[0].target.clientHeight || 480);
     });
     return Ze.current && ge.observe(Ze.current), () => ge.disconnect();
-  }, Me = [], e[8] = Le, e[9] = Me) : (Le = e[8], Me = e[9]), A(Le, Me);
-  let Oe;
-  e[10] === Symbol.for("react.memo_cache_sentinel") ? (Oe = (ge) => {
+  }, Oe = [], e[8] = Le, e[9] = Oe) : (Le = e[8], Oe = e[9]), E(Le, Oe);
+  let Me;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (Me = (ge) => {
     Ke(ge);
-  }, e[10] = Oe) : Oe = e[10];
-  const me = it(Oe);
+  }, e[10] = Me) : Me = e[10];
+  const me = it(Me);
   let Pe;
-  e[11] !== C || e[12] !== me ? (Pe = () => {
-    typeof C == "string" ? xt(C).then((fe) => {
-      if (C === "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json") {
+  e[11] !== w || e[12] !== me ? (Pe = () => {
+    typeof w == "string" ? xt(w).then((fe) => {
+      if (w === "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json") {
         const ot = fe.features.map(Rt);
         me(ot);
       } else
         me(fe.features);
-    }) : me(C.features);
-  }, e[11] = C, e[12] = me, e[13] = Pe) : Pe = e[13];
+    }) : me(w.features);
+  }, e[11] = w, e[12] = me, e[13] = Pe) : Pe = e[13];
   let ze;
-  e[14] !== C ? (ze = [C], e[14] = C, e[15] = ze) : ze = e[15], A(Pe, ze);
+  e[14] !== w ? (ze = [w], e[14] = w, e[15] = ze) : ze = e[15], E(Pe, ze);
   let Re;
-  e[16] !== l || e[17] !== S?.length || e[18] !== d || e[19] !== M ? (Re = l || (M === "categorical" ? wt(d, "x") : Ct(d.map(zt), S?.length || 4)), e[16] = l, e[17] = S?.length, e[18] = d, e[19] = M, e[20] = Re) : Re = e[20];
-  const ue = Re, $e = m?.graphContainer, Je = h?.graphContainer;
+  e[16] !== n || e[17] !== C?.length || e[18] !== c || e[19] !== j ? (Re = n || (j === "categorical" ? wt(c, "x") : Ct(c.map(zt), C?.length || 4)), e[16] = n, e[17] = C?.length, e[18] = c, e[19] = j, e[20] = Re) : Re = e[20];
+  const ue = Re, $e = h?.graphContainer, Je = p?.graphContainer;
   let J;
-  e[21] !== m?.description || e[22] !== m?.title || e[23] !== d || e[24] !== c || e[25] !== p || e[26] !== x || e[27] !== h?.description || e[28] !== h?.title || e[29] !== n ? (J = x || p || c ? /* @__PURE__ */ a.jsx(vt, { styles: {
+  e[21] !== h?.description || e[22] !== h?.title || e[23] !== c || e[24] !== l || e[25] !== d || e[26] !== b || e[27] !== p?.description || e[28] !== p?.title || e[29] !== m ? (J = b || d || l ? /* @__PURE__ */ a.jsx(vt, { styles: {
+    title: p?.title,
+    description: p?.description
+  }, classNames: {
     title: h?.title,
     description: h?.description
-  }, classNames: {
-    title: m?.title,
-    description: m?.description
-  }, graphTitle: x, graphDescription: p, width: n, graphDownload: void 0, dataDownload: c ? d.map(Pt).filter(Ot).length > 0 ? d.map(Mt).filter(Lt) : d.filter(Nt) : null }) : null, e[21] = m?.description, e[22] = m?.title, e[23] = d, e[24] = c, e[25] = p, e[26] = x, e[27] = h?.description, e[28] = h?.title, e[29] = n, e[30] = J) : J = e[30];
+  }, graphTitle: b, graphDescription: d, width: m, graphDownload: void 0, dataDownload: l ? c.map(Pt).filter(Mt).length > 0 ? c.map(Ot).filter(Lt) : c.filter(Nt) : null }) : null, e[21] = h?.description, e[22] = h?.title, e[23] = c, e[24] = l, e[25] = d, e[26] = b, e[27] = p?.description, e[28] = p?.title, e[29] = m, e[30] = J) : J = e[30];
   let X;
-  e[31] !== qe || e[32] !== Te || e[33] !== pe || e[34] !== Se || e[35] !== m || e[36] !== $ || e[37] !== Q || e[38] !== S || e[39] !== d || e[40] !== y || e[41] !== ue || e[42] !== Ae || e[43] !== ce || e[44] !== We || e[45] !== se || e[46] !== _e || e[47] !== D || e[48] !== Fe || e[49] !== Be || e[50] !== Ve || e[51] !== s || e[52] !== o || e[53] !== v || e[54] !== Ne || e[55] !== g || e[56] !== V || e[57] !== q || e[58] !== Ue || e[59] !== u || e[60] !== He || e[61] !== Ie || e[62] !== M || e[63] !== de || e[64] !== Ge || e[65] !== h || e[66] !== he || e[67] !== k || e[68] !== E || e[69] !== oe || e[70] !== n ? (X = /* @__PURE__ */ a.jsx(St, { ref: Ze, children: k && he && Ne ? /* @__PURE__ */ a.jsx(jt, { data: d, globeOffset: _e, polygonData: Ne, colorDomain: ue, width: n || k, height: Math.max(g, D || (u ? g ? (n || k) * u > g ? (n || k) * u : g : (n || k) * u : he)), colors: S || (M === "categorical" ? K[E].sequentialColors[`neutralColorsx0${ue.length}`] : K[E].sequentialColors[`neutralColorsx0${ue.length + 1}`]), mapNoDataColor: o, categorical: M === "categorical", mapBorderColor: s, tooltip: oe, mapProperty: v, styles: h, classNames: m, autoRotate: pe === !0 ? 1.5 : pe === !1 ? 0 : pe, enableZoom: Ae, globeMaterial: se, atmosphereColor: Te, colorLegendTitle: Q, showColorScale: Ge, hoverStrokeColor: E === "light" ? K.light.grays["gray-700"] : K.light.grays["gray-300"], highlightedIds: Be, resetSelectionOnDoubleClick: He, detailsOnClick: y, onSeriesMouseOver: q, onSeriesMouseClick: V, scale: Ie, polygonAltitude: Ue, centerLat: Se[0], centerLng: Se[1], atmosphereAltitude: qe, globeCurvatureResolution: We, fogSettings: ce, lights: Ve, highlightedAltitude: Fe, selectedId: de, collapseColorScaleByDefault: $ }) : /* @__PURE__ */ a.jsx("div", { style: {
-    height: `${Math.max(g, D || (u ? g ? (n || k) * u > g ? (n || k) * u : g : (n || k) * u : he))}px`
-  }, className: "flex items-center justify-center", children: /* @__PURE__ */ a.jsx(nt, { "aria-label": "Loading graph" }) }) }), e[31] = qe, e[32] = Te, e[33] = pe, e[34] = Se, e[35] = m, e[36] = $, e[37] = Q, e[38] = S, e[39] = d, e[40] = y, e[41] = ue, e[42] = Ae, e[43] = ce, e[44] = We, e[45] = se, e[46] = _e, e[47] = D, e[48] = Fe, e[49] = Be, e[50] = Ve, e[51] = s, e[52] = o, e[53] = v, e[54] = Ne, e[55] = g, e[56] = V, e[57] = q, e[58] = Ue, e[59] = u, e[60] = He, e[61] = Ie, e[62] = M, e[63] = de, e[64] = Ge, e[65] = h, e[66] = he, e[67] = k, e[68] = E, e[69] = oe, e[70] = n, e[71] = X) : X = e[71];
+  e[31] !== qe || e[32] !== Te || e[33] !== pe || e[34] !== Se || e[35] !== h || e[36] !== $ || e[37] !== Q || e[38] !== C || e[39] !== c || e[40] !== f || e[41] !== ue || e[42] !== Ae || e[43] !== ce || e[44] !== We || e[45] !== se || e[46] !== _e || e[47] !== L || e[48] !== Fe || e[49] !== Be || e[50] !== Ve || e[51] !== s || e[52] !== o || e[53] !== y || e[54] !== Ne || e[55] !== N || e[56] !== V || e[57] !== q || e[58] !== Ue || e[59] !== u || e[60] !== He || e[61] !== Ie || e[62] !== j || e[63] !== de || e[64] !== Ge || e[65] !== p || e[66] !== he || e[67] !== G || e[68] !== R || e[69] !== oe || e[70] !== m ? (X = /* @__PURE__ */ a.jsx(St, { ref: Ze, children: G && he && Ne ? /* @__PURE__ */ a.jsx(jt, { data: c, globeOffset: _e, polygonData: Ne, colorDomain: ue, width: G, height: he, colors: C || (j === "categorical" ? K[R].sequentialColors[`neutralColorsx0${ue.length}`] : K[R].sequentialColors[`neutralColorsx0${ue.length + 1}`]), mapNoDataColor: o, categorical: j === "categorical", mapBorderColor: s, tooltip: oe, mapProperty: y, styles: p, classNames: h, autoRotate: pe === !0 ? 1.5 : pe === !1 ? 0 : pe, enableZoom: Ae, globeMaterial: se, atmosphereColor: Te, colorLegendTitle: Q, showColorScale: Ge, hoverStrokeColor: R === "light" ? K.light.grays["gray-700"] : K.light.grays["gray-300"], highlightedIds: Be, resetSelectionOnDoubleClick: He, detailsOnClick: f, onSeriesMouseOver: q, onSeriesMouseClick: V, scale: Ie, polygonAltitude: Ue, centerLat: Se[0], centerLng: Se[1], atmosphereAltitude: qe, globeCurvatureResolution: We, fogSettings: ce, lights: Ve, highlightedAltitude: Fe, selectedId: de, collapseColorScaleByDefault: $ }) : /* @__PURE__ */ a.jsx("div", { style: {
+    height: `${Math.max(N, L || (u ? N ? (m || G) * u > N ? (m || G) * u : N : (m || G) * u : he))}px`
+  }, className: "flex items-center justify-center", children: /* @__PURE__ */ a.jsx(nt, { "aria-label": "Loading graph" }) }) }), e[31] = qe, e[32] = Te, e[33] = pe, e[34] = Se, e[35] = h, e[36] = $, e[37] = Q, e[38] = C, e[39] = c, e[40] = f, e[41] = ue, e[42] = Ae, e[43] = ce, e[44] = We, e[45] = se, e[46] = _e, e[47] = L, e[48] = Fe, e[49] = Be, e[50] = Ve, e[51] = s, e[52] = o, e[53] = y, e[54] = Ne, e[55] = N, e[56] = V, e[57] = q, e[58] = Ue, e[59] = u, e[60] = He, e[61] = Ie, e[62] = j, e[63] = de, e[64] = Ge, e[65] = p, e[66] = he, e[67] = G, e[68] = R, e[69] = oe, e[70] = m, e[71] = X) : X = e[71];
   let Y;
-  e[72] !== m?.footnote || e[73] !== m?.source || e[74] !== R || e[75] !== f || e[76] !== h?.footnote || e[77] !== h?.source || e[78] !== n ? (Y = f || R ? /* @__PURE__ */ a.jsx(bt, { styles: {
+  e[72] !== h?.footnote || e[73] !== h?.source || e[74] !== z || e[75] !== g || e[76] !== p?.footnote || e[77] !== p?.source || e[78] !== m ? (Y = g || z ? /* @__PURE__ */ a.jsx(bt, { styles: {
+    footnote: p?.footnote,
+    source: p?.source
+  }, classNames: {
     footnote: h?.footnote,
     source: h?.source
-  }, classNames: {
-    footnote: m?.footnote,
-    source: m?.source
-  }, sources: f, footNote: R, width: n }) : null, e[72] = m?.footnote, e[73] = m?.source, e[74] = R, e[75] = f, e[76] = h?.footnote, e[77] = h?.source, e[78] = n, e[79] = Y) : Y = e[79];
+  }, sources: g, footNote: z, width: m }) : null, e[72] = h?.footnote, e[73] = h?.source, e[74] = z, e[75] = g, e[76] = p?.footnote, e[77] = p?.source, e[78] = m, e[79] = Y) : Y = e[79];
   let Ee;
-  return e[80] !== O || e[81] !== r || e[82] !== re || e[83] !== D || e[84] !== G || e[85] !== g || e[86] !== F || e[87] !== u || e[88] !== $e || e[89] !== Je || e[90] !== J || e[91] !== X || e[92] !== Y || e[93] !== E || e[94] !== n ? (Ee = /* @__PURE__ */ a.jsxs(kt, { className: $e, style: Je, id: re, ref: tt, "aria-label": O, backgroundColor: r, theme: E, language: G, minHeight: g, width: n, height: D, relativeHeight: u, padding: F, children: [
+  return e[80] !== O || e[81] !== r || e[82] !== re || e[83] !== L || e[84] !== T || e[85] !== N || e[86] !== F || e[87] !== u || e[88] !== $e || e[89] !== Je || e[90] !== J || e[91] !== X || e[92] !== Y || e[93] !== R || e[94] !== m ? (Ee = /* @__PURE__ */ a.jsxs(kt, { className: $e, style: Je, id: re, ref: tt, "aria-label": O, backgroundColor: r, theme: R, language: T, minHeight: N, width: m, height: L, relativeHeight: u, padding: F, children: [
     J,
     X,
     Y
-  ] }), e[80] = O, e[81] = r, e[82] = re, e[83] = D, e[84] = G, e[85] = g, e[86] = F, e[87] = u, e[88] = $e, e[89] = Je, e[90] = J, e[91] = X, e[92] = Y, e[93] = E, e[94] = n, e[95] = Ee) : Ee = e[95], Ee;
+  ] }), e[80] = O, e[81] = r, e[82] = re, e[83] = L, e[84] = T, e[85] = N, e[86] = F, e[87] = u, e[88] = $e, e[89] = Je, e[90] = J, e[91] = X, e[92] = Y, e[93] = R, e[94] = m, e[95] = Ee) : Ee = e[95], Ee;
 }
 function Nt(t) {
   return t !== void 0;
@@ -341,10 +341,10 @@ function Nt(t) {
 function Lt(t) {
   return t !== void 0;
 }
-function Mt(t) {
+function Ot(t) {
   return t.data;
 }
-function Ot(t) {
+function Mt(t) {
   return t !== void 0;
 }
 function Pt(t) {
@@ -355,27 +355,27 @@ function zt(t) {
 }
 function Rt(t) {
   if (t.geometry.type === "Polygon") {
-    const b = [...t.geometry.coordinates[0]].reverse(), x = {
+    const v = [...t.geometry.coordinates[0]].reverse(), b = {
       ...t.geometry,
-      coordinates: [b]
+      coordinates: [v]
     };
     return {
       ...t,
-      geometry: x
+      geometry: b
     };
   }
   const e = [];
-  t.geometry.coordinates.forEach((b) => {
-    const x = [...b[0]].reverse();
-    e.push([x]);
+  t.geometry.coordinates.forEach((v) => {
+    const b = [...v[0]].reverse();
+    e.push([b]);
   });
-  const d = {
+  const c = {
     ...t.geometry,
     coordinates: e
   };
   return {
     ...t,
-    geometry: d
+    geometry: c
   };
 }
 export {