@undp/data-viz 2.0.8 → 2.1.0

package/dist/BiVariateChoroplethMap.js

@@ -6,62 +6,61 @@ import { p as be, f as ke } from "./parse-DlCRUFh_.js";
 import { i as we } from "./index-Bwrro8-q.js";
 import { z as je, t as Ce, g as $e, a as De, b as Ne, c as Se, d as Me } from "./zoom-C9MFjAaV.js";
 import { t as Ee } from "./index-GEsywGxz.js";
-import { l as Oe } from "./Modal-DGcuAHyK.js";
 import { j as ne } from "./Typography-PxtFcnJb.js";
 import { n as se } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as Le } from "./Tooltip-CwWUegPB.js";
-import { s as Pe } from "./string2HTML-DhG75NqA.js";
+import { T as Oe } from "./Tooltip-Dj5eVppQ.js";
 import { c as le } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { X as Ie, P as ze, e as _e } from "./index-D491FEn1.js";
+import { X as Le, P as Pe, e as Ie } from "./index-D491FEn1.js";
+import { D as ze } from "./DetailsModal-0Ry5nXiC.js";
 import { s as re } from "./select-DKy99ogv.js";
 import { t as ce } from "./threshold-Bgr20hik.js";
 import { u as We } from "./use-in-view-Cxa7y1TH.js";
 import { m as Lt } from "./proxy-BxkFHwUw.js";
-import { A as Be } from "./index-BqfRwk1n.js";
-import { GraphHeader as Ae } from "./GraphHeader.js";
-import { GraphFooter as Te } from "./GraphFooter.js";
+import { A as _e } from "./index-BqfRwk1n.js";
+import { GraphHeader as Be } from "./GraphHeader.js";
+import { GraphFooter as Ae } from "./GraphFooter.js";
 import { Colors as ae } from "./Colors.js";
-import { f as Fe } from "./fetchAndParseData-BpqkBPQL.js";
+import { f as Te } from "./fetchAndParseData-BpqkBPQL.js";
 import { g as de } from "./getJenks-BbngDoBQ.js";
-import { u as Ve } from "./uniqBy-BHy4I8PK.js";
-import { a as He, G as Ge } from "./GraphContainer-CRqzdKu2.js";
-import { s as Re } from "./sort-BIvMlUH1.js";
-import { a as Ue } from "./init-BJFW6EwE.js";
-function Xe(d) {
+import { u as Fe } from "./uniqBy-BHy4I8PK.js";
+import { a as Ve, G as Ge } from "./GraphContainer-CRqzdKu2.js";
+import { s as He } from "./sort-BIvMlUH1.js";
+import { a as Re } from "./init-BJFW6EwE.js";
+function Ue(d) {
   const {
     data: t,
     xDomain: b,
-    mapData: C,
+    mapData: j,
     xColorLegendTitle: It,
-    yDomain: tt,
-    yColorLegendTitle: et,
+    yDomain: Q,
+    yColorLegendTitle: tt,
     width: k,
     height: y,
     colors: x,
     scale: zt,
     centerPoint: $,
     mapBorderWidth: S,
-    mapNoDataColor: _,
+    mapNoDataColor: W,
     mapBorderColor: gt,
-    tooltip: ot,
+    tooltip: et,
     onSeriesMouseOver: ft,
     zoomScaleExtend: yt,
     zoomTranslateExtend: xt,
-    highlightedIds: H,
-    onSeriesMouseClick: rt,
-    mapProperty: G,
-    resetSelectionOnDoubleClick: _t,
-    detailsOnClick: w,
+    highlightedIds: G,
+    onSeriesMouseClick: ot,
+    mapProperty: H,
+    resetSelectionOnDoubleClick: Wt,
+    detailsOnClick: C,
     showColorScale: vt,
-    styles: Wt,
-    classNames: R,
-    mapProjection: W,
+    styles: _t,
+    classNames: _,
+    mapProjection: B,
     zoomInteraction: O,
     animate: D,
     dimmedOpacity: L,
-    customLayers: at,
+    customLayers: rt,
     collapseColorScaleByDefault: bt
-  } = d, [Bt, kt] = N(bt === void 0 ? !(k < 680) : !bt), [U, wt] = N(void 0), [B, it] = N(void 0), [A, nt] = N(void 0), [st, m] = N(void 0), [p, X] = N(void 0), T = Pt(null), lt = We(T, {
+  } = d, [Bt, kt] = N(bt === void 0 ? !(k < 680) : !bt), [R, wt] = N(void 0), [at, it] = N(void 0), [A, nt] = N(void 0), [st, m] = N(void 0), [p, U] = N(void 0), T = Pt(null), lt = We(T, {
     once: D.once,
     amount: D.amount
   }), jt = Pt(null), F = Pt(null);
@@ -78,20 +77,20 @@ function Xe(d) {
     });
     n.call(s), F.current = s;
   }, [y, k, O]);
