@undp/data-viz 1.5.8 → 2.0.0

package/dist/RadarChart.js

@@ -1,27 +1,28 @@
-import { j as n, m as L } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { useRef as ut, useState as j, useEffect as kt } from "react";
-import { i as It } from "./index-Bwrro8-q.js";
-import { X as jt } from "./Modal-DVVwpKhP.js";
-import { T as Ct } from "./Tooltip-CVCGWyzw.js";
-import { Colors as v } from "./Colors.js";
-import { n as ft } from "./numberFormattingFunction-14YCbkN2.js";
-import { s as Pt } from "./string2HTML-oFCROsus.js";
-import { c as T } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { a as xt } from "./linear-DUdu7l2G.js";
-import { c as Nt, l as Ot } from "./line-CPfhohvF.js";
-import { u as St } from "./use-in-view-yS6jzJAp.js";
-import { m as Y } from "./proxy-CkpFesk1.js";
-import { A as Tt } from "./index-CNvov0eg.js";
-import { GraphFooter as $t } from "./GraphFooter.js";
-import { GraphHeader as Dt } from "./GraphHeader.js";
-import { E as Vt } from "./EmptyState-DdTp-Mdn.js";
-import { ColorLegendWithMouseOver as At } from "./ColorLegendWithMouseOver.js";
-import { u as pt } from "./uniqBy-BHy4I8PK.js";
-var Et = _t(Nt);
-function gt(t) {
-  this._curve = t;
+import { c as Xt, j as o, m as bt } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as Nt, useState as ft, useEffect as Yt } from "react";
+import { i as zt } from "./index-Bwrro8-q.js";
+import { l as qt } from "./Modal-DGcuAHyK.js";
+import { T as Bt } from "./Tooltip-CwWUegPB.js";
+import { Colors as N } from "./Colors.js";
+import { n as Vt } from "./numberFormattingFunction-14YCbkN2.js";
+import { s as Ut } from "./string2HTML-DhG75NqA.js";
+import { c as B } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { a as Lt } from "./linear-BwnDd9KF.js";
+import { c as Jt, l as Kt } from "./line-CPfhohvF.js";
+import { u as Qt } from "./use-in-view-Cxa7y1TH.js";
+import { m as kt } from "./proxy-BxkFHwUw.js";
+import { A as Zt } from "./index-BqfRwk1n.js";
+import { GraphFooter as ti } from "./GraphFooter.js";
+import { GraphHeader as ii } from "./GraphHeader.js";
+import { E as ei } from "./EmptyState-BZo1BbAn.js";
+import { ColorLegendWithMouseOver as ni } from "./ColorLegendWithMouseOver.js";
+import { u as Tt } from "./uniqBy-BHy4I8PK.js";
+import { G as oi, a as ai } from "./GraphContainer-CRqzdKu2.js";
+var si = Et(Jt);
+function Dt(i) {
+  this._curve = i;
 }
