@undp/data-viz 2.3.17 → 2.4.0

package/dist/StripChart.js

@@ -1,172 +1,173 @@
-import { c as Jt, j as a, m as Yt } from "./index-CHPV5EwG-BCLAYDCV.js";
-import { useRef as Bt, useState as Ot, useEffect as si } from "react";
+import { c as Kt, j as a, m as Xt } from "./index-CHPV5EwG-BzibaIRc.js";
+import { useRef as qt, useState as Ot, useEffect as si } from "react";
 import { i as ti } from "./index-Bwrro8-q.js";
 import { o as ii } from "./index-BZQYSqar.js";
-import { T as ei } from "./Tooltip-CohiIbLZ.js";
-import { c as U } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { n as Gt } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as ei } from "./Tooltip-Bj-s__cI.js";
+import { c as q } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { n as Yt } from "./numberFormattingFunction-DqMf_v1m.js";
 import { Colors as h } from "./Colors.js";
-import { D as oi } from "./DetailsModal-C3qlUyFK.js";
+import { D as oi } from "./DetailsModal-B2XBWR7w.js";
 import { a as ni } from "./linear-DNXM5Pdl.js";
-import { m as et } from "./proxy--_f6k3NR.js";
-import { u as ri } from "./use-in-view-DqvKAveg.js";
-import { A as li } from "./index-Co3YGYe1.js";
+import { m as nt } from "./proxy-BsxtcZKa.js";
+import { u as ri } from "./use-in-view-KOXq5Kmc.js";
+import { A as li } from "./index-Cv_5q6Rb.js";
 import { u as _t } from "./uniqBy-BHy4I8PK.js";
-import { a as ci, G as ui } from "./GraphContainer-DwMxWRCi.js";
-import { E as fi } from "./EmptyState-B3fPoH6L.js";
+import { a as ci, G as ui } from "./GraphContainer-B8ZqOzKI.js";
+import { E as fi } from "./EmptyState-CaxXCkiN.js";
 import { ColorLegendWithMouseOver as pi } from "./ColorLegendWithMouseOver.js";
 import { GraphFooter as mi } from "./GraphFooter.js";
-import { GraphHeader as hi } from "./GraphHeader.js";
+import { GraphHeader as di } from "./GraphHeader.js";
 function ai(i, t) {
   if (i < 2) return [];
   const o = t / (i - 1);
   return Array.from({
     length: i
-  }, ($, v) => v * o);
+  }, ($, y) => y * o);
 }
