@undp/data-viz 2.4.1 → 2.5.1

package/dist/RadarChart.js

@@ -1,27 +1,27 @@
-import { c as Yt, j as o, m as wt } from "./index-CHPV5EwG-BzibaIRc.js";
-import { useRef as Nt, useState as dt, useEffect as zt } from "react";
+import { c as zt, j as o, m as It } from "./index-CHPV5EwG-BzibaIRc.js";
+import { useRef as Nt, useState as gt, useEffect as Zt } from "react";
 import { i as qt } from "./index-Bwrro8-q.js";
-import { T as Bt } from "./Tooltip-Bj-s__cI.js";
+import { T as Bt } from "./Tooltip-3EYDVa3w.js";
 import { Colors as S } from "./Colors.js";
-import { n as Dt } from "./numberFormattingFunction-DqMf_v1m.js";
-import { c as B } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { D as Ut } from "./DetailsModal-B2XBWR7w.js";
-import { a as Lt } from "./linear-DNXM5Pdl.js";
+import { n as Lt } from "./numberFormattingFunction-BUUV_luR.js";
+import { c as q } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { D as Ut } from "./DetailsModal-GqEbGHY2.js";
+import { a as Et } from "./linear-DNXM5Pdl.js";
 import { c as Jt, l as Kt } from "./line-DFlZsxI1.js";
-import { m as It } from "./proxy-BsxtcZKa.js";
+import { m as Ct } from "./proxy-BsxtcZKa.js";
 import { u as Qt } from "./use-in-view-KOXq5Kmc.js";
