@undp/data-viz 1.3.0 → 1.3.1

package/dist/ScatterPlot.js

@@ -1,2 +1,829 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-BHm2KTjD-D8FylaKc.cjs"),ke=require("./index-CZbIGs8q.cjs"),Ie=require("./parse-hMnG_lRV.cjs"),j=require("react"),Se=require("./Typography-CDR-DAHH.cjs"),Ae=require("./getSliderMarks-DDJ1CdhL.cjs"),Le=require("./index-BXns0-ng.cjs"),Fe=require("./index-BczVvEBZ.cjs"),Ve=require("./simple-statistics-xm8c0LQQ.cjs"),He=require("./Modal-cQF2UQIa.cjs"),We=require("./Tooltip-BM18N_3l.cjs"),c=require("./checkIfNullOrUndefined.js"),N=require("./Colors.js"),$e=require("./numberFormattingFunction.js"),Ne=require("./customArea-B47Ew5cT.cjs"),Ge=require("./string2HTML-X4ZYX5jI.cjs"),Te=require("./Axis-BlyBRMNw.cjs"),De=require("./AxisTitle-BY8MI9jC.cjs"),Be=require("./XTicksAndGridLines-DuK35ROS.cjs"),Pe=require("./ReferenceLine-Bsb5jeE4.cjs"),ze=require("./RegressionLine-BfpCuD7B.cjs"),_e=require("./YTicksAndGridLines-CtLvzExe.cjs"),Ke=require("./index-BYroABPm.cjs"),K=require("./use-in-view-Dl1CsAIo.cjs"),Je=require("./pow-B5-jkdHU.cjs"),Ue=require("./linear-BVckp9RD.cjs"),Qe=require("./delaunay-rcy0HhZi.cjs"),Xe=require("./index-a2C2Bqn2.cjs"),Ze=require("./GraphFooter.js"),et=require("./GraphHeader.js"),tt=require("./ColorLegendWithMouseOver.js"),it=require("./EmptyState-BQguKAp5.cjs"),Ye=require("./index-CEc_9zWy.cjs"),st=require("./ensureCompleteData-DqWQ2Zbi.cjs"),ot=require("./init-DU0ybBc_.cjs");function rt(ge){const{data:s,width:M,height:q,showLabels:se,colors:l,colorDomain:C,radius:R,xAxisTitle:m,yAxisTitle:J,leftMargin:W,rightMargin:pe,topMargin:ye,bottomMargin:oe,tooltip:re,onSeriesMouseOver:U,refXValues:I,refYValues:je,highlightAreaSettings:ve,selectedColor:G,highlightedDataPoints:L,maxRadiusValue:be,maxXValue:B,minXValue:w,maxYValue:Oe,minYValue:E,onSeriesMouseClick:V,rtl:Q,annotations:Ce,customHighlightAreaSettings:Re,regressionLine:z,resetSelectionOnDoubleClick:Z,detailsOnClick:k,noOfXTicks:ne,noOfYTicks:le,labelColor:ee,xSuffix:ae,ySuffix:ce,xPrefix:xe,yPrefix:ue,styles:x,classNames:u,animate:n,dimmedOpacity:A,precision:S,customLayers:fe}=ge,de=j.useRef(null),y=K.useInView(de,{once:n.once,amount:n.amount}),[$,T]=j.useState(void 0),[D,X]=j.useState(void 0),[me,P]=j.useState(void 0),[he,v]=j.useState(void 0),h={top:ye,bottom:m?oe+50:oe,left:J?W+30:W,right:pe},_=s.map((e,p)=>({...e,id:`${p}`})),g=M-h.left-h.right,b=q-h.top-h.bottom,O=s.filter(e=>e.radius===void 0||e.radius===null).length!==s.length?Je.sqrt().domain([0,be]).range([.25,R]).nice():void 0,d=_.filter(e=>!c.checkIfNullOrUndefined(e.radius)).length===0?_:Fe.orderBy(_.filter(e=>!c.checkIfNullOrUndefined(e.radius)),"radius","desc"),r=Ue.linear().domain([w,B]).range([0,g]).nice(),a=Ue.linear().domain([E,Oe]).range([b,0]).nice(),te=r.ticks(ne),ie=a.ticks(le),Y=Qe.Delaunay.from(d.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)),e=>r(e.x),e=>a(e.y)).voronoi([0,0,g<0?0:g,b<0?0:b]),we=Ve.linearRegression(s.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)).map(e=>[r(e.x),a(e.y)])),f=Ve.linearRegressionLine(we);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(K.motion.svg,{width:`${M}px`,height:`${q}px`,viewBox:`0 0 ${M} ${q}`,direction:"ltr",ref:de,children:i.jsxRuntimeExports.jsxs("g",{transform:`translate(${h.left},${h.top})`,children:[i.jsxRuntimeExports.jsxs(Xe.AnimatePresence,{children:[i.jsxRuntimeExports.jsx(Ke.HighlightAreaForScatterPlot,{areaSettings:ve,width:g,height:b,scaleX:r,scaleY:a,animate:n,isInView:y}),i.jsxRuntimeExports.jsx(Ne.CustomArea,{areaSettings:Re,scaleX:r,scaleY:a,animate:n,isInView:y})]}),i.jsxRuntimeExports.jsxs("g",{children:[i.jsxRuntimeExports.jsx(_e.YTicksAndGridLines,{values:ie.filter(e=>e!==0),y:ie.filter(e=>e!==0).map(e=>a(e)),x1:0,x2:g+h.right,styles:{gridLines:x?.yAxis?.gridLines,labels:x?.yAxis?.labels},classNames:{gridLines:u?.yAxis?.gridLines,labels:u?.yAxis?.labels},suffix:ce,prefix:ue,labelType:"secondary",showGridLines:!0,labelPos:"side",precision:S}),i.jsxRuntimeExports.jsx(Te.Axis,{y1:a(E<0?0:E),y2:a(E<0?0:E),x1:0,x2:g+h.right,label:$e.numberFormattingFunction(E<0?0:E,"NA",S,ue,ce),labelPos:{x:0,y:a(E<0?0:E),dy:"0.33em",dx:-4},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:x?.xAxis?.axis,label:{textAnchor:"end",...x?.yAxis?.labels||{}}}}),i.jsxRuntimeExports.jsx(De.AxisTitle,{x:0-W-15,y:b/2,style:x?.yAxis?.title,className:u?.yAxis?.title,text:J,rotate90:!0})]}),i.jsxRuntimeExports.jsxs("g",{children:[i.jsxRuntimeExports.jsx(Be.XTicksAndGridLines,{values:te.filter(e=>e!==0),x:te.filter(e=>e!==0).map(e=>r(e)),y1:0,y2:b,styles:{gridLines:x?.xAxis?.gridLines,labels:x?.xAxis?.labels},classNames:{gridLines:u?.xAxis?.gridLines,labels:u?.xAxis?.labels},suffix:ae,prefix:xe,labelType:"primary",showGridLines:!0,precision:S}),i.jsxRuntimeExports.jsx(Te.Axis,{x1:r(w<0?0:w),x2:r(w<0?0:w),y1:0,y2:b,label:$e.numberFormattingFunction(w<0?0:w,"NA",S,xe,ae),labelPos:{x:r(w<0?0:w),y:b,dy:"1em",dx:0},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:x?.xAxis?.axis,label:{textAnchor:"middle",...x?.yAxis?.labels||{}}}}),i.jsxRuntimeExports.jsx(De.AxisTitle,{x:g/2,y:b+30,style:x?.xAxis?.title,className:u?.xAxis?.title,text:m})]}),fe.filter(e=>e.position==="before").map(e=>e.layer),i.jsxRuntimeExports.jsxs(Xe.AnimatePresence,{children:[d.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)).map((e,p)=>i.jsxRuntimeExports.jsx("path",{d:Y.renderCell(d.findIndex(o=>o.id===e.id)),opacity:0,onMouseEnter:o=>{T(e),v(o.clientY),P(o.clientX),U?.(e)},onMouseMove:o=>{T(e),v(o.clientY),P(o.clientX)},onMouseLeave:()=>{T(void 0),P(void 0),v(void 0),U?.(void 0)},onClick:()=>{(V||k)&&(Le.isEqual(D,e)&&Z?(X(void 0),V?.(void 0)):(X(e),V?.(e)))}},`${e.label||p}`)),d.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)).map((e,p)=>i.jsxRuntimeExports.jsxs(K.motion.g,{variants:{initial:{x:r(e.x),y:a(e.y),opacity:G?e.color&&l[C.indexOf(`${e.color}`)]===G?1:A:$?$.id===e.id?1:A:L.length!==0?L.indexOf(e.label||"")!==-1?1:A:1},whileInView:{x:r(e.x),y:a(e.y),opacity:G?e.color&&l[C.indexOf(`${e.color}`)]===G?1:A:$?$.id===e.id?1:A:L.length!==0?L.indexOf(e.label||"")!==-1?1:A:1,transition:{duration:n.duration}}},initial:"initial",animate:y?"whileInView":"initial",exit:{opacity:0,transition:{duration:n.duration}},onMouseEnter:o=>{T(e),v(o.clientY),P(o.clientX),U?.(e)},onMouseMove:o=>{T(e),v(o.clientY),P(o.clientX)},onMouseLeave:()=>{T(void 0),P(void 0),v(void 0),U?.(void 0)},onClick:()=>{(V||k)&&(Le.isEqual(D,e)&&Z?(X(void 0),V?.(void 0)):(X(e),V?.(e)))},children:[i.jsxRuntimeExports.jsx(K.motion.circle,{cx:0,cy:0,exit:{r:0,transition:{duration:n.duration}},variants:{initial:{r:0,fill:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray,stroke:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray},whileInView:{r:O?O(e.radius||0):R,fill:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray,stroke:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray,transition:{duration:n.duration}}},initial:"initial",animate:y?"whileInView":"initial",style:{fillOpacity:.6}}),se&&!c.checkIfNullOrUndefined(e.label)?i.jsxRuntimeExports.jsx(K.motion.text,{style:{...x?.graphObjectValues||{}},className:Se.cnExports.cn("graph-value text-sm",u?.graphObjectValues),y:0,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{x:O?O(e.radius||0):R,opacity:0,fill:ee||(s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray)},whileInView:{x:O?O(e.radius||0):R,opacity:1,fill:ee||(s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray),transition:{duration:n.duration}}},initial:"initial",animate:y?"whileInView":"initial",dy:"0.33em",dx:3,children:e.label}):L.length!==0&&!c.checkIfNullOrUndefined(e.label)&&L.indexOf(e.label)!==-1?i.jsxRuntimeExports.jsx(K.motion.text,{style:{fill:ee||(s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray),...x?.graphObjectValues||{}},className:Se.cnExports.cn("graph-value text-sm",u?.graphObjectValues),y:0,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{x:O?O(e.radius||0):R,opacity:0},whileInView:{x:O?O(e.radius||0):R,opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:y?"whileInView":"initial",dy:"0.33em",dx:3,children:e.label}):null]},`${e.label||p}`)),I.map((e,p)=>i.jsxRuntimeExports.jsx(Pe.RefLineX,{text:e.text,color:e.color,x:r(e.value),y1:0,y2:b,textSide:r(e.value)>g*.75||Q?"left":"right",classNames:e.classNames,styles:e.styles,animate:n,isInView:y},p)),je.map((e,p)=>i.jsxRuntimeExports.jsx(Pe.RefLineY,{text:e.text,color:e.color,y:a(e.value),x1:0,x2:g,classNames:e.classNames,styles:e.styles,animate:n,isInView:y},p)),i.jsxRuntimeExports.jsx("g",{children:Ce.map((e,p)=>{const o=Ne.getLineEndPoint({x:e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),y:e.yCoordinate?a(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8},{x:e.xCoordinate?r(e.xCoordinate):0,y:e.yCoordinate?a(e.yCoordinate):0},c.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius),Ee=e.showConnector?{y1:o.y,x1:o.x,y2:e.yCoordinate?a(e.yCoordinate)+(e.yOffset||0):0+(e.yOffset||0),x2:e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),cy:e.yCoordinate?a(e.yCoordinate):0,cx:e.xCoordinate?r(e.xCoordinate):0,circleRadius:c.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius,strokeWidth:e.showConnector===!0?2:Math.min(e.showConnector||0,1)}:void 0,F={y:e.yCoordinate?a(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8,x:Q?0:e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),width:Q?e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0):g-(e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0)),maxWidth:e.maxWidth,fontWeight:e.fontWeight,align:e.align};return i.jsxRuntimeExports.jsx(Ne.Annotation,{color:e.color,connectorsSettings:Ee,labelSettings:F,text:e.text,classNames:e.classNames,styles:e.styles,animate:n,isInView:y},p)})}),z?i.jsxRuntimeExports.jsx(ze.RegressionLine,{x1:0,x2:g,y1:f(0),y2:f(g),graphHeight:b,graphWidth:g,className:u?.regLine,style:x?.regLine,color:typeof z=="string"?z:void 0,animate:n,isInView:y}):null]}),fe.filter(e=>e.position==="after").map(e=>e.layer)]})}),$&&re&&me&&he?i.jsxRuntimeExports.jsx(We.Tooltip,{data:$,body:re,xPos:me,yPos:he,backgroundStyle:x?.tooltip,className:u?.tooltip}):null,k&&D!==void 0?i.jsxRuntimeExports.jsx(He.ModalExports.Modal,{open:D!==void 0,onClose:()=>{X(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof k=="string"?{__html:Ge.string2HTML(k,D)}:void 0,children:typeof k=="function"?k(D):null})}):null]})}function nt(ge){const{data:s,graphTitle:M,colors:q,sources:se,graphDescription:l,showLabels:C=!1,height:R,width:m,footNote:J,colorDomain:W,colorLegendTitle:pe,radius:ye=5,xAxisTitle:oe="X Axis",yAxisTitle:re="Y Axis",padding:U,backgroundColor:I=!1,leftMargin:je=0,rightMargin:ve=10,topMargin:G=20,bottomMargin:L=50,tooltip:be,relativeHeight:B,onSeriesMouseOver:w,refXValues:Oe=[],refYValues:E=[],highlightAreaSettings:V=[],showColorScale:Q=!0,highlightedDataPoints:Ce=[],graphID:Re,maxRadiusValue:z,maxXValue:Z,minXValue:k,maxYValue:ne,minYValue:le,xSuffix:ee="",ySuffix:ae="",xPrefix:ce="",yPrefix:xe="",onSeriesMouseClick:ue,graphDownload:x=!1,dataDownload:u=!1,language:n="en",showNAColor:A=!0,minHeight:S=0,annotations:fe=[],customHighlightAreaSettings:de=[],theme:y="light",regressionLine:$=!1,ariaLabel:T,resetSelectionOnDoubleClick:D=!0,detailsOnClick:X,noOfXTicks:me=5,noOfYTicks:P=5,labelColor:he,styles:v,classNames:h,animate:_=!1,dimmedOpacity:g=.3,precision:b=2,customLayers:O=[],timeline:d={enabled:!1,autoplay:!1,showOnlyActiveDate:!0}}=ge,[r,a]=j.useState(0),[te,ie]=j.useState(0),[Y,we]=j.useState(d.autoplay),f=Ae.sort(ke.uniqBy(s.filter(t=>t.date!==void 0&&t.date!==null),t=>t.date).map(t=>Ie.parse(`${t.date}`,d.dateFormat||"yyyy",new Date).getTime()),(t,H)=>ot.ascending(t,H)),[e,p]=j.useState(d.autoplay?0:f.length-1),[o,Ee]=j.useState(void 0),F=j.useRef(null),Me=j.useRef(null);j.useEffect(()=>{const t=new ResizeObserver(H=>{a(m||H[0].target.clientWidth||620),ie(R||H[0].target.clientHeight||480)});return F.current&&(ie(F.current.clientHeight||480),a(F.current.clientWidth||620),m||t.observe(F.current)),()=>t.disconnect()},[m,R]),j.useEffect(()=>{const t=setInterval(()=>{p(H=>H<f.length-1?H+1:0)},(d.speed||2)*1e3);return Y||clearInterval(t),()=>clearInterval(t)},[f,Y,d.speed]);const qe=Ae.getSliderMarks(f,e,d.showOnlyActiveDate,d.dateFormat||"yyyy");return i.jsxRuntimeExports.jsx("div",{className:`${y||"light"} flex  ${m?"w-fit grow-0":"w-full grow"}`,dir:n==="he"||n==="ar"?"rtl":void 0,children:i.jsxRuntimeExports.jsx("div",{className:Se.cnExports.cn(`${I?I===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${n||"en"}`,h?.graphContainer),style:{...v?.graphContainer||{},...I&&I!==!0?{backgroundColor:I}:{}},id:Re,ref:Me,"aria-label":T||`${M?`The graph shows ${M}. `:""}This is a scatter plot that shows correlation between two variables.${l?` ${l}`:""}`,children:i.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:I?U||"1rem":U||0},children:i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[M||l||x||u?i.jsxRuntimeExports.jsx(et.GraphHeader,{styles:{title:v?.title,description:v?.description},classNames:{title:h?.title,description:h?.description},graphTitle:M,graphDescription:l,width:m,graphDownload:x?Me.current:void 0,dataDownload:u?s.map(t=>t.data).filter(t=>t!==void 0).length>0?s.map(t=>t.data).filter(t=>t!==void 0):s.filter(t=>t!==void 0):null}):null,d.enabled&&f.length>0&&qe?i.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[i.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{we(!Y)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":Y?"Click to pause animation":"Click to play animation",children:Y?i.jsxRuntimeExports.jsx(Ye.Pause,{}):i.jsxRuntimeExports.jsx(Ye.Play,{})}),i.jsxRuntimeExports.jsx(Ae.SliderUIExports.SliderUI,{min:f[0],max:f[f.length-1],marks:qe,step:null,defaultValue:f[f.length-1],value:f[e],onChangeComplete:t=>{p(f.indexOf(t))},onChange:t=>{p(f.indexOf(t))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,i.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:s.length===0?i.jsxRuntimeExports.jsx(it.EmptyState,{}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[Q&&s.filter(t=>t.color).length!==0?i.jsxRuntimeExports.jsx(tt.ColorLegendWithMouseOver,{width:m,colorLegendTitle:pe,colors:q||N.Colors[y].categoricalColors.colors,colorDomain:W||ke.uniqBy(s.filter(t=>t.color),"color").map(t=>t.color),setSelectedColor:Ee,showNAColor:A}):null,i.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center w-full leading-0",ref:F,"aria-label":"Graph area",children:(m||r)&&(R||te)?i.jsxRuntimeExports.jsx(rt,{data:st.ensureCompleteDataForScatterPlot(s,d.dateFormat||"yyyy").filter(t=>d.enabled?t.date===Ie.format(new Date(f[e]),d.dateFormat||"yyyy"):t),width:m||r,height:Math.max(S,R||(B?S?(m||r)*B>S?(m||r)*B:S:(m||r)*B:te)),colorDomain:s.filter(t=>t.color).length===0?[]:W||ke.uniqBy(s.filter(t=>t.color),"color").map(t=>t.color),colors:s.filter(t=>t.color).length===0?q?[q]:[N.Colors.primaryColors["blue-600"]]:q||N.Colors[y].categoricalColors.colors,xAxisTitle:oe,yAxisTitle:re,refXValues:Oe,refYValues:E,showLabels:C,radius:ye,leftMargin:je,rightMargin:ve,topMargin:G,bottomMargin:L,tooltip:be,onSeriesMouseOver:w,highlightAreaSettings:V,highlightedDataPoints:s.filter(t=>t.label).length===0?[]:Ce,selectedColor:o,maxRadiusValue:c.checkIfNullOrUndefined(z)?Math.max(...s.map(t=>t.radius).filter(t=>t!=null)):z,maxXValue:c.checkIfNullOrUndefined(Z)?Math.max(...s.map(t=>t.x).filter(t=>t!=null))>0?Math.max(...s.map(t=>t.x).filter(t=>t!=null)):0:Z,minXValue:c.checkIfNullOrUndefined(k)?Math.min(...s.map(t=>t.x).filter(t=>t!=null))>0?0:Math.min(...s.map(t=>t.x).filter(t=>t!=null)):k,maxYValue:c.checkIfNullOrUndefined(ne)?Math.max(...s.map(t=>t.y).filter(t=>t!=null))>0?Math.max(...s.map(t=>t.y).filter(t=>t!=null)):0:ne,minYValue:c.checkIfNullOrUndefined(le)?Math.min(...s.map(t=>t.y).filter(t=>t!=null))>0?0:Math.min(...s.map(t=>t.y).filter(t=>t!=null)):le,onSeriesMouseClick:ue,rtl:n==="he"||n==="ar",annotations:fe,customHighlightAreaSettings:de,regressionLine:$,resetSelectionOnDoubleClick:D,detailsOnClick:X,noOfXTicks:me,noOfYTicks:P,labelColor:he,xSuffix:ee,ySuffix:ae,xPrefix:ce,yPrefix:xe,styles:v,classNames:h,animate:_===!0?{duration:.5,once:!0,amount:.5}:_||{duration:0,once:!0,amount:0},dimmedOpacity:g,precision:b,customLayers:O}):null})]})}),se||J?i.jsxRuntimeExports.jsx(Ze.GraphFooter,{styles:{footnote:v?.footnote,source:v?.source},classNames:{footnote:h?.footnote,source:h?.source},sources:se,footNote:J,width:m}):null]})})})})}exports.ScatterPlot=nt;
+import { j as t, m as Ne } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { u as ke } from "./index-CaAIPGZo.js";
+import { p as Re, f as He } from "./parse-DlCRUFh_.js";
+import { useRef as Se, useState as V, useEffect as De } from "react";
+import { s as We, g as Fe, x as Ee } from "./getSliderMarks-C0jptXeP.js";
+import { i as $e } from "./index-27yTRcko.js";
+import { o as Ge } from "./index-BLizQDlg.js";
+import { l as qe, a as Be } from "./simple-statistics-flVzqVtt.js";
+import { X as ze } from "./Modal-CUU6ZK3U.js";
+import { T as Ue } from "./Tooltip-DyM5snqx.js";
+import { c } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { Colors as N } from "./Colors.js";
+import { n as Te } from "./numberFormattingFunction-14YCbkN2.js";
+import { C as _e, g as Je, A as Ke } from "./customArea-CaxScFmW.js";
+import { s as Qe } from "./string2HTML-CWHGfz_d.js";
+import { A as Pe } from "./Axis-Ddg-seDi.js";
+import { A as Xe } from "./AxisTitle-BmHLMRJZ.js";
+import { X as Ze } from "./XTicksAndGridLines-Bn9u5gOM.js";
+import { a as ei, R as ii } from "./ReferenceLine-C1GpoG9d.js";
+import { R as ti } from "./RegressionLine-BFwDCTUU.js";
+import { Y as oi } from "./YTicksAndGridLines-B6ah7CRf.js";
+import { a as ai } from "./index-n_RI8T0n.js";
+import { u as ri } from "./use-in-view-BAHrBy6b.js";
+import { s as li } from "./pow-e8zx3AQJ.js";
+import { a as Ye } from "./linear-DUdu7l2G.js";
+import { D as si } from "./delaunay-C1uAf38t.js";
+import { m as te } from "./proxy-DJxJg1kD.js";
+import { A as Ie } from "./index-BxAUvrua.js";
+import { GraphFooter as ni } from "./GraphFooter.js";
+import { GraphHeader as ci } from "./GraphHeader.js";
+import { ColorLegendWithMouseOver as xi } from "./ColorLegendWithMouseOver.js";
+import { E as mi } from "./EmptyState-DdTp-Mdn.js";
+import { P as fi, f as ui } from "./index-BmCqpO1B.js";
+import { e as gi } from "./ensureCompleteData-BBDZbDCE.js";
+import { c as hi } from "./init-BhZylTFx.js";
+function yi(ye) {
+  const {
+    data: o,
+    width: L,
+    height: D,
+    showLabels: oe,
+    colors: s,
+    colorDomain: w,
+    radius: O,
+    xAxisTitle: g,
+    yAxisTitle: J,
+    leftMargin: q,
+    rightMargin: de,
+    topMargin: pe,
+    bottomMargin: ae,
+    tooltip: re,
+    onSeriesMouseOver: H,
+    refXValues: $,
+    refYValues: ve,
+    highlightAreaSettings: be,
+    selectedColor: B,
+    highlightedDataPoints: T,
+    maxRadiusValue: Ce,
+    maxXValue: z,
+    minXValue: j,
+    maxYValue: we,
+    minYValue: A,
+    onSeriesMouseClick: P,
+    rtl: K,
+    annotations: Oe,
+    customHighlightAreaSettings: je,
+    regressionLine: U,
+    resetSelectionOnDoubleClick: Q,
+    detailsOnClick: M,
+    noOfXTicks: le,
+    noOfYTicks: se,
+    labelColor: Z,
+    xSuffix: ne,
+    ySuffix: ce,
+    xPrefix: xe,
+    yPrefix: me,
+    styles: x,
+    classNames: m,
+    animate: l,
+    dimmedOpacity: k,
+    precision: S,
+    customLayers: fe
+  } = ye, ue = Se(null), p = ri(ue, {
+    once: l.once,
+    amount: l.amount
+  }), [X, Y] = V(void 0), [I, W] = V(void 0), [ge, R] = V(void 0), [he, v] = V(void 0), h = {
+    top: pe,
+    bottom: g ? ae + 50 : ae,
+    left: J ? q + 30 : q,
+    right: de
+  }, _ = o.map((e, d) => ({ ...e, id: `${d}` })), y = L - h.left - h.right, b = D - h.top - h.bottom, C = o.filter((e) => e.radius === void 0 || e.radius === null).length !== o.length ? li().domain([0, Ce]).range([0.25, O]).nice() : void 0, u = _.filter((e) => !c(e.radius)).length === 0 ? _ : Ge(
+    _.filter((e) => !c(e.radius)),
+    "radius",
+    "desc"
+  ), r = Ye().domain([j, z]).range([0, y]).nice(), n = Ye().domain([A, we]).range([b, 0]).nice(), ee = r.ticks(le), ie = n.ticks(se), F = si.from(
+    u.filter((e) => !c(e.x) && !c(e.y)),
+    (e) => r(e.x),
+    (e) => n(e.y)
+  ).voronoi([0, 0, y < 0 ? 0 : y, b < 0 ? 0 : b]), Ae = qe(
+    o.filter((e) => !c(e.x) && !c(e.y)).map((e) => [r(e.x), n(e.y)])
+  ), f = Be(Ae);
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
+      te.svg,
+      {
+        width: `${L}px`,
+        height: `${D}px`,
+        viewBox: `0 0 ${L} ${D}`,
+        direction: "ltr",
+        ref: ue,
+        children: /* @__PURE__ */ t.jsxs("g", { transform: `translate(${h.left},${h.top})`, children: [
+          /* @__PURE__ */ t.jsxs(Ie, { children: [
+            /* @__PURE__ */ t.jsx(
+              ai,
+              {
+                areaSettings: be,
+                width: y,
+                height: b,
+                scaleX: r,
+                scaleY: n,
+                animate: l,
+                isInView: p
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              _e,
+              {
+                areaSettings: je,
+                scaleX: r,
+                scaleY: n,
+                animate: l,
+                isInView: p
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t.jsxs("g", { children: [
+            /* @__PURE__ */ t.jsx(
+              oi,
+              {
+                values: ie.filter((e) => e !== 0),
+                y: ie.filter((e) => e !== 0).map((e) => n(e)),
+                x1: 0,
+                x2: y + h.right,
+                styles: {
+                  gridLines: x?.yAxis?.gridLines,
+                  labels: x?.yAxis?.labels
+                },
+                classNames: {
+                  gridLines: m?.yAxis?.gridLines,
+                  labels: m?.yAxis?.labels
+                },
+                suffix: ce,
+                prefix: me,
+                labelType: "secondary",
+                showGridLines: !0,
+                labelPos: "side",
+                precision: S
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              Pe,
+              {
+                y1: n(A < 0 ? 0 : A),
+                y2: n(A < 0 ? 0 : A),
+                x1: 0,
+                x2: y + h.right,
+                label: Te(
+                  A < 0 ? 0 : A,
+                  "NA",
+                  S,
+                  me,
+                  ce
+                ),
+                labelPos: {
+                  x: 0,
+                  y: n(A < 0 ? 0 : A),
+                  dy: "0.33em",
+                  dx: -4
+                },
+                classNames: {
+                  axis: m?.xAxis?.axis,
+                  label: m?.yAxis?.labels
+                },
+                styles: {
+                  axis: x?.xAxis?.axis,
+                  label: { textAnchor: "end", ...x?.yAxis?.labels || {} }
+                }
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              Xe,
+              {
+                x: 0 - q - 15,
+                y: b / 2,
+                style: x?.yAxis?.title,
+                className: m?.yAxis?.title,
+                text: J,
+                rotate90: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t.jsxs("g", { children: [
+            /* @__PURE__ */ t.jsx(
+              Ze,
+              {
+                values: ee.filter((e) => e !== 0),
+                x: ee.filter((e) => e !== 0).map((e) => r(e)),
+                y1: 0,
+                y2: b,
+                styles: {
+                  gridLines: x?.xAxis?.gridLines,
+                  labels: x?.xAxis?.labels
+                },
+                classNames: {
+                  gridLines: m?.xAxis?.gridLines,
+                  labels: m?.xAxis?.labels
+                },
+                suffix: ne,
+                prefix: xe,
+                labelType: "primary",
+                showGridLines: !0,
+                precision: S
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              Pe,
+              {
+                x1: r(j < 0 ? 0 : j),
+                x2: r(j < 0 ? 0 : j),
+                y1: 0,
+                y2: b,
+                label: Te(
+                  j < 0 ? 0 : j,
+                  "NA",
+                  S,
+                  xe,
+                  ne
+                ),
+                labelPos: {
+                  x: r(j < 0 ? 0 : j),
+                  y: b,
+                  dy: "1em",
+                  dx: 0
+                },
+                classNames: {
+                  axis: m?.xAxis?.axis,
+                  label: m?.yAxis?.labels
+                },
+                styles: {
+                  axis: x?.xAxis?.axis,
+                  label: {
+                    textAnchor: "middle",
+                    ...x?.yAxis?.labels || {}
+                  }
+                }
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              Xe,
+              {
+                x: y / 2,
+                y: b + 30,
+                style: x?.xAxis?.title,
+                className: m?.xAxis?.title,
+                text: g
+              }
+            )
+          ] }),
+          fe.filter((e) => e.position === "before").map((e) => e.layer),
+          /* @__PURE__ */ t.jsxs(Ie, { children: [
+            u.filter((e) => !c(e.x) && !c(e.y)).map((e, d) => /* @__PURE__ */ t.jsx(
+              "path",
+              {
+                d: F.renderCell(u.findIndex((a) => a.id === e.id)),
+                opacity: 0,
+                onMouseEnter: (a) => {
+                  Y(e), v(a.clientY), R(a.clientX), H?.(e);
+                },
+                onMouseMove: (a) => {
+                  Y(e), v(a.clientY), R(a.clientX);
+                },
+                onMouseLeave: () => {
+                  Y(void 0), R(void 0), v(void 0), H?.(void 0);
+                },
+                onClick: () => {
+                  (P || M) && ($e(I, e) && Q ? (W(void 0), P?.(void 0)) : (W(e), P?.(e)));
+                }
+              },
+              `${e.label || d}`
+            )),
+            u.filter((e) => !c(e.x) && !c(e.y)).map((e, d) => /* @__PURE__ */ t.jsxs(
+              te.g,
+              {
+                variants: {
+                  initial: {
+                    x: r(e.x),
+                    y: n(e.y),
+                    opacity: B ? e.color && s[w.indexOf(`${e.color}`)] === B ? 1 : k : X ? X.id === e.id ? 1 : k : T.length !== 0 ? T.indexOf(e.label || "") !== -1 ? 1 : k : 1
+                  },
+                  whileInView: {
+                    x: r(e.x),
+                    y: n(e.y),
+                    opacity: B ? e.color && s[w.indexOf(`${e.color}`)] === B ? 1 : k : X ? X.id === e.id ? 1 : k : T.length !== 0 ? T.indexOf(e.label || "") !== -1 ? 1 : k : 1,
+                    transition: { duration: l.duration }
+                  }
+                },
+                initial: "initial",
+                animate: p ? "whileInView" : "initial",
+                exit: { opacity: 0, transition: { duration: l.duration } },
+                onMouseEnter: (a) => {
+                  Y(e), v(a.clientY), R(a.clientX), H?.(e);
+                },
+                onMouseMove: (a) => {
+                  Y(e), v(a.clientY), R(a.clientX);
+                },
+                onMouseLeave: () => {
+                  Y(void 0), R(void 0), v(void 0), H?.(void 0);
+                },
+                onClick: () => {
+                  (P || M) && ($e(I, e) && Q ? (W(void 0), P?.(void 0)) : (W(e), P?.(e)));
+                },
+                children: [
+                  /* @__PURE__ */ t.jsx(
+                    te.circle,
+                    {
+                      cx: 0,
+                      cy: 0,
+                      exit: { r: 0, transition: { duration: l.duration } },
+                      variants: {
+                        initial: {
+                          r: 0,
+                          fill: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray,
+                          stroke: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray
+                        },
+                        whileInView: {
+                          r: C ? C(e.radius || 0) : O,
+                          fill: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray,
+                          stroke: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray,
+                          transition: { duration: l.duration }
+                        }
+                      },
+                      initial: "initial",
+                      animate: p ? "whileInView" : "initial",
+                      style: {
+                        fillOpacity: 0.6
+                      }
+                    }
+                  ),
+                  oe && !c(e.label) ? /* @__PURE__ */ t.jsx(
+                    te.text,
+                    {
+                      style: {
+                        ...x?.graphObjectValues || {}
+                      },
+                      className: Ne("graph-value text-sm", m?.graphObjectValues),
+                      y: 0,
+                      exit: { opacity: 0, transition: { duration: l.duration } },
+                      variants: {
+                        initial: {
+                          x: C ? C(e.radius || 0) : O,
+                          opacity: 0,
+                          fill: Z || (o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray)
+                        },
+                        whileInView: {
+                          x: C ? C(e.radius || 0) : O,
+                          opacity: 1,
+                          fill: Z || (o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray),
+                          transition: { duration: l.duration }
+                        }
+                      },
+                      initial: "initial",
+                      animate: p ? "whileInView" : "initial",
+                      dy: "0.33em",
+                      dx: 3,
+                      children: e.label
+                    }
+                  ) : T.length !== 0 && !c(e.label) && T.indexOf(e.label) !== -1 ? /* @__PURE__ */ t.jsx(
+                    te.text,
+                    {
+                      style: {
+                        fill: Z || (o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray),
+                        ...x?.graphObjectValues || {}
+                      },
+                      className: Ne("graph-value text-sm", m?.graphObjectValues),
+                      y: 0,
+                      exit: { opacity: 0, transition: { duration: l.duration } },
+                      variants: {
+                        initial: {
+                          x: C ? C(e.radius || 0) : O,
+                          opacity: 0
+                        },
+                        whileInView: {
+                          x: C ? C(e.radius || 0) : O,
+                          opacity: 1,
+                          transition: { duration: l.duration }
+                        }
+                      },
+                      initial: "initial",
+                      animate: p ? "whileInView" : "initial",
+                      dy: "0.33em",
+                      dx: 3,
+                      children: e.label
+                    }
+                  ) : null
+                ]
+              },
+              `${e.label || d}`
+            )),
+            $.map((e, d) => /* @__PURE__ */ t.jsx(
+              ei,
+              {
+                text: e.text,
+                color: e.color,
+                x: r(e.value),
+                y1: 0,
+                y2: b,
+                textSide: r(e.value) > y * 0.75 || K ? "left" : "right",
+                classNames: e.classNames,
+                styles: e.styles,
+                animate: l,
+                isInView: p
+              },
+              d
+            )),
+            ve.map((e, d) => /* @__PURE__ */ t.jsx(
+              ii,
+              {
+                text: e.text,
+                color: e.color,
+                y: n(e.value),
+                x1: 0,
+                x2: y,
+                classNames: e.classNames,
+                styles: e.styles,
+                animate: l,
+                isInView: p
+              },
+              d
+            )),
+            /* @__PURE__ */ t.jsx("g", { children: Oe.map((e, d) => {
+              const a = Je(
+                {
+                  x: e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+                  y: e.yCoordinate ? n(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8
+                },
+                {
+                  x: e.xCoordinate ? r(e.xCoordinate) : 0,
+                  y: e.yCoordinate ? n(e.yCoordinate) : 0
+                },
+                c(e.connectorRadius) ? 3.5 : e.connectorRadius
+              ), Me = e.showConnector ? {
+                y1: a.y,
+                x1: a.x,
+                y2: e.yCoordinate ? n(e.yCoordinate) + (e.yOffset || 0) : 0 + (e.yOffset || 0),
+                x2: e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+                cy: e.yCoordinate ? n(e.yCoordinate) : 0,
+                cx: e.xCoordinate ? r(e.xCoordinate) : 0,
+                circleRadius: c(e.connectorRadius) ? 3.5 : e.connectorRadius,
+                strokeWidth: e.showConnector === !0 ? 2 : Math.min(e.showConnector || 0, 1)
+              } : void 0, E = {
+                y: e.yCoordinate ? n(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8,
+                x: K ? 0 : e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+                width: K ? e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : y - (e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
+                maxWidth: e.maxWidth,
+                fontWeight: e.fontWeight,
+                align: e.align
+              };
+              return /* @__PURE__ */ t.jsx(
+                Ke,
+                {
+                  color: e.color,
+                  connectorsSettings: Me,
+                  labelSettings: E,
+                  text: e.text,
+                  classNames: e.classNames,
+                  styles: e.styles,
+                  animate: l,
+                  isInView: p
+                },
+                d
+              );
+            }) }),
+            U ? /* @__PURE__ */ t.jsx(
+              ti,
+              {
+                x1: 0,
+                x2: y,
+                y1: f(0),
+                y2: f(y),
+                graphHeight: b,
+                graphWidth: y,
+                className: m?.regLine,
+                style: x?.regLine,
+                color: typeof U == "string" ? U : void 0,
+                animate: l,
+                isInView: p
+              }
+            ) : null
+          ] }),
+          fe.filter((e) => e.position === "after").map((e) => e.layer)
+        ] })
+      }
+    ),
+    X && re && ge && he ? /* @__PURE__ */ t.jsx(
+      Ue,
+      {
+        data: X,
+        body: re,
+        xPos: ge,
+        yPos: he,
+        backgroundStyle: x?.tooltip,
+        className: m?.tooltip
+      }
+    ) : null,
+    M && I !== void 0 ? /* @__PURE__ */ t.jsx(
+      ze,
+      {
+        open: I !== void 0,
+        onClose: () => {
+          W(void 0);
+        },
+        children: /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: "graph-modal-content m-0",
+            dangerouslySetInnerHTML: typeof M == "string" ? { __html: Qe(M, I) } : void 0,
+            children: typeof M == "function" ? M(I) : null
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+function Qi(ye) {
+  const {
+    data: o,
+    graphTitle: L,
+    colors: D,
+    sources: oe,
+    graphDescription: s,
+    showLabels: w = !1,
+    height: O,
+    width: g,
+    footNote: J,
+    colorDomain: q,
+    colorLegendTitle: de,
+    radius: pe = 5,
+    xAxisTitle: ae = "X Axis",
+    yAxisTitle: re = "Y Axis",
+    padding: H,
+    backgroundColor: $ = !1,
+    leftMargin: ve = 0,
+    rightMargin: be = 10,
+    topMargin: B = 20,
+    bottomMargin: T = 50,
+    tooltip: Ce,
+    relativeHeight: z,
+    onSeriesMouseOver: j,
+    refXValues: we = [],
+    refYValues: A = [],
+    highlightAreaSettings: P = [],
+    showColorScale: K = !0,
+    highlightedDataPoints: Oe = [],
+    graphID: je,
+    maxRadiusValue: U,
+    maxXValue: Q,
+    minXValue: M,
+    maxYValue: le,
+    minYValue: se,
+    xSuffix: Z = "",
+    ySuffix: ne = "",
+    xPrefix: ce = "",
+    yPrefix: xe = "",
+    onSeriesMouseClick: me,
+    graphDownload: x = !1,
+    dataDownload: m = !1,
+    language: l = "en",
+    showNAColor: k = !0,
+    minHeight: S = 0,
+    annotations: fe = [],
+    customHighlightAreaSettings: ue = [],
+    theme: p = "light",
+    regressionLine: X = !1,
+    ariaLabel: Y,
+    resetSelectionOnDoubleClick: I = !0,
+    detailsOnClick: W,
+    noOfXTicks: ge = 5,
+    noOfYTicks: R = 5,
+    labelColor: he,
+    styles: v,
+    classNames: h,
+    animate: _ = !1,
+    dimmedOpacity: y = 0.3,
+    precision: b = 2,
+    customLayers: C = [],
+    timeline: u = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
+  } = ye, [r, n] = V(0), [ee, ie] = V(0), [F, Ae] = V(u.autoplay), f = We(
+    ke(
+      o.filter((i) => i.date !== void 0 && i.date !== null),
+      (i) => i.date
+    ).map((i) => Re(`${i.date}`, u.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    (i, G) => hi(i, G)
+  ), [e, d] = V(u.autoplay ? 0 : f.length - 1), [a, Me] = V(void 0), E = Se(null), Ve = Se(null);
+  De(() => {
+    const i = new ResizeObserver((G) => {
+      n(g || G[0].target.clientWidth || 620), ie(O || G[0].target.clientHeight || 480);
+    });
+    return E.current && (ie(E.current.clientHeight || 480), n(E.current.clientWidth || 620), g || i.observe(E.current)), () => i.disconnect();
+  }, [g, O]), De(() => {
+    const i = setInterval(
+      () => {
+        d((G) => G < f.length - 1 ? G + 1 : 0);
+      },
+      (u.speed || 2) * 1e3
+    );
+    return F || clearInterval(i), () => clearInterval(i);
+  }, [f, F, u.speed]);
+  const Le = Fe(
+    f,
+    e,
+    u.showOnlyActiveDate,
+    u.dateFormat || "yyyy"
+  );
+  return /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: `${p || "light"} flex  ${g ? "w-fit grow-0" : "w-full grow"}`,
+      dir: l === "he" || l === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: Ne(
+            `${$ ? $ === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${l || "en"}`,
+            h?.graphContainer
+          ),
+          style: {
+            ...v?.graphContainer || {},
+            ...$ && $ !== !0 ? { backgroundColor: $ } : {}
+          },
+          id: je,
+          ref: Ve,
+          "aria-label": Y || `${L ? `The graph shows ${L}. ` : ""}This is a scatter plot that shows correlation between two variables.${s ? ` ${s}` : ""}`,
+          children: /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              className: "flex grow",
+              style: { padding: $ ? H || "1rem" : H || 0 },
+              children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+                L || s || x || m ? /* @__PURE__ */ t.jsx(
+                  ci,
+                  {
+                    styles: {
+                      title: v?.title,
+                      description: v?.description
+                    },
+                    classNames: {
+                      title: h?.title,
+                      description: h?.description
+                    },
+                    graphTitle: L,
+                    graphDescription: s,
+                    width: g,
+                    graphDownload: x ? Ve.current : void 0,
+                    dataDownload: m ? o.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? o.map((i) => i.data).filter((i) => i !== void 0) : o.filter((i) => i !== void 0) : null
+                  }
+                ) : null,
+                u.enabled && f.length > 0 && Le ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                  /* @__PURE__ */ t.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => {
+                        Ae(!F);
+                      },
+                      className: "p-0 border-0 cursor-pointer bg-transparent",
+                      "aria-label": F ? "Click to pause animation" : "Click to play animation",
+                      children: F ? /* @__PURE__ */ t.jsx(fi, {}) : /* @__PURE__ */ t.jsx(ui, {})
+                    }
+                  ),
+                  /* @__PURE__ */ t.jsx(
+                    Ee,
+                    {
+                      min: f[0],
+                      max: f[f.length - 1],
+                      marks: Le,
+                      step: null,
+                      defaultValue: f[f.length - 1],
+                      value: f[e],
+                      onChangeComplete: (i) => {
+                        d(f.indexOf(i));
+                      },
+                      onChange: (i) => {
+                        d(f.indexOf(i));
+                      },
+                      "aria-label": "Time slider. Use arrow keys to adjust selected time period."
+                    }
+                  )
+                ] }) : null,
+                /* @__PURE__ */ t.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: o.length === 0 ? /* @__PURE__ */ t.jsx(mi, {}) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                  K && o.filter((i) => i.color).length !== 0 ? /* @__PURE__ */ t.jsx(
+                    xi,
+                    {
+                      width: g,
+                      colorLegendTitle: de,
+                      colors: D || N[p].categoricalColors.colors,
+                      colorDomain: q || ke(
+                        o.filter((i) => i.color),
+                        "color"
+                      ).map((i) => i.color),
+                      setSelectedColor: Me,
+                      showNAColor: k
+                    }
+                  ) : null,
+                  /* @__PURE__ */ t.jsx(
+                    "div",
+                    {
+                      className: "flex flex-col grow justify-center w-full leading-0",
+                      ref: E,
+                      "aria-label": "Graph area",
+                      children: (g || r) && (O || ee) ? /* @__PURE__ */ t.jsx(
+                        yi,
+                        {
+                          data: gi(
+                            o,
+                            u.dateFormat || "yyyy"
+                          ).filter(
+                            (i) => u.enabled ? i.date === He(
+                              new Date(f[e]),
+                              u.dateFormat || "yyyy"
+                            ) : i
+                          ),
+                          width: g || r,
+                          height: Math.max(
+                            S,
+                            O || (z ? S ? (g || r) * z > S ? (g || r) * z : S : (g || r) * z : ee)
+                          ),
+                          colorDomain: o.filter((i) => i.color).length === 0 ? [] : q || ke(
+                            o.filter((i) => i.color),
+                            "color"
+                          ).map((i) => i.color),
+                          colors: o.filter((i) => i.color).length === 0 ? D ? [D] : [N.primaryColors["blue-600"]] : D || N[p].categoricalColors.colors,
+                          xAxisTitle: ae,
+                          yAxisTitle: re,
+                          refXValues: we,
+                          refYValues: A,
+                          showLabels: w,
+                          radius: pe,
+                          leftMargin: ve,
+                          rightMargin: be,
+                          topMargin: B,
+                          bottomMargin: T,
+                          tooltip: Ce,
+                          onSeriesMouseOver: j,
+                          highlightAreaSettings: P,
+                          highlightedDataPoints: o.filter((i) => i.label).length === 0 ? [] : Oe,
+                          selectedColor: a,
+                          maxRadiusValue: c(U) ? Math.max(
+                            ...o.map((i) => i.radius).filter((i) => i != null)
+                          ) : U,
+                          maxXValue: c(Q) ? Math.max(
+                            ...o.map((i) => i.x).filter((i) => i != null)
+                          ) > 0 ? Math.max(
+                            ...o.map((i) => i.x).filter((i) => i != null)
+                          ) : 0 : Q,
+                          minXValue: c(M) ? Math.min(
+                            ...o.map((i) => i.x).filter((i) => i != null)
+                          ) > 0 ? 0 : Math.min(
+                            ...o.map((i) => i.x).filter((i) => i != null)
+                          ) : M,
+                          maxYValue: c(le) ? Math.max(
+                            ...o.map((i) => i.y).filter((i) => i != null)
+                          ) > 0 ? Math.max(
+                            ...o.map((i) => i.y).filter((i) => i != null)
+                          ) : 0 : le,
+                          minYValue: c(se) ? Math.min(
+                            ...o.map((i) => i.y).filter((i) => i != null)
+                          ) > 0 ? 0 : Math.min(
+                            ...o.map((i) => i.y).filter((i) => i != null)
+                          ) : se,
+                          onSeriesMouseClick: me,
+                          rtl: l === "he" || l === "ar",
+                          annotations: fe,
+                          customHighlightAreaSettings: ue,
+                          regressionLine: X,
+                          resetSelectionOnDoubleClick: I,
+                          detailsOnClick: W,
+                          noOfXTicks: ge,
+                          noOfYTicks: R,
+                          labelColor: he,
+                          xSuffix: Z,
+                          ySuffix: ne,
+                          xPrefix: ce,
+                          yPrefix: xe,
+                          styles: v,
+                          classNames: h,
+                          animate: _ === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : _ || { duration: 0, once: !0, amount: 0 },
+                          dimmedOpacity: y,
+                          precision: b,
+                          customLayers: C
+                        }
+                      ) : null
+                    }
+                  )
+                ] }) }),
+                oe || J ? /* @__PURE__ */ t.jsx(
+                  ni,
+                  {
+                    styles: { footnote: v?.footnote, source: v?.source },
+                    classNames: {
+                      footnote: h?.footnote,
+                      source: h?.source
+                    },
+                    sources: oe,
+                    footNote: J,
+                    width: g
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  Qi as ScatterPlot
+};
 //# sourceMappingURL=ScatterPlot.js.map