@hybridcore/ui 1.6.21 → 1.6.23

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

@@ -1,45 +1,211 @@
-import { R as Y, A as R } from "../../../AnimatedTheme-ktdO3Bel.js";
-import { useThemeProps as E, useTheme as I } from "@mui/material";
-import F from "lodash";
-import { useId as G, useRef as O, useEffect as P } from "react";
-import { humanizeLabel as V } from "../_common/format.js";
+import { R as O, A as L } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as X, useTheme as S } from "@mui/material";
+import j from "lodash";
+import { useId as E, useRef as Y, useEffect as z } from "react";
+import { humanizeLabel as I } from "../_common/format.js";
 import { attachCombinedAxisTooltip as q } from "../_common/tooltip.js";
-import { colorSetFromPalette as z, applyDateAxisLabelFormat as B, applyValueFormat as H } from "../_common/utils.js";
-import { c as i } from "../../../Entity-BJCuhdq_.js";
-import { X as N, V as U } from "../../../AxisRenderer-BCQoUJw6.js";
-import { X as W } from "../../../XYCursor-CVUSpqb9.js";
-import { A as X, a as Z } from "../../../AxisRendererY-AXWvGU6r.js";
-import { C as _ } from "../../../CategoryAxis-B6NqW8qd.js";
-import { L as $ } from "../../../LineSeries-D_IL2qGF.js";
-import { D as j, G as J } from "../../../GaplessDateAxis-B2g2jgSG.js";
-import { S as K } from "../../../Scrollbar-CTI7_8Qw.js";
-import { D as M } from "../../../DateAxis-DEXKps1S.js";
-const xe = (k) => {
-  const f = E({ props: k, name: "HCLogaritmicScale" }), {
-    dimensions: t,
-    values: s,
-    data: n,
-    initDelay: L = 0,
-    baseInterval: h,
-    colors: A,
-    skipEmptyDates: x = !1,
-    sx: S,
-    ...C
-  } = f, a = I(), g = `hc-logaritmic-scale-${G().replace(/:/g, "")}`, d = O(null);
-  let m = null;
-  t.length < 1 ? m = "LogaritmicScale requires at least 1 dimension" : s.length < 1 && (m = "LogaritmicScale requires at least 1 value"), P(() => {
-    if (m) return;
-    let u;
-    return u = setTimeout(() => {
-      var v, w, D, b;
-      const e = Y.new(g);
-      d.current = e, e.setThemes([R.new(e)]), e.interfaceColors.setAll({
-        text: i(a.palette.text.primary),
-        grid: i(a.palette.divider),
-        stroke: i(a.palette.divider)
+import { colorSetFromPalette as H, applyDateAxisLabelFormat as U, applyValueFormat as W } from "../_common/utils.js";
+import { m as R, q as Z, f as x, c as f } from "../../../Entity-BJCuhdq_.js";
+import { X as $, V as J } from "../../../AxisRenderer-BCQoUJw6.js";
+import { X as K } from "../../../XYCursor-CVUSpqb9.js";
+import { A as N, a as Q } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as tt } from "../../../CategoryAxis-B6NqW8qd.js";
+import { L as et } from "../../../LineSeries-D_IL2qGF.js";
+import { D as st, G as it } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { R as V } from "../../../RoundedRectangle-BKLX1LKM.js";
+import { C, G as rt } from "../../../Tooltip-vyZRZWih.js";
+import { B as at } from "../../../Button-BLY4PVJC.js";
+import { D as nt } from "../../../DateAxis-DEXKps1S.js";
+class D extends C {
+  constructor() {
+    super(...arguments), Object.defineProperty(this, "thumb", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this._makeThumb()
+    }), Object.defineProperty(this, "startGrip", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this._makeButton()
+    }), Object.defineProperty(this, "endGrip", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this._makeButton()
+    }), Object.defineProperty(this, "_thumbBusy", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: !1
+    }), Object.defineProperty(this, "_startDown", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: !1
+    }), Object.defineProperty(this, "_endDown", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: !1
+    }), Object.defineProperty(this, "_thumbDown", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: !1
+    }), Object.defineProperty(this, "_gripDown", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    });
+  }
+  _addOrientationClass() {
+    this._settings.themeTags = R(this._settings.themeTags, ["scrollbar", this._settings.orientation]), this._settings.background || (this._settings.background = V.new(this._root, {
+      themeTags: R(this._settings.themeTags, ["main", "background"])
+    }));
+  }
+  _makeButton() {
+    return this.children.push(at.new(this._root, {
+      themeTags: ["resize", "button", this.get("orientation")],
+      icon: rt.new(this._root, {
+        themeTags: ["icon"]
+      })
+    }));
+  }
+  _makeThumb() {
+    return this.children.push(V.new(this._root, {
+      themeTags: ["thumb", this.get("orientation")]
+    }));
+  }
+  _handleAnimation(t) {
+    t && this._disposers.push(t.events.on("stopped", () => {
+      this.setPrivateRaw("isBusy", !1), this._thumbBusy = !1;
+    }));
+  }
+  _afterNew() {
+    this._addOrientationClass(), super._afterNew();
+    const t = this.startGrip, e = this.endGrip, i = this.thumb, o = this.get("background");
+    o && this._disposers.push(o.events.on("click", (s) => {
+      this.setPrivateRaw("isBusy", !0);
+      const n = this._display.toLocal(s.point), h = this.width(), l = this.height(), d = this.get("orientation");
+      let u;
+      d == "vertical" ? u = (n.y - i.height() / 2) / l : u = (n.x - i.width() / 2) / h;
+      let a, p;
+      d == "vertical" ? (a = u * l, p = "y") : (a = u * h, p = "x");
+      const m = this.get("animationDuration", 0);
+      m > 0 ? (this._thumbBusy = !0, this._handleAnimation(this.thumb.animate({ key: p, to: a, duration: m, easing: this.get("animationEasing") }))) : (this.thumb.set(p, a), this._root.events.once("frameended", () => {
+        this.setPrivateRaw("isBusy", !1);
+      }));
+    })), this._disposers.push(i.events.on("dblclick", (s) => {
+      if (!Z(s.originalEvent, this))
+        return;
+      const n = this.get("animationDuration", 0), h = this.get("animationEasing");
+      this.animate({ key: "start", to: 0, duration: n, easing: h }), this.animate({ key: "end", to: 1, duration: n, easing: h });
+    })), this._disposers.push(t.events.on("pointerdown", () => {
+      this.setPrivateRaw("isBusy", !0), this._startDown = !0, this._gripDown = "start";
+    })), this._disposers.push(e.events.on("pointerdown", () => {
+      this.setPrivateRaw("isBusy", !0), this._endDown = !0, this._gripDown = "end";
+    })), this._disposers.push(i.events.on("pointerdown", () => {
+      this.setPrivateRaw("isBusy", !0), this._thumbDown = !0, this._gripDown = void 0;
+    })), this._disposers.push(t.events.on("globalpointerup", () => {
+      this._startDown && (this.setPrivateRaw("isBusy", !1), this._released()), this._startDown = !1;
+    })), this._disposers.push(e.events.on("globalpointerup", () => {
+      this._endDown && (this.setPrivateRaw("isBusy", !1), this._released()), this._endDown = !1;
+    })), this._disposers.push(i.events.on("globalpointerup", () => {
+      this._thumbDown && (this.setPrivateRaw("isBusy", !1), this._released()), this._thumbDown = !1;
+    })), this._disposers.push(t.on("x", () => {
+      this._updateThumb();
+    })), this._disposers.push(e.on("x", () => {
+      this._updateThumb();
+    })), this._disposers.push(t.on("y", () => {
+      this._updateThumb();
+    })), this._disposers.push(e.on("y", () => {
+      this._updateThumb();
+    })), this._disposers.push(i.events.on("positionchanged", () => {
+      this._updateGripsByThumb();
+    })), this.get("orientation") == "vertical" ? (t.set("x", 0), e.set("x", 0), this._disposers.push(i.adapters.add("y", (s) => Math.max(Math.min(Number(s), this.height() - i.height()), 0))), this._disposers.push(i.adapters.add("x", (s) => this.width() / 2)), this._disposers.push(t.adapters.add("x", (s) => this.width() / 2)), this._disposers.push(e.adapters.add("x", (s) => this.width() / 2)), this._disposers.push(t.adapters.add("y", (s) => Math.max(Math.min(Number(s), this.height()), 0))), this._disposers.push(e.adapters.add("y", (s) => Math.max(Math.min(Number(s), this.height()), 0)))) : (t.set("y", 0), e.set("y", 0), this._disposers.push(i.adapters.add("x", (s) => Math.max(Math.min(Number(s), this.width() - i.width()), 0))), this._disposers.push(i.adapters.add("y", (s) => this.height() / 2)), this._disposers.push(t.adapters.add("y", (s) => this.height() / 2)), this._disposers.push(e.adapters.add("y", (s) => this.height() / 2)), this._disposers.push(t.adapters.add("x", (s) => Math.max(Math.min(Number(s), this.width()), 0))), this._disposers.push(e.adapters.add("x", (s) => Math.max(Math.min(Number(s), this.width()), 0))));
+  }
+  _updateChildren() {
+    super._updateChildren(), (this.isDirty("end") || this.isDirty("start") || this._sizeDirty) && this.updateGrips();
+  }
+  _changed() {
+    if (super._changed(), this.isDirty("start") || this.isDirty("end")) {
+      const t = "rangechanged";
+      this.events.isEnabled(t) && this.events.dispatch(t, { type: t, target: this, start: this.get("start", 0), end: this.get("end", 1), grip: this._gripDown });
+    }
+  }
+  _released() {
+    const t = "released";
+    this.events.isEnabled(t) && this.events.dispatch(t, { type: t, target: this });
+  }
+  /**
+   * @ignore
+   */
+  updateGrips() {
+    const t = this.startGrip, e = this.endGrip, i = this.get("orientation"), o = this.height(), s = this.width();
+    i == "vertical" ? (t.set("y", o * this.get("start", 0)), e.set("y", o * this.get("end", 1))) : (t.set("x", s * this.get("start", 0)), e.set("x", s * this.get("end", 1)));
+    const n = this.getPrivate("positionTextFunction"), h = Math.round(this.get("start", 0) * 100), l = Math.round(this.get("end", 0) * 100);
+    let d, u;
+    n ? (d = n.call(this, this.get("start", 0)), u = n.call(this, this.get("end", 0))) : (d = h + "%", u = l + "%"), t.set("ariaLabel", this._t("From %1", void 0, d)), t.set("ariaValueNow", "" + h), t.set("ariaValueText", h + "%"), t.set("ariaValueMin", "0"), t.set("ariaValueMax", "100"), e.set("ariaLabel", this._t("To %1", void 0, u)), e.set("ariaValueNow", "" + l), e.set("ariaValueText", l + "%"), e.set("ariaValueMin", "0"), e.set("ariaValueMax", "100");
+  }
+  _updateThumb() {
+    const t = this.thumb, e = this.startGrip, i = this.endGrip, o = this.height(), s = this.width();
+    let n = e.x(), h = i.x(), l = e.y(), d = i.y(), u = 0, a = 1;
+    this.get("orientation") == "vertical" ? x(l) && x(d) && (!this._thumbBusy && !t.isDragging() && (t.set("height", d - l), t.set("y", l)), u = l / o, a = d / o) : x(n) && x(h) && (!this._thumbBusy && !t.isDragging() && (t.set("width", h - n), t.set("x", n)), u = n / s, a = h / s), this.getPrivate("isBusy") && (this.get("start") != u || this.get("end") != a) && (this.set("start", u), this.set("end", a));
+    const p = this.getPrivate("positionTextFunction"), m = Math.round(this.get("start", 0) * 100), _ = Math.round(this.get("end", 0) * 100);
+    let g, w;
+    p ? (g = p.call(this, this.get("start", 0)), w = p.call(this, this.get("end", 0))) : (g = m + "%", w = _ + "%"), t.set("ariaLabel", this._t("From %1 to %2", void 0, g, w)), t.set("ariaValueNow", "" + m), t.set("ariaValueText", m + "%");
+  }
+  _updateGripsByThumb() {
+    const t = this.thumb, e = this.startGrip, i = this.endGrip;
+    if (this.get("orientation") == "vertical") {
+      const o = t.height();
+      e.set("y", t.y()), i.set("y", t.y() + o);
+    } else {
+      const o = t.width();
+      e.set("x", t.x()), i.set("x", t.x() + o);
+    }
+  }
+}
+Object.defineProperty(D, "className", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: "Scrollbar"
+});
+Object.defineProperty(D, "classNames", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: C.classNames.concat([D.className])
+});
+const Gt = (G) => {
+  const t = X({ props: G, name: "HCLogaritmicScale" }), {
+    dimensions: e,
+    values: i,
+    data: o,
+    initDelay: s = 0,
+    baseInterval: n,
+    colors: h,
+    skipEmptyDates: l = !1,
+    sx: d,
+    ...u
+  } = t, a = S(), m = `hc-logaritmic-scale-${E().replace(/:/g, "")}`, _ = Y(null);
+  let g = null;
+  e.length < 1 ? g = "LogaritmicScale requires at least 1 dimension" : i.length < 1 && (g = "LogaritmicScale requires at least 1 value"), z(() => {
+    if (g) return;
+    let T;
+    return T = setTimeout(() => {
+      var P, B, M, F;
+      const r = O.new(m);
+      _.current = r, r.setThemes([L.new(r)]), r.interfaceColors.setAll({
+        text: f(a.palette.text.primary),
+        grid: f(a.palette.divider),
+        stroke: f(a.palette.divider)
       });
-      const r = e.container.children.push(
-        N.new(e, {
+      const c = r.container.children.push(
+        $.new(r, {
           panX: !0,
           panY: !0,
           wheelX: "none",
@@ -48,81 +214,81 @@ const xe = (k) => {
           pinchZoomX: !0
         })
       );
-      r.set("colors", z(e, A)), r.set(
+      c.set("colors", H(r, h)), c.set(
         "cursor",
-        W.new(e, { behavior: "none" })
+        K.new(r, { behavior: "none" })
       ).lineY.set("visible", !1);
-      let o, p = n;
-      if (t[0].type === "date") {
-        p = F.orderBy(n, [t[0].value]);
-        const l = x ? J : M;
-        o = r.xAxes.push(
-          l.new(e, {
+      let b, A = o;
+      if (e[0].type === "date") {
+        A = j.orderBy(o, [e[0].value]);
+        const y = l ? it : nt;
+        b = c.xAxes.push(
+          y.new(r, {
             maxDeviation: 0.1,
             groupData: !1,
-            baseInterval: h || { timeUnit: "day", count: 1 },
-            renderer: X.new(e, {})
+            baseInterval: n || { timeUnit: "day", count: 1 },
+            renderer: N.new(r, {})
           })
-        ), (v = o.get("renderer")) == null || v.grid.template.setAll({
-          stroke: i(a.palette.divider),
+        ), (P = b.get("renderer")) == null || P.grid.template.setAll({
+          stroke: f(a.palette.divider),
           strokeOpacity: 1
-        }), B(o, t[0]);
+        }), U(b, e[0]);
       } else
-        o = r.xAxes.push(
-          _.new(e, {
-            categoryField: t[0].value,
-            renderer: X.new(e, {})
+        b = c.xAxes.push(
+          tt.new(r, {
+            categoryField: e[0].value,
+            renderer: N.new(r, {})
           })
-        ), e.numberFormatter.setAll({
+        ), r.numberFormatter.setAll({
           numberFormat: "#",
           numericFields: ["valueX"]
-        }), p = F.orderBy(n, [t[0].value]), o.data.setAll(p), (w = o.get("renderer")) == null || w.grid.template.setAll({
-          stroke: i(a.palette.divider),
+        }), b.data.setAll(A), (B = b.get("renderer")) == null || B.grid.template.setAll({
+          stroke: f(a.palette.divider),
           strokeOpacity: 1
         });
-      const y = r.yAxes.push(
-        U.new(e, {
+      const k = c.yAxes.push(
+        J.new(r, {
           logarithmic: !0,
-          renderer: Z.new(e, { minorGridEnabled: !0 })
+          renderer: Q.new(r, { minorGridEnabled: !0 })
         })
       );
-      (D = y.get("renderer")) == null || D.grid.template.setAll({
-        stroke: i(a.palette.divider),
+      (M = k.get("renderer")) == null || M.grid.template.setAll({
+        stroke: f(a.palette.divider),
         strokeOpacity: 1
-      }), s.forEach((l) => {
-        const c = r.series.push(
-          $.new(e, {
-            name: l.label ?? V(l.name),
-            xAxis: o,
-            yAxis: y,
-            valueYField: l.dataFieldName,
-            ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
+      }), i.forEach((y) => {
+        const v = c.series.push(
+          et.new(r, {
+            name: y.label ?? I(y.name),
+            xAxis: b,
+            yAxis: k,
+            valueYField: y.dataFieldName,
+            ...e[0].type === "date" ? { valueXField: e[0].value } : { categoryXField: e[0].value }
           })
         );
-        c.strokes.template.setAll({ strokeWidth: 3 }), t[0].type === "date" && (c.data.processor = j.new(e, {
+        v.strokes.template.setAll({ strokeWidth: 3 }), e[0].type === "date" && (v.data.processor = st.new(r, {
           dateFormat: "i",
-          dateFields: [t[0].value]
-        })), c.data.setAll(p), c.appear(1e3);
+          dateFields: [e[0].value]
+        })), v.data.setAll(A), v.appear(1e3);
       }), q({
-        root: e,
-        chart: r,
-        xAxis: o,
+        root: r,
+        chart: c,
+        xAxis: b,
         theme: a,
-        isDateAxis: t[0].type === "date",
-        baseInterval: h,
+        isDateAxis: e[0].type === "date",
+        baseInterval: n,
         follow: !0
-      }), r.set(
+      }), c.set(
         "scrollbarX",
-        K.new(e, { orientation: "horizontal" })
-      ), H(e, (b = s == null ? void 0 : s[0]) == null ? void 0 : b.format), r.appear(1e3, 100);
-    }, L), () => {
-      var e;
-      u && clearTimeout(u), (e = d.current) == null || e.dispose(), d.current = null;
+        D.new(r, { orientation: "horizontal" })
+      ), W(r, (F = i == null ? void 0 : i[0]) == null ? void 0 : F.format), c.appear(1e3, 100);
+    }, s), () => {
+      var r;
+      T && clearTimeout(T), (r = _.current) == null || r.dispose(), _.current = null;
     };
-  }, [n, t, s, a.palette.mode, A, x]);
-  const T = { ...f };
-  return { chartId: g, ownerState: T, sx: S, error: m, other: C };
+  }, [o, e, i, a.palette.mode, h, l]);
+  const w = { ...t };
+  return { chartId: m, ownerState: w, sx: d, error: g, other: u };
 };
 export {
-  xe as useLogaritmicScaleLogic
+  Gt as useLogaritmicScaleLogic
 };

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

@@ -1,11 +1,11 @@
 import { R as j, A as q } from "../../../AnimatedTheme-ktdO3Bel.js";
 import { useThemeProps as z, useTheme as U } from "@mui/material";
-import v from "lodash";
+import N 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, applyDateAxisLabelFormat as Z, applyValueFormat as ee } from "../_common/utils.js";
-import { c as C, a as A } from "../../../Entity-BJCuhdq_.js";
+import { c as v, a as g } from "../../../Entity-BJCuhdq_.js";
 import { X as te, V as re } from "../../../AxisRenderer-BCQoUJw6.js";
 import { L as se } from "../../../Legend-CFvQiIfn.js";
 import { A as X, a as ae } from "../../../AxisRendererY-AXWvGU6r.js";
@@ -14,10 +14,10 @@ import { X as oe } from "../../../XYCursor-CVUSpqb9.js";
 import { G as le, D as ne } from "../../../GaplessDateAxis-B2g2jgSG.js";
 import { D as ce } from "../../../DateAxis-DEXKps1S.js";
 import { L as me } from "../../../LineSeries-D_IL2qGF.js";
-import { G, R as ue } from "../../../Tooltip-vyZRZWih.js";
-import { C as pe } from "../../../Circle-BnfBNKBD.js";
+import { G, R as pe } from "../../../Tooltip-vyZRZWih.js";
+import { C as ue } from "../../../Circle-BnfBNKBD.js";
 import { B as de } from "../../../Bullet-Djj7Vs9T.js";
-class y extends G {
+class x extends G {
   _beforeChanged() {
     super._beforeChanged(), (this.isDirty("width") || this.isDirty("height") || this.isPrivateDirty("width") || this.isPrivateDirty("height")) && (this._clear = !0);
   }
@@ -32,41 +32,41 @@ class y extends G {
     this.markDirty(), this._clear = !0;
   }
 }
-Object.defineProperty(y, "className", {
+Object.defineProperty(x, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "Triangle"
 });
-Object.defineProperty(y, "classNames", {
+Object.defineProperty(x, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: G.classNames.concat([y.className])
+  value: G.classNames.concat([x.className])
 });
-const x = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ge = (T) => {
-  const c = z({ props: T, name: "HCMultipleValueAxes" }), {
+const A = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ge = (C) => {
+  const c = z({ props: C, name: "HCMultipleValueAxes" }), {
     dimensions: s,
     values: t,
-    data: d,
+    data: y,
     initDelay: I = 0,
-    baseInterval: L,
-    colors: R,
-    skipEmptyDates: E = !1,
+    baseInterval: T,
+    colors: L,
+    skipEmptyDates: R = !1,
     sx: Y,
     ...V
-  } = c, 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"), J(() => {
-    if (h) return;
+  } = c, p = U(), E = `hc-multiple-value-axes-${H().replace(/:/g, "")}`, w = $(null);
+  let u = null;
+  s.length < 1 ? u = "MultipleValueAxes requires at least 1 dimension" : t.length < 1 && (u = "MultipleValueAxes requires at least 1 value"), J(() => {
+    if (u) return;
     let b;
     return b = setTimeout(() => {
-      var N;
-      const e = j.new(_);
+      var F;
+      const e = j.new(E);
       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)
+        text: v(p.palette.text.primary),
+        grid: v(p.palette.divider),
+        stroke: v(p.palette.divider)
       });
       const r = e.container.children.push(
         te.new(e, {
@@ -78,75 +78,75 @@ const x = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ge = (T) => {
           layout: e.verticalLayout
         })
       );
-      r.set("colors", Q(e, R)), r.get("colors", {}).set("step", 3);
-      const O = r.children.push(
-        se.new(e, { centerX: A, x: A })
-      ), i = s[0];
-      let l, p = d;
-      if (i.type === "date") {
-        const a = E ? le : ce;
+      r.set("colors", Q(e, L)), r.get("colors", {}).set("step", 3);
+      const S = r.children.push(
+        se.new(e, { centerX: g, x: g })
+      ), o = s[0];
+      let l, d = y;
+      if (o.type === "date") {
+        const a = R ? le : ce;
         l = r.xAxes.push(
           a.new(e, {
             maxDeviation: 0.1,
             groupData: !1,
-            baseInterval: L || { timeUnit: "day", count: 1 },
+            baseInterval: T || { timeUnit: "day", count: 1 },
             renderer: X.new(e, {})
           })
-        ), Z(l, i), p = v.orderBy(d, [i.value]);
+        ), Z(l, o), d = N.orderBy(y, [o.value]);
       } else
         l = r.xAxes.push(
           ie.new(e, {
-            categoryField: i.value,
+            categoryField: o.value,
             renderer: X.new(e, {})
           })
         ), e.numberFormatter.setAll({
           numberFormat: "#",
           numericFields: ["valueX"]
-        }), p = v.orderBy(d, [i.value]), l.data.setAll(p);
-      function F(a, n, m, S, W, D, M) {
-        const f = ae.new(e, { opposite: W }), k = r.yAxes.push(
-          re.new(e, { maxDeviation: 1, renderer: f })
+        }), l.data.setAll(d);
+      function _(a, n, m, B, W, D, M) {
+        const h = ae.new(e, { opposite: W }), k = r.yAxes.push(
+          re.new(e, { maxDeviation: 1, renderer: h })
         );
         r.yAxes.indexOf(k) > 0 && k.set("syncWithAxis", r.yAxes.getIndex(0));
-        const o = r.series.push(
+        const i = r.series.push(
           me.new(e, {
             name: n,
             xAxis: l,
             yAxis: k,
-            valueYField: S,
-            ...i.type === "date" ? { valueXField: m } : { categoryXField: m }
+            valueYField: B,
+            ...o.type === "date" ? { valueXField: m } : { categoryXField: m }
           })
         );
-        o.strokes.template.setAll({ strokeWidth: 2 }), f.grid.template.set("strokeOpacity", 0.05), f.labels.template.set("fill", o.get("fill")), f.setAll({
-          stroke: o.get("fill"),
+        i.strokes.template.setAll({ strokeWidth: 2 }), h.grid.template.set("strokeOpacity", 0.05), h.labels.template.set("fill", i.get("fill")), h.setAll({
+          stroke: i.get("fill"),
           strokeOpacity: 1,
           opacity: 1
-        }), M === "date" && (o.data.processor = ne.new(e, {
+        }), M === "date" && (i.data.processor = ne.new(e, {
           dateFormat: "i",
           dateFields: [m]
-        })), D !== void 0 && o.bullets.push(function() {
-          let g;
-          return D === "RECTANGLE" ? g = ue.new(e, {
+        })), D !== void 0 && i.bullets.push(function() {
+          let f;
+          return D === "RECTANGLE" ? f = pe.new(e, {
             width: 10,
             height: 10,
-            centerX: A,
-            centerY: A,
+            centerX: g,
+            centerY: g,
             strokeWidth: 2,
-            stroke: o.get("stroke"),
+            stroke: i.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }) : D === "TRIANGLE" ? g = y.new(e, {
+          }) : D === "TRIANGLE" ? f = x.new(e, {
             width: 10,
             height: 10,
             strokeWidth: 2,
-            stroke: o.get("stroke"),
+            stroke: i.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }) : g = pe.new(e, {
+          }) : f = ue.new(e, {
             strokeWidth: 2,
             radius: 4,
-            stroke: o.get("stroke"),
+            stroke: i.get("stroke"),
             fill: e.interfaceColors.get("background")
-          }), de.new(e, { sprite: g });
-        }), o.data.setAll(a);
+          }), de.new(e, { sprite: f });
+        }), i.data.setAll(a);
       }
       if (r.set(
         "cursor",
@@ -155,42 +155,42 @@ const x = ["CIRCLE", "RECTANGLE", "TRIANGLE"], Ge = (T) => {
         root: e,
         chart: r,
         xAxis: l,
-        theme: u,
-        isDateAxis: i.type === "date",
-        baseInterval: L,
+        theme: p,
+        isDateAxis: o.type === "date",
+        baseInterval: T,
         follow: !0
       }), s.length > 1) {
-        const a = v.groupBy(p, s[1].value);
+        const a = N.groupBy(d, s[1].value);
         Object.keys(a).forEach((n, m) => {
-          F(
+          _(
             a[n],
             P(n),
             s[0].value,
             t[0].dataFieldName,
             m !== 0,
-            x[m % x.length]
+            A[m % A.length]
           );
         });
       } else
         t.forEach((a, n) => {
-          F(
-            p,
+          _(
+            d,
             a.label ?? P(a.name),
-            i.value,
+            o.value,
             a.dataFieldName,
             n !== 0,
-            x[n % x.length],
-            i.type
+            A[n % A.length],
+            o.type
           );
         });
-      O.data.setAll(r.series.values), ee(e, (N = t == null ? void 0 : t[0]) == null ? void 0 : N.format), r.appear(1e3, 100);
+      S.data.setAll(r.series.values), ee(e, (F = t == null ? void 0 : t[0]) == null ? void 0 : F.format), r.appear(1e3, 100);
     }, I), () => {
       var e;
       b && clearTimeout(b), (e = w.current) == null || e.dispose(), w.current = null;
     };
-  }, [d, s, t, u.palette.mode, R, E]);
-  const B = { ...c };
-  return { chartId: _, ownerState: B, sx: Y, error: h, other: V };
+  }, [y, s, t, p.palette.mode, L, R]);
+  const O = { ...c };
+  return { chartId: E, ownerState: O, sx: Y, error: u, other: V };
 };
 export {
   Ge as useMultipleValueAxesLogic