@hybridcore/ui 1.6.30 → 1.6.32

package/dist/components/charts/pie-chart/logic.js

@@ -1,106 +1,102 @@
-import { R as B, A as E } from "../../../AnimatedTheme-ktdO3Bel.js";
-import { useThemeProps as X, useTheme as j } from "@mui/material";
-import k from "dayjs";
+import { R as V, A as B } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as E, useTheme as X } from "@mui/material";
+import j from "dayjs";
 import { useId as z, useRef as H, useEffect as $ } from "react";
-import { formatDateValue as q } from "../_common/format.js";
-import { applyValueFormat as G, colorSetFromPalette as J, buildSliceText as b, applyLegendPercentFormat as K, readSharePercent as O } from "../_common/utils.js";
+import { formatDateValue as k } from "../_common/format.js";
+import { applyValueFormat as q, applyInterfaceColors as G, colorSetFromPalette as J, buildSliceText as D, applyLegendPercentFormat as K, readSharePercent as O } from "../_common/utils.js";
 import { P as Q, a as U } from "../../../PieSeries-CMH0Z7pz.js";
-import { c as u, p as f } from "../../../Entity-BJCuhdq_.js";
 import { L as W } from "../../../Legend-CFvQiIfn.js";
-import { L as Z } from "../../../Tooltip-vyZRZWih.js";
-const me = (A) => {
-  const v = X({ props: A, name: "HCPieChart" }), {
+import { p as d, c as Z } from "../../../Entity-BJCuhdq_.js";
+import { L as _ } from "../../../Tooltip-vyZRZWih.js";
+const pe = (b) => {
+  const x = E({ props: b, name: "HCPieChart" }), {
     dimensions: t,
     values: o,
-    data: n,
+    data: l,
     initDelay: C = 0,
     colors: T,
     showDimensionLabel: Y = !1,
-    showValueText: h = !0,
-    percentDecimals: m = 2,
-    sx: R,
+    showValueText: u = !0,
+    percentDecimals: c = 2,
+    sx: A,
     ...I
-  } = v, c = j(), w = `hc-pie-chart-${z().replace(/:/g, "")}`, g = H(null), i = o.length > 1;
-  let d = null;
-  o.length < 1 ? d = "Missing values config!" : !i && t.length < 1 && (d = "Missing dimensions config!"), $(() => {
-    if (d) return;
-    let x;
-    return x = setTimeout(() => {
-      var F, S;
-      const e = B.new(w);
-      g.current = e, G(e, (F = o == null ? void 0 : o[0]) == null ? void 0 : F.format), e.setThemes([E.new(e)]);
+  } = x, f = X(), v = `hc-pie-chart-${z().replace(/:/g, "")}`, h = H(null), n = o.length > 1;
+  let m = null;
+  o.length < 1 ? m = "Missing values config!" : !n && t.length < 1 && (m = "Missing dimensions config!"), $(() => {
+    if (m) return;
+    let g;
+    return g = setTimeout(() => {
+      var P, F;
+      const e = V.new(v);
+      h.current = e, q(e, (P = o == null ? void 0 : o[0]) == null ? void 0 : P.format), e.setThemes([B.new(e)]);
       const y = e.container.children.push(
         Q.new(e, {
           layout: e.verticalLayout
         })
       );
-      e.interfaceColors.setAll({
-        text: u(c.palette.text.primary),
-        grid: u(c.palette.divider),
-        stroke: u(c.palette.divider)
-      });
-      const V = i ? o.map((a) => {
+      G(e, f);
+      const N = n ? o.map((a) => {
         var s;
         return {
           category: a.label || a.name || a.fieldName,
-          value: (s = n[0]) == null ? void 0 : s[a.dataFieldName]
+          value: (s = l[0]) == null ? void 0 : s[a.dataFieldName]
         };
-      }) : n, r = y.series.push(
+      }) : l, r = y.series.push(
         U.new(e, {
-          valueField: i ? "value" : o[0].dataFieldName,
-          categoryField: i ? "category" : t[0].value
+          valueField: n ? "value" : o[0].dataFieldName,
+          categoryField: n ? "category" : t[0].value
         })
       );
       r.set("colors", J(e, T));
-      const L = b({ percentDecimals: m, showValueText: h });
-      r.slices.template.set("tooltipText", L), r.labels.template.set("text", L);
-      const M = (a, s) => {
-        const D = O(s);
-        return D === void 0 ? a : b({ percentDecimals: m, showValueText: h, percent: D });
+      const w = D({ percentDecimals: c, showValueText: u });
+      r.slices.template.set("tooltipText", w), r.labels.template.set("text", w);
+      const L = (a, s) => {
+        const S = O(s);
+        return S === void 0 ? a : D({ percentDecimals: c, showValueText: u, percent: S });
       };
-      r.slices.template.adapters.add("tooltipText", M), r.labels.template.adapters.add("text", M), !i && t[0].type === "date" && n.forEach((a) => {
+      r.slices.template.adapters.add("tooltipText", L), r.labels.template.adapters.add("text", L), !n && t[0].type === "date" && l.forEach((a) => {
         let s = "YYYY";
-        t[0].value.includes("month") ? s = "MMM YYYY" : t[0].value.includes("day") && (s = "DD MMM YYYY"), a[t[0].value] = k(a[t[0].value]).format(
+        t[0].value.includes("month") ? s = "MMM YYYY" : t[0].value.includes("day") && (s = "DD MMM YYYY"), a[t[0].value] = j(a[t[0].value]).format(
           s
         );
-      }), r.data.setAll(V);
-      const P = y.children.push(
+      }), r.data.setAll(N);
+      const M = y.children.push(
         W.new(e, {
-          centerX: f(50),
-          x: f(50),
+          centerX: d(50),
+          x: d(50),
           marginTop: 15,
           marginBottom: 15
         })
       );
-      K(P, m), P.data.setAll(r.dataItems);
-      const l = t[0], p = l ? (S = n[0]) == null ? void 0 : S[l.value] : void 0;
-      Y && i && l && p != null && p !== "" && y.children.push(
-        Z.new(e, {
-          text: l.type === "date" ? q(p, l.dateFormat, l.value) : String(p),
-          centerX: f(50),
-          x: f(50),
-          fill: u(c.palette.text.secondary),
+      K(M, c), M.data.setAll(r.dataItems);
+      const i = t[0], p = i ? (F = l[0]) == null ? void 0 : F[i.value] : void 0;
+      Y && n && i && p != null && p !== "" && y.children.push(
+        _.new(e, {
+          text: i.type === "date" ? k(p, i.dateFormat, i.value) : String(p),
+          centerX: d(50),
+          x: d(50),
+          fill: Z(f.palette.text.secondary),
           fontSize: 12,
           paddingBottom: 8
         })
       ), r.appear(1e3, 100);
     }, C), () => {
       var e;
-      x && clearTimeout(x), (e = g.current) == null || e.dispose(), g.current = null;
+      g && clearTimeout(g), (e = h.current) == null || e.dispose(), h.current = null;
     };
   }, [
-    n,
+    l,
     t,
     o,
-    c.palette.mode,
+    f.palette.mode,
     T,
     Y,
-    h,
-    m
+    u,
+    c
   ]);
-  const N = { ...v };
-  return { chartId: w, ownerState: N, sx: R, error: d, other: I };
+  const R = { ...x };
+  return { chartId: v, ownerState: R, sx: A, error: m, other: I };
 };
 export {
-  me as usePieChartLogic
+  pe as usePieChartLogic
 };

package/dist/components/charts/stacked-area-radar/logic.js

@@ -1,20 +1,20 @@
-import { T as me, s as ae, R as Ae, A as pe } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { T as me, s as ie, R as Ae, A as pe } from "../../../AnimatedTheme-ktdO3Bel.js";
 import { useThemeProps as xe, useTheme as ve } from "@mui/material";
 import ye from "dayjs";
-import U from "lodash";
+import H from "lodash";
 import { useId as be, useRef as Pe, useEffect as Re } from "react";
 import { humanizeLabel as _e } from "../_common/format.js";
 import { attachCombinedAxisTooltip as we } from "../_common/tooltip.js";
-import { applyValueFormat as Te, colorSetFromPalette as Ce } from "../_common/utils.js";
-import { m as M, t as R, b as J, f as m, p as w, a as N, P as Le, c as Y } from "../../../Entity-BJCuhdq_.js";
-import { a as E, X as ue, V as Me } from "../../../AxisRenderer-BCQoUJw6.js";
-import { a as W, b as q, h as c, c as h, s as g, C as De, G as $, g as re, m as Ye, n as D, D as L, f as ne, i as le } from "../../../Tooltip-vyZRZWih.js";
-import { R as de, S as Ne, a as I } from "../../../Slice-BUncQh1B.js";
+import { applyValueFormat as Te, applyInterfaceColors as Ce, colorSetFromPalette as Le } from "../_common/utils.js";
+import { m as M, t as R, b as $, f as m, p as w, a as Y, P as Me, c as ae } from "../../../Entity-BJCuhdq_.js";
+import { a as F, X as ue, V as De } from "../../../AxisRenderer-BCQoUJw6.js";
+import { a as U, b as W, h as c, c as h, s as g, C as Ye, G as q, g as re, m as Ne, n as D, D as L, f as ne, i as le } from "../../../Tooltip-vyZRZWih.js";
+import { R as de, S as Oe, a as I } from "../../../Slice-BUncQh1B.js";
 import { X as he } from "../../../XYCursor-CVUSpqb9.js";
 import { C as oe } from "../../../CategoryAxis-B6NqW8qd.js";
 import { L as ge } from "../../../LineSeries-D_IL2qGF.js";
-import { L as Oe } from "../../../Legend-CFvQiIfn.js";
-class O extends de {
+import { L as Se } from "../../../Legend-CFvQiIfn.js";
+class N extends de {
   constructor() {
     super(...arguments), Object.defineProperty(this, "_tickPoints", {
       enumerable: !0,
@@ -24,32 +24,32 @@ class O extends de {
     });
   }
 }
-Object.defineProperty(O, "className", {
+Object.defineProperty(N, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "AxisLabelRadial"
 });
-Object.defineProperty(O, "classNames", {
+Object.defineProperty(N, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: de.classNames.concat([O.className])
+  value: de.classNames.concat([N.className])
 });
-class G extends E {
+class X extends F {
   constructor() {
     super(...arguments), Object.defineProperty(this, "labels", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new W(q.new({}), () => O._new(this._root, {
+      value: this.addDisposer(new U(W.new({}), () => N._new(this._root, {
         themeTags: M(this.labels.template.get("themeTags", []), this.get("themeTags", []))
       }, [this.labels.template])))
     }), Object.defineProperty(this, "axisFills", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new W(q.new({}), () => Ne._new(this._root, {
+      value: this.addDisposer(new U(W.new({}), () => Oe._new(this._root, {
         themeTags: M(this.axisFills.template.get("themeTags", ["fill"]), this.get("themeTags", []))
       }, [this.axisFills.template])))
     }), Object.defineProperty(this, "_fillGenerator", {
@@ -78,7 +78,7 @@ class G extends E {
     const e = this.chart;
     if (e) {
       const t = e.getPrivate("radius", 0);
-      let s = R(this.get("radius", J), t);
+      let s = R(this.get("radius", $), t);
       s < 0 && (s = t + s), this.setPrivate("radius", s);
       let i = R(this.get("innerRadius", e.getPrivate("innerRadius", 0)), t) * e.getPrivate("irModifyer", 1);
       i < 0 && (i = s + i), this.setPrivate("innerRadius", i);
@@ -219,19 +219,19 @@ class G extends E {
   updateTooltipBounds(e) {
   }
 }
-Object.defineProperty(G, "className", {
+Object.defineProperty(X, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "AxisRendererCircular"
 });
-Object.defineProperty(G, "classNames", {
+Object.defineProperty(X, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: E.classNames.concat([G.className])
+  value: F.classNames.concat([X.className])
 });
-class j extends E {
+class G extends F {
   constructor() {
     super(...arguments), Object.defineProperty(this, "_fillGenerator", {
       enumerable: !0,
@@ -242,7 +242,7 @@ class j extends E {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new W(q.new({}), () => O._new(this._root, {
+      value: this.addDisposer(new U(W.new({}), () => N._new(this._root, {
         themeTags: M(this.labels.template.get("themeTags", []), this.get("themeTags", []))
       }, [this.labels.template])))
     });
@@ -266,7 +266,7 @@ class j extends E {
     const e = this.chart;
     if (e) {
       const t = e.getPrivate("radius", 0);
-      let s = R(this.get("radius", J), t), i = R(this.get("innerRadius", e.getPrivate("innerRadius", 0)), t) * e.getPrivate("irModifyer", 1);
+      let s = R(this.get("radius", $), t), i = R(this.get("innerRadius", e.getPrivate("innerRadius", 0)), t) * e.getPrivate("irModifyer", 1);
       i < 0 && (i = s + i), this.setPrivate("radius", s), this.setPrivate("innerRadius", i);
       let a = this.get("startAngle", e.get("startAngle", -90)), r = this.get("endAngle", e.get("endAngle", 270));
       this.setPrivate("startAngle", a), this.setPrivate("endAngle", r);
@@ -399,19 +399,19 @@ class j extends E {
     this._positionTooltip(e, { x: s * h(i), y: s * g(i) });
   }
 }
-Object.defineProperty(j, "className", {
+Object.defineProperty(G, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "AxisRendererRadial"
 });
-Object.defineProperty(j, "classNames", {
+Object.defineProperty(G, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: E.classNames.concat([j.className])
+  value: F.classNames.concat([G.className])
 });
-class Se extends me {
+class Xe extends me {
   setupDefaultRules() {
     super.setupDefaultRules();
     const e = this.rule.bind(this), t = this._root.interfaceColors;
@@ -470,23 +470,23 @@ class Se extends me {
       const s = e("Graphics", ["clock", "hand"]);
       s.setAll({
         fillOpacity: 1
-      }), ae(s, "fill", t, "alternativeBackground");
+      }), ie(s, "fill", t, "alternativeBackground");
     }
     {
       const s = e("Graphics", ["clock", "pin"]);
       s.setAll({
         fillOpacity: 1
-      }), ae(s, "fill", t, "alternativeBackground");
+      }), ie(s, "fill", t, "alternativeBackground");
     }
   }
 }
-class k extends ue {
+class j extends ue {
   constructor() {
     super(...arguments), Object.defineProperty(this, "radarContainer", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.plotContainer.children.push(De.new(this._root, { x: N, y: N }))
+      value: this.plotContainer.children.push(Ye.new(this._root, { x: Y, y: Y }))
     }), Object.defineProperty(this, "_arcGenerator", {
       enumerable: !0,
       configurable: !0,
@@ -500,9 +500,9 @@ class k extends ue {
     });
   }
   _afterNew() {
-    this._defaultThemes.push(Se.new(this._root)), super._afterNew();
+    this._defaultThemes.push(Xe.new(this._root)), super._afterNew();
     const e = this.radarContainer, t = this.gridContainer, s = this.topGridContainer, i = this.seriesContainer, a = this.bulletsContainer;
-    e.children.pushAll([t, i, s, a]), i.set("mask", $.new(this._root, {})), t.set("mask", $.new(this._root, {})), this._disposers.push(this.plotContainer.events.on("boundschanged", () => {
+    e.children.pushAll([t, i, s, a]), i.set("mask", q.new(this._root, {})), t.set("mask", q.new(this._root, {})), this._disposers.push(this.plotContainer.events.on("boundschanged", () => {
       this._updateRadius();
     }));
   }
@@ -514,11 +514,11 @@ class k extends ue {
       let n = re(0, 0, i, a, 1);
       const l = t / (n.right - n.left), u = s / (n.bottom - n.top);
       let o = { left: 0, right: 0, top: 0, bottom: 0 };
-      if (r instanceof Le) {
+      if (r instanceof Me) {
         let f = r.value, T = Math.min(l, u);
         f = Math.max(T * f, T - Math.min(s, t)) / T, o = re(0, 0, i, a, f), this.setPrivateRaw("irModifyer", f / r.value);
       }
-      n = Ye([n, o]), this._maxRadius = Math.max(0, Math.min(l, u));
+      n = Ne([n, o]), this._maxRadius = Math.max(0, Math.min(l, u));
       const y = R(this.get("radius", 0), this._maxRadius);
       this.radarContainer.setAll({
         dy: -y * (n.bottom + n.top) / 2,
@@ -576,19 +576,19 @@ class k extends ue {
   _handlePinch() {
   }
 }
-Object.defineProperty(k, "className", {
+Object.defineProperty(j, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "RadarChart"
 });
-Object.defineProperty(k, "classNames", {
+Object.defineProperty(j, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: ue.classNames.concat([k.className])
+  value: ue.classNames.concat([j.className])
 });
-class B extends he {
+class k extends he {
   constructor() {
     super(...arguments), Object.defineProperty(this, "_fillGenerator", {
       enumerable: !0,
@@ -624,7 +624,7 @@ class B extends he {
     const e = this.chart;
     if (e) {
       const t = e.getPrivate("radius", 0);
-      this.setPrivate("radius", R(this.get("radius", J), t));
+      this.setPrivate("radius", R(this.get("radius", $), t));
       let s = R(this.get("innerRadius", e.getPrivate("innerRadius", 0)), t);
       s < 0 && (s = t + s), this.setPrivate("innerRadius", s);
       let i = this.get("startAngle", e.get("startAngle", -90)), a = this.get("endAngle", e.get("endAngle", 270));
@@ -668,21 +668,21 @@ class B extends he {
     });
   }
 }
-Object.defineProperty(B, "className", {
+Object.defineProperty(k, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "RadarCursor"
 });
-Object.defineProperty(B, "classNames", {
+Object.defineProperty(k, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: he.classNames.concat([B.className])
+  value: he.classNames.concat([k.className])
 });
-class F extends ge {
+class B extends ge {
   _afterNew() {
-    super._afterNew(), this.set("maskContent", !1), this.bulletsContainer.set("maskContent", !1), this.bulletsContainer.set("mask", $.new(this._root, {}));
+    super._afterNew(), this.set("maskContent", !1), this.bulletsContainer.set("maskContent", !1), this.bulletsContainer.set("mask", q.new(this._root, {}));
   }
   _handleMaskBullets() {
   }
@@ -711,19 +711,19 @@ class F extends ge {
     }
   }
 }
-Object.defineProperty(F, "className", {
+Object.defineProperty(B, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "RadarLineSeries"
 });
-Object.defineProperty(F, "classNames", {
+Object.defineProperty(B, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: ge.classNames.concat([F.className])
+  value: ge.classNames.concat([B.className])
 });
-const Ze = (_) => {
+const et = (_) => {
   const e = xe({ props: _, name: "HCStackedAreaRadar" }), {
     dimensions: t,
     values: s,
@@ -734,20 +734,16 @@ const Ze = (_) => {
     sx: l,
     ...u
   } = e, o = ve(), f = `hc-stacked-area-radar-${be().replace(/:/g, "")}`, T = Pe(null);
-  let S = null;
-  t.length < 2 ? S = "StackedAreaRadar requires at least 2 dimensions" : s.length < 1 && (S = "StackedAreaRadar requires at least 1 value"), Re(() => {
-    if (S) return;
-    let V;
-    return V = setTimeout(() => {
-      var te, se, ie;
+  let O = null;
+  t.length < 2 ? O = "StackedAreaRadar requires at least 2 dimensions" : s.length < 1 && (O = "StackedAreaRadar requires at least 1 value"), Re(() => {
+    if (O) return;
+    let E;
+    return E = setTimeout(() => {
+      var ee, te, se;
       const d = Ae.new(f);
-      T.current = d, Te(d, (te = s == null ? void 0 : s[0]) == null ? void 0 : te.format), d.setThemes([pe.new(d)]), d.interfaceColors.setAll({
-        text: Y(o.palette.text.primary),
-        grid: Y(o.palette.divider),
-        stroke: Y(o.palette.divider)
-      });
+      T.current = d, Te(d, (ee = s == null ? void 0 : s[0]) == null ? void 0 : ee.format), d.setThemes([pe.new(d)]), Ce(d, o);
       const p = d.container.children.push(
-        k.new(d, {
+        j.new(d, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -758,36 +754,36 @@ const Ze = (_) => {
           maxTooltipDistance: -1
         })
       );
-      p.set("colors", Ce(d, n)), p.get("colors", {}).set("step", 2), p.set(
+      p.set("colors", Le(d, n)), p.get("colors", {}).set("step", 2), p.set(
         "cursor",
-        B.new(d, { behavior: "zoomX" })
+        k.new(d, { behavior: "zoomX" })
       ).lineY.set("visible", !1);
       const x = t[0], fe = t[1];
       let v = [];
-      const z = U.groupBy(i, fe.value);
-      Object.keys(z).forEach((b) => {
-        z[b].forEach((P) => {
-          const A = P[x.value], H = U.findIndex(v, { [x.value]: A });
-          H === -1 ? v.push({
+      const V = H.groupBy(i, fe.value);
+      Object.keys(V).forEach((b) => {
+        V[b].forEach((P) => {
+          const A = P[x.value], z = H.findIndex(v, { [x.value]: A });
+          z === -1 ? v.push({
             [x.value]: A,
             [b]: P[s[0].dataFieldName]
-          }) : v[H] = {
-            ...v[H],
+          }) : v[z] = {
+            ...v[z],
             [b]: P[s[0].dataFieldName]
           };
         });
       });
-      const X = G.new(d, {
+      const S = X.new(d, {
         minGridDistance: 30
       });
-      X.labels.template.setAll({
+      S.labels.template.setAll({
         textType: "radial",
         radius: 10,
         paddingTop: 0,
         paddingBottom: 0,
-        centerY: N,
+        centerY: Y,
         fontSize: "0.8em"
-      }), X.grid.template.setAll({
+      }), S.grid.template.setAll({
         location: 0.5,
         strokeDasharray: [2, 2]
       });
@@ -799,9 +795,9 @@ const Ze = (_) => {
           oe.new(d, {
             maxDeviation: 0,
             categoryField: x.value,
-            renderer: X
+            renderer: S
           })
-        ), v = U.orderBy(v, [x.value]), v = v.map((A) => ({
+        ), v = H.orderBy(v, [x.value]), v = v.map((A) => ({
           ...A,
           [x.value]: ye(A[x.value]).format(P)
         }));
@@ -810,36 +806,36 @@ const Ze = (_) => {
           oe.new(d, {
             maxDeviation: 0,
             categoryField: x.value,
-            renderer: X
+            renderer: S
           })
         );
-      const K = j.new(d, {
+      const J = G.new(d, {
         minGridDistance: 30
-      }), Q = p.yAxes.push(
-        Me.new(d, { renderer: K })
+      }), K = p.yAxes.push(
+        De.new(d, { renderer: J })
       );
-      K.grid.template.setAll({ strokeDasharray: [2, 2] }), (se = C.get("renderer")) == null || se.grid.template.setAll({
-        stroke: Y(o.palette.divider),
+      J.grid.template.setAll({ strokeDasharray: [2, 2] }), (te = C.get("renderer")) == null || te.grid.template.setAll({
+        stroke: ae(o.palette.divider),
         strokeOpacity: 1
-      }), (ie = Q.get("renderer")) == null || ie.grid.template.setAll({
-        stroke: Y(o.palette.divider),
+      }), (se = K.get("renderer")) == null || se.grid.template.setAll({
+        stroke: ae(o.palette.divider),
         strokeOpacity: 1
       });
-      const Z = [], ee = Object.keys(z);
-      ee.forEach((b, P) => {
+      const Q = [], Z = Object.keys(V);
+      Z.forEach((b, P) => {
         const A = p.series.push(
-          F.new(d, {
+          B.new(d, {
             name: _e(b),
             xAxis: C,
-            yAxis: Q,
+            yAxis: K,
             valueYField: b,
             categoryXField: x.value,
-            ...P === ee.length - 1 && {
+            ...P === Z.length - 1 && {
               stacked: !0
             }
           })
         );
-        A.strokes.template.setAll({ strokeOpacity: 0 }), A.fills.template.setAll({ visible: !0, fillOpacity: 0.5 }), A.data.setAll(v), A.appear(1e3), Z.push(A);
+        A.strokes.template.setAll({ strokeOpacity: 0 }), A.fills.template.setAll({ visible: !0, fillOpacity: 0.5 }), A.data.setAll(v), A.appear(1e3), Q.push(A);
       }), we({
         root: d,
         chart: p,
@@ -848,20 +844,20 @@ const Ze = (_) => {
         isDateAxis: !1,
         follow: !0
       }), p.radarContainer.children.push(
-        Oe.new(d, {
+        Se.new(d, {
           width: 150,
-          centerX: N,
-          centerY: N
+          centerX: Y,
+          centerY: Y
         })
-      ).data.setAll(Z), C.data.setAll(v), p.appear(1e3, 100);
+      ).data.setAll(Q), C.data.setAll(v), p.appear(1e3, 100);
     }, a), () => {
       var d;
-      V && clearTimeout(V), (d = T.current) == null || d.dispose(), T.current = null;
+      E && clearTimeout(E), (d = T.current) == null || d.dispose(), T.current = null;
     };
   }, [i, t, s, o.palette.mode, n]);
   const ce = { ...e };
-  return { chartId: f, ownerState: ce, sx: l, error: S, other: u };
+  return { chartId: f, ownerState: ce, sx: l, error: O, other: u };
 };
 export {
-  Ze as useStackedAreaRadarLogic
+  et as useStackedAreaRadarLogic
 };