@carto/meridian-ds 1.3.6 → 1.4.0

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 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 Qn, { useMemo as F, useState as _, useEffect as U, useCallback as oe, useRef as re, forwardRef as ei, createContext as ti, useContext as ni, useLayoutEffect as an, createRef as ii } from "react";
+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 ri, Slider as xt, TableCell as bt, Table as sn, TableHead as cn, TableRow as Je, TableBody as dn, TableContainer as un, TableSortLabel as oi, TablePagination as ai, Menu as kt, MenuItem as Pe, SvgIcon as je, lighten as pn, Typography as De, ClickAwayListener as li, ToggleButton as si, capitalize as gn, ListItem as ci, Chip as di, List as ui, Paper as hn, Popover as pi, Select as gi, ListItemText as hi, Collapse as St, Drawer as fi, Icon as mi, LinearProgress as yi } from "@mui/material";
 import { useIntl as se } from "react-intl";
-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 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";
+import { t as wi, u as ce, T as H, S as B, B as Mt, a as vi, b as pt } from "../TablePaginationActions-BmvmVQd9.js";
+import xi from "echarts-for-react";
+import { FixedSizeList as bi } from "react-window";
+import { S as Qe, a as ki } from "../SwatchSquare-DAne_6Gi.js";
+import { ChevronLeft as Si, ChevronRight as Mi, KeyboardArrowDown as Ii, ErrorOutline as Ti, Cancel as Ci, VisibilityOutlined as Ai, VisibilityOffOutlined as Ei, ExpandLess as fn, ExpandMore as mn, Close as Li, LayersOutlined as Di, MoreVert as $i } from "@mui/icons-material";
+import { A as Pi } from "../Alert-DbN79ENW.js";
+import { c as yn, a as Oi, 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;
@@ -16,8 +16,8 @@ function vn() {
 function ge(e) {
   return !e || typeof e != "object" ? e : `${e.prefix ?? ""}${e.value}${e.suffix ?? ""}`;
 }
-const Oi = [], Wi = {}, Ot = (e) => e;
-function Ri(e, t) {
+const Wi = [], Ri = {}, Ot = (e) => e;
+function Fi(e, t) {
   if (!e || Array.isArray(e) && e.length === 0)
     return null;
   const i = Array.isArray(e) ? e : [e];
@@ -33,15 +33,15 @@ function Ri(e, t) {
     return `<div style="margin-top: 4px">${String(d)}${c}</div>`;
   }).join(" "), r;
 }
-function Fi({
+function Ni({
   height: e,
-  labels: t = Wi,
+  labels: t = Ri,
   yAxisData: i,
-  selectedBars: r = Oi,
+  selectedBars: r = Wi,
   series: o,
   colors: a,
   tooltip: l = !0,
-  tooltipFormatter: d = Ri,
+  tooltipFormatter: d = Fi,
   xAxisFormatter: s = Ot,
   yAxisFormatter: u = Ot,
   onSelectedBarsChange: p,
@@ -70,16 +70,16 @@ function Fi({
     labels: t,
     height: e ?? parseInt(w.spacing(22)),
     // parseInt removes 'px' from the string,
-    selectedBars: Ni(r),
+    selectedBars: Bi(r),
     yAxisData: b,
     colors: k,
     series: h
   };
 }
-function Ni(e) {
+function Bi(e) {
   return (e ?? []).length ? e.map((t) => Array.isArray(t) && t.length === 2 ? t : Array.isArray(t) ? [...Array(2)].map((r, o) => t[o] ?? 0) : [t, 0]) : [];
 }
-var Bi = function e(t, i) {
+var _i = function e(t, i) {
   if (t === i) return !0;
   if (t && i && typeof t == "object" && typeof i == "object") {
     if (t.constructor !== i.constructor) return !1;
@@ -104,8 +104,8 @@ var Bi = function e(t, i) {
   }
   return t !== t && i !== i;
 };
-const Le = /* @__PURE__ */ yi(Bi);
-class We extends vi {
+const Le = /* @__PURE__ */ wi(_i);
+class We extends xi {
   componentDidUpdate(t) {
     const { shouldSetOption: i } = this.props;
     if (typeof i == "function" && !i(t, this.props))
@@ -179,12 +179,12 @@ const at = 240, xn = m(S)(({ theme: e }) => ({
   "& + &": {
     marginLeft: "1px"
   }
-})), _i = m(z)(({ theme: e }) => ({
+})), Hi = m(z)(({ theme: e }) => ({
   backgroundColor: e.palette.common.white
 })), Rt = m(z)(({ theme: e }) => ({
   backgroundColor: e.palette.grey[100]
 }));
-function Hi({ height: e }) {
+function zi({ height: e }) {
   return /* @__PURE__ */ v(ie, { children: [
     /* @__PURE__ */ n(S, { mb: 2, children: /* @__PURE__ */ n(z, { width: 48, height: 8 }) }),
     /* @__PURE__ */ v(xn, { style: { height: e || at }, children: [
@@ -202,7 +202,7 @@ function ke(e) {
     e && !r && (i(!0), o(!0)), e || i(!1);
   }, [e, r]), { showSkeleton: t };
 }
-const zi = vn(), ji = m(ae)(({ theme: e }) => ({
+const ji = vn(), Yi = m(ae)(({ theme: e }) => ({
   marginBottom: e.spacing(2),
   flexDirection: "row",
   justifyContent: "space-between",
@@ -210,11 +210,11 @@ const zi = vn(), ji = m(ae)(({ theme: e }) => ({
   "& .MuiTypography-caption": {
     color: e.palette.text.secondary
   }
-})), Yi = m(ye)(({ theme: e }) => ({
+})), Vi = m(ye)(({ theme: e }) => ({
   ...e.typography.caption,
   cursor: "pointer"
 }));
-function ns(e) {
+function is(e) {
   const {
     yAxisData: t,
     xAxisData: i,
@@ -232,7 +232,7 @@ function ns(e) {
     filterable: f,
     animation: w,
     isLoading: h
-  } = Fi(e), b = r.length > 1, k = le(), M = se(), T = ce(M), { showSkeleton: x } = ke(!!h), A = F(
+  } = Ni(e), b = r.length > 1, k = le(), M = se(), T = ce(M), { showSkeleton: x } = ke(!!h), A = F(
     () => ({
       show: l,
       trigger: "axis",
@@ -244,9 +244,9 @@ function ns(e) {
         color: k.palette.common.white
       },
       backgroundColor: k.palette.black[90],
-      position: function(I, R, X, j, q) {
+      position: function(I, R, X, j, K) {
         const te = { top: 0 };
-        return q.contentSize[0] < q.viewSize[0] - I[0] ? te.left = I[0] : te.right = q.viewSize[0] - I[0], te;
+        return K.contentSize[0] < K.viewSize[0] - I[0] ? te.left = I[0] : te.right = K.viewSize[0] - I[0], te;
       },
       formatter: (I) => d(I, c)
     }),
@@ -275,7 +275,7 @@ function ns(e) {
   ), L = F(() => {
     let I = [];
     return y ? I = t.reduce((R, X) => (X.forEach(
-      (j, q) => R[q] = (R[q] ?? 0) + (j ?? Number.MIN_SAFE_INTEGER)
+      (j, K) => R[K] = (R[K] ?? 0) + (j ?? Number.MIN_SAFE_INTEGER)
     ), R), []) : I = t.flat().map((R) => R ?? Number.MIN_SAFE_INTEGER), Math.max(...I);
   }, [t, y]), P = F(
     () => ({
@@ -314,9 +314,9 @@ function ns(e) {
       animation: w,
       barMaxWidth: 100,
       data: I.map((X, j) => {
-        const q = o.some(
-          ([Y, K = 0]) => Y === j && K === R
-        ), te = !!o.length && !q;
+        const K = o.some(
+          ([Y, Z = 0]) => Y === j && Z === R
+        ), te = !!o.length && !K;
         return {
           value: X,
           ...te && {
@@ -326,7 +326,7 @@ function ns(e) {
         };
       }),
       ...y && { stack: "total" },
-      ...!zi && {
+      ...!ji && {
         emphasis: {
           focus: "series",
           itemStyle: {
@@ -378,15 +378,15 @@ function ns(e) {
   }, D = oe(
     (I) => {
       if (a) {
-        const R = [...o], { dataIndex: X, componentIndex: j } = I, q = R.findIndex(
-          ([Y, K = 0]) => X === Y && j === K
+        const R = [...o], { dataIndex: X, componentIndex: j } = I, K = R.findIndex(
+          ([Y, Z = 0]) => X === Y && j === Z
         );
-        q === -1 ? R.push([X, j]) : R.splice(q, 1);
+        K === -1 ? R.push([X, j]) : R.splice(K, 1);
         const te = R.map(
-          ([Y, K = 0]) => ({
+          ([Y, Z = 0]) => ({
             xAxis: i[Y],
-            serie: r[K],
-            yAxis: t[K][Y]
+            serie: r[Z],
+            yAxis: t[Z][Y]
           })
         );
         a(b ? R : R.map((Y) => Y[0]), te);
@@ -406,14 +406,14 @@ function ns(e) {
     } : {},
     [f, D]
   );
-  return x ? /* @__PURE__ */ n(Hi, { height: g }) : /* @__PURE__ */ v("div", { children: [
-    a && /* @__PURE__ */ v(ji, { container: !0, children: [
+  return x ? /* @__PURE__ */ n(zi, { height: g }) : /* @__PURE__ */ v("div", { children: [
+    a && /* @__PURE__ */ v(Yi, { container: !0, children: [
       /* @__PURE__ */ n(H, { variant: "caption", children: o.length > 0 ? T.formatMessage(
         { id: "c4r.widgets.bar.selectedItems" },
         { items: o.length }
       ) : T.formatMessage({ id: "c4r.widgets.bar.all" }) }),
       o && o.length > 0 && /* @__PURE__ */ n(
-        Yi,
+        Vi,
         {
           onClick: () => J(),
           onKeyDown: G,
@@ -489,7 +489,7 @@ const kn = m(ae)(({ theme: e }) => ({
       color: t.text.secondary
     }
   })
-), Vi = m(ae)(({ theme: e }) => ({
+), Gi = m(ae)(({ theme: e }) => ({
   height: e.spacing(0.5),
   width: "100%",
   margin: e.spacing(0.5, 0, 0.25, 0),
@@ -503,13 +503,13 @@ const kn = m(ae)(({ theme: e }) => ({
     transition: `background-color ${e.transitions.easing.sharp} ${e.transitions.duration.shortest}ms,
                  width ${e.transitions.easing.sharp} ${e.transitions.duration.complex}ms`
   }
-})), Gi = m(ae, {
+})), Ui = m(ae, {
   shouldForwardProp: (e) => e !== "isSelectable"
 })(({ theme: e, isSelectable: t }) => ({
   ...t && {
     width: `calc(100% - ${e.spacing(4)})`
   }
-})), Ui = m(H)(({ theme: e }) => ({
+})), Xi = m(H)(({ theme: e }) => ({
   fontWeight: e.typography.fontWeightBold,
   marginRight: e.spacing(2)
 })), Ve = m(ye)(({ theme: e }) => ({
@@ -518,7 +518,7 @@ const kn = m(ae)(({ theme: e }) => ({
   "& + hr": {
     margin: e.spacing(0, 1)
   }
-})), Xi = m(S)(({ theme: e }) => ({
+})), qi = m(S)(({ theme: e }) => ({
   ...e.typography.body2
 })), Bt = m($e)(({ theme: e }) => ({
   position: "absolute",
@@ -533,17 +533,17 @@ const kn = m(ae)(({ theme: e }) => ({
     height: "auto",
     marginTop: e.spacing(2)
   }
-})), qi = m(z)(({ theme: e }) => ({
+})), Ki = m(z)(({ theme: e }) => ({
   marginTop: e.spacing(1.25),
   marginBottom: e.spacing(1.75)
-})), Ki = (e) => e % 2 === 1, Mn = () => /* @__PURE__ */ v(ie, { children: [
+})), Zi = (e) => e % 2 === 1, Mn = () => /* @__PURE__ */ v(ie, { children: [
   /* @__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(z, { width: Ki(t) ? 72 : 48, height: 8 }),
+      /* @__PURE__ */ n(z, { width: Zi(t) ? 72 : 48, height: 8 }),
       /* @__PURE__ */ n(z, { width: 48, height: 8 })
     ] }),
-    /* @__PURE__ */ n(qi, { height: 4, width: "100%" })
+    /* @__PURE__ */ n(Ki, { height: 4, width: "100%" })
   ] }, t)) })
 ] });
 function In(e) {
@@ -568,7 +568,7 @@ function gt({
   };
   o.current = requestAnimationFrame(u);
 }
-function Zi({
+function Ji({
   start: e,
   end: t,
   duration: i,
@@ -596,17 +596,17 @@ function Zi({
   };
   o.current = requestAnimationFrame(y);
 }
-const Ji = [], Qi = {}, er = (e) => e, ct = () => {
-}, tr = (e) => e.reduce((t, i) => t + (i.value ?? 0), 0);
-function is({
+const Qi = [], er = {}, tr = (e) => e, ct = () => {
+}, nr = (e) => e.reduce((t, i) => t + (i.value ?? 0), 0);
+function rs({
   data: e,
-  formatter: t = er,
-  labels: i = Qi,
+  formatter: t = tr,
+  labels: i = er,
   maxItems: r = 5,
   order: o = Te.RANKING,
-  selectedCategories: a = Ji,
+  selectedCategories: a = Qi,
   onSelectedCategoriesChange: l = ct,
-  onMaxItemsOverflow: d = tr,
+  onMaxItemsOverflow: d = nr,
   animation: s = !0,
   filterable: u = !0,
   searchable: p = !0,
@@ -616,24 +616,24 @@ function is({
     []
   ), [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), []);
+    return g.reduce((q, Q) => (E.includes(Q.name) && q.push(Q.name), q), []);
   }
   function X(E) {
     if (E !== Me) {
-      let Z;
-      a.includes(E) ? Z = a.filter((Q) => Q !== E) : Z = [...a, E], l && l(Z);
+      let q;
+      a.includes(E) ? q = a.filter((Q) => Q !== E) : q = [...a, E], l && l(q);
     }
   }
-  const j = () => l([]), q = (E) => {
+  const j = () => l([]), K = (E) => {
     E.key === "Enter" && j();
   }, te = () => {
     l([]), A([]);
   }, Y = (E) => {
     E.key === "Enter" && te();
-  }, K = () => {
+  }, Z = () => {
     A(R(a));
   }, de = (E) => {
-    E.key === "Enter" && K();
+    E.key === "Enter" && Z();
   }, we = () => {
     const E = R(
       C
@@ -645,8 +645,8 @@ function is({
     T(""), k(!1);
   }, ee = (E) => {
     if (E !== Me) {
-      let Z;
-      C.includes(E) ? Z = C.filter((Q) => Q !== E) : Z = [...C, E], O(Z);
+      let q;
+      C.includes(E) ? q = C.filter((Q) => Q !== E) : q = [...C, E], O(q);
     }
   }, ne = (E) => {
     E.currentTarget.scrollIntoView();
@@ -657,11 +657,11 @@ function is({
   }, Re = oe(
     (E) => {
       if (b)
-        return M ? E.filter((Z) => {
+        return M ? E.filter((q) => {
           var xe;
-          if (!Z.name)
+          if (!q.name)
             return !1;
-          const Q = String(Z.name);
+          const Q = String(q.name);
           return !!(Q.toLowerCase().includes(M.toLowerCase()) || (xe = i[Q]) != null && xe.toLowerCase().includes(M.toLowerCase()));
         }) : E;
       if (x.length)
@@ -673,15 +673,15 @@ function is({
           }), Q;
         }, []);
       {
-        const Z = E.slice(0, r);
-        if (Z.length < E.length) {
+        const q = E.slice(0, r);
+        if (q.length < E.length) {
           const Q = {
             name: Me,
             value: d(E.slice(r))
           };
-          return [...Z, Q];
+          return [...q, Q];
         } else
-          return Z;
+          return q;
       }
     },
     [
@@ -707,10 +707,10 @@ function is({
   }, [a]), U(() => {
     if (e) {
       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);
+        const E = [...e].sort((Q, xe) => (xe.value ?? 0) - (Q.value ?? 0)), q = Re(E);
+        q.length > 0 ? h(q[0].value ?? 0) : h(1), f(q);
       } else if (o === Te.FIXED) {
-        h(Math.max(...e.map((Z) => Z.value ?? 0)));
+        h(Math.max(...e.map((q) => q.value ?? 0)));
         const E = Re(e);
         f(E);
       }
@@ -728,7 +728,7 @@ function is({
     J && (G.current = J);
   }, [J]), U(() => {
     if (s)
-      return Zi({
+      return Ji({
         start: (G.current || []).map((E) => ({
           ...E,
           value: E.value ?? 0
@@ -746,7 +746,7 @@ function is({
   }, [b, W]);
   function Xn({
     data: E,
-    onCategoryClick: Z
+    onCategoryClick: q
   }) {
     const Q = t(E.value ?? 0), [xe, Ye] = _(!1), be = re(null), lt = () => {
       var $t, Pt;
@@ -757,7 +757,7 @@ function is({
       window.removeEventListener("resize", lt);
     }), []);
     const Zn = (st) => {
-      st.key === "Enter" && Z();
+      st.key === "Enter" && q();
     }, Jn = !b && a.length > 0 && !a.includes(E.name);
     return /* @__PURE__ */ v(
       Sn,
@@ -765,7 +765,7 @@ function is({
         container: !0,
         direction: "row",
         spacing: 1,
-        onClick: u ? Z : ct,
+        onClick: u ? q : ct,
         onKeyDown: u ? Zn : ct,
         selectable: u,
         unselected: Jn,
@@ -779,7 +779,7 @@ function is({
               tabIndex: -1
             }
           ) }),
-          /* @__PURE__ */ v(Gi, { container: !0, item: !0, xs: !0, isSelectable: b, children: [
+          /* @__PURE__ */ v(Ui, { container: !0, item: !0, xs: !0, isSelectable: b, children: [
             /* @__PURE__ */ v(
               ae,
               {
@@ -794,7 +794,7 @@ function is({
                     {
                       title: Dt(E.name),
                       disableHoverListener: !xe,
-                      children: /* @__PURE__ */ n(Ui, { variant: "body2", noWrap: !0, ref: be, children: Dt(E.name) })
+                      children: /* @__PURE__ */ n(Xi, { variant: "body2", noWrap: !0, ref: be, children: Dt(E.name) })
                     }
                   ),
                   typeof Q == "object" && Q !== null ? /* @__PURE__ */ v("span", { children: [
@@ -805,7 +805,7 @@ function is({
                 ]
               }
             ),
-            /* @__PURE__ */ n(Vi, { className: "progressbar", item: !0, children: /* @__PURE__ */ n("div", { style: { width: Un(E.value ?? 0) } }) })
+            /* @__PURE__ */ n(Gi, { className: "progressbar", item: !0, children: /* @__PURE__ */ n("div", { style: { width: Un(E.value ?? 0) } }) })
           ] })
         ]
       }
@@ -814,10 +814,10 @@ function is({
   if ((e == null ? void 0 : e.length) === 0 || D) return /* @__PURE__ */ n(Mn, {});
   const qn = ({
     index: E,
-    style: Z
+    style: q
   }) => {
     const Q = L[E];
-    return Q ? /* @__PURE__ */ n("div", { style: Z, children: /* @__PURE__ */ n(
+    return Q ? /* @__PURE__ */ n("div", { style: q, children: /* @__PURE__ */ n(
       Xn,
       {
         data: Q,
@@ -825,7 +825,7 @@ function is({
       }
     ) }) : null;
   }, Kn = () => b ? 320 : L.length <= r ? L.length * 38 : x.length > 0 ? x.length * 38 : (r + 1) * 38;
-  return /* @__PURE__ */ v(Xi, { children: [
+  return /* @__PURE__ */ v(qi, { children: [
     u && g.length > 0 && /* @__PURE__ */ v(Nt, { container: !0, children: [
       /* @__PURE__ */ n(H, { variant: "caption", children: a.length > 0 ? I.formatMessage(
         { id: "c4r.widgets.category.selectedItems" },
@@ -854,7 +854,7 @@ function is({
         /* @__PURE__ */ n(
           Ve,
           {
-            onClick: K,
+            onClick: Z,
             onKeyDown: de,
             underline: "hover",
             tabIndex: 0,
@@ -868,7 +868,7 @@ function is({
           Ve,
           {
             onClick: j,
-            onKeyDown: q,
+            onKeyDown: K,
             underline: "hover",
             tabIndex: 0,
             children: I.formatMessage({
@@ -901,9 +901,11 @@ function is({
       /* @__PURE__ */ n(Bt, { size: "small", onClick: V, children: I.formatMessage({ id: "c4r.widgets.category.cancel" }) })
     ] }),
     /* @__PURE__ */ n(kn, { container: !0, item: !0, children: L.length ? /* @__PURE__ */ n(
-      xi,
+      bi,
       {
-        outerElementType: (E) => /* @__PURE__ */ n("div", { ...E, "data-testid": "category-widget-list" }),
+        outerElementType: ei(
+          (E, q) => /* @__PURE__ */ n("div", { ref: q, "data-testid": "category-widget-list", ...E })
+        ),
         height: Kn(),
         width: "100%",
         itemCount: L.length,
@@ -945,14 +947,14 @@ function is({
     ) }) : null
   ] });
 }
-const Tn = () => /* @__PURE__ */ n(S, { pt: 0.5, children: /* @__PURE__ */ n(z, { height: 24, width: 120 }) }), nr = m("span")(() => ({
+const Tn = () => /* @__PURE__ */ n(S, { pt: 0.5, children: /* @__PURE__ */ n(z, { height: 24, width: 120 }) }), ir = m("span")(() => ({
   marginRight: "2px"
-})), ir = m("span")(() => ({
+})), rr = m("span")(() => ({
   marginLeft: "2px"
-})), Ge = "-", rr = (e) => e;
-function rs({
+})), Ge = "-", or = (e) => e;
+function os({
   data: e = Ge,
-  formatter: t = rr,
+  formatter: t = or,
   animation: i = !0,
   isLoading: r = !1
 }) {
@@ -976,9 +978,9 @@ function rs({
   }), [i, e, a]);
   const p = t(o), c = typeof p == "object" && p !== null, y = p === Ge;
   return u ? /* @__PURE__ */ n(Tn, {}) : c ? /* @__PURE__ */ v(H, { variant: "h5", component: "div", weight: "medium", children: [
-    /* @__PURE__ */ n(nr, { children: p.prefix }),
+    /* @__PURE__ */ n(ir, { children: p.prefix }),
     p.value,
-    /* @__PURE__ */ n(ir, { children: p.suffix })
+    /* @__PURE__ */ n(rr, { children: p.suffix })
   ] }) : /* @__PURE__ */ n(
     H,
     {
@@ -995,7 +997,7 @@ function rs({
 }
 const _t = {};
 let Ne = null;
-function or({
+function ar({
   data: e,
   filterable: t,
   selectedBars: i,
@@ -1077,7 +1079,7 @@ function dt(e, t, i) {
       _t[t] && (e != null && e.handler) && e.off(t, i);
     };
 }
-function ar({ height: e }) {
+function lr({ height: e }) {
   return /* @__PURE__ */ v(ie, { children: [
     /* @__PURE__ */ n(S, { mb: 2, children: /* @__PURE__ */ n(z, { width: 48, height: 8 }) }),
     /* @__PURE__ */ v(bn, { style: { height: e ?? at }, children: [
@@ -1096,7 +1098,7 @@ function ar({ height: e }) {
     ] })
   ] });
 }
-const lr = vn(), sr = m(ae)(({ theme: e }) => ({
+const sr = vn(), cr = m(ae)(({ theme: e }) => ({
   marginBottom: e.spacing(2),
   flexDirection: "row",
   justifyContent: "space-between",
@@ -1104,12 +1106,12 @@ const lr = vn(), sr = m(ae)(({ theme: e }) => ({
   "& .MuiTypography-caption": {
     color: e.palette.text.secondary
   }
-})), cr = m(ye)(({ theme: e }) => ({
+})), dr = m(ye)(({ theme: e }) => ({
   ...e.typography.caption,
   cursor: "pointer"
-})), dr = [], ur = () => {
+})), ur = [], pr = () => {
 }, et = (e) => e;
-function pr(e, t = et, i = et) {
+function gr(e, t = et, i = et) {
   if (!e)
     return null;
   if (Array.isArray(e) && e.length === 0)
@@ -1120,7 +1122,7 @@ function pr(e, t = et, i = et) {
   const [a, l, d] = o.value, s = ge(t(a)), u = ge(t(l)), p = ge(i(d)), c = `${s} <span style="vertical-align: 1px;">—</span> ${u}`, y = `<div style="margin-left: 8px; display: inline">${p}</div>`;
   return `${c} <div style="margin-top: 4px">${String(r)}${y}</div>`;
 }
-function os({
+function as({
   data: e,
   ticks: t,
   min: i,
@@ -1128,19 +1130,19 @@ function os({
   xAxisFormatter: o = et,
   yAxisFormatter: a = et,
   yAxisType: l = "dense",
-  selectedBars: d = dr,
-  onSelectedBarsChange: s = ur,
+  selectedBars: d = ur,
+  onSelectedBarsChange: s = pr,
   tooltip: u = !0,
-  tooltipFormatter: p = pr,
+  tooltipFormatter: p = gr,
   animation: c = !0,
   filterable: y = !0,
   height: g = 200,
   isLoading: 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),
+    () => mr(e, t, i, r),
     [e, t, i, r]
-  ), { onEvents: O, markAreaOptions: L } = or({
+  ), { onEvents: O, markAreaOptions: L } = ar({
     data: C,
     filterable: M,
     selectedBars: d,
@@ -1190,7 +1192,7 @@ function os({
         padding: [B * 0.5, B * 0.5, 0, B * 0.5],
         formatter: (I) => {
           const R = ge(o(I));
-          return I === i ? gr(R) : I === r ? hr(R) : R;
+          return I === i ? hr(R) : I === r ? fr(R) : R;
         },
         color: h.palette.black[60]
       }
@@ -1203,9 +1205,9 @@ function os({
       padding: [0, 0, B * 1.25, 0],
       inside: !0,
       color: (j) => {
-        const q = Math.max(...e.map((Y) => Y ?? Number.MIN_SAFE_INTEGER)) || 1;
+        const K = Math.max(...e.map((Y) => Y ?? Number.MIN_SAFE_INTEGER)) || 1;
         let te = "transparent";
-        return j >= q && (te = h.palette.black[60]), te;
+        return j >= K && (te = h.palette.black[60]), te;
       },
       ...h.typography.overlineDelicate,
       formatter: (j) => ge(a(j))
@@ -1244,16 +1246,16 @@ function os({
     a,
     l
   ]), J = F(() => {
-    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;
+    const I = i === r && C.filter((j) => j[2] !== 0).length === 1, X = (I ? [C[0], C[C.length - 1]] : C).map((j, K) => {
+      const Y = d.length && !d.includes(K) ? h.palette.black[25] : h.palette.secondary.main;
       return { value: j, itemStyle: { color: Y } };
     });
     return {
       type: "custom",
       cursor: "pointer",
       markArea: L,
-      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]);
+      renderItem: function(j, K) {
+        const te = j.dataIndex === C.length - 1, Y = j.dataIndex === 0, Z = X[j.dataIndex].itemStyle.color, de = K.value(0), we = K.value(1), ve = K.value(2), [V, ee] = K.coord([de, ve]), [ne, pe] = K.size([we - de, ve]);
         return {
           type: "rect",
           shape: {
@@ -1263,11 +1265,11 @@ function os({
             width: I ? V - V / 10 : ne - (te ? 0 : 1),
             height: pe
           },
-          style: { fill: K },
-          ...!lr && {
+          style: { fill: Z },
+          ...!sr && {
             emphasis: {
               style: {
-                fill: yt(K, 0.25)
+                fill: yt(Z, 0.25)
               }
             }
           }
@@ -1311,8 +1313,8 @@ function os({
   ), N = (I) => {
     I.key === "Enter" && s([]);
   };
-  return k ? /* @__PURE__ */ n(ar, { height: g }) : /* @__PURE__ */ v("div", { children: [
-    M && /* @__PURE__ */ v(sr, { container: !0, children: [
+  return k ? /* @__PURE__ */ n(lr, { height: g }) : /* @__PURE__ */ v("div", { children: [
+    M && /* @__PURE__ */ v(cr, { container: !0, children: [
       /* @__PURE__ */ n(H, { variant: "caption", weight: "strong", children: d.length > 0 ? b.formatMessage(
         { id: "c4r.widgets.histogram.selectedItems" },
         {
@@ -1322,7 +1324,7 @@ function os({
         }
       ) : b.formatMessage({ id: "c4r.widgets.histogram.all" }) }),
       d.length > 0 && /* @__PURE__ */ n(
-        cr,
+        dr,
         {
           onClick: () => s([]),
           onKeyDown: N,
@@ -1344,14 +1346,14 @@ function os({
     )
   ] });
 }
-function gr(e) {
+function hr(e) {
   return `${Array(String(e).length).fill("  ").join("")}${e}`;
 }
-function hr(e) {
+function fr(e) {
   const t = Array(String(e).length).fill("  ").join("");
   return `${e}${t}`;
 }
-function fr(e, t, i, r) {
+function mr(e, t, i, r) {
   return e.map(
     (o, a) => [
       a === 0 ? i : t[a - 1],
@@ -1360,7 +1362,7 @@ function fr(e, t, i, r) {
     ]
   );
 }
-function mr(e, t, i, r) {
+function yr(e, t, i, r) {
   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;
@@ -1388,27 +1390,27 @@ function mr(e, t, i, r) {
     });
   }, [l, r, o]);
 }
-const yr = m(S)(({ theme: e }) => ({
+const wr = m(S)(({ theme: e }) => ({
   zIndex: 1,
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
   justifyContent: "center",
   paddingBottom: e.spacing(1)
-})), wr = m(S)(({ theme: e }) => ({
+})), vr = m(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(1),
   maxWidth: "140px",
   textTransform: "uppercase"
-})), vr = m(S)(({ theme: e }) => ({
+})), xr = m(S)(({ theme: e }) => ({
   display: "inline-block",
   borderRadius: e.spacing(0.5),
   width: e.spacing(1),
   minWidth: e.spacing(1),
   height: e.spacing(1)
 }));
-function xr({
+function br({
   data: e,
   selectedCategories: t,
   formatter: i
@@ -1420,13 +1422,13 @@ function xr({
     t.length > 0 ? u = e.filter(
       (f) => t.includes(f.name)
     ) : u = e;
-    const p = br(u), c = u.find((f) => f === p);
+    const p = kr(u), c = u.find((f) => f === p);
     if (!c)
       return null;
     let y = 0;
     for (const f of e)
       y += f.value ?? 0;
-    const g = kr(
+    const g = Sr(
       c.value ?? 0,
       y,
       i
@@ -1437,50 +1439,50 @@ function xr({
     a && o(a);
   }, [a, o]);
   const { name: l, percentage: d, color: s } = r ?? {};
-  return r ? /* @__PURE__ */ v(yr, { children: [
+  return r ? /* @__PURE__ */ v(wr, { children: [
     /* @__PURE__ */ n(H, { variant: "h5", children: d }),
-    /* @__PURE__ */ v(wr, { children: [
-      /* @__PURE__ */ n(vr, { bgcolor: s, component: "span" }),
+    /* @__PURE__ */ v(vr, { children: [
+      /* @__PURE__ */ n(xr, { bgcolor: s, component: "span" }),
       /* @__PURE__ */ n(H, { component: "span", variant: "body2", noWrap: !0, children: l })
     ] })
   ] }) : null;
 }
-function br(e) {
+function kr(e) {
   const t = e.filter(
     (i) => i.name !== Oe
   );
   return t.length === 0 ? e[0] : t.reduce((i, r) => (r.value ?? 0) > (i.value ?? 0) ? r : i);
 }
-function kr(e, t, i) {
+function Sr(e, t, i) {
   let r = 0;
   return t !== 0 && (r = e / t * 100), i ? i(r) : `${r}%`;
 }
-const Ht = 32, Sr = m(S)(({ theme: e }) => ({
+const Ht = 32, Mr = m(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
   marginTop: e.spacing(0.5)
-})), Mr = m("div")(() => ({
+})), Ir = m("div")(() => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
   position: "relative"
-})), Ir = m(_i)(() => ({
+})), Tr = m(Hi)(() => ({
   position: "absolute",
   zIndex: 1
-})), Tr = m("div")(({ theme: e }) => ({
+})), Cr = m("div")(({ theme: e }) => ({
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
   gap: e.spacing(1),
   position: "absolute",
   zIndex: 2
-})), Cr = m(S)(({ theme: e }) => ({
+})), Ar = m(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(2),
   height: e.spacing(5)
-})), Ar = m("div")(({ theme: e }) => ({
+})), Er = m("div")(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(1.5)
@@ -1489,32 +1491,32 @@ 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(z, { height: 8, width: 64 }),
-    /* @__PURE__ */ n(Sr, { height: t, children: /* @__PURE__ */ v(Mr, { children: [
+    /* @__PURE__ */ n(Mr, { height: t, children: /* @__PURE__ */ v(Ir, { children: [
       /* @__PURE__ */ n(z, { variant: "circular", width: i, height: i }),
       /* @__PURE__ */ n(
-        Ir,
+        Tr,
         {
           variant: "circular",
           width: r,
           height: r
         }
       ),
-      /* @__PURE__ */ v(Tr, { children: [
+      /* @__PURE__ */ v(Cr, { children: [
         /* @__PURE__ */ n(z, { height: 24, width: 72 }),
         /* @__PURE__ */ n(z, { height: 8, width: 48 })
       ] })
     ] }) }),
-    /* @__PURE__ */ n(Cr, { children: [...Array(2)].map((o, a) => /* @__PURE__ */ v(Ar, { children: [
+    /* @__PURE__ */ n(Ar, { children: [...Array(2)].map((o, a) => /* @__PURE__ */ v(Er, { children: [
       /* @__PURE__ */ n(z, { variant: "circular", width: 8, height: 8 }),
       /* @__PURE__ */ n(z, { width: 48, height: 8 })
     ] }, a)) })
   ] });
 }
-const Er = m(S)(({ theme: e }) => ({
+const Lr = m(S)(({ theme: e }) => ({
   position: "relative",
   padding: e.spacing(1.25, 1, 0, 1),
   width: "100%"
-})), Lr = m(S)(({ theme: e }) => ({
+})), Dr = m(S)(({ theme: e }) => ({
   position: "relative",
   display: "flex",
   flexDirection: "row",
@@ -1523,7 +1525,7 @@ const Er = m(S)(({ theme: e }) => ({
   // Accessibility tweak to display focus indicator properly
   padding: e.spacing(0.5),
   margin: e.spacing(-0.5)
-})), Dr = m(S)(({ theme: e }) => ({
+})), $r = m(S)(({ theme: e }) => ({
   display: "flex",
   flexDirection: "row",
   gap: e.spacing(1),
@@ -1531,7 +1533,7 @@ const Er = m(S)(({ theme: e }) => ({
   textOverflow: "ellipsis",
   whiteSpace: "nowrap",
   cursor: "pointer"
-})), $r = m(S)(({ theme: e }) => ({
+})), Pr = m(S)(({ theme: e }) => ({
   display: "inline-block",
   position: "absolute",
   left: e.spacing(-2),
@@ -1540,13 +1542,13 @@ 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%)`
-})), Pr = m(S)(({ theme: e }) => ({
+})), Or = m(S)(({ theme: e }) => ({
   position: "absolute",
   padding: e.spacing(0.25, 1),
   top: e.spacing(0),
   right: 0,
   background: e.palette.background.paper
-})), Or = m(S, {
+})), Wr = m(S, {
   shouldForwardProp: (e) => e !== "color"
 })(({ theme: e, color: t }) => {
   const i = e.spacing(1);
@@ -1597,9 +1599,9 @@ function An({
     }), x.observe(p.current)), () => {
       x == null || x.disconnect();
     };
-  }, [p, k]), /* @__PURE__ */ v(Er, { ref: p, children: [
+  }, [p, k]), /* @__PURE__ */ v(Lr, { ref: p, children: [
     /* @__PURE__ */ n(
-      Lr,
+      Dr,
       {
         ref: c,
         style: {
@@ -1609,7 +1611,7 @@ function An({
           if (A < l) return null;
           const C = t.length === 0 || t.includes(x.name);
           return /* @__PURE__ */ v(
-            Dr,
+            $r,
             {
               tabIndex: 0,
               onClick: i ? () => i(x.name) : void 0,
@@ -1619,7 +1621,7 @@ function An({
               },
               children: [
                 /* @__PURE__ */ n(
-                  Or,
+                  Wr,
                   {
                     color: C ? x.color : r.palette.text.disabled
                   }
@@ -1639,8 +1641,8 @@ function An({
         })
       }
     ),
-    (o || l > 0) && /* @__PURE__ */ v(Pr, { ref: y, children: [
-      /* @__PURE__ */ n($r, {}),
+    (o || l > 0) && /* @__PURE__ */ v(Or, { ref: y, children: [
+      /* @__PURE__ */ n(Pr, {}),
       /* @__PURE__ */ n(
         ue,
         {
@@ -1653,7 +1655,7 @@ function An({
               size: "small",
               disabled: l === 0,
               onClick: h,
-              children: /* @__PURE__ */ n(ki, {})
+              children: /* @__PURE__ */ n(Si, {})
             }
           )
         }
@@ -1670,7 +1672,7 @@ function An({
               size: "small",
               disabled: !o,
               onClick: w,
-              children: /* @__PURE__ */ n(Si, {})
+              children: /* @__PURE__ */ n(Mi, {})
             }
           )
         }
@@ -1678,12 +1680,12 @@ function An({
     ] })
   ] });
 }
-const ht = "232px", Wr = m(ae)(({ theme: e }) => ({
+const ht = "232px", Rr = m(ae)(({ theme: e }) => ({
   flexDirection: "row",
   justifyContent: "space-between",
   alignItems: "center",
   marginBottom: e.spacing(0.5)
-})), Rr = m(S, {
+})), Fr = m(S, {
   shouldForwardProp: (e) => e !== "height" && e !== "width"
 })(
   ({ height: e, width: t }) => ({
@@ -1696,22 +1698,22 @@ const ht = "232px", Wr = m(ae)(({ theme: e }) => ({
     width: t || "100%",
     height: e || "100%"
   })
-), Fr = m(We)(() => ({
+), Nr = m(We)(() => ({
   position: "absolute",
   top: 0,
   right: 0,
   left: 0,
   bottom: 0
-})), zt = [], Nr = {}, Br = (e) => e;
-function as({
+})), zt = [], Br = {}, _r = (e) => e;
+function ls({
   name: e,
   data: t,
-  formatter: i = Br,
-  tooltipFormatter: r = _r,
+  formatter: i = _r,
+  tooltipFormatter: r = Hr,
   percentFormatter: o,
   height: a = ht,
   width: l = ht,
-  labels: d = Nr,
+  labels: d = Br,
   colors: s = zt,
   animation: u = !0,
   filterable: p = !0,
@@ -1721,7 +1723,7 @@ function as({
   maxItems: f = 11,
   order: w = Te.RANKING
 }) {
-  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, {
+  const h = le(), b = yr(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(() => {
@@ -1814,7 +1816,7 @@ function as({
     G.key === "Enter" && W();
   };
   return k ? /* @__PURE__ */ n(Cn, { height: a }) : /* @__PURE__ */ v(ie, { children: [
-    p && /* @__PURE__ */ v(Wr, { container: !0, children: [
+    p && /* @__PURE__ */ v(Rr, { container: !0, children: [
       /* @__PURE__ */ n(H, { variant: "caption", color: "textSecondary", children: c.length ? T.formatMessage(
         { id: "c4r.widgets.pie.selectedItems" },
         { items: c.length }
@@ -1830,9 +1832,9 @@ function as({
         }
       )
     ] }),
-    /* @__PURE__ */ v(Rr, { height: a, width: l, children: [
+    /* @__PURE__ */ v(Fr, { height: a, width: l, children: [
       /* @__PURE__ */ n(
-        xr,
+        br,
         {
           data: b,
           selectedCategories: c,
@@ -1840,7 +1842,7 @@ function as({
         }
       ),
       /* @__PURE__ */ n(
-        Fr,
+        Nr,
         {
           option: O,
           onEvents: $,
@@ -1859,7 +1861,7 @@ function as({
     )
   ] });
 }
-function _r(e, t, i) {
+function Hr(e, t, i) {
   var s;
   const r = Array.isArray(e) ? e[0] : e;
   if (!r)
@@ -1870,19 +1872,19 @@ 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 Hr = m(ae)(({ theme: e }) => ({
+const zr = m(ae)(({ theme: e }) => ({
   position: "relative",
   alignItems: "center",
   height: e.spacing(4)
-})), zr = m(ae)(({ theme: e }) => ({
+})), jr = m(ae)(({ theme: e }) => ({
   position: "absolute",
   zIndex: 1,
   padding: e.spacing(0, 3)
 }));
-function jr() {
+function Yr() {
   return /* @__PURE__ */ v(ae, { container: !0, children: [
-    /* @__PURE__ */ v(Hr, { container: !0, item: !0, children: [
-      /* @__PURE__ */ v(zr, { container: !0, item: !0, justifyContent: "space-between", children: [
+    /* @__PURE__ */ v(zr, { container: !0, item: !0, children: [
+      /* @__PURE__ */ v(jr, { 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 })
       ] }),
@@ -1894,13 +1896,13 @@ function jr() {
     ] })
   ] });
 }
-const Yr = m(S)(() => ({
+const Vr = m(S)(() => ({
   position: "relative"
-})), Vr = m(S)(({ theme: { spacing: e } }) => ({
+})), Gr = m(S)(({ theme: { spacing: e } }) => ({
   display: "flex",
   flexDirection: "row-reverse",
   height: e(1.5)
-})), Gr = m(ye)(() => ({
+})), Ur = m(ye)(() => ({
   cursor: "pointer"
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 })), jt = m(ot)(({ theme: { spacing: e } }) => ({
@@ -1922,11 +1924,11 @@ const Yr = m(S)(() => ({
       margin: 0
     }
   }
-})), Ur = m(xt)(({ theme: { palette: e } }) => ({
+})), Xr = m(xt)(({ theme: { palette: e } }) => ({
   "& .MuiSlider-rail": {
     color: e.text.hint
   }
-})), Xr = m(xt)(({ theme: { palette: e, spacing: t } }) => ({
+})), qr = m(xt)(({ theme: { palette: e, spacing: t } }) => ({
   pointerEvents: "none",
   position: "absolute",
   zIndex: 1,
@@ -1951,7 +1953,7 @@ const Yr = m(S)(() => ({
     transform: "translateY(-50%)"
   }
 }));
-function ls({
+function ss({
   data: e,
   min: t,
   max: i,
@@ -1974,7 +1976,7 @@ function ls({
     if (!(x[0].value > x[1].value))
       return x;
   }, [r, i, t]), f = F(
-    () => o ? ii(o, 250) : null,
+    () => o ? ri(o, 250) : null,
     [o]
   ), w = (x) => {
     u([...x]), d([...x]), f && f([...x]);
@@ -1999,9 +2001,9 @@ function ls({
   function T(x) {
     x.key === "Enter" && M();
   }
-  return y ? /* @__PURE__ */ n(jr, {}) : /* @__PURE__ */ v(Yr, { children: [
-    /* @__PURE__ */ n(Vr, { children: b && /* @__PURE__ */ n(H, { variant: "caption", color: "primary", children: /* @__PURE__ */ n(
-      Gr,
+  return y ? /* @__PURE__ */ n(Yr, {}) : /* @__PURE__ */ v(Vr, { children: [
+    /* @__PURE__ */ n(Gr, { children: b && /* @__PURE__ */ n(H, { variant: "caption", color: "primary", children: /* @__PURE__ */ n(
+      Ur,
       {
         onClick: M,
         onKeyDown: T,
@@ -2013,7 +2015,7 @@ function ls({
     ) }) }),
     /* @__PURE__ */ v(S, { children: [
       /* @__PURE__ */ n(
-        Ur,
+        Xr,
         {
           getAriaLabel: (x) => x === 0 ? c.formatMessage({ id: "c4r.widgets.range.minValue" }) : c.formatMessage({ id: "c4r.widgets.range.maxValue" }),
           value: l,
@@ -2023,7 +2025,7 @@ function ls({
         }
       ),
       r && r.length === 2 && /* @__PURE__ */ n(
-        Xr,
+        qr,
         {
           getAriaLabel: (x) => x === 0 ? c.formatMessage({ id: "c4r.widgets.range.minLimit" }) : c.formatMessage({ id: "c4r.widgets.range.maxLimit" }),
           value: r,
@@ -2071,7 +2073,7 @@ function ls({
     ] })
   ] });
 }
-const qr = m(bn)(({ theme: e }) => ({
+const Kr = m(bn)(({ theme: e }) => ({
   flexDirection: "column",
   alignItems: "center",
   justifyContent: "center",
@@ -2082,29 +2084,29 @@ const qr = m(bn)(({ theme: e }) => ({
       maxWidth: "75%"
     }
   }
-})), Kr = m(S)(() => ({
+})), Zr = m(S)(() => ({
   position: "relative",
   display: "flex",
   justifyContent: "space-between",
   width: "80%",
   maxWidth: "50%"
 }));
-function Zr({ height: e }) {
+function Jr({ height: e }) {
   function t() {
     return Math.floor(Math.random() * 5);
   }
   return /* @__PURE__ */ v(S, { height: e ?? at, children: [
     /* @__PURE__ */ n(S, { mb: 4, children: /* @__PURE__ */ n(z, { width: 48, height: 8 }) }),
-    /* @__PURE__ */ n(qr, { height: "80%", children: [...Array(3)].map((i, r) => (
+    /* @__PURE__ */ n(Kr, { 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) => (
+      /* @__PURE__ */ n(Zr, { 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(z, { variant: "circular", width: 12, height: 12 }) }, a)
       )) }, r)
     )) })
   ] });
 }
-function Jr(e, t) {
+function Qr(e, t) {
   var s;
   const i = Array.isArray(e.tooltip) ? e.tooltip[0] : e.tooltip, r = Array.isArray(t.tooltip) ? t.tooltip[0] : t.tooltip, o = i == null ? void 0 : i.formatter, a = r == null ? void 0 : r.formatter, l = (s = e.series[0]) == null ? void 0 : s.data, d = t.series[0].data;
   return o !== a ? !1 : l && d && l.length === d.length ? !d.some(({ value: u }, p) => {
@@ -2112,7 +2114,7 @@ function Jr(e, t) {
     return u !== ((c = l[p]) == null ? void 0 : c.value);
   }) : !1;
 }
-function Qr({
+function eo({
   tooltipFormatter: e,
   xAxisFormatter: t = tt,
   yAxisFormatter: i = tt
@@ -2151,7 +2153,7 @@ function Qr({
     }
   };
 }
-function eo({
+function to({
   name: e,
   data: t,
   animation: i
@@ -2165,30 +2167,30 @@ function eo({
     }
   ];
 }
-const to = Qn.memo(
+const no = Qn.memo(
   We,
-  (e, t) => Jr(
+  (e, t) => Qr(
     e.option,
     t.option
   )
-), Yt = 225, no = [], tt = (e) => e;
-function ss({
+), Yt = 225, io = [], tt = (e) => e;
+function cs({
   name: e = null,
-  data: t = no,
+  data: t = io,
   animation: i = !0,
   xAxisFormatter: r = tt,
   yAxisFormatter: o = tt,
-  tooltipFormatter: a = io,
+  tooltipFormatter: a = ro,
   isLoading: l
 }) {
   const d = le(), s = re(), [u, p] = _({
     series: []
   }), { showSkeleton: c } = ke(!!l);
   return U(() => {
-    const y = Qr(
+    const y = eo(
       { xAxisFormatter: r, yAxisFormatter: o, tooltipFormatter: a },
       d
-    ), g = eo({
+    ), g = to({
       name: e,
       data: t || [],
       animation: i
@@ -2205,8 +2207,8 @@ function ss({
     r,
     o,
     a
-  ]), c ? /* @__PURE__ */ n(Zr, { height: Yt }) : /* @__PURE__ */ n(
-    to,
+  ]), c ? /* @__PURE__ */ n(Jr, { height: Yt }) : /* @__PURE__ */ n(
+    no,
     {
       ref: s,
       option: u,
@@ -2215,7 +2217,7 @@ function ss({
     }
   );
 }
-function io(e) {
+function ro(e) {
   const t = Array.isArray(e) ? e[0] : e, i = (t == null ? void 0 : t.value) || [];
   return `[${i[0]}, ${i[1]})`;
 }
@@ -2230,7 +2232,7 @@ function Ue({
   }
   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 }) => ({
+const oo = m(S)(({ theme: e }) => ({
   display: "flex",
   flexDirection: "row",
   justifyContent: "flex-end",
@@ -2238,17 +2240,17 @@ const ro = m(S)(({ theme: e }) => ({
   gap: e.spacing(2),
   margin: 0,
   padding: e.spacing(2, 1)
-})), oo = m(un)(() => ({
+})), ao = m(un)(() => ({
   overflow: "hidden"
 }));
-function ao({
+function lo({
   style: e,
   dense: t,
   pagination: i,
   rowsPerPage: r
 }) {
   return /* @__PURE__ */ v(ie, { children: [
-    /* @__PURE__ */ n(oo, { style: e, children: /* @__PURE__ */ v(sn, { "aria-label": "skeleton table", size: t ? "small" : "medium", children: [
+    /* @__PURE__ */ n(ao, { style: e, children: /* @__PURE__ */ v(sn, { "aria-label": "skeleton table", size: t ? "small" : "medium", children: [
       /* @__PURE__ */ n(cn, { children: /* @__PURE__ */ v(Je, { children: [
         /* @__PURE__ */ n(Ue, { rows: 1, width: 8 }),
         /* @__PURE__ */ n(Ue, { width: 56 })
@@ -2260,7 +2262,7 @@ function ao({
         ] }, a)
       ) })
     ] }) }),
-    i && /* @__PURE__ */ v(ro, { children: [
+    i && /* @__PURE__ */ v(oo, { children: [
       /* @__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 }),
@@ -2269,18 +2271,18 @@ function ao({
     ] })
   ] });
 }
-const lo = m(ri)(({ theme: e }) => ({
+const so = m(oi)(({ theme: e }) => ({
   ...e.typography.caption,
   color: e.palette.text.secondary,
   whiteSpace: "nowrap"
-})), so = m(Je)(({ theme: e }) => ({
+})), co = m(Je)(({ theme: e }) => ({
   maxHeight: e.spacing(6.5),
   transition: "background-color 0.25s ease",
   "&.MuiTableRow-hover:hover": {
     cursor: "pointer",
     backgroundColor: e.palette.background.default
   }
-})), co = m(bt)(() => ({
+})), uo = m(bt)(() => ({
   overflow: "hidden",
   "& p": {
     maxWidth: "100%",
@@ -2288,14 +2290,14 @@ const lo = m(ri)(({ theme: e }) => ({
     overflow: "hidden",
     textOverflow: "ellipsis"
   }
-})), uo = m(oi)(({ theme: e }) => ({
+})), po = m(ai)(({ theme: e }) => ({
   height: e.spacing(6),
   overflowX: "auto",
   overflowY: "hidden"
   // eslint-disable-next-line @typescript-eslint/no-empty-object-type
-})), po = 10, go = [5, 10, 25], Be = () => {
+})), go = 10, ho = [5, 10, 25], Be = () => {
 };
-function cs({
+function ds({
   columns: e,
   rows: t,
   sorting: i = !1,
@@ -2307,8 +2309,8 @@ function cs({
   totalCount: s,
   page: u,
   onSetPage: p = Be,
-  rowsPerPage: c = po,
-  rowsPerPageOptions: y = go,
+  rowsPerPage: c = go,
+  rowsPerPageOptions: y = ho,
   onSetRowsPerPage: g = Be,
   onRowClick: f = Be,
   onRowMouseEnter: w,
@@ -2348,7 +2350,7 @@ function cs({
     J.height = `calc(${b} - ${D}px)`;
   }
   return O ? /* @__PURE__ */ n(
-    ao,
+    lo,
     {
       rowsPerPage: c,
       style: J,
@@ -2358,7 +2360,7 @@ function cs({
   ) : /* @__PURE__ */ v(ie, { children: [
     /* @__PURE__ */ n(un, { style: J, children: /* @__PURE__ */ v(sn, { stickyHeader: !0, size: k ? "small" : "medium", children: [
       /* @__PURE__ */ n(
-        ho,
+        fo,
         {
           columns: e,
           sorting: i,
@@ -2368,7 +2370,7 @@ function cs({
         }
       ),
       /* @__PURE__ */ n(
-        fo,
+        mo,
         {
           columns: e,
           rows: t,
@@ -2379,7 +2381,7 @@ function cs({
       )
     ] }) }),
     d && /* @__PURE__ */ n(
-      uo,
+      po,
       {
         ref: x,
         rowsPerPageOptions: y,
@@ -2394,7 +2396,7 @@ function cs({
         onPageChange: $,
         onRowsPerPageChange: W,
         ActionsComponent: () => /* @__PURE__ */ n(
-          wi,
+          vi,
           {
             count: s,
             rowsPerPage: c,
@@ -2407,7 +2409,7 @@ function cs({
     )
   ] });
 }
-function ho({
+function fo({
   columns: e,
   sorting: t,
   sortBy: i,
@@ -2415,7 +2417,7 @@ function ho({
   onSort: o
 }) {
   return /* @__PURE__ */ n(cn, { children: /* @__PURE__ */ n(Je, { children: e.map(({ field: a, headerName: l, align: d }) => /* @__PURE__ */ n(bt, { align: d ?? "left", children: t ? /* @__PURE__ */ n(
-    lo,
+    so,
     {
       active: i === a,
       direction: i === a ? r : "asc",
@@ -2424,7 +2426,7 @@ function ho({
     }
   ) : l ?? a }, a)) }) });
 }
-function fo({
+function mo({
   columns: e,
   rows: t,
   onRowMouseEnter: i,
@@ -2434,7 +2436,7 @@ function fo({
   return /* @__PURE__ */ n(dn, { children: t.map((a, l) => {
     const d = String(a.cartodb_id || a.id || l);
     return /* @__PURE__ */ n(
-      so,
+      co,
       {
         hover: !!o,
         onMouseEnter: () => i == null ? void 0 : i(a),
@@ -2445,7 +2447,7 @@ function fo({
             var f;
             let g = (f = Object.entries(a).find(([w]) => w.toUpperCase() === s.toUpperCase())) == null ? void 0 : f[1];
             return y ? g = y(g) : typeof g == "bigint" ? g = g.toString() : Array.isArray(g) ? g = `[${g.map((w) => typeof w == "string" ? `"${w}"` : String(w)).join(", ")}]` : typeof g == "object" && g !== null && (g = JSON.stringify(g)), (u ?? s) && /* @__PURE__ */ n(
-              co,
+              uo,
               {
                 scope: "row",
                 align: p ?? "left",
@@ -2510,13 +2512,13 @@ function nt(e, t) {
       return o;
   }
 }
-function mo(e) {
+function yo(e) {
   let t, i = 0;
   for (const { name: r } of e)
     r !== t && (t = r, i++);
   return i;
 }
-function yo(e) {
+function wo(e) {
   const t = new Date(e), i = t.getDay(), r = t.getDate() - i + (i ? 1 : -6);
   return t.setDate(r), t.setHours(0, 0, 0, 0), t.getTime();
 }
@@ -2526,19 +2528,19 @@ const Tt = {
   month: Ee,
   week: Ee,
   day: Ee,
-  hour: bo,
+  hour: ko,
   minute: Gt,
   second: Gt
-}, wo = {
-  year: Eo,
-  month: Ao,
-  week: Co,
-  day: To,
-  hour: Io,
-  minute: Mo,
-  second: So
+}, vo = {
+  year: Lo,
+  month: Eo,
+  week: Ao,
+  day: Co,
+  hour: To,
+  minute: Io,
+  second: Mo
 };
-function vo({
+function xo({
   date: e,
   stepSize: t
 }) {
@@ -2566,10 +2568,10 @@ function Dn({
 }) {
   if (!Tt[t])
     throw new Error("formatBucketRange: missing formatter or invalid stepSize");
-  const { start: o, end: a } = ko({ date: e, stepSize: t, stepMultiplier: i });
+  const { start: o, end: a } = So({ date: e, stepSize: t, stepMultiplier: i });
   if (i === 1) {
     if (t === "day")
-      return vo({ date: o, stepSize: t });
+      return xo({ date: o, stepSize: t });
     if (t === "second")
       return `${Ee(o)} ${ft(
         o
@@ -2577,11 +2579,11 @@ function Dn({
   }
   return it({ start: o, end: a, stepSize: t });
 }
-const Ct = (e) => 1e3 * e, At = (e) => Ct(60 * e), xo = (e) => At(60 * e);
+const Ct = (e) => 1e3 * e, At = (e) => Ct(60 * e), bo = (e) => At(60 * e);
 function Ee(e) {
   return e.toLocaleDateString();
 }
-function bo(e) {
+function ko(e) {
   return Ee(e) + " " + e.toLocaleTimeString(void 0, {
     hour: "numeric",
     minute: "2-digit",
@@ -2599,17 +2601,17 @@ function ft(e) {
 function Gt(e) {
   return Ee(e) + " " + ft(e);
 }
-function ko({
+function So({
   date: e,
   stepSize: t,
   stepMultiplier: i = 1
 }) {
-  const r = wo[t];
+  const r = vo[t];
   if (!r)
     throw new Error("getBucketInterval: invalid bucket size");
   return r({ date: e, stepMultiplier: i });
 }
-function So({
+function Mo({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2624,7 +2626,7 @@ function So({
   ), r = new Date(i.getTime() + Ct(t - 1) + 999);
   return { start: i, end: r };
 }
-function Mo({
+function Io({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2641,7 +2643,7 @@ function Mo({
   );
   return { start: i, end: r };
 }
-function Io({
+function To({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2654,11 +2656,11 @@ function Io({
     0,
     0
   ), r = new Date(
-    i.getTime() + xo(t - 1) + At(59)
+    i.getTime() + bo(t - 1) + At(59)
   );
   return { start: i, end: r };
 }
-function To({
+function Co({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2677,25 +2679,25 @@ function To({
   );
   return { start: i, end: r };
 }
-function Co({
+function Ao({
   date: e,
   stepMultiplier: t = 1
 }) {
-  const i = new Date(yo(e)), r = new Date(
+  const i = new Date(wo(e)), r = new Date(
     i.getFullYear(),
     i.getMonth(),
     i.getDate() + 6 + 7 * (t - 1)
   );
   return { start: i, end: r };
 }
-function Ao({
+function Eo({
   date: e,
   stepMultiplier: t = 1
 }) {
   const i = new Date(e.getFullYear(), e.getMonth(), 1), r = new Date(e.getFullYear(), e.getMonth() + t, 0);
   return { start: i, end: r };
 }
-function Eo({
+function Lo({
   date: e,
   stepMultiplier: t = 1
 }) {
@@ -2703,7 +2705,7 @@ function Eo({
   return { start: i, end: r };
 }
 const me = () => {
-}, $n = ei({
+}, $n = ti({
   isPlaying: !1,
   setIsPlaying: me,
   isPaused: !1,
@@ -2716,9 +2718,9 @@ const me = () => {
   intl: {}
 });
 function Et() {
-  return ti($n);
+  return ni($n);
 }
-function Lo({
+function Do({
   children: e,
   isPlaying: t,
   isPaused: i,
@@ -2771,7 +2773,7 @@ function Lo({
 const Ut = {};
 let Xe = null;
 const _e = { seriesId: "0" };
-function Do({
+function $o({
   echartsInstance: e,
   data: t,
   canSelectLines: i,
@@ -2943,8 +2945,8 @@ function qe(e, t, i) {
       Ut[t] && (e != null && e.handler) && e.off(t, i);
     };
 }
-const Pn = B * 22, On = "100%", $o = 5, Po = 3, Oo = B * 20;
-function Wo({
+const Pn = B * 22, On = "100%", Po = 5, Oo = 3, Wo = B * 20;
+function Ro({
   chartType: e,
   formatter: t,
   timeAxisSplitNumber: i,
@@ -3046,9 +3048,9 @@ function Wo({
           show: !1
         },
         splitNumber: i ?? (M !== void 0 ? Math.min(
-          Po,
-          Math.ceil(M / Oo)
-        ) : $o)
+          Oo,
+          Math.ceil(M / Wo)
+        ) : Po)
       },
       yAxis: {
         type: "value",
@@ -3081,14 +3083,14 @@ function Wo({
         max: x
       }
     };
-  }, [w, x, t, M, i, f]), { timelineOptions: O, timeWindowOptions: L } = Do({
+  }, [w, x, t, M, i, f]), { timelineOptions: O, timeWindowOptions: L } = $o({
     echartsInstance: h,
     data: a,
     canSelectLines: !!g,
     filterable: c
   }), 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;
+      const X = y && y.length > 0, j = X && y.includes(I), K = !X || j ? N : w.palette.action.disabledBackground;
       return {
         id: String(R),
         name: I,
@@ -3098,7 +3100,7 @@ function Wo({
         data: D,
         type: e,
         smooth: !0,
-        color: q,
+        color: K,
         z: X && j ? 10 : 0,
         lineStyle: {
           width: 2
@@ -3108,7 +3110,7 @@ function Wo({
           scale: 2,
           lineStyle: {
             width: 2,
-            color: q
+            color: K
           }
         }
       };
@@ -3180,7 +3182,7 @@ function Wo({
     }
   );
 }
-const Ro = {
+const Fo = {
   [Se.YEARS]: 60 * 60 * 24 * 7,
   // Week
   [Se.MONTHS]: 60 * 60 * 24,
@@ -3195,8 +3197,8 @@ const Ro = {
   // Quarter hour
   [Se.SECONDS]: 1
   // Second
-}, Fo = [0.5, 1, 2, 3];
-function No({
+}, No = [0.5, 1, 2, 3];
+function Bo({
   data: e,
   stepSize: t
 }) {
@@ -3209,7 +3211,7 @@ function No({
     togglePlay: y,
     intl: g
   } = Et();
-  jo(
+  Yo(
     () => (d || s) && c(),
     // Only executed when data changes
     [e]
@@ -3224,8 +3226,8 @@ function No({
   };
   U(() => {
     if (d && u.length === 2 && e.length) {
-      const x = Ro[t] * 1e3;
-      return Yo({
+      const x = Fo[t] * 1e3;
+      return Vo({
         data: e,
         timeWindow: u,
         msTimeWindowStep: x * o,
@@ -3240,7 +3242,7 @@ function No({
     }
   }, [e, d, t, p, w, o]), U(() => {
     if (d && u.length === 1 && e.length)
-      return Go({
+      return Uo({
         speed: o,
         timelinePosition: u[0],
         data: e,
@@ -3269,7 +3271,7 @@ function No({
         color: "default",
         onClick: b,
         "data-testid": "clock",
-        children: /* @__PURE__ */ n(Bo, {})
+        children: /* @__PURE__ */ n(_o, {})
       }
     ),
     /* @__PURE__ */ v(
@@ -3281,7 +3283,7 @@ function No({
         onClose: k,
         children: [
           /* @__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(
+          No.map((T) => /* @__PURE__ */ v(
             Pe,
             {
               selected: T === o,
@@ -3304,7 +3306,7 @@ function No({
         disabled: !(s || d),
         onClick: w,
         "data-testid": "stop",
-        children: /* @__PURE__ */ n(Ho, {})
+        children: /* @__PURE__ */ n(zo, {})
       }
     ) }),
     /* @__PURE__ */ n(S, { mt: 0.75, children: /* @__PURE__ */ n(
@@ -3314,12 +3316,12 @@ function No({
         size: "small",
         color: "primary",
         onClick: h,
-        children: d ? /* @__PURE__ */ n(zo, {}) : /* @__PURE__ */ n(_o, {})
+        children: d ? /* @__PURE__ */ n(jo, {}) : /* @__PURE__ */ n(Ho, {})
       }
     ) })
   ] });
 }
-function Bo() {
+function _o() {
   return /* @__PURE__ */ n(je, { viewBox: "0 0 20 20", children: /* @__PURE__ */ n(
     "path",
     {
@@ -3329,7 +3331,7 @@ function Bo() {
     }
   ) });
 }
-function _o() {
+function Ho() {
   return /* @__PURE__ */ n(je, { "data-testid": "play-icon", children: /* @__PURE__ */ n(
     "path",
     {
@@ -3339,7 +3341,7 @@ function _o() {
     }
   ) });
 }
-function Ho() {
+function zo() {
   return /* @__PURE__ */ n(je, { children: /* @__PURE__ */ n(
     "path",
     {
@@ -3349,7 +3351,7 @@ function Ho() {
     }
   ) });
 }
-function zo() {
+function jo() {
   return /* @__PURE__ */ n(je, { "data-testid": "pause-icon", children: /* @__PURE__ */ n(
     "path",
     {
@@ -3359,13 +3361,13 @@ function zo() {
     }
   ) });
 }
-function jo(e, t = []) {
+function Yo(e, t = []) {
   const i = re(!1);
   U(() => {
     i.current ? e() : i.current = !0;
   }, t);
 }
-function Yo({
+function Vo({
   msTimeWindowStep: e,
   timeWindow: t,
   data: i,
@@ -3384,8 +3386,8 @@ function Yo({
   };
   d();
 }
-const Vo = 2;
-function Go({
+const Go = 2;
+function Uo({
   speed: e,
   timelinePosition: t,
   data: i,
@@ -3394,10 +3396,10 @@ function Go({
   animationRef: a
 }) {
   let l = nt(t, i) ?? 0, d = i[l].name;
-  const s = mo(i), u = Math.max(
+  const s = yo(i), u = Math.max(
     Math.round(Math.sqrt(s) / 2),
     // FPS based on number of unique time points
-    Vo
+    Go
     // Min FPS
   ) * e, p = () => {
     a.current.timeoutId = setTimeout(() => {
@@ -3415,20 +3417,20 @@ function Go({
   };
   p();
 }
-const Uo = m(S)(() => ({
+const Xo = m(S)(() => ({
   containerType: "inline-size",
   display: "flex",
   flexDirection: "column"
-})), Xo = m(S)(() => ({
+})), qo = m(S)(() => ({
   display: "flex",
   flexDirection: "column"
 })), Wn = m(S)(() => ({
   display: "flex",
   flexDirection: "row"
-})), qo = m(Wn)(() => ({
+})), Ko = m(Wn)(() => ({
   alignItems: "center",
   justifyContent: "space-between"
-})), Ko = m(S)(({ theme: e }) => ({
+})), Zo = m(S)(({ theme: e }) => ({
   flexShrink: 0,
   marginLeft: 0,
   paddingLeft: e.spacing(1),
@@ -3437,7 +3439,7 @@ const Uo = m(S)(() => ({
   },
   paddingBottom: e.spacing(1.5),
   alignSelf: "flex-end"
-})), Zo = m(S)(({ theme: e }) => ({
+})), Jo = m(S)(({ theme: e }) => ({
   alignSelf: "normal",
   minWidth: 0,
   paddingLeft: e.spacing(5),
@@ -3455,17 +3457,17 @@ function Rn({
 }) {
   const a = o && /* @__PURE__ */ n(S, { flex: 0, mt: 2, children: o });
   return /* @__PURE__ */ v(
-    Uo,
+    Xo,
     {
       style: {
         flex: e ? "1" : void 0
       },
       children: [
-        /* @__PURE__ */ n(qo, { flex: 0, children: t }),
-        i ? /* @__PURE__ */ v(Xo, { flex: 1, children: [
+        /* @__PURE__ */ n(Ko, { flex: 0, children: t }),
+        i ? /* @__PURE__ */ v(qo, { flex: 1, children: [
           /* @__PURE__ */ v(Wn, { flex: 1, children: [
-            /* @__PURE__ */ n(Ko, { flex: 0, children: i }),
-            /* @__PURE__ */ n(Zo, { flex: 1, children: r })
+            /* @__PURE__ */ n(Zo, { flex: 0, children: i }),
+            /* @__PURE__ */ n(Jo, { flex: 1, children: r })
           ] }),
           a
         ] }) : /* @__PURE__ */ v(ie, { children: [
@@ -3476,7 +3478,7 @@ function Rn({
     }
   );
 }
-const Jo = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox: "0 0 720 124", ...e, children: /* @__PURE__ */ n(
+const Qo = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox: "0 0 720 124", ...e, children: /* @__PURE__ */ n(
   "path",
   {
     d: "M0.74707 123C11.8168 119.656 26.7934 118.37 53.4909 102.164C73.1959 90.2031 92.5604 81.3284 108.188 76.6983C122.841 72.357 136.188 74.3832 144.653 75.1549C150.496 75.6876 195.443 82.8718 207.164 83.6435C218.885 84.4152 241.676 87.502 274.234 80.5567C306.791 73.6115 305.869 75.4585 330.233 67.438C388.837 48.1456 433.461 2.6348 458.511 1.07229C495.627 -1.24279 512.557 52.7758 539.255 58.1776C565.952 63.5795 583.534 64.3512 601.766 55.0909C619.999 45.8305 625.859 40.4287 646.045 38.1136C666.231 35.7985 683.812 41.972 718.975 70.5247",
@@ -3485,20 +3487,20 @@ const Jo = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox:
     strokeLinejoin: "round",
     vectorEffect: "non-scaling-stroke"
   }
-) }), Qo = m(S)(() => ({
+) }), ea = m(S)(() => ({
   display: "flex",
   flexDirection: "column",
   justifyContent: "flex-end"
-})), ea = m(S)(() => ({
+})), ta = m(S)(() => ({
   position: "relative",
   height: "100%",
   alignSelf: "normal",
   display: "flex",
   flexDirection: "column",
   justifyContent: "flex-end"
-})), ta = m(S)(({ theme: e }) => ({
+})), na = m(S)(({ theme: e }) => ({
   padding: e.spacing(2.25, 0, 0.5, 2)
-})), na = m(xn)(({ theme: e }) => ({
+})), ia = m(xn)(({ theme: e }) => ({
   flexDirection: "column",
   flex: 1,
   height: "100%",
@@ -3512,12 +3514,12 @@ const Jo = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox:
       stroke: e.palette.black[8]
     }
   }
-})), ia = m(S)(({ theme: e }) => ({
+})), ra = m(S)(({ theme: e }) => ({
   display: "flex",
   flexDirection: "row",
   justifyContent: "space-between",
   padding: e.spacing(1.25, 0.5, 0.75, 0.5)
-})), ra = m(S)(({ theme: e }) => ({
+})), oa = m(S)(({ theme: e }) => ({
   display: "flex",
   flexDirection: "row",
   gap: e.spacing(2),
@@ -3527,7 +3529,7 @@ const Jo = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox:
   display: "flex",
   flexDirection: "row",
   gap: e.spacing(1)
-})), oa = ({
+})), aa = ({
   fitHeight: e,
   height: t,
   showControls: i,
@@ -3537,20 +3539,20 @@ const Jo = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox:
   {
     fitHeight: !!e,
     header: /* @__PURE__ */ n(S, { pt: 1.25, pb: 0.75, children: /* @__PURE__ */ n(z, { width: 48, height: 8 }) }),
-    controls: i && /* @__PURE__ */ v(Qo, { children: [
+    controls: i && /* @__PURE__ */ v(ea, { children: [
       /* @__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 ?? 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: [
+    chart: /* @__PURE__ */ v(ta, { style: { height: e ? On : t ?? Pn }, children: [
+      /* @__PURE__ */ n(na, { flex: 0, children: /* @__PURE__ */ n(z, { width: 24, height: 8 }) }),
+      /* @__PURE__ */ n(ia, { flex: 1, children: /* @__PURE__ */ n(Qo, { preserveAspectRatio: "none" }) }),
+      /* @__PURE__ */ v(ra, { flex: 0, children: [
         /* @__PURE__ */ n(z, { width: 32, height: 8 }),
         /* @__PURE__ */ n(z, { width: 32, height: 8 })
       ] })
     ] }),
-    legend: r && (r && /* @__PURE__ */ v(ra, { children: [
+    legend: r && (r && /* @__PURE__ */ v(oa, { children: [
       /* @__PURE__ */ v(Xt, { children: [
         /* @__PURE__ */ n(z, { width: 8, height: 8 }),
         /* @__PURE__ */ n(z, { width: 48, height: 8 })
@@ -3562,7 +3564,7 @@ const Jo = (e) => /* @__PURE__ */ n(je, { width: "720", height: "124", viewBox:
     ] }))
   }
 ), Fn = (e) => e, Nn = [];
-function ds({
+function us({
   data: e = Nn,
   categories: t,
   stepSize: i,
@@ -3598,7 +3600,7 @@ function ds({
       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((q, te) => q < te ? -1 : 1).map(Ln);
+        const j = I.sort((K, te) => K < te ? -1 : 1).map(Ln);
         b == null || b(j);
       }
       if (I.length === 1) {
@@ -3611,7 +3613,7 @@ function ds({
     [b, f, e]
   );
   return D ? /* @__PURE__ */ n(
-    oa,
+    aa,
     {
       fitHeight: p,
       height: u,
@@ -3619,7 +3621,7 @@ function ds({
       showLegend: $
     }
   ) : /* @__PURE__ */ n(
-    Lo,
+    Do,
     {
       isPlaying: T,
       onPlay: x,
@@ -3630,7 +3632,7 @@ function ds({
       onTimeWindowUpdate: N,
       intl: G,
       children: /* @__PURE__ */ n(
-        aa,
+        la,
         {
           data: e,
           categories: t,
@@ -3657,7 +3659,7 @@ function ds({
     }
   );
 }
-function aa({
+function la({
   data: e = Nn,
   categories: t,
   stepSize: i,
@@ -3688,14 +3690,14 @@ function aa({
     }
   }, [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) && P([]);
+    const Y = e[0].name, Z = e[e.length - 1].name;
+    (O[0] < Y || O[1] > Z || O[1] < Y || O[1] > Z) && P([]);
   }, [e]);
   const W = F(() => {
-    const Y = {}, K = t ? t.map((de) => ({
+    const Y = {}, Z = t ? t.map((de) => ({
       name: de,
       data: [],
-      color: Pi(de, {
+      color: Oi(de, {
         palette: f,
         fallbackColor: x,
         colorMapping: Y
@@ -3714,19 +3716,19 @@ function aa({
       categoryIndex: V
     } of e) {
       const ee = V ?? (t && ve ? t.indexOf(ve) : 0);
-      ee === -1 || t && ee >= t.length || !Number.isFinite(ee) || K[ee].data.push([de, we]);
+      ee === -1 || t && ee >= t.length || !Number.isFinite(ee) || Z[ee].data.push([de, we]);
     }
-    return K;
+    return Z;
   }, [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 });
+      const [Y, Z] = O.map((de) => new Date(de));
+      return it({ start: Y, end: Z, stepSize: i });
     }
     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 });
+      const Y = new Date(e[0].name), Z = new Date(e[e.length - 1].name);
+      return it({ start: Y, end: Z, stepSize: i });
     }
     if (O.length === 1) {
       const Y = new Date(O[0]);
@@ -3739,8 +3741,8 @@ function aa({
   }, I = oe(
     (Y) => {
       if (h) {
-        const K = [...w], de = K.indexOf(Y);
-        de === -1 ? K.push(Y) : K.splice(de, 1), h(K);
+        const Z = [...w], de = Z.indexOf(Y);
+        de === -1 ? Z.push(Y) : Z.splice(de, 1), h(Z);
       }
     },
     [h, w]
@@ -3764,9 +3766,9 @@ function aa({
     {
       fitHeight: p,
       header: X,
-      controls: g && c && /* @__PURE__ */ n(No, { data: e, stepSize: i }),
+      controls: g && c && /* @__PURE__ */ n(Bo, { data: e, stepSize: i }),
       chart: /* @__PURE__ */ n(
-        Wo,
+        Ro,
         {
           chartType: o,
           timeAxisSplitNumber: a,
@@ -3802,15 +3804,15 @@ function aa({
     }
   );
 }
-const la = m("div")(({ theme: e }) => ({
+const sa = m("div")(({ theme: e }) => ({
   padding: e.spacing(2, 0),
   ...e.typography.body2
-})), sa = m(S)(({ theme: e }) => ({
+})), ca = m(S)(({ theme: e }) => ({
   overflow: "auto",
   maxHeight: e.spacing(40),
   paddingRight: e.spacing(1),
   margin: e.spacing(0.5, 0)
-})), ca = m(S)(({ theme: e }) => ({
+})), da = m(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   flexWrap: "wrap",
@@ -3828,11 +3830,11 @@ const la = m("div")(({ theme: e }) => ({
   height: e.spacing(1),
   borderRadius: e.spacing(1),
   backgroundColor: t
-})), da = m(S)(({ theme: e }) => ({
+})), ua = m(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(2)
-})), ua = m("div")(({ theme: e }) => ({
+})), pa = m("div")(({ theme: e }) => ({
   height: e.spacing(0.5),
   width: "100%",
   borderRadius: e.spacing(0.5),
@@ -3863,14 +3865,14 @@ const la = m("div")(({ theme: e }) => ({
   "& a": {
     cursor: "pointer"
   }
-})), pa = m(ue)(({ theme: e }) => ({
+})), ga = m(ue)(({ theme: e }) => ({
   ".MuiTooltip-tooltip": {
     color: e.palette.common.white,
     maxWidth: 260,
     marginBottom: 0,
     overflow: "hidden"
   }
-})), ga = m(ot)(({ theme: e }) => ({
+})), ha = m(ot)(({ theme: e }) => ({
   marginTop: e.spacing(-0.5)
 }));
 m(S)(() => ({
@@ -3878,7 +3880,7 @@ m(S)(() => ({
   flexWrap: "nowrap",
   justifyContent: "space-between"
 }));
-const ha = m("div", {
+const fa = m("div", {
   shouldForwardProp: (e) => e !== "filterable"
 })(({ filterable: e }) => ({
   "& .progressbar div": {
@@ -3890,18 +3892,18 @@ const ha = m("div", {
       backgroundColor: "var(--hover-color)"
     }
   }
-})), fa = m(S)(({ theme: e }) => ({
+})), ma = m(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   flexWrap: "nowrap",
   overflow: "hidden",
   gap: e.spacing(1)
-})), ma = m(S)(({ theme: e }) => ({
+})), ya = m(S)(({ theme: e }) => ({
   padding: e.spacing(0.5, 0),
   flexGrow: "1",
   maxWidth: "100%",
   minWidth: 0
-})), ya = m(S, {
+})), wa = m(S, {
   shouldForwardProp: (e) => e !== "backgroundColor"
 })(({ theme: e, backgroundColor: t }) => ({
   marginLeft: e.spacing(1),
@@ -3910,7 +3912,7 @@ const ha = m("div", {
   color: "white",
   borderRadius: e.spacing(2)
 }));
-function wa(e, t, i, r, o) {
+function va(e, t, i, r, o) {
   const l = (e[0] ?? []).map((d, s) => {
     const u = String(d.name), p = r.length > 0 && !r.includes(u), c = i[s] ?? u, y = e.map((g, f) => {
       var w;
@@ -3930,29 +3932,29 @@ function wa(e, t, i, r, o) {
     return Math.max(...s.data.map((c) => c.value)) - u;
   }), l;
 }
-const va = 500;
-function xa(e, t = {}) {
+const xa = 500;
+function ba(e, t = {}) {
   const { disabled: i, duration: r, animateOnMount: o, initialValue: a = 0 } = t, l = re(null), [d, s] = _(
     () => o ? a : e
   );
   return U(() => (i ? s(e) : gt({
     start: d,
     end: e,
-    duration: r ?? va,
+    duration: r ?? xa,
     drawFrame: (u) => s(u),
     requestRef: l
   }), () => {
     l.current && cancelAnimationFrame(l.current);
   }), [e, i, r]), d;
 }
-const ba = {};
+const ka = {};
 function Hn({
   enabled: e = !0,
   value: t = 0,
-  options: i = ba,
+  options: i = ka,
   formatter: r
 }) {
-  const a = xa(t || 0, {
+  const a = ba(t || 0, {
     ...{
       animateOnMount: !0,
       disabled: e === !1 || t === null || t === void 0
@@ -3961,12 +3963,12 @@ function Hn({
   });
   return /* @__PURE__ */ n("span", { children: r ? r(a) : a });
 }
-const mt = (e) => e, ka = () => {
-}, Sa = [];
-function Ma({
+const mt = (e) => e, Sa = () => {
+}, Ma = [];
+function Ia({
   item: e,
   index: t = 0,
-  names: i = Sa,
+  names: i = Ma,
   formatter: r = mt
 }) {
   const o = le(), a = e.data[0], l = e.data[t], d = i[t], s = (l.value - a.value) / (a.value || 1) * 100, u = Math.sign(s) === -1 ? "-" : "+", p = Math.sign(s) === -1 ? o.palette.error.main : o.palette.success.main, c = e.key === Oe ? o.palette.text.disabled : p;
@@ -3981,14 +3983,14 @@ function Ma({
       ),
       /* @__PURE__ */ n(De, { color: "inherit", variant: "caption", children: d }),
       /* @__PURE__ */ n(S, { style: { flexGrow: 1 } }),
-      /* @__PURE__ */ n(ya, { backgroundColor: c, children: /* @__PURE__ */ v(De, { color: "inherit", variant: "caption", children: [
+      /* @__PURE__ */ n(wa, { backgroundColor: c, children: /* @__PURE__ */ v(De, { color: "inherit", variant: "caption", children: [
         u,
         r(Math.abs(s))
       ] }) })
     ] }) })
   ] });
 }
-function Ia({
+function Ta({
   item: e,
   animation: t = !0,
   animationOptions: i,
@@ -3997,7 +3999,7 @@ function Ia({
   checkboxChecked: a,
   formatter: l = mt,
   tooltipFormatter: d = mt,
-  onClick: s = ka,
+  onClick: s = Sa,
   names: u,
   tooltip: p
 }) {
@@ -4005,7 +4007,7 @@ function Ia({
     return `${Math.min(100, (g || 0) / r * 100)}%`;
   }
   const y = (g) => /* @__PURE__ */ n(
-    Ma,
+    Ia,
     {
       item: e,
       names: u,
@@ -4013,19 +4015,19 @@ function Ia({
       index: g
     }
   );
-  return /* @__PURE__ */ v(fa, { onClick: () => s(e.key), children: [
+  return /* @__PURE__ */ v(ma, { onClick: () => s(e.key), children: [
     o ? /* @__PURE__ */ n(ln, { checked: a }) : null,
-    /* @__PURE__ */ v(ma, { children: [
+    /* @__PURE__ */ v(ya, { children: [
       /* @__PURE__ */ n(De, { variant: "body2", noWrap: !0, children: e.label }),
       e.data.map((g, f) => /* @__PURE__ */ n(
-        pa,
+        ga,
         {
           title: y(f),
           placement: "top-start",
           arrow: !1,
           disableHoverListener: !p,
-          children: /* @__PURE__ */ v(da, { children: [
-            /* @__PURE__ */ n(ua, { className: "progressbar", children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ v(ua, { children: [
+            /* @__PURE__ */ n(pa, { className: "progressbar", children: /* @__PURE__ */ n(
               "div",
               {
                 style: {
@@ -4058,9 +4060,9 @@ function Ia({
     ] })
   ] });
 }
-const Kt = (e) => e, Ta = () => {
+const Kt = (e) => e, Ca = () => {
 }, He = [];
-function us({
+function ps({
   names: e = He,
   data: t = He,
   labels: i = He,
@@ -4072,7 +4074,7 @@ function us({
   searchable: s = !0,
   filterable: u = !0,
   selectedCategories: p = He,
-  onSelectedCategoriesChange: c = Ta,
+  onSelectedCategoriesChange: c = Ca,
   formatter: y = Kt,
   tooltipFormatter: g = Kt,
   tooltip: f = !0,
@@ -4084,7 +4086,7 @@ function us({
       h.palette.primary.main,
       h.palette.info.main
     ];
-    return wa(
+    return va(
       t,
       V,
       i,
@@ -4118,12 +4120,12 @@ function us({
     return /* @__PURE__ */ n(Mn, {});
   const R = b ? D : M ? G : J;
   function X() {
-    T(!0), c([...x]), K();
+    T(!0), c([...x]), Z();
   }
   function j() {
     T(!1);
   }
-  function q() {
+  function K() {
     c([]);
   }
   function te() {
@@ -4132,7 +4134,7 @@ function us({
   function Y() {
     k(!0), A([...p]);
   }
-  function K() {
+  function Z() {
     k(!1), A([]);
   }
   function de(V) {
@@ -4148,7 +4150,7 @@ function us({
     pe.length === $.length && (pe = []), A(pe);
   }
   const ve = u ? b ? we : de : void 0;
-  return /* @__PURE__ */ v(la, { children: [
+  return /* @__PURE__ */ v(sa, { children: [
     u ? /* @__PURE__ */ v(qt, { center: !0, children: [
       /* @__PURE__ */ n(H, { variant: "caption", children: p.length > 0 ? P.formatMessage(
         { id: "c4r.widgets.category.selectedItems" },
@@ -4169,7 +4171,7 @@ function us({
               id: "c4r.widgets.category.lock"
             }) }),
             /* @__PURE__ */ n(wt, { orientation: "vertical", flexItem: !0 }),
-            /* @__PURE__ */ n(ye, { onClick: q, children: P.formatMessage({
+            /* @__PURE__ */ n(ye, { onClick: K, children: P.formatMessage({
               id: "c4r.widgets.category.clear"
             }) })
           ]
@@ -4177,7 +4179,7 @@ function us({
       ) : null })
     ] }) : null,
     b ? /* @__PURE__ */ n(qt, { children: /* @__PURE__ */ n(
-      ga,
+      ha,
       {
         size: "small",
         placeholder: P.formatMessage({
@@ -4190,7 +4192,7 @@ function us({
         }
       }
     ) }) : null,
-    /* @__PURE__ */ v(sa, { children: [
+    /* @__PURE__ */ v(ca, { children: [
       R.length === 0 ? /* @__PURE__ */ v(ie, { children: [
         /* @__PURE__ */ n(H, { variant: "body2", children: P.formatMessage({
           id: "c4r.widgets.category.noResults"
@@ -4200,8 +4202,8 @@ function us({
           { searchValue: C }
         ) })
       ] }) : null,
-      R.map((V) => /* @__PURE__ */ n(ha, { children: /* @__PURE__ */ n(
-        Ia,
+      R.map((V) => /* @__PURE__ */ n(fa, { children: /* @__PURE__ */ n(
+        Ta,
         {
           item: V,
           animation: l,
@@ -4230,43 +4232,43 @@ function us({
         )
       }
     ) : 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: [
+    b ? /* @__PURE__ */ n($e, { size: "small", color: "primary", onClick: Z, children: P.formatMessage({ id: "c4r.widgets.category.cancel" }) }) : null,
+    /* @__PURE__ */ n(da, { 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(H, { variant: "overline", children: V })
     ] }, e[ee])) })
   ] });
 }
-const Ca = m(H)(({ theme: e }) => ({
+const Aa = m(H)(({ theme: e }) => ({
   display: "inline-block",
   marginTop: e.spacing(0.5)
 }));
-function Aa({
+function Ea({
   row: e
 }) {
   const t = le();
-  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;
+  return e.label ? /* @__PURE__ */ n(S, { color: e.color ?? t.palette.text.secondary, children: /* @__PURE__ */ n(Aa, { color: "inherit", variant: "caption", children: e.label }) }) : null;
 }
-const Ea = m("div")(({ theme: e }) => ({
+const La = m("div")(({ theme: e }) => ({
   margin: 0,
   ...e.typography.h5,
   fontWeight: Number(e.typography.fontWeightMedium),
   color: e.palette.text.primary,
   display: "flex"
-})), La = m(H)(({ theme: e }) => ({
-  marginRight: e.spacing(0.5)
 })), Da = m(H)(({ theme: e }) => ({
+  marginRight: e.spacing(0.5)
+})), $a = m(H)(({ theme: e }) => ({
   marginLeft: e.spacing(0.5)
 }));
-function $a({
+function Pa({
   row: e,
   animated: t,
   animationOptions: i,
   formatter: r
 }) {
   const o = le(), { prefix: a, value: l, suffix: d, shouldBeHighlighted: s } = e;
-  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,
+  return /* @__PURE__ */ v(La, { children: [
+    a ? /* @__PURE__ */ n(S, { color: o.palette.text.secondary, children: /* @__PURE__ */ n(Da, { color: "inherit", component: "span", variant: "subtitle2", children: a }) }) : null,
     /* @__PURE__ */ n(S, { fontWeight: s ? "bold" : "", children: /* @__PURE__ */ n(
       Hn,
       {
@@ -4276,26 +4278,26 @@ function $a({
         formatter: r
       }
     ) }),
-    d ? /* @__PURE__ */ n(S, { color: o.palette.text.secondary, children: /* @__PURE__ */ n(Da, { color: "inherit", component: "span", variant: "subtitle2", children: d }) }) : null
+    d ? /* @__PURE__ */ n(S, { color: o.palette.text.secondary, children: /* @__PURE__ */ n($a, { color: "inherit", component: "span", variant: "subtitle2", children: d }) }) : null
   ] });
 }
-const Pa = (e) => e, Zt = [], Oa = m("div")(({ theme: e }) => ({
+const Oa = (e) => e, Zt = [], Wa = m("div")(({ theme: e }) => ({
   "&:nth-of-type(n+2)": {
     marginTop: e.spacing(2)
   }
 }));
-function ps({
+function gs({
   data: e = Zt,
   colors: t = Zt,
   animated: i = !0,
   animationOptions: r,
-  formatter: o = Pa,
+  formatter: o = Oa,
   isLoading: a = !1
 }) {
-  const l = Wa(e, t);
-  return a ? /* @__PURE__ */ n(Tn, {}) : /* @__PURE__ */ n("div", { children: l.map((d, s) => /* @__PURE__ */ v(Oa, { children: [
+  const l = Ra(e, t);
+  return a ? /* @__PURE__ */ n(Tn, {}) : /* @__PURE__ */ n("div", { children: l.map((d, s) => /* @__PURE__ */ v(Wa, { children: [
     /* @__PURE__ */ n(
-      $a,
+      Pa,
       {
         row: d,
         animated: i,
@@ -4303,14 +4305,14 @@ function ps({
         formatter: o
       }
     ),
-    /* @__PURE__ */ n(Aa, { row: d })
+    /* @__PURE__ */ n(Ea, { row: d })
   ] }, s)) });
 }
-function Wa(e, t) {
+function Ra(e, t) {
   const i = e.map((o, a) => ({ ...o, color: t[a], shouldBeHighlighted: !1 })).filter((o) => o.value !== void 0);
   return i && i.length > 1 && (i[0].shouldBeHighlighted = !0), i;
 }
-function Ra(e, t = [], i = [], r, o = []) {
+function Fa(e, t = [], i = [], r, o = []) {
   return e.map((a, l) => {
     const d = o.length > 0 && !o.includes(a.name), u = (t != null && t.length ? t : r.palette.qualitative.bold)[l];
     return {
@@ -4321,7 +4323,7 @@ function Ra(e, t = [], i = [], r, o = []) {
     };
   });
 }
-function Fa(e, t, i) {
+function Na(e, t, i) {
   const r = `
     font-size: 12px;
     line-height: 1.33;
@@ -4341,23 +4343,23 @@ function Fa(e, t, i) {
     <p style="${o}">${String(a.marker)} ${s} (${u} %)</p>
   `.trim();
 }
-const Na = (e) => e, Ba = () => {
-}, Ke = [], _a = "260px";
-function gs({
+const Ba = (e) => e, _a = () => {
+}, Ke = [], Ha = "260px";
+function hs({
   names: e = Ke,
   data: t = Ke,
   labels: i = Ke,
   colors: r = Ke,
-  height: o = _a,
+  height: o = Ha,
   animation: a = !0,
-  formatter: l = Na,
-  tooltipFormatter: d = Fa,
+  formatter: l = Ba,
+  tooltipFormatter: d = Na,
   selectedCategories: s = [],
-  onCategorySelected: u = Ba,
+  onCategorySelected: u = _a,
   isLoading: p = !1
 }) {
   const c = le(), y = re(), g = F(() => t.map(
-    (b, k) => Ra(b, r[k], i[k], c, s)
+    (b, k) => Fa(b, r[k], i[k], c, s)
   ), [t, r, i, c, s]), f = F(() => {
     const b = g.length > 1;
     let k;
@@ -4500,14 +4502,14 @@ function gs({
     }
   ) : null;
 }
-const Ha = () => {
+const za = () => {
 };
-function za({
+function ja({
   icon: e,
   hoverTooltip: t,
   clickTooltip: i,
   enabled: r,
-  onEnabledChange: o = Ha,
+  onEnabledChange: o = za,
   tooltipPlacement: a = "bottom"
 }) {
   const [l, d] = _(!1), [s, u] = _(r);
@@ -4522,7 +4524,7 @@ function za({
         window.removeEventListener("keydown", c);
       };
     }
-  }, [r, o]), /* @__PURE__ */ n(ai, { onClickAway: () => u(!1), children: /* @__PURE__ */ n(
+  }, [r, o]), /* @__PURE__ */ n(li, { onClickAway: () => u(!1), children: /* @__PURE__ */ n(
     ue,
     {
       title: s ? i : t,
@@ -4533,7 +4535,7 @@ function za({
         s || d(!1);
       },
       children: /* @__PURE__ */ n(
-        li,
+        si,
         {
           value: "selectedMode",
           selected: r,
@@ -4544,31 +4546,31 @@ function za({
     }
   ) });
 }
-const ja = m(fe, {
+const Ya = m(fe, {
   shouldForwardProp: (e) => e !== "isOpen"
 })(({ isOpen: e, theme: t }) => ({
   color: t.palette.text.secondary,
   width: t.spacing(3),
   transform: `rotate(${e ? "180" : "0"}deg)`,
   backgroundColor: e ? t.palette.action.hover : void 0
-})), Ya = m(Pe, {
+})), Va = m(Pe, {
   shouldForwardProp: (e) => e !== "disabled"
 })(({ disabled: e, theme: t }) => ({
   ...e && {
     pointerEvents: "none",
     color: t.palette.text.disabled
   }
-})), Va = m(Pe)(() => ({
+})), Ga = m(Pe)(() => ({
   "&.Mui-disabled": {
     opacity: 1
   }
-})), Ga = () => {
+})), Ua = () => {
 };
-function Ua({
+function Xa({
   selectionModes: e,
   editModes: t,
   selectedMode: i,
-  onSelectMode: r = Ga,
+  onSelectMode: r = Ua,
   enabled: o,
   tooltipPlacement: a = "bottom",
   tooltipText: l = "",
@@ -4580,7 +4582,7 @@ function Ua({
   }, h = !!e.length && !!t.length, b = (M) => t.some((T) => T.id === M.id);
   function k(M) {
     return /* @__PURE__ */ n(
-      Ya,
+      Va,
       {
         selected: o && i === M.id,
         onClick: () => w(M.id),
@@ -4595,7 +4597,7 @@ function Ua({
   }
   return /* @__PURE__ */ v(ie, { children: [
     /* @__PURE__ */ n(ue, { title: l, placement: a, children: /* @__PURE__ */ n(
-      ja,
+      Ya,
       {
         id: "feature-selection-menu-button",
         "aria-controls": "feature-selection-menu",
@@ -4603,7 +4605,7 @@ function Ua({
         "aria-expanded": y ? "true" : void 0,
         onClick: g,
         isOpen: y,
-        children: /* @__PURE__ */ n(Mi, {})
+        children: /* @__PURE__ */ n(Ii, {})
       }
     ) }),
     /* @__PURE__ */ v(
@@ -4616,7 +4618,7 @@ function Ua({
         onClose: f,
         MenuListProps: { "aria-labelledby": "feature-selection-menu-button" },
         children: [
-          d && /* @__PURE__ */ n(Va, { disabled: !0, children: /* @__PURE__ */ n(H, { variant: "caption", color: "textSecondary", children: d }) }),
+          d && /* @__PURE__ */ n(Ga, { 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)
@@ -4625,7 +4627,7 @@ function Ua({
     )
   ] });
 }
-const Xa = m(di)(({ theme: e }) => ({
+const qa = m(ui)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   marginLeft: e.spacing(1.5),
@@ -4637,11 +4639,11 @@ const Xa = m(di)(({ theme: e }) => ({
   "&::-webkit-scrollbar": {
     display: "none"
   }
-})), qa = () => {
+})), Ka = () => {
 };
-function Ka({
+function Za({
   features: e,
-  onSelectGeometry: t = qa,
+  onSelectGeometry: t = Ka,
   onDeleteGeometry: i,
   chipTooltip: r,
   disabledChipTooltip: o,
@@ -4665,7 +4667,7 @@ 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(Xa, { sx: { gap: a === "small" ? 0.5 : 1 }, children: e.map((f, w) => {
+  return /* @__PURE__ */ n(S, { sx: { overflowX: "auto" }, children: /* @__PURE__ */ n(qa, { 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;
@@ -4675,23 +4677,23 @@ function Ka({
       id: "c4r.widgets.featureSelection.remove"
     }));
     let M = "secondary";
-    return h && (M = "default"), b && (M = "error"), /* @__PURE__ */ n(si, { disablePadding: !0, children: /* @__PURE__ */ n(
+    return h && (M = "default"), b && (M = "error"), /* @__PURE__ */ n(ci, { disablePadding: !0, children: /* @__PURE__ */ n(
       ue,
       {
         disableHoverListener: h ? !o : !r,
         title: k,
         placement: l,
         children: /* @__PURE__ */ n(
-          ci,
+          di,
           {
             size: a,
             label: c(f, w),
             color: M,
             onClick: () => t(f),
             onDelete: i ? () => i(f) : void 0,
-            icon: b ? /* @__PURE__ */ n(Ii, { color: "error" }) : void 0,
+            icon: b ? /* @__PURE__ */ n(Ti, { color: "error" }) : void 0,
             deleteIcon: /* @__PURE__ */ n(
-              Ti,
+              Ci,
               {
                 onMouseEnter: () => g(!0),
                 onMouseLeave: () => g(!1)
@@ -4703,16 +4705,16 @@ function Ka({
     ) }, w);
   }) }) });
 }
-const Za = m(hn)(({ theme: e }) => ({
+const Ja = m(hn)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   maxHeight: e.spacing(5),
   padding: e.spacing(0.5)
-})), Ja = [];
-function hs({
+})), Qa = [];
+function fs({
   selectionModes: e,
-  editModes: t = Ja,
+  editModes: t = Qa,
   selectedMode: i,
   onSelectMode: r,
   enabled: o = !1,
@@ -4758,9 +4760,9 @@ function hs({
   }) : g.formatMessage({
     id: "c4r.widgets.featureSelection.clickToCreate"
   });
-  return /* @__PURE__ */ v(Za, { children: [
+  return /* @__PURE__ */ v(Ja, { children: [
     /* @__PURE__ */ n(
-      za,
+      ja,
       {
         icon: h == null ? void 0 : h.icon,
         hoverTooltip: k,
@@ -4771,7 +4773,7 @@ function hs({
       }
     ),
     /* @__PURE__ */ n(
-      Ua,
+      Xa,
       {
         selectionModes: f,
         editModes: w,
@@ -4789,7 +4791,7 @@ function hs({
       }
     ),
     !!l && /* @__PURE__ */ n(
-      Ka,
+      Za,
       {
         features: [l],
         onSelectGeometry: d,
@@ -4810,7 +4812,7 @@ function hs({
 function Jt(e) {
   return e.charAt(0).toLowerCase() + e.slice(1);
 }
-const zn = 240, Qa = m(hn, {
+const zn = 240, el = m(hn, {
   shouldForwardProp: (e) => e !== "collapsed"
 })(({ theme: e, collapsed: t }) => ({
   width: t ? "min-content" : zn,
@@ -4818,7 +4820,7 @@ const zn = 240, Qa = m(hn, {
   maxHeight: "calc(100% - 120px)",
   display: "flex",
   flexDirection: "column"
-})), el = m("header", {
+})), tl = m("header", {
   shouldForwardProp: (e) => e !== "collapsed"
 })(({ theme: e, collapsed: t }) => ({
   display: "flex",
@@ -4827,7 +4829,7 @@ const zn = 240, Qa = m(hn, {
   padding: e.spacing(1),
   paddingLeft: e.spacing(2),
   borderBottom: t ? void 0 : `1px solid ${e.palette.divider}`
-})), tl = m("header")(({ theme: e }) => ({
+})), nl = m("header")(({ theme: e }) => ({
   padding: e.spacing(1.5),
   paddingRight: e.spacing(2),
   gap: e.spacing(0.5),
@@ -4837,13 +4839,13 @@ const zn = 240, Qa = m(hn, {
   zIndex: 2,
   top: 0,
   background: e.palette.background.paper
-})), nl = m("div")(({ theme: e }) => ({
+})), il = m("div")(({ theme: e }) => ({
   display: "flex",
   gap: e.spacing(2),
   alignItems: "center",
   padding: e.spacing(1),
   minWidth: `calc(${zn}px - ${e.spacing(4)})`
-})), il = m(ot)(({ theme: e }) => ({
+})), rl = m(ot)(({ theme: e }) => ({
   display: "flex",
   width: e.spacing(7.5),
   flexShrink: 0,
@@ -4851,7 +4853,7 @@ const zn = 240, Qa = m(hn, {
     WebkitAppearance: "none",
     margin: 0
   }
-})), rl = m("ul", {
+})), ol = m("ul", {
   shouldForwardProp: (e) => e !== "opacity"
 })(({ theme: e, opacity: t }) => ({
   opacity: t,
@@ -4866,10 +4868,10 @@ const zn = 240, Qa = m(hn, {
   paddingBottom: e.spacing(1),
   display: "flex",
   flexDirection: "column"
-})), ol = m("li")(() => ({
+})), al = m("li")(() => ({
   display: "flex",
   alignItems: "center"
-})), al = m("div")(({ theme: e }) => ({
+})), ll = m("div")(({ theme: e }) => ({
   marginRight: e.spacing(1.5),
   width: pt,
   height: pt,
@@ -4883,16 +4885,16 @@ const zn = 240, Qa = m(hn, {
   width: e,
   overflow: "auto",
   maxHeight: `calc(100% - ${t.spacing(1.5)})`
-})), ll = m("section")(({ theme: e }) => ({
+})), sl = m("section")(({ theme: e }) => ({
   "&:not(:first-of-type)": {
     borderTop: `1px solid ${e.palette.divider}`
   }
-})), sl = m("div")(() => ({
+})), cl = m("div")(() => ({
   flexGrow: 1,
   flexShrink: 1,
   minWidth: 0
 }));
-function cl({
+function dl({
   menuRef: e,
   open: t,
   toggleOpen: i,
@@ -4915,13 +4917,13 @@ function cl({
             size: "small",
             color: t ? "primary" : "default",
             onClick: () => i(!t),
-            children: /* @__PURE__ */ n(bi, {})
+            children: /* @__PURE__ */ n(ki, {})
           }
         )
       }
     ),
     /* @__PURE__ */ n(
-      ui,
+      pi,
       {
         open: t,
         onClose: () => i(!1),
@@ -4939,7 +4941,7 @@ function cl({
             sx: { transform: "translate(-12px, 36px)" }
           }
         },
-        children: /* @__PURE__ */ v(nl, { children: [
+        children: /* @__PURE__ */ v(il, { children: [
           /* @__PURE__ */ n(
             xt,
             {
@@ -4951,7 +4953,7 @@ function cl({
             }
           ),
           /* @__PURE__ */ n(
-            il,
+            rl,
             {
               size: "small",
               type: "number",
@@ -5006,7 +5008,7 @@ function Lt({
 }
 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;
-function dl({
+function ul({
   legend: e
 }) {
   const {
@@ -5018,7 +5020,7 @@ function dl({
   } = e, l = wn(i, t.length), d = t.length > ut, s = se(), u = ce(s);
   return /* @__PURE__ */ v(ie, { children: [
     /* @__PURE__ */ n(jn, { "data-testid": "categories-legend", children: t.slice(0, ut).map((p, c) => /* @__PURE__ */ n(
-      hl,
+      fl,
       {
         label: String(p),
         color: l[c % l.length],
@@ -5047,7 +5049,7 @@ function dl({
     )
   ] });
 }
-const ul = ({
+const pl = ({
   isMax: e,
   color: t,
   isStrokeColor: i,
@@ -5066,7 +5068,7 @@ const ul = ({
     boxSizing: "content-box"
   },
   ...i ? { borderColor: t } : { backgroundColor: t }
-}), pl = ({
+}), gl = ({
   icon: e,
   color: t,
   maskedIcon: i
@@ -5083,7 +5085,7 @@ const ul = ({
     backgroundColor: "rgba(0,0,0,0)",
     backgroundImage: `url(${e})`
   }
-}), gl = m(S, {
+}), hl = m(S, {
   shouldForwardProp: (e) => e !== "icon" && e !== "maskedIcon" && e !== "color" && e !== "isStrokeColor"
 })(({ icon: e, maskedIcon: t, color: i, isStrokeColor: r, theme: o }) => ({
   whiteSpace: "nowrap",
@@ -5094,9 +5096,9 @@ const ul = ({
   borderRadius: "50%",
   position: "relative",
   border: "2px solid transparent",
-  ...e ? pl({ icon: e, color: i, maskedIcon: t }) : ul({ color: i, isStrokeColor: r, theme: o })
+  ...e ? gl({ icon: e, color: i, maskedIcon: t }) : pl({ color: i, isStrokeColor: r, theme: o })
 }));
-function hl({
+function fl({
   label: e,
   isStrokeColor: t,
   color: i = "#000",
@@ -5105,7 +5107,7 @@ function hl({
 }) {
   return /* @__PURE__ */ v(S, { component: "li", sx: { display: "flex", alignItems: "center" }, children: [
     /* @__PURE__ */ n(
-      gl,
+      hl,
       {
         className: "marker",
         mr: 1.5,
@@ -5124,7 +5126,7 @@ const Ze = 6, rt = {
   1: 9,
   2: 6,
   3: 3
-}, fl = m(S, {
+}, ml = m(S, {
   shouldForwardProp: (e) => e !== "index"
 })(({ index: e = 0, theme: t }) => {
   const i = t.spacing(rt[e]), r = t.spacing(rt[e]);
@@ -5138,20 +5140,20 @@ const Ze = 6, rt = {
     width: i,
     height: r
   };
-}), ml = m(S)(({ theme: { spacing: e } }) => ({
+}), yl = m(S)(({ theme: { spacing: e } }) => ({
   display: "flex",
   justifyContent: "flex-end",
   flexShrink: 0,
   position: "relative",
   width: e(rt[0]),
   height: e(rt[0])
-})), yl = m(S)(({ theme: { spacing: e } }) => ({
+})), wl = m(S)(({ theme: { spacing: e } }) => ({
   display: "flex",
   gap: e(1),
   alignItems: "stretch",
   justifyContent: "stretch",
   padding: e(2, 0)
-})), wl = m(S)(() => ({
+})), vl = m(S)(() => ({
   display: "flex",
   flexDirection: "column",
   justifyContent: "space-around",
@@ -5159,20 +5161,20 @@ const Ze = 6, rt = {
   flexGrow: 1,
   flexShrink: 1
 }));
-function vl({
+function xl({
   legend: e
 }) {
-  const t = se(), i = ce(t), r = e.showMinMax ?? !0, { min: o, max: a, error: l } = xl(e), [d, s] = l ? [0, 0] : bl(o, a);
-  return /* @__PURE__ */ v(yl, { "data-testid": "proportion-legend", children: [
-    /* @__PURE__ */ n(ml, { children: [...Array(4)].map((u, p) => /* @__PURE__ */ n(
-      fl,
+  const t = se(), i = ce(t), r = e.showMinMax ?? !0, { min: o, max: a, error: l } = bl(e), [d, s] = l ? [0, 0] : kl(o, a);
+  return /* @__PURE__ */ v(wl, { "data-testid": "proportion-legend", children: [
+    /* @__PURE__ */ n(yl, { children: [...Array(4)].map((u, p) => /* @__PURE__ */ n(
+      ml,
       {
         index: p,
         component: "span"
       },
       p
     )) }),
-    /* @__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__ */ n(vl, { 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, {
@@ -5198,21 +5200,21 @@ function Yn({ labels: e }) {
   let t = e == null ? void 0 : e[e.length - 1], i = e == null ? void 0 : e[0];
   return Number.isFinite(i) || (i = parseInt(String(i), 10)), Number.isFinite(t) || (t = parseInt(String(t), 10)), [i, t];
 }
-function xl(e) {
+function bl(e) {
   let t = !1;
   const [i, r] = Yn(e);
   return (Number.isNaN(i) || Number.isNaN(r)) && (t = !0), { min: i, max: r, error: t };
 }
-function bl(e, t) {
+function kl(e, t) {
   const i = (t - e) / 3;
   return [e + i, t - i];
 }
-function kl({
+function Sl({
   legend: e
 }) {
   const { labels: t = [], icons: i = [] } = e;
-  return /* @__PURE__ */ n(jn, { "data-testid": "icon-legend", children: t.map((r, o) => /* @__PURE__ */ v(ol, { children: [
-    /* @__PURE__ */ n(al, { children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(jn, { "data-testid": "icon-legend", children: t.map((r, o) => /* @__PURE__ */ v(al, { children: [
+    /* @__PURE__ */ n(ll, { children: /* @__PURE__ */ n(
       "img",
       {
         src: i[o],
@@ -5224,7 +5226,7 @@ function kl({
     /* @__PURE__ */ n(Lt, { visible: !0, title: r })
   ] }, r)) });
 }
-function Sl(e) {
+function Ml(e) {
   return typeof e[0] == "object" && "label" in e[0];
 }
 function en({
@@ -5234,17 +5236,17 @@ function en({
   const { labels: i = [], colors: r = [], showMinMax: o = !0 } = t, a = wn(
     r,
     !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);
+  ), l = Ml(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(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,
+      Il,
       {
         "data-testid": "step-continuous",
         palette: a
       }
     ) : /* @__PURE__ */ n(
-      Tl,
+      Cl,
       {
         palette: a,
         labels: s,
@@ -5258,7 +5260,7 @@ function en({
     ] })
   ] }) });
 }
-const Ml = m(S, {
+const Il = m(S, {
   shouldForwardProp: (e) => e !== "palette"
 })(({ palette: e, theme: t }) => ({
   display: "block",
@@ -5266,7 +5268,7 @@ const Ml = m(S, {
   height: t.spacing(1),
   borderRadius: t.spacing(0.5),
   background: `linear-gradient(to right, ${e.join()})`
-})), Il = m(S, {
+})), Tl = m(S, {
   shouldForwardProp: (e) => e !== "color"
 })(({ color: e, theme: t }) => ({
   display: "block",
@@ -5280,7 +5282,7 @@ const Ml = m(S, {
     borderRadius: t.spacing(0, 0.5, 0.5, 0)
   }
 }));
-function Tl({
+function Cl({
   labels: e = [],
   palette: t = [],
   max: i,
@@ -5289,17 +5291,17 @@ function Tl({
   const o = e.length ? [r, ...e] : [r, i];
   return /* @__PURE__ */ n(ie, { children: o.map((a, l) => {
     const d = l === 0 ? r : l === o.length - 1 ? i : `${a} - ${o[l + 1]}`;
-    return /* @__PURE__ */ n(ue, { title: d, children: /* @__PURE__ */ n(Il, { "data-testid": "step-discontinuous", color: t[l] }) }, l);
+    return /* @__PURE__ */ n(ue, { title: d, children: /* @__PURE__ */ n(Tl, { "data-testid": "step-discontinuous", color: t[l] }) }, l);
   }) });
 }
-const Cl = {
-  [Ie.CATEGORY]: dl,
-  [Ie.PROPORTION]: vl,
-  [Ie.ICON]: kl,
+const Al = {
+  [Ie.CATEGORY]: ul,
+  [Ie.PROPORTION]: xl,
+  [Ie.ICON]: Sl,
   [Ie.BINS]: (e) => /* @__PURE__ */ n(en, { ...e, isContinuous: !1 }),
   [Ie.CONTINUOUS_RAMP]: (e) => /* @__PURE__ */ n(en, { ...e, isContinuous: !0 })
 };
-function Al({ legend: e }) {
+function El({ legend: e }) {
   const t = se(), i = ce(t);
   return e.select || !e.type ? null : /* @__PURE__ */ v(H, { variant: "body2", color: "textSecondary", component: "p", children: [
     e.type,
@@ -5308,17 +5310,17 @@ function Al({ legend: e }) {
     "."
   ] });
 }
-function El(e) {
+function Ll(e) {
   return e.type === Ie.PROPORTION ? "c4r.widgets.legend.subtitles.proportion" : e.type === Ie.ICON || e.customMarkers ? "c4r.widgets.legend.subtitles.icon" : e.isStrokeColor ? "c4r.widgets.legend.subtitles.strokeColor" : "c4r.widgets.legend.subtitles.color";
 }
-function Ll({
+function Dl({
   layer: e,
   legend: t,
   customLegendTypes: i,
   onChangeSelection: r
 }) {
   var p;
-  const o = se(), a = ce(o), l = t.type, s = Cl[l] ?? i[l] ?? Al, u = ((p = t.select) == null ? void 0 : p.options) ?? [];
+  const o = se(), a = ce(o), l = t.type, s = Al[l] ?? i[l] ?? El, 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(
@@ -5328,7 +5330,7 @@ function Ll({
           variant: "overlineDelicate",
           color: "textSecondary",
           component: "p",
-          children: a.formatMessage({ id: El(t) })
+          children: a.formatMessage({ id: Ll(t) })
         }
       ),
       /* @__PURE__ */ n(H, { variant: "caption", component: "p", children: t.attr })
@@ -5336,7 +5338,7 @@ function Ll({
     t.select ? /* @__PURE__ */ v(S, { pb: 1, children: [
       /* @__PURE__ */ n(H, { variant: "caption", weight: "medium", component: "p", children: t.select.label }),
       /* @__PURE__ */ n(
-        pi,
+        gi,
         {
           "data-testid": "legend-layer-variable-select",
           name: "legend-select",
@@ -5355,19 +5357,19 @@ function Ll({
               }
             }
           },
-          children: u.map((c) => /* @__PURE__ */ n(Pe, { 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(hi, { primary: c.label }) }, c.value))
         }
       )
     ] }) : null,
     /* @__PURE__ */ n(s, { layer: e, legend: t })
   ] });
 }
-const Dl = {};
+const $l = {};
 function Vn(e) {
   return e ? Array.isArray(e) ? e.every((t) => Vn(t)) : !e.select && !e.type : !0;
 }
 function tn({
-  customLegendTypes: e = Dl,
+  customLegendTypes: e = $l,
   layer: t,
   onChangeCollapsed: i,
   onChangeOpacity: r,
@@ -5377,15 +5379,15 @@ 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), 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({
+  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 = Pl({
     intl: p,
     minZoom: d,
     maxZoom: l,
     layerMinZoom: L,
     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: [
+  return t.legend ? /* @__PURE__ */ v(sl, { "data-testid": "legend-layer", "aria-label": w, children: [
+    /* @__PURE__ */ v(nl, { ref: c, children: [
       M && /* @__PURE__ */ n(
         fe,
         {
@@ -5398,7 +5400,7 @@ function tn({
           children: C
         }
       ),
-      /* @__PURE__ */ v(sl, { children: [
+      /* @__PURE__ */ v(cl, { children: [
         /* @__PURE__ */ n(Lt, { visible: h, title: w ?? "" }),
         $ && /* @__PURE__ */ n(
           ue,
@@ -5427,7 +5429,7 @@ function tn({
         )
       ] }),
       x && h && !k && /* @__PURE__ */ n(
-        cl,
+        dl,
         {
           menuRef: c,
           open: y,
@@ -5451,7 +5453,7 @@ function tn({
                 collapsed: h ? k : !1,
                 visible: !h
               }),
-              children: h ? /* @__PURE__ */ n(Ci, {}) : /* @__PURE__ */ n(Ai, {})
+              children: h ? /* @__PURE__ */ n(Ai, {}) : /* @__PURE__ */ n(Ei, {})
             }
           )
         }
@@ -5459,12 +5461,12 @@ function tn({
     ] }),
     /* @__PURE__ */ v(St, { unmountOnExit: !0, timeout: 100, in: A, children: [
       /* @__PURE__ */ n(
-        rl,
+        ol,
         {
           "data-testid": "legend-layer-variable-list",
           opacity: W ? 0.5 : 1,
           children: D.map((N, I) => /* @__PURE__ */ n(
-            Ll,
+            Dl,
             {
               legend: N,
               layer: t,
@@ -5488,7 +5490,7 @@ function tn({
     ] })
   ] }) : null;
 }
-function $l({
+function Pl({
   intl: e,
   minZoom: t,
   maxZoom: i,
@@ -5500,11 +5502,11 @@ function $l({
   }), 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 Pl = {}, ze = () => {
-}, Ol = [];
-function fs({
-  customLegendTypes: e = Pl,
-  layers: t = Ol,
+const Ol = {}, ze = () => {
+}, Wl = [];
+function ms({
+  customLegendTypes: e = Ol,
+  layers: t = Wl,
   collapsed: i = !1,
   onChangeCollapsed: r = ze,
   onChangeVisibility: o = ze,
@@ -5518,26 +5520,26 @@ function fs({
   isMobile: y,
   sx: g
 }) {
-  const f = se(), w = ce(f), h = /* @__PURE__ */ v(el, { collapsed: i, children: [
+  const f = se(), w = ce(f), h = /* @__PURE__ */ v(tl, { collapsed: i, children: [
     /* @__PURE__ */ n(H, { variant: "caption", flexGrow: 1, children: s }),
     /* @__PURE__ */ n(
       ue,
       {
         title: w.formatMessage({ id: "c4r.widgets.legend.close" }),
-        children: /* @__PURE__ */ n(fe, { size: "small", onClick: () => r(!0), children: /* @__PURE__ */ n(Ei, {}) })
+        children: /* @__PURE__ */ n(fe, { size: "small", onClick: () => r(!0), children: /* @__PURE__ */ n(Li, {}) })
       }
     )
   ] }), b = /* @__PURE__ */ n(
     ue,
     {
       title: w.formatMessage({ id: "c4r.widgets.legend.open" }),
-      children: /* @__PURE__ */ n(fe, { "aria-label": s, onClick: () => r(!1), children: /* @__PURE__ */ n(Li, {}) })
+      children: /* @__PURE__ */ n(fe, { "aria-label": s, onClick: () => r(!1), children: /* @__PURE__ */ n(Di, {}) })
     }
   );
-  return /* @__PURE__ */ n(Qa, { sx: g, elevation: 3, collapsed: i || !!y, children: y ? /* @__PURE__ */ v(ie, { children: [
+  return /* @__PURE__ */ n(el, { sx: g, elevation: 3, collapsed: i || !!y, children: y ? /* @__PURE__ */ v(ie, { children: [
     b,
     /* @__PURE__ */ v(
-      hi,
+      fi,
       {
         anchor: "bottom",
         open: !i,
@@ -5596,31 +5598,31 @@ function nn({
     }
   ) }) : /* @__PURE__ */ n(S, { mt: -1 });
 }
-function ms({
+function ys({
   title: e = "No data available",
   body: t = "There are no results for the combination of filters applied to your data. Try tweaking your filters, or zoom and pan the map to adjust the Map View.",
   severity: i = void 0,
   ...r
 }) {
-  return i ? /* @__PURE__ */ n($i, { title: e, severity: i, ...r, children: /* @__PURE__ */ n(nn, { children: t }) }) : /* @__PURE__ */ v(S, { ...r, children: [
+  return i ? /* @__PURE__ */ n(Pi, { 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 })
   ] });
 }
-const Wl = m(S, {
+const Rl = m(S, {
   shouldForwardProp: (e) => e !== "margin"
 })(({ theme: e, margin: t }) => ({
   margin: 0,
   position: "relative",
   maxWidth: "100%",
   padding: t ?? e.spacing(2, 2.5)
-})), Rl = m(mi)(({ theme: e }) => ({
+})), Fl = m(yi)(({ theme: e }) => ({
   position: "absolute",
   top: 0,
   left: 0,
   width: "100%",
   height: e.spacing(0.25)
-})), Fl = m(ae, {
+})), Nl = m(ae, {
   shouldForwardProp: (e) => e !== "expanded"
 })(({ theme: e, expanded: t = !0 }) => ({
   display: "flex",
@@ -5630,7 +5632,7 @@ const Wl = m(S, {
   width: "100%",
   ...t ? { minHeight: e.spacing(3) } : { height: e.spacing(3) },
   padding: 0
-})), Nl = m($e, {
+})), Bl = m($e, {
   shouldForwardProp: (e) => e !== "expandable"
 })(({ theme: e, expandable: t = !0 }) => ({
   flex: 1,
@@ -5655,7 +5657,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 })), Hl = m(De, {
+}), _l = m(fn)(({ theme: e }) => Gn({ theme: e })), Hl = m(mn)(({ theme: e }) => Gn({ theme: e })), zl = m(De, {
   shouldForwardProp: (e) => e !== "expanded"
 })(({ expanded: e = !0 }) => ({
   wordBreak: "break-word",
@@ -5669,7 +5671,7 @@ const Wl = m(S, {
     whiteSpace: "nowrap",
     textOverflow: "ellipsis"
   }
-})), zl = m(ae)(({ theme: e }) => ({
+})), jl = m(ae)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(1),
@@ -5677,18 +5679,18 @@ const Wl = m(S, {
   marginLeft: e.spacing(1)
 })), rn = m(fe)(({ theme: e }) => ({
   color: e.palette.text.secondary
-})), jl = m(kt)(({ theme: e }) => ({
+})), Yl = m(kt)(({ theme: e }) => ({
   ".MuiPaper-root": {
     marginTop: e.spacing(5),
     maxHeight: e.spacing(21),
     minWidth: e.spacing(16)
   }
-})), on = [], Yl = /* @__PURE__ */ n(Di, {});
-function ys({
+})), on = [], Vl = /* @__PURE__ */ n($i, {});
+function ws({
   title: e,
   actions: t = on,
   options: i = on,
-  optionsIcon: r = Yl,
+  optionsIcon: r = Vl,
   children: o,
   contentProps: a,
   disabled: l = !1,
@@ -5700,7 +5702,7 @@ 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, [T, x] = _(null), A = !!T, C = () => {
+  const f = ii(), [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 P(W) {
@@ -5716,20 +5718,20 @@ function ys({
     },
     W.id
   );
-  return l ? o ? /* @__PURE__ */ n(ie, { children: o }) : null : /* @__PURE__ */ v(Wl, { margin: g, component: "section", "aria-label": e, children: [
-    y ? /* @__PURE__ */ n(Rl, {}) : null,
-    /* @__PURE__ */ v(Fl, { container: !0, expanded: s, children: [
+  return l ? o ? /* @__PURE__ */ n(ie, { children: o }) : null : /* @__PURE__ */ v(Rl, { margin: g, component: "section", "aria-label": e, children: [
+    y ? /* @__PURE__ */ n(Fl, {}) : null,
+    /* @__PURE__ */ v(Nl, { container: !0, expanded: s, children: [
       /* @__PURE__ */ n(
-        Nl,
+        Bl,
         {
           expandable: d,
-          startIcon: d && /* @__PURE__ */ n(fi, { children: k ? /* @__PURE__ */ n(Bl, {}) : /* @__PURE__ */ n(_l, {}) }),
+          startIcon: d && /* @__PURE__ */ n(mi, { children: k ? /* @__PURE__ */ n(_l, {}) : /* @__PURE__ */ n(Hl, {}) }),
           onClick: C,
           tabIndex: d ? 0 : -1,
-          children: /* @__PURE__ */ n(ue, { title: e, children: /* @__PURE__ */ n(Hl, { expanded: s, align: "left", variant: "subtitle1", children: e }) })
+          children: /* @__PURE__ */ n(ue, { title: e, children: /* @__PURE__ */ n(zl, { expanded: s, align: "left", variant: "subtitle1", children: e }) })
         }
       ),
-      /* @__PURE__ */ v(zl, { item: !0, children: [
+      /* @__PURE__ */ v(jl, { item: !0, children: [
         c,
         t.length > 0 && t.map((W) => W.tooltip ? /* @__PURE__ */ n(
           ue,
@@ -5753,7 +5755,7 @@ function ys({
             }
           ),
           /* @__PURE__ */ n(
-            jl,
+            Yl,
             {
               id: "options-menu",
               elevation: 8,
@@ -5790,33 +5792,33 @@ function ys({
   ] });
 }
 export {
-  ns as BarWidgetUI,
-  is as CategoryWidgetUI,
-  us as ComparativeCategoryWidgetUI,
-  ps as ComparativeFormulaWidgetUI,
-  gs as ComparativePieWidgetUI,
-  Ua as FeatureSelectionUIDropdown,
-  Ka as FeatureSelectionUIGeometryChips,
-  za as FeatureSelectionUIToggleButton,
-  hs as FeatureSelectionWidgetUI,
-  rs as FormulaWidgetUI,
+  is as BarWidgetUI,
+  rs as CategoryWidgetUI,
+  ps as ComparativeCategoryWidgetUI,
+  gs as ComparativeFormulaWidgetUI,
+  hs as ComparativePieWidgetUI,
+  Xa as FeatureSelectionUIDropdown,
+  Za as FeatureSelectionUIGeometryChips,
+  ja as FeatureSelectionUIToggleButton,
+  fs as FeatureSelectionWidgetUI,
+  os as FormulaWidgetUI,
   Se as GroupDateTypes,
-  os as HistogramWidgetUI,
+  as as HistogramWidgetUI,
   Ie as LEGEND_TYPES,
-  dl as LegendCategories,
-  kl as LegendIcon,
-  vl as LegendProportion,
+  ul as LegendCategories,
+  Sl as LegendIcon,
+  xl as LegendProportion,
   en as LegendRamp,
-  fs as LegendWidgetUI,
-  ms as NoDataAlert,
-  as as PieWidgetUI,
-  ls as RangeWidgetUI,
-  ss as ScatterPlotWidgetUI,
+  ms as LegendWidgetUI,
+  ys as NoDataAlert,
+  ls as PieWidgetUI,
+  ss as RangeWidgetUI,
+  cs as ScatterPlotWidgetUI,
   It as TIME_SERIES_CHART_TYPES,
-  cs as TableWidgetUI,
-  Lo as TimeSeriesProvider,
-  ds as TimeSeriesWidgetUI,
-  ys as WrapperWidgetUI,
+  ds as TableWidgetUI,
+  Do as TimeSeriesProvider,
+  us as TimeSeriesWidgetUI,
+  ws as WrapperWidgetUI,
   Et as useTimeSeriesContext,
-  Do as useTimeSeriesInteractivity
+  $o as useTimeSeriesInteractivity
 };