-function di(i) {
-  const t = Jt.c(101), {
+function hi(i) {
+  const t = Kt.c(102), {
     data: o,
     width: $,
-    height: v,
+    height: y,
     colors: n,
     colorDomain: l,
-    radius: c,
+    radius: u,
     leftMargin: C,
     rightMargin: bt,
-    topMargin: pt,
-    bottomMargin: It,
-    tooltip: mt,
-    onSeriesMouseOver: ot,
+    topMargin: mt,
+    bottomMargin: kt,
+    tooltip: dt,
+    onSeriesMouseOver: rt,
     highlightedDataPoints: r,
-    selectedColor: nt,
-    minValue: S,
-    maxValue: T,
-    onSeriesMouseClick: J,
-    noOfTicks: rt,
-    prefix: K,
-    suffix: lt,
-    stripType: b,
-    highlightColor: x,
-    dotOpacity: gt,
-    resetSelectionOnDoubleClick: Q,
+    selectedColor: lt,
+    minValue: A,
+    maxValue: N,
+    onSeriesMouseClick: U,
+    noOfTicks: at,
+    prefix: J,
+    suffix: st,
+    stripType: w,
+    highlightColor: v,
+    dotOpacity: vt,
+    resetSelectionOnDoubleClick: K,
     detailsOnClick: O,
     styles: f,
-    classNames: w,
+    classNames: M,
     valueColor: p,
     animate: m,
-    dimmedOpacity: _,
-    precision: tt,
-    customLayers: j,
-    showDataMinMax: wt
-  } = i, xt = C === void 0 ? 20 : C, Mt = bt === void 0 ? 20 : bt, Vt = pt === void 0 ? 10 : pt, jt = It === void 0 ? 10 : It, kt = Bt(null);
-  let at;
-  t[0] !== m.amount || t[1] !== m.once ? (at = {
+    dimmedOpacity: tt,
+    precision: it,
+    customLayers: V,
+    showDataMinMax: wt,
+    locale: Q
+  } = i, Mt = C === void 0 ? 20 : C, Vt = bt === void 0 ? 20 : bt, jt = mt === void 0 ? 10 : mt, Ct = kt === void 0 ? 10 : kt, $t = qt(null);
+  let ct;
+  t[0] !== m.amount || t[1] !== m.once ? (ct = {
     once: m.once,
     amount: m.amount
-  }, t[0] = m.amount, t[1] = m.once, t[2] = at) : at = t[2];
-  const M = ri(kt, at), [ht, yt] = Ot(void 0), [D, d] = Ot(void 0), [u, Ct] = Ot(void 0), [dt, Dt] = Ot(void 0);
-  let it;
-  t[3] !== jt || t[4] !== xt || t[5] !== Mt || t[6] !== Vt ? (it = {
-    top: Vt,
-    bottom: jt,
-    left: xt,
-    right: Mt
-  }, t[3] = jt, t[4] = xt, t[5] = Mt, t[6] = Vt, t[7] = it) : it = t[7];
-  const g = it, B = $ - g.left - g.right, q = v - g.top - g.bottom;
-  let E, I, V, L, k, A, P, H, W, X, Y, G;
-  if (t[8] !== m.duration || t[9] !== w?.graphObjectValues || t[10] !== w?.yAxis?.labels || t[11] !== l || t[12] !== n || t[13] !== j || t[14] !== o || t[15] !== O || t[16] !== _ || t[17] !== gt || t[18] !== q || t[19] !== B || t[20] !== v || t[21] !== x || t[22] !== r || t[23] !== M || t[24] !== g.left || t[25] !== g.top || t[26] !== T || t[27] !== S || t[28] !== D || t[29] !== rt || t[30] !== J || t[31] !== ot || t[32] !== tt || t[33] !== K || t[34] !== c || t[35] !== Q || t[36] !== nt || t[37] !== wt || t[38] !== b || t[39] !== f?.graphObjectValues || t[40] !== f?.yAxis?.labels || t[41] !== lt || t[42] !== p || t[43] !== $) {
+  }, t[0] = m.amount, t[1] = m.once, t[2] = ct) : ct = t[2];
+  const j = ri($t, ct), [ut, Dt] = Ot(void 0), [s, d] = Ot(void 0), [ht, It] = Ot(void 0), [gt, xt] = Ot(void 0);
+  let yt;
+  t[3] !== Ct || t[4] !== Mt || t[5] !== Vt || t[6] !== jt ? (yt = {
+    top: jt,
+    bottom: Ct,
+    left: Mt,
+    right: Vt
+  }, t[3] = Ct, t[4] = Mt, t[5] = Vt, t[6] = jt, t[7] = yt) : yt = t[7];
+  const g = yt, F = $ - g.left - g.right, B = y - g.top - g.bottom;
+  let S, T, b, D, E, L, H, P, W, X, Y, x;
+  if (t[8] !== m.duration || t[9] !== M?.graphObjectValues || t[10] !== M?.yAxis?.labels || t[11] !== l || t[12] !== n || t[13] !== V || t[14] !== o || t[15] !== O || t[16] !== tt || t[17] !== vt || t[18] !== B || t[19] !== F || t[20] !== y || t[21] !== v || t[22] !== r || t[23] !== j || t[24] !== Q || t[25] !== g.left || t[26] !== g.top || t[27] !== N || t[28] !== A || t[29] !== s || t[30] !== at || t[31] !== U || t[32] !== rt || t[33] !== it || t[34] !== J || t[35] !== u || t[36] !== K || t[37] !== lt || t[38] !== wt || t[39] !== w || t[40] !== f?.graphObjectValues || t[41] !== f?.yAxis?.labels || t[42] !== st || t[43] !== p || t[44] !== $) {
     const At = o.map(Ri);
-    let ct;
-    t[56] !== r ? (ct = (e) => {
-      const s = (r || []).indexOf(e.label);
-      return s === -1 ? 1 / 0 : s;
-    }, t[56] = r, t[57] = ct) : ct = t[57];
-    const Tt = ii(At, [ct], ["desc"]);
-    let ut;
-    t[58] !== o || t[59] !== T ? (ut = U(T) ? Math.max(...o.filter(zi).map(Gi)) < 0 ? 0 : Math.max(...o.filter(Yi).map(Xi)) : T, t[58] = o, t[59] = T, t[60] = ut) : ut = t[60];
-    const Nt = ut;
-    let vt;
-    t[61] !== o || t[62] !== S ? (vt = U(S) ? Math.min(...o.filter(Wi).map(Hi)) >= 0 ? 0 : Math.min(...o.filter(Pi).map(Li)) : S, t[61] = o, t[62] = S, t[63] = vt) : vt = t[63];
-    const $t = vt, ft = ni().domain([$t, Nt]).range([q, 0]).nice(), St = ai(rt, q);
-    I = et.svg, L = `${$}px`, k = `${v}px`, A = `0 0 ${$} ${v}`, P = "ltr", H = kt, G = `translate(${g.left},${g.top})`, t[64] !== j ? (V = j.filter(Ei).map(Ti), t[64] = j, t[65] = V) : V = t[65], E = li, W = Tt.map((e) => /* @__PURE__ */ a.jsxs(et.g, { className: "undp-viz-g-with-hover", variants: {
+    let pt;
+    t[57] !== r ? (pt = (e) => {
+      const c = (r || []).indexOf(e.label);
+      return c === -1 ? 1 / 0 : c;
+    }, t[57] = r, t[58] = pt) : pt = t[58];
+    const Nt = ii(At, [pt], ["desc"]);
+    let et;
+    t[59] !== o || t[60] !== N ? (et = q(N) ? Math.max(...o.filter(zi).map(Gi)) < 0 ? 0 : Math.max(...o.filter(Yi).map(Xi)) : N, t[59] = o, t[60] = N, t[61] = et) : et = t[61];
+    const Gt = et;
+    let ot;
+    t[62] !== o || t[63] !== A ? (ot = q(A) ? Math.min(...o.filter(Wi).map(Pi)) >= 0 ? 0 : Math.min(...o.filter(Hi).map(Li)) : A, t[62] = o, t[63] = A, t[64] = ot) : ot = t[64];
+    const zt = ot, _ = ni().domain([zt, Gt]).range([B, 0]).nice(), St = ai(at, B);
+    T = nt.svg, D = `${$}px`, E = `${y}px`, L = `0 0 ${$} ${y}`, H = "ltr", P = $t, x = `translate(${g.left},${g.top})`, t[65] !== V ? (b = V.filter(Ei).map(Ti), t[65] = V, t[66] = b) : b = t[66], S = li, W = Nt.map((e) => /* @__PURE__ */ a.jsxs(nt.g, { className: "undp-viz-g-with-hover", variants: {
       initial: {
         opacity: 0,
-        x: B / 2,
-        y: ft(0)
+        x: F / 2,
+        y: _(0)
       },
       whileInView: {
-        x: B / 2,
-        y: ft(e.position),
-        opacity: nt ? e.color && n[l.indexOf(e.color)] === nt ? 0.95 : _ : r.length !== 0 ? r.indexOf(e.label) !== -1 ? 0.95 : _ : gt,
+        x: F / 2,
+        y: _(e.position),
+        opacity: lt ? e.color && n[l.indexOf(e.color)] === lt ? 0.95 : tt : r ? r.indexOf(e.label) !== -1 ? 0.95 : tt : vt,
         transition: {
           duration: m.duration
         }
       }
-    }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
+    }, initial: "initial", animate: j ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
         duration: m.duration
       }
-    }, onMouseEnter: (s) => {
-      yt(e), Dt(s.clientY), Ct(s.clientX), ot?.(e);
+    }, onMouseEnter: (c) => {
+      Dt(e), xt(c.clientY), It(c.clientX), rt?.(e);
     }, onClick: () => {
-      (J || O) && (ti(D, e) && Q ? (d(void 0), J?.(void 0)) : (d(e), J?.(e)));
-    }, onMouseMove: (s) => {
-      yt(e), Dt(s.clientY), Ct(s.clientX);
+      (U || O) && (ti(s, e) && K ? (d(void 0), U?.(void 0)) : (d(e), U?.(e)));
+    }, onMouseMove: (c) => {
+      Dt(e), xt(c.clientY), It(c.clientX);
     }, onMouseLeave: () => {
-      yt(void 0), Ct(void 0), Dt(void 0), ot?.(void 0);
+      Dt(void 0), It(void 0), xt(void 0), rt?.(void 0);
     }, children: [
-      b === "dot" ? /* @__PURE__ */ a.jsx(et.circle, { cy: 0, cx: 0, variants: {
+      w === "dot" ? /* @__PURE__ */ a.jsx(nt.circle, { cy: 0, cx: 0, variants: {
         initial: {
-          fill: x && r ? r.indexOf(e.label) !== -1 ? x : o.filter(Si).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter($i).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray
+          fill: v && r ? r.indexOf(e.label) !== -1 ? v : o.filter(Si).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(Ni).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray
         },
         whileInView: {
-          fill: x && r ? r.indexOf(e.label) !== -1 ? x : o.filter(Ni).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(Ai).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray,
+          fill: v && r ? r.indexOf(e.label) !== -1 ? v : o.filter(Ai).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter($i).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray,
           transition: {
             duration: m.duration
           }
         }
-      }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
+      }, initial: "initial", animate: j ? "whileInView" : "initial", exit: {
         opacity: 0,
         transition: {
           duration: m.duration
         }
-      }, r: c }) : /* @__PURE__ */ a.jsx(et.rect, { y: -1, height: 2, variants: {
+      }, r: u }) : /* @__PURE__ */ a.jsx(nt.rect, { y: -1, height: 2, variants: {
         initial: {
-          x: 0 - c,
-          width: c * 2,
-          fill: x && r ? r.indexOf(e.label) !== -1 ? x : o.filter(ki).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(Ii).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray
+          x: 0 - u,
+          width: u * 2,
+          fill: v && r ? r.indexOf(e.label) !== -1 ? v : o.filter(ki).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(Ii).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray
         },
         whileInView: {
-          x: 0 - c,
-          width: c * 2,
-          fill: x && r ? r.indexOf(e.label) !== -1 ? x : o.filter(Di).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(Ci).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray,
+          x: 0 - u,
+          width: u * 2,
+          fill: v && r ? r.indexOf(e.label) !== -1 ? v : o.filter(Di).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(Ci).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray,
           transition: {
             duration: m.duration
           }
         }
-      }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
+      }, initial: "initial", animate: j ? "whileInView" : "initial", exit: {
         opacity: 0,
         transition: {
           duration: m.duration
         }
       } }),
-      r.length !== 0 && r.indexOf(e.label) !== -1 ? /* @__PURE__ */ a.jsx(et.text, { y: 0, dy: "0.33em", variants: {
+      r && r.indexOf(e.label) !== -1 ? /* @__PURE__ */ a.jsx(nt.text, { y: 0, dy: "0.33em", variants: {
         initial: {
           opacity: 0,
-          x: 0 + c + 3,
-          fill: p || (x && r ? r.indexOf(e.label) !== -1 ? x : o.filter(ji).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(Vi).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray)
+          x: 0 + u + 3,
+          fill: p || (v && r ? r.indexOf(e.label) !== -1 ? v : o.filter(ji).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(Vi).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray)
         },
         whileInView: {
           opacity: 1,
-          x: 0 + c + 3,
-          fill: p || (x && r ? r.indexOf(e.label) !== -1 ? x : o.filter(Mi).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(wi).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray),
+          x: 0 + u + 3,
+          fill: p || (v && r ? r.indexOf(e.label) !== -1 ? v : o.filter(Mi).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(wi).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray),
           transition: {
             duration: m.duration
           }
         }
-      }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
+      }, initial: "initial", animate: j ? "whileInView" : "initial", exit: {
         opacity: 0,
         transition: {
           duration: m.duration
@@ -174,39 +175,39 @@ function di(i) {
       }, style: {
         textAnchor: "start",
         ...f?.graphObjectValues || {}
-      }, className: Yt("graph-value text-sm font-bold", w?.graphObjectValues), children: Gt(e.position, "NA", tt, K, lt) }) : null
-    ] }, e.label)), X = wt ? [Math.min(...o.filter(bi).map(Oi)), Math.max(...o.filter(vi).map(yi))].map((e, s) => /* @__PURE__ */ a.jsx(et.g, { variants: {
+      }, className: Xt("graph-value text-sm font-bold", M?.graphObjectValues), children: Yt(e.position, void 0, it, J, st, Q) }) : null
+    ] }, e.label)), X = wt ? [Math.min(...o.filter(bi).map(Oi)), Math.max(...o.filter(vi).map(yi))].map((e, c) => /* @__PURE__ */ a.jsx(nt.g, { variants: {
       initial: {
         opacity: 0,
-        x: B / 2,
-        y: ft(0)
+        x: F / 2,
+        y: _(0)
       },
       whileInView: {
-        x: B / 2,
-        y: ft(e),
+        x: F / 2,
+        y: _(e),
         opacity: 1,
         transition: {
           duration: m.duration
         }
       }
-    }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
+    }, initial: "initial", animate: j ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
         duration: m.duration
       }
-    }, children: /* @__PURE__ */ a.jsx(et.text, { y: 0, dy: "0.33em", variants: {
+    }, children: /* @__PURE__ */ a.jsx(nt.text, { y: 0, dy: "0.33em", variants: {
       initial: {
         opacity: 0,
-        x: 0 + c + 3
+        x: 0 + u + 3
       },
       whileInView: {
         opacity: 1,
-        x: 0 + c + 3,
+        x: 0 + u + 3,
         transition: {
           duration: m.duration
         }
       }
-    }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
+    }, initial: "initial", animate: j ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
         duration: m.duration
@@ -214,38 +215,38 @@ function di(i) {
     }, style: {
       textAnchor: "start",
       ...f?.graphObjectValues || {}
-    }, className: Yt("graph-value text-sm text-primary-gray-550 dark:text-primary-gray-200", w?.graphObjectValues), children: Gt(e, "NA", tt, K, lt) }, s) }, s)) : null, Y = St.map((e, s) => /* @__PURE__ */ a.jsx("text", { y: e, x: B / 2 + c + 5, style: {
+    }, className: Xt("graph-value text-sm text-primary-gray-550 dark:text-primary-gray-200", M?.graphObjectValues), children: Yt(e, void 0, it, J, st, Q) }, c) }, c)) : null, Y = St.map((e, c) => /* @__PURE__ */ a.jsx("text", { y: e, x: F / 2 + u + 5, style: {
       textAnchor: "start",
       ...f?.yAxis?.labels || {}
-    }, className: Yt("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", w?.yAxis?.labels), children: Gt(ft.invert(e), "NA", tt, K, lt) }, s)), t[8] = m.duration, t[9] = w?.graphObjectValues, t[10] = w?.yAxis?.labels, t[11] = l, t[12] = n, t[13] = j, t[14] = o, t[15] = O, t[16] = _, t[17] = gt, t[18] = q, t[19] = B, t[20] = v, t[21] = x, t[22] = r, t[23] = M, t[24] = g.left, t[25] = g.top, t[26] = T, t[27] = S, t[28] = D, t[29] = rt, t[30] = J, t[31] = ot, t[32] = tt, t[33] = K, t[34] = c, t[35] = Q, t[36] = nt, t[37] = wt, t[38] = b, t[39] = f?.graphObjectValues, t[40] = f?.yAxis?.labels, t[41] = lt, t[42] = p, t[43] = $, t[44] = E, t[45] = I, t[46] = V, t[47] = L, t[48] = k, t[49] = A, t[50] = P, t[51] = H, t[52] = W, t[53] = X, t[54] = Y, t[55] = G;
+    }, className: Xt("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", M?.yAxis?.labels), children: Yt(_.invert(e), void 0, it, J, st, Q) }, c)), t[8] = m.duration, t[9] = M?.graphObjectValues, t[10] = M?.yAxis?.labels, t[11] = l, t[12] = n, t[13] = V, t[14] = o, t[15] = O, t[16] = tt, t[17] = vt, t[18] = B, t[19] = F, t[20] = y, t[21] = v, t[22] = r, t[23] = j, t[24] = Q, t[25] = g.left, t[26] = g.top, t[27] = N, t[28] = A, t[29] = s, t[30] = at, t[31] = U, t[32] = rt, t[33] = it, t[34] = J, t[35] = u, t[36] = K, t[37] = lt, t[38] = wt, t[39] = w, t[40] = f?.graphObjectValues, t[41] = f?.yAxis?.labels, t[42] = st, t[43] = p, t[44] = $, t[45] = S, t[46] = T, t[47] = b, t[48] = D, t[49] = E, t[50] = L, t[51] = H, t[52] = P, t[53] = W, t[54] = X, t[55] = Y, t[56] = x;
   } else
