@hybridcore/ui 1.6.14 → 1.6.17

package/CATALOG.md

@@ -117,6 +117,7 @@ import { ComponentName } from '@hybridcore/ui';
 | Loading           | HCLoading                  | Centered circular spinner with optional overlay                        | loading, spinner                |
 | StatsBox          | HCStatsBox                 | Label + value + icon stat tile                                         | stats, indicator                |
 | MetricCard        | HCMetricCard               | KPI card with value, change, trend, and inline mini-chart              | metric, kpi, card, chart        |
+| StatusIndicator   | HCStatusIndicator          | Maps a categorical/enum value to a configurable label, color, and icon | status, indicator, enum, badge  |
 | TimelineWidget    | HCTimeline                 | Vertical timeline list with dots + load-more                           | timeline, list, history         |
 | TextOverflow      | HCTextOverflow             | Text with ellipsis + native tooltip on overflow                        | text, overflow, ellipsis        |
 | StaticText        | HCStaticText               | Themed renderer for static HTML content (headings, lists, links)       | text, html, static              |

package/dist/IconCircle-HcgE1lHy.js

@@ -0,0 +1,11 @@
+import { c } from "./createReactComponent-C7L-DMHj.js";
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", key: "svg-0" }]], t = c("outline", "circle", "Circle", e);
+export {
+  t as I
+};

package/dist/IconMinus-B6OPYVyo.js

@@ -0,0 +1,11 @@
+import { c as o } from "./createReactComponent-C7L-DMHj.js";
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const n = [["path", { d: "M5 12l14 0", key: "svg-0" }]], e = o("outline", "minus", "Minus", n);
+export {
+  e as I
+};

package/dist/IconPlus-7KPPhzOb.js

@@ -0,0 +1,11 @@
+import { c as o } from "./createReactComponent-C7L-DMHj.js";
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const t = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14 0", key: "svg-1" }]], s = o("outline", "plus", "Plus", t);
+export {
+  s as I
+};

package/dist/IconTrendingUp-CW4SFYmc.js

@@ -0,0 +1,27 @@
+import { c as n } from "./createReactComponent-C7L-DMHj.js";
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const o = [["path", { d: "M5 12l14 0", key: "svg-0" }], ["path", { d: "M13 18l6 -6", key: "svg-1" }], ["path", { d: "M13 6l6 6", key: "svg-2" }]], r = n("outline", "arrow-right", "ArrowRight", o);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const t = [["path", { d: "M3 7l6 6l4 -4l8 8", key: "svg-0" }], ["path", { d: "M21 10l0 7l-7 0", key: "svg-1" }]], s = n("outline", "trending-down", "TrendingDown", t);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "M14 7l7 0l0 7", key: "svg-1" }]], g = n("outline", "trending-up", "TrendingUp", e);
+export {
+  r as I,
+  g as a,
+  s as b
+};

package/dist/components/charts/_common/tooltip.js

