@undp/data-viz 1.5.9 → 2.0.0

package/dist/ParetoChart.js

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