@carto/meridian-ds 1.3.1 → 1.3.3

package/dist/widgets/index.js

@@ -1,15 +1,15 @@
-import { jsxs as w, Fragment as ie, jsx as n } from "react/jsx-runtime";
+import { jsxs as v, Fragment as ie, jsx as n } from "react/jsx-runtime";
 import Qn, { useMemo as F, useState as _, useEffect as U, useCallback as oe, useRef as re, createContext as ei, useContext as ti, useLayoutEffect as an, createRef as ni } from "react";
-import { useTheme as le, styled as m, Box as S, Skeleton as H, Grid as ae, Link as ye, darken as yt, Button as Pe, Divider as vt, TextField as ot, InputAdornment as wt, Checkbox as ln, Tooltip as ue, IconButton as fe, debounce as ii, Slider as xt, TableCell as bt, Table as sn, TableHead as cn, TableRow as Je, TableBody as dn, TableContainer as un, TableSortLabel as ri, TablePagination as oi, Menu as kt, MenuItem as $e, SvgIcon as je, lighten as pn, Typography as De, ClickAwayListener as ai, ToggleButton as li, capitalize as gn, ListItem as si, Chip as ci, List as di, Paper as hn, Popover as ui, Select as pi, ListItemText as gi, Collapse as St, Drawer as hi, Icon as fi, LinearProgress as mi } from "@mui/material";
+import { useTheme as le, styled as m, Box as S, Skeleton as H, Grid as ae, Link as ye, darken as yt, Button as $e, Divider as wt, TextField as ot, InputAdornment as vt, Checkbox as ln, Tooltip as ue, IconButton as fe, debounce as ii, Slider as xt, TableCell as bt, Table as sn, TableHead as cn, TableRow as Je, TableBody as dn, TableContainer as un, TableSortLabel as ri, TablePagination as oi, Menu as kt, MenuItem as Pe, SvgIcon as je, lighten as pn, Typography as De, ClickAwayListener as ai, ToggleButton as li, capitalize as gn, ListItem as si, Chip as ci, List as di, Paper as hn, Popover as ui, Select as pi, ListItemText as gi, Collapse as St, Drawer as hi, Icon as fi, LinearProgress as mi } from "@mui/material";
 import { useIntl as se } from "react-intl";
-import { t as yi, u as ce, T as z, S as B, B as Mt, a as vi, b as pt } from "../TablePaginationActions-BmvmVQd9.js";
-import wi from "echarts-for-react";
+import { t as yi, u as ce, T as z, S as B, B as Mt, a as wi, b as pt } from "../TablePaginationActions-BmvmVQd9.js";
+import vi from "echarts-for-react";
 import { FixedSizeList as xi } from "react-window";
 import { S as Qe, a as bi } from "../SwatchSquare-DAne_6Gi.js";
 import { ChevronLeft as ki, ChevronRight as Si, KeyboardArrowDown as Mi, ErrorOutline as Ii, Cancel as Ci, VisibilityOutlined as Ti, VisibilityOffOutlined as Ai, ExpandLess as fn, ExpandMore as mn, Close as Ei, LayersOutlined as Li, MoreVert as Di } from "@mui/icons-material";