-  const Y = Ce(C), P = Ee(C), M = Y[2] - Y[0], I = Y[3] - Y[1], ct = k * 190 / 960 * 360 / M, Ct = y * 190 / 678 * 180 / I, z = zt * Math.min(ct, Ct), E = W === "mercator" ? $e().rotate([0, 0]).center($ || P.geometry.coordinates).translate([k / 2, y / 2]).scale(z) : W === "equalEarth" ? De().rotate([0, 0]).center($ || P.geometry.coordinates).translate([k / 2, y / 2]).scale(z) : W === "naturalEarth" ? Ne().rotate([0, 0]).center($ || P.geometry.coordinates).translate([k / 2, y / 2]).scale(z) : W === "orthographic" ? Se().rotate([0, 0]).center($ || P.geometry.coordinates).translate([k / 2, y / 2]).scale(z) : Me().rotate([0, 0]).center($ || P.geometry.coordinates).translate([k / 2, y / 2]).scale(z), $t = Array.from({
+  const X = Ce(j), P = Ee(j), M = X[2] - X[0], I = X[3] - X[1], ct = k * 190 / 960 * 360 / M, Ct = y * 190 / 678 * 180 / I, z = zt * Math.min(ct, Ct), E = B === "mercator" ? $e().rotate([0, 0]).center($ || P.geometry.coordinates).translate([k / 2, y / 2]).scale(z) : B === "equalEarth" ? De().rotate([0, 0]).center($ || P.geometry.coordinates).translate([k / 2, y / 2]).scale(z) : B === "naturalEarth" ? Ne().rotate([0, 0]).center($ || P.geometry.coordinates).translate([k / 2, y / 2]).scale(z) : B === "orthographic" ? Se().rotate([0, 0]).center($ || P.geometry.coordinates).translate([k / 2, y / 2]).scale(z) : Me().rotate([0, 0]).center($ || P.geometry.coordinates).translate([k / 2, y / 2]).scale(z), $t = Array.from({
     length: b.length
   }, (e, n) => n), Dt = Array.from({
-    length: tt.length
-  }, (e, n) => n), Nt = ce().domain(b).range($t), St = ce().domain(tt).range(Dt), q = (e) => {
+    length: Q.length
+  }, (e, n) => n), Nt = ce().domain(b).range($t), St = ce().domain(Q).range(Dt), Y = (e) => {
     if (!T.current || !F.current) return;
     re(T.current).call(F.current.scaleBy, e === "in" ? 1.2 : 1 / 1.2);
   };
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ o.jsx(Lt.svg, { viewBox: `0 0 ${k} ${y}`, width: `${k}px`, height: `${y}px`, ref: T, direction: "ltr", children: /* @__PURE__ */ o.jsxs("g", { ref: jt, children: [
-        at.filter((e) => e.position === "before").map((e) => e.layer),
+        rt.filter((e) => e.position === "before").map((e) => e.layer),
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        C.features.map((e, n) => t.findIndex((s) => s.id === e.properties[G]) !== -1 ? null : /* @__PURE__ */ o.jsx(Lt.g, { opacity: U ? L : H.length !== 0 ? H.indexOf(e.properties[G]) !== -1 ? 1 : L : 1, children: e.geometry.type === "MultiPolygon" ? (
+        j.features.map((e, n) => t.findIndex((s) => s.id === e.properties[H]) !== -1 ? null : /* @__PURE__ */ o.jsx(Lt.g, { opacity: R ? L : G.length !== 0 ? G.indexOf(e.properties[H]) !== -1 ? 1 : L : 1, children: e.geometry.type === "MultiPolygon" ? (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           e.geometry.coordinates.map((s, r) => {
             let a = "";
@@ -104,7 +103,7 @@ function Xe(d) {
             }), /* @__PURE__ */ o.jsx("path", { d: a, style: {
               stroke: gt,
               strokeWidth: S,
-              fill: _
+              fill: W
             } }, r);
           })
         ) : (
@@ -117,21 +116,21 @@ function Xe(d) {
             }), /* @__PURE__ */ o.jsx("path", { d: a, style: {
               stroke: gt,
               strokeWidth: S,
-              fill: _
+              fill: W
             } }, r);
           })
         ) }, n)),
-        /* @__PURE__ */ o.jsx(Be, { children: t.map((e) => {
-          const n = C.features.findIndex(
+        /* @__PURE__ */ o.jsx(_e, { children: t.map((e) => {
+          const n = j.features.findIndex(
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            (a) => e.id === a.properties[G]
-          ), u = le(e.x) ? void 0 : Nt(e.x), s = le(e.y) ? void 0 : St(e.y), r = u !== void 0 && s !== void 0 ? x[s][u] : _;
+            (a) => e.id === a.properties[H]
+          ), u = le(e.x) ? void 0 : Nt(e.x), s = le(e.y) ? void 0 : St(e.y), r = u !== void 0 && s !== void 0 ? x[s][u] : W;
           return /* @__PURE__ */ o.jsx(Lt.g, { variants: {
             initial: {
               opacity: 0
             },
             whileInView: {
-              opacity: U ? U === r ? 1 : L : H.length !== 0 ? H.indexOf(e.id) !== -1 ? 1 : L : 1,
+              opacity: R ? R === r ? 1 : L : G.length !== 0 ? G.indexOf(e.id) !== -1 ? 1 : L : 1,
               transition: {
                 duration: D.duration
               }
@@ -142,14 +141,14 @@ function Xe(d) {
               duration: D.duration
             }
           }, onMouseEnter: (a) => {
-            nt(e), X(a.clientY), m(a.clientX), ft?.(e);
+            nt(e), U(a.clientY), m(a.clientX), ft?.(e);
           }, onClick: () => {
-            (rt || w) && (we(B, e) && _t ? (it(void 0), rt?.(void 0)) : (it(e), rt?.(e)));
+            (ot || C) && (we(at, e) && Wt ? (it(void 0), ot?.(void 0)) : (it(e), ot?.(e)));
           }, onMouseMove: (a) => {
-            nt(e), X(a.clientY), m(a.clientX);
+            nt(e), U(a.clientY), m(a.clientX);
           }, onMouseLeave: () => {
-            nt(void 0), m(void 0), X(void 0), ft?.(void 0);
-          }, children: n === -1 ? null : C.features[n].geometry.type === "MultiPolygon" ? C.features[n].geometry.coordinates.map(
+            nt(void 0), m(void 0), U(void 0), ft?.(void 0);
+          }, children: n === -1 ? null : j.features[n].geometry.type === "MultiPolygon" ? j.features[n].geometry.coordinates.map(
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             (a, l) => {
               let i = "";
@@ -176,11 +175,11 @@ function Xe(d) {
                 transition: {
                   duration: D.duration
                 }
-              }, d: i, className: `${r === _ ? "stroke-primary-gray-400 dark:stroke-primary-gray-500" : "stroke-primary-white dark:stroke-primary-gray-650"}`, style: {
+              }, d: i, className: `${r === W ? "stroke-primary-gray-400 dark:stroke-primary-gray-500" : "stroke-primary-white dark:stroke-primary-gray-650"}`, style: {
                 strokeWidth: S
               } }, `${e.id}-${l}`);
             }
-          ) : C.features[n].geometry.coordinates.map(
+          ) : j.features[n].geometry.coordinates.map(
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             (a, l) => {
               let i = "M";
@@ -204,15 +203,15 @@ function Xe(d) {
                 transition: {
                   duration: D.duration
                 }
-              }, className: `${r === _ ? "stroke-primary-gray-400 dark:stroke-primary-gray-500" : "stroke-primary-white dark:stroke-primary-gray-650"}`, style: {
+              }, className: `${r === W ? "stroke-primary-gray-400 dark:stroke-primary-gray-500" : "stroke-primary-white dark:stroke-primary-gray-650"}`, style: {
                 strokeWidth: S
               } }, `${e.id}-${l}`);
             }
           ) }, e.id);
         }) }),
-        A ? C.features.filter(
+        A ? j.features.filter(
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          (e) => e.properties[G] === A.id
+          (e) => e.properties[H] === A.id
         ).map((e, n) => /* @__PURE__ */ o.jsx("g", { children: e.geometry.type === "MultiPolygon" ? (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           e.geometry.coordinates.map((u, s) => {
@@ -243,18 +242,18 @@ function Xe(d) {
             } }, s);
           })
         ) }, n)) : null,
-        at.filter((e) => e.position === "after").map((e) => e.layer)
+        rt.filter((e) => e.position === "after").map((e) => e.layer)
       ] }) }),
-      vt === !1 ? null : /* @__PURE__ */ o.jsx("div", { className: ue("absolute left-4 bottom-4 map-color-legend", R?.colorLegend), children: Bt ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      vt === !1 ? null : /* @__PURE__ */ o.jsx("div", { className: ue("absolute left-4 bottom-4 map-color-legend", _?.colorLegend), children: Bt ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
         /* @__PURE__ */ o.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: () => {
           kt(!1);
-        }, children: /* @__PURE__ */ o.jsx(Ie, {}) }),
+        }, children: /* @__PURE__ */ o.jsx(Le, {}) }),
         /* @__PURE__ */ o.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: "175px"
         }, children: [
           /* @__PURE__ */ o.jsxs("div", { className: "flex gap-1 items-center", children: [
             /* @__PURE__ */ o.jsx("svg", { width: "136px", viewBox: "0 0 136 136", className: "shrink-0", children: /* @__PURE__ */ o.jsxs("g", { children: [
-              x.map((e, n) => /* @__PURE__ */ o.jsx("g", { transform: `translate(0,${100 - n * 25})`, children: e.map((u, s) => /* @__PURE__ */ o.jsx("rect", { y: 1, x: s * 25 + 1, fill: u, width: 23, height: 23, strokeWidth: U === u ? 2 : 0.25, style: {
+              x.map((e, n) => /* @__PURE__ */ o.jsx("g", { transform: `translate(0,${100 - n * 25})`, children: e.map((u, s) => /* @__PURE__ */ o.jsx("rect", { y: 1, x: s * 25 + 1, fill: u, width: 23, height: 23, strokeWidth: R === u ? 2 : 0.25, style: {
                 cursor: "pointer"
               }, onMouseOver: () => {
                 wt(u);
@@ -262,7 +261,7 @@ function Xe(d) {
                 wt(void 0);
               } }, s)) }, n)),
               /* @__PURE__ */ o.jsx("g", { transform: "translate(0,125)", children: b.map((e, n) => /* @__PURE__ */ o.jsx("text", { y: 10, x: (n + 1) * 25, fontSize: 10, textAnchor: "middle", children: typeof e == "string" || e < 1 ? e : se(e, "NA") }, n)) }),
-              tt.map((e, n) => /* @__PURE__ */ o.jsx("g", { transform: `translate(${Math.max(Math.min(b.length + 1, 5), 4) * 25 + 10},${100 - n * 25})`, children: /* @__PURE__ */ o.jsx("text", { x: 0, transform: "rotate(-90)", y: 0, fontSize: 10, textAnchor: "middle", children: typeof e == "string" || e < 1 ? e : se(e, "NA") }) }, n))
+              Q.map((e, n) => /* @__PURE__ */ o.jsx("g", { transform: `translate(${Math.max(Math.min(b.length + 1, 5), 4) * 25 + 10},${100 - n * 25})`, children: /* @__PURE__ */ o.jsx("text", { x: 0, transform: "rotate(-90)", y: 0, fontSize: 10, textAnchor: "middle", children: typeof e == "string" || e < 1 ? e : se(e, "NA") }) }, n))
             ] }) }),
             /* @__PURE__ */ o.jsx(ne, { marginBottom: "none", size: "xs", className: "leading-normal text-center shrink-0", style: {
               display: "-webkit-box",
@@ -272,7 +271,7 @@ function Xe(d) {
               writingMode: "vertical-rl",
               height: "8.5rem",
               transform: "rotate(180deg)"
-            }, children: et })
+            }, children: tt })
           ] }),
           /* @__PURE__ */ o.jsx(ne, { marginBottom: "none", size: "xs", className: "mt-1 leading-normal text-center", style: {
             display: "-webkit-box",
@@ -286,136 +285,132 @@ function Xe(d) {
         kt(!0);
       }, 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" }) }) }),
       O === "button" && /* @__PURE__ */ o.jsxs("div", { className: "absolute left-4 top-4 flex flex-col zoom-buttons", children: [
-        /* @__PURE__ */ o.jsx("button", { onClick: () => q("in"), className: "leading-0 px-2 py-3.5 border text-primary-gray-700 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100", children: "+" }),
-        /* @__PURE__ */ o.jsx("button", { onClick: () => q("out"), className: "leading-0 px-2 py-3.5 border text-primary-gray-700 border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100", children: "–" })
+        /* @__PURE__ */ o.jsx("button", { onClick: () => Y("in"), className: "leading-0 px-2 py-3.5 border text-primary-gray-700 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100", children: "+" }),
+        /* @__PURE__ */ o.jsx("button", { onClick: () => Y("out"), className: "leading-0 px-2 py-3.5 border text-primary-gray-700 border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100", children: "–" })
       ] })
     ] }),
-    A && ot && st && p ? /* @__PURE__ */ o.jsx(Le, { data: A, body: ot, xPos: st, yPos: p, backgroundStyle: Wt?.tooltip, className: R?.tooltip }) : null,
-    w && B !== void 0 ? /* @__PURE__ */ o.jsx(Oe, { open: B !== void 0, onClose: () => {
-      it(void 0);
-    }, children: /* @__PURE__ */ o.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof w == "string" ? {
-      __html: Pe(w, B)
-    } : void 0, children: typeof w == "function" ? w(B) : null }) }) : null
+    A && et && st && p ? /* @__PURE__ */ o.jsx(Oe, { data: A, body: et, xPos: st, yPos: p, backgroundStyle: _t?.tooltip, className: _?.tooltip }) : null,
+    C && at !== void 0 ? /* @__PURE__ */ o.jsx(ze, { body: C, data: at, setData: it, className: _?.modal }) : null
   ] });
 }
-function Po(d) {
+function Oo(d) {
   const t = ge.c(101), {
     data: b,
-    graphTitle: C,
+    graphTitle: j,
     mapData: It,
-    colors: tt,
-    sources: et,
+    colors: Q,
+    sources: tt,
     graphDescription: k,
     height: y,
     width: x,
     footNote: zt,
     xDomain: $,
     yDomain: S,
-    xColorLegendTitle: _,
+    xColorLegendTitle: W,
     yColorLegendTitle: gt,
-    tooltip: ot,
+    tooltip: et,
     scale: ft,
     centerPoint: yt,
     padding: xt,
-    mapBorderWidth: H,
-    mapNoDataColor: rt,
-    backgroundColor: G,
-    mapBorderColor: _t,
-    relativeHeight: w,
+    mapBorderWidth: G,
+    mapNoDataColor: ot,
+    backgroundColor: H,
+    mapBorderColor: Wt,
+    relativeHeight: C,
     onSeriesMouseOver: vt,
-    isWorldMap: Wt,
-    zoomScaleExtend: R,
-    zoomTranslateExtend: W,
+    isWorldMap: _t,
+    zoomScaleExtend: _,
+    zoomTranslateExtend: B,
     graphID: O,
     showColorScale: D,
     highlightedIds: L,
-    onSeriesMouseClick: at,
+    onSeriesMouseClick: rt,
     mapProperty: bt,
     graphDownload: Bt,
     dataDownload: kt,
-    showAntarctica: U,
+    showAntarctica: R,
     language: wt,
-    minHeight: B,
+    minHeight: at,
     theme: it,
     ariaLabel: A,
     resetSelectionOnDoubleClick: nt,
     detailsOnClick: st,
     styles: m,
     classNames: p,
-    mapProjection: X,
+    mapProjection: U,
     zoomInteraction: T,
     animate: lt,
     dimmedOpacity: jt,
     customLayers: F,
-    timeline: Y,
+    timeline: X,
     collapseColorScaleByDefault: P
-  } = d, M = It === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json" : It, I = tt === void 0 ? ae.light.bivariateColors.colors05x05 : tt, ct = zt === 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." : zt, Ct = _ === void 0 ? "X Color key" : _, z = gt === void 0 ? "Y Color key" : gt, E = ft === void 0 ? 0.95 : ft, $t = H === void 0 ? 0.5 : H, Dt = rt === void 0 ? ae.light.graphNoData : rt, Nt = G === void 0 ? !1 : G, St = _t === void 0 ? ae.light.grays["gray-500"] : _t, q = Wt === void 0 ? !0 : Wt;
+  } = d, M = It === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json" : It, I = Q === void 0 ? ae.light.bivariateColors.colors05x05 : Q, ct = zt === 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." : zt, Ct = W === void 0 ? "X Color key" : W, z = gt === void 0 ? "Y Color key" : gt, E = ft === void 0 ? 0.95 : ft, $t = G === void 0 ? 0.5 : G, Dt = ot === void 0 ? ae.light.graphNoData : ot, Nt = H === void 0 ? !1 : H, St = Wt === void 0 ? ae.light.grays["gray-500"] : Wt, Y = _t === void 0 ? !0 : _t;
   let e;
-  t[0] !== R ? (e = R === void 0 ? [0.8, 6] : R, t[0] = R, t[1] = e) : e = t[1];
+  t[0] !== _ ? (e = _ === void 0 ? [0.8, 6] : _, t[0] = _, t[1] = e) : e = t[1];
   const n = e, u = D === void 0 ? !0 : D;
   let s;
   t[2] !== L ? (s = L === void 0 ? [] : L, t[2] = L, t[3] = s) : s = t[3];
-  const r = s, a = bt === void 0 ? "ISO3" : bt, l = Bt === void 0 ? !1 : Bt, i = kt === void 0 ? !1 : kt, h = U === void 0 ? !1 : U, g = wt === void 0 ? "en" : wt, c = B === void 0 ? 0 : B, Mt = it === void 0 ? "light" : it, V = nt === void 0 ? !0 : nt, Jt = T === void 0 ? "button" : T, At = lt === void 0 ? !1 : lt, Kt = jt === void 0 ? 0.3 : jt;
+  const r = s, a = bt === void 0 ? "ISO3" : bt, l = Bt === void 0 ? !1 : Bt, i = kt === void 0 ? !1 : kt, h = R === void 0 ? !1 : R, g = wt === void 0 ? "en" : wt, c = at === void 0 ? 0 : at, Mt = it === void 0 ? "light" : it, V = nt === void 0 ? !0 : nt, Jt = T === void 0 ? "button" : T, At = lt === void 0 ? !1 : lt, Kt = jt === void 0 ? 0.3 : jt;
   let Tt;
   t[4] !== F ? (Tt = F === void 0 ? [] : F, t[4] = F, t[5] = Tt) : Tt = t[5];
-  const Zt = Tt, j = Y === void 0 ? {
+  const Zt = Tt, w = X === void 0 ? {
     enabled: !1,
     autoplay: !1,
     showOnlyActiveDate: !0
-  } : Y, [J, me] = N(0), [Et, pe] = N(0), [K, Qt] = N(j.autoplay), f = Re(Ve(b, "date", !0).map((v) => be(`${v}`, j.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()), oo), [Z, Ot] = N(j.autoplay ? 0 : f.length - 1), [dt, he] = N(void 0), te = Pt(null), ie = Pt(null);
+  } : X, [q, me] = N(0), [Et, pe] = N(0), [J, Qt] = N(w.autoplay), f = He(Fe(b, "date", !0).map((v) => be(`${v}`, w.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()), eo), [K, Ot] = N(w.autoplay ? 0 : f.length - 1), [dt, he] = N(void 0), te = Pt(null), ie = Pt(null);
   let Ft, Vt;
   t[6] === Symbol.for("react.memo_cache_sentinel") ? (Ft = () => {
-    const v = new ResizeObserver((Q) => {
-      me(Q[0].target.clientWidth || 620), pe(Q[0].target.clientHeight || 480);
+    const v = new ResizeObserver((Z) => {
+      me(Z[0].target.clientWidth || 620), pe(Z[0].target.clientHeight || 480);
     });
     return te.current && v.observe(te.current), () => v.disconnect();
   }, Vt = [], t[6] = Ft, t[7] = Vt) : (Ft = t[6], Vt = t[7]), qt(Ft, Vt);
-  let Ht;
-  t[8] === Symbol.for("react.memo_cache_sentinel") ? (Ht = (v) => {
+  let Gt;
+  t[8] === Symbol.for("react.memo_cache_sentinel") ? (Gt = (v) => {
     he(v);
-  }, t[8] = Ht) : Ht = t[8];
-  const Gt = fe(Ht);
+  }, t[8] = Gt) : Gt = t[8];
+  const Ht = fe(Gt);
   let Rt;
-  t[9] !== M || t[10] !== Gt ? (Rt = () => {
-    typeof M == "string" ? Fe(M).then((Q) => {
-      Gt(Q);
-    }) : Gt(M);
-  }, t[9] = M, t[10] = Gt, t[11] = Rt) : Rt = t[11];
+  t[9] !== M || t[10] !== Ht ? (Rt = () => {
+    typeof M == "string" ? Te(M).then((Z) => {
+      Ht(Z);
+    }) : Ht(M);
+  }, t[9] = M, t[10] = Ht, t[11] = Rt) : Rt = t[11];
   let Ut;
   t[12] !== M ? (Ut = [M], t[12] = M, t[13] = Ut) : Ut = t[13], qt(Rt, Ut), qt(() => {
     const v = setInterval(() => {
-      Ot((Q) => Q < f.length - 1 ? Q + 1 : 0);
-    }, (j.speed || 2) * 1e3);
-    return K || clearInterval(v), () => clearInterval(v);
-  }, [f, K, j.speed]);
-  const Xt = ye(f, Z, j.showOnlyActiveDate, j.dateFormat || "yyyy");
+      Ot((Z) => Z < f.length - 1 ? Z + 1 : 0);
+    }, (w.speed || 2) * 1e3);
+    return J || clearInterval(v), () => clearInterval(v);
+  }, [f, J, w.speed]);
+  const Xt = ye(f, K, w.showOnlyActiveDate, w.dateFormat || "yyyy");
   if ($ && S && ($.length !== I[0].length - 1 || S.length !== I.length - 1))
     return console.error("the xDomain and yDomain array length don't match to the color array length"), null;
   const ee = p?.graphContainer, oe = m?.graphContainer;
   let mt;
-  t[14] !== p?.description || t[15] !== p?.title || t[16] !== b || t[17] !== i || t[18] !== k || t[19] !== l || t[20] !== C || t[21] !== m?.description || t[22] !== m?.title || t[23] !== x ? (mt = C || k || l || i ? /* @__PURE__ */ o.jsx(Ae, { styles: {
+  t[14] !== p?.description || t[15] !== p?.title || t[16] !== b || t[17] !== i || t[18] !== k || t[19] !== l || t[20] !== j || t[21] !== m?.description || t[22] !== m?.title || t[23] !== x ? (mt = j || k || l || i ? /* @__PURE__ */ o.jsx(Be, { styles: {
     title: m?.title,
     description: m?.description
   }, classNames: {
     title: p?.title,
     description: p?.description
-  }, graphTitle: C, graphDescription: k, width: x, graphDownload: l ? ie : void 0, dataDownload: i ? b.map(eo).filter(to).length > 0 ? b.map(Qe).filter(Ze) : b.filter(Ke) : null }) : null, t[14] = p?.description, t[15] = p?.title, t[16] = b, t[17] = i, t[18] = k, t[19] = l, t[20] = C, t[21] = m?.description, t[22] = m?.title, t[23] = x, t[24] = mt) : mt = t[24];
+  }, graphTitle: j, graphDescription: k, width: x, graphDownload: l ? ie : void 0, dataDownload: i ? b.map(to).filter(Qe).length > 0 ? b.map(Ze).filter(Ke) : b.filter(Je) : null }) : null, t[14] = p?.description, t[15] = p?.title, t[16] = b, t[17] = i, t[18] = k, t[19] = l, t[20] = j, t[21] = m?.description, t[22] = m?.title, t[23] = x, t[24] = mt) : mt = t[24];
   let pt;
-  t[25] !== Z || t[26] !== Xt || t[27] !== K || t[28] !== Ot || t[29] !== Qt || t[30] !== j.enabled || t[31] !== f ? (pt = j.enabled && f.length > 0 && Xt ? /* @__PURE__ */ o.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+  t[25] !== K || t[26] !== Xt || t[27] !== J || t[28] !== Ot || t[29] !== Qt || t[30] !== w.enabled || t[31] !== f ? (pt = w.enabled && f.length > 0 && Xt ? /* @__PURE__ */ o.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
     /* @__PURE__ */ o.jsx("button", { type: "button", onClick: () => {
-      Qt(!K);
-    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": K ? "Click to pause animation" : "Click to play animation", children: K ? /* @__PURE__ */ o.jsx(ze, {}) : /* @__PURE__ */ o.jsx(_e, {}) }),
-    /* @__PURE__ */ o.jsx(xe, { min: f[0], max: f[f.length - 1], marks: Xt, step: null, defaultValue: f[f.length - 1], value: f[Z], onChangeComplete: (v) => {
+      Qt(!J);
+    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": J ? "Click to pause animation" : "Click to play animation", children: J ? /* @__PURE__ */ o.jsx(Pe, {}) : /* @__PURE__ */ o.jsx(Ie, {}) }),
+    /* @__PURE__ */ o.jsx(xe, { min: f[0], max: f[f.length - 1], marks: Xt, step: null, defaultValue: f[f.length - 1], value: f[K], onChangeComplete: (v) => {
       Ot(f.indexOf(v));
     }, onChange: (v) => {
       Ot(f.indexOf(v));
     }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
-  ] }) : null, t[25] = Z, t[26] = Xt, t[27] = K, t[28] = Ot, t[29] = Qt, t[30] = j.enabled, t[31] = f, t[32] = pt) : pt = t[32];
+  ] }) : null, t[25] = K, t[26] = Xt, t[27] = J, t[28] = Ot, t[29] = Qt, t[30] = w.enabled, t[31] = f, t[32] = pt) : pt = t[32];
   let ht;
-  t[33] !== At || t[34] !== yt || t[35] !== p || t[36] !== P || t[37] !== I || t[38] !== Zt || t[39] !== b || t[40] !== st || t[41] !== Kt || t[42] !== y || t[43] !== r || t[44] !== Z || t[45] !== q || t[46] !== St || t[47] !== $t || t[48] !== Dt || t[49] !== X || t[50] !== a || t[51] !== dt || t[52] !== c || t[53] !== at || t[54] !== vt || t[55] !== w || t[56] !== V || t[57] !== E || t[58] !== h || t[59] !== u || t[60] !== m || t[61] !== Et || t[62] !== J || t[63] !== j.dateFormat || t[64] !== j.enabled || t[65] !== ot || t[66] !== f || t[67] !== x || t[68] !== Ct || t[69] !== $ || t[70] !== z || t[71] !== S || t[72] !== Jt || t[73] !== n || t[74] !== W ? (ht = /* @__PURE__ */ o.jsx(He, { ref: te, children: J && Et && dt ? /* @__PURE__ */ o.jsx(Xe, { data: b.filter((v) => j.enabled ? v.date === ke(new Date(f[Z]), j.dateFormat || "yyyy") : v), mapData: h ? dt : {
+  t[33] !== At || t[34] !== yt || t[35] !== p || t[36] !== P || t[37] !== I || t[38] !== Zt || t[39] !== b || t[40] !== st || t[41] !== Kt || t[42] !== y || t[43] !== r || t[44] !== K || t[45] !== Y || t[46] !== St || t[47] !== $t || t[48] !== Dt || t[49] !== U || t[50] !== a || t[51] !== dt || t[52] !== c || t[53] !== rt || t[54] !== vt || t[55] !== C || t[56] !== V || t[57] !== E || t[58] !== h || t[59] !== u || t[60] !== m || t[61] !== Et || t[62] !== q || t[63] !== w.dateFormat || t[64] !== w.enabled || t[65] !== et || t[66] !== f || t[67] !== x || t[68] !== Ct || t[69] !== $ || t[70] !== z || t[71] !== S || t[72] !== Jt || t[73] !== n || t[74] !== B ? (ht = /* @__PURE__ */ o.jsx(Ve, { ref: te, children: q && Et && dt ? /* @__PURE__ */ o.jsx(Ue, { data: b.filter((v) => w.enabled ? v.date === ke(new Date(f[K]), w.dateFormat || "yyyy") : v), mapData: h ? dt : {
     ...dt,
-    features: dt.features.filter(Je)
-  }, xDomain: $ || de(b.map(qe), I[0].length), yDomain: S || de(b.map(Ye), I.length), width: J, height: Et, scale: E, centerPoint: yt, colors: I, xColorLegendTitle: Ct, yColorLegendTitle: z, mapBorderWidth: $t, mapNoDataColor: Dt, mapBorderColor: St, tooltip: ot, onSeriesMouseOver: vt, isWorldMap: q, zoomScaleExtend: n, zoomTranslateExtend: W, onSeriesMouseClick: at, mapProperty: a, highlightedIds: r, resetSelectionOnDoubleClick: V, styles: m, showColorScale: u, classNames: p, mapProjection: X || (q ? "naturalEarth" : "mercator"), detailsOnClick: st, zoomInteraction: Jt, animate: At === !0 ? {
+    features: dt.features.filter(qe)
+  }, xDomain: $ || de(b.map(Ye), I[0].length), yDomain: S || de(b.map(Xe), I.length), width: q, height: Et, scale: E, centerPoint: yt, colors: I, xColorLegendTitle: Ct, yColorLegendTitle: z, mapBorderWidth: $t, mapNoDataColor: Dt, mapBorderColor: St, tooltip: et, onSeriesMouseOver: vt, isWorldMap: Y, zoomScaleExtend: n, zoomTranslateExtend: B, onSeriesMouseClick: rt, mapProperty: a, highlightedIds: r, resetSelectionOnDoubleClick: V, styles: m, showColorScale: u, classNames: p, mapProjection: U || (Y ? "naturalEarth" : "mercator"), detailsOnClick: st, zoomInteraction: Jt, animate: At === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
@@ -424,52 +419,52 @@ function Po(d) {
     once: !0,
     amount: 0
   }, dimmedOpacity: Kt, customLayers: Zt, collapseColorScaleByDefault: P }) : /* @__PURE__ */ o.jsx("div", { style: {
-    height: `${Math.max(c, y || (w ? c ? (x || J) * w > c ? (x || J) * w : c : (x || J) * w : Et))}px`
-  }, className: "flex items-center justify-center", children: /* @__PURE__ */ o.jsx(ve, { "aria-label": "Loading graph" }) }) }), t[33] = At, t[34] = yt, t[35] = p, t[36] = P, t[37] = I, t[38] = Zt, t[39] = b, t[40] = st, t[41] = Kt, t[42] = y, t[43] = r, t[44] = Z, t[45] = q, t[46] = St, t[47] = $t, t[48] = Dt, t[49] = X, t[50] = a, t[51] = dt, t[52] = c, t[53] = at, t[54] = vt, t[55] = w, t[56] = V, t[57] = E, t[58] = h, t[59] = u, t[60] = m, t[61] = Et, t[62] = J, t[63] = j.dateFormat, t[64] = j.enabled, t[65] = ot, t[66] = f, t[67] = x, t[68] = Ct, t[69] = $, t[70] = z, t[71] = S, t[72] = Jt, t[73] = n, t[74] = W, t[75] = ht) : ht = t[75];
+    height: `${Math.max(c, y || (C ? c ? (x || q) * C > c ? (x || q) * C : c : (x || q) * C : Et))}px`
+  }, className: "flex items-center justify-center", children: /* @__PURE__ */ o.jsx(ve, { "aria-label": "Loading graph" }) }) }), t[33] = At, t[34] = yt, t[35] = p, t[36] = P, t[37] = I, t[38] = Zt, t[39] = b, t[40] = st, t[41] = Kt, t[42] = y, t[43] = r, t[44] = K, t[45] = Y, t[46] = St, t[47] = $t, t[48] = Dt, t[49] = U, t[50] = a, t[51] = dt, t[52] = c, t[53] = rt, t[54] = vt, t[55] = C, t[56] = V, t[57] = E, t[58] = h, t[59] = u, t[60] = m, t[61] = Et, t[62] = q, t[63] = w.dateFormat, t[64] = w.enabled, t[65] = et, t[66] = f, t[67] = x, t[68] = Ct, t[69] = $, t[70] = z, t[71] = S, t[72] = Jt, t[73] = n, t[74] = B, t[75] = ht) : ht = t[75];
   let ut;
-  t[76] !== p?.footnote || t[77] !== p?.source || t[78] !== ct || t[79] !== et || t[80] !== m?.footnote || t[81] !== m?.source || t[82] !== x ? (ut = et || ct ? /* @__PURE__ */ o.jsx(Te, { styles: {
+  t[76] !== p?.footnote || t[77] !== p?.source || t[78] !== ct || t[79] !== tt || t[80] !== m?.footnote || t[81] !== m?.source || t[82] !== x ? (ut = tt || ct ? /* @__PURE__ */ o.jsx(Ae, { styles: {
     footnote: m?.footnote,
     source: m?.source
   }, classNames: {
     footnote: p?.footnote,
     source: p?.source
-  }, sources: et, footNote: ct, width: x }) : null, t[76] = p?.footnote, t[77] = p?.source, t[78] = ct, t[79] = et, t[80] = m?.footnote, t[81] = m?.source, t[82] = x, t[83] = ut) : ut = t[83];
+  }, sources: tt, footNote: ct, width: x }) : null, t[76] = p?.footnote, t[77] = p?.source, t[78] = ct, t[79] = tt, t[80] = m?.footnote, t[81] = m?.source, t[82] = x, t[83] = ut) : ut = t[83];
   let Yt;
-  return t[84] !== A || t[85] !== Nt || t[86] !== O || t[87] !== y || t[88] !== g || t[89] !== c || t[90] !== xt || t[91] !== w || t[92] !== ee || t[93] !== oe || t[94] !== mt || t[95] !== pt || t[96] !== ht || t[97] !== ut || t[98] !== Mt || t[99] !== x ? (Yt = /* @__PURE__ */ o.jsxs(Ge, { className: ee, style: oe, id: O, ref: ie, "aria-label": A, backgroundColor: Nt, theme: Mt, language: g, minHeight: c, width: x, height: y, relativeHeight: w, padding: xt, children: [
+  return t[84] !== A || t[85] !== Nt || t[86] !== O || t[87] !== y || t[88] !== g || t[89] !== c || t[90] !== xt || t[91] !== C || t[92] !== ee || t[93] !== oe || t[94] !== mt || t[95] !== pt || t[96] !== ht || t[97] !== ut || t[98] !== Mt || t[99] !== x ? (Yt = /* @__PURE__ */ o.jsxs(Ge, { className: ee, style: oe, id: O, ref: ie, "aria-label": A, backgroundColor: Nt, theme: Mt, language: g, minHeight: c, width: x, height: y, relativeHeight: C, padding: xt, children: [
     mt,
     pt,
     ht,
     ut
-  ] }), t[84] = A, t[85] = Nt, t[86] = O, t[87] = y, t[88] = g, t[89] = c, t[90] = xt, t[91] = w, t[92] = ee, t[93] = oe, t[94] = mt, t[95] = pt, t[96] = ht, t[97] = ut, t[98] = Mt, t[99] = x, t[100] = Yt) : Yt = t[100], Yt;
+  ] }), t[84] = A, t[85] = Nt, t[86] = O, t[87] = y, t[88] = g, t[89] = c, t[90] = xt, t[91] = C, t[92] = ee, t[93] = oe, t[94] = mt, t[95] = pt, t[96] = ht, t[97] = ut, t[98] = Mt, t[99] = x, t[100] = Yt) : Yt = t[100], Yt;
 }
-function Ye(d) {
+function Xe(d) {
   return d.y;
 }
-function qe(d) {
+function Ye(d) {
   return d.x;
 }
-function Je(d) {
+function qe(d) {
   return d.properties.NAME !== "Antarctica";
 }
-function Ke(d) {
+function Je(d) {
   return d !== void 0;
 }
-function Ze(d) {
+function Ke(d) {
   return d !== void 0;
 }
-function Qe(d) {
+function Ze(d) {
   return d.data;
 }
-function to(d) {
+function Qe(d) {
   return d !== void 0;
 }
-function eo(d) {
+function to(d) {
   return d.data;
 }
-function oo(d, t) {
-  return Ue(d, t);
+function eo(d, t) {
+  return Re(d, t);
 }
 export {
-  Po as BiVariateChoroplethMap
+  Oo as BiVariateChoroplethMap
 };
 //# sourceMappingURL=BiVariateChoroplethMap.js.map