@undp/data-viz 1.3.0 → 1.4.0

package/dist/ChoroplethMap.js

@@ -1,2 +1,746 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-BHm2KTjD-D8FylaKc.cjs"),d=require("react"),Ee=require("./Typography-CDR-DAHH.cjs"),je=require("./getSliderMarks-DDJ1CdhL.cjs"),Re=require("./Spinner-UmN-KPe9.cjs"),ke=require("./parse-hMnG_lRV.cjs"),we=require("./index-CZbIGs8q.cjs"),$e=require("./index-BXns0-ng.cjs"),T=require("./zoom-Lo7IAUfC.cjs"),Se=require("./Modal-cQF2UQIa.cjs"),Ce=require("./numberFormattingFunction.js"),Me=require("./Tooltip-BM18N_3l.cjs"),Ne=require("./string2HTML-X4ZYX5jI.cjs"),De=require("./checkIfNullOrUndefined.js"),be=require("./index-CEc_9zWy.cjs"),ae=require("./use-in-view-Dl1CsAIo.cjs"),qe=require("./ordinal-BOeNbyae.cjs"),Oe=require("./threshold-DNsSUf8Q.cjs"),ve=require("./select-Bnfk0lJx.cjs"),Ie=require("./index-a2C2Bqn2.cjs"),Pe=require("./GraphFooter.js"),Le=require("./GraphHeader.js"),de=require("./Colors.js"),Te=require("./fetchAndParseData.js"),ze=require("./getUniqValue.js"),We=require("./getJenks.js"),Be=require("./init-DU0ybBc_.cjs");function Ve(pe){const{data:E,colorDomain:h,colors:l,mapData:j,colorLegendTitle:V,categorical:D,height:x,width:c,scale:se,centerPoint:z,tooltip:ie,mapBorderWidth:q,mapBorderColor:F,mapNoDataColor:Y,onSeriesMouseOver:J,showColorScale:me,zoomScaleExtend:xe,zoomTranslateExtend:O,highlightedIds:H,onSeriesMouseClick:y,mapProperty:A,resetSelectionOnDoubleClick:he,detailsOnClick:$,styles:ge,classNames:ye,mapProjection:U,zoomInteraction:W,animate:b,dimmedOpacity:G,customLayers:ne}=pe,[k,S]=d.useState(void 0),K=d.useRef(null),[Z,v]=d.useState(!(c<680)),[C,Q]=d.useState(void 0),[X,ee]=d.useState(void 0),[M,R]=d.useState(void 0),[le,te]=d.useState(void 0),I=d.useRef(null),re=ae.useInView(I,{once:b.once,amount:b.amount}),ce=d.useRef(null),f=D?qe.ordinal().domain(h).range(l):Oe.threshold().domain(h).range(l);d.useEffect(()=>{const r=ve.select(ce.current),n=ve.select(I.current),p=a=>{if(W==="noZoom")return!1;if(W==="button")return!a.type.includes("wheel");const i=a.type==="wheel",e=a.type.startsWith("touch"),o=a.type==="mousedown"||a.type==="mousemove";return e?!0:i?W==="scroll"?!0:a.ctrlKey:o&&!a.button&&!a.ctrlKey},s=T.zoom().scaleExtent(xe).translateExtent(O||[[-20,-20],[c+20,x+20]]).filter(p).on("zoom",({transform:a})=>{r.attr("transform",a)});n.call(s),K.current=s},[x,c,W]);const g=T.turf_bbox_default(j),P=T.turf_centroid_default(j),oe=g[2]-g[0],ue=g[3]-g[1],B=c*190/960*360/oe,fe=x*190/678*180/ue,u=se*Math.min(B,fe),w=U==="mercator"?T.geoMercator().rotate([0,0]).center(z||P.geometry.coordinates).translate([c/2,x/2]).scale(u):U==="equalEarth"?T.geoEqualEarth().rotate([0,0]).center(z||P.geometry.coordinates).translate([c/2,x/2]).scale(u):U==="naturalEarth"?T.geoNaturalEarth1().rotate([0,0]).center(z||P.geometry.coordinates).translate([c/2,x/2]).scale(u):U==="orthographic"?T.geoOrthographic().rotate([0,0]).center(z||P.geometry.coordinates).translate([c/2,x/2]).scale(u):T.geoAlbersUsa().rotate([0,0]).center(z||P.geometry.coordinates).translate([c/2,x/2]).scale(u),_=r=>{if(!I.current||!K.current)return;ve.select(I.current).call(K.current.scaleBy,r==="in"?1.2:1/1.2)};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:"relative",children:[t.jsxRuntimeExports.jsx(ae.motion.svg,{width:`${c}px`,height:`${x}px`,viewBox:`0 0 ${c} ${x}`,ref:I,direction:"ltr",children:t.jsxRuntimeExports.jsxs("g",{ref:ce,children:[ne.filter(r=>r.position==="before").map(r=>r.layer),j.features.map((r,n)=>E.findIndex(s=>s.id===r.properties[A])!==-1?null:t.jsxRuntimeExports.jsx("g",{opacity:k?G:H.length!==0?H.indexOf(r.properties[A])!==-1?1:G:1,children:r.geometry.type==="MultiPolygon"?r.geometry.coordinates.map((s,a)=>{let i="";return s.forEach(e=>{let o=" M";e.forEach((m,L)=>{const N=w([m[0],m[1]]);L!==e.length-1?o=`${o}${N[0]} ${N[1]}L`:o=`${o}${N[0]} ${N[1]}`}),i+=o}),t.jsxRuntimeExports.jsx("path",{d:i,style:{stroke:F,strokeWidth:q,fill:Y}},a)}):r.geometry.coordinates.map((s,a)=>{let i="M";return s.forEach((e,o)=>{const m=w([e[0],e[1]]);o!==s.length-1?i=`${i}${m[0]} ${m[1]}L`:i=`${i}${m[0]} ${m[1]}`}),t.jsxRuntimeExports.jsx("path",{d:i,style:{stroke:F,strokeWidth:q,fill:Y}},a)})},n)),t.jsxRuntimeExports.jsx(Ie.AnimatePresence,{children:E.map(r=>{const n=j.features.findIndex(s=>r.id===s.properties[A]),p=De.checkIfNullOrUndefined(r.x)?Y:f(r.x);return t.jsxRuntimeExports.jsx(ae.motion.g,{variants:{initial:{opacity:0},whileInView:{opacity:k?k===p?1:G:H.length!==0?H.indexOf(r.id)!==-1?1:G:1,transition:{duration:b.duration}}},initial:"initial",animate:re?"whileInView":"initial",exit:{opacity:0,transition:{duration:b.duration}},onMouseEnter:s=>{ee(r),te(s.clientY),R(s.clientX),J?.(r)},onMouseMove:s=>{ee(r),te(s.clientY),R(s.clientX)},onMouseLeave:()=>{ee(void 0),R(void 0),te(void 0),J?.(void 0)},onClick:()=>{(y||$)&&($e.isEqual(C,r)&&he?(Q(void 0),y?.(void 0)):(Q(r),y?.(r)))},children:n===-1?null:j.features[n].geometry.type==="MultiPolygon"?j.features[n].geometry.coordinates.map((s,a)=>{let i="";return s.forEach(e=>{let o=" M";e.forEach((m,L)=>{const N=w([m[0],m[1]]);L!==e.length-1?o=`${o}${N[0]} ${N[1]}L`:o=`${o}${N[0]} ${N[1]}`}),i+=o}),t.jsxRuntimeExports.jsx(ae.motion.path,{d:i,variants:{initial:{fill:p,opacity:0},whileInView:{fill:p,opacity:1,transition:{duration:b.duration}}},initial:"initial",animate:re?"whileInView":"initial",exit:{opacity:0,transition:{duration:b.duration}},style:{stroke:F,strokeWidth:q}},`${r.id}-${a}`)}):j.features[n].geometry.coordinates.map((s,a)=>{let i="M";return s.forEach((e,o)=>{const m=w([e[0],e[1]]);o!==s.length-1?i=`${i}${m[0]} ${m[1]}L`:i=`${i}${m[0]} ${m[1]}`}),t.jsxRuntimeExports.jsx(ae.motion.path,{d:i,variants:{initial:{fill:p,opacity:0},whileInView:{fill:p,opacity:1,transition:{duration:b.duration}}},initial:"initial",animate:re?"whileInView":"initial",exit:{opacity:0,transition:{duration:b.duration}},style:{stroke:F,strokeWidth:q}},`${r.id}-${a}`)})},r.id)})}),X?j.features.filter(r=>r.properties[A]===X.id).map((r,n)=>t.jsxRuntimeExports.jsx("g",{children:r.geometry.type==="MultiPolygon"?r.geometry.coordinates.map((p,s)=>{let a="";return p.forEach(i=>{let e=" M";i.forEach((o,m)=>{const L=w([o[0],o[1]]);m!==i.length-1?e=`${e}${L[0]} ${L[1]}L`:e=`${e}${L[0]} ${L[1]}`}),a+=e}),t.jsxRuntimeExports.jsx("path",{d:a,className:"stroke-primary-gray-700 dark:stroke-primary-gray-300",style:{fill:"none",fillOpacity:0,strokeWidth:"0.5"}},s)}):r.geometry.coordinates.map((p,s)=>{let a="M";return p.forEach((i,e)=>{const o=w([i[0],i[1]]);e!==p.length-1?a=`${a}${o[0]} ${o[1]}L`:a=`${a}${o[0]} ${o[1]}`}),t.jsxRuntimeExports.jsx("path",{d:a,className:"stroke-primary-gray-700 dark:stroke-primary-gray-300",style:{fill:"none",fillOpacity:0,strokeWidth:"0.5"}},s)})},n)):null,ne.filter(r=>r.position==="after").map(r=>r.layer)]})}),me===!1?null:t.jsxRuntimeExports.jsx("div",{className:"absolute left-4 bottom-4",children:Z?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.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"},onClick:()=>{v(!1)},children:t.jsxRuntimeExports.jsx(be.X,{})}),t.jsxRuntimeExports.jsxs("div",{className:"p-2",style:{backgroundColor:"rgba(240,240,240, 0.7)",width:D?void 0:"340px"},children:[V&&V!==""?t.jsxRuntimeExports.jsx(Ee.TypographyExports.P,{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:V}):null,D?t.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-3",children:h.map((r,n)=>t.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",onMouseOver:()=>{S(l[n%l.length])},onMouseLeave:()=>{S(void 0)},children:[t.jsxRuntimeExports.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:l[n%l.length]}}),t.jsxRuntimeExports.jsx(Ee.TypographyExports.P,{size:"sm",marginBottom:"none",leading:"none",children:r})]},n))}):t.jsxRuntimeExports.jsx("svg",{width:"100%",viewBox:"0 0 320 30",direction:"ltr",children:t.jsxRuntimeExports.jsxs("g",{children:[h.map((r,n)=>t.jsxRuntimeExports.jsxs("g",{onMouseOver:()=>{S(l[n])},onMouseLeave:()=>{S(void 0)},className:"cursor-pointer",children:[t.jsxRuntimeExports.jsx("rect",{x:n*320/l.length+1,y:1,width:320/l.length-2,height:8,className:k===l[n]?"stroke-primary-gray-700 dark:stroke-primary-gray-300":"",style:{fill:l[n],...k===l[n]?{}:{stroke:l[n]}}}),t.jsxRuntimeExports.jsx("text",{x:(n+1)*320/l.length,y:25,className:"fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",style:{textAnchor:"middle"},children:Ce.numberFormattingFunction(r,"NA")})]},n)),t.jsxRuntimeExports.jsx("g",{children:t.jsxRuntimeExports.jsx("rect",{onMouseOver:()=>{S(l[h.length])},onMouseLeave:()=>{S(void 0)},x:h.length*320/l.length+1,y:1,width:320/l.length-2,height:8,className:`cursor-pointer ${k===l[h.length]?"stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300":""}`,style:{fill:l[h.length],...k===l[h.length]?{}:{stroke:l[h.length]}}})})]})})]})]}):t.jsxRuntimeExports.jsx("button",{type:"button",className:"mb-0 border-0 bg-transparent p-0 self-start",onClick:()=>{v(!0)},children:t.jsxRuntimeExports.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"})})}),W==="button"&&t.jsxRuntimeExports.jsxs("div",{className:"absolute left-4 top-4 flex flex-col",children:[t.jsxRuntimeExports.jsx("button",{onClick:()=>_("in"),className:"leading-0 px-2 py-3.5 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-400 dark:bg-primary-gray-600 dark:text-primary-gray-100",children:"+"}),t.jsxRuntimeExports.jsx("button",{onClick:()=>_("out"),className:"leading-0 px-2 py-3.5 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-400 dark:bg-primary-gray-600 dark:text-primary-gray-100",children:"–"})]})]}),$&&C!==void 0?t.jsxRuntimeExports.jsx(Se.ModalExports.Modal,{open:C!==void 0,onClose:()=>{Q(void 0)},children:t.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof $=="string"?{__html:Ne.string2HTML($,C)}:void 0,children:typeof $=="function"?$(C):null})}):null,X&&ie&&M&&le?t.jsxRuntimeExports.jsx(Me.Tooltip,{data:X,body:ie,xPos:M,yPos:le,backgroundStyle:ge?.tooltip,className:ye?.tooltip}):null]})}function Fe(pe){const{data:E,mapData:h="https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json",graphTitle:l,colors:j,sources:V,graphDescription:D,height:x,width:c,footNote:se="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:z,colorLegendTitle:ie,scaleType:q="threshold",scale:F=.95,centerPoint:Y,padding:J,mapBorderWidth:me=.5,mapNoDataColor:xe=de.Colors.light.graphNoData,backgroundColor:O=!1,mapBorderColor:H=de.Colors.light.grays["gray-500"],relativeHeight:y,tooltip:A,onSeriesMouseOver:he,isWorldMap:$=!0,showColorScale:ge=!0,zoomScaleExtend:ye=[.8,6],zoomTranslateExtend:U,graphID:W,highlightedIds:b=[],onSeriesMouseClick:G,mapProperty:ne="ISO3",graphDownload:k=!1,dataDownload:S=!1,showAntarctica:K=!1,language:Z="en",minHeight:v=0,theme:C="light",ariaLabel:Q,resetSelectionOnDoubleClick:X=!0,detailsOnClick:ee,styles:M,classNames:R,mapProjection:le,zoomInteraction:te="button",animate:I=!1,dimmedOpacity:re=.3,customLayers:ce=[],timeline:f={enabled:!1,autoplay:!1,showOnlyActiveDate:!0}}=pe,[g,P]=d.useState(0),[oe,ue]=d.useState(0),[B,fe]=d.useState(f.autoplay),u=je.sort(we.uniqBy(E.filter(e=>e.date!==void 0&&e.date!==null),e=>e.date).map(e=>ke.parse(`${e.date}`,f.dateFormat||"yyyy",new Date).getTime()),(e,o)=>Be.ascending(e,o)),[w,_]=d.useState(f.autoplay?0:u.length-1),[r,n]=d.useState(void 0),p=d.useRef(null),s=d.useRef(null);d.useEffect(()=>{const e=new ResizeObserver(o=>{P(c||o[0].target.clientWidth||760),ue(x||o[0].target.clientHeight||480)});return p.current&&(ue(p.current.clientHeight||480),P(p.current.clientWidth||760),c||e.observe(p.current)),()=>e.disconnect()},[c,x]),d.useEffect(()=>{typeof h=="string"?Te.fetchAndParseJSON(h).then(o=>{n(o)}):n(h)},[h]);const a=z||(q==="categorical"?ze.getUniqValue(E,"x"):We.getJenks(E.map(e=>e.x),j?.length||4));d.useEffect(()=>{const e=setInterval(()=>{_(o=>o<u.length-1?o+1:0)},(f.speed||2)*1e3);return B||clearInterval(e),()=>clearInterval(e)},[u,B,f.speed]);const i=je.getSliderMarks(u,w,f.showOnlyActiveDate,f.dateFormat||"yyyy");return t.jsxRuntimeExports.jsx("div",{className:`${C||"light"} flex  ${c?"w-fit grow-0":"w-full grow"}`,dir:Z==="he"||Z==="ar"?"rtl":void 0,children:t.jsxRuntimeExports.jsx("div",{className:Ee.cnExports.cn(`${O?O===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${Z||"en"}`,R?.graphContainer),style:{...M?.graphContainer||{},...O&&O!==!0?{backgroundColor:O}:{}},id:W,ref:s,"aria-label":Q||`${l?`The graph shows ${l}. `:""}This is a choropleth map where geographic areas are colored in proportion to a specific variable.${D?` ${D}`:""}`,children:t.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:O?J||"1rem":J||0},children:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[l||D||k||S?t.jsxRuntimeExports.jsx(Le.GraphHeader,{styles:{title:M?.title,description:M?.description},classNames:{title:R?.title,description:R?.description},graphTitle:l,graphDescription:D,width:c,graphDownload:k?s.current:void 0,dataDownload:S?E.map(e=>e.data).filter(e=>e!==void 0).length>0?E.map(e=>e.data).filter(e=>e!==void 0):E.filter(e=>e!==void 0):null}):null,f.enabled&&u.length>0&&i?t.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[t.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{fe(!B)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":B?"Click to pause animation":"Click to play animation",children:B?t.jsxRuntimeExports.jsx(be.Pause,{}):t.jsxRuntimeExports.jsx(be.Play,{})}),t.jsxRuntimeExports.jsx(je.SliderUIExports.SliderUI,{min:u[0],max:u[u.length-1],marks:i,step:null,defaultValue:u[u.length-1],value:u[w],onChangeComplete:e=>{_(u.indexOf(e))},onChange:e=>{_(u.indexOf(e))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,t.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center leading-0",ref:p,"aria-label":"Map area",children:(c||g)&&(x||oe)&&r?t.jsxRuntimeExports.jsx(Ve,{data:E.filter(e=>f.enabled?e.date===ke.format(new Date(u[w]),f.dateFormat||"yyyy"):e),mapData:K?r:{...r,features:r.features.filter(e=>e.properties.NAME!=="Antarctica")},colorDomain:a,width:c||g,height:Math.max(v,x||(y?v?(c||g)*y>v?(c||g)*y:v:(c||g)*y:oe)),scale:F,centerPoint:Y,colors:j||(q==="categorical"?de.Colors[C].sequentialColors[`neutralColorsx0${a.length}`]:de.Colors[C].sequentialColors[`neutralColorsx0${a.length+1}`]),colorLegendTitle:ie,mapBorderWidth:me,mapNoDataColor:xe,categorical:q==="categorical",mapBorderColor:H,tooltip:A,onSeriesMouseOver:he,isWorldMap:$,showColorScale:ge,zoomScaleExtend:ye,zoomTranslateExtend:U,onSeriesMouseClick:G,mapProperty:ne,highlightedIds:b,resetSelectionOnDoubleClick:X,styles:M,classNames:R,detailsOnClick:ee,mapProjection:le||($?"naturalEarth":"mercator"),zoomInteraction:te,dimmedOpacity:re,animate:I===!0?{duration:.5,once:!0,amount:.5}:I||{duration:0,once:!0,amount:0},customLayers:ce}):t.jsxRuntimeExports.jsx("div",{style:{height:`${Math.max(v,x||(y?v?(c||g)*y>v?(c||g)*y:v:(c||g)*y:oe))}px`},className:"flex items-center justify-center",children:t.jsxRuntimeExports.jsx(Re.SpinnerExports.Spinner,{"aria-label":"Loading graph"})})}),V||se?t.jsxRuntimeExports.jsx(Pe.GraphFooter,{styles:{footnote:M?.footnote,source:M?.source},classNames:{footnote:R?.footnote,source:R?.source},sources:V,footNote:se,width:c}):null]})})})})}exports.ChoroplethMap=Fe;
+import { j as t, m as je } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { useState as b, useRef as ae, useEffect as pe } from "react";
+import { s as we, g as $e, x as Ne } from "./getSliderMarks-C0jptXeP.js";
+import { y as Ce } from "./Spinner-C85UF28E.js";
+import { p as Me, f as De } from "./parse-DlCRUFh_.js";
+import { u as Se } from "./index-CaAIPGZo.js";
+import { i as Oe } from "./index-27yTRcko.js";
+import { z as Ee, t as Pe, a as Ie, g as Le, b as ze, c as We, d as Te, e as Be } from "./zoom-_lqdiGoI.js";
+import { X as Ae } from "./Modal-CUU6ZK3U.js";
+import { u as ke } from "./Typography-Ctgfl1J5.js";
+import { n as Ve } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as Fe } from "./Tooltip-DyM5snqx.js";
+import { s as He } from "./string2HTML-CWHGfz_d.js";
+import { c as qe } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { X as Xe, P as Ue, f as _e } from "./index-BmCqpO1B.js";
+import { u as Ge } from "./use-in-view-BAHrBy6b.js";
+import { o as Re } from "./ordinal-w9Lu4Stb.js";
+import { t as Ye } from "./threshold-DFfqcDMa.js";
+import { s as be } from "./select-DKy99ogv.js";
+import { m as de } from "./proxy-DJxJg1kD.js";
+import { A as Je } from "./index-BxAUvrua.js";
+import { GraphFooter as Ke } from "./GraphFooter.js";
+import { GraphHeader as Ze } from "./GraphHeader.js";
+import { Colors as me } from "./Colors.js";
+import { f as Qe } from "./fetchAndParseData-Bcmr659B.js";
+import { g as et } from "./getUniqValue-BtUENB2H.js";
+import { g as tt } from "./getJenks-VhM3GIoC.js";
+import { c as rt } from "./init-BhZylTFx.js";
+function at(he) {
+  const {
+    data: k,
+    colorDomain: g,
+    colors: l,
+    mapData: x,
+    colorLegendTitle: V,
+    categorical: E,
+    height: h,
+    width: c,
+    scale: oe,
+    centerPoint: T,
+    tooltip: ie,
+    mapBorderWidth: P,
+    mapBorderColor: F,
+    mapNoDataColor: R,
+    onSeriesMouseOver: Y,
+    showColorScale: ge,
+    zoomScaleExtend: ue,
+    zoomTranslateExtend: I,
+    highlightedIds: H,
+    onSeriesMouseClick: f,
+    mapProperty: q,
+    resetSelectionOnDoubleClick: fe,
+    detailsOnClick: C,
+    styles: ye,
+    classNames: xe,
+    mapProjection: X,
+    zoomInteraction: B,
+    animate: j,
+    dimmedOpacity: U,
+    customLayers: ne
+  } = he, [w, M] = b(void 0), J = ae(null), [K, v] = b(!(c < 680)), [D, Z] = b(void 0), [_, Q] = b(void 0), [S, $] = b(void 0), [se, ee] = b(void 0), L = ae(null), te = Ge(L, {
+    once: j.once,
+    amount: j.amount
+  }), le = ae(null), y = E ? Re().domain(g).range(l) : Ye().domain(g).range(l);
+  pe(() => {
+    const r = be(le.current), s = be(L.current), m = (o) => {
+      if (B === "noZoom") return !1;
+      if (B === "button") return !o.type.includes("wheel");
+      const n = o.type === "wheel", e = o.type.startsWith("touch"), a = o.type === "mousedown" || o.type === "mousemove";
+      return e ? !0 : n ? B === "scroll" ? !0 : o.ctrlKey : a && !o.button && !o.ctrlKey;
+    }, i = Ee().scaleExtent(ue).translateExtent(
+      I || [
+        [-20, -20],
+        [c + 20, h + 20]
+      ]
+    ).filter(m).on("zoom", ({ transform: o }) => {
+      r.attr("transform", o);
+    });
+    s.call(i), J.current = i;
+  }, [h, c, B]);
+  const u = Pe(x), z = Ie(x), re = u[2] - u[0], ce = u[3] - u[1], A = c * 190 / 960 * 360 / re, ve = h * 190 / 678 * 180 / ce, d = oe * Math.min(A, ve), N = X === "mercator" ? Le().rotate([0, 0]).center(T || z.geometry.coordinates).translate([c / 2, h / 2]).scale(d) : X === "equalEarth" ? ze().rotate([0, 0]).center(T || z.geometry.coordinates).translate([c / 2, h / 2]).scale(d) : X === "naturalEarth" ? We().rotate([0, 0]).center(T || z.geometry.coordinates).translate([c / 2, h / 2]).scale(d) : X === "orthographic" ? Te().rotate([0, 0]).center(T || z.geometry.coordinates).translate([c / 2, h / 2]).scale(d) : Be().rotate([0, 0]).center(T || z.geometry.coordinates).translate([c / 2, h / 2]).scale(d), G = (r) => {
+    if (!L.current || !J.current) return;
+    be(L.current).call(J.current.scaleBy, r === "in" ? 1.2 : 1 / 1.2);
+  };
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ t.jsx(
+        de.svg,
+        {
+          width: `${c}px`,
+          height: `${h}px`,
+          viewBox: `0 0 ${c} ${h}`,
+          ref: L,
+          direction: "ltr",
+          children: /* @__PURE__ */ t.jsxs("g", { ref: le, children: [
+            ne.filter((r) => r.position === "before").map((r) => r.layer),
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            x.features.map((r, s) => k.findIndex((i) => i.id === r.properties[q]) !== -1 ? null : /* @__PURE__ */ t.jsx(
+              "g",
+              {
+                opacity: w ? U : H.length !== 0 ? H.indexOf(r.properties[q]) !== -1 ? 1 : U : 1,
+                children: r.geometry.type === "MultiPolygon" ? (
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  r.geometry.coordinates.map((i, o) => {
+                    let n = "";
+                    return i.forEach((e) => {
+                      let a = " M";
+                      e.forEach((p, W) => {
+                        const O = N([p[0], p[1]]);
+                        W !== e.length - 1 ? a = `${a}${O[0]} ${O[1]}L` : a = `${a}${O[0]} ${O[1]}`;
+                      }), n += a;
+                    }), /* @__PURE__ */ t.jsx(
+                      "path",
+                      {
+                        d: n,
+                        style: {
+                          stroke: F,
+                          strokeWidth: P,
+                          fill: R
+                        }
+                      },
+                      o
+                    );
+                  })
+                ) : (
+                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                  r.geometry.coordinates.map((i, o) => {
+                    let n = "M";
+                    return i.forEach((e, a) => {
+                      const p = N([e[0], e[1]]);
+                      a !== i.length - 1 ? n = `${n}${p[0]} ${p[1]}L` : n = `${n}${p[0]} ${p[1]}`;
+                    }), /* @__PURE__ */ t.jsx(
+                      "path",
+                      {
+                        d: n,
+                        style: {
+                          stroke: F,
+                          strokeWidth: P,
+                          fill: R
+                        }
+                      },
+                      o
+                    );
+                  })
+                )
+              },
+              s
+            )),
+            /* @__PURE__ */ t.jsx(Je, { children: k.map((r) => {
+              const s = x.features.findIndex(
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                (i) => r.id === i.properties[q]
+              ), m = qe(r.x) ? R : (
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                y(r.x)
+              );
+              return /* @__PURE__ */ t.jsx(
+                de.g,
+                {
+                  variants: {
+                    initial: { opacity: 0 },
+                    whileInView: {
+                      opacity: w ? w === m ? 1 : U : H.length !== 0 ? H.indexOf(r.id) !== -1 ? 1 : U : 1,
+                      transition: { duration: j.duration }
+                    }
+                  },
+                  initial: "initial",
+                  animate: te ? "whileInView" : "initial",
+                  exit: { opacity: 0, transition: { duration: j.duration } },
+                  onMouseEnter: (i) => {
+                    Q(r), ee(i.clientY), $(i.clientX), Y?.(r);
+                  },
+                  onMouseMove: (i) => {
+                    Q(r), ee(i.clientY), $(i.clientX);
+                  },
+                  onMouseLeave: () => {
+                    Q(void 0), $(void 0), ee(void 0), Y?.(void 0);
+                  },
+                  onClick: () => {
+                    (f || C) && (Oe(D, r) && fe ? (Z(void 0), f?.(void 0)) : (Z(r), f?.(r)));
+                  },
+                  children: s === -1 ? null : x.features[s].geometry.type === "MultiPolygon" ? x.features[s].geometry.coordinates.map(
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    (i, o) => {
+                      let n = "";
+                      return i.forEach((e) => {
+                        let a = " M";
+                        e.forEach((p, W) => {
+                          const O = N([p[0], p[1]]);
+                          W !== e.length - 1 ? a = `${a}${O[0]} ${O[1]}L` : a = `${a}${O[0]} ${O[1]}`;
+                        }), n += a;
+                      }), /* @__PURE__ */ t.jsx(
+                        de.path,
+                        {
+                          d: n,
+                          variants: {
+                            initial: { fill: m, opacity: 0 },
+                            whileInView: {
+                              fill: m,
+                              opacity: 1,
+                              transition: { duration: j.duration }
+                            }
+                          },
+                          initial: "initial",
+                          animate: te ? "whileInView" : "initial",
+                          exit: { opacity: 0, transition: { duration: j.duration } },
+                          style: {
+                            stroke: F,
+                            strokeWidth: P
+                          }
+                        },
+                        `${r.id}-${o}`
+                      );
+                    }
+                  ) : x.features[s].geometry.coordinates.map(
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    (i, o) => {
+                      let n = "M";
+                      return i.forEach((e, a) => {
+                        const p = N([e[0], e[1]]);
+                        a !== i.length - 1 ? n = `${n}${p[0]} ${p[1]}L` : n = `${n}${p[0]} ${p[1]}`;
+                      }), /* @__PURE__ */ t.jsx(
+                        de.path,
+                        {
+                          d: n,
+                          variants: {
+                            initial: { fill: m, opacity: 0 },
+                            whileInView: {
+                              fill: m,
+                              opacity: 1,
+                              transition: { duration: j.duration }
+                            }
+                          },
+                          initial: "initial",
+                          animate: te ? "whileInView" : "initial",
+                          exit: { opacity: 0, transition: { duration: j.duration } },
+                          style: {
+                            stroke: F,
+                            strokeWidth: P
+                          }
+                        },
+                        `${r.id}-${o}`
+                      );
+                    }
+                  )
+                },
+                r.id
+              );
+            }) }),
+            _ ? x.features.filter(
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              (r) => r.properties[q] === _.id
+            ).map((r, s) => /* @__PURE__ */ t.jsx("g", { children: r.geometry.type === "MultiPolygon" ? (
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              r.geometry.coordinates.map((m, i) => {
+                let o = "";
+                return m.forEach((n) => {
+                  let e = " M";
+                  n.forEach((a, p) => {
+                    const W = N([a[0], a[1]]);
+                    p !== n.length - 1 ? e = `${e}${W[0]} ${W[1]}L` : e = `${e}${W[0]} ${W[1]}`;
+                  }), o += e;
+                }), /* @__PURE__ */ t.jsx(
+                  "path",
+                  {
+                    d: o,
+                    className: "stroke-primary-gray-700 dark:stroke-primary-gray-300",
+                    style: {
+                      fill: "none",
+                      fillOpacity: 0,
+                      strokeWidth: "0.5"
+                    }
+                  },
+                  i
+                );
+              })
+            ) : (
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
+              r.geometry.coordinates.map((m, i) => {
+                let o = "M";
+                return m.forEach((n, e) => {
+                  const a = N([n[0], n[1]]);
+                  e !== m.length - 1 ? o = `${o}${a[0]} ${a[1]}L` : o = `${o}${a[0]} ${a[1]}`;
+                }), /* @__PURE__ */ t.jsx(
+                  "path",
+                  {
+                    d: o,
+                    className: "stroke-primary-gray-700 dark:stroke-primary-gray-300",
+                    style: {
+                      fill: "none",
+                      fillOpacity: 0,
+                      strokeWidth: "0.5"
+                    }
+                  },
+                  i
+                );
+              })
+            ) }, s)) : null,
+            ne.filter((r) => r.position === "after").map((r) => r.layer)
+          ] })
+        }
+      ),
+      ge === !1 ? null : /* @__PURE__ */ t.jsx("div", { className: "absolute left-4 bottom-4", children: K ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.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"
+            },
+            onClick: () => {
+              v(!1);
+            },
+            children: /* @__PURE__ */ t.jsx(Xe, {})
+          }
+        ),
+        /* @__PURE__ */ t.jsxs(
+          "div",
+          {
+            className: "p-2",
+            style: {
+              backgroundColor: "rgba(240,240,240, 0.7)",
+              width: E ? void 0 : "340px"
+            },
+            children: [
+              V && V !== "" ? /* @__PURE__ */ t.jsx(
+                ke,
+                {
+                  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: V
+                }
+              ) : null,
+              E ? /* @__PURE__ */ t.jsx("div", { className: "flex flex-col gap-3", children: g.map((r, s) => /* @__PURE__ */ t.jsxs(
+                "div",
+                {
+                  className: "flex gap-2 items-center",
+                  onMouseOver: () => {
+                    M(l[s % l.length]);
+                  },
+                  onMouseLeave: () => {
+                    M(void 0);
+                  },
+                  children: [
+                    /* @__PURE__ */ t.jsx(
+                      "div",
+                      {
+                        className: "w-2 h-2 rounded-full",
+                        style: { backgroundColor: l[s % l.length] }
+                      }
+                    ),
+                    /* @__PURE__ */ t.jsx(ke, { size: "sm", marginBottom: "none", leading: "none", children: r })
+                  ]
+                },
+                s
+              )) }) : /* @__PURE__ */ t.jsx("svg", { width: "100%", viewBox: "0 0 320 30", direction: "ltr", children: /* @__PURE__ */ t.jsxs("g", { children: [
+                g.map((r, s) => /* @__PURE__ */ t.jsxs(
+                  "g",
+                  {
+                    onMouseOver: () => {
+                      M(l[s]);
+                    },
+                    onMouseLeave: () => {
+                      M(void 0);
+                    },
+                    className: "cursor-pointer",
+                    children: [
+                      /* @__PURE__ */ t.jsx(
+                        "rect",
+                        {
+                          x: s * 320 / l.length + 1,
+                          y: 1,
+                          width: 320 / l.length - 2,
+                          height: 8,
+                          className: w === l[s] ? "stroke-primary-gray-700 dark:stroke-primary-gray-300" : "",
+                          style: {
+                            fill: l[s],
+                            ...w === l[s] ? {} : { stroke: l[s] }
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ t.jsx(
+                        "text",
+                        {
+                          x: (s + 1) * 320 / l.length,
+                          y: 25,
+                          className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",
+                          style: { textAnchor: "middle" },
+                          children: Ve(r, "NA")
+                        }
+                      )
+                    ]
+                  },
+                  s
+                )),
+                /* @__PURE__ */ t.jsx("g", { children: /* @__PURE__ */ t.jsx(
+                  "rect",
+                  {
+                    onMouseOver: () => {
+                      M(l[g.length]);
+                    },
+                    onMouseLeave: () => {
+                      M(void 0);
+                    },
+                    x: g.length * 320 / l.length + 1,
+                    y: 1,
+                    width: 320 / l.length - 2,
+                    height: 8,
+                    className: `cursor-pointer ${w === l[g.length] ? "stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300" : ""}`,
+                    style: {
+                      fill: l[g.length],
+                      ...w === l[g.length] ? {} : { stroke: l[g.length] }
+                    }
+                  }
+                ) })
+              ] }) })
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          type: "button",
+          className: "mb-0 border-0 bg-transparent p-0 self-start",
+          onClick: () => {
+            v(!0);
+          },
+          children: /* @__PURE__ */ t.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" })
+        }
+      ) }),
+      B === "button" && /* @__PURE__ */ t.jsxs("div", { className: "absolute left-4 top-4 flex flex-col", children: [
+        /* @__PURE__ */ t.jsx(
+          "button",
+          {
+            onClick: () => G("in"),
+            className: "leading-0 px-2 py-3.5 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-400 dark:bg-primary-gray-600 dark:text-primary-gray-100",
+            children: "+"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "button",
+          {
+            onClick: () => G("out"),
+            className: "leading-0 px-2 py-3.5 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-400 dark:bg-primary-gray-600 dark:text-primary-gray-100",
+            children: "–"
+          }
+        )
+      ] })
+    ] }),
+    C && D !== void 0 ? /* @__PURE__ */ t.jsx(
+      Ae,
+      {
+        open: D !== void 0,
+        onClose: () => {
+          Z(void 0);
+        },
+        children: /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof C == "string" ? { __html: He(C, D) } : void 0,
+            children: typeof C == "function" ? C(D) : null
+          }
+        )
+      }
+    ) : null,
+    _ && ie && S && se ? /* @__PURE__ */ t.jsx(
+      Fe,
+      {
+        data: _,
+        body: ie,
+        xPos: S,
+        yPos: se,
+        backgroundStyle: ye?.tooltip,
+        className: xe?.tooltip
+      }
+    ) : null
+  ] });
+}
+function Pt(he) {
+  const {
+    data: k,
+    mapData: g = "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json",
+    graphTitle: l,
+    colors: x,
+    sources: V,
+    graphDescription: E,
+    height: h,
+    width: c,
+    footNote: oe = "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: T,
+    colorLegendTitle: ie,
+    scaleType: P = "threshold",
+    scale: F = 0.95,
+    centerPoint: R,
+    padding: Y,
+    mapBorderWidth: ge = 0.5,
+    mapNoDataColor: ue = me.light.graphNoData,
+    backgroundColor: I = !1,
+    mapBorderColor: H = me.light.grays["gray-500"],
+    relativeHeight: f,
+    tooltip: q,
+    onSeriesMouseOver: fe,
+    isWorldMap: C = !0,
+    showColorScale: ye = !0,
+    zoomScaleExtend: xe = [0.8, 6],
+    zoomTranslateExtend: X,
+    graphID: B,
+    highlightedIds: j = [],
+    onSeriesMouseClick: U,
+    mapProperty: ne = "ISO3",
+    graphDownload: w = !1,
+    dataDownload: M = !1,
+    showAntarctica: J = !1,
+    language: K = "en",
+    minHeight: v = 0,
+    theme: D = "light",
+    ariaLabel: Z,
+    resetSelectionOnDoubleClick: _ = !0,
+    detailsOnClick: Q,
+    styles: S,
+    classNames: $,
+    mapProjection: se,
+    zoomInteraction: ee = "button",
+    animate: L = !1,
+    dimmedOpacity: te = 0.3,
+    customLayers: le = [],
+    timeline: y = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
+  } = he, [u, z] = b(0), [re, ce] = b(0), [A, ve] = b(y.autoplay), d = we(
+    Se(
+      k.filter((e) => e.date !== void 0 && e.date !== null),
+      (e) => e.date
+    ).map((e) => Me(`${e.date}`, y.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    (e, a) => rt(e, a)
+  ), [N, G] = b(y.autoplay ? 0 : d.length - 1), [r, s] = b(void 0), m = ae(null), i = ae(null);
+  pe(() => {
+    const e = new ResizeObserver((a) => {
+      z(c || a[0].target.clientWidth || 760), ce(h || a[0].target.clientHeight || 480);
+    });
+    return m.current && (ce(m.current.clientHeight || 480), z(m.current.clientWidth || 760), c || e.observe(m.current)), () => e.disconnect();
+  }, [c, h]), pe(() => {
+    typeof g == "string" ? Qe(g).then((a) => {
+      s(a);
+    }) : s(g);
+  }, [g]);
+  const o = T || (P === "categorical" ? et(k, "x") : tt(
+    k.map((e) => e.x),
+    x?.length || 4
+  ));
+  pe(() => {
+    const e = setInterval(
+      () => {
+        G((a) => a < d.length - 1 ? a + 1 : 0);
+      },
+      (y.speed || 2) * 1e3
+    );
+    return A || clearInterval(e), () => clearInterval(e);
+  }, [d, A, y.speed]);
+  const n = $e(
+    d,
+    N,
+    y.showOnlyActiveDate,
+    y.dateFormat || "yyyy"
+  );
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: `${D || "light"} flex  ${c ? "w-fit grow-0" : "w-full grow"}`,
+      dir: K === "he" || K === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: je(
+            `${I ? I === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${K || "en"}`,
+            $?.graphContainer
+          ),
+          style: {
+            ...S?.graphContainer || {},
+            ...I && I !== !0 ? { backgroundColor: I } : {}
+          },
+          id: B,
+          ref: i,
+          "aria-label": Z || `${l ? `The graph shows ${l}. ` : ""}This is a choropleth map where geographic areas are colored in proportion to a specific variable.${E ? ` ${E}` : ""}`,
+          children: /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: I ? Y || "1rem" : Y || 0 },
+              children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+                l || E || w || M ? /* @__PURE__ */ t.jsx(
+                  Ze,
+                  {
+                    styles: {
+                      title: S?.title,
+                      description: S?.description
+                    },
+                    classNames: {
+                      title: $?.title,
+                      description: $?.description
+                    },
+                    graphTitle: l,
+                    graphDescription: E,
+                    width: c,
+                    graphDownload: w ? i.current : void 0,
+                    dataDownload: M ? k.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? k.map((e) => e.data).filter((e) => e !== void 0) : k.filter((e) => e !== void 0) : null
+                  }
+                ) : null,
+                y.enabled && d.length > 0 && n ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                  /* @__PURE__ */ t.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        ve(!A);
+                      },
+                      className: "p-0 border-0 cursor-pointer bg-transparent",
+                      "aria-label": A ? "Click to pause animation" : "Click to play animation",
+                      children: A ? /* @__PURE__ */ t.jsx(Ue, {}) : /* @__PURE__ */ t.jsx(_e, {})
+                    }
+                  ),
+                  /* @__PURE__ */ t.jsx(
+                    Ne,
+                    {
+                      min: d[0],
+                      max: d[d.length - 1],
+                      marks: n,
+                      step: null,
+                      defaultValue: d[d.length - 1],
+                      value: d[N],
+                      onChangeComplete: (e) => {
+                        G(d.indexOf(e));
+                      },
+                      onChange: (e) => {
+                        G(d.indexOf(e));
+                      },
+                      "aria-label": "Time slider. Use arrow keys to adjust selected time period."
+                    }
+                  )
+                ] }) : null,
+                /* @__PURE__ */ t.jsx(
+                  "div",
+                  {
+                    className: "flex flex-col grow justify-center leading-0",
+                    ref: m,
+                    "aria-label": "Map area",
+                    children: (c || u) && (h || re) && r ? /* @__PURE__ */ t.jsx(
+                      at,
+                      {
+                        data: k.filter(
+                          (e) => y.enabled ? e.date === De(new Date(d[N]), y.dateFormat || "yyyy") : e
+                        ),
+                        mapData: J ? r : {
+                          ...r,
+                          features: r.features.filter(
+                            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                            (e) => e.properties.NAME !== "Antarctica"
+                          )
+                        },
+                        colorDomain: o,
+                        width: c || u,
+                        height: Math.max(
+                          v,
+                          h || (f ? v ? (c || u) * f > v ? (c || u) * f : v : (c || u) * f : re)
+                        ),
+                        scale: F,
+                        centerPoint: R,
+                        colors: x || (P === "categorical" ? me[D].sequentialColors[`neutralColorsx0${o.length}`] : me[D].sequentialColors[`neutralColorsx0${o.length + 1}`]),
+                        colorLegendTitle: ie,
+                        mapBorderWidth: ge,
+                        mapNoDataColor: ue,
+                        categorical: P === "categorical",
+                        mapBorderColor: H,
+                        tooltip: q,
+                        onSeriesMouseOver: fe,
+                        isWorldMap: C,
+                        showColorScale: ye,
+                        zoomScaleExtend: xe,
+                        zoomTranslateExtend: X,
+                        onSeriesMouseClick: U,
+                        mapProperty: ne,
+                        highlightedIds: j,
+                        resetSelectionOnDoubleClick: _,
+                        styles: S,
+                        classNames: $,
+                        detailsOnClick: Q,
+                        mapProjection: se || (C ? "naturalEarth" : "mercator"),
+                        zoomInteraction: ee,
+                        dimmedOpacity: te,
+                        animate: L === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : L || { duration: 0, once: !0, amount: 0 },
+                        customLayers: le
+                      }
+                    ) : /* @__PURE__ */ t.jsx(
+                      "div",
+                      {
+                        style: {
+                          height: `${Math.max(
+                            v,
+                            h || (f ? v ? (c || u) * f > v ? (c || u) * f : v : (c || u) * f : re)
+                          )}px`
+                        },
+                        className: "flex items-center justify-center",
+                        children: /* @__PURE__ */ t.jsx(Ce, { "aria-label": "Loading graph" })
+                      }
+                    )
+                  }
+                ),
+                V || oe ? /* @__PURE__ */ t.jsx(
+                  Ke,
+                  {
+                    styles: { footnote: S?.footnote, source: S?.source },
+                    classNames: {
+                      footnote: $?.footnote,
+                      source: $?.source
+                    },
+                    sources: V,
+                    footNote: oe,
+                    width: c
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  Pt as ChoroplethMap
+};
 //# sourceMappingURL=ChoroplethMap.js.map