@hybridcore/ui 1.6.5 → 1.6.7

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

@@ -1,16 +1,16 @@
-import { C as L, L as B, k as $, l as J, T as U, R as K, A as Q } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as Z, useTheme as ee } from "@mui/material";
-import te from "dayjs";
+import { C as L, L as E, k as J, l as K, T as W, R as Q, A as Z } from "../../../AnimatedTheme-jnasw6rT.js";
+import { useThemeProps as ee, useTheme as te } from "@mui/material";
+import re from "dayjs";
 import T from "lodash";
-import { useId as re, useRef as ae, useEffect as ie } from "react";
-import { colorSetFromPalette as se } from "../_common/utils.js";
-import { m as E, f as oe, u as S, b as u, p as P, c as Y } from "../../../ColorSet-C7vpNXhM.js";
-import { X as ne } from "../../../AxisRenderer-DTyLLA6c.js";
-import { A as le, a as he } from "../../../AxisRendererY-C_ItLPNV.js";
+import { useId as ae, useRef as ie, useEffect as se } from "react";
+import { applyValueFormat as oe, colorSetFromPalette as ne } from "../_common/utils.js";
+import { m as S, f as le, u as U, b as u, p as P, c as Y } from "../../../ColorSet-C7vpNXhM.js";
+import { X as he } from "../../../AxisRenderer-DTyLLA6c.js";
+import { A as ce, a as ue } from "../../../AxisRendererY-C_ItLPNV.js";
 import { C as R } from "../../../CategoryAxis-CwnfaGc8.js";
