@undp/data-viz 2.2.2 → 2.3.0

package/dist/{GraphEl-DcNr5JzH.js → GraphEl-L5hNe7wJ.js}

@@ -1,5 +1,5 @@
-import { c as M, j as d } from "./index-CHPV5EwG-DecW7_qr.js";
-import { j as x } from "./Typography-hWfh3H0J.js";
+import { c as O, j as d } from "./index-CHPV5EwG-DecW7_qr.js";
+import { j as k } from "./Typography-hWfh3H0J.js";
 import { ButterflyChart as S } from "./ButterflyChart.js";
 import { C as N } from "./index-D5ihtaJJ.js";
 import { DataTable as V } from "./DataTable.js";
@@ -13,10 +13,10 @@ import { MultiLineAltChart as W } from "./MultiLineAltChart.js";
 import { SparkLine as j } from "./SparkLine.js";
 import { BiVariateChoroplethMap as z } from "./BiVariateChoroplethMap.js";
 import { ChoroplethMap as F } from "./ChoroplethMap.js";
-import { DotDensityMap as X } from "./DotDensityMap.js";
-import { ParetoChart as Y } from "./ParetoChart.js";
-import { ScatterPlot as E } from "./ScatterPlot.js";
-import { SlopeChart as R } from "./SlopeChart.js";
+import { DotDensityMap as R } from "./DotDensityMap.js";
+import { ParetoChart as X } from "./ParetoChart.js";
+import { ScatterPlot as Y } from "./ScatterPlot.js";
+import { SlopeChart as E } from "./SlopeChart.js";
 import { AreaChart as G } from "./AreaChart.js";
 import { StatCardFromData as $ } from "./StatCardFromData.js";
 import { TreeMapGraph as _ } from "./TreeMapGraph.js";
@@ -27,21 +27,21 @@ import { LineChartWithConfidenceInterval as K } from "./LineChartWithConfidenceI
 import { DataCards as Q } from "./DataCards.js";
 import { StackedBarGraph as Z, GroupedBarGraph as ee, SimpleBarGraph as ae } from "./BarGraph.js";
 import { DumbbellChart as oe } from "./DumbbellChart.js";
