@undp/data-viz 1.5.9 → 2.0.0

package/dist/BulletChart.js

@@ -1,1432 +1,881 @@
-import { j as e, m as Vi } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { useRef as ji, useState as gi, useEffect as zi } from "react";
-import { o as ki } from "./index-DvVprvy6.js";
-import { i as Oi } from "./index-Bwrro8-q.js";
-import { G as Ti } from "./Modal-Cg8daIlV.js";
-import { s as Ci } from "./index-CeVNqhMO.js";
-import { n as Ni } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as $i } from "./Tooltip-6LIdPQGC.js";
-import { c } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { s as Ai } from "./string2HTML-oFCROsus.js";
-import { X as Xi } from "./XTicksAndGridLines-DuydSnZ_.js";
-import { Y as Yi } from "./YAxesLabels-DlDyLvhi.js";
-import { A as Di } from "./AxisTitle-v6_xcXZ-.js";
-import { A as Li } from "./Axis-4gUOL8B7.js";
-import { a as Ei, R as Gi } from "./ReferenceLine-CPMaAX0r.js";
-import { a as Ii } from "./linear-DUdu7l2G.js";
-import { b as Si } from "./band-BEjh2CHI.js";
-import { u as Ri } from "./use-in-view-DR-UTB96.js";
-import { m as U } from "./proxy-BYIC9BuT.js";
-import { A as Bi } from "./index-Cwgh7i7X.js";
-import { GraphFooter as qi } from "./GraphFooter.js";
-import { GraphHeader as Fi } from "./GraphHeader.js";
+import { c as Ai, j as n, m as Vi } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as wi, useState as oi, useEffect as Di } from "react";
+import { o as Ri } from "./index-BZQYSqar.js";
+import { i as zi } from "./index-Bwrro8-q.js";
+import { l as ji } from "./Modal-DGcuAHyK.js";
+import { s as pi } from "./index-CeVNqhMO.js";
+import { n as Mi } from "./numberFormattingFunction-14YCbkN2.js";
+import { T as Ci } from "./Tooltip-CwWUegPB.js";
+import { c as p } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { s as Oi } from "./string2HTML-DhG75NqA.js";
+import { A as ki } from "./Axis-CRyfcLjc.js";
+import { A as Li } from "./AxisTitle-jeI7am8o.js";
+import { X as Si } from "./XAxesLabels-DNO0KmjL.js";
+import { R as qi, a as Fi } from "./ReferenceLine-2XCwHXQ4.js";
+import { Y as Bi } from "./YTicksAndGridLines-Blepl7XF.js";
+import { X as Pi } from "./XTicksAndGridLines-CObVFSm4.js";
+import { Y as Hi } from "./YAxesLabels-Dnnng49-.js";
+import { a as Ni } from "./linear-BwnDd9KF.js";
+import { b as $i } from "./band-CyHaVft5.js";
+import { u as Ii } from "./use-in-view-Cxa7y1TH.js";
+import { m as xt } from "./proxy-BxkFHwUw.js";
+import { A as Ti } from "./index-BqfRwk1n.js";
 import { Colors as vi } from "./Colors.js";
