@hybridcore/ui 1.6.30 → 1.6.32

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

@@ -1,50 +1,50 @@
-import { R as J, A as K } from "../../../AnimatedTheme-ktdO3Bel.js";
-import { useThemeProps as Q, useTheme as Z } from "@mui/material";
-import ee from "dayjs";
+import { R as $, A as J } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as K, useTheme as Q } from "@mui/material";
+import Z from "dayjs";
 import T from "lodash";
-import { useId as te, useRef as re, useEffect as ae } from "react";
-import { applyValueFormat as ie, colorSetFromPalette as se } from "../_common/utils.js";
-import { m as E, f as oe, C as S, b as u, p as P, c as Y } from "../../../Entity-BJCuhdq_.js";
-import { X as ne } from "../../../AxisRenderer-BCQoUJw6.js";
-import { A as le, a as he } from "../../../AxisRendererY-AXWvGU6r.js";
-import { C as R } from "../../../CategoryAxis-B6NqW8qd.js";
-import { C as L, L as U, a as ce, b as ue, T as W } from "../../../Tooltip-vyZRZWih.js";
+import { useId as ee, useRef as te, useEffect as re } from "react";
+import { applyValueFormat as ae, applyInterfaceColors as ie, colorSetFromPalette as se } from "../_common/utils.js";
+import { X as oe } from "../../../AxisRenderer-BCQoUJw6.js";
+import { A as ne, a as le } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as V } from "../../../CategoryAxis-B6NqW8qd.js";
+import { C as Y, L as B, a as he, b as ce, T as U } from "../../../Tooltip-vyZRZWih.js";
+import { m as E, f as ue, C as S, b as c, p as R, c as me } from "../../../Entity-BJCuhdq_.js";
 import { R as de } from "../../../RoundedRectangle-BKLX1LKM.js";
