@undp/data-viz 1.5.9 → 2.0.1

package/dist/DumbbellChart.js

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