@undp/data-viz 1.5.8 → 2.0.0

package/dist/PerformanceIntensiveScrollStory.js

@@ -1,122 +1,101 @@
-import { j as i } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { useState as y, useRef as S } from "react";
-import { SingleGraphDashboard as x } from "./SingleGraphDashboard.js";
-import { SingleGraphDashboardThreeDGraphs as j } from "./SingleGraphDashboardThreeDGraphs.js";
-import { SingleGraphDashboardGeoHubMaps as v } from "./SingleGraphDashboardGeoHubMaps.js";
-import { m as D } from "./proxy-CkpFesk1.js";
-import { u as b } from "./use-in-view-yS6jzJAp.js";
-function B(n) {
-  const {
-    chapters: h,
-    visibilityThreshold: g = 0.5,
-    mode: r = "overlay",
-    infoWidth: o = "320px",
-    infoPosition: s = "left",
-    infoBackgroundColor: c = "rgba(255,255,255,0.8)"
-  } = n, [t, p] = y(0), u = ["threeDGlobe"], d = ["geoHubCompareMap", "geoHubMap", "geoHubMapWithLayerSelection"], a = [];
-  return h.forEach((e, l) => {
-    e.sections.forEach((f, m) => {
-      a.push({
-        chapter: l,
-        dataSettings: e.dataSettings,
-        section: m,
-        graphType: e.graphType,
-        infoBox: f.infoBox,
-        graphSettings: { ...e.graphSettings, ...f.graphSettings || {}, animate: !0 },
-        graphDataConfiguration: f.graphDataConfiguration || e.graphDataConfiguration || []
+import { c as k, j as c } from "./index-CHPV5EwG-Curnpaqc.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-BxkFHwUw.js";
+import { u as L } from "./use-in-view-Cxa7y1TH.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] === Symbol.for("react.memo_cache_sentinel") ? (o = ["threeDGlobe"], t[0] = o) : o = t[0];
+  const h = o;
+  let s;
+  t[1] === 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 || []
       });
     });
-  }), /* @__PURE__ */ i.jsxs("div", { className: "relative w-full h-full", children: [
-    /* @__PURE__ */ i.jsx(
-      D.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 : o,
-          width: r === "overlay" ? "100%" : `calc(100% - ${o})`
-        },
-        children: u.includes(a[t].graphType) ? /* @__PURE__ */ i.jsx(
-          j,
-          {
-            graphType: a[t].graphType,
-            dataSettings: a[t].dataSettings,
-            graphSettings: a[t].graphSettings,
-            graphDataConfiguration: a[t].graphDataConfiguration
-          }
-        ) : d.includes(a[t].graphType) ? /* @__PURE__ */ i.jsx(
-          v,
-          {
-            graphType: a[t].graphType,
-            graphSettings: a[t].graphSettings
-          }
-        ) : /* @__PURE__ */ i.jsx(
-          x,
-          {
-            graphType: a[t].graphType,
-            dataSettings: a[t].dataSettings,
-            graphSettings: a[t].graphSettings,
-            graphDataConfiguration: a[t].graphDataConfiguration
-          }
-        )
-      },
-      a[t].chapter
-    ),
-    /* @__PURE__ */ i.jsx("div", { children: a.map((e, l) => /* @__PURE__ */ i.jsx(
-      T,
-      {
-        width: o,
-        index: l,
-        infoBox: e.infoBox,
-        setActiveIndex: p,
-        position: s,
-        mode: r,
-        visibilityThreshold: g,
-        backgroundColor: c
-      },
-      `${e.chapter}-${e.section}`
-    )) })
-  ] });
+  }), t[2] = a, t[3] = e) : e = t[3];
+  const I = e[i];
+  let D, C, w;
+  t[4] === 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;
 }
