@undp/data-viz 1.5.2 → 1.5.3

package/dist/RadarChart.js

@@ -1,11 +1,10 @@
-import { j as a, m as E } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { j as n, m as E } from "./index-CHPV5EwG-BPSP-7Jg.js";
 import { useRef as ut, useState as j, useEffect as kt } from "react";
-import { u as pt } from "./index-AqnpA7_O.js";
 import { i as jt } from "./index-Bwrro8-q.js";
 import { X as It } from "./Modal-DVVwpKhP.js";
 import { T as Ct } from "./Tooltip-CVCGWyzw.js";
 import { Colors as L } from "./Colors.js";
-import { n as ft } from "./numberFormattingFunction-14YCbkN2.js";
+import { n as pt } from "./numberFormattingFunction-14YCbkN2.js";
 import { s as Nt } from "./string2HTML-oFCROsus.js";
 import { c as O } from "./checkIfNullOrUndefined-DmfiKkNw.js";
 import { a as xt } from "./linear-DUdu7l2G.js";
@@ -17,6 +16,7 @@ import { GraphFooter as $t } from "./GraphFooter.js";
 import { GraphHeader as Dt } from "./GraphHeader.js";
 import { E as Vt } from "./EmptyState-DdTp-Mdn.js";
 import { ColorLegendWithMouseOver as Et } from "./ColorLegendWithMouseOver.js";