-import { R as ce } from "../../../RoundedRectangle-CWLi2PXn.js";
-import { L as ue } from "../../../LinearGradient-DiRq5YcI.js";
-import { C as de } from "../../../ColumnSeries-CjgdJ2QL.js";
+import { R as de } from "../../../RoundedRectangle-CWLi2PXn.js";
+import { L as me } from "../../../LinearGradient-DiRq5YcI.js";
+import { C as pe } from "../../../ColumnSeries-CjgdJ2QL.js";
 class _ extends L {
   constructor() {
     super(...arguments), Object.defineProperty(this, "labelContainer", {
@@ -27,23 +27,23 @@ class _ extends L {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.labelContainer.children.push(B.new(this._root, { themeTags: ["start"] }))
+      value: this.labelContainer.children.push(E.new(this._root, { themeTags: ["start"] }))
     }), Object.defineProperty(this, "endLabel", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.labelContainer.children.push(B.new(this._root, { themeTags: ["end"] }))
+      value: this.labelContainer.children.push(E.new(this._root, { themeTags: ["end"] }))
     }), Object.defineProperty(this, "markers", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new $(J.new({}), () => ce._new(this._root, {
-        themeTags: E(this.markers.template.get("themeTags", []), [this.get("orientation"), "heatlegend", "marker"])
+      value: this.addDisposer(new J(K.new({}), () => de._new(this._root, {
+        themeTags: S(this.markers.template.get("themeTags", []), [this.get("orientation"), "heatlegend", "marker"])
       }, [this.markers.template])))
     });
   }
   _afterNew() {
-    this._settings.themeTags = E(this._settings.themeTags, ["heatlegend", this._settings.orientation]), super._afterNew(), this.set("tooltip", U.new(this._root, {
+    this._settings.themeTags = S(this._settings.themeTags, ["heatlegend", this._settings.orientation]), super._afterNew(), this.set("tooltip", W.new(this._root, {
       themeTags: ["heatlegend"]
     }));
   }
@@ -63,55 +63,55 @@ class _ extends L {
    * @param  text   Text
    * @param  color  Color
    */
-  showValue(s, r, a) {
+  showValue(s, a, t) {
     const i = this.getTooltip();
-    if (i && oe(s)) {
+    if (i && le(s)) {
       const d = this.get("startValue", 0), o = this.get("endValue", 1);
-      let t = (s - d) / (o - d);
-      (t == 1 / 0 || t == -1 / 0 || isNaN(t)) && (t = 0.5);
+      let r = (s - d) / (o - d);
+      (r == 1 / 0 || r == -1 / 0 || isNaN(r)) && (r = 0.5);
       const f = this.get("startColor"), y = this.get("endColor");
-      r || (r = this.getNumberFormatter().format(s)), a || (a = S.interpolate(t, f, y)), i.label.set("text", r);
+      a || (a = this.getNumberFormatter().format(s)), t || (t = U.interpolate(r, f, y)), i.label.set("text", a);
       let n;
-      this.get("orientation") == "vertical" ? n = this.markerContainer.toGlobal({ x: 0, y: this.innerHeight() * (1 - t) }) : n = this.markerContainer.toGlobal({ x: this.innerWidth() * t, y: 0 });
+      this.get("orientation") == "vertical" ? n = this.markerContainer.toGlobal({ x: 0, y: this.innerHeight() * (1 - r) }) : n = this.markerContainer.toGlobal({ x: this.innerWidth() * r, y: 0 });
       let l = i.get("background");
-      l && l.set("fill", a), i.set("pointTo", n), i.show();
+      l && l.set("fill", t), i.set("pointTo", n), i.show();
     }
   }
   _prepareChildren() {
     super._prepareChildren();
-    const s = this.labelContainer, r = this.get("orientation"), a = this.startLabel, i = this.endLabel, d = this.getTooltip();
-    if (this.isDirty("orientation") && (r == "vertical" ? (this.markerContainer.setAll({ layout: this._root.verticalLayout, height: u }), this.set("layout", this._root.horizontalLayout), a.setAll({ y: u, x: void 0, centerY: u, centerX: u }), i.setAll({ y: 0, x: void 0, centerY: 0, centerX: u }), s.setAll({ height: u, width: void 0 }), d && d.set("pointerOrientation", "horizontal")) : (this.markerContainer.setAll({ layout: this._root.horizontalLayout, width: u }), this.set("layout", this._root.verticalLayout), a.setAll({ x: 0, y: void 0, centerX: 0, centerY: 0 }), i.setAll({ x: u, y: void 0, centerX: u, centerY: 0 }), s.setAll({ width: u, height: void 0 }), d && d.set("pointerOrientation", "vertical"))), this.isDirty("stepCount")) {
-      const o = this.get("stepCount", 1), t = this.get("startColor"), f = this.get("endColor"), y = this.get("startOpacity", 1), n = this.get("endOpacity", 1);
+    const s = this.labelContainer, a = this.get("orientation"), t = this.startLabel, i = this.endLabel, d = this.getTooltip();
+    if (this.isDirty("orientation") && (a == "vertical" ? (this.markerContainer.setAll({ layout: this._root.verticalLayout, height: u }), this.set("layout", this._root.horizontalLayout), t.setAll({ y: u, x: void 0, centerY: u, centerX: u }), i.setAll({ y: 0, x: void 0, centerY: 0, centerX: u }), s.setAll({ height: u, width: void 0 }), d && d.set("pointerOrientation", "horizontal")) : (this.markerContainer.setAll({ layout: this._root.horizontalLayout, width: u }), this.set("layout", this._root.verticalLayout), t.setAll({ x: 0, y: void 0, centerX: 0, centerY: 0 }), i.setAll({ x: u, y: void 0, centerX: u, centerY: 0 }), s.setAll({ width: u, height: void 0 }), d && d.set("pointerOrientation", "vertical"))), this.isDirty("stepCount")) {
+      const o = this.get("stepCount", 1), r = this.get("startColor"), f = this.get("endColor"), y = this.get("startOpacity", 1), n = this.get("endOpacity", 1);
       if (this.markerContainer.children.clear(), o > 1)
         for (let l = 0; l < o; l++) {
           const h = this.makeMarker();
-          r == "vertical" ? this.markerContainer.children.moveValue(h, 0) : this.markerContainer.children.push(h), t && f && h.setAll({
-            fill: S.interpolate(l / o, t, f),
+          a == "vertical" ? this.markerContainer.children.moveValue(h, 0) : this.markerContainer.children.push(h), r && f && h.setAll({
+            fill: U.interpolate(l / o, r, f),
             fillOpacity: P(l / o * 100).interpolate(y, n)
           });
         }
       else if (o == 1) {
         const l = this.makeMarker();
         this.markerContainer.children.push(l);
-        const h = ue.new(this._root, {
+        const h = me.new(this._root, {
           stops: [{
-            color: t,
+            color: r,
             opacity: y
           }, {
             color: f,
             opacity: n
           }]
         });
-        if (r == "vertical") {
+        if (a == "vertical") {
           h.set("rotation", 90);
           let b = h.get("stops");
           b && b.reverse();
         } else
           h.set("rotation", 0);
-        t && f && l.set("fillGradient", h);
+        r && f && l.set("fillGradient", h);
       }
     }
-    (this.isDirty("startText") || this.isDirty("startValue")) && a.set("text", this.get("startText", this.getNumberFormatter().format(this.get("startValue", 0)))), (this.isDirty("endText") || this.isDirty("endValue")) && i.set("text", this.get("endText", this.getNumberFormatter().format(this.get("endValue", 1))));
+    (this.isDirty("startText") || this.isDirty("startValue")) && t.set("text", this.get("startText", this.getNumberFormatter().format(this.get("startValue", 0)))), (this.isDirty("endText") || this.isDirty("endValue")) && i.set("text", this.get("endText", this.getNumberFormatter().format(this.get("endValue", 1))));
   }
 }
 Object.defineProperty(_, "className", {
@@ -126,31 +126,31 @@ Object.defineProperty(_, "classNames", {
   writable: !0,
   value: L.classNames.concat([_.className])
 });
-const Ye = (X) => {
-  const s = Z({ props: X, name: "HCHeatmap" }), {
-    dimensions: r,
-    values: a,
+const _e = (X) => {
+  const s = ee({ props: X, name: "HCHeatmap" }), {
+    dimensions: a,
+    values: t,
     data: i,
     initDelay: d = 0,
     baseInterval: o,
-    colors: t,
+    colors: r,
     sx: f,
     ...y
-  } = s, n = ee(), h = `hc-heatmap-${re().replace(/:/g, "")}`, b = ae(null);
+  } = s, n = te(), h = `hc-heatmap-${ae().replace(/:/g, "")}`, b = ie(null);
   let x = null;
-  r.length < 2 ? x = "Heatmap requires at least 2 dimensions" : a.length < 1 && (x = "Heatmap requires at least 1 value"), ie(() => {
+  a.length < 2 ? x = "Heatmap requires at least 2 dimensions" : t.length < 1 && (x = "Heatmap requires at least 1 value"), se(() => {
     if (x) return;
     let D;
     return D = setTimeout(() => {
-      var j, M;
-      const e = K.new(h);
-      b.current = e, e.setThemes([Q.new(e)]), e.interfaceColors.setAll({
+      var j, M, G;
+      const e = Q.new(h);
+      b.current = e, oe(e, (j = t == null ? void 0 : t[0]) == null ? void 0 : j.format), e.setThemes([Z.new(e)]), e.interfaceColors.setAll({
         text: Y(n.palette.text.primary),
         grid: Y(n.palette.divider),
         stroke: Y(n.palette.divider)
       });
       const m = e.container.children.push(
-        ne.new(e, {
+        he.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -158,13 +158,13 @@ const Ye = (X) => {
           layout: e.verticalLayout
         })
       );
-      m.set("colors", se(e, t));
-      const O = le.new(e, {
+      m.set("colors", ne(e, r));
+      const O = ce.new(e, {
         visible: !1,
         minGridDistance: 30
       });
       O.grid.template.set("visible", !1);
-      const c = r[0];
+      const c = a[0];
       let k, v = i;
       if (c.type === "date") {
         const p = (o == null ? void 0 : o.timeUnit) || "day";
@@ -176,19 +176,19 @@ const Ye = (X) => {
           })
         ), v = T.orderBy(i, [c.value]), v = v.map((w) => ({
           ...w,
-          [c.value]: te(w[c.value]).format(C)
+          [c.value]: re(w[c.value]).format(C)
         }));
       } else
         k = m.xAxes.push(
           R.new(e, {
             categoryField: c.value,
             renderer: O,
-            tooltip: U.new(e, {})
+            tooltip: W.new(e, {})
           })
         );
       const H = T.uniqBy(v, c.value);
-      if (k.data.setAll(H), a.length === 1 && r.length > 1) {
-        const p = r[1].value, C = he.new(e, {
+      if (k.data.setAll(H), t.length === 1 && a.length > 1) {
+        const p = a[1].value, C = ue.new(e, {
           visible: !1,
           minGridDistance: 20,
           inversed: !0
@@ -200,16 +200,16 @@ const Ye = (X) => {
             renderer: C,
             categoryField: p
           })
-        ), G = e.interfaceColors.get("background"), N = m.bottomAxesContainer.children.push(
+        ), I = e.interfaceColors.get("background"), F = m.bottomAxesContainer.children.push(
           _.new(e, {
             orientation: "horizontal",
-            startColor: G,
-            endColor: (j = m.get("colors")) == null ? void 0 : j.getIndex(0),
+            startColor: I,
+            endColor: (M = m.get("colors")) == null ? void 0 : M.getIndex(0),
             startOpacity: 1,
             endOpacity: 1
           })
         ), g = m.series.push(
-          de.new(e, {
+          pe.new(e, {
             calculateAggregates: !0,
             stroke: Y(16777215),
             clustered: !1,
@@ -217,7 +217,7 @@ const Ye = (X) => {
             yAxis: w,
             categoryXField: c.value,
             categoryYField: p,
-            valueField: a[0].dataFieldName
+            valueField: t[0].dataFieldName
           })
         );
         g.columns.template.setAll({
@@ -228,41 +228,41 @@ const Ye = (X) => {
           height: P(100)
         }), g.columns.template.events.on("pointerover", function(V) {
           const A = V.target.dataItem;
-          A && N.showValue(A.get(p, 0));
+          A && F.showValue(A.get(p, 0));
         }), g.events.on("datavalidated", function() {
-          N.set("startValue", g.getPrivate("valueLow")), N.set("endValue", g.getPrivate("valueHigh"));
+          F.set("startValue", g.getPrivate("valueLow")), F.set("endValue", g.getPrivate("valueHigh"));
         }), g.set("heatRules", [
           {
             target: g.columns.template,
-            min: G,
-            max: (M = m.get("colors")) == null ? void 0 : M.getIndex(0),
+            min: I,
+            max: (G = m.get("colors")) == null ? void 0 : G.getIndex(0),
             dataField: "value",
             key: "fill"
           }
         ]);
-        const I = T.uniqBy(v, p), F = [];
+        const q = T.uniqBy(v, p), N = [];
         H.forEach((V) => {
-          I.forEach((A) => {
-            const q = {
+          q.forEach((A) => {
+            const z = {
               [c.value]: V[c.value],
               [p]: A[p]
-            }, z = T.find(v, q);
-            z === void 0 ? F.push({
-              ...q,
-              [a[0].dataFieldName]: 0
-            }) : F.push(z);
+            }, B = T.find(v, z);
+            B === void 0 ? N.push({
+              ...z,
+              [t[0].dataFieldName]: 0
+            }) : N.push(B);
           });
-        }), w.data.setAll(I), g.data.setAll(F);
+        }), w.data.setAll(q), g.data.setAll(N);
       }
       m.appear(1e3, 100);
     }, d), () => {
       var e;
       D && clearTimeout(D), (e = b.current) == null || e.dispose(), b.current = null;
     };
-  }, [i, r, a, n.palette.mode, t]);
-  const W = { ...s };
-  return { chartId: h, ownerState: W, sx: f, error: x, other: y };
+  }, [i, a, t, n.palette.mode, r]);
+  const $ = { ...s };
+  return { chartId: h, ownerState: $, sx: f, error: x, other: y };
 };
 export {
-  Ye as useHeatmapLogic
+  _e as useHeatmapLogic
 };

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

@@ -1,143 +1,241 @@
-import { R as E, a as M, A as V, T as A } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as z, useTheme as H } from "@mui/material";
-import b from "lodash";
-import { useId as N, useRef as S, useEffect as U } from "react";
-import { colorSetFromPalette as Z } from "../_common/utils.js";
-import { c as i, p as g, b as F } from "../../../ColorSet-C7vpNXhM.js";
-import { X as _, V as $ } from "../../../AxisRenderer-DTyLLA6c.js";
-import { D as j } from "../../../DateAxis-YX3QNIB-.js";
-import { A as D, a as q } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as G } from "../../../CategoryAxis-CwnfaGc8.js";
-import { L as J } from "../../../LineSeries-Uiv5o56b.js";
-import { D as K } from "../../../DataProcessor-CHDO51q4.js";
-import { X as Q } from "../../../XYCursor-C8WktvKM.js";
-import { L as ee } from "../../../Legend-Dp_MKfS4.js";
-const ge = (L) => {
-  const v = z({ props: L, name: "HCLineChart" }), {
-    dimensions: t,
-    values: c,
-    data: p,
-    initDelay: Y = 0,
-    baseInterval: R,
-    colors: x,
-    sx: I,
-    ...O
-  } = v, a = H(), w = `hc-line-chart-${N().replace(/:/g, "")}`, u = S(null);
-  let m = null;
-  t.length < 1 ? m = "Missing dimensions config!" : c.length < 1 && (m = "Missing values config!"), U(() => {
-    if (m) return;
-    let h;
-    return h = setTimeout(() => {
-      var k, T, C;
-      const e = E.new(w);
-      u.current = e;
-      const W = M.new(e);
-      e.setThemes([V.new(e), W]), e.interfaceColors.setAll({
-        text: i(a.palette.text.primary),
-        grid: i(a.palette.divider),
-        stroke: i(a.palette.divider)
+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 = {
+  millisecond: 1,
+  second: 1e3,
+  minute: 6e4,
+  hour: 36e5,
+  day: 864e5,
+  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;
+    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)
       });
-      const r = e.container.children.push(
-        _.new(e, {
+      const n = e.container.children.push(
+        ie.new(e, {
           panX: !0,
           panY: !0,
           wheelX: "none",
           wheelY: "none",
-          maxTooltipDistance: 0,
+          // -1 = show the tooltip from the cursor's x-position anywhere in the
+          // plot, not only when the pointer is on a data point / line.
+          maxTooltipDistance: -1,
           pinchZoomX: !0
         })
       );
-      r.set("colors", Z(e, x));
-      let n, d = p;
-      t[0].type === "date" ? (n = r.xAxes.push(
-        j.new(e, {
+      n.set("colors", se(e, X));
+      let d, f = w;
+      r[0].type === "date" ? (d = n.xAxes.push(
+        me.new(e, {
           maxDeviation: 0.1,
           groupData: !1,
-          baseInterval: R || { timeUnit: "day", count: 1 },
-          renderer: D.new(e, {}),
-          tooltip: A.new(e, {})
+          baseInterval: l || { timeUnit: "day", count: 1 },
+          renderer: V.new(e, {})
         })
-      ), d = b.orderBy(p, [t[0].value])) : (n = r.xAxes.push(
-        G.new(e, {
-          categoryField: t[0].value,
-          renderer: D.new(e, {}),
-          tooltip: A.new(e, {})
+      ), f = _.orderBy(w, [r[0].value])) : (d = n.xAxes.push(
+        pe.new(e, {
+          categoryField: r[0].value,
+          renderer: V.new(e, {})
         })
       ), e.numberFormatter.setAll({
         numberFormat: "#",
         numericFields: ["valueX"]
-      }), d = b.orderBy(p, [t[0].value]), n.data.setAll(d));
-      const y = r.yAxes.push(
-        $.new(e, {
-          renderer: q.new(e, {})
+      }), f = _.orderBy(w, [r[0].value]), d.data.setAll(f));
+      const N = n.yAxes.push(
+        le.new(e, {
+          renderer: de.new(e, {})
         })
       );
-      (k = n.get("renderer")) == null || k.grid.template.setAll({
-        stroke: i(a.palette.divider),
+      ($ = d.get("renderer")) == null || $.grid.template.setAll({
+        stroke: c(m.palette.divider),
         strokeOpacity: 1
-      }), (T = n.get("renderer")) == null || T.labels.template.setAll({ paddingTop: 12 }), (C = y.get("renderer")) == null || C.grid.template.setAll({
-        stroke: i(a.palette.divider),
+      }), (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),
         strokeOpacity: 1
-      }), c.forEach((s) => {
-        const o = r.series.push(
-          J.new(e, {
-            name: s.name,
-            xAxis: n,
-            yAxis: y,
-            valueYField: s.dataFieldName,
-            ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value },
-            tooltip: A.new(e, {
-              pointerOrientation: "horizontal",
-              labelText: "{name}: {valueY}"
-            })
+      });
+      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, {
+            // Legend/tooltip label: explicit override, else humanize the raw
+            // backend field (snake_case / lowercase → Title Case).
+            name: t.label ?? ae(t.name),
+            xAxis: d,
+            yAxis: N,
+            valueYField: t.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 }
           })
         );
-        t[0].type === "date" && (o.data.processor = K.new(e, {
+        if (r[0].type === "date" && (a.data.processor = ue.new(e, {
           dateFormat: "i",
-          dateFields: [t[0].value]
-        })), o.data.setAll(d), o.strokes.template.setAll({ strokeWidth: 2 }), o.appear();
-      }), r.set(
+          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, {
+                  radius: 3,
+                  fill: a.get("fill"),
+                  stroke: o.interfaceColors.get("background"),
+                  strokeWidth: 1
+                })
+              });
+          });
+        }
+        a.data.setAll(f), a.strokes.template.setAll({ strokeWidth: 2 }), a.appear();
+      }), n.set(
         "cursor",
-        Q.new(e, { behavior: "none" })
+        he.new(e, { xAxis: d, behavior: "none" })
       ).lineY.set("visible", !1);
-      const l = r.bottomAxesContainer.children.push(
-        ee.new(e, {
-          width: g(100),
+      const h = n.bottomAxesContainer.children.push(
+        ge.new(e, {
+          width: k(100),
           paddingTop: 10,
-          centerX: g(50),
-          x: g(50),
+          centerX: k(50),
+          x: k(50),
           layout: e.gridLayout
         })
       );
-      l.itemContainers.template.events.on("pointerover", function(s) {
-        var X;
-        const o = s.target, B = (X = o == null ? void 0 : o.dataItem) == null ? void 0 : X.dataContext;
-        r.series.each(function(f) {
-          f !== B ? f.strokes.template.setAll({
+      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({
             strokeOpacity: 0.15,
-            stroke: i(0)
-          }) : f.strokes.template.setAll({ strokeWidth: 3 });
+            stroke: c(0)
+          }) : p.strokes.template.setAll({ strokeWidth: 3 });
         });
-      }), l.itemContainers.template.events.on("pointerout", function() {
-        r.series.each(function(s) {
-          s.strokes.template.setAll({
+      }), h.itemContainers.template.events.on("pointerout", function() {
+        n.series.each(function(t) {
+          t.strokes.template.setAll({
             strokeOpacity: 1,
             strokeWidth: 2,
-            stroke: s.get("fill")
+            stroke: t.get("fill")
           });
         });
-      }), l.itemContainers.template.set("width", F), l.valueLabels.template.setAll({
-        width: F,
+      }), h.itemContainers.template.set("width", U), h.valueLabels.template.setAll({
+        width: U,
         textAlign: "right"
-      }), l.data.setAll(r.series.values), r.appear(1e3, 100);
-    }, Y), () => {
+      }), 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), () => {
       var e;
-      h && clearTimeout(h), (e = u.current) == null || e.dispose(), u.current = null;
+      C && clearTimeout(C), (e = F.current) == null || e.dispose(), F.current = null;
     };
-  }, [p, t, c, a.palette.mode, x]);
-  const P = { ...v };
-  return { chartId: w, ownerState: P, sx: I, error: m, other: O };
+  }, [w, r, y, m.palette.mode, X, T]);
+  const W = { ...b };
+  return { chartId: H, ownerState: W, sx: G, error: v, other: I };
 };
 export {
-  ge as useLineChartLogic
+  Ue as useLineChartLogic
 };