@undp/data-viz 1.3.0 → 1.4.0

package/dist/BiVariateChoroplethMap.js

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