-gt.prototype = {
+Dt.prototype = {
   areaStart: function() {
     this._curve.areaStart();
   },
@@ -34,41 +35,41 @@ gt.prototype = {
   lineEnd: function() {
     this._curve.lineEnd();
   },
-  point: function(t, e) {
-    this._curve.point(e * Math.sin(t), e * -Math.cos(t));
+  point: function(i, t) {
+    this._curve.point(t * Math.sin(i), t * -Math.cos(i));
   }
 };
-function _t(t) {
-  function e(s) {
-    return new gt(t(s));
+function Et(i) {
+  function t(n) {
+    return new Dt(i(n));
   }
-  return e._curve = t, e;
+  return t._curve = i, t;
 }
-function Lt(t) {
-  var e = t.curve;
-  return t.angle = t.x, delete t.x, t.radius = t.y, delete t.y, t.curve = function(s) {
-    return arguments.length ? e(_t(s)) : e()._curve;
-  }, t;
+function ri(i) {
+  var t = i.curve;
+  return i.angle = i.x, delete i.x, i.radius = i.y, delete i.y, i.curve = function(n) {
+    return arguments.length ? t(Et(n)) : t()._curve;
+  }, i;
 }
-function Ht() {
-  return Lt(Ot().curve(Et));
+function li() {
+  return ri(Kt().curve(si));
 }
-function nt() {
+function jt() {
 }
-function dt(t, e, s) {
-  t._context.bezierCurveTo(
-    t._x1 + t._k * (t._x2 - t._x0),
-    t._y1 + t._k * (t._y2 - t._y0),
-    t._x2 + t._k * (t._x1 - e),
-    t._y2 + t._k * (t._y1 - s),
-    t._x2,
-    t._y2
+function St(i, t, n) {
+  i._context.bezierCurveTo(
+    i._x1 + i._k * (i._x2 - i._x0),
+    i._y1 + i._k * (i._y2 - i._y0),
+    i._x2 + i._k * (i._x1 - t),
+    i._y2 + i._k * (i._y1 - n),
+    i._x2,
+    i._y2
   );
 }
-function yt(t, e) {
-  this._context = t, this._k = (1 - e) / 6;
+function Rt(i, t) {
+  this._context = i, this._k = (1 - t) / 6;
 }
-yt.prototype = {
+Rt.prototype = {
   areaStart: function() {
     this._line = 0;
   },
@@ -84,43 +85,43 @@ yt.prototype = {
         this._context.lineTo(this._x2, this._y2);
         break;
       case 3:
-        dt(this, this._x1, this._y1);
+        St(this, this._x1, this._y1);
         break;
     }
     (this._line || this._line !== 0 && this._point === 1) && this._context.closePath(), this._line = 1 - this._line;
   },
-  point: function(t, e) {
-    switch (t = +t, e = +e, this._point) {
+  point: function(i, t) {
+    switch (i = +i, t = +t, this._point) {
       case 0:
-        this._point = 1, this._line ? this._context.lineTo(t, e) : this._context.moveTo(t, e);
+        this._point = 1, this._line ? this._context.lineTo(i, t) : this._context.moveTo(i, t);
         break;
       case 1:
-        this._point = 2, this._x1 = t, this._y1 = e;
+        this._point = 2, this._x1 = i, this._y1 = t;
         break;
       case 2:
         this._point = 3;
       // falls through
       default:
-        dt(this, t, e);
+        St(this, i, t);
         break;
     }
-    this._x0 = this._x1, this._x1 = this._x2, this._x2 = t, this._y0 = this._y1, this._y1 = this._y2, this._y2 = e;
+    this._x0 = this._x1, this._x1 = this._x2, this._x2 = i, this._y0 = this._y1, this._y1 = this._y2, this._y2 = t;
   }
 };
-(function t(e) {
-  function s(o) {
-    return new yt(o, e);
+(function i(t) {
+  function n(l) {
+    return new Rt(l, t);
   }
-  return s.tension = function(o) {
-    return t(+o);
-  }, s;
+  return n.tension = function(l) {
+    return i(+l);
+  }, n;
 })(0);
-function vt(t, e) {
-  this._context = t, this._k = (1 - e) / 6;
+function $t(i, t) {
+  this._context = i, this._k = (1 - t) / 6;
 }
-vt.prototype = {
-  areaStart: nt,
-  areaEnd: nt,
+$t.prototype = {
+  areaStart: jt,
+  areaEnd: jt,
   lineStart: function() {
     this._x0 = this._x1 = this._x2 = this._x3 = this._x4 = this._x5 = this._y0 = this._y1 = this._y2 = this._y3 = this._y4 = this._y5 = NaN, this._point = 0;
   },
@@ -140,546 +141,396 @@ vt.prototype = {
       }
     }
   },
-  point: function(t, e) {
-    switch (t = +t, e = +e, this._point) {
+  point: function(i, t) {
+    switch (i = +i, t = +t, this._point) {
       case 0:
-        this._point = 1, this._x3 = t, this._y3 = e;
+        this._point = 1, this._x3 = i, this._y3 = t;
         break;
       case 1:
-        this._point = 2, this._context.moveTo(this._x4 = t, this._y4 = e);
+        this._point = 2, this._context.moveTo(this._x4 = i, this._y4 = t);
         break;
       case 2:
-        this._point = 3, this._x5 = t, this._y5 = e;
+        this._point = 3, this._x5 = i, this._y5 = t;
         break;
       default:
-        dt(this, t, e);
+        St(this, i, t);
         break;
     }
-    this._x0 = this._x1, this._x1 = this._x2, this._x2 = t, this._y0 = this._y1, this._y1 = this._y2, this._y2 = e;
+    this._x0 = this._x1, this._x1 = this._x2, this._x2 = i, this._y0 = this._y1, this._y1 = this._y2, this._y2 = t;
   }
 };
-const Rt = function t(e) {
-  function s(o) {
-    return new vt(o, e);
+const ci = (function i(t) {
+  function n(l) {
+    return new $t(l, t);
   }
-  return s.tension = function(o) {
-    return t(+o);
-  }, s;
-}(0);
-function Mt(t) {
-  this._context = t;
+  return n.tension = function(l) {
+    return i(+l);
+  }, n;
+})(0);
+function Gt(i) {
+  this._context = i;
 }
-Mt.prototype = {
-  areaStart: nt,
-  areaEnd: nt,
+Gt.prototype = {
+  areaStart: jt,
+  areaEnd: jt,
   lineStart: function() {
     this._point = 0;
   },
   lineEnd: function() {
     this._point && this._context.closePath();
   },
-  point: function(t, e) {
-    t = +t, e = +e, this._point ? this._context.lineTo(t, e) : (this._point = 1, this._context.moveTo(t, e));
+  point: function(i, t) {
+    i = +i, t = +t, this._point ? this._context.lineTo(i, t) : (this._point = 1, this._context.moveTo(i, t));
   }
 };
-function Wt(t) {
-  return new Mt(t);
+function hi(i) {
+  return new Gt(i);
 }
-function Ft(t) {
-  const {
-    data: e,
-    radius: s,
-    lineColors: o,
-    tooltip: C,
-    onSeriesMouseOver: H,
-    onSeriesMouseClick: M,
-    colorDomain: h,
-    detailsOnClick: w,
-    styles: _,
-    classNames: f,
-    selectedColor: $,
-    axisLabels: z,
-    strokeWidth: q,
-    showValues: at,
-    showDots: ot,
-    rightMargin: rt,
-    topMargin: B,
-    bottomMargin: st,
-    leftMargin: R,
-    curveType: U,
-    noOfTicks: J,
-    minValue: D,
+function ui(i) {
+  const t = Xt.c(105), {
+    data: n,
+    radius: l,
+    lineColors: s,
+    tooltip: W,
+    onSeriesMouseOver: X,
+    onSeriesMouseClick: f,
+    colorDomain: g,
+    detailsOnClick: y,
+    styles: c,
+    classNames: h,
+    selectedColor: S,
+    axisLabels: U,
+    strokeWidth: J,
+    showValues: mt,
+    showDots: xt,
+    rightMargin: K,
+    topMargin: Q,
+    bottomMargin: Y,
+    leftMargin: z,
+    curveType: wt,
+    noOfTicks: dt,
+    minValue: I,
     maxValue: V,
-    resetSelectionOnDoubleClick: lt,
-    fillShape: c,
-    highlightedLines: p,
-    animate: d,
-    dimmedOpacity: g,
-    precision: P,
-    customLayers: K
-  } = t, Q = ut(null), A = St(Q, {
-    once: d.once,
-    amount: d.amount
-  }), b = U === "linear" ? Wt : Rt, k = {
-    top: B,
-    left: R
-  }, y = Math.min(
-    (2 * s - R - rt) / 2,
-    (2 * s - B - st) / 2
-  ), [I, W] = j(void 0), [N, F] = j(void 0), [Z, G] = j(void 0), [tt, X] = j(void 0), l = xt().domain([0, e[0].values.length]).range([0, 2 * Math.PI]), it = T(V) ? Math.max(
-    ...e.map(
-      (i) => Math.max(...i.values.filter((a) => !T(a)))
-    )
-  ) < 0 ? 0 : Math.max(
-    ...e.map(
-      (i) => Math.max(...i.values.filter((a) => !T(a)))
-    )
-  ) : V, ct = T(D) ? Math.min(
-    ...e.map(
-      (i) => Math.min(...i.values.filter((a) => !T(a)))
-    )
-  ) >= 0 ? 0 : Math.min(
-    ...e.map(
-      (i) => Math.min(...i.values.filter((a) => !T(a)))
-    )
-  ) : D, x = xt().domain([ct, it]).range([0, y]).nice(), ht = x.ticks(J), O = Ht().radius((i) => x(i)).angle((i, a) => l(a)).curve(b);
-  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    /* @__PURE__ */ n.jsx(
-      Y.svg,
-      {
-        width: `${s * 2}px`,
-        height: `${s * 2}px`,
-        viewBox: `0 0 ${s * 2} ${s * 2}`,
-        direction: "ltr",
-        ref: Q,
-        children: /* @__PURE__ */ n.jsxs("g", { transform: `translate(${k.left},${k.top})`, children: [
-          K.filter((i) => i.position === "before").map((i) => i.layer),
-          /* @__PURE__ */ n.jsxs("g", { transform: `translate(${y},${y})`, children: [
-            z.map((i, a) => /* @__PURE__ */ n.jsxs("g", { children: [
-              /* @__PURE__ */ n.jsx(
-                "line",
-                {
-                  x1: 0,
-                  y1: 0,
-                  x2: Math.cos(l(a) - Math.PI / 2) * y,
-                  y2: Math.sin(l(a) - Math.PI / 2) * y,
-                  className: L(
-                    "stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550",
-                    f?.xAxis?.axis
-                  ),
-                  style: _?.xAxis?.axis
-                },
-                a
-              ),
-              /* @__PURE__ */ n.jsx(
-                "text",
-                {
-                  x: Math.cos(l(a) - Math.PI / 2) * (y + 6),
-                  y: Math.sin(l(a) - Math.PI / 2) * (y + 6),
-                  style: {
-                    textAnchor: Math.cos(l(a) - Math.PI / 2) < 0 ? "end" : Math.cos(l(a) - Math.PI / 2) < 1e-5 ? "middle" : "start",
-                    ..._?.xAxis?.labels || ""
-                  },
-                  dy: Math.sin(l(a) - Math.PI / 2) < 0 ? 0 : Math.sin(l(a) - Math.PI / 2) < 1e-5 ? 5 : 10,
-                  className: L(
-                    "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",
-                    f?.xAxis?.labels
-                  ),
-                  children: i
-                }
-              )
-            ] }, a)),
-            ht.map((i, a) => /* @__PURE__ */ n.jsxs("g", { children: [
-              /* @__PURE__ */ n.jsx(
-                "path",
-                {
-                  d: O(Array(z.length).fill(i)) || "",
-                  className: L(
-                    "stroke-primary-gray-500 dark:stroke-primary-gray-550",
-                    f?.xAxis?.gridLines
-                  ),
-                  style: {
-                    ..._?.xAxis?.gridLines,
-                    fill: "none"
-                  }
-                }
-              ),
-              /* @__PURE__ */ n.jsx(
-                "foreignObject",
-                {
-                  x: -25,
-                  y: Math.sin(-Math.PI / 2) * x(i) > -1e-4 ? Math.sin(-Math.PI / 2) * x(i) - 7 : Math.sin(-Math.PI / 2) * x(i) - 5,
-                  width: 50,
-                  height: 12,
-                  children: /* @__PURE__ */ n.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ n.jsx(
-                    "p",
-                    {
-                      className: L(
-                        "fill-primary-gray-500 dark:fill-primary-gray-550 text-xs m-0 py-0 px-1.5 text-center leading-none bg-primary-white dark:bg-primary-gray-700",
-                        f?.xAxis?.labels
-                      ),
-                      style: _?.xAxis?.labels,
-                      children: ft(i, "NA", P)
-                    }
-                  ) })
-                }
-              )
-            ] }, a)),
-            /* @__PURE__ */ n.jsx(Tt, { children: e.map((i, a) => /* @__PURE__ */ n.jsxs(
-              Y.g,
-              {
-                variants: {
-                  initial: {
-                    opacity: I ? i.label === I.label ? 1 : g : $ ? i.color && o[h.indexOf(i.color)] === $ ? 1 : g : p.length !== 0 ? i.label && p.indexOf(i.label) !== -1 ? 1 : 0.3 : 1
-                  },
-                  whileInView: {
-                    opacity: I ? i.label === I.label ? 1 : g : $ ? i.color && o[h.indexOf(i.color)] === $ ? 1 : g : p.length !== 0 ? i.label && p.indexOf(i.label) !== -1 ? 1 : g : 1,
-                    transition: { duration: d.duration }
-                  }
-                },
-                initial: "initial",
-                animate: A ? "whileInView" : "initial",
-                exit: { opacity: 0, transition: { duration: d.duration } },
-                onMouseEnter: (r) => {
-                  W(i), X(r.clientY), G(r.clientX), H?.(i);
-                },
-                onMouseMove: (r) => {
-                  W(i), X(r.clientY), G(r.clientX);
-                },
-                onMouseLeave: () => {
-                  W(void 0), G(void 0), X(void 0), H?.(void 0);
-                },
-                onClick: () => {
-                  (M || w) && (It(N, i) && lt ? (F(void 0), M?.(void 0)) : (F(i), M?.(i)));
-                },
-                children: [
-                  /* @__PURE__ */ n.jsx(
-                    Y.path,
-                    {
-                      d: O(i.values) || "",
-                      variants: {
-                        initial: {
-                          d: O(i.values.map((r) => 0)) || "",
-                          stroke: e.filter((r) => r.color).length === 0 ? o[0] : i.color ? o[h.indexOf(i.color)] : v.gray,
-                          fill: c ? e.filter((r) => r.color).length === 0 ? o[0] : i.color ? o[h.indexOf(i.color)] : v.gray : "none",
-                          strokeWidth: q
-                        },
-                        whileInView: {
-                          d: O(i.values) || "",
-                          transition: { duration: d.duration },
-                          stroke: e.filter((r) => r.color).length === 0 ? o[0] : i.color ? o[h.indexOf(i.color)] : v.gray,
-                          fill: c ? e.filter((r) => r.color).length === 0 ? o[0] : i.color ? o[h.indexOf(i.color)] : v.gray : "none",
-                          strokeWidth: q
-                        }
-                      },
-                      initial: "initial",
-                      animate: A ? "whileInView" : "initial",
-                      exit: { opacity: 0, transition: { duration: d.duration } },
-                      style: {
-                        fillOpacity: 0.1
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ n.jsx("g", { children: i.values.map((r, m) => /* @__PURE__ */ n.jsx("g", { children: T(r) ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-                    ot ? /* @__PURE__ */ n.jsx(
-                      Y.circle,
-                      {
-                        r: 4,
-                        variants: {
-                          initial: {
-                            cx: 0,
-                            cy: 0,
-                            opacity: 0,
-                            fill: e.filter((E) => E.color).length === 0 ? o[0] : i.color ? o[h.indexOf(i.color)] : v.gray
-                          },
-                          whileInView: {
-                            cx: Math.cos(l(m) - Math.PI / 2) * x(r),
-                            cy: Math.sin(l(m) - Math.PI / 2) * x(r),
-                            opacity: 1,
-                            transition: { duration: d.duration },
-                            fill: e.filter((E) => E.color).length === 0 ? o[0] : i.color ? o[h.indexOf(i.color)] : v.gray
-                          }
-                        },
-                        initial: "initial",
-                        animate: A ? "whileInView" : "initial",
-                        exit: { opacity: 0, transition: { duration: d.duration } }
-                      }
-                    ) : null,
-                    at ? /* @__PURE__ */ n.jsx(
-                      Y.text,
-                      {
-                        style: {
-                          ..._?.graphObjectValues || {}
-                        },
-                        dy: Math.sin(l(m) - Math.PI / 2) < 0 ? 10 : (Math.sin(l(m) - Math.PI / 2) < 1e-5, 0),
-                        className: L(
-                          "graph-value text-xs font-bold",
-                          f?.graphObjectValues
-                        ),
-                        variants: {
-                          initial: {
-                            opacity: 0,
-                            x: Math.cos(l(m) - Math.PI / 2) * (x(r) + 6),
-                            y: Math.sin(l(m) - Math.PI / 2) * (x(r) + 6),
-                            fill: o[a],
-                            textAnchor: Math.cos(l(m) - Math.PI / 2) < 0 ? "end" : Math.cos(l(m) - Math.PI / 2) < 1e-5 ? "middle" : "start"
-                          },
-                          whileInView: {
-                            opacity: 1,
-                            x: Math.cos(l(m) - Math.PI / 2) * (x(r) + 6),
-                            y: Math.sin(l(m) - Math.PI / 2) * (x(r) + 6),
-                            fill: o[a],
-                            textAnchor: Math.cos(l(m) - Math.PI / 2) < 0 ? "end" : Math.cos(l(m) - Math.PI / 2) < 1e-5 ? "middle" : "start",
-                            transition: { duration: d.duration }
-                          }
-                        },
-                        initial: "initial",
-                        animate: A ? "whileInView" : "initial",
-                        exit: { opacity: 0, transition: { duration: d.duration } },
-                        children: ft(r, "NA", P)
-                      }
-                    ) : null
-                  ] }) }, m)) })
-                ]
-              },
-              i.label || a
-            )) })
-          ] }),
-          K.filter((i) => i.position === "after").map((i) => i.layer)
-        ] })
+    resetSelectionOnDoubleClick: L,
+    fillShape: Z,
+    highlightedLines: T,
+    animate: u,
+    dimmedOpacity: _,
+    precision: tt,
+    customLayers: C
+  } = i, It = Nt(null);
+  let v;
+  t[0] !== u.amount || t[1] !== u.once ? (v = {
+    once: u.once,
+    amount: u.amount
+  }, t[0] = u.amount, t[1] = u.once, t[2] = v) : v = t[2];
+  const x = Qt(It, v), gt = wt === "linear" ? hi : ci;
+  let it;
+  t[3] !== Y || t[4] !== z || t[5] !== K || t[6] !== Q ? (it = {
+    top: Q,
+    bottom: Y,
+    left: z,
+    right: K
+  }, t[3] = Y, t[4] = z, t[5] = K, t[6] = Q, t[7] = it) : it = t[7];
+  const D = it, b = Math.min((2 * l - z - K) / 2, (2 * l - Q - Y) / 2), [M, yt] = ft(void 0), [k, _t] = ft(void 0), [et, Mt] = ft(void 0), [q, vt] = ft(void 0);
+  let E, R, P, $, G, F, O, A, a, j, nt, H, ot, at;
+  if (t[8] !== u.duration || t[9] !== U || t[10] !== h?.graphObjectValues || t[11] !== h?.xAxis?.axis || t[12] !== h?.xAxis?.gridLines || t[13] !== h?.xAxis?.labels || t[14] !== g || t[15] !== gt || t[16] !== C || t[17] !== n || t[18] !== y || t[19] !== _ || t[20] !== Z || t[21] !== T || t[22] !== x || t[23] !== s || t[24] !== D.left || t[25] !== D.top || t[26] !== V || t[27] !== I || t[28] !== k || t[29] !== M || t[30] !== dt || t[31] !== f || t[32] !== X || t[33] !== tt || t[34] !== l || t[35] !== b || t[36] !== L || t[37] !== S || t[38] !== xt || t[39] !== mt || t[40] !== J || t[41] !== c?.graphObjectValues || t[42] !== c?.xAxis?.axis || t[43] !== c?.xAxis?.gridLines || t[44] !== c?.xAxis?.labels) {
+    const r = Lt().domain([0, n[0].values.length]).range([0, 2 * Math.PI]);
+    let Ot;
+    t[59] !== n || t[60] !== V ? (Ot = B(V) ? Math.max(...n.map(Ai)) < 0 ? 0 : Math.max(...n.map(Oi)) : V, t[59] = n, t[60] = V, t[61] = Ot) : Ot = t[61];
+    const Ft = Ot;
+    let Pt;
+    t[62] !== n || t[63] !== I ? (Pt = B(I) ? Math.min(...n.map(Ii)) >= 0 ? 0 : Math.min(...n.map(ki)) : I, t[62] = n, t[63] = I, t[64] = Pt) : Pt = t[64];
+    const Ht = Pt, w = Lt().domain([Ht, Ft]).range([0, b]).nice(), Wt = w.ticks(dt), At = li().radius((e) => w(e)).angle((e, p) => r(p)).curve(gt);
+    R = kt.svg, ot = `${l * 2}px`, at = `${l * 2}px`, P = `0 0 ${l * 2} ${l * 2}`, $ = "ltr", G = It, F = "mx-auto", nt = `translate(${D.left},${D.top})`, t[65] !== C ? (H = C.filter(bi).map(vi), t[65] = C, t[66] = H) : H = t[66], A = `translate(${b},${b})`, a = U.map((e, p) => /* @__PURE__ */ o.jsxs("g", { children: [
+      /* @__PURE__ */ o.jsx("line", { x1: 0, y1: 0, x2: Math.cos(r(p) - Math.PI / 2) * b, y2: Math.sin(r(p) - Math.PI / 2) * b, className: bt("stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550", h?.xAxis?.axis), style: c?.xAxis?.axis }, p),
+      /* @__PURE__ */ o.jsx("text", { x: Math.cos(r(p) - Math.PI / 2) * (b + 6), y: Math.sin(r(p) - Math.PI / 2) * (b + 6), style: {
+        textAnchor: Math.cos(r(p) - Math.PI / 2) < 0 ? "end" : Math.cos(r(p) - Math.PI / 2) < 1e-5 ? "middle" : "start",
+        ...c?.xAxis?.labels || ""
+      }, dy: Math.sin(r(p) - Math.PI / 2) < 0 ? 0 : Math.sin(r(p) - Math.PI / 2) < 1e-5 ? 5 : 10, className: bt("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", h?.xAxis?.labels), children: e })
+    ] }, p)), j = Wt.map((e, p) => /* @__PURE__ */ o.jsxs("g", { children: [
+      /* @__PURE__ */ o.jsx("path", { d: At(Array(U.length).fill(e)) || "", className: bt("stroke-primary-gray-500 dark:stroke-primary-gray-550", h?.xAxis?.gridLines), style: {
+        ...c?.xAxis?.gridLines,
+        fill: "none"
+      } }),
+      /* @__PURE__ */ o.jsx("foreignObject", { x: -25, y: Math.sin(-Math.PI / 2) * w(e) > -1e-4 ? Math.sin(-Math.PI / 2) * w(e) - 7 : Math.sin(-Math.PI / 2) * w(e) - 5, width: 50, height: 12, children: /* @__PURE__ */ o.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ o.jsx("p", { className: bt("fill-primary-gray-500 dark:fill-primary-gray-550 text-xs m-0 py-0 px-1.5 text-center leading-none bg-primary-white dark:bg-primary-gray-700", h?.xAxis?.labels), style: c?.xAxis?.labels, children: Vt(e, "NA", tt) }) }) })
+    ] }, p)), E = Zt, O = n.map((e, p) => /* @__PURE__ */ o.jsxs(kt.g, { variants: {
+      initial: {
+        opacity: M ? e.label === M.label ? 1 : _ : S ? e.color && s[g.indexOf(e.color)] === S ? 1 : _ : T.length !== 0 ? e.label && T.indexOf(e.label) !== -1 ? 1 : 0.3 : 1
+      },
+      whileInView: {
+        opacity: M ? e.label === M.label ? 1 : _ : S ? e.color && s[g.indexOf(e.color)] === S ? 1 : _ : T.length !== 0 ? e.label && T.indexOf(e.label) !== -1 ? 1 : _ : 1,
+        transition: {
+          duration: u.duration
+        }
       }
-    ),
-    I && C && Z && tt ? /* @__PURE__ */ n.jsx(
-      Ct,
-      {
-        data: I,
-        body: C,
-        xPos: Z,
-        yPos: tt,
-        backgroundStyle: _?.tooltip,
-        className: f?.tooltip
+    }, initial: "initial", animate: x ? "whileInView" : "initial", exit: {
+      opacity: 0,
+      transition: {
+        duration: u.duration
       }
-    ) : null,
-    w && N !== void 0 ? /* @__PURE__ */ n.jsx(
-      jt,
-      {
-        open: N !== void 0,
-        onClose: () => {
-          F(void 0);
+    }, onMouseEnter: (m) => {
+      yt(e), vt(m.clientY), Mt(m.clientX), X?.(e);
+    }, onMouseMove: (m) => {
+      yt(e), vt(m.clientY), Mt(m.clientX);
+    }, onMouseLeave: () => {
+      yt(void 0), Mt(void 0), vt(void 0), X?.(void 0);
+    }, onClick: () => {
+      (f || y) && (zt(k, e) && L ? (_t(void 0), f?.(void 0)) : (_t(e), f?.(e)));
+    }, children: [
+      /* @__PURE__ */ o.jsx(kt.path, { d: At(e.values) || "", variants: {
+        initial: {
+          d: At(e.values.map(Mi)) || "",
+          stroke: n.filter(_i).length === 0 ? s[0] : e.color ? s[g.indexOf(e.color)] : N.gray,
+          fill: Z ? n.filter(yi).length === 0 ? s[0] : e.color ? s[g.indexOf(e.color)] : N.gray : "none",
+          strokeWidth: J
         },
-        children: /* @__PURE__ */ n.jsx(
-          "div",
-          {
-            className: "graph-modal-content m-0",
-            dangerouslySetInnerHTML: typeof w == "string" ? { __html: Pt(w, N) } : void 0,
-            children: typeof w == "function" ? w(N) : null
+        whileInView: {
+          d: At(e.values) || "",
+          transition: {
+            duration: u.duration
+          },
+          stroke: n.filter(gi).length === 0 ? s[0] : e.color ? s[g.indexOf(e.color)] : N.gray,
+          fill: Z ? n.filter(di).length === 0 ? s[0] : e.color ? s[g.indexOf(e.color)] : N.gray : "none",
+          strokeWidth: J
+        }
+      }, initial: "initial", animate: x ? "whileInView" : "initial", exit: {
+        opacity: 0,
+        transition: {
+          duration: u.duration
+        }
+      }, style: {
+        fillOpacity: 0.1
+      } }),
+      /* @__PURE__ */ o.jsx("g", { children: e.values.map((m, d) => /* @__PURE__ */ o.jsx("g", { children: B(m) ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+        xt ? /* @__PURE__ */ o.jsx(kt.circle, { r: 4, variants: {
+          initial: {
+            cx: 0,
+            cy: 0,
+            opacity: 0,
+            fill: n.filter(xi).length === 0 ? s[0] : e.color ? s[g.indexOf(e.color)] : N.gray
+          },
+          whileInView: {
+            cx: Math.cos(r(d) - Math.PI / 2) * w(m),
+            cy: Math.sin(r(d) - Math.PI / 2) * w(m),
+            opacity: 1,
+            transition: {
+              duration: u.duration
+            },
+            fill: n.filter(mi).length === 0 ? s[0] : e.color ? s[g.indexOf(e.color)] : N.gray
           }
-        )
-      }
-    ) : null
-  ] });
+        }, initial: "initial", animate: x ? "whileInView" : "initial", exit: {
+          opacity: 0,
+          transition: {
+            duration: u.duration
+          }
+        } }) : null,
+        mt ? /* @__PURE__ */ o.jsx(kt.text, { style: {
+          ...c?.graphObjectValues || {}
+        }, dy: Math.sin(r(d) - Math.PI / 2) < 0 ? 10 : (Math.sin(r(d) - Math.PI / 2) < 1e-5, 0), className: bt("graph-value text-xs font-bold", h?.graphObjectValues), variants: {
+          initial: {
+            opacity: 0,
+            x: Math.cos(r(d) - Math.PI / 2) * (w(m) + 6),
+            y: Math.sin(r(d) - Math.PI / 2) * (w(m) + 6),
+            fill: s[p],
+            textAnchor: Math.cos(r(d) - Math.PI / 2) < 0 ? "end" : Math.cos(r(d) - Math.PI / 2) < 1e-5 ? "middle" : "start"
+          },
+          whileInView: {
+            opacity: 1,
+            x: Math.cos(r(d) - Math.PI / 2) * (w(m) + 6),
+            y: Math.sin(r(d) - Math.PI / 2) * (w(m) + 6),
+            fill: s[p],
+            textAnchor: Math.cos(r(d) - Math.PI / 2) < 0 ? "end" : Math.cos(r(d) - Math.PI / 2) < 1e-5 ? "middle" : "start",
+            transition: {
+              duration: u.duration
+            }
+          }
+        }, initial: "initial", animate: x ? "whileInView" : "initial", exit: {
+          opacity: 0,
+          transition: {
+            duration: u.duration
+          }
+        }, children: Vt(m, "NA", tt) }) : null
+      ] }) }, d)) })
+    ] }, e.label || p)), t[8] = u.duration, t[9] = U, t[10] = h?.graphObjectValues, t[11] = h?.xAxis?.axis, t[12] = h?.xAxis?.gridLines, t[13] = h?.xAxis?.labels, t[14] = g, t[15] = gt, t[16] = C, t[17] = n, t[18] = y, t[19] = _, t[20] = Z, t[21] = T, t[22] = x, t[23] = s, t[24] = D.left, t[25] = D.top, t[26] = V, t[27] = I, t[28] = k, t[29] = M, t[30] = dt, t[31] = f, t[32] = X, t[33] = tt, t[34] = l, t[35] = b, t[36] = L, t[37] = S, t[38] = xt, t[39] = mt, t[40] = J, t[41] = c?.graphObjectValues, t[42] = c?.xAxis?.axis, t[43] = c?.xAxis?.gridLines, t[44] = c?.xAxis?.labels, t[45] = E, t[46] = R, t[47] = P, t[48] = $, t[49] = G, t[50] = F, t[51] = O, t[52] = A, t[53] = a, t[54] = j, t[55] = nt, t[56] = H, t[57] = ot, t[58] = at;
+  } else
+    E = t[45], R = t[46], P = t[47], $ = t[48], G = t[49], F = t[50], O = t[51], A = t[52], a = t[53], j = t[54], nt = t[55], H = t[56], ot = t[57], at = t[58];
+  let st;
+  t[67] !== E || t[68] !== O ? (st = /* @__PURE__ */ o.jsx(E, { children: O }), t[67] = E, t[68] = O, t[69] = st) : st = t[69];
+  let rt;
+  t[70] !== st || t[71] !== A || t[72] !== a || t[73] !== j ? (rt = /* @__PURE__ */ o.jsxs("g", { transform: A, children: [
+    a,
+    j,
+    st
+  ] }), t[70] = st, t[71] = A, t[72] = a, t[73] = j, t[74] = rt) : rt = t[74];
+  let lt;
+  t[75] !== C ? (lt = C.filter(fi).map(pi), t[75] = C, t[76] = lt) : lt = t[76];
+  let ct;
+  t[77] !== rt || t[78] !== lt || t[79] !== nt || t[80] !== H ? (ct = /* @__PURE__ */ o.jsxs("g", { transform: nt, children: [
+    H,
+    rt,
+    lt
+  ] }), t[77] = rt, t[78] = lt, t[79] = nt, t[80] = H, t[81] = ct) : ct = t[81];
+  let ht;
+  t[82] !== R || t[83] !== P || t[84] !== $ || t[85] !== G || t[86] !== F || t[87] !== ct || t[88] !== ot || t[89] !== at ? (ht = /* @__PURE__ */ o.jsx(R, { width: ot, height: at, viewBox: P, direction: $, ref: G, className: F, children: ct }), t[82] = R, t[83] = P, t[84] = $, t[85] = G, t[86] = F, t[87] = ct, t[88] = ot, t[89] = at, t[90] = ht) : ht = t[90];
+  let ut;
+  t[91] !== h?.tooltip || t[92] !== et || t[93] !== q || t[94] !== M || t[95] !== c?.tooltip || t[96] !== W ? (ut = M && W && et && q ? /* @__PURE__ */ o.jsx(Bt, { data: M, body: W, xPos: et, yPos: q, backgroundStyle: c?.tooltip, className: h?.tooltip }) : null, t[91] = h?.tooltip, t[92] = et, t[93] = q, t[94] = M, t[95] = c?.tooltip, t[96] = W, t[97] = ut) : ut = t[97];
+  let pt;
+  t[98] !== y || t[99] !== k ? (pt = y && k !== void 0 ? /* @__PURE__ */ o.jsx(qt, { open: k !== void 0, onClose: () => {
+    _t(void 0);
+  }, children: /* @__PURE__ */ o.jsx("div", { className: "graph-modal-content m-0", dangerouslySetInnerHTML: typeof y == "string" ? {
+    __html: Ut(y, k)
+  } : void 0, children: typeof y == "function" ? y(k) : null }) }) : null, t[98] = y, t[99] = k, t[100] = pt) : pt = t[100];
+  let Ct;
+  return t[101] !== ht || t[102] !== ut || t[103] !== pt ? (Ct = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    ht,
+    ut,
+    pt
+  ] }), t[101] = ht, t[102] = ut, t[103] = pt, t[104] = Ct) : Ct = t[104], Ct;
+}
+function pi(i) {
+  return i.layer;
+}
+function fi(i) {
+  return i.position === "after";
+}
+function mi(i) {
+  return i.color;
+}
+function xi(i) {
+  return i.color;
+}
+function di(i) {
+  return i.color;
+}
+function gi(i) {
+  return i.color;
 }
-function li(t) {
+function yi(i) {
+  return i.color;
+}
+function _i(i) {
+  return i.color;
+}
+function Mi(i) {
+  return 0;
+}
+function vi(i) {
+  return i.layer;
+}
+function bi(i) {
+  return i.position === "before";
+}
+function ki(i) {
+  return Math.min(...i.values.filter(wi));
+}
+function wi(i) {
+  return !B(i);
+}
+function Ii(i) {
+  return Math.min(...i.values.filter(Ci));
+}
+function Ci(i) {
+  return !B(i);
+}
+function Oi(i) {
+  return Math.max(...i.values.filter(Pi));
+}
+function Pi(i) {
+  return !B(i);
+}
+function Ai(i) {
+  return Math.max(...i.values.filter(ji));
+}
+function ji(i) {
+  return !B(i);
+}
+function Ki(i) {
   const {
-    graphTitle: e,
-    colors: s,
-    sources: o,
-    graphDescription: C,
-    footNote: H,
-    radius: M,
-    data: h,
-    showColorScale: w = !0,
-    padding: _,
-    backgroundColor: f = !1,
-    tooltip: $,
-    onSeriesMouseOver: z,
-    graphID: q,
-    onSeriesMouseClick: at,
-    topMargin: ot = 75,
-    bottomMargin: rt = 75,
-    leftMargin: B = 75,
-    rightMargin: st = 75,
-    graphDownload: R = !1,
-    dataDownload: U = !1,
-    colorDomain: J,
-    language: D = "en",
-    theme: V = "light",
-    highlightedLines: lt = [],
-    width: c,
-    height: p,
-    minHeight: d = 0,
-    strokeWidth: g = 2,
-    relativeHeight: P,
-    ariaLabel: K,
-    colorLegendTitle: Q,
-    detailsOnClick: A,
-    styles: b,
-    classNames: k,
-    showNAColor: y = !0,
-    axisLabels: I,
-    showDots: W = !0,
-    showValues: N = !1,
-    curveType: F = "curve",
-    noOfTicks: Z = 5,
-    minValue: G,
-    maxValue: tt,
-    fillShape: X = !1,
-    resetSelectionOnDoubleClick: l = !0,
-    animate: it = !1,
-    dimmedOpacity: ct = 0.3,
-    precision: x = 2,
-    customLayers: ht = []
-  } = t, [O, i] = j(0), [a, r] = j(0), [m, E] = j(0), [wt, bt] = j(void 0), S = ut(null), mt = ut(null);
-  return kt(() => {
-    const u = new ResizeObserver((et) => {
-      r(c || et[0].target.clientWidth || 420), E(p || et[0].target.clientHeight || 420), i(
-        (Math.min(
-          c || et[0].target.clientWidth || 620,
-          p || et[0].target.clientHeight || 480
-        ) || 420) / 2
-      );
+    graphTitle: t,
+    colors: n,
+    sources: l,
+    graphDescription: s,
+    footNote: W,
+    radius: X,
+    data: f,
+    showColorScale: g = !0,
+    padding: y,
+    backgroundColor: c = !1,
+    tooltip: h,
+    onSeriesMouseOver: S,
+    graphID: U,
+    onSeriesMouseClick: J,
+    topMargin: mt = 75,
+    bottomMargin: xt = 75,
+    leftMargin: K = 75,
+    rightMargin: Q = 75,
+    graphDownload: Y = !1,
+    dataDownload: z = !1,
+    colorDomain: wt,
+    language: dt = "en",
+    theme: I = "light",
+    highlightedLines: V = [],
+    width: L,
+    height: Z,
+    minHeight: T = 0,
+    strokeWidth: u = 2,
+    relativeHeight: _,
+    ariaLabel: tt,
+    colorLegendTitle: C,
+    detailsOnClick: It,
+    styles: v,
+    classNames: x,
+    showNAColor: gt = !0,
+    axisLabels: it,
+    showDots: D = !0,
+    showValues: b = !1,
+    curveType: M = "curve",
+    noOfTicks: yt = 5,
+    minValue: k,
+    maxValue: _t,
+    fillShape: et = !1,
+    resetSelectionOnDoubleClick: Mt = !0,
+    animate: q = !1,
+    dimmedOpacity: vt = 0.3,
+    precision: E = 2,
+    customLayers: R = []
+  } = i, [P, $] = ft(0), [G, F] = ft(void 0), O = Nt(null), A = Nt(null);
+  return Yt(() => {
+    const a = new ResizeObserver((j) => {
+      $((Math.min(j[0].target.clientWidth || 620, j[0].target.clientHeight || 480, X || 1 / 0) || 420) / 2);
     });
-    return S.current && (E(S.current.clientHeight || 420), r(S.current.clientWidth || 420), i(
-      (Math.min(S.current.clientWidth, S.current.clientHeight) || 420) / 2
-    ), (!c || !M) && u.observe(S.current)), () => u.disconnect();
-  }, [c, p, M]), /* @__PURE__ */ n.jsx(
-    "div",
-    {
-      className: `${V || "light"} flex  ${c ? "w-fit grow-0" : "w-full grow"}`,
-      dir: D === "he" || D === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ n.jsx(
-        "div",
-        {
-          className: L(
-            `${f ? f === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${D || "en"}`,
-            c ? "w-fit" : "w-full",
-            k?.graphContainer
-          ),
-          style: {
-            ...b?.graphContainer || {},
-            minHeight: "inherit",
-            ...f && f !== !0 ? { backgroundColor: f } : {}
-          },
-          id: q,
-          ref: mt,
-          "aria-label": K || `${e ? `The graph shows ${e}. ` : ""}This is a donut or pie chart chart. ${C ? ` ${C}` : ""}`,
-          children: /* @__PURE__ */ n.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: f ? _ || "1rem" : _ || 0 },
-              children: /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2 w-full grow justify-between", children: [
-                e || C || R || U ? /* @__PURE__ */ n.jsx(
-                  Dt,
-                  {
-                    styles: {
-                      title: b?.title,
-                      description: b?.description
-                    },
-                    classNames: {
-                      title: k?.title,
-                      description: k?.description
-                    },
-                    graphTitle: e,
-                    graphDescription: C,
-                    width: c,
-                    graphDownload: R ? mt.current : void 0,
-                    dataDownload: U ? h.map((u) => u.data).filter((u) => u !== void 0).length > 0 ? h.map((u) => u.data).filter((u) => u !== void 0) : h.filter((u) => u !== void 0) : null
-                  }
-                ) : null,
-                /* @__PURE__ */ n.jsx(
-                  "div",
-                  {
-                    className: "flex grow flex-col justify-center items-stretch gap-8 flex-wrap",
-                    style: {
-                      width: c ? `${c}px` : "100%"
-                    },
-                    children: h.length === 0 ? /* @__PURE__ */ n.jsx(Vt, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-                      w && h.filter((u) => u.color).length !== 0 ? /* @__PURE__ */ n.jsx(
-                        At,
-                        {
-                          width: c,
-                          colorLegendTitle: Q,
-                          colors: s || v[V].categoricalColors.colors,
-                          colorDomain: J || pt(h, "color", !0),
-                          setSelectedColor: bt,
-                          showNAColor: y
-                        }
-                      ) : null,
-                      /* @__PURE__ */ n.jsx(
-                        "div",
-                        {
-                          className: `flex ${c ? "grow-0" : "grow"} items-center justify-center leading-0`,
-                          style: {
-                            width: c ? `${c}px` : "100%",
-                            height: p ? `${Math.max(
-                              d,
-                              p || (P ? d ? (c || a) * P > d ? (c || a) * P : d : (c || a) * P : m)
-                            )}px` : "auto"
-                          },
-                          ref: S,
-                          "aria-label": "Graph area",
-                          children: /* @__PURE__ */ n.jsx("div", { className: "w-full flex justify-center leading-0", children: M || O ? /* @__PURE__ */ n.jsx(
-                            Ft,
-                            {
-                              data: h,
-                              lineColors: h.filter((u) => u.color).length === 0 ? s ? [s] : [v.primaryColors["blue-600"]] : s || v[V].categoricalColors.colors,
-                              radius: M || O,
-                              tooltip: $,
-                              colorDomain: J || pt(h, "color", !0),
-                              onSeriesMouseOver: z,
-                              onSeriesMouseClick: at,
-                              styles: b,
-                              detailsOnClick: A,
-                              selectedColor: wt,
-                              axisLabels: I,
-                              strokeWidth: g,
-                              showValues: N,
-                              showDots: W,
-                              topMargin: ot,
-                              bottomMargin: rt,
-                              leftMargin: B,
-                              rightMargin: st,
-                              curveType: F,
-                              noOfTicks: Z,
-                              minValue: G,
-                              maxValue: tt,
-                              fillShape: X,
-                              highlightedLines: lt,
-                              resetSelectionOnDoubleClick: l,
-                              animate: it === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : it || { duration: 0, once: !0, amount: 0 },
-                              dimmedOpacity: ct,
-                              precision: x,
-                              customLayers: ht
-                            }
-                          ) : null })
-                        }
-                      )
-                    ] })
-                  }
-                ),
-                o || H ? /* @__PURE__ */ n.jsx(
-                  $t,
-                  {
-                    styles: { footnote: b?.footnote, source: b?.source },
-                    classNames: {
-                      footnote: k?.footnote,
-                      source: k?.source
-                    },
-                    sources: o,
-                    footNote: H,
-                    width: c
-                  }
-                ) : /* @__PURE__ */ n.jsx("div", {})
-              ] })
-            }
-          )
-        }
-      )
-    }
-  );
+    return O.current && a.observe(O.current), () => a.disconnect();
+  }, [X]), /* @__PURE__ */ o.jsxs(oi, { className: x?.graphContainer, style: v?.graphContainer, id: U, ref: A, "aria-label": tt, backgroundColor: c, theme: I, language: dt, minHeight: T, width: L, height: Z, relativeHeight: _, padding: y, children: [
+    t || s || Y || z ? /* @__PURE__ */ o.jsx(ii, { styles: {
+      title: v?.title,
+      description: v?.description
+    }, classNames: {
+      title: x?.title,
+      description: x?.description
+    }, graphTitle: t, graphDescription: s, width: L, graphDownload: Y ? A : void 0, dataDownload: z ? f.map((a) => a.data).filter((a) => a !== void 0).length > 0 ? f.map((a) => a.data).filter((a) => a !== void 0) : f.filter((a) => a !== void 0) : null }) : null,
+    f.length === 0 ? /* @__PURE__ */ o.jsx(ei, {}) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      g && f.filter((a) => a.color).length !== 0 ? /* @__PURE__ */ o.jsx(ni, { width: L, colorLegendTitle: C, colors: n || N[I].categoricalColors.colors, colorDomain: wt || Tt(f, "color", !0), setSelectedColor: F, showNAColor: gt, className: x?.colorLegend, isCenter: !0 }) : null,
+      /* @__PURE__ */ o.jsx(ai, { ref: O, children: P ? /* @__PURE__ */ o.jsx(ui, { data: f, lineColors: f.filter((a) => a.color).length === 0 ? n ? [n] : [N.primaryColors["blue-600"]] : n || N[I].categoricalColors.colors, radius: P, tooltip: h, colorDomain: wt || Tt(f, "color", !0), onSeriesMouseOver: S, onSeriesMouseClick: J, styles: v, detailsOnClick: It, selectedColor: G, axisLabels: it, strokeWidth: u, showValues: b, showDots: D, topMargin: mt, bottomMargin: xt, leftMargin: K, rightMargin: Q, curveType: M, noOfTicks: yt, minValue: k, maxValue: _t, fillShape: et, highlightedLines: V, resetSelectionOnDoubleClick: Mt, animate: q === !0 ? {
+        duration: 0.5,
+        once: !0,
+        amount: 0.5
+      } : q || {
+        duration: 0,
+        once: !0,
+        amount: 0
+      }, dimmedOpacity: vt, precision: E, customLayers: R }) : null })
+    ] }),
+    l || W ? /* @__PURE__ */ o.jsx(ti, { styles: {
+      footnote: v?.footnote,
+      source: v?.source
+    }, classNames: {
+      footnote: x?.footnote,
+      source: x?.source
+    }, sources: l, footNote: W, width: L }) : null
+  ] });
 }
 export {
-  li as RadarChart
+  Ki as RadarChart
 };
 //# sourceMappingURL=RadarChart.js.map