-import { StripChart as te } from "./StripChart.js";
-import { BeeSwarmChart as ie } from "./BeeSwarmChart.js";
+import { StripChart as ie } from "./StripChart.js";
+import { BeeSwarmChart as te } from "./BeeSwarmChart.js";
 import { RadarChart as re } from "./RadarChart.js";
 import { BulletChart as le } from "./BulletChart.js";
 import { HybridMap as se } from "./HybridMap.js";
 import { WaterfallChart as ne } from "./WaterfallChart.js";
 import { g as r } from "./checkIfMultiple-D9fVkeOq.js";
 function Ge(y) {
-  const a = M.c(24), {
+  const a = O.c(24), {
     settings: e,
     graph: s,
     graphData: o,
     debugMode: L,
-    graphDataConfiguration: t,
-    readableHeader: i,
+    graphDataConfiguration: i,
+    readableHeader: t,
     updateFilters: n
   } = y;
   if (L && (console.log(`Graph: ${s}`), console.log("Transformed data:", o), console.log("Settings:", e)), typeof o == "string") {
@@ -51,7 +51,7 @@ function Ge(y) {
       height: "inherit"
     }, a[0] = l) : l = a[0];
     let h;
-    a[1] !== o ? (h = /* @__PURE__ */ d.jsx(x, { size: "sm", marginBottom: "none", className: "p-2 text-center text-accent-dark-red dark:text-accent-red", children: o }), a[1] = o, a[2] = h) : h = a[2];
+    a[1] !== o ? (h = /* @__PURE__ */ d.jsx(k, { size: "sm", marginBottom: "none", className: "p-2 text-center text-accent-dark-red dark:text-accent-red", children: o }), a[1] = o, a[2] = h) : h = a[2];
     let b;
     return a[3] !== c || a[4] !== h ? (b = /* @__PURE__ */ d.jsx("div", { className: c, style: l, children: h }), a[3] = c, a[4] = h, a[5] = b) : b = a[5], b;
   }
@@ -68,20 +68,20 @@ function Ge(y) {
     stackedAreaChart: G,
     choroplethMap: F,
     biVariateChoroplethMap: z,
-    dotDensityMap: X,
+    dotDensityMap: R,
     donutChart: H,
-    slopeChart: R,
-    scatterPlot: E,
+    slopeChart: E,
+    scatterPlot: Y,
     dumbbellChart: oe,
     treeMap: _,
     circlePacking: N,
     heatMap: A,
-    stripChart: te,
-    beeSwarmChart: ie,
+    stripChart: ie,
+    beeSwarmChart: te,
     butterflyChart: S,
     histogram: v,
     sparkLine: j,
-    paretoChart: Y,
+    paretoChart: X,
     dataTable: V,
     statCard: $,
     unitChart: q,
@@ -93,9 +93,9 @@ function Ge(y) {
     hybridMap: se,
     waterfallChart: ne
   }, a[6] = m) : m = a[6];
-  const O = m;
+  const M = m;
   let p;
-  a[7] !== o || a[8] !== t || a[9] !== i || a[10] !== e || a[11] !== n ? (p = (c) => {
+  a[7] !== o || a[8] !== i || a[9] !== t || a[10] !== e || a[11] !== n ? (p = (c) => {
     switch (c) {
       case "barChart":
         return {
@@ -123,7 +123,7 @@ function Ge(y) {
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -160,7 +160,8 @@ function Ge(y) {
           classNames: e?.classNames,
           filterNA: e?.filterNA,
           animate: e?.animate,
-          naLabel: e?.naLabel
+          naLabel: e?.naLabel,
+          hideAxisLine: e?.hideAxisLine
         };
       case "waterfallChart":
         return {
@@ -185,7 +186,7 @@ function Ge(y) {
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -219,7 +220,8 @@ function Ge(y) {
           classNames: e?.classNames,
           filterNA: e?.filterNA,
           animate: e?.animate,
-          naLabel: e?.naLabel
+          naLabel: e?.naLabel,
+          hideAxisLine: e?.hideAxisLine
         };
       case "groupedBarChart":
         return {
@@ -242,7 +244,7 @@ function Ge(y) {
           barPadding: e?.barPadding,
           showTicks: e?.showTicks,
           truncateBy: e?.truncateBy,
-          colorDomain: e?.colorDomain || r("size", t || [], i || []),
+          colorDomain: e?.colorDomain || r("size", i || [], t || []),
           colorLegendTitle: e?.colorLegendTitle,
           suffix: e?.suffix,
           prefix: e?.prefix,
@@ -275,7 +277,8 @@ function Ge(y) {
           styles: e?.styles,
           classNames: e?.classNames,
           animate: e?.animate,
-          naLabel: e?.naLabel
+          naLabel: e?.naLabel,
+          hideAxisLine: e?.hideAxisLine
         };
       case "stackedBarChart":
         return {
@@ -299,7 +302,7 @@ function Ge(y) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
-          colorDomain: e?.colorDomain || r("size", t || [], i || []),
+          colorDomain: e?.colorDomain || r("size", i || [], t || []),
           colorLegendTitle: e?.colorLegendTitle,
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
@@ -332,7 +335,8 @@ function Ge(y) {
           styles: e?.styles,
           classNames: e?.classNames,
           animate: e?.animate,
-          naLabel: e?.naLabel
+          naLabel: e?.naLabel,
+          hideAxisLine: e?.hideAxisLine
         };
       case "bulletChart":
         return {
@@ -359,7 +363,7 @@ function Ge(y) {
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -400,7 +404,8 @@ function Ge(y) {
           targetColor: e?.targetColor,
           measureBarWidthFactor: e?.measureBarWidthFactor,
           animate: e?.animate,
-          naLabel: e?.naLabel
+          naLabel: e?.naLabel,
+          hideAxisLine: e?.hideAxisLine
         };
       case "lineChart":
         return {
@@ -522,7 +527,7 @@ function Ge(y) {
           curveType: e?.curveType,
           graphTitle: e?.graphTitle,
           graphDescription: e?.graphDescription,
-          labels: e?.labels || [r("y1", t || [], i || []), r("y2", t || [], i || [])],
+          labels: e?.labels || [r("y1", i || [], t || []), r("y2", i || [], t || [])],
           footNote: e?.footNote,
           width: e?.width,
           height: e?.height,
@@ -581,7 +586,7 @@ function Ge(y) {
           suffix: e?.suffix,
           prefix: e?.prefix,
           showColorScale: e?.showColorScale,
-          labels: e?.labels || r("y", t || [], i || []),
+          labels: e?.labels || r("y", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           leftMargin: e?.leftMargin,
@@ -693,7 +698,7 @@ function Ge(y) {
           dateFormat: e?.dateFormat,
           suffix: e?.suffix,
           prefix: e?.prefix,
-          labels: e?.labels || [r("y1", t || [], i || []), r("y2", t || [], i || [])],
+          labels: e?.labels || [r("y1", i || [], t || []), r("y2", i || [], t || [])],
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           leftMargin: e?.leftMargin,
@@ -743,7 +748,7 @@ function Ge(y) {
           sources: e?.sources,
           noOfXTicks: e?.noOfXTicks,
           dateFormat: e?.dateFormat,
-          colorDomain: e?.colorDomain || r("y", t || [], i || []),
+          colorDomain: e?.colorDomain || r("y", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           colorLegendTitle: e?.colorLegendTitle,
@@ -791,7 +796,7 @@ function Ge(y) {
           sources: e?.sources,
           colorDomain: e?.colorDomain,
           colors: e?.colors,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("x", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("x", i || [], t || []),
           scaleType: e?.scaleType,
           data: o,
           scale: e?.scale,
@@ -824,7 +829,9 @@ function Ge(y) {
           classNames: e?.classNames,
           zoomInteraction: e?.zoomInteraction,
           animate: e?.animate,
-          zoomAndCenterByHighlightedIds: e?.zoomAndCenterByHighlightedIds
+          zoomAndCenterByHighlightedIds: e?.zoomAndCenterByHighlightedIds,
+          projectionRotate: e?.projectionRotate,
+          rewindCoordinatesInMapData: e?.rewindCoordinatesInMapData
         };
       case "biVariateChoroplethMap":
         return {
@@ -843,8 +850,8 @@ function Ge(y) {
           width: e?.width,
           height: e?.height,
           sources: e?.sources,
-          xColorLegendTitle: Object.keys(e || {}).indexOf("xColorLegendTitle") !== -1 ? e?.xColorLegendTitle : r("x", t || [], i || []),
-          yColorLegendTitle: Object.keys(e || {}).indexOf("yColorLegendTitle") !== -1 ? e?.yColorLegendTitle : r("y", t || [], i || []),
+          xColorLegendTitle: Object.keys(e || {}).indexOf("xColorLegendTitle") !== -1 ? e?.xColorLegendTitle : r("x", i || [], t || []),
+          yColorLegendTitle: Object.keys(e || {}).indexOf("yColorLegendTitle") !== -1 ? e?.yColorLegendTitle : r("y", i || [], t || []),
           xDomain: e?.xDomain,
           yDomain: e?.yDomain,
           colors: e?.colors,
@@ -877,7 +884,9 @@ function Ge(y) {
           classNames: e?.classNames,
           zoomInteraction: e?.zoomInteraction,
           animate: e?.animate,
-          zoomAndCenterByHighlightedIds: e?.zoomAndCenterByHighlightedIds
+          zoomAndCenterByHighlightedIds: e?.zoomAndCenterByHighlightedIds,
+          projectionRotate: e?.projectionRotate,
+          rewindCoordinatesInMapData: e?.rewindCoordinatesInMapData
         };
       case "dotDensityMap":
         return {
@@ -899,7 +908,7 @@ function Ge(y) {
           sources: e?.sources,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           data: o,
           scale: e?.scale,
           centerPoint: e?.centerPoint,
@@ -927,7 +936,9 @@ function Ge(y) {
           styles: e?.styles,
           classNames: e?.classNames,
           zoomInteraction: e?.zoomInteraction,
-          animate: e?.animate
+          animate: e?.animate,
+          projectionRotate: e?.projectionRotate,
+          rewindCoordinatesInMapData: e?.rewindCoordinatesInMapData
         };
       case "hybridMap":
         return {
@@ -947,7 +958,7 @@ function Ge(y) {
           sources: e?.sources,
           colorDomain: e?.colorDomain,
           colors: e?.colors,
-          mapColorLegendTitle: Object.keys(e || {}).indexOf("mapColorLegendTitle") !== -1 ? e?.mapColorLegendTitle : r("x", t || [], i || []),
+          mapColorLegendTitle: Object.keys(e || {}).indexOf("mapColorLegendTitle") !== -1 ? e?.mapColorLegendTitle : r("x", i || [], t || []),
           choroplethScaleType: e?.choroplethScaleType,
           data: o,
           scale: e?.scale,
@@ -987,7 +998,9 @@ function Ge(y) {
           dotLegendTitle: e?.dotLegendTitle,
           dotColor: e?.dotColor,
           dotBorderColor: e?.dotBorderColor,
-          labelColor: e?.labelColor
+          labelColor: e?.labelColor,
+          projectionRotate: e?.projectionRotate,
+          rewindCoordinatesInMapData: e?.rewindCoordinatesInMapData
         };
       case "donutChart":
         return {
@@ -1048,7 +1061,7 @@ function Ge(y) {
           showLabels: e?.showLabels,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           radius: e?.radius,
           axisTitles: e?.axisTitles,
           backgroundColor: e?.backgroundColor,
@@ -1093,10 +1106,10 @@ function Ge(y) {
           showLabels: e?.showLabels,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           radius: e?.radius,
-          xAxisTitle: Object.keys(e || {}).indexOf("xAxisTitle") !== -1 ? e?.xAxisTitle : r("x", t || [], i || []),
-          yAxisTitle: Object.keys(e || {}).indexOf("yAxisTitle") !== -1 ? e?.yAxisTitle : r("y", t || [], i || []),
+          xAxisTitle: Object.keys(e || {}).indexOf("xAxisTitle") !== -1 ? e?.xAxisTitle : r("x", i || [], t || []),
+          yAxisTitle: Object.keys(e || {}).indexOf("yAxisTitle") !== -1 ? e?.yAxisTitle : r("y", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           leftMargin: e?.leftMargin,
@@ -1163,7 +1176,7 @@ function Ge(y) {
           truncateBy: e?.truncateBy,
           labelOrder: e?.labelOrder,
           showColorScale: e?.showColorScale,
-          colorDomain: e?.colorDomain || r("x", t || [], i || []),
+          colorDomain: e?.colorDomain || r("x", i || [], t || []),
           colorLegendTitle: e?.colorLegendTitle,
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
@@ -1197,7 +1210,8 @@ function Ge(y) {
           classNames: e?.classNames,
           animate: e?.animate,
           highlightedDataPoints: e?.highlightedDataPoints,
-          dimmedOpacity: e?.dimmedOpacity
+          dimmedOpacity: e?.dimmedOpacity,
+          hideAxisLine: e?.hideAxisLine
         };
       case "treeMap":
         return {
@@ -1218,7 +1232,7 @@ function Ge(y) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -1263,7 +1277,7 @@ function Ge(y) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -1310,7 +1324,7 @@ function Ge(y) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -1353,7 +1367,7 @@ function Ge(y) {
           sources: e?.sources,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           radius: e?.radius,
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
@@ -1405,7 +1419,7 @@ function Ge(y) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -1431,7 +1445,8 @@ function Ge(y) {
           orientation: e?.orientation,
           styles: e?.styles,
           classNames: e?.classNames,
-          animate: e?.animate
+          animate: e?.animate,
+          hideAxisLine: e?.hideAxisLine
         };
       case "butterflyChart":
         return {
@@ -1444,8 +1459,8 @@ function Ge(y) {
           data: o,
           graphTitle: e?.graphTitle,
           graphDescription: e?.graphDescription,
-          leftBarTitle: Object.keys(e || {}).indexOf("leftBarTitle") !== -1 ? e?.leftBarTitle : r("leftBar", t || [], i || []),
-          rightBarTitle: Object.keys(e || {}).indexOf("rightBarTitle") !== -1 ? e?.rightBarTitle : r("rightBar", t || [], i || []),
+          leftBarTitle: Object.keys(e || {}).indexOf("leftBarTitle") !== -1 ? e?.leftBarTitle : r("leftBar", i || [], t || []),
+          rightBarTitle: Object.keys(e || {}).indexOf("rightBarTitle") !== -1 ? e?.rightBarTitle : r("rightBar", i || [], t || []),
           footNote: e?.footNote,
           width: e?.width,
           height: e?.height,
@@ -1479,7 +1494,8 @@ function Ge(y) {
           detailsOnClick: e?.detailsOnClick,
           styles: e?.styles,
           classNames: e?.classNames,
-          animate: e?.animate
+          animate: e?.animate,
+          hideAxisLine: e?.hideAxisLine
         };
       case "histogram":
         return {
@@ -1522,7 +1538,8 @@ function Ge(y) {
           ariaLabel: e?.ariaLabel,
           detailsOnClick: e?.detailsOnClick,
           styles: e?.styles,
-          classNames: e?.classNames
+          classNames: e?.classNames,
+          hideAxisLine: e?.hideAxisLine
         };
       case "sparkLine":
         return {
@@ -1571,8 +1588,8 @@ function Ge(y) {
           showValues: e?.showValues,
           graphTitle: e?.graphTitle,
           graphDescription: e?.graphDescription,
-          barTitle: Object.keys(e || {}).indexOf("barTitle") !== -1 ? e?.barTitle : r("barTitle", t || [], i || []),
-          lineTitle: Object.keys(e || {}).indexOf("lineTitle") !== -1 ? e?.lineTitle : r("lineTitle", t || [], i || []),
+          barTitle: Object.keys(e || {}).indexOf("barTitle") !== -1 ? e?.barTitle : r("barTitle", i || [], t || []),
+          lineTitle: Object.keys(e || {}).indexOf("lineTitle") !== -1 ? e?.lineTitle : r("lineTitle", i || [], t || []),
           footNote: e?.footNote,
           width: e?.width,
           height: e?.height,
@@ -1823,21 +1840,21 @@ function Ge(y) {
       default:
         return {};
     }
-  }, a[7] = o, a[8] = t, a[9] = i, a[10] = e, a[11] = n, a[12] = p) : p = a[12];
-  const w = p, u = O[s];
+  }, a[7] = o, a[8] = i, a[9] = t, a[10] = e, a[11] = n, a[12] = p) : p = a[12];
+  const w = p, u = M[s];
   let f;
   a[13] !== w || a[14] !== s ? (f = w(s), a[13] = w, a[14] = s, a[15] = f) : f = a[15];
-  const T = f, k = `grow my-0 ${s !== "statCard" ? "mx-auto" : "mx-0"} flex flex-col w-full ${s !== "unitChart" && s !== "statCard" ? "justify-center" : "justify-start"} ${e?.theme || "light"}`;
+  const x = f, T = `grow my-0 ${s !== "statCard" ? "mx-auto" : "mx-0"} flex flex-col w-full ${s !== "unitChart" && s !== "statCard" ? "justify-center" : "justify-start"} ${e?.theme || "light"}`;
   let D;
   a[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
     minHeight: "inherit"
   }, a[16] = D) : D = a[16];
   let g;
-  a[17] !== u || a[18] !== s || a[19] !== T ? (g = u ? /* @__PURE__ */ d.jsx(u, { ...T }) : /* @__PURE__ */ d.jsx(x, { size: "sm", marginBottom: "none", className: "p-2 text-center text-accent-dark-red dark:text-accent-red", children: `Invalid chart type: ${s}` }), a[17] = u, a[18] = s, a[19] = T, a[20] = g) : g = a[20];
+  a[17] !== u || a[18] !== s || a[19] !== x ? (g = u ? /* @__PURE__ */ d.jsx(u, { ...x }) : /* @__PURE__ */ d.jsx(k, { size: "sm", marginBottom: "none", className: "p-2 text-center text-accent-dark-red dark:text-accent-red", children: `Invalid chart type: ${s}` }), a[17] = u, a[18] = s, a[19] = x, a[20] = g) : g = a[20];
   let C;
-  return a[21] !== k || a[22] !== g ? (C = /* @__PURE__ */ d.jsx("div", { className: k, style: D, children: g }), a[21] = k, a[22] = g, a[23] = C) : C = a[23], C;
+  return a[21] !== T || a[22] !== g ? (C = /* @__PURE__ */ d.jsx("div", { className: T, style: D, children: g }), a[21] = T, a[22] = g, a[23] = C) : C = a[23], C;
 }
 export {
   Ge as G
 };
-//# sourceMappingURL=GraphEl-DcNr5JzH.js.map
+//# sourceMappingURL=GraphEl-L5hNe7wJ.js.map