-    E = t[44], I = t[45], V = t[46], L = t[47], k = t[48], A = t[49], P = t[50], H = t[51], W = t[52], X = t[53], Y = t[54], G = t[55];
-  let z;
-  t[66] !== E || t[67] !== W || t[68] !== X || t[69] !== Y ? (z = /* @__PURE__ */ a.jsxs(E, { children: [
+    S = t[45], T = t[46], b = t[47], D = t[48], E = t[49], L = t[50], H = t[51], P = t[52], W = t[53], X = t[54], Y = t[55], x = t[56];
+  let G;
+  t[67] !== S || t[68] !== W || t[69] !== X || t[70] !== Y ? (G = /* @__PURE__ */ a.jsxs(S, { children: [
     W,
     X,
     Y
-  ] }), t[66] = E, t[67] = W, t[68] = X, t[69] = Y, t[70] = z) : z = t[70];
-  let y;
-  t[71] !== j ? (y = j.filter(xi).map(gi), t[71] = j, t[72] = y) : y = t[72];
+  ] }), t[67] = S, t[68] = W, t[69] = X, t[70] = Y, t[71] = G) : G = t[71];
+  let Z;
+  t[72] !== V ? (Z = V.filter(xi).map(gi), t[72] = V, t[73] = Z) : Z = t[73];
+  let I;
+  t[74] !== b || t[75] !== G || t[76] !== Z || t[77] !== x ? (I = /* @__PURE__ */ a.jsxs("g", { transform: x, children: [
+    b,
+    G,
+    Z
+  ] }), t[74] = b, t[75] = G, t[76] = Z, t[77] = x, t[78] = I) : I = t[78];
+  let z;
+  t[79] !== T || t[80] !== D || t[81] !== E || t[82] !== L || t[83] !== H || t[84] !== P || t[85] !== I ? (z = /* @__PURE__ */ a.jsx(T, { width: D, height: E, viewBox: L, direction: H, ref: P, children: I }), t[79] = T, t[80] = D, t[81] = E, t[82] = L, t[83] = H, t[84] = P, t[85] = I, t[86] = z) : z = t[86];
   let R;
