@undp/data-viz 1.4.7 → 1.4.9

package/dist/DifferenceLineChart.js

@@ -21,7 +21,7 @@ import { s as ei } from "./select-DKy99ogv.js";
 import { a as ai } from "./init-BhZylTFx.js";
 import { p as ni } from "./pointer-CWRWOsrb.js";
 import { u as oi } from "./use-in-view-yS6jzJAp.js";
-import { m as p } from "./proxy-CkpFesk1.js";
+import { m as f } from "./proxy-CkpFesk1.js";
 import { GraphFooter as ri } from "./GraphFooter.js";
 import { GraphHeader as si } from "./GraphHeader.js";
 import { ColorLegend as li } from "./ColorLegend.js";
@@ -33,7 +33,7 @@ function hi(pt) {
     data: N,
     width: D,
     height: Y,
-    lineColors: f,
+    lineColors: g,
     suffix: L,
     prefix: w,
     dateFormat: r,
@@ -83,7 +83,7 @@ function hi(pt) {
       return () => clearTimeout(t);
     }
   }, [s, c, a.duration]);
-  const M = F === "linear" ? Qt : F === "step" ? Zt : F === "stepAfter" ? _t : F === "stepBefore" ? ti : ii, [S, rt] = W(void 0), [st, lt] = W(void 0), [A, C] = W(void 0), g = {
+  const M = F === "linear" ? Qt : F === "step" ? Zt : F === "stepAfter" ? _t : F === "stepBefore" ? ti : ii, [S, rt] = W(void 0), [st, lt] = W(void 0), [A, C] = W(void 0), u = {
     top: gt,
     bottom: K,
     left: U ? j + 30 : j,
@@ -105,16 +105,16 @@ function hi(pt) {
     coordinates: t.coordinates.map(
       (v, $) => $ % 2 === 0 ? d(`${v}`, r, /* @__PURE__ */ new Date()) : v
     )
-  })), m = D - g.left - g.right, u = Y - g.top - g.bottom, xt = et ? d(`${et}`, r, /* @__PURE__ */ new Date()) : i[0].date, h = at ? d(`${at}`, r, /* @__PURE__ */ new Date()) : i[i.length - 1].date, q = Math.min(...i.map((t) => t.y1)) !== 1 / 0 ? Math.min(...i.map((t) => t.y1)) > 0 ? 0 : Math.min(...i.map((t) => t.y1)) : 0, Vt = Math.min(...i.map((t) => t.y2)) !== 1 / 0 ? Math.min(...i.map((t) => t.y2)) > 0 ? 0 : Math.min(...i.map((t) => t.y2)) : 0, $t = Math.max(...i.map((t) => t.y1)) !== 1 / 0 ? Math.max(...i.map((t) => t.y1)) : 0, Nt = Math.max(...i.map((t) => t.y2)) !== 1 / 0 ? Math.max(...i.map((t) => t.y2)) : 0, O = P(I) ? q < Vt ? q : Vt : I, jt = $t > Nt ? $t : Nt, n = Jt().domain([xt, h]).range([0, m]), o = Kt().domain([
+  })), m = D - u.left - u.right, p = Y - u.top - u.bottom, xt = et ? d(`${et}`, r, /* @__PURE__ */ new Date()) : i[0].date, h = at ? d(`${at}`, r, /* @__PURE__ */ new Date()) : i[i.length - 1].date, q = Math.min(...i.map((t) => t.y1)) !== 1 / 0 ? Math.min(...i.map((t) => t.y1)) > 0 ? 0 : Math.min(...i.map((t) => t.y1)) : 0, Vt = Math.min(...i.map((t) => t.y2)) !== 1 / 0 ? Math.min(...i.map((t) => t.y2)) > 0 ? 0 : Math.min(...i.map((t) => t.y2)) : 0, $t = Math.max(...i.map((t) => t.y1)) !== 1 / 0 ? Math.max(...i.map((t) => t.y1)) : 0, Nt = Math.max(...i.map((t) => t.y2)) !== 1 / 0 ? Math.max(...i.map((t) => t.y2)) : 0, O = P(I) ? q < Vt ? q : Vt : I, jt = $t > Nt ? $t : Nt, n = Jt().domain([xt, h]).range([0, m]), o = Kt().domain([
     P(I) ? O : I,
     P(z) ? jt > 0 ? jt : 0 : z
-  ]).range([u, 0]).nice(), bt = Mt().x((t) => n(t.date)).y((t) => o(t.y1)).curve(M), Lt = Mt().x((t) => n(t.date)).y((t) => o(t.y2)).curve(M), It = Ot().x((t) => n(t.date)).y1((t) => o(t.y1)).y0((t) => o(t.y2)).curve(M), St = Ot().x((t) => n(t.date)).y1((t) => o(t.y1)).y0(0).curve(M), Pt = Ot().x((t) => n(t.date)).y1((t) => o(t.y2)).y0(0).curve(M), kt = o.ticks(it), Tt = n.ticks(J);
+  ]).range([p, 0]).nice(), bt = Mt().x((t) => n(t.date)).y((t) => o(t.y1)).curve(M), Lt = Mt().x((t) => n(t.date)).y((t) => o(t.y2)).curve(M), It = Ot().x((t) => n(t.date)).y1((t) => o(t.y1)).y0((t) => o(t.y2)).curve(M), St = Ot().x((t) => n(t.date)).y1((t) => o(t.y1)).y0(0).curve(M), Pt = Ot().x((t) => n(t.date)).y1((t) => o(t.y2)).y0(0).curve(M), kt = o.ticks(it), Tt = n.ticks(J);
   return Dt(() => {
     const t = ($) => {
       const yt = i[ai(
         i.map((At) => At.date),
         n.invert(ni($)[0]),
-        1
+        0
       )];
       rt(yt || i[i.length - 1]), E?.(yt || i[i.length - 1]), C($.clientY), lt($.clientX);
     }, v = () => {
@@ -123,14 +123,14 @@ function hi(pt) {
     ei(ct.current).on("mousemove", t).on("mouseout", v);
   }, [n, i, E]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      p.svg,
+      f.svg,
       {
         width: `${D}px`,
         height: `${Y}px`,
         viewBox: `0 0 ${D} ${Y}`,
         direction: "ltr",
         ref: ot,
-        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${g.left},${g.top})`, children: [
+        children: /* @__PURE__ */ e.jsxs("g", { transform: `translate(${u.left},${u.top})`, children: [
           /* @__PURE__ */ e.jsx("clipPath", { id: `above${b}`, children: /* @__PURE__ */ e.jsx(
             "path",
             {
@@ -150,7 +150,7 @@ function hi(pt) {
             {
               areaSettings: mt,
               width: m,
-              height: u,
+              height: p,
               scale: n,
               animate: a,
               isInView: s
@@ -173,7 +173,7 @@ function hi(pt) {
                 values: kt.filter((t) => t !== 0),
                 y: kt.filter((t) => t !== 0).map((t) => o(t)),
                 x1: 0 - j,
-                x2: m + g.right,
+                x2: m + u.right,
                 styles: {
                   gridLines: x?.yAxis?.gridLines,
                   labels: x?.yAxis?.labels
@@ -196,7 +196,7 @@ function hi(pt) {
                 y1: o(O < 0 ? 0 : O),
                 y2: o(O < 0 ? 0 : O),
                 x1: 0 - j,
-                x2: m + g.right,
+                x2: m + u.right,
                 label: Ct(
                   O < 0 ? 0 : O,
                   "NA",
@@ -224,7 +224,7 @@ function hi(pt) {
               Xt,
               {
                 x: 0 - j - 15,
-                y: u / 2,
+                y: p / 2,
                 style: x?.yAxis?.title,
                 className: y?.yAxis?.title,
                 text: U,
@@ -238,7 +238,7 @@ function hi(pt) {
               values: Tt.map((t) => Ht(t, r)),
               x: Tt.map((t) => n(t)),
               y1: 0,
-              y2: u,
+              y2: p,
               styles: {
                 gridLines: x?.xAxis?.gridLines,
                 labels: x?.xAxis?.labels
@@ -260,7 +260,7 @@ function hi(pt) {
           nt.filter((t) => t.position === "before").map((t) => t.layer),
           /* @__PURE__ */ e.jsxs("g", { children: [
             /* @__PURE__ */ e.jsx(
-              p.path,
+              f.path,
               {
                 clipPath: `url(#below${b})`,
                 d: It(i) || "",
@@ -275,7 +275,7 @@ function hi(pt) {
               }
             ),
             /* @__PURE__ */ e.jsx(
-              p.path,
+              f.path,
               {
                 clipPath: `url(#above${b})`,
                 d: It(i) || "",
@@ -292,12 +292,12 @@ function hi(pt) {
           ] }),
           /* @__PURE__ */ e.jsxs("g", { children: [
             /* @__PURE__ */ e.jsx(
-              p.path,
+              f.path,
               {
                 d: bt(i) || "",
                 style: {
                   fill: "none",
-                  stroke: f[0],
+                  stroke: g[0],
                   strokeWidth: _
                 },
                 exit: { opacity: 0, transition: { duration: a.duration } },
@@ -315,11 +315,11 @@ function hi(pt) {
               }
             ),
             /* @__PURE__ */ e.jsx(
-              p.path,
+              f.path,
               {
                 style: {
                   fill: "none",
-                  stroke: f[1],
+                  stroke: g[1],
                   strokeWidth: _
                 },
                 exit: { opacity: 0, transition: { duration: a.duration } },
@@ -338,9 +338,9 @@ function hi(pt) {
             ),
             wt ? null : /* @__PURE__ */ e.jsxs("g", { children: [
               /* @__PURE__ */ e.jsx(
-                p.text,
+                f.text,
                 {
-                  style: { fill: f[0] },
+                  style: { fill: g[0] },
                   className: "text-xs",
                   dx: 5,
                   dy: 4,
@@ -368,9 +368,9 @@ function hi(pt) {
                 H[0]
               ),
               /* @__PURE__ */ e.jsx(
-                p.text,
+                f.text,
                 {
-                  style: { fill: f[1] },
+                  style: { fill: g[1] },
                   className: "text-xs",
                   dx: 5,
                   dy: 4,
@@ -402,7 +402,7 @@ function hi(pt) {
               "line",
               {
                 y1: 0,
-                y2: u,
+                y2: p,
                 x1: n(S.date),
                 x2: n(S.date),
                 className: G(
@@ -412,13 +412,13 @@ function hi(pt) {
                 style: x?.mouseOverLine
               }
             ) : null,
-            i.map((t, v) => /* @__PURE__ */ e.jsxs(p.g, { children: [
+            i.map((t, v) => /* @__PURE__ */ e.jsxs(f.g, { children: [
               P(t.y1) ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                 tt ? /* @__PURE__ */ e.jsx(
-                  p.circle,
+                  f.circle,
                   {
                     r: m / i.length < 5 ? 0 : m / i.length < 20 ? 2 : 4,
-                    style: { fill: f[0] },
+                    style: { fill: g[0] },
                     exit: { opacity: 0, transition: { duration: a.duration } },
                     variants: {
                       initial: { opacity: 0, cx: n(t.date), cy: o(t.y1) },
@@ -434,11 +434,11 @@ function hi(pt) {
                   }
                 ) : null,
                 l ? /* @__PURE__ */ e.jsx(
-                  p.text,
+                  f.text,
                   {
                     dy: t.y2 < t.y1 ? -8 : "1em",
                     style: {
-                      fill: f[0],
+                      fill: g[0],
                       textAnchor: "middle",
                       ...x?.graphObjectValues || {}
                     },
@@ -467,10 +467,10 @@ function hi(pt) {
               ] }),
               P(t.y2) ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                 tt ? /* @__PURE__ */ e.jsx(
-                  p.circle,
+                  f.circle,
                   {
                     r: m / i.length < 5 ? 0 : m / i.length < 20 ? 2 : 4,
-                    style: { fill: f[1] },
+                    style: { fill: g[1] },
                     exit: { opacity: 0, transition: { duration: a.duration } },
                     variants: {
                       initial: { opacity: 0, cx: n(t.date), cy: o(t.y2) },
@@ -489,11 +489,11 @@ function hi(pt) {
                   }
                 ) : null,
                 l ? /* @__PURE__ */ e.jsx(
-                  p.text,
+                  f.text,
                   {
                     dy: t.y2 > t.y1 ? -8 : "1em",
                     style: {
-                      fill: f[1],
+                      fill: g[1],
                       textAnchor: "middle",
                       ...x?.graphObjectValues || {}
                     },
@@ -529,7 +529,7 @@ function hi(pt) {
               color: t.color,
               y: o(t.value),
               x1: 0 - j,
-              x2: m + g.right,
+              x2: m + u.right,
               classNames: t.classNames,
               styles: t.styles,
               animate: a,
@@ -560,7 +560,7 @@ function hi(pt) {
             } : void 0, At = {
               y: t.yCoordinate ? o(t.yCoordinate) + (t.yOffset || 0) - 8 : 0 + (t.yOffset || 0) - 8,
               x: Q ? 0 : t.xCoordinate ? n(d(`${t.xCoordinate}`, r, /* @__PURE__ */ new Date())) + (t.xOffset || 0) : 0 + (t.xOffset || 0),
-              width: Q ? t.xCoordinate ? n(d(`${t.xCoordinate}`, r, /* @__PURE__ */ new Date())) + (t.xOffset || 0) : 0 + (t.xOffset || 0) : m - (t.xCoordinate ? n(d(`${t.xCoordinate}`, r, /* @__PURE__ */ new Date())) + (t.xOffset || 0) : 0 + (t.xOffset || 0)),
+              width: Q ? t.xCoordinate ? n(d(`${t.xCoordinate}`, r, /* @__PURE__ */ new Date())) + (t.xOffset || 0) : 0 + (t.xOffset || 0) : m + u.right - (t.xCoordinate ? n(d(`${t.xCoordinate}`, r, /* @__PURE__ */ new Date())) + (t.xOffset || 0) : 0 + (t.xOffset || 0)),
               maxWidth: t.maxWidth,
               fontWeight: t.fontWeight,
               align: t.align
@@ -590,7 +590,7 @@ function hi(pt) {
                 pointerEvents: "all"
               },
               width: m,
-              height: u
+              height: p
             }
           )
         ] })
@@ -614,7 +614,7 @@ function Yi(pt) {
     data: N,
     graphTitle: D,
     suffix: Y = "",
-    sources: f,
+    sources: g,
     prefix: L = "",
     graphDescription: w,
     height: r,
@@ -663,14 +663,14 @@ function Yi(pt) {
     curveType: lt = "curve",
     styles: A,
     classNames: C,
-    precision: g = 2,
+    precision: u = 2,
     customLayers: ct = []
-  } = pt, [i, mt] = W(0), [ht, m] = W(0), u = ut(null), xt = ut(null);
+  } = pt, [i, mt] = W(0), [ht, m] = W(0), p = ut(null), xt = ut(null);
   return Dt(() => {
     const h = new ResizeObserver((q) => {
       mt(l || q[0].target.clientWidth || 620), m(r || q[0].target.clientHeight || 480);
     });
-    return u.current && (m(u.current.clientHeight || 480), mt(u.current.clientWidth || 620), l || h.observe(u.current)), () => h.disconnect();
+    return p.current && (m(p.current.clientHeight || 480), mt(p.current.clientWidth || 620), l || h.observe(p.current)), () => h.disconnect();
   }, [l, r]), /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -728,7 +728,7 @@ function Yi(pt) {
                     "div",
                     {
                       className: "flex flex-col grow justify-center leading-0",
-                      ref: u,
+                      ref: p,
                       "aria-label": "Graph area",
                       children: (l || i) && (r || ht) ? /* @__PURE__ */ e.jsx(
                         hi,
@@ -772,14 +772,14 @@ function Yi(pt) {
                           curveType: lt,
                           styles: A,
                           classNames: C,
-                          precision: g,
+                          precision: u,
                           customLayers: ct
                         }
                       ) : null
                     }
                   )
                 ] }) }),
-                f || J ? /* @__PURE__ */ e.jsx(
+                g || J ? /* @__PURE__ */ e.jsx(
                   ri,
                   {
                     styles: { footnote: A?.footnote, source: A?.source },
@@ -787,7 +787,7 @@ function Yi(pt) {
                       footnote: C?.footnote,
                       source: C?.source
                     },
-                    sources: f,
+                    sources: g,
                     footNote: J,
                     width: l
                   }