@hybridcore/ui 1.6.7 → 1.6.9

package/dist/components/charts/highlighting-line-data/logic.js

@@ -1,15 +1,17 @@
-import { R as I, A as W, T as z } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as S } from "@mui/material";
-import { useRef as d, useLayoutEffect as F } from "react";
-import { X as V, V as G } from "../../../AxisRenderer-DTyLLA6c.js";
-import { X as M } from "../../../XYCursor-C8WktvKM.js";
-import { D as N } from "../../../DateAxis-YX3QNIB-.js";
-import { A as P, a as U } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as Z, c as j, p as w } from "../../../ColorSet-C7vpNXhM.js";
-import { L as q } from "../../../LineSeries-Uiv5o56b.js";
-import { L as B } from "../../../Legend-Dp_MKfS4.js";
-const ae = (v) => {
-  const u = S({
+import { R as I, A as W } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { useThemeProps as z } from "@mui/material";
+import { useRef as d, useLayoutEffect as S } from "react";
+import { X as F, V } from "../../../AxisRenderer-lUbezuh7.js";
+import { X as G } from "../../../XYCursor-gHAo40xC.js";
+import { D as M } from "../../../DateAxis-zNtbSVjW.js";
+import { A as N, a as P } from "../../../AxisRendererY-DbSiyb45.js";
+import { C as U } from "../../../ColorSet-DDmFoKtZ.js";
+import { c as Z, p as w } from "../../../Entity-CCUIdRAr.js";
+import { L as j } from "../../../LineSeries-BLFvwrLT.js";
+import { T as q } from "../../../Tooltip-A_HlttXp.js";
+import { L as B } from "../../../Legend-kbCFjJAW.js";
+const ie = (v) => {
+  const u = z({
     props: v,
     name: "HCHighlightLineChart"
   }), {
@@ -31,12 +33,12 @@ const ae = (v) => {
     loading: g,
     emptyMessage: x
   }, y = d(null), C = d(null), h = d(null);
-  return F(() => {
+  return S(() => {
     if (!h.current) return;
     const e = I.new(h.current);
     C.current = e, e.setThemes([W.new(e)]);
     const o = e.container.children.push(
-      V.new(e, {
+      F.new(e, {
         panX: !0,
         panY: !0,
         wheelX: "panX",
@@ -46,26 +48,26 @@ const ae = (v) => {
     );
     y.current = o, o.set(
       "cursor",
-      M.new(e, {
+      G.new(e, {
         behavior: "zoomX"
       })
     ).lineY.set("visible", !1);
     const R = o.xAxes.push(
-      N.new(e, {
+      M.new(e, {
         maxDeviation: 0.3,
         baseInterval: { timeUnit: "day", count: 1 },
-        renderer: P.new(e, {
+        renderer: N.new(e, {
           minorGridEnabled: !0
         })
       })
     ), Y = o.yAxes.push(
-      G.new(e, {
-        renderer: U.new(e, {})
+      V.new(e, {
+        renderer: P.new(e, {})
       })
-    ), c = [], b = Z.new(e, {});
+    ), c = [], b = U.new(e, {});
     m.forEach((t, i) => {
-      const s = t.color ? j(t.color) : b.getIndex(i), r = o.series.push(
-        q.new(e, {
+      const s = t.color ? Z(t.color) : b.getIndex(i), r = o.series.push(
+        j.new(e, {
           name: t.name,
           xAxis: R,
           yAxis: Y,
@@ -73,7 +75,7 @@ const ae = (v) => {
           valueXField: "date",
           stroke: s,
           fill: s,
-          tooltip: z.new(e, {
+          tooltip: q.new(e, {
             labelText: "{name}: {valueY}"
           })
         })
@@ -122,5 +124,5 @@ const ae = (v) => {
   };
 };
 export {
-  ae as useHighlightLineChartLogic
+  ie as useHighlightLineChartLogic
 };

package/dist/components/charts/line/logic.js

@@ -1,21 +1,22 @@
-import { R as Z, a as q, A as J, T as K } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as Q, useTheme as ee } from "@mui/material";
-import _ from "lodash";
-import { useId as te, useRef as oe, useEffect as re } from "react";
-import { humanizeLabel as ae } from "../_common/format.js";
-import { colorSetFromPalette as se, applyValueFormat as ne } from "../_common/utils.js";
-import { c, p as k, b as U } from "../../../ColorSet-C7vpNXhM.js";
-import { X as ie, V as le } from "../../../AxisRenderer-DTyLLA6c.js";
-import { D as me } from "../../../DateAxis-YX3QNIB-.js";
-import { A as V, a as de } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as pe } from "../../../CategoryAxis-CwnfaGc8.js";
-import { L as ce } from "../../../LineSeries-Uiv5o56b.js";
-import { D as ue } from "../../../DataProcessor-CHDO51q4.js";
-import { B as ye } from "../../../Bullet-DVczI2TD.js";
-import { C as fe } from "../../../Circle-Cy5s-pVc.js";
-import { X as he } from "../../../XYCursor-C8WktvKM.js";
-import { L as ge } from "../../../Legend-Dp_MKfS4.js";
-const R = 1.1, Ae = {
+import { R as z, T as H, A as Z } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { useThemeProps as $, useTheme as j } from "@mui/material";
+import U from "lodash";
+import { useId as q, useRef as J, useEffect as K } from "react";
+import { humanizeLabel as Q } from "../_common/format.js";
+import { attachCombinedAxisTooltip as ee } from "../_common/tooltip.js";
+import { colorSetFromPalette as te, applyValueFormat as re } from "../_common/utils.js";
+import { c as p, p as D, b as V } from "../../../Entity-CCUIdRAr.js";
+import { X as oe, V as se } from "../../../AxisRenderer-lUbezuh7.js";
+import { D as ae } from "../../../DateAxis-zNtbSVjW.js";
+import { A as _, a as ie } from "../../../AxisRendererY-DbSiyb45.js";
+import { C as ne } from "../../../CategoryAxis-B8KQp1pE.js";
+import { L as le } from "../../../LineSeries-BLFvwrLT.js";
+import { D as me } from "../../../DataProcessor-CvIe9BVn.js";
+import { B as de } from "../../../Bullet-PgoNb3Jv.js";
+import { C as pe } from "../../../Circle-BWRdiMpG.js";
+import { X as ce } from "../../../XYCursor-gHAo40xC.js";
+import { L as ue } from "../../../Legend-kbCFjJAW.js";
+const B = 1.1, fe = {
   millisecond: 1,
   second: 1e3,
   minute: 6e4,
@@ -24,43 +25,34 @@ const R = 1.1, Ae = {
   week: 6048e5,
   month: 2592e6,
   year: 31536e6
-}, xe = {
-  millisecond: "d MMM, yyyy HH:mm:ss.SSS",
-  second: "d MMM, yyyy HH:mm:ss",
-  minute: "d MMM, yyyy HH:mm",
-  hour: "d MMM, yyyy HH:mm",
-  day: "d MMM, yyyy",
-  week: "d MMM, yyyy",
-  month: "MMM yyyy",
-  year: "yyyy"
-}, Ue = (B) => {
-  const b = Q({ props: B, name: "HCLineChart" }), {
-    dimensions: r,
-    values: y,
-    data: w,
-    initDelay: E = 0,
-    baseInterval: l,
-    colors: X,
-    connectMissingData: T = !0,
-    sx: G,
-    ...I
-  } = b, m = ee(), H = `hc-line-chart-${te().replace(/:/g, "")}`, F = oe(null);
-  let v = null;
-  r.length < 1 ? v = "Missing dimensions config!" : y.length < 1 && (v = "Missing values config!"), re(() => {
-    if (v) return;
+}, Ue = (G) => {
+  const X = $({ props: G, name: "HCLineChart" }), {
+    dimensions: t,
+    values: m,
+    data: g,
+    initDelay: P = 0,
+    baseInterval: i,
+    colors: b,
+    connectMissingData: k = !0,
+    sx: R,
+    ...W
+  } = X, l = j(), L = `hc-line-chart-${q().replace(/:/g, "")}`, v = J(null);
+  let A = null;
+  t.length < 1 ? A = "Missing dimensions config!" : m.length < 1 && (A = "Missing values config!"), K(() => {
+    if (A) return;
     let C;
     return C = setTimeout(() => {
-      var $, O, S, Y, P;
-      const e = Z.new(H);
-      F.current = e;
-      const j = q.new(e);
-      e.setThemes([J.new(e), j]), e.interfaceColors.setAll({
-        text: c(m.palette.text.primary),
-        grid: c(m.palette.divider),
-        stroke: c(m.palette.divider)
+      var Y, O, I, M;
+      const e = z.new(L);
+      v.current = e;
+      const S = H.new(e);
+      e.setThemes([Z.new(e), S]), e.interfaceColors.setAll({
+        text: p(l.palette.text.primary),
+        grid: p(l.palette.divider),
+        stroke: p(l.palette.divider)
       });
-      const n = e.container.children.push(
-        ie.new(e, {
+      const o = e.container.children.push(
+        oe.new(e, {
           panX: !0,
           panY: !0,
           wheelX: "none",
@@ -71,170 +63,127 @@ const R = 1.1, Ae = {
           pinchZoomX: !0
         })
       );
-      n.set("colors", se(e, X));
-      let d, f = w;
-      r[0].type === "date" ? (d = n.xAxes.push(
-        me.new(e, {
+      o.set("colors", te(e, b));
+      let n, c = g;
+      t[0].type === "date" ? (n = o.xAxes.push(
+        ae.new(e, {
           maxDeviation: 0.1,
           groupData: !1,
-          baseInterval: l || { timeUnit: "day", count: 1 },
-          renderer: V.new(e, {})
+          baseInterval: i || { timeUnit: "day", count: 1 },
+          renderer: _.new(e, {})
         })
-      ), f = _.orderBy(w, [r[0].value])) : (d = n.xAxes.push(
-        pe.new(e, {
-          categoryField: r[0].value,
-          renderer: V.new(e, {})
+      ), c = U.orderBy(g, [t[0].value])) : (n = o.xAxes.push(
+        ne.new(e, {
+          categoryField: t[0].value,
+          renderer: _.new(e, {})
         })
       ), e.numberFormatter.setAll({
         numberFormat: "#",
         numericFields: ["valueX"]
-      }), f = _.orderBy(w, [r[0].value]), d.data.setAll(f));
-      const N = n.yAxes.push(
-        le.new(e, {
-          renderer: de.new(e, {})
+      }), c = U.orderBy(g, [t[0].value]), n.data.setAll(c));
+      const N = o.yAxes.push(
+        se.new(e, {
+          renderer: ie.new(e, {})
         })
       );
-      ($ = d.get("renderer")) == null || $.grid.template.setAll({
-        stroke: c(m.palette.divider),
+      (Y = n.get("renderer")) == null || Y.grid.template.setAll({
+        stroke: p(l.palette.divider),
         strokeOpacity: 1
-      }), (O = d.get("renderer")) == null || O.labels.template.setAll({ paddingTop: 12 }), (S = N.get("renderer")) == null || S.grid.template.setAll({
-        stroke: c(m.palette.divider),
+      }), (O = n.get("renderer")) == null || O.labels.template.setAll({ paddingTop: 12 }), (I = N.get("renderer")) == null || I.grid.template.setAll({
+        stroke: p(l.palette.divider),
         strokeOpacity: 1
-      });
-      const M = K.new(e, {
-        getFillFromSprite: !1
-      });
-      (Y = M.get("background")) == null || Y.setAll({
-        fill: c(m.palette.background.paper),
-        stroke: c(m.palette.divider),
-        fillOpacity: 1
-      }), M.label.setAll({
-        fill: c(m.palette.text.primary),
-        textAlign: "left",
-        lineHeight: k(160)
-      });
-      const L = xe[(l == null ? void 0 : l.timeUnit) ?? "day"], z = c(m.palette.text.secondary).toCSSHex();
-      M.label.adapters.add("text", () => {
-        let t = "";
-        const a = [];
-        if (n.series.each((i) => {
-          const s = i.get("tooltipDataItem"), p = s == null ? void 0 : s.get("valueY");
-          if (s === void 0 || p === void 0 || p === null)
-            return;
-          if (!t)
-            if (r[0].type === "date") {
-              const o = s.get("valueX");
-              typeof o == "number" && (t = e.dateFormatter.format(
-                new Date(o),
-                L
-              ));
-            } else
-              t = `${s.get("categoryX") ?? ""}`;
-          const u = i.get("stroke"), g = u ? `[${u.toCSSHex()}]●[/] ` : "";
-          a.push(
-            `${g}${i.get("name")}: ${e.numberFormatter.format(
-              p
-            )}`
-          );
-        }), a.length === 0) {
-          if (r[0].type === "date") {
-            const s = d.positionToValue(
-              d.getPrivate("tooltipPosition", 0)
-            );
-            typeof s == "number" && !Number.isNaN(s) && (t = e.dateFormatter.format(new Date(s), L));
-          }
-          const i = `[${z}]No data[/]`;
-          return t ? `[bold]${t}[/]
-${i}` : i;
-        }
-        return t ? `[bold]${t}[/]
-${a.join(`
-`)}` : a.join(`
-`);
-      }), d.set("tooltip", M), y.forEach((t) => {
-        const a = n.series.push(
-          ce.new(e, {
+      }), m.forEach((s) => {
+        const a = o.series.push(
+          le.new(e, {
             // Legend/tooltip label: explicit override, else humanize the raw
             // backend field (snake_case / lowercase → Title Case).
-            name: t.label ?? ae(t.name),
-            xAxis: d,
+            name: s.label ?? Q(s.name),
+            xAxis: n,
             yAxis: N,
-            valueYField: t.dataFieldName,
+            valueYField: s.dataFieldName,
             // When false, the line breaks at missing points. On a date axis the
             // break is auto-detected when adjacent points are spaced more than
             // `autoGapCount` (default 1.1) base intervals apart, so absent dates
             // surface as gaps instead of being bridged by a straight segment.
-            connect: T,
-            autoGapCount: R,
-            ...r[0].type === "date" ? { valueXField: r[0].value } : { categoryXField: r[0].value }
+            connect: k,
+            autoGapCount: B,
+            ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
           })
         );
-        if (r[0].type === "date" && (a.data.processor = ue.new(e, {
+        if (t[0].type === "date" && (a.data.processor = me.new(e, {
           dateFormat: "i",
-          dateFields: [r[0].value]
-        })), r[0].type === "date") {
-          const i = r[0].value, s = Ae[(l == null ? void 0 : l.timeUnit) ?? "day"] * ((l == null ? void 0 : l.count) ?? 1), p = T ? 1 / 0 : s * R, u = f.map((o) => ({
-            t: new Date(o[i]).getTime(),
-            hasValue: o[t.dataFieldName] !== null && o[t.dataFieldName] !== void 0
-          })).filter((o) => o.hasValue && !Number.isNaN(o.t)), g = /* @__PURE__ */ new Set();
-          u.forEach((o, A) => {
-            const D = A > 0 ? o.t - u[A - 1].t : 1 / 0, x = A < u.length - 1 ? u[A + 1].t - o.t : 1 / 0;
-            D > p && x > p && g.add(o.t);
-          }), g.size > 0 && a.bullets.push((o, A, D) => {
-            const x = D.dataContext;
-            if (g.has(new Date(x == null ? void 0 : x[i]).getTime()))
-              return ye.new(o, {
-                sprite: fe.new(o, {
+          dateFields: [t[0].value]
+        })), t[0].type === "date") {
+          const y = t[0].value, x = fe[(i == null ? void 0 : i.timeUnit) ?? "day"] * ((i == null ? void 0 : i.count) ?? 1), d = k ? 1 / 0 : x * B, w = c.map((r) => ({
+            t: new Date(r[y]).getTime(),
+            hasValue: r[s.dataFieldName] !== null && r[s.dataFieldName] !== void 0
+          })).filter((r) => r.hasValue && !Number.isNaN(r.t)), T = /* @__PURE__ */ new Set();
+          w.forEach((r, f) => {
+            const F = f > 0 ? r.t - w[f - 1].t : 1 / 0, h = f < w.length - 1 ? w[f + 1].t - r.t : 1 / 0;
+            F > d && h > d && T.add(r.t);
+          }), T.size > 0 && a.bullets.push((r, f, F) => {
+            const h = F.dataContext;
+            if (T.has(new Date(h == null ? void 0 : h[y]).getTime()))
+              return de.new(r, {
+                sprite: pe.new(r, {
                   radius: 3,
                   fill: a.get("fill"),
-                  stroke: o.interfaceColors.get("background"),
+                  stroke: r.interfaceColors.get("background"),
                   strokeWidth: 1
                 })
               });
           });
         }
-        a.data.setAll(f), a.strokes.template.setAll({ strokeWidth: 2 }), a.appear();
-      }), n.set(
+        a.data.setAll(c), a.strokes.template.setAll({ strokeWidth: 2 }), a.appear();
+      }), o.set(
         "cursor",
-        he.new(e, { xAxis: d, behavior: "none" })
-      ).lineY.set("visible", !1);
-      const h = n.bottomAxesContainer.children.push(
-        ge.new(e, {
-          width: k(100),
+        ce.new(e, { xAxis: n, behavior: "none" })
+      ).lineY.set("visible", !1), ee({
+        root: e,
+        chart: o,
+        xAxis: n,
+        theme: l,
+        isDateAxis: t[0].type === "date",
+        baseInterval: i,
+        follow: !0
+      });
+      const u = o.bottomAxesContainer.children.push(
+        ue.new(e, {
+          width: D(100),
           paddingTop: 10,
-          centerX: k(50),
-          x: k(50),
+          centerX: D(50),
+          x: D(50),
           layout: e.gridLayout
         })
       );
-      h.itemContainers.template.events.on("pointerover", function(t) {
-        var s;
-        const a = t.target, i = (s = a == null ? void 0 : a.dataItem) == null ? void 0 : s.dataContext;
-        n.series.each(function(p) {
-          p !== i ? p.strokes.template.setAll({
+      u.itemContainers.template.events.on("pointerover", function(s) {
+        var x;
+        const a = s.target, y = (x = a == null ? void 0 : a.dataItem) == null ? void 0 : x.dataContext;
+        o.series.each(function(d) {
+          d !== y ? d.strokes.template.setAll({
             strokeOpacity: 0.15,
-            stroke: c(0)
-          }) : p.strokes.template.setAll({ strokeWidth: 3 });
+            stroke: p(0)
+          }) : d.strokes.template.setAll({ strokeWidth: 3 });
         });
-      }), h.itemContainers.template.events.on("pointerout", function() {
-        n.series.each(function(t) {
-          t.strokes.template.setAll({
+      }), u.itemContainers.template.events.on("pointerout", function() {
+        o.series.each(function(s) {
+          s.strokes.template.setAll({
             strokeOpacity: 1,
             strokeWidth: 2,
-            stroke: t.get("fill")
+            stroke: s.get("fill")
           });
         });
-      }), h.itemContainers.template.set("width", U), h.valueLabels.template.setAll({
-        width: U,
+      }), u.itemContainers.template.set("width", V), u.valueLabels.template.setAll({
+        width: V,
         textAlign: "right"
-      }), h.data.setAll(n.series.values), ne(e, (P = y == null ? void 0 : y[0]) == null ? void 0 : P.format), n.appear(1e3, 100);
-    }, E), () => {
+      }), u.data.setAll(o.series.values), re(e, (M = m == null ? void 0 : m[0]) == null ? void 0 : M.format), o.appear(1e3, 100);
+    }, P), () => {
       var e;
-      C && clearTimeout(C), (e = F.current) == null || e.dispose(), F.current = null;
+      C && clearTimeout(C), (e = v.current) == null || e.dispose(), v.current = null;
     };
-  }, [w, r, y, m.palette.mode, X, T]);
-  const W = { ...b };
-  return { chartId: H, ownerState: W, sx: G, error: v, other: I };
+  }, [g, t, m, l.palette.mode, b, k]);
+  const E = { ...X };
+  return { chartId: L, ownerState: E, sx: R, error: A, other: W };
 };
 export {
   Ue as useLineChartLogic

package/dist/components/charts/logaritmic-scale/logic.js

@@ -1,113 +1,122 @@
-import { R as C, A as R, T as u } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as I, useTheme as E } from "@mui/material";
+import { R as C, A as Y } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { useThemeProps as R, useTheme as I } from "@mui/material";
 import F from "lodash";
-import { useId as O, useRef as P, useEffect as V } from "react";
-import { colorSetFromPalette as q, applyValueFormat as B } from "../_common/utils.js";
-import { c as i } from "../../../ColorSet-C7vpNXhM.js";
-import { X as z, V as G } from "../../../AxisRenderer-DTyLLA6c.js";
-import { X as H } from "../../../XYCursor-C8WktvKM.js";
-import { D as N } from "../../../DateAxis-YX3QNIB-.js";
-import { A as X, a as U } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as W } from "../../../CategoryAxis-CwnfaGc8.js";
-import { L as Z } from "../../../LineSeries-Uiv5o56b.js";
-import { D as _ } from "../../../DataProcessor-CHDO51q4.js";
-import { S as $ } from "../../../Scrollbar-D86MJyr2.js";
-const ce = (b) => {
-  const f = I({ props: b, name: "HCLogaritmicScale" }), {
+import { useId as E, useRef as O, useEffect as P } from "react";
+import { humanizeLabel as V } from "../_common/format.js";
+import { attachCombinedAxisTooltip as q } from "../_common/tooltip.js";
+import { colorSetFromPalette as z, applyValueFormat as B } from "../_common/utils.js";
+import { c as i } from "../../../Entity-CCUIdRAr.js";
+import { X as G, V as H } from "../../../AxisRenderer-lUbezuh7.js";
+import { X as N } from "../../../XYCursor-gHAo40xC.js";
+import { D as U } from "../../../DateAxis-zNtbSVjW.js";
+import { A as X, a as W } from "../../../AxisRendererY-DbSiyb45.js";
+import { C as Z } from "../../../CategoryAxis-B8KQp1pE.js";
+import { L as _ } from "../../../LineSeries-BLFvwrLT.js";
+import { D as $ } from "../../../DataProcessor-CvIe9BVn.js";
+import { S as j } from "../../../Scrollbar-BzSBcIUt.js";
+const fe = (D) => {
+  const f = R({ props: D, name: "HCLogaritmicScale" }), {
     dimensions: t,
-    values: a,
+    values: s,
     data: l,
     initDelay: k = 0,
-    baseInterval: S,
-    colors: h,
-    sx: T,
-    ...D
-  } = f, o = E(), g = `hc-logaritmic-scale-${O().replace(/:/g, "")}`, c = P(null);
+    baseInterval: h,
+    colors: A,
+    sx: S,
+    ...L
+  } = f, o = I(), g = `hc-logaritmic-scale-${E().replace(/:/g, "")}`, p = O(null);
   let n = null;
-  t.length < 1 ? n = "LogaritmicScale requires at least 1 dimension" : a.length < 1 && (n = "LogaritmicScale requires at least 1 value"), V(() => {
+  t.length < 1 ? n = "LogaritmicScale requires at least 1 dimension" : s.length < 1 && (n = "LogaritmicScale requires at least 1 value"), P(() => {
     if (n) return;
     let d;
     return d = setTimeout(() => {
-      var v, w, x, y;
+      var y, v, w, b;
       const e = C.new(g);
-      c.current = e, e.setThemes([R.new(e)]), e.interfaceColors.setAll({
+      p.current = e, e.setThemes([Y.new(e)]), e.interfaceColors.setAll({
         text: i(o.palette.text.primary),
         grid: i(o.palette.divider),
         stroke: i(o.palette.divider)
       });
       const r = e.container.children.push(
-        z.new(e, {
+        G.new(e, {
           panX: !0,
           panY: !0,
           wheelX: "none",
           wheelY: "none",
+          maxTooltipDistance: -1,
           pinchZoomX: !0
         })
       );
-      r.set("colors", q(e, h)), r.set(
+      r.set("colors", z(e, A)), r.set(
         "cursor",
-        H.new(e, { behavior: "none" })
+        N.new(e, { behavior: "none" })
       ).lineY.set("visible", !1);
-      let s, m = l;
-      t[0].type === "date" ? (m = F.orderBy(l, [t[0].value]), s = r.xAxes.push(
-        N.new(e, {
+      let a, m = l;
+      t[0].type === "date" ? (m = F.orderBy(l, [t[0].value]), a = r.xAxes.push(
+        U.new(e, {
           maxDeviation: 0.1,
           groupData: !1,
-          baseInterval: S || { timeUnit: "day", count: 1 },
-          renderer: X.new(e, {}),
-          tooltip: u.new(e, {})
+          baseInterval: h || { timeUnit: "day", count: 1 },
+          renderer: X.new(e, {})
         })
-      ), (v = s.get("renderer")) == null || v.grid.template.setAll({
+      ), (y = a.get("renderer")) == null || y.grid.template.setAll({
         stroke: i(o.palette.divider),
         strokeOpacity: 1
-      })) : (s = r.xAxes.push(
-        W.new(e, {
+      })) : (a = r.xAxes.push(
+        Z.new(e, {
           categoryField: t[0].value,
-          renderer: X.new(e, {}),
-          tooltip: u.new(e, {})
+          renderer: X.new(e, {})
         })
       ), e.numberFormatter.setAll({
         numberFormat: "#",
         numericFields: ["valueX"]
-      }), m = F.orderBy(l, [t[0].value]), s.data.setAll(m), (w = s.get("renderer")) == null || w.grid.template.setAll({
+      }), m = F.orderBy(l, [t[0].value]), a.data.setAll(m), (v = a.get("renderer")) == null || v.grid.template.setAll({
         stroke: i(o.palette.divider),
         strokeOpacity: 1
       }));
-      const A = r.yAxes.push(
-        G.new(e, {
+      const x = r.yAxes.push(
+        H.new(e, {
           logarithmic: !0,
-          renderer: U.new(e, { minorGridEnabled: !0 })
+          renderer: W.new(e, { minorGridEnabled: !0 })
         })
       );
-      (x = A.get("renderer")) == null || x.grid.template.setAll({
+      (w = x.get("renderer")) == null || w.grid.template.setAll({
         stroke: i(o.palette.divider),
         strokeOpacity: 1
-      }), a.forEach((L) => {
-        const p = r.series.push(
-          Z.new(e, {
-            xAxis: s,
-            yAxis: A,
-            valueYField: L.dataFieldName,
-            ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value },
-            tooltip: u.new(e, { labelText: "{valueY}" })
+      }), s.forEach((u) => {
+        const c = r.series.push(
+          _.new(e, {
+            name: u.label ?? V(u.name),
+            xAxis: a,
+            yAxis: x,
+            valueYField: u.dataFieldName,
+            ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
           })
         );
-        p.strokes.template.setAll({ strokeWidth: 3 }), t[0].type === "date" && (p.data.processor = _.new(e, {
+        c.strokes.template.setAll({ strokeWidth: 3 }), t[0].type === "date" && (c.data.processor = $.new(e, {
           dateFormat: "i",
           dateFields: [t[0].value]
-        })), p.data.setAll(m), p.appear(1e3);
+        })), c.data.setAll(m), c.appear(1e3);
+      }), q({
+        root: e,
+        chart: r,
+        xAxis: a,
+        theme: o,
+        isDateAxis: t[0].type === "date",
+        baseInterval: h,
+        follow: !0
       }), r.set(
         "scrollbarX",
-        $.new(e, { orientation: "horizontal" })
-      ), B(e, (y = a == null ? void 0 : a[0]) == null ? void 0 : y.format), r.appear(1e3, 100);
+        j.new(e, { orientation: "horizontal" })
+      ), B(e, (b = s == null ? void 0 : s[0]) == null ? void 0 : b.format), r.appear(1e3, 100);
     }, k), () => {
       var e;
-      d && clearTimeout(d), (e = c.current) == null || e.dispose(), c.current = null;
+      d && clearTimeout(d), (e = p.current) == null || e.dispose(), p.current = null;
     };
-  }, [l, t, a, o.palette.mode, h]);
-  const Y = { ...f };
-  return { chartId: g, ownerState: Y, sx: T, error: n, other: D };
+  }, [l, t, s, o.palette.mode, A]);
+  const T = { ...f };
+  return { chartId: g, ownerState: T, sx: S, error: n, other: L };
 };
 export {
-  ce as useLogaritmicScaleLogic
+  fe as useLogaritmicScaleLogic
 };