@hybridcore/ui 1.6.8 → 1.6.9

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

@@ -1,43 +1,44 @@
-import { R as B, A as I, T as d } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as M, useTheme as P } from "@mui/material";
-import X from "lodash";
-import { useId as V, useRef as E, useEffect as N } from "react";
-import { humanizeLabel as k } from "../_common/format.js";
+import { R as I, A as M } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { useThemeProps as O, useTheme as P } from "@mui/material";
+import k from "lodash";
+import { useId as V, useRef as z, useEffect as E } from "react";
+import { humanizeLabel as C } 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 C } from "../../../ColorSet-C7vpNXhM.js";
-import { X as U, V as _ } from "../../../AxisRenderer-DTyLLA6c.js";
-import { S as $ } from "../../../Scrollbar-D86MJyr2.js";
-import { D as j } from "../../../DateAxis-YX3QNIB-.js";
-import { A as b, a as G } from "../../../AxisRendererY-C_ItLPNV.js";
-import { C as J } from "../../../CategoryAxis-CwnfaGc8.js";
-import { C as K } from "../../../ColumnSeries-CjgdJ2QL.js";
-import { D as L } from "../../../DataProcessor-CHDO51q4.js";
-import { L as Q } from "../../../LineSeries-Uiv5o56b.js";
-import { B as Z } from "../../../Bullet-DVczI2TD.js";
-import { C as ee } from "../../../Circle-Cy5s-pVc.js";
-import { X as te } from "../../../XYCursor-C8WktvKM.js";
-import { L as re } from "../../../Legend-Dp_MKfS4.js";
-const ke = (T) => {
-  const h = M({ props: T, name: "HCColumnLineMix" }), {
+import { c as l, p as H, a as b } from "../../../Entity-CCUIdRAr.js";
+import { X as U, V as _ } from "../../../AxisRenderer-lUbezuh7.js";
+import { S as $ } from "../../../Scrollbar-BzSBcIUt.js";
+import { D as j } from "../../../DateAxis-zNtbSVjW.js";
+import { A as X, a as G } from "../../../AxisRendererY-DbSiyb45.js";
+import { C as J } from "../../../CategoryAxis-B8KQp1pE.js";
+import { C as K } from "../../../ColumnSeries-rgnGm-Bg.js";
+import { D as L } from "../../../DataProcessor-CvIe9BVn.js";
+import { L as Q } from "../../../LineSeries-BLFvwrLT.js";
+import { B as Z } from "../../../Bullet-PgoNb3Jv.js";
+import { C as ee } from "../../../Circle-BWRdiMpG.js";
+import { X as te } from "../../../XYCursor-gHAo40xC.js";
+import { L as re } from "../../../Legend-kbCFjJAW.js";
+const Xe = (D) => {
+  const f = O({ props: D, name: "HCColumnLineMix" }), {
     dimensions: t,
     values: n,
     data: p,
     initDelay: Y = 0,
-    baseInterval: D,
-    colors: g,
+    baseInterval: h,
+    colors: x,
     sx: S,
-    ...O
-  } = h, a = P(), x = `hc-column-line-mix-${V().replace(/:/g, "")}`, c = E(null), w = t.length < 1 ? "ColumnLineMix requires at least 1 dimension" : null;
-  N(() => {
-    if (w) return;
-    let u;
-    return u = setTimeout(() => {
-      var y, A, v, F;
-      const e = B.new(x);
-      c.current = e, e.setThemes([I.new(e)]), e.interfaceColors.setAll({
-        text: l(a.palette.text.primary),
-        grid: l(a.palette.divider),
-        stroke: l(a.palette.divider)
+    ...T
+  } = f, s = P(), A = `hc-column-line-mix-${V().replace(/:/g, "")}`, d = z(null), g = t.length < 1 ? "ColumnLineMix requires at least 1 dimension" : null;
+  E(() => {
+    if (g) return;
+    let c;
+    return c = setTimeout(() => {
+      var y, w, v, F;
+      const e = I.new(A);
+      d.current = e, e.setThemes([M.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, {
@@ -45,62 +46,57 @@ const ke = (T) => {
           panY: !1,
           wheelX: "none",
           wheelY: "none",
+          maxTooltipDistance: -1,
           paddingLeft: 0,
           layout: e.verticalLayout
         })
       );
-      r.set("colors", W(e, g)), r.get("colors", {}).set("step", 3), r.set(
+      r.set("colors", W(e, x)), r.get("colors", {}).set("step", 3), r.set(
         "scrollbarX",
         $.new(e, { orientation: "horizontal" })
       );
-      let s, m = p;
-      t[0].type === "date" ? (m = X.orderBy(p, [t[0].value]), s = r.xAxes.push(
+      let a, m = p;
+      t[0].type === "date" ? (m = k.orderBy(p, [t[0].value]), a = r.xAxes.push(
         j.new(e, {
           maxDeviation: 0.1,
           groupData: !1,
-          baseInterval: D || { timeUnit: "day", count: 1 },
-          renderer: b.new(e, {}),
-          tooltip: d.new(e, {})
+          baseInterval: h || { timeUnit: "day", count: 1 },
+          renderer: X.new(e, {})
         })
-      ), (y = s.get("renderer")) == null || y.grid.template.setAll({
-        stroke: l(a.palette.divider),
+      ), (y = a.get("renderer")) == null || y.grid.template.setAll({
+        stroke: l(s.palette.divider),
         strokeOpacity: 1
-      })) : (s = r.xAxes.push(
+      })) : (a = r.xAxes.push(
         J.new(e, {
           categoryField: t[0].value,
-          renderer: b.new(e, {}),
-          tooltip: d.new(e, {})
+          renderer: X.new(e, {})
         })
-      ), (A = s.get("renderer")) == null || A.grid.template.setAll({
-        stroke: l(a.palette.divider),
+      ), (w = a.get("renderer")) == null || w.grid.template.setAll({
+        stroke: l(s.palette.divider),
         strokeOpacity: 1
       }), e.numberFormatter.setAll({
         numberFormat: "#",
         numericFields: ["valueX"]
-      }), m = X.orderBy(p, [t[0].value]), s.data.setAll(m));
-      const f = r.yAxes.push(
+      }), m = k.orderBy(p, [t[0].value]), a.data.setAll(m));
+      const u = r.yAxes.push(
         _.new(e, {
           min: 0,
           extraMax: 0.1,
           renderer: G.new(e, { strokeOpacity: 0.1 })
         })
       );
-      (v = f.get("renderer")) == null || v.grid.template.setAll({
-        stroke: l(a.palette.divider),
+      (v = u.get("renderer")) == null || v.grid.template.setAll({
+        stroke: l(s.palette.divider),
         strokeOpacity: 1
-      }), n.forEach((i, z) => {
-        if (z === 0) {
+      }), n.forEach((i, B) => {
+        if (B === 0) {
           const o = r.series.push(
             K.new(e, {
-              name: i.label ?? k(i.name),
-              xAxis: s,
-              yAxis: f,
+              name: i.label ?? C(i.name),
+              xAxis: a,
+              yAxis: u,
               valueYField: i.dataFieldName,
-              ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value },
-              tooltip: d.new(e, {
-                pointerOrientation: "horizontal",
-                labelText: "{name} in {categoryX}: {valueY} {info}"
-              })
+              ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
             })
           );
           o.columns.template.setAll({
@@ -113,15 +109,11 @@ const ke = (T) => {
         } else {
           const o = r.series.push(
             Q.new(e, {
-              name: i.label ?? k(i.name),
-              xAxis: s,
-              yAxis: f,
+              name: i.label ?? C(i.name),
+              xAxis: a,
+              yAxis: u,
               valueYField: i.dataFieldName,
-              ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value },
-              tooltip: d.new(e, {
-                pointerOrientation: "horizontal",
-                labelText: "{name} in {categoryX}: {valueY} {info}"
-              })
+              ...t[0].type === "date" ? { valueXField: t[0].value } : { categoryXField: t[0].value }
             })
           );
           o.strokes.template.setAll({
@@ -141,20 +133,31 @@ const ke = (T) => {
             });
           });
         }
-      }), r.set("cursor", te.new(e, {})), r.children.push(
+      }), r.set(
+        "cursor",
+        te.new(e, { xAxis: a, behavior: "none" })
+      ).lineY.set("visible", !1), N({
+        root: e,
+        chart: r,
+        xAxis: a,
+        theme: s,
+        isDateAxis: t[0].type === "date",
+        baseInterval: h,
+        follow: !0
+      }), r.children.push(
         re.new(e, {
-          centerX: C,
-          x: C
+          centerX: b,
+          x: b
         })
       ).data.setAll(r.series.values), q(e, (F = n == null ? void 0 : n[0]) == null ? void 0 : F.format), r.appear(1e3, 100);
     }, Y), () => {
       var e;
-      u && clearTimeout(u), (e = c.current) == null || e.dispose(), c.current = null;
+      c && clearTimeout(c), (e = d.current) == null || e.dispose(), d.current = null;
     };
-  }, [p, t, n, a.palette.mode, g]);
-  const R = { ...h };
-  return { chartId: x, ownerState: R, sx: S, error: w, other: O };
+  }, [p, t, n, s.palette.mode, x]);
+  const R = { ...f };
+  return { chartId: A, ownerState: R, sx: S, error: g, other: T };
 };
 export {
-  ke as useColumnLineMixLogic
+  Xe as useColumnLineMixLogic
 };

package/dist/components/charts/donut-chart/logic.js

@@ -1,29 +1,29 @@
-import { R as x, A } from "../../../AnimatedTheme-jnasw6rT.js";
+import { R as P, A } from "../../../AnimatedTheme-BOKdw2Oy.js";
 import { useThemeProps as C, useTheme as D } from "@mui/material";
 import F from "dayjs";
-import { useId as P, useRef as R, useEffect as L } from "react";
-import { applyValueFormat as I, colorSetFromPalette as S } from "../_common/utils.js";
-import { P as E, a as j } from "../../../PieSeries-B2fW3z0s.js";
-import { p as m, c as u } from "../../../ColorSet-C7vpNXhM.js";
-import { L as k } from "../../../Legend-Dp_MKfS4.js";
-const J = (v) => {
-  const d = C({ props: v, name: "HCDonutChart" }), {
+import { useId as R, useRef as L, useEffect as I } from "react";
+import { applyValueFormat as S, colorSetFromPalette as b } from "../_common/utils.js";
+import { P as E, a as N } from "../../../PieSeries-3iLRbqFv.js";
+import { p as m, c as u } from "../../../Entity-CCUIdRAr.js";
+import { L as j } from "../../../Legend-kbCFjJAW.js";
+const K = (y) => {
+  const p = C({ props: y, name: "HCDonutChart" }), {
     dimensions: t,
     values: o,
-    data: n,
-    initDelay: y = 0,
-    colors: p,
-    sx: M,
-    ...T
-  } = d, r = D(), f = `hc-donut-chart-${P().replace(/:/g, "")}`, i = R(null);
+    data: i,
+    initDelay: T = 0,
+    colors: d,
+    sx: x,
+    ...M
+  } = p, a = D(), f = `hc-donut-chart-${R().replace(/:/g, "")}`, n = L(null);
   let s = null;
-  t.length < 1 ? s = "Missing dimensions config!" : o.length < 1 && (s = "Missing values config!"), L(() => {
+  t.length < 1 ? s = "Missing dimensions config!" : o.length < 1 && (s = "Missing values config!"), I(() => {
     if (s) return;
     let l;
     return l = setTimeout(() => {
-      var g;
-      const e = x.new(f);
-      i.current = e, I(e, (g = o == null ? void 0 : o[0]) == null ? void 0 : g.format), e.setThemes([A.new(e)]);
+      var Y;
+      const e = P.new(f);
+      n.current = e, S(e, (Y = o == null ? void 0 : o[0]) == null ? void 0 : Y.format), e.setThemes([A.new(e)]);
       const h = e.container.children.push(
         E.new(e, {
           layout: e.verticalLayout,
@@ -31,37 +31,39 @@ const J = (v) => {
         })
       );
       e.interfaceColors.setAll({
-        text: u(r.palette.text.primary),
-        grid: u(r.palette.divider),
-        stroke: u(r.palette.divider)
+        text: u(a.palette.text.primary),
+        grid: u(a.palette.divider),
+        stroke: u(a.palette.divider)
       });
-      const a = h.series.push(
-        j.new(e, {
+      const r = h.series.push(
+        N.new(e, {
           valueField: o[0].dataFieldName,
           categoryField: t[0].value
         })
       );
-      a.set("colors", S(e, p)), t[0].type === "date" && n.forEach((Y) => {
+      r.set("colors", b(e, d));
+      const g = "{category}: {valuePercentTotal.formatNumber('0.00')}% ({value})";
+      r.slices.template.set("tooltipText", g), r.labels.template.set("text", g), t[0].type === "date" && i.forEach((v) => {
         let c = "YYYY";
-        t[0].value.includes("month") ? c = "MMM YYYY" : t[0].value.includes("day") && (c = "DD MMM YYYY"), Y[t[0].value] = F(Y[t[0].value]).format(
+        t[0].value.includes("month") ? c = "MMM YYYY" : t[0].value.includes("day") && (c = "DD MMM YYYY"), v[t[0].value] = F(v[t[0].value]).format(
           c
         );
-      }), a.data.setAll(n), h.children.push(
-        k.new(e, {
+      }), r.data.setAll(i), h.children.push(
+        j.new(e, {
           centerX: m(50),
           x: m(50),
           marginTop: 15,
           marginBottom: 15
         })
-      ).data.setAll(a.dataItems), a.appear(1e3, 100);
-    }, y), () => {
+      ).data.setAll(r.dataItems), r.appear(1e3, 100);
+    }, T), () => {
       var e;
-      l && clearTimeout(l), (e = i.current) == null || e.dispose(), i.current = null;
+      l && clearTimeout(l), (e = n.current) == null || e.dispose(), n.current = null;
     };
-  }, [n, t, o, r.palette.mode, p]);
-  const w = { ...d };
-  return { chartId: f, ownerState: w, sx: M, error: s, other: T };
+  }, [i, t, o, a.palette.mode, d]);
+  const w = { ...p };
+  return { chartId: f, ownerState: w, sx: x, error: s, other: M };
 };
 export {
-  J as useDonutChartLogic
+  K as useDonutChartLogic
 };

package/dist/components/charts/drill-down-treemap/logic.js

@@ -1,12 +1,13 @@
-import { C as x, k as F, l as I, L as W, R as E, a as Z, A as $ } from "../../../AnimatedTheme-jnasw6rT.js";
-import { useThemeProps as G, useTheme as J } from "@mui/material";
-import K from "dayjs";
-import Q from "lodash";
-import { useId as U, useRef as ee, useEffect as te } from "react";
-import { applyValueFormat as ie, colorSetFromPalette as ae } from "../_common/utils.js";
-import { m as M, f as O, e as j, p as C } from "../../../ColorSet-C7vpNXhM.js";
-import { a as ne, H as X } from "../../../Hierarchy-Bihj0S61.js";
-import { R as z } from "../../../RoundedRectangle-CWLi2PXn.js";
+import { R as W, T as E, A as Z } from "../../../AnimatedTheme-BOKdw2Oy.js";
+import { useThemeProps as $, useTheme as G } from "@mui/material";
+import J from "dayjs";
+import K from "lodash";
+import { useId as Q, useRef as U, useEffect as ee } from "react";
+import { applyValueFormat as te, colorSetFromPalette as ie } from "../_common/utils.js";
+import { C as x, a as F, b as I, L as ae } from "../../../Tooltip-A_HlttXp.js";
+import { m as M, f as O, e as j, p as C } from "../../../Entity-CCUIdRAr.js";
+import { a as ne, H as X } from "../../../Hierarchy-CCvGsF1A.js";
+import { R as z } from "../../../RoundedRectangle-CqMMmPM0.js";
 import { r as se, c as R, a as L } from "../../../constant-BiOGvlZc.js";
 class Y extends x {
   constructor() {
@@ -14,7 +15,7 @@ class Y extends x {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new F(I.new({}), () => W._new(this._root, {
+      value: this.addDisposer(new F(I.new({}), () => ae._new(this._root, {
         themeTags: M(this.labels.template.get("themeTags", []), ["label"]),
         background: z.new(this._root, {
           themeTags: ["background"]
@@ -74,28 +75,28 @@ function re(u) {
   u.x0 = Math.round(u.x0), u.y0 = Math.round(u.y0), u.x1 = Math.round(u.x1), u.y1 = Math.round(u.y1);
 }
 function A(u, t, i, a, r) {
-  for (var l = u.children, s, h = -1, y = l.length, c = u.value && (a - t) / u.value; ++h < y; )
+  for (var l = u.children, s, h = -1, b = l.length, c = u.value && (a - t) / u.value; ++h < b; )
     s = l[h], s.y0 = i, s.y1 = r, s.x0 = t, s.x1 = t += s.value * c;
 }
 function H(u, t, i, a, r) {
-  for (var l = u.children, s, h = -1, y = l.length, c = u.value && (r - i) / u.value; ++h < y; )
+  for (var l = u.children, s, h = -1, b = l.length, c = u.value && (r - i) / u.value; ++h < b; )
     s = l[h], s.x0 = t, s.x1 = a, s.y0 = i, s.y1 = i += s.value * c;
 }
 var oe = (1 + Math.sqrt(5)) / 2;
 function le(u, t, i, a, r, l) {
-  for (var s = [], h = t.children, y, c, o = 0, m = 0, e = h.length, d, g, p = t.value, n, f, w, v, P, b, _; o < e; ) {
+  for (var s = [], h = t.children, b, c, o = 0, m = 0, e = h.length, d, g, p = t.value, n, f, w, v, P, y, _; o < e; ) {
     d = r - i, g = l - a;
     do
       n = h[m++].value;
     while (!n && m < e);
-    for (f = w = n, b = Math.max(g / d, d / g) / (p * u), _ = n * n * b, P = Math.max(w / _, _ / f); m < e; ++m) {
-      if (n += c = h[m].value, c < f && (f = c), c > w && (w = c), _ = n * n * b, v = Math.max(w / _, _ / f), v > P) {
+    for (f = w = n, y = Math.max(g / d, d / g) / (p * u), _ = n * n * y, P = Math.max(w / _, _ / f); m < e; ++m) {
+      if (n += c = h[m].value, c < f && (f = c), c > w && (w = c), _ = n * n * y, v = Math.max(w / _, _ / f), v > P) {
         n -= c;
         break;
       }
       P = v;
     }
-    s.push(y = { value: n, dice: d < g, children: h.slice(o, m) }), y.dice ? A(y, i, a, r, p ? a += g * n / p : l) : H(y, i, a, p ? i += d * n / p : r, l), p -= n, o = m;
+    s.push(b = { value: n, dice: d < g, children: h.slice(o, m) }), b.dice ? A(b, i, a, r, p ? a += g * n / p : l) : H(b, i, a, p ? i += d * n / p : r, l), p -= n, o = m;
   }
   return s;
 }
@@ -108,13 +109,13 @@ const V = function u(t) {
   }, i;
 }(oe);
 function q() {
-  var u = V, t = !1, i = 1, a = 1, r = [0], l = R, s = R, h = R, y = R, c = R;
+  var u = V, t = !1, i = 1, a = 1, r = [0], l = R, s = R, h = R, b = R, c = R;
   function o(e) {
     return e.x0 = e.y0 = 0, e.x1 = i, e.y1 = a, e.eachBefore(m), r = [0], t && e.eachBefore(re), e;
   }
   function m(e) {
     var d = r[e.depth], g = e.x0 + d, p = e.y0 + d, n = e.x1 - d, f = e.y1 - d;
-    n < g && (g = n = (g + n) / 2), f < p && (p = f = (p + f) / 2), e.x0 = g, e.y0 = p, e.x1 = n, e.y1 = f, e.children && (d = r[e.depth + 1] = l(e) / 2, g += c(e) - d, p += s(e) - d, n -= h(e) - d, f -= y(e) - d, n < g && (g = n = (g + n) / 2), f < p && (p = f = (p + f) / 2), u(e, g, p, n, f));
+    n < g && (g = n = (g + n) / 2), f < p && (p = f = (p + f) / 2), e.x0 = g, e.y0 = p, e.x1 = n, e.y1 = f, e.children && (d = r[e.depth + 1] = l(e) / 2, g += c(e) - d, p += s(e) - d, n -= h(e) - d, f -= b(e) - d, n < g && (g = n = (g + n) / 2), f < p && (p = f = (p + f) / 2), u(e, g, p, n, f));
   }
   return o.round = function(e) {
     return arguments.length ? (t = !!e, o) : t;
@@ -133,15 +134,15 @@ function q() {
   }, o.paddingRight = function(e) {
     return arguments.length ? (h = typeof e == "function" ? e : L(+e), o) : h;
   }, o.paddingBottom = function(e) {
-    return arguments.length ? (y = typeof e == "function" ? e : L(+e), o) : y;
+    return arguments.length ? (b = typeof e == "function" ? e : L(+e), o) : b;
   }, o.paddingLeft = function(e) {
     return arguments.length ? (c = typeof e == "function" ? e : L(+e), o) : c;
   }, o;
 }
 function de(u, t, i, a, r) {
-  var l = u.children, s, h = l.length, y, c = new Array(h + 1);
-  for (c[0] = y = s = 0; s < h; ++s)
-    c[s + 1] = y += l[s].value;
+  var l = u.children, s, h = l.length, b, c = new Array(h + 1);
+  for (c[0] = b = s = 0; s < h; ++s)
+    c[s + 1] = b += l[s].value;
   o(0, h, u.value, t, i, a, r);
   function o(m, e, d, g, p, n, f) {
     if (m >= e - 1) {
@@ -149,18 +150,18 @@ function de(u, t, i, a, r) {
       w.x0 = g, w.y0 = p, w.x1 = n, w.y1 = f;
       return;
     }
-    for (var v = c[m], P = d / 2 + v, b = m + 1, _ = e - 1; b < _; ) {
-      var k = b + _ >>> 1;
-      c[k] < P ? b = k + 1 : _ = k;
+    for (var v = c[m], P = d / 2 + v, y = m + 1, _ = e - 1; y < _; ) {
+      var k = y + _ >>> 1;
+      c[k] < P ? y = k + 1 : _ = k;
     }
-    P - c[b - 1] < c[b] - P && m + 1 < b && --b;
-    var D = c[b] - v, T = d - D;
+    P - c[y - 1] < c[y] - P && m + 1 < y && --y;
+    var D = c[y] - v, T = d - D;
     if (n - g > f - p) {
       var N = d ? (g * T + n * D) / d : n;
-      o(m, b, D, g, p, N, f), o(b, e, T, N, p, n, f);
+      o(m, y, D, g, p, N, f), o(y, e, T, N, p, n, f);
     } else {
       var S = d ? (p * T + f * D) / d : f;
-      o(m, b, D, g, p, n, S), o(b, e, T, g, S, n, f);
+      o(m, y, D, g, p, n, S), o(y, e, T, g, S, n, f);
     }
   }
 }
@@ -234,7 +235,7 @@ class B extends X {
   }
   _updateNode(t) {
     super._updateNode(t);
-    const i = t.get("node"), a = t.get("rectangle"), r = t.get("d3HierarchyNode"), l = this.getPrivate("scaleX", 1), s = this.getPrivate("scaleY", 1), h = r.x0 * l, y = r.x1 * l, c = r.y0 * s, o = r.y1 * s, m = y - h, e = o - c, d = this.get("animationDuration", 0), g = this.get("animationEasing");
+    const i = t.get("node"), a = t.get("rectangle"), r = t.get("d3HierarchyNode"), l = this.getPrivate("scaleX", 1), s = this.getPrivate("scaleY", 1), h = r.x0 * l, b = r.x1 * l, c = r.y0 * s, o = r.y1 * s, m = b - h, e = o - c, d = this.get("animationDuration", 0), g = this.get("animationEasing");
     if (i.animate({ key: "x", to: h, duration: d, easing: g }), i.animate({ key: "y", to: c, duration: d, easing: g }), i.animate({ key: "width", to: m, duration: d, easing: g }), i.animate({ key: "height", to: e, duration: d, easing: g }), a) {
       const p = t.get("fill"), n = t.get("fillPattern");
       a.animate({ key: "width", to: m, duration: d, easing: g }), a.animate({ key: "height", to: e, duration: d, easing: g }), a._setDefault("fill", p), a._setDefault("fillPattern", n), a._setDefault("stroke", p);
@@ -243,7 +244,7 @@ class B extends X {
   _updateNodesScale(t) {
     const i = t.data.dataItem;
     if (i) {
-      const a = i.get("node"), r = i.get("rectangle"), l = this.getPrivate("scaleX", 1), s = this.getPrivate("scaleY", 1), h = t.x0 * l, y = t.x1 * l, c = t.y0 * s, o = t.y1 * s, m = y - h, e = o - c;
+      const a = i.get("node"), r = i.get("rectangle"), l = this.getPrivate("scaleX", 1), s = this.getPrivate("scaleY", 1), h = t.x0 * l, b = t.x1 * l, c = t.y0 * s, o = t.y1 * s, m = b - h, e = o - c;
       a.setAll({ x: h, y: c, width: m, height: e }), r.setAll({ width: m, height: e });
       const d = t.children;
       d && j(d, (g) => {
@@ -267,10 +268,10 @@ class B extends X {
   _zoom(t) {
     if (this.width() > 0 && this.height() > 0) {
       const i = t.get("d3HierarchyNode"), a = this.get("nodePaddingOuter", 0);
-      let r = i.x0 + a, l = i.x1 - a, s = i.y0 + a, h = i.y1 - a, y = (this.innerWidth() - a * 2) / (l - r), c = (this.innerHeight() - a * 2) / (h - s);
+      let r = i.x0 + a, l = i.x1 - a, s = i.y0 + a, h = i.y1 - a, b = (this.innerWidth() - a * 2) / (l - r), c = (this.innerHeight() - a * 2) / (h - s);
       const o = this.get("animationEasing");
       let m = this.get("animationDuration", 0);
-      this.inited || (m = 0), this.animatePrivate({ key: "scaleX", to: y, duration: m, easing: o }), this.animatePrivate({ key: "scaleY", to: c, duration: m, easing: o }), this.nodesContainer.animate({ key: "x", to: a - r * y, duration: m, easing: o }), this.nodesContainer.animate({ key: "y", to: a - s * c, duration: m, easing: o });
+      this.inited || (m = 0), this.animatePrivate({ key: "scaleX", to: b, duration: m, easing: o }), this.animatePrivate({ key: "scaleY", to: c, duration: m, easing: o }), this.nodesContainer.animate({ key: "x", to: a - r * b, duration: m, easing: o }), this.nodesContainer.animate({ key: "y", to: a - s * c, duration: m, easing: o });
     }
   }
   _selectDataItem(t, i, a) {
@@ -304,26 +305,26 @@ Object.defineProperty(B, "classNames", {
   writable: !0,
   value: X.classNames.concat([B.className])
 });
-const _e = (u) => {
-  const t = G({ props: u, name: "HCDrillDownTreemap" }), {
+const De = (u) => {
+  const t = $({ props: u, name: "HCDrillDownTreemap" }), {
     dimensions: i,
     values: a,
     data: r,
     initDelay: l = 0,
     colors: s,
     sx: h,
-    ...y
-  } = t, c = J(), m = `hc-drill-down-treemap-${U().replace(/:/g, "")}`, e = ee(null);
+    ...b
+  } = t, c = G(), m = `hc-drill-down-treemap-${Q().replace(/:/g, "")}`, e = U(null);
   let d = null;
-  i.length < 2 ? d = "DrillDownTreemap requires at least 2 dimensions" : a.length < 1 && (d = "DrillDownTreemap requires at least 1 value"), te(() => {
+  i.length < 2 ? d = "DrillDownTreemap requires at least 2 dimensions" : a.length < 1 && (d = "DrillDownTreemap requires at least 1 value"), ee(() => {
     if (d) return;
     let p;
     return p = setTimeout(() => {
-      var b, _;
-      const n = E.new(m);
-      e.current = n, ie(n, (b = a == null ? void 0 : a[0]) == null ? void 0 : b.format);
-      const f = Z.new(n);
-      f.rule("RoundedRectangle", ["hierarchy", "node", "shape", "depth1"]).setAll({ strokeWidth: 2 }), f.rule("RoundedRectangle", ["hierarchy", "node", "shape", "depth2"]).setAll({ strokeWidth: 1, strokeOpacity: 0.2 }), f.rule("Label", ["node", "depth1"]).setAll({ fontSize: 10 }), f.rule("Label", ["node", "depth2"]).setAll({ fontSize: 10 }), n.setThemes([$.new(n), f]);
+      var y, _;
+      const n = W.new(m);
+      e.current = n, te(n, (y = a == null ? void 0 : a[0]) == null ? void 0 : y.format);
+      const f = E.new(n);
+      f.rule("RoundedRectangle", ["hierarchy", "node", "shape", "depth1"]).setAll({ strokeWidth: 2 }), f.rule("RoundedRectangle", ["hierarchy", "node", "shape", "depth2"]).setAll({ strokeWidth: 1, strokeOpacity: 0.2 }), f.rule("Label", ["node", "depth1"]).setAll({ fontSize: 10 }), f.rule("Label", ["node", "depth2"]).setAll({ fontSize: 10 }), n.setThemes([Z.new(n), f]);
       const w = n.container.children.push(
         x.new(n, {
           width: C(100),
@@ -344,19 +345,19 @@ const _e = (u) => {
           nodePaddingInner: 0
         })
       );
-      v.nodes.template.setPrivate("trustBounds", !0), v.set("colors", ae(n, s)), (_ = v.get("colors")) == null || _.set("step", 1), w.children.moveValue(
+      v.nodes.template.setPrivate("trustBounds", !0), v.set("colors", ie(n, s)), (_ = v.get("colors")) == null || _.set("step", 1), w.children.moveValue(
         Y.new(n, { series: v }),
         0
       );
       const P = (k, D, T) => {
         if (k === "date") {
           let N = "YYYY";
-          return D.includes("month") ? N = "MMM YYYY" : D.includes("day") && (N = "DD MMM YYYY"), K(T).format(N);
+          return D.includes("month") ? N = "MMM YYYY" : D.includes("day") && (N = "DD MMM YYYY"), J(T).format(N);
         }
         return T;
       };
       if (i.length > 1) {
-        const k = Q.groupBy(r, i[0].value), D = [];
+        const k = K.groupBy(r, i[0].value), D = [];
         Object.keys(k).forEach((T) => {
           D.push({
             name: P(i[0].type, i[0].value, T),
@@ -378,8 +379,8 @@ const _e = (u) => {
     };
   }, [r, i, a, c.palette.mode, s]);
   const g = { ...t };
-  return { chartId: m, ownerState: g, sx: h, error: d, other: y };
+  return { chartId: m, ownerState: g, sx: h, error: d, other: b };
 };
 export {
-  _e as useDrillDownTreemapLogic
+  De as useDrillDownTreemapLogic
 };