-import { L as me } from "../../../LinearGradient-CxQyCSEB.js";
-import { C as pe } from "../../../ColumnSeries-CtRTsn-E.js";
-class _ extends L {
+import { L as pe } from "../../../LinearGradient-CxQyCSEB.js";
+import { C as fe } from "../../../ColumnSeries-CtRTsn-E.js";
+class L extends Y {
   constructor() {
     super(...arguments), Object.defineProperty(this, "labelContainer", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.children.push(L.new(this._root, {}))
+      value: this.children.push(Y.new(this._root, {}))
     }), Object.defineProperty(this, "markerContainer", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.children.push(L.new(this._root, {}))
+      value: this.children.push(Y.new(this._root, {}))
     }), Object.defineProperty(this, "startLabel", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.labelContainer.children.push(U.new(this._root, { themeTags: ["start"] }))
+      value: this.labelContainer.children.push(B.new(this._root, { themeTags: ["start"] }))
     }), Object.defineProperty(this, "endLabel", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.labelContainer.children.push(U.new(this._root, { themeTags: ["end"] }))
+      value: this.labelContainer.children.push(B.new(this._root, { themeTags: ["end"] }))
     }), Object.defineProperty(this, "markers", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new ce(ue.new({}), () => de._new(this._root, {
+      value: this.addDisposer(new he(ce.new({}), () => de._new(this._root, {
         themeTags: E(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", W.new(this._root, {
+    this._settings.themeTags = E(this._settings.themeTags, ["heatlegend", this._settings.orientation]), super._afterNew(), this.set("tooltip", U.new(this._root, {
       themeTags: ["heatlegend"]
     }));
   }
@@ -66,92 +66,88 @@ class _ extends L {
    */
   showValue(s, a, t) {
     const i = this.getTooltip();
-    if (i && oe(s)) {
-      const d = this.get("startValue", 0), o = this.get("endValue", 1);
-      let r = (s - d) / (o - d);
+    if (i && ue(s)) {
+      const u = this.get("startValue", 0), o = this.get("endValue", 1);
+      let r = (s - u) / (o - u);
       (r == 1 / 0 || r == -1 / 0 || isNaN(r)) && (r = 0.5);
       const f = this.get("startColor"), y = this.get("endColor");
       a || (a = this.getNumberFormatter().format(s)), t || (t = S.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 - r) }) : n = this.markerContainer.toGlobal({ x: this.innerWidth() * r, y: 0 });
-      let l = i.get("background");
-      l && l.set("fill", t), i.set("pointTo", n), i.show();
+      let m;
+      this.get("orientation") == "vertical" ? m = this.markerContainer.toGlobal({ x: 0, y: this.innerHeight() * (1 - r) }) : m = this.markerContainer.toGlobal({ x: this.innerWidth() * r, y: 0 });
+      let n = i.get("background");
+      n && n.set("fill", t), i.set("pointTo", m), i.show();
     }
   }
   _prepareChildren() {
     super._prepareChildren();
-    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);
+    const s = this.labelContainer, a = this.get("orientation"), t = this.startLabel, i = this.endLabel, u = this.getTooltip();
+    if (this.isDirty("orientation") && (a == "vertical" ? (this.markerContainer.setAll({ layout: this._root.verticalLayout, height: c }), this.set("layout", this._root.horizontalLayout), t.setAll({ y: c, x: void 0, centerY: c, centerX: c }), i.setAll({ y: 0, x: void 0, centerY: 0, centerX: c }), s.setAll({ height: c, width: void 0 }), u && u.set("pointerOrientation", "horizontal")) : (this.markerContainer.setAll({ layout: this._root.horizontalLayout, width: c }), this.set("layout", this._root.verticalLayout), t.setAll({ x: 0, y: void 0, centerX: 0, centerY: 0 }), i.setAll({ x: c, y: void 0, centerX: c, centerY: 0 }), s.setAll({ width: c, height: void 0 }), u && u.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), m = this.get("endOpacity", 1);
       if (this.markerContainer.children.clear(), o > 1)
-        for (let l = 0; l < o; l++) {
-          const h = this.makeMarker();
-          a == "vertical" ? this.markerContainer.children.moveValue(h, 0) : this.markerContainer.children.push(h), r && f && h.setAll({
-            fill: S.interpolate(l / o, r, f),
-            fillOpacity: P(l / o * 100).interpolate(y, n)
+        for (let n = 0; n < o; n++) {
+          const l = this.makeMarker();
+          a == "vertical" ? this.markerContainer.children.moveValue(l, 0) : this.markerContainer.children.push(l), r && f && l.setAll({
+            fill: S.interpolate(n / o, r, f),
+            fillOpacity: R(n / o * 100).interpolate(y, m)
           });
         }
       else if (o == 1) {
-        const l = this.makeMarker();
-        this.markerContainer.children.push(l);
-        const h = me.new(this._root, {
+        const n = this.makeMarker();
+        this.markerContainer.children.push(n);
+        const l = pe.new(this._root, {
           stops: [{
             color: r,
             opacity: y
           }, {
             color: f,
-            opacity: n
+            opacity: m
           }]
         });
         if (a == "vertical") {
-          h.set("rotation", 90);
-          let b = h.get("stops");
+          l.set("rotation", 90);
+          let b = l.get("stops");
           b && b.reverse();
         } else
-          h.set("rotation", 0);
-        r && f && l.set("fillGradient", h);
+          l.set("rotation", 0);
+        r && f && n.set("fillGradient", l);
       }
     }
     (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", {
+Object.defineProperty(L, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "HeatLegend"
 });
-Object.defineProperty(_, "classNames", {
+Object.defineProperty(L, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: L.classNames.concat([_.className])
+  value: Y.classNames.concat([L.className])
 });
-const De = (X) => {
-  const s = Q({ props: X, name: "HCHeatmap" }), {
+const Oe = (P) => {
+  const s = K({ props: P, name: "HCHeatmap" }), {
     dimensions: a,
     values: t,
     data: i,
-    initDelay: d = 0,
+    initDelay: u = 0,
     baseInterval: o,
     colors: r,
     sx: f,
     ...y
-  } = s, n = Z(), h = `hc-heatmap-${te().replace(/:/g, "")}`, b = re(null);
+  } = s, m = Q(), l = `hc-heatmap-${ee().replace(/:/g, "")}`, b = te(null);
   let x = null;
-  a.length < 2 ? x = "Heatmap requires at least 2 dimensions" : t.length < 1 && (x = "Heatmap requires at least 1 value"), ae(() => {
+  a.length < 2 ? x = "Heatmap requires at least 2 dimensions" : t.length < 1 && (x = "Heatmap requires at least 1 value"), re(() => {
     if (x) return;
-    let D;
-    return D = setTimeout(() => {
-      var j, M, G;
-      const e = J.new(h);
-      b.current = e, ie(e, (j = t == null ? void 0 : t[0]) == null ? void 0 : j.format), e.setThemes([K.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, {
+    let _;
+    return _ = setTimeout(() => {
+      var H, j, I;
+      const e = $.new(l);
+      b.current = e, ae(e, (H = t == null ? void 0 : t[0]) == null ? void 0 : H.format), e.setThemes([J.new(e)]), ie(e, m);
+      const d = e.container.children.push(
+        oe.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -159,64 +155,64 @@ const De = (X) => {
           layout: e.verticalLayout
         })
       );
-      m.set("colors", se(e, r));
-      const O = le.new(e, {
+      d.set("colors", se(e, r));
+      const D = ne.new(e, {
         visible: !1,
         minGridDistance: 30
       });
-      O.grid.template.set("visible", !1);
-      const c = a[0];
-      let k, v = i;
-      if (c.type === "date") {
+      D.grid.template.set("visible", !1);
+      const h = a[0];
+      let k, C = i;
+      if (h.type === "date") {
         const p = (o == null ? void 0 : o.timeUnit) || "day";
-        let C = "DD/MM/YYYY";
-        p === "month" ? C = "MM YYYY" : p === "year" && (C = "YYYY"), k = m.xAxes.push(
-          R.new(e, {
-            categoryField: c.value,
-            renderer: O
+        let v = "DD/MM/YYYY";
+        p === "month" ? v = "MM YYYY" : p === "year" && (v = "YYYY"), k = d.xAxes.push(
+          V.new(e, {
+            categoryField: h.value,
+            renderer: D
           })
-        ), v = T.orderBy(i, [c.value]), v = v.map((w) => ({
+        ), C = T.orderBy(i, [h.value]), C = C.map((w) => ({
           ...w,
-          [c.value]: ee(w[c.value]).format(C)
+          [h.value]: Z(w[h.value]).format(v)
         }));
       } else
-        k = m.xAxes.push(
-          R.new(e, {
-            categoryField: c.value,
-            renderer: O,
-            tooltip: W.new(e, {})
+        k = d.xAxes.push(
+          V.new(e, {
+            categoryField: h.value,
+            renderer: D,
+            tooltip: U.new(e, {})
           })
         );
-      const H = T.uniqBy(v, c.value);
-      if (k.data.setAll(H), t.length === 1 && a.length > 1) {
-        const p = a[1].value, C = he.new(e, {
+      const X = T.uniqBy(C, h.value);
+      if (k.data.setAll(X), t.length === 1 && a.length > 1) {
+        const p = a[1].value, v = le.new(e, {
           visible: !1,
           minGridDistance: 20,
           inversed: !0
         });
-        C.grid.template.set("visible", !1);
-        const w = m.yAxes.push(
-          R.new(e, {
+        v.grid.template.set("visible", !1);
+        const w = d.yAxes.push(
+          V.new(e, {
             maxDeviation: 0,
-            renderer: C,
+            renderer: v,
             categoryField: p
           })
-        ), I = e.interfaceColors.get("background"), F = m.bottomAxesContainer.children.push(
-          _.new(e, {
+        ), M = e.interfaceColors.get("background"), O = d.bottomAxesContainer.children.push(
+          L.new(e, {
             orientation: "horizontal",
-            startColor: I,
-            endColor: (M = m.get("colors")) == null ? void 0 : M.getIndex(0),
+            startColor: M,
+            endColor: (j = d.get("colors")) == null ? void 0 : j.getIndex(0),
             startOpacity: 1,
             endOpacity: 1
           })
-        ), g = m.series.push(
-          pe.new(e, {
+        ), g = d.series.push(
+          fe.new(e, {
             calculateAggregates: !0,
-            stroke: Y(16777215),
+            stroke: me(16777215),
             clustered: !1,
             xAxis: k,
             yAxis: w,
-            categoryXField: c.value,
+            categoryXField: h.value,
             categoryYField: p,
             valueField: t[0].dataFieldName
           })
@@ -225,45 +221,45 @@ const De = (X) => {
           tooltipText: "{categoryY}, {categoryX}: {value}",
           strokeOpacity: 1,
           strokeWidth: 2,
-          width: P(100),
-          height: P(100)
-        }), g.columns.template.events.on("pointerover", function(V) {
-          const A = V.target.dataItem;
-          A && F.showValue(A.get(p, 0));
+          width: R(100),
+          height: R(100)
+        }), g.columns.template.events.on("pointerover", function(N) {
+          const A = N.target.dataItem;
+          A && O.showValue(A.get(p, 0));
         }), g.events.on("datavalidated", function() {
-          F.set("startValue", g.getPrivate("valueLow")), F.set("endValue", g.getPrivate("valueHigh"));
+          O.set("startValue", g.getPrivate("valueLow")), O.set("endValue", g.getPrivate("valueHigh"));
         }), g.set("heatRules", [
           {
             target: g.columns.template,
-            min: I,
-            max: (G = m.get("colors")) == null ? void 0 : G.getIndex(0),
+            min: M,
+            max: (I = d.get("colors")) == null ? void 0 : I.getIndex(0),
             dataField: "value",
             key: "fill"
           }
         ]);
-        const q = T.uniqBy(v, p), N = [];
-        H.forEach((V) => {
-          q.forEach((A) => {
-            const z = {
-              [c.value]: V[c.value],
+        const G = T.uniqBy(C, p), F = [];
+        X.forEach((N) => {
+          G.forEach((A) => {
+            const q = {
+              [h.value]: N[h.value],
               [p]: A[p]
-            }, B = T.find(v, z);
-            B === void 0 ? N.push({
-              ...z,
+            }, z = T.find(C, q);
+            z === void 0 ? F.push({
+              ...q,
               [t[0].dataFieldName]: 0
-            }) : N.push(B);
+            }) : F.push(z);
           });
-        }), w.data.setAll(q), g.data.setAll(N);
+        }), w.data.setAll(G), g.data.setAll(F);
       }
-      m.appear(1e3, 100);
-    }, d), () => {
+      d.appear(1e3, 100);
+    }, u), () => {
       var e;
-      D && clearTimeout(D), (e = b.current) == null || e.dispose(), b.current = null;
+      _ && clearTimeout(_), (e = b.current) == null || e.dispose(), b.current = null;
     };
-  }, [i, a, t, n.palette.mode, r]);
-  const $ = { ...s };
-  return { chartId: h, ownerState: $, sx: f, error: x, other: y };
+  }, [i, a, t, m.palette.mode, r]);
+  const W = { ...s };
+  return { chartId: l, ownerState: W, sx: f, error: x, other: y };
 };
 export {
-  De as useHeatmapLogic
+  Oe as useHeatmapLogic
 };

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

@@ -1,44 +1,45 @@
-import { R as I, A as W } from "../../../AnimatedTheme-ktdO3Bel.js";
-import { useThemeProps as S } from "@mui/material";
-import { useRef as d, useLayoutEffect as z } from "react";
-import { X as F, V } from "../../../AxisRenderer-BCQoUJw6.js";
-import { X as G } from "../../../XYCursor-CVUSpqb9.js";
-import { D as M } from "../../../DateAxis-DEXKps1S.js";
-import { A as N, a as P } from "../../../AxisRendererY-AXWvGU6r.js";
-import { C as U } from "../../../ColorSet-cyPmWGwh.js";
-import { c as Z, p as w } from "../../../Entity-BJCuhdq_.js";
-import { L as j } from "../../../LineSeries-D_IL2qGF.js";
-import { T as q } from "../../../Tooltip-vyZRZWih.js";
-import { L as B } from "../../../Legend-CFvQiIfn.js";
-const ie = (v) => {
-  const u = S({
-    props: v,
+import { R as W, A as S } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useThemeProps as z, useTheme as F } from "@mui/material";
+import { useRef as d, useLayoutEffect as V } from "react";
+import { applyInterfaceColors as G } from "../_common/utils.js";
+import { X as M, V as N } from "../../../AxisRenderer-BCQoUJw6.js";
+import { X as P } from "../../../XYCursor-CVUSpqb9.js";
+import { D as U } from "../../../DateAxis-DEXKps1S.js";
+import { A as Z, a as j } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as q } from "../../../ColorSet-cyPmWGwh.js";
+import { c as B, p as v } from "../../../Entity-BJCuhdq_.js";
+import { L as J } from "../../../LineSeries-D_IL2qGF.js";
+import { T as K } from "../../../Tooltip-vyZRZWih.js";
+import { L as Q } from "../../../Legend-CFvQiIfn.js";
+const pe = (A) => {
+  const u = z({
+    props: A,
     name: "HCHighlightLineChart"
-  }), {
-    seriesData: m,
-    height: f = "500px",
-    width: k = "100%",
+  }), f = F(), {
+    seriesData: c,
+    height: k = "500px",
+    width: g = "100%",
     chartId: p = "highlight-line-chart",
     showLegend: l = !0,
-    loading: g = !1,
-    emptyMessage: x = "No data available",
-    sx: A,
+    loading: x = !1,
+    emptyMessage: w = "No data available",
+    sx: y,
     ...L
-  } = u, y = {
+  } = u, C = {
     ...u,
-    height: f,
-    width: k,
+    height: k,
+    width: g,
     chartId: p,
     showLegend: l,
-    loading: g,
-    emptyMessage: x
-  }, X = d(null), C = d(null), h = d(null);
-  return z(() => {
+    loading: x,
+    emptyMessage: w
+  }, X = d(null), R = d(null), h = d(null);
+  return V(() => {
     if (!h.current) return;
-    const e = I.new(h.current);
-    C.current = e, e.setThemes([W.new(e)]);
+    const e = W.new(h.current);
+    R.current = e, e.setThemes([S.new(e)]), G(e, f);
     const o = e.container.children.push(
-      F.new(e, {
+      M.new(e, {
         panX: !0,
         panY: !0,
         // The widget lives in a scrollable dashboard, so the wheel must reach the
@@ -50,81 +51,81 @@ const ie = (v) => {
     );
     X.current = o, o.set(
       "cursor",
-      G.new(e, {
+      P.new(e, {
         behavior: "zoomX"
       })
     ).lineY.set("visible", !1);
-    const R = o.xAxes.push(
-      M.new(e, {
+    const Y = o.xAxes.push(
+      U.new(e, {
         maxDeviation: 0.3,
         baseInterval: { timeUnit: "day", count: 1 },
-        renderer: N.new(e, {
+        renderer: Z.new(e, {
           minorGridEnabled: !0
         })
       })
-    ), Y = o.yAxes.push(
-      V.new(e, {
-        renderer: P.new(e, {})
+    ), T = o.yAxes.push(
+      N.new(e, {
+        renderer: j.new(e, {})
       })
-    ), c = [], b = U.new(e, {});
-    m.forEach((t, i) => {
-      const s = t.color ? Z(t.color) : b.getIndex(i), r = o.series.push(
-        j.new(e, {
+    ), m = [], b = q.new(e, {});
+    c.forEach((t, i) => {
+      const s = t.color ? B(t.color) : b.getIndex(i), r = o.series.push(
+        J.new(e, {
           name: t.name,
-          xAxis: R,
-          yAxis: Y,
+          xAxis: Y,
+          yAxis: T,
           valueYField: "value",
           valueXField: "date",
           stroke: s,
           fill: s,
-          tooltip: q.new(e, {
+          tooltip: K.new(e, {
             labelText: "{name}: {valueY}"
           })
         })
       );
       r.strokes.template.setAll({
         strokeWidth: 2
-      }), r.data.setAll(t.data), c.push(r);
+      }), r.data.setAll(t.data), m.push(r);
     });
     let n = null;
     l && (n = o.children.push(
-      B.new(e, {
-        centerX: w(50),
-        x: w(50),
+      Q.new(e, {
+        centerX: v(50),
+        x: v(50),
         layout: e.horizontalLayout
       })
     ), n.data.setAll(o.series.values));
-    const E = 1, O = 0.2, T = 4, D = (t) => {
+    const E = 1, I = 0.2, O = 4, D = (t) => {
       var r;
       const s = (r = t.target.dataItem) == null ? void 0 : r.dataContext;
-      s && (s.strokes.template.set("strokeOpacity", 1), s.strokes.template.set("strokeWidth", T), c.forEach((a) => {
-        a !== s && (a.strokes.template.set("strokeOpacity", O), a.strokes.template.set("strokeWidth", 1));
+      s && (s.strokes.template.set("strokeOpacity", 1), s.strokes.template.set("strokeWidth", O), m.forEach((a) => {
+        a !== s && (a.strokes.template.set("strokeOpacity", I), a.strokes.template.set("strokeWidth", 1));
       }));
     }, H = (t) => {
       var r;
-      ((r = t.target.dataItem) == null ? void 0 : r.dataContext) && c.forEach((a) => {
+      ((r = t.target.dataItem) == null ? void 0 : r.dataContext) && m.forEach((a) => {
         a.strokes.template.set("strokeOpacity", E), a.strokes.template.set("strokeWidth", 2);
       });
     };
-    return n && (n.markers.template.events.on("pointerover", D), n.markers.template.events.on("pointerout", H)), o.appear(1e3, 100), c.forEach((t, i) => {
+    return n && (n.markers.template.events.on("pointerover", D), n.markers.template.events.on("pointerout", H)), o.appear(1e3, 100), m.forEach((t, i) => {
       t.appear(1e3, 100 * (i + 1));
     }), () => {
       e.dispose();
     };
-  }, [p, m, l]), {
+  }, [p, c, l, f.palette.mode]), {
     chartDivRef: h,
-    seriesData: m,
-    height: f,
-    width: k,
+    seriesData: c,
+    height: k,
+    width: g,
     chartId: p,
     showLegend: l,
-    loading: g,
-    emptyMessage: x,
-    sx: A,
+    loading: x,
+    emptyMessage: w,
+    sx: y,
     other: L,
-    ownerState: y
+    ownerState: C
   };
 };
 export {
-  ie as useHighlightLineChartLogic
+  pe as useHighlightLineChartLogic
 };