+import { u as ft } from "./uniqBy-BHy4I8PK.js";
 var Lt = _t(Pt);
 function gt(t) {
   this._curve = t;
@@ -108,11 +108,11 @@ yt.prototype = {
   }
 };
 (function t(e) {
-  function s(c) {
-    return new yt(c, e);
+  function s(l) {
+    return new yt(l, e);
   }
-  return s.tension = function(c) {
-    return t(+c);
+  return s.tension = function(l) {
+    return t(+l);
   }, s;
 })(0);
 function vt(t, e) {
@@ -159,11 +159,11 @@ vt.prototype = {
   }
 };
 const Rt = function t(e) {
-  function s(c) {
-    return new vt(c, e);
+  function s(l) {
+    return new vt(l, e);
   }
-  return s.tension = function(c) {
-    return t(+c);
+  return s.tension = function(l) {
+    return t(+l);
   }, s;
 }(0);
 function Mt(t) {
@@ -189,7 +189,7 @@ function Ft(t) {
   const {
     data: e,
     radius: s,
-    lineColors: c,
+    lineColors: l,
     tooltip: I,
     onSeriesMouseOver: A,
     onSeriesMouseClick: v,
@@ -199,10 +199,10 @@ function Ft(t) {
     classNames: m,
     selectedColor: T,
     axisLabels: Y,
-    strokeWidth: at,
-    showValues: nt,
-    showDots: ot,
-    rightMargin: st,
+    strokeWidth: nt,
+    showValues: at,
+    showDots: st,
+    rightMargin: ot,
     topMargin: z,
     bottomMargin: rt,
     leftMargin: H,
@@ -211,8 +211,8 @@ function Ft(t) {
     minValue: $,
     maxValue: D,
     resetSelectionOnDoubleClick: lt,
-    fillShape: h,
-    highlightedLines: x,
+    fillShape: c,
+    highlightedLines: f,
     animate: d,
     dimmedOpacity: g,
     precision: C,
@@ -224,27 +224,27 @@ function Ft(t) {
     top: z,
     left: H
   }, y = Math.min(
-    (2 * s - H - st) / 2,
+    (2 * s - H - ot) / 2,
     (2 * s - z - rt) / 2
-  ), [k, R] = j(void 0), [N, W] = j(void 0), [K, F] = j(void 0), [Q, G] = j(void 0), l = xt().domain([0, e[0].values.length]).range([0, 2 * Math.PI]), Z = O(D) ? Math.max(
+  ), [k, R] = j(void 0), [N, W] = j(void 0), [K, F] = j(void 0), [Q, G] = j(void 0), r = xt().domain([0, e[0].values.length]).range([0, 2 * Math.PI]), Z = O(D) ? Math.max(
     ...e.map(
-      (i) => Math.max(...i.values.filter((n) => !O(n)))
+      (i) => Math.max(...i.values.filter((a) => !O(a)))
     )
   ) < 0 ? 0 : Math.max(
     ...e.map(
-      (i) => Math.max(...i.values.filter((n) => !O(n)))
+      (i) => Math.max(...i.values.filter((a) => !O(a)))
     )
   ) : D, ct = O($) ? Math.min(
     ...e.map(
-      (i) => Math.min(...i.values.filter((n) => !O(n)))
+      (i) => Math.min(...i.values.filter((a) => !O(a)))
     )
   ) >= 0 ? 0 : Math.min(
     ...e.map(
-      (i) => Math.min(...i.values.filter((n) => !O(n)))
+      (i) => Math.min(...i.values.filter((a) => !O(a)))
     )
-  ) : $, p = xt().domain([ct, Z]).range([0, y]).nice(), ht = p.ticks(B), P = Ht().radius((i) => p(i)).angle((i, n) => l(n)).curve(w);
-  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(
+  ) : $, p = xt().domain([ct, Z]).range([0, y]).nice(), ht = p.ticks(B), P = Ht().radius((i) => p(i)).angle((i, a) => r(a)).curve(w);
+  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx(
       X.svg,
       {
         width: `${s * 2}px`,
@@ -252,35 +252,35 @@ function Ft(t) {
         viewBox: `0 0 ${s * 2} ${s * 2}`,
         direction: "ltr",
         ref: J,
-        children: /* @__PURE__ */ a.jsxs("g", { transform: `translate(${b.left},${b.top})`, children: [
+        children: /* @__PURE__ */ n.jsxs("g", { transform: `translate(${b.left},${b.top})`, children: [
           U.filter((i) => i.position === "before").map((i) => i.layer),
-          /* @__PURE__ */ a.jsxs("g", { transform: `translate(${y},${y})`, children: [
-            Y.map((i, n) => /* @__PURE__ */ a.jsxs("g", { children: [
-              /* @__PURE__ */ a.jsx(
+          /* @__PURE__ */ n.jsxs("g", { transform: `translate(${y},${y})`, children: [
+            Y.map((i, a) => /* @__PURE__ */ n.jsxs("g", { children: [
+              /* @__PURE__ */ n.jsx(
                 "line",
                 {
                   x1: 0,
                   y1: 0,
-                  x2: Math.cos(l(n) - Math.PI / 2) * y,
-                  y2: Math.sin(l(n) - Math.PI / 2) * y,
+                  x2: Math.cos(r(a) - Math.PI / 2) * y,
+                  y2: Math.sin(r(a) - Math.PI / 2) * y,
                   className: E(
                     "stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550",
                     m?.xAxis?.axis
                   ),
                   style: _?.xAxis?.axis
                 },
-                n
+                a
               ),
-              /* @__PURE__ */ a.jsx(
+              /* @__PURE__ */ n.jsx(
                 "text",
                 {
-                  x: Math.cos(l(n) - Math.PI / 2) * (y + 6),
-                  y: Math.sin(l(n) - Math.PI / 2) * (y + 6),
+                  x: Math.cos(r(a) - Math.PI / 2) * (y + 6),
+                  y: Math.sin(r(a) - Math.PI / 2) * (y + 6),
                   style: {
-                    textAnchor: Math.cos(l(n) - Math.PI / 2) < 0 ? "end" : Math.cos(l(n) - Math.PI / 2) < 1e-5 ? "middle" : "start",
+                    textAnchor: Math.cos(r(a) - Math.PI / 2) < 0 ? "end" : Math.cos(r(a) - Math.PI / 2) < 1e-5 ? "middle" : "start",
                     ..._?.xAxis?.labels || ""
                   },
-                  dy: Math.sin(l(n) - Math.PI / 2) < 0 ? 0 : Math.sin(l(n) - Math.PI / 2) < 1e-5 ? 5 : 10,
+                  dy: Math.sin(r(a) - Math.PI / 2) < 0 ? 0 : Math.sin(r(a) - Math.PI / 2) < 1e-5 ? 5 : 10,
                   className: E(
                     "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",
                     m?.xAxis?.labels
@@ -288,9 +288,9 @@ function Ft(t) {
                   children: i
                 }
               )
-            ] }, n)),
-            ht.map((i, n) => /* @__PURE__ */ a.jsxs("g", { children: [
-              /* @__PURE__ */ a.jsx(
+            ] }, a)),
+            ht.map((i, a) => /* @__PURE__ */ n.jsxs("g", { children: [
+              /* @__PURE__ */ n.jsx(
                 "path",
                 {
                   d: P(Array(Y.length).fill(i)) || "",
@@ -304,14 +304,14 @@ function Ft(t) {
                   }
                 }
               ),
-              /* @__PURE__ */ a.jsx(
+              /* @__PURE__ */ n.jsx(
                 "foreignObject",
                 {
                   x: -25,
                   y: Math.sin(-Math.PI / 2) * p(i) > -1e-4 ? Math.sin(-Math.PI / 2) * p(i) - 7 : Math.sin(-Math.PI / 2) * p(i) - 5,
                   width: 50,
                   height: 12,
-                  children: /* @__PURE__ */ a.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ a.jsx(
+                  children: /* @__PURE__ */ n.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ n.jsx(
                     "p",
                     {
                       className: E(
@@ -319,32 +319,32 @@ function Ft(t) {
                         m?.xAxis?.labels
                       ),
                       style: _?.xAxis?.labels,
-                      children: ft(i, "NA", C)
+                      children: pt(i, "NA", C)
                     }
                   ) })
                 }
               )
-            ] }, n)),
-            /* @__PURE__ */ a.jsx(Tt, { children: e.map((i, n) => /* @__PURE__ */ a.jsxs(
+            ] }, a)),
+            /* @__PURE__ */ n.jsx(Tt, { children: e.map((i, a) => /* @__PURE__ */ n.jsxs(
               X.g,
               {
                 variants: {
                   initial: {
-                    opacity: k ? i.label === k.label ? 1 : g : T ? i.color && c[u.indexOf(i.color)] === T ? 1 : g : x.length !== 0 ? i.label && x.indexOf(i.label) !== -1 ? 1 : 0.3 : 1
+                    opacity: k ? i.label === k.label ? 1 : g : T ? i.color && l[u.indexOf(i.color)] === T ? 1 : g : f.length !== 0 ? i.label && f.indexOf(i.label) !== -1 ? 1 : 0.3 : 1
                   },
                   whileInView: {
-                    opacity: k ? i.label === k.label ? 1 : g : T ? i.color && c[u.indexOf(i.color)] === T ? 1 : g : x.length !== 0 ? i.label && x.indexOf(i.label) !== -1 ? 1 : g : 1,
+                    opacity: k ? i.label === k.label ? 1 : g : T ? i.color && l[u.indexOf(i.color)] === T ? 1 : g : f.length !== 0 ? i.label && f.indexOf(i.label) !== -1 ? 1 : g : 1,
                     transition: { duration: d.duration }
                   }
                 },
                 initial: "initial",
                 animate: V ? "whileInView" : "initial",
                 exit: { opacity: 0, transition: { duration: d.duration } },
-                onMouseEnter: (r) => {
-                  R(i), G(r.clientY), F(r.clientX), A?.(i);
+                onMouseEnter: (o) => {
+                  R(i), G(o.clientY), F(o.clientX), A?.(i);
                 },
-                onMouseMove: (r) => {
-                  R(i), G(r.clientY), F(r.clientX);
+                onMouseMove: (o) => {
+                  R(i), G(o.clientY), F(o.clientX);
                 },
                 onMouseLeave: () => {
                   R(void 0), F(void 0), G(void 0), A?.(void 0);
@@ -353,12 +353,12 @@ function Ft(t) {
                   (v || M) && (jt(N, i) && lt ? (W(void 0), v?.(void 0)) : (W(i), v?.(i)));
                 },
                 children: [
-                  /* @__PURE__ */ a.jsx(
+                  /* @__PURE__ */ n.jsx(
                     X.path,
                     {
                       d: P(i.values) || "",
                       variants: {
-                        initial: { d: P(i.values.map((r) => 0)) || "" },
+                        initial: { d: P(i.values.map((o) => 0)) || "" },
                         whileInView: {
                           d: P(i.values) || "",
                           transition: { duration: d.duration }
@@ -368,28 +368,28 @@ function Ft(t) {
                       animate: V ? "whileInView" : "initial",
                       exit: { opacity: 0, transition: { duration: d.duration } },
                       style: {
-                        stroke: e.filter((r) => r.color).length === 0 ? c[0] : i.color ? c[u.indexOf(i.color)] : L.gray,
-                        fill: h ? e.filter((r) => r.color).length === 0 ? c[0] : i.color ? c[u.indexOf(i.color)] : L.gray : "none",
+                        stroke: e.filter((o) => o.color).length === 0 ? l[0] : i.color ? l[u.indexOf(i.color)] : L.gray,
+                        fill: c ? e.filter((o) => o.color).length === 0 ? l[0] : i.color ? l[u.indexOf(i.color)] : L.gray : "none",
                         fillOpacity: 0.1,
-                        strokeWidth: at
+                        strokeWidth: nt
                       }
                     }
                   ),
-                  /* @__PURE__ */ a.jsx("g", { children: i.values.map((r, f) => /* @__PURE__ */ a.jsx("g", { children: O(r) ? null : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-                    ot ? /* @__PURE__ */ a.jsx(
+                  /* @__PURE__ */ n.jsx("g", { children: i.values.map((o, x) => /* @__PURE__ */ n.jsx("g", { children: O(o) ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+                    st ? /* @__PURE__ */ n.jsx(
                       X.circle,
                       {
-                        cx: Math.cos(l(f) - Math.PI / 2) * p(r),
-                        cy: Math.sin(l(f) - Math.PI / 2) * p(r),
+                        cx: Math.cos(r(x) - Math.PI / 2) * p(o),
+                        cy: Math.sin(r(x) - Math.PI / 2) * p(o),
                         r: 4,
                         style: {
-                          fill: e.filter((tt) => tt.color).length === 0 ? c[0] : i.color ? c[u.indexOf(i.color)] : L.gray
+                          fill: e.filter((tt) => tt.color).length === 0 ? l[0] : i.color ? l[u.indexOf(i.color)] : L.gray
                         },
                         variants: {
                           initial: { cx: 0, cy: 0, opacity: 0 },
                           whileInView: {
-                            cx: Math.cos(l(f) - Math.PI / 2) * p(r),
-                            cy: Math.sin(l(f) - Math.PI / 2) * p(r),
+                            cx: Math.cos(r(x) - Math.PI / 2) * p(o),
+                            cy: Math.sin(r(x) - Math.PI / 2) * p(o),
                             opacity: 1,
                             transition: { duration: d.duration }
                           }
@@ -399,17 +399,17 @@ function Ft(t) {
                         exit: { opacity: 0, transition: { duration: d.duration } }
                       }
                     ) : null,
-                    nt ? /* @__PURE__ */ a.jsx(
+                    at ? /* @__PURE__ */ n.jsx(
                       X.text,
                       {
-                        x: Math.cos(l(f) - Math.PI / 2) * (p(r) + 6),
-                        y: Math.sin(l(f) - Math.PI / 2) * (p(r) + 6),
+                        x: Math.cos(r(x) - Math.PI / 2) * (p(o) + 6),
+                        y: Math.sin(r(x) - Math.PI / 2) * (p(o) + 6),
                         style: {
-                          fill: c[n],
-                          textAnchor: Math.cos(l(f) - Math.PI / 2) < 0 ? "end" : Math.cos(l(f) - Math.PI / 2) < 1e-5 ? "middle" : "start",
+                          fill: l[a],
+                          textAnchor: Math.cos(r(x) - Math.PI / 2) < 0 ? "end" : Math.cos(r(x) - Math.PI / 2) < 1e-5 ? "middle" : "start",
                           ..._?.graphObjectValues || {}
                         },
-                        dy: Math.sin(l(f) - Math.PI / 2) < 0 ? 10 : (Math.sin(l(f) - Math.PI / 2) < 1e-5, 0),
+                        dy: Math.sin(r(x) - Math.PI / 2) < 0 ? 10 : (Math.sin(r(x) - Math.PI / 2) < 1e-5, 0),
                         className: E(
                           "graph-value text-xs font-bold",
                           m?.graphObjectValues
@@ -424,20 +424,20 @@ function Ft(t) {
                         initial: "initial",
                         animate: V ? "whileInView" : "initial",
                         exit: { opacity: 0, transition: { duration: d.duration } },
-                        children: ft(r, "NA", C)
+                        children: pt(o, "NA", C)
                       }
                     ) : null
-                  ] }) }, f)) })
+                  ] }) }, x)) })
                 ]
               },
-              i.label || n
+              i.label || a
             )) })
           ] }),
           U.filter((i) => i.position === "after").map((i) => i.layer)
         ] })
       }
     ),
-    k && I && K && Q ? /* @__PURE__ */ a.jsx(
+    k && I && K && Q ? /* @__PURE__ */ n.jsx(
       Ct,
       {
         data: k,
@@ -448,14 +448,14 @@ function Ft(t) {
         className: m?.tooltip
       }
     ) : null,
-    M && N !== void 0 ? /* @__PURE__ */ a.jsx(
+    M && N !== void 0 ? /* @__PURE__ */ n.jsx(
       It,
       {
         open: N !== void 0,
         onClose: () => {
           W(void 0);
         },
-        children: /* @__PURE__ */ a.jsx(
+        children: /* @__PURE__ */ n.jsx(
           "div",
           {
             className: "graph-modal-content m-0",
@@ -471,7 +471,7 @@ function li(t) {
   const {
     graphTitle: e,
     colors: s,
-    sources: c,
+    sources: l,
     graphDescription: I,
     footNote: A,
     radius: v,
@@ -481,10 +481,10 @@ function li(t) {
     backgroundColor: m = !1,
     tooltip: T,
     onSeriesMouseOver: Y,
-    graphID: at,
-    onSeriesMouseClick: nt,
-    topMargin: ot = 75,
-    bottomMargin: st = 75,
+    graphID: nt,
+    onSeriesMouseClick: at,
+    topMargin: st = 75,
+    bottomMargin: ot = 75,
     leftMargin: z = 75,
     rightMargin: rt = 75,
     graphDownload: H = !1,
@@ -493,8 +493,8 @@ function li(t) {
     language: $ = "en",
     theme: D = "light",
     highlightedLines: lt = [],
-    width: h,
-    height: x,
+    width: c,
+    height: f,
     minHeight: d = 0,
     strokeWidth: g = 2,
     relativeHeight: C,
@@ -512,35 +512,35 @@ function li(t) {
     minValue: F,
     maxValue: Q,
     fillShape: G = !1,
-    resetSelectionOnDoubleClick: l = !0,
+    resetSelectionOnDoubleClick: r = !0,
     animate: Z = !1,
     dimmedOpacity: ct = 0.3,
     precision: p = 2,
     customLayers: ht = []
-  } = t, [P, i] = j(0), [n, r] = j(0), [f, tt] = j(0), [wt, bt] = j(void 0), S = ut(null), mt = ut(null);
+  } = t, [P, i] = j(0), [a, o] = j(0), [x, tt] = j(0), [wt, bt] = j(void 0), S = ut(null), mt = ut(null);
   return kt(() => {
-    const o = new ResizeObserver((it) => {
-      r(h || it[0].target.clientWidth || 420), tt(x || it[0].target.clientHeight || 420), i(
+    const h = new ResizeObserver((it) => {
+      o(c || it[0].target.clientWidth || 420), tt(f || it[0].target.clientHeight || 420), i(
         (Math.min(
-          h || it[0].target.clientWidth || 620,
-          x || it[0].target.clientHeight || 480
+          c || it[0].target.clientWidth || 620,
+          f || it[0].target.clientHeight || 480
         ) || 420) / 2
       );
     });
-    return S.current && (tt(S.current.clientHeight || 420), r(S.current.clientWidth || 420), i(
+    return S.current && (tt(S.current.clientHeight || 420), o(S.current.clientWidth || 420), i(
       (Math.min(S.current.clientWidth, S.current.clientHeight) || 420) / 2
-    ), (!h || !v) && o.observe(S.current)), () => o.disconnect();
-  }, [h, x, v]), /* @__PURE__ */ a.jsx(
+    ), (!c || !v) && h.observe(S.current)), () => h.disconnect();
+  }, [c, f, v]), /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: `${D || "light"} flex  ${h ? "w-fit grow-0" : "w-full grow"}`,
+      className: `${D || "light"} flex  ${c ? "w-fit grow-0" : "w-full grow"}`,
       dir: $ === "he" || $ === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ a.jsx(
+      children: /* @__PURE__ */ n.jsx(
         "div",
         {
           className: E(
             `${m ? m === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${$ || "en"}`,
-            h ? "w-fit" : "w-full",
+            c ? "w-fit" : "w-full",
             b?.graphContainer
           ),
           style: {
@@ -548,16 +548,16 @@ function li(t) {
             minHeight: "inherit",
             ...m && m !== !0 ? { backgroundColor: m } : {}
           },
-          id: at,
+          id: nt,
           ref: mt,
           "aria-label": U || `${e ? `The graph shows ${e}. ` : ""}This is a donut or pie chart chart. ${I ? ` ${I}` : ""}`,
-          children: /* @__PURE__ */ a.jsx(
+          children: /* @__PURE__ */ n.jsx(
             "div",
             {
               className: "flex grow",
               style: { padding: m ? _ || "1rem" : _ || 0 },
-              children: /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col gap-2 w-full grow justify-between", children: [
-                e || I || H || q ? /* @__PURE__ */ a.jsx(
+              children: /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2 w-full grow justify-between", children: [
+                e || I || H || q ? /* @__PURE__ */ n.jsx(
                   Dt,
                   {
                     styles: {
@@ -570,59 +570,53 @@ function li(t) {
                     },
                     graphTitle: e,
                     graphDescription: I,
-                    width: h,
+                    width: c,
                     graphDownload: H ? mt.current : void 0,
-                    dataDownload: q ? u.map((o) => o.data).filter((o) => o !== void 0).length > 0 ? u.map((o) => o.data).filter((o) => o !== void 0) : u.filter((o) => o !== void 0) : null
+                    dataDownload: q ? u.map((h) => h.data).filter((h) => h !== void 0).length > 0 ? u.map((h) => h.data).filter((h) => h !== void 0) : u.filter((h) => h !== void 0) : null
                   }
                 ) : null,
-                /* @__PURE__ */ a.jsx(
+                /* @__PURE__ */ n.jsx(
                   "div",
                   {
                     className: "flex grow flex-col justify-center items-stretch gap-8 flex-wrap",
                     style: {
-                      width: h ? `${h}px` : "100%"
+                      width: c ? `${c}px` : "100%"
                     },
-                    children: u.length === 0 ? /* @__PURE__ */ a.jsx(Vt, {}) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-                      M && u.filter((o) => o.color).length !== 0 ? /* @__PURE__ */ a.jsx(
+                    children: u.length === 0 ? /* @__PURE__ */ n.jsx(Vt, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+                      M && u.filter((h) => h.color).length !== 0 ? /* @__PURE__ */ n.jsx(
                         Et,
                         {
-                          width: h,
+                          width: c,
                           colorLegendTitle: J,
                           colors: s || L[D].categoricalColors.colors,
-                          colorDomain: B || pt(
-                            u.filter((o) => o.color),
-                            "color"
-                          ).map((o) => o.color),
+                          colorDomain: B || ft(u, "color", !0),
                           setSelectedColor: bt,
                           showNAColor: y
                         }
                       ) : null,
-                      /* @__PURE__ */ a.jsx(
+                      /* @__PURE__ */ n.jsx(
                         "div",
                         {
-                          className: `flex ${h ? "grow-0" : "grow"} items-center justify-center leading-0`,
+                          className: `flex ${c ? "grow-0" : "grow"} items-center justify-center leading-0`,
                           style: {
-                            width: h ? `${h}px` : "100%",
-                            height: x ? `${Math.max(
+                            width: c ? `${c}px` : "100%",
+                            height: f ? `${Math.max(
                               d,
-                              x || (C ? d ? (h || n) * C > d ? (h || n) * C : d : (h || n) * C : f)
+                              f || (C ? d ? (c || a) * C > d ? (c || a) * C : d : (c || a) * C : x)
                             )}px` : "auto"
                           },
                           ref: S,
                           "aria-label": "Graph area",
-                          children: /* @__PURE__ */ a.jsx("div", { className: "w-full flex justify-center leading-0", children: v || P ? /* @__PURE__ */ a.jsx(
+                          children: /* @__PURE__ */ n.jsx("div", { className: "w-full flex justify-center leading-0", children: v || P ? /* @__PURE__ */ n.jsx(
                             Ft,
                             {
                               data: u,
-                              lineColors: u.filter((o) => o.color).length === 0 ? s ? [s] : [L.primaryColors["blue-600"]] : s || L[D].categoricalColors.colors,
+                              lineColors: u.filter((h) => h.color).length === 0 ? s ? [s] : [L.primaryColors["blue-600"]] : s || L[D].categoricalColors.colors,
                               radius: v || P,
                               tooltip: T,
-                              colorDomain: B || pt(
-                                u.filter((o) => o.color),
-                                "color"
-                              ).map((o) => o.color),
+                              colorDomain: B || ft(u, "color", !0),
                               onSeriesMouseOver: Y,
-                              onSeriesMouseClick: nt,
+                              onSeriesMouseClick: at,
                               styles: w,
                               detailsOnClick: V,
                               selectedColor: wt,
@@ -630,8 +624,8 @@ function li(t) {
                               strokeWidth: g,
                               showValues: N,
                               showDots: R,
-                              topMargin: ot,
-                              bottomMargin: st,
+                              topMargin: st,
+                              bottomMargin: ot,
                               leftMargin: z,
                               rightMargin: rt,
                               curveType: W,
@@ -640,7 +634,7 @@ function li(t) {
                               maxValue: Q,
                               fillShape: G,
                               highlightedLines: lt,
-                              resetSelectionOnDoubleClick: l,
+                              resetSelectionOnDoubleClick: r,
                               animate: Z === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : Z || { duration: 0, once: !0, amount: 0 },
                               dimmedOpacity: ct,
                               precision: p,
@@ -652,7 +646,7 @@ function li(t) {
                     ] })
                   }
                 ),
-                c || A ? /* @__PURE__ */ a.jsx(
+                l || A ? /* @__PURE__ */ n.jsx(
                   $t,
                   {
                     styles: { footnote: w?.footnote, source: w?.source },
@@ -660,11 +654,11 @@ function li(t) {
                       footnote: b?.footnote,
                       source: b?.source
                     },
-                    sources: c,
+                    sources: l,
                     footNote: A,
-                    width: h
+                    width: c
                   }
-                ) : /* @__PURE__ */ a.jsx("div", {})
+                ) : /* @__PURE__ */ n.jsx("div", {})
               ] })
             }
           )