@undp/data-viz 2.1.2 → 2.1.4

package/dist/StripChart.js

@@ -1,94 +1,94 @@
-import { c as Ft, j as a, m as Wt } from "./index-CHPV5EwG-Curnpaqc.js";
-import { useRef as Xt, useState as dt, useEffect as oe } from "react";
-import { i as Jt } from "./index-Bwrro8-q.js";
-import { o as Kt } from "./index-BZQYSqar.js";
-import { T as Qt } from "./Tooltip-Dj5eVppQ.js";
-import { c as ft } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { n as Yt } from "./numberFormattingFunction-14YCbkN2.js";
-import { Colors as c } from "./Colors.js";
-import { D as Zt } from "./DetailsModal-0Ry5nXiC.js";
-import { a as _t } from "./linear-BqltdMeF.js";
-import { u as te } from "./use-in-view-Cxa7y1TH.js";
+import { c as qt, j as a, m as Gt } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as zt, useState as gt, useEffect as re } from "react";
+import { i as Zt } from "./index-Bwrro8-q.js";
+import { o as _t } from "./index-BZQYSqar.js";
+import { T as te } from "./Tooltip-Dj5eVppQ.js";
+import { c as pt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { n as Rt } from "./numberFormattingFunction-14YCbkN2.js";
+import { Colors as u } from "./Colors.js";
+import { D as ee } from "./DetailsModal-0Ry5nXiC.js";
+import { a as ie } from "./linear-BqltdMeF.js";
+import { u as oe } from "./use-in-view-Cxa7y1TH.js";
 import { m as jt } from "./proxy-BxkFHwUw.js";
-import { A as ee } from "./index-BqfRwk1n.js";
-import { u as Ut } from "./uniqBy-BHy4I8PK.js";
-import { a as ne, G as le } from "./GraphContainer-CRqzdKu2.js";
-import { E as re } from "./EmptyState-BZo1BbAn.js";
-import { ColorLegendWithMouseOver as ae } from "./ColorLegendWithMouseOver.js";
-import { GraphFooter as se } from "./GraphFooter.js";
-import { GraphHeader as ce } from "./GraphHeader.js";
-function ie(e, t) {
+import { A as ne } from "./index-BqfRwk1n.js";
+import { u as Qt } from "./uniqBy-BHy4I8PK.js";
+import { a as ae, G as se } from "./GraphContainer-CRqzdKu2.js";
+import { E as ce } from "./EmptyState-C7ZXkZWd.js";
+import { ColorLegendWithMouseOver as ue } from "./ColorLegendWithMouseOver.js";
+import { GraphFooter as fe } from "./GraphFooter.js";
+import { GraphHeader as pe } from "./GraphHeader.js";
+function le(e, t) {
   if (e < 2) return [];
   const o = t / (e - 1);
   return Array.from({
     length: e
-  }, (N, w) => w * o);
+  }, (N, v) => v * o);
 }
