@undp/data-viz 1.5.9 → 2.0.1

package/dist/ScrollStory.js

@@ -1,106 +1,94 @@
-import { j as e } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { useState as d, useRef as m } from "react";
-import { SingleGraphDashboard as x } from "./SingleGraphDashboard.js";
-import { m as y } from "./proxy-BYIC9BuT.js";
-import { u as S } from "./use-in-view-DR-UTB96.js";
-function T(o) {
-  const {
-    chapters: l,
-    visibilityThreshold: h = 0.5,
-    mode: r = "overlay",
-    infoWidth: n = "320px",
-    infoPosition: s = "left",
-    infoBackgroundColor: p = "rgba(255,255,255,0.8)"
-  } = o, [a, c] = d(0), i = [];
-  return l.forEach((t, f) => {
-    t.sections.forEach((g, u) => {
+import { c as V, j as h } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useState as W, useRef as _ } from "react";
+import { SingleGraphDashboard as z } from "./SingleGraphDashboard.js";
+import { m as G } from "./proxy-BxkFHwUw.js";
+import { u as q } from "./use-in-view-Cxa7y1TH.js";
+function O(B) {
+  const t = V.c(27), {
+    chapters: e,
+    visibilityThreshold: v,
+    mode: S,
+    infoWidth: x,
+    infoPosition: j,
+    infoBackgroundColor: p
+  } = B, f = v === void 0 ? 0.5 : v, n = S === void 0 ? "overlay" : S, c = x === void 0 ? "320px" : x, s = j === void 0 ? "left" : j, C = p === void 0 ? "rgba(255,255,255,0.8)" : p, [a, y] = W(0);
+  let i;
+  t[0] !== e ? (i = [], e.forEach((l, A) => {
+    l.sections.forEach((R, P) => {
       i.push({
-        chapter: f,
-        dataSettings: t.dataSettings,
-        section: u,
-        graphType: t.graphType,
-        infoBox: g.infoBox,
-        graphSettings: { ...t.graphSettings, ...g.graphSettings || {}, animate: !0 },
-        graphDataConfiguration: g.graphDataConfiguration || t.graphDataConfiguration || []
+        chapter: A,
+        dataSettings: l.dataSettings,
+        section: P,
+        graphType: l.graphType,
+        infoBox: R.infoBox,
+        graphSettings: {
+          ...l.graphSettings,
+          ...R.graphSettings || {},
+          animate: !0
+        },
+        graphDataConfiguration: R.graphDataConfiguration || l.graphDataConfiguration || []
       });
     });
-  }), /* @__PURE__ */ e.jsxs("div", { className: "relative w-full h-full", children: [
-    /* @__PURE__ */ e.jsx(
-      y.div,
-      {
-        className: "fixed top-0 h-full -z-10",
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        transition: { duration: 0.5 },
-        style: {
-          left: r === "overlay" || s === "right" ? 0 : n,
-          width: r === "overlay" ? "100%" : `calc(100% - ${n})`
-        },
-        children: /* @__PURE__ */ e.jsx(
-          x,
-          {
-            graphType: i[a].graphType,
-            dataSettings: i[a].dataSettings,
-            graphSettings: i[a].graphSettings,
-            graphDataConfiguration: i[a].graphDataConfiguration
-          }
-        )
-      },
-      i[a].chapter
-    ),
-    /* @__PURE__ */ e.jsx("div", { children: i.map((t, f) => /* @__PURE__ */ e.jsx(
-      j,
-      {
-        width: n,
-        index: f,
-        infoBox: t.infoBox,
-        setActiveIndex: c,
-        position: s,
-        mode: r,
-        visibilityThreshold: h,
-        backgroundColor: p
-      },
-      `${t.chapter}-${t.section}`
-    )) })
-  ] });
+  }), t[0] = e, t[1] = i) : i = t[1];
+  const o = i[a];
+  let r, b, D;
+  t[2] === Symbol.for("react.memo_cache_sentinel") ? (r = {
+    opacity: 0
+  }, b = {
+    opacity: 1
+  }, D = {
+    duration: 0.5
+  }, t[2] = r, t[3] = b, t[4] = D) : (r = t[2], b = t[3], D = t[4]);
+  const T = n === "overlay" || s === "right" ? 0 : c, $ = n === "overlay" ? "100%" : `calc(100% - ${c})`;
+  let g;
+  t[5] !== $ || t[6] !== T ? (g = {
+    left: T,
+    width: $
+  }, t[5] = $, t[6] = T, t[7] = g) : g = t[7];
+  const I = i[a].graphType, k = i[a], E = i[a], N = i[a];
+  let d;
+  t[8] !== I || t[9] !== k.dataSettings || t[10] !== E.graphSettings || t[11] !== N.graphDataConfiguration ? (d = /* @__PURE__ */ h.jsx(z, { graphType: I, dataSettings: k.dataSettings, graphSettings: E.graphSettings, graphDataConfiguration: N.graphDataConfiguration }), t[8] = I, t[9] = k.dataSettings, t[10] = E.graphSettings, t[11] = N.graphDataConfiguration, t[12] = d) : d = t[12];
+  let u;
+  t[13] !== g || t[14] !== d || t[15] !== o.chapter ? (u = /* @__PURE__ */ h.jsx(G.div, { className: "fixed top-0 h-full -z-10", initial: r, animate: b, transition: D, style: g, children: d }, o.chapter), t[13] = g, t[14] = d, t[15] = o.chapter, t[16] = u) : u = t[16];
+  let m;
+  t[17] !== C || t[18] !== s || t[19] !== c || t[20] !== n || t[21] !== i || t[22] !== f ? (m = /* @__PURE__ */ h.jsx("div", { children: i.map((l, A) => /* @__PURE__ */ h.jsx(F, { width: c, index: A, infoBox: l.infoBox, setActiveIndex: y, position: s, mode: n, visibilityThreshold: f, backgroundColor: C }, `${l.chapter}-${l.section}`)) }), t[17] = C, t[18] = s, t[19] = c, t[20] = n, t[21] = i, t[22] = f, t[23] = m) : m = t[23];
+  let w;
+  return t[24] !== u || t[25] !== m ? (w = /* @__PURE__ */ h.jsxs("div", { className: "relative w-full h-full", children: [
+    u,
+    m
+  ] }), t[24] = u, t[25] = m, t[26] = w) : w = t[26], w;
 }
-function j({
-  infoBox: o,
-  index: l,
-  setActiveIndex: h,
-  position: r,
-  mode: n,
-  visibilityThreshold: s,
-  backgroundColor: p,
-  width: a
-}) {
-  const c = m(null);
-  return S(c, {
+function F(B) {
+  const t = V.c(13), {
+    infoBox: e,
+    index: v,
+    setActiveIndex: S,
+    position: x,
+    mode: j,
+    visibilityThreshold: p,
+    backgroundColor: f,
+    width: n
+  } = B, c = _(null);
+  let s;
+  t[0] !== p ? (s = {
     once: !1,
-    amount: s
-  }) && h(l), /* @__PURE__ */ e.jsx(
-    "section",
-    {
-      ref: c,
-      className: `min-h-screen flex ${r === "center" ? "justify-center" : r === "right" ? "justify-end" : "justify-start"}`,
-      children: /* @__PURE__ */ e.jsxs(
-        "div",
-        {
-          className: `p-8 ${n === "overlay" ? "h-fit mx-10 " : ""}`,
-          style: {
-            backgroundColor: p,
-            width: a
-          },
-          children: [
-            o.title,
-            o.description
-          ]
-        }
-      )
-    }
-  );
+    amount: p
+  }, t[0] = p, t[1] = s) : s = t[1], q(c, s) && S(v);
+  const a = `min-h-screen flex ${x === "center" ? "justify-center" : x === "right" ? "justify-end" : "justify-start"}`, y = `p-8 ${j === "overlay" ? "h-fit mx-10 " : ""}`;
+  let i;
+  t[2] !== f || t[3] !== n ? (i = {
+    backgroundColor: f,
+    width: n
+  }, t[2] = f, t[3] = n, t[4] = i) : i = t[4];
+  let o;
+  t[5] !== e.description || t[6] !== e.title || t[7] !== y || t[8] !== i ? (o = /* @__PURE__ */ h.jsxs("div", { className: y, style: i, children: [
+    e.title,
+    e.description
+  ] }), t[5] = e.description, t[6] = e.title, t[7] = y, t[8] = i, t[9] = o) : o = t[9];
+  let r;
+  return t[10] !== a || t[11] !== o ? (r = /* @__PURE__ */ h.jsx("section", { ref: c, className: a, children: o }), t[10] = a, t[11] = o, t[12] = r) : r = t[12], r;
 }
 export {
-  T as ScrollStory
+  O as ScrollStory
 };
 //# sourceMappingURL=ScrollStory.js.map

package/dist/ScrollStory.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollStory.js","sources":["../src/Components/Dashboard/ScrollStory.tsx"],"sourcesContent":["// Scrollytelling.tsx\r\nimport { motion, useInView } from 'motion/react';\r\nimport { useRef, useState } from 'react';\r\n\r\nimport { SingleGraphDashboard } from './SingleGraphDashboard';\r\n\r\nimport {\r\n  ChaptersDataType,\r\n  GraphTypeForGriddedGraph,\r\n  InfoBoxDataType,\r\n  SectionsArrDataType,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  /** Defines if the information is shown as overlay or on the side */\r\n  mode?: 'overlay' | 'side';\r\n  /** Defines the width of the info section */\r\n  infoWidth?: string;\r\n  /** Defined the different chapters for the story and different sections within the story  */\r\n  chapters: ChaptersDataType[];\r\n  /** Position of info on the page */\r\n  infoPosition?: 'left' | 'right' | 'center';\r\n  /** Sets how much of the element (from 0 to 1) must be visible before it's considered in view and it trigger the animation in the scrollytelling */\r\n  visibilityThreshold?: number;\r\n  /** Sets background color of the info box. */\r\n  infoBackgroundColor?: string;\r\n}\r\n\r\n/** ScrollStory is a scrollytelling container component that reveals content step-by-step as the user scrolls through the page. This does not include GeoHub maps and 3-D graph; for those please use `PerformanceIntensiveScrollStory`. */\r\nexport function ScrollStory(props: Props) {\r\n  const {\r\n    chapters,\r\n    visibilityThreshold = 0.5,\r\n    mode = 'overlay',\r\n    infoWidth = '320px',\r\n    infoPosition = 'left',\r\n    infoBackgroundColor = 'rgba(255,255,255,0.8)',\r\n  } = props;\r\n  const [activeIndex, setActiveIndex] = useState(0);\r\n  const sectionsArr: SectionsArrDataType[] = [];\r\n  chapters.forEach((d, i) => {\r\n    d.sections.forEach((s, j) => {\r\n      sectionsArr.push({\r\n        chapter: i,\r\n        dataSettings: d.dataSettings,\r\n        section: j,\r\n        graphType: d.graphType,\r\n        infoBox: s.infoBox,\r\n        graphSettings: { ...d.graphSettings, ...(s.graphSettings || {}), animate: true },\r\n        graphDataConfiguration: s.graphDataConfiguration || d.graphDataConfiguration || [],\r\n      });\r\n    });\r\n  });\r\n  return (\r\n    <div className='relative w-full h-full'>\r\n      {/* Background Layer */}\r\n      <motion.div\r\n        key={sectionsArr[activeIndex].chapter}\r\n        className='fixed top-0 h-full -z-10'\r\n        initial={{ opacity: 0 }}\r\n        animate={{ opacity: 1 }}\r\n        transition={{ duration: 0.5 }}\r\n        style={{\r\n          left: mode === 'overlay' ? 0 : infoPosition === 'right' ? 0 : infoWidth,\r\n          width: mode === 'overlay' ? '100%' : `calc(100% - ${infoWidth})`,\r\n        }}\r\n      >\r\n        <SingleGraphDashboard\r\n          graphType={sectionsArr[activeIndex].graphType as GraphTypeForGriddedGraph}\r\n          dataSettings={sectionsArr[activeIndex].dataSettings}\r\n          graphSettings={sectionsArr[activeIndex].graphSettings}\r\n          graphDataConfiguration={sectionsArr[activeIndex].graphDataConfiguration}\r\n        />\r\n      </motion.div>\r\n      <div>\r\n        {sectionsArr.map((section, idx) => (\r\n          <ScrollySection\r\n            width={infoWidth}\r\n            key={`${section.chapter}-${section.section}`}\r\n            index={idx}\r\n            infoBox={section.infoBox}\r\n            setActiveIndex={setActiveIndex}\r\n            position={infoPosition}\r\n            mode={mode}\r\n            visibilityThreshold={visibilityThreshold}\r\n            backgroundColor={infoBackgroundColor}\r\n          />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ScrollySection({\r\n  infoBox,\r\n  index,\r\n  setActiveIndex,\r\n  position,\r\n  mode,\r\n  visibilityThreshold,\r\n  backgroundColor,\r\n  width,\r\n}: {\r\n  infoBox: InfoBoxDataType;\r\n  index: number;\r\n  setActiveIndex: (idx: number) => void;\r\n  position: 'left' | 'right' | 'center';\r\n  mode: 'overlay' | 'side';\r\n  visibilityThreshold: number;\r\n  backgroundColor: string;\r\n  width: string;\r\n}) {\r\n  const ref = useRef(null);\r\n  const isInView = useInView(ref, {\r\n    once: false,\r\n    amount: visibilityThreshold,\r\n  });\r\n  if (isInView) setActiveIndex(index);\r\n  return (\r\n    <section\r\n      ref={ref}\r\n      className={`min-h-screen flex ${position === 'center' ? 'justify-center' : position === 'right' ? 'justify-end' : 'justify-start'}`}\r\n    >\r\n      <div\r\n        className={`p-8 ${mode === 'overlay' ? 'h-fit mx-10 ' : ''}`}\r\n        style={{\r\n          backgroundColor,\r\n          width,\r\n        }}\r\n      >\r\n        {infoBox.title}\r\n        {infoBox.description}\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n"],"names":["ScrollStory","props","chapters","visibilityThreshold","mode","infoWidth","infoPosition","infoBackgroundColor","activeIndex","setActiveIndex","useState","sectionsArr","d","i","s","j","jsxs","jsx","motion","SingleGraphDashboard","section","idx","ScrollySection","infoBox","index","position","backgroundColor","width","ref","useRef","useInView"],"mappings":"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"}
+{"version":3,"file":"ScrollStory.js","sources":["../src/Components/Dashboard/ScrollStory.tsx"],"sourcesContent":["// Scrollytelling.tsx\r\nimport { motion, useInView } from 'motion/react';\r\nimport { useRef, useState } from 'react';\r\n\r\nimport { SingleGraphDashboard } from './SingleGraphDashboard';\r\n\r\nimport {\r\n  ChaptersDataType,\r\n  GraphTypeForGriddedGraph,\r\n  InfoBoxDataType,\r\n  SectionsArrDataType,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  /** Defines if the information is shown as overlay or on the side */\r\n  mode?: 'overlay' | 'side';\r\n  /** Defines the width of the info section */\r\n  infoWidth?: string;\r\n  /** Defined the different chapters for the story and different sections within the story  */\r\n  chapters: ChaptersDataType[];\r\n  /** Position of info on the page */\r\n  infoPosition?: 'left' | 'right' | 'center';\r\n  /** Sets how much of the element (from 0 to 1) must be visible before it's considered in view and it trigger the animation in the scrollytelling */\r\n  visibilityThreshold?: number;\r\n  /** Sets background color of the info box. */\r\n  infoBackgroundColor?: string;\r\n}\r\n\r\n/** ScrollStory is a scrollytelling container component that reveals content step-by-step as the user scrolls through the page. This does not include GeoHub maps and 3-D graph; for those please use `PerformanceIntensiveScrollStory`. */\r\nexport function ScrollStory(props: Props) {\r\n  const {\r\n    chapters,\r\n    visibilityThreshold = 0.5,\r\n    mode = 'overlay',\r\n    infoWidth = '320px',\r\n    infoPosition = 'left',\r\n    infoBackgroundColor = 'rgba(255,255,255,0.8)',\r\n  } = props;\r\n  const [activeIndex, setActiveIndex] = useState(0);\r\n  const sectionsArr: SectionsArrDataType[] = [];\r\n  chapters.forEach((d, i) => {\r\n    d.sections.forEach((s, j) => {\r\n      sectionsArr.push({\r\n        chapter: i,\r\n        dataSettings: d.dataSettings,\r\n        section: j,\r\n        graphType: d.graphType,\r\n        infoBox: s.infoBox,\r\n        graphSettings: { ...d.graphSettings, ...(s.graphSettings || {}), animate: true },\r\n        graphDataConfiguration: s.graphDataConfiguration || d.graphDataConfiguration || [],\r\n      });\r\n    });\r\n  });\r\n  return (\r\n    <div className='relative w-full h-full'>\r\n      {/* Background Layer */}\r\n      <motion.div\r\n        key={sectionsArr[activeIndex].chapter}\r\n        className='fixed top-0 h-full -z-10'\r\n        initial={{ opacity: 0 }}\r\n        animate={{ opacity: 1 }}\r\n        transition={{ duration: 0.5 }}\r\n        style={{\r\n          left: mode === 'overlay' ? 0 : infoPosition === 'right' ? 0 : infoWidth,\r\n          width: mode === 'overlay' ? '100%' : `calc(100% - ${infoWidth})`,\r\n        }}\r\n      >\r\n        <SingleGraphDashboard\r\n          graphType={sectionsArr[activeIndex].graphType as GraphTypeForGriddedGraph}\r\n          dataSettings={sectionsArr[activeIndex].dataSettings}\r\n          graphSettings={sectionsArr[activeIndex].graphSettings}\r\n          graphDataConfiguration={sectionsArr[activeIndex].graphDataConfiguration}\r\n        />\r\n      </motion.div>\r\n      <div>\r\n        {sectionsArr.map((section, idx) => (\r\n          <ScrollySection\r\n            width={infoWidth}\r\n            key={`${section.chapter}-${section.section}`}\r\n            index={idx}\r\n            infoBox={section.infoBox}\r\n            setActiveIndex={setActiveIndex}\r\n            position={infoPosition}\r\n            mode={mode}\r\n            visibilityThreshold={visibilityThreshold}\r\n            backgroundColor={infoBackgroundColor}\r\n          />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ScrollySection({\r\n  infoBox,\r\n  index,\r\n  setActiveIndex,\r\n  position,\r\n  mode,\r\n  visibilityThreshold,\r\n  backgroundColor,\r\n  width,\r\n}: {\r\n  infoBox: InfoBoxDataType;\r\n  index: number;\r\n  setActiveIndex: (idx: number) => void;\r\n  position: 'left' | 'right' | 'center';\r\n  mode: 'overlay' | 'side';\r\n  visibilityThreshold: number;\r\n  backgroundColor: string;\r\n  width: string;\r\n}) {\r\n  const ref = useRef(null);\r\n  const isInView = useInView(ref, {\r\n    once: false,\r\n    amount: visibilityThreshold,\r\n  });\r\n  if (isInView) setActiveIndex(index);\r\n  return (\r\n    <section\r\n      ref={ref}\r\n      className={`min-h-screen flex ${position === 'center' ? 'justify-center' : position === 'right' ? 'justify-end' : 'justify-start'}`}\r\n    >\r\n      <div\r\n        className={`p-8 ${mode === 'overlay' ? 'h-fit mx-10 ' : ''}`}\r\n        style={{\r\n          backgroundColor,\r\n          width,\r\n        }}\r\n      >\r\n        {infoBox.title}\r\n        {infoBox.description}\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n"],"names":["ScrollStory","props","$","_c","chapters","visibilityThreshold","t0","mode","t1","infoWidth","t2","infoPosition","t3","infoBackgroundColor","t4","undefined","activeIndex","setActiveIndex","useState","sectionsArr","forEach","d","i","sections","s","j","push","chapter","dataSettings","section","graphType","infoBox","graphSettings","animate","graphDataConfiguration","t5","t6","t7","t8","Symbol","for","opacity","duration","t9","t10","t11","left","width","t12","t13","t14","t15","t16","jsx","SingleGraphDashboard","t17","t18","map","idx","ScrollySection","t19","jsxs","index","position","backgroundColor","ref","useRef","once","amount","useInView","description","title"],"mappings":"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"}

package/dist/SimpleLineChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CHPV5EwG-DjM48pIC.cjs"),h=require("react"),u=require("./parse-hMnG_lRV.cjs"),Re=require("./simple-statistics-xm8c0LQQ.cjs"),Ce=require("./index-CQ3e6Ewi.cjs"),Ee=require("./numberFormattingFunction-02t-wJta.cjs"),Oe=require("./Tooltip-Cpv0QohJ.cjs"),S=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),fe=require("./customArea-1G1S78s_.cjs"),Le=require("./Axis-CkNn1wit.cjs"),Ne=require("./AxisTitle-Wkz-xeQL.cjs"),ke=require("./XTicksAndGridLines-RKy7BVCO.cjs"),Se=require("./ReferenceLine-D04j-zeV.cjs"),De=require("./RegressionLine-D-49RaHa.cjs"),qe=require("./YTicksAndGridLines-qGpRo_t1.cjs"),$e=require("./index-BHe3wsWF.cjs"),Te=require("./time-Byw_jYQ7.cjs"),Ie=require("./linear-BVckp9RD.cjs"),be=require("./line-DHV4JwCR.cjs"),ne=require("./step-BZ3C8QFW.cjs"),Me=require("./select-Bnfk0lJx.cjs"),Ve=require("./init-DU0ybBc_.cjs"),Fe=require("./pointer-Dkq5NV1q.cjs"),He=require("./use-in-view-CEwlc_dd.cjs"),H=require("./proxy-CKadx4lC.cjs"),Ge=require("./GraphFooter.cjs"),Pe=require("./GraphHeader.cjs"),We=require("./Colors.cjs"),Ye=require("./EmptyState-B8IpKGcL.cjs");function Xe(re){const{data:O,width:b,height:$,lineColor:T,suffix:L,prefix:D,dateFormat:r,highlightAreaSettings:q,showValues:c,noOfXTicks:G,rightMargin:oe,leftMargin:j,topMargin:ae,bottomMargin:P,tooltip:v,onSeriesMouseOver:I,refValues:W,minValue:Y,maxValue:X,animate:s,rtl:U,strokeWidth:le,showDots:ce,annotations:xe,customHighlightAreaSettings:ue,regressionLine:M,yAxisTitle:B,noOfYTicks:me,maxDate:V,minDate:F,curveType:N,styles:a,classNames:m,precision:w,customLayers:z}=re,J=h.useRef(null),d=He.useInView(J,{once:s.once,amount:s.amount}),[A,pe]=h.useState(!1);h.useEffect(()=>{if(d&&!A){const e=setTimeout(()=>{pe(!0)},(s.duration+.5)*1e3);return()=>clearTimeout(e)}},[d,A,s.duration]);const he=N==="linear"?be.curveLinear:N==="step"?ne.curveStep:N==="stepAfter"?ne.stepAfter:N==="stepBefore"?ne.stepBefore:ne.monotoneX,[k,K]=h.useState(void 0),[Q,Z]=h.useState(void 0),[R,E]=h.useState(void 0),g={top:ae,bottom:P,left:B?j+30:j,right:oe},_=h.useRef(null),i=Ce.orderBy(O.map(e=>({...e,date:u.parse(`${e.date}`,r,new Date)})),["date"],["asc"]),ee=q.map(e=>({...e,coordinates:[e.coordinates[0]===null?null:u.parse(`${e.coordinates[0]}`,r,new Date),e.coordinates[1]===null?null:u.parse(`${e.coordinates[1]}`,r,new Date)]})),te=ue.map(e=>({...e,coordinates:e.coordinates.map((y,C)=>C%2===0?u.parse(`${y}`,r,new Date):y)})),l=b-g.left-g.right,p=$-g.top-g.bottom,ie=F?u.parse(`${F}`,r,new Date):i[0].date,x=V?u.parse(`${V}`,r,new Date):i[i.length-1].date,f=S.checkIfNullOrUndefined(Y)?Math.min(...i.map(e=>e.y).filter(e=>e!=null))!==1/0?Math.min(...i.map(e=>e.y).filter(e=>e!=null))>0?0:Math.min(...i.map(e=>e.y).filter(e=>e!=null)):0:Y,de=Math.max(...i.map(e=>e.y).filter(e=>e!=null))!==1/0?Math.max(...i.map(e=>e.y).filter(e=>e!=null)):0,n=Te.time().domain([ie,x]).range([0,l]),o=Ie.linear().domain([f,S.checkIfNullOrUndefined(X)?de>0?de:0:X]).range([p,0]).nice(),ye=be.line().x(e=>n(e.date)).y(e=>o(e.y)).curve(he),je=o.ticks(me),ve=n.ticks(G);h.useEffect(()=>{const e=C=>{const se=i[Ve.bisectCenter(i.map(ge=>ge.date),n.invert(Fe.pointer(C)[0]),0)];K(se||i[i.length-1]),I?.(se||i[i.length-1]),E(C.clientY),Z(C.clientX)},y=()=>{K(void 0),Z(void 0),E(void 0),I?.(void 0)};Me.select(_.current).on("mousemove",e).on("mouseout",y)},[n,i,I]);const Ae=Re.linearRegression(i.filter(e=>!S.checkIfNullOrUndefined(e.date)&&!S.checkIfNullOrUndefined(e.y)).map(e=>[n(e.date),o(e.y)])),we=Re.linearRegressionLine(Ae);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(H.motion.svg,{width:`${b}px`,height:`${$}px`,viewBox:`0 0 ${b} ${$}`,direction:"ltr",ref:J,children:t.jsxRuntimeExports.jsxs("g",{transform:`translate(${g.left},${g.top})`,children:[t.jsxRuntimeExports.jsx($e.HighlightArea,{areaSettings:ee,width:l,height:p,scale:n,animate:s,isInView:d}),t.jsxRuntimeExports.jsx(fe.CustomArea,{areaSettings:te,scaleX:n,scaleY:o,animate:s,isInView:d}),t.jsxRuntimeExports.jsxs("g",{children:[t.jsxRuntimeExports.jsx(qe.YTicksAndGridLines,{values:je.filter(e=>e!==0),y:je.filter(e=>e!==0).map(e=>o(e)),x1:0-j,x2:l+g.right,styles:{gridLines:a?.yAxis?.gridLines,labels:a?.yAxis?.labels},classNames:{gridLines:m?.yAxis?.gridLines,labels:m?.yAxis?.labels},suffix:L,prefix:D,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:w}),t.jsxRuntimeExports.jsx(Le.Axis,{y1:o(f<0?0:f),y2:o(f<0?0:f),x1:0-j,x2:l+g.right,label:Ee.numberFormattingFunction(f<0?0:f,"NA",w,D,L),labelPos:{x:0-j,y:o(f<0?0:f),dx:0,dy:de<0?"1em":-5},classNames:{axis:m?.xAxis?.axis,label:m?.yAxis?.labels},styles:{axis:a?.xAxis?.axis,label:a?.yAxis?.labels}}),t.jsxRuntimeExports.jsx(Ne.AxisTitle,{x:0-j-15,y:p/2,style:a?.yAxis?.title,className:m?.yAxis?.title,text:B,rotate90:!0})]}),t.jsxRuntimeExports.jsx(ke.XTicksAndGridLines,{values:ve.map(e=>u.format(e,r)),x:ve.map(e=>n(e)),y1:0,y2:p,styles:{gridLines:a?.xAxis?.gridLines,labels:a?.xAxis?.labels},classNames:{gridLines:t.mo("opacity-0",m?.xAxis?.gridLines),labels:t.mo("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",m?.xAxis?.labels)},suffix:L,prefix:D,labelType:"primary",showGridLines:!0,precision:w}),z.filter(e=>e.position==="before").map(e=>e.layer),t.jsxRuntimeExports.jsxs("g",{children:[t.jsxRuntimeExports.jsx(H.motion.path,{style:{stroke:T,fill:"none",strokeWidth:le},exit:{opacity:0,transition:{duration:s.duration}},variants:{initial:{pathLength:0,d:ye(i)||"",opacity:1},whileInView:{pathLength:1,d:ye(i)||"",opacity:1,transition:{duration:s.duration}}},initial:"initial",animate:d?"whileInView":"initial"}),k?t.jsxRuntimeExports.jsx("line",{y1:0,y2:p,x1:n(k.date),x2:n(k.date),className:t.mo("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100",m?.mouseOverLine),style:a?.mouseOverLine}):null]}),t.jsxRuntimeExports.jsx("g",{children:i.map((e,y)=>t.jsxRuntimeExports.jsx(H.motion.g,{children:S.checkIfNullOrUndefined(e.y)?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[ce?t.jsxRuntimeExports.jsx(H.motion.circle,{r:l/i.length<5?0:l/i.length<20?2:4,exit:{opacity:0,transition:{duration:s.duration}},variants:{initial:{opacity:0,cx:n(e.date),cy:o(e.y),fill:T},whileInView:{opacity:1,fill:T,transition:{duration:A?s.duration:.5,delay:A?0:s.duration},cx:n(e.date),cy:o(e.y)}},initial:"initial",animate:d?"whileInView":"initial"}):null,c?t.jsxRuntimeExports.jsx(H.motion.text,{dy:-8,style:{textAnchor:"middle",...a?.graphObjectValues||{}},className:t.mo("graph-value text-xs font-bold",m?.graphObjectValues),exit:{opacity:0,transition:{duration:s.duration}},variants:{initial:{opacity:0,x:n(e.date),y:o(e.y)},whileInView:{opacity:1,x:n(e.date),y:o(e.y),transition:{duration:A?s.duration:.5,delay:A?0:s.duration}}},initial:"initial",animate:d?"whileInView":"initial",children:Ee.numberFormattingFunction(e.y,"NA",w,D,L)}):null]})},y))}),W?t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:W.map((e,y)=>t.jsxRuntimeExports.jsx(Se.RefLineY,{text:e.text,color:e.color,y:o(e.value),x1:0-j,x2:l+g.right,classNames:e.classNames,styles:e.styles,animate:s,isInView:d},y))}):null,t.jsxRuntimeExports.jsx("g",{children:xe.map((e,y)=>{const C=fe.getLineEndPoint({x:e.xCoordinate?n(u.parse(`${e.xCoordinate}`,r,new Date))+(e.xOffset||0):0+(e.xOffset||0),y:e.yCoordinate?o(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8},{x:e.xCoordinate?n(u.parse(`${e.xCoordinate}`,r,new Date)):0,y:e.yCoordinate?o(e.yCoordinate):0},S.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius),se=e.showConnector?{y1:C.y,x1:C.x,y2:e.yCoordinate?o(e.yCoordinate)+(e.yOffset||0):0+(e.yOffset||0),x2:e.xCoordinate?n(u.parse(`${e.xCoordinate}`,r,new Date))+(e.xOffset||0):0+(e.xOffset||0),cy:e.yCoordinate?o(e.yCoordinate):0,cx:e.xCoordinate?n(u.parse(`${e.xCoordinate}`,r,new Date)):0,circleRadius:S.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius,strokeWidth:e.showConnector===!0?2:Math.min(e.showConnector||0,1)}:void 0,ge={y:e.yCoordinate?o(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8,x:U?0:e.xCoordinate?n(u.parse(`${e.xCoordinate}`,r,new Date))+(e.xOffset||0):0+(e.xOffset||0),width:U?e.xCoordinate?n(u.parse(`${e.xCoordinate}`,r,new Date))+(e.xOffset||0):0+(e.xOffset||0):l+g.right-(e.xCoordinate?n(u.parse(`${e.xCoordinate}`,r,new Date))+(e.xOffset||0):0+(e.xOffset||0)),maxWidth:e.maxWidth,fontWeight:e.fontWeight,align:e.align};return t.jsxRuntimeExports.jsx(fe.Annotation,{color:e.color,connectorsSettings:se,labelSettings:ge,text:e.text,classNames:e.classNames,styles:e.styles,animate:s,isInView:d},y)})}),t.jsxRuntimeExports.jsx("g",{children:M?t.jsxRuntimeExports.jsx(De.RegressionLine,{x1:0,x2:l,y1:we(0),y2:we(l),graphHeight:p,graphWidth:l,className:m?.regLine,style:a?.regLine,color:typeof M=="string"?M:void 0,animate:s,isInView:d}):null}),z.filter(e=>e.position==="after").map(e=>e.layer),t.jsxRuntimeExports.jsx("rect",{ref:_,style:{fill:"none",pointerEvents:"all"},width:l,height:p})]})}),k&&v&&Q&&R?t.jsxRuntimeExports.jsx(Oe.Tooltip,{data:k,body:v,xPos:Q,yPos:R,backgroundStyle:a?.tooltip,className:m?.tooltip}):null]})}function Ue(re){const{data:O,graphTitle:b,lineColor:$,suffix:T="",sources:L,prefix:D="",graphDescription:r,height:q,width:c,footNote:G,noOfXTicks:oe=10,dateFormat:j="yyyy",showValues:ae=!1,padding:P,backgroundColor:v=!1,leftMargin:I=30,rightMargin:W=30,topMargin:Y=20,bottomMargin:X=25,relativeHeight:s,tooltip:U,onSeriesMouseOver:le,highlightAreaSettings:ce=[],graphID:xe,minValue:ue,maxValue:M,maxDate:B,minDate:me,graphDownload:V=!1,dataDownload:F=!1,animate:N=!1,language:a="en",refValues:m=[],minHeight:w=0,strokeWidth:z=2,showDots:J=!0,annotations:d=[],customHighlightAreaSettings:A=[],theme:pe="light",ariaLabel:he,regressionLine:k=!1,yAxisTitle:K,noOfYTicks:Q=5,curveType:Z="curve",styles:R,classNames:E,precision:g=2,customLayers:_=[]}=re,[i,ee]=h.useState(0),[te,l]=h.useState(0),p=h.useRef(null),ie=h.useRef(null);return h.useEffect(()=>{const x=new ResizeObserver(f=>{ee(c||f[0].target.clientWidth||620),l(q||f[0].target.clientHeight||480)});return p.current&&(l(p.current.clientHeight||480),ee(p.current.clientWidth||620),c||x.observe(p.current)),()=>x.disconnect()},[c,q]),t.jsxRuntimeExports.jsx("div",{className:`${pe||"light"} flex  ${c?"w-fit grow-0":"w-full grow"}`,dir:a==="he"||a==="ar"?"rtl":void 0,children:t.jsxRuntimeExports.jsx("div",{className:t.mo(`${v?v===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${a||"en"}`,c?"w-fit":"w-full",E?.graphContainer),style:{...R?.graphContainer||{},...v&&v!==!0?{backgroundColor:v}:{}},id:xe,ref:ie,"aria-label":he||`${b?`The graph shows ${b}. `:""}This is a line chart that shows trends over time.${r?` ${r}`:""}`,children:t.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:v?P||"1rem":P||0},children:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[b||r||V||F?t.jsxRuntimeExports.jsx(Pe.GraphHeader,{styles:{title:R?.title,description:R?.description},classNames:{title:E?.title,description:E?.description},graphTitle:b,graphDescription:r,width:c,graphDownload:V?ie.current:void 0,dataDownload:F?O.map(x=>x.data).filter(x=>x!==void 0).length>0?O.map(x=>x.data).filter(x=>x!==void 0):O.filter(x=>x!==void 0):null}):null,O.length===0?t.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:t.jsxRuntimeExports.jsx(Ye.EmptyState,{})}):t.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center leading-0",ref:p,"aria-label":"Graph area",children:(c||i)&&(q||te)?t.jsxRuntimeExports.jsx(Xe,{data:O,lineColor:$||We.Colors.primaryColors["blue-600"],width:c||i,height:Math.max(w,q||(s?w?(c||i)*s>w?(c||i)*s:w:(c||i)*s:te)),suffix:T,prefix:D,dateFormat:j,showValues:ae,noOfXTicks:oe,leftMargin:I,rightMargin:W,topMargin:Y,bottomMargin:X,tooltip:U,highlightAreaSettings:ce,onSeriesMouseOver:le,refValues:m,minValue:ue,maxValue:M,animate:N===!0?{duration:.5,once:!0,amount:.5}:N||{duration:0,once:!0,amount:0},rtl:a==="he"||a==="ar",strokeWidth:z,showDots:J,annotations:d,customHighlightAreaSettings:A,regressionLine:k,yAxisTitle:K,noOfYTicks:Q,maxDate:B,minDate:me,curveType:Z,styles:R,classNames:E,precision:g,customLayers:_}):null}),L||G?t.jsxRuntimeExports.jsx(Ge.GraphFooter,{styles:{footnote:R?.footnote,source:R?.source},classNames:{footnote:E?.footnote,source:E?.source},sources:L,footNote:G,width:c}):null]})})})})}exports.SimpleLineChart=Ue;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-CHPV5EwG-CTPQjnHt.cjs"),w=require("react"),v=require("./parse-hMnG_lRV.cjs"),Le=require("./simple-statistics-xm8c0LQQ.cjs"),Me=require("./index-Cno4Q0YE.cjs"),Se=require("./numberFormattingFunction-02t-wJta.cjs"),Ve=require("./Tooltip-4dJo4_AF.cjs"),Et=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),ke=require("./customArea-CMF5g-C3.cjs"),Ie=require("./Axis-DxRV2yMi.cjs"),Fe=require("./AxisTitle-sS5bLLR7.cjs"),He=require("./XTicksAndGridLines-B6CELS7q.cjs"),Ge=require("./ReferenceLine-BH0qdf4R.cjs"),Pe=require("./RegressionLine-BOTTNSrr.cjs"),We=require("./YTicksAndGridLines-4pxTRlRK.cjs"),Ye=require("./index-B_sAFsEV.cjs"),Xe=require("./time-CZd5YLSP.cjs"),Ue=require("./linear-BwPAspcq.cjs"),De=require("./line-DHV4JwCR.cjs"),he=require("./step-BZ3C8QFW.cjs"),Be=require("./select-Bnfk0lJx.cjs"),ze=require("./init-DU0ybBc_.cjs"),Je=require("./pointer-Dkq5NV1q.cjs"),Ke=require("./use-in-view-QcfiW0w3.cjs"),_t=require("./proxy-BxvUI_9l.cjs"),Qe=require("./GraphFooter.cjs"),Ze=require("./GraphHeader.cjs"),_e=require("./Colors.cjs"),ti=require("./EmptyState-sAEZ_5rU.cjs"),qe=require("./GraphContainer-d8A46BK2.cjs"),ei=require("./getNoOfTicks-C_1CFXv_.cjs");function ii(i){const t=n.compilerRuntimeExports.c(110),{data:R,width:G,height:ot,lineColor:P,suffix:E,prefix:q,dateFormat:s,highlightAreaSettings:rt,showValues:O,noOfXTicks:Ot,rightMargin:bt,leftMargin:A,topMargin:At,bottomMargin:at,tooltip:lt,onSeriesMouseOver:Ct,refValues:Pt,minValue:Wt,maxValue:ct,animate:o,rtl:kt,strokeWidth:ut,showDots:Lt,annotations:Yt,customHighlightAreaSettings:xt,regressionLine:mt,yAxisTitle:W,noOfYTicks:Xt,maxDate:Ut,minDate:Bt,curveType:ft,styles:d,classNames:f,precision:N,customLayers:T}=i,zt=w.useRef(null);let $;t[0]!==o.amount||t[1]!==o.once?($={once:o.once,amount:o.amount},t[0]=o.amount,t[1]=o.once,t[2]=$):$=t[2];const x=Ke.useInView(zt,$),[b,Jt]=w.useState(!1);let pt,Y;t[3]!==o.duration||t[4]!==b||t[5]!==x?(pt=()=>{if(x&&!b){const e=setTimeout(()=>{Jt(!0)},(o.duration+.5)*1e3);return()=>clearTimeout(e)}},Y=[x,b,o.duration],t[3]=o.duration,t[4]=b,t[5]=x,t[6]=pt,t[7]=Y):(pt=t[6],Y=t[7]),w.useEffect(pt,Y);const te=ft==="linear"?De.curveLinear:ft==="step"?he.curveStep:ft==="stepAfter"?he.stepAfter:ft==="stepBefore"?he.stepBefore:he.monotoneX,[C,m]=w.useState(void 0),[c,Kt]=w.useState(void 0),[M,St]=w.useState(void 0),dt=W?A+30:A;let X;t[8]!==at||t[9]!==bt||t[10]!==dt||t[11]!==At?(X={top:At,bottom:at,left:dt,right:bt},t[8]=at,t[9]=bt,t[10]=dt,t[11]=At,t[12]=X):X=t[12];const y=X,U=w.useRef(null);let B;t[13]!==s?(B=e=>({...e,date:v.parse(`${e.date}`,s,new Date)}),t[13]=s,t[14]=B):B=t[14];const a=Me.orderBy(R.map(B),["date"],["asc"]);let z;if(t[15]!==s||t[16]!==rt){let e;t[18]!==s?(e=g=>({...g,coordinates:[g.coordinates[0]===null?null:v.parse(`${g.coordinates[0]}`,s,new Date),g.coordinates[1]===null?null:v.parse(`${g.coordinates[1]}`,s,new Date)]}),t[18]=s,t[19]=e):e=t[19],z=rt.map(e),t[15]=s,t[16]=rt,t[17]=z}else z=t[17];const ht=z;let J;if(t[20]!==xt||t[21]!==s){let e;t[23]!==s?(e=g=>({...g,coordinates:g.coordinates.map((H,Gt)=>Gt%2===0?v.parse(`${H}`,s,new Date):H)}),t[23]=s,t[24]=e):e=t[24],J=xt.map(e),t[20]=xt,t[21]=s,t[22]=J}else J=t[22];const Dt=J,u=G-y.left-y.right,h=ot-y.top-y.bottom,qt=Bt?v.parse(`${Bt}`,s,new Date):a[0].date,Nt=Ut?v.parse(`${Ut}`,s,new Date):a[a.length-1].date,p=Et.checkIfNullOrUndefined(Wt)?Math.min(...a.map(ji).filter(vi))!==1/0?Math.min(...a.map(yi).filter(gi))>0?0:Math.min(...a.map(hi).filter(di)):0:Wt,k=Math.max(...a.map(pi).filter(fi))!==1/0?Math.max(...a.map(mi).filter(xi)):0,r=Xe.time().domain([qt,Nt]).range([0,u]);let K;t[25]!==k||t[26]!==ct?(K=Et.checkIfNullOrUndefined(ct)?k>0?k:0:ct,t[25]=k,t[26]=ct,t[27]=K):K=t[27];const l=Ue.linear().domain([p,K]).range([h,0]).nice(),Tt=De.line().x(e=>r(e.date)).y(e=>l(e.y)).curve(te),gt=l.ticks(Xt),$t=r.ticks(Ot);w.useEffect(()=>{const e=H=>{const Gt=a[ze.bisectCenter(a.map(ui),r.invert(Je.pointer(H)[0]),0)];m(Gt||a[a.length-1]),Ct?.(Gt||a[a.length-1]),St(H.clientY),Kt(H.clientX)},g=()=>{m(void 0),Kt(void 0),St(void 0),Ct?.(void 0)};Be.select(U.current).on("mousemove",e).on("mouseout",g)},[r,a,Ct]);const Mt=Le.linearRegression(a.filter(ci).map(e=>[r(e.date),l(e.y)])),Vt=Le.linearRegressionLine(Mt);let Q;t[28]!==o||t[29]!==h||t[30]!==u||t[31]!==ht||t[32]!==x||t[33]!==r?(Q=n.jsxRuntimeExports.jsx(Ye.HighlightArea,{areaSettings:ht,width:u,height:h,scale:r,animate:o,isInView:x}),t[28]=o,t[29]=h,t[30]=u,t[31]=ht,t[32]=x,t[33]=r,t[34]=Q):Q=t[34];const yt=d?.yAxis?.gridLines,vt=d?.yAxis?.labels;let Z;t[35]!==yt||t[36]!==vt?(Z={gridLines:yt,labels:vt},t[35]=yt,t[36]=vt,t[37]=Z):Z=t[37];const jt=f?.yAxis?.gridLines,_=f?.yAxis?.labels;let tt;t[38]!==jt||t[39]!==_?(tt={gridLines:jt,labels:_},t[38]=jt,t[39]=_,t[40]=tt):tt=t[40];const V=l(p<0?0:p),Qt=l(p<0?0:p),et=0-A,Zt=u+y.right,wt=p<0?0:p;let I;t[41]!==N||t[42]!==q||t[43]!==E||t[44]!==wt?(I=Se.numberFormattingFunction(wt,"NA",N,q,E),t[41]=N,t[42]=q,t[43]=E,t[44]=wt,t[45]=I):I=t[45];const it=0-A,nt=l(p<0?0:p),Rt=k<0?"1em":-5;let L;t[46]!==it||t[47]!==nt||t[48]!==Rt?(L={x:it,y:nt,dx:0,dy:Rt},t[46]=it,t[47]=nt,t[48]=Rt,t[49]=L):L=t[49];const S=f?.xAxis?.axis,D=f?.yAxis?.labels;let j;t[50]!==S||t[51]!==D?(j={axis:S,label:D},t[50]=S,t[51]=D,t[52]=j):j=t[52];const st=d?.xAxis?.axis,It=d?.yAxis?.labels;let F;t[53]!==st||t[54]!==It?(F={axis:st,label:It},t[53]=st,t[54]=It,t[55]=F):F=t[55];let ee;t[56]!==V||t[57]!==Qt||t[58]!==et||t[59]!==Zt||t[60]!==I||t[61]!==L||t[62]!==j||t[63]!==F?(ee=n.jsxRuntimeExports.jsx(Ie.Axis,{y1:V,y2:Qt,x1:et,x2:Zt,label:I,labelPos:L,classNames:j,styles:F}),t[56]=V,t[57]=Qt,t[58]=et,t[59]=Zt,t[60]=I,t[61]=L,t[62]=j,t[63]=F,t[64]=ee):ee=t[64];const ge=0-A-15,ye=h/2,ve=d?.yAxis?.title,je=f?.yAxis?.title;let ie;t[65]!==ge||t[66]!==ye||t[67]!==ve||t[68]!==je||t[69]!==W?(ie=n.jsxRuntimeExports.jsx(Fe.AxisTitle,{x:ge,y:ye,style:ve,className:je,text:W,rotate90:!0}),t[65]=ge,t[66]=ye,t[67]=ve,t[68]=je,t[69]=W,t[70]=ie):ie=t[70];let ne;t[71]!==s?(ne=e=>v.format(e,s),t[71]=s,t[72]=ne):ne=t[72];const Ne=$t.map(ne),Te=$t.map(e=>r(e)),we=d?.xAxis?.gridLines,Re=d?.xAxis?.labels;let se;t[73]!==we||t[74]!==Re?(se={gridLines:we,labels:Re},t[73]=we,t[74]=Re,t[75]=se):se=t[75];const Ee=f?.xAxis?.gridLines;let Ft;t[76]!==Ee?(Ft=n.mo("opacity-0",Ee),t[76]=Ee,t[77]=Ft):Ft=t[77];const Oe=f?.xAxis?.labels;let Ht;t[78]!==Oe?(Ht=n.mo("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",Oe),t[78]=Oe,t[79]=Ht):Ht=t[79];let oe;t[80]!==Ft||t[81]!==Ht?(oe={gridLines:Ft,labels:Ht},t[80]=Ft,t[81]=Ht,t[82]=oe):oe=t[82];let re;t[83]!==T?(re=T.filter(ri).map(oi),t[83]=T,t[84]=re):re=t[84];let ae;t[85]!==P||t[86]!==ut?(ae={stroke:P,fill:"none",strokeWidth:ut},t[85]=P,t[86]=ut,t[87]=ae):ae=t[87];let le;t[88]!==o.duration?(le={opacity:0,transition:{duration:o.duration}},t[88]=o.duration,t[89]=le):le=t[89];const be=a.map((e,g)=>n.jsxRuntimeExports.jsx(_t.motion.g,{children:Et.checkIfNullOrUndefined(e.y)?null:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[Lt?n.jsxRuntimeExports.jsx(_t.motion.circle,{r:u/a.length<5?0:u/a.length<20?2:4,exit:{opacity:0,transition:{duration:o.duration}},variants:{initial:{opacity:0,cx:r(e.date),cy:l(e.y),fill:P},whileInView:{opacity:1,fill:P,transition:{duration:b?o.duration:.5,delay:b?0:o.duration},cx:r(e.date),cy:l(e.y)}},initial:"initial",animate:x?"whileInView":"initial"}):null,O?n.jsxRuntimeExports.jsx(_t.motion.text,{dy:-8,style:{textAnchor:"middle",...d?.graphObjectValues||{}},className:n.mo("graph-value text-xs font-bold",f?.graphObjectValues),exit:{opacity:0,transition:{duration:o.duration}},variants:{initial:{opacity:0,x:r(e.date),y:l(e.y)},whileInView:{opacity:1,x:r(e.date),y:l(e.y),transition:{duration:b?o.duration:.5,delay:b?0:o.duration}}},initial:"initial",animate:x?"whileInView":"initial",children:Se.numberFormattingFunction(e.y,"NA",N,q,E)}):null]})},g));let ce;t[90]!==be?(ce=n.jsxRuntimeExports.jsx("g",{children:be}),t[90]=be,t[91]=ce):ce=t[91];const Ae=Yt.map((e,g)=>{const H=ke.getLineEndPoint({x:e.xCoordinate?r(v.parse(`${e.xCoordinate}`,s,new Date))+(e.xOffset||0):0+(e.xOffset||0),y:e.yCoordinate?l(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8},{x:e.xCoordinate?r(v.parse(`${e.xCoordinate}`,s,new Date)):0,y:e.yCoordinate?l(e.yCoordinate):0},Et.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius),Gt=e.showConnector?{y1:H.y,x1:H.x,y2:e.yCoordinate?l(e.yCoordinate)+(e.yOffset||0):0+(e.yOffset||0),x2:e.xCoordinate?r(v.parse(`${e.xCoordinate}`,s,new Date))+(e.xOffset||0):0+(e.xOffset||0),cy:e.yCoordinate?l(e.yCoordinate):0,cx:e.xCoordinate?r(v.parse(`${e.xCoordinate}`,s,new Date)):0,circleRadius:Et.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius,strokeWidth:e.showConnector===!0?2:Math.min(e.showConnector||0,1)}:void 0,$e={y:e.yCoordinate?l(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8,x:kt?0:e.xCoordinate?r(v.parse(`${e.xCoordinate}`,s,new Date))+(e.xOffset||0):0+(e.xOffset||0),width:kt?e.xCoordinate?r(v.parse(`${e.xCoordinate}`,s,new Date))+(e.xOffset||0):0+(e.xOffset||0):u+y.right-(e.xCoordinate?r(v.parse(`${e.xCoordinate}`,s,new Date))+(e.xOffset||0):0+(e.xOffset||0)),maxWidth:e.maxWidth,fontWeight:e.fontWeight,align:e.align};return n.jsxRuntimeExports.jsx(ke.Annotation,{color:e.color,connectorsSettings:Gt,labelSettings:$e,text:e.text,classNames:e.classNames,styles:e.styles,animate:o,isInView:x},g)});let ue;t[92]!==Ae?(ue=n.jsxRuntimeExports.jsx("g",{children:Ae}),t[92]=Ae,t[93]=ue):ue=t[93];const Ce=mt?n.jsxRuntimeExports.jsx(Pe.RegressionLine,{x1:0,x2:u,y1:Vt(0),y2:Vt(u),graphHeight:h,graphWidth:u,className:f?.regLine,style:d?.regLine,color:typeof mt=="string"?mt:void 0,animate:o,isInView:x}):null;let xe;t[94]!==Ce?(xe=n.jsxRuntimeExports.jsx("g",{children:Ce}),t[94]=Ce,t[95]=xe):xe=t[95];let me;t[96]!==T?(me=T.filter(si).map(ni),t[96]=T,t[97]=me):me=t[97];let fe;t[98]===Symbol.for("react.memo_cache_sentinel")?(fe={fill:"none",pointerEvents:"all"},t[98]=fe):fe=t[98];let pe;t[99]!==U||t[100]!==h||t[101]!==u?(pe=n.jsxRuntimeExports.jsx("rect",{ref:U,style:fe,width:u,height:h}),t[99]=U,t[100]=h,t[101]=u,t[102]=pe):pe=t[102];let de;return t[103]!==f?.tooltip||t[104]!==c||t[105]!==M||t[106]!==C||t[107]!==d?.tooltip||t[108]!==lt?(de=C&&lt&&c&&M?n.jsxRuntimeExports.jsx(Ve.Tooltip,{data:C,body:lt,xPos:c,yPos:M,backgroundStyle:d?.tooltip,className:f?.tooltip}):null,t[103]=f?.tooltip,t[104]=c,t[105]=M,t[106]=C,t[107]=d?.tooltip,t[108]=lt,t[109]=de):de=t[109],n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(_t.motion.svg,{width:`${G}px`,height:`${ot}px`,viewBox:`0 0 ${G} ${ot}`,direction:"ltr",ref:zt,children:n.jsxRuntimeExports.jsxs("g",{transform:`translate(${y.left},${y.top})`,children:[Q,n.jsxRuntimeExports.jsx(ke.CustomArea,{areaSettings:Dt,scaleX:r,scaleY:l,animate:o,isInView:x}),n.jsxRuntimeExports.jsxs("g",{children:[n.jsxRuntimeExports.jsx(We.YTicksAndGridLines,{values:gt.filter(li),y:gt.filter(ai).map(e=>l(e)),x1:0-A,x2:u+y.right,styles:Z,classNames:tt,suffix:E,prefix:q,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:N}),ee,ie]}),n.jsxRuntimeExports.jsx(He.XTicksAndGridLines,{values:Ne,x:Te,y1:0,y2:h,styles:se,classNames:oe,suffix:E,prefix:q,labelType:"primary",showGridLines:!0,precision:N}),re,n.jsxRuntimeExports.jsxs("g",{children:[n.jsxRuntimeExports.jsx(_t.motion.path,{style:ae,exit:le,variants:{initial:{pathLength:0,d:Tt(a)||"",opacity:1},whileInView:{pathLength:1,d:Tt(a)||"",opacity:1,transition:{duration:o.duration}}},initial:"initial",animate:x?"whileInView":"initial"}),C?n.jsxRuntimeExports.jsx("line",{y1:0,y2:h,x1:r(C.date),x2:r(C.date),className:n.mo("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100",f?.mouseOverLine),style:d?.mouseOverLine}):null]}),ce,Pt?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:Pt.map((e,g)=>n.jsxRuntimeExports.jsx(Ge.RefLineY,{text:e.text,color:e.color,y:l(e.value),x1:0-A,x2:u+y.right,classNames:e.classNames,styles:e.styles,animate:o,isInView:x},g))}):null,ue,xe,me,pe]})}),de]})}function ni(i){return i.layer}function si(i){return i.position==="after"}function oi(i){return i.layer}function ri(i){return i.position==="before"}function ai(i){return i!==0}function li(i){return i!==0}function ci(i){return!Et.checkIfNullOrUndefined(i.date)&&!Et.checkIfNullOrUndefined(i.y)}function ui(i){return i.date}function xi(i){return i!=null}function mi(i){return i.y}function fi(i){return i!=null}function pi(i){return i.y}function di(i){return i!=null}function hi(i){return i.y}function gi(i){return i!=null}function yi(i){return i.y}function vi(i){return i!=null}function ji(i){return i.y}function wi(i){const t=n.compilerRuntimeExports.c(83),{data:R,graphTitle:G,lineColor:ot,suffix:P,sources:E,prefix:q,graphDescription:s,height:rt,width:O,footNote:Ot,noOfXTicks:bt,dateFormat:A,showValues:At,padding:at,backgroundColor:lt,leftMargin:Ct,rightMargin:Pt,topMargin:Wt,bottomMargin:ct,relativeHeight:o,tooltip:kt,onSeriesMouseOver:ut,highlightAreaSettings:Lt,graphID:Yt,minValue:xt,maxValue:mt,maxDate:W,minDate:Xt,graphDownload:Ut,dataDownload:Bt,animate:ft,language:d,refValues:f,minHeight:N,strokeWidth:T,showDots:zt,annotations:$,customHighlightAreaSettings:x,theme:b,ariaLabel:Jt,regressionLine:pt,yAxisTitle:Y,noOfYTicks:te,curveType:C,styles:m,classNames:c,precision:Kt,customLayers:M}=i,St=P===void 0?"":P,dt=q===void 0?"":q,X=bt===void 0?10:bt,y=A===void 0?"yyyy":A,U=At===void 0?!1:At,B=lt===void 0?!1:lt,a=Ct===void 0?30:Ct,z=Pt===void 0?30:Pt,ht=Wt===void 0?20:Wt,J=ct===void 0?25:ct;let Dt;t[0]!==Lt?(Dt=Lt===void 0?[]:Lt,t[0]=Lt,t[1]=Dt):Dt=t[1];const u=Dt,h=Ut===void 0?!1:Ut,qt=Bt===void 0?!1:Bt,Nt=ft===void 0?!1:ft,p=d===void 0?"en":d;let k;t[2]!==f?(k=f===void 0?[]:f,t[2]=f,t[3]=k):k=t[3];const r=k,K=N===void 0?0:N,l=T===void 0?2:T,Tt=zt===void 0?!0:zt;let gt;t[4]!==$?(gt=$===void 0?[]:$,t[4]=$,t[5]=gt):gt=t[5];const $t=gt;let Mt;t[6]!==x?(Mt=x===void 0?[]:x,t[6]=x,t[7]=Mt):Mt=t[7];const Vt=Mt,Q=b===void 0?"light":b,yt=pt===void 0?!1:pt,vt=te===void 0?5:te,Z=C===void 0?"curve":C,jt=Kt===void 0?2:Kt;let _;t[8]!==M?(_=M===void 0?[]:M,t[8]=M,t[9]=_):_=t[9];const tt=_,[V,Qt]=w.useState(0),[et,Zt]=w.useState(0),wt=w.useRef(null),I=w.useRef(null);let it,nt;t[10]===Symbol.for("react.memo_cache_sentinel")?(it=()=>{const It=new ResizeObserver(F=>{Qt(F[0].target.clientWidth||620),Zt(F[0].target.clientHeight||480)});return wt.current&&It.observe(wt.current),()=>It.disconnect()},nt=[],t[10]=it,t[11]=nt):(it=t[10],nt=t[11]),w.useEffect(it,nt);const Rt=c?.graphContainer,L=m?.graphContainer;let S;t[12]!==c?.description||t[13]!==c?.title||t[14]!==R||t[15]!==qt||t[16]!==s||t[17]!==h||t[18]!==G||t[19]!==m?.description||t[20]!==m?.title||t[21]!==O?(S=G||s||h||qt?n.jsxRuntimeExports.jsx(Ze.GraphHeader,{styles:{title:m?.title,description:m?.description},classNames:{title:c?.title,description:c?.description},graphTitle:G,graphDescription:s,width:O,graphDownload:h?I:void 0,dataDownload:qt?R.map(Ai).filter(bi).length>0?R.map(Oi).filter(Ei):R.filter(Ri):null}):null,t[12]=c?.description,t[13]=c?.title,t[14]=R,t[15]=qt,t[16]=s,t[17]=h,t[18]=G,t[19]=m?.description,t[20]=m?.title,t[21]=O,t[22]=S):S=t[22];let D;t[23]!==Nt||t[24]!==$t||t[25]!==J||t[26]!==c||t[27]!==Z||t[28]!==Vt||t[29]!==tt||t[30]!==R||t[31]!==y||t[32]!==u||t[33]!==p||t[34]!==a||t[35]!==ot||t[36]!==W||t[37]!==mt||t[38]!==Xt||t[39]!==xt||t[40]!==X||t[41]!==vt||t[42]!==ut||t[43]!==jt||t[44]!==dt||t[45]!==r||t[46]!==yt||t[47]!==z||t[48]!==Tt||t[49]!==U||t[50]!==l||t[51]!==m||t[52]!==St||t[53]!==et||t[54]!==V||t[55]!==kt||t[56]!==ht||t[57]!==Y?(D=R.length===0?n.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:n.jsxRuntimeExports.jsx(ti.EmptyState,{})}):n.jsxRuntimeExports.jsx(qe.GraphArea,{ref:wt,children:V&&et?n.jsxRuntimeExports.jsx(ii,{data:R,lineColor:ot||_e.Colors.primaryColors["blue-600"],width:V,height:et,suffix:St,prefix:dt,dateFormat:y,showValues:U,noOfXTicks:X??ei.getNoOfTicks(V),leftMargin:a,rightMargin:z,topMargin:ht,bottomMargin:J,tooltip:kt,highlightAreaSettings:u,onSeriesMouseOver:ut,refValues:r,minValue:xt,maxValue:mt,animate:Nt===!0?{duration:.5,once:!0,amount:.5}:Nt||{duration:0,once:!0,amount:0},rtl:p==="he"||p==="ar",strokeWidth:l,showDots:Tt,annotations:$t,customHighlightAreaSettings:Vt,regressionLine:yt,yAxisTitle:Y,noOfYTicks:vt,maxDate:W,minDate:Xt,curveType:Z,styles:m,classNames:c,precision:jt,customLayers:tt}):null}),t[23]=Nt,t[24]=$t,t[25]=J,t[26]=c,t[27]=Z,t[28]=Vt,t[29]=tt,t[30]=R,t[31]=y,t[32]=u,t[33]=p,t[34]=a,t[35]=ot,t[36]=W,t[37]=mt,t[38]=Xt,t[39]=xt,t[40]=X,t[41]=vt,t[42]=ut,t[43]=jt,t[44]=dt,t[45]=r,t[46]=yt,t[47]=z,t[48]=Tt,t[49]=U,t[50]=l,t[51]=m,t[52]=St,t[53]=et,t[54]=V,t[55]=kt,t[56]=ht,t[57]=Y,t[58]=D):D=t[58];let j;t[59]!==c?.footnote||t[60]!==c?.source||t[61]!==Ot||t[62]!==E||t[63]!==m?.footnote||t[64]!==m?.source||t[65]!==O?(j=E||Ot?n.jsxRuntimeExports.jsx(Qe.GraphFooter,{styles:{footnote:m?.footnote,source:m?.source},classNames:{footnote:c?.footnote,source:c?.source},sources:E,footNote:Ot,width:O}):null,t[59]=c?.footnote,t[60]=c?.source,t[61]=Ot,t[62]=E,t[63]=m?.footnote,t[64]=m?.source,t[65]=O,t[66]=j):j=t[66];let st;return t[67]!==Jt||t[68]!==B||t[69]!==Yt||t[70]!==rt||t[71]!==p||t[72]!==K||t[73]!==at||t[74]!==o||t[75]!==Rt||t[76]!==L||t[77]!==S||t[78]!==D||t[79]!==j||t[80]!==Q||t[81]!==O?(st=n.jsxRuntimeExports.jsxs(qe.GraphContainer,{className:Rt,style:L,id:Yt,ref:I,"aria-label":Jt,backgroundColor:B,theme:Q,language:p,minHeight:K,width:O,height:rt,relativeHeight:o,padding:at,children:[S,D,j]}),t[67]=Jt,t[68]=B,t[69]=Yt,t[70]=rt,t[71]=p,t[72]=K,t[73]=at,t[74]=o,t[75]=Rt,t[76]=L,t[77]=S,t[78]=D,t[79]=j,t[80]=Q,t[81]=O,t[82]=st):st=t[82],st}function Ri(i){return i!==void 0}function Ei(i){return i!==void 0}function Oi(i){return i.data}function bi(i){return i!==void 0}function Ai(i){return i.data}exports.SimpleLineChart=wi;
 //# sourceMappingURL=SimpleLineChart.cjs.map