@undp/data-viz 2.6.0 → 2.6.1

package/dist/HybridMap.js

@@ -1,593 +1,2 @@
-import { j as o, c as Yt } from "./compiler-runtime-qHgugrLy.js";
-import { useMemo as Vt, useState as N, useRef as Ze, useEffect as Ye, useEffectEvent as _t } from "react";
-import { f as Zt, p as Jt } from "./parse-Dv4of-PN.js";
-import { SliderUI as Kt } from "@undp/design-system-react/SliderUI";
-import { Spinner as Qt } from "@undp/design-system-react/Spinner";
-import { i as $t } from "./index-Bwrro8-q.js";
-import { i as At, z as eo, a as to, g as oo, b as ao, c as ro, d as io, e as no, f as lo } from "./index-CKpKc9DR.js";
-import { P as Xe } from "@undp/design-system-react/Typography";
-import { i as so } from "./index-DCsFBfJ_.js";
-import { cn as Ft } from "@undp/design-system-react/cn";
-import { Spacer as Tt } from "@undp/design-system-react/Spacer";
-import { Separator as co } from "@undp/design-system-react/Separator";
-import { T as mo } from "./Tooltip-DO56mY4b.js";
-import { X as po, E as uo, P as ho, e as fo } from "./index-D_ls5oK8.js";
-import { D as go } from "./DetailsModal-k-Me_U_T.js";
-import { ImageDownloadButton as yo } from "./ImageDownloadButton.js";
-import { CsvDownloadButton as vo } from "./CsvDownloadButton.js";
-import { s as xo } from "./pow-BXYLJHCq.js";
-import { o as bo } from "./ordinal-CHaxGJ_l.js";
-import { t as jo } from "./threshold-DFfqcDMa.js";
-import { s as Pt } from "./select-DKy99ogv.js";
-import { m as ie } from "./proxy-D31SA_aE.js";
-import { c as xt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { n as Lt } from "./numberFormattingFunction-BUUV_luR.js";
-import { u as wo } from "./use-in-view-Co5SmzfT.js";
-import { A as Do } from "./index-CNUlPiEL.js";
-import { GraphFooter as ko } from "./GraphFooter.js";
-import { GraphHeader as Co } from "./GraphHeader.js";
-import { Colors as Ne } from "./Colors.js";
-import { b as Rt } from "./fetchAndParseData-CDjQZ1fL.js";
-import { g as No } from "./getSliderMarks-DSxFGb1f.js";
-import { a as Mo, G as So } from "./GraphContainer-DcOM2CI6.js";
-import { g as Oo } from "./getUniqValue-DsqSii6M.js";
-import { g as Bo } from "./getJenks-DTCcQSDi.js";
-function Eo(i) {
-  const {
-    data: e,
-    colors: a,
-    mapData: ne,
-    mapColorLegendTitle: T,
-    colorDomain: m,
-    radius: L,
-    height: v,
-    width: u,
-    scale: g,
-    centerPoint: R,
-    tooltip: le,
-    showLabels: Me,
-    mapBorderWidth: se,
-    mapBorderColor: ce,
-    mapNoDataColor: Se,
-    onSeriesMouseOver: U,
-    showColorScale: Oe,
-    zoomScaleExtend: Je,
-    zoomTranslateExtend: Ke,
-    highlightedDataPoints: Be,
-    onSeriesMouseClick: W,
-    resetSelectionOnDoubleClick: Ee,
-    detailsOnClick: G,
-    styles: D,
-    classNames: q,
-    mapProjection: oe,
-    zoomInteraction: H,
-    animate: f,
-    dimmedOpacity: O,
-    customLayers: de,
-    maxRadiusValue: Ie,
-    categorical: X,
-    dotColor: Y,
-    collapseColorScaleByDefault: ze,
-    highlightedIds: V,
-    mapProperty: me,
-    dotLegendTitle: pe,
-    dotBorderColor: Pe,
-    labelColor: Le,
-    projectionRotate: Z,
-    rewindCoordinatesInMapData: J,
-    overlayMapData: p,
-    overlayMapBorderColor: h,
-    overlayMapBorderWidth: Qe,
-    numberDisplayOptions: k,
-    graphDownload: ue,
-    dataDownload: K
-  } = i, B = Vt(() => J ? At(ne, {
-    reverse: !0
-  }) : ne, [ne, J]), he = Vt(() => !J || !p ? p : At(p, {
-    reverse: !0
-  }), [p, J]), [C, b] = N(void 0), [et, fe] = N(ze === void 0 ? !(u < 680) : !ze), ge = Ze(null), [Q, _] = N(void 0), [We, M] = N(void 0), [Ve, E] = N(void 0), [y, x] = N(void 0), I = Ze(null), w = wo(I, {
-    once: f.once,
-    amount: f.amount
-  }), ye = Ze(null), z = e.filter((t) => t.radius === void 0 || t.radius === null).length !== e.length ? xo().domain([0, Ie]).range([0.25, L]).nice() : void 0, _e = X ? bo().domain(m).range(a) : jo().domain(m).range(a);
-  Ye(() => {
-    const t = Pt(ye.current), r = Pt(I.current), n = (c) => {
-      if (H === "noZoom") return !1;
-      if (H === "button") return !c.type.includes("wheel");
-      const Te = c.type === "wheel", Re = c.type.startsWith("touch"), be = c.type === "mousedown" || c.type === "mousemove";
-      return Re ? !0 : Te ? H === "scroll" ? !0 : c.ctrlKey : be && !c.button && !c.ctrlKey;
-    }, j = eo().scaleExtent(Je).translateExtent(Ke || [[-20, -20], [u + 20, v + 20]]).filter(n).on("zoom", ({
-      transform: c
-    }) => {
-      t.attr("transform", c);
-    });
-    r.call(j), ge.current = j;
-  }, [v, u, H]);
-  const ee = to(B), $ = so(B), $e = (ee[2] - ee[0]) * 1.15, Ae = (ee[3] - ee[1]) * 1.15, ve = u * 190 / 960 * 360 / $e, Fe = v * 190 / 678 * 180 / Ae, P = g * Math.min(ve, Fe), te = oe === "mercator" ? oo().rotate(Z).center(R || $.geometry.coordinates).translate([u / 2, v / 2]).scale(P) : oe === "equalEarth" ? ao().rotate(Z).center(R || $.geometry.coordinates).translate([u / 2, v / 2]).scale(P) : oe === "naturalEarth" ? ro().rotate(Z).center(R || $.geometry.coordinates).translate([u / 2, v / 2]).scale(P) : oe === "orthographic" ? io().rotate(Z).center(R || $.geometry.coordinates).translate([u / 2, v / 2]).scale(P) : no().rotate(Z).center(R || $.geometry.coordinates).translate([u / 2, v / 2]).scale(P), ae = lo().projection(te), xe = (t) => {
-    if (!I.current || !ge.current) return;
-    Pt(I.current).call(ge.current.scaleBy, t === "in" ? 1.2 : 1 / 1.2);
-  };
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ o.jsx(ie.svg, { width: `${u}px`, height: `${v}px`, viewBox: `0 0 ${u} ${v}`, ref: I, direction: "ltr", children: /* @__PURE__ */ o.jsxs("g", { ref: ye, children: [
-        de.filter((t) => t.position === "before").map((t) => t.layer),
-        B.features.map((t, r) => {
-          if (!t.properties?.[me]) return null;
-          const n = ae(t);
-          return n ? /* @__PURE__ */ o.jsx(ie.g, { opacity: C ? O : V ? V.indexOf(t.properties[me]) !== -1 ? 1 : O : 1, children: /* @__PURE__ */ o.jsx("path", { d: n, style: {
-            stroke: ce,
-            strokeWidth: se,
-            fill: Se,
-            vectorEffect: "non-scaling-stroke"
-          } }) }, r) : null;
-        }),
-        /* @__PURE__ */ o.jsxs(Do, { children: [
-          e.filter((t) => t.id).map((t) => {
-            const r = B.features.findIndex(
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              (c) => t.id === c.properties[me]
-            );
-            if (r === -1) return null;
-            const n = ae(B.features[r]);
-            if (!n) return null;
-            const j = xt(t.x) ? Se : (
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              _e(t.x)
-            );
-            return /* @__PURE__ */ o.jsx(ie.g, { className: "undp-map-shapes", variants: {
-              initial: {
-                opacity: 0
-              },
-              whileInView: {
-                opacity: C ? C === j && (!V || V.indexOf(t.id) !== -1) ? 1 : O : V ? V.indexOf(t.id) !== -1 ? 1 : O : 1,
-                transition: {
-                  duration: f.duration
-                }
-              }
-            }, initial: "initial", animate: w ? "whileInView" : "initial", exit: {
-              opacity: 0,
-              transition: {
-                duration: f.duration
-              }
-            }, onMouseEnter: (c) => {
-              M(t), x(c.clientY), E(c.clientX), U?.(t);
-            }, onMouseMove: (c) => {
-              M(t), x(c.clientY), E(c.clientX);
-            }, onMouseLeave: () => {
-              M(void 0), E(void 0), x(void 0), U?.(void 0);
-            }, onClick: () => {
-              (W || G) && ($t(Q, t) && Ee ? (_(void 0), W?.(void 0)) : (_(t), W?.(t)));
-            }, children: /* @__PURE__ */ o.jsx(ie.path, { d: n, variants: {
-              initial: {
-                fill: j,
-                opacity: 0
-              },
-              whileInView: {
-                fill: j,
-                opacity: 1,
-                transition: {
-                  duration: f.duration
-                }
-              }
-            }, initial: "initial", animate: w ? "whileInView" : "initial", exit: {
-              opacity: 0,
-              transition: {
-                duration: f.duration
-              }
-            }, style: {
-              stroke: ce,
-              strokeWidth: se,
-              vectorEffect: "non-scaling-stroke"
-            } }, `${t.id}`) }, t.id);
-          }),
-          he?.features.map((t, r) => {
-            const n = ae(t);
-            return n ? /* @__PURE__ */ o.jsx("g", { children: /* @__PURE__ */ o.jsx("path", { d: n, style: {
-              stroke: h || ce,
-              strokeWidth: Qe || se + 1,
-              fill: "none",
-              pointerEvents: "none",
-              vectorEffect: "non-scaling-stroke"
-            } }) }, r) : null;
-          }),
-          e.filter((t) => !xt(t.lat) && !xt(t.long)).map((t) => {
-            const r = te([t.long, t.lat])[0] > 0.8 * u ? -1 : 1;
-            return /* @__PURE__ */ o.jsxs(ie.g, { className: "undp-map-dots", variants: {
-              initial: {
-                opacity: 0
-              },
-              whileInView: {
-                opacity: Be ? Be.indexOf(t.label || "") !== -1 ? 1 : O : 1,
-                transition: {
-                  duration: f.duration
-                }
-              }
-            }, initial: "initial", animate: w ? "whileInView" : "initial", exit: {
-              opacity: 0,
-              transition: {
-                duration: f.duration
-              }
-            }, onMouseEnter: (n) => {
-              M(t), x(n.clientY), E(n.clientX), U?.(t);
-            }, onMouseMove: (n) => {
-              M(t), x(n.clientY), E(n.clientX);
-            }, onMouseLeave: () => {
-              M(void 0), E(void 0), x(void 0), U?.(void 0);
-            }, onClick: () => {
-              (W || G) && ($t(Q, t) && Ee ? (_(void 0), W?.(void 0)) : (_(t), W?.(t)));
-            }, transform: `translate(${te([t.long, t.lat])[0]},${te([t.long, t.lat])[1]})`, children: [
-              /* @__PURE__ */ o.jsx(ie.circle, { cx: 0, cy: 0, variants: {
-                initial: {
-                  r: 0,
-                  fill: Y,
-                  stroke: Pe || Y
-                },
-                whileInView: {
-                  r: z ? z(t.radius || 0) : L,
-                  fill: Y,
-                  stroke: Pe || Y,
-                  transition: {
-                    duration: f.duration
-                  }
-                }
-              }, initial: "initial", animate: w ? "whileInView" : "initial", exit: {
-                r: 0,
-                transition: {
-                  duration: f.duration
-                }
-              }, style: {
-                fillOpacity: 0.8,
-                vectorEffect: "non-scaling-stroke"
-              } }),
-              Me && t.label ? /* @__PURE__ */ o.jsx(ie.text, { variants: {
-                initial: {
-                  opacity: 0,
-                  x: r * (z ? z(t.radius || 0) : L)
-                },
-                whileInView: {
-                  opacity: 1,
-                  x: r * (z ? z(t.radius || 0) : L),
-                  transition: {
-                    duration: f.duration
-                  }
-                }
-              }, initial: "initial", animate: w ? "whileInView" : "initial", exit: {
-                opacity: 0,
-                transition: {
-                  duration: f.duration
-                }
-              }, y: 0, className: Ft("text-sm", q?.graphObjectValues), style: {
-                textAnchor: r === -1 ? "end" : "start",
-                fill: Le || "#000",
-                vectorEffect: "non-scaling-stroke",
-                ...D?.graphObjectValues || {}
-              }, dx: r * 4, dy: 5, children: t.label }) : null
-            ] }, t.label || `${t.lat}-${t.long}`);
-          })
-        ] }),
-        de.filter((t) => t.position === "after").map((t) => t.layer)
-      ] }) }),
-      Oe === !1 ? null : /* @__PURE__ */ o.jsx("div", { className: Ft("absolute left-4 bottom-4 map-color-legend", q?.colorLegend), children: et ? /* @__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: () => {
-          fe(!1);
-        }, children: /* @__PURE__ */ o.jsx(po, {}) }),
-        /* @__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: X || m.length < 2 ? void 0 : "340px"
-        }, children: [
-          pe && pe !== "" ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-            /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ o.jsx("div", { className: "w-3 h-3 rounded-full", style: {
-                backgroundColor: Y
-              } }),
-              /* @__PURE__ */ o.jsx(Xe, { size: "xs", marginBottom: "none", 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: pe })
-            ] }),
-            /* @__PURE__ */ o.jsx(Tt, { size: "xl" }),
-            /* @__PURE__ */ o.jsx(co, {}),
-            /* @__PURE__ */ o.jsx(Tt, { size: "xl" })
-          ] }) : null,
-          T && T !== "" ? /* @__PURE__ */ o.jsx(Xe, { 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: T }) : null,
-          !X && m.length > 1 ? /* @__PURE__ */ o.jsx("svg", { width: "100%", viewBox: "0 0 320 30", direction: "ltr", children: /* @__PURE__ */ o.jsxs("g", { children: [
-            m.map((t, r) => /* @__PURE__ */ o.jsxs("g", { onMouseOver: () => {
-              b(a[r]);
-            }, onMouseLeave: () => {
-              b(void 0);
-            }, className: "cursor-pointer", children: [
-              /* @__PURE__ */ o.jsx("rect", { x: r * 320 / a.length + 1, y: 1, width: 320 / a.length - 2, height: 8, className: C === a[r] ? "stroke-primary-gray-700 dark:stroke-primary-gray-300" : "", style: {
-                fill: a[r],
-                ...C === a[r] ? {} : {
-                  stroke: a[r]
-                }
-              } }),
-              /* @__PURE__ */ o.jsx("text", { x: (r + 1) * 320 / a.length, y: 25, className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", style: {
-                textAnchor: "middle"
-              }, children: Lt(t, void 0, k?.precision ?? 2, void 0, void 0, k?.locale || "en", k?.padZeros || !1) })
-            ] }, r)),
-            /* @__PURE__ */ o.jsx("g", { children: /* @__PURE__ */ o.jsx("rect", { onMouseOver: () => {
-              b(a[m.length]);
-            }, onMouseLeave: () => {
-              b(void 0);
-            }, x: m.length * 320 / a.length + 1, y: 1, width: 320 / a.length - 2, height: 8, className: `cursor-pointer ${C === a[m.length] ? "stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300" : ""}`, style: {
-              fill: a[m.length],
-              ...C === a[m.length] ? {} : {
-                stroke: a[m.length]
-              }
-            } }) })
-          ] }) }) : X ? /* @__PURE__ */ o.jsx("div", { className: "flex flex-col gap-3", children: m.map((t, r) => /* @__PURE__ */ o.jsxs("div", { className: "flex gap-2 items-center", onMouseOver: () => {
-            b(a[r % a.length]);
-          }, onMouseLeave: () => {
-            b(void 0);
-          }, children: [
-            /* @__PURE__ */ o.jsx("div", { className: "w-2 h-2 rounded-full", style: {
-              backgroundColor: a[r % a.length]
-            } }),
-            /* @__PURE__ */ o.jsx(Xe, { size: "sm", marginBottom: "none", leading: "none", children: t })
-          ] }, r)) }) : /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ o.jsxs("div", { className: "flex gap-2 items-center", onMouseOver: () => {
-              b(a[0]);
-            }, onMouseLeave: () => {
-              b(void 0);
-            }, children: [
-              /* @__PURE__ */ o.jsx("div", { className: "w-2 h-2 rounded-full", style: {
-                backgroundColor: a[0]
-              } }),
-              /* @__PURE__ */ o.jsx(Xe, { size: "sm", marginBottom: "none", leading: "none", children: `<= ${Lt(m[0], "NA", k?.precision ?? 2, void 0, void 0, k?.locale || "en", k?.padZeros || !1)}` })
-            ] }),
-            /* @__PURE__ */ o.jsxs("div", { className: "flex gap-2 items-center", onMouseOver: () => {
-              b(a[1]);
-            }, onMouseLeave: () => {
-              b(void 0);
-            }, children: [
-              /* @__PURE__ */ o.jsx("div", { className: "w-2 h-2 rounded-full", style: {
-                backgroundColor: a[1]
-              } }),
-              /* @__PURE__ */ o.jsx(Xe, { size: "sm", marginBottom: "none", leading: "none", children: `> ${Lt(m[0], "NA", k?.precision ?? 2, void 0, void 0, k?.locale || "en", k?.padZeros || !1)}` })
-            ] })
-          ] })
-        ] })
-      ] }) : /* @__PURE__ */ o.jsx("button", { type: "button", className: "p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button", onClick: () => {
-        fe(!0);
-      }, children: /* @__PURE__ */ o.jsx(uo, {}) }) }),
-      H === "button" && /* @__PURE__ */ o.jsxs("div", { className: "absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons", children: [
-        /* @__PURE__ */ o.jsx("button", { onClick: () => xe("in"), className: "leading-0 px-2 py-3.5 text-primary-gray-700 border 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: () => xe("out"), className: "leading-0 px-2 py-3.5 text-primary-gray-700 border 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: "–" })
-      ] }),
-      (ue || K) && /* @__PURE__ */ o.jsxs("div", { className: "absolute right-4 top-4 flex flex-col image-download-button gap-2", children: [
-        ue && /* @__PURE__ */ o.jsx(yo, { nodeID: ue, buttonSmall: !0, className: "p-1" }),
-        K && K.length > 0 && /* @__PURE__ */ o.jsx(vo, { csvData: K, buttonSmall: !0, headers: Object.keys(K[0]).map((t) => ({
-          label: t,
-          key: t
-        })), className: "p-1" })
-      ] })
-    ] }),
-    G && Q !== void 0 ? /* @__PURE__ */ o.jsx(go, { body: G, data: Q, setData: _, className: q?.modal }) : null,
-    We && le && Ve && y ? /* @__PURE__ */ o.jsx(mo, { data: We, body: le, xPos: Ve, yPos: y, backgroundStyle: D?.tooltip, className: q?.tooltip }) : null
-  ] });
-}
-function Da(i) {
-  const e = Yt.c(140), {
-    data: a,
-    mapData: ne,
-    graphTitle: T,
-    colors: m,
-    sources: L,
-    graphDescription: v,
-    height: u,
-    width: g,
-    footNote: R,
-    mapColorLegendTitle: le,
-    colorDomain: Me,
-    choroplethScaleType: se,
-    radius: ce,
-    scale: Se,
-    centerPoint: U,
-    padding: Oe,
-    mapBorderWidth: Je,
-    mapNoDataColor: Ke,
-    backgroundColor: Be,
-    showLabels: W,
-    mapBorderColor: Ee,
-    tooltip: G,
-    relativeHeight: D,
-    onSeriesMouseOver: q,
-    isWorldMap: oe,
-    showColorScale: H,
-    zoomScaleExtend: f,
-    zoomTranslateExtend: O,
-    graphID: de,
-    highlightedDataPoints: Ie,
-    onSeriesMouseClick: X,
-    graphDownload: Y,
-    dataDownload: ze,
-    showAntarctica: V,
-    language: me,
-    minHeight: pe,
-    theme: Pe,
-    ariaLabel: Le,
-    resetSelectionOnDoubleClick: Z,
-    detailsOnClick: J,
-    styles: p,
-    classNames: h,
-    mapProjection: Qe,
-    zoomInteraction: k,
-    animate: ue,
-    dimmedOpacity: K,
-    customLayers: B,
-    maxRadiusValue: he,
-    timeline: C,
-    collapseColorScaleByDefault: b,
-    dotColor: et,
-    highlightedIds: fe,
-    mapProperty: ge,
-    dotLegendTitle: Q,
-    dotBorderColor: _,
-    labelColor: We,
-    projectionRotate: M,
-    rewindCoordinatesInMapData: Ve,
-    numberDisplayOptions: E,
-    mapOverlay: y
-  } = i, x = ne === void 0 ? "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json" : ne, I = R === 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." : R, w = se === void 0 ? "threshold" : se, ye = ce === void 0 ? 5 : ce, z = Se === void 0 ? 0.95 : Se, _e = Je === void 0 ? 0.5 : Je, ee = Ke === void 0 ? Ne.light.graphNoData : Ke, $ = Be === void 0 ? !1 : Be, $e = W === void 0 ? !1 : W, Ae = Ee === void 0 ? Ne.light.grays["gray-500"] : Ee, ve = oe === void 0 ? !0 : oe, Fe = H === void 0 ? !0 : H;
-  let P;
-  e[0] !== f ? (P = f === void 0 ? [0.8, 6] : f, e[0] = f, e[1] = P) : P = e[1];
-  const te = P, ae = Y === void 0 ? !1 : Y, xe = ze === void 0 ? !1 : ze, t = V === void 0 ? !1 : V, r = me === void 0 ? "en" : me, n = pe === void 0 ? 0 : pe, j = Pe === void 0 ? "light" : Pe, c = Z === void 0 ? !0 : Z, Te = Qe === void 0 ? "naturalEarth" : Qe, Re = k === void 0 ? "button" : k, be = ue === void 0 ? !1 : ue, bt = K === void 0 ? 0.3 : K;
-  let tt;
-  e[2] !== B ? (tt = B === void 0 ? [] : B, e[2] = B, e[3] = tt) : tt = e[3];
-  const jt = tt;
-  let ot;
-  e[4] !== C ? (ot = C === void 0 ? {
-    enabled: !1,
-    autoplay: !1,
-    showOnlyActiveDate: !0
-  } : C, e[4] = C, e[5] = ot) : ot = e[5];
-  const l = ot, wt = et === void 0 ? Ne.primaryColors["blue-600"] : et, Dt = ge === void 0 ? "ISO3" : ge, kt = We === void 0 ? Ne.primaryColors["blue-600"] : We;
-  let at;
-  e[6] !== M ? (at = M === void 0 ? [0, 0] : M, e[6] = M, e[7] = at) : at = e[7];
-  const Ct = at, Nt = Ve === void 0 ? !0 : Ve, [re, Ut] = N(0), [Ue, Gt] = N(0), [A, qt] = N(l.autoplay);
-  let Ge;
-  if (e[8] !== a || e[9] !== l.dateFormat) {
-    let s;
-    e[11] !== l.dateFormat ? (s = (S) => Jt(`${S.date}`, l.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime(), e[11] = l.dateFormat, e[12] = s) : s = e[12], Ge = [...new Set(a.filter(To).map(s))], Ge.sort(Fo), e[8] = a, e[9] = l.dateFormat, e[10] = Ge;
-  } else
-    Ge = e[10];
-  const d = Ge, [F, Mt] = N(l.autoplay ? 0 : d.length - 1), [je, Ht] = N(void 0), [St, Xt] = N(void 0), Ot = Ze(null), Wt = Ze(null);
-  let rt;
-  e[13] !== w || e[14] !== Me || e[15] !== m?.length || e[16] !== a ? (rt = Me || (w === "categorical" ? Oo(a, "x") : Bo(a.map(Ao), m?.length || 4)), e[13] = w, e[14] = Me, e[15] = m?.length, e[16] = a, e[17] = rt) : rt = e[17];
-  const qe = rt;
-  let it, nt;
-  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (it = () => {
-    const s = new ResizeObserver((S) => {
-      Ut(S[0].target.clientWidth || 620), Gt(S[0].target.clientHeight || 480);
-    });
-    return Ot.current && s.observe(Ot.current), () => s.disconnect();
-  }, nt = [], e[18] = it, e[19] = nt) : (it = e[18], nt = e[19]), Ye(it, nt);
-  let lt;
-  e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (lt = (s) => {
-    Ht(s);
-  }, e[20] = lt) : lt = e[20];
-  const st = _t(lt);
-  let ct;
-  e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ct = (s) => {
-    Xt(s);
-  }, e[21] = ct) : ct = e[21];
-  const He = _t(ct);
-  let dt;
-  e[22] !== x || e[23] !== st ? (dt = () => {
-    typeof x == "string" ? Rt(x).then((S) => {
-      st(S);
-    }) : st(x);
-  }, e[22] = x, e[23] = st, e[24] = dt) : dt = e[24];
-  let mt;
-  e[25] !== x ? (mt = [x], e[25] = x, e[26] = mt) : mt = e[26], Ye(dt, mt);
-  let pt;
-  e[27] !== y?.mapData || e[28] !== He ? (pt = () => {
-    y?.mapData || He(void 0), typeof y?.mapData == "string" ? Rt(y?.mapData).then((S) => {
-      He(S);
-    }) : He(y?.mapData);
-  }, e[27] = y?.mapData, e[28] = He, e[29] = pt) : pt = e[29];
-  const Bt = y?.mapData;
-  let ut;
-  e[30] !== Bt ? (ut = [Bt], e[30] = Bt, e[31] = ut) : ut = e[31], Ye(pt, ut);
-  let ht, ft;
-  e[32] !== A || e[33] !== l.speed || e[34] !== d ? (ht = () => {
-    const s = setInterval(() => {
-      Mt((S) => S < d.length - 1 ? S + 1 : 0);
-    }, (l.speed || 2) * 1e3);
-    return A || clearInterval(s), () => clearInterval(s);
-  }, ft = [d, A, l.speed], e[32] = A, e[33] = l.speed, e[34] = d, e[35] = ht, e[36] = ft) : (ht = e[35], ft = e[36]), Ye(ht, ft);
-  const Et = l.dateFormat || "yyyy";
-  let gt;
-  e[37] !== F || e[38] !== Et || e[39] !== l.showOnlyActiveDate || e[40] !== d ? (gt = No(d, F, l.showOnlyActiveDate, Et), e[37] = F, e[38] = Et, e[39] = l.showOnlyActiveDate, e[40] = d, e[41] = gt) : gt = e[41];
-  const yt = gt, It = h?.graphContainer, zt = p?.graphContainer;
-  let we;
-  e[42] !== h?.description || e[43] !== h?.title || e[44] !== v || e[45] !== T || e[46] !== p?.description || e[47] !== p?.title || e[48] !== g ? (we = T || v ? /* @__PURE__ */ o.jsx(Co, { styles: {
-    title: p?.title,
-    description: p?.description
-  }, classNames: {
-    title: h?.title,
-    description: h?.description
-  }, graphTitle: T, graphDescription: v, width: g }) : null, e[42] = h?.description, e[43] = h?.title, e[44] = v, e[45] = T, e[46] = p?.description, e[47] = p?.title, e[48] = g, e[49] = we) : we = e[49];
-  let De;
-  e[50] !== F || e[51] !== yt || e[52] !== A || e[53] !== l.enabled || e[54] !== d ? (De = l.enabled && d.length > 0 && yt ? /* @__PURE__ */ o.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
-    /* @__PURE__ */ o.jsx("button", { type: "button", onClick: () => {
-      qt(!A);
-    }, className: "p-0 border-0 cursor-pointer bg-transparent", "aria-label": A ? "Click to pause animation" : "Click to play animation", children: A ? /* @__PURE__ */ o.jsx(ho, {}) : /* @__PURE__ */ o.jsx(fo, {}) }),
-    /* @__PURE__ */ o.jsx(Kt, { min: d[0], max: d[d.length - 1], marks: yt, step: null, defaultValue: d[d.length - 1], value: d[F], onChangeComplete: (s) => {
-      Mt(d.indexOf(s));
-    }, onChange: (s) => {
-      Mt(d.indexOf(s));
-    }, "aria-label": "Time slider. Use arrow keys to adjust selected time period." })
-  ] }) : null, e[50] = F, e[51] = yt, e[52] = A, e[53] = l.enabled, e[54] = d, e[55] = De) : De = e[55];
-  let ke;
-  e[56] !== be || e[57] !== U || e[58] !== w || e[59] !== h || e[60] !== b || e[61] !== m || e[62] !== jt || e[63] !== a || e[64] !== xe || e[65] !== J || e[66] !== bt || e[67] !== qe || e[68] !== _ || e[69] !== wt || e[70] !== Q || e[71] !== ae || e[72] !== u || e[73] !== Ie || e[74] !== fe || e[75] !== F || e[76] !== ve || e[77] !== kt || e[78] !== Ae || e[79] !== _e || e[80] !== le || e[81] !== ee || e[82] !== y?.mapBorderColor || e[83] !== y?.mapBorderWidth || e[84] !== Te || e[85] !== Dt || e[86] !== je || e[87] !== he || e[88] !== n || e[89] !== E || e[90] !== X || e[91] !== q || e[92] !== St || e[93] !== Ct || e[94] !== ye || e[95] !== D || e[96] !== c || e[97] !== Nt || e[98] !== z || e[99] !== t || e[100] !== Fe || e[101] !== $e || e[102] !== p || e[103] !== Ue || e[104] !== re || e[105] !== j || e[106] !== l.dateFormat || e[107] !== l.enabled || e[108] !== G || e[109] !== d || e[110] !== g || e[111] !== Re || e[112] !== te || e[113] !== O ? (ke = /* @__PURE__ */ o.jsx(Mo, { ref: Ot, children: re && Ue && je ? /* @__PURE__ */ o.jsx(Eo, { dotColor: wt, data: a.filter((s) => l.enabled ? `${s.date}` === Zt(new Date(d[F]), l.dateFormat || "yyyy") : s), mapData: t ? je : {
-    ...je,
-    features: je.features.filter($o)
-  }, overlayMapData: St, overlayMapBorderColor: y?.mapBorderColor, overlayMapBorderWidth: y?.mapBorderWidth, colorDomain: qe, width: re, height: Ue, scale: z, centerPoint: U, colors: m || (w === "categorical" ? Ne[j].sequentialColors[`neutralColorsx0${qe.length}`] : Ne[j].sequentialColors[`neutralColorsx0${qe.length + 1}`]), mapColorLegendTitle: le, radius: ye, categorical: w === "categorical", mapBorderWidth: _e, mapNoDataColor: ee, mapBorderColor: Ae, tooltip: G, onSeriesMouseOver: q, showLabels: $e, isWorldMap: ve, showColorScale: Fe, zoomScaleExtend: te, zoomTranslateExtend: O, onSeriesMouseClick: X, highlightedDataPoints: Ie, resetSelectionOnDoubleClick: c, styles: p, classNames: h, zoomInteraction: Re, detailsOnClick: J, mapProjection: Te || (ve ? "naturalEarth" : "mercator"), animate: be === !0 ? {
-    duration: 0.5,
-    once: !0,
-    amount: 0.5
-  } : be || {
-    duration: 0,
-    once: !0,
-    amount: 0
-  }, dimmedOpacity: bt, customLayers: jt, maxRadiusValue: xt(he) ? Math.max(...a.map(_o).filter(Vo)) : he, collapseColorScaleByDefault: b, highlightedIds: fe, mapProperty: Dt, dotLegendTitle: Q, dotBorderColor: _, labelColor: kt, projectionRotate: Ct, rewindCoordinatesInMapData: Nt, numberDisplayOptions: E, graphDownload: ae ? Wt : void 0, dataDownload: xe ? a.map(Wo).filter(Lo).length > 0 ? a.map(Po).filter(zo) : a.filter(Io) : null }) : /* @__PURE__ */ o.jsx("div", { style: {
-    height: `${Math.max(n, u || (D ? n ? (g || re) * D > n ? (g || re) * D : n : (g || re) * D : Ue))}px`
-  }, className: "flex items-center justify-center", children: /* @__PURE__ */ o.jsx(Qt, { "aria-label": "Loading graph" }) }) }), e[56] = be, e[57] = U, e[58] = w, e[59] = h, e[60] = b, e[61] = m, e[62] = jt, e[63] = a, e[64] = xe, e[65] = J, e[66] = bt, e[67] = qe, e[68] = _, e[69] = wt, e[70] = Q, e[71] = ae, e[72] = u, e[73] = Ie, e[74] = fe, e[75] = F, e[76] = ve, e[77] = kt, e[78] = Ae, e[79] = _e, e[80] = le, e[81] = ee, e[82] = y?.mapBorderColor, e[83] = y?.mapBorderWidth, e[84] = Te, e[85] = Dt, e[86] = je, e[87] = he, e[88] = n, e[89] = E, e[90] = X, e[91] = q, e[92] = St, e[93] = Ct, e[94] = ye, e[95] = D, e[96] = c, e[97] = Nt, e[98] = z, e[99] = t, e[100] = Fe, e[101] = $e, e[102] = p, e[103] = Ue, e[104] = re, e[105] = j, e[106] = l.dateFormat, e[107] = l.enabled, e[108] = G, e[109] = d, e[110] = g, e[111] = Re, e[112] = te, e[113] = O, e[114] = ke) : ke = e[114];
-  let Ce;
-  e[115] !== h?.footnote || e[116] !== h?.source || e[117] !== I || e[118] !== L || e[119] !== p?.footnote || e[120] !== p?.source || e[121] !== g ? (Ce = L || I ? /* @__PURE__ */ o.jsx(ko, { styles: {
-    footnote: p?.footnote,
-    source: p?.source
-  }, classNames: {
-    footnote: h?.footnote,
-    source: h?.source
-  }, sources: L, footNote: I, width: g }) : null, e[115] = h?.footnote, e[116] = h?.source, e[117] = I, e[118] = L, e[119] = p?.footnote, e[120] = p?.source, e[121] = g, e[122] = Ce) : Ce = e[122];
-  let vt;
-  return e[123] !== Le || e[124] !== $ || e[125] !== de || e[126] !== u || e[127] !== r || e[128] !== n || e[129] !== Oe || e[130] !== D || e[131] !== It || e[132] !== zt || e[133] !== we || e[134] !== De || e[135] !== ke || e[136] !== Ce || e[137] !== j || e[138] !== g ? (vt = /* @__PURE__ */ o.jsxs(So, { className: It, style: zt, id: de, ref: Wt, "aria-label": Le, backgroundColor: $, theme: j, language: r, minHeight: n, width: g, height: u, relativeHeight: D, padding: Oe, children: [
-    we,
-    De,
-    ke,
-    Ce
-  ] }), e[123] = Le, e[124] = $, e[125] = de, e[126] = u, e[127] = r, e[128] = n, e[129] = Oe, e[130] = D, e[131] = It, e[132] = zt, e[133] = we, e[134] = De, e[135] = ke, e[136] = Ce, e[137] = j, e[138] = g, e[139] = vt) : vt = e[139], vt;
-}
-function Io(i) {
-  return i !== void 0;
-}
-function zo(i) {
-  return i !== void 0;
-}
-function Po(i) {
-  return i.data;
-}
-function Lo(i) {
-  return i !== void 0;
-}
-function Wo(i) {
-  return i.data;
-}
-function Vo(i) {
-  return i != null;
-}
-function _o(i) {
-  return i.radius;
-}
-function $o(i) {
-  return i.properties?.NAME !== "Antarctica";
-}
-function Ao(i) {
-  return i.x;
-}
-function Fo(i, e) {
-  return i - e;
-}
-function To(i) {
-  return i.date;
-}
-export {
-  Da as HybridMap
-};
-//# sourceMappingURL=HybridMap.js.map
+import { t as e } from "./HybridMap-D_faTI4N.js";
+export { e as HybridMap };