-function T({
-  infoBox: n,
-  index: h,
-  setActiveIndex: g,
-  position: r,
-  mode: o,
-  visibilityThreshold: s,
-  backgroundColor: c,
-  width: t
-}) {
-  const p = S(null);
-  return b(p, {
+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: s
-  }) && g(h), /* @__PURE__ */ i.jsx(
-    "section",
-    {
-      ref: p,
-      className: `min-h-screen flex ${r === "center" ? "justify-center" : r === "right" ? "justify-end" : "justify-start"}`,
-      children: /* @__PURE__ */ i.jsxs(
-        "div",
-        {
-          className: `p-8 ${o === "overlay" ? "h-fit mx-10 " : ""}`,
-          style: {
-            backgroundColor: c,
-            width: t
-          },
-          children: [
-            n.title,
-            n.description
-          ]
-        }
-      )
-    }
-  );
+    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;
 }
 export {
-  B as PerformanceIntensiveScrollStory
+  Y 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","chapters","visibilityThreshold","mode","infoWidth","infoPosition","infoBackgroundColor","activeIndex","setActiveIndex","useState","threeDGraphs","geoHubMaps","sectionsArr","d","i","s","j","jsxs","jsx","motion","SingleGraphDashboardThreeDGraphs","SingleGraphDashboardGeoHubMaps","SingleGraphDashboard","section","idx","ScrollySection","infoBox","index","position","backgroundColor","width","ref","useRef","useInView"],"mappings":"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"}
+{"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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"}

package/dist/RadarChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-CHPV5EwG-DDoeWRVt.cjs"),f=require("react"),wt=require("./index-DQA8q5sC.cjs"),bt=require("./Modal-tXZlLE5s.cjs"),Et=require("./Tooltip-De16GWhY.cjs"),M=require("./Colors.cjs"),xt=require("./numberFormattingFunction-02t-wJta.cjs"),kt=require("./string2HTML-z7CwHXcx.cjs"),N=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),dt=require("./linear-BVckp9RD.cjs"),mt=require("./line-DHV4JwCR.cjs"),Rt=require("./use-in-view-sQJZ_xDO.cjs"),G=require("./proxy-BHRoeZgd.cjs"),Ct=require("./index-BW8iNx7E.cjs"),It=require("./GraphFooter.cjs"),Ot=require("./GraphHeader.cjs"),St=require("./EmptyState-d8_8SxeW.cjs"),Nt=require("./ColorLegendWithMouseOver.cjs"),pt=require("./uniqBy-O05lp2S5.cjs");var Pt=gt(mt.curveLinear);function ft(t){this._curve=t}ft.prototype={areaStart:function(){this._curve.areaStart()},areaEnd:function(){this._curve.areaEnd()},lineStart:function(){this._curve.lineStart()},lineEnd:function(){this._curve.lineEnd()},point:function(t,i){this._curve.point(i*Math.sin(t),i*-Math.cos(t))}};function gt(t){function i(a){return new ft(t(a))}return i._curve=t,i}function qt(t){var i=t.curve;return t.angle=t.x,delete t.x,t.radius=t.y,delete t.y,t.curve=function(a){return arguments.length?i(gt(a)):i()._curve},t}function Tt(){return qt(mt.line().curve(Pt))}function it(){}function ht(t,i,a){t._context.bezierCurveTo(t._x1+t._k*(t._x2-t._x0),t._y1+t._k*(t._y2-t._y0),t._x2+t._k*(t._x1-i),t._y2+t._k*(t._y1-a),t._x2,t._y2)}function _t(t,i){this._context=t,this._k=(1-i)/6}_t.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:ht(this,this._x1,this._y1);break}(this._line||this._line!==0&&this._point===1)&&this._context.closePath(),this._line=1-this._line},point:function(t,i){switch(t=+t,i=+i,this._point){case 0:this._point=1,this._line?this._context.lineTo(t,i):this._context.moveTo(t,i);break;case 1:this._point=2,this._x1=t,this._y1=i;break;case 2:this._point=3;default:ht(this,t,i);break}this._x0=this._x1,this._x1=this._x2,this._x2=t,this._y0=this._y1,this._y1=this._y2,this._y2=i}};(function t(i){function a(o){return new _t(o,i)}return a.tension=function(o){return t(+o)},a})(0);function yt(t,i){this._context=t,this._k=(1-i)/6}yt.prototype={areaStart:it,areaEnd:it,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(t,i){switch(t=+t,i=+i,this._point){case 0:this._point=1,this._x3=t,this._y3=i;break;case 1:this._point=2,this._context.moveTo(this._x4=t,this._y4=i);break;case 2:this._point=3,this._x5=t,this._y5=i;break;default:ht(this,t,i);break}this._x0=this._x1,this._x1=this._x2,this._x2=t,this._y0=this._y1,this._y1=this._y2,this._y2=i}};const Vt=function t(i){function a(o){return new yt(o,i)}return a.tension=function(o){return t(+o)},a}(0);function vt(t){this._context=t}vt.prototype={areaStart:it,areaEnd:it,lineStart:function(){this._point=0},lineEnd:function(){this._point&&this._context.closePath()},point:function(t,i){t=+t,i=+i,this._point?this._context.lineTo(t,i):(this._point=1,this._context.moveTo(t,i))}};function $t(t){return new vt(t)}function Dt(t){const{data:i,radius:a,lineColors:o,tooltip:R,onSeriesMouseOver:D,onSeriesMouseClick:j,colorDomain:h,detailsOnClick:w,styles:y,classNames:p,selectedColor:P,axisLabels:U,strokeWidth:X,showValues:nt,showDots:st,rightMargin:ot,topMargin:B,bottomMargin:rt,leftMargin:L,curveType:Y,noOfTicks:z,minValue:q,maxValue:T,resetSelectionOnDoubleClick:at,fillShape:c,highlightedLines:g,animate:x,dimmedOpacity:_,precision:C,customLayers:J}=t,K=f.useRef(null),V=Rt.useInView(K,{once:x.once,amount:x.amount}),b=Y==="linear"?$t:Vt,E={top:B,left:L},v=Math.min((2*a-L-ot)/2,(2*a-B-rt)/2),[k,A]=f.useState(void 0),[I,H]=f.useState(void 0),[Q,F]=f.useState(void 0),[Z,W]=f.useState(void 0),l=dt.linear().domain([0,i[0].values.length]).range([0,2*Math.PI]),tt=N.checkIfNullOrUndefined(T)?Math.max(...i.map(e=>Math.max(...e.values.filter(s=>!N.checkIfNullOrUndefined(s)))))<0?0:Math.max(...i.map(e=>Math.max(...e.values.filter(s=>!N.checkIfNullOrUndefined(s))))):T,lt=N.checkIfNullOrUndefined(q)?Math.min(...i.map(e=>Math.min(...e.values.filter(s=>!N.checkIfNullOrUndefined(s)))))>=0?0:Math.min(...i.map(e=>Math.min(...e.values.filter(s=>!N.checkIfNullOrUndefined(s))))):q,m=dt.linear().domain([lt,tt]).range([0,v]).nice(),ct=m.ticks(z),O=Tt().radius(e=>m(e)).angle((e,s)=>l(s)).curve(b);return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(G.motion.svg,{width:`${a*2}px`,height:`${a*2}px`,viewBox:`0 0 ${a*2} ${a*2}`,direction:"ltr",ref:K,children:n.jsxRuntimeExports.jsxs("g",{transform:`translate(${E.left},${E.top})`,children:[J.filter(e=>e.position==="before").map(e=>e.layer),n.jsxRuntimeExports.jsxs("g",{transform:`translate(${v},${v})`,children:[U.map((e,s)=>n.jsxRuntimeExports.jsxs("g",{children:[n.jsxRuntimeExports.jsx("line",{x1:0,y1:0,x2:Math.cos(l(s)-Math.PI/2)*v,y2:Math.sin(l(s)-Math.PI/2)*v,className:n.mo("stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550",p?.xAxis?.axis),style:y?.xAxis?.axis},s),n.jsxRuntimeExports.jsx("text",{x:Math.cos(l(s)-Math.PI/2)*(v+6),y:Math.sin(l(s)-Math.PI/2)*(v+6),style:{textAnchor:Math.cos(l(s)-Math.PI/2)<0?"end":Math.cos(l(s)-Math.PI/2)<1e-5?"middle":"start",...y?.xAxis?.labels||""},dy:Math.sin(l(s)-Math.PI/2)<0?0:Math.sin(l(s)-Math.PI/2)<1e-5?5:10,className:n.mo("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",p?.xAxis?.labels),children:e})]},s)),ct.map((e,s)=>n.jsxRuntimeExports.jsxs("g",{children:[n.jsxRuntimeExports.jsx("path",{d:O(Array(U.length).fill(e))||"",className:n.mo("stroke-primary-gray-500 dark:stroke-primary-gray-550",p?.xAxis?.gridLines),style:{...y?.xAxis?.gridLines,fill:"none"}}),n.jsxRuntimeExports.jsx("foreignObject",{x:-25,y:Math.sin(-Math.PI/2)*m(e)>-1e-4?Math.sin(-Math.PI/2)*m(e)-7:Math.sin(-Math.PI/2)*m(e)-5,width:50,height:12,children:n.jsxRuntimeExports.jsx("div",{className:"flex justify-center",children:n.jsxRuntimeExports.jsx("p",{className:n.mo("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",p?.xAxis?.labels),style:y?.xAxis?.labels,children:xt.numberFormattingFunction(e,"NA",C)})})})]},s)),n.jsxRuntimeExports.jsx(Ct.AnimatePresence,{children:i.map((e,s)=>n.jsxRuntimeExports.jsxs(G.motion.g,{variants:{initial:{opacity:k?e.label===k.label?1:_:P?e.color&&o[h.indexOf(e.color)]===P?1:_:g.length!==0?e.label&&g.indexOf(e.label)!==-1?1:.3:1},whileInView:{opacity:k?e.label===k.label?1:_:P?e.color&&o[h.indexOf(e.color)]===P?1:_:g.length!==0?e.label&&g.indexOf(e.label)!==-1?1:_:1,transition:{duration:x.duration}}},initial:"initial",animate:V?"whileInView":"initial",exit:{opacity:0,transition:{duration:x.duration}},onMouseEnter:r=>{A(e),W(r.clientY),F(r.clientX),D?.(e)},onMouseMove:r=>{A(e),W(r.clientY),F(r.clientX)},onMouseLeave:()=>{A(void 0),F(void 0),W(void 0),D?.(void 0)},onClick:()=>{(j||w)&&(wt.isEqual(I,e)&&at?(H(void 0),j?.(void 0)):(H(e),j?.(e)))},children:[n.jsxRuntimeExports.jsx(G.motion.path,{d:O(e.values)||"",variants:{initial:{d:O(e.values.map(r=>0))||"",stroke:i.filter(r=>r.color).length===0?o[0]:e.color?o[h.indexOf(e.color)]:M.Colors.gray,fill:c?i.filter(r=>r.color).length===0?o[0]:e.color?o[h.indexOf(e.color)]:M.Colors.gray:"none",strokeWidth:X},whileInView:{d:O(e.values)||"",transition:{duration:x.duration},stroke:i.filter(r=>r.color).length===0?o[0]:e.color?o[h.indexOf(e.color)]:M.Colors.gray,fill:c?i.filter(r=>r.color).length===0?o[0]:e.color?o[h.indexOf(e.color)]:M.Colors.gray:"none",strokeWidth:X}},initial:"initial",animate:V?"whileInView":"initial",exit:{opacity:0,transition:{duration:x.duration}},style:{fillOpacity:.1}}),n.jsxRuntimeExports.jsx("g",{children:e.values.map((r,d)=>n.jsxRuntimeExports.jsx("g",{children:N.checkIfNullOrUndefined(r)?null:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[st?n.jsxRuntimeExports.jsx(G.motion.circle,{r:4,variants:{initial:{cx:0,cy:0,opacity:0,fill:i.filter($=>$.color).length===0?o[0]:e.color?o[h.indexOf(e.color)]:M.Colors.gray},whileInView:{cx:Math.cos(l(d)-Math.PI/2)*m(r),cy:Math.sin(l(d)-Math.PI/2)*m(r),opacity:1,transition:{duration:x.duration},fill:i.filter($=>$.color).length===0?o[0]:e.color?o[h.indexOf(e.color)]:M.Colors.gray}},initial:"initial",animate:V?"whileInView":"initial",exit:{opacity:0,transition:{duration:x.duration}}}):null,nt?n.jsxRuntimeExports.jsx(G.motion.text,{style:{...y?.graphObjectValues||{}},dy:Math.sin(l(d)-Math.PI/2)<0?10:(Math.sin(l(d)-Math.PI/2)<1e-5,0),className:n.mo("graph-value text-xs font-bold",p?.graphObjectValues),variants:{initial:{opacity:0,x:Math.cos(l(d)-Math.PI/2)*(m(r)+6),y:Math.sin(l(d)-Math.PI/2)*(m(r)+6),fill:o[s],textAnchor:Math.cos(l(d)-Math.PI/2)<0?"end":Math.cos(l(d)-Math.PI/2)<1e-5?"middle":"start"},whileInView:{opacity:1,x:Math.cos(l(d)-Math.PI/2)*(m(r)+6),y:Math.sin(l(d)-Math.PI/2)*(m(r)+6),fill:o[s],textAnchor:Math.cos(l(d)-Math.PI/2)<0?"end":Math.cos(l(d)-Math.PI/2)<1e-5?"middle":"start",transition:{duration:x.duration}}},initial:"initial",animate:V?"whileInView":"initial",exit:{opacity:0,transition:{duration:x.duration}},children:xt.numberFormattingFunction(r,"NA",C)}):null]})},d))})]},e.label||s))})]}),J.filter(e=>e.position==="after").map(e=>e.layer)]})}),k&&R&&Q&&Z?n.jsxRuntimeExports.jsx(Et.Tooltip,{data:k,body:R,xPos:Q,yPos:Z,backgroundStyle:y?.tooltip,className:p?.tooltip}):null,w&&I!==void 0?n.jsxRuntimeExports.jsx(bt.X,{open:I!==void 0,onClose:()=>{H(void 0)},children:n.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof w=="string"?{__html:kt.string2HTML(w,I)}:void 0,children:typeof w=="function"?w(I):null})}):null]})}function Lt(t){const{graphTitle:i,colors:a,sources:o,graphDescription:R,footNote:D,radius:j,data:h,showColorScale:w=!0,padding:y,backgroundColor:p=!1,tooltip:P,onSeriesMouseOver:U,graphID:X,onSeriesMouseClick:nt,topMargin:st=75,bottomMargin:ot=75,leftMargin:B=75,rightMargin:rt=75,graphDownload:L=!1,dataDownload:Y=!1,colorDomain:z,language:q="en",theme:T="light",highlightedLines:at=[],width:c,height:g,minHeight:x=0,strokeWidth:_=2,relativeHeight:C,ariaLabel:J,colorLegendTitle:K,detailsOnClick:V,styles:b,classNames:E,showNAColor:v=!0,axisLabels:k,showDots:A=!0,showValues:I=!1,curveType:H="curve",noOfTicks:Q=5,minValue:F,maxValue:Z,fillShape:W=!1,resetSelectionOnDoubleClick:l=!0,animate:tt=!1,dimmedOpacity:lt=.3,precision:m=2,customLayers:ct=[]}=t,[O,e]=f.useState(0),[s,r]=f.useState(0),[d,$]=f.useState(0),[Mt,jt]=f.useState(void 0),S=f.useRef(null),ut=f.useRef(null);return f.useEffect(()=>{const u=new ResizeObserver(et=>{r(c||et[0].target.clientWidth||420),$(g||et[0].target.clientHeight||420),e((Math.min(c||et[0].target.clientWidth||620,g||et[0].target.clientHeight||480)||420)/2)});return S.current&&($(S.current.clientHeight||420),r(S.current.clientWidth||420),e((Math.min(S.current.clientWidth,S.current.clientHeight)||420)/2),(!c||!j)&&u.observe(S.current)),()=>u.disconnect()},[c,g,j]),n.jsxRuntimeExports.jsx("div",{className:`${T||"light"} flex  ${c?"w-fit grow-0":"w-full grow"}`,dir:q==="he"||q==="ar"?"rtl":void 0,children:n.jsxRuntimeExports.jsx("div",{className:n.mo(`${p?p===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${q||"en"}`,c?"w-fit":"w-full",E?.graphContainer),style:{...b?.graphContainer||{},minHeight:"inherit",...p&&p!==!0?{backgroundColor:p}:{}},id:X,ref:ut,"aria-label":J||`${i?`The graph shows ${i}. `:""}This is a donut or pie chart chart. ${R?` ${R}`:""}`,children:n.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:p?y||"1rem":y||0},children:n.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-2 w-full grow justify-between",children:[i||R||L||Y?n.jsxRuntimeExports.jsx(Ot.GraphHeader,{styles:{title:b?.title,description:b?.description},classNames:{title:E?.title,description:E?.description},graphTitle:i,graphDescription:R,width:c,graphDownload:L?ut.current:void 0,dataDownload:Y?h.map(u=>u.data).filter(u=>u!==void 0).length>0?h.map(u=>u.data).filter(u=>u!==void 0):h.filter(u=>u!==void 0):null}):null,n.jsxRuntimeExports.jsx("div",{className:"flex grow flex-col justify-center items-stretch gap-8 flex-wrap",style:{width:c?`${c}px`:"100%"},children:h.length===0?n.jsxRuntimeExports.jsx(St.EmptyState,{}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[w&&h.filter(u=>u.color).length!==0?n.jsxRuntimeExports.jsx(Nt.ColorLegendWithMouseOver,{width:c,colorLegendTitle:K,colors:a||M.Colors[T].categoricalColors.colors,colorDomain:z||pt.uniqBy(h,"color",!0),setSelectedColor:jt,showNAColor:v}):null,n.jsxRuntimeExports.jsx("div",{className:`flex ${c?"grow-0":"grow"} items-center justify-center leading-0`,style:{width:c?`${c}px`:"100%",height:g?`${Math.max(x,g||(C?x?(c||s)*C>x?(c||s)*C:x:(c||s)*C:d))}px`:"auto"},ref:S,"aria-label":"Graph area",children:n.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center leading-0",children:j||O?n.jsxRuntimeExports.jsx(Dt,{data:h,lineColors:h.filter(u=>u.color).length===0?a?[a]:[M.Colors.primaryColors["blue-600"]]:a||M.Colors[T].categoricalColors.colors,radius:j||O,tooltip:P,colorDomain:z||pt.uniqBy(h,"color",!0),onSeriesMouseOver:U,onSeriesMouseClick:nt,styles:b,detailsOnClick:V,selectedColor:Mt,axisLabels:k,strokeWidth:_,showValues:I,showDots:A,topMargin:st,bottomMargin:ot,leftMargin:B,rightMargin:rt,curveType:H,noOfTicks:Q,minValue:F,maxValue:Z,fillShape:W,highlightedLines:at,resetSelectionOnDoubleClick:l,animate:tt===!0?{duration:.5,once:!0,amount:.5}:tt||{duration:0,once:!0,amount:0},dimmedOpacity:lt,precision:m,customLayers:ct}):null})})]})}),o||D?n.jsxRuntimeExports.jsx(It.GraphFooter,{styles:{footnote:b?.footnote,source:b?.source},classNames:{footnote:E?.footnote,source:E?.source},sources:o,footNote:D,width:c}):n.jsxRuntimeExports.jsx("div",{})]})})})})}exports.RadarChart=Lt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-CHPV5EwG-CTPQjnHt.cjs"),I=require("react"),Ut=require("./index-DQA8q5sC.cjs"),Wt=require("./Modal-JW_IExO3.cjs"),Bt=require("./Tooltip-4dJo4_AF.cjs"),S=require("./Colors.cjs"),Pt=require("./numberFormattingFunction-02t-wJta.cjs"),Xt=require("./string2HTML-CPGr_I5E.cjs"),z=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),St=require("./linear-BwPAspcq.cjs"),Vt=require("./line-DHV4JwCR.cjs"),Yt=require("./use-in-view-QcfiW0w3.cjs"),bt=require("./proxy-BxvUI_9l.cjs"),zt=require("./index-DG2bgAva.cjs"),Jt=require("./GraphFooter.cjs"),Kt=require("./GraphHeader.cjs"),Qt=require("./EmptyState-sAEZ_5rU.cjs"),Zt=require("./ColorLegendWithMouseOver.cjs"),Nt=require("./uniqBy-O05lp2S5.cjs"),At=require("./GraphContainer-d8A46BK2.cjs");var te=qt(Vt.curveLinear);function Lt(e){this._curve=e}Lt.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 qt(e){function t(o){return new Lt(e(o))}return t._curve=e,t}function ee(e){var t=e.curve;return e.angle=e.x,delete e.x,e.radius=e.y,delete e.y,e.curve=function(o){return arguments.length?t(qt(o)):t()._curve},e}function ie(){return ee(Vt.line().curve(te))}function wt(){}function Ot(e,t,o){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-o),e._x2,e._y2)}function Tt(e,t){this._context=e,this._k=(1-t)/6}Tt.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:Ot(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:Ot(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 o(l){return new Tt(l,t)}return o.tension=function(l){return e(+l)},o})(0);function Dt(e,t){this._context=e,this._k=(1-t)/6}Dt.prototype={areaStart:wt,areaEnd:wt,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:Ot(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}};const ne=(function e(t){function o(l){return new Dt(l,t)}return o.tension=function(l){return e(+l)},o})(0);function Ft(e){this._context=e}Ft.prototype={areaStart:wt,areaEnd:wt,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 oe(e){return new Ft(e)}function se(e){const t=n.compilerRuntimeExports.c(105),{data:o,radius:l,lineColors:r,tooltip:U,onSeriesMouseOver:W,onSeriesMouseClick:p,colorDomain:g,detailsOnClick:y,styles:c,classNames:u,selectedColor:N,axisLabels:J,strokeWidth:K,showValues:mt,showDots:ft,rightMargin:Q,topMargin:Z,bottomMargin:B,leftMargin:X,curveType:jt,noOfTicks:dt,minValue:E,maxValue:A,resetSelectionOnDoubleClick:V,fillShape:tt,highlightedLines:L,animate:h,dimmedOpacity:_,precision:et,customLayers:C}=e,kt=I.useRef(null);let v;t[0]!==h.amount||t[1]!==h.once?(v={once:h.once,amount:h.amount},t[0]=h.amount,t[1]=h.once,t[2]=v):v=t[2];const f=Yt.useInView(kt,v),gt=jt==="linear"?oe:ne;let it;t[3]!==B||t[4]!==X||t[5]!==Q||t[6]!==Z?(it={top:Z,bottom:B,left:X,right:Q},t[3]=B,t[4]=X,t[5]=Q,t[6]=Z,t[7]=it):it=t[7];const q=it,b=Math.min((2*l-X-Q)/2,(2*l-Z-B)/2),[M,yt]=I.useState(void 0),[j,_t]=I.useState(void 0),[nt,Mt]=I.useState(void 0),[Y,vt]=I.useState(void 0);let T,D,w,F,$,G,R,O,s,P,ot,H,st,rt;if(t[8]!==h.duration||t[9]!==J||t[10]!==u?.graphObjectValues||t[11]!==u?.xAxis?.axis||t[12]!==u?.xAxis?.gridLines||t[13]!==u?.xAxis?.labels||t[14]!==g||t[15]!==gt||t[16]!==C||t[17]!==o||t[18]!==y||t[19]!==_||t[20]!==tt||t[21]!==L||t[22]!==f||t[23]!==r||t[24]!==q.left||t[25]!==q.top||t[26]!==A||t[27]!==E||t[28]!==j||t[29]!==M||t[30]!==dt||t[31]!==p||t[32]!==W||t[33]!==et||t[34]!==l||t[35]!==b||t[36]!==V||t[37]!==N||t[38]!==ft||t[39]!==mt||t[40]!==K||t[41]!==c?.graphObjectValues||t[42]!==c?.xAxis?.axis||t[43]!==c?.xAxis?.gridLines||t[44]!==c?.xAxis?.labels){const a=St.linear().domain([0,o[0].values.length]).range([0,2*Math.PI]);let Ct;t[59]!==o||t[60]!==A?(Ct=z.checkIfNullOrUndefined(A)?Math.max(...o.map(je))<0?0:Math.max(...o.map(ve)):A,t[59]=o,t[60]=A,t[61]=Ct):Ct=t[61];const $t=Ct;let Rt;t[62]!==o||t[63]!==E?(Rt=z.checkIfNullOrUndefined(E)?Math.min(...o.map(_e))>=0?0:Math.min(...o.map(ge)):E,t[62]=o,t[63]=E,t[64]=Rt):Rt=t[64];const Gt=Rt,k=St.linear().domain([Gt,$t]).range([0,b]).nice(),Ht=k.ticks(dt),It=ie().radius(i=>k(i)).angle((i,x)=>a(x)).curve(gt);D=bt.motion.svg,st=`${l*2}px`,rt=`${l*2}px`,w=`0 0 ${l*2} ${l*2}`,F="ltr",$=kt,G="mx-auto",ot=`translate(${q.left},${q.top})`,t[65]!==C?(H=C.filter(de).map(fe),t[65]=C,t[66]=H):H=t[66],O=`translate(${b},${b})`,s=J.map((i,x)=>n.jsxRuntimeExports.jsxs("g",{children:[n.jsxRuntimeExports.jsx("line",{x1:0,y1:0,x2:Math.cos(a(x)-Math.PI/2)*b,y2:Math.sin(a(x)-Math.PI/2)*b,className:n.mo("stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550",u?.xAxis?.axis),style:c?.xAxis?.axis},x),n.jsxRuntimeExports.jsx("text",{x:Math.cos(a(x)-Math.PI/2)*(b+6),y:Math.sin(a(x)-Math.PI/2)*(b+6),style:{textAnchor:Math.cos(a(x)-Math.PI/2)<0?"end":Math.cos(a(x)-Math.PI/2)<1e-5?"middle":"start",...c?.xAxis?.labels||""},dy:Math.sin(a(x)-Math.PI/2)<0?0:Math.sin(a(x)-Math.PI/2)<1e-5?5:10,className:n.mo("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",u?.xAxis?.labels),children:i})]},x)),P=Ht.map((i,x)=>n.jsxRuntimeExports.jsxs("g",{children:[n.jsxRuntimeExports.jsx("path",{d:It(Array(J.length).fill(i))||"",className:n.mo("stroke-primary-gray-500 dark:stroke-primary-gray-550",u?.xAxis?.gridLines),style:{...c?.xAxis?.gridLines,fill:"none"}}),n.jsxRuntimeExports.jsx("foreignObject",{x:-25,y:Math.sin(-Math.PI/2)*k(i)>-1e-4?Math.sin(-Math.PI/2)*k(i)-7:Math.sin(-Math.PI/2)*k(i)-5,width:50,height:12,children:n.jsxRuntimeExports.jsx("div",{className:"flex justify-center",children:n.jsxRuntimeExports.jsx("p",{className:n.mo("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",u?.xAxis?.labels),style:c?.xAxis?.labels,children:Pt.numberFormattingFunction(i,"NA",et)})})})]},x)),T=zt.AnimatePresence,R=o.map((i,x)=>n.jsxRuntimeExports.jsxs(bt.motion.g,{variants:{initial:{opacity:M?i.label===M.label?1:_:N?i.color&&r[g.indexOf(i.color)]===N?1:_:L.length!==0?i.label&&L.indexOf(i.label)!==-1?1:.3:1},whileInView:{opacity:M?i.label===M.label?1:_:N?i.color&&r[g.indexOf(i.color)]===N?1:_:L.length!==0?i.label&&L.indexOf(i.label)!==-1?1:_:1,transition:{duration:h.duration}}},initial:"initial",animate:f?"whileInView":"initial",exit:{opacity:0,transition:{duration:h.duration}},onMouseEnter:m=>{yt(i),vt(m.clientY),Mt(m.clientX),W?.(i)},onMouseMove:m=>{yt(i),vt(m.clientY),Mt(m.clientX)},onMouseLeave:()=>{yt(void 0),Mt(void 0),vt(void 0),W?.(void 0)},onClick:()=>{(p||y)&&(Ut.isEqual(j,i)&&V?(_t(void 0),p?.(void 0)):(_t(i),p?.(i)))},children:[n.jsxRuntimeExports.jsx(bt.motion.path,{d:It(i.values)||"",variants:{initial:{d:It(i.values.map(me))||"",stroke:o.filter(pe).length===0?r[0]:i.color?r[g.indexOf(i.color)]:S.Colors.gray,fill:tt?o.filter(xe).length===0?r[0]:i.color?r[g.indexOf(i.color)]:S.Colors.gray:"none",strokeWidth:K},whileInView:{d:It(i.values)||"",transition:{duration:h.duration},stroke:o.filter(he).length===0?r[0]:i.color?r[g.indexOf(i.color)]:S.Colors.gray,fill:tt?o.filter(ue).length===0?r[0]:i.color?r[g.indexOf(i.color)]:S.Colors.gray:"none",strokeWidth:K}},initial:"initial",animate:f?"whileInView":"initial",exit:{opacity:0,transition:{duration:h.duration}},style:{fillOpacity:.1}}),n.jsxRuntimeExports.jsx("g",{children:i.values.map((m,d)=>n.jsxRuntimeExports.jsx("g",{children:z.checkIfNullOrUndefined(m)?null:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[ft?n.jsxRuntimeExports.jsx(bt.motion.circle,{r:4,variants:{initial:{cx:0,cy:0,opacity:0,fill:o.filter(ce).length===0?r[0]:i.color?r[g.indexOf(i.color)]:S.Colors.gray},whileInView:{cx:Math.cos(a(d)-Math.PI/2)*k(m),cy:Math.sin(a(d)-Math.PI/2)*k(m),opacity:1,transition:{duration:h.duration},fill:o.filter(le).length===0?r[0]:i.color?r[g.indexOf(i.color)]:S.Colors.gray}},initial:"initial",animate:f?"whileInView":"initial",exit:{opacity:0,transition:{duration:h.duration}}}):null,mt?n.jsxRuntimeExports.jsx(bt.motion.text,{style:{...c?.graphObjectValues||{}},dy:Math.sin(a(d)-Math.PI/2)<0?10:(Math.sin(a(d)-Math.PI/2)<1e-5,0),className:n.mo("graph-value text-xs font-bold",u?.graphObjectValues),variants:{initial:{opacity:0,x:Math.cos(a(d)-Math.PI/2)*(k(m)+6),y:Math.sin(a(d)-Math.PI/2)*(k(m)+6),fill:r[x],textAnchor:Math.cos(a(d)-Math.PI/2)<0?"end":Math.cos(a(d)-Math.PI/2)<1e-5?"middle":"start"},whileInView:{opacity:1,x:Math.cos(a(d)-Math.PI/2)*(k(m)+6),y:Math.sin(a(d)-Math.PI/2)*(k(m)+6),fill:r[x],textAnchor:Math.cos(a(d)-Math.PI/2)<0?"end":Math.cos(a(d)-Math.PI/2)<1e-5?"middle":"start",transition:{duration:h.duration}}},initial:"initial",animate:f?"whileInView":"initial",exit:{opacity:0,transition:{duration:h.duration}},children:Pt.numberFormattingFunction(m,"NA",et)}):null]})},d))})]},i.label||x)),t[8]=h.duration,t[9]=J,t[10]=u?.graphObjectValues,t[11]=u?.xAxis?.axis,t[12]=u?.xAxis?.gridLines,t[13]=u?.xAxis?.labels,t[14]=g,t[15]=gt,t[16]=C,t[17]=o,t[18]=y,t[19]=_,t[20]=tt,t[21]=L,t[22]=f,t[23]=r,t[24]=q.left,t[25]=q.top,t[26]=A,t[27]=E,t[28]=j,t[29]=M,t[30]=dt,t[31]=p,t[32]=W,t[33]=et,t[34]=l,t[35]=b,t[36]=V,t[37]=N,t[38]=ft,t[39]=mt,t[40]=K,t[41]=c?.graphObjectValues,t[42]=c?.xAxis?.axis,t[43]=c?.xAxis?.gridLines,t[44]=c?.xAxis?.labels,t[45]=T,t[46]=D,t[47]=w,t[48]=F,t[49]=$,t[50]=G,t[51]=R,t[52]=O,t[53]=s,t[54]=P,t[55]=ot,t[56]=H,t[57]=st,t[58]=rt}else T=t[45],D=t[46],w=t[47],F=t[48],$=t[49],G=t[50],R=t[51],O=t[52],s=t[53],P=t[54],ot=t[55],H=t[56],st=t[57],rt=t[58];let at;t[67]!==T||t[68]!==R?(at=n.jsxRuntimeExports.jsx(T,{children:R}),t[67]=T,t[68]=R,t[69]=at):at=t[69];let lt;t[70]!==at||t[71]!==O||t[72]!==s||t[73]!==P?(lt=n.jsxRuntimeExports.jsxs("g",{transform:O,children:[s,P,at]}),t[70]=at,t[71]=O,t[72]=s,t[73]=P,t[74]=lt):lt=t[74];let ct;t[75]!==C?(ct=C.filter(ae).map(re),t[75]=C,t[76]=ct):ct=t[76];let ut;t[77]!==lt||t[78]!==ct||t[79]!==ot||t[80]!==H?(ut=n.jsxRuntimeExports.jsxs("g",{transform:ot,children:[H,lt,ct]}),t[77]=lt,t[78]=ct,t[79]=ot,t[80]=H,t[81]=ut):ut=t[81];let ht;t[82]!==D||t[83]!==w||t[84]!==F||t[85]!==$||t[86]!==G||t[87]!==ut||t[88]!==st||t[89]!==rt?(ht=n.jsxRuntimeExports.jsx(D,{width:st,height:rt,viewBox:w,direction:F,ref:$,className:G,children:ut}),t[82]=D,t[83]=w,t[84]=F,t[85]=$,t[86]=G,t[87]=ut,t[88]=st,t[89]=rt,t[90]=ht):ht=t[90];let xt;t[91]!==u?.tooltip||t[92]!==nt||t[93]!==Y||t[94]!==M||t[95]!==c?.tooltip||t[96]!==U?(xt=M&&U&&nt&&Y?n.jsxRuntimeExports.jsx(Bt.Tooltip,{data:M,body:U,xPos:nt,yPos:Y,backgroundStyle:c?.tooltip,className:u?.tooltip}):null,t[91]=u?.tooltip,t[92]=nt,t[93]=Y,t[94]=M,t[95]=c?.tooltip,t[96]=U,t[97]=xt):xt=t[97];let pt;t[98]!==y||t[99]!==j?(pt=y&&j!==void 0?n.jsxRuntimeExports.jsx(Wt.le,{open:j!==void 0,onClose:()=>{_t(void 0)},children:n.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof y=="string"?{__html:Xt.string2HTML(y,j)}:void 0,children:typeof y=="function"?y(j):null})}):null,t[98]=y,t[99]=j,t[100]=pt):pt=t[100];let Et;return t[101]!==ht||t[102]!==xt||t[103]!==pt?(Et=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[ht,xt,pt]}),t[101]=ht,t[102]=xt,t[103]=pt,t[104]=Et):Et=t[104],Et}function re(e){return e.layer}function ae(e){return e.position==="after"}function le(e){return e.color}function ce(e){return e.color}function ue(e){return e.color}function he(e){return e.color}function xe(e){return e.color}function pe(e){return e.color}function me(e){return 0}function fe(e){return e.layer}function de(e){return e.position==="before"}function ge(e){return Math.min(...e.values.filter(ye))}function ye(e){return!z.checkIfNullOrUndefined(e)}function _e(e){return Math.min(...e.values.filter(Me))}function Me(e){return!z.checkIfNullOrUndefined(e)}function ve(e){return Math.max(...e.values.filter(be))}function be(e){return!z.checkIfNullOrUndefined(e)}function je(e){return Math.max(...e.values.filter(ke))}function ke(e){return!z.checkIfNullOrUndefined(e)}function Ee(e){const{graphTitle:t,colors:o,sources:l,graphDescription:r,footNote:U,radius:W,data:p,showColorScale:g=!0,padding:y,backgroundColor:c=!1,tooltip:u,onSeriesMouseOver:N,graphID:J,onSeriesMouseClick:K,topMargin:mt=75,bottomMargin:ft=75,leftMargin:Q=75,rightMargin:Z=75,graphDownload:B=!1,dataDownload:X=!1,colorDomain:jt,language:dt="en",theme:E="light",highlightedLines:A=[],width:V,height:tt,minHeight:L=0,strokeWidth:h=2,relativeHeight:_,ariaLabel:et,colorLegendTitle:C,detailsOnClick:kt,styles:v,classNames:f,showNAColor:gt=!0,axisLabels:it,showDots:q=!0,showValues:b=!1,curveType:M="curve",noOfTicks:yt=5,minValue:j,maxValue:_t,fillShape:nt=!1,resetSelectionOnDoubleClick:Mt=!0,animate:Y=!1,dimmedOpacity:vt=.3,precision:T=2,customLayers:D=[]}=e,[w,F]=I.useState(0),[$,G]=I.useState(void 0),R=I.useRef(null),O=I.useRef(null);return I.useEffect(()=>{const s=new ResizeObserver(P=>{F((Math.min(P[0].target.clientWidth||620,P[0].target.clientHeight||480,W||1/0)||420)/2)});return R.current&&s.observe(R.current),()=>s.disconnect()},[W]),n.jsxRuntimeExports.jsxs(At.GraphContainer,{className:f?.graphContainer,style:v?.graphContainer,id:J,ref:O,"aria-label":et,backgroundColor:c,theme:E,language:dt,minHeight:L,width:V,height:tt,relativeHeight:_,padding:y,children:[t||r||B||X?n.jsxRuntimeExports.jsx(Kt.GraphHeader,{styles:{title:v?.title,description:v?.description},classNames:{title:f?.title,description:f?.description},graphTitle:t,graphDescription:r,width:V,graphDownload:B?O:void 0,dataDownload:X?p.map(s=>s.data).filter(s=>s!==void 0).length>0?p.map(s=>s.data).filter(s=>s!==void 0):p.filter(s=>s!==void 0):null}):null,p.length===0?n.jsxRuntimeExports.jsx(Qt.EmptyState,{}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[g&&p.filter(s=>s.color).length!==0?n.jsxRuntimeExports.jsx(Zt.ColorLegendWithMouseOver,{width:V,colorLegendTitle:C,colors:o||S.Colors[E].categoricalColors.colors,colorDomain:jt||Nt.uniqBy(p,"color",!0),setSelectedColor:G,showNAColor:gt,className:f?.colorLegend,isCenter:!0}):null,n.jsxRuntimeExports.jsx(At.GraphArea,{ref:R,children:w?n.jsxRuntimeExports.jsx(se,{data:p,lineColors:p.filter(s=>s.color).length===0?o?[o]:[S.Colors.primaryColors["blue-600"]]:o||S.Colors[E].categoricalColors.colors,radius:w,tooltip:u,colorDomain:jt||Nt.uniqBy(p,"color",!0),onSeriesMouseOver:N,onSeriesMouseClick:K,styles:v,detailsOnClick:kt,selectedColor:$,axisLabels:it,strokeWidth:h,showValues:b,showDots:q,topMargin:mt,bottomMargin:ft,leftMargin:Q,rightMargin:Z,curveType:M,noOfTicks:yt,minValue:j,maxValue:_t,fillShape:nt,highlightedLines:A,resetSelectionOnDoubleClick:Mt,animate:Y===!0?{duration:.5,once:!0,amount:.5}:Y||{duration:0,once:!0,amount:0},dimmedOpacity:vt,precision:T,customLayers:D}):null})]}),l||U?n.jsxRuntimeExports.jsx(Jt.GraphFooter,{styles:{footnote:v?.footnote,source:v?.source},classNames:{footnote:f?.footnote,source:f?.source},sources:l,footNote:U,width:V}):null]})}exports.RadarChart=Ee;
 //# sourceMappingURL=RadarChart.cjs.map