@carto/meridian-ds 1.3.2 → 1.3.4

package/dist/widgets/index.js

@@ -1,14 +1,14 @@
 import { jsxs as v, Fragment as ie, jsx as n } from "react/jsx-runtime";
 import Qn, { useMemo as F, useState as _, useEffect as U, useCallback as oe, useRef as re, createContext as ei, useContext as ti, useLayoutEffect as an, createRef as ni } from "react";
-import { useTheme as le, styled as m, Box as S, Skeleton as H, Grid as ae, Link as ye, darken as yt, Button as Pe, Divider as wt, TextField as ot, InputAdornment as vt, Checkbox as ln, Tooltip as ue, IconButton as fe, debounce as ii, Slider as xt, TableCell as bt, Table as sn, TableHead as cn, TableRow as Je, TableBody as dn, TableContainer as un, TableSortLabel as ri, TablePagination as oi, Menu as kt, MenuItem as $e, SvgIcon as je, lighten as pn, Typography as De, ClickAwayListener as ai, ToggleButton as li, capitalize as gn, ListItem as si, Chip as ci, List as di, Paper as hn, Popover as ui, Select as pi, ListItemText as gi, Collapse as St, Drawer as hi, Icon as fi, LinearProgress as mi } from "@mui/material";
+import { useTheme as le, styled as m, Box as S, Skeleton as z, Grid as ae, Link as ye, darken as yt, Button as $e, Divider as wt, TextField as ot, InputAdornment as vt, Checkbox as ln, Tooltip as ue, IconButton as fe, debounce as ii, Slider as xt, TableCell as bt, Table as sn, TableHead as cn, TableRow as Je, TableBody as dn, TableContainer as un, TableSortLabel as ri, TablePagination as oi, Menu as kt, MenuItem as Pe, SvgIcon as je, lighten as pn, Typography as De, ClickAwayListener as ai, ToggleButton as li, capitalize as gn, ListItem as si, Chip as ci, List as di, Paper as hn, Popover as ui, Select as pi, ListItemText as gi, Collapse as St, Drawer as hi, Icon as fi, LinearProgress as mi } from "@mui/material";
 import { useIntl as se } from "react-intl";
-import { t as yi, u as ce, T as z, S as B, B as Mt, a as wi, b as pt } from "../TablePaginationActions-BmvmVQd9.js";
+import { t as yi, u as ce, T as H, S as B, B as Mt, a as wi, b as pt } from "../TablePaginationActions-BmvmVQd9.js";
 import vi from "echarts-for-react";
 import { FixedSizeList as xi } from "react-window";
 import { S as Qe, a as bi } from "../SwatchSquare-DAne_6Gi.js";