-import { E as Hi } from "./EmptyState-36lXXyui.js";
-import { ColorLegend as Pi } from "./ColorLegend.js";
-import { X as _i } from "./XAxesLabels-SOSmso5J.js";
-import { Y as Ui } from "./YTicksAndGridLines-7t4MKtGw.js";
-function Ji(wi) {
-  const {
-    data: r,
-    barColor: p,
-    suffix: J,
-    prefix: R,
-    barPadding: K,
-    showValues: ri,
-    showTicks: Q,
-    leftMargin: yi,
-    truncateBy: mi,
-    width: Z,
-    height: ii,
-    rightMargin: bi,
-    topMargin: z,
-    bottomMargin: ti,
-    showLabels: o,
-    tooltip: B,
-    onSeriesMouseOver: T,
-    refValues: A,
-    highlightedDataPoints: g,
-    maxValue: q,
-    minValue: b,
-    onSeriesMouseClick: F,
-    labelOrder: ei,
-    rtl: H,
-    maxBarThickness: D,
-    minBarThickness: di,
-    resetSelectionOnDoubleClick: L,
-    detailsOnClick: $,
-    barAxisTitle: ai,
-    valueColor: ni,
-    noOfTicks: k,
-    styles: x,
-    classNames: C,
-    targetStyle: li,
-    targetColor: P,
-    qualitativeRangeColors: I,
-    measureBarWidthFactor: h,
-    animate: s,
-    dimmedOpacity: j,
-    precision: W,
-    customLayers: S,
-    naLabel: X
-  } = wi, y = ji(null), m = Ri(y, {
-    once: s.once,
-    amount: s.amount
-  }), [si, Y] = gi(void 0), [V, E] = gi(void 0), [oi, N] = gi(void 0), [f, w] = gi(void 0), u = {
-    top: ai ? z + 25 : z,
-    bottom: ti,
-    left: yi,
-    right: bi
-  }, G = Z - u.left - u.right, O = ii - u.top - u.bottom, hi = Math.max(...r.filter((i) => !c(i.size)).map((i) => i.size)) < 0 ? 0 : Math.max(...r.filter((i) => !c(i.size)).map((i) => i.size)), _ = Math.max(...r.filter((i) => !c(i.target)).map((i) => i.target)) < 0 ? 0 : Math.max(
-    ...r.filter((i) => !c(i.target)).map((i) => i.target)
-  ), ci = Math.max(
-    ...r.map((i) => Ci((i.qualitativeRange || []).filter((n) => !c(n))) || 0)
-  ), xi = c(q) ? Math.max(...[hi, _, ci].filter(Number.isFinite)) < 0 ? 0 : Math.max(
-    ...[hi, _, ci].filter(Number.isFinite)
-  ) : q, ui = Math.min(...r.filter((i) => !c(i.size)).map((i) => i.size)) >= 0 ? 0 : Math.min(...r.filter((i) => !c(i.size)).map((i) => i.size)), M = Math.min(...r.filter((i) => !c(i.target)).map((i) => i.target)) >= 0 ? 0 : Math.min(
-    ...r.filter((i) => !c(i.target)).map((i) => i.target)
-  ), a = c(b) ? Math.min(...[ui, M].filter(Number.isFinite)) >= 0 ? 0 : Math.min(...[ui, M].filter(Number.isFinite)) : b, fi = r.map((i, n) => ({
-    ...i,
-    id: ei ? `${i.label}` : `${n}`
-  })), l = Ii().domain([a, xi]).range([0, G]).nice(), v = ei || fi.map((i) => `${i.id}`), d = Si().domain(v).range([
-    0,
-    di ? Math.max(O, di * v.length) : D ? Math.min(O, D * v.length) : O
-  ]).paddingInner(K), t = l.ticks(k);
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      U.svg,
-      {
-        width: `${Z}px`,
-        height: `${ii}px`,
-        viewBox: `0 0 ${Z} ${ii}`,
-        direction: "ltr",
-        ref: y,
-        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${u.left},${u.top})`, children: [
-          Q ? /* @__PURE__ */ e.jsx(
-            Xi,
-            {
-              values: t.filter((i) => i !== 0),
-              x: t.filter((i) => i !== 0).map((i) => l(i)),
-              y1: 0 - z,
-              y2: O + u.bottom,
-              styles: {
-                gridLines: x?.xAxis?.gridLines,
-                labels: x?.xAxis?.labels
-              },
-              classNames: {
-                gridLines: C?.xAxis?.gridLines,
-                labels: C?.xAxis?.labels
-              },
-              suffix: J,
-              prefix: R,
-              labelType: "secondary",
-              showGridLines: !0,
-              precision: W
-            }
-          ) : null,
-          /* @__PURE__ */ e.jsx(
-            Di,
-            {
-              x: G / 2,
-              y: 0 - u.top + 15,
-              style: x?.xAxis?.title,
-              className: C?.xAxis?.title,
-              text: ai
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            Li,
-            {
-              x1: l(a < 0 ? 0 : a),
-              x2: l(a < 0 ? 0 : a),
-              y1: -2.5,
-              y2: O + u.bottom,
-              classNames: { axis: C?.yAxis?.axis },
-              styles: { axis: x?.yAxis?.axis }
-            }
-          ),
-          S.filter((i) => i.position === "before").map((i) => i.layer),
-          /* @__PURE__ */ e.jsxs(Bi, { children: [
-            fi.map(
-              (i) => c(d(i.id)) ? null : /* @__PURE__ */ e.jsxs(
-                U.g,
-                {
-                  className: "undp-viz-g-with-hover",
-                  onMouseEnter: (n) => {
-                    Y(i), w(n.clientY), N(n.clientX), T?.(i);
-                  },
-                  onClick: () => {
-                    (F || $) && (Oi(V, i) && L ? (E(void 0), F?.(void 0)) : (E(i), F?.(i)));
-                  },
-                  onMouseMove: (n) => {
-                    Y(i), w(n.clientY), N(n.clientX);
-                  },
-                  onMouseLeave: () => {
-                    Y(void 0), N(void 0), w(void 0), T?.(void 0);
-                  },
-                  exit: { opacity: 0, transition: { duration: s.duration } },
-                  variants: {
-                    initial: {
-                      x: 0,
-                      y: d(`${i.id}`),
-                      opacity: g.length !== 0 ? g.indexOf(i.label) !== -1 ? 0.85 : j : 0.85
-                    },
-                    whileInView: {
-                      x: 0,
-                      y: d(`${i.id}`),
-                      opacity: g.length !== 0 ? g.indexOf(i.label) !== -1 ? 0.85 : j : 0.85,
-                      transition: { duration: s.duration }
-                    }
-                  },
-                  initial: "initial",
-                  animate: m ? "whileInView" : "initial",
-                  children: [
-                    i.qualitativeRange ? i.qualitativeRange.map((n, pi) => /* @__PURE__ */ e.jsx(
-                      U.rect,
-                      {
-                        exit: {
-                          width: 0,
-                          x: l(0),
-                          transition: { duration: s.duration }
-                        },
-                        variants: {
-                          initial: {
-                            x: l(0),
-                            width: 0,
-                            fill: I[pi]
-                          },
-                          whileInView: {
-                            x: l(
-                              pi === 0 ? 0 : Ci(
-                                i.qualitativeRange.filter(
-                                  (Mi, Wi) => Wi < pi && Mi
-                                )
-                              )
-                            ),
-                            width: l(n),
-                            fill: I[pi],
-                            transition: { duration: s.duration }
-                          }
-                        },
-                        initial: "initial",
-                        animate: m ? "whileInView" : "initial",
-                        y: 0,
-                        height: d.bandwidth()
-                      },
-                      pi
-                    )) : null,
-                    i.target && li === "background" ? /* @__PURE__ */ e.jsx(
-                      U.rect,
-                      {
-                        y: 0,
-                        x: i.target >= 0 ? l(0) : l(i.target),
-                        height: d.bandwidth(),
-                        style: {
-                          fill: P
-                        },
-                        exit: {
-                          width: 0,
-                          x: l(0),
-                          transition: { duration: s.duration }
-                        },
-                        variants: {
-                          initial: {
-                            x: l(0),
-                            width: 0
-                          },
-                          whileInView: {
-                            x: i.target >= 0 ? l(0) : l(i.target),
-                            width: i.target >= 0 ? l(i.target) - l(0) : l(0) - l(i.target),
-                            transition: { duration: s.duration }
-                          }
-                        },
-                        initial: "initial",
-                        animate: m ? "whileInView" : "initial"
-                      }
-                    ) : null,
-                    i.size ? /* @__PURE__ */ e.jsx(
-                      U.rect,
-                      {
-                        y: d.bandwidth() * ((1 - h) / 2),
-                        style: {
-                          fill: p
-                        },
-                        height: d.bandwidth() * h,
-                        exit: {
-                          width: 0,
-                          x: l(0),
-                          transition: { duration: s.duration }
-                        },
-                        variants: {
-                          initial: {
-                            x: l(0),
-                            width: 0
-                          },
-                          whileInView: {
-                            x: i.size >= 0 ? l(0) : l(i.size),
-                            width: i.size >= 0 ? l(i.size) - l(0) : l(0) - l(i.size),
-                            transition: { duration: s.duration }
-                          }
-                        },
-                        initial: "initial",
-                        animate: m ? "whileInView" : "initial"
-                      }
-                    ) : null,
-                    i.target && li === "line" ? /* @__PURE__ */ e.jsx(
-                      U.rect,
-                      {
-                        y: 0,
-                        height: d.bandwidth(),
-                        style: {
-                          fill: P
-                        },
-                        width: 2,
-                        exit: {
-                          opacity: 0,
-                          x: l(0),
-                          transition: { duration: s.duration }
-                        },
-                        variants: {
-                          initial: {
-                            x: l(0),
-                            opacity: 0
-                          },
-                          whileInView: {
-                            x: l(i.target) - 1,
-                            opacity: 1,
-                            transition: { duration: s.duration }
-                          }
-                        },
-                        initial: "initial",
-                        animate: m ? "whileInView" : "initial"
-                      }
-                    ) : null,
-                    o ? /* @__PURE__ */ e.jsx(
-                      Yi,
-                      {
-                        value: `${i.label}`.length < mi ? `${i.label}` : `${`${i.label}`.substring(0, mi)}...`,
-                        y: 0,
-                        x: (i.size || 0) < 0 ? l(0) : 0 - u.left,
-                        width: (i.size || 0) < 0 ? Z - l(0) : l(0) + u.left,
-                        height: d.bandwidth(),
-                        alignment: i.size && i.size < 0 ? "left" : "right",
-                        style: x?.yAxis?.labels,
-                        className: C?.yAxis?.labels,
-                        animate: s,
-                        isInView: m
-                      }
-                    ) : null,
-                    ri ? /* @__PURE__ */ e.jsx(
-                      U.text,
-                      {
-                        y: d.bandwidth() / 2,
-                        style: {
-                          textAnchor: i.size && i.size < 0 ? "end" : "start",
-                          ...x?.graphObjectValues || {}
-                        },
-                        className: Vi(
-                          "graph-value text-sm",
-                          !ni && p.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "",
-                          C?.graphObjectValues
-                        ),
-                        dx: i.size && i.size < 0 ? -5 : 5,
-                        dy: "0.33em",
-                        exit: { opacity: 0, transition: { duration: s.duration } },
-                        variants: {
-                          initial: {
-                            x: l(0),
-                            opacity: 0,
-                            fill: ni || p
-                          },
-                          whileInView: {
-                            x: i.size ? l(i.size) : l(0),
-                            opacity: 1,
-                            fill: ni || p,
-                            transition: { duration: s.duration }
-                          }
-                        },
-                        initial: "initial",
-                        animate: m ? "whileInView" : "initial",
-                        children: Ni(i.size, X, W, R, J)
-                      }
-                    ) : null
-                  ]
-                },
-                i.label
-              )
-            ),
-            A ? /* @__PURE__ */ e.jsx(e.Fragment, { children: A.map((i, n) => /* @__PURE__ */ e.jsx(
-              Ei,
-              {
-                text: i.text,
-                color: i.color,
-                x: l(i.value),
-                y1: 0 - u.top,
-                y2: O + u.bottom,
-                textSide: l(i.value) > G * 0.75 || H ? "left" : "right",
-                classNames: i.classNames,
-                styles: i.styles,
-                animate: s,
-                isInView: m
-              },
-              n
-            )) }) : null
-          ] }),
-          S.filter((i) => i.position === "after").map((i) => i.layer)
-        ] })
+import { E as Xi } from "./EmptyState-BZo1BbAn.js";
+import { a as Yi, G as Ei } from "./GraphContainer-CRqzdKu2.js";
+import { GraphFooter as Gi } from "./GraphFooter.js";
+import { GraphHeader as Wi } from "./GraphHeader.js";
+import { ColorLegend as Ui } from "./ColorLegend.js";
+function Ji(i) {
+  const t = Ai.c(154), {
+    data: a,
+    width: pt,
+    height: Gt,
+    barColor: $t,
+    suffix: gt,
+    prefix: O,
+    barPadding: It,
+    showLabels: Tt,
+    showValues: Wt,
+    showTicks: ii,
+    truncateBy: Ut,
+    leftMargin: ei,
+    rightMargin: Dt,
+    topMargin: Jt,
+    bottomMargin: ri,
+    tooltip: rt,
+    onSeriesMouseOver: ct,
+    refValues: dt,
+    maxValue: d,
+    minValue: ut,
+    highlightedDataPoints: K,
+    onSeriesMouseClick: at,
+    labelOrder: F,
+    maxBarThickness: Rt,
+    minBarThickness: yt,
+    resetSelectionOnDoubleClick: St,
+    detailsOnClick: k,
+    barAxisTitle: A,
+    valueColor: Q,
+    noOfTicks: bt,
+    styles: h,
+    classNames: l,
+    targetStyle: f,
+    targetColor: vt,
+    qualitativeRangeColors: qt,
+    measureBarWidthFactor: x,
+    animate: r,
+    dimmedOpacity: u,
+    precision: nt,
+    customLayers: Z,
+    naLabel: L
+  } = i, _ = ei === void 0 ? 20 : ei, Ft = Dt === void 0 ? 20 : Dt, ai = Jt === void 0 ? 20 : Jt, ni = ri === void 0 ? 25 : ri, Kt = wi(null);
+  let li;
+  t[0] !== r.amount || t[1] !== r.once ? (li = {
+    once: r.once,
+    amount: r.amount
+  }, t[0] = r.amount, t[1] = r.once, t[2] = li) : li = t[2];
+  const N = Ii(Kt, li), B = A ? _ + 30 : _;
+  let Bt;
+  t[3] !== ni || t[4] !== Ft || t[5] !== B || t[6] !== ai ? (Bt = {
+    top: ai,
+    bottom: ni,
+    left: B,
+    right: Ft
+  }, t[3] = ni, t[4] = Ft, t[5] = B, t[6] = ai, t[7] = Bt) : Bt = t[7];
+  const g = Bt, [V, Qt] = oi(void 0), [P, Zt] = oi(void 0), [tt, _t] = oi(void 0), [Pt, ti] = oi(void 0), m = pt - g.left - g.right, mt = Gt - g.top - g.bottom;
+  let it;
+  t[8] !== a ? (it = Math.max(...a.filter(ve).map(be)) < 0 ? 0 : Math.max(...a.filter(ye).map(de)), t[8] = a, t[9] = it) : it = t[9];
+  const wt = it;
+  let Mt;
+  t[10] !== a ? (Mt = Math.max(...a.filter(ge).map(pe)) < 0 ? 0 : Math.max(...a.filter(xe).map(fe)), t[10] = a, t[11] = Mt) : Mt = t[11];
+  const At = Mt;
+  let Vt;
+  t[12] !== a ? (Vt = Math.max(...a.map(me)), t[12] = a, t[13] = Vt) : Vt = t[13];
+  const zt = Vt;
+  let jt;
+  t[14] !== wt || t[15] !== d || t[16] !== zt || t[17] !== At ? (jt = p(d) ? Math.max(...[wt, At, zt].filter(Number.isFinite)) < 0 ? 0 : Math.max(...[wt, At, zt].filter(Number.isFinite)) : d, t[14] = wt, t[15] = d, t[16] = zt, t[17] = At, t[18] = jt) : jt = t[18];
+  const Ct = jt;
+  let Ht;
+  t[19] !== a ? (Ht = Math.min(...a.filter(ue).map(ce)) >= 0 ? 0 : Math.min(...a.filter(re).map(oe)), t[19] = a, t[20] = Ht) : Ht = t[20];
+  const Ot = Ht;
+  let kt;
+  t[21] !== a ? (kt = Math.min(...a.filter(se).map(le)) >= 0 ? 0 : Math.min(...a.filter(ne).map(ae)), t[21] = a, t[22] = kt) : kt = t[22];
+  const ht = kt;
+  let Lt;
+  t[23] !== Ot || t[24] !== ut || t[25] !== ht ? (Lt = p(ut) ? Math.min(...[Ot, ht].filter(Number.isFinite)) >= 0 ? 0 : Math.min(...[Ot, ht].filter(Number.isFinite)) : ut, t[23] = Ot, t[24] = ut, t[25] = ht, t[26] = Lt) : Lt = t[26];
+  const y = Lt;
+  let $, I, H, X, T, Y, E, b, z, j, D, R, v, w;
+  if (t[27] !== r || t[28] !== A || t[29] !== $t || t[30] !== It || t[31] !== l?.graphObjectValues || t[32] !== l?.xAxis?.axis || t[33] !== l?.xAxis?.labels || t[34] !== l?.yAxis?.gridLines || t[35] !== l?.yAxis?.labels || t[36] !== l?.yAxis?.title || t[37] !== Z || t[38] !== a || t[39] !== k || t[40] !== u || t[41] !== mt || t[42] !== m || t[43] !== Gt || t[44] !== K || t[45] !== N || t[46] !== F || t[47] !== _ || t[48] !== g.bottom || t[49] !== g.left || t[50] !== g.right || t[51] !== g.top || t[52] !== Rt || t[53] !== x || t[54] !== yt || t[55] !== P || t[56] !== L || t[57] !== bt || t[58] !== at || t[59] !== ct || t[60] !== nt || t[61] !== O || t[62] !== qt || t[63] !== dt || t[64] !== St || t[65] !== Tt || t[66] !== ii || t[67] !== Wt || t[68] !== h?.graphObjectValues || t[69] !== h?.xAxis?.axis || t[70] !== h?.xAxis?.labels || t[71] !== h?.yAxis?.gridLines || t[72] !== h?.yAxis?.labels || t[73] !== h?.yAxis?.title || t[74] !== gt || t[75] !== vt || t[76] !== f || t[77] !== Ut || t[78] !== Q || t[79] !== pt || t[80] !== Ct || t[81] !== y) {
+    const c = Ni().domain([y, Ct]).range([mt, 0]).nice();
+    let Xt;
+    t[96] !== F ? (Xt = (s, si) => ({
+      ...s,
+      id: F ? `${s.label}` : `${si}`
+    }), t[96] = F, t[97] = Xt) : Xt = t[97];
+    const ci = a.map(Xt), o = F || ci.map(ee), C = $i().domain(o).range([0, yt ? Math.max(m, yt * o.length) : Rt ? Math.min(m, Rt * o.length) : m]).paddingInner(It), J = c.ticks(bt);
+    I = xt.svg, j = `${pt}px`, D = `${Gt}px`, R = `0 0 ${pt} ${Gt}`, v = "ltr", w = Kt, T = `translate(${g.left},${g.top})`;
+    const mi = c(y < 0 ? 0 : y), Yt = c(y < 0 ? 0 : y), ft = y < 0 ? 0 : y;
+    let st;
+    t[98] !== L || t[99] !== nt || t[100] !== O || t[101] !== gt || t[102] !== ft ? (st = Mi(ft, L, nt, O, gt), t[98] = L, t[99] = nt, t[100] = O, t[101] = gt, t[102] = ft, t[103] = st) : st = t[103];
+    const Et = l?.xAxis?.axis, M = l?.yAxis?.labels;
+    let et;
+    t[104] !== Et || t[105] !== M ? (et = {
+      axis: Et,
+      label: M
+    }, t[104] = Et, t[105] = M, t[106] = et) : et = t[106];
+    const fi = h?.xAxis?.axis, hi = h?.yAxis?.labels;
+    let e;
+    t[107] !== fi || t[108] !== hi ? (e = {
+      axis: fi,
+      label: hi
+    }, t[107] = fi, t[108] = hi, t[109] = e) : e = t[109], Y = /* @__PURE__ */ n.jsx(ki, { y1: mi, y2: Yt, x1: 0 - _, x2: m + g.right, label: st, labelPos: {
+      x: 0 - _,
+      dx: 0,
+      dy: Ct < 0 ? "1em" : -5,
+      y: c(y < 0 ? 0 : y)
+    }, classNames: et, styles: e }), E = ii ? /* @__PURE__ */ n.jsx(Bi, { values: J.filter(ie), y: J.filter(te).map((s) => c(s)), x1: 0 - _, x2: m + g.right, styles: {
+      gridLines: h?.yAxis?.gridLines,
+      labels: h?.yAxis?.labels
+    }, classNames: {
+      gridLines: l?.yAxis?.gridLines,
+      labels: l?.yAxis?.labels
+    }, suffix: gt, prefix: O, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: nt }) : null;
+    const ot = 0 - _ - 15, ui = mt / 2, gi = h?.yAxis?.title, di = l?.yAxis?.title;
+    t[110] !== A || t[111] !== ot || t[112] !== ui || t[113] !== gi || t[114] !== di ? (b = /* @__PURE__ */ n.jsx(Li, { x: ot, y: ui, style: gi, className: di, text: A, rotate90: !0 }), t[110] = A, t[111] = ot, t[112] = ui, t[113] = gi, t[114] = di, t[115] = b) : b = t[115], t[116] !== Z ? (z = Z.filter(_i).map(Zi), t[116] = Z, t[117] = z) : z = t[117], $ = Ti, H = ci.map((s) => p(C(s.id)) ? null : /* @__PURE__ */ n.jsxs(xt.g, { className: "undp-viz-g-with-hover", onMouseEnter: (si) => {
+      Qt(s), ti(si.clientY), _t(si.clientX), ct?.(s);
+    }, onClick: () => {
+      (at || k) && (zi(P, s) && St ? (Zt(void 0), at?.(void 0)) : (Zt(s), at?.(s)));
+    }, onMouseMove: (si) => {
+      Qt(s), ti(si.clientY), _t(si.clientX);
+    }, onMouseLeave: () => {
+      Qt(void 0), _t(void 0), ti(void 0), ct?.(void 0);
+    }, exit: {
+      opacity: 0,
+      transition: {
+        duration: r.duration
       }
-    ),
-    si && B && oi && f ? /* @__PURE__ */ e.jsx(
-      $i,
-      {
-        data: si,
-        body: B,
-        xPos: oi,
-        yPos: f,
-        backgroundStyle: x?.tooltip,
-        className: C?.tooltip
+    }, variants: {
+      initial: {
+        x: C(`${s.id}`),
+        y: 0,
+        opacity: K.length !== 0 ? K.indexOf(s.label) !== -1 ? 0.85 : u : 0.85
+      },
+      whileInView: {
+        x: C(`${s.id}`),
+        y: 0,
+        opacity: K.length !== 0 ? K.indexOf(s.label) !== -1 ? 0.85 : u : 0.85,
+        transition: {
+          duration: r.duration
+        }
       }
-    ) : null,
-    $ && V !== void 0 ? /* @__PURE__ */ e.jsx(
-      Ti,
-      {
-        open: V !== void 0,
-        onClose: () => {
-          E(void 0);
+    }, initial: "initial", animate: N ? "whileInView" : "initial", children: [
+      s.qualitativeRange ? s.qualitativeRange.map((si, xi) => /* @__PURE__ */ n.jsx(xt.rect, { x: 0, exit: {
+        height: 0,
+        y: c(0),
+        transition: {
+          duration: r.duration
+        }
+      }, variants: {
+        initial: {
+          height: 0,
+          y: c(0),
+          fill: qt[xi]
         },
-        children: /* @__PURE__ */ e.jsx(
-          "div",
-          {
-            className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof $ == "string" ? { __html: Ai($, V) } : void 0,
-            children: typeof $ == "function" ? $(V) : null
+        whileInView: {
+          height: Math.abs(c(pi(s.qualitativeRange.filter((yi, bi) => bi <= xi && yi))) - c(pi(s.qualitativeRange.filter((yi, bi) => bi < xi && yi)))),
+          y: c(pi(s.qualitativeRange.filter((yi, bi) => bi <= xi && yi))),
+          fill: qt[xi],
+          transition: {
+            duration: r.duration
           }
-        )
-      }
-    ) : null
-  ] });
-}
-function Ki(wi) {
-  const {
-    data: r,
-    graphTitle: p,
-    barColor: J = vi.primaryColors["blue-600"],
-    suffix: R = "",
-    sources: K,
-    prefix: ri = "",
-    graphDescription: Q,
-    barPadding: yi = 0.25,
-    showValues: mi = !0,
-    showTicks: Z = !0,
-    leftMargin: ii = 100,
-    rightMargin: bi = 40,
-    truncateBy: z = 999,
-    height: ti,
-    width: o,
-    footNote: B,
-    colorDomain: T,
-    colorLegendTitle: A,
-    highlightedDataPoints: g = [],
-    padding: q,
-    backgroundColor: b = !1,
-    topMargin: F = 25,
-    bottomMargin: ei = 10,
-    showLabels: H = !0,
-    relativeHeight: D,
-    tooltip: di,
-    onSeriesMouseOver: L,
-    refValues: $,
-    showColorScale: ai = !0,
-    graphID: ni,
-    maxValue: k,
-    minValue: x,
-    onSeriesMouseClick: C,
-    graphDownload: li = !1,
-    dataDownload: P = !1,
-    sortData: I,
-    labelOrder: h,
-    language: s = "en",
-    minHeight: j = 0,
-    theme: W = "light",
-    maxBarThickness: S,
-    maxNumberOfBars: X,
-    minBarThickness: y,
-    ariaLabel: m,
-    resetSelectionOnDoubleClick: si = !0,
-    detailsOnClick: Y,
-    barAxisTitle: V,
-    noOfTicks: E = 5,
-    valueColor: oi,
-    styles: N,
-    classNames: f,
-    filterNA: w = !0,
-    targetStyle: u = "line",
-    targetColor: G = vi.light.grays["gray-700"],
-    qualitativeRangeColors: O,
-    measureBarWidthFactor: hi = 0.4,
-    animate: _ = !1,
-    dimmedOpacity: ci = 0.3,
-    precision: xi = 2,
-    customLayers: ui = [],
-    naLabel: M = "NA"
-  } = wi, [a, fi] = gi(0), [l, v] = gi(0), d = ji(null), t = ji(null);
-  return zi(() => {
-    const i = new ResizeObserver((n) => {
-      fi(o || n[0].target.clientWidth || 620), v(ti || n[0].target.clientHeight || 480);
-    });
-    return d.current && (v(d.current.clientHeight || 480), fi(d.current.clientWidth || 620), o || i.observe(d.current)), () => i.disconnect();
-  }, [o, ti]), /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: `${W || "light"} flex ${o ? "w-fit grow-0" : "w-full grow"}`,
-      dir: s === "he" || s === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: Vi(
-            `${b ? b === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${s || "en"}`,
-            o ? "w-fit" : "w-full",
-            f?.graphContainer
-          ),
-          style: {
-            ...N?.graphContainer || {},
-            ...b && b !== !0 ? { backgroundColor: b } : {}
-          },
-          id: ni,
-          ref: t,
-          "aria-label": m || `${p ? `The graph shows ${p}. ` : ""}This is a bar chart. ${Q ? ` ${Q}` : ""}`,
-          children: /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: b ? q || "1rem" : q || 0 },
-              children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                p || Q || li || P ? /* @__PURE__ */ e.jsx(
-                  Fi,
-                  {
-                    styles: {
-                      title: N?.title,
-                      description: N?.description
-                    },
-                    classNames: {
-                      title: f?.title,
-                      description: f?.description
-                    },
-                    graphTitle: p,
-                    graphDescription: Q,
-                    width: o,
-                    graphDownload: li ? t.current : void 0,
-                    dataDownload: P ? r.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? r.map((i) => i.data).filter((i) => i !== void 0) : r.filter((i) => i !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: r.length === 0 ? /* @__PURE__ */ e.jsx(Hi, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  ai && r.filter((i) => i.qualitativeRange).length !== 0 && T ? /* @__PURE__ */ e.jsx(
-                    Pi,
-                    {
-                      width: o,
-                      colorLegendTitle: A,
-                      colors: O || vi[W].sequentialColors.positiveColorsx10,
-                      colorDomain: T,
-                      showNAColor: !1
-                    }
-                  ) : null,
-                  /* @__PURE__ */ e.jsx(
-                    "div",
-                    {
-                      className: "flex grow flex-col justify-center w-full leading-0",
-                      ref: d,
-                      "aria-label": "Graph area",
-                      children: (o || a) && (ti || l) ? /* @__PURE__ */ e.jsx(
-                        Ji,
-                        {
-                          data: I ? ki(
-                            r.filter((i) => w ? !c(i.size) : i),
-                            [
-                              (i) => i.size === void 0 ? I === "asc" ? -1 / 0 : 1 / 0 : i.size
-                            ],
-                            [I]
-                          ).filter((i, n) => X ? n < X : !0) : r.filter((i) => w ? !c(i.size) : i).filter((i, n) => X ? n < X : !0),
-                          barColor: J,
-                          targetColor: G,
-                          width: o || a,
-                          height: Math.max(
-                            j,
-                            ti || (D ? j ? (o || a) * D > j ? (o || a) * D : j : (o || a) * D : l)
-                          ),
-                          suffix: R,
-                          prefix: ri,
-                          barPadding: yi,
-                          showValues: mi,
-                          showTicks: Z,
-                          leftMargin: ii,
-                          rightMargin: bi,
-                          topMargin: F,
-                          bottomMargin: ei,
-                          truncateBy: z,
-                          showLabels: H,
-                          tooltip: di,
-                          onSeriesMouseOver: L,
-                          refValues: $,
-                          maxValue: k,
-                          minValue: x,
-                          highlightedDataPoints: g,
-                          onSeriesMouseClick: C,
-                          labelOrder: h,
-                          rtl: s === "he" || s === "ar",
-                          maxBarThickness: S,
-                          minBarThickness: y,
-                          resetSelectionOnDoubleClick: si,
-                          detailsOnClick: Y,
-                          barAxisTitle: V,
-                          noOfTicks: E,
-                          valueColor: oi,
-                          classNames: f,
-                          styles: N,
-                          targetStyle: u,
-                          qualitativeRangeColors: O || vi[W].sequentialColors.positiveColorsx10,
-                          measureBarWidthFactor: hi,
-                          animate: _ === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : _ || { duration: 0, once: !0, amount: 0 },
-                          dimmedOpacity: ci,
-                          precision: xi,
-                          customLayers: ui,
-                          naLabel: M
-                        }
-                      ) : null
-                    }
-                  )
-                ] }) }),
-                K || B ? /* @__PURE__ */ e.jsx(
-                  qi,
-                  {
-                    sources: K,
-                    footNote: B,
-                    width: o,
-                    styles: { footnote: N?.footnote, source: N?.source },
-                    classNames: {
-                      footnote: f?.footnote,
-                      source: f?.source
-                    }
-                  }
-                ) : null
-              ] })
-            }
-          )
         }
-      )
-    }
-  );
+      }, initial: "initial", animate: N ? "whileInView" : "initial", width: C.bandwidth() }, xi)) : null,
+      s.target && f === "background" ? /* @__PURE__ */ n.jsx(xt.rect, { x: 0, width: C.bandwidth(), style: {
+        fill: vt
+      }, exit: {
+        height: 0,
+        y: c(0),
+        transition: {
+          duration: r.duration
+        }
+      }, variants: {
+        initial: {
+          height: 0,
+          y: c(0)
+        },
+        whileInView: {
+          height: Math.abs(c(s.target) - c(0)),
+          y: s.target > 0 ? c(s.target) : c(0),
+          transition: {
+            duration: r.duration
+          }
+        }
+      }, initial: "initial", animate: N ? "whileInView" : "initial" }) : null,
+      s.size ? /* @__PURE__ */ n.jsx(xt.rect, { x: C.bandwidth() * ((1 - x) / 2), width: C.bandwidth() * x, style: {
+        fill: $t
+      }, exit: {
+        height: 0,
+        y: c(0),
+        transition: {
+          duration: r.duration
+        }
+      }, variants: {
+        initial: {
+          height: 0,
+          y: c(0)
+        },
+        whileInView: {
+          height: Math.abs(c(s.size) - c(0)),
+          y: s.size > 0 ? c(s.size) : c(0),
+          transition: {
+            duration: r.duration
+          }
+        }
+      }, initial: "initial", animate: N ? "whileInView" : "initial" }) : null,
+      s.target && f === "line" ? /* @__PURE__ */ n.jsx(xt.rect, { x: 0, width: C.bandwidth(), style: {
+        fill: vt
+      }, exit: {
+        y: c(0),
+        opacity: 0,
+        transition: {
+          duration: r.duration
+        }
+      }, variants: {
+        initial: {
+          y: c(0),
+          opacity: 0
+        },
+        whileInView: {
+          y: c(s.target) - 1,
+          opacity: 1,
+          transition: {
+            duration: r.duration
+          }
+        }
+      }, initial: "initial", animate: N ? "whileInView" : "initial", height: 2 }) : null,
+      Tt ? /* @__PURE__ */ n.jsx(Si, { value: `${s.label}`.length < Ut ? `${s.label}` : `${`${s.label}`.substring(0, Ut)}...`, y: (s.size || 0) < 0 ? 0 : c(0) + 5, x: 0, width: C.bandwidth(), height: (s.size || 0) < 0 ? c(0) - 5 : g.bottom, style: h?.xAxis?.labels, className: l?.xAxis?.labels, alignment: (s.size || 0) < 0 ? "bottom" : "top", animate: r, isInView: N }) : null,
+      Wt ? /* @__PURE__ */ n.jsx(xt.text, { x: C.bandwidth() / 2, style: {
+        textAnchor: "middle",
+        ...h?.graphObjectValues || {}
+      }, className: Vi("graph-value text-sm", !Q && $t.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "", l?.graphObjectValues), dy: s.size ? s.size >= 0 ? "-5px" : "1em" : "-5px", exit: {
+        opacity: 0,
+        transition: {
+          duration: r.duration
+        }
+      }, variants: {
+        initial: {
+          y: c(0),
+          opacity: 0,
+          fill: Q || $t
+        },
+        whileInView: {
+          y: c(s.size || 0),
+          opacity: 1,
+          fill: Q || $t,
+          transition: {
+            duration: r.duration
+          }
+        }
+      }, initial: "initial", animate: N ? "whileInView" : "initial", children: Mi(s.size, L, nt, O, gt) }) : null
+    ] }, s.label)), X = dt ? /* @__PURE__ */ n.jsx(n.Fragment, { children: dt.map((s, si) => /* @__PURE__ */ n.jsx(Fi, { text: s.text, color: s.color, y: c(s.value), x1: 0 - _, x2: m + g.right, classNames: s.classNames, styles: s.styles, animate: r, isInView: N }, si)) }) : null, t[27] = r, t[28] = A, t[29] = $t, t[30] = It, t[31] = l?.graphObjectValues, t[32] = l?.xAxis?.axis, t[33] = l?.xAxis?.labels, t[34] = l?.yAxis?.gridLines, t[35] = l?.yAxis?.labels, t[36] = l?.yAxis?.title, t[37] = Z, t[38] = a, t[39] = k, t[40] = u, t[41] = mt, t[42] = m, t[43] = Gt, t[44] = K, t[45] = N, t[46] = F, t[47] = _, t[48] = g.bottom, t[49] = g.left, t[50] = g.right, t[51] = g.top, t[52] = Rt, t[53] = x, t[54] = yt, t[55] = P, t[56] = L, t[57] = bt, t[58] = at, t[59] = ct, t[60] = nt, t[61] = O, t[62] = qt, t[63] = dt, t[64] = St, t[65] = Tt, t[66] = ii, t[67] = Wt, t[68] = h?.graphObjectValues, t[69] = h?.xAxis?.axis, t[70] = h?.xAxis?.labels, t[71] = h?.yAxis?.gridLines, t[72] = h?.yAxis?.labels, t[73] = h?.yAxis?.title, t[74] = gt, t[75] = vt, t[76] = f, t[77] = Ut, t[78] = Q, t[79] = pt, t[80] = Ct, t[81] = y, t[82] = $, t[83] = I, t[84] = H, t[85] = X, t[86] = T, t[87] = Y, t[88] = E, t[89] = b, t[90] = z, t[91] = j, t[92] = D, t[93] = R, t[94] = v, t[95] = w;
+  } else
+    $ = t[82], I = t[83], H = t[84], X = t[85], T = t[86], Y = t[87], E = t[88], b = t[89], z = t[90], j = t[91], D = t[92], R = t[93], v = t[94], w = t[95];
+  let G;
+  t[118] !== $ || t[119] !== H || t[120] !== X ? (G = /* @__PURE__ */ n.jsxs($, { children: [
+    H,
+    X
+  ] }), t[118] = $, t[119] = H, t[120] = X, t[121] = G) : G = t[121];
+  let W;
+  t[122] !== Z ? (W = Z.filter(Qi).map(Ki), t[122] = Z, t[123] = W) : W = t[123];
+  let U;
+  t[124] !== T || t[125] !== Y || t[126] !== E || t[127] !== b || t[128] !== z || t[129] !== G || t[130] !== W ? (U = /* @__PURE__ */ n.jsxs("g", { transform: T, children: [
+    Y,
+    E,
+    b,
+    z,
+    G,
+    W
+  ] }), t[124] = T, t[125] = Y, t[126] = E, t[127] = b, t[128] = z, t[129] = G, t[130] = W, t[131] = U) : U = t[131];
+  let S;
+  t[132] !== I || t[133] !== j || t[134] !== D || t[135] !== R || t[136] !== v || t[137] !== w || t[138] !== U ? (S = /* @__PURE__ */ n.jsx(I, { width: j, height: D, viewBox: R, direction: v, ref: w, children: U }), t[132] = I, t[133] = j, t[134] = D, t[135] = R, t[136] = v, t[137] = w, t[138] = U, t[139] = S) : S = t[139];
+  let lt;
+  t[140] !== l?.tooltip || t[141] !== tt || t[142] !== Pt || t[143] !== V || t[144] !== h?.tooltip || t[145] !== rt ? (lt = V && rt && tt && Pt ? /* @__PURE__ */ n.jsx(Ci, { data: V, body: rt, xPos: tt, yPos: Pt, backgroundStyle: h?.tooltip, className: l?.tooltip }) : null, t[140] = l?.tooltip, t[141] = tt, t[142] = Pt, t[143] = V, t[144] = h?.tooltip, t[145] = rt, t[146] = lt) : lt = t[146];
+  let q;
+  t[147] !== k || t[148] !== P ? (q = k && P !== void 0 ? /* @__PURE__ */ n.jsx(ji, { open: P !== void 0, onClose: () => {
+    Zt(void 0);
+  }, children: /* @__PURE__ */ n.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof k == "string" ? {
+    __html: Oi(k, P)
+  } : void 0, children: typeof k == "function" ? k(P) : null }) }) : null, t[147] = k, t[148] = P, t[149] = q) : q = t[149];
+  let Nt;
+  return t[150] !== S || t[151] !== lt || t[152] !== q ? (Nt = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    S,
+    lt,
+    q
+  ] }), t[150] = S, t[151] = lt, t[152] = q, t[153] = Nt) : Nt = t[153], Nt;
 }
-function Qi(wi) {
-  const {
-    data: r,
-    width: p,
-    height: J,
-    barColor: R,
-    suffix: K,
-    prefix: ri,
-    barPadding: Q,
-    showLabels: yi,
-    showValues: mi,
-    showTicks: Z,
-    truncateBy: ii,
-    rightMargin: bi,
-    topMargin: z,
-    bottomMargin: ti,
-    leftMargin: o,
-    tooltip: B,
-    onSeriesMouseOver: T,
-    refValues: A,
-    maxValue: g,
-    minValue: q,
-    highlightedDataPoints: b,
-    onSeriesMouseClick: F,
-    labelOrder: ei,
-    maxBarThickness: H,
-    minBarThickness: D,
-    resetSelectionOnDoubleClick: di,
-    detailsOnClick: L,
-    barAxisTitle: $,
-    valueColor: ai,
-    noOfTicks: ni,
-    styles: k,
-    classNames: x,
-    targetStyle: C,
-    targetColor: li,
-    qualitativeRangeColors: P,
-    measureBarWidthFactor: I,
-    animate: h,
-    dimmedOpacity: s,
-    precision: j,
-    customLayers: W,
-    naLabel: S
-  } = wi, X = ji(null), y = Ri(X, {
-    once: h.once,
-    amount: h.amount
-  }), m = {
-    top: z,
-    bottom: ti,
-    left: $ ? o + 30 : o,
-    right: bi
-  }, [si, Y] = gi(void 0), [V, E] = gi(void 0), [oi, N] = gi(void 0), [f, w] = gi(void 0), u = p - m.left - m.right, G = J - m.top - m.bottom, O = Math.max(...r.filter((t) => !c(t.size)).map((t) => t.size)) < 0 ? 0 : Math.max(...r.filter((t) => !c(t.size)).map((t) => t.size)), hi = Math.max(...r.filter((t) => !c(t.target)).map((t) => t.target)) < 0 ? 0 : Math.max(...r.filter((t) => !c(t.size)).map((t) => t.target)), _ = Math.max(
-    ...r.map((t) => Ci((t.qualitativeRange || []).filter((i) => !c(i))) || 0)
-  ), ci = c(g) ? Math.max(...[O, hi, _].filter(Number.isFinite)) < 0 ? 0 : Math.max(
-    ...[O, hi, _].filter(Number.isFinite)
-  ) : g, xi = Math.min(...r.filter((t) => !c(t.size)).map((t) => t.size)) >= 0 ? 0 : Math.min(...r.filter((t) => !c(t.size)).map((t) => t.size)), ui = Math.min(...r.filter((t) => !c(t.target)).map((t) => t.target)) >= 0 ? 0 : Math.min(
-    ...r.filter((t) => !c(t.target)).map((t) => t.target)
-  ), M = c(q) ? Math.min(...[xi, ui].filter(Number.isFinite)) >= 0 ? 0 : Math.min(...[xi, ui].filter(Number.isFinite)) : q, a = Ii().domain([M, ci]).range([G, 0]).nice(), fi = r.map((t, i) => ({
-    ...t,
-    id: ei ? `${t.label}` : `${i}`
-  })), l = ei || fi.map((t) => `${t.id}`), v = Si().domain(l).range([
-    0,
-    D ? Math.max(u, D * l.length) : H ? Math.min(u, H * l.length) : u
-  ]).paddingInner(Q), d = a.ticks(ni);
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      U.svg,
-      {
-        width: `${p}px`,
-        height: `${J}px`,
-        viewBox: `0 0 ${p} ${J}`,
-        direction: "ltr",
-        ref: X,
-        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${m.left},${m.top})`, children: [
-          /* @__PURE__ */ e.jsx(
-            Li,
-            {
-              y1: a(M < 0 ? 0 : M),
-              y2: a(M < 0 ? 0 : M),
-              x1: 0 - o,
-              x2: u + m.right,
-              label: Ni(
-                M < 0 ? 0 : M,
-                S,
-                j,
-                ri,
-                K
-              ),
-              labelPos: {
-                x: 0 - o,
-                dx: 0,
-                dy: ci < 0 ? "1em" : -5,
-                y: a(M < 0 ? 0 : M)
-              },
-              classNames: {
-                axis: x?.xAxis?.axis,
-                label: x?.yAxis?.labels
-              },
-              styles: { axis: k?.xAxis?.axis, label: k?.yAxis?.labels }
-            }
-          ),
-          Z ? /* @__PURE__ */ e.jsx(
-            Ui,
-            {
-              values: d.filter((t) => t !== 0),
-              y: d.filter((t) => t !== 0).map((t) => a(t)),
-              x1: 0 - o,
-              x2: u + m.right,
-              styles: {
-                gridLines: k?.yAxis?.gridLines,
-                labels: k?.yAxis?.labels
-              },
-              classNames: {
-                gridLines: x?.yAxis?.gridLines,
-                labels: x?.yAxis?.labels
-              },
-              suffix: K,
-              prefix: ri,
-              labelType: "secondary",
-              showGridLines: !0,
-              labelPos: "vertical",
-              precision: j
-            }
-          ) : null,
-          /* @__PURE__ */ e.jsx(
-            Di,
-            {
-              x: 0 - o - 15,
-              y: G / 2,
-              style: k?.yAxis?.title,
-              className: x?.yAxis?.title,
-              text: $,
-              rotate90: !0
-            }
-          ),
-          W.filter((t) => t.position === "before").map((t) => t.layer),
-          /* @__PURE__ */ e.jsxs(Bi, { children: [
-            fi.map(
-              (t) => c(v(t.id)) ? null : /* @__PURE__ */ e.jsxs(
-                U.g,
-                {
-                  className: "undp-viz-g-with-hover",
-                  onMouseEnter: (i) => {
-                    Y(t), w(i.clientY), N(i.clientX), T?.(t);
-                  },
-                  onClick: () => {
-                    (F || L) && (Oi(V, t) && di ? (E(void 0), F?.(void 0)) : (E(t), F?.(t)));
-                  },
-                  onMouseMove: (i) => {
-                    Y(t), w(i.clientY), N(i.clientX);
-                  },
-                  onMouseLeave: () => {
-                    Y(void 0), N(void 0), w(void 0), T?.(void 0);
-                  },
-                  exit: { opacity: 0, transition: { duration: h.duration } },
-                  variants: {
-                    initial: {
-                      x: v(`${t.id}`),
-                      y: 0,
-                      opacity: b.length !== 0 ? b.indexOf(t.label) !== -1 ? 0.85 : s : 0.85
-                    },
-                    whileInView: {
-                      x: v(`${t.id}`),
-                      y: 0,
-                      opacity: b.length !== 0 ? b.indexOf(t.label) !== -1 ? 0.85 : s : 0.85,
-                      transition: { duration: h.duration }
-                    }
-                  },
-                  initial: "initial",
-                  animate: y ? "whileInView" : "initial",
-                  children: [
-                    t.qualitativeRange ? t.qualitativeRange.map((i, n) => /* @__PURE__ */ e.jsx(
-                      U.rect,
-                      {
-                        x: 0,
-                        exit: {
-                          height: 0,
-                          y: a(0),
-                          transition: { duration: h.duration }
-                        },
-                        variants: {
-                          initial: {
-                            height: 0,
-                            y: a(0),
-                            fill: P[n]
-                          },
-                          whileInView: {
-                            height: Math.abs(
-                              a(
-                                Ci(
-                                  t.qualitativeRange.filter(
-                                    (pi, Mi) => Mi <= n && pi
-                                  )
-                                )
-                              ) - a(
-                                Ci(
-                                  t.qualitativeRange.filter(
-                                    (pi, Mi) => Mi < n && pi
-                                  )
-                                )
-                              )
-                            ),
-                            y: a(
-                              Ci(
-                                t.qualitativeRange.filter(
-                                  (pi, Mi) => Mi <= n && pi
-                                )
-                              )
-                            ),
-                            fill: P[n],
-                            transition: { duration: h.duration }
-                          }
-                        },
-                        initial: "initial",
-                        animate: y ? "whileInView" : "initial",
-                        width: v.bandwidth()
-                      },
-                      n
-                    )) : null,
-                    t.target && C === "background" ? /* @__PURE__ */ e.jsx(
-                      U.rect,
-                      {
-                        x: 0,
-                        width: v.bandwidth(),
-                        style: {
-                          fill: li
-                        },
-                        exit: {
-                          height: 0,
-                          y: a(0),
-                          transition: { duration: h.duration }
-                        },
-                        variants: {
-                          initial: {
-                            height: 0,
-                            y: a(0)
-                          },
-                          whileInView: {
-                            height: Math.abs(a(t.target) - a(0)),
-                            y: t.target > 0 ? a(t.target) : a(0),
-                            transition: { duration: h.duration }
-                          }
-                        },
-                        initial: "initial",
-                        animate: y ? "whileInView" : "initial"
-                      }
-                    ) : null,
-                    t.size ? /* @__PURE__ */ e.jsx(
-                      U.rect,
-                      {
-                        x: v.bandwidth() * ((1 - I) / 2),
-                        width: v.bandwidth() * I,
-                        style: {
-                          fill: R
-                        },
-                        exit: {
-                          height: 0,
-                          y: a(0),
-                          transition: { duration: h.duration }
-                        },
-                        variants: {
-                          initial: {
-                            height: 0,
-                            y: a(0)
-                          },
-                          whileInView: {
-                            height: Math.abs(a(t.size) - a(0)),
-                            y: t.size > 0 ? a(t.size) : a(0),
-                            transition: { duration: h.duration }
-                          }
-                        },
-                        initial: "initial",
-                        animate: y ? "whileInView" : "initial"
-                      }
-                    ) : null,
-                    t.target && C === "line" ? /* @__PURE__ */ e.jsx(
-                      U.rect,
-                      {
-                        x: 0,
-                        width: v.bandwidth(),
-                        style: {
-                          fill: li
-                        },
-                        exit: {
-                          y: a(0),
-                          opacity: 0,
-                          transition: { duration: h.duration }
-                        },
-                        variants: {
-                          initial: {
-                            y: a(0),
-                            opacity: 0
-                          },
-                          whileInView: {
-                            y: a(t.target) - 1,
-                            opacity: 1,
-                            transition: { duration: h.duration }
-                          }
-                        },
-                        initial: "initial",
-                        animate: y ? "whileInView" : "initial",
-                        height: 2
-                      }
-                    ) : null,
-                    yi ? /* @__PURE__ */ e.jsx(
-                      _i,
-                      {
-                        value: `${t.label}`.length < ii ? `${t.label}` : `${`${t.label}`.substring(0, ii)}...`,
-                        y: (t.size || 0) < 0 ? 0 : a(0) + 5,
-                        x: 0,
-                        width: v.bandwidth(),
-                        height: (t.size || 0) < 0 ? a(0) - 5 : m.bottom,
-                        style: k?.xAxis?.labels,
-                        className: x?.xAxis?.labels,
-                        alignment: (t.size || 0) < 0 ? "bottom" : "top",
-                        animate: h,
-                        isInView: y
-                      }
-                    ) : null,
-                    mi ? /* @__PURE__ */ e.jsx(
-                      U.text,
-                      {
-                        x: v.bandwidth() / 2,
-                        style: {
-                          textAnchor: "middle",
-                          ...k?.graphObjectValues || {}
-                        },
-                        className: Vi(
-                          "graph-value text-sm",
-                          !ai && R.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "",
-                          x?.graphObjectValues
-                        ),
-                        dy: t.size ? t.size >= 0 ? "-5px" : "1em" : "-5px",
-                        exit: { opacity: 0, transition: { duration: h.duration } },
-                        variants: {
-                          initial: {
-                            y: a(0),
-                            opacity: 0,
-                            fill: ai || R
-                          },
-                          whileInView: {
-                            y: a(t.size || 0),
-                            opacity: 1,
-                            fill: ai || R,
-                            transition: { duration: h.duration }
-                          }
-                        },
-                        initial: "initial",
-                        animate: y ? "whileInView" : "initial",
-                        children: Ni(t.size, S, j, ri, K)
-                      }
-                    ) : null
-                  ]
-                },
-                t.label
-              )
-            ),
-            A ? /* @__PURE__ */ e.jsx(e.Fragment, { children: A.map((t, i) => /* @__PURE__ */ e.jsx(
-              Gi,
-              {
-                text: t.text,
-                color: t.color,
-                y: a(t.value),
-                x1: 0 - o,
-                x2: u + m.right,
-                classNames: t.classNames,
-                styles: t.styles,
-                animate: h,
-                isInView: y
-              },
-              i
-            )) }) : null
-          ] }),
-          W.filter((t) => t.position === "after").map((t) => t.layer)
-        ] })
+function Ki(i) {
+  return i.layer;
+}
+function Qi(i) {
+  return i.position === "after";
+}
+function Zi(i) {
+  return i.layer;
+}
+function _i(i) {
+  return i.position === "before";
+}
+function te(i) {
+  return i !== 0;
+}
+function ie(i) {
+  return i !== 0;
+}
+function ee(i) {
+  return `${i.id}`;
+}
+function ae(i) {
+  return i.target;
+}
+function ne(i) {
+  return !p(i.target);
+}
+function le(i) {
+  return i.target;
+}
+function se(i) {
+  return !p(i.target);
+}
+function oe(i) {
+  return i.size;
+}
+function re(i) {
+  return !p(i.size);
+}
+function ce(i) {
+  return i.size;
+}
+function ue(i) {
+  return !p(i.size);
+}
+function me(i) {
+  return pi((i.qualitativeRange || []).filter(he)) || 0;
+}
+function he(i) {
+  return !p(i);
+}
+function fe(i) {
+  return i.target;
+}
+function xe(i) {
+  return !p(i.size);
+}
+function pe(i) {
+  return i.target;
+}
+function ge(i) {
+  return !p(i.target);
+}
+function de(i) {
+  return i.size;
+}
+function ye(i) {
+  return !p(i.size);
+}
+function be(i) {
+  return i.size;
+}
+function ve(i) {
+  return !p(i.size);
+}
+function we(i) {
+  const t = Ai.c(146), {
+    data: a,
+    topMargin: pt,
+    bottomMargin: Gt,
+    leftMargin: $t,
+    rightMargin: gt,
+    barColor: O,
+    suffix: It,
+    prefix: Tt,
+    barPadding: Wt,
+    showValues: ii,
+    showTicks: Ut,
+    truncateBy: ei,
+    width: Dt,
+    height: Jt,
+    showLabels: ri,
+    tooltip: rt,
+    onSeriesMouseOver: ct,
+    refValues: dt,
+    highlightedDataPoints: d,
+    maxValue: ut,
+    minValue: K,
+    onSeriesMouseClick: at,
+    labelOrder: F,
+    rtl: Rt,
+    maxBarThickness: yt,
+    minBarThickness: St,
+    resetSelectionOnDoubleClick: k,
+    detailsOnClick: A,
+    barAxisTitle: Q,
+    valueColor: bt,
+    noOfTicks: h,
+    styles: l,
+    classNames: f,
+    targetStyle: vt,
+    targetColor: qt,
+    qualitativeRangeColors: x,
+    measureBarWidthFactor: r,
+    animate: u,
+    dimmedOpacity: nt,
+    precision: Z,
+    customLayers: L,
+    naLabel: _
+  } = i, Ft = pt === void 0 ? 25 : pt, ai = Gt === void 0 ? 10 : Gt, ni = $t === void 0 ? 100 : $t, Kt = gt === void 0 ? 40 : gt, li = wi(null);
+  let N;
+  t[0] !== u.amount || t[1] !== u.once ? (N = {
+    once: u.once,
+    amount: u.amount
+  }, t[0] = u.amount, t[1] = u.once, t[2] = N) : N = t[2];
+  const B = Ii(li, N), [Bt, g] = oi(void 0), [V, Qt] = oi(void 0), [P, Zt] = oi(void 0), [tt, _t] = oi(void 0), Pt = Q ? Ft + 25 : Ft;
+  let ti;
+  t[3] !== ai || t[4] !== ni || t[5] !== Kt || t[6] !== Pt ? (ti = {
+    top: Pt,
+    bottom: ai,
+    left: ni,
+    right: Kt
+  }, t[3] = ai, t[4] = ni, t[5] = Kt, t[6] = Pt, t[7] = ti) : ti = t[7];
+  const m = ti, mt = Dt - m.left - m.right, it = Jt - m.top - m.bottom;
+  let wt;
+  t[8] !== a ? (wt = Math.max(...a.filter(Ge).map(Ee)) < 0 ? 0 : Math.max(...a.filter(Ye).map(Xe)), t[8] = a, t[9] = wt) : wt = t[9];
+  const Mt = wt;
+  let At;
+  t[10] !== a ? (At = Math.max(...a.filter(He).map(Pe)) < 0 ? 0 : Math.max(...a.filter(Be).map(Fe)), t[10] = a, t[11] = At) : At = t[11];
+  const Vt = At;
+  let zt;
+  t[12] !== a ? (zt = Math.max(...a.map(Se)), t[12] = a, t[13] = zt) : zt = t[13];
+  const jt = zt;
+  let Ct;
+  t[14] !== Mt || t[15] !== ut || t[16] !== jt || t[17] !== Vt ? (Ct = p(ut) ? Math.max(...[Mt, Vt, jt].filter(Number.isFinite)) < 0 ? 0 : Math.max(...[Mt, Vt, jt].filter(Number.isFinite)) : ut, t[14] = Mt, t[15] = ut, t[16] = jt, t[17] = Vt, t[18] = Ct) : Ct = t[18];
+  const Ht = Ct;
+  let Ot;
+  t[19] !== a ? (Ot = Math.min(...a.filter(Re).map(De)) >= 0 ? 0 : Math.min(...a.filter(Te).map(Ie)), t[19] = a, t[20] = Ot) : Ot = t[20];
+  const kt = Ot;
+  let ht;
+  t[21] !== a ? (ht = Math.min(...a.filter($e).map(Ne)) >= 0 ? 0 : Math.min(...a.filter(Le).map(ke)), t[21] = a, t[22] = ht) : ht = t[22];
+  const Lt = ht;
+  let y;
+  t[23] !== kt || t[24] !== K || t[25] !== Lt ? (y = p(K) ? Math.min(...[kt, Lt].filter(Number.isFinite)) >= 0 ? 0 : Math.min(...[kt, Lt].filter(Number.isFinite)) : K, t[23] = kt, t[24] = K, t[25] = Lt, t[26] = y) : y = t[26];
+  const $ = y;
+  let I, H, X, T, Y, E, b, z, j, D, R, v, w, G;
+  if (t[27] !== u || t[28] !== Q || t[29] !== O || t[30] !== Wt || t[31] !== f?.graphObjectValues || t[32] !== f?.xAxis?.gridLines || t[33] !== f?.xAxis?.labels || t[34] !== f?.xAxis?.title || t[35] !== f?.yAxis?.axis || t[36] !== f?.yAxis?.labels || t[37] !== L || t[38] !== a || t[39] !== A || t[40] !== nt || t[41] !== it || t[42] !== mt || t[43] !== Jt || t[44] !== d || t[45] !== B || t[46] !== F || t[47] !== m.bottom || t[48] !== m.left || t[49] !== m.top || t[50] !== yt || t[51] !== r || t[52] !== St || t[53] !== V || t[54] !== _ || t[55] !== h || t[56] !== at || t[57] !== ct || t[58] !== Z || t[59] !== Tt || t[60] !== x || t[61] !== dt || t[62] !== k || t[63] !== Rt || t[64] !== ri || t[65] !== Ut || t[66] !== ii || t[67] !== l?.graphObjectValues || t[68] !== l?.xAxis?.gridLines || t[69] !== l?.xAxis?.labels || t[70] !== l?.xAxis?.title || t[71] !== l?.yAxis?.axis || t[72] !== l?.yAxis?.labels || t[73] !== It || t[74] !== qt || t[75] !== vt || t[76] !== Ft || t[77] !== ei || t[78] !== bt || t[79] !== Dt || t[80] !== Ht || t[81] !== $) {
+    let Xt;
+    t[96] !== F ? (Xt = (e, ot) => ({
+      ...e,
+      id: F ? `${e.label}` : `${ot}`
+    }), t[96] = F, t[97] = Xt) : Xt = t[97];
+    const ci = a.map(Xt), o = Ni().domain([$, Ht]).range([0, mt]).nice(), C = F || ci.map(Oe), J = $i().domain(C).range([0, St ? Math.max(it, St * C.length) : yt ? Math.min(it, yt * C.length) : it]).paddingInner(Wt), mi = o.ticks(h);
+    H = xt.svg, D = `${Dt}px`, R = `${Jt}px`, v = `0 0 ${Dt} ${Jt}`, w = "ltr", G = li, Y = `translate(${m.left},${m.top})`, E = Ut ? /* @__PURE__ */ n.jsx(Pi, { values: mi.filter(Ce), x: mi.filter(je).map((e) => o(e)), y1: 0 - Ft, y2: it + m.bottom, styles: {
+      gridLines: l?.xAxis?.gridLines,
+      labels: l?.xAxis?.labels
+    }, classNames: {
+      gridLines: f?.xAxis?.gridLines,
+      labels: f?.xAxis?.labels
+    }, suffix: It, prefix: Tt, labelType: "secondary", showGridLines: !0, precision: Z }) : null;
+    const Yt = mt / 2, ft = 0 - m.top + 15, st = l?.xAxis?.title, Et = f?.xAxis?.title;
+    t[98] !== Q || t[99] !== Yt || t[100] !== ft || t[101] !== st || t[102] !== Et ? (b = /* @__PURE__ */ n.jsx(Li, { x: Yt, y: ft, style: st, className: Et, text: Q }), t[98] = Q, t[99] = Yt, t[100] = ft, t[101] = st, t[102] = Et, t[103] = b) : b = t[103];
+    const M = f?.yAxis?.axis;
+    let et;
+    t[104] !== M ? (et = {
+      axis: M
+    }, t[104] = M, t[105] = et) : et = t[105];
+    const fi = l?.yAxis?.axis;
+    let hi;
+    t[106] !== fi ? (hi = {
+      axis: fi
+    }, t[106] = fi, t[107] = hi) : hi = t[107], z = /* @__PURE__ */ n.jsx(ki, { x1: o($ < 0 ? 0 : $), x2: o($ < 0 ? 0 : $), y1: -2.5, y2: it + m.bottom, classNames: et, styles: hi }), t[108] !== L ? (j = L.filter(ze).map(Ve), t[108] = L, t[109] = j) : j = t[109], I = Ti, X = ci.map((e) => p(J(e.id)) ? null : /* @__PURE__ */ n.jsxs(xt.g, { className: "undp-viz-g-with-hover", onMouseEnter: (ot) => {
+      g(e), _t(ot.clientY), Zt(ot.clientX), ct?.(e);
+    }, onClick: () => {
+      (at || A) && (zi(V, e) && k ? (Qt(void 0), at?.(void 0)) : (Qt(e), at?.(e)));
+    }, onMouseMove: (ot) => {
+      g(e), _t(ot.clientY), Zt(ot.clientX);
+    }, onMouseLeave: () => {
+      g(void 0), Zt(void 0), _t(void 0), ct?.(void 0);
+    }, exit: {
+      opacity: 0,
+      transition: {
+        duration: u.duration
       }
-    ),
-    si && B && oi && f ? /* @__PURE__ */ e.jsx(
-      $i,
-      {
-        data: si,
-        body: B,
-        xPos: oi,
-        yPos: f,
-        backgroundStyle: k?.tooltip,
-        className: x?.tooltip
+    }, variants: {
+      initial: {
+        x: 0,
+        y: J(`${e.id}`),
+        opacity: d.length !== 0 ? d.indexOf(e.label) !== -1 ? 0.85 : nt : 0.85
+      },
+      whileInView: {
+        x: 0,
+        y: J(`${e.id}`),
+        opacity: d.length !== 0 ? d.indexOf(e.label) !== -1 ? 0.85 : nt : 0.85,
+        transition: {
+          duration: u.duration
+        }
       }
-    ) : null,
-    L && V !== void 0 ? /* @__PURE__ */ e.jsx(
-      Ti,
-      {
-        open: V !== void 0,
-        onClose: () => {
-          E(void 0);
+    }, initial: "initial", animate: B ? "whileInView" : "initial", children: [
+      e.qualitativeRange ? e.qualitativeRange.map((ot, ui) => /* @__PURE__ */ n.jsx(xt.rect, { exit: {
+        width: 0,
+        x: o(0),
+        transition: {
+          duration: u.duration
+        }
+      }, variants: {
+        initial: {
+          x: o(0),
+          width: 0,
+          fill: x[ui]
         },
-        children: /* @__PURE__ */ e.jsx(
-          "div",
-          {
-            className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof L == "string" ? { __html: Ai(L, V) } : void 0,
-            children: typeof L == "function" ? L(V) : null
+        whileInView: {
+          x: o(ui === 0 ? 0 : pi(e.qualitativeRange.filter((gi, di) => di < ui && gi))),
+          width: o(ot),
+          fill: x[ui],
+          transition: {
+            duration: u.duration
+          }
+        }
+      }, initial: "initial", animate: B ? "whileInView" : "initial", y: 0, height: J.bandwidth() }, ui)) : null,
+      e.target && vt === "background" ? /* @__PURE__ */ n.jsx(xt.rect, { y: 0, x: e.target >= 0 ? o(0) : o(e.target), height: J.bandwidth(), style: {
+        fill: qt
+      }, exit: {
+        width: 0,
+        x: o(0),
+        transition: {
+          duration: u.duration
+        }
+      }, variants: {
+        initial: {
+          x: o(0),
+          width: 0
+        },
+        whileInView: {
+          x: e.target >= 0 ? o(0) : o(e.target),
+          width: e.target >= 0 ? o(e.target) - o(0) : o(0) - o(e.target),
+          transition: {
+            duration: u.duration
+          }
+        }
+      }, initial: "initial", animate: B ? "whileInView" : "initial" }) : null,
+      e.size ? /* @__PURE__ */ n.jsx(xt.rect, { y: J.bandwidth() * ((1 - r) / 2), style: {
+        fill: O
+      }, height: J.bandwidth() * r, exit: {
+        width: 0,
+        x: o(0),
+        transition: {
+          duration: u.duration
+        }
+      }, variants: {
+        initial: {
+          x: o(0),
+          width: 0
+        },
+        whileInView: {
+          x: e.size >= 0 ? o(0) : o(e.size),
+          width: e.size >= 0 ? o(e.size) - o(0) : o(0) - o(e.size),
+          transition: {
+            duration: u.duration
+          }
+        }
+      }, initial: "initial", animate: B ? "whileInView" : "initial" }) : null,
+      e.target && vt === "line" ? /* @__PURE__ */ n.jsx(xt.rect, { y: 0, height: J.bandwidth(), style: {
+        fill: qt
+      }, width: 2, exit: {
+        opacity: 0,
+        x: o(0),
+        transition: {
+          duration: u.duration
+        }
+      }, variants: {
+        initial: {
+          x: o(0),
+          opacity: 0
+        },
+        whileInView: {
+          x: o(e.target) - 1,
+          opacity: 1,
+          transition: {
+            duration: u.duration
           }
-        )
-      }
-    ) : null
-  ] });
-}
-function Zi(wi) {
-  const {
-    data: r,
-    graphTitle: p,
-    barColor: J = vi.primaryColors["blue-600"],
-    barPadding: R = 0.25,
-    showTicks: K = !0,
-    leftMargin: ri = 20,
-    rightMargin: Q = 20,
-    topMargin: yi = 20,
-    bottomMargin: mi = 25,
-    truncateBy: Z = 999,
-    showLabels: ii = !0,
-    showValues: bi = !0,
-    backgroundColor: z = !1,
-    suffix: ti = "",
-    prefix: o = "",
-    sources: B,
-    graphDescription: T,
-    height: A,
-    width: g,
-    footNote: q,
-    colorDomain: b,
-    colorLegendTitle: F,
-    padding: ei,
-    relativeHeight: H,
-    tooltip: D,
-    onSeriesMouseOver: di,
-    refValues: L,
-    showColorScale: $ = !0,
-    graphID: ai,
-    maxValue: ni,
-    minValue: k,
-    highlightedDataPoints: x = [],
-    qualitativeRangeColors: C,
-    onSeriesMouseClick: li,
-    graphDownload: P = !1,
-    dataDownload: I = !1,
-    language: h = "en",
-    theme: s = "light",
-    sortData: j,
-    labelOrder: W,
-    minHeight: S = 0,
-    maxBarThickness: X,
-    maxNumberOfBars: y,
-    minBarThickness: m,
-    ariaLabel: si,
-    resetSelectionOnDoubleClick: Y = !0,
-    detailsOnClick: V,
-    barAxisTitle: E,
-    noOfTicks: oi = 5,
-    valueColor: N,
-    styles: f,
-    classNames: w,
-    targetColor: u = vi.light.grays["gray-700"],
-    filterNA: G = !0,
-    targetStyle: O = "line",
-    measureBarWidthFactor: hi = 0.4,
-    animate: _ = !1,
-    dimmedOpacity: ci = 0.3,
-    precision: xi = 2,
-    customLayers: ui = [],
-    naLabel: M = "NA"
-  } = wi, [a, fi] = gi(0), [l, v] = gi(0), d = ji(null), t = ji(null);
-  return zi(() => {
-    const i = new ResizeObserver((n) => {
-      fi(g || n[0].target.clientWidth || 620), v(A || n[0].target.clientHeight || 480);
-    });
-    return d.current && (v(d.current.clientHeight || 480), fi(d.current.clientWidth || 620), g || i.observe(d.current)), () => i.disconnect();
-  }, [g, A]), /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: `${s || "light"} flex  ${g ? "w-fit grow-0" : "w-full grow"}`,
-      dir: h === "he" || h === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: Vi(
-            `${z ? z === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${h || "en"}`,
-            g ? "w-fit" : "w-full",
-            w?.graphContainer
-          ),
-          style: {
-            ...f?.graphContainer || {},
-            ...z && z !== !0 ? { backgroundColor: z } : {}
-          },
-          id: ai,
-          ref: t,
-          "aria-label": si || `${p ? `The graph shows ${p}. ` : ""}This is a grouped bar chart. ${T ? ` ${T}` : ""}`,
-          children: /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: z ? ei || "1rem" : ei || 0 },
-              children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                p || T || P || I ? /* @__PURE__ */ e.jsx(
-                  Fi,
-                  {
-                    styles: {
-                      title: f?.title,
-                      description: f?.description
-                    },
-                    classNames: {
-                      title: w?.title,
-                      description: w?.description
-                    },
-                    graphTitle: p,
-                    graphDescription: T,
-                    width: g,
-                    graphDownload: P ? t.current : void 0,
-                    dataDownload: I ? r.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? r.map((i) => i.data).filter((i) => i !== void 0) : r.filter((i) => i !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ e.jsx("div", { className: "grow flex flex-col justify-center gap-3 w-full", children: r.length === 0 ? /* @__PURE__ */ e.jsx(Hi, {}) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  $ && r.filter((i) => i.qualitativeRange).length !== 0 && b ? /* @__PURE__ */ e.jsx(
-                    Pi,
-                    {
-                      width: g,
-                      colorLegendTitle: F,
-                      colors: C || vi[s].sequentialColors.positiveColorsx10,
-                      colorDomain: b,
-                      showNAColor: !1
-                    }
-                  ) : null,
-                  /* @__PURE__ */ e.jsx(
-                    "div",
-                    {
-                      className: "flex grow flex-col justify-center w-full leading-0",
-                      ref: d,
-                      "aria-label": "Graph area",
-                      children: (g || a) && (A || l) ? /* @__PURE__ */ e.jsx(
-                        Qi,
-                        {
-                          data: j ? ki(
-                            r.filter((i) => G ? !c(i.size) : i),
-                            [
-                              (i) => i.size === void 0 ? j === "asc" ? -1 / 0 : 1 / 0 : i.size
-                            ],
-                            [j]
-                          ).filter((i, n) => y ? n < y : !0) : r.filter((i) => G ? !c(i.size) : i).filter((i, n) => y ? n < y : !0),
-                          barColor: J,
-                          targetColor: u,
-                          width: g || a,
-                          refValues: L,
-                          height: Math.max(
-                            S,
-                            A || (H ? S ? (g || a) * H > S ? (g || a) * H : S : (g || a) * H : l)
-                          ),
-                          suffix: ti,
-                          prefix: o,
-                          barPadding: R,
-                          showLabels: ii,
-                          showValues: bi,
-                          showTicks: K,
-                          truncateBy: Z,
-                          leftMargin: ri,
-                          rightMargin: Q,
-                          qualitativeRangeColors: C || vi[s].sequentialColors.positiveColorsx10,
-                          topMargin: yi,
-                          bottomMargin: mi,
-                          tooltip: D,
-                          onSeriesMouseOver: di,
-                          maxValue: ni,
-                          minValue: k,
-                          highlightedDataPoints: x,
-                          onSeriesMouseClick: li,
-                          labelOrder: W,
-                          maxBarThickness: X,
-                          minBarThickness: m,
-                          resetSelectionOnDoubleClick: Y,
-                          detailsOnClick: V,
-                          barAxisTitle: E,
-                          noOfTicks: oi,
-                          valueColor: N,
-                          styles: f,
-                          classNames: w,
-                          targetStyle: O,
-                          dimmedOpacity: ci,
-                          measureBarWidthFactor: hi,
-                          animate: _ === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : _ || { duration: 0, once: !0, amount: 0 },
-                          precision: xi,
-                          customLayers: ui,
-                          naLabel: M
-                        }
-                      ) : null
-                    }
-                  )
-                ] }) }),
-                B || q ? /* @__PURE__ */ e.jsx(
-                  qi,
-                  {
-                    styles: { footnote: f?.footnote, source: f?.source },
-                    classNames: {
-                      footnote: w?.footnote,
-                      source: w?.source
-                    },
-                    sources: B,
-                    footNote: q,
-                    width: g
-                  }
-                ) : null
-              ] })
-            }
-          )
         }
-      )
-    }
-  );
+      }, initial: "initial", animate: B ? "whileInView" : "initial" }) : null,
+      ri ? /* @__PURE__ */ n.jsx(Hi, { value: `${e.label}`.length < ei ? `${e.label}` : `${`${e.label}`.substring(0, ei)}...`, y: 0, x: (e.size || 0) < 0 ? o(0) : 0 - m.left, width: (e.size || 0) < 0 ? Dt - o(0) : o(0) + m.left, height: J.bandwidth(), alignment: e.size && e.size < 0 ? "left" : "right", style: l?.yAxis?.labels, className: f?.yAxis?.labels, animate: u, isInView: B }) : null,
+      ii ? /* @__PURE__ */ n.jsx(xt.text, { y: J.bandwidth() / 2, style: {
+        textAnchor: e.size && e.size < 0 ? "end" : "start",
+        ...l?.graphObjectValues || {}
+      }, className: Vi("graph-value text-sm", !bt && O.length > 1 ? " fill-primary-gray-600 dark:fill-primary-gray-300" : "", f?.graphObjectValues), dx: e.size && e.size < 0 ? -5 : 5, dy: "0.33em", exit: {
+        opacity: 0,
+        transition: {
+          duration: u.duration
+        }
+      }, variants: {
+        initial: {
+          x: o(0),
+          opacity: 0,
+          fill: bt || O
+        },
+        whileInView: {
+          x: e.size ? o(e.size) : o(0),
+          opacity: 1,
+          fill: bt || O,
+          transition: {
+            duration: u.duration
+          }
+        }
+      }, initial: "initial", animate: B ? "whileInView" : "initial", children: Mi(e.size, _, Z, Tt, It) }) : null
+    ] }, e.label)), T = dt ? /* @__PURE__ */ n.jsx(n.Fragment, { children: dt.map((e, ot) => /* @__PURE__ */ n.jsx(qi, { text: e.text, color: e.color, x: o(e.value), y1: 0 - m.top, y2: it + m.bottom, textSide: o(e.value) > mt * 0.75 || Rt ? "left" : "right", classNames: e.classNames, styles: e.styles, animate: u, isInView: B }, ot)) }) : null, t[27] = u, t[28] = Q, t[29] = O, t[30] = Wt, t[31] = f?.graphObjectValues, t[32] = f?.xAxis?.gridLines, t[33] = f?.xAxis?.labels, t[34] = f?.xAxis?.title, t[35] = f?.yAxis?.axis, t[36] = f?.yAxis?.labels, t[37] = L, t[38] = a, t[39] = A, t[40] = nt, t[41] = it, t[42] = mt, t[43] = Jt, t[44] = d, t[45] = B, t[46] = F, t[47] = m.bottom, t[48] = m.left, t[49] = m.top, t[50] = yt, t[51] = r, t[52] = St, t[53] = V, t[54] = _, t[55] = h, t[56] = at, t[57] = ct, t[58] = Z, t[59] = Tt, t[60] = x, t[61] = dt, t[62] = k, t[63] = Rt, t[64] = ri, t[65] = Ut, t[66] = ii, t[67] = l?.graphObjectValues, t[68] = l?.xAxis?.gridLines, t[69] = l?.xAxis?.labels, t[70] = l?.xAxis?.title, t[71] = l?.yAxis?.axis, t[72] = l?.yAxis?.labels, t[73] = It, t[74] = qt, t[75] = vt, t[76] = Ft, t[77] = ei, t[78] = bt, t[79] = Dt, t[80] = Ht, t[81] = $, t[82] = I, t[83] = H, t[84] = X, t[85] = T, t[86] = Y, t[87] = E, t[88] = b, t[89] = z, t[90] = j, t[91] = D, t[92] = R, t[93] = v, t[94] = w, t[95] = G;
+  } else
+    I = t[82], H = t[83], X = t[84], T = t[85], Y = t[86], E = t[87], b = t[88], z = t[89], j = t[90], D = t[91], R = t[92], v = t[93], w = t[94], G = t[95];
+  let W;
+  t[110] !== I || t[111] !== X || t[112] !== T ? (W = /* @__PURE__ */ n.jsxs(I, { children: [
+    X,
+    T
+  ] }), t[110] = I, t[111] = X, t[112] = T, t[113] = W) : W = t[113];
+  let U;
+  t[114] !== L ? (U = L.filter(Ae).map(Me), t[114] = L, t[115] = U) : U = t[115];
+  let S;
+  t[116] !== Y || t[117] !== E || t[118] !== b || t[119] !== z || t[120] !== j || t[121] !== W || t[122] !== U ? (S = /* @__PURE__ */ n.jsxs("g", { transform: Y, children: [
+    E,
+    b,
+    z,
+    j,
+    W,
+    U
+  ] }), t[116] = Y, t[117] = E, t[118] = b, t[119] = z, t[120] = j, t[121] = W, t[122] = U, t[123] = S) : S = t[123];
+  let lt;
+  t[124] !== H || t[125] !== D || t[126] !== R || t[127] !== v || t[128] !== w || t[129] !== G || t[130] !== S ? (lt = /* @__PURE__ */ n.jsx(H, { width: D, height: R, viewBox: v, direction: w, ref: G, children: S }), t[124] = H, t[125] = D, t[126] = R, t[127] = v, t[128] = w, t[129] = G, t[130] = S, t[131] = lt) : lt = t[131];
+  let q;
+  t[132] !== f?.tooltip || t[133] !== P || t[134] !== tt || t[135] !== Bt || t[136] !== l?.tooltip || t[137] !== rt ? (q = Bt && rt && P && tt ? /* @__PURE__ */ n.jsx(Ci, { data: Bt, body: rt, xPos: P, yPos: tt, backgroundStyle: l?.tooltip, className: f?.tooltip }) : null, t[132] = f?.tooltip, t[133] = P, t[134] = tt, t[135] = Bt, t[136] = l?.tooltip, t[137] = rt, t[138] = q) : q = t[138];
+  let Nt;
+  t[139] !== A || t[140] !== V ? (Nt = A && V !== void 0 ? /* @__PURE__ */ n.jsx(ji, { open: V !== void 0, onClose: () => {
+    Qt(void 0);
+  }, children: /* @__PURE__ */ n.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof A == "string" ? {
+    __html: Oi(A, V)
+  } : void 0, children: typeof A == "function" ? A(V) : null }) }) : null, t[139] = A, t[140] = V, t[141] = Nt) : Nt = t[141];
+  let c;
+  return t[142] !== lt || t[143] !== q || t[144] !== Nt ? (c = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    lt,
+    q,
+    Nt
+  ] }), t[142] = lt, t[143] = q, t[144] = Nt, t[145] = c) : c = t[145], c;
+}
+function Me(i) {
+  return i.layer;
+}
+function Ae(i) {
+  return i.position === "after";
+}
+function Ve(i) {
+  return i.layer;
+}
+function ze(i) {
+  return i.position === "before";
+}
+function je(i) {
+  return i !== 0;
+}
+function Ce(i) {
+  return i !== 0;
+}
+function Oe(i) {
+  return `${i.id}`;
+}
+function ke(i) {
+  return i.target;
+}
+function Le(i) {
+  return !p(i.target);
 }