-import { A as Zt } from "./index-Cv_5q6Rb.js";
-import { GraphFooter as ti } from "./GraphFooter.js";
-import { GraphHeader as ii } from "./GraphHeader.js";
-import { E as ei } from "./EmptyState-CaxXCkiN.js";
-import { ColorLegendWithMouseOver as ni } from "./ColorLegendWithMouseOver.js";
-import { u as Et } from "./uniqBy-BHy4I8PK.js";
-import { G as oi, a as ai } from "./GraphContainer-B8ZqOzKI.js";
-var si = Rt(Jt);
-function Tt(i) {
+import { A as ti } from "./index-Cv_5q6Rb.js";
+import { GraphFooter as ii } from "./GraphFooter.js";
+import { GraphHeader as ei } from "./GraphHeader.js";
+import { E as ni } from "./EmptyState-CaxXCkiN.js";
+import { ColorLegendWithMouseOver as oi } from "./ColorLegendWithMouseOver.js";
+import { u as Tt } from "./uniqBy-BHy4I8PK.js";
+import { G as ai, a as si } from "./GraphContainer-B8ZqOzKI.js";
+var ri = $t(Jt);
+function Rt(i) {
   this._curve = i;
 }
-Tt.prototype = {
+Rt.prototype = {
   areaStart: function() {
     this._curve.areaStart();
   },
@@ -38,22 +38,22 @@ Tt.prototype = {
     this._curve.point(t * Math.sin(i), t * -Math.cos(i));
   }
 };
-function Rt(i) {
+function $t(i) {
   function t(n) {
-    return new Tt(i(n));
+    return new Rt(i(n));
   }
   return t._curve = i, t;
 }
-function ri(i) {
+function li(i) {
   var t = i.curve;
   return i.angle = i.x, delete i.x, i.radius = i.y, delete i.y, i.curve = function(n) {
-    return arguments.length ? t(Rt(n)) : t()._curve;
+    return arguments.length ? t($t(n)) : t()._curve;
   }, i;
 }
-function li() {
-  return ri(Kt().curve(si));
+function ci() {
+  return li(Kt().curve(ri));
 }
-function St() {
+function Dt() {
 }
 function Vt(i, t, n) {
   i._context.bezierCurveTo(
@@ -65,10 +65,10 @@ function Vt(i, t, n) {
     i._y2
   );
 }
-function $t(i, t) {
+function Gt(i, t) {
   this._context = i, this._k = (1 - t) / 6;
 }
-$t.prototype = {
+Gt.prototype = {
   areaStart: function() {
     this._line = 0;
   },
@@ -109,18 +109,18 @@ $t.prototype = {
 };
 (function i(t) {
   function n(c) {
-    return new $t(c, t);
+    return new Gt(c, t);
   }
   return n.tension = function(c) {
     return i(+c);
   }, n;
 })(0);
-function Gt(i, t) {
+function Ft(i, t) {
   this._context = i, this._k = (1 - t) / 6;
 }
-Gt.prototype = {
-  areaStart: St,
-  areaEnd: St,
+Ft.prototype = {
+  areaStart: Dt,
+  areaEnd: Dt,
   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;
   },
@@ -158,20 +158,20 @@ Gt.prototype = {
     this._x0 = this._x1, this._x1 = this._x2, this._x2 = i, this._y0 = this._y1, this._y1 = this._y2, this._y2 = t;
   }
 };
-const ci = (function i(t) {
+const hi = (function i(t) {
   function n(c) {
-    return new Gt(c, t);
+    return new Ft(c, t);
   }
   return n.tension = function(c) {
     return i(+c);
   }, n;
 })(0);
-function Ft(i) {
+function Wt(i) {
   this._context = i;
 }
-Ft.prototype = {
-  areaStart: St,
-  areaEnd: St,
+Wt.prototype = {
+  areaStart: Dt,
+  areaEnd: Dt,
   lineStart: function() {
     this._point = 0;
   },
@@ -182,84 +182,85 @@ Ft.prototype = {
     i = +i, t = +t, this._point ? this._context.lineTo(i, t) : (this._point = 1, this._context.moveTo(i, t));
   }
 };
-function hi(i) {
-  return new Ft(i);
-}
 function ui(i) {
-  const t = Yt.c(107), {
+  return new Wt(i);
+}
+function pi(i) {
+  const t = zt.c(108), {
     data: n,
     radius: c,
     lineColors: s,
-    tooltip: X,
-    onSeriesMouseOver: Y,
-    onSeriesMouseClick: m,
+    tooltip: W,
+    onSeriesMouseOver: H,
+    onSeriesMouseClick: f,
     colorDomain: d,
     detailsOnClick: I,
     styles: h,
     classNames: r,
-    selectedColor: N,
-    axisLabels: U,
-    strokeWidth: J,
-    showValues: gt,
-    showDots: yt,
-    rightMargin: K,
-    topMargin: Q,
-    bottomMargin: z,
-    leftMargin: q,
-    curveType: Ct,
-    noOfTicks: _t,
+    selectedColor: D,
+    axisLabels: B,
+    strokeWidth: U,
+    showValues: yt,
+    showDots: _t,
+    rightMargin: J,
+    topMargin: K,
+    bottomMargin: X,
+    leftMargin: Y,
+    curveType: Ot,
+    noOfTicks: vt,
     minValue: b,
-    maxValue: V,
-    resetSelectionOnDoubleClick: D,
-    fillShape: Z,
+    maxValue: N,
+    resetSelectionOnDoubleClick: V,
+    fillShape: Q,
     highlightedLines: L,
     animate: u,
     dimmedOpacity: g,
     precision: tt,
     customLayers: k,
-    locale: it
+    locale: it,
+    padZeros: _
   } = i, C = Nt(null);
-  let _;
-  t[0] !== u.amount || t[1] !== u.once ? (_ = {
+  let et;
+  t[0] !== u.amount || t[1] !== u.once ? (et = {
     once: u.once,
     amount: u.amount
-  }, t[0] = u.amount, t[1] = u.once, t[2] = _) : _ = t[2];
-  const E = Qt(C, _), vt = Ct === "linear" ? hi : ci;
-  let et;
-  t[3] !== z || t[4] !== q || t[5] !== K || t[6] !== Q ? (et = {
-    top: Q,
-    bottom: z,
-    left: q,
-    right: K
-  }, t[3] = z, t[4] = q, t[5] = K, t[6] = Q, t[7] = et) : et = t[7];
-  const T = et, v = Math.min((2 * c - q - K) / 2, (2 * c - Q - z) / 2), [y, Mt] = dt(void 0), [O, bt] = dt(void 0), [nt, ot] = dt(void 0), [at, kt] = dt(void 0);
-  let R, $, P, G, F, W, w, A, a, j, st, H, rt, lt;
-  if (t[8] !== u.duration || t[9] !== U || t[10] !== r?.graphObjectValues || t[11] !== r?.xAxis?.axis || t[12] !== r?.xAxis?.gridLines || t[13] !== r?.xAxis?.labels || t[14] !== d || t[15] !== vt || t[16] !== k || t[17] !== n || t[18] !== I || t[19] !== g || t[20] !== Z || t[21] !== L || t[22] !== E || t[23] !== s || t[24] !== it || t[25] !== T.left || t[26] !== T.top || t[27] !== V || t[28] !== b || t[29] !== O || t[30] !== y || t[31] !== _t || t[32] !== m || t[33] !== Y || t[34] !== tt || t[35] !== c || t[36] !== v || t[37] !== D || t[38] !== N || t[39] !== yt || t[40] !== gt || t[41] !== J || t[42] !== h?.graphObjectValues || t[43] !== h?.xAxis?.axis || t[44] !== h?.xAxis?.gridLines || t[45] !== h?.xAxis?.labels) {
-    const l = Lt().domain([0, n[0].values.length]).range([0, 2 * Math.PI]);
-    let Pt;
-    t[60] !== n || t[61] !== V ? (Pt = B(V) ? Math.max(...n.map(Ai)) < 0 ? 0 : Math.max(...n.map(Oi)) : V, t[60] = n, t[61] = V, t[62] = Pt) : Pt = t[62];
-    const Wt = Pt;
+  }, t[0] = u.amount, t[1] = u.once, t[2] = et) : et = t[2];
+  const E = Qt(C, et), Mt = Ot === "linear" ? ui : hi;
+  let nt;
+  t[3] !== X || t[4] !== Y || t[5] !== J || t[6] !== K ? (nt = {
+    top: K,
+    bottom: X,
+    left: Y,
+    right: J
+  }, t[3] = X, t[4] = Y, t[5] = J, t[6] = K, t[7] = nt) : nt = t[7];
+  const T = nt, v = Math.min((2 * c - Y - J) / 2, (2 * c - K - X) / 2), [y, bt] = gt(void 0), [O, kt] = gt(void 0), [z, wt] = gt(void 0), [ot, Z] = gt(void 0);
+  let P, R, $, G, w, A, a, j, at, st, rt, F, lt, ct;
+  if (t[8] !== u.duration || t[9] !== B || t[10] !== r?.graphObjectValues || t[11] !== r?.xAxis?.axis || t[12] !== r?.xAxis?.gridLines || t[13] !== r?.xAxis?.labels || t[14] !== d || t[15] !== Mt || t[16] !== k || t[17] !== n || t[18] !== I || t[19] !== g || t[20] !== Q || t[21] !== L || t[22] !== E || t[23] !== s || t[24] !== it || t[25] !== T.left || t[26] !== T.top || t[27] !== N || t[28] !== b || t[29] !== O || t[30] !== y || t[31] !== vt || t[32] !== f || t[33] !== H || t[34] !== _ || t[35] !== tt || t[36] !== c || t[37] !== v || t[38] !== V || t[39] !== D || t[40] !== _t || t[41] !== yt || t[42] !== U || t[43] !== h?.graphObjectValues || t[44] !== h?.xAxis?.axis || t[45] !== h?.xAxis?.gridLines || t[46] !== h?.xAxis?.labels) {
+    const l = Et().domain([0, n[0].values.length]).range([0, 2 * Math.PI]);
     let At;
-    t[63] !== n || t[64] !== b ? (At = B(b) ? Math.min(...n.map(Ii)) >= 0 ? 0 : Math.min(...n.map(ki)) : b, t[63] = n, t[64] = b, t[65] = At) : At = t[65];
-    const Ht = At, M = Lt().domain([Ht, Wt]).range([0, v]).nice(), Xt = M.ticks(_t), jt = li().radius((e) => M(e)).angle((e, f) => l(f)).curve(vt);
-    $ = It.svg, rt = `${c * 2}px`, lt = `${c * 2}px`, P = `0 0 ${c * 2} ${c * 2}`, G = "ltr", F = C, W = "mx-auto", st = `translate(${T.left},${T.top})`, t[66] !== k ? (H = k.filter(bi).map(Mi), t[66] = k, t[67] = H) : H = t[67], A = `translate(${v},${v})`, a = U.map((e, f) => /* @__PURE__ */ o.jsxs("g", { children: [
-      /* @__PURE__ */ o.jsx("line", { x1: 0, y1: 0, x2: Math.cos(l(f) - Math.PI / 2) * v, y2: Math.sin(l(f) - Math.PI / 2) * v, className: wt("stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550", r?.xAxis?.axis), style: h?.xAxis?.axis }, f),
-      /* @__PURE__ */ o.jsx("text", { x: Math.cos(l(f) - Math.PI / 2) * (v + 6), y: Math.sin(l(f) - Math.PI / 2) * (v + 6), style: {
-        textAnchor: Math.cos(l(f) - Math.PI / 2) < 0 ? "end" : Math.cos(l(f) - Math.PI / 2) < 1e-5 ? "middle" : "start",
+    t[61] !== n || t[62] !== N ? (At = q(N) ? Math.max(...n.map(ji)) < 0 ? 0 : Math.max(...n.map(Pi)) : N, t[61] = n, t[62] = N, t[63] = At) : At = t[63];
+    const Ht = At;
+    let jt;
+    t[64] !== n || t[65] !== b ? (jt = q(b) ? Math.min(...n.map(Ci)) >= 0 ? 0 : Math.min(...n.map(wi)) : b, t[64] = n, t[65] = b, t[66] = jt) : jt = t[66];
+    const Xt = jt, M = Et().domain([Xt, Ht]).range([0, v]).nice(), Yt = M.ticks(vt), St = ci().radius((e) => M(e)).angle((e, p) => l(p)).curve(Mt);
+    R = Ct.svg, lt = `${c * 2}px`, ct = `${c * 2}px`, $ = `0 0 ${c * 2} ${c * 2}`, G = "ltr", w = C, A = "mx-auto", rt = `translate(${T.left},${T.top})`, t[67] !== k ? (F = k.filter(ki).map(bi), t[67] = k, t[68] = F) : F = t[68], j = `translate(${v},${v})`, at = B.map((e, p) => /* @__PURE__ */ o.jsxs("g", { children: [
+      /* @__PURE__ */ o.jsx("line", { x1: 0, y1: 0, x2: Math.cos(l(p) - Math.PI / 2) * v, y2: Math.sin(l(p) - Math.PI / 2) * v, className: It("stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550", r?.xAxis?.axis), style: h?.xAxis?.axis }, p),
+      /* @__PURE__ */ o.jsx("text", { x: Math.cos(l(p) - Math.PI / 2) * (v + 6), y: Math.sin(l(p) - Math.PI / 2) * (v + 6), style: {
+        textAnchor: Math.cos(l(p) - Math.PI / 2) < 0 ? "end" : Math.cos(l(p) - Math.PI / 2) < 1e-5 ? "middle" : "start",
         ...h?.xAxis?.labels || ""
-      }, dy: Math.sin(l(f) - Math.PI / 2) < 0 ? 0 : Math.sin(l(f) - Math.PI / 2) < 1e-5 ? 5 : 10, className: wt("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", r?.xAxis?.labels), children: e })
-    ] }, f)), j = Xt.map((e, f) => /* @__PURE__ */ o.jsxs("g", { children: [
-      /* @__PURE__ */ o.jsx("path", { d: jt(Array(U.length).fill(e)) || "", className: wt("stroke-primary-gray-500 dark:stroke-primary-gray-550", r?.xAxis?.gridLines), style: {
+      }, dy: Math.sin(l(p) - Math.PI / 2) < 0 ? 0 : Math.sin(l(p) - Math.PI / 2) < 1e-5 ? 5 : 10, className: It("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", r?.xAxis?.labels), children: e })
+    ] }, p)), st = Yt.map((e, p) => /* @__PURE__ */ o.jsxs("g", { children: [
+      /* @__PURE__ */ o.jsx("path", { d: St(Array(B.length).fill(e)) || "", className: It("stroke-primary-gray-500 dark:stroke-primary-gray-550", r?.xAxis?.gridLines), style: {
         ...h?.xAxis?.gridLines,
         fill: "none"
       } }),
-      /* @__PURE__ */ o.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: /* @__PURE__ */ o.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ o.jsx("p", { className: wt("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", r?.xAxis?.labels), style: h?.xAxis?.labels, children: Dt(e, void 0, tt, void 0, void 0, it) }) }) })
-    ] }, f)), R = Zt, w = n.map((e, f) => /* @__PURE__ */ o.jsxs(It.g, { variants: {
+      /* @__PURE__ */ o.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: /* @__PURE__ */ o.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ o.jsx("p", { className: It("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", r?.xAxis?.labels), style: h?.xAxis?.labels, children: Lt(e, void 0, tt, void 0, void 0, it, _) }) }) })
+    ] }, p)), P = ti, a = n.map((e, p) => /* @__PURE__ */ o.jsxs(Ct.g, { variants: {
       initial: {
-        opacity: y ? e.label === y.label ? 1 : g : N ? e.color && s[d.indexOf(e.color)] === N ? 1 : g : L ? e.label && L.indexOf(e.label) !== -1 ? 1 : 0.3 : 1
+        opacity: y ? e.label === y.label ? 1 : g : D ? e.color && s[d.indexOf(e.color)] === D ? 1 : g : L ? e.label && L.indexOf(e.label) !== -1 ? 1 : 0.3 : 1
       },
       whileInView: {
-        opacity: y ? e.label === y.label ? 1 : g : N ? e.color && s[d.indexOf(e.color)] === N ? 1 : g : L ? e.label && L.indexOf(e.label) !== -1 ? 1 : g : 1,
+        opacity: y ? e.label === y.label ? 1 : g : D ? e.color && s[d.indexOf(e.color)] === D ? 1 : g : L ? e.label && L.indexOf(e.label) !== -1 ? 1 : g : 1,
         transition: {
           duration: u.duration
         }
@@ -269,30 +270,30 @@ function ui(i) {
       transition: {
         duration: u.duration
       }
-    }, onMouseEnter: (p) => {
-      Mt(e), kt(p.clientY), ot(p.clientX), Y?.(e);
-    }, onMouseMove: (p) => {
-      Mt(e), kt(p.clientY), ot(p.clientX);
+    }, onMouseEnter: (m) => {
+      bt(e), Z(m.clientY), wt(m.clientX), H?.(e);
+    }, onMouseMove: (m) => {
+      bt(e), Z(m.clientY), wt(m.clientX);
     }, onMouseLeave: () => {
-      Mt(void 0), ot(void 0), kt(void 0), Y?.(void 0);
+      bt(void 0), wt(void 0), Z(void 0), H?.(void 0);
     }, onClick: () => {
-      (m || I) && (qt(O, e) && D ? (bt(void 0), m?.(void 0)) : (bt(e), m?.(e)));
+      (f || I) && (qt(O, e) && V ? (kt(void 0), f?.(void 0)) : (kt(e), f?.(e)));
     }, children: [
-      /* @__PURE__ */ o.jsx(It.path, { d: jt(e.values) || "", variants: {
+      /* @__PURE__ */ o.jsx(Ct.path, { d: St(e.values) || "", variants: {
         initial: {
-          d: jt(e.values.map(vi)) || "",
-          stroke: n.filter(_i).length === 0 ? s[0] : e.color ? s[d.indexOf(e.color)] : S.gray,
-          fill: Z ? n.filter(yi).length === 0 ? s[0] : e.color ? s[d.indexOf(e.color)] : S.gray : "none",
-          strokeWidth: J
+          d: St(e.values.map(Mi)) || "",
+          stroke: n.filter(vi).length === 0 ? s[0] : e.color ? s[d.indexOf(e.color)] : S.gray,
+          fill: Q ? n.filter(_i).length === 0 ? s[0] : e.color ? s[d.indexOf(e.color)] : S.gray : "none",
+          strokeWidth: U
         },
         whileInView: {
-          d: jt(e.values) || "",
+          d: St(e.values) || "",
           transition: {
             duration: u.duration
           },
-          stroke: n.filter(gi).length === 0 ? s[0] : e.color ? s[d.indexOf(e.color)] : S.gray,
-          fill: Z ? n.filter(di).length === 0 ? s[0] : e.color ? s[d.indexOf(e.color)] : S.gray : "none",
-          strokeWidth: J
+          stroke: n.filter(yi).length === 0 ? s[0] : e.color ? s[d.indexOf(e.color)] : S.gray,
+          fill: Q ? n.filter(gi).length === 0 ? s[0] : e.color ? s[d.indexOf(e.color)] : S.gray : "none",
+          strokeWidth: U
         }
       }, initial: "initial", animate: E ? "whileInView" : "initial", exit: {
         opacity: 0,
@@ -302,22 +303,22 @@ function ui(i) {
       }, style: {
         fillOpacity: 0.1
       } }),
-      /* @__PURE__ */ o.jsx("g", { children: e.values.map((p, x) => /* @__PURE__ */ o.jsx("g", { children: B(p) ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-        yt ? /* @__PURE__ */ o.jsx(It.circle, { r: 4, variants: {
+      /* @__PURE__ */ o.jsx("g", { children: e.values.map((m, x) => /* @__PURE__ */ o.jsx("g", { children: q(m) ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+        _t ? /* @__PURE__ */ o.jsx(Ct.circle, { r: 4, variants: {
           initial: {
             cx: 0,
             cy: 0,
             opacity: 0,
-            fill: n.filter(xi).length === 0 ? s[0] : e.color ? s[d.indexOf(e.color)] : S.gray
+            fill: n.filter(di).length === 0 ? s[0] : e.color ? s[d.indexOf(e.color)] : S.gray
           },
           whileInView: {
-            cx: Math.cos(l(x) - Math.PI / 2) * M(p),
-            cy: Math.sin(l(x) - Math.PI / 2) * M(p),
+            cx: Math.cos(l(x) - Math.PI / 2) * M(m),
+            cy: Math.sin(l(x) - Math.PI / 2) * M(m),
             opacity: 1,
             transition: {
               duration: u.duration
             },
-            fill: n.filter(pi).length === 0 ? s[0] : e.color ? s[d.indexOf(e.color)] : S.gray
+            fill: n.filter(xi).length === 0 ? s[0] : e.color ? s[d.indexOf(e.color)] : S.gray
           }
         }, initial: "initial", animate: E ? "whileInView" : "initial", exit: {
           opacity: 0,
@@ -325,21 +326,21 @@ function ui(i) {
             duration: u.duration
           }
         } }) : null,
-        gt ? /* @__PURE__ */ o.jsx(It.text, { style: {
+        yt ? /* @__PURE__ */ o.jsx(Ct.text, { style: {
           ...h?.graphObjectValues || {}
-        }, dy: Math.sin(l(x) - Math.PI / 2) < 0 ? 10 : (Math.sin(l(x) - Math.PI / 2) < 1e-5, 0), className: wt("graph-value text-xs font-bold", r?.graphObjectValues), variants: {
+        }, dy: Math.sin(l(x) - Math.PI / 2) < 0 ? 10 : (Math.sin(l(x) - Math.PI / 2) < 1e-5, 0), className: It("graph-value text-xs font-bold", r?.graphObjectValues), variants: {
           initial: {
             opacity: 0,
-            x: Math.cos(l(x) - Math.PI / 2) * (M(p) + 6),
-            y: Math.sin(l(x) - Math.PI / 2) * (M(p) + 6),
-            fill: s[f],
+            x: Math.cos(l(x) - Math.PI / 2) * (M(m) + 6),
+            y: Math.sin(l(x) - Math.PI / 2) * (M(m) + 6),
+            fill: s[p],
             textAnchor: Math.cos(l(x) - Math.PI / 2) < 0 ? "end" : Math.cos(l(x) - Math.PI / 2) < 1e-5 ? "middle" : "start"
           },
           whileInView: {
             opacity: 1,
-            x: Math.cos(l(x) - Math.PI / 2) * (M(p) + 6),
-            y: Math.sin(l(x) - Math.PI / 2) * (M(p) + 6),
-            fill: s[f],
+            x: Math.cos(l(x) - Math.PI / 2) * (M(m) + 6),
+            y: Math.sin(l(x) - Math.PI / 2) * (M(m) + 6),
+            fill: s[p],
             textAnchor: Math.cos(l(x) - Math.PI / 2) < 0 ? "end" : Math.cos(l(x) - Math.PI / 2) < 1e-5 ? "middle" : "start",
             transition: {
               duration: u.duration
@@ -350,39 +351,39 @@ function ui(i) {
           transition: {
             duration: u.duration
           }
-        }, children: Dt(p, void 0, tt, void 0, void 0, it) }) : null
+        }, children: Lt(m, void 0, tt, void 0, void 0, it, _) }) : null
       ] }) }, x)) })
-    ] }, e.label || f)), t[8] = u.duration, t[9] = U, t[10] = r?.graphObjectValues, t[11] = r?.xAxis?.axis, t[12] = r?.xAxis?.gridLines, t[13] = r?.xAxis?.labels, t[14] = d, t[15] = vt, t[16] = k, t[17] = n, t[18] = I, t[19] = g, t[20] = Z, t[21] = L, t[22] = E, t[23] = s, t[24] = it, t[25] = T.left, t[26] = T.top, t[27] = V, t[28] = b, t[29] = O, t[30] = y, t[31] = _t, t[32] = m, t[33] = Y, t[34] = tt, t[35] = c, t[36] = v, t[37] = D, t[38] = N, t[39] = yt, t[40] = gt, t[41] = J, t[42] = h?.graphObjectValues, t[43] = h?.xAxis?.axis, t[44] = h?.xAxis?.gridLines, t[45] = h?.xAxis?.labels, t[46] = R, t[47] = $, t[48] = P, t[49] = G, t[50] = F, t[51] = W, t[52] = w, t[53] = A, t[54] = a, t[55] = j, t[56] = st, t[57] = H, t[58] = rt, t[59] = lt;
+    ] }, e.label || p)), t[8] = u.duration, t[9] = B, t[10] = r?.graphObjectValues, t[11] = r?.xAxis?.axis, t[12] = r?.xAxis?.gridLines, t[13] = r?.xAxis?.labels, t[14] = d, t[15] = Mt, t[16] = k, t[17] = n, t[18] = I, t[19] = g, t[20] = Q, t[21] = L, t[22] = E, t[23] = s, t[24] = it, t[25] = T.left, t[26] = T.top, t[27] = N, t[28] = b, t[29] = O, t[30] = y, t[31] = vt, t[32] = f, t[33] = H, t[34] = _, t[35] = tt, t[36] = c, t[37] = v, t[38] = V, t[39] = D, t[40] = _t, t[41] = yt, t[42] = U, t[43] = h?.graphObjectValues, t[44] = h?.xAxis?.axis, t[45] = h?.xAxis?.gridLines, t[46] = h?.xAxis?.labels, t[47] = P, t[48] = R, t[49] = $, t[50] = G, t[51] = w, t[52] = A, t[53] = a, t[54] = j, t[55] = at, t[56] = st, t[57] = rt, t[58] = F, t[59] = lt, t[60] = ct;
   } else
-    R = t[46], $ = t[47], P = t[48], G = t[49], F = t[50], W = t[51], w = t[52], A = t[53], a = t[54], j = t[55], st = t[56], H = t[57], rt = t[58], lt = t[59];
-  let ct;
-  t[68] !== R || t[69] !== w ? (ct = /* @__PURE__ */ o.jsx(R, { children: w }), t[68] = R, t[69] = w, t[70] = ct) : ct = t[70];
+    P = t[47], R = t[48], $ = t[49], G = t[50], w = t[51], A = t[52], a = t[53], j = t[54], at = t[55], st = t[56], rt = t[57], F = t[58], lt = t[59], ct = t[60];
   let ht;
-  t[71] !== ct || t[72] !== A || t[73] !== a || t[74] !== j ? (ht = /* @__PURE__ */ o.jsxs("g", { transform: A, children: [
-    a,
-    j,
-    ct
-  ] }), t[71] = ct, t[72] = A, t[73] = a, t[74] = j, t[75] = ht) : ht = t[75];
+  t[69] !== P || t[70] !== a ? (ht = /* @__PURE__ */ o.jsx(P, { children: a }), t[69] = P, t[70] = a, t[71] = ht) : ht = t[71];
   let ut;
-  t[76] !== k ? (ut = k.filter(mi).map(fi), t[76] = k, t[77] = ut) : ut = t[77];
+  t[72] !== ht || t[73] !== j || t[74] !== at || t[75] !== st ? (ut = /* @__PURE__ */ o.jsxs("g", { transform: j, children: [
+    at,
+    st,
+    ht
+  ] }), t[72] = ht, t[73] = j, t[74] = at, t[75] = st, t[76] = ut) : ut = t[76];
+  let pt;
+  t[77] !== k ? (pt = k.filter(mi).map(fi), t[77] = k, t[78] = pt) : pt = t[78];
   let ft;
-  t[78] !== ht || t[79] !== ut || t[80] !== st || t[81] !== H ? (ft = /* @__PURE__ */ o.jsxs("g", { transform: st, children: [
-    H,
-    ht,
-    ut
-  ] }), t[78] = ht, t[79] = ut, t[80] = st, t[81] = H, t[82] = ft) : ft = t[82];
+  t[79] !== ut || t[80] !== pt || t[81] !== rt || t[82] !== F ? (ft = /* @__PURE__ */ o.jsxs("g", { transform: rt, children: [
+    F,
+    ut,
+    pt
+  ] }), t[79] = ut, t[80] = pt, t[81] = rt, t[82] = F, t[83] = ft) : ft = t[83];
   let mt;
-  t[83] !== $ || t[84] !== P || t[85] !== G || t[86] !== F || t[87] !== W || t[88] !== ft || t[89] !== rt || t[90] !== lt ? (mt = /* @__PURE__ */ o.jsx($, { width: rt, height: lt, viewBox: P, direction: G, ref: F, className: W, children: ft }), t[83] = $, t[84] = P, t[85] = G, t[86] = F, t[87] = W, t[88] = ft, t[89] = rt, t[90] = lt, t[91] = mt) : mt = t[91];
-  let pt;
-  t[92] !== r?.tooltip || t[93] !== nt || t[94] !== at || t[95] !== y || t[96] !== h?.tooltip || t[97] !== X ? (pt = y && X && nt && at ? /* @__PURE__ */ o.jsx(Bt, { data: y, body: X, xPos: nt, yPos: at, backgroundStyle: h?.tooltip, className: r?.tooltip }) : null, t[92] = r?.tooltip, t[93] = nt, t[94] = at, t[95] = y, t[96] = h?.tooltip, t[97] = X, t[98] = pt) : pt = t[98];
+  t[84] !== R || t[85] !== $ || t[86] !== G || t[87] !== w || t[88] !== A || t[89] !== ft || t[90] !== lt || t[91] !== ct ? (mt = /* @__PURE__ */ o.jsx(R, { width: lt, height: ct, viewBox: $, direction: G, ref: w, className: A, children: ft }), t[84] = R, t[85] = $, t[86] = G, t[87] = w, t[88] = A, t[89] = ft, t[90] = lt, t[91] = ct, t[92] = mt) : mt = t[92];
   let xt;
-  t[99] !== r?.modal || t[100] !== I || t[101] !== O ? (xt = I && O !== void 0 ? /* @__PURE__ */ o.jsx(Ut, { body: I, data: O, setData: bt, className: r?.modal }) : null, t[99] = r?.modal, t[100] = I, t[101] = O, t[102] = xt) : xt = t[102];
-  let Ot;
-  return t[103] !== mt || t[104] !== pt || t[105] !== xt ? (Ot = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+  t[93] !== r?.tooltip || t[94] !== z || t[95] !== ot || t[96] !== y || t[97] !== h?.tooltip || t[98] !== W ? (xt = y && W && z && ot ? /* @__PURE__ */ o.jsx(Bt, { data: y, body: W, xPos: z, yPos: ot, backgroundStyle: h?.tooltip, className: r?.tooltip }) : null, t[93] = r?.tooltip, t[94] = z, t[95] = ot, t[96] = y, t[97] = h?.tooltip, t[98] = W, t[99] = xt) : xt = t[99];
+  let dt;
+  t[100] !== r?.modal || t[101] !== I || t[102] !== O ? (dt = I && O !== void 0 ? /* @__PURE__ */ o.jsx(Ut, { body: I, data: O, setData: kt, className: r?.modal }) : null, t[100] = r?.modal, t[101] = I, t[102] = O, t[103] = dt) : dt = t[103];
+  let Pt;
+  return t[104] !== mt || t[105] !== xt || t[106] !== dt ? (Pt = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     mt,
-    pt,
-    xt
-  ] }), t[103] = mt, t[104] = pt, t[105] = xt, t[106] = Ot) : Ot = t[106], Ot;
+    xt,
+    dt
+  ] }), t[104] = mt, t[105] = xt, t[106] = dt, t[107] = Pt) : Pt = t[107], Pt;
 }
 function fi(i) {
   return i.layer;
@@ -390,9 +391,6 @@ function fi(i) {
 function mi(i) {
   return i.position === "after";
 }
-function pi(i) {
-  return i.color;
-}
 function xi(i) {
   return i.color;
 }
@@ -409,37 +407,40 @@ function _i(i) {
   return i.color;
 }
 function vi(i) {
-  return 0;
+  return i.color;
 }
 function Mi(i) {
-  return i.layer;
+  return 0;
 }
 function bi(i) {
-  return i.position === "before";
+  return i.layer;
 }
 function ki(i) {
-  return Math.min(...i.values.filter(wi));
+  return i.position === "before";
 }
 function wi(i) {
-  return !B(i);
+  return Math.min(...i.values.filter(Ii));
 }
 function Ii(i) {
-  return Math.min(...i.values.filter(Ci));
+  return !q(i);
 }
 function Ci(i) {
-  return !B(i);
+  return Math.min(...i.values.filter(Oi));
 }
 function Oi(i) {
-  return Math.max(...i.values.filter(Pi));
+  return !q(i);
 }
 function Pi(i) {
-  return !B(i);
+  return Math.max(...i.values.filter(Ai));
 }
 function Ai(i) {
-  return Math.max(...i.values.filter(ji));
+  return !q(i);
 }
 function ji(i) {
-  return !B(i);
+  return Math.max(...i.values.filter(Si));
+}
+function Si(i) {
+  return !q(i);
 }
 function Ji(i) {
   const {
@@ -447,85 +448,84 @@ function Ji(i) {
     colors: n,
     sources: c,
     graphDescription: s,
-    footNote: X,
-    radius: Y,
-    data: m,
+    footNote: W,
+    radius: H,
+    data: f,
     showColorScale: d = !0,
     padding: I,
     backgroundColor: h = !1,
     tooltip: r,
-    onSeriesMouseOver: N,
-    graphID: U,
-    onSeriesMouseClick: J,
-    topMargin: gt = 75,
-    bottomMargin: yt = 75,
-    leftMargin: K = 75,
-    rightMargin: Q = 75,
-    graphDownload: z = !1,
-    dataDownload: q = !1,
-    colorDomain: Ct,
-    language: _t = "en",
+    onSeriesMouseOver: D,
+    graphID: B,
+    onSeriesMouseClick: U,
+    topMargin: yt = 75,
+    bottomMargin: _t = 75,
+    leftMargin: J = 75,
+    rightMargin: K = 75,
+    graphDownload: X = !1,
+    dataDownload: Y = !1,
+    colorDomain: Ot,
+    language: vt = "en",
     theme: b = "light",
-    highlightedLines: V,
-    width: D,
-    height: Z,
+    highlightedLines: N,
+    width: V,
+    height: Q,
     minHeight: L = 0,
     strokeWidth: u = 2,
     relativeHeight: g,
     ariaLabel: tt,
     colorLegendTitle: k,
     detailsOnClick: it,
-    styles: C,
-    classNames: _,
-    showNAColor: E = !0,
-    axisLabels: vt,
-    showDots: et = !0,
-    showValues: T = !1,
-    curveType: v = "curve",
-    noOfTicks: y = 5,
-    minValue: Mt,
-    maxValue: O,
-    fillShape: bt = !1,
-    resetSelectionOnDoubleClick: nt = !0,
-    animate: ot = !1,
-    dimmedOpacity: at = 0.3,
-    precision: kt = 2,
-    customLayers: R = [],
-    locale: $ = "en"
-  } = i, [P, G] = dt(0), [F, W] = dt(void 0), w = Nt(null), A = Nt(null);
-  return zt(() => {
+    styles: _,
+    classNames: C,
+    showNAColor: et = !0,
+    axisLabels: E,
+    showDots: Mt = !0,
+    showValues: nt = !1,
+    curveType: T = "curve",
+    noOfTicks: v = 5,
+    minValue: y,
+    maxValue: bt,
+    fillShape: O = !1,
+    resetSelectionOnDoubleClick: kt = !0,
+    animate: z = !1,
+    dimmedOpacity: wt = 0.3,
+    customLayers: ot = [],
+    numberDisplayOptions: Z
+  } = i, [P, R] = gt(0), [$, G] = gt(void 0), w = Nt(null), A = Nt(null);
+  return Zt(() => {
     const a = new ResizeObserver((j) => {
-      G((Math.min(j[0].target.clientWidth || 620, j[0].target.clientHeight || 480, Y || 1 / 0) || 420) / 2);
+      R((Math.min(j[0].target.clientWidth || 620, j[0].target.clientHeight || 480, H || 1 / 0) || 420) / 2);
     });
     return w.current && a.observe(w.current), () => a.disconnect();
-  }, [Y]), /* @__PURE__ */ o.jsxs(oi, { className: _?.graphContainer, style: C?.graphContainer, id: U, ref: A, "aria-label": tt, backgroundColor: h, theme: b, language: _t, minHeight: L, width: D, height: Z, relativeHeight: g, padding: I, children: [
-    t || s || z || q ? /* @__PURE__ */ o.jsx(ii, { styles: {
-      title: C?.title,
-      description: C?.description
-    }, classNames: {
+  }, [H]), /* @__PURE__ */ o.jsxs(ai, { className: C?.graphContainer, style: _?.graphContainer, id: B, ref: A, "aria-label": tt, backgroundColor: h, theme: b, language: vt, minHeight: L, width: V, height: Q, relativeHeight: g, padding: I, children: [
+    t || s || X || Y ? /* @__PURE__ */ o.jsx(ei, { styles: {
       title: _?.title,
       description: _?.description
-    }, graphTitle: t, graphDescription: s, width: D, graphDownload: z ? A : void 0, dataDownload: q ? m.map((a) => a.data).filter((a) => a !== void 0).length > 0 ? m.map((a) => a.data).filter((a) => a !== void 0) : m.filter((a) => a !== void 0) : null }) : null,
-    d && m.filter((a) => a.color).length !== 0 && m.length > 0 ? /* @__PURE__ */ o.jsx(ni, { width: D, colorLegendTitle: k, colors: n || S[b].categoricalColors.colors, colorDomain: Ct || Et(m, "color", !0), setSelectedColor: W, showNAColor: E, className: _?.colorLegend, isCenter: !0 }) : null,
-    /* @__PURE__ */ o.jsxs(ai, { ref: w, children: [
-      m.length === 0 && /* @__PURE__ */ o.jsx(ei, {}),
-      P && m.length > 0 ? /* @__PURE__ */ o.jsx(ui, { data: m, lineColors: m.filter((a) => a.color).length === 0 ? n ? [n] : [S.primaryColors["blue-600"]] : n || S[b].categoricalColors.colors, radius: P, tooltip: r, colorDomain: Ct || Et(m, "color", !0), onSeriesMouseOver: N, onSeriesMouseClick: J, styles: C, detailsOnClick: it, selectedColor: F, axisLabels: vt, strokeWidth: u, showValues: T, showDots: et, topMargin: gt, bottomMargin: yt, leftMargin: K, rightMargin: Q, curveType: v, noOfTicks: y, minValue: Mt, maxValue: O, fillShape: bt, highlightedLines: V, resetSelectionOnDoubleClick: nt, animate: ot === !0 ? {
+    }, classNames: {
+      title: C?.title,
+      description: C?.description
+    }, graphTitle: t, graphDescription: s, width: V, graphDownload: X ? A : void 0, dataDownload: Y ? f.map((a) => a.data).filter((a) => a !== void 0).length > 0 ? f.map((a) => a.data).filter((a) => a !== void 0) : f.filter((a) => a !== void 0) : null }) : null,
+    d && f.filter((a) => a.color).length !== 0 && f.length > 0 ? /* @__PURE__ */ o.jsx(oi, { width: V, colorLegendTitle: k, colors: n || S[b].categoricalColors.colors, colorDomain: Ot || Tt(f, "color", !0), setSelectedColor: G, showNAColor: et, className: C?.colorLegend, isCenter: !0 }) : null,
+    /* @__PURE__ */ o.jsxs(si, { ref: w, children: [
+      f.length === 0 && /* @__PURE__ */ o.jsx(ni, {}),
+      P && f.length > 0 ? /* @__PURE__ */ o.jsx(pi, { data: f, lineColors: f.filter((a) => a.color).length === 0 ? n ? [n] : [S.primaryColors["blue-600"]] : n || S[b].categoricalColors.colors, radius: P, tooltip: r, colorDomain: Ot || Tt(f, "color", !0), onSeriesMouseOver: D, onSeriesMouseClick: U, styles: _, detailsOnClick: it, selectedColor: $, axisLabels: E, strokeWidth: u, showValues: nt, showDots: Mt, topMargin: yt, bottomMargin: _t, leftMargin: J, rightMargin: K, curveType: T, noOfTicks: v, minValue: y, maxValue: bt, fillShape: O, highlightedLines: N, resetSelectionOnDoubleClick: kt, animate: z === !0 ? {
         duration: 0.5,
         once: !0,
         amount: 0.5
-      } : ot || {
+      } : z || {
         duration: 0,
         once: !0,
         amount: 0
-      }, dimmedOpacity: at, precision: kt, customLayers: R, locale: $ }) : null
+      }, dimmedOpacity: wt, precision: Z?.precision ?? 2, customLayers: ot, locale: Z?.locale || "en", padZeros: Z?.padZeros || !1 }) : null
     ] }),
-    c || X ? /* @__PURE__ */ o.jsx(ti, { styles: {
-      footnote: C?.footnote,
-      source: C?.source
-    }, classNames: {
+    c || W ? /* @__PURE__ */ o.jsx(ii, { styles: {
       footnote: _?.footnote,
       source: _?.source
-    }, sources: c, footNote: X, width: D }) : null
+    }, classNames: {
+      footnote: C?.footnote,
+      source: C?.source
+    }, sources: c, footNote: W, width: V }) : null
   ] });
 }
 export {