@undp/data-viz 1.5.8 → 1.5.9

package/dist/ThreeDGlobe.js

@@ -1,25 +1,25 @@
-import { j as r, m as xe } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { useState as N, useRef as ge, useEffect as D, useCallback as me } from "react";
-import { y as ve } from "./Spinner-C85UF28E.js";
+import { j as o, m as be } from "./index-CHPV5EwG-DBWUSD9b.js";
+import { useState as N, useRef as ye, useEffect as D, useCallback as ge } from "react";
+import { y as ve } from "./Spinner-Bpz70q_g.js";
 import we from "react-globe.gl";
-import { i as be } from "./index-Bwrro8-q.js";
+import { i as Ce } from "./index-Bwrro8-q.js";
 import * as P from "three";
-import { X as Ce } from "./Modal-DVVwpKhP.js";
-import { u as ue } from "./Typography-Ctgfl1J5.js";
-import { T as je } from "./Tooltip-CVCGWyzw.js";
+import { G as je } from "./Modal-Cg8daIlV.js";
+import { u as ue } from "./Typography-LmZ9LEpe.js";
+import { T as Se } from "./Tooltip-6LIdPQGC.js";
 import { n as ke } from "./numberFormattingFunction-14YCbkN2.js";
-import { X as Se } from "./index-BmCqpO1B.js";
-import { s as De } from "./string2HTML-oFCROsus.js";
-import { g as Ne } from "./getCentroidCoordinates-Dfk6IqEG.js";
-import { o as Le } from "./ordinal-w9Lu4Stb.js";
-import { t as Me } from "./threshold-DFfqcDMa.js";
-import { GraphHeader as ze } from "./GraphHeader.js";
-import { GraphFooter as Oe } from "./GraphFooter.js";
-import { f as Pe } from "./fetchAndParseData-sapWbnYk.js";
+import { X as De } from "./index-zZjQEHlm.js";
+import { s as Ne } from "./string2HTML-oFCROsus.js";
+import { g as Le } from "./getCentroidCoordinates-Dfk6IqEG.js";
+import { o as Me } from "./ordinal-w9Lu4Stb.js";
+import { t as ze } from "./threshold-DFfqcDMa.js";
+import { GraphHeader as Oe } from "./GraphHeader.js";
+import { GraphFooter as Pe } from "./GraphFooter.js";
+import { f as Re } from "./fetchAndParseData-sapWbnYk.js";
 import { Colors as A } from "./Colors.js";
