@undp/data-viz 2.0.9 → 2.1.0

package/dist/StripChart.js

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