@undp/data-viz 2.5.4 → 2.6.1

package/dist/ChoroplethMap-CBnFBOj8.js

@@ -0,0 +1,557 @@
+import { o as e } from "./chunk-foFoljWS.js";
+import { t } from "./jsx-runtime-C76bEyh7.js";
+import { i as n, l as r, m as ee, u as i } from "./Icons-BLXwPP3h.js";
+import { t as te } from "./CsvDownloadButton-BZ7Zr0Gz.js";
+import { ImageDownloadButton as ne } from "./ImageDownloadButton.js";
+import { Colors as a } from "./Colors.js";
+import { GraphFooter as re } from "./GraphFooter.js";
+import { GraphHeader as o } from "./GraphHeader.js";
+import { t as ie } from "./checkIfNullOrUndefined-C5gqSAtF.js";
+import { r as s } from "./fetchAndParseData-C50SqMPu.js";
+import { t as c } from "./getUniqValue-DZTOHgt8.js";
+import { n as ae, t as l } from "./GraphContainer-DgEB1AVN.js";
+import { n as oe, t as u } from "./parse-5MWhaq6h.js";
+import { t as d } from "./getSliderMarks-CTKVxOEm.js";
+import { a as se, c as f, i as ce, l as le, n as ue, o as p, r as de, s as fe, t as pe } from "./src-2DIiCwTd.js";
+import { t as me } from "./ordinal-Dq1sg8_s.js";
+import { t as he } from "./threshold-j3AJep9l.js";
+import { t as m } from "./fast-deep-equal--80N92KJ.js";
+import { t as h } from "./proxy-BiRrIImK.js";
+import { t as g } from "./AnimatePresence-CE6xBsMZ.js";
+import { t as ge } from "./use-in-view-CjlKdln1.js";
+import { t as _e } from "./numberFormattingFunction-Cha8dhHc.js";
+import { t as ve } from "./DetailsModal-DxUowfkg.js";
+import { t as ye } from "./Tooltip-Y6uTGwkF.js";
+import { t as be } from "./select-0Z0HV7nm.js";
+import { t as xe } from "./getJenks-49NAtnQV.js";
+import { t as Se } from "./esm-D23XoYrV.js";
+import { cn as Ce } from "@undp/design-system-react/cn";
+import { useEffect as _, useEffectEvent as we, useMemo as Te, useRef as v, useState as y } from "react";
+import { Spinner as Ee } from "@undp/design-system-react/Spinner";
+import { P as b } from "@undp/design-system-react/Typography";
+import { SliderUI as De } from "@undp/design-system-react/SliderUI";
+//#region src/Components/Graphs/Maps/ChoroplethMap/Graph.tsx
+var Oe = /* @__PURE__ */ e(m(), 1), x = t();
+function S(e) {
+	let { data: t, colorDomain: r, colors: i, mapData: a, colorLegendTitle: re, categorical: o, height: s, width: c, scale: ae, centerPoint: l, tooltip: oe, mapBorderWidth: u, mapBorderColor: d, mapNoDataColor: m, onSeriesMouseOver: xe, showColorScale: we, zoomScaleExtend: Ee, zoomTranslateExtend: De, highlightedIds: S, onSeriesMouseClick: C, mapProperty: w, resetSelectionOnDoubleClick: ke, detailsOnClick: T, styles: Ae, classNames: E, mapProjection: D, zoomInteraction: O, animate: k, dimmedOpacity: A, customLayers: j, collapseColorScaleByDefault: M, zoomAndCenterByHighlightedIds: je, projectionRotate: N, rewindCoordinatesInMapData: P, overlayMapData: F, overlayMapBorderColor: Me, overlayMapBorderWidth: I, numberDisplayOptions: L, graphDownload: Ne, dataDownload: R } = e, z = Te(() => P ? f(a, { reverse: !0 }) : a, [a, P]), B = Te(() => !P || !F ? F : f(F, { reverse: !0 }), [F, P]), [V, H] = y(void 0), Pe = v(null), [Fe, Ie] = y(M === void 0 ? !(c < 680) : !M), [U, Le] = y(void 0), [W, G] = y(void 0), [K, q] = y(void 0), [Re, ze] = y(void 0), J = v(null), Y = ge(J, {
+		once: k.once,
+		amount: k.amount
+	}), Be = v(null), Ve = o ? me().domain(r).range(i) : he().domain(r).range(i);
+	_(() => {
+		let e = be(Be.current), t = be(J.current), n = pe().scaleExtent(Ee).translateExtent(De || [[-20, -20], [c + 20, s + 20]]).filter((e) => {
+			if (O === "noZoom") return !1;
+			if (O === "button") return !e.type.includes("wheel");
+			let t = e.type === "wheel", n = e.type.startsWith("touch"), r = e.type === "mousedown" || e.type === "mousemove";
+			return n ? !0 : t ? O === "scroll" ? !0 : e.ctrlKey : r && !e.button && !e.ctrlKey;
+		}).on("zoom", ({ transform: t }) => {
+			e.attr("transform", t);
+		});
+		t.call(n), Pe.current = n;
+	}, [
+		s,
+		c,
+		O
+	]);
+	let X = le({
+		...z,
+		features: je ? z.features.filter((e) => (S || []).length === 0 || S?.indexOf(e.properties[w]) !== -1) : z.features
+	}), Z = Se({
+		...z,
+		features: je ? z.features.filter((e) => (S || []).length === 0 || S?.indexOf(e.properties[w]) !== -1) : z.features
+	}), He = (X[2] - X[0]) * 1.15, Ue = (X[3] - X[1]) * 1.15, We = c * 190 / 960 * 360 / He, Ge = s * 190 / 678 * 180 / Ue, Q = ae * Math.min(We, Ge), Ke = D === "mercator" ? se().rotate(N).center(l || Z.geometry.coordinates).translate([c / 2, s / 2]).scale(Q) : D === "equalEarth" ? ce().rotate(N).center(l || Z.geometry.coordinates).translate([c / 2, s / 2]).scale(Q) : D === "naturalEarth" ? de().rotate(N).center(l || Z.geometry.coordinates).translate([c / 2, s / 2]).scale(Q) : D === "orthographic" ? ue().rotate(N).center(l || Z.geometry.coordinates).translate([c / 2, s / 2]).scale(Q) : p().rotate(N).center(l || Z.geometry.coordinates).translate([c / 2, s / 2]).scale(Q), $ = fe().projection(Ke), qe = (e) => {
+		!J.current || !Pe.current || be(J.current).call(Pe.current.scaleBy, e === "in" ? 1.2 : 1 / 1.2);
+	};
+	return /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [
+		/* @__PURE__ */ (0, x.jsxs)("div", {
+			className: "relative",
+			children: [
+				/* @__PURE__ */ (0, x.jsx)(h.svg, {
+					width: `${c}px`,
+					height: `${s}px`,
+					viewBox: `0 0 ${c} ${s}`,
+					ref: J,
+					direction: "ltr",
+					children: /* @__PURE__ */ (0, x.jsxs)("g", {
+						ref: Be,
+						children: [
+							j.filter((e) => e.position === "before").map((e) => e.layer),
+							z.features.map((e, t) => {
+								if (!e.properties?.[w]) return null;
+								let n = $(e);
+								return n ? /* @__PURE__ */ (0, x.jsx)(h.g, {
+									opacity: V || S && S.indexOf(e.properties[w]) === -1 ? A : 1,
+									children: /* @__PURE__ */ (0, x.jsx)("path", {
+										d: n,
+										style: {
+											stroke: d,
+											strokeWidth: u,
+											fill: m,
+											vectorEffect: "non-scaling-stroke"
+										}
+									})
+								}, t) : null;
+							}),
+							/* @__PURE__ */ (0, x.jsx)(g, { children: t.map((e) => {
+								let t = z.features.findIndex((t) => e.id === t.properties[w]);
+								if (t === -1) return null;
+								let n = $(z.features[t]);
+								if (!n) return null;
+								let r = ie(e.x) ? m : Ve(e.x);
+								return /* @__PURE__ */ (0, x.jsx)(h.g, {
+									className: "undp-map-shapes",
+									variants: {
+										initial: { opacity: 0 },
+										whileInView: {
+											opacity: V ? V === r && (!S || S.indexOf(e.id) !== -1) ? 1 : A : S && S.indexOf(e.id) === -1 ? A : 1,
+											transition: { duration: k.duration }
+										}
+									},
+									initial: "initial",
+									animate: Y ? "whileInView" : "initial",
+									exit: {
+										opacity: 0,
+										transition: { duration: k.duration }
+									},
+									onMouseEnter: (t) => {
+										G(e), ze(t.clientY), q(t.clientX), xe?.(e);
+									},
+									onMouseMove: (t) => {
+										G(e), ze(t.clientY), q(t.clientX);
+									},
+									onMouseLeave: () => {
+										G(void 0), q(void 0), ze(void 0), xe?.(void 0);
+									},
+									onClick: () => {
+										(C || T) && ((0, Oe.default)(U, e) && ke ? (Le(void 0), C?.(void 0)) : (Le(e), C?.(e)));
+									},
+									children: /* @__PURE__ */ (0, x.jsx)(h.path, {
+										d: n,
+										variants: {
+											initial: {
+												fill: r,
+												opacity: 0
+											},
+											whileInView: {
+												fill: r,
+												opacity: 1,
+												transition: { duration: k.duration }
+											}
+										},
+										initial: "initial",
+										animate: Y ? "whileInView" : "initial",
+										exit: {
+											opacity: 0,
+											transition: { duration: k.duration }
+										},
+										style: {
+											stroke: d,
+											strokeWidth: u,
+											vectorEffect: "non-scaling-stroke"
+										}
+									}, `${e.id}`)
+								}, e.id);
+							}) }),
+							W ? z.features.filter((e) => e.properties[w] === W.id).map((e, t) => /* @__PURE__ */ (0, x.jsx)("path", {
+								d: $(e) || "",
+								className: "stroke-primary-gray-700 dark:stroke-primary-gray-300",
+								style: {
+									fill: "none",
+									fillOpacity: 0,
+									strokeWidth: "0.5",
+									vectorEffect: "non-scaling-stroke"
+								}
+							}, t)) : null,
+							B?.features.map((e, t) => {
+								let n = $(e);
+								return n ? /* @__PURE__ */ (0, x.jsx)("g", { children: /* @__PURE__ */ (0, x.jsx)("path", {
+									d: n,
+									style: {
+										stroke: Me || d,
+										strokeWidth: I || u + 1,
+										fill: "none",
+										pointerEvents: "none",
+										vectorEffect: "non-scaling-stroke"
+									}
+								}) }, t) : null;
+							}),
+							j.filter((e) => e.position === "after").map((e) => e.layer)
+						]
+					})
+				}),
+				we === !1 ? null : /* @__PURE__ */ (0, x.jsx)("div", {
+					className: Ce("absolute left-4 bottom-4 map-color-legend", E?.colorLegend),
+					children: Fe ? /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsx)("button", {
+						type: "button",
+						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: () => {
+							Ie(!1);
+						},
+						children: /* @__PURE__ */ (0, x.jsx)(ee, {})
+					}), /* @__PURE__ */ (0, x.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: o || r.length < 2 ? void 0 : "340px" },
+						children: [re && re !== "" ? /* @__PURE__ */ (0, x.jsx)(b, {
+							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: re
+						}) : null, !o && r.length > 1 ? /* @__PURE__ */ (0, x.jsx)("svg", {
+							width: "100%",
+							viewBox: "0 0 320 30",
+							direction: "ltr",
+							children: /* @__PURE__ */ (0, x.jsxs)("g", { children: [r.map((e, t) => /* @__PURE__ */ (0, x.jsxs)("g", {
+								onMouseOver: () => {
+									H(i[t]);
+								},
+								onFocus: () => {
+									H(i[t]);
+								},
+								onMouseLeave: () => {
+									H(void 0);
+								},
+								className: "cursor-pointer",
+								children: [/* @__PURE__ */ (0, x.jsx)("rect", {
+									x: t * 320 / i.length + 1,
+									y: 1,
+									width: 320 / i.length - 2,
+									height: 8,
+									className: V === i[t] ? "stroke-primary-gray-700 dark:stroke-primary-gray-300" : "",
+									style: {
+										fill: i[t],
+										...V === i[t] ? {} : { stroke: i[t] }
+									}
+								}), /* @__PURE__ */ (0, x.jsx)("text", {
+									x: (t + 1) * 320 / i.length,
+									y: 25,
+									className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",
+									style: { textAnchor: "middle" },
+									children: _e(e, "NA", L?.precision ?? 2, void 0, void 0, L?.locale || "en", L?.padZeros || !1)
+								})]
+							}, t)), /* @__PURE__ */ (0, x.jsx)("g", { children: /* @__PURE__ */ (0, x.jsx)("rect", {
+								onMouseOver: () => {
+									H(i[r.length]);
+								},
+								onFocus: () => {
+									H(i[r.length]);
+								},
+								onMouseLeave: () => {
+									H(void 0);
+								},
+								x: r.length * 320 / i.length + 1,
+								y: 1,
+								width: 320 / i.length - 2,
+								height: 8,
+								className: `cursor-pointer ${V === i[r.length] ? "stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300" : ""}`,
+								style: {
+									fill: i[r.length],
+									...V === i[r.length] ? {} : { stroke: i[r.length] }
+								}
+							}) })] })
+						}) : o ? /* @__PURE__ */ (0, x.jsx)("div", {
+							className: "flex flex-col gap-3",
+							children: r.map((e, t) => /* @__PURE__ */ (0, x.jsxs)("div", {
+								className: "flex gap-2 items-center",
+								onMouseOver: () => {
+									H(i[t % i.length]);
+								},
+								onFocus: () => {
+									H(i[t % i.length]);
+								},
+								onMouseLeave: () => {
+									H(void 0);
+								},
+								children: [/* @__PURE__ */ (0, x.jsx)("div", {
+									className: "w-2 h-2 rounded-full",
+									style: { backgroundColor: i[t % i.length] }
+								}), /* @__PURE__ */ (0, x.jsx)(b, {
+									size: "sm",
+									marginBottom: "none",
+									leading: "none",
+									children: e
+								})]
+							}, t))
+						}) : /* @__PURE__ */ (0, x.jsxs)("div", {
+							className: "flex flex-col gap-3",
+							children: [/* @__PURE__ */ (0, x.jsxs)("div", {
+								className: "flex gap-2 items-center",
+								onMouseOver: () => {
+									H(i[0]);
+								},
+								onFocus: () => {
+									H(i[0]);
+								},
+								onMouseLeave: () => {
+									H(void 0);
+								},
+								children: [/* @__PURE__ */ (0, x.jsx)("div", {
+									className: "w-2 h-2 rounded-full",
+									style: { backgroundColor: i[0] }
+								}), /* @__PURE__ */ (0, x.jsx)(b, {
+									size: "sm",
+									marginBottom: "none",
+									leading: "none",
+									children: `<= ${_e(r[0], "NA", L?.precision ?? 2, void 0, void 0, L?.locale || "en", L?.padZeros || !1)}`
+								})]
+							}), /* @__PURE__ */ (0, x.jsxs)("div", {
+								className: "flex gap-2 items-center",
+								onMouseOver: () => {
+									H(i[1]);
+								},
+								onFocus: () => {
+									H(i[1]);
+								},
+								onMouseLeave: () => {
+									H(void 0);
+								},
+								children: [/* @__PURE__ */ (0, x.jsx)("div", {
+									className: "w-2 h-2 rounded-full",
+									style: { backgroundColor: i[1] }
+								}), /* @__PURE__ */ (0, x.jsx)(b, {
+									size: "sm",
+									marginBottom: "none",
+									leading: "none",
+									children: `> ${_e(r[0], "NA", L?.precision ?? 2, void 0, void 0, L?.locale || "en", L?.padZeros || !1)}`
+								})]
+							})]
+						})]
+					})] }) : /* @__PURE__ */ (0, x.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: () => {
+							Ie(!0);
+						},
+						children: /* @__PURE__ */ (0, x.jsx)(n, {})
+					})
+				}),
+				O === "button" && /* @__PURE__ */ (0, x.jsxs)("div", {
+					className: "absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons",
+					children: [/* @__PURE__ */ (0, x.jsx)("button", {
+						type: "button",
+						onClick: () => qe("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__ */ (0, x.jsx)("button", {
+						type: "button",
+						onClick: () => qe("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: "–"
+					})]
+				}),
+				(Ne || R) && /* @__PURE__ */ (0, x.jsxs)("div", {
+					className: "absolute right-4 top-4 flex flex-col image-download-button gap-2",
+					children: [Ne && /* @__PURE__ */ (0, x.jsx)(ne, {
+						nodeID: Ne,
+						buttonSmall: !0,
+						className: "p-1"
+					}), R && R.length > 0 && /* @__PURE__ */ (0, x.jsx)(te, {
+						csvData: R,
+						buttonSmall: !0,
+						headers: Object.keys(R[0]).map((e) => ({
+							label: e,
+							key: e
+						})),
+						className: "p-1"
+					})]
+				})
+			]
+		}),
+		T && U !== void 0 ? /* @__PURE__ */ (0, x.jsx)(ve, {
+			body: T,
+			data: U,
+			setData: Le,
+			className: E?.modal
+		}) : null,
+		W && oe && K && Re ? /* @__PURE__ */ (0, x.jsx)(ye, {
+			data: W,
+			body: oe,
+			xPos: K,
+			yPos: Re,
+			backgroundStyle: Ae?.tooltip,
+			className: E?.tooltip
+		}) : null
+	] });
+}
+//#endregion
+//#region src/Components/Graphs/Maps/ChoroplethMap/index.tsx
+function C(e) {
+	let { data: t, mapData: n = "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json", graphTitle: ee, colors: te, sources: ne, graphDescription: ie, height: se, width: f, footNote: ce = "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: le, colorLegendTitle: ue, scaleType: p = "threshold", scale: de = .95, centerPoint: fe, padding: pe, mapBorderWidth: me = .5, mapNoDataColor: he = a.light.graphNoData, backgroundColor: m = !1, mapBorderColor: h = a.light.grays["gray-500"], relativeHeight: g, tooltip: ge, onSeriesMouseOver: _e, isWorldMap: ve = !0, showColorScale: ye = !0, zoomScaleExtend: be = [.8, 6], zoomTranslateExtend: Se, graphID: Ce, highlightedIds: b, onSeriesMouseClick: Oe, mapProperty: C = "ISO3", graphDownload: w = !1, dataDownload: ke = !1, showAntarctica: T = !1, language: Ae = "en", minHeight: E = 0, theme: D = "light", ariaLabel: O, resetSelectionOnDoubleClick: k = !0, detailsOnClick: A, styles: j, classNames: M, mapProjection: je = "naturalEarth", zoomInteraction: N = "button", animate: P = !1, dimmedOpacity: F = .3, customLayers: Me = [], timeline: I = {
+		enabled: !1,
+		autoplay: !1,
+		showOnlyActiveDate: !0
+	}, collapseColorScaleByDefault: L, projectionRotate: Ne = [0, 0], zoomAndCenterByHighlightedIds: R = !1, rewindCoordinatesInMapData: z = !0, mapOverlay: B, numberDisplayOptions: V } = e, [H, Pe] = y(0), [Fe, Ie] = y(0), [U, Le] = y(I.autoplay), W = Te(() => {
+		let e = [...new Set(t.filter((e) => e.date).map((e) => u(`${e.date}`, I.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()))];
+		return e.sort((e, t) => e - t), e;
+	}, [t, I.dateFormat]), [G, K] = y(I.autoplay ? 0 : W.length - 1), [q, Re] = y(void 0), [ze, J] = y(void 0), Y = v(null), Be = v(null);
+	_(() => {
+		let e = new ResizeObserver((e) => {
+			Pe(e[0].target.clientWidth || 620), Ie(e[0].target.clientHeight || 480);
+		});
+		return Y.current && e.observe(Y.current), () => e.disconnect();
+	}, []);
+	let Ve = we((e) => {
+		Re(e);
+	}), X = we((e) => {
+		J(e);
+	});
+	_(() => {
+		typeof n == "string" ? s(n).then((e) => {
+			Ve(e);
+		}) : Ve(n);
+	}, [n]), _(() => {
+		B?.mapData || X(void 0), typeof B?.mapData == "string" ? s(B?.mapData).then((e) => {
+			X(e);
+		}) : X(B?.mapData);
+	}, [B?.mapData]);
+	let Z = le || (p === "categorical" ? c(t, "x") : xe(t.map((e) => e.x), te?.length || 4));
+	_(() => {
+		let e = setInterval(() => {
+			K((e) => e < W.length - 1 ? e + 1 : 0);
+		}, (I.speed || 2) * 1e3);
+		return U || clearInterval(e), () => clearInterval(e);
+	}, [
+		W,
+		U,
+		I.speed
+	]);
+	let He = d(W, G, I.showOnlyActiveDate, I.dateFormat || "yyyy");
+	return /* @__PURE__ */ (0, x.jsxs)(ae, {
+		className: M?.graphContainer,
+		style: j?.graphContainer,
+		id: Ce,
+		ref: Be,
+		"aria-label": O,
+		backgroundColor: m,
+		theme: D,
+		language: Ae,
+		minHeight: E,
+		width: f,
+		height: se,
+		relativeHeight: g,
+		padding: pe,
+		children: [
+			ee || ie ? /* @__PURE__ */ (0, x.jsx)(o, {
+				styles: {
+					title: j?.title,
+					description: j?.description
+				},
+				classNames: {
+					title: M?.title,
+					description: M?.description
+				},
+				graphTitle: ee,
+				graphDescription: ie,
+				width: f
+			}) : null,
+			I.enabled && W.length > 0 && He ? /* @__PURE__ */ (0, x.jsxs)("div", {
+				className: "flex gap-6 items-center",
+				dir: "ltr",
+				children: [/* @__PURE__ */ (0, x.jsx)("button", {
+					type: "button",
+					onClick: () => {
+						Le(!U);
+					},
+					className: "p-0 border-0 cursor-pointer bg-transparent",
+					"aria-label": U ? "Click to pause animation" : "Click to play animation",
+					children: U ? /* @__PURE__ */ (0, x.jsx)(r, {}) : /* @__PURE__ */ (0, x.jsx)(i, {})
+				}), /* @__PURE__ */ (0, x.jsx)(De, {
+					min: W[0],
+					max: W[W.length - 1],
+					marks: He,
+					step: null,
+					defaultValue: W[W.length - 1],
+					value: W[G],
+					onChangeComplete: (e) => {
+						K(W.indexOf(e));
+					},
+					onChange: (e) => {
+						K(W.indexOf(e));
+					},
+					"aria-label": "Time slider. Use arrow keys to adjust selected time period."
+				})]
+			}) : null,
+			/* @__PURE__ */ (0, x.jsx)(l, {
+				ref: Y,
+				children: H && Fe && q ? /* @__PURE__ */ (0, x.jsx)(S, {
+					data: t.filter((e) => I.enabled ? `${e.date}` === oe(new Date(W[G]), I.dateFormat || "yyyy") : e),
+					mapData: T ? q : {
+						...q,
+						features: q.features.filter((e) => e.properties?.NAME !== "Antarctica")
+					},
+					colorDomain: Z,
+					width: H,
+					height: Fe,
+					scale: de,
+					centerPoint: fe,
+					colors: te || (p === "categorical" ? a[D].categoricalColors.colors : a[D].sequentialColors[`neutralColorsx0${Z.length + 1}`]),
+					colorLegendTitle: ue,
+					mapBorderWidth: me,
+					mapNoDataColor: he,
+					categorical: p === "categorical",
+					mapBorderColor: h,
+					tooltip: ge,
+					onSeriesMouseOver: _e,
+					isWorldMap: ve,
+					showColorScale: ye,
+					zoomScaleExtend: be,
+					zoomTranslateExtend: Se,
+					onSeriesMouseClick: Oe,
+					mapProperty: C,
+					highlightedIds: b,
+					resetSelectionOnDoubleClick: k,
+					styles: j,
+					overlayMapData: ze,
+					overlayMapBorderColor: B?.mapBorderColor,
+					overlayMapBorderWidth: B?.mapBorderWidth,
+					classNames: M,
+					detailsOnClick: A,
+					mapProjection: je || (ve ? "naturalEarth" : "mercator"),
+					zoomInteraction: N,
+					dimmedOpacity: F,
+					animate: P === !0 ? {
+						duration: .5,
+						once: !0,
+						amount: .5
+					} : P || {
+						duration: 0,
+						once: !0,
+						amount: 0
+					},
+					customLayers: Me,
+					zoomAndCenterByHighlightedIds: R,
+					collapseColorScaleByDefault: L,
+					projectionRotate: Ne,
+					rewindCoordinatesInMapData: z,
+					numberDisplayOptions: V,
+					graphDownload: w ? Be : void 0,
+					dataDownload: ke ? t.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? t.map((e) => e.data).filter((e) => e !== void 0) : t.filter((e) => e !== void 0) : null
+				}) : /* @__PURE__ */ (0, x.jsx)("div", {
+					style: { height: `${Math.max(E, se || (g ? E ? (f || H) * g > E ? (f || H) * g : E : (f || H) * g : Fe))}px` },
+					className: "flex items-center justify-center",
+					children: /* @__PURE__ */ (0, x.jsx)(Ee, { "aria-label": "Loading graph" })
+				})
+			}),
+			ne || ce ? /* @__PURE__ */ (0, x.jsx)(re, {
+				styles: {
+					footnote: j?.footnote,
+					source: j?.source
+				},
+				classNames: {
+					footnote: M?.footnote,
+					source: M?.source
+				},
+				sources: ne,
+				footNote: ce,
+				width: f
+			}) : null
+		]
+	});
+}
+//#endregion
+export { C as t };
+
+//# sourceMappingURL=ChoroplethMap-CBnFBOj8.js.map