-import { A as Pi } from "../Alert-DbN79ENW.js";
-import { c as yn, a as $i, b as vn } from "../paletteUtils-BEwZhrLg.js";
-function wn() {
+import { A as $i } from "../Alert-DbN79ENW.js";
+import { c as yn, a as Pi, b as wn } from "../paletteUtils-BEwZhrLg.js";
+function vn() {
   let e = !1;
   return window.PointerEvent && "maxTouchPoints" in navigator ? navigator.maxTouchPoints > 0 && (e = !0) : (window.matchMedia && window.matchMedia("(any-pointer:coarse)").matches || window.TouchEvent || "ontouchstart" in window) && (e = !0), e;
 }
@@ -50,13 +50,13 @@ function Fi({
   stacked: g = !0,
   ...f
 }) {
-  const v = le(), h = F(
+  const w = le(), h = F(
     () => (o ?? []).map((M) => t[M] ?? M),
     [o, t]
   ), b = F(
     () => Array.isArray(i[0]) ? i : [i],
     [i]
-  ), k = F(() => typeof a == "string" ? [a] : Array.isArray(a) && a.length ? a : b.length <= 1 || h.length === 1 ? [v.palette.secondary.main] : b.length === 2 || h.length === 2 ? [v.palette.secondary.light, v.palette.secondary.dark] : Object.values(v.palette.qualitative.bold || {}), [a, v, b, h]);
+  ), k = F(() => typeof a == "string" ? [a] : Array.isArray(a) && a.length ? a : b.length <= 1 || h.length === 1 ? [w.palette.secondary.main] : b.length === 2 || h.length === 2 ? [w.palette.secondary.light, w.palette.secondary.dark] : Object.values(w.palette.qualitative.bold || {}), [a, w, b, h]);
   return {
     ...f,
     tooltip: l,
@@ -68,7 +68,7 @@ function Fi({
     filterable: y,
     stacked: g,
     labels: t,
-    height: e ?? parseInt(v.spacing(22)),
+    height: e ?? parseInt(w.spacing(22)),
     // parseInt removes 'px' from the string,
     selectedBars: Ni(r),
     yAxisData: b,
@@ -105,7 +105,7 @@ var Bi = function e(t, i) {
   return t !== t && i !== i;
 };
 const Le = /* @__PURE__ */ yi(Bi);
-class We extends wi {
+class We extends vi {
   componentDidUpdate(t) {
     const { shouldSetOption: i } = this.props;
     if (typeof i == "function" && !i(t, this.props))
@@ -185,9 +185,9 @@ const at = 240, xn = m(S)(({ theme: e }) => ({
   backgroundColor: e.palette.grey[100]
 }));
 function zi({ height: e }) {
-  return /* @__PURE__ */ w(ie, { children: [
+  return /* @__PURE__ */ v(ie, { children: [
     /* @__PURE__ */ n(S, { mb: 2, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
-    /* @__PURE__ */ w(xn, { style: { height: e || at }, children: [
+    /* @__PURE__ */ v(xn, { style: { height: e || at }, children: [
       /* @__PURE__ */ n(Fe, { variant: "rectangular", height: "20%" }),
       /* @__PURE__ */ n(Fe, { variant: "rectangular", height: "40%" }),
       /* @__PURE__ */ n(Fe, { variant: "rectangular", height: "60%" }),
@@ -202,7 +202,7 @@ function ke(e) {
     e && !r && (i(!0), o(!0)), e || i(!1);
   }, [e, r]), { showSkeleton: t };
 }
-const Hi = wn(), ji = m(ae)(({ theme: e }) => ({
+const Hi = vn(), ji = m(ae)(({ theme: e }) => ({
   marginBottom: e.spacing(2),
   flexDirection: "row",
   justifyContent: "space-between",
@@ -230,7 +230,7 @@ function ns(e) {
     stacked: y,
     height: g,
     filterable: f,
-    animation: v,
+    animation: w,
     isLoading: h
   } = Fi(e), b = r.length > 1, k = le(), M = se(), C = ce(M), { showSkeleton: x } = ke(!!h), A = F(
     () => ({
@@ -277,7 +277,7 @@ function ns(e) {
     return y ? I = t.reduce((R, q) => (q.forEach(
       (j, X) => R[X] = (R[X] ?? 0) + (j ?? Number.MIN_SAFE_INTEGER)
     ), R), []) : I = t.flat().map((R) => R ?? Number.MIN_SAFE_INTEGER), Math.max(...I);
-  }, [t, y]), $ = F(
+  }, [t, y]), P = F(
     () => ({
       type: "value",
       axisLabel: {
@@ -307,11 +307,11 @@ function ns(e) {
       }
     }),
     [k, L, c]
-  ), P = F(
+  ), $ = F(
     () => t.map((I, R) => ({
       type: "bar",
       name: r[R] ?? "",
-      animation: v,
+      animation: w,
       barMaxWidth: 100,
       data: I.map((q, j) => {
         const X = o.some(
@@ -335,7 +335,7 @@ function ns(e) {
         }
       }
     })),
-    [v, u, r, t, o, y, k]
+    [w, u, r, t, o, y, k]
   ), W = F(
     () => ({
       grid: {
@@ -359,8 +359,8 @@ function ns(e) {
       color: u,
       tooltip: A,
       xAxis: O,
-      yAxis: $,
-      series: P
+      yAxis: P,
+      series: $
     }),
     [
       T,
@@ -368,8 +368,8 @@ function ns(e) {
       u,
       A,
       O,
-      $,
-      P
+      P,
+      $
     ]
   ), J = () => {
     a && a([], []);
@@ -406,8 +406,8 @@ function ns(e) {
     } : {},
     [f, E]
   );
-  return x ? /* @__PURE__ */ n(zi, { height: g }) : /* @__PURE__ */ w("div", { children: [
-    a && /* @__PURE__ */ w(ji, { container: !0, children: [
+  return x ? /* @__PURE__ */ n(zi, { height: g }) : /* @__PURE__ */ v("div", { children: [
+    a && /* @__PURE__ */ v(ji, { container: !0, children: [
       /* @__PURE__ */ n(z, { variant: "caption", children: o.length > 0 ? C.formatMessage(
         { id: "c4r.widgets.bar.selectedItems" },
         { items: o.length }
@@ -520,7 +520,7 @@ const kn = m(ae)(({ theme: e }) => ({
   }
 })), qi = m(S)(({ theme: e }) => ({
   ...e.typography.body2
-})), Bt = m(Pe)(({ theme: e }) => ({
+})), Bt = m($e)(({ theme: e }) => ({
   position: "absolute",
   left: "-999px",
   top: "-1px",
@@ -536,10 +536,10 @@ const kn = m(ae)(({ theme: e }) => ({
 })), Xi = m(H)(({ theme: e }) => ({
   marginTop: e.spacing(1.25),
   marginBottom: e.spacing(1.75)
-})), Ki = (e) => e % 2 === 1, Mn = () => /* @__PURE__ */ w(ie, { children: [
+})), Ki = (e) => e % 2 === 1, Mn = () => /* @__PURE__ */ v(ie, { children: [
   /* @__PURE__ */ n(H, { width: 48, height: 8 }),
-  /* @__PURE__ */ n(kn, { container: !0, mt: 3, children: [...Array(6)].map((e, t) => /* @__PURE__ */ w(Sn, { container: !0, spacing: 1, children: [
-    /* @__PURE__ */ w(ae, { container: !0, item: !0, direction: "row", justifyContent: "space-between", children: [
+  /* @__PURE__ */ n(kn, { container: !0, mt: 3, children: [...Array(6)].map((e, t) => /* @__PURE__ */ v(Sn, { container: !0, spacing: 1, children: [
+    /* @__PURE__ */ v(ae, { container: !0, item: !0, direction: "row", justifyContent: "space-between", children: [
       /* @__PURE__ */ n(H, { width: Ki(t) ? 72 : 48, height: 8 }),
       /* @__PURE__ */ n(H, { width: 48, height: 8 })
     ] }),
@@ -587,10 +587,10 @@ function Zi({
   }
   const p = i / 1e3 * 60, c = s.map((g) => g / p), y = () => {
     d < p ? (l = l.map((g, f) => {
-      const v = Math.floor(g.value + c[f]), h = f > 0 && Math.floor(g.value + c[f - 1]);
+      const w = Math.floor(g.value + c[f]), h = f > 0 && Math.floor(g.value + c[f - 1]);
       return {
         ...g,
-        value: v === h ? t[f].value : v
+        value: w === h ? t[f].value : w
       };
     }), r(l), d++, o.current = requestAnimationFrame(y)) : r(t);
   };
@@ -612,9 +612,9 @@ function is({
   searchable: p = !0,
   isLoading: c
 }) {
-  const y = le(), [g, f] = _([]), [v, h] = _(1), [b, k] = _(!1), [M, C] = _(""), [x, A] = _([]), [T, O] = _(
+  const y = le(), [g, f] = _([]), [w, h] = _(1), [b, k] = _(!1), [M, C] = _(""), [x, A] = _([]), [T, O] = _(
     []
-  ), [L, $] = _([]), P = re(null), W = re(), J = In(L), G = re([]), { showSkeleton: E } = ke(!!c), N = se(), I = ce(N);
+  ), [L, P] = _([]), $ = re(null), W = re(), J = In(L), G = re([]), { showSkeleton: E } = ke(!!c), N = se(), I = ce(N);
   function R(D) {
     return g.reduce((Z, Q) => (D.includes(Q.name) && Z.push(Q.name), Z), []);
   }
@@ -634,13 +634,13 @@ function is({
     A(R(a));
   }, de = (D) => {
     D.key === "Enter" && K();
-  }, ve = () => {
+  }, we = () => {
     const D = R(
       T
     );
     l([...D]), A([...D]), O([]), k(!1), C("");
-  }, we = (D) => {
-    D.key === "Enter" && ve();
+  }, ve = (D) => {
+    D.key === "Enter" && we();
   }, V = () => {
     C(""), k(!1);
   }, ee = (D) => {
@@ -699,8 +699,8 @@ function is({
     (D) => D === Me ? `Others ${p ? "" : `(${Ae()})`}` : i[String(D)] ?? String(D),
     [Ae, i, p]
   ), Un = oe(
-    (D) => D >= v ? D != null ? "100%" : 0 : `${(D || 0) * 100 / v}%`,
-    [v]
+    (D) => D >= w ? D != null ? "100%" : 0 : `${(D || 0) * 100 / w}%`,
+    [w]
   );
   U(() => {
     a.length === 0 && A([]);
@@ -735,12 +735,12 @@ function is({
         })),
         end: g.map((D) => ({ ...D, value: D.value ?? 0 })),
         duration: 500,
-        drawFrame: (D) => $(D),
-        requestRef: P
+        drawFrame: (D) => P(D),
+        requestRef: $
       }), () => {
-        P.current && cancelAnimationFrame(P.current);
+        $.current && cancelAnimationFrame($.current);
       };
-    $(g);
+    P(g);
   }, [s, g]), U(() => {
     b && W.current && W.current.focus();
   }, [b, W]);
@@ -749,8 +749,8 @@ function is({
     onCategoryClick: Z
   }) {
     const Q = t(D.value ?? 0), [xe, Ye] = _(!1), be = re(null), lt = () => {
-      var Pt, $t;
-      const st = (((Pt = be == null ? void 0 : be.current) == null ? void 0 : Pt.scrollWidth) ?? 0) > ((($t = be == null ? void 0 : be.current) == null ? void 0 : $t.clientWidth) ?? 0);
+      var $t, Pt;
+      const st = ((($t = be == null ? void 0 : be.current) == null ? void 0 : $t.scrollWidth) ?? 0) > (((Pt = be == null ? void 0 : be.current) == null ? void 0 : Pt.clientWidth) ?? 0);
       Ye(st);
     };
     U(() => (lt(), window.addEventListener("resize", lt), () => {
@@ -759,7 +759,7 @@ function is({
     const Zn = (st) => {
       st.key === "Enter" && Z();
     }, Jn = !b && a.length > 0 && !a.includes(D.name);
-    return /* @__PURE__ */ w(
+    return /* @__PURE__ */ v(
       Sn,
       {
         container: !0,
@@ -779,8 +779,8 @@ function is({
               tabIndex: -1
             }
           ) }),
-          /* @__PURE__ */ w(Gi, { container: !0, item: !0, xs: !0, isSelectable: b, children: [
-            /* @__PURE__ */ w(
+          /* @__PURE__ */ v(Gi, { container: !0, item: !0, xs: !0, isSelectable: b, children: [
+            /* @__PURE__ */ v(
               ae,
               {
                 container: !0,
@@ -797,7 +797,7 @@ function is({
                       children: /* @__PURE__ */ n(Ui, { variant: "body2", noWrap: !0, ref: be, children: Dt(D.name) })
                     }
                   ),
-                  typeof Q == "object" && Q !== null ? /* @__PURE__ */ w("span", { children: [
+                  typeof Q == "object" && Q !== null ? /* @__PURE__ */ v("span", { children: [
                     Q.prefix,
                     Q.value,
                     Q.suffix
@@ -825,8 +825,8 @@ function is({
       }
     ) }) : null;
   }, Kn = () => b ? 320 : x.length > 0 ? x.length * 38 : (r + 1) * 38;
-  return /* @__PURE__ */ w(qi, { children: [
-    u && g.length > 0 && /* @__PURE__ */ w(Nt, { container: !0, children: [
+  return /* @__PURE__ */ v(qi, { children: [
+    u && g.length > 0 && /* @__PURE__ */ v(Nt, { container: !0, children: [
       /* @__PURE__ */ n(z, { variant: "caption", children: a.length > 0 ? I.formatMessage(
         { id: "c4r.widgets.category.selectedItems" },
         { items: a.length }
@@ -834,8 +834,8 @@ function is({
       b ? /* @__PURE__ */ n(
         Ve,
         {
-          onClick: ve,
-          onKeyDown: we,
+          onClick: we,
+          onKeyDown: ve,
           underline: "hover",
           tabIndex: 0,
           "data-testid": "primaryApplyButton",
@@ -850,7 +850,7 @@ function is({
           tabIndex: 0,
           children: I.formatMessage({ id: "c4r.widgets.category.unlock" })
         }
-      ) : a.length > 0 && /* @__PURE__ */ w(ae, { container: !0, direction: "row", justifyContent: "flex-end", item: !0, xs: !0, children: [
+      ) : a.length > 0 && /* @__PURE__ */ v(ae, { container: !0, direction: "row", justifyContent: "flex-end", item: !0, xs: !0, children: [
         /* @__PURE__ */ n(
           Ve,
           {
@@ -863,7 +863,7 @@ function is({
             })
           }
         ),
-        /* @__PURE__ */ n(vt, { orientation: "vertical", flexItem: !0 }),
+        /* @__PURE__ */ n(wt, { orientation: "vertical", flexItem: !0 }),
         /* @__PURE__ */ n(
           Ve,
           {
@@ -878,7 +878,7 @@ function is({
         )
       ] })
     ] }),
-    e.length > r && b && /* @__PURE__ */ w(Nt, { container: !0, children: [
+    e.length > r && b && /* @__PURE__ */ v(Nt, { container: !0, children: [
       /* @__PURE__ */ n(
         ot,
         {
@@ -890,7 +890,7 @@ function is({
           onChange: pe,
           onFocus: ne,
           InputProps: {
-            startAdornment: /* @__PURE__ */ n(wt, { position: "start", children: /* @__PURE__ */ n(Qe, {}) })
+            startAdornment: /* @__PURE__ */ n(vt, { position: "start", children: /* @__PURE__ */ n(Qe, {}) })
           },
           inputProps: {
             tabIndex: 0,
@@ -909,7 +909,7 @@ function is({
         itemSize: y.spacingValue * 4.5,
         children: Xn
       }
-    ) : /* @__PURE__ */ w(S, { children: [
+    ) : /* @__PURE__ */ v(S, { children: [
       /* @__PURE__ */ n(z, { variant: "body2", children: I.formatMessage({
         id: "c4r.widgets.category.noResults"
       }) }),
@@ -918,9 +918,9 @@ function is({
         { searchValue: M }
       ) })
     ] }) }),
-    b && /* @__PURE__ */ n(Bt, { size: "small", onClick: ve, children: I.formatMessage({ id: "c4r.widgets.category.apply" }) }),
+    b && /* @__PURE__ */ n(Bt, { size: "small", onClick: we, children: I.formatMessage({ id: "c4r.widgets.category.apply" }) }),
     e.length > r && p ? b ? /* @__PURE__ */ n(S, { mt: 1.5, children: /* @__PURE__ */ n(
-      Pe,
+      $e,
       {
         size: "small",
         color: "primary",
@@ -929,7 +929,7 @@ function is({
         children: I.formatMessage({ id: "c4r.widgets.category.cancel" })
       }
     ) }) : /* @__PURE__ */ n(S, { mt: 1.5, children: /* @__PURE__ */ n(
-      Pe,
+      $e,
       {
         size: "small",
         color: "primary",
@@ -973,7 +973,7 @@ function rs({
     l.current && cancelAnimationFrame(l.current);
   }), [i, e, a]);
   const p = t(o), c = typeof p == "object" && p !== null, y = p === Ge;
-  return u ? /* @__PURE__ */ n(Cn, {}) : c ? /* @__PURE__ */ w(z, { variant: "h5", component: "div", weight: "medium", children: [
+  return u ? /* @__PURE__ */ n(Cn, {}) : c ? /* @__PURE__ */ v(z, { variant: "h5", component: "div", weight: "medium", children: [
     /* @__PURE__ */ n(nr, { children: p.prefix }),
     p.value,
     /* @__PURE__ */ n(ir, { children: p.suffix })
@@ -1017,7 +1017,7 @@ function or({
           y.offsetX,
           y.offsetY
         ]);
-        d(Ne === g ? [] : [Ne, g].sort((f, v) => f - v));
+        d(Ne === g ? [] : [Ne, g].sort((f, w) => f - w));
       }
     }
     if (o && t) {
@@ -1076,9 +1076,9 @@ function dt(e, t, i) {
     };
 }
 function ar({ height: e }) {
-  return /* @__PURE__ */ w(ie, { children: [
+  return /* @__PURE__ */ v(ie, { children: [
     /* @__PURE__ */ n(S, { mb: 2, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
-    /* @__PURE__ */ w(bn, { style: { height: e ?? at }, children: [
+    /* @__PURE__ */ v(bn, { style: { height: e ?? at }, children: [
       /* @__PURE__ */ n(he, { variant: "rectangular", height: "20%" }),
       /* @__PURE__ */ n(he, { variant: "rectangular", height: "40%" }),
       /* @__PURE__ */ n(he, { variant: "rectangular", height: "60%" }),
@@ -1094,7 +1094,7 @@ function ar({ height: e }) {
     ] })
   ] });
 }
-const lr = wn(), sr = m(ae)(({ theme: e }) => ({
+const lr = vn(), sr = m(ae)(({ theme: e }) => ({
   marginBottom: e.spacing(2),
   flexDirection: "row",
   justifyContent: "space-between",
@@ -1135,7 +1135,7 @@ function os({
   height: g = 200,
   isLoading: f
 }) {
-  const v = se(), h = le(), b = ce(v), { showSkeleton: k } = ke(!!f), M = !!y && !!s, [C, x] = _(), A = (I) => x(I), T = F(
+  const w = se(), h = le(), b = ce(w), { showSkeleton: k } = ke(!!f), M = !!y && !!s, [C, x] = _(), A = (I) => x(I), T = F(
     () => fr(e, t, i, r),
     [e, t, i, r]
   ), { onEvents: O, markAreaOptions: L } = or({
@@ -1144,7 +1144,7 @@ function os({
     selectedBars: d,
     onSelectedBarsChange: s,
     echartsInstance: C
-  }), $ = F(
+  }), P = F(
     () => ({
       show: u,
       trigger: "item",
@@ -1163,7 +1163,7 @@ function os({
       }
     }),
     [h, u, p, o, a]
-  ), P = F(
+  ), $ = F(
     () => ({
       min: i,
       max: r,
@@ -1251,7 +1251,7 @@ function os({
       cursor: "pointer",
       markArea: L,
       renderItem: function(j, X) {
-        const te = j.dataIndex === T.length - 1, Y = j.dataIndex === 0, K = q[j.dataIndex].itemStyle.color, de = X.value(0), ve = X.value(1), we = X.value(2), [V, ee] = X.coord([de, we]), [ne, pe] = X.size([ve - de, we]);
+        const te = j.dataIndex === T.length - 1, Y = j.dataIndex === 0, K = q[j.dataIndex].itemStyle.color, de = X.value(0), we = X.value(1), ve = X.value(2), [V, ee] = X.coord([de, ve]), [ne, pe] = X.size([we - de, ve]);
         return {
           type: "rect",
           shape: {
@@ -1297,20 +1297,20 @@ function os({
         bottom: B * 0.5,
         containLabel: !0
       },
-      tooltip: $,
-      xAxis: P,
+      tooltip: P,
+      xAxis: $,
       yAxis: W,
       series: [J]
     }),
-    [$, P, W, J]
+    [P, $, W, J]
   ), E = d.reduce(
     (I, R) => I += e[R] ?? 0,
     0
   ), N = (I) => {
     I.key === "Enter" && s([]);
   };
-  return k ? /* @__PURE__ */ n(ar, { height: g }) : /* @__PURE__ */ w("div", { children: [
-    M && /* @__PURE__ */ w(sr, { container: !0, children: [
+  return k ? /* @__PURE__ */ n(ar, { height: g }) : /* @__PURE__ */ v("div", { children: [
+    M && /* @__PURE__ */ v(sr, { container: !0, children: [
       /* @__PURE__ */ n(z, { variant: "caption", weight: "strong", children: d.length > 0 ? b.formatMessage(
         { id: "c4r.widgets.histogram.selectedItems" },
         {
@@ -1393,13 +1393,13 @@ const yr = m(S)(({ theme: e }) => ({
   alignItems: "center",
   justifyContent: "center",
   paddingBottom: e.spacing(1)
-})), vr = m(S)(({ theme: e }) => ({
+})), wr = m(S)(({ theme: e }) => ({
   display: "flex",
   alignItems: "center",
   gap: e.spacing(1),
   maxWidth: "140px",
   textTransform: "uppercase"
-})), wr = m(S)(({ theme: e }) => ({
+})), vr = m(S)(({ theme: e }) => ({
   display: "inline-block",
   borderRadius: e.spacing(0.5),
   width: e.spacing(1),
@@ -1435,10 +1435,10 @@ function xr({
     a && o(a);
   }, [a, o]);
   const { name: l, percentage: d, color: s } = r ?? {};
-  return r ? /* @__PURE__ */ w(yr, { children: [
+  return r ? /* @__PURE__ */ v(yr, { children: [
     /* @__PURE__ */ n(z, { variant: "h5", children: d }),
-    /* @__PURE__ */ w(vr, { children: [
-      /* @__PURE__ */ n(wr, { bgcolor: s, component: "span" }),
+    /* @__PURE__ */ v(wr, { children: [
+      /* @__PURE__ */ n(vr, { bgcolor: s, component: "span" }),
       /* @__PURE__ */ n(z, { component: "span", variant: "body2", noWrap: !0, children: l })
     ] })
   ] }) : null;
@@ -1485,9 +1485,9 @@ const zt = 32, Sr = m(S)(({ theme: e }) => ({
 }));
 function Tn({ height: e }) {
   const t = parseInt(String(e), 10) || at, i = t - zt, r = i - zt;
-  return /* @__PURE__ */ w(S, { mt: 0.5, children: [
+  return /* @__PURE__ */ v(S, { mt: 0.5, children: [
     /* @__PURE__ */ n(H, { height: 8, width: 64 }),
-    /* @__PURE__ */ n(Sr, { height: t, children: /* @__PURE__ */ w(Mr, { children: [
+    /* @__PURE__ */ n(Sr, { height: t, children: /* @__PURE__ */ v(Mr, { children: [
       /* @__PURE__ */ n(H, { variant: "circular", width: i, height: i }),
       /* @__PURE__ */ n(
         Ir,
@@ -1497,12 +1497,12 @@ function Tn({ height: e }) {
           height: r
         }
       ),
-      /* @__PURE__ */ w(Cr, { children: [
+      /* @__PURE__ */ v(Cr, { children: [
         /* @__PURE__ */ n(H, { height: 24, width: 72 }),
         /* @__PURE__ */ n(H, { height: 8, width: 48 })
       ] })
     ] }) }),
-    /* @__PURE__ */ n(Tr, { children: [...Array(2)].map((o, a) => /* @__PURE__ */ w(Ar, { children: [
+    /* @__PURE__ */ n(Tr, { children: [...Array(2)].map((o, a) => /* @__PURE__ */ v(Ar, { children: [
       /* @__PURE__ */ n(H, { variant: "circular", width: 8, height: 8 }),
       /* @__PURE__ */ n(H, { width: 48, height: 8 })
     ] }, a)) })
@@ -1529,7 +1529,7 @@ const Er = m(S)(({ theme: e }) => ({
   textOverflow: "ellipsis",
   whiteSpace: "nowrap",
   cursor: "pointer"
-})), Pr = m(S)(({ theme: e }) => ({
+})), $r = m(S)(({ theme: e }) => ({
   display: "inline-block",
   position: "absolute",
   left: e.spacing(-2),
@@ -1538,7 +1538,7 @@ const Er = m(S)(({ theme: e }) => ({
   zIndex: 1,
   width: e.spacing(2.5),
   background: `linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, ${e.palette.background.paper} 100%)`
-})), $r = m(S)(({ theme: e }) => ({
+})), Pr = m(S)(({ theme: e }) => ({
   position: "absolute",
   padding: e.spacing(0.25, 1),
   top: e.spacing(0),
@@ -1562,7 +1562,7 @@ function An({
 }) {
   var M, C;
   const r = le(), [o, a] = _(!1), [l, d] = _(0), [s, u] = _(void 0), p = re(null), c = re(null), y = re(null), g = se(), f = ce(g);
-  function v() {
+  function w() {
     d(l + 1);
   }
   function h() {
@@ -1595,7 +1595,7 @@ function An({
     }), x.observe(p.current)), () => {
       x == null || x.disconnect();
     };
-  }, [p, k]), /* @__PURE__ */ w(Er, { ref: p, children: [
+  }, [p, k]), /* @__PURE__ */ v(Er, { ref: p, children: [
     /* @__PURE__ */ n(
       Lr,
       {
@@ -1606,7 +1606,7 @@ function An({
         children: e.map((x, A) => {
           if (A < l) return null;
           const T = t.length === 0 || t.includes(x.name);
-          return /* @__PURE__ */ w(
+          return /* @__PURE__ */ v(
             Dr,
             {
               tabIndex: 0,
@@ -1637,8 +1637,8 @@ function An({
         })
       }
     ),
-    (o || l > 0) && /* @__PURE__ */ w($r, { ref: y, children: [
-      /* @__PURE__ */ n(Pr, {}),
+    (o || l > 0) && /* @__PURE__ */ v(Pr, { ref: y, children: [
+      /* @__PURE__ */ n($r, {}),
       /* @__PURE__ */ n(
         ue,
         {
@@ -1667,7 +1667,7 @@ function An({
             {
               size: "small",
               disabled: !o,
-              onClick: v,
+              onClick: w,
               children: /* @__PURE__ */ n(Si, {})
             }
           )
@@ -1717,9 +1717,9 @@ function as({
   onSelectedCategoriesChange: y,
   isLoading: g,
   maxItems: f = 11,
-  order: v = Ce.RANKING
+  order: w = Ce.RANKING
 }) {
-  const h = le(), b = mr(t, v, f, s), { showSkeleton: k } = ke(!!g), M = se(), C = ce(M), x = F(() => o || ((G) => `${M.formatNumber(G, {
+  const h = le(), b = mr(t, w, f, s), { showSkeleton: k } = ke(!!g), M = se(), C = ce(M), x = F(() => o || ((G) => `${M.formatNumber(G, {
     maximumFractionDigits: 2,
     minimumFractionDigits: 2
   })}%`), [M, o]), A = F(() => {
@@ -1796,7 +1796,7 @@ function as({
       }
     },
     [b, y, c]
-  ), $ = oe(
+  ), P = oe(
     (G) => {
       if (y) {
         const E = [...c], N = E.indexOf(G);
@@ -1804,15 +1804,15 @@ function as({
       }
     },
     [y, c]
-  ), P = {
+  ), $ = {
     ...p && { click: L }
   }, W = () => {
     y == null || y([]);
   }, J = (G) => {
     G.key === "Enter" && W();
   };
-  return k ? /* @__PURE__ */ n(Tn, { height: a }) : /* @__PURE__ */ w(ie, { children: [
-    p && /* @__PURE__ */ w(Wr, { container: !0, children: [
+  return k ? /* @__PURE__ */ n(Tn, { height: a }) : /* @__PURE__ */ v(ie, { children: [
+    p && /* @__PURE__ */ v(Wr, { container: !0, children: [
       /* @__PURE__ */ n(z, { variant: "caption", color: "textSecondary", children: c.length ? C.formatMessage(
         { id: "c4r.widgets.pie.selectedItems" },
         { items: c.length }
@@ -1828,7 +1828,7 @@ function as({
         }
       )
     ] }),
-    /* @__PURE__ */ w(Rr, { height: a, width: l, children: [
+    /* @__PURE__ */ v(Rr, { height: a, width: l, children: [
       /* @__PURE__ */ n(
         xr,
         {
@@ -1841,7 +1841,7 @@ function as({
         Fr,
         {
           option: O,
-          onEvents: P,
+          onEvents: $,
           lazyUpdate: !0,
           style: { height: a, width: l }
         }
@@ -1852,7 +1852,7 @@ function as({
       {
         series: b,
         selectedCategories: c,
-        onCategoryClick: y && $
+        onCategoryClick: y && P
       }
     )
   ] });
@@ -1878,15 +1878,15 @@ const zr = m(ae)(({ theme: e }) => ({
   padding: e.spacing(0, 3)
 }));
 function jr() {
-  return /* @__PURE__ */ w(ae, { container: !0, children: [
-    /* @__PURE__ */ w(zr, { container: !0, item: !0, children: [
-      /* @__PURE__ */ w(Hr, { container: !0, item: !0, justifyContent: "space-between", children: [
+  return /* @__PURE__ */ v(ae, { container: !0, children: [
+    /* @__PURE__ */ v(zr, { container: !0, item: !0, children: [
+      /* @__PURE__ */ v(Hr, { container: !0, item: !0, justifyContent: "space-between", children: [
         /* @__PURE__ */ n(Rt, { variant: "circular", width: 12, height: 12 }),
         /* @__PURE__ */ n(Rt, { variant: "circular", width: 12, height: 12 })
       ] }),
       /* @__PURE__ */ n(H, { height: 2, width: "100%" })
     ] }),
-    /* @__PURE__ */ w(ae, { container: !0, item: !0, justifyContent: "space-between", children: [
+    /* @__PURE__ */ v(ae, { container: !0, item: !0, justifyContent: "space-between", children: [
       /* @__PURE__ */ n(H, { width: 56, height: 32 }),
       /* @__PURE__ */ n(H, { width: 56, height: 32 })
     ] })
@@ -1974,7 +1974,7 @@ function ls({
   }, [r, i, t]), f = F(
     () => o ? ii(o, 250) : null,
     [o]
-  ), v = (x) => {
+  ), w = (x) => {
     u([...x]), d([...x]), f && f([...x]);
   };
   function h(x, A) {
@@ -1989,15 +1989,15 @@ function ls({
     let A = s[x];
     A === "" && (A = l[x]), A > i && (A = i), A < t && (A = t);
     const T = x === 0 ? [A, s[1]] : [s[0], A];
-    v(T.sort((O, L) => O - L));
+    w(T.sort((O, L) => O - L));
   }
   const M = () => {
-    v([t, i]);
+    w([t, i]);
   };
   function C(x) {
     x.key === "Enter" && M();
   }
-  return y ? /* @__PURE__ */ n(jr, {}) : /* @__PURE__ */ w(Yr, { children: [
+  return y ? /* @__PURE__ */ n(jr, {}) : /* @__PURE__ */ v(Yr, { children: [
     /* @__PURE__ */ n(Vr, { children: b && /* @__PURE__ */ n(z, { variant: "caption", color: "primary", children: /* @__PURE__ */ n(
       Gr,
       {
@@ -2009,7 +2009,7 @@ function ls({
         children: c.formatMessage({ id: "c4r.widgets.range.clear" })
       }
     ) }) }),
-    /* @__PURE__ */ w(S, { children: [
+    /* @__PURE__ */ v(S, { children: [
       /* @__PURE__ */ n(
         Ur,
         {
@@ -2017,7 +2017,7 @@ function ls({
           value: l,
           min: t,
           max: i,
-          onChange: (x, A) => v(A)
+          onChange: (x, A) => w(A)
         }
       ),
       r && r.length === 2 && /* @__PURE__ */ n(
@@ -2031,7 +2031,7 @@ function ls({
         }
       )
     ] }),
-    /* @__PURE__ */ w(S, { display: "flex", justifyContent: "space-between", mb: 1, children: [
+    /* @__PURE__ */ v(S, { display: "flex", justifyContent: "space-between", mb: 1, children: [
       /* @__PURE__ */ n(
         jt,
         {
@@ -2091,7 +2091,7 @@ function Zr({ height: e }) {
   function t() {
     return Math.floor(Math.random() * 5);
   }
-  return /* @__PURE__ */ w(S, { height: e ?? at, children: [
+  return /* @__PURE__ */ v(S, { height: e ?? at, children: [
     /* @__PURE__ */ n(S, { mb: 4, children: /* @__PURE__ */ n(H, { width: 48, height: 8 }) }),
     /* @__PURE__ */ n(Xr, { height: "80%", children: [...Array(3)].map((i, r) => (
       // Every row is placed with an incremental margin left to reinforce the effect of a scatter plot
@@ -2245,20 +2245,20 @@ function ao({
   pagination: i,
   rowsPerPage: r
 }) {
-  return /* @__PURE__ */ w(ie, { children: [
-    /* @__PURE__ */ n(oo, { style: e, children: /* @__PURE__ */ w(sn, { "aria-label": "skeleton table", size: t ? "small" : "medium", children: [
-      /* @__PURE__ */ n(cn, { children: /* @__PURE__ */ w(Je, { children: [
+  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(cn, { children: /* @__PURE__ */ v(Je, { children: [
         /* @__PURE__ */ n(Ue, { rows: 1, width: 8 }),
         /* @__PURE__ */ n(Ue, { width: 56 })
       ] }) }),
       /* @__PURE__ */ n(dn, { children: [...Array(Math.min(10, r ?? 10))].map(
-        (o, a) => /* @__PURE__ */ w(Je, { children: [
+        (o, a) => /* @__PURE__ */ v(Je, { children: [
           /* @__PURE__ */ n(Ue, { rows: 1, width: 8 }),
           /* @__PURE__ */ n(Ue, { index: a })
         ] }, a)
       ) })
     ] }) }),
-    i && /* @__PURE__ */ w(ro, { children: [
+    i && /* @__PURE__ */ v(ro, { children: [
       /* @__PURE__ */ n(H, { width: 56, height: 8 }),
       /* @__PURE__ */ n(S, { mr: 1, children: /* @__PURE__ */ n(H, { width: 52, height: 16 }) }),
       /* @__PURE__ */ n(H, { width: 60, height: 8 }),
@@ -2309,7 +2309,7 @@ function cs({
   rowsPerPageOptions: y = go,
   onSetRowsPerPage: g = Be,
   onRowClick: f = Be,
-  onRowMouseEnter: v,
+  onRowMouseEnter: w,
   onRowMouseLeave: h,
   height: b,
   dense: k = !1,
@@ -2328,10 +2328,10 @@ function cs({
       { from: E, to: N, count: I }
     );
   }
-  function $(E) {
+  function P(E) {
     l(r === E && o === "asc" ? "desc" : "asc"), a(E);
   }
-  function P(E, N) {
+  function $(E, N) {
     p(N);
   }
   function W(E) {
@@ -2353,8 +2353,8 @@ function cs({
       dense: k,
       pagination: d
     }
-  ) : /* @__PURE__ */ w(ie, { children: [
-    /* @__PURE__ */ n(un, { style: J, children: /* @__PURE__ */ w(sn, { stickyHeader: !0, size: k ? "small" : "medium", children: [
+  ) : /* @__PURE__ */ v(ie, { children: [
+    /* @__PURE__ */ n(un, { style: J, children: /* @__PURE__ */ v(sn, { stickyHeader: !0, size: k ? "small" : "medium", children: [
       /* @__PURE__ */ n(
         ho,
         {
@@ -2362,7 +2362,7 @@ function cs({
           sorting: i,
           sortBy: r,
           sortDirection: o,
-          onSort: $
+          onSort: P
         }
       ),
       /* @__PURE__ */ n(
@@ -2370,7 +2370,7 @@ function cs({
         {
           columns: e,
           rows: t,
-          onRowMouseEnter: v,
+          onRowMouseEnter: w,
           onRowMouseLeave: h,
           onRowClick: f
         }
@@ -2389,15 +2389,15 @@ function cs({
         count: s,
         rowsPerPage: c,
         page: u,
-        onPageChange: P,
+        onPageChange: $,
         onRowsPerPageChange: W,
         ActionsComponent: () => /* @__PURE__ */ n(
-          vi,
+          wi,
           {
             count: s,
             rowsPerPage: c,
             page: u,
-            onPageChange: P,
+            onPageChange: $,
             lastPageTooltip: C
           }
         )
@@ -2441,8 +2441,8 @@ function fo({
         children: e.map(
           ({ field: s, headerName: u, align: p, component: c, formatter: y }) => {
             var f;
-            let g = (f = Object.entries(a).find(([v]) => v.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((v) => typeof v == "string" ? `"${v}"` : String(v)).join(", ")}]` : typeof g == "object" && g !== null && (g = JSON.stringify(g)), (u ?? s) && /* @__PURE__ */ n(
+            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,
               {
                 scope: "row",
@@ -2527,7 +2527,7 @@ const Ct = {
   hour: bo,
   minute: Gt,
   second: Gt
-}, vo = {
+}, wo = {
   year: Eo,
   month: Ao,
   week: To,
@@ -2536,7 +2536,7 @@ const Ct = {
   minute: Mo,
   second: So
 };
-function wo({
+function vo({
   date: e,
   stepSize: t
 }) {
@@ -2567,7 +2567,7 @@ function Dn({
   const { start: o, end: a } = ko({ date: e, stepSize: t, stepMultiplier: i });
   if (i === 1) {
     if (t === "day")
-      return wo({ date: o, stepSize: t });
+      return vo({ date: o, stepSize: t });
     if (t === "second")
       return `${Ee(o)} ${ft(
         o
@@ -2602,7 +2602,7 @@ function ko({
   stepSize: t,
   stepMultiplier: i = 1
 }) {
-  const r = vo[t];
+  const r = wo[t];
   if (!r)
     throw new Error("getBucketInterval: invalid bucket size");
   return r({ date: e, stepMultiplier: i });
@@ -2701,7 +2701,7 @@ function Eo({
   return { start: i, end: r };
 }
 const me = () => {
-}, Pn = ei({
+}, $n = ei({
   isPlaying: !1,
   setIsPlaying: me,
   isPaused: !1,
@@ -2714,7 +2714,7 @@ const me = () => {
   intl: {}
 });
 function Et() {
-  return ti(Pn);
+  return ti($n);
 }
 function Lo({
   children: e,
@@ -2727,7 +2727,7 @@ function Lo({
   onTimeWindowUpdate: d = me,
   intl: s
 }) {
-  const [u, p] = _(t), [c, y] = _(i), [g, f] = _([]), v = ce(s);
+  const [u, p] = _(t), [c, y] = _(i), [g, f] = _([]), w = ce(s);
   U(() => {
     const M = g.sort((C, x) => C < x ? -1 : 1).map(Ln);
     d == null || d(M);
@@ -2748,7 +2748,7 @@ function Lo({
     const M = l.map(Vt), C = g.map(Vt);
     (M[0] !== C[0] || M[1] !== C[1]) && f(M);
   }, l), /* @__PURE__ */ n(
-    Pn.Provider,
+    $n.Provider,
     {
       value: {
         isPlaying: !!u,
@@ -2760,7 +2760,7 @@ function Lo({
         onTimeWindowUpdate: d,
         togglePlay: h,
         stop: k,
-        intl: v
+        intl: w
       },
       children: e
     }
@@ -2775,7 +2775,7 @@ function Do({
   canSelectLines: i,
   filterable: r
 }) {
-  const o = le(), { isPlaying: a, isPaused: l, setIsPaused: d, timeWindow: s, setTimeWindow: u, stop: p } = Et(), [c, y] = _(!1), [g, f] = _(!1), [v, h] = _(!1), [b, k] = _(0), M = F(() => e == null ? void 0 : e.getZr(), [e]), C = oe(
+  const o = le(), { isPlaying: a, isPaused: l, setIsPaused: d, timeWindow: s, setTimeWindow: u, stop: p } = Et(), [c, y] = _(!1), [g, f] = _(!1), [w, h] = _(!1), [b, k] = _(0), M = F(() => e == null ? void 0 : e.getZr(), [e]), C = oe(
     (O) => M == null ? void 0 : M.setCursorStyle(O),
     [M]
   ), x = oe(
@@ -2784,8 +2784,8 @@ function Do({
         const [L] = e.convertFromPixel(_e, [
           O.offsetX,
           O.offsetY
-        ]), $ = nt(L, t);
-        u($ !== void 0 ? [t[$].name] : []);
+        ]), P = nt(L, t);
+        u(P !== void 0 ? [t[P].name] : []);
       }
     },
     [t, e, u]
@@ -2808,31 +2808,31 @@ function Do({
     r
   ]), U(() => {
     function O(L) {
-      var $;
+      var P;
       if (r) {
-        if ((($ = L.target) == null ? void 0 : $.type) === "ec-line") {
+        if (((P = L.target) == null ? void 0 : P.type) === "ec-line") {
           y(!0), C("grabbing");
           return;
         }
         if (s.length === 2) {
-          const [P] = e.convertFromPixel(_e, [
+          const [$] = e.convertFromPixel(_e, [
             L.offsetX,
             L.offsetY
           ]);
-          if (P >= s[0] && P <= s[1]) {
+          if ($ >= s[0] && $ <= s[1]) {
             h(!0);
-            const W = P - s[0];
+            const W = $ - s[0];
             k(W);
             return;
           }
         }
         if (e) {
           f(!0);
-          const [P] = e.convertFromPixel(_e, [
+          const [$] = e.convertFromPixel(_e, [
             L.offsetX,
             L.offsetY
           ]);
-          qe = P;
+          qe = $;
           return;
         }
       }
@@ -2840,13 +2840,13 @@ function Do({
     return Xe(M, "mousedown", O);
   }, [M, e, s, C, r]), U(() => {
     function O(L) {
-      var $;
-      if ((($ = L == null ? void 0 : L.target) == null ? void 0 : $.type) === "polygon" && C("move"), c && e && (x(L), C("grabbing")), g && e) {
-        const [P] = e.convertFromPixel(_e, [
+      var P;
+      if (((P = L == null ? void 0 : L.target) == null ? void 0 : P.type) === "polygon" && C("move"), c && e && (x(L), C("grabbing")), g && e) {
+        const [$] = e.convertFromPixel(_e, [
           L.offsetX,
           L.offsetY
         ]);
-        u(qe === P ? [] : [qe, P]);
+        u(qe === $ ? [] : [qe, $]);
       }
     }
     return Xe(M, "mousemove", O);
@@ -2860,13 +2860,13 @@ function Do({
     x
   ]), U(() => {
     function O(L) {
-      if (c && (y(!1), C("default")), g && (f(!1), qe = null, s.length === 1 && u([])), v && e) {
-        const [$] = e.convertFromPixel(_e, [
+      if (c && (y(!1), C("default")), g && (f(!1), qe = null, s.length === 1 && u([])), w && e) {
+        const [P] = e.convertFromPixel(_e, [
           L.offsetX,
           L.offsetY
-        ]), P = $ - s[0];
+        ]), $ = P - s[0];
         if (b) {
-          const W = P - b;
+          const W = $ - b;
           u([s[0] + W, s[1] + W]);
         }
         h(!1);
@@ -2876,7 +2876,7 @@ function Do({
   }, [
     M,
     e,
-    v,
+    w,
     g,
     c,
     b,
@@ -2887,16 +2887,16 @@ function Do({
     !r && s.length && u([]);
   }, [r, u, s.length]);
   const A = F(() => {
-    var P;
+    var $;
     if (s.length !== 1)
       return;
     const O = s[0], L = nt(O, t);
     if (L === void 0)
       return;
-    const $ = (P = t[L]) == null ? void 0 : P.name;
+    const P = ($ = t[L]) == null ? void 0 : $.name;
     return (
       // Cannot have markLine and markArea at the same time
-      $ !== void 0 && {
+      P !== void 0 && {
         symbol: ["none", "none"],
         animationDuration: 100,
         animationDurationUpdate: 150,
@@ -2911,7 +2911,7 @@ function Do({
                 show: !1
               }
             },
-            xAxis: $,
+            xAxis: P,
             lineStyle: {
               type: "solid",
               color: o.palette.primary.main,
@@ -2941,7 +2941,7 @@ function Xe(e, t, i) {
       Ut[t] && (e != null && e.handler) && e.off(t, i);
     };
 }
-const $n = B * 22, On = "100%", Po = 5, $o = 3, Oo = B * 20;
+const Pn = B * 22, On = "100%", $o = 5, Po = 3, Oo = B * 20;
 function Wo({
   chartType: e,
   formatter: t,
@@ -2959,7 +2959,7 @@ function Wo({
   onCategoryClick: g,
   yAxisType: f
 }) {
-  const v = le(), [h, b] = _(), k = (E) => b(E), [M, C] = _(), x = F(
+  const w = le(), [h, b] = _(), k = (E) => b(E), [M, C] = _(), x = F(
     () => l.reduce(
       (E, { data: N }) => N.reduce(
         (I, R) => R[1] > I ? R[1] : I,
@@ -2975,19 +2975,19 @@ function Wo({
       appendToBody: !0,
       padding: [B * 0.5, B],
       textStyle: {
-        ...v.typography.caption,
+        ...w.typography.caption,
         fontSize: 11,
-        color: v.palette.common.white
+        color: w.palette.common.white
       },
       borderWidth: 0,
-      backgroundColor: v.palette.black[90],
+      backgroundColor: w.palette.black[90],
       position: (E, N, I, R, q) => {
         const j = { top: 0 };
         return q.contentSize[0] < q.viewSize[0] - E[0] ? j.left = E[0] + B * 1.5 : j.right = q.viewSize[0] - E[0] + B * 1.5, j;
       },
       ...o ? { formatter: o } : {}
     }),
-    [v, r, o]
+    [w, r, o]
   ), T = F(() => {
     const E = {
       margin: 0,
@@ -2996,18 +2996,18 @@ function Wo({
       inside: !0,
       color: (R) => {
         let q = "transparent";
-        return R >= x && (q = v.palette.black[60]), q;
+        return R >= x && (q = w.palette.black[60]), q;
       }
     }, N = {
       margin: 0,
       verticalAlign: "middle",
       padding: [0, B * 0.75, 0, 0],
-      color: v.palette.black[60]
+      color: w.palette.black[60]
     }, I = f === "dense" ? E : N;
     return {
       axisPointer: {
         lineStyle: {
-          color: v.palette.black[40]
+          color: w.palette.black[40]
         }
       },
       xAxis: {
@@ -3015,28 +3015,28 @@ function Wo({
         axisLine: {
           show: !0,
           lineStyle: {
-            color: v.palette.grey[900],
+            color: w.palette.grey[900],
             opacity: 0.2
           }
         },
         axisLabel: {
-          fontWeight: v.typography.fontWeightRegular,
-          fontSize: v.typography.caption.fontSize,
-          fontFamily: v.typography.caption.fontFamily,
+          fontWeight: w.typography.fontWeightRegular,
+          fontSize: w.typography.caption.fontSize,
+          fontFamily: w.typography.caption.fontFamily,
           // echarts doesn't intepret lineHeight properly, so hack it around
-          lineHeight: v.typography.caption.lineHeight * 8,
-          letterSpacing: v.typography.caption.letterSpacing,
+          lineHeight: w.typography.caption.lineHeight * 8,
+          letterSpacing: w.typography.caption.letterSpacing,
           // https://echarts.apache.org/en/option.html#xAxis.axisLabel.formatter
           formatter: {
             year: "{yearStyle|{yyyy}}"
           },
           rich: {
             yearStyle: {
-              fontWeight: v.typography.fontWeightMedium,
-              fontSize: v.typography.caption.fontSize,
-              fontFamily: v.typography.caption.fontFamily,
-              letterSpacing: v.typography.caption.letterSpacing,
-              lineHeight: v.typography.caption.lineHeight * 8
+              fontWeight: w.typography.fontWeightMedium,
+              fontSize: w.typography.caption.fontSize,
+              fontFamily: w.typography.caption.fontFamily,
+              letterSpacing: w.typography.caption.letterSpacing,
+              lineHeight: w.typography.caption.lineHeight * 8
             }
           }
         },
@@ -3044,9 +3044,9 @@ function Wo({
           show: !1
         },
         splitNumber: i ?? (M !== void 0 ? Math.min(
-          $o,
+          Po,
           Math.ceil(M / Oo)
-        ) : Po)
+        ) : $o)
       },
       yAxis: {
         type: "value",
@@ -3056,12 +3056,12 @@ function Wo({
           showMinLabel: !1,
           ...I,
           ...t ? { formatter: (R) => t(R) } : {},
-          fontWeight: v.typography.fontWeightRegular,
-          fontSize: v.typography.overlineDelicate.fontSize,
-          fontFamily: v.typography.overlineDelicate.fontFamily,
+          fontWeight: w.typography.fontWeightRegular,
+          fontSize: w.typography.overlineDelicate.fontSize,
+          fontFamily: w.typography.overlineDelicate.fontFamily,
           // echarts doesn't intepret lineHeight properly, so hack it around
-          lineHeight: v.typography.overlineDelicate.lineHeight * 8,
-          letterSpacing: v.typography.overlineDelicate.letterSpacing
+          lineHeight: w.typography.overlineDelicate.lineHeight * 8,
+          letterSpacing: w.typography.overlineDelicate.letterSpacing
         },
         axisLine: {
           show: !1
@@ -3073,20 +3073,20 @@ function Wo({
           show: !0,
           onZero: !1,
           lineStyle: {
-            color: v.palette.black[4]
+            color: w.palette.black[4]
           }
         },
         max: x
       }
     };
-  }, [v, x, t, M, i, f]), { timelineOptions: O, timeWindowOptions: L } = Do({
+  }, [w, x, t, M, i, f]), { timelineOptions: O, timeWindowOptions: L } = Do({
     echartsInstance: h,
     data: a,
     canSelectLines: !!g,
     filterable: c
-  }), $ = F(
+  }), P = F(
     () => l.map(({ data: E, color: N, name: I }, R) => {
-      const q = y && y.length > 0, j = q && y.includes(I), X = !q || j ? N : v.palette.action.disabledBackground;
+      const q = y && y.length > 0, j = q && y.includes(I), X = !q || j ? N : w.palette.action.disabledBackground;
       return {
         id: String(R),
         name: I,
@@ -3118,9 +3118,9 @@ function Wo({
       p,
       e,
       y,
-      v
+      w
     ]
-  ), P = F(
+  ), $ = F(
     () => ({
       grid: {
         left: B * (f === "dense" ? 2 : 3.5),
@@ -3128,16 +3128,16 @@ function Wo({
         right: B * 2,
         bottom: B * 3
       },
-      color: [v.palette.secondary.main],
+      color: [w.palette.secondary.main],
       tooltip: A,
       ...T,
-      series: $
+      series: P
     }),
     [
       T,
-      $,
+      P,
       f,
-      v.palette.secondary.main,
+      w.palette.secondary.main,
       A
     ]
   ), J = { click: oe(
@@ -3163,7 +3163,7 @@ function Wo({
       N.disconnect();
     };
   }, [h]);
-  const G = u ? On : s ?? $n;
+  const G = u ? On : s ?? Pn;
   return an(() => {
     var N;
     const E = (N = h == null ? void 0 : h.getDom()) == null ? void 0 : N.parentElement;
@@ -3171,7 +3171,7 @@ function Wo({
   }, [G, u, h]), /* @__PURE__ */ n(
     We,
     {
-      option: P,
+      option: $,
       onEvents: J,
       onChartReady: k,
       style: { height: G }
@@ -3215,7 +3215,7 @@ function No({
   const f = () => {
     const { animationFrameId: C, timeoutId: x } = l.current;
     C && window.cancelAnimationFrame(C), x && clearTimeout(x);
-  }, v = oe(() => {
+  }, w = oe(() => {
     f(), c();
   }, [c]), h = () => {
     f(), y();
@@ -3231,12 +3231,12 @@ function No({
           p(A);
         },
         onEnd: () => {
-          setTimeout(v, 250);
+          setTimeout(w, 250);
         },
         animationRef: l
       }), () => f();
     }
-  }, [e, d, t, p, v, o]), U(() => {
+  }, [e, d, t, p, w, o]), U(() => {
     if (d && u.length === 1 && e.length)
       return Go({
         speed: o,
@@ -3246,12 +3246,12 @@ function No({
           p([C]);
         },
         onEnd: () => {
-          setTimeout(v, 250);
+          setTimeout(w, 250);
         },
         animationRef: l
       }), () => f();
     d && u.length === 0 && p([e[0].name]);
-  }, [e, d, o, u.length, v]);
+  }, [e, d, o, u.length, w]);
   const b = (C) => {
     C != null && C.currentTarget && r(C.currentTarget);
   }, k = () => {
@@ -3259,7 +3259,7 @@ function No({
   }, M = (C) => {
     a(C), k();
   };
-  return /* @__PURE__ */ w(ie, { children: [
+  return /* @__PURE__ */ v(ie, { children: [
     /* @__PURE__ */ n(
       fe,
       {
@@ -3270,7 +3270,7 @@ function No({
         children: /* @__PURE__ */ n(Bo, {})
       }
     ),
-    /* @__PURE__ */ w(
+    /* @__PURE__ */ v(
       kt,
       {
         anchorEl: i,
@@ -3278,9 +3278,9 @@ function No({
         open: !!i,
         onClose: k,
         children: [
-          /* @__PURE__ */ n($e, { disabled: !0, children: /* @__PURE__ */ n(z, { variant: "caption", color: "textSecondary", children: g.formatMessage({ id: "c4r.widgets.timeSeries.speed" }) }) }),
-          Fo.map((C) => /* @__PURE__ */ w(
-            $e,
+          /* @__PURE__ */ n(Pe, { disabled: !0, children: /* @__PURE__ */ n(z, { variant: "caption", color: "textSecondary", children: g.formatMessage({ id: "c4r.widgets.timeSeries.speed" }) }) }),
+          Fo.map((C) => /* @__PURE__ */ v(
+            Pe,
             {
               selected: C === o,
               onClick: () => M(C),
@@ -3300,7 +3300,7 @@ function No({
         size: "small",
         color: "primary",
         disabled: !(s || d),
-        onClick: v,
+        onClick: w,
         "data-testid": "stop",
         children: /* @__PURE__ */ n(zo, {})
       }
@@ -3452,7 +3452,7 @@ function Rn({
   legend: o
 }) {
   const a = o && /* @__PURE__ */ n(S, { flex: 0, mt: 2, children: o });
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ v(
     Uo,
     {
       style: {
@@ -3460,13 +3460,13 @@ function Rn({
       },
       children: [
         /* @__PURE__ */ n(Xo, { flex: 0, children: t }),
-        i ? /* @__PURE__ */ w(qo, { flex: 1, children: [
-          /* @__PURE__ */ w(Wn, { flex: 1, children: [
+        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 })
           ] }),
           a
-        ] }) : /* @__PURE__ */ w(ie, { children: [
+        ] }) : /* @__PURE__ */ v(ie, { children: [
           /* @__PURE__ */ n(S, { pb: 1.5, flex: 1, children: r }),
           a
         ] })
@@ -3535,25 +3535,25 @@ 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(H, { width: 48, height: 8 }) }),
-    controls: i && /* @__PURE__ */ w(Qo, { children: [
+    controls: i && /* @__PURE__ */ v(Qo, { children: [
       /* @__PURE__ */ n(S, { p: 0.5, children: /* @__PURE__ */ n(H, { width: 16, height: 16 }) }),
       /* @__PURE__ */ n(S, { mt: 2, p: 0.5, children: /* @__PURE__ */ n(H, { width: 16, height: 16 }) }),
       /* @__PURE__ */ n(S, { mt: 1, p: 0.5, children: /* @__PURE__ */ n(H, { width: 16, height: 16 }) })
     ] }),
-    chart: /* @__PURE__ */ w(ea, { style: { height: e ? On : t ?? $n }, children: [
+    chart: /* @__PURE__ */ v(ea, { style: { height: e ? On : t ?? Pn }, children: [
       /* @__PURE__ */ n(ta, { flex: 0, children: /* @__PURE__ */ n(H, { width: 24, height: 8 }) }),
       /* @__PURE__ */ n(na, { flex: 1, children: /* @__PURE__ */ n(Jo, { preserveAspectRatio: "none" }) }),
-      /* @__PURE__ */ w(ia, { flex: 0, children: [
+      /* @__PURE__ */ v(ia, { flex: 0, children: [
         /* @__PURE__ */ n(H, { width: 32, height: 8 }),
         /* @__PURE__ */ n(H, { width: 32, height: 8 })
       ] })
     ] }),
-    legend: r && (r && /* @__PURE__ */ w(ra, { children: [
-      /* @__PURE__ */ w(qt, { children: [
+    legend: r && (r && /* @__PURE__ */ v(ra, { children: [
+      /* @__PURE__ */ v(qt, { children: [
         /* @__PURE__ */ n(H, { width: 8, height: 8 }),
         /* @__PURE__ */ n(H, { width: 48, height: 8 })
       ] }),
-      /* @__PURE__ */ w(qt, { children: [
+      /* @__PURE__ */ v(qt, { children: [
         /* @__PURE__ */ n(H, { width: 8, height: 8 }),
         /* @__PURE__ */ n(H, { width: 48, height: 8 })
       ] })
@@ -3576,7 +3576,7 @@ function ds({
   animation: y = !0,
   filterable: g = !0,
   onTimelineUpdate: f,
-  timeWindow: v,
+  timeWindow: w,
   timelinePosition: h,
   onTimeWindowUpdate: b,
   selectedCategories: k,
@@ -3587,8 +3587,8 @@ function ds({
   onPause: T,
   onStop: O,
   isLoading: L = !1,
-  palette: $ = Object.values(yn.qualitative.bold),
-  showLegend: P,
+  palette: P = Object.values(yn.qualitative.bold),
+  showLegend: $,
   yAxisType: W = "dense"
 }) {
   const J = re([]), G = se(), { showSkeleton: E } = ke(!!L), N = oe(
@@ -3614,7 +3614,7 @@ function ds({
       fitHeight: p,
       height: u,
       showControls: c,
-      showLegend: P
+      showLegend: $
     }
   ) : /* @__PURE__ */ n(
     Lo,
@@ -3624,7 +3624,7 @@ function ds({
       isPaused: A,
       onPause: T,
       onStop: O,
-      timeWindow: v,
+      timeWindow: w,
       onTimeWindowUpdate: N,
       intl: G,
       children: /* @__PURE__ */ n(
@@ -3644,8 +3644,8 @@ function ds({
           showControls: c,
           animation: y,
           filterable: g,
-          palette: $,
-          showLegend: P,
+          palette: P,
+          showLegend: $,
           selectedCategories: k,
           timelinePosition: h,
           onSelectedCategoriesChange: M,
@@ -3671,29 +3671,29 @@ function aa({
   animation: y = !0,
   filterable: g = !0,
   palette: f = Object.values(yn.qualitative.bold),
-  selectedCategories: v = [],
+  selectedCategories: w = [],
   onSelectedCategoriesChange: h,
   showLegend: b,
   timelinePosition: k,
   yAxisType: M = "dense"
 }) {
-  const C = le(), x = C.palette.secondary.main, { isPlaying: A, isPaused: T, timeWindow: O, stop: L, setTimeWindow: $, intl: P } = Et();
+  const C = le(), x = C.palette.secondary.main, { isPlaying: A, isPaused: T, timeWindow: O, stop: L, setTimeWindow: P, intl: $ } = Et();
   U(() => {
     if (k !== void 0) {
       if (k < 0 || k >= e.length) return;
       const Y = e[k].name;
-      $([Y]);
+      P([Y]);
     }
   }, [k, e]), U(() => {
     if (!e.length) return;
     const Y = e[0].name, K = e[e.length - 1].name;
-    (O[0] < Y || O[1] > K || O[1] < Y || O[1] > K) && $([]);
+    (O[0] < Y || O[1] > K || O[1] < Y || O[1] > K) && P([]);
   }, [e]);
   const W = F(() => {
     const Y = {}, K = t ? t.map((de) => ({
       name: de,
       data: [],
-      color: $i(de, {
+      color: Pi(de, {
         palette: f,
         fallbackColor: x,
         colorMapping: Y
@@ -3707,12 +3707,12 @@ function aa({
     ];
     for (const {
       name: de,
-      value: ve,
-      category: we,
+      value: we,
+      category: ve,
       categoryIndex: V
     } of e) {
-      const ee = V ?? (t && we ? t.indexOf(we) : 0);
-      ee === -1 || t && ee >= t.length || !Number.isFinite(ee) || K[ee].data.push([de, ve]);
+      const ee = V ?? (t && ve ? t.indexOf(ve) : 0);
+      ee === -1 || t && ee >= t.length || !Number.isFinite(ee) || K[ee].data.push([de, we]);
     }
     return K;
   }, [t, e, f, x, C.palette.secondary.main]), J = F(() => {
@@ -3730,19 +3730,19 @@ function aa({
       const Y = new Date(O[0]);
       return Dn({ date: Y, stepSize: i, stepMultiplier: r });
     }
-  }, [e, O, A, T, i, r]), G = F(() => A || T || O.length > 0 || (v == null ? void 0 : v.length) > 0, [T, A, v == null ? void 0 : v.length, O.length]), E = () => {
-    L(), $([]), h == null || h([]);
+  }, [e, O, A, T, i, r]), G = F(() => A || T || O.length > 0 || (w == null ? void 0 : w.length) > 0, [T, A, w == null ? void 0 : w.length, O.length]), E = () => {
+    L(), P([]), h == null || h([]);
   }, N = (Y) => {
     Y.key === "Enter" && E();
   }, I = oe(
     (Y) => {
       if (h) {
-        const K = [...v], de = K.indexOf(Y);
+        const K = [...w], de = K.indexOf(Y);
         de === -1 ? K.push(Y) : K.splice(de, 1), h(K);
       }
     },
-    [h, v]
-  ), R = !!(b ?? W.length > 1), q = /* @__PURE__ */ w(ie, { children: [
+    [h, w]
+  ), R = !!(b ?? W.length > 1), q = /* @__PURE__ */ v(ie, { children: [
     /* @__PURE__ */ n(S, { children: /* @__PURE__ */ n(z, { color: "textSecondary", variant: "caption", children: J ?? "-" }) }),
     g && G && /* @__PURE__ */ n(
       ye,
@@ -3753,7 +3753,7 @@ function aa({
         onKeyDown: N,
         tabIndex: 0,
         underline: "hover",
-        children: P.formatMessage({ id: "c4r.widgets.timeSeries.clear" })
+        children: $.formatMessage({ id: "c4r.widgets.timeSeries.clear" })
       }
     )
   ] });
@@ -3784,7 +3784,7 @@ function aa({
           fitHeight: p,
           animation: y,
           filterable: g,
-          selectedCategories: v,
+          selectedCategories: w,
           onCategoryClick: h && I,
           yAxisType: M
         }
@@ -3793,7 +3793,7 @@ function aa({
         An,
         {
           series: W,
-          selectedCategories: v,
+          selectedCategories: w,
           onCategoryClick: h && I
         }
       )
@@ -3908,13 +3908,13 @@ const ha = m("div", {
   color: "white",
   borderRadius: e.spacing(2)
 }));
-function va(e, t, i, r, o) {
+function wa(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 v;
+      var w;
       return {
         color: p ? pn(t[f], 0.8) : t[f],
-        value: ((v = g[s]) == null ? void 0 : v.value) ?? 0
+        value: ((w = g[s]) == null ? void 0 : w.value) ?? 0
       };
     });
     return {
@@ -3928,7 +3928,7 @@ function va(e, t, i, r, o) {
     return Math.max(...s.data.map((c) => c.value)) - u;
   }), l;
 }
-const wa = 500;
+const va = 500;
 function xa(e, t = {}) {
   const { disabled: i, duration: r, animateOnMount: o, initialValue: a = 0 } = t, l = re(null), [d, s] = _(
     () => o ? a : e
@@ -3936,7 +3936,7 @@ function xa(e, t = {}) {
   return U(() => (i ? s(e) : gt({
     start: d,
     end: e,
-    duration: r ?? wa,
+    duration: r ?? va,
     drawFrame: (u) => s(u),
     requestRef: l
   }), () => {
@@ -3968,9 +3968,9 @@ function 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;
-  return /* @__PURE__ */ w("div", { children: [
+  return /* @__PURE__ */ v("div", { children: [
     /* @__PURE__ */ n(De, { color: "inherit", variant: "caption", noWrap: !0, children: e.label }),
-    /* @__PURE__ */ n(S, { pt: 1, pb: 0.5, children: /* @__PURE__ */ w(Bn, { alignItems: "baseline", children: [
+    /* @__PURE__ */ n(S, { pt: 1, pb: 0.5, children: /* @__PURE__ */ v(Bn, { alignItems: "baseline", children: [
       /* @__PURE__ */ n(
         _n,
         {
@@ -3979,7 +3979,7 @@ function Ma({
       ),
       /* @__PURE__ */ n(De, { color: "inherit", variant: "caption", children: d }),
       /* @__PURE__ */ n(S, { style: { flexGrow: 1 } }),
-      /* @__PURE__ */ n(ya, { backgroundColor: c, children: /* @__PURE__ */ w(De, { color: "inherit", variant: "caption", children: [
+      /* @__PURE__ */ n(ya, { backgroundColor: c, children: /* @__PURE__ */ v(De, { color: "inherit", variant: "caption", children: [
         u,
         r(Math.abs(s))
       ] }) })
@@ -4011,9 +4011,9 @@ function Ia({
       index: g
     }
   );
-  return /* @__PURE__ */ w(fa, { onClick: () => s(e.key), children: [
+  return /* @__PURE__ */ v(fa, { onClick: () => s(e.key), children: [
     o ? /* @__PURE__ */ n(ln, { checked: a }) : null,
-    /* @__PURE__ */ w(ma, { children: [
+    /* @__PURE__ */ v(ma, { children: [
       /* @__PURE__ */ n(De, { variant: "body2", noWrap: !0, children: e.label }),
       e.data.map((g, f) => /* @__PURE__ */ n(
         pa,
@@ -4022,7 +4022,7 @@ function Ia({
           placement: "top-start",
           arrow: !1,
           disableHoverListener: !p,
-          children: /* @__PURE__ */ w(da, { children: [
+          children: /* @__PURE__ */ v(da, { children: [
             /* @__PURE__ */ n(ua, { className: "progressbar", children: /* @__PURE__ */ n(
               "div",
               {
@@ -4074,15 +4074,15 @@ function us({
   formatter: y = Kt,
   tooltipFormatter: g = Kt,
   tooltip: f = !0,
-  isLoading: v = !1
+  isLoading: w = !1
 }) {
-  const h = le(), [b, k] = _(!1), [M, C] = _(!1), [x, A] = _(p), [T, O] = _(""), L = se(), $ = ce(L), P = F(() => {
+  const h = le(), [b, k] = _(!1), [M, C] = _(!1), [x, A] = _(p), [T, O] = _(""), L = se(), P = ce(L), $ = F(() => {
     const V = r.length ? r : [
       h.palette.secondary.main,
       h.palette.primary.main,
       h.palette.info.main
     ];
-    return va(
+    return wa(
       t,
       V,
       i,
@@ -4092,27 +4092,27 @@ function us({
   }, [t, r, i, h, p, a]), W = F(() => Math.max(
     ...t.map((V) => V.map((ee) => ee.value ?? 0)).flat()
   ), [t]), J = F(() => {
-    if (o >= P.length)
-      return P;
-    const V = P.slice(0, o), ee = P.slice(o), ne = [];
+    if (o >= $.length)
+      return $;
+    const V = $.slice(0, o), ee = $.slice(o), ne = [];
     for (const Te of ee)
       Te.data.forEach((Re, Ae) => {
         ne[Ae] = ne[Ae] ?? 0, ne[Ae] += Re.value;
       });
     const pe = {
       key: Oe,
-      label: s ? "Others" : `Others (${P.length - o})`,
+      label: s ? "Others" : `Others (${$.length - o})`,
       data: ne.map((Te) => ({
         value: Te,
         color: h.palette.divider
       }))
     };
     return [...V, pe];
-  }, [P, s, o, h.palette.divider]), G = F(() => P.filter((V) => p.includes(V.key)), [P, p]), E = F(() => T ? P.filter((V) => {
+  }, [$, s, o, h.palette.divider]), G = F(() => $.filter((V) => p.includes(V.key)), [$, p]), E = F(() => T ? $.filter((V) => {
     const ee = (V.key || "").toLowerCase(), ne = (V.label || "").toLowerCase(), pe = ee == null ? void 0 : ee.includes(T.toLowerCase()), Te = ne == null ? void 0 : ne.includes(T.toLowerCase());
     return pe || Te;
-  }) : P, [P, T]), N = P.length - J.length + 1, I = s && !b && o < P.length;
-  if (P.length === 0 || v)
+  }) : $, [$, T]), N = $.length - J.length + 1, I = s && !b && o < $.length;
+  if ($.length === 0 || w)
     return /* @__PURE__ */ n(Mn, {});
   const R = b ? E : M ? G : J;
   function q() {
@@ -4137,24 +4137,24 @@ function us({
     const ee = p.includes(V), ne = new Set(p);
     ee ? ne.delete(V) : ne.add(V);
     let pe = Array.from(ne);
-    pe.length === P.length && (pe = []), c(pe);
+    pe.length === $.length && (pe = []), c(pe);
   }
-  function ve(V) {
+  function we(V) {
     const ee = x.includes(V), ne = new Set(x);
     ee ? ne.delete(V) : ne.add(V);
     let pe = Array.from(ne);
-    pe.length === P.length && (pe = []), A(pe);
+    pe.length === $.length && (pe = []), A(pe);
   }
-  const we = u ? b ? ve : de : void 0;
-  return /* @__PURE__ */ w(la, { children: [
-    u ? /* @__PURE__ */ w(Xt, { center: !0, children: [
-      /* @__PURE__ */ n(z, { variant: "caption", children: p.length > 0 ? $.formatMessage(
+  const ve = u ? b ? we : de : void 0;
+  return /* @__PURE__ */ v(la, { children: [
+    u ? /* @__PURE__ */ v(Xt, { center: !0, children: [
+      /* @__PURE__ */ n(z, { variant: "caption", children: p.length > 0 ? P.formatMessage(
         { id: "c4r.widgets.category.selectedItems" },
         { items: p.length }
-      ) : $.formatMessage({ id: "c4r.widgets.category.all" }) }),
-      /* @__PURE__ */ n(z, { variant: "caption", children: b ? /* @__PURE__ */ n(ye, { onClick: q, children: $.formatMessage({ id: "c4r.widgets.category.apply" }) }) : M ? /* @__PURE__ */ n(ye, { onClick: j, children: $.formatMessage({
+      ) : P.formatMessage({ id: "c4r.widgets.category.all" }) }),
+      /* @__PURE__ */ n(z, { variant: "caption", children: b ? /* @__PURE__ */ n(ye, { onClick: q, children: P.formatMessage({ id: "c4r.widgets.category.apply" }) }) : M ? /* @__PURE__ */ n(ye, { onClick: j, children: P.formatMessage({
         id: "c4r.widgets.category.unlock"
-      }) }) : p.length ? /* @__PURE__ */ w(
+      }) }) : p.length ? /* @__PURE__ */ v(
         S,
         {
           style: {
@@ -4163,11 +4163,11 @@ function us({
             gap: h.spacing(1)
           },
           children: [
-            /* @__PURE__ */ n(ye, { onClick: te, children: $.formatMessage({
+            /* @__PURE__ */ n(ye, { onClick: te, children: P.formatMessage({
               id: "c4r.widgets.category.lock"
             }) }),
-            /* @__PURE__ */ n(vt, { orientation: "vertical", flexItem: !0 }),
-            /* @__PURE__ */ n(ye, { onClick: X, children: $.formatMessage({
+            /* @__PURE__ */ n(wt, { orientation: "vertical", flexItem: !0 }),
+            /* @__PURE__ */ n(ye, { onClick: X, children: P.formatMessage({
               id: "c4r.widgets.category.clear"
             }) })
           ]
@@ -4178,22 +4178,22 @@ function us({
       ga,
       {
         size: "small",
-        placeholder: $.formatMessage({
+        placeholder: P.formatMessage({
           id: "c4r.widgets.category.search"
         }),
         onChange: (V) => O(V.currentTarget.value),
         onFocus: (V) => V.currentTarget.scrollIntoView(),
         InputProps: {
-          startAdornment: /* @__PURE__ */ n(wt, { position: "start", children: /* @__PURE__ */ n(Qe, {}) })
+          startAdornment: /* @__PURE__ */ n(vt, { position: "start", children: /* @__PURE__ */ n(Qe, {}) })
         }
       }
     ) }) : null,
-    /* @__PURE__ */ w(sa, { children: [
-      R.length === 0 ? /* @__PURE__ */ w(ie, { children: [
-        /* @__PURE__ */ n(z, { variant: "body2", children: $.formatMessage({
+    /* @__PURE__ */ v(sa, { children: [
+      R.length === 0 ? /* @__PURE__ */ v(ie, { children: [
+        /* @__PURE__ */ n(z, { variant: "body2", children: P.formatMessage({
           id: "c4r.widgets.category.noResults"
         }) }),
-        /* @__PURE__ */ n(z, { variant: "caption", children: $.formatMessage(
+        /* @__PURE__ */ n(z, { variant: "caption", children: P.formatMessage(
           { id: "c4r.widgets.category.noResultsMessage" },
           { searchValue: T }
         ) })
@@ -4210,26 +4210,26 @@ function us({
           formatter: y,
           tooltipFormatter: g,
           tooltip: f,
-          onClick: we,
+          onClick: ve,
           names: e
         }
       ) }, V.key))
     ] }),
     I ? /* @__PURE__ */ n(
-      Pe,
+      $e,
       {
         size: "small",
         color: "primary",
         startIcon: /* @__PURE__ */ n(Qe, {}),
         onClick: Y,
-        children: $.formatMessage(
+        children: P.formatMessage(
           { id: "c4r.widgets.category.searchInfo" },
           { elements: N }
         )
       }
     ) : null,
-    b ? /* @__PURE__ */ n(Pe, { size: "small", color: "primary", onClick: K, children: $.formatMessage({ id: "c4r.widgets.category.cancel" }) }) : null,
-    /* @__PURE__ */ n(ca, { children: e.map((V, ee) => /* @__PURE__ */ w(Bn, { children: [
+    b ? /* @__PURE__ */ n($e, { size: "small", color: "primary", onClick: K, children: P.formatMessage({ id: "c4r.widgets.category.cancel" }) }) : null,
+    /* @__PURE__ */ n(ca, { children: e.map((V, ee) => /* @__PURE__ */ v(Bn, { children: [
       /* @__PURE__ */ n(_n, { color: (r == null ? void 0 : r[ee]) ?? h.palette.background.default }),
       /* @__PURE__ */ n(z, { variant: "overline", children: V })
     ] }, e[ee])) })
@@ -4256,14 +4256,14 @@ const Ea = m("div")(({ theme: e }) => ({
 })), Da = m(z)(({ theme: e }) => ({
   marginLeft: e.spacing(0.5)
 }));
-function Pa({
+function $a({
   row: e,
   animated: t,
   animationOptions: i,
   formatter: r
 }) {
   const o = le(), { prefix: a, value: l, suffix: d, shouldBeHighlighted: s } = e;
-  return /* @__PURE__ */ w(Ea, { children: [
+  return /* @__PURE__ */ v(Ea, { children: [
     a ? /* @__PURE__ */ n(S, { color: o.palette.text.secondary, children: /* @__PURE__ */ n(La, { color: "inherit", component: "span", variant: "subtitle2", children: a }) }) : null,
     /* @__PURE__ */ n(S, { fontWeight: s ? "bold" : "", children: /* @__PURE__ */ n(
       zn,
@@ -4277,7 +4277,7 @@ function Pa({
     d ? /* @__PURE__ */ n(S, { color: o.palette.text.secondary, children: /* @__PURE__ */ n(Da, { color: "inherit", component: "span", variant: "subtitle2", children: d }) }) : null
   ] });
 }
-const $a = (e) => e, Zt = [], Oa = m("div")(({ theme: e }) => ({
+const Pa = (e) => e, Zt = [], Oa = m("div")(({ theme: e }) => ({
   "&:nth-of-type(n+2)": {
     marginTop: e.spacing(2)
   }
@@ -4287,13 +4287,13 @@ function ps({
   colors: t = Zt,
   animated: i = !0,
   animationOptions: r,
-  formatter: o = $a,
+  formatter: o = Pa,
   isLoading: a = !1
 }) {
   const l = Wa(e, t);
-  return a ? /* @__PURE__ */ n(Cn, {}) : /* @__PURE__ */ n("div", { children: l.map((d, s) => /* @__PURE__ */ w(Oa, { children: [
+  return a ? /* @__PURE__ */ n(Cn, {}) : /* @__PURE__ */ n("div", { children: l.map((d, s) => /* @__PURE__ */ v(Oa, { children: [
     /* @__PURE__ */ n(
-      Pa,
+      $a,
       {
         row: d,
         animated: i,
@@ -4369,7 +4369,7 @@ function gs({
       borderWidth: 0,
       formatter: k
     }, x = {
-      data: b ? g.map((L, $) => e[$]) : (g[0] ?? []).map((L) => L.name),
+      data: b ? g.map((L, P) => e[P]) : (g[0] ?? []).map((L) => L.name),
       selectedMode: !1,
       type: "scroll",
       left: B,
@@ -4404,7 +4404,7 @@ function gs({
         color: c.palette.text.primary
       }
     }, A = {
-      formatter: ({ name: L, percent: $ }) => `{per|${l($)}%}
+      formatter: ({ name: L, percent: P }) => `{per|${l(P)}%}
 {b|${L}}`,
       position: "center",
       rich: {
@@ -4423,17 +4423,17 @@ function gs({
           color: c.palette.text.primary
         }
       }
-    }, T = g.map((L, $) => {
-      var P;
+    }, T = g.map((L, P) => {
+      var $;
       return {
         type: "pie",
-        name: e[$],
+        name: e[P],
         itemStyle: {
-          color: (P = L[0]) == null ? void 0 : P.color
+          color: ($ = L[0]) == null ? void 0 : $.color
         },
         animation: a,
         data: L.map((W) => ({ ...W, itemStyle: { color: W.color } })),
-        radius: $ === 0 ? ["75%", "90%"] : ["56%", "72%"],
+        radius: P === 0 ? ["75%", "90%"] : ["56%", "72%"],
         selectedOffset: 0,
         hoverOffset: 5,
         bottom: B * 2.5,
@@ -4454,7 +4454,7 @@ function gs({
       right: 0,
       bottom: 0
     }, tooltip: M, legend: x, series: T };
-  }, [c, e, a, g, l, d]), v = {
+  }, [c, e, a, g, l, d]), w = {
     mouseover: (b, k) => {
       g.length === 1 && (b.seriesIndex !== 0 || b.dataIndex !== 0) && k.dispatchAction({
         type: "downplay",
@@ -4493,7 +4493,7 @@ function gs({
       onChartReady: h,
       notMerge: !0,
       option: f,
-      onEvents: v,
+      onEvents: w,
       style: { maxHeight: o, width: "100%" }
     }
   ) : null;
@@ -4549,14 +4549,14 @@ const ja = m(fe, {
   width: t.spacing(3),
   transform: `rotate(${e ? "180" : "0"}deg)`,
   backgroundColor: e ? t.palette.action.hover : void 0
-})), Ya = m($e, {
+})), Ya = m(Pe, {
   shouldForwardProp: (e) => e !== "disabled"
 })(({ disabled: e, theme: t }) => ({
   ...e && {
     pointerEvents: "none",
     color: t.palette.text.disabled
   }
-})), Va = m($e)(() => ({
+})), Va = m(Pe)(() => ({
   "&.Mui-disabled": {
     opacity: 1
   }
@@ -4573,7 +4573,7 @@ function Ua({
   menuHeaderText: d = "",
   editDisabled: s
 }) {
-  const u = le(), [p, c] = _(null), y = !!p, g = (M) => c(M.currentTarget), f = () => c(null), v = (M) => {
+  const u = le(), [p, c] = _(null), y = !!p, g = (M) => c(M.currentTarget), f = () => c(null), w = (M) => {
     r && r(M), f();
   }, h = !!e.length && !!t.length, b = (M) => t.some((C) => C.id === M.id);
   function k(M) {
@@ -4581,9 +4581,9 @@ function Ua({
       Ya,
       {
         selected: o && i === M.id,
-        onClick: () => v(M.id),
+        onClick: () => w(M.id),
         disabled: s && b(M),
-        children: /* @__PURE__ */ w(S, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [
+        children: /* @__PURE__ */ v(S, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [
           M.icon,
           /* @__PURE__ */ n(S, { ml: 2, children: /* @__PURE__ */ n(z, { variant: "body2", color: "inherit", children: gn(M.label) }) })
         ] })
@@ -4591,7 +4591,7 @@ function Ua({
       M.id
     );
   }
-  return /* @__PURE__ */ w(ie, { children: [
+  return /* @__PURE__ */ v(ie, { children: [
     /* @__PURE__ */ n(ue, { title: l, placement: a, children: /* @__PURE__ */ n(
       ja,
       {
@@ -4604,7 +4604,7 @@ function Ua({
         children: /* @__PURE__ */ n(Mi, {})
       }
     ) }),
-    /* @__PURE__ */ w(
+    /* @__PURE__ */ v(
       kt,
       {
         id: "feature-selection-menu",
@@ -4616,7 +4616,7 @@ function Ua({
         children: [
           d && /* @__PURE__ */ n(Va, { disabled: !0, children: /* @__PURE__ */ n(z, { variant: "caption", color: "textSecondary", children: d }) }),
           !!e.length && e.map(k),
-          h && /* @__PURE__ */ n(vt, { sx: { margin: ({ spacing: M }) => M(1, 0) } }),
+          h && /* @__PURE__ */ n(wt, { sx: { margin: ({ spacing: M }) => M(1, 0) } }),
           !!t.length && t.map(k)
         ]
       }
@@ -4657,13 +4657,13 @@ function Ka({
       id: "c4r.widgets.featureSelection.polygon"
     }) : f;
   }
-  function c(f, v) {
+  function c(f, w) {
     var b;
     const h = p(f.geometry.type);
-    return d || ((b = f.properties) == null ? void 0 : b.name) || `${h} ${v + 1}`;
+    return d || ((b = f.properties) == null ? void 0 : b.name) || `${h} ${w + 1}`;
   }
   const [y, g] = _(!1);
-  return /* @__PURE__ */ n(S, { sx: { overflowX: "auto" }, children: /* @__PURE__ */ n(qa, { sx: { gap: a === "small" ? 0.5 : 1 }, children: e.map((f, v) => {
+  return /* @__PURE__ */ n(S, { sx: { overflowX: "auto" }, children: /* @__PURE__ */ n(qa, { sx: { gap: a === "small" ? 0.5 : 1 }, children: e.map((f, w) => {
     var C, x;
     const h = (C = f.properties) == null ? void 0 : C.disabled, b = (x = f.properties) == null ? void 0 : x.invalid;
     let k = r;
@@ -4683,7 +4683,7 @@ function Ka({
           ci,
           {
             size: a,
-            label: c(f, v),
+            label: c(f, w),
             color: M,
             onClick: () => t(f),
             onDelete: i ? () => i(f) : void 0,
@@ -4698,7 +4698,7 @@ function Ka({
           }
         )
       }
-    ) }, v);
+    ) }, w);
   }) }) });
 }
 const Za = m(hn)(({ theme: e }) => ({
@@ -4727,7 +4727,7 @@ function hs({
     label: g.formatMessage({
       id: `c4r.widgets.featureSelection.${Jt(C.id)}`
     })
-  })), [e, g]), v = F(() => t.map((C) => ({
+  })), [e, g]), w = F(() => t.map((C) => ({
     ...C,
     label: g.formatMessage({
       id: `c4r.widgets.featureSelection.${Jt(C.id)}`
@@ -4738,7 +4738,7 @@ function hs({
         ...A,
         isEdit: !1
       })),
-      ...v.map((A) => ({
+      ...w.map((A) => ({
         ...A,
         isEdit: !0
       }))
@@ -4746,7 +4746,7 @@ function hs({
     if (!x)
       throw new Error(`Selected mode "${i}" not supported`);
     return x;
-  }, [v, f, i]), b = gn((h == null ? void 0 : h.label) || ""), k = h != null && h.isEdit ? b : g.formatMessage(
+  }, [w, f, i]), b = gn((h == null ? void 0 : h.label) || ""), k = h != null && h.isEdit ? b : g.formatMessage(
     {
       id: "c4r.widgets.featureSelection.selectTool"
     },
@@ -4756,7 +4756,7 @@ function hs({
   }) : g.formatMessage({
     id: "c4r.widgets.featureSelection.clickToCreate"
   });
-  return /* @__PURE__ */ w(Za, { children: [
+  return /* @__PURE__ */ v(Za, { children: [
     /* @__PURE__ */ n(
       Ha,
       {
@@ -4772,7 +4772,7 @@ function hs({
       Ua,
       {
         selectionModes: f,
-        editModes: v,
+        editModes: w,
         selectedMode: i,
         onSelectMode: r,
         enabled: o,
@@ -4902,7 +4902,7 @@ function cl({
     const u = parseInt(s.target.value || "0"), p = Math.min(Math.max(u, 0), 100);
     o(p / 100);
   }
-  return /* @__PURE__ */ w(ie, { children: [
+  return /* @__PURE__ */ v(ie, { children: [
     /* @__PURE__ */ n(
       ue,
       {
@@ -4937,7 +4937,7 @@ function cl({
             sx: { transform: "translate(-12px, 36px)" }
           }
         },
-        children: /* @__PURE__ */ w(nl, { children: [
+        children: /* @__PURE__ */ v(nl, { children: [
           /* @__PURE__ */ n(
             xt,
             {
@@ -4963,7 +4963,7 @@ function cl({
                 "data-testid": "opacity-slider"
               },
               InputProps: {
-                endAdornment: /* @__PURE__ */ w(wt, { position: "end", sx: { margin: 0 }, children: [
+                endAdornment: /* @__PURE__ */ v(vt, { position: "end", sx: { margin: 0 }, children: [
                   " ",
                   "%"
                 ] })
@@ -4977,31 +4977,30 @@ function cl({
 }
 function Lt({
   title: e,
-  visible: t,
-  typographyProps: i
+  visible: t
 }) {
-  const r = re(null), [o, a] = _(!1);
+  const i = re(null), [r, o] = _(!1);
   an(() => {
-    if (t && r.current) {
-      const { offsetWidth: d, scrollWidth: s } = r.current;
-      a(d < s);
+    if (t && i.current) {
+      const { offsetWidth: l, scrollWidth: d } = i.current;
+      o(l < d);
     }
   }, [e, t]);
-  const l = /* @__PURE__ */ n(
+  const a = /* @__PURE__ */ n(
     z,
     {
-      ref: r,
+      ref: i,
       color: t ? "textPrimary" : "textSecondary",
-      variant: "button",
-      weight: "medium",
+      variant: "caption",
+      weight: "regular",
       component: "p",
       noWrap: !0,
       my: 0.25,
-      ...i,
+      textTransform: "none",
       children: e
     }
   );
-  return o ? /* @__PURE__ */ n(ue, { title: e, children: l }) : l;
+  return r ? /* @__PURE__ */ n(ue, { title: e, children: a }) : a;
 }
 var Ie = /* @__PURE__ */ ((e) => (e.CATEGORY = "category", e.ICON = "icon", e.CONTINUOUS_RAMP = "continuous_ramp", e.BINS = "bins", e.PROPORTION = "proportion", e))(Ie || {});
 const ut = 20;
@@ -5014,8 +5013,8 @@ function dl({
     isStrokeColor: r = !1,
     customMarkers: o,
     maskedMarkers: a = !0
-  } = e, l = vn(i, t.length), d = t.length > ut, s = se(), u = ce(s);
-  return /* @__PURE__ */ w(ie, { children: [
+  } = 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,
       {
@@ -5102,7 +5101,7 @@ function hl({
   icon: r,
   maskedIcon: o
 }) {
-  return /* @__PURE__ */ w(S, { component: "li", sx: { display: "flex", alignItems: "center" }, children: [
+  return /* @__PURE__ */ v(S, { component: "li", sx: { display: "flex", alignItems: "center" }, children: [
     /* @__PURE__ */ n(
       gl,
       {
@@ -5115,14 +5114,7 @@ function hl({
         color: i
       }
     ),
-    /* @__PURE__ */ n(
-      Lt,
-      {
-        title: e,
-        visible: !0,
-        typographyProps: { variant: "overline", my: 0.75 }
-      }
-    )
+    /* @__PURE__ */ n(Lt, { title: e, visible: !0 })
   ] });
 }
 const Ze = 6, rt = {
@@ -5157,7 +5149,7 @@ const Ze = 6, rt = {
   alignItems: "stretch",
   justifyContent: "stretch",
   padding: e(2, 0)
-})), vl = m(S)(() => ({
+})), wl = m(S)(() => ({
   display: "flex",
   flexDirection: "column",
   justifyContent: "space-around",
@@ -5165,11 +5157,11 @@ const Ze = 6, rt = {
   flexGrow: 1,
   flexShrink: 1
 }));
-function wl({
+function vl({
   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__ */ w(yl, { "data-testid": "proportion-legend", children: [
+  return /* @__PURE__ */ v(yl, { "data-testid": "proportion-legend", children: [
     /* @__PURE__ */ n(ml, { children: [...Array(4)].map((u, p) => /* @__PURE__ */ n(
       fl,
       {
@@ -5178,8 +5170,8 @@ function wl({
       },
       p
     )) }),
-    /* @__PURE__ */ n(vl, { children: l ? /* @__PURE__ */ n(S, { maxWidth: 240, children: /* @__PURE__ */ n(z, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ w(ie, { children: [
-      /* @__PURE__ */ w(z, { variant: "overline", color: "textSecondary", children: [
+    /* @__PURE__ */ n(wl, { children: l ? /* @__PURE__ */ n(S, { maxWidth: 240, children: /* @__PURE__ */ n(z, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ v(ie, { children: [
+      /* @__PURE__ */ v(z, { variant: "overline", color: "textSecondary", children: [
         r && i.formatMessage({ id: "c4r.widgets.legend.max" }) + ": ",
         t.formatNumber(a, {
           maximumSignificantDigits: Ze
@@ -5191,7 +5183,7 @@ function wl({
       /* @__PURE__ */ n(z, { variant: "overline", color: "textSecondary", children: t.formatNumber(d, {
         maximumSignificantDigits: Ze
       }) }),
-      /* @__PURE__ */ w(z, { variant: "overline", color: "textSecondary", children: [
+      /* @__PURE__ */ v(z, { variant: "overline", color: "textSecondary", children: [
         r && i.formatMessage({ id: "c4r.widgets.legend.min" }) + ": ",
         t.formatNumber(o, {
           maximumSignificantDigits: Ze
@@ -5217,7 +5209,7 @@ function kl({
   legend: e
 }) {
   const { labels: t = [], icons: i = [] } = e;
-  return /* @__PURE__ */ n(jn, { "data-testid": "icon-legend", children: t.map((r, o) => /* @__PURE__ */ w(ol, { children: [
+  return /* @__PURE__ */ n(jn, { "data-testid": "icon-legend", children: t.map((r, o) => /* @__PURE__ */ v(ol, { children: [
     /* @__PURE__ */ n(al, { children: /* @__PURE__ */ n(
       "img",
       {
@@ -5227,14 +5219,7 @@ function kl({
         height: pt
       }
     ) }),
-    /* @__PURE__ */ n(
-      Lt,
-      {
-        visible: !0,
-        title: r,
-        typographyProps: { variant: "overline", my: 0.75 }
-      }
-    )
+    /* @__PURE__ */ n(Lt, { visible: !0, title: r })
   ] }, r)) });
 }
 function Sl(e) {
@@ -5244,12 +5229,12 @@ function en({
   isContinuous: e = !1,
   legend: t
 }) {
-  const { labels: i = [], colors: r = [], showMinMax: o = !0 } = t, a = vn(
+  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);
   let y = s[s.length - 1], g = s[0];
-  return !e && o && (g = "< " + g, y = "≥ " + y), /* @__PURE__ */ n(S, { py: 2, "data-testid": "ramp-legend", children: c ? /* @__PURE__ */ n(S, { maxWidth: 240, children: /* @__PURE__ */ n(z, { variant: "overline", children: "You need to specify valid numbers for the labels property" }) }) : /* @__PURE__ */ w(ie, { children: [
+  return !e && o && (g = "< " + g, y = "≥ " + y), /* @__PURE__ */ n(S, { py: 2, "data-testid": "ramp-legend", children: c ? /* @__PURE__ */ n(S, { maxWidth: 240, children: /* @__PURE__ */ n(z, { 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,
       {
@@ -5265,7 +5250,7 @@ function en({
         min: g
       }
     ) }),
-    /* @__PURE__ */ w(S, { display: "flex", justifyContent: "space-between", children: [
+    /* @__PURE__ */ v(S, { display: "flex", justifyContent: "space-between", children: [
       /* @__PURE__ */ n(z, { variant: "overlineDelicate", color: "textSecondary", children: g }),
       /* @__PURE__ */ n(z, { variant: "overlineDelicate", color: "textSecondary", children: y })
     ] })
@@ -5307,14 +5292,14 @@ function Cl({
 }
 const Tl = {
   [Ie.CATEGORY]: dl,
-  [Ie.PROPORTION]: wl,
+  [Ie.PROPORTION]: vl,
   [Ie.ICON]: kl,
   [Ie.BINS]: (e) => /* @__PURE__ */ n(en, { ...e, isContinuous: !1 }),
   [Ie.CONTINUOUS_RAMP]: (e) => /* @__PURE__ */ n(en, { ...e, isContinuous: !0 })
 };
 function Al({ legend: e }) {
   const t = se(), i = ce(t);
-  return e.select || !e.type ? null : /* @__PURE__ */ w(z, { variant: "body2", color: "textSecondary", component: "p", children: [
+  return e.select || !e.type ? null : /* @__PURE__ */ v(z, { variant: "body2", color: "textSecondary", component: "p", children: [
     e.type,
     " ",
     i.formatMessage({ id: "c4r.widgets.legend.notSupported" }),
@@ -5332,8 +5317,8 @@ function Ll({
 }) {
   var p;
   const o = se(), a = ce(o), l = t.type, s = Tl[l] ?? i[l] ?? Al, u = ((p = t.select) == null ? void 0 : p.options) ?? [];
-  return /* @__PURE__ */ w(S, { component: "li", "data-testid": "legend-layer-variable", px: 2, children: [
-    t.attr ? /* @__PURE__ */ w(S, { pb: 1, children: [
+  return /* @__PURE__ */ v(S, { component: "li", "data-testid": "legend-layer-variable", px: 2, children: [
+    t.attr ? /* @__PURE__ */ v(S, { pb: 1, children: [
       /* @__PURE__ */ n(
         z,
         {
@@ -5346,7 +5331,7 @@ function Ll({
       ),
       /* @__PURE__ */ n(z, { variant: "caption", component: "p", children: t.attr })
     ] }) : null,
-    t.select ? /* @__PURE__ */ w(S, { pb: 1, children: [
+    t.select ? /* @__PURE__ */ v(S, { pb: 1, children: [
       /* @__PURE__ */ n(z, { variant: "caption", weight: "medium", component: "p", children: t.select.label }),
       /* @__PURE__ */ n(
         pi,
@@ -5368,7 +5353,7 @@ function Ll({
               }
             }
           },
-          children: u.map((c) => /* @__PURE__ */ n($e, { value: c.value, children: /* @__PURE__ */ n(gi, { primary: c.label }) }, c.value))
+          children: u.map((c) => /* @__PURE__ */ n(Pe, { value: c.value, children: /* @__PURE__ */ n(gi, { primary: c.label }) }, c.value))
         }
       )
     ] }) : null,
@@ -5390,15 +5375,15 @@ function tn({
   minZoom: d = 0,
   currentZoom: s = 0
 }) {
-  const u = se(), p = ce(u), c = re(null), [y, g] = _(!1), f = t.id, v = t.title, h = t.visible ?? !0, b = t.switchable ?? !0, k = t.collapsed ?? !1, M = (t.collapsible ?? !0) && !Vn(t.legend), C = t.opacity ?? 1, x = t.showOpacityControl ?? !0, A = h && !k, T = A ? /* @__PURE__ */ n(fn, {}) : /* @__PURE__ */ n(mn, {}), O = (t == null ? void 0 : t.minZoom) !== void 0 || (t == null ? void 0 : t.maxZoom) !== void 0, L = t.minZoom ?? d, $ = t.maxZoom ?? l, P = O && (L > d || $ < l), W = s < L || s > $, J = Pl({
+  const u = se(), p = ce(u), c = re(null), [y, g] = _(!1), f = t.id, w = t.title, h = t.visible ?? !0, b = t.switchable ?? !0, k = t.collapsed ?? !1, M = (t.collapsible ?? !0) && !Vn(t.legend), C = t.opacity ?? 1, x = t.showOpacityControl ?? !0, A = h && !k, T = A ? /* @__PURE__ */ n(fn, {}) : /* @__PURE__ */ n(mn, {}), O = (t == null ? void 0 : t.minZoom) !== void 0 || (t == null ? void 0 : t.maxZoom) !== void 0, L = t.minZoom ?? d, P = t.maxZoom ?? l, $ = O && (L > d || P < l), W = s < L || s > P, J = $l({
     intl: p,
     minZoom: d,
     maxZoom: l,
     layerMinZoom: L,
-    layerMaxZoom: $
-  }), G = t.helperText ?? (P ? J : ""), E = F(() => t.legend ? Array.isArray(t.legend) ? t.legend : [t.legend] : [], [t.legend]);
-  return t.legend ? /* @__PURE__ */ w(ll, { "data-testid": "legend-layer", "aria-label": v, children: [
-    /* @__PURE__ */ w(tl, { ref: c, children: [
+    layerMaxZoom: P
+  }), G = t.helperText ?? ($ ? J : ""), E = F(() => t.legend ? Array.isArray(t.legend) ? t.legend : [t.legend] : [], [t.legend]);
+  return t.legend ? /* @__PURE__ */ v(ll, { "data-testid": "legend-layer", "aria-label": w, children: [
+    /* @__PURE__ */ v(tl, { ref: c, children: [
       M && /* @__PURE__ */ n(
         fe,
         {
@@ -5411,15 +5396,15 @@ function tn({
           children: T
         }
       ),
-      /* @__PURE__ */ w(sl, { children: [
-        /* @__PURE__ */ n(Lt, { visible: h, title: v ?? "" }),
-        P && /* @__PURE__ */ n(
+      /* @__PURE__ */ v(sl, { children: [
+        /* @__PURE__ */ n(Lt, { visible: h, title: w ?? "" }),
+        $ && /* @__PURE__ */ n(
           ue,
           {
             title: p.formatMessage({
               id: "c4r.widgets.legend.zoomLevelTooltip"
             }),
-            children: /* @__PURE__ */ w(
+            children: /* @__PURE__ */ v(
               z,
               {
                 color: h ? "textPrimary" : "textSecondary",
@@ -5470,7 +5455,7 @@ function tn({
         }
       )
     ] }),
-    /* @__PURE__ */ w(St, { unmountOnExit: !0, timeout: 100, in: A, children: [
+    /* @__PURE__ */ v(St, { unmountOnExit: !0, timeout: 100, in: A, children: [
       /* @__PURE__ */ n(
         rl,
         {
@@ -5501,7 +5486,7 @@ function tn({
     ] })
   ] }) : null;
 }
-function Pl({
+function $l({
   intl: e,
   minZoom: t,
   maxZoom: i,
@@ -5513,10 +5498,10 @@ function Pl({
   }), s = e.formatMessage({ id: "c4r.widgets.legend.zoomNote" }), u = o < i ? `${l} ${o}` : "", p = r > t ? `${d} ${r}` : "", c = [u, p].filter(Boolean).join(` ${a} `);
   return c ? `${s} ${c}` : "";
 }
-const $l = {}, He = () => {
+const Pl = {}, He = () => {
 }, Ol = [];
 function fs({
-  customLegendTypes: e = $l,
+  customLegendTypes: e = Pl,
   layers: t = Ol,
   collapsed: i = !1,
   onChangeCollapsed: r = He,
@@ -5531,25 +5516,25 @@ function fs({
   isMobile: y,
   sx: g
 }) {
-  const f = se(), v = ce(f), h = /* @__PURE__ */ w(el, { collapsed: i, children: [
+  const f = se(), w = ce(f), h = /* @__PURE__ */ v(el, { collapsed: i, children: [
     /* @__PURE__ */ n(z, { variant: "caption", flexGrow: 1, children: s }),
     /* @__PURE__ */ n(
       ue,
       {
-        title: v.formatMessage({ id: "c4r.widgets.legend.close" }),
+        title: w.formatMessage({ id: "c4r.widgets.legend.close" }),
         children: /* @__PURE__ */ n(fe, { size: "small", onClick: () => r(!0), children: /* @__PURE__ */ n(Ei, {}) })
       }
     )
   ] }), b = /* @__PURE__ */ n(
     ue,
     {
-      title: v.formatMessage({ id: "c4r.widgets.legend.open" }),
+      title: w.formatMessage({ id: "c4r.widgets.legend.open" }),
       children: /* @__PURE__ */ n(fe, { "aria-label": s, onClick: () => r(!1), children: /* @__PURE__ */ n(Li, {}) })
     }
   );
-  return /* @__PURE__ */ n(Qa, { sx: g, elevation: 3, collapsed: i || !!y, children: y ? /* @__PURE__ */ w(ie, { children: [
+  return /* @__PURE__ */ n(Qa, { sx: g, elevation: 3, collapsed: i || !!y, children: y ? /* @__PURE__ */ v(ie, { children: [
     b,
-    /* @__PURE__ */ w(
+    /* @__PURE__ */ v(
       hi,
       {
         anchor: "bottom",
@@ -5575,7 +5560,7 @@ function fs({
         ]
       }
     )
-  ] }) : /* @__PURE__ */ w(ie, { children: [
+  ] }) : /* @__PURE__ */ v(ie, { children: [
     i ? b : h,
     /* @__PURE__ */ n(Qt, { width: i ? 0 : void 0, children: /* @__PURE__ */ n(St, { unmountOnExit: !0, in: !i, timeout: 500, children: t.map((k) => /* @__PURE__ */ n(
       tn,
@@ -5615,7 +5600,7 @@ function ms({
   severity: i = void 0,
   ...r
 }) {
-  return i ? /* @__PURE__ */ n(Pi, { title: e, severity: i, ...r, children: /* @__PURE__ */ n(nn, { children: t }) }) : /* @__PURE__ */ w(S, { ...r, children: [
+  return i ? /* @__PURE__ */ n($i, { title: e, severity: i, ...r, children: /* @__PURE__ */ n(nn, { children: t }) }) : /* @__PURE__ */ v(S, { ...r, children: [
     e && /* @__PURE__ */ n(z, { variant: "body2", children: e }),
     /* @__PURE__ */ n(nn, { color: "textSecondary", children: t })
   ] });
@@ -5643,7 +5628,7 @@ const Wl = m(S, {
   width: "100%",
   ...t ? { minHeight: e.spacing(3) } : { height: e.spacing(3) },
   padding: 0
-})), Nl = m(Pe, {
+})), Nl = m($e, {
   shouldForwardProp: (e) => e !== "expandable"
 })(({ theme: e, expandable: t = !0 }) => ({
   flex: 1,
@@ -5713,13 +5698,13 @@ function ys({
   isLoading: y = !1,
   margin: g
 }) {
-  const f = ni(), [v, h] = _(!0), b = s !== void 0 && u !== void 0, k = d !== !1 ? b ? s : v : !0, M = b ? u : h, [C, x] = _(null), A = !!C, T = () => {
+  const f = ni(), [w, h] = _(!0), b = s !== void 0 && u !== void 0, k = d !== !1 ? b ? s : w : !0, M = b ? u : h, [C, x] = _(null), A = !!C, T = () => {
     d && M(!k);
   }, O = (W) => x(W.currentTarget), L = () => x(null);
-  function $(W) {
+  function P(W) {
     W && W(), L();
   }
-  const P = (W) => /* @__PURE__ */ n(
+  const $ = (W) => /* @__PURE__ */ n(
     rn,
     {
       "aria-label": W.label,
@@ -5729,9 +5714,9 @@ function ys({
     },
     W.id
   );
-  return l ? o ? /* @__PURE__ */ n(ie, { children: o }) : null : /* @__PURE__ */ w(Wl, { margin: g, component: "section", "aria-label": e, children: [
+  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__ */ w(Fl, { container: !0, expanded: s, children: [
+    /* @__PURE__ */ v(Fl, { container: !0, expanded: s, children: [
       /* @__PURE__ */ n(
         Nl,
         {
@@ -5742,18 +5727,18 @@ function ys({
           children: /* @__PURE__ */ n(ue, { title: e, children: /* @__PURE__ */ n(zl, { expanded: s, align: "left", variant: "subtitle1", children: e }) })
         }
       ),
-      /* @__PURE__ */ w(Hl, { item: !0, children: [
+      /* @__PURE__ */ v(Hl, { item: !0, children: [
         c,
         t.length > 0 && t.map((W) => W.tooltip ? /* @__PURE__ */ n(
           ue,
           {
             title: W.tooltip.text,
             placement: W.tooltip.placement ?? "top",
-            children: P(W)
+            children: $(W)
           },
           W.id
-        ) : P(W)),
-        i.length > 0 && /* @__PURE__ */ w(ie, { children: [
+        ) : $(W)),
+        i.length > 0 && /* @__PURE__ */ v(ie, { children: [
           /* @__PURE__ */ n(
             rn,
             {
@@ -5783,10 +5768,10 @@ function ys({
               open: A,
               onClose: L,
               children: i.map((W) => /* @__PURE__ */ n(
-                $e,
+                Pe,
                 {
                   selected: W.selected,
-                  onClick: () => $(W.action),
+                  onClick: () => P(W.action),
                   children: W.name
                 },
                 W.id
@@ -5796,7 +5781,7 @@ function ys({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ n(St, { ref: f, in: k, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ w(S, { ...a, children: [
+    /* @__PURE__ */ n(St, { ref: f, in: k, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ v(S, { ...a, children: [
       /* @__PURE__ */ n(S, { pt: 1, children: o }),
       p ?? /* @__PURE__ */ n(S, { children: p })
     ] }) })
@@ -5818,7 +5803,7 @@ export {
   Ie as LEGEND_TYPES,
   dl as LegendCategories,
   kl as LegendIcon,
-  wl as LegendProportion,
+  vl as LegendProportion,
   en as LegendRamp,
   fs as LegendWidgetUI,
   ms as NoDataAlert,