@undp/data-viz 1.5.7 → 1.5.8

package/dist/RadarChart.js

@@ -1,23 +1,23 @@
-import { j as n, m as E } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { j as n, m as L } from "./index-CHPV5EwG-BPSP-7Jg.js";
 import { useRef as ut, useState as j, useEffect as kt } from "react";
-import { i as jt } from "./index-Bwrro8-q.js";
-import { X as It } from "./Modal-DVVwpKhP.js";
+import { i as It } from "./index-Bwrro8-q.js";
+import { X as jt } from "./Modal-DVVwpKhP.js";
 import { T as Ct } from "./Tooltip-CVCGWyzw.js";
-import { Colors as L } from "./Colors.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 { Colors as v } from "./Colors.js";
+import { n as ft } from "./numberFormattingFunction-14YCbkN2.js";
+import { s as Pt } from "./string2HTML-oFCROsus.js";
+import { c as T } from "./checkIfNullOrUndefined-DmfiKkNw.js";
 import { a as xt } from "./linear-DUdu7l2G.js";
-import { c as Pt, l as St } from "./line-CPfhohvF.js";
-import { u as Ot } from "./use-in-view-yS6jzJAp.js";
-import { m as X } from "./proxy-CkpFesk1.js";
+import { c as Nt, l as Ot } from "./line-CPfhohvF.js";
+import { u as St } from "./use-in-view-yS6jzJAp.js";
+import { m as Y } from "./proxy-CkpFesk1.js";
 import { A as Tt } from "./index-CNvov0eg.js";
 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);
+import { ColorLegendWithMouseOver as At } from "./ColorLegendWithMouseOver.js";
+import { u as pt } from "./uniqBy-BHy4I8PK.js";
+var Et = _t(Nt);
 function gt(t) {
   this._curve = t;
 }
@@ -44,16 +44,16 @@ function _t(t) {
   }
   return e._curve = t, e;
 }
