@hybridcore/ui 1.6.9 → 1.6.11

package/dist/components/charts/multiple-value-axes/logic.js

@@ -1,23 +1,24 @@
-import { R as M, A as j } from "../../../AnimatedTheme-BOKdw2Oy.js";
-import { useThemeProps as q, useTheme as z } from "@mui/material";
-import C from "lodash";
-import { useId as U, useRef as H, useEffect as $ } from "react";
-import { humanizeLabel as F } from "../_common/format.js";
-import { attachCombinedAxisTooltip as J } from "../_common/tooltip.js";
-import { colorSetFromPalette as K, applyValueFormat as Q } from "../_common/utils.js";
-import { c as T, a as A } from "../../../Entity-CCUIdRAr.js";
-import { X as Z, V as ee } from "../../../AxisRenderer-lUbezuh7.js";
-import { L as te } from "../../../Legend-kbCFjJAW.js";
-import { D as re } from "../../../DateAxis-zNtbSVjW.js";
-import { A as P, a as se } from "../../../AxisRendererY-DbSiyb45.js";
-import { C as ae } from "../../../CategoryAxis-B8KQp1pE.js";
-import { X as ie } from "../../../XYCursor-gHAo40xC.js";
-import { L as oe } from "../../../LineSeries-BLFvwrLT.js";
-import { D as le } from "../../../DataProcessor-CvIe9BVn.js";
-import { G as X, R as ne } from "../../../Tooltip-A_HlttXp.js";
-import { C as ce } from "../../../Circle-BWRdiMpG.js";
-import { B as me } from "../../../Bullet-PgoNb3Jv.js";
-class w extends X {
+import { R as j, A as q } from "../../../AnimatedTheme-D3VZKKNV.js";
+import { useThemeProps as z, useTheme as U } from "@mui/material";
+import D from "lodash";
+import { useId as H, useRef as $, useEffect as J } from "react";
+import { humanizeLabel as P } from "../_common/format.js";
+import { attachCombinedAxisTooltip as K } from "../_common/tooltip.js";
+import { colorSetFromPalette as Q, applyValueFormat as Z } from "../_common/utils.js";
+import { c as C, a as A } from "../../../Entity-4Lr2piVN.js";
+import { X as ee, V as te } from "../../../AxisRenderer-Doyw-FTI.js";
+import { L as re } from "../../../Legend-CTb6rZz_.js";
+import { A as X, a as se } from "../../../AxisRendererY-BylCU67e.js";
+import { C as ae } from "../../../CategoryAxis-B5uTZjhL.js";
+import { X as ie } from "../../../XYCursor-Z-Ral42q.js";
+import { G as oe } from "../../../GaplessDateAxis-DowssQ6y.js";
+import { D as le } from "../../../DateAxis-lJZjbAS-.js";
+import { L as ne } from "../../../LineSeries-Dg1aytHA.js";
+import { D as ce } from "../../../DataProcessor-WXzhvIg6.js";
+import { G, R as me } from "../../../Tooltip-RhAldW7s.js";
+import { C as ue } from "../../../Circle-DhzVdFBd.js";
+import { B as pe } from "../../../Bullet-C6357hTv.js";
+class y extends G {
   _beforeChanged() {
     super._beforeChanged(), (this.isDirty("width") || this.isDirty("height") || this.isPrivateDirty("width") || this.isPrivateDirty("height")) && (this._clear = !0);
   }
@@ -32,43 +33,44 @@ class w extends X {
     this.markDirty(), this._clear = !0;
   }
 }
-Object.defineProperty(w, "className", {
+Object.defineProperty(y, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "Triangle"
 });
-Object.defineProperty(w, "classNames", {
+Object.defineProperty(y, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: X.classNames.concat([w.className])
+  value: G.classNames.concat([y.className])
 });
-const x = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Fe = (D) => {
-  const n = q({ props: D, name: "HCMultipleValueAxes" }), {
+const x = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ge = (T) => {
+  const n = z({ props: T, name: "HCMultipleValueAxes" }), {
     dimensions: s,
     values: t,
-    data: p,
+    data: d,
     initDelay: I = 0,
     baseInterval: L,
     colors: R,
+    skipEmptyDates: E = !1,
     sx: Y,
     ...V
-  } = n, u = z(), _ = `hc-multiple-value-axes-${U().replace(/:/g, "")}`, y = H(null);
+  } = n, u = U(), _ = `hc-multiple-value-axes-${H().replace(/:/g, "")}`, w = $(null);
   let h = null;
-  s.length < 1 ? h = "MultipleValueAxes requires at least 1 dimension" : t.length < 1 && (h = "MultipleValueAxes requires at least 1 value"), $(() => {
+  s.length < 1 ? h = "MultipleValueAxes requires at least 1 dimension" : t.length < 1 && (h = "MultipleValueAxes requires at least 1 value"), J(() => {
     if (h) return;
     let b;
     return b = setTimeout(() => {
-      var N;
-      const e = M.new(_);
-      y.current = e, e.setThemes([j.new(e)]), e.interfaceColors.setAll({
-        text: T(u.palette.text.primary),
-        grid: T(u.palette.divider),
-        stroke: T(u.palette.divider)
+      var F;
+      const e = j.new(_);
+      w.current = e, e.setThemes([q.new(e)]), e.interfaceColors.setAll({
+        text: C(u.palette.text.primary),
+        grid: C(u.palette.divider),
+        stroke: C(u.palette.divider)
       });
       const r = e.container.children.push(
-        Z.new(e, {
+        ee.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -77,89 +79,93 @@ const x = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Fe = (D) => {
           layout: e.verticalLayout
         })
       );
-      r.set("colors", K(e, R)), r.get("colors", {}).set("step", 3);
-      const G = r.children.push(
-        te.new(e, { centerX: A, x: A })
-      ), i = s[0];
-      let c, d = p;
-      i.type === "date" ? (c = r.xAxes.push(
-        re.new(e, {
-          maxDeviation: 0.1,
-          groupData: !1,
-          baseInterval: L || { timeUnit: "day", count: 1 },
-          renderer: P.new(e, {})
-        })
-      ), d = C.orderBy(p, [i.value])) : (c = r.xAxes.push(
-        ae.new(e, {
-          categoryField: i.value,
-          renderer: P.new(e, {})
-        })
-      ), e.numberFormatter.setAll({
-        numberFormat: "#",
-        numericFields: ["valueX"]
-      }), d = C.orderBy(p, [i.value]), c.data.setAll(d));
-      function E(o, l, m, O, S, v, W) {
-        const f = se.new(e, { opposite: S }), k = r.yAxes.push(
-          ee.new(e, { maxDeviation: 1, renderer: f })
+      r.set("colors", Q(e, R)), r.get("colors", {}).set("step", 3);
+      const O = r.children.push(
+        re.new(e, { centerX: A, x: A })
+      ), o = s[0];
+      let c, p = d;
+      if (o.type === "date") {
+        const a = E ? oe : le;
+        c = r.xAxes.push(
+          a.new(e, {
+            maxDeviation: 0.1,
+            groupData: !1,
+            baseInterval: L || { timeUnit: "day", count: 1 },
+            renderer: X.new(e, {})
+          })
+        ), p = D.orderBy(d, [o.value]);
+      } else
+        c = r.xAxes.push(
+          ae.new(e, {
+            categoryField: o.value,
+            renderer: X.new(e, {})
+          })
+        ), e.numberFormatter.setAll({
+          numberFormat: "#",
+          numericFields: ["valueX"]
+        }), p = D.orderBy(d, [o.value]), c.data.setAll(p);
+      function N(a, l, m, S, W, k, M) {
+        const f = se.new(e, { opposite: W }), v = r.yAxes.push(
+          te.new(e, { maxDeviation: 1, renderer: f })
         );
-        r.yAxes.indexOf(k) > 0 && k.set("syncWithAxis", r.yAxes.getIndex(0));
-        const a = r.series.push(
-          oe.new(e, {
+        r.yAxes.indexOf(v) > 0 && v.set("syncWithAxis", r.yAxes.getIndex(0));
+        const i = r.series.push(
+          ne.new(e, {
             name: l,
             xAxis: c,
-            yAxis: k,
-            valueYField: O,
-            ...i.type === "date" ? { valueXField: m } : { categoryXField: m }
+            yAxis: v,
+            valueYField: S,
+            ...o.type === "date" ? { valueXField: m } : { categoryXField: m }
           })
         );
-        a.strokes.template.setAll({ strokeWidth: 2 }), f.grid.template.set("strokeOpacity", 0.05), f.labels.template.set("fill", a.get("fill")), f.setAll({
-          stroke: a.get("fill"),
+        i.strokes.template.setAll({ strokeWidth: 2 }), f.grid.template.set("strokeOpacity", 0.05), f.labels.template.set("fill", i.get("fill")), f.setAll({
+          stroke: i.get("fill"),
           strokeOpacity: 1,
           opacity: 1
-        }), W === "date" && (a.data.processor = le.new(e, {
+        }), M === "date" && (i.data.processor = ce.new(e, {
           dateFormat: "i",
           dateFields: [m]
-        })), v !== void 0 && a.bullets.push(function() {
+        })), k !== void 0 && i.bullets.push(function() {
           let g;
-          return v === "RECTANGLE" ? g = ne.new(e, {
+          return k === "RECTANGLE" ? g = me.new(e, {
             width: 10,
             height: 10,
             centerX: A,
             centerY: A,
             strokeWidth: 2,
-            stroke: a.get("stroke"),
+            stroke: i.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }) : v === "TRIANGLE" ? g = w.new(e, {
+          }) : k === "TRIANGLE" ? g = y.new(e, {
             width: 10,
             height: 10,
             strokeWidth: 2,
-            stroke: a.get("stroke"),
+            stroke: i.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }) : g = ce.new(e, {
+          }) : g = ue.new(e, {
             strokeWidth: 2,
             radius: 4,
-            stroke: a.get("stroke"),
+            stroke: i.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }), me.new(e, { sprite: g });
-        }), a.data.setAll(o);
+          }), pe.new(e, { sprite: g });
+        }), i.data.setAll(a);
       }
       if (r.set(
         "cursor",
         ie.new(e, { xAxis: c, behavior: "none" })
-      ).lineY.set("visible", !1), J({
+      ).lineY.set("visible", !1), K({
         root: e,
         chart: r,
         xAxis: c,
         theme: u,
-        isDateAxis: i.type === "date",
+        isDateAxis: o.type === "date",
         baseInterval: L,
         follow: !0
       }), s.length > 1) {
-        const o = C.groupBy(d, s[1].value);
-        Object.keys(o).forEach((l, m) => {
-          E(
-            o[l],
-            F(l),
+        const a = D.groupBy(p, s[1].value);
+        Object.keys(a).forEach((l, m) => {
+          N(
+            a[l],
+            P(l),
             s[0].value,
             t[0].dataFieldName,
             m !== 0,
@@ -167,26 +173,26 @@ const x = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Fe = (D) => {
           );
         });
       } else
-        t.forEach((o, l) => {
-          E(
-            d,
-            o.label ?? F(o.name),
-            i.value,
-            o.dataFieldName,
+        t.forEach((a, l) => {
+          N(
+            p,
+            a.label ?? P(a.name),
+            o.value,
+            a.dataFieldName,
             l !== 0,
             x[l % x.length],
-            i.type
+            o.type
           );
         });
-      G.data.setAll(r.series.values), Q(e, (N = t == null ? void 0 : t[0]) == null ? void 0 : N.format), r.appear(1e3, 100);
+      O.data.setAll(r.series.values), Z(e, (F = t == null ? void 0 : t[0]) == null ? void 0 : F.format), r.appear(1e3, 100);
     }, I), () => {
       var e;
-      b && clearTimeout(b), (e = y.current) == null || e.dispose(), y.current = null;
+      b && clearTimeout(b), (e = w.current) == null || e.dispose(), w.current = null;
     };
-  }, [p, s, t, u.palette.mode, R]);
+  }, [d, s, t, u.palette.mode, R, E]);
   const B = { ...n };
   return { chartId: _, ownerState: B, sx: Y, error: h, other: V };
 };
 export {
-  Fe as useMultipleValueAxesLogic
+  Ge as useMultipleValueAxesLogic
 };

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

@@ -1,11 +1,11 @@
-import { R as S, A as E } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { R as S, A as E } from "../../../AnimatedTheme-D3VZKKNV.js";
 import { useThemeProps as L, useTheme as j } from "@mui/material";
 import q from "dayjs";
 import T from "lodash";
 import { useId as B, useRef as H, useEffect as I } from "react";
 import { applyValueFormat as W, colorSetFromPalette as O } from "../_common/utils.js";
-import { c as n, p as o } from "../../../Entity-CCUIdRAr.js";
-import { P as V, a as N } from "../../../PieSeries-3iLRbqFv.js";
+import { c as n, p as o } from "../../../Entity-4Lr2piVN.js";
+import { P as V, a as N } from "../../../PieSeries-C9YUWMnA.js";
 const Z = (b) => {
   const g = L({ props: b, name: "HCNestedPie" }), {
     dimensions: a,

package/dist/components/charts/packed-circles/logic.js

@@ -1,14 +1,14 @@
-import { R as X, A as I } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { R as X, A as I } from "../../../AnimatedTheme-D3VZKKNV.js";
 import { useThemeProps as ee } from "@mui/material";
 import te from "dayjs";
 import { useId as re, useRef as ne, useEffect as ie } from "react";
 import { applyValueFormat as se, colorSetFromPalette as oe } from "../_common/utils.js";
-import { Z as U } from "../../../ZoomableContainer-Brs1wHM1.js";
-import { M as ae, m as ue, e as le, b as q } from "../../../Entity-CCUIdRAr.js";
-import { C as $, G as A, a as ce, b as he } from "../../../Tooltip-A_HlttXp.js";
-import { B as O } from "../../../Button-XBf4Mwz-.js";
-import { H as J } from "../../../Hierarchy-CCvGsF1A.js";
-import { C as fe } from "../../../Circle-BWRdiMpG.js";
+import { Z as U } from "../../../ZoomableContainer-D1laxHnA.js";
+import { M as ae, m as ue, e as le, b as q } from "../../../Entity-4Lr2piVN.js";
+import { C as $, G as A, a as ce, b as he } from "../../../Tooltip-RhAldW7s.js";
+import { B as O } from "../../../Button-DGOT8RcT.js";
+import { H as J } from "../../../Hierarchy-DPEcTr0v.js";
+import { C as fe } from "../../../Circle-DhzVdFBd.js";
 import { o as de, c as z, a as me } from "../../../constant-BiOGvlZc.js";
 class j extends $ {
   constructor() {

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

@@ -1,11 +1,11 @@
-import { R as w, A } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { R as w, A } from "../../../AnimatedTheme-D3VZKKNV.js";
 import { useThemeProps as C, useTheme as F } from "@mui/material";
 import L from "dayjs";
 import { useId as R, useRef as D, useEffect as I } from "react";
 import { applyValueFormat as S, colorSetFromPalette as b } from "../_common/utils.js";
-import { P as E, a as N } from "../../../PieSeries-3iLRbqFv.js";
-import { c as m, p as v } from "../../../Entity-CCUIdRAr.js";
-import { L as j } from "../../../Legend-kbCFjJAW.js";
+import { P as E, a as N } from "../../../PieSeries-C9YUWMnA.js";
+import { c as m, p as v } from "../../../Entity-4Lr2piVN.js";
+import { L as j } from "../../../Legend-CTb6rZz_.js";
 const K = (y) => {
   const p = C({ props: y, name: "HCPieChart" }), {
     dimensions: t,

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

@@ -1,4 +1,4 @@
-import { T as me, s as ae, R as Ae, A as pe } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { T as me, s as ae, R as Ae, A as pe } from "../../../AnimatedTheme-D3VZKKNV.js";
 import { useThemeProps as xe, useTheme as ve } from "@mui/material";
 import ye from "dayjs";
 import U from "lodash";
@@ -6,14 +6,14 @@ 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, w as R, b as J, f as m, p as w, a as N, P as Le, c as Y } from "../../../Entity-CCUIdRAr.js";
-import { a as E, X as ue, V as Me } from "../../../AxisRenderer-lUbezuh7.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-A_HlttXp.js";
-import { R as de, S as Ne, a as I } from "../../../Slice-CS23iLiS.js";
-import { X as he } from "../../../XYCursor-gHAo40xC.js";
-import { C as oe } from "../../../CategoryAxis-B8KQp1pE.js";
-import { L as ge } from "../../../LineSeries-BLFvwrLT.js";
-import { L as Oe } from "../../../Legend-kbCFjJAW.js";
+import { m as M, z as R, b as J, f as m, p as w, a as N, P as Le, c as Y } from "../../../Entity-4Lr2piVN.js";
+import { a as E, X as ue, V as Me } from "../../../AxisRenderer-Doyw-FTI.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-RhAldW7s.js";
+import { R as de, S as Ne, a as I } from "../../../Slice-CIP7Vmzu.js";
+import { X as he } from "../../../XYCursor-Z-Ral42q.js";
+import { C as oe } from "../../../CategoryAxis-B5uTZjhL.js";
+import { L as ge } from "../../../LineSeries-Dg1aytHA.js";
+import { L as Oe } from "../../../Legend-CTb6rZz_.js";
 class O extends de {
   constructor() {
     super(...arguments), Object.defineProperty(this, "_tickPoints", {

package/dist/components/charts/stacked-column-chart/logic.js

@@ -1,4 +1,4 @@
-import { R as V, A as q } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { R as V, A as q } from "../../../AnimatedTheme-D3VZKKNV.js";
 import { useThemeProps as I, useTheme as N } from "@mui/material";
 import P from "dayjs";
 import v from "lodash";
@@ -6,15 +6,15 @@ import { useId as z, useRef as H, useEffect as _ } from "react";
 import { humanizeLabel as $ } from "../_common/format.js";
 import { attachCombinedAxisTooltip as G } from "../_common/tooltip.js";
 import { applyValueFormat as J, colorSetFromPalette as K } from "../_common/utils.js";
-import { c as p, a as h, p as Q } from "../../../Entity-CCUIdRAr.js";
-import { X as W, V as Z } from "../../../AxisRenderer-lUbezuh7.js";
-import { A as ee, a as te } from "../../../AxisRendererY-DbSiyb45.js";
-import { C as D } from "../../../CategoryAxis-B8KQp1pE.js";
-import { L as re } from "../../../Legend-kbCFjJAW.js";
-import { X as oe } from "../../../XYCursor-gHAo40xC.js";
-import { C as ae } from "../../../ColumnSeries-rgnGm-Bg.js";
-import { B as se } from "../../../Bullet-PgoNb3Jv.js";
-import { L as ne } from "../../../Tooltip-A_HlttXp.js";
+import { c as p, a as h, p as Q } from "../../../Entity-4Lr2piVN.js";
+import { X as W, V as Z } from "../../../AxisRenderer-Doyw-FTI.js";
+import { A as ee, a as te } from "../../../AxisRendererY-BylCU67e.js";
+import { C as D } from "../../../CategoryAxis-B5uTZjhL.js";
+import { L as re } from "../../../Legend-CTb6rZz_.js";
+import { X as oe } from "../../../XYCursor-Z-Ral42q.js";
+import { C as ae } from "../../../ColumnSeries-CqJ-563p.js";
+import { B as se } from "../../../Bullet-C6357hTv.js";
+import { L as ne } from "../../../Tooltip-RhAldW7s.js";
 const Xe = (L) => {
   const C = I({
     props: L,

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

@@ -1,45 +1,47 @@
-import { R as P, A as V } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { R as P, A as V } from "../../../AnimatedTheme-D3VZKKNV.js";
 import { useThemeProps as W, useTheme as z } from "@mui/material";
-import Y from "lodash";
-import { useId as G, useRef as N, useEffect as j } from "react";
-import { humanizeLabel as k } from "../_common/format.js";
-import { attachCombinedAxisTooltip as H } from "../_common/tooltip.js";
-import { colorSetFromPalette as M, applyValueFormat as U } from "../_common/utils.js";
-import { c, a as x, p as _ } from "../../../Entity-CCUIdRAr.js";
-import { X as $, V as q } from "../../../AxisRenderer-lUbezuh7.js";
-import { L as J } from "../../../Legend-kbCFjJAW.js";
-import { D as K } from "../../../DateAxis-zNtbSVjW.js";
-import { A as F, a as Q } from "../../../AxisRendererY-DbSiyb45.js";
-import { C as Z } from "../../../CategoryAxis-B8KQp1pE.js";
-import { T as ee, R as te, L as re } from "../../../Tooltip-A_HlttXp.js";
-import { X as oe } from "../../../XYCursor-gHAo40xC.js";
-import { C as ae } from "../../../ColumnSeries-rgnGm-Bg.js";
-import { D as se } from "../../../DataProcessor-CvIe9BVn.js";
-import { B as ie } from "../../../Bullet-PgoNb3Jv.js";
-const Ye = (L) => {
-  const y = W({ props: L, name: "HCXYChart" }), {
-    dimensions: m,
+import k from "lodash";
+import { useId as N, useRef as j, useEffect as H } from "react";
+import { humanizeLabel as F } from "../_common/format.js";
+import { attachCombinedAxisTooltip as M } from "../_common/tooltip.js";
+import { colorSetFromPalette as U, applyValueFormat as _ } from "../_common/utils.js";
+import { c as m, a as x, p as $ } from "../../../Entity-4Lr2piVN.js";
+import { X as q, V as J } from "../../../AxisRenderer-Doyw-FTI.js";
+import { L as K } from "../../../Legend-CTb6rZz_.js";
+import { A as L, a as Q } from "../../../AxisRendererY-BylCU67e.js";
+import { C as Z } from "../../../CategoryAxis-B5uTZjhL.js";
+import { T as ee, R as te, L as re } from "../../../Tooltip-RhAldW7s.js";
+import { X as oe } from "../../../XYCursor-Z-Ral42q.js";
+import { G as ae } from "../../../GaplessDateAxis-DowssQ6y.js";
+import { D as se } from "../../../DateAxis-lJZjbAS-.js";
+import { C as ie } from "../../../ColumnSeries-CqJ-563p.js";
+import { D as ne } from "../../../DataProcessor-WXzhvIg6.js";
+import { B as le } from "../../../Bullet-C6357hTv.js";
+const Le = (R) => {
+  const A = W({ props: R, name: "HCXYChart" }), {
+    dimensions: p,
     values: n,
     data: d,
-    initDelay: R = 0,
-    baseInterval: A,
+    initDelay: O = 0,
+    baseInterval: y,
     colors: g,
-    sx: O,
-    ...B
-  } = y, i = z(), w = `hc-xy-chart-${G().replace(/:/g, "")}`, u = N(null), b = m.length < 1 ? "Missing dimensions config!" : null;
-  j(() => {
-    if (b) return;
+    skipEmptyDates: w = !1,
+    sx: B,
+    ...E
+  } = A, i = z(), b = `hc-xy-chart-${N().replace(/:/g, "")}`, u = j(null), v = p.length < 1 ? "Missing dimensions config!" : null;
+  H(() => {
+    if (v) return;
     let f;
     return f = setTimeout(() => {
-      var T, D, X;
-      const e = P.new(w);
+      var T, X, Y;
+      const e = P.new(b);
       u.current = e, e.setThemes([V.new(e)]), e.interfaceColors.setAll({
-        text: c(i.palette.text.primary),
-        grid: c(i.palette.divider),
-        stroke: c(i.palette.divider)
+        text: m(i.palette.text.primary),
+        grid: m(i.palette.divider),
+        stroke: m(i.palette.divider)
       });
       const r = e.container.children.push(
-        $.new(e, {
+        q.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -49,24 +51,25 @@ const Ye = (L) => {
           layout: e.verticalLayout
         })
       );
-      r.set("colors", M(e, g));
-      const E = r.children.push(
-        J.new(e, {
+      r.set("colors", U(e, g));
+      const G = r.children.push(
+        K.new(e, {
           centerX: x,
           x
         })
-      ), a = m[0];
-      let o, p = d;
-      if (a.type === "date")
+      ), a = p[0];
+      let o, c = d;
+      if (a.type === "date") {
+        const t = w ? ae : se;
         o = r.xAxes.push(
-          K.new(e, {
+          t.new(e, {
             maxDeviation: 0,
-            baseInterval: A || { timeUnit: "day", count: 1 },
-            renderer: F.new(e, { minGridDistance: 60 })
+            baseInterval: y || { timeUnit: "day", count: 1 },
+            renderer: L.new(e, { minGridDistance: 60 })
           })
-        ), p = Y.orderBy(d, [a.value]);
-      else {
-        const t = F.new(e, {
+        ), c = k.orderBy(d, [a.value]);
+      } else {
+        const t = L.new(e, {
           cellStartLocation: 0.1,
           cellEndLocation: 0.9,
           minGridDistance: 30
@@ -87,7 +90,7 @@ const Ye = (L) => {
           s.set(
             "background",
             te.new(e, {
-              fill: c(0),
+              fill: m(0),
               fillOpacity: 0
             })
           );
@@ -96,38 +99,38 @@ const Ye = (L) => {
         }), e.numberFormatter.setAll({
           numberFormat: "#",
           numericFields: ["valueX"]
-        }), o.data.setAll(p);
+        }), o.data.setAll(c);
       }
-      const v = r.yAxes.push(
-        q.new(e, {
+      const D = r.yAxes.push(
+        J.new(e, {
           renderer: Q.new(e, { strokeOpacity: 0.1 })
         })
       );
       (T = o.get("renderer")) == null || T.grid.template.setAll({
-        stroke: c(i.palette.divider),
+        stroke: m(i.palette.divider),
         strokeOpacity: 1
-      }), (D = v.get("renderer")) == null || D.grid.template.setAll({
-        stroke: c(i.palette.divider),
+      }), (X = D.get("renderer")) == null || X.grid.template.setAll({
+        stroke: m(i.palette.divider),
         strokeOpacity: 1
       });
       function C(t, s, h, I) {
         const l = r.series.push(
-          ae.new(e, {
+          ie.new(e, {
             name: t,
             xAxis: o,
-            yAxis: v,
+            yAxis: D,
             valueYField: I,
             ...a.type === "date" ? { valueXField: h } : { categoryXField: h }
           })
         );
         l.columns.template.setAll({
-          width: _(90),
+          width: $(90),
           strokeOpacity: 0
-        }), a.type === "date" && (l.data.processor = se.new(e, {
+        }), a.type === "date" && (l.data.processor = ne.new(e, {
           dateFormat: "i",
           dateFields: [h]
         })), l.data.setAll(s), l.appear(), l.bullets.push(function() {
-          return ie.new(e, {
+          return le.new(e, {
             locationY: 0,
             sprite: re.new(e, {
               text: "{valueY}",
@@ -137,22 +140,22 @@ const Ye = (L) => {
               populateText: !0
             })
           });
-        }), E.data.push(l);
+        }), G.data.push(l);
       }
-      if (m.length === 1)
+      if (p.length === 1)
         n.forEach((t) => {
           C(
-            t.label ?? k(t.name),
-            p,
+            t.label ?? F(t.name),
+            c,
             a.value,
             t.dataFieldName
           );
         });
       else {
-        const t = Y.groupBy(p, m[1].value);
+        const t = k.groupBy(c, p[1].value);
         Object.keys(t).forEach((s) => {
           C(
-            k(s),
+            F(s),
             t[s],
             a.value,
             n[0].dataFieldName
@@ -162,23 +165,23 @@ const Ye = (L) => {
       r.set(
         "cursor",
         oe.new(e, { xAxis: o, behavior: "none" })
-      ).lineY.set("visible", !1), H({
+      ).lineY.set("visible", !1), M({
         root: e,
         chart: r,
         xAxis: o,
         theme: i,
         isDateAxis: a.type === "date",
-        baseInterval: A,
+        baseInterval: y,
         follow: !0
-      }), U(e, (X = n == null ? void 0 : n[0]) == null ? void 0 : X.format), r.appear(1e3, 100);
-    }, R), () => {
+      }), _(e, (Y = n == null ? void 0 : n[0]) == null ? void 0 : Y.format), r.appear(1e3, 100);
+    }, O), () => {
       var e;
       f && clearTimeout(f), (e = u.current) == null || e.dispose(), u.current = null;
     };
-  }, [d, m, n, i.palette.mode, g]);
-  const S = { ...y };
-  return { chartId: w, ownerState: S, sx: O, error: b, other: B };
+  }, [d, p, n, i.palette.mode, g, w]);
+  const S = { ...A };
+  return { chartId: b, ownerState: S, sx: B, error: v, other: E };
 };
 export {
-  Ye as useXYChartLogic
+  Le as useXYChartLogic
 };