@@ -1,6 +1,6 @@
-import { T as x } from "../../../Tooltip-vyZRZWih.js";
-import { c as p, p as v } from "../../../Entity-BJCuhdq_.js";
-const F = {
+import { T } from "../../../Tooltip-vyZRZWih.js";
+import { c as p, p as S } from "../../../Entity-BJCuhdq_.js";
+const w = {
   millisecond: "d MMM, yyyy HH:mm:ss.SSS",
   second: "d MMM, yyyy HH:mm:ss",
   minute: "d MMM, yyyy HH:mm",
@@ -9,7 +9,7 @@ const F = {
   week: "d MMM, yyyy",
   month: "MMM yyyy",
   year: "yyyy"
-}, $ = (o) => F[(o == null ? void 0 : o.timeUnit) ?? "day"], T = (o, t) => {
+}, A = (o) => w[(o == null ? void 0 : o.timeUnit) ?? "day"], F = (o, t) => {
   var i;
   (i = o.get("background")) == null || i.setAll({
     fill: p(t.palette.background.paper),
@@ -18,56 +18,65 @@ const F = {
   }), o.label.setAll({
     fill: p(t.palette.text.primary),
     textAlign: "left",
-    lineHeight: v(160)
+    lineHeight: S(160)
   });
-}, D = (o) => {
-  const { root: t, chart: i, theme: s, getText: y } = o, e = x.new(t, { getFillFromSprite: !1 });
-  T(e, s), e.label.adapters.add("text", y), t.tooltipContainer.children.push(e);
-  const n = i.get("cursor");
-  return n == null || n.events.on("cursormoved", () => {
-    const c = n.getPrivate("point");
-    c && (e.label.text.markDirtyText(), e.set("pointTo", n.toGlobal(c)), e.show());
-  }), n == null || n.events.on("cursorhidden", () => e.hide()), e;
-}, A = (o) => {
-  const { root: t, chart: i, xAxis: s, theme: y, isDateAxis: e, baseInterval: n, follow: c } = o, f = $(n), b = p(y.palette.text.secondary).toCSSHex(), g = () => {
-    let l = "";
+}, k = (o) => {
+  const { root: t, chart: i, theme: s, getText: c } = o, e = T.new(t, { getFillFromSprite: !1 });
+  F(e, s), e.label.adapters.add("text", c), t.tooltipContainer.children.push(e);
+  const a = i.get("cursor");
+  return a == null || a.events.on("cursormoved", () => {
+    const y = a.getPrivate("point");
+    y && (e.label.text.markDirtyText(), e.set("pointTo", a.toGlobal(y)), e.show());
+  }), a == null || a.events.on("cursorhidden", () => e.hide()), e;
+}, O = (o) => {
+  const {
+    root: t,
+    chart: i,
+    xAxis: s,
+    theme: c,
+    isDateAxis: e,
+    baseInterval: a,
+    follow: y,
+    horizontal: u
+  } = o, g = A(a), v = p(c.palette.text.secondary).toCSSHex(), b = u ? "valueX" : "valueY", H = u ? "valueY" : "valueX", $ = u ? "categoryY" : "categoryX", M = () => {
+    let n = "";
     const m = [];
     if (i.series.each((r) => {
-      const a = r.get("tooltipDataItem"), u = a == null ? void 0 : a.get("valueY");
-      if (a === void 0 || u === void 0 || u === null)
+      const l = r.get("tooltipDataItem"), f = l == null ? void 0 : l.get(b);
+      if (l === void 0 || f === void 0 || f === null)
         return;
-      if (!l)
+      if (!n)
         if (e) {
-          const h = a.get("valueX");
-          typeof h == "number" && (l = t.dateFormatter.format(new Date(h), f));
+          const x = l.get(H);
+          typeof x == "number" && (n = t.dateFormatter.format(new Date(x), g));
         } else
-          l = `${a.get("categoryX") ?? ""}`;
-      const M = r.get("fill") ?? r.get("stroke"), H = M ? `[${M.toCSSHex()}]●[/] ` : "";
+          n = `${l.get($) ?? ""}`;
+      const h = r.get("fill") ?? r.get("stroke"), D = h ? `[${h.toCSSHex()}]●[/] ` : "";
       m.push(
-        `${H}${r.get("name")}: ${t.numberFormatter.format(u)}`
+        `${D}${r.get("name")}: ${t.numberFormatter.format(f)}`
       );
     }), m.length === 0) {
       if (e) {
-        const a = s.positionToValue(
+        const l = s.positionToValue(
           s.getPrivate("tooltipPosition", 0)
         );
-        typeof a == "number" && !Number.isNaN(a) && (l = t.dateFormatter.format(new Date(a), f));
+        typeof l == "number" && !Number.isNaN(l) && (n = t.dateFormatter.format(new Date(l), g));
       }
-      const r = `[${b}]No data[/]`;
-      return l ? `[bold]${l}[/]
+      const r = `[${v}]No data[/]`;
+      return n ? `[bold]${n}[/]
 ${r}` : r;
     }
-    return l ? `[bold]${l}[/]
+    return n ? `[bold]${n}[/]
 ${m.join(`
 `)}` : m.join(`
 `);
   };
-  if (c) return D({ root: t, chart: i, theme: y, getText: g });
-  const d = x.new(t, { getFillFromSprite: !1 });
-  return T(d, y), d.label.adapters.add("text", g), s.set("tooltip", d), d;
+  if (y) return k({ root: t, chart: i, theme: c, getText: M });
+  const d = T.new(t, { getFillFromSprite: !1 });
+  return F(d, c), d.label.adapters.add("text", M), s.set("tooltip", d), d;
 };
 export {
-  A as attachCombinedAxisTooltip,
-  D as attachCursorTooltip,
-  $ as getTooltipDateFormat
+  O as attachCombinedAxisTooltip,
+  k as attachCursorTooltip,
+  A as getTooltipDateFormat
 };

package/dist/components/charts/_common/utils.js

@@ -1,6 +1,6 @@
-import { buildAmNumberFormat as o } from "./format.js";
-import { C as t } from "../../../ColorSet-cyPmWGwh.js";
-import { c as u } from "../../../Entity-BJCuhdq_.js";
+import { buildAmNumberFormat as u, formatDateValue as s } from "./format.js";
+import { C as F } from "../../../ColorSet-cyPmWGwh.js";
+import { c as l } from "../../../Entity-BJCuhdq_.js";
 const n = [
   "#294D94",
   "#375F97",
@@ -12,20 +12,30 @@ const n = [
   "#9FCFBF",
   "#B9E1C9",
   "#D6F1D5"
-], c = (r, e = n) => t.new(r, {
-  colors: e.map((m) => u(m)),
+], i = (r, e = n) => F.new(r, {
+  colors: e.map((t) => l(t)),
   reuse: !0
-}), s = [
+}), b = [
   { number: 1e3, suffix: "K" },
   { number: 1e6, suffix: "M" },
   { number: 1e9, suffix: "B" },
   { number: 1e12, suffix: "T" }
-], a = (r, e) => {
-  const m = o(e) ?? "#,###.##";
-  r.numberFormatter.set("numericFields", void 0), r.numberFormatter.set("numberFormat", m), (e == null ? void 0 : e.notation) === "compact" && r.numberFormatter.set("bigNumberPrefixes", s);
+], d = (r, e) => {
+  const t = u(e) ?? "#,###.##";
+  r.numberFormatter.set("numericFields", void 0), r.numberFormatter.set("numberFormat", t), (e == null ? void 0 : e.notation) === "compact" && r.numberFormatter.set("bigNumberPrefixes", b);
+}, x = (r, e) => {
+  e.type !== "date" || !e.dateFormat || r.get("renderer").labels.template.adapters.add(
+    "text",
+    (t, a) => {
+      var o;
+      const m = (o = a == null ? void 0 : a.dataItem) == null ? void 0 : o.get("value");
+      return typeof m == "number" ? s(m, e.dateFormat, e.value) : t;
+    }
+  );
 };
 export {
   n as DEFAULT_VIRIDIS_COOL,
-  a as applyValueFormat,
-  c as colorSetFromPalette
+  x as applyDateAxisLabelFormat,
+  d as applyValueFormat,
+  i as colorSetFromPalette
 };

package/dist/components/charts/chart-wrapper/index.js

@@ -1,46 +1,47 @@
-import { jsxs as a, jsx as r, Fragment as l } from "react/jsx-runtime";
-import { Typography as C, Divider as h } from "@mui/material";
-import { Loading as c } from "../../loading/index.js";
-import { CandlestickChart as d } from "../candlestick/index.js";
-import { ColumnLineMix as f } from "../column-line-mix/index.js";
-import { DonutChart as s } from "../donut-chart/index.js";
-import { DrillDownTreemap as u } from "../drill-down-treemap/index.js";
-import { DrillDownVoronoiTreemap as D } from "../drill-down-voronoi-treemap/index.js";
-import { ForecastConeChart as L } from "../forecast-cone/index.js";
-import { Heatmap as g } from "../heatmap/index.js";
-import { LineChart as x } from "../line/index.js";
-import { LogaritmicScale as k } from "../logaritmic-scale/index.js";
-import { MultipleValueAxes as S } from "../multiple-value-axes/index.js";
-import { NestedPie as P } from "../nested-pie/index.js";
-import { PackedCircles as w } from "../packed-circles/index.js";
-import { PieChart as A } from "../pie-chart/index.js";
-import { StackedAreaRadar as T } from "../stacked-area-radar/index.js";
-import { StackedColumnChart as W } from "../stacked-column-chart/index.js";
-import { XYChart as M } from "../xy-chart/index.js";
-import { useChartWrapperLogic as V } from "./logic.js";
-import { ChartWrapperRoot as v, ChartWrapperHeader as y, ChartWrapperContent as F } from "./styled.js";
-const rr = (i) => {
-  const { title: m, type: o, chartProps: e, loading: p, ownerState: t, sx: n } = V(i);
-  return /* @__PURE__ */ a(v, { ownerState: t, sx: n, children: [
-    /* @__PURE__ */ r(y, { ownerState: t, children: /* @__PURE__ */ r(C, { sx: { paddingLeft: "0.5rem" }, variant: "h3", children: m }) }),
-    /* @__PURE__ */ r(h, {}),
-    /* @__PURE__ */ r(F, { ownerState: t, children: p ? /* @__PURE__ */ r(c, { show: !0, position: "absolute" }) : /* @__PURE__ */ a(l, { children: [
-      o === "MultipleValueAxes" && /* @__PURE__ */ r(S, { ...e }),
-      o === "XYChart" && /* @__PURE__ */ r(M, { ...e }),
-      o === "HeatLegend" && /* @__PURE__ */ r(g, { ...e }),
-      o === "PieChart" && /* @__PURE__ */ r(A, { ...e }),
-      o === "DonutChart" && /* @__PURE__ */ r(s, { ...e }),
-      o === "StackedColumnChart" && /* @__PURE__ */ r(W, { ...e }),
-      o === "StackedAreaRadar" && /* @__PURE__ */ r(T, { ...e }),
-      o === "LineChart" && /* @__PURE__ */ r(x, { ...e }),
-      o === "NestedPie" && /* @__PURE__ */ r(P, { ...e }),
-      o === "SingleLevelPackedCircles" && /* @__PURE__ */ r(w, { ...e }),
-      o === "LogarithmicScale" && /* @__PURE__ */ r(k, { ...e }),
-      o === "ColumnAndLineMix" && /* @__PURE__ */ r(f, { ...e }),
-      o === "DrillDownTreemap" && /* @__PURE__ */ r(u, { ...e }),
-      o === "DrillDownVoronoiTreemap" && /* @__PURE__ */ r(D, { ...e }),
-      o === "CandlestickChart" && /* @__PURE__ */ r(d, { ...e }),
-      o === "ForecastCone" && /* @__PURE__ */ r(L, { ...e })
+import { jsxs as a, jsx as r, Fragment as h } from "react/jsx-runtime";
+import { Typography as C, Divider as c } from "@mui/material";
+import { Loading as d } from "../../loading/index.js";
+import { CandlestickChart as f } from "../candlestick/index.js";
+import { ColumnLineMix as s } from "../column-line-mix/index.js";
+import { DonutChart as u } from "../donut-chart/index.js";
+import { DrillDownTreemap as D } from "../drill-down-treemap/index.js";
+import { DrillDownVoronoiTreemap as L } from "../drill-down-voronoi-treemap/index.js";
+import { ForecastConeChart as g } from "../forecast-cone/index.js";
+import { Heatmap as x } from "../heatmap/index.js";
+import { LineChart as k } from "../line/index.js";
+import { LogaritmicScale as S } from "../logaritmic-scale/index.js";
+import { MultipleValueAxes as P } from "../multiple-value-axes/index.js";
+import { NestedPie as w } from "../nested-pie/index.js";
+import { PackedCircles as A } from "../packed-circles/index.js";
+import { PieChart as T } from "../pie-chart/index.js";
+import { StackedAreaRadar as W } from "../stacked-area-radar/index.js";
+import { StackedColumnChart as H } from "../stacked-column-chart/index.js";
+import { XYChart as i } from "../xy-chart/index.js";
+import { useChartWrapperLogic as M } from "./logic.js";
+import { ChartWrapperRoot as V, ChartWrapperHeader as v, ChartWrapperContent as y } from "./styled.js";
+const rr = (m) => {
+  const { title: p, type: o, chartProps: t, loading: n, ownerState: e, sx: l } = M(m);
+  return /* @__PURE__ */ a(V, { ownerState: e, sx: l, children: [
+    /* @__PURE__ */ r(v, { ownerState: e, children: /* @__PURE__ */ r(C, { sx: { paddingLeft: "0.5rem" }, variant: "h3", children: p }) }),
+    /* @__PURE__ */ r(c, {}),
+    /* @__PURE__ */ r(y, { ownerState: e, children: n ? /* @__PURE__ */ r(d, { show: !0, position: "absolute" }) : /* @__PURE__ */ a(h, { children: [
+      o === "MultipleValueAxes" && /* @__PURE__ */ r(P, { ...t }),
+      o === "XYChart" && /* @__PURE__ */ r(i, { ...t }),
+      o === "XYChartHorizontal" && /* @__PURE__ */ r(i, { ...t, orientation: "horizontal" }),
+      o === "HeatLegend" && /* @__PURE__ */ r(x, { ...t }),
+      o === "PieChart" && /* @__PURE__ */ r(T, { ...t }),
+      o === "DonutChart" && /* @__PURE__ */ r(u, { ...t }),
+      o === "StackedColumnChart" && /* @__PURE__ */ r(H, { ...t }),
+      o === "StackedAreaRadar" && /* @__PURE__ */ r(W, { ...t }),
+      o === "LineChart" && /* @__PURE__ */ r(k, { ...t }),
+      o === "NestedPie" && /* @__PURE__ */ r(w, { ...t }),
+      o === "SingleLevelPackedCircles" && /* @__PURE__ */ r(A, { ...t }),
+      o === "LogarithmicScale" && /* @__PURE__ */ r(S, { ...t }),
+      o === "ColumnAndLineMix" && /* @__PURE__ */ r(s, { ...t }),
+      o === "DrillDownTreemap" && /* @__PURE__ */ r(D, { ...t }),
+      o === "DrillDownVoronoiTreemap" && /* @__PURE__ */ r(L, { ...t }),
+      o === "CandlestickChart" && /* @__PURE__ */ r(f, { ...t }),
+      o === "ForecastCone" && /* @__PURE__ */ r(g, { ...t })
     ] }) })
   ] });
 };

package/dist/components/charts/column-line-mix/logic.js

@@ -4,21 +4,21 @@ import C from "lodash";
 import { useId as V, useRef as z, useEffect as G } from "react";
 import { humanizeLabel as b } from "../_common/format.js";
 import { attachCombinedAxisTooltip as N } from "../_common/tooltip.js";
-import { colorSetFromPalette as W, applyValueFormat as q } from "../_common/utils.js";
-import { c as l, p as H, a as X } from "../../../Entity-BJCuhdq_.js";
-import { X as U, V as _ } from "../../../AxisRenderer-BCQoUJw6.js";
-import { S as $ } from "../../../Scrollbar-CTI7_8Qw.js";
-import { A as D, a as j } from "../../../AxisRendererY-AXWvGU6r.js";
-import { C as J } from "../../../CategoryAxis-B6NqW8qd.js";
-import { C as K } from "../../../ColumnSeries-CtRTsn-E.js";
-import { D as L, G as Q } from "../../../GaplessDateAxis-B2g2jgSG.js";
-import { L as Z } from "../../../LineSeries-D_IL2qGF.js";
-import { B as ee } from "../../../Bullet-Djj7Vs9T.js";
-import { C as te } from "../../../Circle-BnfBNKBD.js";
-import { X as re } from "../../../XYCursor-CVUSpqb9.js";
-import { L as ae } from "../../../Legend-CFvQiIfn.js";
-import { D as oe } from "../../../DateAxis-DEXKps1S.js";
-const Le = (Y) => {
+import { colorSetFromPalette as W, applyDateAxisLabelFormat as q, applyValueFormat as H } from "../_common/utils.js";
+import { c as l, p as U, a as D } from "../../../Entity-BJCuhdq_.js";
+import { X as _, V as $ } from "../../../AxisRenderer-BCQoUJw6.js";
+import { S as j } from "../../../Scrollbar-CTI7_8Qw.js";
+import { A as X, a as J } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as K } from "../../../CategoryAxis-B6NqW8qd.js";
+import { C as Q } from "../../../ColumnSeries-CtRTsn-E.js";
+import { D as L, G as Z } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { L as ee } from "../../../LineSeries-D_IL2qGF.js";
+import { B as te } from "../../../Bullet-Djj7Vs9T.js";
+import { C as re } from "../../../Circle-BnfBNKBD.js";
+import { X as ae } from "../../../XYCursor-CVUSpqb9.js";
+import { L as oe } from "../../../Legend-CFvQiIfn.js";
+import { D as se } from "../../../DateAxis-DEXKps1S.js";
+const Ye = (Y) => {
   const f = E({ props: Y, name: "HCColumnLineMix" }), {
     dimensions: t,
     values: n,
@@ -29,20 +29,20 @@ const Le = (Y) => {
     skipEmptyDates: A = !1,
     sx: T,
     ...R
-  } = f, s = P(), g = `hc-column-line-mix-${V().replace(/:/g, "")}`, d = z(null), y = t.length < 1 ? "ColumnLineMix requires at least 1 dimension" : null;
+  } = f, s = P(), y = `hc-column-line-mix-${V().replace(/:/g, "")}`, d = z(null), g = t.length < 1 ? "ColumnLineMix requires at least 1 dimension" : null;
   G(() => {
-    if (y) return;
+    if (g) return;
     let c;
     return c = setTimeout(() => {
-      var w, v, F, k;
-      const e = M.new(g);
+      var w, F, v, k;
+      const e = M.new(y);
       d.current = e, e.setThemes([O.new(e)]), e.interfaceColors.setAll({
         text: l(s.palette.text.primary),
         grid: l(s.palette.divider),
         stroke: l(s.palette.divider)
       });
       const r = e.container.children.push(
-        U.new(e, {
+        _.new(e, {
           panX: !1,
           panY: !1,
           wheelX: "none",
@@ -54,85 +54,85 @@ const Le = (Y) => {
       );
       r.set("colors", W(e, x)), r.get("colors", {}).set("step", 3), r.set(
         "scrollbarX",
-        $.new(e, { orientation: "horizontal" })
+        j.new(e, { orientation: "horizontal" })
       );
-      let o, m = p;
+      let a, m = p;
       if (t[0].type === "date") {
         m = C.orderBy(p, [t[0].value]);
-        const i = A ? Q : oe;
-        o = r.xAxes.push(
+        const i = A ? Z : se;
+        a = r.xAxes.push(
           i.new(e, {
             maxDeviation: 0.1,
             groupData: !1,
             baseInterval: h || { timeUnit: "day", count: 1 },
-            renderer: D.new(e, {})
+            renderer: X.new(e, {})
           })
-        ), (w = o.get("renderer")) == null || w.grid.template.setAll({
+        ), (w = a.get("renderer")) == null || w.grid.template.setAll({
           stroke: l(s.palette.divider),
           strokeOpacity: 1
-        });
+        }), q(a, t[0]);
       } else
-        o = r.xAxes.push(
-          J.new(e, {
+        a = r.xAxes.push(
+          K.new(e, {
             categoryField: t[0].value,
-            renderer: D.new(e, {})
+            renderer: X.new(e, {})
           })
-        ), (v = o.get("renderer")) == null || v.grid.template.setAll({
+        ), (F = a.get("renderer")) == null || F.grid.template.setAll({
           stroke: l(s.palette.divider),
           strokeOpacity: 1
         }), e.numberFormatter.setAll({
           numberFormat: "#",
           numericFields: ["valueX"]
-        }), m = C.orderBy(p, [t[0].value]), o.data.setAll(m);
+        }), m = C.orderBy(p, [t[0].value]), a.data.setAll(m);
       const u = r.yAxes.push(
-        _.new(e, {
+        $.new(e, {
           min: 0,
           extraMax: 0.1,
-          renderer: j.new(e, { strokeOpacity: 0.1 })
+          renderer: J.new(e, { strokeOpacity: 0.1 })
         })
       );
-      (F = u.get("renderer")) == null || F.grid.template.setAll({
+      (v = u.get("renderer")) == null || v.grid.template.setAll({
         stroke: l(s.palette.divider),
         strokeOpacity: 1
       }), n.forEach((i, I) => {
         if (I === 0) {
-          const a = r.series.push(
-            K.new(e, {
+          const o = r.series.push(
+            Q.new(e, {
               name: i.label ?? b(i.name),
-              xAxis: o,
+              xAxis: a,
               yAxis: u,
               valueYField: i.dataFieldName,
               ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
             })
           );
-          a.columns.template.setAll({
-            tooltipY: H(10),
+          o.columns.template.setAll({
+            tooltipY: U(10),
             templateField: "columnSettings"
-          }), t[0].type === "date" && (a.data.processor = L.new(e, {
+          }), t[0].type === "date" && (o.data.processor = L.new(e, {
             dateFormat: "i",
             dateFields: [t[0].value]
-          })), a.data.setAll(m), a.appear();
+          })), o.data.setAll(m), o.appear();
         } else {
-          const a = r.series.push(
-            Z.new(e, {
+          const o = r.series.push(
+            ee.new(e, {
               name: i.label ?? b(i.name),
-              xAxis: o,
+              xAxis: a,
               yAxis: u,
               valueYField: i.dataFieldName,
               ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
             })
           );
-          a.strokes.template.setAll({
+          o.strokes.template.setAll({
             strokeWidth: 3,
             templateField: "strokeSettings"
-          }), t[0].type === "date" && (a.data.processor = L.new(e, {
+          }), t[0].type === "date" && (o.data.processor = L.new(e, {
             dateFormat: "i",
             dateFields: [t[0].value]
-          })), a.data.setAll(m), a.bullets.push(function() {
-            return ee.new(e, {
-              sprite: te.new(e, {
+          })), o.data.setAll(m), o.bullets.push(function() {
+            return te.new(e, {
+              sprite: re.new(e, {
                 strokeWidth: 3,
-                stroke: a.get("stroke"),
+                stroke: o.get("stroke"),
                 radius: 5,
                 fill: e.interfaceColors.get("background")
               })
@@ -141,29 +141,29 @@ const Le = (Y) => {
         }
       }), r.set(
         "cursor",
-        re.new(e, { xAxis: o, behavior: "none" })
+        ae.new(e, { xAxis: a, behavior: "none" })
       ).lineY.set("visible", !1), N({
         root: e,
         chart: r,
-        xAxis: o,
+        xAxis: a,
         theme: s,
         isDateAxis: t[0].type === "date",
         baseInterval: h,
         follow: !0
       }), r.children.push(
-        ae.new(e, {
-          centerX: X,
-          x: X
+        oe.new(e, {
+          centerX: D,
+          x: D
         })
-      ).data.setAll(r.series.values), q(e, (k = n == null ? void 0 : n[0]) == null ? void 0 : k.format), r.appear(1e3, 100);
+      ).data.setAll(r.series.values), H(e, (k = n == null ? void 0 : n[0]) == null ? void 0 : k.format), r.appear(1e3, 100);
     }, S), () => {
       var e;
       c && clearTimeout(c), (e = d.current) == null || e.dispose(), d.current = null;
     };
   }, [p, t, n, s.palette.mode, x, A]);
   const B = { ...f };
-  return { chartId: g, ownerState: B, sx: T, error: y, other: R };
+  return { chartId: y, ownerState: B, sx: T, error: g, other: R };
 };
 export {
-  Le as useColumnLineMixLogic
+  Ye as useColumnLineMixLogic
 };