-import { g as Re } from "./getUniqValue-DiCh_MOD.js";
-import { g as Te } from "./getJenks-BbngDoBQ.js";
-function Ee(e) {
+import { g as Te } from "./getUniqValue-DiCh_MOD.js";
+import { g as Ee } from "./getJenks-BbngDoBQ.js";
+function Ae(e) {
   let a;
   switch (e.type) {
     case "ambient":
@@ -59,171 +59,161 @@ function Ee(e) {
   }
   return a;
 }
-function Ae(e) {
+function He(e) {
   const {
     width: a,
     autoRotate: x,
-    data: v,
+    data: b,
     enableZoom: H,
     categorical: R,
-    colorDomain: h,
-    colors: l,
+    colorDomain: p,
+    colors: n,
     globeMaterial: c,
     height: V,
     polygonData: $,
     mapProperty: d,
-    mapBorderColor: F,
-    atmosphereColor: X,
-    tooltip: Z,
+    mapBorderColor: G,
+    atmosphereColor: Z,
+    tooltip: J,
     styles: C,
     classNames: re,
-    mapNoDataColor: u,
-    colorLegendTitle: G,
-    showColorScale: oe,
-    hoverStrokeColor: ae,
-    detailsOnClick: w,
+    mapNoDataColor: g,
+    colorLegendTitle: B,
+    showColorScale: ae,
+    hoverStrokeColor: se,
+    detailsOnClick: v,
     onSeriesMouseClick: L,
     onSeriesMouseOver: y,
     resetSelectionOnDoubleClick: T,
-    highlightedIds: J,
-    scale: g,
+    highlightedIds: X,
+    scale: u,
     globeOffset: j,
-    polygonAltitude: I,
-    centerLng: B,
+    polygonAltitude: F,
+    centerLng: I,
     centerLat: U,
     atmosphereAltitude: _,
     globeCurvatureResolution: ie,
     fogSettings: M,
     lights: z,
     highlightedAltitude: Y,
-    selectedId: f
-  } = e, [K, se] = N(!1), n = ge(void 0), [k, E] = N(void 0), [ne, Q] = N(!(a < 680)), [ee, le] = N({ x: 0, y: 0 }), [S, de] = N(void 0), W = R ? Le().domain(h).range(l) : Me().domain(h).range(l);
+    selectedId: f,
+    collapseColorScaleByDefault: K
+  } = e, [Q, le] = N(!1), l = ye(void 0), [S, E] = N(void 0), [ne, ee] = N(
+    K === void 0 ? !(a < 680) : !K
+  ), [te, de] = N({ x: 0, y: 0 }), [k, ce] = N(void 0), W = R ? Me().domain(p).range(n) : ze().domain(p).range(n);
   D(() => {
-    n.current && (n.current.controls().enableZoom = H);
+    l.current && (l.current.controls().enableZoom = H);
   }, [H]), D(() => {
-    n.current && (S || f ? n.current.controls().autoRotate = !1 : (n.current.controls().autoRotate = x !== 0, n.current.controls().autoRotateSpeed = x));
-  }, [S, f, x]), D(() => {
-    if (n.current && f) {
+    l.current && (k || f ? l.current.controls().autoRotate = !1 : (l.current.controls().autoRotate = x !== 0, l.current.controls().autoRotateSpeed = x));
+  }, [k, f, x]), D(() => {
+    if (l.current && f) {
       const t = $.find(
         (m) => m.properties[d] === f
-      ), [o, s] = Ne(t);
-      n.current.pointOfView({ lat: s, lng: o, altitude: g }, 1e3);
+      ), [r, i] = Le(t);
+      l.current.pointOfView({ lat: i, lng: r, altitude: u }, 1e3);
     }
-  }, [f, g, $, d]), D(() => {
-    const t = n.current?.renderer().domElement;
+  }, [f, u, $, d]), D(() => {
+    const t = l.current?.renderer().domElement;
     if (!t) return;
-    const o = (s) => {
-      le({ x: s.clientX, y: s.clientY });
+    const r = (i) => {
+      de({ x: i.clientX, y: i.clientY });
     };
-    return t.addEventListener("mousemove", o), () => t.removeEventListener("mousemove", o);
+    return t.addEventListener("mousemove", r), () => t.removeEventListener("mousemove", r);
   }, []), D(() => {
-    n.current && n.current.pointOfView({ lat: U, lng: B, altitude: g }, 1e3);
-  }, [g, B, U]);
+    l.current && l.current.pointOfView({ lat: U, lng: I, altitude: u }, 1e3);
+  }, [u, I, U]);
   const q = c || new P.MeshBasicMaterial({
     color: "#FFF"
-  }), p = me(() => {
-    if (!n.current) return;
-    const t = n.current.scene(), o = n.current.camera();
-    let s = [];
-    t.traverse((i) => {
-      i instanceof P.Light && s.push(i);
-    }), s = [...s, ...o.children], s.forEach((i) => i.parent?.remove(i)), z.map((i) => Ee(i)).forEach((i, b) => {
-      z[b].type !== "ambient" && z[b].position === "camera" ? (o.add(i), z[b].type !== "point" && o.add(i.target)) : t.add(i);
+  }), h = ge(() => {
+    if (!l.current) return;
+    const t = l.current.scene(), r = l.current.camera();
+    let i = [];
+    t.traverse((s) => {
+      s instanceof P.Light && i.push(s);
+    }), i = [...i, ...r.children], i.forEach((s) => s.parent?.remove(s)), z.map((s) => Ae(s)).forEach((s, w) => {
+      z[w].type !== "ambient" && z[w].position === "camera" ? (r.add(s), z[w].type !== "point" && r.add(s.target)) : t.add(s);
     }), M && (t.fog = new P.Fog(M.color, M.near, M.far));
-  }, [z, M]), te = me(() => {
-    se(!0), p();
-  }, [p]);
+  }, [z, M]), oe = ge(() => {
+    le(!0), h();
+  }, [h]);
   return D(() => {
-    K && p();
-  }, [K, p]), /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ r.jsx(
+    Q && h();
+  }, [Q, h]), /* @__PURE__ */ o.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ o.jsx(
       we,
       {
-        ref: n,
+        ref: l,
         height: V,
         width: a,
         globeOffset: j,
         lineHoverPrecision: 0,
         polygonsData: $,
-        polygonAltitude: (t) => J.includes(t?.properties?.[d]) || t?.properties?.[d] === f ? Y * (t?.properties?.[d] === f ? 2 : 1) : t?.properties?.[d] === S?.id || t?.properties?.[d] === k?.id ? Y : I,
+        polygonAltitude: (t) => X.includes(t?.properties?.[d]) || t?.properties?.[d] === f ? Y * (t?.properties?.[d] === f ? 2 : 1) : t?.properties?.[d] === k?.id || t?.properties?.[d] === S?.id ? Y : F,
         polygonCapColor: (t) => {
-          const o = t?.properties?.[d], s = v.find((m) => m.id === o)?.x;
-          return s != null ? W(s) : u;
+          const r = t?.properties?.[d], i = b.find((m) => m.id === r)?.x;
+          return i != null ? W(i) : g;
         },
         polygonSideColor: (t) => {
-          const o = t?.properties?.[d], s = v.find((i) => i.id === o)?.x, m = s != null ? W(s) : u;
-          return J.includes(t?.properties?.[d]) || t?.properties?.[d] === f ? m : "rgba(100,100,100,0)";
+          const r = t?.properties?.[d], i = b.find((s) => s.id === r)?.x, m = i != null ? W(i) : g;
+          return X.includes(t?.properties?.[d]) || t?.properties?.[d] === f ? m : "rgba(100,100,100,0)";
         },
-        polygonStrokeColor: (t) => t?.properties?.[d] === S?.id ? ae : F,
+        polygonStrokeColor: (t) => t?.properties?.[d] === k?.id ? se : G,
         onGlobeClick: () => {
           E(void 0);
         },
         onPolygonClick: (t) => {
-          const o = t?.properties?.[d] ? v.find((s) => s.id === t?.properties?.[d]) : void 0;
-          (L || w) && (be(k, o) && T && o ? (E(void 0), L?.(void 0)) : (E(o), L?.(o)));
+          const r = t?.properties?.[d] ? b.find((i) => i.id === t?.properties?.[d]) : void 0;
+          (L || v) && (Ce(S, r) && T && r ? (E(void 0), L?.(void 0)) : (E(r), L?.(r)));
         },
         onPolygonHover: (t) => {
-          const o = t?.properties?.[d] ? v.find((s) => s.id === t?.properties?.[d]) : void 0;
-          de(o), y?.(o);
+          const r = t?.properties?.[d] ? b.find((i) => i.id === t?.properties?.[d]) : void 0;
+          ce(r), y?.(r);
         },
-        atmosphereColor: X,
+        atmosphereColor: Z,
         atmosphereAltitude: _,
         globeCurvatureResolution: ie,
         globeMaterial: q,
         backgroundColor: "rgba(0, 0, 0, 0)",
         polygonsTransitionDuration: 100,
         onGlobeReady: () => {
-          if (n.current) {
-            n.current.pointOfView({
+          if (l.current) {
+            l.current.pointOfView({
               lat: U,
-              lng: B
+              lng: I
             });
-            const t = n.current.scene();
+            const t = l.current.scene();
             setTimeout(() => {
               (t.children[3]?.children[0]?.children[4]?.children || []).forEach((m) => {
-                const i = m.children[1];
-                i.renderOrder = 2;
+                const s = m.children[1];
+                s.renderOrder = 2;
               });
             }, 300);
-            const o = n.current.camera();
-            t.add(o), te();
+            const r = l.current.camera();
+            t.add(r), oe();
           }
         }
       }
     ),
-    oe === !1 ? null : /* @__PURE__ */ r.jsx("div", { className: "absolute left-4 bottom-4", children: ne ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx(
+    ae === !1 ? null : /* @__PURE__ */ o.jsx("div", { className: "absolute left-4 bottom-4", children: ne ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsx(
         "div",
         {
-          style: {
-            backgroundColor: "rgba(240,240,240, 0.7)",
-            border: "1px solid var(--gray-400)",
-            borderRadius: "999px",
-            width: "24px",
-            height: "24px",
-            padding: "3px",
-            cursor: "pointer",
-            zIndex: 10,
-            position: "absolute",
-            right: "-0.75rem",
-            top: "-0.75rem"
-          },
+          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: () => {
-            Q(!1);
+            ee(!1);
           },
-          children: /* @__PURE__ */ r.jsx(Se, {})
+          children: /* @__PURE__ */ o.jsx(De, {})
         }
       ),
-      /* @__PURE__ */ r.jsxs(
+      /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: "p-2",
+          className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",
           style: {
-            backgroundColor: "rgba(240,240,240, 0.7)",
             width: R ? void 0 : "340px"
           },
           children: [
-            G && G !== "" ? /* @__PURE__ */ r.jsx(
+            B && B !== "" ? /* @__PURE__ */ o.jsx(
               ue,
               {
                 size: "xs",
@@ -234,54 +224,54 @@ function Ae(e) {
                   WebkitLineClamp: "1",
                   WebkitBoxOrient: "vertical"
                 },
-                children: G
+                children: B
               }
             ) : null,
-            R ? /* @__PURE__ */ r.jsx("div", { className: "flex flex-col gap-3", children: h.map((t, o) => /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2 items-center", children: [
-              /* @__PURE__ */ r.jsx(
+            R ? /* @__PURE__ */ o.jsx("div", { className: "flex flex-col gap-3", children: p.map((t, r) => /* @__PURE__ */ o.jsxs("div", { className: "flex gap-2 items-center", children: [
+              /* @__PURE__ */ o.jsx(
                 "div",
                 {
                   className: "w-2 h-2 rounded-full",
-                  style: { backgroundColor: l[o % l.length] }
+                  style: { backgroundColor: n[r % n.length] }
                 }
               ),
-              /* @__PURE__ */ r.jsx(ue, { size: "sm", marginBottom: "none", leading: "none", children: t })
-            ] }, o)) }) : /* @__PURE__ */ r.jsx("svg", { width: "100%", viewBox: "0 0 320 30", direction: "ltr", children: /* @__PURE__ */ r.jsxs("g", { children: [
-              h.map((t, o) => /* @__PURE__ */ r.jsxs("g", { className: "cursor-pointer", children: [
-                /* @__PURE__ */ r.jsx(
+              /* @__PURE__ */ o.jsx(ue, { size: "sm", marginBottom: "none", leading: "none", children: t })
+            ] }, r)) }) : /* @__PURE__ */ o.jsx("svg", { width: "100%", viewBox: "0 0 320 30", direction: "ltr", children: /* @__PURE__ */ o.jsxs("g", { children: [
+              p.map((t, r) => /* @__PURE__ */ o.jsxs("g", { className: "cursor-pointer", children: [
+                /* @__PURE__ */ o.jsx(
                   "rect",
                   {
-                    x: o * 320 / l.length + 1,
+                    x: r * 320 / n.length + 1,
                     y: 1,
-                    width: 320 / l.length - 2,
+                    width: 320 / n.length - 2,
                     height: 8,
                     style: {
-                      fill: l[o],
-                      stroke: l[o]
+                      fill: n[r],
+                      stroke: n[r]
                     }
                   }
                 ),
-                /* @__PURE__ */ r.jsx(
+                /* @__PURE__ */ o.jsx(
                   "text",
                   {
-                    x: (o + 1) * 320 / l.length,
+                    x: (r + 1) * 320 / n.length,
                     y: 25,
                     className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",
                     style: { textAnchor: "middle" },
                     children: ke(t, "NA")
                   }
                 )
-              ] }, o)),
-              /* @__PURE__ */ r.jsx("g", { children: /* @__PURE__ */ r.jsx(
+              ] }, r)),
+              /* @__PURE__ */ o.jsx("g", { children: /* @__PURE__ */ o.jsx(
                 "rect",
                 {
-                  x: h.length * 320 / l.length + 1,
+                  x: p.length * 320 / n.length + 1,
                   y: 1,
-                  width: 320 / l.length - 2,
+                  width: 320 / n.length - 2,
                   height: 8,
                   style: {
-                    fill: l[h.length],
-                    stroke: l[h.length]
+                    fill: n[p.length],
+                    stroke: n[p.length]
                   }
                 }
               ) })
@@ -289,78 +279,78 @@ function Ae(e) {
           ]
         }
       )
-    ] }) : /* @__PURE__ */ r.jsx(
+    ] }) : /* @__PURE__ */ o.jsx(
       "button",
       {
         type: "button",
         className: "mb-0 border-0 bg-transparent p-0 self-start",
         onClick: () => {
-          Q(!0);
+          ee(!0);
         },
-        children: /* @__PURE__ */ r.jsx("div", { className: "items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-550 border-primary-gray-400 dark:border-primary-gray-500", children: "Show Legend" })
+        children: /* @__PURE__ */ o.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" })
       }
     ) }),
-    S && Z ? /* @__PURE__ */ r.jsx(
-      je,
+    k && J ? /* @__PURE__ */ o.jsx(
+      Se,
       {
-        data: S,
-        body: Z,
-        xPos: ee.x,
-        yPos: ee.y,
+        data: k,
+        body: J,
+        xPos: te.x,
+        yPos: te.y,
         backgroundStyle: C?.tooltip,
         className: re?.tooltip
       }
     ) : null,
-    w && k !== void 0 ? /* @__PURE__ */ r.jsx(
-      Ce,
+    v && S !== void 0 ? /* @__PURE__ */ o.jsx(
+      je,
       {
-        open: k !== void 0,
+        open: S !== void 0,
         onClose: () => {
           E(void 0);
         },
-        children: /* @__PURE__ */ r.jsx(
+        children: /* @__PURE__ */ o.jsx(
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof w == "string" ? { __html: De(w, k) } : void 0,
-            children: typeof w == "function" ? w(k) : null
+            dangerouslySetInnerHTML: typeof v == "string" ? { __html: Ne(v, S) } : void 0,
+            children: typeof v == "function" ? v(S) : null
           }
         )
       }
     ) : null
   ] });
 }
-function ot(e) {
+function at(e) {
   const {
     data: a,
     mapData: x = "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json",
-    graphTitle: v,
+    graphTitle: b,
     colors: H,
     sources: R,
-    graphDescription: h,
-    height: l,
+    graphDescription: p,
+    height: n,
     width: c,
     footNote: V = "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: $,
     colorLegendTitle: d,
-    scaleType: F = "threshold",
-    padding: X,
-    mapNoDataColor: Z = A.light.graphNoData,
+    scaleType: G = "threshold",
+    padding: Z,
+    mapNoDataColor: J = A.light.graphNoData,
     backgroundColor: C = !1,
     mapBorderColor: re = A.light.grays["gray-500"],
-    relativeHeight: u,
-    tooltip: G,
-    graphID: oe,
-    mapProperty: ae = "ISO3",
-    dataDownload: w = !1,
+    relativeHeight: g,
+    tooltip: B,
+    graphID: ae,
+    mapProperty: se = "ISO3",
+    dataDownload: v = !1,
     language: L = "en",
     minHeight: y = 0,
     theme: T = "light",
-    ariaLabel: J,
-    styles: g,
+    ariaLabel: X,
+    styles: u,
     classNames: j,
-    autoRotate: I = !0,
-    enableZoom: B = !0,
+    autoRotate: F = !0,
+    enableZoom: I = !0,
     globeMaterial: U,
     centerPoint: _ = [0, 0],
     atmosphereColor: ie = "#999",
@@ -369,15 +359,15 @@ function ot(e) {
     detailsOnClick: Y,
     onSeriesMouseOver: f,
     onSeriesMouseClick: K,
-    highlightedIds: se = [],
-    highlightedAltitude: n = 0.1,
-    scale: k = 1,
-    globeOffset: E = [0, 0],
-    polygonAltitude: ne = 0.01,
-    globeCurvatureResolution: Q = 4,
+    highlightedIds: Q = [],
+    highlightedAltitude: le = 0.1,
+    scale: l = 1,
+    globeOffset: S = [0, 0],
+    polygonAltitude: E = 0.01,
+    globeCurvatureResolution: ne = 4,
     atmosphereAltitude: ee = 0.15,
-    fogSettings: le,
-    lights: S = [
+    fogSettings: te,
+    lights: de = [
       {
         type: "ambient",
         color: 4210752,
@@ -390,148 +380,150 @@ function ot(e) {
         position: { x: 5, y: 10, z: 5 }
       }
     ],
-    selectedId: de
-  } = e, [W, q] = N(void 0), [p, te] = N(0), [t, o] = N(0), s = ge(null);
+    selectedId: k,
+    collapseColorScaleByDefault: ce
+  } = e, [W, q] = N(void 0), [h, oe] = N(0), [t, r] = N(0), i = ye(null);
   D(() => {
-    const i = new ResizeObserver((b) => {
-      te(c || b[0].target.clientWidth || 760), o(l || b[0].target.clientHeight || 480);
+    const s = new ResizeObserver((w) => {
+      oe(c || w[0].target.clientWidth || 760), r(n || w[0].target.clientHeight || 480);
     });
-    return s.current && (o(s.current.clientHeight || 480), te(s.current.clientWidth || 760), c || i.observe(s.current)), () => i.disconnect();
-  }, [c, l]), D(() => {
-    typeof x == "string" ? Pe(x).then((b) => {
+    return i.current && (r(i.current.clientHeight || 480), oe(i.current.clientWidth || 760), c || s.observe(i.current)), () => s.disconnect();
+  }, [c, n]), D(() => {
+    typeof x == "string" ? Re(x).then((w) => {
       if (x === "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json") {
-        const ye = b.features.map((O) => {
+        const fe = w.features.map((O) => {
           if (O.geometry.type === "Polygon") {
-            const ce = [...O.geometry.coordinates[0]].reverse(), pe = { ...O.geometry, coordinates: [ce] };
+            const he = [...O.geometry.coordinates[0]].reverse(), pe = { ...O.geometry, coordinates: [he] };
             return { ...O, geometry: pe };
           }
-          const he = [];
-          O.geometry.coordinates.forEach((ce) => {
-            const pe = [...ce[0]].reverse();
-            he.push([pe]);
+          const me = [];
+          O.geometry.coordinates.forEach((he) => {
+            const pe = [...he[0]].reverse();
+            me.push([pe]);
           });
-          const fe = { ...O.geometry, coordinates: he };
-          return { ...O, geometry: fe };
+          const xe = { ...O.geometry, coordinates: me };
+          return { ...O, geometry: xe };
         });
-        q(ye);
-      } else q(b.features);
+        q(fe);
+      } else q(w.features);
     }) : q(x.features);
   }, [x]);
-  const m = $ || (F === "categorical" ? Re(a, "x") : Te(
-    a.map((i) => i.x),
+  const m = $ || (G === "categorical" ? Te(a, "x") : Ee(
+    a.map((s) => s.x),
     H?.length || 4
   ));
-  return /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ o.jsx(
     "div",
     {
       className: `${T || "light"} flex  ${c ? "w-fit grow-0" : "w-full grow"}`,
       dir: L === "he" || L === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ r.jsx(
+      children: /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: xe(
+          className: be(
             `${C ? C === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${L || "en"}`,
             c ? "w-fit" : "w-full",
             j?.graphContainer
           ),
           style: {
-            ...g?.graphContainer || {},
+            ...u?.graphContainer || {},
             ...C && C !== !0 ? { backgroundColor: C } : {}
           },
-          id: oe,
-          "aria-label": J || `${v ? `The graph shows ${v}. ` : ""}This is a map.${h ? ` ${h}` : ""}`,
-          children: /* @__PURE__ */ r.jsx(
+          id: ae,
+          "aria-label": X || `${b ? `The graph shows ${b}. ` : ""}This is a map.${p ? ` ${p}` : ""}`,
+          children: /* @__PURE__ */ o.jsx(
             "div",
             {
               className: "flex grow",
-              style: { padding: C ? X || "1rem" : X || 0 },
-              children: /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                v || h || w ? /* @__PURE__ */ r.jsx(
-                  ze,
+              style: { padding: C ? Z || "1rem" : Z || 0 },
+              children: /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+                b || p || v ? /* @__PURE__ */ o.jsx(
+                  Oe,
                   {
                     styles: {
-                      title: g?.title,
-                      description: g?.description
+                      title: u?.title,
+                      description: u?.description
                     },
                     classNames: {
                       title: j?.title,
                       description: j?.description
                     },
-                    graphTitle: v,
-                    graphDescription: h,
+                    graphTitle: b,
+                    graphDescription: p,
                     width: c,
                     graphDownload: void 0,
-                    dataDownload: w ? a.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? a.map((i) => i.data).filter((i) => i !== void 0) : a.filter((i) => i !== void 0) : null
+                    dataDownload: v ? a.map((s) => s.data).filter((s) => s !== void 0).length > 0 ? a.map((s) => s.data).filter((s) => s !== void 0) : a.filter((s) => s !== void 0) : null
                   }
                 ) : null,
-                /* @__PURE__ */ r.jsx(
+                /* @__PURE__ */ o.jsx(
                   "div",
                   {
                     className: "flex flex-col grow justify-center leading-0",
-                    ref: s,
+                    ref: i,
                     "aria-label": "Map area",
-                    children: (c || p) && (l || t) && W ? /* @__PURE__ */ r.jsx(
-                      Ae,
+                    children: (c || h) && (n || t) && W ? /* @__PURE__ */ o.jsx(
+                      He,
                       {
                         data: a,
-                        globeOffset: E,
+                        globeOffset: S,
                         polygonData: W,
                         colorDomain: m,
-                        width: c || p,
+                        width: c || h,
                         height: Math.max(
                           y,
-                          l || (u ? y ? (c || p) * u > y ? (c || p) * u : y : (c || p) * u : t)
+                          n || (g ? y ? (c || h) * g > y ? (c || h) * g : y : (c || h) * g : t)
                         ),
-                        colors: H || (F === "categorical" ? A[T].sequentialColors[`neutralColorsx0${m.length}`] : A[T].sequentialColors[`neutralColorsx0${m.length + 1}`]),
-                        mapNoDataColor: Z,
-                        categorical: F === "categorical",
+                        colors: H || (G === "categorical" ? A[T].sequentialColors[`neutralColorsx0${m.length}`] : A[T].sequentialColors[`neutralColorsx0${m.length + 1}`]),
+                        mapNoDataColor: J,
+                        categorical: G === "categorical",
                         mapBorderColor: re,
-                        tooltip: G,
-                        mapProperty: ae,
-                        styles: g,
+                        tooltip: B,
+                        mapProperty: se,
+                        styles: u,
                         classNames: j,
-                        autoRotate: I === !0 ? 1.5 : I === !1 ? 0 : I,
-                        enableZoom: B,
+                        autoRotate: F === !0 ? 1.5 : F === !1 ? 0 : F,
+                        enableZoom: I,
                         globeMaterial: U,
                         atmosphereColor: ie,
                         colorLegendTitle: d,
                         showColorScale: M,
                         hoverStrokeColor: T === "light" ? A.light.grays["gray-700"] : A.light.grays["gray-300"],
-                        highlightedIds: se,
+                        highlightedIds: Q,
                         resetSelectionOnDoubleClick: z,
                         detailsOnClick: Y,
                         onSeriesMouseOver: f,
                         onSeriesMouseClick: K,
-                        scale: k,
-                        polygonAltitude: ne,
+                        scale: l,
+                        polygonAltitude: E,
                         centerLat: _[0],
                         centerLng: _[1],
                         atmosphereAltitude: ee,
-                        globeCurvatureResolution: Q,
-                        fogSettings: le,
-                        lights: S,
-                        highlightedAltitude: n,
-                        selectedId: de
+                        globeCurvatureResolution: ne,
+                        fogSettings: te,
+                        lights: de,
+                        highlightedAltitude: le,
+                        selectedId: k,
+                        collapseColorScaleByDefault: ce
                       }
-                    ) : /* @__PURE__ */ r.jsx(
+                    ) : /* @__PURE__ */ o.jsx(
                       "div",
                       {
                         style: {
                           height: `${Math.max(
                             y,
-                            l || (u ? y ? (c || p) * u > y ? (c || p) * u : y : (c || p) * u : t)
+                            n || (g ? y ? (c || h) * g > y ? (c || h) * g : y : (c || h) * g : t)
                           )}px`
                         },
                         className: "flex items-center justify-center",
-                        children: /* @__PURE__ */ r.jsx(ve, { "aria-label": "Loading graph" })
+                        children: /* @__PURE__ */ o.jsx(ve, { "aria-label": "Loading graph" })
                       }
                     )
                   }
                 ),
-                R || V ? /* @__PURE__ */ r.jsx(
-                  Oe,
+                R || V ? /* @__PURE__ */ o.jsx(
+                  Pe,
                   {
-                    styles: { footnote: g?.footnote, source: g?.source },
+                    styles: { footnote: u?.footnote, source: u?.source },
                     classNames: {
                       footnote: j?.footnote,
                       source: j?.source
@@ -550,6 +542,6 @@ function ot(e) {
   );
 }
 export {
-  ot as ThreeDGlobe
+  at as ThreeDGlobe
 };
 //# sourceMappingURL=ThreeDGlobe.js.map