@undp/data-viz 1.4.12 → 1.4.14

package/dist/ScatterPlot.js

@@ -20,9 +20,9 @@ import { a as ei, R as ii } from "./ReferenceLine-CfAW3vKJ.js";
 import { R as ti } from "./RegressionLine-mH7UKOPi.js";
 import { Y as oi } from "./YTicksAndGridLines-B6ah7CRf.js";
 import { a as ai } from "./index-Cdcfp4nk.js";
-import { s as ri } from "./pow-e8zx3AQJ.js";
+import { s as li } from "./pow-e8zx3AQJ.js";
 import { a as Ye } from "./linear-DUdu7l2G.js";
-import { D as li } from "./delaunay-C1uAf38t.js";
+import { D as ri } from "./delaunay-C1uAf38t.js";
 import { u as si } from "./use-in-view-yS6jzJAp.js";
 import { m as te } from "./proxy-CkpFesk1.js";
 import { A as Ie } from "./index-CNvov0eg.js";
@@ -40,25 +40,25 @@ function yi(ye) {
     height: D,
     showLabels: oe,
     colors: s,
-    colorDomain: w,
+    colorDomain: C,
     radius: O,
-    xAxisTitle: h,
+    xAxisTitle: u,
     yAxisTitle: J,
     leftMargin: q,
     rightMargin: de,
     topMargin: pe,
     bottomMargin: ae,
-    tooltip: re,
+    tooltip: le,
     onSeriesMouseOver: H,
     refXValues: $,
     refYValues: ve,
     highlightAreaSettings: be,
     selectedColor: B,
     highlightedDataPoints: T,
-    maxRadiusValue: Ce,
+    maxRadiusValue: we,
     maxXValue: z,
     minXValue: j,
-    maxYValue: we,
+    maxYValue: Ce,
     minYValue: A,
     onSeriesMouseClick: P,
     rtl: K,
@@ -67,7 +67,7 @@ function yi(ye) {
     regressionLine: U,
     resetSelectionOnDoubleClick: Q,
     detailsOnClick: M,
-    noOfXTicks: le,
+    noOfXTicks: re,
     noOfYTicks: se,
     labelColor: Z,
     xSuffix: ne,
@@ -76,28 +76,28 @@ function yi(ye) {
     yPrefix: me,
     styles: x,
     classNames: m,
-    animate: l,
+    animate: r,
     dimmedOpacity: k,
     precision: S,
     customLayers: fe
   } = ye, ue = Se(null), p = si(ue, {
-    once: l.once,
-    amount: l.amount
-  }), [X, Y] = V(void 0), [I, W] = V(void 0), [ge, R] = V(void 0), [he, v] = V(void 0), u = {
+    once: r.once,
+    amount: r.amount
+  }), [X, Y] = V(void 0), [I, W] = V(void 0), [ge, R] = V(void 0), [he, v] = V(void 0), g = {
     top: pe,
-    bottom: h ? ae + 50 : ae,
+    bottom: u ? ae + 50 : ae,
     left: J ? q + 30 : q,
     right: de
-  }, _ = o.map((e, d) => ({ ...e, id: `${d}` })), y = L - u.left - u.right, b = D - u.top - u.bottom, C = o.filter((e) => e.radius === void 0 || e.radius === null).length !== o.length ? ri().domain([0, Ce]).range([0.25, O]).nice() : void 0, g = _.filter((e) => !c(e.radius)).length === 0 ? _ : Ge(
+  }, _ = o.map((e, d) => ({ ...e, id: `${d}` })), y = L - g.left - g.right, b = D - g.top - g.bottom, w = o.filter((e) => e.radius === void 0 || e.radius === null).length !== o.length ? li().domain([0, we]).range([0.25, O]).nice() : void 0, h = _.filter((e) => !c(e.radius)).length === 0 ? _ : Ge(
     _.filter((e) => !c(e.radius)),
     "radius",
     "desc"
-  ), r = Ye().domain([j, z]).range([0, y]).nice(), n = Ye().domain([A, we]).range([b, 0]).nice(), ee = r.ticks(le), ie = n.ticks(se), F = li.from(
-    g.filter((e) => !c(e.x) && !c(e.y)),
-    (e) => r(e.x),
+  ), l = Ye().domain([j, z]).range([0, y]).nice(), n = Ye().domain([A, Ce]).range([b, 0]).nice(), ee = l.ticks(re), ie = n.ticks(se), F = ri.from(
+    h.filter((e) => !c(e.x) && !c(e.y)),
+    (e) => l(e.x),
     (e) => n(e.y)
   ).voronoi([0, 0, y < 0 ? 0 : y, b < 0 ? 0 : b]), Ae = qe(
-    o.filter((e) => !c(e.x) && !c(e.y)).map((e) => [r(e.x), n(e.y)])
+    o.filter((e) => !c(e.x) && !c(e.y)).map((e) => [l(e.x), n(e.y)])
   ), f = Be(Ae);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
@@ -108,7 +108,7 @@ function yi(ye) {
         viewBox: `0 0 ${L} ${D}`,
         direction: "ltr",
         ref: ue,
-        children: /* @__PURE__ */ t.jsxs("g", { transform: `translate(${u.left},${u.top})`, children: [
+        children: /* @__PURE__ */ t.jsxs("g", { transform: `translate(${g.left},${g.top})`, children: [
           /* @__PURE__ */ t.jsxs(Ie, { children: [
             /* @__PURE__ */ t.jsx(
               ai,
@@ -116,9 +116,9 @@ function yi(ye) {
                 areaSettings: be,
                 width: y,
                 height: b,
-                scaleX: r,
+                scaleX: l,
                 scaleY: n,
-                animate: l,
+                animate: r,
                 isInView: p
               }
             ),
@@ -126,9 +126,9 @@ function yi(ye) {
               _e,
               {
                 areaSettings: je,
-                scaleX: r,
+                scaleX: l,
                 scaleY: n,
-                animate: l,
+                animate: r,
                 isInView: p
               }
             )
@@ -140,7 +140,7 @@ function yi(ye) {
                 values: ie.filter((e) => e !== 0),
                 y: ie.filter((e) => e !== 0).map((e) => n(e)),
                 x1: 0,
-                x2: y + u.right,
+                x2: y + g.right,
                 styles: {
                   gridLines: x?.yAxis?.gridLines,
                   labels: x?.yAxis?.labels
@@ -163,7 +163,7 @@ function yi(ye) {
                 y1: n(A < 0 ? 0 : A),
                 y2: n(A < 0 ? 0 : A),
                 x1: 0,
-                x2: y + u.right,
+                x2: y + g.right,
                 label: Te(
                   A < 0 ? 0 : A,
                   "NA",
@@ -204,7 +204,7 @@ function yi(ye) {
               Ze,
               {
                 values: ee.filter((e) => e !== 0),
-                x: ee.filter((e) => e !== 0).map((e) => r(e)),
+                x: ee.filter((e) => e !== 0).map((e) => l(e)),
                 y1: 0,
                 y2: b,
                 styles: {
@@ -225,8 +225,8 @@ function yi(ye) {
             /* @__PURE__ */ t.jsx(
               Pe,
               {
-                x1: r(j < 0 ? 0 : j),
-                x2: r(j < 0 ? 0 : j),
+                x1: l(j < 0 ? 0 : j),
+                x2: l(j < 0 ? 0 : j),
                 y1: 0,
                 y2: b,
                 label: Te(
@@ -237,7 +237,7 @@ function yi(ye) {
                   ne
                 ),
                 labelPos: {
-                  x: r(j < 0 ? 0 : j),
+                  x: l(j < 0 ? 0 : j),
                   y: b,
                   dy: "1em",
                   dx: 0
@@ -262,16 +262,16 @@ function yi(ye) {
                 y: b + 30,
                 style: x?.xAxis?.title,
                 className: m?.xAxis?.title,
-                text: h
+                text: u
               }
             )
           ] }),
           fe.filter((e) => e.position === "before").map((e) => e.layer),
           /* @__PURE__ */ t.jsxs(Ie, { children: [
-            g.filter((e) => !c(e.x) && !c(e.y)).map((e, d) => /* @__PURE__ */ t.jsx(
+            h.filter((e) => !c(e.x) && !c(e.y)).map((e, d) => /* @__PURE__ */ t.jsx(
               "path",
               {
-                d: F.renderCell(g.findIndex((a) => a.id === e.id)),
+                d: F.renderCell(h.findIndex((a) => a.id === e.id)),
                 opacity: 0,
                 onMouseEnter: (a) => {
                   Y(e), v(a.clientY), R(a.clientX), H?.(e);
@@ -288,25 +288,25 @@ function yi(ye) {
               },
               `${e.label || d}`
             )),
-            g.filter((e) => !c(e.x) && !c(e.y)).map((e, d) => /* @__PURE__ */ t.jsxs(
+            h.filter((e) => !c(e.x) && !c(e.y)).map((e, d) => /* @__PURE__ */ t.jsxs(
               te.g,
               {
                 variants: {
                   initial: {
-                    x: r(e.x),
+                    x: l(e.x),
                     y: n(e.y),
-                    opacity: B ? e.color && s[w.indexOf(`${e.color}`)] === B ? 1 : k : X ? X.id === e.id ? 1 : k : T.length !== 0 ? T.indexOf(e.label || "") !== -1 ? 1 : k : 1
+                    opacity: B ? e.color && s[C.indexOf(`${e.color}`)] === B ? 1 : k : X ? X.id === e.id ? 1 : k : T.length !== 0 ? T.indexOf(e.label || "") !== -1 ? 1 : k : 1
                   },
                   whileInView: {
-                    x: r(e.x),
+                    x: l(e.x),
                     y: n(e.y),
-                    opacity: B ? e.color && s[w.indexOf(`${e.color}`)] === B ? 1 : k : X ? X.id === e.id ? 1 : k : T.length !== 0 ? T.indexOf(e.label || "") !== -1 ? 1 : k : 1,
-                    transition: { duration: l.duration }
+                    opacity: B ? e.color && s[C.indexOf(`${e.color}`)] === B ? 1 : k : X ? X.id === e.id ? 1 : k : T.length !== 0 ? T.indexOf(e.label || "") !== -1 ? 1 : k : 1,
+                    transition: { duration: r.duration }
                   }
                 },
                 initial: "initial",
                 animate: p ? "whileInView" : "initial",
-                exit: { opacity: 0, transition: { duration: l.duration } },
+                exit: { opacity: 0, transition: { duration: r.duration } },
                 onMouseEnter: (a) => {
                   Y(e), v(a.clientY), R(a.clientX), H?.(e);
                 },
@@ -325,18 +325,18 @@ function yi(ye) {
                     {
                       cx: 0,
                       cy: 0,
-                      exit: { r: 0, transition: { duration: l.duration } },
+                      exit: { r: 0, transition: { duration: r.duration } },
                       variants: {
                         initial: {
                           r: 0,
-                          fill: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray,
-                          stroke: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray
+                          fill: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray,
+                          stroke: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray
                         },
                         whileInView: {
-                          r: C ? C(e.radius || 0) : O,
-                          fill: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray,
-                          stroke: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray,
-                          transition: { duration: l.duration }
+                          r: w ? w(e.radius || 0) : O,
+                          fill: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray,
+                          stroke: o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray,
+                          transition: { duration: r.duration }
                         }
                       },
                       initial: "initial",
@@ -354,18 +354,18 @@ function yi(ye) {
                       },
                       className: Ne("graph-value text-sm", m?.graphObjectValues),
                       y: 0,
-                      exit: { opacity: 0, transition: { duration: l.duration } },
+                      exit: { opacity: 0, transition: { duration: r.duration } },
                       variants: {
                         initial: {
-                          x: C ? C(e.radius || 0) : O,
+                          x: w ? w(e.radius || 0) : O,
                           opacity: 0,
-                          fill: Z || (o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray)
+                          fill: Z || (o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray)
                         },
                         whileInView: {
-                          x: C ? C(e.radius || 0) : O,
+                          x: w ? w(e.radius || 0) : O,
                           opacity: 1,
-                          fill: Z || (o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray),
-                          transition: { duration: l.duration }
+                          fill: Z || (o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray),
+                          transition: { duration: r.duration }
                         }
                       },
                       initial: "initial",
@@ -378,21 +378,21 @@ function yi(ye) {
                     te.text,
                     {
                       style: {
-                        fill: Z || (o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[w.indexOf(`${e.color}`)] : N.gray),
+                        fill: Z || (o.filter((a) => a.color).length === 0 ? s[0] : e.color ? s[C.indexOf(`${e.color}`)] : N.gray),
                         ...x?.graphObjectValues || {}
                       },
                       className: Ne("graph-value text-sm", m?.graphObjectValues),
                       y: 0,
-                      exit: { opacity: 0, transition: { duration: l.duration } },
+                      exit: { opacity: 0, transition: { duration: r.duration } },
                       variants: {
                         initial: {
-                          x: C ? C(e.radius || 0) : O,
+                          x: w ? w(e.radius || 0) : O,
                           opacity: 0
                         },
                         whileInView: {
-                          x: C ? C(e.radius || 0) : O,
+                          x: w ? w(e.radius || 0) : O,
                           opacity: 1,
-                          transition: { duration: l.duration }
+                          transition: { duration: r.duration }
                         }
                       },
                       initial: "initial",
@@ -411,13 +411,13 @@ function yi(ye) {
               {
                 text: e.text,
                 color: e.color,
-                x: r(e.value),
+                x: l(e.value),
                 y1: 0,
                 y2: b,
-                textSide: r(e.value) > y * 0.75 || K ? "left" : "right",
+                textSide: l(e.value) > y * 0.75 || K ? "left" : "right",
                 classNames: e.classNames,
                 styles: e.styles,
-                animate: l,
+                animate: r,
                 isInView: p
               },
               d
@@ -432,7 +432,7 @@ function yi(ye) {
                 x2: y,
                 classNames: e.classNames,
                 styles: e.styles,
-                animate: l,
+                animate: r,
                 isInView: p
               },
               d
@@ -440,11 +440,11 @@ function yi(ye) {
             /* @__PURE__ */ t.jsx("g", { children: Oe.map((e, d) => {
               const a = Je(
                 {
-                  x: e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+                  x: e.xCoordinate ? l(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
                   y: e.yCoordinate ? n(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8
                 },
                 {
-                  x: e.xCoordinate ? r(e.xCoordinate) : 0,
+                  x: e.xCoordinate ? l(e.xCoordinate) : 0,
                   y: e.yCoordinate ? n(e.yCoordinate) : 0
                 },
                 c(e.connectorRadius) ? 3.5 : e.connectorRadius
@@ -452,15 +452,15 @@ function yi(ye) {
                 y1: a.y,
                 x1: a.x,
                 y2: e.yCoordinate ? n(e.yCoordinate) + (e.yOffset || 0) : 0 + (e.yOffset || 0),
-                x2: e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+                x2: e.xCoordinate ? l(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
                 cy: e.yCoordinate ? n(e.yCoordinate) : 0,
-                cx: e.xCoordinate ? r(e.xCoordinate) : 0,
+                cx: e.xCoordinate ? l(e.xCoordinate) : 0,
                 circleRadius: c(e.connectorRadius) ? 3.5 : e.connectorRadius,
                 strokeWidth: e.showConnector === !0 ? 2 : Math.min(e.showConnector || 0, 1)
               } : void 0, E = {
                 y: e.yCoordinate ? n(e.yCoordinate) + (e.yOffset || 0) - 8 : 0 + (e.yOffset || 0) - 8,
-                x: K ? 0 : e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
-                width: K ? e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : y + u.right - (e.xCoordinate ? r(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
+                x: K ? 0 : e.xCoordinate ? l(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0),
+                width: K ? e.xCoordinate ? l(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0) : y + g.right - (e.xCoordinate ? l(e.xCoordinate) + (e.xOffset || 0) : 0 + (e.xOffset || 0)),
                 maxWidth: e.maxWidth,
                 fontWeight: e.fontWeight,
                 align: e.align
@@ -474,7 +474,7 @@ function yi(ye) {
                   text: e.text,
                   classNames: e.classNames,
                   styles: e.styles,
-                  animate: l,
+                  animate: r,
                   isInView: p
                 },
                 d
@@ -492,7 +492,7 @@ function yi(ye) {
                 className: m?.regLine,
                 style: x?.regLine,
                 color: typeof U == "string" ? U : void 0,
-                animate: l,
+                animate: r,
                 isInView: p
               }
             ) : null
@@ -501,11 +501,11 @@ function yi(ye) {
         ] })
       }
     ),
-    X && re && ge && he ? /* @__PURE__ */ t.jsx(
+    X && le && ge && he ? /* @__PURE__ */ t.jsx(
       Ue,
       {
         data: X,
-        body: re,
+        body: le,
         xPos: ge,
         yPos: he,
         backgroundStyle: x?.tooltip,
@@ -538,25 +538,25 @@ function Qi(ye) {
     colors: D,
     sources: oe,
     graphDescription: s,
-    showLabels: w = !1,
+    showLabels: C = !1,
     height: O,
-    width: h,
+    width: u,
     footNote: J,
     colorDomain: q,
     colorLegendTitle: de,
     radius: pe = 5,
     xAxisTitle: ae = "X Axis",
-    yAxisTitle: re = "Y Axis",
+    yAxisTitle: le = "Y Axis",
     padding: H,
     backgroundColor: $ = !1,
     leftMargin: ve = 0,
     rightMargin: be = 10,
     topMargin: B = 20,
     bottomMargin: T = 50,
-    tooltip: Ce,
+    tooltip: we,
     relativeHeight: z,
     onSeriesMouseOver: j,
-    refXValues: we = [],
+    refXValues: Ce = [],
     refYValues: A = [],
     highlightAreaSettings: P = [],
     showColorScale: K = !0,
@@ -565,7 +565,7 @@ function Qi(ye) {
     maxRadiusValue: U,
     maxXValue: Q,
     minXValue: M,
-    maxYValue: le,
+    maxYValue: re,
     minYValue: se,
     xSuffix: Z = "",
     ySuffix: ne = "",
@@ -574,7 +574,7 @@ function Qi(ye) {
     onSeriesMouseClick: me,
     graphDownload: x = !1,
     dataDownload: m = !1,
-    language: l = "en",
+    language: r = "en",
     showNAColor: k = !0,
     minHeight: S = 0,
     annotations: fe = [],
@@ -588,50 +588,51 @@ function Qi(ye) {
     noOfYTicks: R = 5,
     labelColor: he,
     styles: v,
-    classNames: u,
+    classNames: g,
     animate: _ = !1,
     dimmedOpacity: y = 0.3,
     precision: b = 2,
-    customLayers: C = [],
-    timeline: g = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
-  } = ye, [r, n] = V(0), [ee, ie] = V(0), [F, Ae] = V(g.autoplay), f = We(
+    customLayers: w = [],
+    timeline: h = { enabled: !1, autoplay: !1, showOnlyActiveDate: !0 }
+  } = ye, [l, n] = V(0), [ee, ie] = V(0), [F, Ae] = V(h.autoplay), f = We(
     ke(
       o.filter((i) => i.date !== void 0 && i.date !== null),
       (i) => i.date
-    ).map((i) => Re(`${i.date}`, g.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
+    ).map((i) => Re(`${i.date}`, h.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()),
     (i, G) => hi(i, G)
-  ), [e, d] = V(g.autoplay ? 0 : f.length - 1), [a, Me] = V(void 0), E = Se(null), Ve = Se(null);
+  ), [e, d] = V(h.autoplay ? 0 : f.length - 1), [a, Me] = V(void 0), E = Se(null), Ve = Se(null);
   De(() => {
     const i = new ResizeObserver((G) => {
-      n(h || G[0].target.clientWidth || 620), ie(O || G[0].target.clientHeight || 480);
+      n(u || G[0].target.clientWidth || 620), ie(O || G[0].target.clientHeight || 480);
     });
-    return E.current && (ie(E.current.clientHeight || 480), n(E.current.clientWidth || 620), h || i.observe(E.current)), () => i.disconnect();
-  }, [h, O]), De(() => {
+    return E.current && (ie(E.current.clientHeight || 480), n(E.current.clientWidth || 620), u || i.observe(E.current)), () => i.disconnect();
+  }, [u, O]), De(() => {
     const i = setInterval(
       () => {
         d((G) => G < f.length - 1 ? G + 1 : 0);
       },
-      (g.speed || 2) * 1e3
+      (h.speed || 2) * 1e3
     );
     return F || clearInterval(i), () => clearInterval(i);
-  }, [f, F, g.speed]);
+  }, [f, F, h.speed]);
   const Le = Fe(
     f,
     e,
-    g.showOnlyActiveDate,
-    g.dateFormat || "yyyy"
+    h.showOnlyActiveDate,
+    h.dateFormat || "yyyy"
   );
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: `${p || "light"} flex  ${h ? "w-fit grow-0" : "w-full grow"}`,
-      dir: l === "he" || l === "ar" ? "rtl" : void 0,
+      className: `${p || "light"} flex  ${u ? "w-fit grow-0" : "w-full grow"}`,
+      dir: r === "he" || r === "ar" ? "rtl" : void 0,
       children: /* @__PURE__ */ t.jsx(
         "div",
         {
           className: Ne(
-            `${$ ? $ === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${l || "en"}`,
-            u?.graphContainer
+            `${$ ? $ === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${r || "en"}`,
+            u ? "w-fit" : "w-full",
+            g?.graphContainer
           ),
           style: {
             ...v?.graphContainer || {},
@@ -654,17 +655,17 @@ function Qi(ye) {
                       description: v?.description
                     },
                     classNames: {
-                      title: u?.title,
-                      description: u?.description
+                      title: g?.title,
+                      description: g?.description
                     },
                     graphTitle: L,
                     graphDescription: s,
-                    width: h,
+                    width: u,
                     graphDownload: x ? Ve.current : void 0,
                     dataDownload: m ? o.map((i) => i.data).filter((i) => i !== void 0).length > 0 ? o.map((i) => i.data).filter((i) => i !== void 0) : o.filter((i) => i !== void 0) : null
                   }
                 ) : null,
-                g.enabled && f.length > 0 && Le ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
+                h.enabled && f.length > 0 && Le ? /* @__PURE__ */ t.jsxs("div", { className: "flex gap-6 items-center", dir: "ltr", children: [
                   /* @__PURE__ */ t.jsx(
                     "button",
                     {
@@ -700,7 +701,7 @@ function Qi(ye) {
                   K && o.filter((i) => i.color).length !== 0 ? /* @__PURE__ */ t.jsx(
                     xi,
                     {
-                      width: h,
+                      width: u,
                       colorLegendTitle: de,
                       colors: D || N[p].categoricalColors.colors,
                       colorDomain: q || ke(
@@ -717,22 +718,22 @@ function Qi(ye) {
                       className: "flex flex-col grow justify-center w-full leading-0",
                       ref: E,
                       "aria-label": "Graph area",
-                      children: (h || r) && (O || ee) ? /* @__PURE__ */ t.jsx(
+                      children: (u || l) && (O || ee) ? /* @__PURE__ */ t.jsx(
                         yi,
                         {
                           data: gi(
                             o,
-                            g.dateFormat || "yyyy"
+                            h.dateFormat || "yyyy"
                           ).filter(
-                            (i) => g.enabled ? i.date === He(
+                            (i) => h.enabled ? i.date === He(
                               new Date(f[e]),
-                              g.dateFormat || "yyyy"
+                              h.dateFormat || "yyyy"
                             ) : i
                           ),
-                          width: h || r,
+                          width: u || l,
                           height: Math.max(
                             S,
-                            O || (z ? S ? (h || r) * z > S ? (h || r) * z : S : (h || r) * z : ee)
+                            O || (z ? S ? (u || l) * z > S ? (u || l) * z : S : (u || l) * z : ee)
                           ),
                           colorDomain: o.filter((i) => i.color).length === 0 ? [] : q || ke(
                             o.filter((i) => i.color),
@@ -740,16 +741,16 @@ function Qi(ye) {
                           ).map((i) => i.color),
                           colors: o.filter((i) => i.color).length === 0 ? D ? [D] : [N.primaryColors["blue-600"]] : D || N[p].categoricalColors.colors,
                           xAxisTitle: ae,
-                          yAxisTitle: re,
-                          refXValues: we,
+                          yAxisTitle: le,
+                          refXValues: Ce,
                           refYValues: A,
-                          showLabels: w,
+                          showLabels: C,
                           radius: pe,
                           leftMargin: ve,
                           rightMargin: be,
                           topMargin: B,
                           bottomMargin: T,
-                          tooltip: Ce,
+                          tooltip: we,
                           onSeriesMouseOver: j,
                           highlightAreaSettings: P,
                           highlightedDataPoints: o.filter((i) => i.label).length === 0 ? [] : Oe,
@@ -767,18 +768,18 @@ function Qi(ye) {
                           ) > 0 ? 0 : Math.min(
                             ...o.map((i) => i.x).filter((i) => i != null)
                           ) : M,
-                          maxYValue: c(le) ? Math.max(
+                          maxYValue: c(re) ? Math.max(
                             ...o.map((i) => i.y).filter((i) => i != null)
                           ) > 0 ? Math.max(
                             ...o.map((i) => i.y).filter((i) => i != null)
-                          ) : 0 : le,
+                          ) : 0 : re,
                           minYValue: c(se) ? Math.min(
                             ...o.map((i) => i.y).filter((i) => i != null)
                           ) > 0 ? 0 : Math.min(
                             ...o.map((i) => i.y).filter((i) => i != null)
                           ) : se,
                           onSeriesMouseClick: me,
-                          rtl: l === "he" || l === "ar",
+                          rtl: r === "he" || r === "ar",
                           annotations: fe,
                           customHighlightAreaSettings: ue,
                           regressionLine: X,
@@ -792,11 +793,11 @@ function Qi(ye) {
                           xPrefix: ce,
                           yPrefix: xe,
                           styles: v,
-                          classNames: u,
+                          classNames: g,
                           animate: _ === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : _ || { duration: 0, once: !0, amount: 0 },
                           dimmedOpacity: y,
                           precision: b,
-                          customLayers: C
+                          customLayers: w
                         }
                       ) : null
                     }
@@ -807,12 +808,12 @@ function Qi(ye) {
                   {
                     styles: { footnote: v?.footnote, source: v?.source },
                     classNames: {
-                      footnote: u?.footnote,
-                      source: u?.source
+                      footnote: g?.footnote,
+                      source: g?.source
                     },
                     sources: oe,
                     footNote: J,
-                    width: h
+                    width: u
                   }
                 ) : null
               ] })