@undp/data-viz 2.3.19 → 2.4.0

package/dist/StripChart.js

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