-  t[73] !== V || t[74] !== z || t[75] !== y || t[76] !== G ? (R = /* @__PURE__ */ a.jsxs("g", { transform: G, children: [
-    V,
+  t[87] !== M?.tooltip || t[88] !== ht || t[89] !== gt || t[90] !== ut || t[91] !== f?.tooltip || t[92] !== dt ? (R = ut && dt && ht && gt ? /* @__PURE__ */ a.jsx(ei, { data: ut, body: dt, xPos: ht, yPos: gt, backgroundStyle: f?.tooltip, className: M?.tooltip }) : null, t[87] = M?.tooltip, t[88] = ht, t[89] = gt, t[90] = ut, t[91] = f?.tooltip, t[92] = dt, t[93] = R) : R = t[93];
+  let k;
+  t[94] !== M?.modal || t[95] !== O || t[96] !== s ? (k = O && s !== void 0 ? /* @__PURE__ */ a.jsx(oi, { body: O, data: s, setData: d, className: M?.modal }) : null, t[94] = M?.modal, t[95] = O, t[96] = s, t[97] = k) : k = t[97];
+  let ft;
+  return t[98] !== z || t[99] !== R || t[100] !== k ? (ft = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     z,
-    y
-  ] }), t[73] = V, t[74] = z, t[75] = y, t[76] = G, t[77] = R) : R = t[77];
-  let Z;
-  t[78] !== I || t[79] !== L || t[80] !== k || t[81] !== A || t[82] !== P || t[83] !== H || t[84] !== R ? (Z = /* @__PURE__ */ a.jsx(I, { width: L, height: k, viewBox: A, direction: P, ref: H, children: R }), t[78] = I, t[79] = L, t[80] = k, t[81] = A, t[82] = P, t[83] = H, t[84] = R, t[85] = Z) : Z = t[85];
-  let N;
-  t[86] !== w?.tooltip || t[87] !== u || t[88] !== dt || t[89] !== ht || t[90] !== f?.tooltip || t[91] !== mt ? (N = ht && mt && u && dt ? /* @__PURE__ */ a.jsx(ei, { data: ht, body: mt, xPos: u, yPos: dt, backgroundStyle: f?.tooltip, className: w?.tooltip }) : null, t[86] = w?.tooltip, t[87] = u, t[88] = dt, t[89] = ht, t[90] = f?.tooltip, t[91] = mt, t[92] = N) : N = t[92];
-  let F;
-  t[93] !== w?.modal || t[94] !== O || t[95] !== D ? (F = O && D !== void 0 ? /* @__PURE__ */ a.jsx(oi, { body: O, data: D, setData: d, className: w?.modal }) : null, t[93] = w?.modal, t[94] = O, t[95] = D, t[96] = F) : F = t[96];
-  let st;
-  return t[97] !== Z || t[98] !== N || t[99] !== F ? (st = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    Z,
-    N,
-    F
-  ] }), t[97] = Z, t[98] = N, t[99] = F, t[100] = st) : st = t[100], st;
+    R,
+    k
+  ] }), t[98] = z, t[99] = R, t[100] = k, t[101] = ft) : ft = t[101], ft;
 }
 function gi(i) {
   return i.layer;
@@ -257,13 +258,13 @@ function yi(i) {
   return i.position;
 }
 function vi(i) {
-  return !U(i.position);
+  return !q(i.position);
 }
 function Oi(i) {
   return i.position;
 }
 function bi(i) {
-  return !U(i.position);
+  return !q(i.position);
 }
 function wi(i) {
   return i.color;
@@ -289,13 +290,13 @@ function Ii(i) {
 function ki(i) {
   return i.color;
 }
-function Ai(i) {
+function $i(i) {
   return i.color;
 }
-function Ni(i) {
+function Ai(i) {
   return i.color;
 }
-function $i(i) {
+function Ni(i) {
   return i.color;
 }
 function Si(i) {
@@ -310,26 +311,26 @@ function Ei(i) {
 function Li(i) {
   return i.position;
 }
-function Pi(i) {
-  return !U(i.position);
-}
 function Hi(i) {
+  return !q(i.position);
+}
+function Pi(i) {
   return i.position;
 }
 function Wi(i) {
-  return !U(i.position);
+  return !q(i.position);
 }
 function Xi(i) {
   return i.position;
 }
 function Yi(i) {
-  return !U(i.position);
+  return !q(i.position);
 }
 function Gi(i) {
   return i.position;
 }
 function zi(i) {
-  return !U(i.position);
+  return !q(i.position);
 }
 function Ri(i, t) {
   return {
@@ -338,148 +339,149 @@ function Ri(i, t) {
   };
 }
 function Fi(i) {
-  const t = Jt.c(101), {
+  const t = Kt.c(102), {
     data: o,
     width: $,
-    height: v,
+    height: y,
     colors: n,
     colorDomain: l,
-    radius: c,
+    radius: u,
     leftMargin: C,
     rightMargin: bt,
-    topMargin: pt,
-    bottomMargin: It,
-    tooltip: mt,
-    onSeriesMouseOver: ot,
+    topMargin: mt,
+    bottomMargin: kt,
+    tooltip: dt,
+    onSeriesMouseOver: rt,
     highlightedDataPoints: r,
-    selectedColor: nt,
-    minValue: S,
-    maxValue: T,
-    onSeriesMouseClick: J,
-    prefix: rt,
-    suffix: K,
-    stripType: lt,
-    highlightColor: b,
-    dotOpacity: x,
-    resetSelectionOnDoubleClick: gt,
-    detailsOnClick: Q,
+    selectedColor: lt,
+    minValue: A,
+    maxValue: N,
+    onSeriesMouseClick: U,
+    prefix: at,
+    suffix: J,
+    stripType: st,
+    highlightColor: w,
+    dotOpacity: v,
+    resetSelectionOnDoubleClick: vt,
+    detailsOnClick: K,
     styles: O,
     classNames: f,
-    valueColor: w,
+    valueColor: M,
     animate: p,
     noOfTicks: m,
-    dimmedOpacity: _,
-    precision: tt,
-    customLayers: j,
-    showDataMinMax: wt
-  } = i, xt = C === void 0 ? 5 : C, Mt = bt === void 0 ? 5 : bt, Vt = pt === void 0 ? 10 : pt, jt = It === void 0 ? 10 : It, kt = Bt(null);
-  let at;
-  t[0] !== p.amount || t[1] !== p.once ? (at = {
+    dimmedOpacity: tt,
+    precision: it,
+    customLayers: V,
+    showDataMinMax: wt,
+    locale: Q
+  } = i, Mt = C === void 0 ? 5 : C, Vt = bt === void 0 ? 5 : bt, jt = mt === void 0 ? 10 : mt, Ct = kt === void 0 ? 10 : kt, $t = qt(null);
+  let ct;
+  t[0] !== p.amount || t[1] !== p.once ? (ct = {
     once: p.once,
     amount: p.amount
-  }, t[0] = p.amount, t[1] = p.once, t[2] = at) : at = t[2];
-  const M = ri(kt, at), [ht, yt] = Ot(void 0), [D, d] = Ot(void 0), [u, Ct] = Ot(void 0), [dt, Dt] = Ot(void 0);
-  let it;
-  t[3] !== jt || t[4] !== xt || t[5] !== Mt || t[6] !== Vt ? (it = {
-    top: Vt,
-    bottom: jt,
-    left: xt,
-    right: Mt
-  }, t[3] = jt, t[4] = xt, t[5] = Mt, t[6] = Vt, t[7] = it) : it = t[7];
-  const g = it, B = $ - g.left - g.right, q = v - g.top - g.bottom;
-  let E, I, V, L, k, A, P, H, W, X, Y, G;
-  if (t[8] !== p.duration || t[9] !== f?.graphObjectValues || t[10] !== f?.xAxis?.labels || t[11] !== l || t[12] !== n || t[13] !== j || t[14] !== o || t[15] !== Q || t[16] !== _ || t[17] !== x || t[18] !== q || t[19] !== B || t[20] !== v || t[21] !== b || t[22] !== r || t[23] !== M || t[24] !== g.left || t[25] !== g.top || t[26] !== T || t[27] !== S || t[28] !== D || t[29] !== m || t[30] !== J || t[31] !== ot || t[32] !== tt || t[33] !== rt || t[34] !== c || t[35] !== gt || t[36] !== nt || t[37] !== wt || t[38] !== lt || t[39] !== O?.graphObjectValues || t[40] !== O?.xAxis?.labels || t[41] !== K || t[42] !== w || t[43] !== $) {
+  }, t[0] = p.amount, t[1] = p.once, t[2] = ct) : ct = t[2];
+  const j = ri($t, ct), [ut, Dt] = Ot(void 0), [s, d] = Ot(void 0), [ht, It] = Ot(void 0), [gt, xt] = Ot(void 0);
+  let yt;
+  t[3] !== Ct || t[4] !== Mt || t[5] !== Vt || t[6] !== jt ? (yt = {
+    top: jt,
+    bottom: Ct,
+    left: Mt,
+    right: Vt
+  }, t[3] = Ct, t[4] = Mt, t[5] = Vt, t[6] = jt, t[7] = yt) : yt = t[7];
+  const g = yt, F = $ - g.left - g.right, B = y - g.top - g.bottom;
+  let S, T, b, D, E, L, H, P, W, X, Y, x;
+  if (t[8] !== p.duration || t[9] !== f?.graphObjectValues || t[10] !== f?.xAxis?.labels || t[11] !== l || t[12] !== n || t[13] !== V || t[14] !== o || t[15] !== K || t[16] !== tt || t[17] !== v || t[18] !== B || t[19] !== F || t[20] !== y || t[21] !== w || t[22] !== r || t[23] !== j || t[24] !== Q || t[25] !== g.left || t[26] !== g.top || t[27] !== N || t[28] !== A || t[29] !== s || t[30] !== m || t[31] !== U || t[32] !== rt || t[33] !== it || t[34] !== at || t[35] !== u || t[36] !== vt || t[37] !== lt || t[38] !== wt || t[39] !== st || t[40] !== O?.graphObjectValues || t[41] !== O?.xAxis?.labels || t[42] !== J || t[43] !== M || t[44] !== $) {
     const At = o.map(Oe);
-    let ct;
-    t[56] !== r ? (ct = (e) => {
-      const s = (r || []).indexOf(e.label);
-      return s === -1 ? 1 / 0 : s;
-    }, t[56] = r, t[57] = ct) : ct = t[57];
-    const Tt = ii(At, [ct], ["desc"]);
-    let ut;
-    t[58] !== o || t[59] !== T ? (ut = U(T) ? Math.max(...o.filter(ve).map(ye)) < 0 ? 0 : Math.max(...o.filter(xe).map(ge)) : T, t[58] = o, t[59] = T, t[60] = ut) : ut = t[60];
-    const Nt = ut;
-    let vt;
-    t[61] !== o || t[62] !== S ? (vt = U(S) ? Math.min(...o.filter(de).map(he)) >= 0 ? 0 : Math.min(...o.filter(me).map(pe)) : S, t[61] = o, t[62] = S, t[63] = vt) : vt = t[63];
-    const $t = vt, ft = ni().domain([$t, Nt]).range([0, B]).nice(), St = ai(m, B);
-    I = et.svg, L = `${$}px`, k = `${v}px`, A = `0 0 ${$} ${v}`, P = "ltr", H = kt, G = `translate(${g.left},${g.top})`, t[64] !== j ? (V = j.filter(fe).map(ue), t[64] = j, t[65] = V) : V = t[65], E = li, W = Tt.map((e) => /* @__PURE__ */ a.jsxs(et.g, { className: "undp-viz-g-with-hover", variants: {
+    let pt;
+    t[57] !== r ? (pt = (e) => {
+      const c = (r || []).indexOf(e.label);
+      return c === -1 ? 1 / 0 : c;
+    }, t[57] = r, t[58] = pt) : pt = t[58];
+    const Nt = ii(At, [pt], ["desc"]);
+    let et;
+    t[59] !== o || t[60] !== N ? (et = q(N) ? Math.max(...o.filter(ve).map(ye)) < 0 ? 0 : Math.max(...o.filter(xe).map(ge)) : N, t[59] = o, t[60] = N, t[61] = et) : et = t[61];
+    const Gt = et;
+    let ot;
+    t[62] !== o || t[63] !== A ? (ot = q(A) ? Math.min(...o.filter(he).map(de)) >= 0 ? 0 : Math.min(...o.filter(me).map(pe)) : A, t[62] = o, t[63] = A, t[64] = ot) : ot = t[64];
+    const zt = ot, _ = ni().domain([zt, Gt]).range([0, F]).nice(), St = ai(m, F);
+    T = nt.svg, D = `${$}px`, E = `${y}px`, L = `0 0 ${$} ${y}`, H = "ltr", P = $t, x = `translate(${g.left},${g.top})`, t[65] !== V ? (b = V.filter(fe).map(ue), t[65] = V, t[66] = b) : b = t[66], S = li, W = Nt.map((e) => /* @__PURE__ */ a.jsxs(nt.g, { className: "undp-viz-g-with-hover", variants: {
       initial: {
         opacity: 0,
-        x: ft(0),
-        y: q / 2
+        x: _(0),
+        y: B / 2
       },
       whileInView: {
-        x: ft(e.position),
-        y: q / 2,
-        opacity: nt ? e.color && n[l.indexOf(e.color)] === nt ? 0.95 : _ : r.length !== 0 ? r.indexOf(e.label) !== -1 ? 0.95 : _ : x,
+        x: _(e.position),
+        y: B / 2,
+        opacity: lt ? e.color && n[l.indexOf(e.color)] === lt ? 0.95 : tt : r ? r.indexOf(e.label) !== -1 ? 0.95 : tt : v,
         transition: {
           duration: p.duration
         }
       }
-    }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
+    }, initial: "initial", animate: j ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
         duration: p.duration
       }
-    }, onMouseEnter: (s) => {
-      yt(e), Dt(s.clientY), Ct(s.clientX), ot?.(e);
+    }, onMouseEnter: (c) => {
+      Dt(e), xt(c.clientY), It(c.clientX), rt?.(e);
     }, onClick: () => {
-      (J || Q) && (ti(D, e) && gt ? (d(void 0), J?.(void 0)) : (d(e), J?.(e)));
-    }, onMouseMove: (s) => {
-      yt(e), Dt(s.clientY), Ct(s.clientX);
+      (U || K) && (ti(s, e) && vt ? (d(void 0), U?.(void 0)) : (d(e), U?.(e)));
+    }, onMouseMove: (c) => {
+      Dt(e), xt(c.clientY), It(c.clientX);
     }, onMouseLeave: () => {
-      yt(void 0), Ct(void 0), Dt(void 0), ot?.(void 0);
+      Dt(void 0), It(void 0), xt(void 0), rt?.(void 0);
     }, children: [
-      lt === "dot" ? /* @__PURE__ */ a.jsx(et.circle, { cy: 0, cx: 0, variants: {
+      st === "dot" ? /* @__PURE__ */ a.jsx(nt.circle, { cy: 0, cx: 0, variants: {
         initial: {
-          fill: b && r ? r.indexOf(e.label) !== -1 ? b : o.filter(ce).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(se).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray
+          fill: w && r ? r.indexOf(e.label) !== -1 ? w : o.filter(ce).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(se).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray
         },
         whileInView: {
-          fill: b && r ? r.indexOf(e.label) !== -1 ? b : o.filter(ae).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(le).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray,
+          fill: w && r ? r.indexOf(e.label) !== -1 ? w : o.filter(ae).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(le).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray,
           transition: {
             duration: p.duration
           }
         }
-      }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
+      }, initial: "initial", animate: j ? "whileInView" : "initial", exit: {
         opacity: 0,
         transition: {
           duration: p.duration
         }
-      }, r: c }) : /* @__PURE__ */ a.jsx(et.rect, { x: -1, width: 2, variants: {
+      }, r: u }) : /* @__PURE__ */ a.jsx(nt.rect, { x: -1, width: 2, variants: {
         initial: {
-          y: 0 - c,
-          height: c * 2,
-          fill: b && r ? r.indexOf(e.label) !== -1 ? b : o.filter(re).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(ne).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray
+          y: 0 - u,
+          height: u * 2,
+          fill: w && r ? r.indexOf(e.label) !== -1 ? w : o.filter(re).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(ne).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray
         },
         whileInView: {
-          y: 0 - c,
-          height: c * 2,
-          fill: b && r ? r.indexOf(e.label) !== -1 ? b : o.filter(oe).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(ee).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray,
+          y: 0 - u,
+          height: u * 2,
+          fill: w && r ? r.indexOf(e.label) !== -1 ? w : o.filter(oe).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(ee).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray,
           transition: {
             duration: p.duration
           }
         }
-      }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
+      }, initial: "initial", animate: j ? "whileInView" : "initial", exit: {
         opacity: 0,
         transition: {
           duration: p.duration
         }
       } }),
-      r.length !== 0 && r.indexOf(e.label) !== -1 ? /* @__PURE__ */ a.jsx(et.text, { x: 0, variants: {
+      r && r.indexOf(e.label) !== -1 ? /* @__PURE__ */ a.jsx(nt.text, { x: 0, variants: {
         initial: {
           opacity: 0,
-          y: 0 - c - 5,
-          fill: w || (b && r ? r.indexOf(e.label) !== -1 ? b : o.filter(ie).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(te).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray)
+          y: 0 - u - 5,
+          fill: M || (w && r ? r.indexOf(e.label) !== -1 ? w : o.filter(ie).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(te).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray)
         },
         whileInView: {
           opacity: 1,
-          y: 0 - c - 5,
-          fill: w || (b && r ? r.indexOf(e.label) !== -1 ? b : o.filter(_i).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(Zi).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray),
+          y: 0 - u - 5,
+          fill: M || (w && r ? r.indexOf(e.label) !== -1 ? w : o.filter(_i).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray : o.filter(Zi).length === 0 ? n[0] : e.color ? n[l.indexOf(e.color)] : h.gray),
           transition: {
             duration: p.duration
           }
         }
-      }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
+      }, initial: "initial", animate: j ? "whileInView" : "initial", exit: {
         opacity: 0,
         transition: {
           duration: p.duration
@@ -487,39 +489,39 @@ function Fi(i) {
       }, style: {
         textAnchor: "middle",
         ...O?.graphObjectValues || {}
-      }, className: Yt("graph-value text-sm font-bold", f?.graphObjectValues), children: Gt(e.position, "NA", tt, rt, K) }) : null
-    ] }, e.label)), X = wt ? [Math.min(...o.filter(Qi).map(Ki)), Math.max(...o.filter(Ji).map(Ui))].map((e, s) => /* @__PURE__ */ a.jsx(et.g, { variants: {
+      }, className: Xt("graph-value text-sm font-bold", f?.graphObjectValues), children: Yt(e.position, void 0, it, at, J, Q) }) : null
+    ] }, e.label)), X = wt ? [Math.min(...o.filter(Qi).map(Ki)), Math.max(...o.filter(Ji).map(Ui))].map((e, c) => /* @__PURE__ */ a.jsx(nt.g, { variants: {
       initial: {
         opacity: 0,
-        x: ft(0),
-        y: q / 2
+        x: _(0),
+        y: B / 2
       },
       whileInView: {
-        x: ft(e),
-        y: q / 2,
+        x: _(e),
+        y: B / 2,
         opacity: 1,
         transition: {
           duration: p.duration
         }
       }
-    }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
+    }, initial: "initial", animate: j ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
         duration: p.duration
       }
-    }, children: /* @__PURE__ */ a.jsx(et.text, { x: 0, variants: {
+    }, children: /* @__PURE__ */ a.jsx(nt.text, { x: 0, variants: {
       initial: {
         opacity: 0,
-        y: 0 - c - 5
+        y: 0 - u - 5
       },
       whileInView: {
         opacity: 1,
-        y: 0 - c - 5,
+        y: 0 - u - 5,
         transition: {
           duration: p.duration
         }
       }
-    }, initial: "initial", animate: M ? "whileInView" : "initial", exit: {
+    }, initial: "initial", animate: j ? "whileInView" : "initial", exit: {
       opacity: 0,
       transition: {
         duration: p.duration
@@ -527,38 +529,38 @@ function Fi(i) {
     }, style: {
       textAnchor: "middle",
       ...O?.graphObjectValues || {}
-    }, className: Yt("graph-value text-sm text-primary-gray-550 dark:text-primary-gray-200", f?.graphObjectValues), children: Gt(e, "NA", tt, rt, K) }) }, s)) : null, Y = St.map((e, s) => /* @__PURE__ */ a.jsx("text", { x: e, y: q / 2 + c, style: {
-      textAnchor: s === 0 ? "start" : s === St.length - 1 ? "end" : "middle",
+    }, className: Xt("graph-value text-sm text-primary-gray-550 dark:text-primary-gray-200", f?.graphObjectValues), children: Yt(e, void 0, it, at, J, Q) }) }, c)) : null, Y = St.map((e, c) => /* @__PURE__ */ a.jsx("text", { x: e, y: B / 2 + u, style: {
+      textAnchor: c === 0 ? "start" : c === St.length - 1 ? "end" : "middle",
       ...O?.xAxis?.labels || {}
-    }, className: Yt("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", f?.xAxis?.labels), dy: "1em", children: Gt(ft.invert(e), "NA", tt, rt, K) }, s)), t[8] = p.duration, t[9] = f?.graphObjectValues, t[10] = f?.xAxis?.labels, t[11] = l, t[12] = n, t[13] = j, t[14] = o, t[15] = Q, t[16] = _, t[17] = x, t[18] = q, t[19] = B, t[20] = v, t[21] = b, t[22] = r, t[23] = M, t[24] = g.left, t[25] = g.top, t[26] = T, t[27] = S, t[28] = D, t[29] = m, t[30] = J, t[31] = ot, t[32] = tt, t[33] = rt, t[34] = c, t[35] = gt, t[36] = nt, t[37] = wt, t[38] = lt, t[39] = O?.graphObjectValues, t[40] = O?.xAxis?.labels, t[41] = K, t[42] = w, t[43] = $, t[44] = E, t[45] = I, t[46] = V, t[47] = L, t[48] = k, t[49] = A, t[50] = P, t[51] = H, t[52] = W, t[53] = X, t[54] = Y, t[55] = G;
+    }, className: Xt("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", f?.xAxis?.labels), dy: "1em", children: Yt(_.invert(e), void 0, it, at, J, Q) }, c)), t[8] = p.duration, t[9] = f?.graphObjectValues, t[10] = f?.xAxis?.labels, t[11] = l, t[12] = n, t[13] = V, t[14] = o, t[15] = K, t[16] = tt, t[17] = v, t[18] = B, t[19] = F, t[20] = y, t[21] = w, t[22] = r, t[23] = j, t[24] = Q, t[25] = g.left, t[26] = g.top, t[27] = N, t[28] = A, t[29] = s, t[30] = m, t[31] = U, t[32] = rt, t[33] = it, t[34] = at, t[35] = u, t[36] = vt, t[37] = lt, t[38] = wt, t[39] = st, t[40] = O?.graphObjectValues, t[41] = O?.xAxis?.labels, t[42] = J, t[43] = M, t[44] = $, t[45] = S, t[46] = T, t[47] = b, t[48] = D, t[49] = E, t[50] = L, t[51] = H, t[52] = P, t[53] = W, t[54] = X, t[55] = Y, t[56] = x;
   } else
-    E = t[44], I = t[45], V = t[46], L = t[47], k = t[48], A = t[49], P = t[50], H = t[51], W = t[52], X = t[53], Y = t[54], G = t[55];
-  let z;
-  t[66] !== E || t[67] !== W || t[68] !== X || t[69] !== Y ? (z = /* @__PURE__ */ a.jsxs(E, { children: [
+    S = t[45], T = t[46], b = t[47], D = t[48], E = t[49], L = t[50], H = t[51], P = t[52], W = t[53], X = t[54], Y = t[55], x = t[56];
+  let G;
+  t[67] !== S || t[68] !== W || t[69] !== X || t[70] !== Y ? (G = /* @__PURE__ */ a.jsxs(S, { children: [
     W,
     X,
     Y
-  ] }), t[66] = E, t[67] = W, t[68] = X, t[69] = Y, t[70] = z) : z = t[70];
-  let y;
-  t[71] !== j ? (y = j.filter(qi).map(Bi), t[71] = j, t[72] = y) : y = t[72];
+  ] }), t[67] = S, t[68] = W, t[69] = X, t[70] = Y, t[71] = G) : G = t[71];
+  let Z;
+  t[72] !== V ? (Z = V.filter(qi).map(Bi), t[72] = V, t[73] = Z) : Z = t[73];
+  let I;
+  t[74] !== b || t[75] !== G || t[76] !== Z || t[77] !== x ? (I = /* @__PURE__ */ a.jsxs("g", { transform: x, children: [
+    b,
+    G,
+    Z
+  ] }), t[74] = b, t[75] = G, t[76] = Z, t[77] = x, t[78] = I) : I = t[78];
+  let z;
+  t[79] !== T || t[80] !== D || t[81] !== E || t[82] !== L || t[83] !== H || t[84] !== P || t[85] !== I ? (z = /* @__PURE__ */ a.jsx(T, { width: D, height: E, viewBox: L, direction: H, ref: P, children: I }), t[79] = T, t[80] = D, t[81] = E, t[82] = L, t[83] = H, t[84] = P, t[85] = I, t[86] = z) : z = t[86];
   let R;
-  t[73] !== V || t[74] !== z || t[75] !== y || t[76] !== G ? (R = /* @__PURE__ */ a.jsxs("g", { transform: G, children: [
-    V,
+  t[87] !== f?.tooltip || t[88] !== ht || t[89] !== gt || t[90] !== ut || t[91] !== O?.tooltip || t[92] !== dt ? (R = ut && dt && ht && gt ? /* @__PURE__ */ a.jsx(ei, { data: ut, body: dt, xPos: ht, yPos: gt, backgroundStyle: O?.tooltip, className: f?.tooltip }) : null, t[87] = f?.tooltip, t[88] = ht, t[89] = gt, t[90] = ut, t[91] = O?.tooltip, t[92] = dt, t[93] = R) : R = t[93];
+  let k;
+  t[94] !== f?.modal || t[95] !== K || t[96] !== s ? (k = K && s !== void 0 ? /* @__PURE__ */ a.jsx(oi, { body: K, data: s, setData: d, className: f?.modal }) : null, t[94] = f?.modal, t[95] = K, t[96] = s, t[97] = k) : k = t[97];
+  let ft;
+  return t[98] !== z || t[99] !== R || t[100] !== k ? (ft = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     z,
-    y
-  ] }), t[73] = V, t[74] = z, t[75] = y, t[76] = G, t[77] = R) : R = t[77];
-  let Z;
-  t[78] !== I || t[79] !== L || t[80] !== k || t[81] !== A || t[82] !== P || t[83] !== H || t[84] !== R ? (Z = /* @__PURE__ */ a.jsx(I, { width: L, height: k, viewBox: A, direction: P, ref: H, children: R }), t[78] = I, t[79] = L, t[80] = k, t[81] = A, t[82] = P, t[83] = H, t[84] = R, t[85] = Z) : Z = t[85];
-  let N;
-  t[86] !== f?.tooltip || t[87] !== u || t[88] !== dt || t[89] !== ht || t[90] !== O?.tooltip || t[91] !== mt ? (N = ht && mt && u && dt ? /* @__PURE__ */ a.jsx(ei, { data: ht, body: mt, xPos: u, yPos: dt, backgroundStyle: O?.tooltip, className: f?.tooltip }) : null, t[86] = f?.tooltip, t[87] = u, t[88] = dt, t[89] = ht, t[90] = O?.tooltip, t[91] = mt, t[92] = N) : N = t[92];
-  let F;
-  t[93] !== f?.modal || t[94] !== Q || t[95] !== D ? (F = Q && D !== void 0 ? /* @__PURE__ */ a.jsx(oi, { body: Q, data: D, setData: d, className: f?.modal }) : null, t[93] = f?.modal, t[94] = Q, t[95] = D, t[96] = F) : F = t[96];
-  let st;
-  return t[97] !== Z || t[98] !== N || t[99] !== F ? (st = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    Z,
-    N,
-    F
-  ] }), t[97] = Z, t[98] = N, t[99] = F, t[100] = st) : st = t[100], st;
+    R,
+    k
+  ] }), t[98] = z, t[99] = R, t[100] = k, t[101] = ft) : ft = t[101], ft;
 }
 function Bi(i) {
   return i.layer;
@@ -570,13 +572,13 @@ function Ui(i) {
   return i.position;
 }
 function Ji(i) {
-  return !U(i.position);
+  return !q(i.position);
 }
 function Ki(i) {
   return i.position;
 }
 function Qi(i) {
-  return !U(i.position);
+  return !q(i.position);
 }
 function Zi(i) {
   return i.color;
@@ -624,25 +626,25 @@ function pe(i) {
   return i.position;
 }
 function me(i) {
-  return !U(i.position);
+  return !q(i.position);
 }
-function he(i) {
+function de(i) {
   return i.position;
 }
-function de(i) {
-  return !U(i.position);
+function he(i) {
+  return !q(i.position);
 }
 function ge(i) {
   return i.position;
 }
 function xe(i) {
-  return !U(i.position);
+  return !q(i.position);
 }
 function ye(i) {
   return i.position;
 }
 function ve(i) {
-  return !U(i.position);
+  return !q(i.position);
 }
 function Oe(i, t) {
   return {
@@ -651,114 +653,112 @@ function Oe(i, t) {
   };
 }
 function Ue(i) {
-  const t = Jt.c(93), {
+  const t = Kt.c(92), {
     data: o,
     graphTitle: $,
-    colors: v,
+    colors: y,
     sources: n,
     graphDescription: l,
-    height: c,
+    height: u,
     width: C,
     footNote: bt,
-    colorDomain: pt,
-    colorLegendTitle: It,
-    radius: mt,
-    padding: ot,
+    colorDomain: mt,
+    colorLegendTitle: kt,
+    radius: dt,
+    padding: rt,
     backgroundColor: r,
-    leftMargin: nt,
-    rightMargin: S,
-    topMargin: T,
-    bottomMargin: J,
-    tooltip: rt,
-    relativeHeight: K,
-    onSeriesMouseOver: lt,
-    showColorScale: b,
-    highlightedDataPoints: x,
-    graphID: gt,
-    minValue: Q,
+    leftMargin: lt,
+    rightMargin: A,
+    topMargin: N,
+    bottomMargin: U,
+    tooltip: at,
+    relativeHeight: J,
+    onSeriesMouseOver: st,
+    showColorScale: w,
+    highlightedDataPoints: v,
+    graphID: vt,
+    minValue: K,
     maxValue: O,
     onSeriesMouseClick: f,
-    noOfTicks: w,
+    noOfTicks: M,
     graphDownload: p,
     dataDownload: m,
-    prefix: _,
-    suffix: tt,
-    stripType: j,
+    prefix: tt,
+    suffix: it,
+    stripType: V,
     language: wt,
-    highlightColor: xt,
+    highlightColor: Q,
     dotOpacity: Mt,
     showNAColor: Vt,
     minHeight: jt,
-    theme: kt,
-    ariaLabel: at,
-    valueColor: M,
-    resetSelectionOnDoubleClick: ht,
-    detailsOnClick: yt,
-    orientation: D,
-    styles: d,
-    classNames: u,
-    animate: Ct,
-    dimmedOpacity: dt,
-    precision: Dt,
-    customLayers: it,
-    showDataMinMax: g
-  } = i, B = mt === void 0 ? 5 : mt, q = r === void 0 ? !1 : r, E = b === void 0 ? !0 : b;
-  let I;
-  t[0] !== x ? (I = x === void 0 ? [] : x, t[0] = x, t[1] = I) : I = t[1];
-  const V = I, L = w === void 0 ? 2 : w, k = p === void 0 ? !1 : p, A = m === void 0 ? !1 : m, P = _ === void 0 ? "" : _, H = tt === void 0 ? "" : tt, W = j === void 0 ? "dot" : j, X = wt === void 0 ? "en" : wt, Y = Mt === void 0 ? 0.3 : Mt, G = Vt === void 0 ? !0 : Vt, z = jt === void 0 ? 0 : jt, y = kt === void 0 ? "light" : kt, R = ht === void 0 ? !0 : ht, Z = D === void 0 ? "vertical" : D, N = Ct === void 0 ? !1 : Ct, F = dt === void 0 ? 0.3 : dt, st = Dt === void 0 ? 2 : Dt;
-  let At;
-  t[2] !== it ? (At = it === void 0 ? [] : it, t[2] = it, t[3] = At) : At = t[3];
-  const ct = At, Tt = g === void 0 ? !1 : g, ut = Z === "horizontal" ? Fi : di, [Nt, vt] = Ot(0), [$t, ft] = Ot(0), [St, e] = Ot(void 0), s = Bt(null), Kt = Bt(null);
-  let zt, Rt;
-  t[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (zt = () => {
+    theme: Ct,
+    ariaLabel: $t,
+    valueColor: ct,
+    resetSelectionOnDoubleClick: j,
+    detailsOnClick: ut,
+    orientation: Dt,
+    styles: s,
+    classNames: d,
+    animate: ht,
+    dimmedOpacity: It,
+    precision: gt,
+    customLayers: xt,
+    showDataMinMax: yt,
+    locale: g
+  } = i, F = dt === void 0 ? 5 : dt, B = r === void 0 ? !1 : r, S = w === void 0 ? !0 : w, T = M === void 0 ? 2 : M, b = p === void 0 ? !1 : p, D = m === void 0 ? !1 : m, E = tt === void 0 ? "" : tt, L = it === void 0 ? "" : it, H = V === void 0 ? "dot" : V, P = wt === void 0 ? "en" : wt, W = Mt === void 0 ? 0.3 : Mt, X = Vt === void 0 ? !0 : Vt, Y = jt === void 0 ? 0 : jt, x = Ct === void 0 ? "light" : Ct, G = j === void 0 ? !0 : j, Z = Dt === void 0 ? "vertical" : Dt, I = ht === void 0 ? !1 : ht, z = It === void 0 ? 0.3 : It, R = gt === void 0 ? 2 : gt;
+  let k;
+  t[0] !== xt ? (k = xt === void 0 ? [] : xt, t[0] = xt, t[1] = k) : k = t[1];
+  const ft = k, At = yt === void 0 ? !1 : yt, pt = g === void 0 ? "en" : g, Nt = Z === "horizontal" ? Fi : hi, [et, Gt] = Ot(0), [ot, zt] = Ot(0), [_, St] = Ot(void 0), e = qt(null), c = qt(null);
+  let Rt, Ft;
+  t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Rt = () => {
     const Qt = new ResizeObserver((Zt) => {
-      vt(Zt[0].target.clientWidth || 620), ft(Zt[0].target.clientHeight || 480);
+      Gt(Zt[0].target.clientWidth || 620), zt(Zt[0].target.clientHeight || 480);
     });
-    return s.current && Qt.observe(s.current), () => Qt.disconnect();
-  }, Rt = [], t[4] = zt, t[5] = Rt) : (zt = t[4], Rt = t[5]), si(zt, Rt);
-  const qt = u?.graphContainer, Ut = d?.graphContainer;
-  let Et;
-  t[6] !== u?.description || t[7] !== u?.title || t[8] !== o || t[9] !== A || t[10] !== l || t[11] !== k || t[12] !== $ || t[13] !== d?.description || t[14] !== d?.title || t[15] !== C ? (Et = $ || l || k || A ? /* @__PURE__ */ a.jsx(hi, { styles: {
+    return e.current && Qt.observe(e.current), () => Qt.disconnect();
+  }, Ft = [], t[2] = Rt, t[3] = Ft) : (Rt = t[2], Ft = t[3]), si(Rt, Ft);
+  const Ut = d?.graphContainer, Jt = s?.graphContainer;
+  let Tt;
+  t[4] !== d?.description || t[5] !== d?.title || t[6] !== o || t[7] !== D || t[8] !== l || t[9] !== b || t[10] !== $ || t[11] !== s?.description || t[12] !== s?.title || t[13] !== C ? (Tt = $ || l || b || D ? /* @__PURE__ */ a.jsx(di, { styles: {
+    title: s?.title,
+    description: s?.description
+  }, classNames: {
     title: d?.title,
     description: d?.description
-  }, classNames: {
-    title: u?.title,
-    description: u?.description
-  }, graphTitle: $, graphDescription: l, width: C, graphDownload: k ? Kt : void 0, dataDownload: A ? o.map(Ie).filter(De).length > 0 ? o.map(Ce).filter(je) : o.filter(Ve) : null }) : null, t[6] = u?.description, t[7] = u?.title, t[8] = o, t[9] = A, t[10] = l, t[11] = k, t[12] = $, t[13] = d?.description, t[14] = d?.title, t[15] = C, t[16] = Et) : Et = t[16];
+  }, graphTitle: $, graphDescription: l, width: C, graphDownload: b ? c : void 0, dataDownload: D ? o.map(Ie).filter(De).length > 0 ? o.map(Ce).filter(je) : o.filter(Ve) : null }) : null, t[4] = d?.description, t[5] = d?.title, t[6] = o, t[7] = D, t[8] = l, t[9] = b, t[10] = $, t[11] = s?.description, t[12] = s?.title, t[13] = C, t[14] = Tt) : Tt = t[14];
+  let Et;
+  t[15] !== d?.colorLegend || t[16] !== mt || t[17] !== kt || t[18] !== y || t[19] !== o || t[20] !== S || t[21] !== X || t[22] !== x || t[23] !== C ? (Et = S !== !1 && o.filter(Me).length !== 0 && o.length > 0 ? /* @__PURE__ */ a.jsx(pi, { width: C, colorLegendTitle: kt, colors: y || h[x].categoricalColors.colors, colorDomain: mt || _t(o, "color", !0), setSelectedColor: St, showNAColor: X, className: d?.colorLegend }) : null, t[15] = d?.colorLegend, t[16] = mt, t[17] = kt, t[18] = y, t[19] = o, t[20] = S, t[21] = X, t[22] = x, t[23] = C, t[24] = Et) : Et = t[24];
   let Lt;
-  t[17] !== u?.colorLegend || t[18] !== pt || t[19] !== It || t[20] !== v || t[21] !== o || t[22] !== E || t[23] !== G || t[24] !== y || t[25] !== C ? (Lt = E !== !1 && o.filter(Me).length !== 0 && o.length > 0 ? /* @__PURE__ */ a.jsx(pi, { width: C, colorLegendTitle: It, colors: v || h[y].categoricalColors.colors, colorDomain: pt || _t(o, "color", !0), setSelectedColor: e, showNAColor: G, className: u?.colorLegend }) : null, t[17] = u?.colorLegend, t[18] = pt, t[19] = It, t[20] = v, t[21] = o, t[22] = E, t[23] = G, t[24] = y, t[25] = C, t[26] = Lt) : Lt = t[26];
-  let Pt;
-  t[27] !== o.length ? (Pt = o.length === 0 && /* @__PURE__ */ a.jsx(fi, {}), t[27] = o.length, t[28] = Pt) : Pt = t[28];
+  t[25] !== o.length ? (Lt = o.length === 0 && /* @__PURE__ */ a.jsx(fi, {}), t[25] = o.length, t[26] = Lt) : Lt = t[26];
   let Ht;
-  t[29] !== ut || t[30] !== N || t[31] !== J || t[32] !== u || t[33] !== pt || t[34] !== v || t[35] !== ct || t[36] !== o || t[37] !== yt || t[38] !== F || t[39] !== Y || t[40] !== xt || t[41] !== V || t[42] !== nt || t[43] !== O || t[44] !== Q || t[45] !== L || t[46] !== f || t[47] !== lt || t[48] !== st || t[49] !== P || t[50] !== B || t[51] !== R || t[52] !== S || t[53] !== St || t[54] !== Tt || t[55] !== W || t[56] !== d || t[57] !== H || t[58] !== $t || t[59] !== Nt || t[60] !== y || t[61] !== rt || t[62] !== T || t[63] !== M ? (Ht = Nt && $t && o.length > 0 ? /* @__PURE__ */ a.jsx(ut, { data: o, width: Nt, showDataMinMax: Tt, height: $t, colorDomain: o.filter(we).length === 0 ? [] : pt || _t(o, "color", !0), colors: o.filter(be).length === 0 ? v ? [v] : [h.primaryColors["blue-600"]] : v || h[y].categoricalColors.colors, selectedColor: St, radius: B, leftMargin: nt, rightMargin: S, topMargin: T, bottomMargin: J, tooltip: rt, onSeriesMouseOver: lt, highlightedDataPoints: V, minValue: Q, maxValue: O, onSeriesMouseClick: f, prefix: P, suffix: H, stripType: W, highlightColor: xt, dotOpacity: Y, resetSelectionOnDoubleClick: R, detailsOnClick: yt, styles: d, classNames: u, valueColor: M, animate: N === !0 ? {
+  t[27] !== Nt || t[28] !== I || t[29] !== U || t[30] !== d || t[31] !== mt || t[32] !== y || t[33] !== ft || t[34] !== o || t[35] !== ut || t[36] !== z || t[37] !== W || t[38] !== Q || t[39] !== v || t[40] !== lt || t[41] !== pt || t[42] !== O || t[43] !== K || t[44] !== T || t[45] !== f || t[46] !== st || t[47] !== R || t[48] !== E || t[49] !== F || t[50] !== G || t[51] !== A || t[52] !== _ || t[53] !== At || t[54] !== H || t[55] !== s || t[56] !== L || t[57] !== ot || t[58] !== et || t[59] !== x || t[60] !== at || t[61] !== N || t[62] !== ct ? (Ht = et && ot && o.length > 0 ? /* @__PURE__ */ a.jsx(Nt, { data: o, width: et, showDataMinMax: At, height: ot, colorDomain: o.filter(we).length === 0 ? [] : mt || _t(o, "color", !0), colors: o.filter(be).length === 0 ? y ? [y] : [h.primaryColors["blue-600"]] : y || h[x].categoricalColors.colors, selectedColor: _, radius: F, leftMargin: lt, rightMargin: A, topMargin: N, bottomMargin: U, tooltip: at, onSeriesMouseOver: st, highlightedDataPoints: v, minValue: K, maxValue: O, onSeriesMouseClick: f, prefix: E, suffix: L, stripType: H, highlightColor: Q, dotOpacity: W, resetSelectionOnDoubleClick: G, detailsOnClick: ut, styles: s, classNames: d, valueColor: ct, animate: I === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
-  } : N || {
+  } : I || {
     duration: 0,
     once: !0,
     amount: 0
-  }, noOfTicks: L, dimmedOpacity: F, precision: st, customLayers: ct }) : null, t[29] = ut, t[30] = N, t[31] = J, t[32] = u, t[33] = pt, t[34] = v, t[35] = ct, t[36] = o, t[37] = yt, t[38] = F, t[39] = Y, t[40] = xt, t[41] = V, t[42] = nt, t[43] = O, t[44] = Q, t[45] = L, t[46] = f, t[47] = lt, t[48] = st, t[49] = P, t[50] = B, t[51] = R, t[52] = S, t[53] = St, t[54] = Tt, t[55] = W, t[56] = d, t[57] = H, t[58] = $t, t[59] = Nt, t[60] = y, t[61] = rt, t[62] = T, t[63] = M, t[64] = Ht) : Ht = t[64];
-  let Wt;
-  t[65] !== Pt || t[66] !== Ht ? (Wt = /* @__PURE__ */ a.jsxs(ci, { ref: s, children: [
-    Pt,
+  }, noOfTicks: T, dimmedOpacity: z, precision: R, customLayers: ft, locale: pt }) : null, t[27] = Nt, t[28] = I, t[29] = U, t[30] = d, t[31] = mt, t[32] = y, t[33] = ft, t[34] = o, t[35] = ut, t[36] = z, t[37] = W, t[38] = Q, t[39] = v, t[40] = lt, t[41] = pt, t[42] = O, t[43] = K, t[44] = T, t[45] = f, t[46] = st, t[47] = R, t[48] = E, t[49] = F, t[50] = G, t[51] = A, t[52] = _, t[53] = At, t[54] = H, t[55] = s, t[56] = L, t[57] = ot, t[58] = et, t[59] = x, t[60] = at, t[61] = N, t[62] = ct, t[63] = Ht) : Ht = t[63];
+  let Pt;
+  t[64] !== Lt || t[65] !== Ht ? (Pt = /* @__PURE__ */ a.jsxs(ci, { ref: e, children: [
+    Lt,
     Ht
-  ] }), t[65] = Pt, t[66] = Ht, t[67] = Wt) : Wt = t[67];
-  let Xt;
-  t[68] !== u?.footnote || t[69] !== u?.source || t[70] !== bt || t[71] !== n || t[72] !== d?.footnote || t[73] !== d?.source || t[74] !== C ? (Xt = n || bt ? /* @__PURE__ */ a.jsx(mi, { styles: {
+  ] }), t[64] = Lt, t[65] = Ht, t[66] = Pt) : Pt = t[66];
+  let Wt;
+  t[67] !== d?.footnote || t[68] !== d?.source || t[69] !== bt || t[70] !== n || t[71] !== s?.footnote || t[72] !== s?.source || t[73] !== C ? (Wt = n || bt ? /* @__PURE__ */ a.jsx(mi, { styles: {
+    footnote: s?.footnote,
+    source: s?.source
+  }, classNames: {
     footnote: d?.footnote,
     source: d?.source
-  }, classNames: {
-    footnote: u?.footnote,
-    source: u?.source
-  }, sources: n, footNote: bt, width: C }) : null, t[68] = u?.footnote, t[69] = u?.source, t[70] = bt, t[71] = n, t[72] = d?.footnote, t[73] = d?.source, t[74] = C, t[75] = Xt) : Xt = t[75];
-  let Ft;
-  return t[76] !== at || t[77] !== q || t[78] !== gt || t[79] !== c || t[80] !== X || t[81] !== z || t[82] !== ot || t[83] !== K || t[84] !== qt || t[85] !== Ut || t[86] !== Et || t[87] !== Lt || t[88] !== Wt || t[89] !== Xt || t[90] !== y || t[91] !== C ? (Ft = /* @__PURE__ */ a.jsxs(ui, { className: qt, style: Ut, id: gt, ref: Kt, "aria-label": at, backgroundColor: q, theme: y, language: X, minHeight: z, width: C, height: c, relativeHeight: K, padding: ot, children: [
+  }, sources: n, footNote: bt, width: C }) : null, t[67] = d?.footnote, t[68] = d?.source, t[69] = bt, t[70] = n, t[71] = s?.footnote, t[72] = s?.source, t[73] = C, t[74] = Wt) : Wt = t[74];
+  let Bt;
+  return t[75] !== $t || t[76] !== B || t[77] !== vt || t[78] !== u || t[79] !== P || t[80] !== Y || t[81] !== rt || t[82] !== J || t[83] !== Ut || t[84] !== Jt || t[85] !== Tt || t[86] !== Et || t[87] !== Pt || t[88] !== Wt || t[89] !== x || t[90] !== C ? (Bt = /* @__PURE__ */ a.jsxs(ui, { className: Ut, style: Jt, id: vt, ref: c, "aria-label": $t, backgroundColor: B, theme: x, language: P, minHeight: Y, width: C, height: u, relativeHeight: J, padding: rt, children: [
+    Tt,
     Et,
-    Lt,
-    Wt,
-    Xt
-  ] }), t[76] = at, t[77] = q, t[78] = gt, t[79] = c, t[80] = X, t[81] = z, t[82] = ot, t[83] = K, t[84] = qt, t[85] = Ut, t[86] = Et, t[87] = Lt, t[88] = Wt, t[89] = Xt, t[90] = y, t[91] = C, t[92] = Ft) : Ft = t[92], Ft;
+    Pt,
+    Wt
+  ] }), t[75] = $t, t[76] = B, t[77] = vt, t[78] = u, t[79] = P, t[80] = Y, t[81] = rt, t[82] = J, t[83] = Ut, t[84] = Jt, t[85] = Tt, t[86] = Et, t[87] = Pt, t[88] = Wt, t[89] = x, t[90] = C, t[91] = Bt) : Bt = t[91], Bt;
 }
 function be(i) {
   return i.color;