@undp/data-viz 2.3.17 → 2.4.0

package/dist/UnitChart.js

@@ -1,105 +1,107 @@
-import { c as Pt, j as i } from "./index-CHPV5EwG-BCLAYDCV.js";
-import { useRef as yt } from "react";
-import { s as Rt } from "./index-CeVNqhMO.js";
-import { _ as Bt, E as qt } from "./Typography-DMVW6JnV.js";
-import { GraphFooter as Ot } from "./GraphFooter.js";
-import { GraphHeader as Ut } from "./GraphHeader.js";
-import { Colors as Jt } from "./Colors.js";
-import { n as Kt } from "./numberFormattingFunction-14YCbkN2.js";
-import { G as Qt, a as Xt } from "./GraphContainer-DwMxWRCi.js";
-import { m as Yt } from "./proxy--_f6k3NR.js";
-import { u as Zt } from "./use-in-view-DqvKAveg.js";
-import { A as _t } from "./index-Co3YGYe1.js";
-function ve(a) {
-  const t = Pt.c(127), {
+import { c as qt, j as i } from "./index-CHPV5EwG-BzibaIRc.js";
+import { useRef as jt } from "react";
+import { s as Ot } from "./index-CeVNqhMO.js";
+import { _ as Ut, E as Jt } from "./Typography-BO0gQDIT.js";
+import { GraphFooter as Kt } from "./GraphFooter.js";
+import { GraphHeader as Qt } from "./GraphHeader.js";
+import { Colors as Xt } from "./Colors.js";
+import { n as Yt } from "./numberFormattingFunction-DqMf_v1m.js";
+import { G as Zt, a as _t } from "./GraphContainer-B8ZqOzKI.js";
+import { m as te } from "./proxy-BsxtcZKa.js";
+import { u as ee } from "./use-in-view-KOXq5Kmc.js";
+import { A as oe } from "./index-Cv_5q6Rb.js";
+function Ce(a) {
+  const t = qt.c(132), {
     data: r,
-    size: Ct,
-    graphTitle: v,
-    sources: it,
-    colors: jt,
+    size: kt,
+    graphTitle: x,
+    sources: lt,
+    colors: Dt,
     graphDescription: w,
-    totalNoOfDots: kt,
-    unitPadding: Dt,
-    gridSize: Nt,
-    footNote: rt,
-    padding: mt,
-    backgroundColor: bt,
-    graphID: pt,
-    graphDownload: zt,
-    language: St,
-    showColorScale: $t,
-    showStrokeForWhiteDots: Ht,
+    totalNoOfDots: bt,
+    unitPadding: Nt,
+    gridSize: zt,
+    footNote: nt,
+    padding: ht,
+    backgroundColor: St,
+    graphID: ut,
+    graphDownload: $t,
+    language: Ht,
+    showColorScale: Lt,
+    showStrokeForWhiteDots: Mt,
     note: y,
-    dataDownload: Mt,
-    theme: Vt,
+    dataDownload: Vt,
+    theme: Ft,
     width: e,
     height: g,
-    minHeight: Ft,
+    minHeight: Gt,
     relativeHeight: n,
-    ariaLabel: ft,
+    ariaLabel: gt,
     styles: o,
     classNames: l,
-    animate: Gt,
-    precision: It
-  } = a, Y = Ct === void 0 ? 200 : Ct, C = jt === void 0 ? Jt.light.categoricalColors.colors : jt, Z = kt === void 0 ? 100 : kt, At = Dt === void 0 ? 3 : Dt, x = Nt === void 0 ? 10 : Nt, ht = bt === void 0 ? !1 : bt, j = zt === void 0 ? !1 : zt, ut = St === void 0 ? "en" : St, _ = $t === void 0 ? !0 : $t, tt = Ht === void 0 ? !0 : Ht, et = Mt === void 0 ? !1 : Mt, gt = Vt === void 0 ? "light" : Vt, s = Ft === void 0 ? 0 : Ft, at = Gt === void 0 ? !1 : Gt, ot = It === void 0 ? 2 : It, Tt = yt(null);
-  let lt;
-  t[0] !== at ? (lt = at === !0 ? {
+    animate: It,
+    precision: Tt,
+    locale: Z,
+    naLabel: Wt
+  } = a, _ = kt === void 0 ? 200 : kt, C = Dt === void 0 ? Xt.light.categoricalColors.colors : Dt, tt = bt === void 0 ? 100 : bt, Pt = Nt === void 0 ? 3 : Nt, v = zt === void 0 ? 10 : zt, vt = St === void 0 ? !1 : St, j = $t === void 0 ? !1 : $t, k = Ht === void 0 ? "en" : Ht, et = Lt === void 0 ? !0 : Lt, ot = Mt === void 0 ? !0 : Mt, it = Vt === void 0 ? !1 : Vt, xt = Ft === void 0 ? "light" : Ft, s = Gt === void 0 ? 0 : Gt, st = It === void 0 ? !1 : It, rt = Tt === void 0 ? 2 : Tt, at = Wt === void 0 ? "NA" : Wt, At = jt(null);
+  let ct;
+  t[0] !== st ? (ct = st === !0 ? {
     duration: 0.5,
     once: !0,
     amount: 0.5
-  } : at || {
+  } : st || {
     duration: 0,
     once: !0,
     amount: 0
-  }, t[0] = at, t[1] = lt) : lt = t[1];
-  const m = lt;
-  let nt;
-  t[2] !== m.amount || t[3] !== m.once ? (nt = {
+  }, t[0] = st, t[1] = ct) : ct = t[1];
+  const m = ct;
+  let dt;
+  t[2] !== m.amount || t[3] !== m.once ? (dt = {
     once: m.once,
     amount: m.amount
-  }, t[2] = m.amount, t[3] = m.once, t[4] = nt) : nt = t[4];
-  const xt = Zt(Tt, nt);
-  let st;
-  t[5] !== r ? (st = Rt(r.map(ae)), t[5] = r, t[6] = st) : st = t[6];
-  const vt = st, Wt = yt(null), Et = yt(null), c = Y / x, k = (c - At * 2) / 2;
-  if (k <= 0)
+  }, t[2] = m.amount, t[3] = m.once, t[4] = dt) : dt = t[4];
+  const wt = ee(At, dt);
+  let mt;
+  t[5] !== r ? (mt = Ot(r.map(se)), t[5] = r, t[6] = mt) : mt = t[6];
+  const yt = mt, Et = jt(null), Rt = jt(null), c = _ / v, D = (c - Pt * 2) / 2;
+  if (D <= 0)
     return console.error("The size of single unit is less than or equal to zero. Check values for ((dimension / gridSize) - (padding * 2)) / 2 is not less than or equal to 0."), null;
-  let D, N, b, z, S, $, H, M, V, F, G, I, T, W, A, E, L, P, R, B, q, O, f, h, u, U;
-  if (t[7] !== m.duration || t[8] !== ft || t[9] !== ht || t[10] !== l?.description || t[11] !== l?.graphContainer || t[12] !== l?.title || t[13] !== C || t[14] !== r || t[15] !== et || t[16] !== w || t[17] !== j || t[18] !== pt || t[19] !== v || t[20] !== c || t[21] !== x || t[22] !== g || t[23] !== xt || t[24] !== ut || t[25] !== s || t[26] !== y || t[27] !== mt || t[28] !== ot || t[29] !== k || t[30] !== n || t[31] !== _ || t[32] !== tt || t[33] !== Y || t[34] !== o?.description || t[35] !== o?.graphContainer || t[36] !== o?.title || t[37] !== gt || t[38] !== Z || t[39] !== vt || t[40] !== e) {
-    const wt = [];
+  let b, N, z, S, $, H, L, M, V, F, G, I, T, W, A, E, P, R, B, q, O, U, f, h, u, J;
+  if (t[7] !== m.duration || t[8] !== gt || t[9] !== vt || t[10] !== l?.description || t[11] !== l?.graphContainer || t[12] !== l?.title || t[13] !== C || t[14] !== r || t[15] !== it || t[16] !== w || t[17] !== j || t[18] !== ut || t[19] !== x || t[20] !== c || t[21] !== v || t[22] !== g || t[23] !== wt || t[24] !== k || t[25] !== Z || t[26] !== s || t[27] !== at || t[28] !== y || t[29] !== ht || t[30] !== rt || t[31] !== D || t[32] !== n || t[33] !== et || t[34] !== ot || t[35] !== _ || t[36] !== o?.description || t[37] !== o?.graphContainer || t[38] !== o?.title || t[39] !== xt || t[40] !== tt || t[41] !== yt || t[42] !== e) {
+    const Ct = [];
     r.forEach((d, p) => {
-      const Lt = Math.round(d.value / vt * Z);
-      for (let dt = 0; dt < Lt; dt = dt + 1, dt)
-        wt.push({
+      const Bt = Math.round(d.value / yt * tt);
+      for (let ft = 0; ft < Bt; ft = ft + 1, ft)
+        Ct.push({
           color: C[p]
         });
-    }), b = Qt, F = l?.graphContainer, G = o?.graphContainer, I = pt, T = Wt, W = ft, A = ht, E = gt, L = ut, P = s, R = e, B = g, q = n, O = mt, t[67] !== l?.description || t[68] !== l?.title || t[69] !== r || t[70] !== et || t[71] !== w || t[72] !== j || t[73] !== v || t[74] !== o?.description || t[75] !== o?.title || t[76] !== e ? (f = v || w || j ? /* @__PURE__ */ i.jsx(Ut, { styles: {
+    }), z = Zt, F = l?.graphContainer, G = o?.graphContainer, I = ut, T = Et, W = gt, A = vt, E = xt, P = k, R = s, B = e, q = g, O = n, U = ht, t[69] !== l?.description || t[70] !== l?.title || t[71] !== r || t[72] !== it || t[73] !== w || t[74] !== j || t[75] !== x || t[76] !== o?.description || t[77] !== o?.title || t[78] !== e ? (f = x || w || j ? /* @__PURE__ */ i.jsx(Qt, { styles: {
       title: o?.title,
       description: o?.description
     }, classNames: {
       title: l?.title,
       description: l?.description
-    }, graphTitle: v, graphDescription: w, width: e, graphDownload: j ? Wt : void 0, dataDownload: et ? r.map(re).filter(ie).length > 0 ? r.map(oe).filter(ee) : r.filter(te) : null }) : null, t[67] = l?.description, t[68] = l?.title, t[69] = r, t[70] = et, t[71] = w, t[72] = j, t[73] = v, t[74] = o?.description, t[75] = o?.title, t[76] = e, t[77] = f) : f = t[77], t[78] !== y || t[79] !== e ? (h = y ? /* @__PURE__ */ i.jsx(qt, { marginBottom: "2xs", className: "text-primary-gray-700 dark:text-primary-gray-100 font-bold", style: {
+    }, graphTitle: x, graphDescription: w, width: e, graphDownload: j ? Et : void 0, dataDownload: it ? r.map(ne).filter(le).length > 0 ? r.map(ae).filter(re) : r.filter(ie) : null }) : null, t[69] = l?.description, t[70] = l?.title, t[71] = r, t[72] = it, t[73] = w, t[74] = j, t[75] = x, t[76] = o?.description, t[77] = o?.title, t[78] = e, t[79] = f) : f = t[79], t[80] !== y || t[81] !== e ? (h = y ? /* @__PURE__ */ i.jsx(Jt, { marginBottom: "2xs", className: "text-primary-gray-700 dark:text-primary-gray-100 font-bold", style: {
       width: e ? `${e}px` : "100%"
-    }, children: y }) : null, t[78] = y, t[79] = e, t[80] = h) : h = t[80], t[81] !== C || t[82] !== r || t[83] !== ot || t[84] !== _ || t[85] !== e ? (u = _ ? /* @__PURE__ */ i.jsx("div", { className: "mb-4 leading-0", style: {
+    }, children: y }) : null, t[80] = y, t[81] = e, t[82] = h) : h = t[82], t[83] !== C || t[84] !== r || t[85] !== k || t[86] !== Z || t[87] !== at || t[88] !== rt || t[89] !== et || t[90] !== e ? (u = et ? /* @__PURE__ */ i.jsx("div", { className: "mb-4 leading-0", style: {
       width: e ? `${e}px` : "100%"
     }, "aria-label": "Color legend", children: /* @__PURE__ */ i.jsx("div", { className: "flex mb-0 flex-wrap gap-x-4 gap-y-1", children: r.map((d, p) => /* @__PURE__ */ i.jsxs("div", { className: "flex gap-2 items-center", children: [
       /* @__PURE__ */ i.jsx("div", { className: "w-3 h-3 rounded-full", style: {
         backgroundColor: C[p]
       } }),
-      /* @__PURE__ */ i.jsxs(Bt, { marginBottom: "none", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: [
+      /* @__PURE__ */ i.jsxs(Ut, { marginBottom: "none", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: [
         d.label,
         ":",
         " ",
-        /* @__PURE__ */ i.jsx("span", { className: "font-bold", children: Kt(d.value, "NA", ot) })
+        /* @__PURE__ */ i.jsx("span", { className: "font-bold", children: Yt(d.value, at, rt, void 0, void 0, Z || k) })
       ] })
-    ] }, p)) }) }) : null, t[81] = C, t[82] = r, t[83] = ot, t[84] = _, t[85] = e, t[86] = u) : u = t[86], N = Xt, V = Et, z = `${e || Y}px`, S = `${Math.max(s, g ? n && e ? s ? e * n > s ? e * n : s : e * n : g : Math.floor((Z - 1) / x) * c + c / 2 + k + 5)}px`, $ = Tt, H = "ltr", M = `0 0 ${e || Y} ${Math.max(s, g ? n && e ? s ? e * n > s ? e * n : s : e * n : g : Math.floor((Z - 1) / x) * c + c / 2 + k + 5)}`, D = _t, U = /* @__PURE__ */ i.jsx("g", { children: wt.map((d, p) => /* @__PURE__ */ i.jsx(Yt.circle, { style: {
+    ] }, p)) }) }) : null, t[83] = C, t[84] = r, t[85] = k, t[86] = Z, t[87] = at, t[88] = rt, t[89] = et, t[90] = e, t[91] = u) : u = t[91], N = _t, V = Rt, S = `${e || _}px`, $ = `${Math.max(s, g ? n && e ? s ? e * n > s ? e * n : s : e * n : g : Math.floor((tt - 1) / v) * c + c / 2 + D + 5)}px`, H = At, L = "ltr", M = `0 0 ${e || _} ${Math.max(s, g ? n && e ? s ? e * n > s ? e * n : s : e * n : g : Math.floor((tt - 1) / v) * c + c / 2 + D + 5)}`, b = oe, J = /* @__PURE__ */ i.jsx("g", { children: Ct.map((d, p) => /* @__PURE__ */ i.jsx(te.circle, { style: {
       strokeWidth: 1
     }, variants: {
       initial: {
         fill: "#fff",
         opacity: 0,
-        ...tt ? {} : {
+        ...ot ? {} : {
           stroke: d.color
         },
         strokeWidth: 1
@@ -107,59 +109,59 @@ function ve(a) {
       whileInView: {
         fill: d.color,
         opacity: 1,
-        ...tt ? {} : {
+        ...ot ? {} : {
           stroke: d.color
         },
         strokeWidth: 1,
-        cx: p % x * c + c / 2,
-        cy: Math.floor(p / x) * c + c / 2,
+        cx: p % v * c + c / 2,
+        cy: Math.floor(p / v) * c + c / 2,
         transition: {
           duration: 0,
-          delay: m.duration / wt.length * p
+          delay: m.duration / Ct.length * p
         }
       }
-    }, initial: "initial", animate: xt ? "whileInView" : "initial", className: (d.color.toLowerCase() === "#fff" || d.color.toLowerCase() === "#ffffff" || d.color.toLowerCase() === "white") && tt ? "stroke-primary-gray-400 dark:stroke-primary-gray-500" : "", r: k }, p)) }), t[7] = m.duration, t[8] = ft, t[9] = ht, t[10] = l?.description, t[11] = l?.graphContainer, t[12] = l?.title, t[13] = C, t[14] = r, t[15] = et, t[16] = w, t[17] = j, t[18] = pt, t[19] = v, t[20] = c, t[21] = x, t[22] = g, t[23] = xt, t[24] = ut, t[25] = s, t[26] = y, t[27] = mt, t[28] = ot, t[29] = k, t[30] = n, t[31] = _, t[32] = tt, t[33] = Y, t[34] = o?.description, t[35] = o?.graphContainer, t[36] = o?.title, t[37] = gt, t[38] = Z, t[39] = vt, t[40] = e, t[41] = D, t[42] = N, t[43] = b, t[44] = z, t[45] = S, t[46] = $, t[47] = H, t[48] = M, t[49] = V, t[50] = F, t[51] = G, t[52] = I, t[53] = T, t[54] = W, t[55] = A, t[56] = E, t[57] = L, t[58] = P, t[59] = R, t[60] = B, t[61] = q, t[62] = O, t[63] = f, t[64] = h, t[65] = u, t[66] = U;
+    }, initial: "initial", animate: wt ? "whileInView" : "initial", className: (d.color.toLowerCase() === "#fff" || d.color.toLowerCase() === "#ffffff" || d.color.toLowerCase() === "white") && ot ? "stroke-primary-gray-400 dark:stroke-primary-gray-500" : "", r: D }, p)) }), t[7] = m.duration, t[8] = gt, t[9] = vt, t[10] = l?.description, t[11] = l?.graphContainer, t[12] = l?.title, t[13] = C, t[14] = r, t[15] = it, t[16] = w, t[17] = j, t[18] = ut, t[19] = x, t[20] = c, t[21] = v, t[22] = g, t[23] = wt, t[24] = k, t[25] = Z, t[26] = s, t[27] = at, t[28] = y, t[29] = ht, t[30] = rt, t[31] = D, t[32] = n, t[33] = et, t[34] = ot, t[35] = _, t[36] = o?.description, t[37] = o?.graphContainer, t[38] = o?.title, t[39] = xt, t[40] = tt, t[41] = yt, t[42] = e, t[43] = b, t[44] = N, t[45] = z, t[46] = S, t[47] = $, t[48] = H, t[49] = L, t[50] = M, t[51] = V, t[52] = F, t[53] = G, t[54] = I, t[55] = T, t[56] = W, t[57] = A, t[58] = E, t[59] = P, t[60] = R, t[61] = B, t[62] = q, t[63] = O, t[64] = U, t[65] = f, t[66] = h, t[67] = u, t[68] = J;
   } else
-    D = t[41], N = t[42], b = t[43], z = t[44], S = t[45], $ = t[46], H = t[47], M = t[48], V = t[49], F = t[50], G = t[51], I = t[52], T = t[53], W = t[54], A = t[55], E = t[56], L = t[57], P = t[58], R = t[59], B = t[60], q = t[61], O = t[62], f = t[63], h = t[64], u = t[65], U = t[66];
-  let J;
-  t[87] !== D || t[88] !== U ? (J = /* @__PURE__ */ i.jsx(D, { children: U }), t[87] = D, t[88] = U, t[89] = J) : J = t[89];
+    b = t[43], N = t[44], z = t[45], S = t[46], $ = t[47], H = t[48], L = t[49], M = t[50], V = t[51], F = t[52], G = t[53], I = t[54], T = t[55], W = t[56], A = t[57], E = t[58], P = t[59], R = t[60], B = t[61], q = t[62], O = t[63], U = t[64], f = t[65], h = t[66], u = t[67], J = t[68];
   let K;
-  t[90] !== z || t[91] !== S || t[92] !== $ || t[93] !== H || t[94] !== M || t[95] !== J ? (K = /* @__PURE__ */ i.jsx("svg", { width: z, height: S, ref: $, direction: H, viewBox: M, children: J }), t[90] = z, t[91] = S, t[92] = $, t[93] = H, t[94] = M, t[95] = J, t[96] = K) : K = t[96];
+  t[92] !== b || t[93] !== J ? (K = /* @__PURE__ */ i.jsx(b, { children: J }), t[92] = b, t[93] = J, t[94] = K) : K = t[94];
   let Q;
-  t[97] !== N || t[98] !== V || t[99] !== K ? (Q = /* @__PURE__ */ i.jsx(N, { ref: V, children: K }), t[97] = N, t[98] = V, t[99] = K, t[100] = Q) : Q = t[100];
+  t[95] !== S || t[96] !== $ || t[97] !== H || t[98] !== L || t[99] !== M || t[100] !== K ? (Q = /* @__PURE__ */ i.jsx("svg", { width: S, height: $, ref: H, direction: L, viewBox: M, children: K }), t[95] = S, t[96] = $, t[97] = H, t[98] = L, t[99] = M, t[100] = K, t[101] = Q) : Q = t[101];
   let X;
-  t[101] !== rt || t[102] !== it || t[103] !== o?.footnote || t[104] !== o?.source || t[105] !== e ? (X = it || rt ? /* @__PURE__ */ i.jsx(Ot, { styles: {
+  t[102] !== N || t[103] !== V || t[104] !== Q ? (X = /* @__PURE__ */ i.jsx(N, { ref: V, children: Q }), t[102] = N, t[103] = V, t[104] = Q, t[105] = X) : X = t[105];
+  let Y;
+  t[106] !== nt || t[107] !== lt || t[108] !== o?.footnote || t[109] !== o?.source || t[110] !== e ? (Y = lt || nt ? /* @__PURE__ */ i.jsx(Kt, { styles: {
     footnote: o?.footnote,
     source: o?.source
-  }, sources: it, footNote: rt, width: e }) : null, t[101] = rt, t[102] = it, t[103] = o?.footnote, t[104] = o?.source, t[105] = e, t[106] = X) : X = t[106];
-  let ct;
-  return t[107] !== b || t[108] !== F || t[109] !== G || t[110] !== I || t[111] !== T || t[112] !== W || t[113] !== A || t[114] !== E || t[115] !== L || t[116] !== P || t[117] !== R || t[118] !== B || t[119] !== q || t[120] !== O || t[121] !== f || t[122] !== h || t[123] !== u || t[124] !== Q || t[125] !== X ? (ct = /* @__PURE__ */ i.jsxs(b, { className: F, style: G, id: I, ref: T, "aria-label": W, backgroundColor: A, theme: E, language: L, minHeight: P, width: R, height: B, relativeHeight: q, padding: O, children: [
+  }, sources: lt, footNote: nt, width: e }) : null, t[106] = nt, t[107] = lt, t[108] = o?.footnote, t[109] = o?.source, t[110] = e, t[111] = Y) : Y = t[111];
+  let pt;
+  return t[112] !== z || t[113] !== F || t[114] !== G || t[115] !== I || t[116] !== T || t[117] !== W || t[118] !== A || t[119] !== E || t[120] !== P || t[121] !== R || t[122] !== B || t[123] !== q || t[124] !== O || t[125] !== U || t[126] !== f || t[127] !== h || t[128] !== u || t[129] !== X || t[130] !== Y ? (pt = /* @__PURE__ */ i.jsxs(z, { className: F, style: G, id: I, ref: T, "aria-label": W, backgroundColor: A, theme: E, language: P, minHeight: R, width: B, height: q, relativeHeight: O, padding: U, children: [
     f,
     h,
     u,
-    Q,
-    X
-  ] }), t[107] = b, t[108] = F, t[109] = G, t[110] = I, t[111] = T, t[112] = W, t[113] = A, t[114] = E, t[115] = L, t[116] = P, t[117] = R, t[118] = B, t[119] = q, t[120] = O, t[121] = f, t[122] = h, t[123] = u, t[124] = Q, t[125] = X, t[126] = ct) : ct = t[126], ct;
+    X,
+    Y
+  ] }), t[112] = z, t[113] = F, t[114] = G, t[115] = I, t[116] = T, t[117] = W, t[118] = A, t[119] = E, t[120] = P, t[121] = R, t[122] = B, t[123] = q, t[124] = O, t[125] = U, t[126] = f, t[127] = h, t[128] = u, t[129] = X, t[130] = Y, t[131] = pt) : pt = t[131], pt;
 }
-function te(a) {
+function ie(a) {
   return a !== void 0;
 }
-function ee(a) {
+function re(a) {
   return a !== void 0;
 }
-function oe(a) {
+function ae(a) {
   return a.data;
 }
-function ie(a) {
+function le(a) {
   return a !== void 0;
 }
-function re(a) {
+function ne(a) {
   return a.data;
 }
-function ae(a) {
+function se(a) {
   return a.value;
 }
 export {
-  ve as UnitChart
+  Ce as UnitChart
 };
 //# sourceMappingURL=UnitChart.js.map

package/dist/UnitChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnitChart.js","sources":["../src/Components/Graphs/UnitChart/index.tsx"],"sourcesContent":["import { useRef } from 'react';\r\nimport sum from 'lodash.sum';\r\nimport { H2, P } from '@undp/design-system-react/Typography';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport {\r\n  UnitChartDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: UnitChartDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Note with h2 tag just above the graph. Can be used to highlight text */\r\n  note?: string;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Colors of the highlighted circles */\r\n  colors?: string[];\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Size of the visualization */\r\n  size?: number;\r\n  /** No. of dots in a single row */\r\n  gridSize?: number;\r\n  /** Spacing between 2 dots */\r\n  unitPadding?: number;\r\n  /** Total no. of dot that are rendered in the chart */\r\n  totalNoOfDots?: number;\r\n  /** Toggle visibility of stroke for the unfilled dots */\r\n  showStrokeForWhiteDots?: boolean;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Toggle visibility of color scale */\r\n  showColorScale?: boolean;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function UnitChart(props: Props) {\r\n  const {\r\n    data,\r\n    size = 200,\r\n    graphTitle,\r\n    sources,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    graphDescription,\r\n    totalNoOfDots = 100,\r\n    unitPadding = 3,\r\n    gridSize = 10,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    graphDownload = false,\r\n    language = 'en',\r\n    showColorScale = true,\r\n    showStrokeForWhiteDots = true,\r\n    note,\r\n    dataDownload = false,\r\n    theme = 'light',\r\n    width,\r\n    height,\r\n    minHeight = 0,\r\n    relativeHeight,\r\n    ariaLabel,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    precision = 2,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const animateValue =\r\n    animate === true\r\n      ? { duration: 0.5, once: true, amount: 0.5 }\r\n      : animate || { duration: 0, once: true, amount: 0 };\r\n  const isInView = useInView(svgRef, {\r\n    once: animateValue.once,\r\n    amount: animateValue.amount,\r\n  });\r\n  const totalValue = sum(data.map(d => d.value));\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const gridDimension = size / gridSize;\r\n  const radius = (gridDimension - unitPadding * 2) / 2;\r\n  if (radius <= 0) {\r\n    console.error(\r\n      'The size of single unit is less than or equal to zero. Check values for ((dimension / gridSize) - (padding * 2)) / 2 is not less than or equal to 0.',\r\n    );\r\n    return null;\r\n  }\r\n\r\n  const cellsData: { color: string }[] = [];\r\n  data.forEach((item, index) => {\r\n    const count = Math.round((item.value / totalValue) * totalNoOfDots);\r\n    for (let i = 0; i < count; i += 1) {\r\n      cellsData.push({ color: colors[index] });\r\n    }\r\n  });\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {note ? (\r\n        <H2\r\n          marginBottom='2xs'\r\n          className='text-primary-gray-700 dark:text-primary-gray-100 font-bold'\r\n          style={{ width: width ? `${width}px` : '100%' }}\r\n        >\r\n          {note}\r\n        </H2>\r\n      ) : null}\r\n      {showColorScale ? (\r\n        <div\r\n          className='mb-4 leading-0'\r\n          style={{ width: width ? `${width}px` : '100%' }}\r\n          aria-label='Color legend'\r\n        >\r\n          <div className='flex mb-0 flex-wrap gap-x-4 gap-y-1'>\r\n            {data.map((d, i) => (\r\n              <div className='flex gap-2 items-center' key={i}>\r\n                <div className='w-3 h-3 rounded-full' style={{ backgroundColor: colors[i] }} />\r\n                <P\r\n                  marginBottom='none'\r\n                  size='sm'\r\n                  className='text-primary-gray-700 dark:text-primary-gray-100'\r\n                >\r\n                  {d.label}:{' '}\r\n                  <span className='font-bold'>\r\n                    {numberFormattingFunction(d.value, 'NA', precision)}\r\n                  </span>\r\n                </P>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </div>\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        <svg\r\n          width={`${width || size}px`}\r\n          height={`${Math.max(\r\n            minHeight,\r\n            height\r\n              ? relativeHeight && width\r\n                ? minHeight\r\n                  ? width * relativeHeight > minHeight\r\n                    ? width * relativeHeight\r\n                    : minHeight\r\n                  : width * relativeHeight\r\n                : height\r\n              : Math.floor((totalNoOfDots - 1) / gridSize) * gridDimension +\r\n                  gridDimension / 2 +\r\n                  radius +\r\n                  5,\r\n          )}px`}\r\n          ref={svgRef}\r\n          direction='ltr'\r\n          viewBox={`0 0 ${width || size} ${Math.max(\r\n            minHeight,\r\n            height\r\n              ? relativeHeight && width\r\n                ? minHeight\r\n                  ? width * relativeHeight > minHeight\r\n                    ? width * relativeHeight\r\n                    : minHeight\r\n                  : width * relativeHeight\r\n                : height\r\n              : Math.floor((totalNoOfDots - 1) / gridSize) * gridDimension +\r\n                  gridDimension / 2 +\r\n                  radius +\r\n                  5,\r\n          )}`}\r\n        >\r\n          <AnimatePresence>\r\n            <g>\r\n              {cellsData.map((d, i) => (\r\n                <motion.circle\r\n                  key={i}\r\n                  style={{\r\n                    strokeWidth: 1,\r\n                  }}\r\n                  variants={{\r\n                    initial: {\r\n                      fill: '#fff',\r\n                      opacity: 0,\r\n                      ...(!showStrokeForWhiteDots ? { stroke: d.color } : {}),\r\n                      strokeWidth: 1,\r\n                    },\r\n                    whileInView: {\r\n                      fill: d.color,\r\n                      opacity: 1,\r\n                      ...(!showStrokeForWhiteDots ? { stroke: d.color } : {}),\r\n                      strokeWidth: 1,\r\n                      cx: (i % gridSize) * gridDimension + gridDimension / 2,\r\n                      cy: Math.floor(i / gridSize) * gridDimension + gridDimension / 2,\r\n                      transition: {\r\n                        duration: 0,\r\n                        delay: (animateValue.duration / cellsData.length) * i,\r\n                      },\r\n                    },\r\n                  }}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  className={\r\n                    (d.color.toLowerCase() === '#fff' ||\r\n                      d.color.toLowerCase() === '#ffffff' ||\r\n                      d.color.toLowerCase() === 'white') &&\r\n                    showStrokeForWhiteDots\r\n                      ? 'stroke-primary-gray-400 dark:stroke-primary-gray-500'\r\n                      : ''\r\n                  }\r\n                  r={radius}\r\n                />\r\n              ))}\r\n            </g>\r\n          </AnimatePresence>\r\n        </svg>\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{\r\n            footnote: styles?.footnote,\r\n            source: styles?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["UnitChart","props","$","_c","data","size","t0","graphTitle","sources","colors","t1","graphDescription","totalNoOfDots","t2","unitPadding","t3","gridSize","t4","footNote","padding","backgroundColor","t5","graphID","graphDownload","t6","language","t7","showColorScale","t8","showStrokeForWhiteDots","t9","note","dataDownload","t10","theme","t11","width","height","minHeight","t12","relativeHeight","ariaLabel","styles","classNames","animate","t13","precision","t14","undefined","Colors","light","categoricalColors","svgRef","useRef","t15","duration","once","amount","animateValue","t16","isInView","useInView","t17","sum","map","_temp","totalValue","graphParentDiv","graphDiv","gridDimension","radius","console","error","T0","T1","T2","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","t30","t31","t32","t33","t34","t35","t36","t37","t38","t39","t40","description","graphContainer","title","cellsData","forEach","item","index","count","Math","round","value","i","push","color","GraphContainer","jsx","GraphHeader","_temp2","filter","_temp3","length","_temp4","_temp5","_temp6","H2","d_5","i_0","jsxs","P","d","label","numberFormattingFunction","GraphArea","max","floor","AnimatePresence","d_6","i_1","strokeWidth","initial","fill","opacity","stroke","whileInView","cx","cy","transition","delay","toLowerCase","t41","t42","t43","t44","footnote","source","GraphFooter","t45","d_2","d_1","d_0","d_4","d_3"],"mappings":";;;;;;;;;;;;AA2FO,SAAAA,GAAAC,GAAA;AAAA,QAAAC,IAAAC,GAAAA,EAAA,GAAA,GACL;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,MAAAC;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,QAAAC;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAC,eAAAC;AAAAA,IAAAC,aAAAC;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,iBAAAC;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,eAAAC;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,gBAAAC;AAAAA,IAAAC,wBAAAC;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,cAAAC;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,WAAAC;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,SAAAC;AAAAA,IAAAC,WAAAC;AAAAA,EAAAA,IA8BI9C,GA5BFI,IAAAC,OAAA0C,SAAA,MAAA1C,IAGAG,IAAAC,OAAAsC,SAASC,GAAMC,MAAMC,kBAAkB1C,SAAvCC,IAEAE,IAAAC,OAAAmC,SAAA,MAAAnC,IACAC,KAAAC,OAAAiC,SAAA,IAAAjC,IACAC,IAAAC,OAAA+B,SAAA,KAAA/B,IAGAG,KAAAC,OAAA2B,SAAA,KAAA3B,IAEAE,IAAAC,OAAAwB,SAAA,KAAAxB,IACAC,KAAAC,OAAAsB,SAAA,OAAAtB,IACAC,IAAAC,OAAAoB,SAAA,KAAApB,IACAC,KAAAC,OAAAkB,SAAA,KAAAlB,IAEAE,KAAAC,OAAAe,SAAA,KAAAf,IACAC,KAAAC,OAAAa,SAAA,UAAAb,IAGAG,IAAAC,OAAAS,SAAA,IAAAT,IAKAK,KAAAC,OAAAG,SAAA,KAAAH,IACAC,KAAAC,OAAAC,SAAA,IAAAD,IAEFK,KAAeC,GAAO,IAAI;AAAE,MAAAC;AAAA,EAAApD,SAAA0C,MAE1BU,KAAAV,OAAY,KAAZ;AAAA,IAAAW,UACgB;AAAA,IAAGC,MAAQ;AAAA,IAAIC,QAAU;AAAA,EAAA,IACrCb,MAAA;AAAA,IAAAW,UAAuB;AAAA,IAACC,MAAQ;AAAA,IAAIC,QAAU;AAAA,EAAA,GAAGvD,OAAA0C,IAAA1C,OAAAoD,MAAAA,KAAApD,EAAA,CAAA;AAHvD,QAAAwD,IACEJ;AAEsD,MAAAK;AAAA,EAAAzD,EAAA,CAAA,MAAAwD,EAAAD,UAAAvD,EAAA,CAAA,MAAAwD,EAAAF,QACrBG,KAAA;AAAA,IAAAH,MAC3BE,EAAYF;AAAAA,IAAKC,QACfC,EAAYD;AAAAA,EAAAA,GACrBvD,EAAA,CAAA,IAAAwD,EAAAD,QAAAvD,EAAA,CAAA,IAAAwD,EAAAF,MAAAtD,OAAAyD,MAAAA,KAAAzD,EAAA,CAAA;AAHD,QAAA0D,KAAiBC,GAAUT,IAAQO,EAGlC;AAAE,MAAAG;AAAA,EAAA5D,SAAAE,KACgB0D,KAAAC,GAAI3D,EAAI4D,IAAKC,EAAY,CAAC,GAAC/D,OAAAE,GAAAF,OAAA4D,MAAAA,KAAA5D,EAAA,CAAA;AAA9C,QAAAgE,KAAmBJ,IACnBK,KAAuBd,GAAuB,IAAI,GAClDe,KAAiBf,GAAuB,IAAI,GAC5CgB,IAAsBhE,IAAOW,GAC7BsD,KAAgBD,IAAgBvD,KAAc,KAAK;AACnD,MAAIwD,KAAU;AACZC,mBAAOC,MACL,sJACF,GACO;AACR,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,MAAAhG,EAAA,CAAA,MAAAwD,EAAAH,YAAArD,EAAA,CAAA,MAAAuC,MAAAvC,EAAA,CAAA,MAAAkB,MAAAlB,EAAA,EAAA,MAAAyC,GAAAwD,eAAAjG,EAAA,EAAA,MAAAyC,GAAAyD,kBAAAlG,EAAA,EAAA,MAAAyC,GAAA0D,SAAAnG,UAAAO,KAAAP,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAA8B,MAAA9B,EAAA,EAAA,MAAAS,KAAAT,EAAA,EAAA,MAAAqB,KAAArB,EAAA,EAAA,MAAAoB,MAAApB,EAAA,EAAA,MAAAK,KAAAL,UAAAmE,KAAAnE,EAAA,EAAA,MAAAc,KAAAd,EAAA,EAAA,MAAAmC,KAAAnC,EAAA,EAAA,MAAA0D,MAAA1D,EAAA,EAAA,MAAAuB,MAAAvB,EAAA,EAAA,MAAAoC,KAAApC,UAAA6B,KAAA7B,EAAA,EAAA,MAAAiB,MAAAjB,EAAA,EAAA,MAAA4C,MAAA5C,EAAA,EAAA,MAAAoE,KAAApE,EAAA,EAAA,MAAAsC,KAAAtC,EAAA,EAAA,MAAAyB,KAAAzB,UAAA2B,MAAA3B,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAwC,GAAAyD,eAAAjG,UAAAwC,GAAA0D,kBAAAlG,EAAA,EAAA,MAAAwC,GAAA2D,SAAAnG,EAAA,EAAA,MAAAgC,MAAAhC,EAAA,EAAA,MAAAU,KAAAV,EAAA,EAAA,MAAAgE,MAAAhE,UAAAkC,GAAA;AAED,UAAAkE,KAAuC,CAAA;AACvClG,IAAAA,EAAImG,QAAS,CAAAC,GAAAC,MAAA;AACX,YAAAC,KAAcC,KAAIC,MAAQJ,EAAIK,QAAS3C,KAActD,CAAa;AAClE,eAAAkG,KAAa,GAAGA,KAAIJ,IAApBI,KAA2BA,KAAK,GAALA;AACzBR,QAAAA,GAASS,KAAM;AAAA,UAAAC,OAASvG,EAAOgG,CAAK;AAAA,QAAA,CAAG;AAAA,IACxC,CACF,GAEE9B,IAAAsC,IACY/B,IAAAvC,GAAUyD,gBACdjB,IAAAzC,GAAM0D,gBACT9E,IAAAA,IACC6C,IAAAA,IACO1B,IAAAA,IACKrB,IAAAA,IACVc,IAAAA,IACGT,IAAAA,IACCa,IAAAA,GACJF,IAAAA,GACCC,IAAAA,GACQG,IAAAA,GACPrB,IAAAA,IAAOjB,UAAAyC,GAAAwD,eAAAjG,UAAAyC,GAAA0D,SAAAnG,UAAAE,KAAAF,EAAA,EAAA,MAAA8B,MAAA9B,EAAA,EAAA,MAAAS,KAAAT,EAAA,EAAA,MAAAqB,KAAArB,UAAAK,KAAAL,EAAA,EAAA,MAAAwC,GAAAyD,eAAAjG,EAAA,EAAA,MAAAwC,GAAA2D,SAAAnG,EAAA,EAAA,MAAAkC,KAEf2D,IAAAxF,KAAAI,KAAAY,IACC2F,gBAAAA,EAAAA,IAACC,MACS,QAAA;AAAA,MAAAd,OACC3D,GAAM2D;AAAAA,MAAOF,aACPzD,GAAMyD;AAAAA,IAAAA,GAET,YAAA;AAAA,MAAAE,OACH1D,GAAU0D;AAAAA,MAAOF,aACXxD,GAAUwD;AAAAA,IAAAA,GAEb5F,YAAAA,GACMI,kBAAAA,GACXyB,OAAAA,GACQ,eAAAb,IAAA4C,KAAAnB,QAEb,cAAAhB,KACI5B,EAAI4D,IAAKoD,EAAW,EAACC,OAAQC,EAAoB,EAACC,SAAU,IAC1DnH,EAAI4D,IAAKwD,EAAW,EAACH,OAAQI,EACG,IAAhCrH,EAAIiH,OAAQK,EAAoB,IAHtC,MAIQ,IAnBb,MAsBOxH,EAAA,EAAA,IAAAyC,GAAAwD,aAAAjG,EAAA,EAAA,IAAAyC,GAAA0D,OAAAnG,QAAAE,GAAAF,QAAA8B,IAAA9B,QAAAS,GAAAT,QAAAqB,GAAArB,QAAAK,GAAAL,EAAA,EAAA,IAAAwC,GAAAyD,aAAAjG,EAAA,EAAA,IAAAwC,GAAA2D,OAAAnG,QAAAkC,GAAAlC,QAAA6F,KAAAA,IAAA7F,EAAA,EAAA,GAAAA,EAAA,EAAA,MAAA6B,KAAA7B,UAAAkC,KACP4D,IAAAjE,IACCmF,gBAAAA,EAAAA,IAACS,IAAA,EACc,cAAA,OACH,WAAA,8DACH,OAAA;AAAA,MAAAvF,OAASA,IAAA,GAAWA,CAAK,OAAhB;AAAA,IAAA,GAEfL,aACH,IAPD,MAQO7B,QAAA6B,GAAA7B,QAAAkC,GAAAlC,QAAA8F,KAAAA,IAAA9F,EAAA,EAAA,GAAAA,EAAA,EAAA,MAAAO,KAAAP,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAA4C,MAAA5C,EAAA,EAAA,MAAAyB,KAAAzB,UAAAkC,KACP6D,IAAAtE,IACCuF,gBAAAA,MAAA,OAAA,EACY,WAAA,kBACH,OAAA;AAAA,MAAA9E,OAASA,IAAA,GAAWA,CAAK,OAAhB;AAAA,IAAA,GACL,cAAA,gBAEX,UAAA8E,gBAAAA,EAAAA,aAAe,WAAA,uCACZ9G,UAAAA,EAAI4D,IAAK,CAAA4D,GAAAC,MACRC,gBAAAA,EAAAA,cAAe,WAAA,2BACb,UAAA;AAAA,MAAAZ,gBAAAA,EAAAA,aAAe,WAAA,wBAA8B,OAAA;AAAA,QAAA9F,iBAAmBX,EAAOqG,CAAC;AAAA,MAAA,GAAG;AAAA,6BAC1EiB,IAAA,EACc,cAAA,QACR,MAAA,MACK,WAAA,oDAETC,UAAAA;AAAAA,QAAAA,EAACC;AAAAA,QAAO;AAAA,QAAE;AAAA,QACXf,gBAAAA,EAAAA,IAAA,UAAgB,WAAA,aACbgB,aAAyBF,EAACnB,OAAQ,MAAM/D,EAAS,EAAA,CACpD;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,GAX4CgE,CAY9C,CACD,GACH,EAAA,CACF,IAvBD,MAwBO5G,QAAAO,GAAAP,QAAAE,GAAAF,QAAA4C,IAAA5C,QAAAyB,GAAAzB,QAAAkC,GAAAlC,QAAA+F,KAAAA,IAAA/F,EAAA,EAAA,GACPwE,IAAAyD,IAAe/D,IAAAA,IAELQ,IAAA,GAAGxC,KAAA/B,CAAa,MACfwE,IAAA,GAAG8B,KAAIyB,IACb9F,GACAD,IACIG,KAAAJ,IACEE,IACEF,IAAQI,IAAiBF,IACvBF,IAAQI,IADVF,IAGAF,IAAQI,IALZH,IAOAsE,KAAI0B,OAAQzH,IAAgB,KAAKI,CAAQ,IAAIqD,IAC3CA,IAAgB,IAChBC,IACA,CACR,CAAC,MACIlB,IAAAA,IACK2B,IAAA,OACDC,IAAA,OAAO5C,KAAA/B,CAAa,IAAIsG,KAAIyB,IACnC9F,GACAD,IACIG,KAAAJ,IACEE,IACEF,IAAQI,IAAiBF,IACvBF,IAAQI,IADVF,IAGAF,IAAQI,IALZH,IAOAsE,KAAI0B,OAAQzH,IAAgB,KAAKI,CAAQ,IAAIqD,IAC3CA,IAAgB,IAChBC,IACA,CACR,CAAC,IAEAG,IAAA6D,IACCpC,iCACGI,UAAAA,GAAStC,IAAK,CAAAuE,GAAAC,MACbtB,gBAAAA,EAAAA,iBAES,OAAA;AAAA,MAAAuB,aACQ;AAAA,IAAA,GAEL,UAAA;AAAA,MAAAC,SACC;AAAA,QAAAC,MACD;AAAA,QAAMC,SACH;AAAA,QAAC,GACL/G,KAAD,CAAA,IAAA;AAAA,UAAAgH,QAAoCb,EAAChB;AAAAA,QAAAA;AAAAA,QAAayB,aACzC;AAAA,MAAA;AAAA,MACdK,aACY;AAAA,QAAAH,MACLX,EAAChB;AAAAA,QAAM4B,SACJ;AAAA,QAAC,GACL/G,KAAD,CAAA,IAAA;AAAA,UAAAgH,QAAoCb,EAAChB;AAAAA,QAAAA;AAAAA,QAAayB,aACzC;AAAA,QAACM,IACTjC,IAAI9F,IAAYqD,IAAgBA,IAAgB;AAAA,QAAC2E,IAClDrC,KAAI0B,MAAOvB,IAAI9F,CAAQ,IAAIqD,IAAgBA,IAAgB;AAAA,QAAC4E,YACpD;AAAA,UAAA1F,UACA;AAAA,UAAC2F,OACHxF,EAAYH,WAAY+C,GAASiB,SAAWT;AAAAA,QAAAA;AAAAA,MACtD;AAAA,IACF,GAEM,SAAA,WACC,SAAAlD,KAAA,gBAAA,WAEP,YAACoE,EAAChB,MAAMmC,YAAAA,MAAmB,UACzBnB,EAAChB,MAAMmC,YAAAA,MAAmB,aAC1BnB,EAAChB,MAAMmC,YAAAA,MAAmB,YAF5BtH,KAAA,yDAAA,IAOCyC,GAAAA,EAAAA,IAAM,CAEZ,EAAA,CACH,GAAIpE,EAAA,CAAA,IAAAwD,EAAAH,UAAArD,OAAAuC,IAAAvC,OAAAkB,IAAAlB,EAAA,EAAA,IAAAyC,GAAAwD,aAAAjG,EAAA,EAAA,IAAAyC,GAAAyD,gBAAAlG,EAAA,EAAA,IAAAyC,GAAA0D,OAAAnG,QAAAO,GAAAP,QAAAE,GAAAF,QAAA8B,IAAA9B,QAAAS,GAAAT,QAAAqB,GAAArB,QAAAoB,IAAApB,QAAAK,GAAAL,QAAAmE,GAAAnE,QAAAc,GAAAd,QAAAmC,GAAAnC,QAAA0D,IAAA1D,QAAAuB,IAAAvB,QAAAoC,GAAApC,QAAA6B,GAAA7B,QAAAiB,IAAAjB,QAAA4C,IAAA5C,QAAAoE,GAAApE,QAAAsC,GAAAtC,QAAAyB,GAAAzB,QAAA2B,IAAA3B,QAAAG,GAAAH,EAAA,EAAA,IAAAwC,GAAAyD,aAAAjG,EAAA,EAAA,IAAAwC,GAAA0D,gBAAAlG,EAAA,EAAA,IAAAwC,GAAA2D,OAAAnG,QAAAgC,IAAAhC,QAAAU,GAAAV,QAAAgE,IAAAhE,QAAAkC,GAAAlC,QAAAuE,GAAAvE,QAAAwE,GAAAxE,QAAAyE,GAAAzE,QAAA0E,GAAA1E,QAAA2E,GAAA3E,QAAA4E,GAAA5E,QAAA6E,GAAA7E,QAAA8E,GAAA9E,QAAA+E,GAAA/E,QAAAgF,GAAAhF,QAAAiF,GAAAjF,QAAAkF,GAAAlF,QAAAmF,GAAAnF,QAAAoF,GAAApF,QAAAqF,GAAArF,QAAAsF,GAAAtF,QAAAuF,GAAAvF,QAAAwF,GAAAxF,QAAAyF,GAAAzF,QAAA0F,GAAA1F,QAAA2F,GAAA3F,QAAA4F,GAAA5F,QAAA6F,GAAA7F,QAAA8F,GAAA9F,QAAA+F,GAAA/F,QAAAgG;AAAAA,EAAA;AAAAzB,IAAAA,IAAAvE,EAAA,EAAA,GAAAwE,IAAAxE,EAAA,EAAA,GAAAyE,IAAAzE,EAAA,EAAA,GAAA0E,IAAA1E,EAAA,EAAA,GAAA2E,IAAA3E,EAAA,EAAA,GAAA4E,IAAA5E,EAAA,EAAA,GAAA6E,IAAA7E,EAAA,EAAA,GAAA8E,IAAA9E,EAAA,EAAA,GAAA+E,IAAA/E,EAAA,EAAA,GAAAgF,IAAAhF,EAAA,EAAA,GAAAiF,IAAAjF,EAAA,EAAA,GAAAkF,IAAAlF,EAAA,EAAA,GAAAmF,IAAAnF,EAAA,EAAA,GAAAoF,IAAApF,EAAA,EAAA,GAAAqF,IAAArF,EAAA,EAAA,GAAAsF,IAAAtF,EAAA,EAAA,GAAAuF,IAAAvF,EAAA,EAAA,GAAAwF,IAAAxF,EAAA,EAAA,GAAAyF,IAAAzF,EAAA,EAAA,GAAA0F,IAAA1F,EAAA,EAAA,GAAA2F,IAAA3F,EAAA,EAAA,GAAA4F,IAAA5F,EAAA,EAAA,GAAA6F,IAAA7F,EAAA,EAAA,GAAA8F,IAAA9F,EAAA,EAAA,GAAA+F,IAAA/F,EAAA,EAAA,GAAAgG,IAAAhG,EAAA,EAAA;AAAA,MAAAkJ;AAAA,EAAAlJ,EAAA,EAAA,MAAAuE,KAAAvE,UAAAgG,KAzCNkD,IAAAlC,gBAAAA,EAAAA,IAACzC,KACCyB,UAAAA,EAAAA,CAyCF,GAAkBhG,QAAAuE,GAAAvE,QAAAgG,GAAAhG,QAAAkJ,KAAAA,IAAAlJ,EAAA,EAAA;AAAA,MAAAmJ;AAAA,EAAAnJ,UAAA0E,KAAA1E,EAAA,EAAA,MAAA2E,KAAA3E,EAAA,EAAA,MAAA4E,KAAA5E,EAAA,EAAA,MAAA6E,KAAA7E,UAAA8E,KAAA9E,EAAA,EAAA,MAAAkJ,KA7EpBC,IAAAnC,gBAAAA,EAAAA,IAAA,OAAA,EACS,OAAAtC,GACC,QAAAC,GAeHzB,KAAAA,GACK,WAAA2B,GACD,SAAAC,GAgBToE,UAAAA,GA2CF,GAAMlJ,QAAA0E,GAAA1E,QAAA2E,GAAA3E,QAAA4E,GAAA5E,QAAA6E,GAAA7E,QAAA8E,GAAA9E,QAAAkJ,GAAAlJ,QAAAmJ,KAAAA,IAAAnJ,EAAA,EAAA;AAAA,MAAAoJ;AAAA,EAAApJ,EAAA,EAAA,MAAAwE,KAAAxE,UAAA+E,KAAA/E,EAAA,EAAA,MAAAmJ,KA/ERC,IAAApC,gBAAAA,EAAAA,IAACxC,GAAA,EAAeN,KAAAA,GACdiF,UAAAA,GA+EF,GAAYnJ,QAAAwE,GAAAxE,QAAA+E,GAAA/E,QAAAmJ,GAAAnJ,SAAAoJ,KAAAA,IAAApJ,EAAA,GAAA;AAAA,MAAAqJ;AAAA,EAAArJ,WAAAgB,MAAAhB,EAAA,GAAA,MAAAM,MAAAN,EAAA,GAAA,MAAAwC,GAAA8G,YAAAtJ,EAAA,GAAA,MAAAwC,GAAA+G,UAAAvJ,EAAA,GAAA,MAAAkC,KACXmH,IAAA/I,MAAAU,KACCgG,gBAAAA,EAAAA,IAACwC,IAAA,EACS,QAAA;AAAA,IAAAF,UACI9G,GAAM8G;AAAAA,IAAUC,QAClB/G,GAAM+G;AAAAA,EAAAA,GAEPjJ,SAAAA,IACCU,UAAAA,IACHkB,OAAAA,EAAAA,CAAK,IARf,MAUOlC,SAAAgB,IAAAhB,SAAAM,IAAAN,EAAA,GAAA,IAAAwC,GAAA8G,UAAAtJ,EAAA,GAAA,IAAAwC,GAAA+G,QAAAvJ,SAAAkC,GAAAlC,SAAAqJ,KAAAA,IAAArJ,EAAA,GAAA;AAAA,MAAAyJ;AAAA,SAAAzJ,EAAA,GAAA,MAAAyE,KAAAzE,EAAA,GAAA,MAAAgF,KAAAhF,WAAAiF,KAAAjF,EAAA,GAAA,MAAAkF,KAAAlF,EAAA,GAAA,MAAAmF,KAAAnF,EAAA,GAAA,MAAAoF,KAAApF,EAAA,GAAA,MAAAqF,KAAArF,WAAAsF,KAAAtF,EAAA,GAAA,MAAAuF,KAAAvF,EAAA,GAAA,MAAAwF,KAAAxF,EAAA,GAAA,MAAAyF,KAAAzF,EAAA,GAAA,MAAA0F,KAAA1F,EAAA,GAAA,MAAA2F,KAAA3F,WAAA4F,KAAA5F,EAAA,GAAA,MAAA6F,KAAA7F,EAAA,GAAA,MAAA8F,KAAA9F,EAAA,GAAA,MAAA+F,KAAA/F,EAAA,GAAA,MAAAoJ,KAAApJ,WAAAqJ,KAnKVI,4BAAChF,GAAA,EACY,WAAAO,GACJ,OAAAC,GACH7D,OACC6C,QACO1B,cAAAA,GACKrB,iBAAAA,GACVc,UACGT,UAAAA,GACCa,WAAAA,GACJF,OAAAA,GACCC,WACQG,gBAAAA,GACPrB,SAAAA,GAER4E,UAAAA;AAAAA,IAAAA;AAAAA,IAuBAC;AAAAA,IASAC;AAAAA,IAyBDqD;AAAAA,IAiFCC;AAAAA,EAAAA,GAWH,GAAiBrJ,SAAAyE,GAAAzE,SAAAgF,GAAAhF,SAAAiF,GAAAjF,SAAAkF,GAAAlF,SAAAmF,GAAAnF,SAAAoF,GAAApF,SAAAqF,GAAArF,SAAAsF,GAAAtF,SAAAuF,GAAAvF,SAAAwF,GAAAxF,SAAAyF,GAAAzF,SAAA0F,GAAA1F,SAAA2F,GAAA3F,SAAA4F,GAAA5F,SAAA6F,GAAA7F,SAAA8F,GAAA9F,SAAA+F,GAAA/F,SAAAoJ,GAAApJ,SAAAqJ,GAAArJ,SAAAyJ,MAAAA,KAAAzJ,EAAA,GAAA,GApKjByJ;AAoKiB;AAjOd,SAAAjC,GAAAkC,GAAA;AAAA,SA8F4B5B,MAAMhF;AAAS;AA9F3C,SAAAyE,GAAAoC,GAAA;AAAA,SA6F6C7B,MAAMhF;AAAS;AA7F5D,SAAAwE,GAAAsC,GAAA;AAAA,SA6FyB9B,EAAC5H;AAAK;AA7F/B,SAAAkH,GAAAyC,GAAA;AAAA,SA4F2C/B,MAAMhF;AAAS;AA5F1D,SAAAoE,GAAA4C,GAAA;AAAA,SA4FuBhC,EAAC5H;AAAK;AA5F7B,SAAA6D,GAAA+D,GAAA;AAAA,SAyCgCA,EAACnB;AAAM;"}
+{"version":3,"file":"UnitChart.js","sources":["../src/Components/Graphs/UnitChart/index.tsx"],"sourcesContent":["import { useRef } from 'react';\r\nimport sum from 'lodash.sum';\r\nimport { H2, P } from '@undp/design-system-react/Typography';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport {\r\n  UnitChartDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: UnitChartDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Note with h2 tag just above the graph. Can be used to highlight text */\r\n  note?: string;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Colors of the highlighted circles */\r\n  colors?: string[];\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Size of the visualization */\r\n  size?: number;\r\n  /** No. of dots in a single row */\r\n  gridSize?: number;\r\n  /** Spacing between 2 dots */\r\n  unitPadding?: number;\r\n  /** Total no. of dot that are rendered in the chart */\r\n  totalNoOfDots?: number;\r\n  /** Toggle visibility of stroke for the unfilled dots */\r\n  showStrokeForWhiteDots?: boolean;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Toggle visibility of color scale */\r\n  showColorScale?: boolean;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n  /** Locale for number formatting. Must matches what `Intl.NumberFormat` expects. */\r\n  locale?: string;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function UnitChart(props: Props) {\r\n  const {\r\n    data,\r\n    size = 200,\r\n    graphTitle,\r\n    sources,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    graphDescription,\r\n    totalNoOfDots = 100,\r\n    unitPadding = 3,\r\n    gridSize = 10,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    graphDownload = false,\r\n    language = 'en',\r\n    showColorScale = true,\r\n    showStrokeForWhiteDots = true,\r\n    note,\r\n    dataDownload = false,\r\n    theme = 'light',\r\n    width,\r\n    height,\r\n    minHeight = 0,\r\n    relativeHeight,\r\n    ariaLabel,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    precision = 2,\r\n    locale,\r\n    naLabel = 'NA',\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const animateValue =\r\n    animate === true\r\n      ? { duration: 0.5, once: true, amount: 0.5 }\r\n      : animate || { duration: 0, once: true, amount: 0 };\r\n  const isInView = useInView(svgRef, {\r\n    once: animateValue.once,\r\n    amount: animateValue.amount,\r\n  });\r\n  const totalValue = sum(data.map(d => d.value));\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const gridDimension = size / gridSize;\r\n  const radius = (gridDimension - unitPadding * 2) / 2;\r\n  if (radius <= 0) {\r\n    console.error(\r\n      'The size of single unit is less than or equal to zero. Check values for ((dimension / gridSize) - (padding * 2)) / 2 is not less than or equal to 0.',\r\n    );\r\n    return null;\r\n  }\r\n\r\n  const cellsData: { color: string }[] = [];\r\n  data.forEach((item, index) => {\r\n    const count = Math.round((item.value / totalValue) * totalNoOfDots);\r\n    for (let i = 0; i < count; i += 1) {\r\n      cellsData.push({ color: colors[index] });\r\n    }\r\n  });\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {note ? (\r\n        <H2\r\n          marginBottom='2xs'\r\n          className='text-primary-gray-700 dark:text-primary-gray-100 font-bold'\r\n          style={{ width: width ? `${width}px` : '100%' }}\r\n        >\r\n          {note}\r\n        </H2>\r\n      ) : null}\r\n      {showColorScale ? (\r\n        <div\r\n          className='mb-4 leading-0'\r\n          style={{ width: width ? `${width}px` : '100%' }}\r\n          aria-label='Color legend'\r\n        >\r\n          <div className='flex mb-0 flex-wrap gap-x-4 gap-y-1'>\r\n            {data.map((d, i) => (\r\n              <div className='flex gap-2 items-center' key={i}>\r\n                <div className='w-3 h-3 rounded-full' style={{ backgroundColor: colors[i] }} />\r\n                <P\r\n                  marginBottom='none'\r\n                  size='sm'\r\n                  className='text-primary-gray-700 dark:text-primary-gray-100'\r\n                >\r\n                  {d.label}:{' '}\r\n                  <span className='font-bold'>\r\n                    {numberFormattingFunction(\r\n                      d.value,\r\n                      naLabel,\r\n                      precision,\r\n                      undefined,\r\n                      undefined,\r\n                      locale || language,\r\n                    )}\r\n                  </span>\r\n                </P>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </div>\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        <svg\r\n          width={`${width || size}px`}\r\n          height={`${Math.max(\r\n            minHeight,\r\n            height\r\n              ? relativeHeight && width\r\n                ? minHeight\r\n                  ? width * relativeHeight > minHeight\r\n                    ? width * relativeHeight\r\n                    : minHeight\r\n                  : width * relativeHeight\r\n                : height\r\n              : Math.floor((totalNoOfDots - 1) / gridSize) * gridDimension +\r\n                  gridDimension / 2 +\r\n                  radius +\r\n                  5,\r\n          )}px`}\r\n          ref={svgRef}\r\n          direction='ltr'\r\n          viewBox={`0 0 ${width || size} ${Math.max(\r\n            minHeight,\r\n            height\r\n              ? relativeHeight && width\r\n                ? minHeight\r\n                  ? width * relativeHeight > minHeight\r\n                    ? width * relativeHeight\r\n                    : minHeight\r\n                  : width * relativeHeight\r\n                : height\r\n              : Math.floor((totalNoOfDots - 1) / gridSize) * gridDimension +\r\n                  gridDimension / 2 +\r\n                  radius +\r\n                  5,\r\n          )}`}\r\n        >\r\n          <AnimatePresence>\r\n            <g>\r\n              {cellsData.map((d, i) => (\r\n                <motion.circle\r\n                  key={i}\r\n                  style={{\r\n                    strokeWidth: 1,\r\n                  }}\r\n                  variants={{\r\n                    initial: {\r\n                      fill: '#fff',\r\n                      opacity: 0,\r\n                      ...(!showStrokeForWhiteDots ? { stroke: d.color } : {}),\r\n                      strokeWidth: 1,\r\n                    },\r\n                    whileInView: {\r\n                      fill: d.color,\r\n                      opacity: 1,\r\n                      ...(!showStrokeForWhiteDots ? { stroke: d.color } : {}),\r\n                      strokeWidth: 1,\r\n                      cx: (i % gridSize) * gridDimension + gridDimension / 2,\r\n                      cy: Math.floor(i / gridSize) * gridDimension + gridDimension / 2,\r\n                      transition: {\r\n                        duration: 0,\r\n                        delay: (animateValue.duration / cellsData.length) * i,\r\n                      },\r\n                    },\r\n                  }}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  className={\r\n                    (d.color.toLowerCase() === '#fff' ||\r\n                      d.color.toLowerCase() === '#ffffff' ||\r\n                      d.color.toLowerCase() === 'white') &&\r\n                    showStrokeForWhiteDots\r\n                      ? 'stroke-primary-gray-400 dark:stroke-primary-gray-500'\r\n                      : ''\r\n                  }\r\n                  r={radius}\r\n                />\r\n              ))}\r\n            </g>\r\n          </AnimatePresence>\r\n        </svg>\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{\r\n            footnote: styles?.footnote,\r\n            source: styles?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["UnitChart","props","$","_c","data","size","t0","graphTitle","sources","colors","t1","graphDescription","totalNoOfDots","t2","unitPadding","t3","gridSize","t4","footNote","padding","backgroundColor","t5","graphID","graphDownload","t6","language","t7","showColorScale","t8","showStrokeForWhiteDots","t9","note","dataDownload","t10","theme","t11","width","height","minHeight","t12","relativeHeight","ariaLabel","styles","classNames","animate","t13","precision","t14","locale","naLabel","t15","undefined","Colors","light","categoricalColors","svgRef","useRef","t16","duration","once","amount","animateValue","t17","isInView","useInView","t18","sum","map","_temp","totalValue","graphParentDiv","graphDiv","gridDimension","radius","console","error","T0","T1","T2","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","t30","t31","t32","t33","t34","t35","t36","t37","t38","t39","t40","t41","description","graphContainer","title","cellsData","forEach","item","index","count","Math","round","value","i","push","color","GraphContainer","jsx","GraphHeader","_temp2","filter","_temp3","length","_temp4","_temp5","_temp6","H2","d_5","i_0","jsxs","P","d","label","numberFormattingFunction","GraphArea","max","floor","AnimatePresence","d_6","i_1","strokeWidth","initial","fill","opacity","stroke","whileInView","cx","cy","transition","delay","toLowerCase","t42","t43","t44","t45","footnote","source","GraphFooter","t46","d_2","d_1","d_0","d_4","d_3"],"mappings":";;;;;;;;;;;;AA+FO,SAAAA,GAAAC,GAAA;AAAA,QAAAC,IAAAC,GAAAA,EAAA,GAAA,GACL;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,MAAAC;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,QAAAC;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAC,eAAAC;AAAAA,IAAAC,aAAAC;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,iBAAAC;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,eAAAC;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,gBAAAC;AAAAA,IAAAC,wBAAAC;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,cAAAC;AAAAA,IAAAC,OAAAC;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,WAAAC;AAAAA,IAAAC,gBAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,SAAAC;AAAAA,IAAAC,WAAAC;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAC;AAAAA,EAAAA,IAgCIjD,GA9BFI,IAAAC,OAAA6C,SAAA,MAAA7C,IAGAG,IAAAC,OAAAyC,SAASC,GAAMC,MAAMC,kBAAkB7C,SAAvCC,IAEAE,KAAAC,OAAAsC,SAAA,MAAAtC,IACAC,KAAAC,OAAAoC,SAAA,IAAApC,IACAC,IAAAC,OAAAkC,SAAA,KAAAlC,IAGAG,KAAAC,OAAA8B,SAAA,KAAA9B,IAEAE,IAAAC,OAAA2B,SAAA,KAAA3B,IACAC,IAAAC,OAAAyB,SAAA,OAAAzB,IACAC,KAAAC,OAAAuB,SAAA,KAAAvB,IACAC,KAAAC,OAAAqB,SAAA,KAAArB,IAEAE,KAAAC,OAAAkB,SAAA,KAAAlB,IACAC,KAAAC,OAAAgB,SAAA,UAAAhB,IAGAG,IAAAC,OAAAY,SAAA,IAAAZ,IAKAK,KAAAC,OAAAM,SAAA,KAAAN,IACAC,KAAAC,OAAAI,SAAA,IAAAJ,IAEAE,KAAAC,OAAAC,SAAA,OAAAD,IAEFK,KAAeC,GAAO,IAAI;AAAE,MAAAC;AAAA,EAAAvD,SAAA0C,MAE1Ba,KAAAb,OAAY,KAAZ;AAAA,IAAAc,UACgB;AAAA,IAAGC,MAAQ;AAAA,IAAIC,QAAU;AAAA,EAAA,IACrChB,MAAA;AAAA,IAAAc,UAAuB;AAAA,IAACC,MAAQ;AAAA,IAAIC,QAAU;AAAA,EAAA,GAAG1D,OAAA0C,IAAA1C,OAAAuD,MAAAA,KAAAvD,EAAA,CAAA;AAHvD,QAAA2D,IACEJ;AAEsD,MAAAK;AAAA,EAAA5D,EAAA,CAAA,MAAA2D,EAAAD,UAAA1D,EAAA,CAAA,MAAA2D,EAAAF,QACrBG,KAAA;AAAA,IAAAH,MAC3BE,EAAYF;AAAAA,IAAKC,QACfC,EAAYD;AAAAA,EAAAA,GACrB1D,EAAA,CAAA,IAAA2D,EAAAD,QAAA1D,EAAA,CAAA,IAAA2D,EAAAF,MAAAzD,OAAA4D,MAAAA,KAAA5D,EAAA,CAAA;AAHD,QAAA6D,KAAiBC,GAAUT,IAAQO,EAGlC;AAAE,MAAAG;AAAA,EAAA/D,SAAAE,KACgB6D,KAAAC,GAAI9D,EAAI+D,IAAKC,EAAY,CAAC,GAAClE,OAAAE,GAAAF,OAAA+D,MAAAA,KAAA/D,EAAA,CAAA;AAA9C,QAAAmE,KAAmBJ,IACnBK,KAAuBd,GAAuB,IAAI,GAClDe,KAAiBf,GAAuB,IAAI,GAC5CgB,IAAsBnE,IAAOW,GAC7ByD,KAAgBD,IAAgB1D,KAAc,KAAK;AACnD,MAAI2D,KAAU;AACZC,mBAAOC,MACL,sJACF,GACO;AACR,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,MAAAnG,EAAA,CAAA,MAAA2D,EAAAH,YAAAxD,EAAA,CAAA,MAAAuC,MAAAvC,EAAA,CAAA,MAAAkB,MAAAlB,UAAAyC,GAAA2D,eAAApG,EAAA,EAAA,MAAAyC,GAAA4D,kBAAArG,EAAA,EAAA,MAAAyC,GAAA6D,SAAAtG,EAAA,EAAA,MAAAO,KAAAP,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAA8B,MAAA9B,UAAAS,KAAAT,EAAA,EAAA,MAAAqB,KAAArB,EAAA,EAAA,MAAAoB,MAAApB,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAsE,KAAAtE,UAAAc,KAAAd,EAAA,EAAA,MAAAmC,KAAAnC,EAAA,EAAA,MAAA6D,MAAA7D,EAAA,EAAA,MAAAuB,KAAAvB,EAAA,EAAA,MAAA8C,KAAA9C,UAAAoC,KAAApC,EAAA,EAAA,MAAA+C,MAAA/C,EAAA,EAAA,MAAA6B,KAAA7B,EAAA,EAAA,MAAAiB,MAAAjB,EAAA,EAAA,MAAA4C,MAAA5C,UAAAuE,KAAAvE,EAAA,EAAA,MAAAsC,KAAAtC,EAAA,EAAA,MAAAyB,MAAAzB,EAAA,EAAA,MAAA2B,MAAA3B,EAAA,EAAA,MAAAG,KAAAH,UAAAwC,GAAA4D,eAAApG,EAAA,EAAA,MAAAwC,GAAA6D,kBAAArG,EAAA,EAAA,MAAAwC,GAAA8D,SAAAtG,EAAA,EAAA,MAAAgC,MAAAhC,EAAA,EAAA,MAAAU,MAAAV,EAAA,EAAA,MAAAmE,MAAAnE,UAAAkC,GAAA;AAED,UAAAqE,KAAuC,CAAA;AACvCrG,IAAAA,EAAIsG,QAAS,CAAAC,GAAAC,MAAA;AACX,YAAAC,KAAcC,KAAIC,MAAQJ,EAAIK,QAAS3C,KAAczD,EAAa;AAClE,eAAAqG,KAAa,GAAGA,KAAIJ,IAApBI,KAA2BA,KAAK,GAALA;AACzBR,QAAAA,GAASS,KAAM;AAAA,UAAAC,OAAS1G,EAAOmG,CAAK;AAAA,QAAA,CAAG;AAAA,IACxC,CACF,GAEE9B,IAAAsC,IACY/B,IAAA1C,GAAU4D,gBACdjB,IAAA5C,GAAM6D,gBACTjF,IAAAA,IACCgD,IAAAA,IACO7B,IAAAA,IACKrB,IAAAA,IACVc,IAAAA,IACGT,IAAAA,GACCa,IAAAA,GACJF,IAAAA,GACCC,IAAAA,GACQG,IAAAA,GACPrB,IAAAA,IAAOjB,UAAAyC,GAAA2D,eAAApG,UAAAyC,GAAA6D,SAAAtG,UAAAE,KAAAF,EAAA,EAAA,MAAA8B,MAAA9B,EAAA,EAAA,MAAAS,KAAAT,EAAA,EAAA,MAAAqB,KAAArB,UAAAK,KAAAL,EAAA,EAAA,MAAAwC,GAAA4D,eAAApG,EAAA,EAAA,MAAAwC,GAAA8D,SAAAtG,EAAA,EAAA,MAAAkC,KAEf8D,IAAA3F,KAAAI,KAAAY,IACC8F,gBAAAA,EAAAA,IAACC,MACS,QAAA;AAAA,MAAAd,OACC9D,GAAM8D;AAAAA,MAAOF,aACP5D,GAAM4D;AAAAA,IAAAA,GAET,YAAA;AAAA,MAAAE,OACH7D,GAAU6D;AAAAA,MAAOF,aACX3D,GAAU2D;AAAAA,IAAAA,GAEb/F,YAAAA,GACMI,kBAAAA,GACXyB,OAAAA,GACQ,eAAAb,IAAA+C,KAAAnB,QAEb,cAAAnB,KACI5B,EAAI+D,IAAKoD,EAAW,EAACC,OAAQC,EAAoB,EAACC,SAAU,IAC1DtH,EAAI+D,IAAKwD,EAAW,EAACH,OAAQI,EACG,IAAhCxH,EAAIoH,OAAQK,EAAoB,IAHtC,MAIQ,IAnBb,MAsBO3H,EAAA,EAAA,IAAAyC,GAAA2D,aAAApG,EAAA,EAAA,IAAAyC,GAAA6D,OAAAtG,QAAAE,GAAAF,QAAA8B,IAAA9B,QAAAS,GAAAT,QAAAqB,GAAArB,QAAAK,GAAAL,EAAA,EAAA,IAAAwC,GAAA4D,aAAApG,EAAA,EAAA,IAAAwC,GAAA8D,OAAAtG,QAAAkC,GAAAlC,QAAAgG,KAAAA,IAAAhG,EAAA,EAAA,GAAAA,EAAA,EAAA,MAAA6B,KAAA7B,UAAAkC,KACP+D,IAAApE,IACCsF,gBAAAA,EAAAA,IAACS,IAAA,EACc,cAAA,OACH,WAAA,8DACH,OAAA;AAAA,MAAA1F,OAASA,IAAA,GAAWA,CAAK,OAAhB;AAAA,IAAA,GAEfL,aACH,IAPD,MAQO7B,QAAA6B,GAAA7B,QAAAkC,GAAAlC,QAAAiG,KAAAA,IAAAjG,EAAA,EAAA,GAAAA,EAAA,EAAA,MAAAO,KAAAP,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAuB,KAAAvB,EAAA,EAAA,MAAA8C,KAAA9C,EAAA,EAAA,MAAA+C,MAAA/C,EAAA,EAAA,MAAA4C,MAAA5C,EAAA,EAAA,MAAAyB,MAAAzB,UAAAkC,KACPgE,IAAAzE,KACC0F,gBAAAA,MAAA,OAAA,EACY,WAAA,kBACH,OAAA;AAAA,MAAAjF,OAASA,IAAA,GAAWA,CAAK,OAAhB;AAAA,IAAA,GACL,cAAA,gBAEX,UAAAiF,gBAAAA,EAAAA,aAAe,WAAA,uCACZjH,UAAAA,EAAI+D,IAAK,CAAA4D,GAAAC,MACRC,gBAAAA,EAAAA,cAAe,WAAA,2BACb,UAAA;AAAA,MAAAZ,gBAAAA,EAAAA,aAAe,WAAA,wBAA8B,OAAA;AAAA,QAAAjG,iBAAmBX,EAAOwG,CAAC;AAAA,MAAA,GAAG;AAAA,6BAC1EiB,IAAA,EACc,cAAA,QACR,MAAA,MACK,WAAA,oDAETC,UAAAA;AAAAA,QAAAA,EAACC;AAAAA,QAAO;AAAA,QAAE;AAAA,QACXf,gBAAAA,EAAAA,IAAA,QAAA,EAAgB,WAAA,aACbgB,UAAAA,GACCF,EAACnB,OACD/D,IACAH,IACAK,QACAA,QACAH,KAAAvB,CACF,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,GAlB4CwF,CAmB9C,CACD,GACH,EAAA,CACF,IA9BD,MA+BO/G,QAAAO,GAAAP,QAAAE,GAAAF,QAAAuB,GAAAvB,QAAA8C,GAAA9C,QAAA+C,IAAA/C,QAAA4C,IAAA5C,QAAAyB,IAAAzB,QAAAkC,GAAAlC,QAAAkG,KAAAA,IAAAlG,EAAA,EAAA,GACP2E,IAAAyD,IAAe/D,IAAAA,IAELQ,IAAA,GAAG3C,KAAA/B,CAAa,MACf2E,IAAA,GAAG8B,KAAIyB,IACbjG,GACAD,IACIG,KAAAJ,IACEE,IACEF,IAAQI,IAAiBF,IACvBF,IAAQI,IADVF,IAGAF,IAAQI,IALZH,IAOAyE,KAAI0B,OAAQ5H,KAAgB,KAAKI,CAAQ,IAAIwD,IAC3CA,IAAgB,IAChBC,IACA,CACR,CAAC,MACIlB,IAAAA,IACK2B,IAAA,OACDC,IAAA,OAAO/C,KAAA/B,CAAa,IAAIyG,KAAIyB,IACnCjG,GACAD,IACIG,KAAAJ,IACEE,IACEF,IAAQI,IAAiBF,IACvBF,IAAQI,IADVF,IAGAF,IAAQI,IALZH,IAOAyE,KAAI0B,OAAQ5H,KAAgB,KAAKI,CAAQ,IAAIwD,IAC3CA,IAAgB,IAChBC,IACA,CACR,CAAC,IAEAG,IAAA6D,IACCpC,iCACGI,UAAAA,GAAStC,IAAK,CAAAuE,GAAAC,MACbtB,gBAAAA,EAAAA,iBAES,OAAA;AAAA,MAAAuB,aACQ;AAAA,IAAA,GAEL,UAAA;AAAA,MAAAC,SACC;AAAA,QAAAC,MACD;AAAA,QAAMC,SACH;AAAA,QAAC,GACLlH,KAAD,CAAA,IAAA;AAAA,UAAAmH,QAAoCb,EAAChB;AAAAA,QAAAA;AAAAA,QAAayB,aACzC;AAAA,MAAA;AAAA,MACdK,aACY;AAAA,QAAAH,MACLX,EAAChB;AAAAA,QAAM4B,SACJ;AAAA,QAAC,GACLlH,KAAD,CAAA,IAAA;AAAA,UAAAmH,QAAoCb,EAAChB;AAAAA,QAAAA;AAAAA,QAAayB,aACzC;AAAA,QAACM,IACTjC,IAAIjG,IAAYwD,IAAgBA,IAAgB;AAAA,QAAC2E,IAClDrC,KAAI0B,MAAOvB,IAAIjG,CAAQ,IAAIwD,IAAgBA,IAAgB;AAAA,QAAC4E,YACpD;AAAA,UAAA1F,UACA;AAAA,UAAC2F,OACHxF,EAAYH,WAAY+C,GAASiB,SAAWT;AAAAA,QAAAA;AAAAA,MACtD;AAAA,IACF,GAEM,SAAA,WACC,SAAAlD,KAAA,gBAAA,WAEP,YAACoE,EAAChB,MAAMmC,YAAAA,MAAmB,UACzBnB,EAAChB,MAAMmC,YAAAA,MAAmB,aAC1BnB,EAAChB,MAAMmC,YAAAA,MAAmB,YAF5BzH,KAAA,yDAAA,IAOC4C,GAAAA,EAAAA,IAAM,CAEZ,EAAA,CACH,GAAIvE,EAAA,CAAA,IAAA2D,EAAAH,UAAAxD,OAAAuC,IAAAvC,OAAAkB,IAAAlB,EAAA,EAAA,IAAAyC,GAAA2D,aAAApG,EAAA,EAAA,IAAAyC,GAAA4D,gBAAArG,EAAA,EAAA,IAAAyC,GAAA6D,OAAAtG,QAAAO,GAAAP,QAAAE,GAAAF,QAAA8B,IAAA9B,QAAAS,GAAAT,QAAAqB,GAAArB,QAAAoB,IAAApB,QAAAK,GAAAL,QAAAsE,GAAAtE,QAAAc,GAAAd,QAAAmC,GAAAnC,QAAA6D,IAAA7D,QAAAuB,GAAAvB,QAAA8C,GAAA9C,QAAAoC,GAAApC,QAAA+C,IAAA/C,QAAA6B,GAAA7B,QAAAiB,IAAAjB,QAAA4C,IAAA5C,QAAAuE,GAAAvE,QAAAsC,GAAAtC,QAAAyB,IAAAzB,QAAA2B,IAAA3B,QAAAG,GAAAH,EAAA,EAAA,IAAAwC,GAAA4D,aAAApG,EAAA,EAAA,IAAAwC,GAAA6D,gBAAArG,EAAA,EAAA,IAAAwC,GAAA8D,OAAAtG,QAAAgC,IAAAhC,QAAAU,IAAAV,QAAAmE,IAAAnE,QAAAkC,GAAAlC,QAAA0E,GAAA1E,QAAA2E,GAAA3E,QAAA4E,GAAA5E,QAAA6E,GAAA7E,QAAA8E,GAAA9E,QAAA+E,GAAA/E,QAAAgF,GAAAhF,QAAAiF,GAAAjF,QAAAkF,GAAAlF,QAAAmF,GAAAnF,QAAAoF,GAAApF,QAAAqF,GAAArF,QAAAsF,GAAAtF,QAAAuF,GAAAvF,QAAAwF,GAAAxF,QAAAyF,GAAAzF,QAAA0F,GAAA1F,QAAA2F,GAAA3F,QAAA4F,GAAA5F,QAAA6F,GAAA7F,QAAA8F,GAAA9F,QAAA+F,GAAA/F,QAAAgG,GAAAhG,QAAAiG,GAAAjG,QAAAkG,GAAAlG,QAAAmG;AAAAA,EAAA;AAAAzB,IAAAA,IAAA1E,EAAA,EAAA,GAAA2E,IAAA3E,EAAA,EAAA,GAAA4E,IAAA5E,EAAA,EAAA,GAAA6E,IAAA7E,EAAA,EAAA,GAAA8E,IAAA9E,EAAA,EAAA,GAAA+E,IAAA/E,EAAA,EAAA,GAAAgF,IAAAhF,EAAA,EAAA,GAAAiF,IAAAjF,EAAA,EAAA,GAAAkF,IAAAlF,EAAA,EAAA,GAAAmF,IAAAnF,EAAA,EAAA,GAAAoF,IAAApF,EAAA,EAAA,GAAAqF,IAAArF,EAAA,EAAA,GAAAsF,IAAAtF,EAAA,EAAA,GAAAuF,IAAAvF,EAAA,EAAA,GAAAwF,IAAAxF,EAAA,EAAA,GAAAyF,IAAAzF,EAAA,EAAA,GAAA0F,IAAA1F,EAAA,EAAA,GAAA2F,IAAA3F,EAAA,EAAA,GAAA4F,IAAA5F,EAAA,EAAA,GAAA6F,IAAA7F,EAAA,EAAA,GAAA8F,IAAA9F,EAAA,EAAA,GAAA+F,IAAA/F,EAAA,EAAA,GAAAgG,IAAAhG,EAAA,EAAA,GAAAiG,IAAAjG,EAAA,EAAA,GAAAkG,IAAAlG,EAAA,EAAA,GAAAmG,IAAAnG,EAAA,EAAA;AAAA,MAAAqJ;AAAA,EAAArJ,EAAA,EAAA,MAAA0E,KAAA1E,UAAAmG,KAzCNkD,IAAAlC,gBAAAA,EAAAA,IAACzC,KACCyB,UAAAA,EAAAA,CAyCF,GAAkBnG,QAAA0E,GAAA1E,QAAAmG,GAAAnG,QAAAqJ,KAAAA,IAAArJ,EAAA,EAAA;AAAA,MAAAsJ;AAAA,EAAAtJ,UAAA6E,KAAA7E,EAAA,EAAA,MAAA8E,KAAA9E,EAAA,EAAA,MAAA+E,KAAA/E,EAAA,EAAA,MAAAgF,KAAAhF,UAAAiF,KAAAjF,EAAA,GAAA,MAAAqJ,KA7EpBC,IAAAnC,gBAAAA,EAAAA,IAAA,OAAA,EACS,OAAAtC,GACC,QAAAC,GAeHzB,KAAAA,GACK,WAAA2B,GACD,SAAAC,GAgBToE,UAAAA,GA2CF,GAAMrJ,QAAA6E,GAAA7E,QAAA8E,GAAA9E,QAAA+E,GAAA/E,QAAAgF,GAAAhF,QAAAiF,GAAAjF,SAAAqJ,GAAArJ,SAAAsJ,KAAAA,IAAAtJ,EAAA,GAAA;AAAA,MAAAuJ;AAAA,EAAAvJ,EAAA,GAAA,MAAA2E,KAAA3E,WAAAkF,KAAAlF,EAAA,GAAA,MAAAsJ,KA/ERC,IAAApC,gBAAAA,EAAAA,IAACxC,GAAA,EAAeN,KAAAA,GACdiF,UAAAA,GA+EF,GAAYtJ,SAAA2E,GAAA3E,SAAAkF,GAAAlF,SAAAsJ,GAAAtJ,SAAAuJ,KAAAA,IAAAvJ,EAAA,GAAA;AAAA,MAAAwJ;AAAA,EAAAxJ,WAAAgB,MAAAhB,EAAA,GAAA,MAAAM,MAAAN,EAAA,GAAA,MAAAwC,GAAAiH,YAAAzJ,EAAA,GAAA,MAAAwC,GAAAkH,UAAA1J,EAAA,GAAA,MAAAkC,KACXsH,IAAAlJ,MAAAU,KACCmG,gBAAAA,EAAAA,IAACwC,IAAA,EACS,QAAA;AAAA,IAAAF,UACIjH,GAAMiH;AAAAA,IAAUC,QAClBlH,GAAMkH;AAAAA,EAAAA,GAEPpJ,SAAAA,IACCU,UAAAA,IACHkB,OAAAA,EAAAA,CAAK,IARf,MAUOlC,SAAAgB,IAAAhB,SAAAM,IAAAN,EAAA,GAAA,IAAAwC,GAAAiH,UAAAzJ,EAAA,GAAA,IAAAwC,GAAAkH,QAAA1J,SAAAkC,GAAAlC,SAAAwJ,KAAAA,IAAAxJ,EAAA,GAAA;AAAA,MAAA4J;AAAA,SAAA5J,EAAA,GAAA,MAAA4E,KAAA5E,EAAA,GAAA,MAAAmF,KAAAnF,WAAAoF,KAAApF,EAAA,GAAA,MAAAqF,KAAArF,EAAA,GAAA,MAAAsF,KAAAtF,EAAA,GAAA,MAAAuF,KAAAvF,EAAA,GAAA,MAAAwF,KAAAxF,WAAAyF,KAAAzF,EAAA,GAAA,MAAA0F,KAAA1F,EAAA,GAAA,MAAA2F,KAAA3F,EAAA,GAAA,MAAA4F,KAAA5F,EAAA,GAAA,MAAA6F,KAAA7F,EAAA,GAAA,MAAA8F,KAAA9F,WAAA+F,KAAA/F,EAAA,GAAA,MAAAgG,KAAAhG,EAAA,GAAA,MAAAiG,KAAAjG,EAAA,GAAA,MAAAkG,KAAAlG,EAAA,GAAA,MAAAuJ,KAAAvJ,WAAAwJ,KA1KVI,4BAAChF,GAAA,EACY,WAAAO,GACJ,OAAAC,GACHhE,OACCgD,QACO7B,cAAAA,GACKrB,iBAAAA,GACVc,UACGT,UAAAA,GACCa,WAAAA,GACJF,OAAAA,GACCC,WACQG,gBAAAA,GACPrB,SAAAA,GAER+E,UAAAA;AAAAA,IAAAA;AAAAA,IAuBAC;AAAAA,IASAC;AAAAA,IAgCDqD;AAAAA,IAiFCC;AAAAA,EAAAA,GAWH,GAAiBxJ,SAAA4E,GAAA5E,SAAAmF,GAAAnF,SAAAoF,GAAApF,SAAAqF,GAAArF,SAAAsF,GAAAtF,SAAAuF,GAAAvF,SAAAwF,GAAAxF,SAAAyF,GAAAzF,SAAA0F,GAAA1F,SAAA2F,GAAA3F,SAAA4F,GAAA5F,SAAA6F,GAAA7F,SAAA8F,GAAA9F,SAAA+F,GAAA/F,SAAAgG,GAAAhG,SAAAiG,GAAAjG,SAAAkG,GAAAlG,SAAAuJ,GAAAvJ,SAAAwJ,GAAAxJ,SAAA4J,MAAAA,KAAA5J,EAAA,GAAA,GA3KjB4J;AA2KiB;AA1Od,SAAAjC,GAAAkC,GAAA;AAAA,SAgG4B5B,MAAMhF;AAAS;AAhG3C,SAAAyE,GAAAoC,GAAA;AAAA,SA+F6C7B,MAAMhF;AAAS;AA/F5D,SAAAwE,GAAAsC,GAAA;AAAA,SA+FyB9B,EAAC/H;AAAK;AA/F/B,SAAAqH,GAAAyC,GAAA;AAAA,SA8F2C/B,MAAMhF;AAAS;AA9F1D,SAAAoE,GAAA4C,GAAA;AAAA,SA8FuBhC,EAAC/H;AAAK;AA9F7B,SAAAgE,GAAA+D,GAAA;AAAA,SA2CgCA,EAACnB;AAAM;"}

package/dist/WaterfallChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CHPV5EwG-6v2a2njQ.cjs"),M=require("react"),re=require("./index-DQA8q5sC.cjs"),oe=require("./numberFormattingFunction-02t-wJta.cjs"),le=require("./Tooltip-BLa2EfMs.cjs"),zt=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),yt=require("./Colors.cjs"),ae=require("./AxisTitle-DV4n0RxE.cjs"),ce=require("./Axis-Jt_tmhxS.cjs"),ue=require("./ReferenceLine-M9aP3dj-.cjs"),de=require("./YTicksAndGridLines-UzVC5eBM.cjs"),me=require("./XAxesLabels-C6o9jJal.cjs"),xe=require("./DetailsModal-DIRTulvr.cjs"),Pt=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),he=require("./linear-CgUCbw9F.cjs"),fe=require("./band-VYfcZeJ2.cjs"),ie=require("./proxy-C4-uo6nS.cjs"),ge=require("./use-in-view-C3o_ntMv.cjs"),pe=require("./index-CoobIWNj.cjs"),ve=require("./ColorLegendWithMouseOver.cjs"),be=require("./EmptyState-B4c-CrXs.cjs"),ne=require("./GraphContainer-B1EDxJ0S.cjs"),ye=require("./GraphFooter.cjs"),Ce=require("./GraphHeader.cjs"),se=require("./uniqBy-O05lp2S5.cjs");function we(i){let t=0,o=0,w=0;for(const x of i)t+=x||0,t>o&&(o=t),t<w&&(w=t);return{max:o,min:w}}function je(i){const t=s.compilerRuntimeExports.c(46),{leftMargin:o,rightMargin:w,topMargin:x,bottomMargin:Gt,data:h,width:Ct,height:S,barColor:f,suffix:wt,prefix:jt,barPadding:Qt,showLabels:Wt,showValues:d,showTicks:st,colorDomain:g,truncateBy:Ot,tooltip:T,onSeriesMouseOver:Et,refValues:Ft,selectedColor:V,maxValue:Mt,minValue:At,highlightedDataPoints:I,onSeriesMouseClick:Rt,labelOrder:v,maxBarThickness:kt,minBarThickness:Lt,detailsOnClick:N,barAxisTitle:rt,noOfTicks:Ht,styles:m,classNames:a,dimmedOpacity:A,animate:c,precision:Tt,customLayers:R,naLabel:Ut,hideAxisLine:Zt}=i,k=o===void 0?20:o,Nt=w===void 0?20:w,lt=x===void 0?20:x,P=Gt===void 0?25:Gt,qt=M.useRef(null);let z;t[0]!==c.amount||t[1]!==c.once?(z={once:c.once,amount:c.amount},t[0]=c.amount,t[1]=c.once,t[2]=z):z=t[2];const q=ge.useInView(qt,z),at=rt?k+30:k;let ct;t[3]!==P||t[4]!==Nt||t[5]!==at||t[6]!==lt?(ct={top:lt,bottom:P,left:at,right:Nt},t[3]=P,t[4]=Nt,t[5]=at,t[6]=lt,t[7]=ct):ct=t[7];const n=ct,{max:l,min:_t}=we(h.map(De)),Yt=zt.checkIfNullOrUndefined(Mt)?l:Mt,b=zt.checkIfNullOrUndefined(At)?_t:At,[ut,G]=M.useState(void 0),[W,F]=M.useState(void 0),[H,dt]=M.useState(void 0),[U,mt]=M.useState(void 0),L=Ct-n.left-n.right,$t=S-n.top-n.bottom;let $;if(t[8]!==h||t[9]!==v){const e=new Set,O=h.map((ot,nt)=>{const D=v?`${ot.label}`:`${nt}`;return e.add(D),{...ot,id:D}}),E=v?v.filter(ot=>!e.has(ot)):[];$=[...O,...E.map(Be)],t[8]=h,t[9]=v,t[10]=$}else $=t[10];const Y=$;let X;t[11]!==Y||t[12]!==v?(X=v??Y.map($e),t[11]=Y,t[12]=v,t[13]=X):X=t[13];const xt=X,r=he.linear().domain([b,Yt]).range([$t,0]).nice(),u=fe.band().domain(xt).range([0,Lt?Math.max(L,Lt*xt.length):kt?Math.min(L,kt*xt.length):L]).paddingInner(Qt),ht=r.ticks(Ht);let y=0;const Xt=Y.map(e=>{const O=y;return y=y+(e.size||0),{...e,start:O,end:y}}),ft=a?.xAxis?.axis,p=a?.yAxis?.labels;let J;t[14]!==p||t[15]!==ft?(J={axis:ft,label:p},t[14]=p,t[15]=ft,t[16]=J):J=t[16];const j=m?.xAxis?.axis,K=m?.yAxis?.labels;let Q;t[17]!==j||t[18]!==K?(Q={axis:j,label:K},t[17]=j,t[18]=K,t[19]=Q):Q=t[19];const gt=0-k-15,Z=$t/2,pt=m?.yAxis?.title,vt=a?.yAxis?.title;let _;t[20]!==rt||t[21]!==gt||t[22]!==Z||t[23]!==pt||t[24]!==vt?(_=s.jsxRuntimeExports.jsx(ae.AxisTitle,{x:gt,y:Z,style:pt,className:vt,text:rt,rotate90:!0}),t[20]=rt,t[21]=gt,t[22]=Z,t[23]=pt,t[24]=vt,t[25]=_):_=t[25];let B;t[26]!==R?(B=R.filter(Te).map(Le),t[26]=R,t[27]=B):B=t[27];const Jt=pe.AnimatePresence,tt=Xt.map((e,O)=>zt.checkIfNullOrUndefined(u(e.id))?null:s.jsxRuntimeExports.jsxs(ie.motion.g,{className:"undp-viz-g-with-hover",initial:"initial",animate:q?"whileInView":"initial",variants:{initial:{opacity:V?e.color&&f[g.indexOf(e.color)]===V?1:A:I.length!==0?I.indexOf(e.label)!==-1?.85:A:.85},whileInView:{opacity:V?e.color&&f[g.indexOf(e.color)]===V?1:A:I.length!==0?I.indexOf(e.label)!==-1?.85:A:.85,transition:{duration:c.duration}}},exit:{opacity:0,transition:{duration:c.duration}},onMouseEnter:E=>{G(e),mt(E.clientY),dt(E.clientX),Et?.(e)},onClick:()=>{(Rt||N)&&(re.isEqual(W,e)?(F(void 0),Rt?.(void 0)):(F(e),Rt?.(e)))},onMouseMove:E=>{G(e),mt(E.clientY),dt(E.clientX)},onMouseLeave:()=>{G(void 0),dt(void 0),mt(void 0),Et?.(void 0)},children:[e.size?s.jsxRuntimeExports.jsx(ie.motion.rect,{width:u.bandwidth(),initial:"initial",animate:q?"whileInView":"initial",variants:{initial:{height:0,x:u(`${e.id}`),y:r(e.start),fill:h.filter(ke).length===0?f[0]:e.color?f[g.indexOf(e.color)]:yt.Colors.gray},whileInView:{height:Math.abs(r(e.start)-r(e.end)),y:r(Math.max(e.start,e.end)),x:u(`${e.id}`),fill:h.filter(Re).length===0?f[0]:e.color?f[g.indexOf(e.color)]:yt.Colors.gray,transition:{duration:c.duration}}},exit:{height:0,y:r(e.start),transition:{duration:c.duration}}}):null,Wt?s.jsxRuntimeExports.jsx(me.XAxesLabels,{value:`${e.label}`.length<Ot?`${e.label}`:`${`${e.label}`.substring(0,Ot)}...`,y:r(0)+5,x:u(`${e.id}`),width:u.bandwidth(),height:n.bottom,style:m?.xAxis?.labels,className:a?.xAxis?.labels,alignment:"top",animate:c,isInView:q}):null,d&&Math.abs(r(e.start)-r(e.end))>16?s.jsxRuntimeExports.jsx(ie.motion.text,{style:{textAnchor:"middle",...m?.graphObjectValues||{}},className:s.mo("graph-value text-sm",a?.graphObjectValues),dy:"0.33em",variants:{initial:{x:u(`${e.id}`)+u.bandwidth()/2,y:(r(e.start)+r(e.end))/2,opacity:0,fill:h.filter(Ae).length===0?Pt.getTextColorBasedOnBgColor(f[0]):e.color?Pt.getTextColorBasedOnBgColor(f[g.indexOf(e.color)]):Pt.getTextColorBasedOnBgColor(yt.Colors.gray)},whileInView:{x:u(`${e.id}`)+u.bandwidth()/2,y:(r(e.start)+r(e.end))/2,fill:h.filter(Me).length===0?Pt.getTextColorBasedOnBgColor(f[0]):e.color?Pt.getTextColorBasedOnBgColor(f[g.indexOf(e.color)]):Pt.getTextColorBasedOnBgColor(yt.Colors.gray),opacity:1,transition:{duration:c.duration}}},initial:"initial",animate:q?"whileInView":"initial",exit:{opacity:0,transition:{duration:c.duration}},children:oe.numberFormattingFunction(e.size?Math.abs(e.size):e.size,Ut,Tt,jt,wt)}):null]},e.label)),Kt=Ft?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:Ft.map((e,O)=>s.jsxRuntimeExports.jsx(ue.RefLineY,{text:e.text,color:e.color,y:r(e.value),x1:0-k,x2:L+n.right,classNames:e.classNames,styles:e.styles,animate:c,isInView:q},O))}):null;let et;t[28]!==Jt||t[29]!==tt||t[30]!==Kt?(et=s.jsxRuntimeExports.jsxs(Jt,{children:[tt,Kt]}),t[28]=Jt,t[29]=tt,t[30]=Kt,t[31]=et):et=t[31];let Bt;t[32]!==R?(Bt=R.filter(Ee).map(Oe),t[32]=R,t[33]=Bt):Bt=t[33];let it;t[34]!==a?.tooltip||t[35]!==H||t[36]!==U||t[37]!==ut||t[38]!==m?.tooltip||t[39]!==T?(it=ut&&T&&H&&U?s.jsxRuntimeExports.jsx(le.Tooltip,{data:ut,body:T,xPos:H,yPos:U,backgroundStyle:m?.tooltip,className:a?.tooltip}):null,t[34]=a?.tooltip,t[35]=H,t[36]=U,t[37]=ut,t[38]=m?.tooltip,t[39]=T,t[40]=it):it=t[40];let bt;return t[41]!==a?.modal||t[42]!==N||t[43]!==W||t[44]!==F?(bt=N&&W!==void 0?s.jsxRuntimeExports.jsx(xe.DetailsModal,{body:N,data:W,setData:F,className:a?.modal}):null,t[41]=a?.modal,t[42]=N,t[43]=W,t[44]=F,t[45]=bt):bt=t[45],s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(ie.motion.svg,{ref:qt,width:`${Ct}px`,height:`${S}px`,viewBox:`0 0 ${Ct} ${S}`,direction:"ltr",children:s.jsxRuntimeExports.jsxs("g",{transform:`translate(${n.left},${n.top})`,children:[s.jsxRuntimeExports.jsx(ce.Axis,{y1:r(b<0?0:b),y2:r(b<0?0:b),x1:0-k,x2:L+n.right,hideAxisLine:Zt,label:st?oe.numberFormattingFunction(b<0?0:b,Ut,Tt,jt,wt):void 0,labelPos:{x:0-k,dx:0,dy:Yt<0?"1em":-5,y:r(b<0?0:b)},classNames:J,styles:Q}),st?s.jsxRuntimeExports.jsx(de.YTicksAndGridLines,{values:ht.filter(qe),y:ht.filter(Ne).map(e=>r(e)),x1:0-k,x2:L+n.right,styles:{gridLines:m?.yAxis?.gridLines,labels:m?.yAxis?.labels},classNames:{gridLines:a?.yAxis?.gridLines,labels:a?.yAxis?.labels},suffix:wt,prefix:jt,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:Tt}):null,_,B,et,Bt]})}),it,bt]})}function Oe(i){return i.layer}function Ee(i){return i.position==="after"}function Me(i){return i.color}function Ae(i){return i.color}function Re(i){return i.color}function ke(i){return i.color}function Le(i){return i.layer}function Te(i){return i.position==="before"}function Ne(i){return i!==0}function qe(i){return i!==0}function $e(i){return`${i.id}`}function Be(i){return{id:i,label:i,color:null,size:null}}function De(i){return i.size}function Se(i){const t=s.compilerRuntimeExports.c(101),{data:o,graphTitle:w,colors:x,suffix:Gt,sources:h,prefix:Ct,graphDescription:S,barPadding:f,showValues:wt,showTicks:jt,truncateBy:Qt,height:Wt,width:d,footNote:st,colorDomain:g,colorLegendTitle:Ot,highlightedDataPoints:T,padding:Et,backgroundColor:Ft,topMargin:V,bottomMargin:Mt,leftMargin:At,rightMargin:I,showLabels:Rt,relativeHeight:v,tooltip:kt,onSeriesMouseOver:Lt,refValues:N,showColorScale:rt,graphID:Ht,maxValue:m,minValue:a,onSeriesMouseClick:A,graphDownload:c,dataDownload:Tt,labelOrder:R,language:Ut,showNAColor:Zt,minHeight:k,theme:Nt,maxBarThickness:lt,maxNumberOfBars:P,minBarThickness:qt,ariaLabel:z,detailsOnClick:q,barAxisTitle:at,noOfTicks:ct,styles:n,classNames:l,filterNA:_t,animate:Yt,dimmedOpacity:b,precision:ut,customLayers:G,naLabel:W,hideAxisLine:F}=i,H=Gt===void 0?"":Gt,dt=Ct===void 0?"":Ct,U=f===void 0?.25:f,mt=wt===void 0?!0:wt,L=jt===void 0?!0:jt,$t=Qt===void 0?999:Qt;let $;t[0]!==T?($=T===void 0?[]:T,t[0]=T,t[1]=$):$=t[1];const Y=$,X=Ft===void 0?!1:Ft,xt=Rt===void 0?!0:Rt,r=rt===void 0?!0:rt,u=c===void 0?!1:c,ht=Tt===void 0?!1:Tt,y=Ut===void 0?"en":Ut,Xt=Zt===void 0?!0:Zt,ft=k===void 0?0:k,p=Nt===void 0?"light":Nt,J=ct===void 0?5:ct,j=_t===void 0?!0:_t,K=Yt===void 0?!1:Yt,Q=b===void 0?.3:b,gt=ut===void 0?2:ut;let Z;t[2]!==G?(Z=G===void 0?[]:G,t[2]=G,t[3]=Z):Z=t[3];const pt=Z,vt=W===void 0?"NA":W,_=F===void 0?!1:F,[B,Jt]=M.useState(0),[tt,Kt]=M.useState(0),[et,Bt]=M.useState(void 0),it=M.useRef(null),bt=M.useRef(null);let e,O;t[4]===Symbol.for("react.memo_cache_sentinel")?(e=()=>{const C=new ResizeObserver(ee=>{Jt(ee[0].target.clientWidth||620),Kt(ee[0].target.clientHeight||480)});return it.current&&C.observe(it.current),()=>C.disconnect()},O=[],t[4]=e,t[5]=O):(e=t[4],O=t[5]),M.useEffect(e,O);const E=l?.graphContainer,ot=n?.graphContainer;let nt;t[6]!==l?.description||t[7]!==l?.title||t[8]!==o||t[9]!==ht||t[10]!==S||t[11]!==u||t[12]!==w||t[13]!==n?.description||t[14]!==n?.title||t[15]!==d?(nt=w||S||u||ht?s.jsxRuntimeExports.jsx(Ce.GraphHeader,{styles:{title:n?.title,description:n?.description},classNames:{title:l?.title,description:l?.description},graphTitle:w,graphDescription:S,width:d,graphDownload:u?bt:void 0,dataDownload:ht?o.map(He).filter(Fe).length>0?o.map(We).filter(Ge):o.filter(ze):null}):null,t[6]=l?.description,t[7]=l?.title,t[8]=o,t[9]=ht,t[10]=S,t[11]=u,t[12]=w,t[13]=n?.description,t[14]=n?.title,t[15]=d,t[16]=nt):nt=t[16];let D;t[17]!==l?.colorLegend||t[18]!==g||t[19]!==Ot||t[20]!==x||t[21]!==o||t[22]!==r||t[23]!==Xt||t[24]!==p||t[25]!==d?(D=r&&o.filter(Pe).length!==0&&o.length>0?s.jsxRuntimeExports.jsx(ve.ColorLegendWithMouseOver,{width:d,colorLegendTitle:Ot,colors:x||yt.Colors[p].categoricalColors.colors,colorDomain:g||se.uniqBy(o,"color",!0),setSelectedColor:Bt,showNAColor:Xt,className:l?.colorLegend}):null,t[17]=l?.colorLegend,t[18]=g,t[19]=Ot,t[20]=x,t[21]=o,t[22]=r,t[23]=Xt,t[24]=p,t[25]=d,t[26]=D):D=t[26];let Dt;t[27]!==o||t[28]!==j?(Dt=o.filter(C=>j?!zt.checkIfNullOrUndefined(C.size):C).length===0&&s.jsxRuntimeExports.jsx(be.EmptyState,{}),t[27]=o,t[28]=j,t[29]=Dt):Dt=t[29];let St;t[30]!==K||t[31]!==at||t[32]!==U||t[33]!==Mt||t[34]!==l||t[35]!==g||t[36]!==x||t[37]!==pt||t[38]!==o||t[39]!==q||t[40]!==Q||t[41]!==j||t[42]!==_||t[43]!==Y||t[44]!==R||t[45]!==y||t[46]!==At||t[47]!==lt||t[48]!==P||t[49]!==m||t[50]!==qt||t[51]!==a||t[52]!==vt||t[53]!==J||t[54]!==A||t[55]!==Lt||t[56]!==gt||t[57]!==dt||t[58]!==N||t[59]!==I||t[60]!==et||t[61]!==xt||t[62]!==L||t[63]!==mt||t[64]!==n||t[65]!==H||t[66]!==tt||t[67]!==B||t[68]!==p||t[69]!==kt||t[70]!==V||t[71]!==$t?(St=B&&tt&&o.filter(C=>j?!zt.checkIfNullOrUndefined(C.size):C).length>0?s.jsxRuntimeExports.jsx(je,{hideAxisLine:_,data:o.filter(C=>j?!zt.checkIfNullOrUndefined(C.size):C).filter((C,ee)=>P?ee<P:!0),barColor:o.filter(Ie).length===0?x?[x]:[yt.Colors.primaryColors["blue-600"]]:x||yt.Colors[p].categoricalColors.colors,colorDomain:o.filter(Ve).length===0?[]:g||se.uniqBy(o,"color",!0),selectedColor:et,width:B,height:tt,suffix:H,prefix:dt,barPadding:U,showValues:mt,showTicks:L,leftMargin:At,rightMargin:I,topMargin:V,bottomMargin:Mt,truncateBy:$t,showLabels:xt,tooltip:kt,onSeriesMouseOver:Lt,refValues:N,maxValue:m,minValue:a,highlightedDataPoints:Y,onSeriesMouseClick:A,labelOrder:R,rtl:y==="he"||y==="ar",maxBarThickness:lt,minBarThickness:qt,detailsOnClick:q,barAxisTitle:at,noOfTicks:J,classNames:l,styles:n,animate:K===!0?{duration:.5,once:!0,amount:.5}:K||{duration:0,once:!0,amount:0},dimmedOpacity:Q,precision:gt,customLayers:pt,naLabel:vt}):null,t[30]=K,t[31]=at,t[32]=U,t[33]=Mt,t[34]=l,t[35]=g,t[36]=x,t[37]=pt,t[38]=o,t[39]=q,t[40]=Q,t[41]=j,t[42]=_,t[43]=Y,t[44]=R,t[45]=y,t[46]=At,t[47]=lt,t[48]=P,t[49]=m,t[50]=qt,t[51]=a,t[52]=vt,t[53]=J,t[54]=A,t[55]=Lt,t[56]=gt,t[57]=dt,t[58]=N,t[59]=I,t[60]=et,t[61]=xt,t[62]=L,t[63]=mt,t[64]=n,t[65]=H,t[66]=tt,t[67]=B,t[68]=p,t[69]=kt,t[70]=V,t[71]=$t,t[72]=St):St=t[72];let Vt;t[73]!==Dt||t[74]!==St?(Vt=s.jsxRuntimeExports.jsxs(ne.GraphArea,{ref:it,children:[Dt,St]}),t[73]=Dt,t[74]=St,t[75]=Vt):Vt=t[75];let It;t[76]!==l?.footnote||t[77]!==l?.source||t[78]!==st||t[79]!==h||t[80]!==n?.footnote||t[81]!==n?.source||t[82]!==d?(It=h||st?s.jsxRuntimeExports.jsx(ye.GraphFooter,{sources:h,footNote:st,width:d,styles:{footnote:n?.footnote,source:n?.source},classNames:{footnote:l?.footnote,source:l?.source}}):null,t[76]=l?.footnote,t[77]=l?.source,t[78]=st,t[79]=h,t[80]=n?.footnote,t[81]=n?.source,t[82]=d,t[83]=It):It=t[83];let te;return t[84]!==z||t[85]!==X||t[86]!==Ht||t[87]!==Wt||t[88]!==y||t[89]!==ft||t[90]!==Et||t[91]!==v||t[92]!==E||t[93]!==ot||t[94]!==nt||t[95]!==D||t[96]!==Vt||t[97]!==It||t[98]!==p||t[99]!==d?(te=s.jsxRuntimeExports.jsxs(ne.GraphContainer,{className:E,style:ot,id:Ht,ref:bt,"aria-label":z,backgroundColor:X,theme:p,language:y,minHeight:ft,width:d,height:Wt,relativeHeight:v,padding:Et,children:[nt,D,Vt,It]}),t[84]=z,t[85]=X,t[86]=Ht,t[87]=Wt,t[88]=y,t[89]=ft,t[90]=Et,t[91]=v,t[92]=E,t[93]=ot,t[94]=nt,t[95]=D,t[96]=Vt,t[97]=It,t[98]=p,t[99]=d,t[100]=te):te=t[100],te}function Ve(i){return i.color}function Ie(i){return i.color}function Pe(i){return i.color}function ze(i){return i!==void 0}function Ge(i){return i!==void 0}function We(i){return i.data}function Fe(i){return i!==void 0}function He(i){return i.data}exports.WaterfallChart=Se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CHPV5EwG-D4pAp7u0.cjs"),E=require("react"),re=require("./index-DQA8q5sC.cjs"),oe=require("./numberFormattingFunction-Cn9R7CM9.cjs"),le=require("./Tooltip-Hr46paWP.cjs"),Gt=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),vt=require("./Colors.cjs"),ae=require("./AxisTitle-DP_evhbe.cjs"),ce=require("./Axis-BTaS9oPQ.cjs"),ue=require("./ReferenceLine-CpU4G01Y.cjs"),de=require("./YTicksAndGridLines-DFjm8RCc.cjs"),me=require("./XAxesLabels-C03jHniq.cjs"),xe=require("./DetailsModal-jmmKRMRM.cjs"),Pt=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),fe=require("./linear-CgUCbw9F.cjs"),he=require("./band-VYfcZeJ2.cjs"),ie=require("./proxy-CqH8m8IQ.cjs"),ge=require("./use-in-view-dnRv_qqF.cjs"),pe=require("./index-FXfr51ZM.cjs"),ve=require("./ColorLegendWithMouseOver.cjs"),be=require("./EmptyState-CFmiFPHz.cjs"),ne=require("./GraphContainer-Cul9b74X.cjs"),ye=require("./GraphFooter.cjs"),Ce=require("./GraphHeader.cjs"),se=require("./uniqBy-O05lp2S5.cjs");function we(i){let t=0,n=0,y=0;for(const x of i)t+=x||0,t>n&&(n=t),t<y&&(y=t);return{max:n,min:y}}function je(i){const t=s.compilerRuntimeExports.c(46),{leftMargin:n,rightMargin:y,topMargin:x,bottomMargin:Wt,data:f,width:bt,height:I,barColor:h,suffix:yt,prefix:Ct,barPadding:Jt,showLabels:Ft,showValues:d,showTicks:ot,colorDomain:g,truncateBy:wt,tooltip:z,onSeriesMouseOver:jt,refValues:Ht,selectedColor:P,maxValue:Ot,minValue:Et,highlightedDataPoints:G,onSeriesMouseClick:Mt,labelOrder:p,maxBarThickness:At,minBarThickness:Rt,detailsOnClick:T,barAxisTitle:nt,noOfTicks:Ut,styles:m,classNames:c,dimmedOpacity:M,animate:u,precision:kt,customLayers:A,naLabel:Kt,hideAxisLine:Qt,locale:Lt}=i,R=n===void 0?20:n,st=y===void 0?20:y,W=x===void 0?20:x,rt=Wt===void 0?25:Wt,Tt=E.useRef(null);let F;t[0]!==u.amount||t[1]!==u.once?(F={once:u.once,amount:u.amount},t[0]=u.amount,t[1]=u.once,t[2]=F):F=t[2];const N=ge.useInView(Tt,F),Nt=nt?R+30:R;let l;t[3]!==rt||t[4]!==st||t[5]!==Nt||t[6]!==W?(l={top:W,bottom:rt,left:Nt,right:st},t[3]=rt,t[4]=st,t[5]=Nt,t[6]=W,t[7]=l):l=t[7];const o=l,{max:Zt,min:_t}=we(f.map(De)),Yt=Gt.checkIfNullOrUndefined(Ot)?Zt:Ot,v=Gt.checkIfNullOrUndefined(Et)?_t:Et,[q,qt]=E.useState(void 0),[H,U]=E.useState(void 0),[Y,lt]=E.useState(void 0),[X,at]=E.useState(void 0),k=bt-o.left-o.right,$t=I-o.top-o.bottom;let J;if(t[8]!==f||t[9]!==p){const e=new Set,L=f.map((O,it)=>{const V=p?`${O.label}`:`${it}`;return e.add(V),{...O,id:V}}),j=p?p.filter(O=>!e.has(O)):[];J=[...L,...j.map(Be)],t[8]=f,t[9]=p,t[10]=J}else J=t[10];const K=J;let Q;t[11]!==K||t[12]!==p?(Q=p??K.map($e),t[11]=K,t[12]=p,t[13]=Q):Q=t[13];const Z=Q,r=fe.linear().domain([v,Yt]).range([$t,0]).nice(),a=he.band().domain(Z).range([0,Rt?Math.max(k,Rt*Z.length):At?Math.min(k,At*Z.length):k]).paddingInner(Jt),Bt=r.ticks(Ut);let _=0;const C=K.map(e=>{const L=_;return _=_+(e.size||0),{...e,start:L,end:_}}),ct=c?.xAxis?.axis,w=c?.yAxis?.labels;let $;t[14]!==w||t[15]!==ct?($={axis:ct,label:w},t[14]=w,t[15]=ct,t[16]=$):$=t[16];const ut=m?.xAxis?.axis,dt=m?.yAxis?.labels;let B;t[17]!==ut||t[18]!==dt?(B={axis:ut,label:dt},t[17]=ut,t[18]=dt,t[19]=B):B=t[19];const mt=0-R-15,xt=$t/2,ft=m?.yAxis?.title,ht=c?.yAxis?.title;let D;t[20]!==nt||t[21]!==mt||t[22]!==xt||t[23]!==ft||t[24]!==ht?(D=s.jsxRuntimeExports.jsx(ae.AxisTitle,{x:mt,y:xt,style:ft,className:ht,text:nt,rotate90:!0}),t[20]=nt,t[21]=mt,t[22]=xt,t[23]=ft,t[24]=ht,t[25]=D):D=t[25];let Dt;t[26]!==A?(Dt=A.filter(Te).map(Le),t[26]=A,t[27]=Dt):Dt=t[27];const tt=pe.AnimatePresence,Xt=C.map((e,L)=>Gt.checkIfNullOrUndefined(a(e.id))?null:s.jsxRuntimeExports.jsxs(ie.motion.g,{className:"undp-viz-g-with-hover",initial:"initial",animate:N?"whileInView":"initial",variants:{initial:{opacity:P?e.color&&h[g.indexOf(e.color)]===P?1:M:G?G.indexOf(e.label)!==-1?.85:M:.85},whileInView:{opacity:P?e.color&&h[g.indexOf(e.color)]===P?1:M:G?G.indexOf(e.label)!==-1?.85:M:.85,transition:{duration:u.duration}}},exit:{opacity:0,transition:{duration:u.duration}},onMouseEnter:j=>{qt(e),at(j.clientY),lt(j.clientX),jt?.(e)},onClick:()=>{(Mt||T)&&(re.isEqual(H,e)?(U(void 0),Mt?.(void 0)):(U(e),Mt?.(e)))},onMouseMove:j=>{qt(e),at(j.clientY),lt(j.clientX)},onMouseLeave:()=>{qt(void 0),lt(void 0),at(void 0),jt?.(void 0)},children:[e.size?s.jsxRuntimeExports.jsx(ie.motion.rect,{width:a.bandwidth(),initial:"initial",animate:N?"whileInView":"initial",variants:{initial:{height:0,x:a(`${e.id}`),y:r(e.start),fill:f.filter(ke).length===0?h[0]:e.color?h[g.indexOf(e.color)]:vt.Colors.gray},whileInView:{height:Math.abs(r(e.start)-r(e.end)),y:r(Math.max(e.start,e.end)),x:a(`${e.id}`),fill:f.filter(Re).length===0?h[0]:e.color?h[g.indexOf(e.color)]:vt.Colors.gray,transition:{duration:u.duration}}},exit:{height:0,y:r(e.start),transition:{duration:u.duration}}}):null,Ft?s.jsxRuntimeExports.jsx(me.XAxesLabels,{value:`${e.label}`.length<wt?`${e.label}`:`${`${e.label}`.substring(0,wt)}...`,y:r(0)+5,x:a(`${e.id}`),width:a.bandwidth(),height:o.bottom,style:m?.xAxis?.labels,className:c?.xAxis?.labels,alignment:"top",animate:u,isInView:N}):null,d&&Math.abs(r(e.start)-r(e.end))>16?s.jsxRuntimeExports.jsx(ie.motion.text,{style:{textAnchor:"middle",...m?.graphObjectValues||{}},className:s.mo("graph-value text-sm",c?.graphObjectValues),dy:"0.33em",variants:{initial:{x:a(`${e.id}`)+a.bandwidth()/2,y:(r(e.start)+r(e.end))/2,opacity:0,fill:f.filter(Ae).length===0?Pt.getTextColorBasedOnBgColor(h[0]):e.color?Pt.getTextColorBasedOnBgColor(h[g.indexOf(e.color)]):Pt.getTextColorBasedOnBgColor(vt.Colors.gray)},whileInView:{x:a(`${e.id}`)+a.bandwidth()/2,y:(r(e.start)+r(e.end))/2,fill:f.filter(Me).length===0?Pt.getTextColorBasedOnBgColor(h[0]):e.color?Pt.getTextColorBasedOnBgColor(h[g.indexOf(e.color)]):Pt.getTextColorBasedOnBgColor(vt.Colors.gray),opacity:1,transition:{duration:u.duration}}},initial:"initial",animate:N?"whileInView":"initial",exit:{opacity:0,transition:{duration:u.duration}},children:oe.numberFormattingFunction(e.size?Math.abs(e.size):e.size,Kt,kt,Ct,yt,Lt)}):null]},e.label)),gt=Ht?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:Ht.map((e,L)=>s.jsxRuntimeExports.jsx(ue.RefLineY,{text:e.text,color:e.color,y:r(e.value),x1:0-R,x2:k+o.right,classNames:e.classNames,styles:e.styles,animate:u,isInView:N},L))}):null;let St;t[28]!==tt||t[29]!==Xt||t[30]!==gt?(St=s.jsxRuntimeExports.jsxs(tt,{children:[Xt,gt]}),t[28]=tt,t[29]=Xt,t[30]=gt,t[31]=St):St=t[31];let et;t[32]!==A?(et=A.filter(Ee).map(Oe),t[32]=A,t[33]=et):et=t[33];let pt;t[34]!==c?.tooltip||t[35]!==Y||t[36]!==X||t[37]!==q||t[38]!==m?.tooltip||t[39]!==z?(pt=q&&z&&Y&&X?s.jsxRuntimeExports.jsx(le.Tooltip,{data:q,body:z,xPos:Y,yPos:X,backgroundStyle:m?.tooltip,className:c?.tooltip}):null,t[34]=c?.tooltip,t[35]=Y,t[36]=X,t[37]=q,t[38]=m?.tooltip,t[39]=z,t[40]=pt):pt=t[40];let S;return t[41]!==c?.modal||t[42]!==T||t[43]!==H||t[44]!==U?(S=T&&H!==void 0?s.jsxRuntimeExports.jsx(xe.DetailsModal,{body:T,data:H,setData:U,className:c?.modal}):null,t[41]=c?.modal,t[42]=T,t[43]=H,t[44]=U,t[45]=S):S=t[45],s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(ie.motion.svg,{ref:Tt,width:`${bt}px`,height:`${I}px`,viewBox:`0 0 ${bt} ${I}`,direction:"ltr",children:s.jsxRuntimeExports.jsxs("g",{transform:`translate(${o.left},${o.top})`,children:[s.jsxRuntimeExports.jsx(ce.Axis,{y1:r(v<0?0:v),y2:r(v<0?0:v),x1:0-R,x2:k+o.right,hideAxisLine:Qt,label:ot?oe.numberFormattingFunction(v<0?0:v,void 0,kt,Ct,yt,Lt):void 0,labelPos:{x:0-R,dx:0,dy:Yt<0?"1em":-5,y:r(v<0?0:v)},classNames:$,styles:B}),ot?s.jsxRuntimeExports.jsx(de.YTicksAndGridLines,{values:Bt.filter(qe),y:Bt.filter(Ne).map(e=>r(e)),x1:0-R,x2:k+o.right,styles:{gridLines:m?.yAxis?.gridLines,labels:m?.yAxis?.labels},classNames:{gridLines:c?.yAxis?.gridLines,labels:c?.yAxis?.labels},suffix:yt,prefix:Ct,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:kt,locale:Lt}):null,D,Dt,St,et]})}),pt,S]})}function Oe(i){return i.layer}function Ee(i){return i.position==="after"}function Me(i){return i.color}function Ae(i){return i.color}function Re(i){return i.color}function ke(i){return i.color}function Le(i){return i.layer}function Te(i){return i.position==="before"}function Ne(i){return i!==0}function qe(i){return i!==0}function $e(i){return`${i.id}`}function Be(i){return{id:i,label:i,color:null,size:null}}function De(i){return i.size}function Se(i){const t=s.compilerRuntimeExports.c(100),{data:n,graphTitle:y,colors:x,suffix:Wt,sources:f,prefix:bt,graphDescription:I,barPadding:h,showValues:yt,showTicks:Ct,truncateBy:Jt,height:Ft,width:d,footNote:ot,colorDomain:g,colorLegendTitle:wt,highlightedDataPoints:z,padding:jt,backgroundColor:Ht,topMargin:P,bottomMargin:Ot,leftMargin:Et,rightMargin:G,showLabels:Mt,relativeHeight:p,tooltip:At,onSeriesMouseOver:Rt,refValues:T,showColorScale:nt,graphID:Ut,maxValue:m,minValue:c,onSeriesMouseClick:M,graphDownload:u,dataDownload:kt,labelOrder:A,language:Kt,showNAColor:Qt,minHeight:Lt,theme:R,maxBarThickness:st,maxNumberOfBars:W,minBarThickness:rt,ariaLabel:Tt,detailsOnClick:F,barAxisTitle:N,noOfTicks:Nt,styles:l,classNames:o,filterNA:Zt,animate:_t,dimmedOpacity:Yt,precision:v,customLayers:q,naLabel:qt,hideAxisLine:H,locale:U}=i,Y=Wt===void 0?"":Wt,lt=bt===void 0?"":bt,X=h===void 0?.25:h,at=yt===void 0?!0:yt,k=Ct===void 0?!0:Ct,$t=Jt===void 0?999:Jt,J=Ht===void 0?!1:Ht,K=Mt===void 0?!0:Mt,Q=nt===void 0?!0:nt,Z=u===void 0?!1:u,r=kt===void 0?!1:kt,a=Kt===void 0?"en":Kt,Bt=Qt===void 0?!0:Qt,_=Lt===void 0?0:Lt,C=R===void 0?"light":R,ct=Nt===void 0?5:Nt,w=Zt===void 0?!0:Zt,$=_t===void 0?!1:_t,ut=Yt===void 0?.3:Yt,dt=v===void 0?2:v;let B;t[0]!==q?(B=q===void 0?[]:q,t[0]=q,t[1]=B):B=t[1];const mt=B,xt=qt===void 0?"NA":qt,ft=H===void 0?!1:H,ht=U===void 0?"en":U,[D,Dt]=E.useState(0),[tt,Xt]=E.useState(0),[gt,St]=E.useState(void 0),et=E.useRef(null),pt=E.useRef(null);let S,e;t[2]===Symbol.for("react.memo_cache_sentinel")?(S=()=>{const b=new ResizeObserver(ee=>{Dt(ee[0].target.clientWidth||620),Xt(ee[0].target.clientHeight||480)});return et.current&&b.observe(et.current),()=>b.disconnect()},e=[],t[2]=S,t[3]=e):(S=t[2],e=t[3]),E.useEffect(S,e);const L=o?.graphContainer,j=l?.graphContainer;let O;t[4]!==o?.description||t[5]!==o?.title||t[6]!==n||t[7]!==r||t[8]!==I||t[9]!==Z||t[10]!==y||t[11]!==l?.description||t[12]!==l?.title||t[13]!==d?(O=y||I||Z||r?s.jsxRuntimeExports.jsx(Ce.GraphHeader,{styles:{title:l?.title,description:l?.description},classNames:{title:o?.title,description:o?.description},graphTitle:y,graphDescription:I,width:d,graphDownload:Z?pt:void 0,dataDownload:r?n.map(He).filter(Fe).length>0?n.map(We).filter(Ge):n.filter(Pe):null}):null,t[4]=o?.description,t[5]=o?.title,t[6]=n,t[7]=r,t[8]=I,t[9]=Z,t[10]=y,t[11]=l?.description,t[12]=l?.title,t[13]=d,t[14]=O):O=t[14];let it;t[15]!==o?.colorLegend||t[16]!==g||t[17]!==wt||t[18]!==x||t[19]!==n||t[20]!==Q||t[21]!==Bt||t[22]!==C||t[23]!==d?(it=Q&&n.filter(ze).length!==0&&n.length>0?s.jsxRuntimeExports.jsx(ve.ColorLegendWithMouseOver,{width:d,colorLegendTitle:wt,colors:x||vt.Colors[C].categoricalColors.colors,colorDomain:g||se.uniqBy(n,"color",!0),setSelectedColor:St,showNAColor:Bt,className:o?.colorLegend}):null,t[15]=o?.colorLegend,t[16]=g,t[17]=wt,t[18]=x,t[19]=n,t[20]=Q,t[21]=Bt,t[22]=C,t[23]=d,t[24]=it):it=t[24];let V;t[25]!==n||t[26]!==w?(V=n.filter(b=>w?!Gt.checkIfNullOrUndefined(b.size):b).length===0&&s.jsxRuntimeExports.jsx(be.EmptyState,{}),t[25]=n,t[26]=w,t[27]=V):V=t[27];let Vt;t[28]!==$||t[29]!==N||t[30]!==X||t[31]!==Ot||t[32]!==o||t[33]!==g||t[34]!==x||t[35]!==mt||t[36]!==n||t[37]!==F||t[38]!==ut||t[39]!==w||t[40]!==ft||t[41]!==z||t[42]!==A||t[43]!==a||t[44]!==Et||t[45]!==ht||t[46]!==st||t[47]!==W||t[48]!==m||t[49]!==rt||t[50]!==c||t[51]!==xt||t[52]!==ct||t[53]!==M||t[54]!==Rt||t[55]!==dt||t[56]!==lt||t[57]!==T||t[58]!==G||t[59]!==gt||t[60]!==K||t[61]!==k||t[62]!==at||t[63]!==l||t[64]!==Y||t[65]!==tt||t[66]!==D||t[67]!==C||t[68]!==At||t[69]!==P||t[70]!==$t?(Vt=D&&tt&&n.filter(b=>w?!Gt.checkIfNullOrUndefined(b.size):b).length>0?s.jsxRuntimeExports.jsx(je,{hideAxisLine:ft,data:n.filter(b=>w?!Gt.checkIfNullOrUndefined(b.size):b).filter((b,ee)=>W?ee<W:!0),barColor:n.filter(Ie).length===0?x?[x]:[vt.Colors.primaryColors["blue-600"]]:x||vt.Colors[C].categoricalColors.colors,colorDomain:n.filter(Ve).length===0?[]:g||se.uniqBy(n,"color",!0),selectedColor:gt,width:D,height:tt,suffix:Y,prefix:lt,barPadding:X,showValues:at,showTicks:k,leftMargin:Et,rightMargin:G,topMargin:P,bottomMargin:Ot,truncateBy:$t,showLabels:K,tooltip:At,onSeriesMouseOver:Rt,refValues:T,maxValue:m,minValue:c,highlightedDataPoints:z,onSeriesMouseClick:M,labelOrder:A,rtl:a==="he"||a==="ar",maxBarThickness:st,minBarThickness:rt,detailsOnClick:F,barAxisTitle:N,noOfTicks:ct,classNames:o,styles:l,animate:$===!0?{duration:.5,once:!0,amount:.5}:$||{duration:0,once:!0,amount:0},dimmedOpacity:ut,precision:dt,customLayers:mt,naLabel:xt,locale:ht}):null,t[28]=$,t[29]=N,t[30]=X,t[31]=Ot,t[32]=o,t[33]=g,t[34]=x,t[35]=mt,t[36]=n,t[37]=F,t[38]=ut,t[39]=w,t[40]=ft,t[41]=z,t[42]=A,t[43]=a,t[44]=Et,t[45]=ht,t[46]=st,t[47]=W,t[48]=m,t[49]=rt,t[50]=c,t[51]=xt,t[52]=ct,t[53]=M,t[54]=Rt,t[55]=dt,t[56]=lt,t[57]=T,t[58]=G,t[59]=gt,t[60]=K,t[61]=k,t[62]=at,t[63]=l,t[64]=Y,t[65]=tt,t[66]=D,t[67]=C,t[68]=At,t[69]=P,t[70]=$t,t[71]=Vt):Vt=t[71];let It;t[72]!==V||t[73]!==Vt?(It=s.jsxRuntimeExports.jsxs(ne.GraphArea,{ref:et,children:[V,Vt]}),t[72]=V,t[73]=Vt,t[74]=It):It=t[74];let zt;t[75]!==o?.footnote||t[76]!==o?.source||t[77]!==ot||t[78]!==f||t[79]!==l?.footnote||t[80]!==l?.source||t[81]!==d?(zt=f||ot?s.jsxRuntimeExports.jsx(ye.GraphFooter,{sources:f,footNote:ot,width:d,styles:{footnote:l?.footnote,source:l?.source},classNames:{footnote:o?.footnote,source:o?.source}}):null,t[75]=o?.footnote,t[76]=o?.source,t[77]=ot,t[78]=f,t[79]=l?.footnote,t[80]=l?.source,t[81]=d,t[82]=zt):zt=t[82];let te;return t[83]!==Tt||t[84]!==J||t[85]!==Ut||t[86]!==Ft||t[87]!==a||t[88]!==_||t[89]!==jt||t[90]!==p||t[91]!==L||t[92]!==j||t[93]!==O||t[94]!==it||t[95]!==It||t[96]!==zt||t[97]!==C||t[98]!==d?(te=s.jsxRuntimeExports.jsxs(ne.GraphContainer,{className:L,style:j,id:Ut,ref:pt,"aria-label":Tt,backgroundColor:J,theme:C,language:a,minHeight:_,width:d,height:Ft,relativeHeight:p,padding:jt,children:[O,it,It,zt]}),t[83]=Tt,t[84]=J,t[85]=Ut,t[86]=Ft,t[87]=a,t[88]=_,t[89]=jt,t[90]=p,t[91]=L,t[92]=j,t[93]=O,t[94]=it,t[95]=It,t[96]=zt,t[97]=C,t[98]=d,t[99]=te):te=t[99],te}function Ve(i){return i.color}function Ie(i){return i.color}function ze(i){return i.color}function Pe(i){return i!==void 0}function Ge(i){return i!==void 0}function We(i){return i.data}function Fe(i){return i!==void 0}function He(i){return i.data}exports.WaterfallChart=Se;
 //# sourceMappingURL=WaterfallChart.cjs.map