@undp/data-viz 2.5.4 → 2.6.1

package/dist/PerformanceIntensiveScrollStory.js

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

package/dist/PerformanceIntensiveScrollStory.js.map

@@ -1 +1 @@
-{"version":3,"file":"PerformanceIntensiveScrollStory.js","sources":["../src/Components/Dashboard/PerformanceIntensive/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 { SingleGraphDashboardThreeDGraphs } from './SingleGraphDashboardThreeDGraphs';\r\nimport { SingleGraphDashboardGeoHubMaps } from './SingleGraphDashboardGeoHubMaps';\r\n\r\nimport {\r\n  PerformanceIntensiveChaptersDataType,\r\n  InfoBoxDataType,\r\n  SectionsArrDataType,\r\n  ThreeDGraphType,\r\n  GeoHubGraphType,\r\n  GraphType,\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: PerformanceIntensiveChaptersDataType[];\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. */\r\nexport function PerformanceIntensiveScrollStory(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 threeDGraphs = ['threeDGlobe'];\r\n  const geoHubMaps = ['geoHubCompareMap', 'geoHubMap', 'geoHubMapWithLayerSelection'];\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        {threeDGraphs.includes(sectionsArr[activeIndex].graphType) ? (\r\n          <SingleGraphDashboardThreeDGraphs\r\n            graphType={sectionsArr[activeIndex].graphType as ThreeDGraphType}\r\n            dataSettings={sectionsArr[activeIndex].dataSettings}\r\n            graphSettings={sectionsArr[activeIndex].graphSettings}\r\n            graphDataConfiguration={sectionsArr[activeIndex].graphDataConfiguration}\r\n          />\r\n        ) : geoHubMaps.includes(sectionsArr[activeIndex].graphType) ? (\r\n          <SingleGraphDashboardGeoHubMaps\r\n            graphType={sectionsArr[activeIndex].graphType as GeoHubGraphType}\r\n            graphSettings={sectionsArr[activeIndex].graphSettings}\r\n          />\r\n        ) : (\r\n          <SingleGraphDashboard\r\n            graphType={sectionsArr[activeIndex].graphType as GraphType}\r\n            dataSettings={sectionsArr[activeIndex].dataSettings}\r\n            graphSettings={sectionsArr[activeIndex].graphSettings}\r\n            graphDataConfiguration={sectionsArr[activeIndex].graphDataConfiguration}\r\n          />\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":["PerformanceIntensiveScrollStory","props","$","_c","chapters","visibilityThreshold","t0","mode","t1","infoWidth","t2","infoPosition","t3","infoBackgroundColor","t4","undefined","activeIndex","setActiveIndex","useState","t5","Symbol","for","threeDGraphs","t6","geoHubMaps","sectionsArr","forEach","d","i","sections","s","j","push","chapter","dataSettings","section","graphType","infoBox","graphSettings","animate","graphDataConfiguration","t7","t10","t8","t9","opacity","duration","t11","t12","t13","left","width","t14","includes","jsx","SingleGraphDashboardThreeDGraphs","SingleGraphDashboardGeoHubMaps","SingleGraphDashboard","t15","t16","map","idx","ScrollySection","t17","jsxs","index","position","backgroundColor","ref","useRef","once","amount","useInView","description","title"],"mappings":"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"}
+{"version":3,"file":"PerformanceIntensiveScrollStory.js","names":[],"sources":["../src/Components/Dashboard/PerformanceIntensive/ScrollStory.tsx"],"sourcesContent":["// Scrollytelling.tsx\nimport { motion, useInView } from 'motion/react';\nimport { useRef, useState } from 'react';\nimport type {\n  GeoHubGraphType,\n  GraphType,\n  InfoBoxDataType,\n  PerformanceIntensiveChaptersDataType,\n  SectionsArrDataType,\n  ThreeDGraphType,\n} from '@/Types';\nimport { SingleGraphDashboard } from '../SingleGraphDashboard';\nimport { SingleGraphDashboardGeoHubMaps } from './SingleGraphDashboardGeoHubMaps';\nimport { SingleGraphDashboardThreeDGraphs } from './SingleGraphDashboardThreeDGraphs';\n\ninterface Props {\n  /** Defines if the information is shown as overlay or on the side */\n  mode?: 'overlay' | 'side';\n  /** Defines the width of the info section */\n  infoWidth?: string;\n  /** Defined the different chapters for the story and different sections within the story  */\n  chapters: PerformanceIntensiveChaptersDataType[];\n  /** Position of info on the page */\n  infoPosition?: 'left' | 'right' | 'center';\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 */\n  visibilityThreshold?: number;\n  /** Sets background color of the info box. */\n  infoBackgroundColor?: string;\n}\n\n/** ScrollStory is a scrollytelling container component that reveals content step-by-step as the user scrolls through the page. */\nexport function PerformanceIntensiveScrollStory(props: Props) {\n  const {\n    chapters,\n    visibilityThreshold = 0.5,\n    mode = 'overlay',\n    infoWidth = '320px',\n    infoPosition = 'left',\n    infoBackgroundColor = 'rgba(255,255,255,0.8)',\n  } = props;\n  const [activeIndex, setActiveIndex] = useState(0);\n  const threeDGraphs = ['threeDGlobe'];\n  const geoHubMaps = ['geoHubCompareMap', 'geoHubMap', 'geoHubMapWithLayerSelection'];\n  const sectionsArr: SectionsArrDataType[] = [];\n  chapters.forEach((d, i) => {\n    d.sections.forEach((s, j) => {\n      sectionsArr.push({\n        chapter: i,\n        dataSettings: d.dataSettings,\n        section: j,\n        graphType: d.graphType,\n        infoBox: s.infoBox,\n        graphSettings: { ...d.graphSettings, ...(s.graphSettings || {}), animate: true },\n        graphDataConfiguration: s.graphDataConfiguration || d.graphDataConfiguration || [],\n      });\n    });\n  });\n  return (\n    <div className='relative w-full h-full'>\n      {/* Background Layer */}\n      <motion.div\n        key={sectionsArr[activeIndex].chapter}\n        className='fixed top-0 h-full -z-10'\n        initial={{ opacity: 0 }}\n        animate={{ opacity: 1 }}\n        transition={{ duration: 0.5 }}\n        style={{\n          left: mode === 'overlay' ? 0 : infoPosition === 'right' ? 0 : infoWidth,\n          width: mode === 'overlay' ? '100%' : `calc(100% - ${infoWidth})`,\n        }}\n      >\n        {threeDGraphs.includes(sectionsArr[activeIndex].graphType) ? (\n          <SingleGraphDashboardThreeDGraphs\n            graphType={sectionsArr[activeIndex].graphType as ThreeDGraphType}\n            dataSettings={sectionsArr[activeIndex].dataSettings}\n            graphSettings={sectionsArr[activeIndex].graphSettings}\n            graphDataConfiguration={sectionsArr[activeIndex].graphDataConfiguration}\n          />\n        ) : geoHubMaps.includes(sectionsArr[activeIndex].graphType) ? (\n          <SingleGraphDashboardGeoHubMaps\n            graphType={sectionsArr[activeIndex].graphType as GeoHubGraphType}\n            graphSettings={sectionsArr[activeIndex].graphSettings}\n          />\n        ) : (\n          <SingleGraphDashboard\n            graphType={sectionsArr[activeIndex].graphType as GraphType}\n            dataSettings={sectionsArr[activeIndex].dataSettings}\n            graphSettings={sectionsArr[activeIndex].graphSettings}\n            graphDataConfiguration={sectionsArr[activeIndex].graphDataConfiguration}\n          />\n        )}\n      </motion.div>\n      <div>\n        {sectionsArr.map((section, idx) => (\n          <ScrollySection\n            width={infoWidth}\n            key={`${section.chapter}-${section.section}`}\n            index={idx}\n            infoBox={section.infoBox}\n            setActiveIndex={setActiveIndex}\n            position={infoPosition}\n            mode={mode}\n            visibilityThreshold={visibilityThreshold}\n            backgroundColor={infoBackgroundColor}\n          />\n        ))}\n      </div>\n    </div>\n  );\n}\n\nfunction ScrollySection({\n  infoBox,\n  index,\n  setActiveIndex,\n  position,\n  mode,\n  visibilityThreshold,\n  backgroundColor,\n  width,\n}: {\n  infoBox: InfoBoxDataType;\n  index: number;\n  setActiveIndex: (idx: number) => void;\n  position: 'left' | 'right' | 'center';\n  mode: 'overlay' | 'side';\n  visibilityThreshold: number;\n  backgroundColor: string;\n  width: string;\n}) {\n  const ref = useRef(null);\n  const isInView = useInView(ref, {\n    once: false,\n    amount: visibilityThreshold,\n  });\n  if (isInView) setActiveIndex(index);\n  return (\n    <section\n      ref={ref}\n      className={`min-h-screen flex ${position === 'center' ? 'justify-center' : position === 'right' ? 'justify-end' : 'justify-start'}`}\n    >\n      <div\n        className={`p-8 ${mode === 'overlay' ? 'h-fit mx-10 ' : ''}`}\n        style={{\n          backgroundColor,\n          width,\n        }}\n      >\n        {infoBox.title}\n        {infoBox.description}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;;;;AA+BA,SAAgB,EAAgC,GAAc;CAC5D,IAAM,EACJ,aACA,yBAAsB,IACtB,UAAO,WACP,eAAY,SACZ,kBAAe,QACf,yBAAsB,4BACpB,GACE,CAAC,GAAa,KAAkB,EAAS,CAAC,GAC1C,IAAe,CAAC,aAAa,GAC7B,IAAa;EAAC;EAAoB;EAAa;CAA6B,GAC5E,IAAqC,CAAC;CAc5C,OAbA,EAAS,SAAS,GAAG,MAAM;EACzB,EAAE,SAAS,SAAS,GAAG,MAAM;GAC3B,EAAY,KAAK;IACf,SAAS;IACT,cAAc,EAAE;IAChB,SAAS;IACT,WAAW,EAAE;IACb,SAAS,EAAE;IACX,eAAe;KAAE,GAAG,EAAE;KAAe,GAAI,EAAE,iBAAiB,CAAC;KAAI,SAAS;IAAK;IAC/E,wBAAwB,EAAE,0BAA0B,EAAE,0BAA0B,CAAC;GACnF,CAAC;EACH,CAAC;CACH,CAAC,GAEC,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CAEE,iBAAA,GAAA,EAAA,KAAC,EAAO,KAAR;GAEE,WAAU;GACV,SAAS,EAAE,SAAS,EAAE;GACtB,SAAS,EAAE,SAAS,EAAE;GACtB,YAAY,EAAE,UAAU,GAAI;GAC5B,OAAO;IACL,MAAM,MAAS,aAAgB,MAAiB,UAArB,IAAmC;IAC9D,OAAO,MAAS,YAAY,SAAS,eAAe,EAAU;GAChE;aAEC,EAAa,SAAS,EAAY,GAAa,SAAS,IACvD,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,WAAW,EAAY,GAAa;IACpC,cAAc,EAAY,GAAa;IACvC,eAAe,EAAY,GAAa;IACxC,wBAAwB,EAAY,GAAa;GAClD,CAAA,IACC,EAAW,SAAS,EAAY,GAAa,SAAS,IACxD,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,WAAW,EAAY,GAAa;IACpC,eAAe,EAAY,GAAa;GACzC,CAAA,IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,WAAW,EAAY,GAAa;IACpC,cAAc,EAAY,GAAa;IACvC,eAAe,EAAY,GAAa;IACxC,wBAAwB,EAAY,GAAa;GAClD,CAAA;EAEO,GA9BL,EAAY,GAAa,OA8BpB,GACZ,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAA,UACG,EAAY,KAAK,GAAS,MACzB,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,OAAO;GAEP,OAAO;GACP,SAAS,EAAQ;GACD;GAChB,UAAU;GACJ;GACe;GACrB,iBAAiB;EAClB,GARM,GAAG,EAAQ,QAAQ,GAAG,EAAQ,SAQpC,CACF,EACE,CAAA,CACF;;AAET;AAEA,SAAS,EAAe,EACtB,YACA,UACA,mBACA,aACA,SACA,wBACA,oBACA,YAUC;CACD,IAAM,IAAM,EAAO,IAAI;CAMvB,OALiB,EAAU,GAAK;EAC9B,MAAM;EACN,QAAQ;CACV,CACI,KAAU,EAAe,CAAK,GAEhC,iBAAA,GAAA,EAAA,KAAC,WAAD;EACO;EACL,WAAW,qBAAqB,MAAa,WAAW,mBAAmB,MAAa,UAAU,gBAAgB;YAElH,iBAAA,GAAA,EAAA,MAAC,OAAD;GACE,WAAW,OAAO,MAAS,YAAY,iBAAiB;GACxD,OAAO;IACL;IACA;GACF;aALF,CAOG,EAAQ,OACR,EAAQ,WACN;;CACE,CAAA;AAEb"}

package/dist/RadarChart-5VC51Iv8.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./Colors.cjs`),r=require(`./GraphFooter.cjs`),i=require(`./GraphHeader.cjs`),a=require(`./checkIfNullOrUndefined-DYvc3fz_.cjs`),o=require(`./uniqBy-DTdieuuc.cjs`),s=require(`./GraphContainer-7xAPK4Tb.cjs`),c=require(`./ColorLegendWithMouseOver.cjs`),l=require(`./EmptyState-Bq7ZJmZB.cjs`),u=require(`./linear-B93YyHf_.cjs`),d=require(`./fast-deep-equal-DN3ilkVq.cjs`),f=require(`./proxy-DaRMphjR.cjs`),p=require(`./AnimatePresence-CapU-Sxd.cjs`),m=require(`./use-in-view-C4EPQfwM.cjs`),ee=require(`./numberFormattingFunction-Caf5NyIo.cjs`),te=require(`./DetailsModal-CtGqGcX9.cjs`),ne=require(`./Tooltip-CO_iOj_w.cjs`),h=require(`./line-DoUnRqpS.cjs`);let g=require(`@undp/design-system-react/cn`),_=require(`react`);var v=b(h.i);function y(e){this._curve=e}y.prototype={areaStart:function(){this._curve.areaStart()},areaEnd:function(){this._curve.areaEnd()},lineStart:function(){this._curve.lineStart()},lineEnd:function(){this._curve.lineEnd()},point:function(e,t){this._curve.point(t*Math.sin(e),t*-Math.cos(e))}};function b(e){function t(t){return new y(e(t))}return t._curve=e,t}function x(e){var t=e.curve;return e.angle=e.x,delete e.x,e.radius=e.y,delete e.y,e.curve=function(e){return arguments.length?t(b(e)):t()._curve},e}function re(){return x(h.t().curve(v))}function S(){}function C(e,t,n){e._context.bezierCurveTo(e._x1+e._k*(e._x2-e._x0),e._y1+e._k*(e._y2-e._y0),e._x2+e._k*(e._x1-t),e._y2+e._k*(e._y1-n),e._x2,e._y2)}function w(e,t){this._context=e,this._k=(1-t)/6}w.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._x2=this._y0=this._y1=this._y2=NaN,this._point=0},lineEnd:function(){switch(this._point){case 2:this._context.lineTo(this._x2,this._y2);break;case 3:C(this,this._x1,this._y1);break}(this._line||this._line!==0&&this._point===1)&&this._context.closePath(),this._line=1-this._line},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2,this._x1=e,this._y1=t;break;case 2:this._point=3;default:C(this,e,t);break}this._x0=this._x1,this._x1=this._x2,this._x2=e,this._y0=this._y1,this._y1=this._y2,this._y2=t}},(function e(t){function n(e){return new w(e,t)}return n.tension=function(t){return e(+t)},n})(0);function T(e,t){this._context=e,this._k=(1-t)/6}T.prototype={areaStart:S,areaEnd:S,lineStart:function(){this._x0=this._x1=this._x2=this._x3=this._x4=this._x5=this._y0=this._y1=this._y2=this._y3=this._y4=this._y5=NaN,this._point=0},lineEnd:function(){switch(this._point){case 1:this._context.moveTo(this._x3,this._y3),this._context.closePath();break;case 2:this._context.lineTo(this._x3,this._y3),this._context.closePath();break;case 3:this.point(this._x3,this._y3),this.point(this._x4,this._y4),this.point(this._x5,this._y5);break}},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._x3=e,this._y3=t;break;case 1:this._point=2,this._context.moveTo(this._x4=e,this._y4=t);break;case 2:this._point=3,this._x5=e,this._y5=t;break;default:C(this,e,t);break}this._x0=this._x1,this._x1=this._x2,this._x2=e,this._y0=this._y1,this._y1=this._y2,this._y2=t}};var ie=(function e(t){function n(e){return new T(e,t)}return n.tension=function(t){return e(+t)},n})(0);function E(e){this._context=e}E.prototype={areaStart:S,areaEnd:S,lineStart:function(){this._point=0},lineEnd:function(){this._point&&this._context.closePath()},point:function(e,t){e=+e,t=+t,this._point?this._context.lineTo(e,t):(this._point=1,this._context.moveTo(e,t))}};function ae(e){return new E(e)}var D=e.a(d.t(),1),O=t.t();function oe(e){let{data:t,radius:r,lineColors:i,tooltip:o,onSeriesMouseOver:s,onSeriesMouseClick:c,colorDomain:l,detailsOnClick:d,styles:h,classNames:v,selectedColor:y,axisLabels:b,strokeWidth:x,showValues:S,showDots:C,rightMargin:w,topMargin:T,bottomMargin:E,leftMargin:oe,curveType:se,noOfTicks:ce,minValue:k,maxValue:A,resetSelectionOnDoubleClick:le,fillShape:j,highlightedLines:M,animate:N,dimmedOpacity:P,precision:F,customLayers:I,locale:L,padZeros:R}=e,z=(0,_.useRef)(null),B=m.t(z,{once:N.once,amount:N.amount}),ue=se===`linear`?ae:ie,V={top:T,bottom:E,left:oe,right:w},H=Math.min((2*r-oe-w)/2,(2*r-T-E)/2),[U,W]=(0,_.useState)(void 0),[G,K]=(0,_.useState)(void 0),[q,J]=(0,_.useState)(void 0),[de,Y]=(0,_.useState)(void 0),X=u.t().domain([0,t[0].values.length]).range([0,2*Math.PI]),Z=a.t(A)?Math.max(...t.map(e=>Math.max(...e.values.filter(e=>!a.t(e)))))<0?0:Math.max(...t.map(e=>Math.max(...e.values.filter(e=>!a.t(e))))):A,fe=a.t(k)?Math.min(...t.map(e=>Math.min(...e.values.filter(e=>!a.t(e)))))>=0?0:Math.min(...t.map(e=>Math.min(...e.values.filter(e=>!a.t(e))))):k,Q=u.t().domain([fe,Z]).range([0,H]).nice(),pe=Q.ticks(ce),$=re().radius(e=>Q(e)).angle((e,t)=>X(t)).curve(ue);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(f.t.svg,{width:`${r*2}px`,height:`${r*2}px`,viewBox:`0 0 ${r*2} ${r*2}`,direction:`ltr`,ref:z,className:`mx-auto`,children:(0,O.jsxs)(`g`,{transform:`translate(${V.left},${V.top})`,children:[I.filter(e=>e.position===`before`).map(e=>e.layer),(0,O.jsxs)(`g`,{transform:`translate(${H},${H})`,children:[b.map((e,t)=>(0,O.jsxs)(`g`,{children:[(0,O.jsx)(`line`,{x1:0,y1:0,x2:Math.cos(X(t)-Math.PI/2)*H,y2:Math.sin(X(t)-Math.PI/2)*H,className:(0,g.cn)(`stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550`,v?.xAxis?.axis),style:h?.xAxis?.axis}),(0,O.jsx)(`text`,{x:Math.cos(X(t)-Math.PI/2)*(H+6),y:Math.sin(X(t)-Math.PI/2)*(H+6),style:{textAnchor:Math.cos(X(t)-Math.PI/2)<0?`end`:Math.cos(X(t)-Math.PI/2)<1e-5?`middle`:`start`,...h?.xAxis?.labels||``},dy:Math.sin(X(t)-Math.PI/2)<0?0:Math.sin(X(t)-Math.PI/2)<1e-5?5:10,className:(0,g.cn)(`fill-primary-gray-700 dark:fill-primary-gray-300 text-xs`,v?.xAxis?.labels),children:e})]},t)),pe.map((e,t)=>(0,O.jsxs)(`g`,{children:[(0,O.jsx)(`path`,{d:$(Array(b.length).fill(e))||``,className:(0,g.cn)(`stroke-primary-gray-500 dark:stroke-primary-gray-550`,v?.xAxis?.gridLines),style:{...h?.xAxis?.gridLines,fill:`none`}}),(0,O.jsx)(`foreignObject`,{x:-25,y:Math.sin(-Math.PI/2)*Q(e)>-1e-4?Math.sin(-Math.PI/2)*Q(e)-7:Math.sin(-Math.PI/2)*Q(e)-5,width:50,height:12,children:(0,O.jsx)(`div`,{className:`flex justify-center`,children:(0,O.jsx)(`p`,{className:(0,g.cn)(`fill-primary-gray-500 dark:fill-primary-gray-550 text-xs m-0 py-0 px-1.5 text-center leading-none bg-primary-white dark:bg-primary-gray-700`,v?.xAxis?.labels),style:h?.xAxis?.labels,children:ee.t(e,void 0,F,void 0,void 0,L,R)})})})]},t)),(0,O.jsx)(p.t,{children:t.map((e,r)=>(0,O.jsxs)(f.t.g,{variants:{initial:{opacity:U?e.label===U.label?1:P:y?e.color&&i[l.indexOf(e.color)]===y?1:P:M?e.label?M.indexOf(e.label)===-1?.3:1:.3:1},whileInView:{opacity:U?e.label===U.label?1:P:y?e.color&&i[l.indexOf(e.color)]===y?1:P:M?e.label?M.indexOf(e.label)===-1?P:1:P:1,transition:{duration:N.duration}}},initial:`initial`,animate:B?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:N.duration}},onMouseEnter:t=>{W(e),Y(t.clientY),J(t.clientX),s?.(e)},onMouseMove:t=>{W(e),Y(t.clientY),J(t.clientX)},onMouseLeave:()=>{W(void 0),J(void 0),Y(void 0),s?.(void 0)},onClick:()=>{(c||d)&&((0,D.default)(G,e)&&le?(K(void 0),c?.(void 0)):(K(e),c?.(e)))},children:[(0,O.jsx)(f.t.path,{d:$(e.values)||``,variants:{initial:{d:$(e.values.map(e=>0))||``,stroke:t.filter(e=>e.color).length===0?i[0]:e.color?i[l.indexOf(e.color)]:n.Colors.gray,fill:j?t.filter(e=>e.color).length===0?i[0]:e.color?i[l.indexOf(e.color)]:n.Colors.gray:`none`,strokeWidth:x},whileInView:{d:$(e.values)||``,transition:{duration:N.duration},stroke:t.filter(e=>e.color).length===0?i[0]:e.color?i[l.indexOf(e.color)]:n.Colors.gray,fill:j?t.filter(e=>e.color).length===0?i[0]:e.color?i[l.indexOf(e.color)]:n.Colors.gray:`none`,strokeWidth:x}},initial:`initial`,animate:B?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:N.duration}},style:{fillOpacity:.1}}),(0,O.jsx)(`g`,{children:e.values.map((o,s)=>(0,O.jsx)(`g`,{children:a.t(o)?null:(0,O.jsxs)(O.Fragment,{children:[C?(0,O.jsx)(f.t.circle,{r:4,variants:{initial:{cx:0,cy:0,opacity:0,fill:t.filter(e=>e.color).length===0?i[0]:e.color?i[l.indexOf(e.color)]:n.Colors.gray},whileInView:{cx:Math.cos(X(s)-Math.PI/2)*Q(o),cy:Math.sin(X(s)-Math.PI/2)*Q(o),opacity:1,transition:{duration:N.duration},fill:t.filter(e=>e.color).length===0?i[0]:e.color?i[l.indexOf(e.color)]:n.Colors.gray}},initial:`initial`,animate:B?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:N.duration}}}):null,S?(0,O.jsx)(f.t.text,{style:{...h?.graphObjectValues||{}},dy:Math.sin(X(s)-Math.PI/2)<0?10:(Math.sin(X(s)-Math.PI/2),0),className:(0,g.cn)(`graph-value text-xs font-bold`,v?.graphObjectValues),variants:{initial:{opacity:0,x:Math.cos(X(s)-Math.PI/2)*(Q(o)+6),y:Math.sin(X(s)-Math.PI/2)*(Q(o)+6),fill:i[r],textAnchor:Math.cos(X(s)-Math.PI/2)<0?`end`:Math.cos(X(s)-Math.PI/2)<1e-5?`middle`:`start`},whileInView:{opacity:1,x:Math.cos(X(s)-Math.PI/2)*(Q(o)+6),y:Math.sin(X(s)-Math.PI/2)*(Q(o)+6),fill:i[r],textAnchor:Math.cos(X(s)-Math.PI/2)<0?`end`:Math.cos(X(s)-Math.PI/2)<1e-5?`middle`:`start`,transition:{duration:N.duration}}},initial:`initial`,animate:B?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:N.duration}},children:ee.t(o,void 0,F,void 0,void 0,L,R)}):null]})},s))})]},e.label||r))})]}),I.filter(e=>e.position===`after`).map(e=>e.layer)]})}),U&&o&&q&&de?(0,O.jsx)(ne.t,{data:U,body:o,xPos:q,yPos:de,backgroundStyle:h?.tooltip,className:v?.tooltip}):null,d&&G!==void 0?(0,O.jsx)(te.t,{body:d,data:G,setData:K,className:v?.modal}):null]})}function se(e){let{graphTitle:t,colors:a,sources:u,graphDescription:d,footNote:f,radius:p,data:m,showColorScale:ee=!0,padding:te,backgroundColor:ne=!1,tooltip:h,onSeriesMouseOver:g,graphID:v,onSeriesMouseClick:y,topMargin:b=75,bottomMargin:x=75,leftMargin:re=75,rightMargin:S=75,graphDownload:C=!1,dataDownload:w=!1,colorDomain:T,language:ie=`en`,theme:E=`light`,highlightedLines:ae,width:D,height:se,minHeight:ce=0,strokeWidth:k=2,relativeHeight:A,ariaLabel:le,colorLegendTitle:j,detailsOnClick:M,styles:N,classNames:P,showNAColor:F=!0,axisLabels:I,showDots:L=!0,showValues:R=!1,curveType:z=`curve`,noOfTicks:B=5,minValue:ue,maxValue:V,fillShape:H=!1,resetSelectionOnDoubleClick:U=!0,animate:W=!1,dimmedOpacity:G=.3,customLayers:K=[],numberDisplayOptions:q}=e,[J,de]=(0,_.useState)(0),[Y,X]=(0,_.useState)(void 0),Z=(0,_.useRef)(null),fe=(0,_.useRef)(null);return(0,_.useEffect)(()=>{let e=new ResizeObserver(e=>{de((Math.min(e[0].target.clientWidth||620,e[0].target.clientHeight||480,p||1/0)||420)/2)});return Z.current&&e.observe(Z.current),()=>e.disconnect()},[p]),(0,O.jsxs)(s.n,{className:P?.graphContainer,style:N?.graphContainer,id:v,ref:fe,"aria-label":le,backgroundColor:ne,theme:E,language:ie,minHeight:ce,width:D,height:se,relativeHeight:A,padding:te,children:[t||d||C||w?(0,O.jsx)(i.GraphHeader,{styles:{title:N?.title,description:N?.description},classNames:{title:P?.title,description:P?.description},graphTitle:t,graphDescription:d,width:D,graphDownload:C?fe:void 0,dataDownload:w?m.map(e=>e.data).filter(e=>e!==void 0).length>0?m.map(e=>e.data).filter(e=>e!==void 0):m.filter(e=>e!==void 0):null}):null,ee&&m.filter(e=>e.color).length!==0&&m.length>0?(0,O.jsx)(c.ColorLegendWithMouseOver,{width:D,colorLegendTitle:j,colors:a||n.Colors[E].categoricalColors.colors,colorDomain:T||o.t(m,`color`,!0),setSelectedColor:X,showNAColor:F,className:P?.colorLegend,isCenter:!0}):null,(0,O.jsxs)(s.t,{ref:Z,children:[m.length===0&&(0,O.jsx)(l.t,{}),J&&m.length>0?(0,O.jsx)(oe,{data:m,lineColors:m.filter(e=>e.color).length===0?a?[a]:[n.Colors.primaryColors[`blue-600`]]:a||n.Colors[E].categoricalColors.colors,radius:J,tooltip:h,colorDomain:T||o.t(m,`color`,!0),onSeriesMouseOver:g,onSeriesMouseClick:y,styles:N,detailsOnClick:M,selectedColor:Y,axisLabels:I,strokeWidth:k,showValues:R,showDots:L,topMargin:b,bottomMargin:x,leftMargin:re,rightMargin:S,curveType:z,noOfTicks:B,minValue:ue,maxValue:V,fillShape:H,highlightedLines:ae,resetSelectionOnDoubleClick:U,animate:W===!0?{duration:.5,once:!0,amount:.5}:W||{duration:0,once:!0,amount:0},dimmedOpacity:G,precision:q?.precision??2,customLayers:K,locale:q?.locale||`en`,padZeros:q?.padZeros||!1}):null]}),u||f?(0,O.jsx)(r.GraphFooter,{styles:{footnote:N?.footnote,source:N?.source},classNames:{footnote:P?.footnote,source:P?.source},sources:u,footNote:f,width:D}):null]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return se}});
+//# sourceMappingURL=RadarChart-5VC51Iv8.cjs.map

package/dist/RadarChart-5VC51Iv8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadarChart-5VC51Iv8.cjs","names":["curveLinear","line","noop","noop"],"sources":["../node_modules/d3-shape/src/curve/radial.js","../node_modules/d3-shape/src/lineRadial.js","../node_modules/d3-shape/src/noop.js","../node_modules/d3-shape/src/curve/cardinal.js","../node_modules/d3-shape/src/curve/cardinalClosed.js","../node_modules/d3-shape/src/curve/linearClosed.js","../src/Components/Graphs/RadarChart/Graph.tsx","../src/Components/Graphs/RadarChart/index.tsx"],"sourcesContent":["import curveLinear from \"./linear.js\";\n\nexport var curveRadialLinear = curveRadial(curveLinear);\n\nfunction Radial(curve) {\n  this._curve = curve;\n}\n\nRadial.prototype = {\n  areaStart: function() {\n    this._curve.areaStart();\n  },\n  areaEnd: function() {\n    this._curve.areaEnd();\n  },\n  lineStart: function() {\n    this._curve.lineStart();\n  },\n  lineEnd: function() {\n    this._curve.lineEnd();\n  },\n  point: function(a, r) {\n    this._curve.point(r * Math.sin(a), r * -Math.cos(a));\n  }\n};\n\nexport default function curveRadial(curve) {\n\n  function radial(context) {\n    return new Radial(curve(context));\n  }\n\n  radial._curve = curve;\n\n  return radial;\n}\n","import curveRadial, {curveRadialLinear} from \"./curve/radial.js\";\nimport line from \"./line.js\";\n\nexport function lineRadial(l) {\n  var c = l.curve;\n\n  l.angle = l.x, delete l.x;\n  l.radius = l.y, delete l.y;\n\n  l.curve = function(_) {\n    return arguments.length ? c(curveRadial(_)) : c()._curve;\n  };\n\n  return l;\n}\n\nexport default function() {\n  return lineRadial(line().curve(curveRadialLinear));\n}\n","export default function() {}\n","export function point(that, x, y) {\n  that._context.bezierCurveTo(\n    that._x1 + that._k * (that._x2 - that._x0),\n    that._y1 + that._k * (that._y2 - that._y0),\n    that._x2 + that._k * (that._x1 - x),\n    that._y2 + that._k * (that._y1 - y),\n    that._x2,\n    that._y2\n  );\n}\n\nexport function Cardinal(context, tension) {\n  this._context = context;\n  this._k = (1 - tension) / 6;\n}\n\nCardinal.prototype = {\n  areaStart: function() {\n    this._line = 0;\n  },\n  areaEnd: function() {\n    this._line = NaN;\n  },\n  lineStart: function() {\n    this._x0 = this._x1 = this._x2 =\n    this._y0 = this._y1 = this._y2 = NaN;\n    this._point = 0;\n  },\n  lineEnd: function() {\n    switch (this._point) {\n      case 2: this._context.lineTo(this._x2, this._y2); break;\n      case 3: point(this, this._x1, this._y1); break;\n    }\n    if (this._line || (this._line !== 0 && this._point === 1)) this._context.closePath();\n    this._line = 1 - this._line;\n  },\n  point: function(x, y) {\n    x = +x, y = +y;\n    switch (this._point) {\n      case 0: this._point = 1; this._line ? this._context.lineTo(x, y) : this._context.moveTo(x, y); break;\n      case 1: this._point = 2; this._x1 = x, this._y1 = y; break;\n      case 2: this._point = 3; // falls through\n      default: point(this, x, y); break;\n    }\n    this._x0 = this._x1, this._x1 = this._x2, this._x2 = x;\n    this._y0 = this._y1, this._y1 = this._y2, this._y2 = y;\n  }\n};\n\nexport default (function custom(tension) {\n\n  function cardinal(context) {\n    return new Cardinal(context, tension);\n  }\n\n  cardinal.tension = function(tension) {\n    return custom(+tension);\n  };\n\n  return cardinal;\n})(0);\n","import noop from \"../noop.js\";\nimport {point} from \"./cardinal.js\";\n\nexport function CardinalClosed(context, tension) {\n  this._context = context;\n  this._k = (1 - tension) / 6;\n}\n\nCardinalClosed.prototype = {\n  areaStart: noop,\n  areaEnd: noop,\n  lineStart: function() {\n    this._x0 = this._x1 = this._x2 = this._x3 = this._x4 = this._x5 =\n    this._y0 = this._y1 = this._y2 = this._y3 = this._y4 = this._y5 = NaN;\n    this._point = 0;\n  },\n  lineEnd: function() {\n    switch (this._point) {\n      case 1: {\n        this._context.moveTo(this._x3, this._y3);\n        this._context.closePath();\n        break;\n      }\n      case 2: {\n        this._context.lineTo(this._x3, this._y3);\n        this._context.closePath();\n        break;\n      }\n      case 3: {\n        this.point(this._x3, this._y3);\n        this.point(this._x4, this._y4);\n        this.point(this._x5, this._y5);\n        break;\n      }\n    }\n  },\n  point: function(x, y) {\n    x = +x, y = +y;\n    switch (this._point) {\n      case 0: this._point = 1; this._x3 = x, this._y3 = y; break;\n      case 1: this._point = 2; this._context.moveTo(this._x4 = x, this._y4 = y); break;\n      case 2: this._point = 3; this._x5 = x, this._y5 = y; break;\n      default: point(this, x, y); break;\n    }\n    this._x0 = this._x1, this._x1 = this._x2, this._x2 = x;\n    this._y0 = this._y1, this._y1 = this._y2, this._y2 = y;\n  }\n};\n\nexport default (function custom(tension) {\n\n  function cardinal(context) {\n    return new CardinalClosed(context, tension);\n  }\n\n  cardinal.tension = function(tension) {\n    return custom(+tension);\n  };\n\n  return cardinal;\n})(0);\n","import noop from \"../noop.js\";\n\nfunction LinearClosed(context) {\n  this._context = context;\n}\n\nLinearClosed.prototype = {\n  areaStart: noop,\n  areaEnd: noop,\n  lineStart: function() {\n    this._point = 0;\n  },\n  lineEnd: function() {\n    if (this._point) this._context.closePath();\n  },\n  point: function(x, y) {\n    x = +x, y = +y;\n    if (this._point) this._context.lineTo(x, y);\n    else this._point = 1, this._context.moveTo(x, y);\n  }\n};\n\nexport default function(context) {\n  return new LinearClosed(context);\n}\n","import { cn } from '@undp/design-system-react/cn';\nimport { scaleLinear } from 'd3-scale';\nimport { curveCardinalClosed, curveLinearClosed, lineRadial } from 'd3-shape';\nimport isEqual from 'fast-deep-equal';\nimport { AnimatePresence, motion, useInView } from 'motion/react';\nimport { useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport type {\n  AnimateDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  RadarChartDataType,\n  StyleObject,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  radius: number;\n  lineColors: string[];\n  axisLabels: (string | number)[];\n  data: RadarChartDataType[];\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  selectedColor?: string;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  colorDomain: string[];\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  strokeWidth: number;\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  showValues: boolean;\n  showDots: boolean;\n  topMargin: number;\n  bottomMargin: number;\n  leftMargin: number;\n  rightMargin: number;\n  curveType: 'linear' | 'curve';\n  noOfTicks: number;\n  maxValue?: number;\n  minValue?: number;\n  fillShape: boolean;\n  resetSelectionOnDoubleClick: boolean;\n  highlightedLines?: (string | number)[];\n  animate: AnimateDataType;\n  dimmedOpacity: number;\n  precision: number;\n  customLayers: CustomLayerDataType[];\n  locale: string;\n  padZeros: boolean;\n}\n\nexport function Graph(props: Props) {\n  const {\n    data,\n    radius,\n    lineColors,\n    tooltip,\n    onSeriesMouseOver,\n    onSeriesMouseClick,\n    colorDomain,\n    detailsOnClick,\n    styles,\n    classNames,\n    selectedColor,\n    axisLabels,\n    strokeWidth,\n    showValues,\n    showDots,\n    rightMargin,\n    topMargin,\n    bottomMargin,\n    leftMargin,\n    curveType,\n    noOfTicks,\n    minValue,\n    maxValue,\n    resetSelectionOnDoubleClick,\n    fillShape,\n    highlightedLines,\n    animate,\n    dimmedOpacity,\n    precision,\n    customLayers,\n    locale,\n    padZeros,\n  } = props;\n  const svgRef = useRef(null);\n  const isInView = useInView(svgRef, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  const curve = curveType === 'linear' ? curveLinearClosed : curveCardinalClosed;\n  const margin = {\n    top: topMargin,\n    bottom: bottomMargin,\n    left: leftMargin,\n    right: rightMargin,\n  };\n  const radiusWithoutMargin = Math.min(\n    (2 * radius - leftMargin - rightMargin) / 2,\n    (2 * radius - topMargin - bottomMargin) / 2,\n  );\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const angleScale = scaleLinear()\n    .domain([0, data[0].values.length])\n    .range([0, 2 * Math.PI]);\n\n  const maxVal = !checkIfNullOrUndefined(maxValue)\n    ? (maxValue as number)\n    : Math.max(\n          ...data.map((d) =>\n            Math.max(...(d.values.filter((l) => !checkIfNullOrUndefined(l)) as number[])),\n          ),\n        ) < 0\n      ? 0\n      : Math.max(\n          ...data.map((d) =>\n            Math.max(...(d.values.filter((l) => !checkIfNullOrUndefined(l)) as number[])),\n          ),\n        );\n\n  const minVal = !checkIfNullOrUndefined(minValue)\n    ? (minValue as number)\n    : Math.min(\n          ...data.map((d) =>\n            Math.min(...(d.values.filter((l) => !checkIfNullOrUndefined(l)) as number[])),\n          ),\n        ) >= 0\n      ? 0\n      : Math.min(\n          ...data.map((d) =>\n            Math.min(...(d.values.filter((l) => !checkIfNullOrUndefined(l)) as number[])),\n          ),\n        );\n  const scale = scaleLinear().domain([minVal, maxVal]).range([0, radiusWithoutMargin]).nice();\n  const ticksArray = scale.ticks(noOfTicks);\n  const lineShape = lineRadial<number>()\n    .radius((d) => scale(d))\n    .angle((_, i) => angleScale(i))\n    .curve(curve);\n  return (\n    <>\n      <motion.svg\n        width={`${radius * 2}px`}\n        height={`${radius * 2}px`}\n        viewBox={`0 0 ${radius * 2} ${radius * 2}`}\n        direction='ltr'\n        ref={svgRef}\n        className='mx-auto'\n      >\n        <g transform={`translate(${margin.left},${margin.top})`}>\n          {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n          <g transform={`translate(${radiusWithoutMargin},${radiusWithoutMargin})`}>\n            {axisLabels.map((d, i) => (\n              // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n              <g key={i}>\n                <line\n                  x1={0}\n                  y1={0}\n                  x2={Math.cos(angleScale(i) - Math.PI / 2) * radiusWithoutMargin}\n                  y2={Math.sin(angleScale(i) - Math.PI / 2) * radiusWithoutMargin}\n                  className={cn(\n                    'stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550',\n                    classNames?.xAxis?.axis,\n                  )}\n                  style={styles?.xAxis?.axis}\n                />\n                <text\n                  x={Math.cos(angleScale(i) - Math.PI / 2) * (radiusWithoutMargin + 6)}\n                  y={Math.sin(angleScale(i) - Math.PI / 2) * (radiusWithoutMargin + 6)}\n                  style={{\n                    textAnchor:\n                      Math.cos(angleScale(i) - Math.PI / 2) < 0\n                        ? 'end'\n                        : Math.cos(angleScale(i) - Math.PI / 2) < 0.00001\n                          ? 'middle'\n                          : 'start',\n                    ...(styles?.xAxis?.labels || ''),\n                  }}\n                  dy={\n                    Math.sin(angleScale(i) - Math.PI / 2) < 0\n                      ? 0\n                      : Math.sin(angleScale(i) - Math.PI / 2) < 0.00001\n                        ? 5\n                        : 10\n                  }\n                  className={cn(\n                    'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs',\n                    classNames?.xAxis?.labels,\n                  )}\n                >\n                  {d}\n                </text>\n              </g>\n            ))}\n            {ticksArray.map((d, i) => (\n              // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n              <g key={i}>\n                <path\n                  d={lineShape(Array(axisLabels.length).fill(d)) || ''}\n                  className={cn(\n                    'stroke-primary-gray-500 dark:stroke-primary-gray-550',\n                    classNames?.xAxis?.gridLines,\n                  )}\n                  style={{\n                    ...styles?.xAxis?.gridLines,\n                    fill: 'none',\n                  }}\n                />\n                <foreignObject\n                  x={-25}\n                  y={\n                    Math.sin(-Math.PI / 2) * scale(d) > -0.0001\n                      ? Math.sin(-Math.PI / 2) * scale(d) - 7\n                      : Math.sin(-Math.PI / 2) * scale(d) - 5\n                  }\n                  width={50}\n                  height={12}\n                >\n                  <div className='flex justify-center'>\n                    <p\n                      className={cn(\n                        'fill-primary-gray-500 dark:fill-primary-gray-550 text-xs m-0 py-0 px-1.5 text-center leading-none bg-primary-white dark:bg-primary-gray-700',\n                        classNames?.xAxis?.labels,\n                      )}\n                      style={styles?.xAxis?.labels}\n                    >\n                      {numberFormattingFunction(\n                        d,\n                        undefined,\n                        precision,\n                        undefined,\n                        undefined,\n                        locale,\n                        padZeros,\n                      )}\n                    </p>\n                  </div>\n                </foreignObject>\n              </g>\n            ))}\n            <AnimatePresence>\n              {data.map((d, i) => (\n                <motion.g\n                  key={d.label || i}\n                  variants={{\n                    initial: {\n                      opacity: mouseOverData\n                        ? d.label === mouseOverData.label\n                          ? 1\n                          : dimmedOpacity\n                        : selectedColor\n                          ? d.color\n                            ? lineColors[colorDomain.indexOf(d.color)] === selectedColor\n                              ? 1\n                              : dimmedOpacity\n                            : dimmedOpacity\n                          : highlightedLines\n                            ? d.label\n                              ? highlightedLines.indexOf(d.label) !== -1\n                                ? 1\n                                : 0.3\n                              : 0.3\n                            : 1,\n                    },\n                    whileInView: {\n                      opacity: mouseOverData\n                        ? d.label === mouseOverData.label\n                          ? 1\n                          : dimmedOpacity\n                        : selectedColor\n                          ? d.color\n                            ? lineColors[colorDomain.indexOf(d.color)] === selectedColor\n                              ? 1\n                              : dimmedOpacity\n                            : dimmedOpacity\n                          : highlightedLines\n                            ? d.label\n                              ? highlightedLines.indexOf(d.label) !== -1\n                                ? 1\n                                : dimmedOpacity\n                              : dimmedOpacity\n                            : 1,\n                      transition: { duration: animate.duration },\n                    },\n                  }}\n                  initial='initial'\n                  animate={isInView ? 'whileInView' : 'initial'}\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                  onMouseEnter={(event) => {\n                    setMouseOverData(d);\n                    setEventY(event.clientY);\n                    setEventX(event.clientX);\n                    onSeriesMouseOver?.(d);\n                  }}\n                  onMouseMove={(event) => {\n                    setMouseOverData(d);\n                    setEventY(event.clientY);\n                    setEventX(event.clientX);\n                  }}\n                  onMouseLeave={() => {\n                    setMouseOverData(undefined);\n                    setEventX(undefined);\n                    setEventY(undefined);\n                    onSeriesMouseOver?.(undefined);\n                  }}\n                  onClick={() => {\n                    if (onSeriesMouseClick || detailsOnClick) {\n                      if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\n                        setMouseClickData(undefined);\n                        onSeriesMouseClick?.(undefined);\n                      } else {\n                        setMouseClickData(d);\n                        onSeriesMouseClick?.(d);\n                      }\n                    }\n                  }}\n                >\n                  <motion.path\n                    d={lineShape(d.values) || ''}\n                    variants={{\n                      initial: {\n                        d: lineShape(d.values.map((_el) => 0)) || '',\n                        stroke:\n                          data.filter((el) => el.color).length === 0\n                            ? lineColors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : lineColors[colorDomain.indexOf(d.color)],\n                        fill: fillShape\n                          ? data.filter((el) => el.color).length === 0\n                            ? lineColors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : lineColors[colorDomain.indexOf(d.color)]\n                          : 'none',\n                        strokeWidth,\n                      },\n                      whileInView: {\n                        d: lineShape(d.values) || '',\n                        transition: { duration: animate.duration },\n                        stroke:\n                          data.filter((el) => el.color).length === 0\n                            ? lineColors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : lineColors[colorDomain.indexOf(d.color)],\n                        fill: fillShape\n                          ? data.filter((el) => el.color).length === 0\n                            ? lineColors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : lineColors[colorDomain.indexOf(d.color)]\n                          : 'none',\n                        strokeWidth,\n                      },\n                    }}\n                    initial='initial'\n                    animate={isInView ? 'whileInView' : 'initial'}\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                    style={{\n                      fillOpacity: 0.1,\n                    }}\n                  />\n                  <g>\n                    {d.values.map((el, j) => (\n                      // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                      <g key={j}>\n                        {!checkIfNullOrUndefined(el) ? (\n                          <>\n                            {showDots ? (\n                              <motion.circle\n                                r={4}\n                                variants={{\n                                  initial: {\n                                    cx: 0,\n                                    cy: 0,\n                                    opacity: 0,\n                                    fill:\n                                      data.filter((el) => el.color).length === 0\n                                        ? lineColors[0]\n                                        : !d.color\n                                          ? Colors.gray\n                                          : lineColors[colorDomain.indexOf(d.color)],\n                                  },\n                                  whileInView: {\n                                    cx: Math.cos(angleScale(j) - Math.PI / 2) * scale(el),\n                                    cy: Math.sin(angleScale(j) - Math.PI / 2) * scale(el),\n                                    opacity: 1,\n                                    transition: { duration: animate.duration },\n                                    fill:\n                                      data.filter((el) => el.color).length === 0\n                                        ? lineColors[0]\n                                        : !d.color\n                                          ? Colors.gray\n                                          : lineColors[colorDomain.indexOf(d.color)],\n                                  },\n                                }}\n                                initial='initial'\n                                animate={isInView ? 'whileInView' : 'initial'}\n                                exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                              />\n                            ) : null}\n                            {showValues ? (\n                              <motion.text\n                                style={{\n                                  ...(styles?.graphObjectValues || {}),\n                                }}\n                                dy={\n                                  Math.sin(angleScale(j) - Math.PI / 2) < 0\n                                    ? 10\n                                    : Math.sin(angleScale(j) - Math.PI / 2) < 0.00001\n                                      ? 0\n                                      : 0\n                                }\n                                className={cn(\n                                  'graph-value text-xs font-bold',\n                                  classNames?.graphObjectValues,\n                                )}\n                                variants={{\n                                  initial: {\n                                    opacity: 0,\n                                    x: Math.cos(angleScale(j) - Math.PI / 2) * (scale(el) + 6),\n                                    y: Math.sin(angleScale(j) - Math.PI / 2) * (scale(el) + 6),\n                                    fill: lineColors[i],\n                                    textAnchor:\n                                      Math.cos(angleScale(j) - Math.PI / 2) < 0\n                                        ? 'end'\n                                        : Math.cos(angleScale(j) - Math.PI / 2) < 0.00001\n                                          ? 'middle'\n                                          : 'start',\n                                  },\n                                  whileInView: {\n                                    opacity: 1,\n                                    x: Math.cos(angleScale(j) - Math.PI / 2) * (scale(el) + 6),\n                                    y: Math.sin(angleScale(j) - Math.PI / 2) * (scale(el) + 6),\n                                    fill: lineColors[i],\n                                    textAnchor:\n                                      Math.cos(angleScale(j) - Math.PI / 2) < 0\n                                        ? 'end'\n                                        : Math.cos(angleScale(j) - Math.PI / 2) < 0.00001\n                                          ? 'middle'\n                                          : 'start',\n                                    transition: { duration: animate.duration },\n                                  },\n                                }}\n                                initial='initial'\n                                animate={isInView ? 'whileInView' : 'initial'}\n                                exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                              >\n                                {numberFormattingFunction(\n                                  el,\n                                  undefined,\n                                  precision,\n                                  undefined,\n                                  undefined,\n                                  locale,\n                                  padZeros,\n                                )}\n                              </motion.text>\n                            ) : null}\n                          </>\n                        ) : null}\n                      </g>\n                    ))}\n                  </g>\n                </motion.g>\n              ))}\n            </AnimatePresence>\n          </g>\n          {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n        </g>\n      </motion.svg>\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\n        />\n      ) : null}\n    </>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\nimport { EmptyState } from '@/Components/Elements/EmptyState';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  AnimateDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  Languages,\n  NumberFormatOptions,\n  RadarChartDataType,\n  SourcesDataType,\n  StyleObject,\n} from '@/Types';\nimport { uniqBy } from '@/Utils/uniqBy';\nimport { Graph } from './Graph';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: RadarChartDataType[];\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Color or array of colors for each line */\n  colors?: string | string[];\n  /** Domain of colors for the graph */\n  colorDomain?: string[];\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Radius of the radar chart */\n  radius?: number;\n  /** Left margin of the graph */\n  leftMargin?: number;\n  /** Right margin of the graph */\n  rightMargin?: number;\n  /** Top margin of the graph */\n  topMargin?: number;\n  /** Bottom margin of the graph */\n  bottomMargin?: number;\n\n  // Values and Ticks\n  /** Maximum value for the chart */\n  maxValue?: number;\n  /** Minimum value for the chart */\n  minValue?: number;\n\n  // Graph Parameters\n  /** Toggle visibility of values */\n  showValues?: boolean;\n  /** Toggle visibility of dots on the line */\n  showDots?: boolean;\n  /** Stroke width of the line */\n  strokeWidth?: number;\n  /** Toggle is the shape is filled or not */\n  fillShape?: boolean;\n  /** No. of ticks on the x-axis  */\n  noOfTicks?: number;\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\n  showColorScale?: boolean;\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\n  showNAColor?: boolean;\n  /** Data points to highlight. Use the label value from data to highlight the data point */\n  highlightedLines?: (string | number)[];\n  /** Defines the opacity of the non-highlighted data */\n  dimmedOpacity?: number;\n  /** Toggles if the graph animates in when loaded.  */\n  animate?: boolean | AnimateDataType;\n  /** Labels for the axes  */\n  axisLabels: (string | number)[];\n  /** Curve type for the line */\n  curveType?: 'linear' | 'curve';\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\n  resetSelectionOnDoubleClick?: boolean;\n  /** Configuration options for controlling number formatting, localization, precision, and zero padding. */\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\n  customLayers?: CustomLayerDataType[];\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n\n  // Interactions and Callbacks\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  /** Callback for mouse click event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function RadarChart(props: Props) {\n  const {\n    graphTitle,\n    colors,\n    sources,\n    graphDescription,\n    footNote,\n    radius,\n    data,\n    showColorScale = true,\n    padding,\n    backgroundColor = false,\n    tooltip,\n    onSeriesMouseOver,\n    graphID,\n    onSeriesMouseClick,\n    topMargin = 75,\n    bottomMargin = 75,\n    leftMargin = 75,\n    rightMargin = 75,\n    graphDownload = false,\n    dataDownload = false,\n    colorDomain,\n    language = 'en',\n    theme = 'light',\n    highlightedLines,\n    width,\n    height,\n    minHeight = 0,\n    strokeWidth = 2,\n    relativeHeight,\n    ariaLabel,\n    colorLegendTitle,\n    detailsOnClick,\n    styles,\n    classNames,\n    showNAColor = true,\n    axisLabels,\n    showDots = true,\n    showValues = false,\n    curveType = 'curve',\n    noOfTicks = 5,\n    minValue,\n    maxValue,\n    fillShape = false,\n    resetSelectionOnDoubleClick = true,\n    animate = false,\n    dimmedOpacity = 0.3,\n    customLayers = [],\n    numberDisplayOptions,\n  } = props;\n\n  const [graphRadius, setGraphRadius] = useState(0);\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\n\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setGraphRadius(\n        (Math.min(\n          ...[\n            entries[0].target.clientWidth || 620,\n            entries[0].target.clientHeight || 480,\n            radius || Infinity,\n          ],\n        ) || 420) / 2,\n      );\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, [radius]);\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n          graphDownload={graphDownload ? graphParentDiv : undefined}\n          dataDownload={\n            dataDownload\n              ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                ? data.map((d) => d.data).filter((d) => d !== undefined)\n                : data.filter((d) => d !== undefined)\n              : null\n          }\n        />\n      ) : null}\n      {showColorScale && data.filter((el) => el.color).length !== 0 && data.length > 0 ? (\n        <ColorLegendWithMouseOver\n          width={width}\n          colorLegendTitle={colorLegendTitle}\n          colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\n          colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\n          setSelectedColor={setSelectedColor}\n          showNAColor={showNAColor}\n          className={classNames?.colorLegend}\n          isCenter\n        />\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {data.length === 0 && <EmptyState />}\n        {graphRadius && data.length > 0 ? (\n          <Graph\n            data={data}\n            lineColors={\n              data.filter((el) => el.color).length === 0\n                ? colors\n                  ? [colors as string]\n                  : [Colors.primaryColors['blue-600']]\n                : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\n            }\n            radius={graphRadius}\n            tooltip={tooltip}\n            colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\n            onSeriesMouseOver={onSeriesMouseOver}\n            onSeriesMouseClick={onSeriesMouseClick}\n            styles={styles}\n            detailsOnClick={detailsOnClick}\n            selectedColor={selectedColor}\n            axisLabels={axisLabels}\n            strokeWidth={strokeWidth}\n            showValues={showValues}\n            showDots={showDots}\n            topMargin={topMargin}\n            bottomMargin={bottomMargin}\n            leftMargin={leftMargin}\n            rightMargin={rightMargin}\n            curveType={curveType}\n            noOfTicks={noOfTicks}\n            minValue={minValue}\n            maxValue={maxValue}\n            fillShape={fillShape}\n            highlightedLines={highlightedLines}\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n            animate={\n              animate === true\n                ? { duration: 0.5, once: true, amount: 0.5 }\n                : animate || { duration: 0, once: true, amount: 0 }\n            }\n            dimmedOpacity={dimmedOpacity}\n            precision={numberDisplayOptions?.precision ?? 2}\n            customLayers={customLayers}\n            locale={numberDisplayOptions?.locale || 'en'}\n            padZeros={numberDisplayOptions?.padZeros || false}\n          />\n        ) : null}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"x_google_ignoreList":[0,1,2,3,4,5],"mappings":"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"}