-function At(t) {
+function Lt(t) {
   var e = t.curve;
   return t.angle = t.x, delete t.x, t.radius = t.y, delete t.y, t.curve = function(s) {
     return arguments.length ? e(_t(s)) : e()._curve;
   }, t;
 }
 function Ht() {
-  return At(St().curve(Lt));
+  return Lt(Ot().curve(Et));
 }
-function et() {
+function nt() {
 }
 function dt(t, e, s) {
   t._context.bezierCurveTo(
@@ -108,19 +108,19 @@ yt.prototype = {
   }
 };
 (function t(e) {
-  function s(l) {
-    return new yt(l, e);
+  function s(o) {
+    return new yt(o, e);
   }
-  return s.tension = function(l) {
-    return t(+l);
+  return s.tension = function(o) {
+    return t(+o);
   }, s;
 })(0);
 function vt(t, e) {
   this._context = t, this._k = (1 - e) / 6;
 }
 vt.prototype = {
-  areaStart: et,
-  areaEnd: et,
+  areaStart: nt,
+  areaEnd: nt,
   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;
   },
@@ -159,19 +159,19 @@ vt.prototype = {
   }
 };
 const Rt = function t(e) {
-  function s(l) {
-    return new vt(l, e);
+  function s(o) {
+    return new vt(o, e);
   }
-  return s.tension = function(l) {
-    return t(+l);
+  return s.tension = function(o) {
+    return t(+o);
   }, s;
 }(0);
 function Mt(t) {
   this._context = t;
 }
 Mt.prototype = {
-  areaStart: et,
-  areaEnd: et,
+  areaStart: nt,
+  areaEnd: nt,
   lineStart: function() {
     this._point = 0;
   },
@@ -189,83 +189,83 @@ function Ft(t) {
   const {
     data: e,
     radius: s,
-    lineColors: l,
-    tooltip: I,
-    onSeriesMouseOver: A,
-    onSeriesMouseClick: v,
-    colorDomain: u,
-    detailsOnClick: M,
+    lineColors: o,
+    tooltip: C,
+    onSeriesMouseOver: H,
+    onSeriesMouseClick: M,
+    colorDomain: h,
+    detailsOnClick: w,
     styles: _,
-    classNames: m,
-    selectedColor: T,
-    axisLabels: Y,
-    strokeWidth: nt,
+    classNames: f,
+    selectedColor: $,
+    axisLabels: z,
+    strokeWidth: q,
     showValues: at,
-    showDots: st,
-    rightMargin: ot,
-    topMargin: z,
-    bottomMargin: rt,
-    leftMargin: H,
-    curveType: q,
-    noOfTicks: B,
-    minValue: $,
-    maxValue: D,
+    showDots: ot,
+    rightMargin: rt,
+    topMargin: B,
+    bottomMargin: st,
+    leftMargin: R,
+    curveType: U,
+    noOfTicks: J,
+    minValue: D,
+    maxValue: V,
     resetSelectionOnDoubleClick: lt,
     fillShape: c,
-    highlightedLines: f,
+    highlightedLines: p,
     animate: d,
     dimmedOpacity: g,
-    precision: C,
-    customLayers: U
-  } = t, J = ut(null), V = Ot(J, {
+    precision: P,
+    customLayers: K
+  } = t, Q = ut(null), A = St(Q, {
     once: d.once,
     amount: d.amount
-  }), w = q === "linear" ? Wt : Rt, b = {
-    top: z,
-    left: H
+  }), b = U === "linear" ? Wt : Rt, k = {
+    top: B,
+    left: R
   }, y = Math.min(
-    (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), r = xt().domain([0, e[0].values.length]).range([0, 2 * Math.PI]), Z = O(D) ? Math.max(
+    (2 * s - R - rt) / 2,
+    (2 * s - B - st) / 2
+  ), [I, W] = j(void 0), [N, F] = j(void 0), [Z, G] = j(void 0), [tt, X] = j(void 0), l = xt().domain([0, e[0].values.length]).range([0, 2 * Math.PI]), it = T(V) ? Math.max(
     ...e.map(
-      (i) => Math.max(...i.values.filter((a) => !O(a)))
+      (i) => Math.max(...i.values.filter((a) => !T(a)))
     )
   ) < 0 ? 0 : Math.max(
     ...e.map(
-      (i) => Math.max(...i.values.filter((a) => !O(a)))
+      (i) => Math.max(...i.values.filter((a) => !T(a)))
     )
-  ) : D, ct = O($) ? Math.min(
+  ) : V, ct = T(D) ? Math.min(
     ...e.map(
-      (i) => Math.min(...i.values.filter((a) => !O(a)))
+      (i) => Math.min(...i.values.filter((a) => !T(a)))
     )
   ) >= 0 ? 0 : Math.min(
     ...e.map(
-      (i) => Math.min(...i.values.filter((a) => !O(a)))
+      (i) => Math.min(...i.values.filter((a) => !T(a)))
     )
-  ) : $, 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);
+  ) : D, x = xt().domain([ct, it]).range([0, y]).nice(), ht = x.ticks(J), O = Ht().radius((i) => x(i)).angle((i, a) => l(a)).curve(b);
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
-      X.svg,
+      Y.svg,
       {
         width: `${s * 2}px`,
         height: `${s * 2}px`,
         viewBox: `0 0 ${s * 2} ${s * 2}`,
         direction: "ltr",
-        ref: J,
-        children: /* @__PURE__ */ n.jsxs("g", { transform: `translate(${b.left},${b.top})`, children: [
-          U.filter((i) => i.position === "before").map((i) => i.layer),
+        ref: Q,
+        children: /* @__PURE__ */ n.jsxs("g", { transform: `translate(${k.left},${k.top})`, children: [
+          K.filter((i) => i.position === "before").map((i) => i.layer),
           /* @__PURE__ */ n.jsxs("g", { transform: `translate(${y},${y})`, children: [
-            Y.map((i, a) => /* @__PURE__ */ n.jsxs("g", { children: [
+            z.map((i, a) => /* @__PURE__ */ n.jsxs("g", { children: [
               /* @__PURE__ */ n.jsx(
                 "line",
                 {
                   x1: 0,
                   y1: 0,
-                  x2: Math.cos(r(a) - Math.PI / 2) * y,
-                  y2: Math.sin(r(a) - Math.PI / 2) * y,
-                  className: E(
+                  x2: Math.cos(l(a) - Math.PI / 2) * y,
+                  y2: Math.sin(l(a) - Math.PI / 2) * y,
+                  className: L(
                     "stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550",
-                    m?.xAxis?.axis
+                    f?.xAxis?.axis
                   ),
                   style: _?.xAxis?.axis
                 },
@@ -274,16 +274,16 @@ function Ft(t) {
               /* @__PURE__ */ n.jsx(
                 "text",
                 {
-                  x: Math.cos(r(a) - Math.PI / 2) * (y + 6),
-                  y: Math.sin(r(a) - Math.PI / 2) * (y + 6),
+                  x: Math.cos(l(a) - Math.PI / 2) * (y + 6),
+                  y: Math.sin(l(a) - Math.PI / 2) * (y + 6),
                   style: {
-                    textAnchor: Math.cos(r(a) - Math.PI / 2) < 0 ? "end" : Math.cos(r(a) - Math.PI / 2) < 1e-5 ? "middle" : "start",
+                    textAnchor: Math.cos(l(a) - Math.PI / 2) < 0 ? "end" : Math.cos(l(a) - Math.PI / 2) < 1e-5 ? "middle" : "start",
                     ..._?.xAxis?.labels || ""
                   },
-                  dy: Math.sin(r(a) - Math.PI / 2) < 0 ? 0 : Math.sin(r(a) - Math.PI / 2) < 1e-5 ? 5 : 10,
-                  className: E(
+                  dy: Math.sin(l(a) - Math.PI / 2) < 0 ? 0 : Math.sin(l(a) - Math.PI / 2) < 1e-5 ? 5 : 10,
+                  className: L(
                     "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",
-                    m?.xAxis?.labels
+                    f?.xAxis?.labels
                   ),
                   children: i
                 }
@@ -293,10 +293,10 @@ function Ft(t) {
               /* @__PURE__ */ n.jsx(
                 "path",
                 {
-                  d: P(Array(Y.length).fill(i)) || "",
-                  className: E(
+                  d: O(Array(z.length).fill(i)) || "",
+                  className: L(
                     "stroke-primary-gray-500 dark:stroke-primary-gray-550",
-                    m?.xAxis?.gridLines
+                    f?.xAxis?.gridLines
                   ),
                   style: {
                     ..._?.xAxis?.gridLines,
@@ -308,159 +308,171 @@ function Ft(t) {
                 "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,
+                  y: Math.sin(-Math.PI / 2) * x(i) > -1e-4 ? Math.sin(-Math.PI / 2) * x(i) - 7 : Math.sin(-Math.PI / 2) * x(i) - 5,
                   width: 50,
                   height: 12,
                   children: /* @__PURE__ */ n.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ n.jsx(
                     "p",
                     {
-                      className: E(
+                      className: L(
                         "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",
-                        m?.xAxis?.labels
+                        f?.xAxis?.labels
                       ),
                       style: _?.xAxis?.labels,
-                      children: pt(i, "NA", C)
+                      children: ft(i, "NA", P)
                     }
                   ) })
                 }
               )
             ] }, a)),
             /* @__PURE__ */ n.jsx(Tt, { children: e.map((i, a) => /* @__PURE__ */ n.jsxs(
-              X.g,
+              Y.g,
               {
                 variants: {
                   initial: {
-                    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
+                    opacity: I ? i.label === I.label ? 1 : g : $ ? i.color && o[h.indexOf(i.color)] === $ ? 1 : g : p.length !== 0 ? i.label && p.indexOf(i.label) !== -1 ? 1 : 0.3 : 1
                   },
                   whileInView: {
-                    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,
+                    opacity: I ? i.label === I.label ? 1 : g : $ ? i.color && o[h.indexOf(i.color)] === $ ? 1 : g : p.length !== 0 ? i.label && p.indexOf(i.label) !== -1 ? 1 : g : 1,
                     transition: { duration: d.duration }
                   }
                 },
                 initial: "initial",
-                animate: V ? "whileInView" : "initial",
+                animate: A ? "whileInView" : "initial",
                 exit: { opacity: 0, transition: { duration: d.duration } },
-                onMouseEnter: (o) => {
-                  R(i), G(o.clientY), F(o.clientX), A?.(i);
+                onMouseEnter: (r) => {
+                  W(i), X(r.clientY), G(r.clientX), H?.(i);
                 },
-                onMouseMove: (o) => {
-                  R(i), G(o.clientY), F(o.clientX);
+                onMouseMove: (r) => {
+                  W(i), X(r.clientY), G(r.clientX);
                 },
                 onMouseLeave: () => {
-                  R(void 0), F(void 0), G(void 0), A?.(void 0);
+                  W(void 0), G(void 0), X(void 0), H?.(void 0);
                 },
                 onClick: () => {
-                  (v || M) && (jt(N, i) && lt ? (W(void 0), v?.(void 0)) : (W(i), v?.(i)));
+                  (M || w) && (It(N, i) && lt ? (F(void 0), M?.(void 0)) : (F(i), M?.(i)));
                 },
                 children: [
                   /* @__PURE__ */ n.jsx(
-                    X.path,
+                    Y.path,
                     {
-                      d: P(i.values) || "",
+                      d: O(i.values) || "",
                       variants: {
-                        initial: { d: P(i.values.map((o) => 0)) || "" },
+                        initial: {
+                          d: O(i.values.map((r) => 0)) || "",
+                          stroke: e.filter((r) => r.color).length === 0 ? o[0] : i.color ? o[h.indexOf(i.color)] : v.gray,
+                          fill: c ? e.filter((r) => r.color).length === 0 ? o[0] : i.color ? o[h.indexOf(i.color)] : v.gray : "none",
+                          strokeWidth: q
+                        },
                         whileInView: {
-                          d: P(i.values) || "",
-                          transition: { duration: d.duration }
+                          d: O(i.values) || "",
+                          transition: { duration: d.duration },
+                          stroke: e.filter((r) => r.color).length === 0 ? o[0] : i.color ? o[h.indexOf(i.color)] : v.gray,
+                          fill: c ? e.filter((r) => r.color).length === 0 ? o[0] : i.color ? o[h.indexOf(i.color)] : v.gray : "none",
+                          strokeWidth: q
                         }
                       },
                       initial: "initial",
-                      animate: V ? "whileInView" : "initial",
+                      animate: A ? "whileInView" : "initial",
                       exit: { opacity: 0, transition: { duration: d.duration } },
                       style: {
-                        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: nt
+                        fillOpacity: 0.1
                       }
                     }
                   ),
-                  /* @__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,
+                  /* @__PURE__ */ n.jsx("g", { children: i.values.map((r, m) => /* @__PURE__ */ n.jsx("g", { children: T(r) ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+                    ot ? /* @__PURE__ */ n.jsx(
+                      Y.circle,
                       {
-                        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 ? l[0] : i.color ? l[u.indexOf(i.color)] : L.gray
-                        },
                         variants: {
-                          initial: { cx: 0, cy: 0, opacity: 0 },
+                          initial: {
+                            cx: 0,
+                            cy: 0,
+                            opacity: 0,
+                            fill: e.filter((E) => E.color).length === 0 ? o[0] : i.color ? o[h.indexOf(i.color)] : v.gray
+                          },
                           whileInView: {
-                            cx: Math.cos(r(x) - Math.PI / 2) * p(o),
-                            cy: Math.sin(r(x) - Math.PI / 2) * p(o),
+                            cx: Math.cos(l(m) - Math.PI / 2) * x(r),
+                            cy: Math.sin(l(m) - Math.PI / 2) * x(r),
                             opacity: 1,
-                            transition: { duration: d.duration }
+                            transition: { duration: d.duration },
+                            fill: e.filter((E) => E.color).length === 0 ? o[0] : i.color ? o[h.indexOf(i.color)] : v.gray
                           }
                         },
                         initial: "initial",
-                        animate: V ? "whileInView" : "initial",
+                        animate: A ? "whileInView" : "initial",
                         exit: { opacity: 0, transition: { duration: d.duration } }
                       }
                     ) : null,
                     at ? /* @__PURE__ */ n.jsx(
-                      X.text,
+                      Y.text,
                       {
-                        x: Math.cos(r(x) - Math.PI / 2) * (p(o) + 6),
-                        y: Math.sin(r(x) - Math.PI / 2) * (p(o) + 6),
                         style: {
-                          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(r(x) - Math.PI / 2) < 0 ? 10 : (Math.sin(r(x) - Math.PI / 2) < 1e-5, 0),
-                        className: E(
+                        dy: Math.sin(l(m) - Math.PI / 2) < 0 ? 10 : (Math.sin(l(m) - Math.PI / 2) < 1e-5, 0),
+                        className: L(
                           "graph-value text-xs font-bold",
-                          m?.graphObjectValues
+                          f?.graphObjectValues
                         ),
                         variants: {
-                          initial: { opacity: 0 },
+                          initial: {
+                            opacity: 0,
+                            x: Math.cos(l(m) - Math.PI / 2) * (x(r) + 6),
+                            y: Math.sin(l(m) - Math.PI / 2) * (x(r) + 6),
+                            fill: o[a],
+                            textAnchor: Math.cos(l(m) - Math.PI / 2) < 0 ? "end" : Math.cos(l(m) - Math.PI / 2) < 1e-5 ? "middle" : "start"
+                          },
                           whileInView: {
                             opacity: 1,
+                            x: Math.cos(l(m) - Math.PI / 2) * (x(r) + 6),
+                            y: Math.sin(l(m) - Math.PI / 2) * (x(r) + 6),
+                            fill: o[a],
+                            textAnchor: Math.cos(l(m) - Math.PI / 2) < 0 ? "end" : Math.cos(l(m) - Math.PI / 2) < 1e-5 ? "middle" : "start",
                             transition: { duration: d.duration }
                           }
                         },
                         initial: "initial",
-                        animate: V ? "whileInView" : "initial",
+                        animate: A ? "whileInView" : "initial",
                         exit: { opacity: 0, transition: { duration: d.duration } },
-                        children: pt(o, "NA", C)
+                        children: ft(r, "NA", P)
                       }
                     ) : null
-                  ] }) }, x)) })
+                  ] }) }, m)) })
                 ]
               },
               i.label || a
             )) })
           ] }),
-          U.filter((i) => i.position === "after").map((i) => i.layer)
+          K.filter((i) => i.position === "after").map((i) => i.layer)
         ] })
       }
     ),
-    k && I && K && Q ? /* @__PURE__ */ n.jsx(
+    I && C && Z && tt ? /* @__PURE__ */ n.jsx(
       Ct,
       {
-        data: k,
-        body: I,
-        xPos: K,
-        yPos: Q,
+        data: I,
+        body: C,
+        xPos: Z,
+        yPos: tt,
         backgroundStyle: _?.tooltip,
-        className: m?.tooltip
+        className: f?.tooltip
       }
     ) : null,
-    M && N !== void 0 ? /* @__PURE__ */ n.jsx(
-      It,
+    w && N !== void 0 ? /* @__PURE__ */ n.jsx(
+      jt,
       {
         open: N !== void 0,
         onClose: () => {
-          W(void 0);
+          F(void 0);
         },
         children: /* @__PURE__ */ n.jsx(
           "div",
           {
             className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof M == "string" ? { __html: Nt(M, N) } : void 0,
-            children: typeof M == "function" ? M(N) : null
+            dangerouslySetInnerHTML: typeof w == "string" ? { __html: Pt(w, N) } : void 0,
+            children: typeof w == "function" ? w(N) : null
           }
         )
       }
@@ -471,108 +483,108 @@ function li(t) {
   const {
     graphTitle: e,
     colors: s,
-    sources: l,
-    graphDescription: I,
-    footNote: A,
-    radius: v,
-    data: u,
-    showColorScale: M = !0,
+    sources: o,
+    graphDescription: C,
+    footNote: H,
+    radius: M,
+    data: h,
+    showColorScale: w = !0,
     padding: _,
-    backgroundColor: m = !1,
-    tooltip: T,
-    onSeriesMouseOver: Y,
-    graphID: nt,
+    backgroundColor: f = !1,
+    tooltip: $,
+    onSeriesMouseOver: z,
+    graphID: q,
     onSeriesMouseClick: at,
-    topMargin: st = 75,
-    bottomMargin: ot = 75,
-    leftMargin: z = 75,
-    rightMargin: rt = 75,
-    graphDownload: H = !1,
-    dataDownload: q = !1,
-    colorDomain: B,
-    language: $ = "en",
-    theme: D = "light",
+    topMargin: ot = 75,
+    bottomMargin: rt = 75,
+    leftMargin: B = 75,
+    rightMargin: st = 75,
+    graphDownload: R = !1,
+    dataDownload: U = !1,
+    colorDomain: J,
+    language: D = "en",
+    theme: V = "light",
     highlightedLines: lt = [],
     width: c,
-    height: f,
+    height: p,
     minHeight: d = 0,
     strokeWidth: g = 2,
-    relativeHeight: C,
-    ariaLabel: U,
-    colorLegendTitle: J,
-    detailsOnClick: V,
-    styles: w,
-    classNames: b,
+    relativeHeight: P,
+    ariaLabel: K,
+    colorLegendTitle: Q,
+    detailsOnClick: A,
+    styles: b,
+    classNames: k,
     showNAColor: y = !0,
-    axisLabels: k,
-    showDots: R = !0,
+    axisLabels: I,
+    showDots: W = !0,
     showValues: N = !1,
-    curveType: W = "curve",
-    noOfTicks: K = 5,
-    minValue: F,
-    maxValue: Q,
-    fillShape: G = !1,
-    resetSelectionOnDoubleClick: r = !0,
-    animate: Z = !1,
+    curveType: F = "curve",
+    noOfTicks: Z = 5,
+    minValue: G,
+    maxValue: tt,
+    fillShape: X = !1,
+    resetSelectionOnDoubleClick: l = !0,
+    animate: it = !1,
     dimmedOpacity: ct = 0.3,
-    precision: p = 2,
+    precision: x = 2,
     customLayers: ht = []
-  } = t, [P, i] = j(0), [a, o] = j(0), [x, tt] = j(0), [wt, bt] = j(void 0), S = ut(null), mt = ut(null);
+  } = t, [O, i] = j(0), [a, r] = j(0), [m, E] = j(0), [wt, bt] = j(void 0), S = ut(null), mt = ut(null);
   return kt(() => {
-    const h = new ResizeObserver((it) => {
-      o(c || it[0].target.clientWidth || 420), tt(f || it[0].target.clientHeight || 420), i(
+    const u = new ResizeObserver((et) => {
+      r(c || et[0].target.clientWidth || 420), E(p || et[0].target.clientHeight || 420), i(
         (Math.min(
-          c || it[0].target.clientWidth || 620,
-          f || it[0].target.clientHeight || 480
+          c || et[0].target.clientWidth || 620,
+          p || et[0].target.clientHeight || 480
         ) || 420) / 2
       );
     });
-    return S.current && (tt(S.current.clientHeight || 420), o(S.current.clientWidth || 420), i(
+    return S.current && (E(S.current.clientHeight || 420), r(S.current.clientWidth || 420), i(
       (Math.min(S.current.clientWidth, S.current.clientHeight) || 420) / 2
-    ), (!c || !v) && h.observe(S.current)), () => h.disconnect();
-  }, [c, f, v]), /* @__PURE__ */ n.jsx(
+    ), (!c || !M) && u.observe(S.current)), () => u.disconnect();
+  }, [c, p, M]), /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: `${D || "light"} flex  ${c ? "w-fit grow-0" : "w-full grow"}`,
-      dir: $ === "he" || $ === "ar" ? "rtl" : void 0,
+      className: `${V || "light"} flex  ${c ? "w-fit grow-0" : "w-full grow"}`,
+      dir: D === "he" || D === "ar" ? "rtl" : void 0,
       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"}`,
+          className: L(
+            `${f ? f === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${D || "en"}`,
             c ? "w-fit" : "w-full",
-            b?.graphContainer
+            k?.graphContainer
           ),
           style: {
-            ...w?.graphContainer || {},
+            ...b?.graphContainer || {},
             minHeight: "inherit",
-            ...m && m !== !0 ? { backgroundColor: m } : {}
+            ...f && f !== !0 ? { backgroundColor: f } : {}
           },
-          id: nt,
+          id: q,
           ref: mt,
-          "aria-label": U || `${e ? `The graph shows ${e}. ` : ""}This is a donut or pie chart chart. ${I ? ` ${I}` : ""}`,
+          "aria-label": K || `${e ? `The graph shows ${e}. ` : ""}This is a donut or pie chart chart. ${C ? ` ${C}` : ""}`,
           children: /* @__PURE__ */ n.jsx(
             "div",
             {
               className: "flex grow",
-              style: { padding: m ? _ || "1rem" : _ || 0 },
+              style: { padding: f ? _ || "1rem" : _ || 0 },
               children: /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2 w-full grow justify-between", children: [
-                e || I || H || q ? /* @__PURE__ */ n.jsx(
+                e || C || R || U ? /* @__PURE__ */ n.jsx(
                   Dt,
                   {
                     styles: {
-                      title: w?.title,
-                      description: w?.description
-                    },
-                    classNames: {
                       title: b?.title,
                       description: b?.description
                     },
+                    classNames: {
+                      title: k?.title,
+                      description: k?.description
+                    },
                     graphTitle: e,
-                    graphDescription: I,
+                    graphDescription: C,
                     width: c,
-                    graphDownload: H ? mt.current : void 0,
-                    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
+                    graphDownload: R ? mt.current : void 0,
+                    dataDownload: U ? 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,
                 /* @__PURE__ */ n.jsx(
@@ -582,14 +594,14 @@ function li(t) {
                     style: {
                       width: c ? `${c}px` : "100%"
                     },
-                    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,
+                    children: h.length === 0 ? /* @__PURE__ */ n.jsx(Vt, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+                      w && h.filter((u) => u.color).length !== 0 ? /* @__PURE__ */ n.jsx(
+                        At,
                         {
                           width: c,
-                          colorLegendTitle: J,
-                          colors: s || L[D].categoricalColors.colors,
-                          colorDomain: B || ft(u, "color", !0),
+                          colorLegendTitle: Q,
+                          colors: s || v[V].categoricalColors.colors,
+                          colorDomain: J || pt(h, "color", !0),
                           setSelectedColor: bt,
                           showNAColor: y
                         }
@@ -600,44 +612,44 @@ function li(t) {
                           className: `flex ${c ? "grow-0" : "grow"} items-center justify-center leading-0`,
                           style: {
                             width: c ? `${c}px` : "100%",
-                            height: f ? `${Math.max(
+                            height: p ? `${Math.max(
                               d,
-                              f || (C ? d ? (c || a) * C > d ? (c || a) * C : d : (c || a) * C : x)
+                              p || (P ? d ? (c || a) * P > d ? (c || a) * P : d : (c || a) * P : m)
                             )}px` : "auto"
                           },
                           ref: S,
                           "aria-label": "Graph area",
-                          children: /* @__PURE__ */ n.jsx("div", { className: "w-full flex justify-center leading-0", children: v || P ? /* @__PURE__ */ n.jsx(
+                          children: /* @__PURE__ */ n.jsx("div", { className: "w-full flex justify-center leading-0", children: M || O ? /* @__PURE__ */ n.jsx(
                             Ft,
                             {
-                              data: u,
-                              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 || ft(u, "color", !0),
-                              onSeriesMouseOver: Y,
+                              data: h,
+                              lineColors: h.filter((u) => u.color).length === 0 ? s ? [s] : [v.primaryColors["blue-600"]] : s || v[V].categoricalColors.colors,
+                              radius: M || O,
+                              tooltip: $,
+                              colorDomain: J || pt(h, "color", !0),
+                              onSeriesMouseOver: z,
                               onSeriesMouseClick: at,
-                              styles: w,
-                              detailsOnClick: V,
+                              styles: b,
+                              detailsOnClick: A,
                               selectedColor: wt,
-                              axisLabels: k,
+                              axisLabels: I,
                               strokeWidth: g,
                               showValues: N,
-                              showDots: R,
-                              topMargin: st,
-                              bottomMargin: ot,
-                              leftMargin: z,
-                              rightMargin: rt,
-                              curveType: W,
-                              noOfTicks: K,
-                              minValue: F,
-                              maxValue: Q,
-                              fillShape: G,
+                              showDots: W,
+                              topMargin: ot,
+                              bottomMargin: rt,
+                              leftMargin: B,
+                              rightMargin: st,
+                              curveType: F,
+                              noOfTicks: Z,
+                              minValue: G,
+                              maxValue: tt,
+                              fillShape: X,
                               highlightedLines: lt,
-                              resetSelectionOnDoubleClick: r,
-                              animate: Z === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : Z || { duration: 0, once: !0, amount: 0 },
+                              resetSelectionOnDoubleClick: l,
+                              animate: it === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : it || { duration: 0, once: !0, amount: 0 },
                               dimmedOpacity: ct,
-                              precision: p,
+                              precision: x,
                               customLayers: ht
                             }
                           ) : null })
@@ -646,16 +658,16 @@ function li(t) {
                     ] })
                   }
                 ),
-                l || A ? /* @__PURE__ */ n.jsx(
+                o || H ? /* @__PURE__ */ n.jsx(
                   $t,
                   {
-                    styles: { footnote: w?.footnote, source: w?.source },
+                    styles: { footnote: b?.footnote, source: b?.source },
                     classNames: {
-                      footnote: b?.footnote,
-                      source: b?.source
+                      footnote: k?.footnote,
+                      source: k?.source
                     },
-                    sources: l,
-                    footNote: A,
+                    sources: o,
+                    footNote: H,
                     width: c
                   }
                 ) : /* @__PURE__ */ n.jsx("div", {})