-import { ChevronLeft as ki, ChevronRight as Si, KeyboardArrowDown as Mi, ErrorOutline as Ii, Cancel as Ci, VisibilityOutlined as Ti, VisibilityOffOutlined as Ai, ExpandLess as fn, ExpandMore as mn, Close as Ei, LayersOutlined as Li, MoreVert as Di } from "@mui/icons-material";
-import { A as Pi } from "../Alert-DbN79ENW.js";
-import { c as yn, a as $i, b as wn } from "../paletteUtils-BEwZhrLg.js";
+import { ChevronLeft as ki, ChevronRight as Si, KeyboardArrowDown as Mi, ErrorOutline as Ii, Cancel as Ti, VisibilityOutlined as Ci, VisibilityOffOutlined as Ai, ExpandLess as fn, ExpandMore as mn, Close as Ei, LayersOutlined as Li, MoreVert as Di } from "@mui/icons-material";
+import { A as $i } from "../Alert-DbN79ENW.js";
+import { c as yn, a as Pi, b as wn } from "../paletteUtils-BEwZhrLg.js";
 function vn() {
   let e = !1;
   return window.PointerEvent && "maxTouchPoints" in navigator ? navigator.maxTouchPoints > 0 && (e = !0) : (window.matchMedia && window.matchMedia("(any-pointer:coarse)").matches || window.TouchEvent || "ontouchstart" in window) && (e = !0), e;
@@ -167,26 +167,26 @@ const at = 240, xn = m(S)(({ theme: e }) => ({
   backgroundImage: `linear-gradient(${e.palette.grey[50]} 0.5px, transparent 0.5px, transparent calc(100% - 0.5px), ${e.palette.grey[50]} calc(100% - 0.5px)), linear-gradient(90deg, ${e.palette.grey[50]} 0.5px, transparent 0.5px, transparent calc(100% - 0.5px), ${e.palette.grey[50]} calc(100% - 0.5px))`,
   backgroundSize: "8.33% 20%",
   border: `0.5px solid ${e.palette.grey[50]}`
-})), Fe = m(H)(({ theme: e }) => ({
+})), Fe = m(z)(({ theme: e }) => ({
   flex: 1,
   maxWidth: e.spacing(12),
   "& + &": {
     marginLeft: e.spacing(1)
   }
-})), he = m(H)(({ theme: e }) => ({
+})), he = m(z)(({ theme: e }) => ({
   flex: 1,
   maxWidth: e.spacing(8),
   "& + &": {
     marginLeft: "1px"
   }
-})), _i = m(H)(({ theme: e }) => ({
+})), _i = m(z)(({ theme: e }) => ({
   backgroundColor: e.palette.common.white
-})), Rt = m(H)(({ theme: e }) => ({
+})), Rt = m(z)(({ theme: e }) => ({
   backgroundColor: e.palette.grey[100]
 }));
-function zi({ height: e }) {
+function Hi({ height: e }) {
   return /* @__PURE__ */ v(ie, { children: [
-    /* @__PURE__ */ n(S, { mb: 2, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
+    /* @__PURE__ */ n(S, { mb: 2, children: /* @__PURE__ */ n(z, { width: 48, height: 8 }) }),
     /* @__PURE__ */ v(xn, { style: { height: e || at }, children: [
       /* @__PURE__ */ n(Fe, { variant: "rectangular", height: "20%" }),
       /* @__PURE__ */ n(Fe, { variant: "rectangular", height: "40%" }),
@@ -202,7 +202,7 @@ function ke(e) {
     e && !r && (i(!0), o(!0)), e || i(!1);
   }, [e, r]), { showSkeleton: t };
 }
-const Hi = vn(), ji = m(ae)(({ theme: e }) => ({
+const zi = vn(), ji = m(ae)(({ theme: e }) => ({
   marginBottom: e.spacing(2),
   flexDirection: "row",
   justifyContent: "space-between",
@@ -232,7 +232,7 @@ function ns(e) {
     filterable: f,
     animation: w,
     isLoading: h
-  } = Fi(e), b = r.length > 1, k = le(), M = se(), C = ce(M), { showSkeleton: x } = ke(!!h), A = F(
+  } = Fi(e), b = r.length > 1, k = le(), M = se(), T = ce(M), { showSkeleton: x } = ke(!!h), A = F(
     () => ({
       show: l,
       trigger: "axis",
@@ -244,14 +244,14 @@ function ns(e) {
         color: k.palette.common.white
       },
       backgroundColor: k.palette.black[90],
-      position: function(I, R, q, j, X) {
+      position: function(I, R, X, j, q) {
         const te = { top: 0 };
-        return X.contentSize[0] < X.viewSize[0] - I[0] ? te.left = I[0] : te.right = X.viewSize[0] - I[0], te;
+        return q.contentSize[0] < q.viewSize[0] - I[0] ? te.left = I[0] : te.right = q.viewSize[0] - I[0], te;
       },
       formatter: (I) => d(I, c)
     }),
     [k, l, d, c]
-  ), T = F(
+  ), C = F(
     () => i.map(
       (I) => ge(p(s[I] ?? String(I)))
     ),
@@ -269,15 +269,15 @@ function ns(e) {
         ...k.typography.overlineDelicate,
         padding: [parseInt(k.spacing(0.5)), 0, 0, 0]
       },
-      data: T
+      data: C
     }),
-    [k, T]
+    [k, C]
   ), L = F(() => {
     let I = [];
-    return y ? I = t.reduce((R, q) => (q.forEach(
-      (j, X) => R[X] = (R[X] ?? 0) + (j ?? Number.MIN_SAFE_INTEGER)
+    return y ? I = t.reduce((R, X) => (X.forEach(
+      (j, q) => R[q] = (R[q] ?? 0) + (j ?? Number.MIN_SAFE_INTEGER)
     ), R), []) : I = t.flat().map((R) => R ?? Number.MIN_SAFE_INTEGER), Math.max(...I);
-  }, [t, y]), $ = F(
+  }, [t, y]), P = F(
     () => ({
       type: "value",
       axisLabel: {
@@ -307,18 +307,18 @@ function ns(e) {
       }
     }),
     [k, L, c]
-  ), P = F(
+  ), $ = F(
     () => t.map((I, R) => ({
       type: "bar",
       name: r[R] ?? "",
       animation: w,
       barMaxWidth: 100,
-      data: I.map((q, j) => {
-        const X = o.some(
+      data: I.map((X, j) => {
+        const q = o.some(
           ([Y, K = 0]) => Y === j && K === R
-        ), te = !!o.length && !X;
+        ), te = !!o.length && !q;
         return {
-          value: q,
+          value: X,
           ...te && {
             itemStyle: { color: k.palette.black[25] },
             disabled: !0
@@ -326,7 +326,7 @@ function ns(e) {
         };
       }),
       ...y && { stack: "total" },
-      ...!Hi && {
+      ...!zi && {
         emphasis: {
           focus: "series",
           itemStyle: {
@@ -339,14 +339,14 @@ function ns(e) {
   ), W = F(
     () => ({
       grid: {
-        left: T.length >= 4 ? Ft(
-          String(T[0]),
-          T.length
+        left: C.length >= 4 ? Ft(
+          String(C[0]),
+          C.length
         ) : 0,
         top: parseInt(k.spacing(2)),
-        right: T.length >= 4 ? Ft(
-          String(T[T.length - 1]),
-          T.length
+        right: C.length >= 4 ? Ft(
+          String(C[C.length - 1]),
+          C.length
         ) : 0,
         bottom: 0,
         containLabel: !0
@@ -359,29 +359,29 @@ function ns(e) {
       color: u,
       tooltip: A,
       xAxis: O,
-      yAxis: $,
-      series: P
+      yAxis: P,
+      series: $
     }),
     [
-      T,
+      C,
       k,
       u,
       A,
       O,
-      $,
-      P
+      P,
+      $
     ]
   ), J = () => {
     a && a([], []);
   }, G = (I) => {
     I.key === "Enter" && J();
-  }, E = oe(
+  }, D = oe(
     (I) => {
       if (a) {
-        const R = [...o], { dataIndex: q, componentIndex: j } = I, X = R.findIndex(
-          ([Y, K = 0]) => q === Y && j === K
+        const R = [...o], { dataIndex: X, componentIndex: j } = I, q = R.findIndex(
+          ([Y, K = 0]) => X === Y && j === K
         );
-        X === -1 ? R.push([q, j]) : R.splice(X, 1);
+        q === -1 ? R.push([X, j]) : R.splice(q, 1);
         const te = R.map(
           ([Y, K = 0]) => ({
             xAxis: i[Y],
@@ -402,16 +402,16 @@ function ns(e) {
     ]
   ), N = F(
     () => f ? {
-      click: E
+      click: D
     } : {},
-    [f, E]
+    [f, D]
   );
-  return x ? /* @__PURE__ */ n(zi, { height: g }) : /* @__PURE__ */ v("div", { children: [
+  return x ? /* @__PURE__ */ n(Hi, { height: g }) : /* @__PURE__ */ v("div", { children: [
     a && /* @__PURE__ */ v(ji, { container: !0, children: [
-      /* @__PURE__ */ n(z, { variant: "caption", children: o.length > 0 ? C.formatMessage(
+      /* @__PURE__ */ n(H, { variant: "caption", children: o.length > 0 ? T.formatMessage(
         { id: "c4r.widgets.bar.selectedItems" },
         { items: o.length }
-      ) : C.formatMessage({ id: "c4r.widgets.bar.all" }) }),
+      ) : T.formatMessage({ id: "c4r.widgets.bar.all" }) }),
       o && o.length > 0 && /* @__PURE__ */ n(
         Yi,
         {
@@ -419,7 +419,7 @@ function ns(e) {
           onKeyDown: G,
           underline: "hover",
           tabIndex: 0,
-          children: C.formatMessage({ id: "c4r.widgets.bar.clear" })
+          children: T.formatMessage({ id: "c4r.widgets.bar.clear" })
         }
       )
     ] }),
@@ -439,7 +439,7 @@ function Ft(e = "", t = 0) {
   return t <= 15 && e.length <= 8 ? 0 : e.length * 8.5 / 6;
 }
 const Me = "__rest__", Oe = "Others";
-var Ce = /* @__PURE__ */ ((e) => (e.RANKING = "ranking", e.FIXED = "fixed", e))(Ce || {});
+var Te = /* @__PURE__ */ ((e) => (e.RANKING = "ranking", e.FIXED = "fixed", e))(Te || {});
 const kn = m(ae)(({ theme: e }) => ({
   maxHeight: e.spacing(40),
   overflow: "auto",
@@ -509,7 +509,7 @@ const kn = m(ae)(({ theme: e }) => ({
   ...t && {
     width: `calc(100% - ${e.spacing(4)})`
   }
-})), Ui = m(z)(({ theme: e }) => ({
+})), Ui = m(H)(({ theme: e }) => ({
   fontWeight: e.typography.fontWeightBold,
   marginRight: e.spacing(2)
 })), Ve = m(ye)(({ theme: e }) => ({
@@ -518,9 +518,9 @@ const kn = m(ae)(({ theme: e }) => ({
   "& + hr": {
     margin: e.spacing(0, 1)
   }
-})), qi = m(S)(({ theme: e }) => ({
+})), Xi = m(S)(({ theme: e }) => ({
   ...e.typography.body2
-})), Bt = m(Pe)(({ theme: e }) => ({
+})), Bt = m($e)(({ theme: e }) => ({
   position: "absolute",
   left: "-999px",
   top: "-1px",
@@ -533,17 +533,17 @@ const kn = m(ae)(({ theme: e }) => ({
     height: "auto",
     marginTop: e.spacing(2)
   }
-})), Xi = m(H)(({ theme: e }) => ({
+})), qi = m(z)(({ theme: e }) => ({
   marginTop: e.spacing(1.25),
   marginBottom: e.spacing(1.75)
 })), Ki = (e) => e % 2 === 1, Mn = () => /* @__PURE__ */ v(ie, { children: [
-  /* @__PURE__ */ n(H, { width: 48, height: 8 }),
+  /* @__PURE__ */ n(z, { width: 48, height: 8 }),
   /* @__PURE__ */ n(kn, { container: !0, mt: 3, children: [...Array(6)].map((e, t) => /* @__PURE__ */ v(Sn, { container: !0, spacing: 1, children: [
     /* @__PURE__ */ v(ae, { container: !0, item: !0, direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ n(H, { width: Ki(t) ? 72 : 48, height: 8 }),
-      /* @__PURE__ */ n(H, { width: 48, height: 8 })
+      /* @__PURE__ */ n(z, { width: Ki(t) ? 72 : 48, height: 8 }),
+      /* @__PURE__ */ n(z, { width: 48, height: 8 })
     ] }),
-    /* @__PURE__ */ n(Xi, { height: 4, width: "100%" })
+    /* @__PURE__ */ n(qi, { height: 4, width: "100%" })
   ] }, t)) })
 ] });
 function In(e) {
@@ -603,7 +603,7 @@ function is({
   formatter: t = er,
   labels: i = Qi,
   maxItems: r = 5,
-  order: o = Ce.RANKING,
+  order: o = Te.RANKING,
   selectedCategories: a = Ji,
   onSelectedCategoriesChange: l = ct,
   onMaxItemsOverflow: d = tr,
@@ -612,72 +612,72 @@ function is({
   searchable: p = !0,
   isLoading: c
 }) {
-  const y = le(), [g, f] = _([]), [w, h] = _(1), [b, k] = _(!1), [M, C] = _(""), [x, A] = _([]), [T, O] = _(
+  const y = le(), [g, f] = _([]), [w, h] = _(1), [b, k] = _(!1), [M, T] = _(""), [x, A] = _([]), [C, O] = _(
     []
-  ), [L, $] = _([]), P = re(null), W = re(), J = In(L), G = re([]), { showSkeleton: E } = ke(!!c), N = se(), I = ce(N);
-  function R(D) {
-    return g.reduce((Z, Q) => (D.includes(Q.name) && Z.push(Q.name), Z), []);
+  ), [L, P] = _([]), $ = re(null), W = re(), J = In(L), G = re([]), { showSkeleton: D } = ke(!!c), N = se(), I = ce(N);
+  function R(E) {
+    return g.reduce((Z, Q) => (E.includes(Q.name) && Z.push(Q.name), Z), []);
   }
-  function q(D) {
-    if (D !== Me) {
+  function X(E) {
+    if (E !== Me) {
       let Z;
-      a.includes(D) ? Z = a.filter((Q) => Q !== D) : Z = [...a, D], l && l(Z);
+      a.includes(E) ? Z = a.filter((Q) => Q !== E) : Z = [...a, E], l && l(Z);
     }
   }
-  const j = () => l([]), X = (D) => {
-    D.key === "Enter" && j();
+  const j = () => l([]), q = (E) => {
+    E.key === "Enter" && j();
   }, te = () => {
     l([]), A([]);
-  }, Y = (D) => {
-    D.key === "Enter" && te();
+  }, Y = (E) => {
+    E.key === "Enter" && te();
   }, K = () => {
     A(R(a));
-  }, de = (D) => {
-    D.key === "Enter" && K();
+  }, de = (E) => {
+    E.key === "Enter" && K();
   }, we = () => {
-    const D = R(
-      T
+    const E = R(
+      C
     );
-    l([...D]), A([...D]), O([]), k(!1), C("");
-  }, ve = (D) => {
-    D.key === "Enter" && we();
+    l([...E]), A([...E]), O([]), k(!1), T("");
+  }, ve = (E) => {
+    E.key === "Enter" && we();
   }, V = () => {
-    C(""), k(!1);
-  }, ee = (D) => {
-    if (D !== Me) {
+    T(""), k(!1);
+  }, ee = (E) => {
+    if (E !== Me) {
       let Z;
-      T.includes(D) ? Z = T.filter((Q) => Q !== D) : Z = [...T, D], O(Z);
+      C.includes(E) ? Z = C.filter((Q) => Q !== E) : Z = [...C, E], O(Z);
     }
-  }, ne = (D) => {
-    D.currentTarget.scrollIntoView();
-  }, pe = (D) => {
-    C(D.currentTarget.value);
-  }, Te = () => {
+  }, ne = (E) => {
+    E.currentTarget.scrollIntoView();
+  }, pe = (E) => {
+    T(E.currentTarget.value);
+  }, Ce = () => {
     k(!0), O([...a]);
   }, Re = oe(
-    (D) => {
+    (E) => {
       if (b)
-        return M ? D.filter((Z) => {
+        return M ? E.filter((Z) => {
           var xe;
           if (!Z.name)
             return !1;
           const Q = String(Z.name);
           return !!(Q.toLowerCase().includes(M.toLowerCase()) || (xe = i[Q]) != null && xe.toLowerCase().includes(M.toLowerCase()));
-        }) : D;
+        }) : E;
       if (x.length)
         return x.reduce((Q, xe) => {
-          const Ye = D.find((be) => be.name === xe);
+          const Ye = E.find((be) => be.name === xe);
           return Q.push({
             name: xe,
             value: Ye ? Ye.value : null
           }), Q;
         }, []);
       {
-        const Z = D.slice(0, r);
-        if (Z.length < D.length) {
+        const Z = E.slice(0, r);
+        if (Z.length < E.length) {
           const Q = {
             name: Me,
-            value: d(D.slice(r))
+            value: d(E.slice(r))
           };
           return [...Z, Q];
         } else
@@ -693,26 +693,26 @@ function is({
       d
     ]
   ), Ae = oe(() => {
-    const D = x.length;
-    return D ? e.length - D : e.length - r;
+    const E = x.length;
+    return E ? e.length - E : e.length - r;
   }, [e, r, x]), Dt = oe(
-    (D) => D === Me ? `Others ${p ? "" : `(${Ae()})`}` : i[String(D)] ?? String(D),
+    (E) => E === Me ? `Others ${p ? "" : `(${Ae()})`}` : i[String(E)] ?? String(E),
     [Ae, i, p]
   ), Un = oe(
-    (D) => D >= w ? D != null ? "100%" : 0 : `${(D || 0) * 100 / w}%`,
+    (E) => E >= w ? E != null ? "100%" : 0 : `${(E || 0) * 100 / w}%`,
     [w]
   );
   U(() => {
     a.length === 0 && A([]);
   }, [a]), U(() => {
     if (e) {
-      if (o === Ce.RANKING) {
-        const D = [...e].sort((Q, xe) => (xe.value ?? 0) - (Q.value ?? 0)), Z = Re(D);
+      if (o === Te.RANKING) {
+        const E = [...e].sort((Q, xe) => (xe.value ?? 0) - (Q.value ?? 0)), Z = Re(E);
         Z.length > 0 ? h(Z[0].value ?? 0) : h(1), f(Z);
-      } else if (o === Ce.FIXED) {
+      } else if (o === Te.FIXED) {
         h(Math.max(...e.map((Z) => Z.value ?? 0)));
-        const D = Re(e);
-        f(D);
+        const E = Re(e);
+        f(E);
       }
     }
   }, [
@@ -729,28 +729,28 @@ function is({
   }, [J]), U(() => {
     if (s)
       return Zi({
-        start: (G.current || []).map((D) => ({
-          ...D,
-          value: D.value ?? 0
+        start: (G.current || []).map((E) => ({
+          ...E,
+          value: E.value ?? 0
         })),
-        end: g.map((D) => ({ ...D, value: D.value ?? 0 })),
+        end: g.map((E) => ({ ...E, value: E.value ?? 0 })),
         duration: 500,
-        drawFrame: (D) => $(D),
-        requestRef: P
+        drawFrame: (E) => P(E),
+        requestRef: $
       }), () => {
-        P.current && cancelAnimationFrame(P.current);
+        $.current && cancelAnimationFrame($.current);
       };
-    $(g);
+    P(g);
   }, [s, g]), U(() => {
     b && W.current && W.current.focus();
   }, [b, W]);
-  function qn({
-    data: D,
+  function Xn({
+    data: E,
     onCategoryClick: Z
   }) {
-    const Q = t(D.value ?? 0), [xe, Ye] = _(!1), be = re(null), lt = () => {
-      var Pt, $t;
-      const st = (((Pt = be == null ? void 0 : be.current) == null ? void 0 : Pt.scrollWidth) ?? 0) > ((($t = be == null ? void 0 : be.current) == null ? void 0 : $t.clientWidth) ?? 0);
+    const Q = t(E.value ?? 0), [xe, Ye] = _(!1), be = re(null), lt = () => {
+      var $t, Pt;
+      const st = ((($t = be == null ? void 0 : be.current) == null ? void 0 : $t.scrollWidth) ?? 0) > (((Pt = be == null ? void 0 : be.current) == null ? void 0 : Pt.clientWidth) ?? 0);
       Ye(st);
     };
     U(() => (lt(), window.addEventListener("resize", lt), () => {
@@ -758,7 +758,7 @@ function is({
     }), []);
     const Zn = (st) => {
       st.key === "Enter" && Z();
-    }, Jn = !b && a.length > 0 && !a.includes(D.name);
+    }, Jn = !b && a.length > 0 && !a.includes(E.name);
     return /* @__PURE__ */ v(
       Sn,
       {
@@ -769,13 +769,13 @@ function is({
         onKeyDown: u ? Zn : ct,
         selectable: u,
         unselected: Jn,
-        name: D.name === Me ? Me : "",
+        name: E.name === Me ? Me : "",
         tabIndex: u ? 0 : -1,
         children: [
           u && b && /* @__PURE__ */ n(ae, { item: !0, mr: 1, children: /* @__PURE__ */ n(
             ln,
             {
-              checked: T.includes(D.name),
+              checked: C.includes(E.name),
               tabIndex: -1
             }
           ) }),
@@ -792,9 +792,9 @@ function is({
                   /* @__PURE__ */ n(
                     ue,
                     {
-                      title: Dt(D.name),
+                      title: Dt(E.name),
                       disableHoverListener: !xe,
-                      children: /* @__PURE__ */ n(Ui, { variant: "body2", noWrap: !0, ref: be, children: Dt(D.name) })
+                      children: /* @__PURE__ */ n(Ui, { variant: "body2", noWrap: !0, ref: be, children: Dt(E.name) })
                     }
                   ),
                   typeof Q == "object" && Q !== null ? /* @__PURE__ */ v("span", { children: [
@@ -805,29 +805,29 @@ function is({
                 ]
               }
             ),
-            /* @__PURE__ */ n(Vi, { className: "progressbar", item: !0, children: /* @__PURE__ */ n("div", { style: { width: Un(D.value ?? 0) } }) })
+            /* @__PURE__ */ n(Vi, { className: "progressbar", item: !0, children: /* @__PURE__ */ n("div", { style: { width: Un(E.value ?? 0) } }) })
           ] })
         ]
       }
     );
   }
-  if ((e == null ? void 0 : e.length) === 0 || E) return /* @__PURE__ */ n(Mn, {});
-  const Xn = ({
-    index: D,
+  if ((e == null ? void 0 : e.length) === 0 || D) return /* @__PURE__ */ n(Mn, {});
+  const qn = ({
+    index: E,
     style: Z
   }) => {
-    const Q = L[D];
+    const Q = L[E];
     return Q ? /* @__PURE__ */ n("div", { style: Z, children: /* @__PURE__ */ n(
-      qn,
+      Xn,
       {
         data: Q,
-        onCategoryClick: () => b ? ee(Q.name) : q(Q.name)
+        onCategoryClick: () => b ? ee(Q.name) : X(Q.name)
       }
     ) }) : null;
-  }, Kn = () => b ? 320 : x.length > 0 ? x.length * 38 : (r + 1) * 38;
-  return /* @__PURE__ */ v(qi, { children: [
+  }, Kn = () => b ? 320 : L.length <= r ? L.length * 38 : x.length > 0 ? x.length * 38 : (r + 1) * 38;
+  return /* @__PURE__ */ v(Xi, { children: [
     u && g.length > 0 && /* @__PURE__ */ v(Nt, { container: !0, children: [
-      /* @__PURE__ */ n(z, { variant: "caption", children: a.length > 0 ? I.formatMessage(
+      /* @__PURE__ */ n(H, { variant: "caption", children: a.length > 0 ? I.formatMessage(
         { id: "c4r.widgets.category.selectedItems" },
         { items: a.length }
       ) : I.formatMessage({ id: "c4r.widgets.category.all" }) }),
@@ -868,7 +868,7 @@ function is({
           Ve,
           {
             onClick: j,
-            onKeyDown: X,
+            onKeyDown: q,
             underline: "hover",
             tabIndex: 0,
             children: I.formatMessage({
@@ -903,24 +903,25 @@ function is({
     /* @__PURE__ */ n(kn, { container: !0, item: !0, children: L.length ? /* @__PURE__ */ n(
       xi,
       {
+        outerElementType: (E) => /* @__PURE__ */ n("div", { ...E, "data-testid": "category-widget-list" }),
         height: Kn(),
         width: "100%",
         itemCount: L.length,
         itemSize: y.spacingValue * 4.5,
-        children: Xn
+        children: qn
       }
     ) : /* @__PURE__ */ v(S, { children: [
-      /* @__PURE__ */ n(z, { variant: "body2", children: I.formatMessage({
+      /* @__PURE__ */ n(H, { variant: "body2", children: I.formatMessage({
         id: "c4r.widgets.category.noResults"
       }) }),
-      /* @__PURE__ */ n(z, { component: "p", variant: "caption", mb: 2, children: I.formatMessage(
+      /* @__PURE__ */ n(H, { component: "p", variant: "caption", mb: 2, children: I.formatMessage(
         { id: "c4r.widgets.category.noResultsMessage" },
         { searchValue: M }
       ) })
     ] }) }),
     b && /* @__PURE__ */ n(Bt, { size: "small", onClick: we, children: I.formatMessage({ id: "c4r.widgets.category.apply" }) }),
     e.length > r && p ? b ? /* @__PURE__ */ n(S, { mt: 1.5, children: /* @__PURE__ */ n(
-      Pe,
+      $e,
       {
         size: "small",
         color: "primary",
@@ -929,12 +930,13 @@ function is({
         children: I.formatMessage({ id: "c4r.widgets.category.cancel" })
       }
     ) }) : /* @__PURE__ */ n(S, { mt: 1.5, children: /* @__PURE__ */ n(
-      Pe,
+      $e,
       {
+        "data-testid": "show-all-categories-button",
         size: "small",
         color: "primary",
         startIcon: /* @__PURE__ */ n(Qe, {}),
-        onClick: Te,
+        onClick: Ce,
         children: I.formatMessage(
           { id: "c4r.widgets.category.searchInfo" },
           { elements: Ae() }
@@ -943,7 +945,7 @@ function is({
     ) }) : null
   ] });
 }
-const Cn = () => /* @__PURE__ */ n(S, { pt: 0.5, children: /* @__PURE__ */ n(H, { height: 24, width: 120 }) }), nr = m("span")(() => ({
+const Tn = () => /* @__PURE__ */ n(S, { pt: 0.5, children: /* @__PURE__ */ n(z, { height: 24, width: 120 }) }), nr = m("span")(() => ({
   marginRight: "2px"
 })), ir = m("span")(() => ({
   marginLeft: "2px"
@@ -973,12 +975,12 @@ function rs({
     l.current && cancelAnimationFrame(l.current);
   }), [i, e, a]);
   const p = t(o), c = typeof p == "object" && p !== null, y = p === Ge;
-  return u ? /* @__PURE__ */ n(Cn, {}) : c ? /* @__PURE__ */ v(z, { variant: "h5", component: "div", weight: "medium", children: [
+  return u ? /* @__PURE__ */ n(Tn, {}) : c ? /* @__PURE__ */ v(H, { variant: "h5", component: "div", weight: "medium", children: [
     /* @__PURE__ */ n(nr, { children: p.prefix }),
     p.value,
     /* @__PURE__ */ n(ir, { children: p.suffix })
   ] }) : /* @__PURE__ */ n(
-    z,
+    H,
     {
       variant: "h5",
       component: "div",
@@ -1077,7 +1079,7 @@ function dt(e, t, i) {
 }
 function ar({ height: e }) {
   return /* @__PURE__ */ v(ie, { children: [
-    /* @__PURE__ */ n(S, { mb: 2, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
+    /* @__PURE__ */ n(S, { mb: 2, children: /* @__PURE__ */ n(z, { width: 48, height: 8 }) }),
     /* @__PURE__ */ v(bn, { style: { height: e ?? at }, children: [
       /* @__PURE__ */ n(he, { variant: "rectangular", height: "20%" }),
       /* @__PURE__ */ n(he, { variant: "rectangular", height: "40%" }),
@@ -1135,16 +1137,16 @@ function os({
   height: g = 200,
   isLoading: f
 }) {
-  const w = se(), h = le(), b = ce(w), { showSkeleton: k } = ke(!!f), M = !!y && !!s, [C, x] = _(), A = (I) => x(I), T = F(
+  const w = se(), h = le(), b = ce(w), { showSkeleton: k } = ke(!!f), M = !!y && !!s, [T, x] = _(), A = (I) => x(I), C = F(
     () => fr(e, t, i, r),
     [e, t, i, r]
   ), { onEvents: O, markAreaOptions: L } = or({
-    data: T,
+    data: C,
     filterable: M,
     selectedBars: d,
     onSelectedBarsChange: s,
-    echartsInstance: C
-  }), $ = F(
+    echartsInstance: T
+  }), P = F(
     () => ({
       show: u,
       trigger: "item",
@@ -1163,11 +1165,11 @@ function os({
       }
     }),
     [h, u, p, o, a]
-  ), P = F(
+  ), $ = F(
     () => ({
       min: i,
       max: r,
-      interval: (r - i) / T.length,
+      interval: (r - i) / C.length,
       axisLine: {
         show: !1
       },
@@ -1193,7 +1195,7 @@ function os({
         color: h.palette.black[60]
       }
     }),
-    [i, r, T.length, h, o]
+    [i, r, C.length, h, o]
   ), W = F(() => {
     const I = {
       margin: 0,
@@ -1201,9 +1203,9 @@ function os({
       padding: [0, 0, B * 1.25, 0],
       inside: !0,
       color: (j) => {
-        const X = Math.max(...e.map((Y) => Y ?? Number.MIN_SAFE_INTEGER)) || 1;
+        const q = Math.max(...e.map((Y) => Y ?? Number.MIN_SAFE_INTEGER)) || 1;
         let te = "transparent";
-        return j >= X && (te = h.palette.black[60]), te;
+        return j >= q && (te = h.palette.black[60]), te;
       },
       ...h.typography.overlineDelicate,
       formatter: (j) => ge(a(j))
@@ -1211,7 +1213,7 @@ function os({
       verticalAlign: "middle",
       padding: [0, 0, 0, B * 0.5],
       color: h.palette.black[60]
-    }, q = l === "dense" ? I : R;
+    }, X = l === "dense" ? I : R;
     return {
       type: "value",
       axisLine: {
@@ -1230,7 +1232,7 @@ function os({
         show: !0,
         showMaxLabel: !0,
         showMinLabel: !1,
-        ...q,
+        ...X,
         ...h.typography.overlineDelicate,
         formatter: (j) => ge(a(j))
       }
@@ -1242,16 +1244,16 @@ function os({
     a,
     l
   ]), J = F(() => {
-    const I = i === r && T.filter((j) => j[2] !== 0).length === 1, q = (I ? [T[0], T[T.length - 1]] : T).map((j, X) => {
-      const Y = d.length && !d.includes(X) ? h.palette.black[25] : h.palette.secondary.main;
+    const I = i === r && C.filter((j) => j[2] !== 0).length === 1, X = (I ? [C[0], C[C.length - 1]] : C).map((j, q) => {
+      const Y = d.length && !d.includes(q) ? h.palette.black[25] : h.palette.secondary.main;
       return { value: j, itemStyle: { color: Y } };
     });
     return {
       type: "custom",
       cursor: "pointer",
       markArea: L,
-      renderItem: function(j, X) {
-        const te = j.dataIndex === T.length - 1, Y = j.dataIndex === 0, K = q[j.dataIndex].itemStyle.color, de = X.value(0), we = X.value(1), ve = X.value(2), [V, ee] = X.coord([de, ve]), [ne, pe] = X.size([we - de, ve]);
+      renderItem: function(j, q) {
+        const te = j.dataIndex === C.length - 1, Y = j.dataIndex === 0, K = X[j.dataIndex].itemStyle.color, de = q.value(0), we = q.value(1), ve = q.value(2), [V, ee] = q.coord([de, ve]), [ne, pe] = q.size([we - de, ve]);
         return {
           type: "rect",
           shape: {
@@ -1276,13 +1278,13 @@ function os({
         y: 2,
         tooltip: [0, 1, 2]
       },
-      data: q,
+      data: X,
       animation: c
     };
   }, [
     i,
     r,
-    T,
+    C,
     L,
     h.palette.black,
     h.palette.secondary.main,
@@ -1297,13 +1299,13 @@ function os({
         bottom: B * 0.5,
         containLabel: !0
       },
-      tooltip: $,
-      xAxis: P,
+      tooltip: P,
+      xAxis: $,
       yAxis: W,
       series: [J]
     }),
-    [$, P, W, J]
-  ), E = d.reduce(
+    [P, $, W, J]
+  ), D = d.reduce(
     (I, R) => I += e[R] ?? 0,
     0
   ), N = (I) => {
@@ -1311,11 +1313,11 @@ function os({
   };
   return k ? /* @__PURE__ */ n(ar, { height: g }) : /* @__PURE__ */ v("div", { children: [
     M && /* @__PURE__ */ v(sr, { container: !0, children: [
-      /* @__PURE__ */ n(z, { variant: "caption", weight: "strong", children: d.length > 0 ? b.formatMessage(
+      /* @__PURE__ */ n(H, { variant: "caption", weight: "strong", children: d.length > 0 ? b.formatMessage(
         { id: "c4r.widgets.histogram.selectedItems" },
         {
           items: ge(
-            a(E)
+            a(D)
           )
         }
       ) : b.formatMessage({ id: "c4r.widgets.histogram.all" }) }),
@@ -1359,7 +1361,7 @@ function fr(e, t, i, r) {
   );
 }
 function mr(e, t, i, r) {
-  const o = le(), a = F(() => t === Ce.RANKING ? e.slice().sort((s, u) => (u.value ?? 0) - (s.value ?? 0)) : e, [e, t]), l = F(() => {
+  const o = le(), a = F(() => t === Te.RANKING ? e.slice().sort((s, u) => (u.value ?? 0) - (s.value ?? 0)) : e, [e, t]), l = F(() => {
     const s = [];
     let u = 0;
     for (const p of a)
@@ -1436,10 +1438,10 @@ function xr({
   }, [a, o]);
   const { name: l, percentage: d, color: s } = r ?? {};
   return r ? /* @__PURE__ */ v(yr, { children: [
-    /* @__PURE__ */ n(z, { variant: "h5", children: d }),
+    /* @__PURE__ */ n(H, { variant: "h5", children: d }),
     /* @__PURE__ */ v(wr, { children: [
       /* @__PURE__ */ n(vr, { bgcolor: s, component: "span" }),
-      /* @__PURE__ */ n(z, { component: "span", variant: "body2", noWrap: !0, children: l })
+      /* @__PURE__ */ n(H, { component: "span", variant: "body2", noWrap: !0, children: l })
     ] })
   ] }) : null;
 }
@@ -1453,7 +1455,7 @@ function kr(e, t, i) {
   let r = 0;
   return t !== 0 && (r = e / t * 100), i ? i(r) : `${r}%`;
 }
-const zt = 32, Sr = m(S)(({ theme: e }) => ({
+const Ht = 32, Sr = m(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -1466,14 +1468,14 @@ const zt = 32, Sr = m(S)(({ theme: e }) => ({
 })), Ir = m(_i)(() => ({
   position: "absolute",
   zIndex: 1
-})), Cr = m("div")(({ theme: e }) => ({
+})), Tr = m("div")(({ theme: e }) => ({
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
   gap: e.spacing(1),
   position: "absolute",
   zIndex: 2
-})), Tr = m(S)(({ theme: e }) => ({
+})), Cr = m(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(2),
@@ -1483,12 +1485,12 @@ const zt = 32, Sr = m(S)(({ theme: e }) => ({
   alignItems: "center",
   gap: e.spacing(1.5)
 }));
-function Tn({ height: e }) {
-  const t = parseInt(String(e), 10) || at, i = t - zt, r = i - zt;
+function Cn({ height: e }) {
+  const t = parseInt(String(e), 10) || at, i = t - Ht, r = i - Ht;
   return /* @__PURE__ */ v(S, { mt: 0.5, children: [
-    /* @__PURE__ */ n(H, { height: 8, width: 64 }),
+    /* @__PURE__ */ n(z, { height: 8, width: 64 }),
     /* @__PURE__ */ n(Sr, { height: t, children: /* @__PURE__ */ v(Mr, { children: [
-      /* @__PURE__ */ n(H, { variant: "circular", width: i, height: i }),
+      /* @__PURE__ */ n(z, { variant: "circular", width: i, height: i }),
       /* @__PURE__ */ n(
         Ir,
         {
@@ -1497,14 +1499,14 @@ function Tn({ height: e }) {
           height: r
         }
       ),
-      /* @__PURE__ */ v(Cr, { children: [
-        /* @__PURE__ */ n(H, { height: 24, width: 72 }),
-        /* @__PURE__ */ n(H, { height: 8, width: 48 })
+      /* @__PURE__ */ v(Tr, { children: [
+        /* @__PURE__ */ n(z, { height: 24, width: 72 }),
+        /* @__PURE__ */ n(z, { height: 8, width: 48 })
       ] })
     ] }) }),
-    /* @__PURE__ */ n(Tr, { children: [...Array(2)].map((o, a) => /* @__PURE__ */ v(Ar, { children: [
-      /* @__PURE__ */ n(H, { variant: "circular", width: 8, height: 8 }),
-      /* @__PURE__ */ n(H, { width: 48, height: 8 })
+    /* @__PURE__ */ n(Cr, { children: [...Array(2)].map((o, a) => /* @__PURE__ */ v(Ar, { children: [
+      /* @__PURE__ */ n(z, { variant: "circular", width: 8, height: 8 }),
+      /* @__PURE__ */ n(z, { width: 48, height: 8 })
     ] }, a)) })
   ] });
 }
@@ -1529,7 +1531,7 @@ const Er = m(S)(({ theme: e }) => ({
   textOverflow: "ellipsis",
   whiteSpace: "nowrap",
   cursor: "pointer"
-})), Pr = m(S)(({ theme: e }) => ({
+})), $r = m(S)(({ theme: e }) => ({
   display: "inline-block",
   position: "absolute",
   left: e.spacing(-2),
@@ -1538,7 +1540,7 @@ const Er = m(S)(({ theme: e }) => ({
   zIndex: 1,
   width: e.spacing(2.5),
   background: `linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, ${e.palette.background.paper} 100%)`
-})), $r = m(S)(({ theme: e }) => ({
+})), Pr = m(S)(({ theme: e }) => ({
   position: "absolute",
   padding: e.spacing(0.25, 1),
   top: e.spacing(0),
@@ -1560,7 +1562,7 @@ function An({
   selectedCategories: t,
   onCategoryClick: i
 }) {
-  var M, C;
+  var M, T;
   const r = le(), [o, a] = _(!1), [l, d] = _(0), [s, u] = _(void 0), p = re(null), c = re(null), y = re(null), g = se(), f = ce(g);
   function w() {
     d(l + 1);
@@ -1572,10 +1574,10 @@ function An({
     x.key === "Enter" && (i == null || i(A));
   }
   const k = oe(() => {
-    var A, T, O;
+    var A, C, O;
     const x = !!c.current && c.current.scrollWidth > c.current.clientWidth;
     a(x), u(
-      x && c.current ? (((A = p.current) == null ? void 0 : A.clientWidth) ?? 0) - (((T = y.current) == null ? void 0 : T.clientWidth) ?? 70) : (((O = p.current) == null ? void 0 : O.clientWidth) ?? 0) - 12 || 500
+      x && c.current ? (((A = p.current) == null ? void 0 : A.clientWidth) ?? 0) - (((C = y.current) == null ? void 0 : C.clientWidth) ?? 70) : (((O = p.current) == null ? void 0 : O.clientWidth) ?? 0) - 12 || 500
     );
   }, [p, c, y]);
   return U(() => {
@@ -1583,7 +1585,7 @@ function An({
   }, [
     c,
     (M = c.current) == null ? void 0 : M.scrollWidth,
-    (C = c.current) == null ? void 0 : C.clientWidth,
+    (T = c.current) == null ? void 0 : T.clientWidth,
     k,
     l
   ]), U(() => {
@@ -1605,7 +1607,7 @@ function An({
         },
         children: e.map((x, A) => {
           if (A < l) return null;
-          const T = t.length === 0 || t.includes(x.name);
+          const C = t.length === 0 || t.includes(x.name);
           return /* @__PURE__ */ v(
             Dr,
             {
@@ -1619,14 +1621,14 @@ function An({
                 /* @__PURE__ */ n(
                   Or,
                   {
-                    color: T ? x.color : r.palette.text.disabled
+                    color: C ? x.color : r.palette.text.disabled
                   }
                 ),
                 /* @__PURE__ */ n(
-                  z,
+                  H,
                   {
                     variant: "overline",
-                    color: T ? void 0 : "text.disabled",
+                    color: C ? void 0 : "text.disabled",
                     children: x.name
                   }
                 )
@@ -1637,8 +1639,8 @@ function An({
         })
       }
     ),
-    (o || l > 0) && /* @__PURE__ */ v($r, { ref: y, children: [
-      /* @__PURE__ */ n(Pr, {}),
+    (o || l > 0) && /* @__PURE__ */ v(Pr, { ref: y, children: [
+      /* @__PURE__ */ n($r, {}),
       /* @__PURE__ */ n(
         ue,
         {
@@ -1700,7 +1702,7 @@ const ht = "232px", Wr = m(ae)(({ theme: e }) => ({
   right: 0,
   left: 0,
   bottom: 0
-})), Ht = [], Nr = {}, Br = (e) => e;
+})), zt = [], Nr = {}, Br = (e) => e;
 function as({
   name: e,
   data: t,
@@ -1710,21 +1712,21 @@ function as({
   height: a = ht,
   width: l = ht,
   labels: d = Nr,
-  colors: s = Ht,
+  colors: s = zt,
   animation: u = !0,
   filterable: p = !0,
-  selectedCategories: c = Ht,
+  selectedCategories: c = zt,
   onSelectedCategoriesChange: y,
   isLoading: g,
   maxItems: f = 11,
-  order: w = Ce.RANKING
+  order: w = Te.RANKING
 }) {
-  const h = le(), b = mr(t, w, f, s), { showSkeleton: k } = ke(!!g), M = se(), C = ce(M), x = F(() => o || ((G) => `${M.formatNumber(G, {
+  const h = le(), b = mr(t, w, f, s), { showSkeleton: k } = ke(!!g), M = se(), T = ce(M), x = F(() => o || ((G) => `${M.formatNumber(G, {
     maximumFractionDigits: 2,
     minimumFractionDigits: 2
   })}%`), [M, o]), A = F(() => {
     let G;
-    return r && (G = (E) => r(E, i, x)), {
+    return r && (G = (D) => r(D, i, x)), {
       padding: [B * 0.5, B],
       backgroundColor: h.palette.black[90],
       borderColor: "transparent",
@@ -1738,21 +1740,21 @@ function as({
     r,
     i,
     x
-  ]), T = F(
+  ]), C = F(
     () => [
       {
         type: "pie",
         name: e,
         animation: u,
         data: b.map((G) => {
-          const E = { ...G }, N = (c == null ? void 0 : c.length) && !c.includes(E.name);
-          return d != null && d[E.name] && (E.name = d[E.name]), N ? {
-            ...E,
+          const D = { ...G }, N = (c == null ? void 0 : c.length) && !c.includes(D.name);
+          return d != null && d[D.name] && (D.name = d[D.name]), N ? {
+            ...D,
             disabled: !0,
             itemStyle: { color: h.palette.black[25] }
           } : {
-            ...E,
-            itemStyle: { color: E.color }
+            ...D,
+            itemStyle: { color: D.color }
           };
         }),
         radius: ["74%", "90%"],
@@ -1782,41 +1784,41 @@ function as({
       legend: {
         show: !1
       },
-      series: T
+      series: C
     }),
-    [A, T]
+    [A, C]
   ), L = oe(
     (G) => {
       if (y) {
-        const E = [...c], { name: N } = b[G.dataIndex];
+        const D = [...c], { name: N } = b[G.dataIndex];
         if (N === Oe)
           return;
-        const I = E.indexOf(N);
-        I === -1 ? E.push(N) : E.splice(I, 1), y(E);
+        const I = D.indexOf(N);
+        I === -1 ? D.push(N) : D.splice(I, 1), y(D);
       }
     },
     [b, y, c]
-  ), $ = oe(
+  ), P = oe(
     (G) => {
       if (y) {
-        const E = [...c], N = E.indexOf(G);
-        N === -1 ? E.push(G) : E.splice(N, 1), y(E);
+        const D = [...c], N = D.indexOf(G);
+        N === -1 ? D.push(G) : D.splice(N, 1), y(D);
       }
     },
     [y, c]
-  ), P = {
+  ), $ = {
     ...p && { click: L }
   }, W = () => {
     y == null || y([]);
   }, J = (G) => {
     G.key === "Enter" && W();
   };
-  return k ? /* @__PURE__ */ n(Tn, { height: a }) : /* @__PURE__ */ v(ie, { children: [
+  return k ? /* @__PURE__ */ n(Cn, { height: a }) : /* @__PURE__ */ v(ie, { children: [
     p && /* @__PURE__ */ v(Wr, { container: !0, children: [
-      /* @__PURE__ */ n(z, { variant: "caption", color: "textSecondary", children: c.length ? C.formatMessage(
+      /* @__PURE__ */ n(H, { variant: "caption", color: "textSecondary", children: c.length ? T.formatMessage(
         { id: "c4r.widgets.pie.selectedItems" },
         { items: c.length }
-      ) : C.formatMessage({ id: "c4r.widgets.pie.allSelected" }) }),
+      ) : T.formatMessage({ id: "c4r.widgets.pie.allSelected" }) }),
       c.length > 0 && /* @__PURE__ */ n(
         ye,
         {
@@ -1824,7 +1826,7 @@ function as({
           onClick: W,
           onKeyDown: J,
           tabIndex: 0,
-          children: C.formatMessage({ id: "c4r.widgets.pie.clear" })
+          children: T.formatMessage({ id: "c4r.widgets.pie.clear" })
         }
       )
     ] }),
@@ -1841,7 +1843,7 @@ function as({
         Fr,
         {
           option: O,
-          onEvents: P,
+          onEvents: $,
           lazyUpdate: !0,
           style: { height: a, width: l }
         }
@@ -1852,7 +1854,7 @@ function as({
       {
         series: b,
         selectedCategories: c,
-        onCategoryClick: y && $
+        onCategoryClick: y && P
       }
     )
   ] });
@@ -1868,27 +1870,27 @@ function _r(e, t, i) {
     <p style="display:flex;align-items:center;font-size: 11px;font-weight:500;line-height:1.454;margin:0;"><span style="${d}"></span> <span style="margin:0 4px;font-weight:400;">${o}</span> (${a})</p></div>
   `.trim();
 }
-const zr = m(ae)(({ theme: e }) => ({
+const Hr = m(ae)(({ theme: e }) => ({
   position: "relative",
   alignItems: "center",
   height: e.spacing(4)
-})), Hr = m(ae)(({ theme: e }) => ({
+})), zr = m(ae)(({ theme: e }) => ({
   position: "absolute",
   zIndex: 1,
   padding: e.spacing(0, 3)
 }));
 function jr() {
   return /* @__PURE__ */ v(ae, { container: !0, children: [
-    /* @__PURE__ */ v(zr, { container: !0, item: !0, children: [
-      /* @__PURE__ */ v(Hr, { container: !0, item: !0, justifyContent: "space-between", children: [
+    /* @__PURE__ */ v(Hr, { container: !0, item: !0, children: [
+      /* @__PURE__ */ v(zr, { container: !0, item: !0, justifyContent: "space-between", children: [
         /* @__PURE__ */ n(Rt, { variant: "circular", width: 12, height: 12 }),
         /* @__PURE__ */ n(Rt, { variant: "circular", width: 12, height: 12 })
       ] }),
-      /* @__PURE__ */ n(H, { height: 2, width: "100%" })
+      /* @__PURE__ */ n(z, { height: 2, width: "100%" })
     ] }),
     /* @__PURE__ */ v(ae, { container: !0, item: !0, justifyContent: "space-between", children: [
-      /* @__PURE__ */ n(H, { width: 56, height: 32 }),
-      /* @__PURE__ */ n(H, { width: 56, height: 32 })
+      /* @__PURE__ */ n(z, { width: 56, height: 32 }),
+      /* @__PURE__ */ n(z, { width: 56, height: 32 })
     ] })
   ] });
 }
@@ -1924,7 +1926,7 @@ const Yr = m(S)(() => ({
   "& .MuiSlider-rail": {
     color: e.text.hint
   }
-})), qr = m(xt)(({ theme: { palette: e, spacing: t } }) => ({
+})), Xr = m(xt)(({ theme: { palette: e, spacing: t } }) => ({
   pointerEvents: "none",
   position: "absolute",
   zIndex: 1,
@@ -1978,8 +1980,8 @@ function ls({
     u([...x]), d([...x]), f && f([...x]);
   };
   function h(x, A) {
-    const T = x.target.value === "" ? "" : Number(x.target.value);
-    A === 0 && u([T, s[1]]), A === 1 && u([s[0], T]);
+    const C = x.target.value === "" ? "" : Number(x.target.value);
+    A === 0 && u([C, s[1]]), A === 1 && u([s[0], C]);
   }
   const b = t !== s[0] || i !== s[1];
   U(() => {
@@ -1988,21 +1990,21 @@ function ls({
   function k(x) {
     let A = s[x];
     A === "" && (A = l[x]), A > i && (A = i), A < t && (A = t);
-    const T = x === 0 ? [A, s[1]] : [s[0], A];
-    w(T.sort((O, L) => O - L));
+    const C = x === 0 ? [A, s[1]] : [s[0], A];
+    w(C.sort((O, L) => O - L));
   }
   const M = () => {
     w([t, i]);
   };
-  function C(x) {
+  function T(x) {
     x.key === "Enter" && M();
   }
   return y ? /* @__PURE__ */ n(jr, {}) : /* @__PURE__ */ v(Yr, { children: [
-    /* @__PURE__ */ n(Vr, { children: b && /* @__PURE__ */ n(z, { variant: "caption", color: "primary", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n(Vr, { children: b && /* @__PURE__ */ n(H, { variant: "caption", color: "primary", children: /* @__PURE__ */ n(
       Gr,
       {
         onClick: M,
-        onKeyDown: C,
+        onKeyDown: T,
         tabIndex: 0,
         component: "button",
         underline: "hover",
@@ -2021,7 +2023,7 @@ function ls({
         }
       ),
       r && r.length === 2 && /* @__PURE__ */ n(
-        qr,
+        Xr,
         {
           getAriaLabel: (x) => x === 0 ? c.formatMessage({ id: "c4r.widgets.range.minLimit" }) : c.formatMessage({ id: "c4r.widgets.range.maxLimit" }),
           value: r,
@@ -2069,7 +2071,7 @@ function ls({
     ] })
   ] });
 }
-const Xr = m(bn)(({ theme: e }) => ({
+const qr = m(bn)(({ theme: e }) => ({
   flexDirection: "column",
   alignItems: "center",
   justifyContent: "center",
@@ -2092,12 +2094,12 @@ function Zr({ height: e }) {
     return Math.floor(Math.random() * 5);
   }
   return /* @__PURE__ */ v(S, { height: e ?? at, children: [
-    /* @__PURE__ */ n(S, { mb: 4, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
-    /* @__PURE__ */ n(Xr, { height: "80%", children: [...Array(3)].map((i, r) => (
+    /* @__PURE__ */ n(S, { mb: 4, children: /* @__PURE__ */ n(z, { width: 48, height: 8 }) }),
+    /* @__PURE__ */ n(qr, { height: "80%", children: [...Array(3)].map((i, r) => (
       // Every row is placed with an incremental margin left to reinforce the effect of a scatter plot
       /* @__PURE__ */ n(Kr, { ml: r * 3, children: [...Array(4)].map((o, a) => (
         // Random margins are used to create the effect of a scatter plot
-        /* @__PURE__ */ n(S, { mt: t(), ml: t(), children: /* @__PURE__ */ n(H, { variant: "circular", width: 12, height: 12 }) }, a)
+        /* @__PURE__ */ n(S, { mt: t(), ml: t(), children: /* @__PURE__ */ n(z, { variant: "circular", width: 12, height: 12 }) }, a)
       )) }, r)
     )) })
   ] });
@@ -2226,7 +2228,7 @@ function Ue({
     const a = [72, 48, 96, 32, 64], l = o % a.length;
     return a[l];
   }
-  return [...Array(t)].map((o, a) => /* @__PURE__ */ n(bt, { children: /* @__PURE__ */ n(H, { width: e ?? r(i), height: 8 }) }, a));
+  return [...Array(t)].map((o, a) => /* @__PURE__ */ n(bt, { children: /* @__PURE__ */ n(z, { width: e ?? r(i), height: 8 }) }, a));
 }
 const ro = m(S)(({ theme: e }) => ({
   display: "flex",
@@ -2259,11 +2261,11 @@ function ao({
       ) })
     ] }) }),
     i && /* @__PURE__ */ v(ro, { children: [
-      /* @__PURE__ */ n(H, { width: 56, height: 8 }),
-      /* @__PURE__ */ n(S, { mr: 1, children: /* @__PURE__ */ n(H, { width: 52, height: 16 }) }),
-      /* @__PURE__ */ n(H, { width: 60, height: 8 }),
-      /* @__PURE__ */ n(H, { width: 16, height: 16 }),
-      /* @__PURE__ */ n(H, { width: 16, height: 16 })
+      /* @__PURE__ */ n(z, { width: 56, height: 8 }),
+      /* @__PURE__ */ n(S, { mr: 1, children: /* @__PURE__ */ n(z, { width: 52, height: 16 }) }),
+      /* @__PURE__ */ n(z, { width: 60, height: 8 }),
+      /* @__PURE__ */ n(z, { width: 16, height: 16 }),
+      /* @__PURE__ */ n(z, { width: 16, height: 16 })
     ] })
   ] });
 }
@@ -2314,36 +2316,36 @@ function cs({
   height: b,
   dense: k = !1,
   isLoading: M,
-  lastPageTooltip: C
+  lastPageTooltip: T
 }) {
   var G;
-  const x = re(null), A = se(), T = ce(A), { showSkeleton: O } = ke(!!M);
+  const x = re(null), A = se(), C = ce(A), { showSkeleton: O } = ke(!!M);
   function L({
-    from: E,
+    from: D,
     to: N,
     count: I
   }) {
-    return T.formatMessage(
+    return C.formatMessage(
       { id: "c4r.widgets.table.of" },
-      { from: E, to: N, count: I }
+      { from: D, to: N, count: I }
     );
   }
-  function $(E) {
-    l(r === E && o === "asc" ? "desc" : "asc"), a(E);
+  function P(D) {
+    l(r === D && o === "asc" ? "desc" : "asc"), a(D);
   }
-  function P(E, N) {
+  function $(D, N) {
     p(N);
   }
-  function W(E) {
-    g(parseInt(E.target.value, 10)), p(0);
+  function W(D) {
+    g(parseInt(D.target.value, 10)), p(0);
   }
   const J = { height: void 0 };
   if (b) {
-    const E = Math.max(
+    const D = Math.max(
       ((G = x == null ? void 0 : x.current) == null ? void 0 : G.clientHeight) ?? 0,
       d ? B * 6 : 0
     );
-    J.height = `calc(${b} - ${E}px)`;
+    J.height = `calc(${b} - ${D}px)`;
   }
   return O ? /* @__PURE__ */ n(
     ao,
@@ -2362,7 +2364,7 @@ function cs({
           sorting: i,
           sortBy: r,
           sortDirection: o,
-          onSort: $
+          onSort: P
         }
       ),
       /* @__PURE__ */ n(
@@ -2381,7 +2383,7 @@ function cs({
       {
         ref: x,
         rowsPerPageOptions: y,
-        labelRowsPerPage: T.formatMessage({
+        labelRowsPerPage: C.formatMessage({
           id: "c4r.widgets.table.rowsPerPage"
         }),
         labelDisplayedRows: L,
@@ -2389,7 +2391,7 @@ function cs({
         count: s,
         rowsPerPage: c,
         page: u,
-        onPageChange: P,
+        onPageChange: $,
         onRowsPerPageChange: W,
         ActionsComponent: () => /* @__PURE__ */ n(
           wi,
@@ -2397,8 +2399,8 @@ function cs({
             count: s,
             rowsPerPage: c,
             page: u,
-            onPageChange: P,
-            lastPageTooltip: C
+            onPageChange: $,
+            lastPageTooltip: T
           }
         )
       }
@@ -2519,7 +2521,7 @@ function yo(e) {
   return t.setDate(r), t.setHours(0, 0, 0, 0), t.getTime();
 }
 var Se = /* @__PURE__ */ ((e) => (e.YEARS = "year", e.MONTHS = "month", e.WEEKS = "week", e.DAYS = "day", e.HOURS = "hour", e.MINUTES = "minute", e.SECONDS = "second", e))(Se || {});
-const Ct = {
+const Tt = {
   year: Ee,
   month: Ee,
   week: Ee,
@@ -2530,8 +2532,8 @@ const Ct = {
 }, wo = {
   year: Eo,
   month: Ao,
-  week: To,
-  day: Co,
+  week: Co,
+  day: To,
   hour: Io,
   minute: Mo,
   second: So
@@ -2540,7 +2542,7 @@ function vo({
   date: e,
   stepSize: t
 }) {
-  const i = Ct[t];
+  const i = Tt[t];
   if (!i) throw new Error("formatTime: invalid stepSize");
   return i(e);
 }
@@ -2551,7 +2553,7 @@ function it({
 }) {
   if (e > t)
     return it({ start: t, end: e, stepSize: i });
-  const r = Ct[i];
+  const r = Tt[i];
   if (!r)
     throw new Error("formatTimeRange: missing formatter or invalid stepSize");
   const o = r(e), a = r(t);
@@ -2562,7 +2564,7 @@ function Dn({
   stepSize: t,
   stepMultiplier: i
 }) {
-  if (!Ct[t])
+  if (!Tt[t])
     throw new Error("formatBucketRange: missing formatter or invalid stepSize");
   const { start: o, end: a } = ko({ date: e, stepSize: t, stepMultiplier: i });
   if (i === 1) {
@@ -2575,7 +2577,7 @@ function Dn({
   }
   return it({ start: o, end: a, stepSize: t });
 }
-const Tt = (e) => 1e3 * e, At = (e) => Tt(60 * e), xo = (e) => At(60 * e);
+const Ct = (e) => 1e3 * e, At = (e) => Ct(60 * e), xo = (e) => At(60 * e);
 function Ee(e) {
   return e.toLocaleDateString();
 }
@@ -2619,7 +2621,7 @@ function So({
     e.getMinutes(),
     e.getSeconds(),
     0
-  ), r = new Date(i.getTime() + Tt(t - 1) + 999);
+  ), r = new Date(i.getTime() + Ct(t - 1) + 999);
   return { start: i, end: r };
 }
 function Mo({
@@ -2635,7 +2637,7 @@ function Mo({
     0,
     0
   ), r = new Date(
-    i.getTime() + At(t - 1) + Tt(59)
+    i.getTime() + At(t - 1) + Ct(59)
   );
   return { start: i, end: r };
 }
@@ -2656,7 +2658,7 @@ function Io({
   );
   return { start: i, end: r };
 }
-function Co({
+function To({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2675,7 +2677,7 @@ function Co({
   );
   return { start: i, end: r };
 }
-function To({
+function Co({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2701,7 +2703,7 @@ function Eo({
   return { start: i, end: r };
 }
 const me = () => {
-}, Pn = ei({
+}, $n = ei({
   isPlaying: !1,
   setIsPlaying: me,
   isPaused: !1,
@@ -2714,7 +2716,7 @@ const me = () => {
   intl: {}
 });
 function Et() {
-  return ti(Pn);
+  return ti($n);
 }
 function Lo({
   children: e,
@@ -2729,7 +2731,7 @@ function Lo({
 }) {
   const [u, p] = _(t), [c, y] = _(i), [g, f] = _([]), w = ce(s);
   U(() => {
-    const M = g.sort((C, x) => C < x ? -1 : 1).map(Ln);
+    const M = g.sort((T, x) => T < x ? -1 : 1).map(Ln);
     d == null || d(M);
   }, [g, d]);
   const h = oe(() => {
@@ -2745,10 +2747,10 @@ function Lo({
     i !== c && y(i);
   }, [i]), U(() => {
     if (!l) return;
-    const M = l.map(Vt), C = g.map(Vt);
-    (M[0] !== C[0] || M[1] !== C[1]) && f(M);
+    const M = l.map(Vt), T = g.map(Vt);
+    (M[0] !== T[0] || M[1] !== T[1]) && f(M);
   }, l), /* @__PURE__ */ n(
-    Pn.Provider,
+    $n.Provider,
     {
       value: {
         isPlaying: !!u,
@@ -2767,7 +2769,7 @@ function Lo({
   );
 }
 const Ut = {};
-let qe = null;
+let Xe = null;
 const _e = { seriesId: "0" };
 function Do({
   echartsInstance: e,
@@ -2775,7 +2777,7 @@ function Do({
   canSelectLines: i,
   filterable: r
 }) {
-  const o = le(), { isPlaying: a, isPaused: l, setIsPaused: d, timeWindow: s, setTimeWindow: u, stop: p } = Et(), [c, y] = _(!1), [g, f] = _(!1), [w, h] = _(!1), [b, k] = _(0), M = F(() => e == null ? void 0 : e.getZr(), [e]), C = oe(
+  const o = le(), { isPlaying: a, isPaused: l, setIsPaused: d, timeWindow: s, setTimeWindow: u, stop: p } = Et(), [c, y] = _(!1), [g, f] = _(!1), [w, h] = _(!1), [b, k] = _(0), M = F(() => e == null ? void 0 : e.getZr(), [e]), T = oe(
     (O) => M == null ? void 0 : M.setCursorStyle(O),
     [M]
   ), x = oe(
@@ -2784,8 +2786,8 @@ function Do({
         const [L] = e.convertFromPixel(_e, [
           O.offsetX,
           O.offsetY
-        ]), $ = nt(L, t);
-        u($ !== void 0 ? [t[$].name] : []);
+        ]), P = nt(L, t);
+        u(P !== void 0 ? [t[P].name] : []);
       }
     },
     [t, e, u]
@@ -2794,7 +2796,7 @@ function Do({
     function O(L) {
       r && (i && L.target || (s.length || (x(L), !l && !a && d(!0)), s.length === 2 && (u([]), p())));
     }
-    return Xe(M, "click", O);
+    return qe(M, "click", O);
   }, [
     M,
     l,
@@ -2808,71 +2810,71 @@ function Do({
     r
   ]), U(() => {
     function O(L) {
-      var $;
+      var P;
       if (r) {
-        if ((($ = L.target) == null ? void 0 : $.type) === "ec-line") {
-          y(!0), C("grabbing");
+        if (((P = L.target) == null ? void 0 : P.type) === "ec-line") {
+          y(!0), T("grabbing");
           return;
         }
         if (s.length === 2) {
-          const [P] = e.convertFromPixel(_e, [
+          const [$] = e.convertFromPixel(_e, [
             L.offsetX,
             L.offsetY
           ]);
-          if (P >= s[0] && P <= s[1]) {
+          if ($ >= s[0] && $ <= s[1]) {
             h(!0);
-            const W = P - s[0];
+            const W = $ - s[0];
             k(W);
             return;
           }
         }
         if (e) {
           f(!0);
-          const [P] = e.convertFromPixel(_e, [
+          const [$] = e.convertFromPixel(_e, [
             L.offsetX,
             L.offsetY
           ]);
-          qe = P;
+          Xe = $;
           return;
         }
       }
     }
-    return Xe(M, "mousedown", O);
-  }, [M, e, s, C, r]), U(() => {
+    return qe(M, "mousedown", O);
+  }, [M, e, s, T, r]), U(() => {
     function O(L) {
-      var $;
-      if ((($ = L == null ? void 0 : L.target) == null ? void 0 : $.type) === "polygon" && C("move"), c && e && (x(L), C("grabbing")), g && e) {
-        const [P] = e.convertFromPixel(_e, [
+      var P;
+      if (((P = L == null ? void 0 : L.target) == null ? void 0 : P.type) === "polygon" && T("move"), c && e && (x(L), T("grabbing")), g && e) {
+        const [$] = e.convertFromPixel(_e, [
           L.offsetX,
           L.offsetY
         ]);
-        u(qe === P ? [] : [qe, P]);
+        u(Xe === $ ? [] : [Xe, $]);
       }
     }
-    return Xe(M, "mousemove", O);
+    return qe(M, "mousemove", O);
   }, [
     M,
     e,
     g,
     c,
     u,
-    C,
+    T,
     x
   ]), U(() => {
     function O(L) {
-      if (c && (y(!1), C("default")), g && (f(!1), qe = null, s.length === 1 && u([])), w && e) {
-        const [$] = e.convertFromPixel(_e, [
+      if (c && (y(!1), T("default")), g && (f(!1), Xe = null, s.length === 1 && u([])), w && e) {
+        const [P] = e.convertFromPixel(_e, [
           L.offsetX,
           L.offsetY
-        ]), P = $ - s[0];
+        ]), $ = P - s[0];
         if (b) {
-          const W = P - b;
+          const W = $ - b;
           u([s[0] + W, s[1] + W]);
         }
         h(!1);
       }
     }
-    return Xe(M, "mouseup", O);
+    return qe(M, "mouseup", O);
   }, [
     M,
     e,
@@ -2882,21 +2884,21 @@ function Do({
     b,
     u,
     s,
-    C
+    T
   ]), U(() => {
     !r && s.length && u([]);
   }, [r, u, s.length]);
   const A = F(() => {
-    var P;
+    var $;
     if (s.length !== 1)
       return;
     const O = s[0], L = nt(O, t);
     if (L === void 0)
       return;
-    const $ = (P = t[L]) == null ? void 0 : P.name;
+    const P = ($ = t[L]) == null ? void 0 : $.name;
     return (
       // Cannot have markLine and markArea at the same time
-      $ !== void 0 && {
+      P !== void 0 && {
         symbol: ["none", "none"],
         animationDuration: 100,
         animationDurationUpdate: 150,
@@ -2911,7 +2913,7 @@ function Do({
                 show: !1
               }
             },
-            xAxis: $,
+            xAxis: P,
             lineStyle: {
               type: "solid",
               color: o.palette.primary.main,
@@ -2923,7 +2925,7 @@ function Do({
         ] : []
       }
     );
-  }, [t, l, a, o, s]), T = F(
+  }, [t, l, a, o, s]), C = F(
     () => s.length === 2 && {
       data: [[{ coord: [s[0]] }, { coord: [s[1]] }]],
       itemStyle: {
@@ -2933,15 +2935,15 @@ function Do({
     },
     [o, s]
   );
-  return { timelineOptions: A, timeWindowOptions: T };
+  return { timelineOptions: A, timeWindowOptions: C };
 }
-function Xe(e, t, i) {
+function qe(e, t, i) {
   if (e != null && e.handler)
     return Ut[t] = i, e.on(t, i), () => {
       Ut[t] && (e != null && e.handler) && e.off(t, i);
     };
 }
-const $n = B * 22, On = "100%", Po = 5, $o = 3, Oo = B * 20;
+const Pn = B * 22, On = "100%", $o = 5, Po = 3, Oo = B * 20;
 function Wo({
   chartType: e,
   formatter: t,
@@ -2959,11 +2961,11 @@ function Wo({
   onCategoryClick: g,
   yAxisType: f
 }) {
-  const w = le(), [h, b] = _(), k = (E) => b(E), [M, C] = _(), x = F(
+  const w = le(), [h, b] = _(), k = (D) => b(D), [M, T] = _(), x = F(
     () => l.reduce(
-      (E, { data: N }) => N.reduce(
+      (D, { data: N }) => N.reduce(
         (I, R) => R[1] > I ? R[1] : I,
-        E
+        D
       ),
       Number.MIN_VALUE
     ),
@@ -2981,29 +2983,29 @@ function Wo({
       },
       borderWidth: 0,
       backgroundColor: w.palette.black[90],
-      position: (E, N, I, R, q) => {
+      position: (D, N, I, R, X) => {
         const j = { top: 0 };
-        return q.contentSize[0] < q.viewSize[0] - E[0] ? j.left = E[0] + B * 1.5 : j.right = q.viewSize[0] - E[0] + B * 1.5, j;
+        return X.contentSize[0] < X.viewSize[0] - D[0] ? j.left = D[0] + B * 1.5 : j.right = X.viewSize[0] - D[0] + B * 1.5, j;
       },
       ...o ? { formatter: o } : {}
     }),
     [w, r, o]
-  ), T = F(() => {
-    const E = {
+  ), C = F(() => {
+    const D = {
       margin: 0,
       verticalAlign: "bottom",
       padding: [0, 0, B * 1.25, 0],
       inside: !0,
       color: (R) => {
-        let q = "transparent";
-        return R >= x && (q = w.palette.black[60]), q;
+        let X = "transparent";
+        return R >= x && (X = w.palette.black[60]), X;
       }
     }, N = {
       margin: 0,
       verticalAlign: "middle",
       padding: [0, B * 0.75, 0, 0],
       color: w.palette.black[60]
-    }, I = f === "dense" ? E : N;
+    }, I = f === "dense" ? D : N;
     return {
       axisPointer: {
         lineStyle: {
@@ -3044,9 +3046,9 @@ function Wo({
           show: !1
         },
         splitNumber: i ?? (M !== void 0 ? Math.min(
-          $o,
+          Po,
           Math.ceil(M / Oo)
-        ) : Po)
+        ) : $o)
       },
       yAxis: {
         type: "value",
@@ -3084,20 +3086,20 @@ function Wo({
     data: a,
     canSelectLines: !!g,
     filterable: c
-  }), $ = F(
-    () => l.map(({ data: E, color: N, name: I }, R) => {
-      const q = y && y.length > 0, j = q && y.includes(I), X = !q || j ? N : w.palette.action.disabledBackground;
+  }), P = F(
+    () => l.map(({ data: D, color: N, name: I }, R) => {
+      const X = y && y.length > 0, j = X && y.includes(I), q = !X || j ? N : w.palette.action.disabledBackground;
       return {
         id: String(R),
         name: I,
         markLine: R === 0 ? O : void 0,
         markArea: R === 0 ? L : void 0,
         animation: p,
-        data: E,
+        data: D,
         type: e,
         smooth: !0,
-        color: X,
-        z: q && j ? 10 : 0,
+        color: q,
+        z: X && j ? 10 : 0,
         lineStyle: {
           width: 2
         },
@@ -3106,7 +3108,7 @@ function Wo({
           scale: 2,
           lineStyle: {
             width: 2,
-            color: X
+            color: q
           }
         }
       };
@@ -3120,7 +3122,7 @@ function Wo({
       y,
       w
     ]
-  ), P = F(
+  ), $ = F(
     () => ({
       grid: {
         left: B * (f === "dense" ? 2 : 3.5),
@@ -3130,20 +3132,20 @@ function Wo({
       },
       color: [w.palette.secondary.main],
       tooltip: A,
-      ...T,
-      series: $
+      ...C,
+      series: P
     }),
     [
-      T,
-      $,
+      C,
+      P,
       f,
       w.palette.secondary.main,
       A
     ]
   ), J = { click: oe(
-    (E) => {
-      if (d && g && E.componentType === "series") {
-        const N = d[E.seriesIndex];
+    (D) => {
+      if (d && g && D.componentType === "series") {
+        const N = d[D.seriesIndex];
         g(N);
       }
     },
@@ -3153,25 +3155,25 @@ function Wo({
     var I;
     if (typeof ResizeObserver > "u" || !h)
       return;
-    const E = (I = h == null ? void 0 : h.getDom()) == null ? void 0 : I.parentElement;
-    if (!E)
+    const D = (I = h == null ? void 0 : h.getDom()) == null ? void 0 : I.parentElement;
+    if (!D)
       return;
     const N = new ResizeObserver(() => {
-      C(E.clientWidth), h.resize();
+      T(D.clientWidth), h.resize();
     });
-    return N.observe(E), () => {
+    return N.observe(D), () => {
       N.disconnect();
     };
   }, [h]);
-  const G = u ? On : s ?? $n;
+  const G = u ? On : s ?? Pn;
   return an(() => {
     var N;
-    const E = (N = h == null ? void 0 : h.getDom()) == null ? void 0 : N.parentElement;
-    E && C(E.clientWidth), h == null || h.resize();
+    const D = (N = h == null ? void 0 : h.getDom()) == null ? void 0 : N.parentElement;
+    D && T(D.clientWidth), h == null || h.resize();
   }, [G, u, h]), /* @__PURE__ */ n(
     We,
     {
-      option: P,
+      option: $,
       onEvents: J,
       onChartReady: k,
       style: { height: G }
@@ -3213,8 +3215,8 @@ function No({
     [e]
   );
   const f = () => {
-    const { animationFrameId: C, timeoutId: x } = l.current;
-    C && window.cancelAnimationFrame(C), x && clearTimeout(x);
+    const { animationFrameId: T, timeoutId: x } = l.current;
+    T && window.cancelAnimationFrame(T), x && clearTimeout(x);
   }, w = oe(() => {
     f(), c();
   }, [c]), h = () => {
@@ -3242,8 +3244,8 @@ function No({
         speed: o,
         timelinePosition: u[0],
         data: e,
-        drawFrame: (C) => {
-          p([C]);
+        drawFrame: (T) => {
+          p([T]);
         },
         onEnd: () => {
           setTimeout(w, 250);
@@ -3252,12 +3254,12 @@ function No({
       }), () => f();
     d && u.length === 0 && p([e[0].name]);
   }, [e, d, o, u.length, w]);
-  const b = (C) => {
-    C != null && C.currentTarget && r(C.currentTarget);
+  const b = (T) => {
+    T != null && T.currentTarget && r(T.currentTarget);
   }, k = () => {
     r(null);
-  }, M = (C) => {
-    a(C), k();
+  }, M = (T) => {
+    a(T), k();
   };
   return /* @__PURE__ */ v(ie, { children: [
     /* @__PURE__ */ n(
@@ -3278,18 +3280,18 @@ function No({
         open: !!i,
         onClose: k,
         children: [
-          /* @__PURE__ */ n($e, { disabled: !0, children: /* @__PURE__ */ n(z, { variant: "caption", color: "textSecondary", children: g.formatMessage({ id: "c4r.widgets.timeSeries.speed" }) }) }),
-          Fo.map((C) => /* @__PURE__ */ v(
-            $e,
+          /* @__PURE__ */ n(Pe, { disabled: !0, children: /* @__PURE__ */ n(H, { variant: "caption", color: "textSecondary", children: g.formatMessage({ id: "c4r.widgets.timeSeries.speed" }) }) }),
+          Fo.map((T) => /* @__PURE__ */ v(
+            Pe,
             {
-              selected: C === o,
-              onClick: () => M(C),
+              selected: T === o,
+              onClick: () => M(T),
               children: [
-                C,
+                T,
                 "x"
               ]
             },
-            C
+            T
           ))
         ]
       }
@@ -3302,7 +3304,7 @@ function No({
         disabled: !(s || d),
         onClick: w,
         "data-testid": "stop",
-        children: /* @__PURE__ */ n(zo, {})
+        children: /* @__PURE__ */ n(Ho, {})
       }
     ) }),
     /* @__PURE__ */ n(S, { mt: 0.75, children: /* @__PURE__ */ n(
@@ -3312,7 +3314,7 @@ function No({
         size: "small",
         color: "primary",
         onClick: h,
-        children: d ? /* @__PURE__ */ n(Ho, {}) : /* @__PURE__ */ n(_o, {})
+        children: d ? /* @__PURE__ */ n(zo, {}) : /* @__PURE__ */ n(_o, {})
       }
     ) })
   ] });
@@ -3337,7 +3339,7 @@ function _o() {
     }
   ) });
 }
-function zo() {
+function Ho() {
   return /* @__PURE__ */ n(je, { children: /* @__PURE__ */ n(
     "path",
     {
@@ -3347,7 +3349,7 @@ function zo() {
     }
   ) });
 }
-function Ho() {
+function zo() {
   return /* @__PURE__ */ n(je, { "data-testid": "pause-icon", children: /* @__PURE__ */ n(
     "path",
     {
@@ -3417,13 +3419,13 @@ const Uo = m(S)(() => ({
   containerType: "inline-size",
   display: "flex",
   flexDirection: "column"
-})), qo = m(S)(() => ({
+})), Xo = m(S)(() => ({
   display: "flex",
   flexDirection: "column"
 })), Wn = m(S)(() => ({
   display: "flex",
   flexDirection: "row"
-})), Xo = m(Wn)(() => ({
+})), qo = m(Wn)(() => ({
   alignItems: "center",
   justifyContent: "space-between"
 })), Ko = m(S)(({ theme: e }) => ({
@@ -3459,8 +3461,8 @@ function Rn({
         flex: e ? "1" : void 0
       },
       children: [
-        /* @__PURE__ */ n(Xo, { flex: 0, children: t }),
-        i ? /* @__PURE__ */ v(qo, { flex: 1, children: [
+        /* @__PURE__ */ n(qo, { flex: 0, children: t }),
+        i ? /* @__PURE__ */ v(Xo, { flex: 1, children: [
           /* @__PURE__ */ v(Wn, { flex: 1, children: [
             /* @__PURE__ */ n(Ko, { flex: 0, children: i }),
             /* @__PURE__ */ n(Zo, { flex: 1, children: r })
@@ -3521,7 +3523,7 @@ const Jo = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox:
   gap: e.spacing(2),
   margin: 0,
   padding: e.spacing(1.5, 1, 0.25, 1)
-})), qt = m(S)(({ theme: e }) => ({
+})), Xt = m(S)(({ theme: e }) => ({
   display: "flex",
   flexDirection: "row",
   gap: e.spacing(1)
@@ -3534,28 +3536,28 @@ const Jo = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox:
   Rn,
   {
     fitHeight: !!e,
-    header: /* @__PURE__ */ n(S, { pt: 1.25, pb: 0.75, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
+    header: /* @__PURE__ */ n(S, { pt: 1.25, pb: 0.75, children: /* @__PURE__ */ n(z, { width: 48, height: 8 }) }),
     controls: i && /* @__PURE__ */ v(Qo, { children: [
-      /* @__PURE__ */ n(S, { p: 0.5, children: /* @__PURE__ */ n(H, { width: 16, height: 16 }) }),
-      /* @__PURE__ */ n(S, { mt: 2, p: 0.5, children: /* @__PURE__ */ n(H, { width: 16, height: 16 }) }),
-      /* @__PURE__ */ n(S, { mt: 1, p: 0.5, children: /* @__PURE__ */ n(H, { width: 16, height: 16 }) })
+      /* @__PURE__ */ n(S, { p: 0.5, children: /* @__PURE__ */ n(z, { width: 16, height: 16 }) }),
+      /* @__PURE__ */ n(S, { mt: 2, p: 0.5, children: /* @__PURE__ */ n(z, { width: 16, height: 16 }) }),
+      /* @__PURE__ */ n(S, { mt: 1, p: 0.5, children: /* @__PURE__ */ n(z, { width: 16, height: 16 }) })
     ] }),
-    chart: /* @__PURE__ */ v(ea, { style: { height: e ? On : t ?? $n }, children: [
-      /* @__PURE__ */ n(ta, { flex: 0, children: /* @__PURE__ */ n(H, { width: 24, height: 8 }) }),
+    chart: /* @__PURE__ */ v(ea, { style: { height: e ? On : t ?? Pn }, children: [
+      /* @__PURE__ */ n(ta, { flex: 0, children: /* @__PURE__ */ n(z, { width: 24, height: 8 }) }),
       /* @__PURE__ */ n(na, { flex: 1, children: /* @__PURE__ */ n(Jo, { preserveAspectRatio: "none" }) }),
       /* @__PURE__ */ v(ia, { flex: 0, children: [
-        /* @__PURE__ */ n(H, { width: 32, height: 8 }),
-        /* @__PURE__ */ n(H, { width: 32, height: 8 })
+        /* @__PURE__ */ n(z, { width: 32, height: 8 }),
+        /* @__PURE__ */ n(z, { width: 32, height: 8 })
       ] })
     ] }),
     legend: r && (r && /* @__PURE__ */ v(ra, { children: [
-      /* @__PURE__ */ v(qt, { children: [
-        /* @__PURE__ */ n(H, { width: 8, height: 8 }),
-        /* @__PURE__ */ n(H, { width: 48, height: 8 })
+      /* @__PURE__ */ v(Xt, { children: [
+        /* @__PURE__ */ n(z, { width: 8, height: 8 }),
+        /* @__PURE__ */ n(z, { width: 48, height: 8 })
       ] }),
-      /* @__PURE__ */ v(qt, { children: [
-        /* @__PURE__ */ n(H, { width: 8, height: 8 }),
-        /* @__PURE__ */ n(H, { width: 48, height: 8 })
+      /* @__PURE__ */ v(Xt, { children: [
+        /* @__PURE__ */ n(z, { width: 8, height: 8 }),
+        /* @__PURE__ */ n(z, { width: 48, height: 8 })
       ] })
     ] }))
   }
@@ -3581,26 +3583,26 @@ function ds({
   onTimeWindowUpdate: b,
   selectedCategories: k,
   onSelectedCategoriesChange: M,
-  isPlaying: C = !1,
+  isPlaying: T = !1,
   onPlay: x,
   isPaused: A = !1,
-  onPause: T,
+  onPause: C,
   onStop: O,
   isLoading: L = !1,
-  palette: $ = Object.values(yn.qualitative.bold),
-  showLegend: P,
+  palette: P = Object.values(yn.qualitative.bold),
+  showLegend: $,
   yAxisType: W = "dense"
 }) {
-  const J = re([]), G = se(), { showSkeleton: E } = ke(!!L), N = oe(
+  const J = re([]), G = se(), { showSkeleton: D } = ke(!!L), N = oe(
     (I) => {
-      var R, q;
+      var R, X;
       if (I.length === 2) {
         ((R = J.current) == null ? void 0 : R.length) === 1 && (f == null || f(void 0));
-        const j = I.sort((X, te) => X < te ? -1 : 1).map(Ln);
+        const j = I.sort((q, te) => q < te ? -1 : 1).map(Ln);
         b == null || b(j);
       }
       if (I.length === 1) {
-        ((q = J.current) == null ? void 0 : q.length) === 2 && (b == null || b([]));
+        ((X = J.current) == null ? void 0 : X.length) === 2 && (b == null || b([]));
         const j = nt(Number(I[0]), e);
         f == null || f(j);
       }
@@ -3608,21 +3610,21 @@ function ds({
     },
     [b, f, e]
   );
-  return E ? /* @__PURE__ */ n(
+  return D ? /* @__PURE__ */ n(
     oa,
     {
       fitHeight: p,
       height: u,
       showControls: c,
-      showLegend: P
+      showLegend: $
     }
   ) : /* @__PURE__ */ n(
     Lo,
     {
-      isPlaying: C,
+      isPlaying: T,
       onPlay: x,
       isPaused: A,
-      onPause: T,
+      onPause: C,
       onStop: O,
       timeWindow: w,
       onTimeWindowUpdate: N,
@@ -3644,8 +3646,8 @@ function ds({
           showControls: c,
           animation: y,
           filterable: g,
-          palette: $,
-          showLegend: P,
+          palette: P,
+          showLegend: $,
           selectedCategories: k,
           timelinePosition: h,
           onSelectedCategoriesChange: M,
@@ -3677,23 +3679,23 @@ function aa({
   timelinePosition: k,
   yAxisType: M = "dense"
 }) {
-  const C = le(), x = C.palette.secondary.main, { isPlaying: A, isPaused: T, timeWindow: O, stop: L, setTimeWindow: $, intl: P } = Et();
+  const T = le(), x = T.palette.secondary.main, { isPlaying: A, isPaused: C, timeWindow: O, stop: L, setTimeWindow: P, intl: $ } = Et();
   U(() => {
     if (k !== void 0) {
       if (k < 0 || k >= e.length) return;
       const Y = e[k].name;
-      $([Y]);
+      P([Y]);
     }
   }, [k, e]), U(() => {
     if (!e.length) return;
     const Y = e[0].name, K = e[e.length - 1].name;
-    (O[0] < Y || O[1] > K || O[1] < Y || O[1] > K) && $([]);
+    (O[0] < Y || O[1] > K || O[1] < Y || O[1] > K) && P([]);
   }, [e]);
   const W = F(() => {
     const Y = {}, K = t ? t.map((de) => ({
       name: de,
       data: [],
-      color: $i(de, {
+      color: Pi(de, {
         palette: f,
         fallbackColor: x,
         colorMapping: Y
@@ -3702,7 +3704,7 @@ function aa({
       {
         name: "",
         data: [],
-        color: C.palette.secondary.main
+        color: T.palette.secondary.main
       }
     ];
     for (const {
@@ -3715,14 +3717,14 @@ function aa({
       ee === -1 || t && ee >= t.length || !Number.isFinite(ee) || K[ee].data.push([de, we]);
     }
     return K;
-  }, [t, e, f, x, C.palette.secondary.main]), J = F(() => {
+  }, [t, e, f, x, T.palette.secondary.main]), J = F(() => {
     if (!e.length)
       return "";
     if (O.length === 2) {
       const [Y, K] = O.map((de) => new Date(de));
       return it({ start: Y, end: K, stepSize: i });
     }
-    if (!A && !T) {
+    if (!A && !C) {
       const Y = new Date(e[0].name), K = new Date(e[e.length - 1].name);
       return it({ start: Y, end: K, stepSize: i });
     }
@@ -3730,10 +3732,10 @@ function aa({
       const Y = new Date(O[0]);
       return Dn({ date: Y, stepSize: i, stepMultiplier: r });
     }
-  }, [e, O, A, T, i, r]), G = F(() => A || T || O.length > 0 || (w == null ? void 0 : w.length) > 0, [T, A, w == null ? void 0 : w.length, O.length]), E = () => {
-    L(), $([]), h == null || h([]);
+  }, [e, O, A, C, i, r]), G = F(() => A || C || O.length > 0 || (w == null ? void 0 : w.length) > 0, [C, A, w == null ? void 0 : w.length, O.length]), D = () => {
+    L(), P([]), h == null || h([]);
   }, N = (Y) => {
-    Y.key === "Enter" && E();
+    Y.key === "Enter" && D();
   }, I = oe(
     (Y) => {
       if (h) {
@@ -3742,18 +3744,18 @@ function aa({
       }
     },
     [h, w]
-  ), R = !!(b ?? W.length > 1), q = /* @__PURE__ */ v(ie, { children: [
-    /* @__PURE__ */ n(S, { children: /* @__PURE__ */ n(z, { color: "textSecondary", variant: "caption", children: J ?? "-" }) }),
+  ), R = !!(b ?? W.length > 1), X = /* @__PURE__ */ v(ie, { children: [
+    /* @__PURE__ */ n(S, { children: /* @__PURE__ */ n(H, { color: "textSecondary", variant: "caption", children: J ?? "-" }) }),
     g && G && /* @__PURE__ */ n(
       ye,
       {
         variant: "caption",
         style: { cursor: "pointer" },
-        onClick: E,
+        onClick: D,
         onKeyDown: N,
         tabIndex: 0,
         underline: "hover",
-        children: P.formatMessage({ id: "c4r.widgets.timeSeries.clear" })
+        children: $.formatMessage({ id: "c4r.widgets.timeSeries.clear" })
       }
     )
   ] });
@@ -3761,7 +3763,7 @@ function aa({
     Rn,
     {
       fitHeight: p,
-      header: q,
+      header: X,
       controls: g && c && /* @__PURE__ */ n(No, { data: e, stepSize: i }),
       chart: /* @__PURE__ */ n(
         Wo,
@@ -3842,7 +3844,7 @@ const la = m("div")(({ theme: e }) => ({
     transition: `background-color ${e.transitions.easing.sharp} ${e.transitions.duration.shortest}ms,
                  width ${e.transitions.easing.sharp} ${e.transitions.duration.complex}ms`
   }
-})), Xt = m(S, {
+})), qt = m(S, {
   shouldForwardProp: (e) => e !== "center"
 })(({ theme: e, center: t = !1 }) => ({
   marginBottom: e.spacing(2),
@@ -3923,7 +3925,7 @@ function wa(e, t, i, r, o) {
       data: y
     };
   });
-  return o === Ce.RANKING && l.sort((d, s) => {
+  return o === Te.RANKING && l.sort((d, s) => {
     const u = Math.max(...d.data.map((c) => c.value));
     return Math.max(...s.data.map((c) => c.value)) - u;
   }), l;
@@ -3944,7 +3946,7 @@ function xa(e, t = {}) {
   }), [e, i, r]), d;
 }
 const ba = {};
-function zn({
+function Hn({
   enabled: e = !0,
   value: t = 0,
   options: i = ba,
@@ -4039,7 +4041,7 @@ function Ia({
                 variant: f === 0 ? "body2" : "caption",
                 color: f === 0 ? "textPrimary" : "textSecondary",
                 children: /* @__PURE__ */ n(
-                  zn,
+                  Hn,
                   {
                     value: g.value,
                     enabled: t,
@@ -4056,27 +4058,27 @@ function Ia({
     ] })
   ] });
 }
-const Kt = (e) => e, Ca = () => {
-}, ze = [];
+const Kt = (e) => e, Ta = () => {
+}, He = [];
 function us({
-  names: e = ze,
-  data: t = ze,
-  labels: i = ze,
-  colors: r = ze,
+  names: e = He,
+  data: t = He,
+  labels: i = He,
+  colors: r = He,
   maxItems: o = 5,
-  order: a = Ce.FIXED,
+  order: a = Te.FIXED,
   animation: l = !0,
   animationOptions: d,
   searchable: s = !0,
   filterable: u = !0,
-  selectedCategories: p = ze,
-  onSelectedCategoriesChange: c = Ca,
+  selectedCategories: p = He,
+  onSelectedCategoriesChange: c = Ta,
   formatter: y = Kt,
   tooltipFormatter: g = Kt,
   tooltip: f = !0,
   isLoading: w = !1
 }) {
-  const h = le(), [b, k] = _(!1), [M, C] = _(!1), [x, A] = _(p), [T, O] = _(""), L = se(), $ = ce(L), P = F(() => {
+  const h = le(), [b, k] = _(!1), [M, T] = _(!1), [x, A] = _(p), [C, O] = _(""), L = se(), P = ce(L), $ = F(() => {
     const V = r.length ? r : [
       h.palette.secondary.main,
       h.palette.primary.main,
@@ -4092,40 +4094,40 @@ function us({
   }, [t, r, i, h, p, a]), W = F(() => Math.max(
     ...t.map((V) => V.map((ee) => ee.value ?? 0)).flat()
   ), [t]), J = F(() => {
-    if (o >= P.length)
-      return P;
-    const V = P.slice(0, o), ee = P.slice(o), ne = [];
-    for (const Te of ee)
-      Te.data.forEach((Re, Ae) => {
+    if (o >= $.length)
+      return $;
+    const V = $.slice(0, o), ee = $.slice(o), ne = [];
+    for (const Ce of ee)
+      Ce.data.forEach((Re, Ae) => {
         ne[Ae] = ne[Ae] ?? 0, ne[Ae] += Re.value;
       });
     const pe = {
       key: Oe,
-      label: s ? "Others" : `Others (${P.length - o})`,
-      data: ne.map((Te) => ({
-        value: Te,
+      label: s ? "Others" : `Others (${$.length - o})`,
+      data: ne.map((Ce) => ({
+        value: Ce,
         color: h.palette.divider
       }))
     };
     return [...V, pe];
-  }, [P, s, o, h.palette.divider]), G = F(() => P.filter((V) => p.includes(V.key)), [P, p]), E = F(() => T ? P.filter((V) => {
-    const ee = (V.key || "").toLowerCase(), ne = (V.label || "").toLowerCase(), pe = ee == null ? void 0 : ee.includes(T.toLowerCase()), Te = ne == null ? void 0 : ne.includes(T.toLowerCase());
-    return pe || Te;
-  }) : P, [P, T]), N = P.length - J.length + 1, I = s && !b && o < P.length;
-  if (P.length === 0 || w)
+  }, [$, s, o, h.palette.divider]), G = F(() => $.filter((V) => p.includes(V.key)), [$, p]), D = F(() => C ? $.filter((V) => {
+    const ee = (V.key || "").toLowerCase(), ne = (V.label || "").toLowerCase(), pe = ee == null ? void 0 : ee.includes(C.toLowerCase()), Ce = ne == null ? void 0 : ne.includes(C.toLowerCase());
+    return pe || Ce;
+  }) : $, [$, C]), N = $.length - J.length + 1, I = s && !b && o < $.length;
+  if ($.length === 0 || w)
     return /* @__PURE__ */ n(Mn, {});
-  const R = b ? E : M ? G : J;
-  function q() {
-    C(!0), c([...x]), K();
+  const R = b ? D : M ? G : J;
+  function X() {
+    T(!0), c([...x]), K();
   }
   function j() {
-    C(!1);
+    T(!1);
   }
-  function X() {
+  function q() {
     c([]);
   }
   function te() {
-    C(!0);
+    T(!0);
   }
   function Y() {
     k(!0), A([...p]);
@@ -4137,22 +4139,22 @@ function us({
     const ee = p.includes(V), ne = new Set(p);
     ee ? ne.delete(V) : ne.add(V);
     let pe = Array.from(ne);
-    pe.length === P.length && (pe = []), c(pe);
+    pe.length === $.length && (pe = []), c(pe);
   }
   function we(V) {
     const ee = x.includes(V), ne = new Set(x);
     ee ? ne.delete(V) : ne.add(V);
     let pe = Array.from(ne);
-    pe.length === P.length && (pe = []), A(pe);
+    pe.length === $.length && (pe = []), A(pe);
   }
   const ve = u ? b ? we : de : void 0;
   return /* @__PURE__ */ v(la, { children: [
-    u ? /* @__PURE__ */ v(Xt, { center: !0, children: [
-      /* @__PURE__ */ n(z, { variant: "caption", children: p.length > 0 ? $.formatMessage(
+    u ? /* @__PURE__ */ v(qt, { center: !0, children: [
+      /* @__PURE__ */ n(H, { variant: "caption", children: p.length > 0 ? P.formatMessage(
         { id: "c4r.widgets.category.selectedItems" },
         { items: p.length }
-      ) : $.formatMessage({ id: "c4r.widgets.category.all" }) }),
-      /* @__PURE__ */ n(z, { variant: "caption", children: b ? /* @__PURE__ */ n(ye, { onClick: q, children: $.formatMessage({ id: "c4r.widgets.category.apply" }) }) : M ? /* @__PURE__ */ n(ye, { onClick: j, children: $.formatMessage({
+      ) : P.formatMessage({ id: "c4r.widgets.category.all" }) }),
+      /* @__PURE__ */ n(H, { variant: "caption", children: b ? /* @__PURE__ */ n(ye, { onClick: X, children: P.formatMessage({ id: "c4r.widgets.category.apply" }) }) : M ? /* @__PURE__ */ n(ye, { onClick: j, children: P.formatMessage({
         id: "c4r.widgets.category.unlock"
       }) }) : p.length ? /* @__PURE__ */ v(
         S,
@@ -4163,22 +4165,22 @@ function us({
             gap: h.spacing(1)
           },
           children: [
-            /* @__PURE__ */ n(ye, { onClick: te, children: $.formatMessage({
+            /* @__PURE__ */ n(ye, { onClick: te, children: P.formatMessage({
               id: "c4r.widgets.category.lock"
             }) }),
             /* @__PURE__ */ n(wt, { orientation: "vertical", flexItem: !0 }),
-            /* @__PURE__ */ n(ye, { onClick: X, children: $.formatMessage({
+            /* @__PURE__ */ n(ye, { onClick: q, children: P.formatMessage({
               id: "c4r.widgets.category.clear"
             }) })
           ]
         }
       ) : null })
     ] }) : null,
-    b ? /* @__PURE__ */ n(Xt, { children: /* @__PURE__ */ n(
+    b ? /* @__PURE__ */ n(qt, { children: /* @__PURE__ */ n(
       ga,
       {
         size: "small",
-        placeholder: $.formatMessage({
+        placeholder: P.formatMessage({
           id: "c4r.widgets.category.search"
         }),
         onChange: (V) => O(V.currentTarget.value),
@@ -4190,12 +4192,12 @@ function us({
     ) }) : null,
     /* @__PURE__ */ v(sa, { children: [
       R.length === 0 ? /* @__PURE__ */ v(ie, { children: [
-        /* @__PURE__ */ n(z, { variant: "body2", children: $.formatMessage({
+        /* @__PURE__ */ n(H, { variant: "body2", children: P.formatMessage({
           id: "c4r.widgets.category.noResults"
         }) }),
-        /* @__PURE__ */ n(z, { variant: "caption", children: $.formatMessage(
+        /* @__PURE__ */ n(H, { variant: "caption", children: P.formatMessage(
           { id: "c4r.widgets.category.noResultsMessage" },
-          { searchValue: T }
+          { searchValue: C }
         ) })
       ] }) : null,
       R.map((V) => /* @__PURE__ */ n(ha, { children: /* @__PURE__ */ n(
@@ -4216,26 +4218,26 @@ function us({
       ) }, V.key))
     ] }),
     I ? /* @__PURE__ */ n(
-      Pe,
+      $e,
       {
         size: "small",
         color: "primary",
         startIcon: /* @__PURE__ */ n(Qe, {}),
         onClick: Y,
-        children: $.formatMessage(
+        children: P.formatMessage(
           { id: "c4r.widgets.category.searchInfo" },
           { elements: N }
         )
       }
     ) : null,
-    b ? /* @__PURE__ */ n(Pe, { size: "small", color: "primary", onClick: K, children: $.formatMessage({ id: "c4r.widgets.category.cancel" }) }) : null,
+    b ? /* @__PURE__ */ n($e, { size: "small", color: "primary", onClick: K, children: P.formatMessage({ id: "c4r.widgets.category.cancel" }) }) : null,
     /* @__PURE__ */ n(ca, { children: e.map((V, ee) => /* @__PURE__ */ v(Bn, { children: [
       /* @__PURE__ */ n(_n, { color: (r == null ? void 0 : r[ee]) ?? h.palette.background.default }),
-      /* @__PURE__ */ n(z, { variant: "overline", children: V })
+      /* @__PURE__ */ n(H, { variant: "overline", children: V })
     ] }, e[ee])) })
   ] });
 }
-const Ta = m(z)(({ theme: e }) => ({
+const Ca = m(H)(({ theme: e }) => ({
   display: "inline-block",
   marginTop: e.spacing(0.5)
 }));
@@ -4243,7 +4245,7 @@ function Aa({
   row: e
 }) {
   const t = le();
-  return e.label ? /* @__PURE__ */ n(S, { color: e.color ?? t.palette.text.secondary, children: /* @__PURE__ */ n(Ta, { color: "inherit", variant: "caption", children: e.label }) }) : null;
+  return e.label ? /* @__PURE__ */ n(S, { color: e.color ?? t.palette.text.secondary, children: /* @__PURE__ */ n(Ca, { color: "inherit", variant: "caption", children: e.label }) }) : null;
 }
 const Ea = m("div")(({ theme: e }) => ({
   margin: 0,
@@ -4251,12 +4253,12 @@ const Ea = m("div")(({ theme: e }) => ({
   fontWeight: Number(e.typography.fontWeightMedium),
   color: e.palette.text.primary,
   display: "flex"
-})), La = m(z)(({ theme: e }) => ({
+})), La = m(H)(({ theme: e }) => ({
   marginRight: e.spacing(0.5)
-})), Da = m(z)(({ theme: e }) => ({
+})), Da = m(H)(({ theme: e }) => ({
   marginLeft: e.spacing(0.5)
 }));
-function Pa({
+function $a({
   row: e,
   animated: t,
   animationOptions: i,
@@ -4266,7 +4268,7 @@ function Pa({
   return /* @__PURE__ */ v(Ea, { children: [
     a ? /* @__PURE__ */ n(S, { color: o.palette.text.secondary, children: /* @__PURE__ */ n(La, { color: "inherit", component: "span", variant: "subtitle2", children: a }) }) : null,
     /* @__PURE__ */ n(S, { fontWeight: s ? "bold" : "", children: /* @__PURE__ */ n(
-      zn,
+      Hn,
       {
         value: l,
         enabled: t,
@@ -4277,7 +4279,7 @@ function Pa({
     d ? /* @__PURE__ */ n(S, { color: o.palette.text.secondary, children: /* @__PURE__ */ n(Da, { color: "inherit", component: "span", variant: "subtitle2", children: d }) }) : null
   ] });
 }
-const $a = (e) => e, Zt = [], Oa = m("div")(({ theme: e }) => ({
+const Pa = (e) => e, Zt = [], Oa = m("div")(({ theme: e }) => ({
   "&:nth-of-type(n+2)": {
     marginTop: e.spacing(2)
   }
@@ -4287,13 +4289,13 @@ function ps({
   colors: t = Zt,
   animated: i = !0,
   animationOptions: r,
-  formatter: o = $a,
+  formatter: o = Pa,
   isLoading: a = !1
 }) {
   const l = Wa(e, t);
-  return a ? /* @__PURE__ */ n(Cn, {}) : /* @__PURE__ */ n("div", { children: l.map((d, s) => /* @__PURE__ */ v(Oa, { children: [
+  return a ? /* @__PURE__ */ n(Tn, {}) : /* @__PURE__ */ n("div", { children: l.map((d, s) => /* @__PURE__ */ v(Oa, { children: [
     /* @__PURE__ */ n(
-      Pa,
+      $a,
       {
         row: d,
         animated: i,
@@ -4369,7 +4371,7 @@ function gs({
       borderWidth: 0,
       formatter: k
     }, x = {
-      data: b ? g.map((L, $) => e[$]) : (g[0] ?? []).map((L) => L.name),
+      data: b ? g.map((L, P) => e[P]) : (g[0] ?? []).map((L) => L.name),
       selectedMode: !1,
       type: "scroll",
       left: B,
@@ -4404,7 +4406,7 @@ function gs({
         color: c.palette.text.primary
       }
     }, A = {
-      formatter: ({ name: L, percent: $ }) => `{per|${l($)}%}
+      formatter: ({ name: L, percent: P }) => `{per|${l(P)}%}
 {b|${L}}`,
       position: "center",
       rich: {
@@ -4423,17 +4425,17 @@ function gs({
           color: c.palette.text.primary
         }
       }
-    }, T = g.map((L, $) => {
-      var P;
+    }, C = g.map((L, P) => {
+      var $;
       return {
         type: "pie",
-        name: e[$],
+        name: e[P],
         itemStyle: {
-          color: (P = L[0]) == null ? void 0 : P.color
+          color: ($ = L[0]) == null ? void 0 : $.color
         },
         animation: a,
         data: L.map((W) => ({ ...W, itemStyle: { color: W.color } })),
-        radius: $ === 0 ? ["75%", "90%"] : ["56%", "72%"],
+        radius: P === 0 ? ["75%", "90%"] : ["56%", "72%"],
         selectedOffset: 0,
         hoverOffset: 5,
         bottom: B * 2.5,
@@ -4453,7 +4455,7 @@ function gs({
       top: 0,
       right: 0,
       bottom: 0
-    }, tooltip: M, legend: x, series: T };
+    }, tooltip: M, legend: x, series: C };
   }, [c, e, a, g, l, d]), w = {
     mouseover: (b, k) => {
       g.length === 1 && (b.seriesIndex !== 0 || b.dataIndex !== 0) && k.dispatchAction({
@@ -4470,11 +4472,11 @@ function gs({
       });
     },
     click: (b) => {
-      const M = g[b.seriesIndex][b.dataIndex].key, C = s.includes(M), x = new Set(s);
-      C ? x.delete(M) : x.add(M);
+      const M = g[b.seriesIndex][b.dataIndex].key, T = s.includes(M), x = new Set(s);
+      T ? x.delete(M) : x.add(M);
       const A = g[0].length;
-      let T = Array.from(x);
-      T.length === A && (T = []), u(T);
+      let C = Array.from(x);
+      C.length === A && (C = []), u(C);
     }
   };
   U(() => {
@@ -4487,7 +4489,7 @@ function gs({
   function h(b) {
     y.current = b;
   }
-  return g.length ? p ? /* @__PURE__ */ n(Tn, { height: o }) : /* @__PURE__ */ n(
+  return g.length ? p ? /* @__PURE__ */ n(Cn, { height: o }) : /* @__PURE__ */ n(
     We,
     {
       onChartReady: h,
@@ -4498,14 +4500,14 @@ function gs({
     }
   ) : null;
 }
-const za = () => {
+const Ha = () => {
 };
-function Ha({
+function za({
   icon: e,
   hoverTooltip: t,
   clickTooltip: i,
   enabled: r,
-  onEnabledChange: o = za,
+  onEnabledChange: o = Ha,
   tooltipPlacement: a = "bottom"
 }) {
   const [l, d] = _(!1), [s, u] = _(r);
@@ -4549,14 +4551,14 @@ const ja = m(fe, {
   width: t.spacing(3),
   transform: `rotate(${e ? "180" : "0"}deg)`,
   backgroundColor: e ? t.palette.action.hover : void 0
-})), Ya = m($e, {
+})), Ya = m(Pe, {
   shouldForwardProp: (e) => e !== "disabled"
 })(({ disabled: e, theme: t }) => ({
   ...e && {
     pointerEvents: "none",
     color: t.palette.text.disabled
   }
-})), Va = m($e)(() => ({
+})), Va = m(Pe)(() => ({
   "&.Mui-disabled": {
     opacity: 1
   }
@@ -4575,7 +4577,7 @@ function Ua({
 }) {
   const u = le(), [p, c] = _(null), y = !!p, g = (M) => c(M.currentTarget), f = () => c(null), w = (M) => {
     r && r(M), f();
-  }, h = !!e.length && !!t.length, b = (M) => t.some((C) => C.id === M.id);
+  }, h = !!e.length && !!t.length, b = (M) => t.some((T) => T.id === M.id);
   function k(M) {
     return /* @__PURE__ */ n(
       Ya,
@@ -4585,7 +4587,7 @@ function Ua({
         disabled: s && b(M),
         children: /* @__PURE__ */ v(S, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [
           M.icon,
-          /* @__PURE__ */ n(S, { ml: 2, children: /* @__PURE__ */ n(z, { variant: "body2", color: "inherit", children: gn(M.label) }) })
+          /* @__PURE__ */ n(S, { ml: 2, children: /* @__PURE__ */ n(H, { variant: "body2", color: "inherit", children: gn(M.label) }) })
         ] })
       },
       M.id
@@ -4614,7 +4616,7 @@ function Ua({
         onClose: f,
         MenuListProps: { "aria-labelledby": "feature-selection-menu-button" },
         children: [
-          d && /* @__PURE__ */ n(Va, { disabled: !0, children: /* @__PURE__ */ n(z, { variant: "caption", color: "textSecondary", children: d }) }),
+          d && /* @__PURE__ */ n(Va, { disabled: !0, children: /* @__PURE__ */ n(H, { variant: "caption", color: "textSecondary", children: d }) }),
           !!e.length && e.map(k),
           h && /* @__PURE__ */ n(wt, { sx: { margin: ({ spacing: M }) => M(1, 0) } }),
           !!t.length && t.map(k)
@@ -4623,7 +4625,7 @@ function Ua({
     )
   ] });
 }
-const qa = m(di)(({ theme: e }) => ({
+const Xa = m(di)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   marginLeft: e.spacing(1.5),
@@ -4635,11 +4637,11 @@ const qa = m(di)(({ theme: e }) => ({
   "&::-webkit-scrollbar": {
     display: "none"
   }
-})), Xa = () => {
+})), qa = () => {
 };
 function Ka({
   features: e,
-  onSelectGeometry: t = Xa,
+  onSelectGeometry: t = qa,
   onDeleteGeometry: i,
   chipTooltip: r,
   disabledChipTooltip: o,
@@ -4663,9 +4665,9 @@ function Ka({
     return d || ((b = f.properties) == null ? void 0 : b.name) || `${h} ${w + 1}`;
   }
   const [y, g] = _(!1);
-  return /* @__PURE__ */ n(S, { sx: { overflowX: "auto" }, children: /* @__PURE__ */ n(qa, { sx: { gap: a === "small" ? 0.5 : 1 }, children: e.map((f, w) => {
-    var C, x;
-    const h = (C = f.properties) == null ? void 0 : C.disabled, b = (x = f.properties) == null ? void 0 : x.invalid;
+  return /* @__PURE__ */ n(S, { sx: { overflowX: "auto" }, children: /* @__PURE__ */ n(Xa, { sx: { gap: a === "small" ? 0.5 : 1 }, children: e.map((f, w) => {
+    var T, x;
+    const h = (T = f.properties) == null ? void 0 : T.disabled, b = (x = f.properties) == null ? void 0 : x.invalid;
     let k = r;
     h && (k = o || r), b && (k = u.formatMessage({
       id: "c4r.widgets.featureSelection.invalid"
@@ -4689,7 +4691,7 @@ function Ka({
             onDelete: i ? () => i(f) : void 0,
             icon: b ? /* @__PURE__ */ n(Ii, { color: "error" }) : void 0,
             deleteIcon: /* @__PURE__ */ n(
-              Ci,
+              Ti,
               {
                 onMouseEnter: () => g(!0),
                 onMouseLeave: () => g(!1)
@@ -4722,15 +4724,15 @@ function hs({
   size: p = "medium",
   chipLabel: c
 }) {
-  const y = se(), g = ce(y), f = F(() => e.map((C) => ({
-    ...C,
+  const y = se(), g = ce(y), f = F(() => e.map((T) => ({
+    ...T,
     label: g.formatMessage({
-      id: `c4r.widgets.featureSelection.${Jt(C.id)}`
+      id: `c4r.widgets.featureSelection.${Jt(T.id)}`
     })
-  })), [e, g]), w = F(() => t.map((C) => ({
-    ...C,
+  })), [e, g]), w = F(() => t.map((T) => ({
+    ...T,
     label: g.formatMessage({
-      id: `c4r.widgets.featureSelection.${Jt(C.id)}`
+      id: `c4r.widgets.featureSelection.${Jt(T.id)}`
     })
   })), [t, g]), h = F(() => {
     const x = [
@@ -4758,7 +4760,7 @@ function hs({
   });
   return /* @__PURE__ */ v(Za, { children: [
     /* @__PURE__ */ n(
-      Ha,
+      za,
       {
         icon: h == null ? void 0 : h.icon,
         hoverTooltip: k,
@@ -4808,10 +4810,10 @@ function hs({
 function Jt(e) {
   return e.charAt(0).toLowerCase() + e.slice(1);
 }
-const Hn = 240, Qa = m(hn, {
+const zn = 240, Qa = m(hn, {
   shouldForwardProp: (e) => e !== "collapsed"
 })(({ theme: e, collapsed: t }) => ({
-  width: t ? "min-content" : Hn,
+  width: t ? "min-content" : zn,
   background: e.palette.background.paper,
   maxHeight: "calc(100% - 120px)",
   display: "flex",
@@ -4840,7 +4842,7 @@ const Hn = 240, Qa = m(hn, {
   gap: e.spacing(2),
   alignItems: "center",
   padding: e.spacing(1),
-  minWidth: `calc(${Hn}px - ${e.spacing(4)})`
+  minWidth: `calc(${zn}px - ${e.spacing(4)})`
 })), il = m(ot)(({ theme: e }) => ({
   display: "flex",
   width: e.spacing(7.5),
@@ -4977,31 +4979,30 @@ function cl({
 }
 function Lt({
   title: e,
-  visible: t,
-  typographyProps: i
+  visible: t
 }) {
-  const r = re(null), [o, a] = _(!1);
+  const i = re(null), [r, o] = _(!1);
   an(() => {
-    if (t && r.current) {
-      const { offsetWidth: d, scrollWidth: s } = r.current;
-      a(d < s);
+    if (t && i.current) {
+      const { offsetWidth: l, scrollWidth: d } = i.current;
+      o(l < d);
     }
   }, [e, t]);
-  const l = /* @__PURE__ */ n(
-    z,
+  const a = /* @__PURE__ */ n(
+    H,
     {
-      ref: r,
+      ref: i,
       color: t ? "textPrimary" : "textSecondary",
-      weight: "medium",
+      variant: "caption",
+      weight: "regular",
       component: "p",
       noWrap: !0,
       my: 0.25,
       textTransform: "none",
-      ...i,
       children: e
     }
   );
-  return o ? /* @__PURE__ */ n(ue, { title: e, children: l }) : l;
+  return r ? /* @__PURE__ */ n(ue, { title: e, children: a }) : a;
 }
 var Ie = /* @__PURE__ */ ((e) => (e.CATEGORY = "category", e.ICON = "icon", e.CONTINUOUS_RAMP = "continuous_ramp", e.BINS = "bins", e.PROPORTION = "proportion", e))(Ie || {});
 const ut = 20;
@@ -5028,7 +5029,7 @@ function dl({
       `${p}${c}`
     )) }),
     d && /* @__PURE__ */ n(
-      z,
+      H,
       {
         variant: "caption",
         color: "textSecondary",
@@ -5115,14 +5116,7 @@ function hl({
         color: i
       }
     ),
-    /* @__PURE__ */ n(
-      Lt,
-      {
-        title: e,
-        visible: !0,
-        typographyProps: { variant: "overline", my: 0.75 }
-      }
-    )
+    /* @__PURE__ */ n(Lt, { title: e, visible: !0 })
   ] });
 }
 const Ze = 6, rt = {
@@ -5178,20 +5172,20 @@ function vl({
       },
       p
     )) }),
-    /* @__PURE__ */ n(wl, { children: l ? /* @__PURE__ */ n(S, { maxWidth: 240, children: /* @__PURE__ */ n(z, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ v(ie, { children: [
-      /* @__PURE__ */ v(z, { variant: "overline", color: "textSecondary", children: [
+    /* @__PURE__ */ n(wl, { children: l ? /* @__PURE__ */ n(S, { maxWidth: 240, children: /* @__PURE__ */ n(H, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ v(ie, { children: [
+      /* @__PURE__ */ v(H, { variant: "overline", color: "textSecondary", children: [
         r && i.formatMessage({ id: "c4r.widgets.legend.max" }) + ": ",
         t.formatNumber(a, {
           maximumSignificantDigits: Ze
         })
       ] }),
-      /* @__PURE__ */ n(z, { variant: "overline", color: "textSecondary", children: t.formatNumber(s, {
+      /* @__PURE__ */ n(H, { variant: "overline", color: "textSecondary", children: t.formatNumber(s, {
         maximumSignificantDigits: Ze
       }) }),
-      /* @__PURE__ */ n(z, { variant: "overline", color: "textSecondary", children: t.formatNumber(d, {
+      /* @__PURE__ */ n(H, { variant: "overline", color: "textSecondary", children: t.formatNumber(d, {
         maximumSignificantDigits: Ze
       }) }),
-      /* @__PURE__ */ v(z, { variant: "overline", color: "textSecondary", children: [
+      /* @__PURE__ */ v(H, { variant: "overline", color: "textSecondary", children: [
         r && i.formatMessage({ id: "c4r.widgets.legend.min" }) + ": ",
         t.formatNumber(o, {
           maximumSignificantDigits: Ze
@@ -5227,14 +5221,7 @@ function kl({
         height: pt
       }
     ) }),
-    /* @__PURE__ */ n(
-      Lt,
-      {
-        visible: !0,
-        title: r,
-        typographyProps: { variant: "overline", my: 0.75 }
-      }
-    )
+    /* @__PURE__ */ n(Lt, { visible: !0, title: r })
   ] }, r)) });
 }
 function Sl(e) {
@@ -5249,7 +5236,7 @@ function en({
     !i.length || e ? 2 : i.length + 1
   ), l = Sl(i), d = l ? i.map(({ value: f }) => f) : i, s = l ? i.map(({ label: f }) => f) : i, [u, p] = Yn({ labels: d }), c = Number.isNaN(u) || Number.isNaN(p);
   let y = s[s.length - 1], g = s[0];
-  return !e && o && (g = "< " + g, y = "≥ " + y), /* @__PURE__ */ n(S, { py: 2, "data-testid": "ramp-legend", children: c ? /* @__PURE__ */ n(S, { maxWidth: 240, children: /* @__PURE__ */ n(z, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ v(ie, { children: [
+  return !e && o && (g = "< " + g, y = "≥ " + y), /* @__PURE__ */ n(S, { py: 2, "data-testid": "ramp-legend", children: c ? /* @__PURE__ */ n(S, { maxWidth: 240, children: /* @__PURE__ */ n(H, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ v(ie, { children: [
     /* @__PURE__ */ n(S, { display: "flex", pb: 1, children: e ? /* @__PURE__ */ n(
       Ml,
       {
@@ -5257,7 +5244,7 @@ function en({
         palette: a
       }
     ) : /* @__PURE__ */ n(
-      Cl,
+      Tl,
       {
         palette: a,
         labels: s,
@@ -5266,8 +5253,8 @@ function en({
       }
     ) }),
     /* @__PURE__ */ v(S, { display: "flex", justifyContent: "space-between", children: [
-      /* @__PURE__ */ n(z, { variant: "overlineDelicate", color: "textSecondary", children: g }),
-      /* @__PURE__ */ n(z, { variant: "overlineDelicate", color: "textSecondary", children: y })
+      /* @__PURE__ */ n(H, { variant: "overlineDelicate", color: "textSecondary", children: g }),
+      /* @__PURE__ */ n(H, { variant: "overlineDelicate", color: "textSecondary", children: y })
     ] })
   ] }) });
 }
@@ -5293,7 +5280,7 @@ const Ml = m(S, {
     borderRadius: t.spacing(0, 0.5, 0.5, 0)
   }
 }));
-function Cl({
+function Tl({
   labels: e = [],
   palette: t = [],
   max: i,
@@ -5305,7 +5292,7 @@ function Cl({
     return /* @__PURE__ */ n(ue, { title: d, children: /* @__PURE__ */ n(Il, { "data-testid": "step-discontinuous", color: t[l] }) }, l);
   }) });
 }
-const Tl = {
+const Cl = {
   [Ie.CATEGORY]: dl,
   [Ie.PROPORTION]: vl,
   [Ie.ICON]: kl,
@@ -5314,7 +5301,7 @@ const Tl = {
 };
 function Al({ legend: e }) {
   const t = se(), i = ce(t);
-  return e.select || !e.type ? null : /* @__PURE__ */ v(z, { variant: "body2", color: "textSecondary", component: "p", children: [
+  return e.select || !e.type ? null : /* @__PURE__ */ v(H, { variant: "body2", color: "textSecondary", component: "p", children: [
     e.type,
     " ",
     i.formatMessage({ id: "c4r.widgets.legend.notSupported" }),
@@ -5331,11 +5318,11 @@ function Ll({
   onChangeSelection: r
 }) {
   var p;
-  const o = se(), a = ce(o), l = t.type, s = Tl[l] ?? i[l] ?? Al, u = ((p = t.select) == null ? void 0 : p.options) ?? [];
+  const o = se(), a = ce(o), l = t.type, s = Cl[l] ?? i[l] ?? Al, u = ((p = t.select) == null ? void 0 : p.options) ?? [];
   return /* @__PURE__ */ v(S, { component: "li", "data-testid": "legend-layer-variable", px: 2, children: [
     t.attr ? /* @__PURE__ */ v(S, { pb: 1, children: [
       /* @__PURE__ */ n(
-        z,
+        H,
         {
           gutterBottom: !0,
           variant: "overlineDelicate",
@@ -5344,10 +5331,10 @@ function Ll({
           children: a.formatMessage({ id: El(t) })
         }
       ),
-      /* @__PURE__ */ n(z, { variant: "caption", component: "p", children: t.attr })
+      /* @__PURE__ */ n(H, { variant: "caption", component: "p", children: t.attr })
     ] }) : null,
     t.select ? /* @__PURE__ */ v(S, { pb: 1, children: [
-      /* @__PURE__ */ n(z, { variant: "caption", weight: "medium", component: "p", children: t.select.label }),
+      /* @__PURE__ */ n(H, { variant: "caption", weight: "medium", component: "p", children: t.select.label }),
       /* @__PURE__ */ n(
         pi,
         {
@@ -5368,7 +5355,7 @@ function Ll({
               }
             }
           },
-          children: u.map((c) => /* @__PURE__ */ n($e, { value: c.value, children: /* @__PURE__ */ n(gi, { primary: c.label }) }, c.value))
+          children: u.map((c) => /* @__PURE__ */ n(Pe, { value: c.value, children: /* @__PURE__ */ n(gi, { primary: c.label }) }, c.value))
         }
       )
     ] }) : null,
@@ -5390,13 +5377,13 @@ function tn({
   minZoom: d = 0,
   currentZoom: s = 0
 }) {
-  const u = se(), p = ce(u), c = re(null), [y, g] = _(!1), f = t.id, w = t.title, h = t.visible ?? !0, b = t.switchable ?? !0, k = t.collapsed ?? !1, M = (t.collapsible ?? !0) && !Vn(t.legend), C = t.opacity ?? 1, x = t.showOpacityControl ?? !0, A = h && !k, T = A ? /* @__PURE__ */ n(fn, {}) : /* @__PURE__ */ n(mn, {}), O = (t == null ? void 0 : t.minZoom) !== void 0 || (t == null ? void 0 : t.maxZoom) !== void 0, L = t.minZoom ?? d, $ = t.maxZoom ?? l, P = O && (L > d || $ < l), W = s < L || s > $, J = Pl({
+  const u = se(), p = ce(u), c = re(null), [y, g] = _(!1), f = t.id, w = t.title, h = t.visible ?? !0, b = t.switchable ?? !0, k = t.collapsed ?? !1, M = (t.collapsible ?? !0) && !Vn(t.legend), T = t.opacity ?? 1, x = t.showOpacityControl ?? !0, A = h && !k, C = A ? /* @__PURE__ */ n(fn, {}) : /* @__PURE__ */ n(mn, {}), O = (t == null ? void 0 : t.minZoom) !== void 0 || (t == null ? void 0 : t.maxZoom) !== void 0, L = t.minZoom ?? d, P = t.maxZoom ?? l, $ = O && (L > d || P < l), W = s < L || s > P, J = $l({
     intl: p,
     minZoom: d,
     maxZoom: l,
     layerMinZoom: L,
-    layerMaxZoom: $
-  }), G = t.helperText ?? (P ? J : ""), E = F(() => t.legend ? Array.isArray(t.legend) ? t.legend : [t.legend] : [], [t.legend]);
+    layerMaxZoom: P
+  }), G = t.helperText ?? ($ ? J : ""), D = F(() => t.legend ? Array.isArray(t.legend) ? t.legend : [t.legend] : [], [t.legend]);
   return t.legend ? /* @__PURE__ */ v(ll, { "data-testid": "legend-layer", "aria-label": w, children: [
     /* @__PURE__ */ v(tl, { ref: c, children: [
       M && /* @__PURE__ */ n(
@@ -5408,19 +5395,19 @@ function tn({
           }),
           disabled: !h,
           onClick: () => i({ id: f, collapsed: !k }),
-          children: T
+          children: C
         }
       ),
       /* @__PURE__ */ v(sl, { children: [
         /* @__PURE__ */ n(Lt, { visible: h, title: w ?? "" }),
-        P && /* @__PURE__ */ n(
+        $ && /* @__PURE__ */ n(
           ue,
           {
             title: p.formatMessage({
               id: "c4r.widgets.legend.zoomLevelTooltip"
             }),
             children: /* @__PURE__ */ v(
-              z,
+              H,
               {
                 color: h ? "textPrimary" : "textSecondary",
                 variant: "caption",
@@ -5445,7 +5432,7 @@ function tn({
           menuRef: c,
           open: y,
           toggleOpen: g,
-          opacity: C,
+          opacity: T,
           onChange: (N) => r({ id: f, opacity: N })
         }
       ),
@@ -5464,7 +5451,7 @@ function tn({
                 collapsed: h ? k : !1,
                 visible: !h
               }),
-              children: h ? /* @__PURE__ */ n(Ti, {}) : /* @__PURE__ */ n(Ai, {})
+              children: h ? /* @__PURE__ */ n(Ci, {}) : /* @__PURE__ */ n(Ai, {})
             }
           )
         }
@@ -5476,7 +5463,7 @@ function tn({
         {
           "data-testid": "legend-layer-variable-list",
           opacity: W ? 0.5 : 1,
-          children: E.map((N, I) => /* @__PURE__ */ n(
+          children: D.map((N, I) => /* @__PURE__ */ n(
             Ll,
             {
               legend: N,
@@ -5489,7 +5476,7 @@ function tn({
         }
       ),
       G && /* @__PURE__ */ n(
-        z,
+        H,
         {
           variant: "caption",
           color: "textSecondary",
@@ -5501,7 +5488,7 @@ function tn({
     ] })
   ] }) : null;
 }
-function Pl({
+function $l({
   intl: e,
   minZoom: t,
   maxZoom: i,
@@ -5513,17 +5500,17 @@ function Pl({
   }), s = e.formatMessage({ id: "c4r.widgets.legend.zoomNote" }), u = o < i ? `${l} ${o}` : "", p = r > t ? `${d} ${r}` : "", c = [u, p].filter(Boolean).join(` ${a} `);
   return c ? `${s} ${c}` : "";
 }
-const $l = {}, He = () => {
+const Pl = {}, ze = () => {
 }, Ol = [];
 function fs({
-  customLegendTypes: e = $l,
+  customLegendTypes: e = Pl,
   layers: t = Ol,
   collapsed: i = !1,
-  onChangeCollapsed: r = He,
-  onChangeVisibility: o = He,
-  onChangeOpacity: a = He,
-  onChangeLegendRowCollapsed: l = He,
-  onChangeSelection: d = He,
+  onChangeCollapsed: r = ze,
+  onChangeVisibility: o = ze,
+  onChangeOpacity: a = ze,
+  onChangeLegendRowCollapsed: l = ze,
+  onChangeSelection: d = ze,
   title: s = "Layers",
   maxZoom: u = 20,
   minZoom: p = 0,
@@ -5532,7 +5519,7 @@ function fs({
   sx: g
 }) {
   const f = se(), w = ce(f), h = /* @__PURE__ */ v(el, { collapsed: i, children: [
-    /* @__PURE__ */ n(z, { variant: "caption", flexGrow: 1, children: s }),
+    /* @__PURE__ */ n(H, { variant: "caption", flexGrow: 1, children: s }),
     /* @__PURE__ */ n(
       ue,
       {
@@ -5599,7 +5586,7 @@ function nn({
   children: t
 }) {
   return t ? /* @__PURE__ */ n(S, { mt: 0.5, children: /* @__PURE__ */ n(
-    z,
+    H,
     {
       component: "div",
       variant: "caption",
@@ -5615,8 +5602,8 @@ function ms({
   severity: i = void 0,
   ...r
 }) {
-  return i ? /* @__PURE__ */ n(Pi, { title: e, severity: i, ...r, children: /* @__PURE__ */ n(nn, { children: t }) }) : /* @__PURE__ */ v(S, { ...r, children: [
-    e && /* @__PURE__ */ n(z, { variant: "body2", children: e }),
+  return i ? /* @__PURE__ */ n($i, { title: e, severity: i, ...r, children: /* @__PURE__ */ n(nn, { children: t }) }) : /* @__PURE__ */ v(S, { ...r, children: [
+    e && /* @__PURE__ */ n(H, { variant: "body2", children: e }),
     /* @__PURE__ */ n(nn, { color: "textSecondary", children: t })
   ] });
 }
@@ -5643,7 +5630,7 @@ const Wl = m(S, {
   width: "100%",
   ...t ? { minHeight: e.spacing(3) } : { height: e.spacing(3) },
   padding: 0
-})), Nl = m(Pe, {
+})), Nl = m($e, {
   shouldForwardProp: (e) => e !== "expandable"
 })(({ theme: e, expandable: t = !0 }) => ({
   flex: 1,
@@ -5668,7 +5655,7 @@ const Wl = m(S, {
   width: e.spacing(3),
   height: e.spacing(3),
   color: e.palette.text.secondary
-}), Bl = m(fn)(({ theme: e }) => Gn({ theme: e })), _l = m(mn)(({ theme: e }) => Gn({ theme: e })), zl = m(De, {
+}), Bl = m(fn)(({ theme: e }) => Gn({ theme: e })), _l = m(mn)(({ theme: e }) => Gn({ theme: e })), Hl = m(De, {
   shouldForwardProp: (e) => e !== "expanded"
 })(({ expanded: e = !0 }) => ({
   wordBreak: "break-word",
@@ -5682,7 +5669,7 @@ const Wl = m(S, {
     whiteSpace: "nowrap",
     textOverflow: "ellipsis"
   }
-})), Hl = m(ae)(({ theme: e }) => ({
+})), zl = m(ae)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(1),
@@ -5713,13 +5700,13 @@ function ys({
   isLoading: y = !1,
   margin: g
 }) {
-  const f = ni(), [w, h] = _(!0), b = s !== void 0 && u !== void 0, k = d !== !1 ? b ? s : w : !0, M = b ? u : h, [C, x] = _(null), A = !!C, T = () => {
+  const f = ni(), [w, h] = _(!0), b = s !== void 0 && u !== void 0, k = d !== !1 ? b ? s : w : !0, M = b ? u : h, [T, x] = _(null), A = !!T, C = () => {
     d && M(!k);
   }, O = (W) => x(W.currentTarget), L = () => x(null);
-  function $(W) {
+  function P(W) {
     W && W(), L();
   }
-  const P = (W) => /* @__PURE__ */ n(
+  const $ = (W) => /* @__PURE__ */ n(
     rn,
     {
       "aria-label": W.label,
@@ -5737,22 +5724,22 @@ function ys({
         {
           expandable: d,
           startIcon: d && /* @__PURE__ */ n(fi, { children: k ? /* @__PURE__ */ n(Bl, {}) : /* @__PURE__ */ n(_l, {}) }),
-          onClick: T,
+          onClick: C,
           tabIndex: d ? 0 : -1,
-          children: /* @__PURE__ */ n(ue, { title: e, children: /* @__PURE__ */ n(zl, { expanded: s, align: "left", variant: "subtitle1", children: e }) })
+          children: /* @__PURE__ */ n(ue, { title: e, children: /* @__PURE__ */ n(Hl, { expanded: s, align: "left", variant: "subtitle1", children: e }) })
         }
       ),
-      /* @__PURE__ */ v(Hl, { item: !0, children: [
+      /* @__PURE__ */ v(zl, { item: !0, children: [
         c,
         t.length > 0 && t.map((W) => W.tooltip ? /* @__PURE__ */ n(
           ue,
           {
             title: W.tooltip.text,
             placement: W.tooltip.placement ?? "top",
-            children: P(W)
+            children: $(W)
           },
           W.id
-        ) : P(W)),
+        ) : $(W)),
         i.length > 0 && /* @__PURE__ */ v(ie, { children: [
           /* @__PURE__ */ n(
             rn,
@@ -5778,15 +5765,15 @@ function ys({
                 vertical: "top",
                 horizontal: "right"
               },
-              anchorEl: C,
+              anchorEl: T,
               keepMounted: !0,
               open: A,
               onClose: L,
               children: i.map((W) => /* @__PURE__ */ n(
-                $e,
+                Pe,
                 {
                   selected: W.selected,
-                  onClick: () => $(W.action),
+                  onClick: () => P(W.action),
                   children: W.name
                 },
                 W.id
@@ -5810,7 +5797,7 @@ export {
   gs as ComparativePieWidgetUI,
   Ua as FeatureSelectionUIDropdown,
   Ka as FeatureSelectionUIGeometryChips,
-  Ha as FeatureSelectionUIToggleButton,
+  za as FeatureSelectionUIToggleButton,
   hs as FeatureSelectionWidgetUI,
   rs as FormulaWidgetUI,
   Se as GroupDateTypes,