-function ue(e) {
-  const t = Ft.c(98), {
+function me(e) {
+  const t = qt.c(98), {
     data: o,
     width: N,
-    height: w,
+    height: v,
     colors: n,
     colorDomain: r,
-    radius: m,
+    radius: h,
     leftMargin: V,
-    rightMargin: gt,
-    topMargin: xt,
+    rightMargin: xt,
+    topMargin: nt,
     bottomMargin: Ct,
-    tooltip: nt,
+    tooltip: lt,
     onSeriesMouseOver: Z,
     highlightedDataPoints: l,
     selectedColor: _,
     minValue: $,
     maxValue: S,
-    onSeriesMouseClick: R,
-    noOfTicks: lt,
+    onSeriesMouseClick: F,
+    noOfTicks: rt,
     prefix: tt,
-    suffix: rt,
-    stripType: y,
+    suffix: at,
+    stripType: O,
     highlightColor: g,
-    dotOpacity: pt,
+    dotOpacity: mt,
     resetSelectionOnDoubleClick: B,
-    detailsOnClick: v,
-    styles: u,
+    detailsOnClick: b,
+    styles: f,
     classNames: M,
     valueColor: d,
     animate: x,
     dimmedOpacity: U,
-    precision: at,
+    precision: st,
     customLayers: j
-  } = e, yt = V === void 0 ? 20 : V, mt = gt === void 0 ? 20 : gt, vt = xt === void 0 ? 10 : xt, Ot = Ct === void 0 ? 10 : Ct, Dt = Xt(null);
-  let st;
-  t[0] !== x.amount || t[1] !== x.once ? (st = {
+  } = e, yt = V === void 0 ? 20 : V, ht = xt === void 0 ? 20 : xt, vt = nt === void 0 ? 10 : nt, Ot = Ct === void 0 ? 10 : Ct, Dt = zt(null);
+  let ct;
+  t[0] !== x.amount || t[1] !== x.once ? (ct = {
     once: x.once,
     amount: x.amount
-  }, t[0] = x.amount, t[1] = x.once, t[2] = st) : st = t[2];
-  const T = te(Dt, st), [et, bt] = dt(void 0), [C, wt] = dt(void 0), [f, h] = dt(void 0), [ct, Mt] = dt(void 0);
-  let ut;
-  t[3] !== Ot || t[4] !== yt || t[5] !== mt || t[6] !== vt ? (ut = {
+  }, t[0] = x.amount, t[1] = x.once, t[2] = ct) : ct = t[2];
+  const T = oe(Dt, ct), [et, bt] = gt(void 0), [C, wt] = gt(void 0), [p, s] = gt(void 0), [ut, Mt] = gt(void 0);
+  let ft;
+  t[3] !== Ot || t[4] !== yt || t[5] !== ht || t[6] !== vt ? (ft = {
     top: vt,
     bottom: Ot,
     left: yt,
-    right: mt
-  }, t[3] = Ot, t[4] = yt, t[5] = mt, t[6] = vt, t[7] = ut) : ut = t[7];
-  const p = ut, J = N - p.left - p.right, K = w - p.top - p.bottom;
-  let E, D, P, H, k, A, L, W, X, Y, O;
-  if (t[8] !== x.duration || t[9] !== M?.graphObjectValues || t[10] !== M?.yAxis?.labels || t[11] !== r || t[12] !== n || t[13] !== j || t[14] !== o || t[15] !== v || t[16] !== U || t[17] !== pt || t[18] !== K || t[19] !== J || t[20] !== w || t[21] !== g || t[22] !== l || t[23] !== T || t[24] !== p.left || t[25] !== p.top || t[26] !== S || t[27] !== $ || t[28] !== C || t[29] !== lt || t[30] !== R || t[31] !== Z || t[32] !== at || t[33] !== tt || t[34] !== m || t[35] !== B || t[36] !== _ || t[37] !== y || t[38] !== u?.graphObjectValues || t[39] !== u?.yAxis?.labels || t[40] !== rt || t[41] !== d || t[42] !== N) {
-    const Nt = o.map(Ee);
+    right: ht
+  }, t[3] = Ot, t[4] = yt, t[5] = ht, t[6] = vt, t[7] = ft) : ft = t[7];
+  const m = ft, J = N - m.left - m.right, K = v - m.top - m.bottom;
+  let E, D, L, P, k, A, H, W, X, Y, w;
+  if (t[8] !== x.duration || t[9] !== M?.graphObjectValues || t[10] !== M?.yAxis?.labels || t[11] !== r || t[12] !== n || t[13] !== j || t[14] !== o || t[15] !== b || t[16] !== U || t[17] !== mt || t[18] !== K || t[19] !== J || t[20] !== v || t[21] !== g || t[22] !== l || t[23] !== T || t[24] !== m.left || t[25] !== m.top || t[26] !== S || t[27] !== $ || t[28] !== C || t[29] !== rt || t[30] !== F || t[31] !== Z || t[32] !== st || t[33] !== tt || t[34] !== h || t[35] !== B || t[36] !== _ || t[37] !== O || t[38] !== f?.graphObjectValues || t[39] !== f?.yAxis?.labels || t[40] !== at || t[41] !== d || t[42] !== N) {
+    const Nt = o.map(He);
     let Q;
     t[54] !== l ? (Q = (i) => {
-      const s = (l || []).indexOf(i.label);
-      return s === -1 ? 1 / 0 : s;
+      const c = (l || []).indexOf(i.label);
+      return c === -1 ? 1 / 0 : c;
     }, t[54] = l, t[55] = Q) : Q = t[55];
-    const $t = Kt(Nt, [Q], ["desc"]);
+    const $t = _t(Nt, [Q], ["desc"]);
     let ot;
-    t[56] !== o || t[57] !== S ? (ot = ft(S) ? Math.max(...o.filter(Te).map(Se)) < 0 ? 0 : Math.max(...o.filter($e).map(Ne)) : S, t[56] = o, t[57] = S, t[58] = ot) : ot = t[58];
+    t[56] !== o || t[57] !== S ? (ot = pt(S) ? Math.max(...o.filter(Pe).map(Le)) < 0 ? 0 : Math.max(...o.filter(Ee).map(Te)) : S, t[56] = o, t[57] = S, t[58] = ot) : ot = t[58];
     const kt = ot;
-    let ht;
-    t[59] !== o || t[60] !== $ ? (ht = ft($) ? Math.min(...o.filter(Ie).map(Ae)) >= 0 ? 0 : Math.min(...o.filter(ke).map(De)) : $, t[59] = o, t[60] = $, t[61] = ht) : ht = t[61];
-    const At = ht, Vt = _t().domain([At, kt]).range([K, 0]).nice(), It = ie(lt, K);
-    D = jt.svg, P = `${N}px`, H = `${w}px`, k = `0 0 ${N} ${w}`, A = "ltr", L = Dt, Y = `translate(${p.left},${p.top})`, t[62] !== j ? (O = j.filter(Ve).map(Ce), t[62] = j, t[63] = O) : O = t[63], E = ee, W = $t.map((i) => /* @__PURE__ */ a.jsxs(jt.g, { className: "undp-viz-g-with-hover", variants: {
+    let dt;
+    t[59] !== o || t[60] !== $ ? (dt = pt($) ? Math.min(...o.filter(Se).map($e)) >= 0 ? 0 : Math.min(...o.filter(Ne).map(Ie)) : $, t[59] = o, t[60] = $, t[61] = dt) : dt = t[61];
+    const At = dt, Vt = ie().domain([At, kt]).range([K, 0]).nice(), It = le(rt, K);
+    D = jt.svg, L = `${N}px`, P = `${v}px`, k = `0 0 ${N} ${v}`, A = "ltr", H = Dt, Y = `translate(${m.left},${m.top})`, t[62] !== j ? (w = j.filter(Ae).map(ke), t[62] = j, t[63] = w) : w = t[63], E = ne, W = $t.map((i) => /* @__PURE__ */ a.jsxs(jt.g, { className: "undp-viz-g-with-hover", variants: {
       initial: {
         opacity: 0,
         x: J / 2,
@@ -97,7 +97,7 @@ function ue(e) {
       whileInView: {
         x: J / 2,
         y: Vt(i.position),
-        opacity: _ ? i.color && n[r.indexOf(i.color)] === _ ? 0.95 : U : l.length !== 0 ? l.indexOf(i.label) !== -1 ? 0.95 : U : pt,
+        opacity: _ ? i.color && n[r.indexOf(i.color)] === _ ? 0.95 : U : l.length !== 0 ? l.indexOf(i.label) !== -1 ? 0.95 : U : mt,
         transition: {
           duration: x.duration
         }
@@ -107,21 +107,21 @@ function ue(e) {
       transition: {
         duration: x.duration
       }
-    }, onMouseEnter: (s) => {
-      bt(i), Mt(s.clientY), h(s.clientX), Z?.(i);
+    }, onMouseEnter: (c) => {
+      bt(i), Mt(c.clientY), s(c.clientX), Z?.(i);
     }, onClick: () => {
-      (R || v) && (Jt(C, i) && B ? (wt(void 0), R?.(void 0)) : (wt(i), R?.(i)));
-    }, onMouseMove: (s) => {
-      bt(i), Mt(s.clientY), h(s.clientX);
+      (F || b) && (Zt(C, i) && B ? (wt(void 0), F?.(void 0)) : (wt(i), F?.(i)));
+    }, onMouseMove: (c) => {
+      bt(i), Mt(c.clientY), s(c.clientX);
     }, onMouseLeave: () => {
-      bt(void 0), h(void 0), Mt(void 0), Z?.(void 0);
+      bt(void 0), s(void 0), Mt(void 0), Z?.(void 0);
     }, children: [
-      y === "dot" ? /* @__PURE__ */ a.jsx(jt.circle, { cy: 0, cx: 0, variants: {
+      O === "dot" ? /* @__PURE__ */ a.jsx(jt.circle, { cy: 0, cx: 0, variants: {
         initial: {
-          fill: g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(je).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(Me).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray
+          fill: g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(De).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray : o.filter(Ve).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray
         },
         whileInView: {
-          fill: g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(we).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(be).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray,
+          fill: g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(Ce).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray : o.filter(je).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray,
           transition: {
             duration: x.duration
           }
@@ -131,16 +131,16 @@ function ue(e) {
         transition: {
           duration: x.duration
         }
-      }, r: m }) : /* @__PURE__ */ a.jsx(jt.rect, { y: -1, height: 2, variants: {
+      }, r: h }) : /* @__PURE__ */ a.jsx(jt.rect, { y: -1, height: 2, variants: {
         initial: {
-          x: 0 - m,
-          width: m * 2,
-          fill: g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(Oe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(ve).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray
+          x: 0 - h,
+          width: h * 2,
+          fill: g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(Me).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray : o.filter(we).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray
         },
         whileInView: {
-          x: 0 - m,
-          width: m * 2,
-          fill: g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(ye).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(xe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray,
+          x: 0 - h,
+          width: h * 2,
+          fill: g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(be).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray : o.filter(Oe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray,
           transition: {
             duration: x.duration
           }
@@ -154,13 +154,13 @@ function ue(e) {
       l.length !== 0 && l.indexOf(i.label) !== -1 ? /* @__PURE__ */ a.jsx(jt.text, { y: 0, dy: "0.33em", variants: {
         initial: {
           opacity: 0,
-          x: 0 + m + 3,
-          fill: d || (g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(ge).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(de).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray)
+          x: 0 + h + 3,
+          fill: d || (g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(ve).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray : o.filter(ye).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray)
         },
         whileInView: {
           opacity: 1,
-          x: 0 + m + 3,
-          fill: d || (g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(he).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(me).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray),
+          x: 0 + h + 3,
+          fill: d || (g && l ? l.indexOf(i.label) !== -1 ? g : o.filter(xe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray : o.filter(ge).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray),
           transition: {
             duration: x.duration
           }
@@ -172,54 +172,45 @@ function ue(e) {
         }
       }, style: {
         textAnchor: "start",
-        ...u?.graphObjectValues || {}
-      }, className: Wt("graph-value text-sm font-bold", M?.graphObjectValues), children: Yt(i.position, "NA", at, tt, rt) }) : null
-    ] }, i.label)), X = It.map((i, s) => /* @__PURE__ */ a.jsx("text", { y: i, x: J / 2 + m + 5, style: {
+        ...f?.graphObjectValues || {}
+      }, className: Gt("graph-value text-sm font-bold", M?.graphObjectValues), children: Rt(i.position, "NA", st, tt, at) }) : null
+    ] }, i.label)), X = It.map((i, c) => /* @__PURE__ */ a.jsx("text", { y: i, x: J / 2 + h + 5, style: {
       textAnchor: "start",
-      ...u?.yAxis?.labels || {}
-    }, className: Wt("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", M?.yAxis?.labels), children: Yt(Vt.invert(i), "NA", at, tt, rt) }, s)), t[8] = x.duration, t[9] = M?.graphObjectValues, t[10] = M?.yAxis?.labels, t[11] = r, t[12] = n, t[13] = j, t[14] = o, t[15] = v, t[16] = U, t[17] = pt, t[18] = K, t[19] = J, t[20] = w, t[21] = g, t[22] = l, t[23] = T, t[24] = p.left, t[25] = p.top, t[26] = S, t[27] = $, t[28] = C, t[29] = lt, t[30] = R, t[31] = Z, t[32] = at, t[33] = tt, t[34] = m, t[35] = B, t[36] = _, t[37] = y, t[38] = u?.graphObjectValues, t[39] = u?.yAxis?.labels, t[40] = rt, t[41] = d, t[42] = N, t[43] = E, t[44] = D, t[45] = P, t[46] = H, t[47] = k, t[48] = A, t[49] = L, t[50] = W, t[51] = X, t[52] = Y, t[53] = O;
+      ...f?.yAxis?.labels || {}
+    }, className: Gt("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", M?.yAxis?.labels), children: Rt(Vt.invert(i), "NA", st, tt, at) }, c)), t[8] = x.duration, t[9] = M?.graphObjectValues, t[10] = M?.yAxis?.labels, t[11] = r, t[12] = n, t[13] = j, t[14] = o, t[15] = b, t[16] = U, t[17] = mt, t[18] = K, t[19] = J, t[20] = v, t[21] = g, t[22] = l, t[23] = T, t[24] = m.left, t[25] = m.top, t[26] = S, t[27] = $, t[28] = C, t[29] = rt, t[30] = F, t[31] = Z, t[32] = st, t[33] = tt, t[34] = h, t[35] = B, t[36] = _, t[37] = O, t[38] = f?.graphObjectValues, t[39] = f?.yAxis?.labels, t[40] = at, t[41] = d, t[42] = N, t[43] = E, t[44] = D, t[45] = L, t[46] = P, t[47] = k, t[48] = A, t[49] = H, t[50] = W, t[51] = X, t[52] = Y, t[53] = w;
   } else
-    E = t[43], D = t[44], P = t[45], H = t[46], k = t[47], A = t[48], L = t[49], W = t[50], X = t[51], Y = t[52], O = t[53];
+    E = t[43], D = t[44], L = t[45], P = t[46], k = t[47], A = t[48], H = t[49], W = t[50], X = t[51], Y = t[52], w = t[53];
   let G;
   t[64] !== E || t[65] !== W || t[66] !== X ? (G = /* @__PURE__ */ a.jsxs(E, { children: [
     W,
     X
   ] }), t[64] = E, t[65] = W, t[66] = X, t[67] = G) : G = t[67];
   let z;
-  t[68] !== j ? (z = j.filter(pe).map(fe), t[68] = j, t[69] = z) : z = t[69];
-  let b;
-  t[70] !== G || t[71] !== z || t[72] !== Y || t[73] !== O ? (b = /* @__PURE__ */ a.jsxs("g", { transform: Y, children: [
-    O,
+  t[68] !== j ? (z = j.filter(de).map(he), t[68] = j, t[69] = z) : z = t[69];
+  let y;
+  t[70] !== G || t[71] !== z || t[72] !== Y || t[73] !== w ? (y = /* @__PURE__ */ a.jsxs("g", { transform: Y, children: [
+    w,
     G,
     z
-  ] }), t[70] = G, t[71] = z, t[72] = Y, t[73] = O, t[74] = b) : b = t[74];
-  let F;
-  t[75] !== D || t[76] !== P || t[77] !== H || t[78] !== k || t[79] !== A || t[80] !== L || t[81] !== b ? (F = /* @__PURE__ */ a.jsx(D, { width: P, height: H, viewBox: k, direction: A, ref: L, children: b }), t[75] = D, t[76] = P, t[77] = H, t[78] = k, t[79] = A, t[80] = L, t[81] = b, t[82] = F) : F = t[82];
+  ] }), t[70] = G, t[71] = z, t[72] = Y, t[73] = w, t[74] = y) : y = t[74];
+  let R;
+  t[75] !== D || t[76] !== L || t[77] !== P || t[78] !== k || t[79] !== A || t[80] !== H || t[81] !== y ? (R = /* @__PURE__ */ a.jsx(D, { width: L, height: P, viewBox: k, direction: A, ref: H, children: y }), t[75] = D, t[76] = L, t[77] = P, t[78] = k, t[79] = A, t[80] = H, t[81] = y, t[82] = R) : R = t[82];
   let q;
-  t[83] !== M?.tooltip || t[84] !== f || t[85] !== ct || t[86] !== et || t[87] !== u?.tooltip || t[88] !== nt ? (q = et && nt && f && ct ? /* @__PURE__ */ a.jsx(Qt, { data: et, body: nt, xPos: f, yPos: ct, backgroundStyle: u?.tooltip, className: M?.tooltip }) : null, t[83] = M?.tooltip, t[84] = f, t[85] = ct, t[86] = et, t[87] = u?.tooltip, t[88] = nt, t[89] = q) : q = t[89];
+  t[83] !== M?.tooltip || t[84] !== p || t[85] !== ut || t[86] !== et || t[87] !== f?.tooltip || t[88] !== lt ? (q = et && lt && p && ut ? /* @__PURE__ */ a.jsx(te, { data: et, body: lt, xPos: p, yPos: ut, backgroundStyle: f?.tooltip, className: M?.tooltip }) : null, t[83] = M?.tooltip, t[84] = p, t[85] = ut, t[86] = et, t[87] = f?.tooltip, t[88] = lt, t[89] = q) : q = t[89];
   let I;
-  t[90] !== M?.modal || t[91] !== v || t[92] !== C ? (I = v && C !== void 0 ? /* @__PURE__ */ a.jsx(Zt, { body: v, data: C, setData: wt, className: M?.modal }) : null, t[90] = M?.modal, t[91] = v, t[92] = C, t[93] = I) : I = t[93];
+  t[90] !== M?.modal || t[91] !== b || t[92] !== C ? (I = b && C !== void 0 ? /* @__PURE__ */ a.jsx(ee, { body: b, data: C, setData: wt, className: M?.modal }) : null, t[90] = M?.modal, t[91] = b, t[92] = C, t[93] = I) : I = t[93];
   let it;
-  return t[94] !== F || t[95] !== q || t[96] !== I ? (it = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    F,
+  return t[94] !== R || t[95] !== q || t[96] !== I ? (it = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    R,
     q,
     I
-  ] }), t[94] = F, t[95] = q, t[96] = I, t[97] = it) : it = t[97], it;
-}
-function fe(e) {
-  return e.layer;
-}
-function pe(e) {
-  return e.position === "after";
-}
-function me(e) {
-  return e.color;
+  ] }), t[94] = R, t[95] = q, t[96] = I, t[97] = it) : it = t[97], it;
 }
 function he(e) {
-  return e.color;
+  return e.layer;
 }
 function de(e) {
-  return e.color;
+  return e.position === "after";
 }
 function ge(e) {
   return e.color;
@@ -249,106 +240,115 @@ function je(e) {
   return e.color;
 }
 function Ce(e) {
-  return e.layer;
+  return e.color;
 }
 function Ve(e) {
-  return e.position === "before";
+  return e.color;
 }
 function De(e) {
-  return e.position;
+  return e.color;
 }
 function ke(e) {
-  return !ft(e.position);
+  return e.layer;
 }
 function Ae(e) {
-  return e.position;
+  return e.position === "before";
 }
 function Ie(e) {
-  return !ft(e.position);
+  return e.position;
 }
 function Ne(e) {
-  return e.position;
+  return !pt(e.position);
 }
 function $e(e) {
-  return !ft(e.position);
+  return e.position;
 }
 function Se(e) {
-  return e.position;
+  return !pt(e.position);
 }
 function Te(e) {
-  return !ft(e.position);
+  return e.position;
+}
+function Ee(e) {
+  return !pt(e.position);
+}
+function Le(e) {
+  return e.position;
+}
+function Pe(e) {
+  return !pt(e.position);
 }
-function Ee(e, t) {
+function He(e, t) {
   return {
     ...e,
     id: `${t}`
   };
 }
-function Pe(e) {
-  const t = Ft.c(98), {
+function We(e) {
+  const t = qt.c(98), {
     data: o,
     width: N,
-    height: w,
+    height: v,
     colors: n,
     colorDomain: r,
-    radius: m,
+    radius: h,
     leftMargin: V,
-    rightMargin: gt,
-    topMargin: xt,
+    rightMargin: xt,
+    topMargin: nt,
     bottomMargin: Ct,
-    tooltip: nt,
+    tooltip: lt,
     onSeriesMouseOver: Z,
     highlightedDataPoints: l,
     selectedColor: _,
     minValue: $,
     maxValue: S,
-    onSeriesMouseClick: R,
-    prefix: lt,
+    onSeriesMouseClick: F,
+    prefix: rt,
     suffix: tt,
-    stripType: rt,
-    highlightColor: y,
+    stripType: at,
+    highlightColor: O,
     dotOpacity: g,
-    resetSelectionOnDoubleClick: pt,
+    resetSelectionOnDoubleClick: mt,
     detailsOnClick: B,
-    styles: v,
-    classNames: u,
+    styles: b,
+    classNames: f,
     valueColor: M,
     animate: d,
     noOfTicks: x,
     dimmedOpacity: U,
-    precision: at,
+    precision: st,
     customLayers: j
-  } = e, yt = V === void 0 ? 5 : V, mt = gt === void 0 ? 5 : gt, vt = xt === void 0 ? 10 : xt, Ot = Ct === void 0 ? 10 : Ct, Dt = Xt(null);
-  let st;
-  t[0] !== d.amount || t[1] !== d.once ? (st = {
+  } = e, yt = V === void 0 ? 5 : V, ht = xt === void 0 ? 5 : xt, vt = nt === void 0 ? 10 : nt, Ot = Ct === void 0 ? 10 : Ct, Dt = zt(null);
+  let ct;
+  t[0] !== d.amount || t[1] !== d.once ? (ct = {
     once: d.once,
     amount: d.amount
-  }, t[0] = d.amount, t[1] = d.once, t[2] = st) : st = t[2];
-  const T = te(Dt, st), [et, bt] = dt(void 0), [C, wt] = dt(void 0), [f, h] = dt(void 0), [ct, Mt] = dt(void 0);
-  let ut;
-  t[3] !== Ot || t[4] !== yt || t[5] !== mt || t[6] !== vt ? (ut = {
+  }, t[0] = d.amount, t[1] = d.once, t[2] = ct) : ct = t[2];
+  const T = oe(Dt, ct), [et, bt] = gt(void 0), [C, wt] = gt(void 0), [p, s] = gt(void 0), [ut, Mt] = gt(void 0);
+  let ft;
+  t[3] !== Ot || t[4] !== yt || t[5] !== ht || t[6] !== vt ? (ft = {
     top: vt,
     bottom: Ot,
     left: yt,
-    right: mt
-  }, t[3] = Ot, t[4] = yt, t[5] = mt, t[6] = vt, t[7] = ut) : ut = t[7];
-  const p = ut, J = N - p.left - p.right, K = w - p.top - p.bottom;
-  let E, D, P, H, k, A, L, W, X, Y, O;
-  if (t[8] !== d.duration || t[9] !== u?.graphObjectValues || t[10] !== u?.xAxis?.labels || t[11] !== r || t[12] !== n || t[13] !== j || t[14] !== o || t[15] !== B || t[16] !== U || t[17] !== g || t[18] !== K || t[19] !== J || t[20] !== w || t[21] !== y || t[22] !== l || t[23] !== T || t[24] !== p.left || t[25] !== p.top || t[26] !== S || t[27] !== $ || t[28] !== C || t[29] !== x || t[30] !== R || t[31] !== Z || t[32] !== at || t[33] !== lt || t[34] !== m || t[35] !== pt || t[36] !== _ || t[37] !== rt || t[38] !== v?.graphObjectValues || t[39] !== v?.xAxis?.labels || t[40] !== tt || t[41] !== M || t[42] !== N) {
-    const Nt = o.map(ai);
+    right: ht
+  }, t[3] = Ot, t[4] = yt, t[5] = ht, t[6] = vt, t[7] = ft) : ft = t[7];
+  const m = ft, J = N - m.left - m.right, K = v - m.top - m.bottom;
+  let E, D, L, P, k, A, H, W, X, Y, w;
+  if (t[8] !== d.duration || t[9] !== f?.graphObjectValues || t[10] !== f?.xAxis?.labels || t[11] !== r || t[12] !== n || t[13] !== j || t[14] !== o || t[15] !== B || t[16] !== U || t[17] !== g || t[18] !== K || t[19] !== J || t[20] !== v || t[21] !== O || t[22] !== l || t[23] !== T || t[24] !== m.left || t[25] !== m.top || t[26] !== S || t[27] !== $ || t[28] !== C || t[29] !== x || t[30] !== F || t[31] !== Z || t[32] !== st || t[33] !== rt || t[34] !== h || t[35] !== mt || t[36] !== _ || t[37] !== at || t[38] !== b?.graphObjectValues || t[39] !== b?.xAxis?.labels || t[40] !== tt || t[41] !== M || t[42] !== N) {
+    const Nt = o.map(ui);
     let Q;
     t[54] !== l ? (Q = (i) => {
-      const s = (l || []).indexOf(i.label);
-      return s === -1 ? 1 / 0 : s;
+      const c = (l || []).indexOf(i.label);
+      return c === -1 ? 1 / 0 : c;
     }, t[54] = l, t[55] = Q) : Q = t[55];
-    const $t = Kt(Nt, [Q], ["desc"]);
+    const $t = _t(Nt, [Q], ["desc"]);
     let ot;
-    t[56] !== o || t[57] !== S ? (ot = ft(S) ? Math.max(...o.filter(ri).map(li)) < 0 ? 0 : Math.max(...o.filter(ni).map(oi)) : S, t[56] = o, t[57] = S, t[58] = ot) : ot = t[58];
+    t[56] !== o || t[57] !== S ? (ot = pt(S) ? Math.max(...o.filter(ci).map(si)) < 0 ? 0 : Math.max(...o.filter(ai).map(ri)) : S, t[56] = o, t[57] = S, t[58] = ot) : ot = t[58];
     const kt = ot;
-    let ht;
-    t[59] !== o || t[60] !== $ ? (ht = ft($) ? Math.min(...o.filter(ii).map(ei)) >= 0 ? 0 : Math.min(...o.filter(ti).map(_e)) : $, t[59] = o, t[60] = $, t[61] = ht) : ht = t[61];
-    const At = ht, Vt = _t().domain([At, kt]).range([0, J]).nice(), It = ie(x, J);
-    D = jt.svg, P = `${N}px`, H = `${w}px`, k = `0 0 ${N} ${w}`, A = "ltr", L = Dt, Y = `translate(${p.left},${p.top})`, t[62] !== j ? (O = j.filter(Ze).map(Qe), t[62] = j, t[63] = O) : O = t[63], E = ee, W = $t.map((i) => /* @__PURE__ */ a.jsxs(jt.g, { className: "undp-viz-g-with-hover", variants: {
+    let dt;
+    t[59] !== o || t[60] !== $ ? (dt = pt($) ? Math.min(...o.filter(li).map(ni)) >= 0 ? 0 : Math.min(...o.filter(oi).map(ii)) : $, t[59] = o, t[60] = $, t[61] = dt) : dt = t[61];
+    const At = dt, Vt = ie().domain([At, kt]).range([0, J]).nice(), It = le(x, J);
+    D = jt.svg, L = `${N}px`, P = `${v}px`, k = `0 0 ${N} ${v}`, A = "ltr", H = Dt, Y = `translate(${m.left},${m.top})`, t[62] !== j ? (w = j.filter(ei).map(ti), t[62] = j, t[63] = w) : w = t[63], E = ne, W = $t.map((i) => /* @__PURE__ */ a.jsxs(jt.g, { className: "undp-viz-g-with-hover", variants: {
       initial: {
         opacity: 0,
         x: Vt(0),
@@ -367,21 +367,21 @@ function Pe(e) {
       transition: {
         duration: d.duration
       }
-    }, onMouseEnter: (s) => {
-      bt(i), Mt(s.clientY), h(s.clientX), Z?.(i);
+    }, onMouseEnter: (c) => {
+      bt(i), Mt(c.clientY), s(c.clientX), Z?.(i);
     }, onClick: () => {
-      (R || B) && (Jt(C, i) && pt ? (wt(void 0), R?.(void 0)) : (wt(i), R?.(i)));
-    }, onMouseMove: (s) => {
-      bt(i), Mt(s.clientY), h(s.clientX);
+      (F || B) && (Zt(C, i) && mt ? (wt(void 0), F?.(void 0)) : (wt(i), F?.(i)));
+    }, onMouseMove: (c) => {
+      bt(i), Mt(c.clientY), s(c.clientX);
     }, onMouseLeave: () => {
-      bt(void 0), h(void 0), Mt(void 0), Z?.(void 0);
+      bt(void 0), s(void 0), Mt(void 0), Z?.(void 0);
     }, children: [
-      rt === "dot" ? /* @__PURE__ */ a.jsx(jt.circle, { cy: 0, cx: 0, variants: {
+      at === "dot" ? /* @__PURE__ */ a.jsx(jt.circle, { cy: 0, cx: 0, variants: {
         initial: {
-          fill: y && l ? l.indexOf(i.label) !== -1 ? y : o.filter(Ke).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(Je).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray
+          fill: O && l ? l.indexOf(i.label) !== -1 ? O : o.filter(_e).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray : o.filter(Ze).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray
         },
         whileInView: {
-          fill: y && l ? l.indexOf(i.label) !== -1 ? y : o.filter(Ue).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(qe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray,
+          fill: O && l ? l.indexOf(i.label) !== -1 ? O : o.filter(Qe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray : o.filter(Ke).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray,
           transition: {
             duration: d.duration
           }
@@ -391,16 +391,16 @@ function Pe(e) {
         transition: {
           duration: d.duration
         }
-      }, r: m }) : /* @__PURE__ */ a.jsx(jt.rect, { x: -1, width: 2, variants: {
+      }, r: h }) : /* @__PURE__ */ a.jsx(jt.rect, { x: -1, width: 2, variants: {
         initial: {
-          y: 0 - m,
-          height: m * 2,
-          fill: y && l ? l.indexOf(i.label) !== -1 ? y : o.filter(Be).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(Re).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray
+          y: 0 - h,
+          height: h * 2,
+          fill: O && l ? l.indexOf(i.label) !== -1 ? O : o.filter(Je).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray : o.filter(Ue).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray
         },
         whileInView: {
-          y: 0 - m,
-          height: m * 2,
-          fill: y && l ? l.indexOf(i.label) !== -1 ? y : o.filter(Fe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(ze).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray,
+          y: 0 - h,
+          height: h * 2,
+          fill: O && l ? l.indexOf(i.label) !== -1 ? O : o.filter(qe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray : o.filter(Be).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray,
           transition: {
             duration: d.duration
           }
@@ -414,13 +414,13 @@ function Pe(e) {
       l.length !== 0 && l.indexOf(i.label) !== -1 ? /* @__PURE__ */ a.jsx(jt.text, { x: 0, variants: {
         initial: {
           opacity: 0,
-          y: 0 - m - 5,
-          fill: M || (y && l ? l.indexOf(i.label) !== -1 ? y : o.filter(Ge).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(Ye).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray)
+          y: 0 - h - 5,
+          fill: M || (O && l ? l.indexOf(i.label) !== -1 ? O : o.filter(Fe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray : o.filter(Re).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray)
         },
         whileInView: {
           opacity: 1,
-          y: 0 - m - 5,
-          fill: M || (y && l ? l.indexOf(i.label) !== -1 ? y : o.filter(Xe).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray : o.filter(We).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : c.gray),
+          y: 0 - h - 5,
+          fill: M || (O && l ? l.indexOf(i.label) !== -1 ? O : o.filter(ze).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray : o.filter(Ge).length === 0 ? n[0] : i.color ? n[r.indexOf(i.color)] : u.gray),
           transition: {
             duration: d.duration
           }
@@ -432,54 +432,45 @@ function Pe(e) {
         }
       }, style: {
         textAnchor: "middle",
-        ...v?.graphObjectValues || {}
-      }, className: Wt("graph-value text-sm font-bold", u?.graphObjectValues), children: Yt(i.position, "NA", at, lt, tt) }) : null
-    ] }, i.label)), X = It.map((i, s) => /* @__PURE__ */ a.jsx("text", { x: i, y: K / 2 + m, style: {
-      textAnchor: s === 0 ? "start" : s === It.length - 1 ? "end" : "middle",
-      ...v?.xAxis?.labels || {}
-    }, className: Wt("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", u?.xAxis?.labels), dy: "1em", children: Yt(Vt.invert(i), "NA", at, lt, tt) }, s)), t[8] = d.duration, t[9] = u?.graphObjectValues, t[10] = u?.xAxis?.labels, t[11] = r, t[12] = n, t[13] = j, t[14] = o, t[15] = B, t[16] = U, t[17] = g, t[18] = K, t[19] = J, t[20] = w, t[21] = y, t[22] = l, t[23] = T, t[24] = p.left, t[25] = p.top, t[26] = S, t[27] = $, t[28] = C, t[29] = x, t[30] = R, t[31] = Z, t[32] = at, t[33] = lt, t[34] = m, t[35] = pt, t[36] = _, t[37] = rt, t[38] = v?.graphObjectValues, t[39] = v?.xAxis?.labels, t[40] = tt, t[41] = M, t[42] = N, t[43] = E, t[44] = D, t[45] = P, t[46] = H, t[47] = k, t[48] = A, t[49] = L, t[50] = W, t[51] = X, t[52] = Y, t[53] = O;
+        ...b?.graphObjectValues || {}
+      }, className: Gt("graph-value text-sm font-bold", f?.graphObjectValues), children: Rt(i.position, "NA", st, rt, tt) }) : null
+    ] }, i.label)), X = It.map((i, c) => /* @__PURE__ */ a.jsx("text", { x: i, y: K / 2 + h, style: {
+      textAnchor: c === 0 ? "start" : c === It.length - 1 ? "end" : "middle",
+      ...b?.xAxis?.labels || {}
+    }, className: Gt("fill-primary-gray-550 dark:fill-primary-gray-500 text-xs", f?.xAxis?.labels), dy: "1em", children: Rt(Vt.invert(i), "NA", st, rt, tt) }, c)), t[8] = d.duration, t[9] = f?.graphObjectValues, t[10] = f?.xAxis?.labels, t[11] = r, t[12] = n, t[13] = j, t[14] = o, t[15] = B, t[16] = U, t[17] = g, t[18] = K, t[19] = J, t[20] = v, t[21] = O, t[22] = l, t[23] = T, t[24] = m.left, t[25] = m.top, t[26] = S, t[27] = $, t[28] = C, t[29] = x, t[30] = F, t[31] = Z, t[32] = st, t[33] = rt, t[34] = h, t[35] = mt, t[36] = _, t[37] = at, t[38] = b?.graphObjectValues, t[39] = b?.xAxis?.labels, t[40] = tt, t[41] = M, t[42] = N, t[43] = E, t[44] = D, t[45] = L, t[46] = P, t[47] = k, t[48] = A, t[49] = H, t[50] = W, t[51] = X, t[52] = Y, t[53] = w;
   } else
-    E = t[43], D = t[44], P = t[45], H = t[46], k = t[47], A = t[48], L = t[49], W = t[50], X = t[51], Y = t[52], O = t[53];
+    E = t[43], D = t[44], L = t[45], P = t[46], k = t[47], A = t[48], H = t[49], W = t[50], X = t[51], Y = t[52], w = t[53];
   let G;
   t[64] !== E || t[65] !== W || t[66] !== X ? (G = /* @__PURE__ */ a.jsxs(E, { children: [
     W,
     X
   ] }), t[64] = E, t[65] = W, t[66] = X, t[67] = G) : G = t[67];
   let z;
-  t[68] !== j ? (z = j.filter(Le).map(He), t[68] = j, t[69] = z) : z = t[69];
-  let b;
-  t[70] !== G || t[71] !== z || t[72] !== Y || t[73] !== O ? (b = /* @__PURE__ */ a.jsxs("g", { transform: Y, children: [
-    O,
+  t[68] !== j ? (z = j.filter(Ye).map(Xe), t[68] = j, t[69] = z) : z = t[69];
+  let y;
+  t[70] !== G || t[71] !== z || t[72] !== Y || t[73] !== w ? (y = /* @__PURE__ */ a.jsxs("g", { transform: Y, children: [
+    w,
     G,
     z
-  ] }), t[70] = G, t[71] = z, t[72] = Y, t[73] = O, t[74] = b) : b = t[74];
-  let F;
-  t[75] !== D || t[76] !== P || t[77] !== H || t[78] !== k || t[79] !== A || t[80] !== L || t[81] !== b ? (F = /* @__PURE__ */ a.jsx(D, { width: P, height: H, viewBox: k, direction: A, ref: L, children: b }), t[75] = D, t[76] = P, t[77] = H, t[78] = k, t[79] = A, t[80] = L, t[81] = b, t[82] = F) : F = t[82];
+  ] }), t[70] = G, t[71] = z, t[72] = Y, t[73] = w, t[74] = y) : y = t[74];
+  let R;
+  t[75] !== D || t[76] !== L || t[77] !== P || t[78] !== k || t[79] !== A || t[80] !== H || t[81] !== y ? (R = /* @__PURE__ */ a.jsx(D, { width: L, height: P, viewBox: k, direction: A, ref: H, children: y }), t[75] = D, t[76] = L, t[77] = P, t[78] = k, t[79] = A, t[80] = H, t[81] = y, t[82] = R) : R = t[82];
   let q;
-  t[83] !== u?.tooltip || t[84] !== f || t[85] !== ct || t[86] !== et || t[87] !== v?.tooltip || t[88] !== nt ? (q = et && nt && f && ct ? /* @__PURE__ */ a.jsx(Qt, { data: et, body: nt, xPos: f, yPos: ct, backgroundStyle: v?.tooltip, className: u?.tooltip }) : null, t[83] = u?.tooltip, t[84] = f, t[85] = ct, t[86] = et, t[87] = v?.tooltip, t[88] = nt, t[89] = q) : q = t[89];
+  t[83] !== f?.tooltip || t[84] !== p || t[85] !== ut || t[86] !== et || t[87] !== b?.tooltip || t[88] !== lt ? (q = et && lt && p && ut ? /* @__PURE__ */ a.jsx(te, { data: et, body: lt, xPos: p, yPos: ut, backgroundStyle: b?.tooltip, className: f?.tooltip }) : null, t[83] = f?.tooltip, t[84] = p, t[85] = ut, t[86] = et, t[87] = b?.tooltip, t[88] = lt, t[89] = q) : q = t[89];
   let I;
-  t[90] !== u?.modal || t[91] !== B || t[92] !== C ? (I = B && C !== void 0 ? /* @__PURE__ */ a.jsx(Zt, { body: B, data: C, setData: wt, className: u?.modal }) : null, t[90] = u?.modal, t[91] = B, t[92] = C, t[93] = I) : I = t[93];
+  t[90] !== f?.modal || t[91] !== B || t[92] !== C ? (I = B && C !== void 0 ? /* @__PURE__ */ a.jsx(ee, { body: B, data: C, setData: wt, className: f?.modal }) : null, t[90] = f?.modal, t[91] = B, t[92] = C, t[93] = I) : I = t[93];
   let it;
-  return t[94] !== F || t[95] !== q || t[96] !== I ? (it = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    F,
+  return t[94] !== R || t[95] !== q || t[96] !== I ? (it = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    R,
     q,
     I
-  ] }), t[94] = F, t[95] = q, t[96] = I, t[97] = it) : it = t[97], it;
-}
-function He(e) {
-  return e.layer;
-}
-function Le(e) {
-  return e.position === "after";
-}
-function We(e) {
-  return e.color;
+  ] }), t[94] = R, t[95] = q, t[96] = I, t[97] = it) : it = t[97], it;
 }
 function Xe(e) {
-  return e.color;
+  return e.layer;
 }
 function Ye(e) {
-  return e.color;
+  return e.position === "after";
 }
 function Ge(e) {
   return e.color;
@@ -487,10 +478,10 @@ function Ge(e) {
 function ze(e) {
   return e.color;
 }
-function Fe(e) {
+function Re(e) {
   return e.color;
 }
-function Re(e) {
+function Fe(e) {
   return e.color;
 }
 function Be(e) {
@@ -509,168 +500,184 @@ function Ke(e) {
   return e.color;
 }
 function Qe(e) {
-  return e.layer;
+  return e.color;
 }
 function Ze(e) {
-  return e.position === "before";
+  return e.color;
 }
 function _e(e) {
-  return e.position;
+  return e.color;
 }
 function ti(e) {
-  return !ft(e.position);
+  return e.layer;
 }
 function ei(e) {
-  return e.position;
+  return e.position === "before";
 }
 function ii(e) {
-  return !ft(e.position);
+  return e.position;
 }
 function oi(e) {
-  return e.position;
+  return !pt(e.position);
 }
 function ni(e) {
-  return !ft(e.position);
+  return e.position;
 }
 function li(e) {
-  return e.position;
+  return !pt(e.position);
 }
 function ri(e) {
-  return !ft(e.position);
+  return e.position;
+}
+function ai(e) {
+  return !pt(e.position);
 }
-function ai(e, t) {
+function si(e) {
+  return e.position;
+}
+function ci(e) {
+  return !pt(e.position);
+}
+function ui(e, t) {
   return {
     ...e,
     id: `${t}`
   };
 }
-function Ei(e) {
-  const t = Ft.c(80), {
+function Hi(e) {
+  const t = qt.c(92), {
     data: o,
     graphTitle: N,
-    colors: w,
+    colors: v,
     sources: n,
     graphDescription: r,
-    height: m,
+    height: h,
     width: V,
-    footNote: gt,
-    colorDomain: xt,
+    footNote: xt,
+    colorDomain: nt,
     colorLegendTitle: Ct,
-    radius: nt,
+    radius: lt,
     padding: Z,
     backgroundColor: l,
     leftMargin: _,
     rightMargin: $,
     topMargin: S,
-    bottomMargin: R,
-    tooltip: lt,
+    bottomMargin: F,
+    tooltip: rt,
     relativeHeight: tt,
-    onSeriesMouseOver: rt,
-    showColorScale: y,
+    onSeriesMouseOver: at,
+    showColorScale: O,
     highlightedDataPoints: g,
-    graphID: pt,
+    graphID: mt,
     minValue: B,
-    maxValue: v,
-    onSeriesMouseClick: u,
+    maxValue: b,
+    onSeriesMouseClick: f,
     noOfTicks: M,
     graphDownload: d,
     dataDownload: x,
     prefix: U,
-    suffix: at,
+    suffix: st,
     stripType: j,
     language: yt,
-    highlightColor: mt,
+    highlightColor: ht,
     dotOpacity: vt,
     showNAColor: Ot,
     minHeight: Dt,
-    theme: st,
+    theme: ct,
     ariaLabel: T,
     valueColor: et,
     resetSelectionOnDoubleClick: bt,
     detailsOnClick: C,
     orientation: wt,
-    styles: f,
-    classNames: h,
-    animate: ct,
+    styles: p,
+    classNames: s,
+    animate: ut,
     dimmedOpacity: Mt,
-    precision: ut,
-    customLayers: p
-  } = e, J = nt === void 0 ? 5 : nt, K = l === void 0 ? !1 : l, E = y === void 0 ? !0 : y;
+    precision: ft,
+    customLayers: m
+  } = e, J = lt === void 0 ? 5 : lt, K = l === void 0 ? !1 : l, E = O === void 0 ? !0 : O;
   let D;
   t[0] !== g ? (D = g === void 0 ? [] : g, t[0] = g, t[1] = D) : D = t[1];
-  const P = D, H = M === void 0 ? 2 : M, k = d === void 0 ? !1 : d, A = x === void 0 ? !1 : x, L = U === void 0 ? "" : U, W = at === void 0 ? "" : at, X = j === void 0 ? "dot" : j, Y = yt === void 0 ? "en" : yt, O = vt === void 0 ? 0.3 : vt, G = Ot === void 0 ? !0 : Ot, z = Dt === void 0 ? 0 : Dt, b = st === void 0 ? "light" : st, F = bt === void 0 ? !0 : bt, q = wt === void 0 ? "vertical" : wt, I = ct === void 0 ? !1 : ct, it = Mt === void 0 ? 0.3 : Mt, Nt = ut === void 0 ? 2 : ut;
+  const L = D, P = M === void 0 ? 2 : M, k = d === void 0 ? !1 : d, A = x === void 0 ? !1 : x, H = U === void 0 ? "" : U, W = st === void 0 ? "" : st, X = j === void 0 ? "dot" : j, Y = yt === void 0 ? "en" : yt, w = vt === void 0 ? 0.3 : vt, G = Ot === void 0 ? !0 : Ot, z = Dt === void 0 ? 0 : Dt, y = ct === void 0 ? "light" : ct, R = bt === void 0 ? !0 : bt, q = wt === void 0 ? "vertical" : wt, I = ut === void 0 ? !1 : ut, it = Mt === void 0 ? 0.3 : Mt, Nt = ft === void 0 ? 2 : ft;
   let Q;
-  t[2] !== p ? (Q = p === void 0 ? [] : p, t[2] = p, t[3] = Q) : Q = t[3];
-  const $t = Q, ot = q === "horizontal" ? Pe : ue, [kt, ht] = dt(0), [At, Vt] = dt(0), [It, i] = dt(void 0), s = Xt(null), Rt = Xt(null);
-  let Pt, Ht;
-  t[4] === Symbol.for("react.memo_cache_sentinel") ? (Pt = () => {
-    const Bt = new ResizeObserver((qt) => {
-      ht(qt[0].target.clientWidth || 620), Vt(qt[0].target.clientHeight || 480);
+  t[2] !== m ? (Q = m === void 0 ? [] : m, t[2] = m, t[3] = Q) : Q = t[3];
+  const $t = Q, ot = q === "horizontal" ? We : me, [kt, dt] = gt(0), [At, Vt] = gt(0), [It, i] = gt(void 0), c = zt(null), Ut = zt(null);
+  let Wt, Xt;
+  t[4] === Symbol.for("react.memo_cache_sentinel") ? (Wt = () => {
+    const Jt = new ResizeObserver((Kt) => {
+      dt(Kt[0].target.clientWidth || 620), Vt(Kt[0].target.clientHeight || 480);
     });
-    return s.current && Bt.observe(s.current), () => Bt.disconnect();
-  }, Ht = [], t[4] = Pt, t[5] = Ht) : (Pt = t[4], Ht = t[5]), oe(Pt, Ht);
-  const Gt = h?.graphContainer, zt = f?.graphContainer;
+    return c.current && Jt.observe(c.current), () => Jt.disconnect();
+  }, Xt = [], t[4] = Wt, t[5] = Xt) : (Wt = t[4], Xt = t[5]), re(Wt, Xt);
+  const Ft = s?.graphContainer, Bt = p?.graphContainer;
   let St;
-  t[6] !== h?.description || t[7] !== h?.title || t[8] !== o || t[9] !== A || t[10] !== r || t[11] !== k || t[12] !== N || t[13] !== f?.description || t[14] !== f?.title || t[15] !== V ? (St = N || r || k || A ? /* @__PURE__ */ a.jsx(ce, { styles: {
-    title: f?.title,
-    description: f?.description
+  t[6] !== s?.description || t[7] !== s?.title || t[8] !== o || t[9] !== A || t[10] !== r || t[11] !== k || t[12] !== N || t[13] !== p?.description || t[14] !== p?.title || t[15] !== V ? (St = N || r || k || A ? /* @__PURE__ */ a.jsx(pe, { styles: {
+    title: p?.title,
+    description: p?.description
   }, classNames: {
-    title: h?.title,
-    description: h?.description
-  }, graphTitle: N, graphDescription: r, width: V, graphDownload: k ? Rt : void 0, dataDownload: A ? o.map(di).filter(hi).length > 0 ? o.map(mi).filter(pi) : o.filter(fi) : null }) : null, t[6] = h?.description, t[7] = h?.title, t[8] = o, t[9] = A, t[10] = r, t[11] = k, t[12] = N, t[13] = f?.description, t[14] = f?.title, t[15] = V, t[16] = St) : St = t[16];
+    title: s?.title,
+    description: s?.description
+  }, graphTitle: N, graphDescription: r, width: V, graphDownload: k ? Ut : void 0, dataDownload: A ? o.map(yi).filter(xi).length > 0 ? o.map(gi).filter(di) : o.filter(hi) : null }) : null, t[6] = s?.description, t[7] = s?.title, t[8] = o, t[9] = A, t[10] = r, t[11] = k, t[12] = N, t[13] = p?.description, t[14] = p?.title, t[15] = V, t[16] = St) : St = t[16];
   let Tt;
-  t[17] !== ot || t[18] !== I || t[19] !== R || t[20] !== h || t[21] !== xt || t[22] !== Ct || t[23] !== w || t[24] !== $t || t[25] !== o || t[26] !== C || t[27] !== it || t[28] !== O || t[29] !== mt || t[30] !== P || t[31] !== _ || t[32] !== v || t[33] !== B || t[34] !== H || t[35] !== u || t[36] !== rt || t[37] !== Nt || t[38] !== L || t[39] !== J || t[40] !== F || t[41] !== $ || t[42] !== It || t[43] !== E || t[44] !== G || t[45] !== X || t[46] !== f || t[47] !== W || t[48] !== At || t[49] !== kt || t[50] !== b || t[51] !== lt || t[52] !== S || t[53] !== et || t[54] !== V ? (Tt = o.length === 0 ? /* @__PURE__ */ a.jsx(re, {}) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    E !== !1 && o.filter(ui).length !== 0 ? /* @__PURE__ */ a.jsx(ae, { width: V, colorLegendTitle: Ct, colors: w || c[b].categoricalColors.colors, colorDomain: xt || Ut(o, "color", !0), setSelectedColor: i, showNAColor: G, className: h?.colorLegend }) : null,
-    /* @__PURE__ */ a.jsx(ne, { ref: s, children: kt && At ? /* @__PURE__ */ a.jsx(ot, { data: o, width: kt, height: At, colorDomain: o.filter(ci).length === 0 ? [] : xt || Ut(o, "color", !0), colors: o.filter(si).length === 0 ? w ? [w] : [c.primaryColors["blue-600"]] : w || c[b].categoricalColors.colors, selectedColor: It, radius: J, leftMargin: _, rightMargin: $, topMargin: S, bottomMargin: R, tooltip: lt, onSeriesMouseOver: rt, highlightedDataPoints: P, minValue: B, maxValue: v, onSeriesMouseClick: u, prefix: L, suffix: W, stripType: X, highlightColor: mt, dotOpacity: O, resetSelectionOnDoubleClick: F, detailsOnClick: C, styles: f, classNames: h, valueColor: et, animate: I === !0 ? {
-      duration: 0.5,
-      once: !0,
-      amount: 0.5
-    } : I || {
-      duration: 0,
-      once: !0,
-      amount: 0
-    }, noOfTicks: H, dimmedOpacity: it, precision: Nt, customLayers: $t }) : null })
-  ] }), t[17] = ot, t[18] = I, t[19] = R, t[20] = h, t[21] = xt, t[22] = Ct, t[23] = w, t[24] = $t, t[25] = o, t[26] = C, t[27] = it, t[28] = O, t[29] = mt, t[30] = P, t[31] = _, t[32] = v, t[33] = B, t[34] = H, t[35] = u, t[36] = rt, t[37] = Nt, t[38] = L, t[39] = J, t[40] = F, t[41] = $, t[42] = It, t[43] = E, t[44] = G, t[45] = X, t[46] = f, t[47] = W, t[48] = At, t[49] = kt, t[50] = b, t[51] = lt, t[52] = S, t[53] = et, t[54] = V, t[55] = Tt) : Tt = t[55];
+  t[17] !== s?.colorLegend || t[18] !== nt || t[19] !== Ct || t[20] !== v || t[21] !== o || t[22] !== E || t[23] !== G || t[24] !== y || t[25] !== V ? (Tt = E !== !1 && o.filter(mi).length !== 0 && o.length > 0 ? /* @__PURE__ */ a.jsx(ue, { width: V, colorLegendTitle: Ct, colors: v || u[y].categoricalColors.colors, colorDomain: nt || Qt(o, "color", !0), setSelectedColor: i, showNAColor: G, className: s?.colorLegend }) : null, t[17] = s?.colorLegend, t[18] = nt, t[19] = Ct, t[20] = v, t[21] = o, t[22] = E, t[23] = G, t[24] = y, t[25] = V, t[26] = Tt) : Tt = t[26];
   let Et;
-  t[56] !== h?.footnote || t[57] !== h?.source || t[58] !== gt || t[59] !== n || t[60] !== f?.footnote || t[61] !== f?.source || t[62] !== V ? (Et = n || gt ? /* @__PURE__ */ a.jsx(se, { styles: {
-    footnote: f?.footnote,
-    source: f?.source
-  }, classNames: {
-    footnote: h?.footnote,
-    source: h?.source
-  }, sources: n, footNote: gt, width: V }) : null, t[56] = h?.footnote, t[57] = h?.source, t[58] = gt, t[59] = n, t[60] = f?.footnote, t[61] = f?.source, t[62] = V, t[63] = Et) : Et = t[63];
+  t[27] !== o.length ? (Et = o.length === 0 && /* @__PURE__ */ a.jsx(ce, {}), t[27] = o.length, t[28] = Et) : Et = t[28];
   let Lt;
-  return t[64] !== T || t[65] !== K || t[66] !== pt || t[67] !== m || t[68] !== Y || t[69] !== z || t[70] !== Z || t[71] !== tt || t[72] !== Gt || t[73] !== zt || t[74] !== St || t[75] !== Tt || t[76] !== Et || t[77] !== b || t[78] !== V ? (Lt = /* @__PURE__ */ a.jsxs(le, { className: Gt, style: zt, id: pt, ref: Rt, "aria-label": T, backgroundColor: K, theme: b, language: Y, minHeight: z, width: V, height: m, relativeHeight: tt, padding: Z, children: [
+  t[29] !== ot || t[30] !== I || t[31] !== F || t[32] !== s || t[33] !== nt || t[34] !== v || t[35] !== $t || t[36] !== o || t[37] !== C || t[38] !== it || t[39] !== w || t[40] !== ht || t[41] !== L || t[42] !== _ || t[43] !== b || t[44] !== B || t[45] !== P || t[46] !== f || t[47] !== at || t[48] !== Nt || t[49] !== H || t[50] !== J || t[51] !== R || t[52] !== $ || t[53] !== It || t[54] !== X || t[55] !== p || t[56] !== W || t[57] !== At || t[58] !== kt || t[59] !== y || t[60] !== rt || t[61] !== S || t[62] !== et ? (Lt = kt && At && o.length > 0 ? /* @__PURE__ */ a.jsx(ot, { data: o, width: kt, height: At, colorDomain: o.filter(pi).length === 0 ? [] : nt || Qt(o, "color", !0), colors: o.filter(fi).length === 0 ? v ? [v] : [u.primaryColors["blue-600"]] : v || u[y].categoricalColors.colors, selectedColor: It, radius: J, leftMargin: _, rightMargin: $, topMargin: S, bottomMargin: F, tooltip: rt, onSeriesMouseOver: at, highlightedDataPoints: L, minValue: B, maxValue: b, onSeriesMouseClick: f, prefix: H, suffix: W, stripType: X, highlightColor: ht, dotOpacity: w, resetSelectionOnDoubleClick: R, detailsOnClick: C, styles: p, classNames: s, valueColor: et, animate: I === !0 ? {
+    duration: 0.5,
+    once: !0,
+    amount: 0.5
+  } : I || {
+    duration: 0,
+    once: !0,
+    amount: 0
+  }, noOfTicks: P, dimmedOpacity: it, precision: Nt, customLayers: $t }) : null, t[29] = ot, t[30] = I, t[31] = F, t[32] = s, t[33] = nt, t[34] = v, t[35] = $t, t[36] = o, t[37] = C, t[38] = it, t[39] = w, t[40] = ht, t[41] = L, t[42] = _, t[43] = b, t[44] = B, t[45] = P, t[46] = f, t[47] = at, t[48] = Nt, t[49] = H, t[50] = J, t[51] = R, t[52] = $, t[53] = It, t[54] = X, t[55] = p, t[56] = W, t[57] = At, t[58] = kt, t[59] = y, t[60] = rt, t[61] = S, t[62] = et, t[63] = Lt) : Lt = t[63];
+  let Pt;
+  t[64] !== Et || t[65] !== Lt ? (Pt = /* @__PURE__ */ a.jsxs(ae, { ref: c, children: [
+    Et,
+    Lt
+  ] }), t[64] = Et, t[65] = Lt, t[66] = Pt) : Pt = t[66];
+  let Ht;
+  t[67] !== s?.footnote || t[68] !== s?.source || t[69] !== xt || t[70] !== n || t[71] !== p?.footnote || t[72] !== p?.source || t[73] !== V ? (Ht = n || xt ? /* @__PURE__ */ a.jsx(fe, { styles: {
+    footnote: p?.footnote,
+    source: p?.source
+  }, classNames: {
+    footnote: s?.footnote,
+    source: s?.source
+  }, sources: n, footNote: xt, width: V }) : null, t[67] = s?.footnote, t[68] = s?.source, t[69] = xt, t[70] = n, t[71] = p?.footnote, t[72] = p?.source, t[73] = V, t[74] = Ht) : Ht = t[74];
+  let Yt;
+  return t[75] !== T || t[76] !== K || t[77] !== mt || t[78] !== h || t[79] !== Y || t[80] !== z || t[81] !== Z || t[82] !== tt || t[83] !== Ft || t[84] !== Bt || t[85] !== St || t[86] !== Tt || t[87] !== Pt || t[88] !== Ht || t[89] !== y || t[90] !== V ? (Yt = /* @__PURE__ */ a.jsxs(se, { className: Ft, style: Bt, id: mt, ref: Ut, "aria-label": T, backgroundColor: K, theme: y, language: Y, minHeight: z, width: V, height: h, relativeHeight: tt, padding: Z, children: [
     St,
     Tt,
-    Et
-  ] }), t[64] = T, t[65] = K, t[66] = pt, t[67] = m, t[68] = Y, t[69] = z, t[70] = Z, t[71] = tt, t[72] = Gt, t[73] = zt, t[74] = St, t[75] = Tt, t[76] = Et, t[77] = b, t[78] = V, t[79] = Lt) : Lt = t[79], Lt;
+    Pt,
+    Ht
+  ] }), t[75] = T, t[76] = K, t[77] = mt, t[78] = h, t[79] = Y, t[80] = z, t[81] = Z, t[82] = tt, t[83] = Ft, t[84] = Bt, t[85] = St, t[86] = Tt, t[87] = Pt, t[88] = Ht, t[89] = y, t[90] = V, t[91] = Yt) : Yt = t[91], Yt;
 }
-function si(e) {
+function fi(e) {
   return e.color;
 }
-function ci(e) {
+function pi(e) {
   return e.color;
 }
-function ui(e) {
+function mi(e) {
   return e.color;
 }
-function fi(e) {
+function hi(e) {
   return e !== void 0;
 }
-function pi(e) {
+function di(e) {
   return e !== void 0;
 }
-function mi(e) {
+function gi(e) {
   return e.data;
 }
-function hi(e) {
+function xi(e) {
   return e !== void 0;
 }
-function di(e) {
+function yi(e) {
   return e.data;
 }
 export {
-  Ei as StripChart
+  Hi as StripChart
 };
 //# sourceMappingURL=StripChart.js.map