-function zt(wi) {
-  const {
-    data: r,
-    graphTitle: p,
-    barColor: J,
-    barPadding: R,
-    showTicks: K,
-    leftMargin: ri,
-    rightMargin: Q,
-    topMargin: yi,
-    bottomMargin: mi,
-    truncateBy: Z,
-    showLabels: ii,
-    showValues: bi,
-    backgroundColor: z,
-    suffix: ti,
-    prefix: o,
-    sources: B,
-    graphDescription: T,
-    height: A,
-    width: g,
-    footNote: q,
-    colorDomain: b,
-    colorLegendTitle: F,
-    padding: ei,
-    relativeHeight: H,
-    tooltip: D,
-    onSeriesMouseOver: di,
-    refValues: L,
-    showColorScale: $,
-    graphID: ai,
-    maxValue: ni,
-    minValue: k,
-    highlightedDataPoints: x,
-    onSeriesMouseClick: C,
-    graphDownload: li,
-    dataDownload: P,
-    language: I,
-    theme: h,
-    sortData: s,
-    labelOrder: j,
-    minHeight: W,
-    maxBarThickness: S,
-    maxNumberOfBars: X,
-    minBarThickness: y,
-    ariaLabel: m,
-    resetSelectionOnDoubleClick: si,
-    detailsOnClick: Y,
-    barAxisTitle: V,
-    noOfTicks: E,
-    valueColor: oi,
-    orientation: N = "vertical",
-    styles: f,
-    classNames: w,
-    filterNA: u,
-    targetStyle: G,
-    targetColor: O,
-    qualitativeRangeColors: hi,
+function Ne(i) {
+  return i.target;
+}
+function $e(i) {
+  return !p(i.target);
+}
+function Ie(i) {
+  return i.size;
+}
+function Te(i) {
+  return !p(i.size);
+}
+function De(i) {
+  return i.size;
+}
+function Re(i) {
+  return !p(i.size);
+}
+function Se(i) {
+  return pi((i.qualitativeRange || []).filter(qe)) || 0;
+}
+function qe(i) {
+  return !p(i);
+}
+function Fe(i) {
+  return i.target;
+}
+function Be(i) {
+  return !p(i.target);
+}
+function Pe(i) {
+  return i.target;
+}
+function He(i) {
+  return !p(i.target);
+}
+function Xe(i) {
+  return i.size;
+}
+function Ye(i) {
+  return !p(i.size);
+}
+function Ee(i) {
+  return i.size;
+}
+function Ge(i) {
+  return !p(i.size);
+}
+function Ca(i) {
+  const t = Ai.c(94), {
+    data: a,
+    graphTitle: pt,
+    barColor: Gt,
+    barPadding: $t,
+    showTicks: gt,
+    leftMargin: O,
+    rightMargin: It,
+    topMargin: Tt,
+    bottomMargin: Wt,
+    truncateBy: ii,
+    showLabels: Ut,
+    showValues: ei,
+    backgroundColor: Dt,
+    suffix: Jt,
+    prefix: ri,
+    sources: rt,
+    graphDescription: ct,
+    height: dt,
+    width: d,
+    footNote: ut,
+    colorDomain: K,
+    colorLegendTitle: at,
+    padding: F,
+    relativeHeight: Rt,
+    tooltip: yt,
+    onSeriesMouseOver: St,
+    refValues: k,
+    showColorScale: A,
+    graphID: Q,
+    maxValue: bt,
+    minValue: h,
+    highlightedDataPoints: l,
+    onSeriesMouseClick: f,
+    valueColor: vt,
+    orientation: qt,
+    styles: x,
+    classNames: r,
+    qualitativeRangeColors: u,
+    targetColor: nt,
+    filterNA: Z,
+    targetStyle: L,
     measureBarWidthFactor: _,
-    animate: ci,
-    dimmedOpacity: xi,
-    precision: ui,
-    naLabel: M
-  } = wi;
-  return N === "vertical" ? /* @__PURE__ */ e.jsx(
-    Zi,
-    {
-      data: r,
-      graphTitle: p,
-      barColor: J,
-      barPadding: R,
-      showTicks: K,
-      leftMargin: ri,
-      rightMargin: Q,
-      topMargin: yi,
-      bottomMargin: mi,
-      truncateBy: Z,
-      showLabels: ii,
-      showValues: bi,
-      backgroundColor: z,
-      suffix: ti,
-      prefix: o,
-      sources: B,
-      graphDescription: T,
-      height: A,
-      width: g,
-      footNote: q,
-      colorDomain: b,
-      colorLegendTitle: F,
-      padding: ei,
-      relativeHeight: H,
-      tooltip: D,
-      onSeriesMouseOver: di,
-      refValues: L,
-      showColorScale: $,
-      graphID: ai,
-      maxValue: ni,
-      minValue: k,
-      highlightedDataPoints: x,
-      onSeriesMouseClick: C,
-      graphDownload: li,
-      dataDownload: P,
-      language: I,
-      theme: h,
-      sortData: s,
-      labelOrder: j,
-      minHeight: W,
-      maxBarThickness: S,
-      maxNumberOfBars: X,
-      minBarThickness: y,
-      ariaLabel: m,
-      resetSelectionOnDoubleClick: si,
-      styles: f,
-      detailsOnClick: Y,
-      barAxisTitle: V,
-      noOfTicks: E,
-      valueColor: oi,
-      classNames: w,
-      filterNA: u,
-      targetStyle: G,
-      targetColor: O,
-      measureBarWidthFactor: _,
-      qualitativeRangeColors: hi,
-      animate: ci,
-      dimmedOpacity: xi,
-      precision: ui,
-      naLabel: M
-    }
-  ) : /* @__PURE__ */ e.jsx(
-    Ki,
-    {
-      data: r,
-      graphTitle: p,
-      barColor: J,
-      barPadding: R,
-      showTicks: K,
-      leftMargin: ri,
-      rightMargin: Q,
-      topMargin: yi,
-      bottomMargin: mi,
-      truncateBy: Z,
-      showLabels: ii,
-      showValues: bi,
-      backgroundColor: z,
-      suffix: ti,
-      prefix: o,
-      sources: B,
-      graphDescription: T,
-      height: A,
-      width: g,
-      footNote: q,
-      colorDomain: b,
-      colorLegendTitle: F,
-      padding: ei,
-      relativeHeight: H,
-      tooltip: D,
-      onSeriesMouseOver: di,
-      refValues: L,
-      showColorScale: $,
-      graphID: ai,
-      maxValue: ni,
-      minValue: k,
-      highlightedDataPoints: x,
-      onSeriesMouseClick: C,
-      graphDownload: li,
-      dataDownload: P,
-      language: I,
-      theme: h,
-      sortData: s,
-      labelOrder: j,
-      minHeight: W,
-      maxBarThickness: S,
-      maxNumberOfBars: X,
-      minBarThickness: y,
-      ariaLabel: m,
-      resetSelectionOnDoubleClick: si,
-      styles: f,
-      detailsOnClick: Y,
-      barAxisTitle: V,
-      noOfTicks: E,
-      valueColor: oi,
-      classNames: w,
-      filterNA: u,
-      targetStyle: G,
-      targetColor: O,
-      measureBarWidthFactor: _,
-      qualitativeRangeColors: hi,
-      animate: ci,
-      dimmedOpacity: xi,
-      precision: ui,
-      naLabel: M
-    }
-  );
+    animate: Ft,
+    dimmedOpacity: ai,
+    precision: ni,
+    customLayers: Kt,
+    naLabel: li,
+    graphDownload: N,
+    dataDownload: B,
+    language: Bt,
+    theme: g,
+    sortData: V,
+    labelOrder: Qt,
+    minHeight: P,
+    maxBarThickness: Zt,
+    maxNumberOfBars: tt,
+    minBarThickness: _t,
+    ariaLabel: Pt,
+    resetSelectionOnDoubleClick: ti,
+    detailsOnClick: m,
+    barAxisTitle: mt,
+    noOfTicks: it
+  } = i, wt = Gt === void 0 ? vi.primaryColors["blue-600"] : Gt, Mt = $t === void 0 ? 0.25 : $t, At = gt === void 0 ? !0 : gt, Vt = ii === void 0 ? 999 : ii, zt = Ut === void 0 ? !0 : Ut, jt = ei === void 0 ? !0 : ei, Ct = Dt === void 0 ? !1 : Dt, Ht = Jt === void 0 ? "" : Jt, Ot = ri === void 0 ? "" : ri, kt = A === void 0 ? !0 : A;
+  let ht;
+  t[0] !== l ? (ht = l === void 0 ? [] : l, t[0] = l, t[1] = ht) : ht = t[1];
+  const Lt = ht, y = qt === void 0 ? "vertical" : qt, $ = nt === void 0 ? vi.light.grays["gray-700"] : nt, I = Z === void 0 ? !0 : Z, H = L === void 0 ? "line" : L, X = _ === void 0 ? 0.4 : _, T = Ft === void 0 ? !1 : Ft, Y = ai === void 0 ? 0.3 : ai, E = ni === void 0 ? 2 : ni;
+  let b;
+  t[2] !== Kt ? (b = Kt === void 0 ? [] : Kt, t[2] = Kt, t[3] = b) : b = t[3];
+  const z = b, j = li === void 0 ? "NA" : li, D = N === void 0 ? !1 : N, R = B === void 0 ? !1 : B, v = Bt === void 0 ? "en" : Bt, w = g === void 0 ? "light" : g, G = P === void 0 ? 0 : P, W = ti === void 0 ? !0 : ti, U = it === void 0 ? 5 : it, [S, lt] = oi(0), [q, Nt] = oi(0), c = wi(null), Xt = wi(null), ci = y === "horizontal" ? we : Ji;
+  let o, C;
+  t[4] === Symbol.for("react.memo_cache_sentinel") ? (o = () => {
+    const M = new ResizeObserver((et) => {
+      lt(et[0].target.clientWidth || 620), Nt(et[0].target.clientHeight || 480);
+    });
+    return c.current && M.observe(c.current), () => M.disconnect();
+  }, C = [], t[4] = o, t[5] = C) : (o = t[4], C = t[5]), Di(o, C);
+  const J = r?.graphContainer, mi = x?.graphContainer;
+  let Yt;
+  t[6] !== r?.description || t[7] !== r?.title || t[8] !== a || t[9] !== R || t[10] !== ct || t[11] !== D || t[12] !== pt || t[13] !== x?.description || t[14] !== x?.title || t[15] !== d ? (Yt = pt || ct || D || R ? /* @__PURE__ */ n.jsx(Wi, { styles: {
+    title: x?.title,
+    description: x?.description
+  }, classNames: {
+    title: r?.title,
+    description: r?.description
+  }, graphTitle: pt, graphDescription: ct, width: d, graphDownload: D ? Xt : void 0, dataDownload: R ? a.map(Ze).filter(Qe).length > 0 ? a.map(Ke).filter(Je) : a.filter(Ue) : null }) : null, t[6] = r?.description, t[7] = r?.title, t[8] = a, t[9] = R, t[10] = ct, t[11] = D, t[12] = pt, t[13] = x?.description, t[14] = x?.title, t[15] = d, t[16] = Yt) : Yt = t[16];
+  let ft;
+  t[17] !== ci || t[18] !== T || t[19] !== mt || t[20] !== wt || t[21] !== Mt || t[22] !== Wt || t[23] !== r || t[24] !== K || t[25] !== at || t[26] !== z || t[27] !== a || t[28] !== m || t[29] !== Y || t[30] !== I || t[31] !== Lt || t[32] !== Qt || t[33] !== v || t[34] !== O || t[35] !== Zt || t[36] !== tt || t[37] !== bt || t[38] !== X || t[39] !== _t || t[40] !== h || t[41] !== j || t[42] !== U || t[43] !== f || t[44] !== St || t[45] !== y || t[46] !== E || t[47] !== Ot || t[48] !== u || t[49] !== k || t[50] !== W || t[51] !== It || t[52] !== kt || t[53] !== zt || t[54] !== At || t[55] !== jt || t[56] !== V || t[57] !== x || t[58] !== Ht || t[59] !== q || t[60] !== S || t[61] !== $ || t[62] !== H || t[63] !== w || t[64] !== yt || t[65] !== Tt || t[66] !== Vt || t[67] !== vt || t[68] !== d ? (ft = a.length === 0 ? /* @__PURE__ */ n.jsx(Xi, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    kt && a.filter(We).length !== 0 && K ? /* @__PURE__ */ n.jsx(Ui, { width: d, colorLegendTitle: at, colors: u || vi[w].sequentialColors.positiveColorsx10, colorDomain: K, showNAColor: !1, className: r?.colorLegend }) : null,
+    /* @__PURE__ */ n.jsx(Yi, { ref: c, children: S && q ? /* @__PURE__ */ n.jsx(ci, { data: V ? Ri(a.filter((M) => I ? !p(M.size) : M), [(M) => M.size === void 0 ? V === "asc" ? (y === "horizontal" ? 1 : -1) * (1 / 0) : (y === "horizontal" ? -1 : 1) * (1 / 0) : M.size], [V]).filter((M, et) => tt ? et < tt : !0) : a.filter((M) => I ? !p(M.size) : M).filter((M, et) => tt ? et < tt : !0), barColor: wt, targetColor: $, width: S, refValues: k, height: q, suffix: Ht, prefix: Ot, barPadding: Mt, showLabels: zt, showValues: jt, showTicks: At, truncateBy: Vt, leftMargin: O, rightMargin: It, qualitativeRangeColors: u || vi[w].sequentialColors.positiveColorsx10, topMargin: Tt, bottomMargin: Wt, tooltip: yt, onSeriesMouseOver: St, maxValue: bt, minValue: h, highlightedDataPoints: Lt, onSeriesMouseClick: f, labelOrder: Qt, maxBarThickness: Zt, minBarThickness: _t, resetSelectionOnDoubleClick: W, detailsOnClick: m, barAxisTitle: mt, noOfTicks: U, valueColor: vt, styles: x, classNames: r, targetStyle: H, dimmedOpacity: Y, measureBarWidthFactor: X, animate: T === !0 ? {
+      duration: 0.5,
+      once: !0,
+      amount: 0.5
+    } : T || {
+      duration: 0,
+      once: !0,
+      amount: 0
+    }, precision: E, customLayers: z, naLabel: j, rtl: v === "ar" || v === "he" }) : null })
+  ] }), t[17] = ci, t[18] = T, t[19] = mt, t[20] = wt, t[21] = Mt, t[22] = Wt, t[23] = r, t[24] = K, t[25] = at, t[26] = z, t[27] = a, t[28] = m, t[29] = Y, t[30] = I, t[31] = Lt, t[32] = Qt, t[33] = v, t[34] = O, t[35] = Zt, t[36] = tt, t[37] = bt, t[38] = X, t[39] = _t, t[40] = h, t[41] = j, t[42] = U, t[43] = f, t[44] = St, t[45] = y, t[46] = E, t[47] = Ot, t[48] = u, t[49] = k, t[50] = W, t[51] = It, t[52] = kt, t[53] = zt, t[54] = At, t[55] = jt, t[56] = V, t[57] = x, t[58] = Ht, t[59] = q, t[60] = S, t[61] = $, t[62] = H, t[63] = w, t[64] = yt, t[65] = Tt, t[66] = Vt, t[67] = vt, t[68] = d, t[69] = ft) : ft = t[69];
+  let st;
+  t[70] !== r?.footnote || t[71] !== r?.source || t[72] !== ut || t[73] !== rt || t[74] !== x?.footnote || t[75] !== x?.source || t[76] !== d ? (st = rt || ut ? /* @__PURE__ */ n.jsx(Gi, { styles: {
+    footnote: x?.footnote,
+    source: x?.source
+  }, classNames: {
+    footnote: r?.footnote,
+    source: r?.source
+  }, sources: rt, footNote: ut, width: d }) : null, t[70] = r?.footnote, t[71] = r?.source, t[72] = ut, t[73] = rt, t[74] = x?.footnote, t[75] = x?.source, t[76] = d, t[77] = st) : st = t[77];
+  let Et;
+  return t[78] !== Pt || t[79] !== Ct || t[80] !== Q || t[81] !== dt || t[82] !== v || t[83] !== G || t[84] !== F || t[85] !== Rt || t[86] !== J || t[87] !== mi || t[88] !== Yt || t[89] !== ft || t[90] !== st || t[91] !== w || t[92] !== d ? (Et = /* @__PURE__ */ n.jsxs(Ei, { className: J, style: mi, id: Q, ref: Xt, "aria-label": Pt, backgroundColor: Ct, theme: w, language: v, minHeight: G, width: d, height: dt, relativeHeight: Rt, padding: F, children: [
+    Yt,
+    ft,
+    st
+  ] }), t[78] = Pt, t[79] = Ct, t[80] = Q, t[81] = dt, t[82] = v, t[83] = G, t[84] = F, t[85] = Rt, t[86] = J, t[87] = mi, t[88] = Yt, t[89] = ft, t[90] = st, t[91] = w, t[92] = d, t[93] = Et) : Et = t[93], Et;
+}
+function We(i) {
+  return i.qualitativeRange;
+}
+function Ue(i) {
+  return i !== void 0;
+}
+function Je(i) {
+  return i !== void 0;
+}
+function Ke(i) {
+  return i.data;
+}
+function Qe(i) {
+  return i !== void 0;
+}
+function Ze(i) {
+  return i.data;
 }
 export {
-  zt as BulletChart
+  Ca as BulletChart
 };
 //# sourceMappingURL=BulletChart.js.map