@undp/data-viz 2.6.0 → 2.6.1

package/dist/DifferenceLineChart.js

@@ -1,756 +1,2 @@
-import { c as ci, j as s } from "./compiler-runtime-qHgugrLy.js";
-import { useRef as Xe, useState as se, useEffect as ri } from "react";
-import { p as S, f as hi } from "./parse-Dv4of-PN.js";
-import { cn as fe } from "@undp/design-system-react/cn";
-import { o as xi } from "./index-BZQYSqar.js";
-import { n as ai } from "./numberFormattingFunction-BUUV_luR.js";
-import { T as yi } from "./Tooltip-DO56mY4b.js";
-import { c as Gt } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { C as gi, g as vi, A as wi } from "./customArea-Dixg0NtQ.js";
-import { A as bi } from "./AxisTitle-B9F80_Z0.js";
-import { A as ji } from "./Axis-RRx-0Rlw.js";
-import { X as Ai } from "./XTicksAndGridLines-obTK2e7G.js";
-import { a as Oi } from "./ReferenceLine-NF4g3Reh.js";
-import { Y as Ci } from "./YTicksAndGridLines-wtuAKNeT.js";
-import { H as Vi } from "./index-CmkqqFRG.js";
-import { t as Li } from "./time-vyz6Y89P.js";
-import { a as Di } from "./linear-DNXM5Pdl.js";
-import { l as li, c as Si } from "./line-DFlZsxI1.js";
-import { c as ki, s as $i, a as Ti, m as Ii } from "./step-BrDul-H4.js";
-import { a as si } from "./area-B6r7cv2o.js";
-import { s as Mi } from "./select-DKy99ogv.js";
-import { m as k } from "./proxy-D31SA_aE.js";
-import { a as Ni } from "./init-BhZylTFx.js";
-import { p as Pi } from "./pointer-CWRWOsrb.js";
-import { u as Hi } from "./use-in-view-Co5SmzfT.js";
-import { GraphFooter as Gi } from "./GraphFooter.js";
-import { GraphHeader as Ri } from "./GraphHeader.js";
-import { ColorLegend as Fi } from "./ColorLegend.js";
-import { Colors as Ye } from "./Colors.js";
-import { g as Wi } from "./generateRandomString-za3IQGfQ.js";
-import { E as Yi } from "./EmptyState-prZ8OnEs.js";
-import { a as Xi, G as Ei } from "./GraphContainer-DcOM2CI6.js";
-import { g as Zi } from "./getNoOfTicks-CpmRjcRF.js";
-function Bi(r) {
-  const t = ci.c(225), {
-    data: b,
-    width: et,
-    height: it,
-    lineColors: m,
-    suffix: C,
-    prefix: g,
-    dateFormat: f,
-    showValues: Z,
-    noOfXTicks: ue,
-    rightMargin: Rt,
-    leftMargin: D,
-    topMargin: ot,
-    bottomMargin: Ft,
-    tooltip: Vt,
-    highlightAreaSettings: Wt,
-    onSeriesMouseOver: Yt,
-    animate: i,
-    rtl: M,
-    showColorLegendAtTop: nt,
-    colorDomain: N,
-    diffAreaColors: P,
-    idSuffix: at,
-    strokeWidth: B,
-    showDots: z,
-    refValues: Lt,
-    minValue: $,
-    maxValue: Dt,
-    annotations: H,
-    customHighlightAreaSettings: Xt,
-    yAxisTitle: st,
-    noOfYTicks: Et,
-    minDate: re,
-    maxDate: le,
-    curveType: U,
-    styles: h,
-    classNames: x,
-    precision: j,
-    customLayers: T,
-    locale: L,
-    naLabel: G,
-    padZeros: V
-  } = r, ce = Xe(null);
-  let rt;
-  t[0] !== i.amount || t[1] !== i.once ? (rt = {
-    once: i.once,
-    amount: i.amount
-  }, t[0] = i.amount, t[1] = i.once, t[2] = rt) : rt = t[2];
-  const c = Hi(ce, rt), [y, w] = se(!1);
-  let p, q;
-  t[3] !== i.duration || t[4] !== y || t[5] !== c ? (p = () => {
-    if (c && !y) {
-      const n = setTimeout(() => {
-        w(!0);
-      }, (i.duration + 0.5) * 1e3);
-      return () => clearTimeout(n);
-    }
-  }, q = [c, y, i.duration], t[3] = i.duration, t[4] = y, t[5] = c, t[6] = p, t[7] = q) : (p = t[6], q = t[7]), ri(p, q);
-  const lt = U === "linear" ? Si : U === "step" ? ki : U === "stepAfter" ? $i : U === "stepBefore" ? Ti : Ii, [d, Zt] = se(void 0), [ct, Bt] = se(void 0), [J, K] = se(void 0), St = st ? D + 30 : D;
-  let mt;
-  t[8] !== Ft || t[9] !== Rt || t[10] !== St || t[11] !== ot ? (mt = {
-    top: ot,
-    bottom: Ft,
-    left: St,
-    right: Rt
-  }, t[8] = Ft, t[9] = Rt, t[10] = St, t[11] = ot, t[12] = mt) : mt = t[12];
-  const v = mt, ft = Xe(null);
-  let ut;
-  t[13] !== f ? (ut = (n) => ({
-    ...n,
-    date: S(`${n.date}`, f, /* @__PURE__ */ new Date())
-  }), t[13] = f, t[14] = ut) : ut = t[14];
-  const o = xi(b.map(ut), ["date"], ["asc"]);
-  let dt;
-  if (t[15] !== f || t[16] !== Wt) {
-    let n;
-    t[18] !== f ? (n = (e) => ({
-      ...e,
-      coordinates: [e.coordinates[0] === null ? null : S(`${e.coordinates[0]}`, f, /* @__PURE__ */ new Date()), e.coordinates[1] === null ? null : S(`${e.coordinates[1]}`, f, /* @__PURE__ */ new Date())]
-    }), t[18] = f, t[19] = n) : n = t[19], dt = Wt.map(n), t[15] = f, t[16] = Wt, t[17] = dt;
-  } else
-    dt = t[17];
-  const pt = dt;
-  let Q;
-  if (t[20] !== Xt || t[21] !== f) {
-    let n;
-    t[23] !== f ? (n = (e) => ({
-      ...e,
-      coordinates: e.coordinates.map((E, Ht) => Ht % 2 === 0 ? S(`${E}`, f, /* @__PURE__ */ new Date()) : E)
-    }), t[23] = f, t[24] = n) : n = t[24], Q = Xt.map(n), t[20] = Xt, t[21] = f, t[22] = Q;
-  } else
-    Q = t[22];
-  const zt = Q, u = et - v.left - v.right, A = it - v.top - v.bottom, ht = re ? S(`${re}`, f, /* @__PURE__ */ new Date()) : o[0].date, Ut = le ? S(`${le}`, f, /* @__PURE__ */ new Date()) : o[o.length - 1].date, xt = Math.min(...o.map(co)) !== 1 / 0 ? Math.min(...o.map(lo)) > 0 ? 0 : Math.min(...o.map(ro)) : 0, yt = Math.min(...o.map(so)) !== 1 / 0 ? Math.min(...o.map(ao)) > 0 ? 0 : Math.min(...o.map(no)) : 0, qt = Math.max(...o.map(oo)) !== 1 / 0 ? Math.max(...o.map(io)) : 0, kt = Math.max(...o.map(eo)) !== 1 / 0 ? Math.max(...o.map(to)) : 0;
-  let gt;
-  t[25] !== xt || t[26] !== yt || t[27] !== $ ? (gt = Gt($) ? xt < yt ? xt : yt : $, t[25] = xt, t[26] = yt, t[27] = $, t[28] = gt) : gt = t[28];
-  const O = gt, _ = qt > kt ? qt : kt, a = Li().domain([ht, Ut]).range([0, u]);
-  let vt;
-  t[29] !== O || t[30] !== $ ? (vt = Gt($) ? O : $, t[29] = O, t[30] = $, t[31] = vt) : vt = t[31];
-  let wt;
-  t[32] !== _ || t[33] !== Dt ? (wt = Gt(Dt) ? _ > 0 ? _ : 0 : Dt, t[32] = _, t[33] = Dt, t[34] = wt) : wt = t[34];
-  const l = Di().domain([vt, wt]).range([A, 0]).nice(), $t = li().x((n) => a(n.date)).y((n) => l(n.y1)).curve(lt), Tt = li().x((n) => a(n.date)).y((n) => l(n.y2)).curve(lt), Jt = si().x((n) => a(n.date)).y1((n) => l(n.y1)).y0((n) => l(n.y2)).curve(lt), me = si().x((n) => a(n.date)).y1((n) => l(n.y1)).y0(0).curve(lt), It = si().x((n) => a(n.date)).y1((n) => l(n.y2)).y0(0).curve(lt), de = l.ticks(Et), Mt = a.ticks(ue);
-  ri(() => {
-    const n = (E) => {
-      const Ht = o[Ni(o.map(_i), a.invert(Pi(E)[0]), 0)];
-      Zt(Ht || o[o.length - 1]), Yt?.(Ht || o[o.length - 1]), K(E.clientY), Bt(E.clientX);
-    }, e = () => {
-      Zt(void 0), Bt(void 0), K(void 0), Yt?.(void 0);
-    };
-    Mi(ft.current).on("mousemove", n).on("mouseout", e);
-  }, [a, o, Yt]);
-  let Kt;
-  t[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Kt = {
-    fill: "none"
-  }, t[35] = Kt) : Kt = t[35];
-  let bt;
-  t[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (bt = {
-    fill: "none"
-  }, t[36] = bt) : bt = t[36];
-  let Nt;
-  t[37] !== i || t[38] !== A || t[39] !== u || t[40] !== pt || t[41] !== c || t[42] !== a ? (Nt = /* @__PURE__ */ s.jsx(Vi, { areaSettings: pt, width: u, height: A, scale: a, animate: i, isInView: c }), t[37] = i, t[38] = A, t[39] = u, t[40] = pt, t[41] = c, t[42] = a, t[43] = Nt) : Nt = t[43];
-  const jt = h?.yAxis?.gridLines, At = h?.yAxis?.labels;
-  let Ot;
-  t[44] !== jt || t[45] !== At ? (Ot = {
-    gridLines: jt,
-    labels: At
-  }, t[44] = jt, t[45] = At, t[46] = Ot) : Ot = t[46];
-  const Pt = x?.yAxis?.gridLines, R = x?.yAxis?.labels;
-  let I;
-  t[47] !== Pt || t[48] !== R ? (I = {
-    gridLines: Pt,
-    labels: R
-  }, t[47] = Pt, t[48] = R, t[49] = I) : I = t[49];
-  const F = l(O < 0 ? 0 : O), W = l(O < 0 ? 0 : O), Y = 0 - D, X = u + v.right, Ct = O < 0 ? 0 : O;
-  let tt;
-  t[50] !== L || t[51] !== V || t[52] !== j || t[53] !== g || t[54] !== C || t[55] !== Ct ? (tt = ai(Ct, void 0, j, g, C, L, V), t[50] = L, t[51] = V, t[52] = j, t[53] = g, t[54] = C, t[55] = Ct, t[56] = tt) : tt = t[56];
-  const Qt = 0 - D, Ee = l(O < 0 ? 0 : O), Ze = _ < 0 ? "1rem" : -5;
-  let _t;
-  t[57] !== Qt || t[58] !== Ee || t[59] !== Ze ? (_t = {
-    x: Qt,
-    y: Ee,
-    dx: 0,
-    dy: Ze
-  }, t[57] = Qt, t[58] = Ee, t[59] = Ze, t[60] = _t) : _t = t[60];
-  const Be = x?.xAxis?.axis, ze = x?.yAxis?.labels;
-  let te;
-  t[61] !== Be || t[62] !== ze ? (te = {
-    axis: Be,
-    label: ze
-  }, t[61] = Be, t[62] = ze, t[63] = te) : te = t[63];
-  const Ue = h?.xAxis?.axis, qe = h?.yAxis?.labels;
-  let ee;
-  t[64] !== Ue || t[65] !== qe ? (ee = {
-    axis: Ue,
-    label: qe
-  }, t[64] = Ue, t[65] = qe, t[66] = ee) : ee = t[66];
-  let pe;
-  t[67] !== F || t[68] !== W || t[69] !== Y || t[70] !== X || t[71] !== tt || t[72] !== _t || t[73] !== te || t[74] !== ee ? (pe = /* @__PURE__ */ s.jsx(ji, { y1: F, y2: W, x1: Y, x2: X, label: tt, labelPos: _t, classNames: te, styles: ee }), t[67] = F, t[68] = W, t[69] = Y, t[70] = X, t[71] = tt, t[72] = _t, t[73] = te, t[74] = ee, t[75] = pe) : pe = t[75];
-  const Je = 0 - D - 15, Ke = A / 2, Qe = h?.yAxis?.title, _e = x?.yAxis?.title;
-  let he;
-  t[76] !== Je || t[77] !== Ke || t[78] !== Qe || t[79] !== _e || t[80] !== st ? (he = /* @__PURE__ */ s.jsx(bi, { x: Je, y: Ke, style: Qe, className: _e, text: st, rotate90: !0 }), t[76] = Je, t[77] = Ke, t[78] = Qe, t[79] = _e, t[80] = st, t[81] = he) : he = t[81];
-  let xe;
-  t[82] !== f ? (xe = (n) => hi(n, f), t[82] = f, t[83] = xe) : xe = t[83];
-  const mi = Mt.map(xe), fi = Mt.map((n) => a(n)), ti = h?.xAxis?.gridLines, ei = h?.xAxis?.labels;
-  let ye;
-  t[84] !== ti || t[85] !== ei ? (ye = {
-    gridLines: ti,
-    labels: ei
-  }, t[84] = ti, t[85] = ei, t[86] = ye) : ye = t[86];
-  const ii = x?.xAxis?.gridLines;
-  let ie;
-  t[87] !== ii ? (ie = fe("opacity-0", ii), t[87] = ii, t[88] = ie) : ie = t[88];
-  const oi = x?.xAxis?.labels;
-  let oe;
-  t[89] !== oi ? (oe = fe("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs", oi), t[89] = oi, t[90] = oe) : oe = t[90];
-  let ge;
-  t[91] !== ie || t[92] !== oe ? (ge = {
-    gridLines: ie,
-    labels: oe
-  }, t[91] = ie, t[92] = oe, t[93] = ge) : ge = t[93];
-  let ve;
-  t[94] !== T ? (ve = T.filter(Ji).map(qi), t[94] = T, t[95] = ve) : ve = t[95];
-  let we;
-  t[96] !== P[1] ? (we = {
-    fill: P[1]
-  }, t[96] = P[1], t[97] = we) : we = t[97];
-  let be;
-  t[98] !== i.duration ? (be = {
-    opacity: 0,
-    transition: {
-      duration: i.duration
-    }
-  }, t[98] = i.duration, t[99] = be) : be = t[99];
-  let je;
-  t[100] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (je = {
-    opacity: 1
-  }, t[100] = je) : je = t[100];
-  let Ae;
-  t[101] !== i.duration ? (Ae = {
-    initial: je,
-    whileInView: {
-      opacity: 1,
-      transition: {
-        duration: i.duration
-      }
-    }
-  }, t[101] = i.duration, t[102] = Ae) : Ae = t[102];
-  let Oe;
-  t[103] !== P[0] ? (Oe = {
-    fill: P[0]
-  }, t[103] = P[0], t[104] = Oe) : Oe = t[104];
-  let Ce;
-  t[105] !== i.duration ? (Ce = {
-    opacity: 0,
-    transition: {
-      duration: i.duration
-    }
-  }, t[105] = i.duration, t[106] = Ce) : Ce = t[106];
-  let Ve;
-  t[107] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Ve = {
-    opacity: 0
-  }, t[107] = Ve) : Ve = t[107];
-  let Le;
-  t[108] !== i.duration ? (Le = {
-    initial: Ve,
-    whileInView: {
-      opacity: 1,
-      transition: {
-        duration: i.duration
-      }
-    }
-  }, t[108] = i.duration, t[109] = Le) : Le = t[109];
-  let De;
-  t[110] !== m[0] || t[111] !== B ? (De = {
-    fill: "none",
-    stroke: m[0],
-    strokeWidth: B
-  }, t[110] = m[0], t[111] = B, t[112] = De) : De = t[112];
-  let Se;
-  t[113] !== i.duration ? (Se = {
-    opacity: 0,
-    transition: {
-      duration: i.duration
-    }
-  }, t[113] = i.duration, t[114] = Se) : Se = t[114];
-  let ke;
-  t[115] !== m[1] || t[116] !== B ? (ke = {
-    fill: "none",
-    stroke: m[1],
-    strokeWidth: B
-  }, t[115] = m[1], t[116] = B, t[117] = ke) : ke = t[117];
-  let $e;
-  t[118] !== i.duration ? ($e = {
-    opacity: 0,
-    transition: {
-      duration: i.duration
-    }
-  }, t[118] = i.duration, t[119] = $e) : $e = t[119];
-  const ui = 1, ni = Tt(o) || "";
-  let ne;
-  t[120] !== i.duration ? (ne = {
-    duration: i.duration
-  }, t[120] = i.duration, t[121] = ne) : ne = t[121];
-  let Te;
-  t[122] !== ni || t[123] !== ne ? (Te = {
-    pathLength: ui,
-    d: ni,
-    opacity: 1,
-    transition: ne
-  }, t[122] = ni, t[123] = ne, t[124] = Te) : Te = t[124];
-  let Ie;
-  t[125] !== i.duration || t[126] !== N || t[127] !== o || t[128] !== y || t[129] !== c || t[130] !== m[0] || t[131] !== m[1] || t[132] !== nt || t[133] !== a || t[134] !== l ? (Ie = nt ? null : /* @__PURE__ */ s.jsxs("g", { children: [
-    /* @__PURE__ */ s.jsx(k.text, { className: "text-xs", dx: 5, dy: 4, exit: {
-      opacity: 0,
-      transition: {
-        duration: i.duration
-      }
-    }, variants: {
-      initial: {
-        opacity: 0,
-        x: a(o[o.length - 1].date),
-        y: l(o[o.length - 1].y1),
-        fill: m[0]
-      },
-      whileInView: {
-        opacity: 1,
-        x: a(o[o.length - 1].date),
-        y: l(o[o.length - 1].y1),
-        fill: m[0],
-        transition: {
-          duration: y ? i.duration : 0.5,
-          delay: y ? 0 : i.duration
-        }
-      }
-    }, initial: "initial", animate: c ? "whileInView" : "initial", children: N[0] }, N[0]),
-    /* @__PURE__ */ s.jsx(k.text, { className: "text-xs", dx: 5, dy: 4, exit: {
-      opacity: 0,
-      transition: {
-        duration: i.duration
-      }
-    }, variants: {
-      initial: {
-        opacity: 0,
-        x: a(o[o.length - 1].date),
-        y: l(o[o.length - 1].y2),
-        fill: m[1]
-      },
-      whileInView: {
-        opacity: 1,
-        x: a(o[o.length - 1].date),
-        y: l(o[o.length - 1].y2),
-        fill: m[1],
-        transition: {
-          duration: y ? i.duration : 0.5,
-          delay: y ? 0 : i.duration
-        }
-      }
-    }, initial: "initial", animate: c ? "whileInView" : "initial", children: N[1] }, N[1])
-  ] }), t[125] = i.duration, t[126] = N, t[127] = o, t[128] = y, t[129] = c, t[130] = m[0], t[131] = m[1], t[132] = nt, t[133] = a, t[134] = l, t[135] = Ie) : Ie = t[135];
-  let Me;
-  t[136] !== x?.mouseOverLine || t[137] !== A || t[138] !== d || t[139] !== h?.mouseOverLine || t[140] !== a ? (Me = d ? /* @__PURE__ */ s.jsx("line", { y1: 0, y2: A, x1: a(d.date), x2: a(d.date), className: fe("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100", x?.mouseOverLine), style: h?.mouseOverLine }) : null, t[136] = x?.mouseOverLine, t[137] = A, t[138] = d, t[139] = h?.mouseOverLine, t[140] = a, t[141] = Me) : Me = t[141];
-  let Ne;
-  if (t[142] !== i.duration || t[143] !== x?.graphObjectValues || t[144] !== o || t[145] !== u || t[146] !== y || t[147] !== c || t[148] !== m[0] || t[149] !== m[1] || t[150] !== L || t[151] !== G || t[152] !== V || t[153] !== j || t[154] !== g || t[155] !== z || t[156] !== Z || t[157] !== h?.graphObjectValues || t[158] !== C || t[159] !== a || t[160] !== l) {
-    let n;
-    t[162] !== i.duration || t[163] !== x?.graphObjectValues || t[164] !== o.length || t[165] !== u || t[166] !== y || t[167] !== c || t[168] !== m[0] || t[169] !== m[1] || t[170] !== L || t[171] !== G || t[172] !== V || t[173] !== j || t[174] !== g || t[175] !== z || t[176] !== Z || t[177] !== h?.graphObjectValues || t[178] !== C || t[179] !== a || t[180] !== l ? (n = (e, E) => /* @__PURE__ */ s.jsxs(k.g, { children: [
-      Gt(e.y1) ? null : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-        z ? /* @__PURE__ */ s.jsx(k.circle, { r: u / o.length < 5 ? 0 : u / o.length < 20 ? 2 : 4, exit: {
-          opacity: 0,
-          transition: {
-            duration: i.duration
-          }
-        }, variants: {
-          initial: {
-            opacity: 0,
-            cx: a(e.date),
-            cy: l(e.y1),
-            fill: m[0]
-          },
-          whileInView: {
-            opacity: 1,
-            fill: m[0],
-            transition: {
-              duration: 0.5,
-              delay: i.duration
-            },
-            cx: a(e.date),
-            cy: l(e.y1)
-          }
-        }, initial: "initial", animate: c ? "whileInView" : "initial" }) : null,
-        Z ? /* @__PURE__ */ s.jsx(k.text, { dy: e.y2 < e.y1 ? -8 : "1em", style: {
-          textAnchor: "middle",
-          ...h?.graphObjectValues || {}
-        }, className: fe("graph-value graph-value-line-1 text-xs font-bold", x?.graphObjectValues), exit: {
-          opacity: 0,
-          transition: {
-            duration: i.duration
-          }
-        }, variants: {
-          initial: {
-            opacity: 0,
-            x: a(e.date),
-            y: l(e.y1),
-            fill: m[0]
-          },
-          whileInView: {
-            opacity: 1,
-            fill: m[0],
-            x: a(e.date),
-            y: l(e.y1),
-            transition: {
-              duration: y ? i.duration : 0.5,
-              delay: y ? 0 : i.duration
-            }
-          }
-        }, initial: "initial", animate: c ? "whileInView" : "initial", children: ai(e.y1, G, j, g, C, L, V) }) : null
-      ] }),
-      Gt(e.y2) ? null : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-        z ? /* @__PURE__ */ s.jsx(k.circle, { r: u / o.length < 5 ? 0 : u / o.length < 20 ? 2 : 4, exit: {
-          opacity: 0,
-          transition: {
-            duration: i.duration
-          }
-        }, variants: {
-          initial: {
-            opacity: 0,
-            cx: a(e.date),
-            cy: l(e.y2),
-            fill: m[1]
-          },
-          whileInView: {
-            opacity: 1,
-            fill: m[1],
-            transition: {
-              duration: y ? i.duration : 0.5,
-              delay: y ? 0 : i.duration
-            },
-            cx: a(e.date),
-            cy: l(e.y2)
-          }
-        }, initial: "initial", animate: c ? "whileInView" : "initial" }) : null,
-        Z ? /* @__PURE__ */ s.jsx(k.text, { dy: e.y2 > e.y1 ? -8 : "1em", style: {
-          textAnchor: "middle",
-          ...h?.graphObjectValues || {}
-        }, className: fe("graph-value graph-value-line-2 text-xs font-bold", x?.graphObjectValues), exit: {
-          opacity: 0,
-          transition: {
-            duration: i.duration
-          }
-        }, variants: {
-          initial: {
-            opacity: 0,
-            x: a(e.date),
-            y: l(e.y2),
-            fill: m[1]
-          },
-          whileInView: {
-            opacity: 1,
-            x: a(e.date),
-            y: l(e.y2),
-            fill: m[1],
-            transition: {
-              duration: y ? i.duration : 0.5,
-              delay: y ? 0 : i.duration
-            }
-          }
-        }, initial: "initial", animate: c ? "whileInView" : "initial", children: ai(e.y2, G, j, g, C, L, V) }) : null
-      ] })
-    ] }, E), t[162] = i.duration, t[163] = x?.graphObjectValues, t[164] = o.length, t[165] = u, t[166] = y, t[167] = c, t[168] = m[0], t[169] = m[1], t[170] = L, t[171] = G, t[172] = V, t[173] = j, t[174] = g, t[175] = z, t[176] = Z, t[177] = h?.graphObjectValues, t[178] = C, t[179] = a, t[180] = l, t[181] = n) : n = t[181], Ne = o.map(n), t[142] = i.duration, t[143] = x?.graphObjectValues, t[144] = o, t[145] = u, t[146] = y, t[147] = c, t[148] = m[0], t[149] = m[1], t[150] = L, t[151] = G, t[152] = V, t[153] = j, t[154] = g, t[155] = z, t[156] = Z, t[157] = h?.graphObjectValues, t[158] = C, t[159] = a, t[160] = l, t[161] = Ne;
-  } else
-    Ne = t[161];
-  let Pe;
-  t[182] !== i || t[183] !== u || t[184] !== c || t[185] !== D || t[186] !== v.right || t[187] !== Lt || t[188] !== l ? (Pe = Lt ? /* @__PURE__ */ s.jsx(s.Fragment, { children: Lt.map((n, e) => /* @__PURE__ */ s.jsx(Oi, { text: n.text, color: n.color, y: l(n.value), x1: 0 - D, x2: u + v.right, classNames: n.classNames, styles: n.styles, animate: i, isInView: c }, e)) }) : null, t[182] = i, t[183] = u, t[184] = c, t[185] = D, t[186] = v.right, t[187] = Lt, t[188] = l, t[189] = Pe) : Pe = t[189];
-  let ae;
-  if (t[190] !== i || t[191] !== H || t[192] !== f || t[193] !== u || t[194] !== c || t[195] !== v.right || t[196] !== M || t[197] !== a || t[198] !== l) {
-    let n;
-    t[200] !== i || t[201] !== f || t[202] !== u || t[203] !== c || t[204] !== v.right || t[205] !== M || t[206] !== a || t[207] !== l ? (n = (e, E) => {
-      const Ht = vi({
-        x: e.xCoordinate ? a(S(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-        y: e.yCoordinate ? l(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8
-      }, {
-        x: e.xCoordinate ? a(S(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) : 0,
-        y: e.yCoordinate ? l(e.yCoordinate) : 0
-      }, Gt(e.connectorRadius) ? 3.5 : e.connectorRadius), di = e.showConnector ? {
-        y1: Ht.y,
-        x1: Ht.x,
-        y2: e.yCoordinate ? l(e.yCoordinate) + (e.yOffset || 0) : 0 + (e.yOffset || 0),
-        x2: e.xCoordinate ? a(S(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-        cy: e.yCoordinate ? l(e.yCoordinate) : 0,
-        cx: e.xCoordinate ? a(S(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) : 0,
-        circleRadius: Gt(e.connectorRadius) ? 3.5 : e.connectorRadius,
-        strokeWidth: e.showConnector === !0 ? 2 : Math.min(e.showConnector || 0, 1)
-      } : void 0, pi = {
-        y: e.yCoordinate ? l(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8,
-        x: M ? 0 : e.xCoordinate ? a(S(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-        width: M ? e.xCoordinate ? a(S(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : u + v.right - (e.xCoordinate ? a(S(`${e.xCoordinate}`, f, /* @__PURE__ */ new Date())) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
-        maxWidth: e.maxWidth,
-        fontWeight: e.fontWeight,
-        align: e.align
-      };
-      return /* @__PURE__ */ s.jsx(wi, { color: e.color, connectorsSettings: di, labelSettings: pi, text: e.text, classNames: e.classNames, styles: e.styles, animate: i, isInView: c }, E);
-    }, t[200] = i, t[201] = f, t[202] = u, t[203] = c, t[204] = v.right, t[205] = M, t[206] = a, t[207] = l, t[208] = n) : n = t[208], ae = H.map(n), t[190] = i, t[191] = H, t[192] = f, t[193] = u, t[194] = c, t[195] = v.right, t[196] = M, t[197] = a, t[198] = l, t[199] = ae;
-  } else
-    ae = t[199];
-  let He;
-  t[209] !== ae ? (He = /* @__PURE__ */ s.jsx("g", { children: ae }), t[209] = ae, t[210] = He) : He = t[210];
-  let Ge;
-  t[211] !== T ? (Ge = T.filter(Ui).map(zi), t[211] = T, t[212] = Ge) : Ge = t[212];
-  let Re;
-  t[213] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Re = {
-    fill: "none",
-    pointerEvents: "all"
-  }, t[213] = Re) : Re = t[213];
-  let Fe;
-  t[214] !== ft || t[215] !== A || t[216] !== u ? (Fe = /* @__PURE__ */ s.jsx("rect", { ref: ft, style: Re, width: u, height: A }), t[214] = ft, t[215] = A, t[216] = u, t[217] = Fe) : Fe = t[217];
-  let We;
-  return t[218] !== x?.tooltip || t[219] !== ct || t[220] !== J || t[221] !== d || t[222] !== h?.tooltip || t[223] !== Vt ? (We = d && Vt && ct && J ? /* @__PURE__ */ s.jsx(yi, { data: d, body: Vt, xPos: ct, yPos: J, backgroundStyle: h?.tooltip, className: x?.tooltip }) : null, t[218] = x?.tooltip, t[219] = ct, t[220] = J, t[221] = d, t[222] = h?.tooltip, t[223] = Vt, t[224] = We) : We = t[224], /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(k.svg, { width: `${et}px`, height: `${it}px`, viewBox: `0 0 ${et} ${it}`, direction: "ltr", ref: ce, children: /* @__PURE__ */ s.jsxs("g", { transform: `translate(${v.left},${v.top})`, children: [
-      /* @__PURE__ */ s.jsx("clipPath", { id: `above${at}`, children: /* @__PURE__ */ s.jsx("path", { d: It(o), style: Kt }) }),
-      /* @__PURE__ */ s.jsx("clipPath", { id: `below${at}`, children: /* @__PURE__ */ s.jsx("path", { d: me(o), style: bt }) }),
-      Nt,
-      /* @__PURE__ */ s.jsx(gi, { areaSettings: zt, scaleX: a, scaleY: l, animate: i, isInView: c }),
-      /* @__PURE__ */ s.jsx("g", { children: /* @__PURE__ */ s.jsxs("g", { children: [
-        /* @__PURE__ */ s.jsx(Ci, { values: de.filter(Qi), y: de.filter(Ki).map((n) => l(n)), x1: 0 - D, x2: u + v.right, styles: Ot, classNames: I, suffix: C, prefix: g, labelType: "secondary", showGridLines: !0, labelPos: "vertical", precision: j, locale: L, padZeros: V }),
-        pe,
-        he
-      ] }) }),
-      /* @__PURE__ */ s.jsx(Ai, { values: mi, x: fi, y1: 0, y2: A, styles: ye, classNames: ge, suffix: C, prefix: g, labelType: "primary", showGridLines: !0, precision: j, locale: L, padZeros: V }),
-      ve,
-      /* @__PURE__ */ s.jsxs("g", { children: [
-        /* @__PURE__ */ s.jsx(k.path, { clipPath: `url(#below${at})`, d: Jt(o) || "", style: we, exit: be, variants: Ae, initial: "initial", animate: c ? "whileInView" : "initial" }),
-        /* @__PURE__ */ s.jsx(k.path, { clipPath: `url(#above${at})`, d: Jt(o) || "", style: Oe, exit: Ce, variants: Le, initial: "initial", animate: c ? "whileInView" : "initial" })
-      ] }),
-      /* @__PURE__ */ s.jsxs("g", { children: [
-        /* @__PURE__ */ s.jsx(k.path, { d: $t(o) || "", style: De, exit: Se, variants: {
-          initial: {
-            pathLength: 0,
-            d: $t(o) || "",
-            opacity: 1
-          },
-          whileInView: {
-            pathLength: 1,
-            d: $t(o) || "",
-            opacity: 1,
-            transition: {
-              duration: i.duration
-            }
-          }
-        }, initial: "initial", animate: c ? "whileInView" : "initial" }),
-        /* @__PURE__ */ s.jsx(k.path, { style: ke, exit: $e, variants: {
-          initial: {
-            pathLength: 0,
-            d: Tt(o) || "",
-            opacity: 1
-          },
-          whileInView: Te
-        }, initial: "initial", animate: c ? "whileInView" : "initial" }),
-        Ie,
-        Me,
-        Ne
-      ] }),
-      Pe,
-      He,
-      Ge,
-      Fe
-    ] }) }),
-    We
-  ] });
-}
-function zi(r) {
-  return r.layer;
-}
-function Ui(r) {
-  return r.position === "after";
-}
-function qi(r) {
-  return r.layer;
-}
-function Ji(r) {
-  return r.position === "before";
-}
-function Ki(r) {
-  return r !== 0;
-}
-function Qi(r) {
-  return r !== 0;
-}
-function _i(r) {
-  return r.date;
-}
-function to(r) {
-  return r.y2;
-}
-function eo(r) {
-  return r.y2;
-}
-function io(r) {
-  return r.y1;
-}
-function oo(r) {
-  return r.y1;
-}
-function no(r) {
-  return r.y2;
-}
-function ao(r) {
-  return r.y2;
-}
-function so(r) {
-  return r.y2;
-}
-function ro(r) {
-  return r.y1;
-}
-function lo(r) {
-  return r.y1;
-}
-function co(r) {
-  return r.y1;
-}
-function qo(r) {
-  const t = ci.c(105), {
-    data: b,
-    graphTitle: et,
-    sources: it,
-    graphDescription: m,
-    height: C,
-    width: g,
-    footNote: f,
-    noOfXTicks: Z,
-    dateFormat: ue,
-    showValues: Rt,
-    padding: D,
-    lineColors: ot,
-    backgroundColor: Ft,
-    leftMargin: Vt,
-    rightMargin: Wt,
-    topMargin: Yt,
-    bottomMargin: i,
-    tooltip: M,
-    highlightAreaSettings: nt,
-    relativeHeight: N,
-    onSeriesMouseOver: P,
-    graphID: at,
-    graphDownload: B,
-    dataDownload: z,
-    animate: Lt,
-    language: $,
-    minHeight: Dt,
-    labels: H,
-    showColorLegendAtTop: Xt,
-    colorLegendTitle: st,
-    diffAreaColors: Et,
-    strokeWidth: re,
-    showDots: le,
-    refValues: U,
-    minValue: h,
-    maxValue: x,
-    annotations: j,
-    customHighlightAreaSettings: T,
-    theme: L,
-    ariaLabel: G,
-    yAxisTitle: V,
-    noOfYTicks: ce,
-    minDate: rt,
-    maxDate: c,
-    curveType: y,
-    styles: w,
-    classNames: p,
-    customLayers: q,
-    naLabel: lt,
-    numberDisplayOptions: d
-  } = r, Zt = Z === void 0 ? 10 : Z, ct = ue === void 0 ? "yyyy" : ue, Bt = Rt === void 0 ? !1 : Rt;
-  let J;
-  t[0] !== ot ? (J = ot === void 0 ? [Ye.light.categoricalColors.colors[0], Ye.light.categoricalColors.colors[1]] : ot, t[0] = ot, t[1] = J) : J = t[1];
-  const K = J, St = Ft === void 0 ? !1 : Ft, mt = Vt === void 0 ? 30 : Vt, v = Wt === void 0 ? 50 : Wt, ft = Yt === void 0 ? 20 : Yt, ut = i === void 0 ? 25 : i;
-  let o;
-  t[2] !== nt ? (o = nt === void 0 ? [] : nt, t[2] = nt, t[3] = o) : o = t[3];
-  const dt = o, pt = B === void 0 ? !1 : B, Q = z === void 0 ? !1 : z, zt = Lt === void 0 ? !1 : Lt, u = $ === void 0 ? "en" : $, A = Dt === void 0 ? 0 : Dt, ht = Xt === void 0 ? !1 : Xt;
-  let Ut;
-  t[4] !== Et ? (Ut = Et === void 0 ? [Ye.alerts.red, Ye.alerts.darkGreen] : Et, t[4] = Et, t[5] = Ut) : Ut = t[5];
-  const xt = Ut, yt = re === void 0 ? 2 : re, qt = le === void 0 ? !0 : le;
-  let kt;
-  t[6] !== U ? (kt = U === void 0 ? [] : U, t[6] = U, t[7] = kt) : kt = t[7];
-  const gt = kt;
-  let O;
-  t[8] !== j ? (O = j === void 0 ? [] : j, t[8] = j, t[9] = O) : O = t[9];
-  const _ = O;
-  let a;
-  t[10] !== T ? (a = T === void 0 ? [] : T, t[10] = T, t[11] = a) : a = t[11];
-  const vt = a, wt = L === void 0 ? "light" : L, l = ce === void 0 ? 5 : ce, $t = y === void 0 ? "curve" : y;
-  let Tt;
-  t[12] !== q ? (Tt = q === void 0 ? [] : q, t[12] = q, t[13] = Tt) : Tt = t[13];
-  const Jt = Tt, me = lt === void 0 ? "NA" : lt, [It, de] = se(0), [Mt, Kt] = se(0), bt = Xe(null), Nt = Xe(null);
-  let jt, At;
-  t[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (jt = () => {
-    const tt = new ResizeObserver((Qt) => {
-      de(Qt[0].target.clientWidth || 620), Kt(Qt[0].target.clientHeight || 480);
-    });
-    return bt.current && tt.observe(bt.current), () => tt.disconnect();
-  }, At = [], t[14] = jt, t[15] = At) : (jt = t[14], At = t[15]), ri(jt, At);
-  const Ot = p?.graphContainer, Pt = w?.graphContainer;
-  let R;
-  t[16] !== p?.description || t[17] !== p?.title || t[18] !== b || t[19] !== Q || t[20] !== m || t[21] !== pt || t[22] !== et || t[23] !== w?.description || t[24] !== w?.title || t[25] !== g ? (R = et || m || pt || Q ? /* @__PURE__ */ s.jsx(Ri, { styles: {
-    title: w?.title,
-    description: w?.description
-  }, classNames: {
-    title: p?.title,
-    description: p?.description
-  }, graphTitle: et, graphDescription: m, width: g, graphDownload: pt ? Nt : void 0, dataDownload: Q ? b.map(ho).filter(po).length > 0 ? b.map(uo).filter(fo) : b.filter(mo) : null }) : null, t[16] = p?.description, t[17] = p?.title, t[18] = b, t[19] = Q, t[20] = m, t[21] = pt, t[22] = et, t[23] = w?.description, t[24] = w?.title, t[25] = g, t[26] = R) : R = t[26];
-  let I;
-  t[27] !== p?.colorLegend || t[28] !== st || t[29] !== b.length || t[30] !== H || t[31] !== K || t[32] !== ht ? (I = ht && b.length > 0 ? /* @__PURE__ */ s.jsx(Fi, { colorDomain: H, colorLegendTitle: st, colors: K, showNAColor: !1, className: p?.colorLegend }) : null, t[27] = p?.colorLegend, t[28] = st, t[29] = b.length, t[30] = H, t[31] = K, t[32] = ht, t[33] = I) : I = t[33];
-  let F;
-  t[34] !== b.length ? (F = b.length === 0 && /* @__PURE__ */ s.jsx(Yi, {}), t[34] = b.length, t[35] = F) : F = t[35];
-  let W;
-  t[36] !== zt || t[37] !== _ || t[38] !== ut || t[39] !== p || t[40] !== $t || t[41] !== vt || t[42] !== Jt || t[43] !== b || t[44] !== ct || t[45] !== xt || t[46] !== dt || t[47] !== H || t[48] !== u || t[49] !== mt || t[50] !== K || t[51] !== c || t[52] !== x || t[53] !== rt || t[54] !== h || t[55] !== me || t[56] !== Zt || t[57] !== l || t[58] !== d?.locale || t[59] !== d?.padZeros || t[60] !== d?.precision || t[61] !== d?.prefix || t[62] !== d?.suffix || t[63] !== P || t[64] !== gt || t[65] !== v || t[66] !== ht || t[67] !== qt || t[68] !== Bt || t[69] !== yt || t[70] !== w || t[71] !== Mt || t[72] !== It || t[73] !== M || t[74] !== ft || t[75] !== V ? (W = It && Mt && b.length > 0 ? /* @__PURE__ */ s.jsx(Bi, { data: b, lineColors: K, colorDomain: H, width: It, height: Mt, dateFormat: ct, showValues: Bt, noOfXTicks: Zt ?? Zi(It), leftMargin: mt, rightMargin: v, topMargin: ft, bottomMargin: ut, highlightAreaSettings: dt, tooltip: M, onSeriesMouseOver: P, showColorLegendAtTop: ht, animate: zt === !0 ? {
-    duration: 0.5,
-    once: !0,
-    amount: 0.5
-  } : zt || {
-    duration: 0,
-    once: !0,
-    amount: 0
-  }, rtl: u === "he" || u === "ar", diffAreaColors: xt, idSuffix: Wi(8), strokeWidth: yt, showDots: qt, refValues: gt, minValue: h, maxValue: x, annotations: _, customHighlightAreaSettings: vt, yAxisTitle: V, noOfYTicks: l, minDate: rt, maxDate: c, curveType: $t, styles: w, classNames: p, customLayers: Jt, naLabel: me, locale: d?.locale || "en", padZeros: d?.padZeros || !1, suffix: d?.suffix || "", prefix: d?.prefix || "", precision: d?.precision ?? 2 }) : null, t[36] = zt, t[37] = _, t[38] = ut, t[39] = p, t[40] = $t, t[41] = vt, t[42] = Jt, t[43] = b, t[44] = ct, t[45] = xt, t[46] = dt, t[47] = H, t[48] = u, t[49] = mt, t[50] = K, t[51] = c, t[52] = x, t[53] = rt, t[54] = h, t[55] = me, t[56] = Zt, t[57] = l, t[58] = d?.locale, t[59] = d?.padZeros, t[60] = d?.precision, t[61] = d?.prefix, t[62] = d?.suffix, t[63] = P, t[64] = gt, t[65] = v, t[66] = ht, t[67] = qt, t[68] = Bt, t[69] = yt, t[70] = w, t[71] = Mt, t[72] = It, t[73] = M, t[74] = ft, t[75] = V, t[76] = W) : W = t[76];
-  let Y;
-  t[77] !== F || t[78] !== W ? (Y = /* @__PURE__ */ s.jsxs(Xi, { ref: bt, children: [
-    F,
-    W
-  ] }), t[77] = F, t[78] = W, t[79] = Y) : Y = t[79];
-  let X;
-  t[80] !== p?.footnote || t[81] !== p?.source || t[82] !== f || t[83] !== it || t[84] !== w?.footnote || t[85] !== w?.source || t[86] !== g ? (X = it || f ? /* @__PURE__ */ s.jsx(Gi, { styles: {
-    footnote: w?.footnote,
-    source: w?.source
-  }, classNames: {
-    footnote: p?.footnote,
-    source: p?.source
-  }, sources: it, footNote: f, width: g }) : null, t[80] = p?.footnote, t[81] = p?.source, t[82] = f, t[83] = it, t[84] = w?.footnote, t[85] = w?.source, t[86] = g, t[87] = X) : X = t[87];
-  let Ct;
-  return t[88] !== G || t[89] !== St || t[90] !== at || t[91] !== C || t[92] !== u || t[93] !== A || t[94] !== D || t[95] !== N || t[96] !== Ot || t[97] !== Pt || t[98] !== R || t[99] !== I || t[100] !== Y || t[101] !== X || t[102] !== wt || t[103] !== g ? (Ct = /* @__PURE__ */ s.jsxs(Ei, { className: Ot, style: Pt, id: at, ref: Nt, "aria-label": G, backgroundColor: St, theme: wt, language: u, minHeight: A, width: g, height: C, relativeHeight: N, padding: D, children: [
-    R,
-    I,
-    Y,
-    X
-  ] }), t[88] = G, t[89] = St, t[90] = at, t[91] = C, t[92] = u, t[93] = A, t[94] = D, t[95] = N, t[96] = Ot, t[97] = Pt, t[98] = R, t[99] = I, t[100] = Y, t[101] = X, t[102] = wt, t[103] = g, t[104] = Ct) : Ct = t[104], Ct;
-}
-function mo(r) {
-  return r !== void 0;
-}
-function fo(r) {
-  return r !== void 0;
-}
-function uo(r) {
-  return r.data;
-}
-function po(r) {
-  return r !== void 0;
-}
-function ho(r) {
-  return r.data;
-}
-export {
-  qo as DifferenceLineChart
-};
-//# sourceMappingURL=DifferenceLineChart.js.map
+import { t as e } from "./DifferenceLineChart-BVSQviFB.js";
+export { e as DifferenceLineChart };