@wandelbots/wandelbots-js-react-components 1.17.6 → 1.17.7

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as $ from "react";
 import ki, { useState as ea, useEffect as Gt, lazy as zu, useRef as kt, Suspense as Li, useCallback as Gu, forwardRef as Yt } from "react";
-import { Stack as ie, CircularProgress as Wu, useTheme as wo, capitalize as Ku, Button as Kr, Typography as pt, IconButton as Zo, Slider as Hu, InputLabel as Jr, Chip as Xu, Select as Ia, MenuItem as yn, ToggleButtonGroup as $i, ToggleButton as Dn, Paper as qu, Tabs as Yu, Tab as Zu, Dialog as Qu, DialogTitle as ec, DialogContent as tc, DialogActions as rc } from "@mui/material";
+import { Stack as oe, CircularProgress as Wu, useTheme as wo, capitalize as Ku, Button as Kr, Typography as pt, IconButton as Zo, Slider as Hu, InputLabel as Jr, Chip as Xu, Select as Ia, MenuItem as yn, ToggleButtonGroup as $i, ToggleButton as Dn, Paper as qu, Tabs as Yu, Tab as Zu, Dialog as Qu, DialogTitle as ec, DialogContent as tc, DialogActions as rc } from "@mui/material";
 import { I18nextProvider as nc, useTranslation as Zt } from "react-i18next";
 import ac from "i18next-browser-languagedetector";
 import { lowerFirst as oc, omit as sc, isString as ic } from "lodash-es";
@@ -98,14 +98,14 @@ function Pc() {
         ee.unshift("Warning: " + w), Function.prototype.apply.call(console[p], console, ee);
       }
     }
-    var k = !1, R = !1, P = !1, O = !1, z = !1, oe;
-    oe = Symbol.for("react.module.reference");
+    var k = !1, R = !1, P = !1, O = !1, z = !1, se;
+    se = Symbol.for("react.module.reference");
     function le(p) {
       return !!(typeof p == "string" || typeof p == "function" || p === r || p === s || z || p === a || p === c || p === d || O || p === v || k || R || P || typeof p == "object" && p !== null && (p.$$typeof === h || p.$$typeof === m || p.$$typeof === i || p.$$typeof === l || p.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      p.$$typeof === oe || p.getModuleId !== void 0));
+      p.$$typeof === se || p.getModuleId !== void 0));
     }
     function F(p, w, T) {
       var L = p.displayName;
@@ -162,14 +162,14 @@ function Pc() {
         }
       return null;
     }
-    var X = Object.assign, K = 0, xe, se, Y, je, Ie, rt, _t;
+    var X = Object.assign, K = 0, xe, ie, Y, je, Ie, rt, _t;
     function Ge() {
     }
     Ge.__reactDisabledLog = !0;
     function Se() {
       {
         if (K === 0) {
-          xe = console.log, se = console.info, Y = console.warn, je = console.error, Ie = console.group, rt = console.groupCollapsed, _t = console.groupEnd;
+          xe = console.log, ie = console.info, Y = console.warn, je = console.error, Ie = console.group, rt = console.groupCollapsed, _t = console.groupEnd;
           var p = {
             configurable: !0,
             enumerable: !0,
@@ -202,7 +202,7 @@ function Pc() {
               value: xe
             }),
             info: X({}, p, {
-              value: se
+              value: ie
             }),
             warn: X({}, p, {
               value: Y
@@ -1110,9 +1110,9 @@ class Vn extends ta {
       h = h.join(S), h && (h = this.extendTranslation(h, t, n, r));
     else {
       let k = !1, R = !1;
-      const P = n.count !== void 0 && typeof n.count != "string", O = Vn.hasDefaultValue(n), z = P ? this.pluralResolver.getSuffix(c, n.count, n) : "", oe = n.ordinal && P ? this.pluralResolver.getSuffix(c, n.count, {
+      const P = n.count !== void 0 && typeof n.count != "string", O = Vn.hasDefaultValue(n), z = P ? this.pluralResolver.getSuffix(c, n.count, n) : "", se = n.ordinal && P ? this.pluralResolver.getSuffix(c, n.count, {
         ordinal: !1
-      }) : "", le = P && !n.ordinal && n.count === 0 && this.pluralResolver.shouldUseIntlApi(), F = le && n[`defaultValue${this.options.pluralSeparator}zero`] || n[`defaultValue${z}`] || n[`defaultValue${oe}`] || n.defaultValue;
+      }) : "", le = P && !n.ordinal && n.count === 0 && this.pluralResolver.shouldUseIntlApi(), F = le && n[`defaultValue${this.options.pluralSeparator}zero`] || n[`defaultValue${z}`] || n[`defaultValue${se}`] || n.defaultValue;
       !this.isValidLookup(h) && O && (k = !0, h = F), this.isValidLookup(h) || (R = !0, h = i);
       const V = (n.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey) && R ? void 0 : h, X = O && F !== h && this.options.updateMissing;
       if (R || k || X) {
@@ -1129,16 +1129,16 @@ class Vn extends ta {
           for (let Y = 0; Y < xe.length; Y++)
             K.push(xe[Y]);
         else this.options.saveMissingTo === "all" ? K = this.languageUtils.toResolveHierarchy(n.lng || this.language) : K.push(n.lng || this.language);
-        const se = (Y, je, Ie) => {
+        const ie = (Y, je, Ie) => {
           const rt = O && Ie !== h ? Ie : V;
           this.options.missingKeyHandler ? this.options.missingKeyHandler(Y, u, je, rt, X, n) : this.backendConnector && this.backendConnector.saveMissing && this.backendConnector.saveMissing(Y, u, je, rt, X, n), this.emit("missingKey", Y, u, je, h);
         };
         this.options.saveMissing && (this.options.saveMissingPlurals && P ? K.forEach((Y) => {
           const je = this.pluralResolver.getSuffixes(Y, n);
           le && n[`defaultValue${this.options.pluralSeparator}zero`] && je.indexOf(`${this.options.pluralSeparator}zero`) < 0 && je.push(`${this.options.pluralSeparator}zero`), je.forEach((Ie) => {
-            se([Y], i + Ie, n[`defaultValue${Ie}`] || F);
+            ie([Y], i + Ie, n[`defaultValue${Ie}`] || F);
           });
-        }) : se(K, i, F));
+        }) : ie(K, i, F));
       }
       h = this.extendTranslation(h, t, n, m, r), R && h === i && this.options.appendNamespaceToMissingKey && (h = `${u}:${i}`), (R || k) && this.options.parseMissingKeyHandler && (this.options.compatibilityAPI !== "v1" ? h = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${u}:${i}` : i, k ? h : void 0) : h = this.options.parseMissingKeyHandler(h));
     }
@@ -3465,11 +3465,11 @@ const Sh = async (e) => {
         duplex: "half"
       }), O;
       if (x.isFormData(r) && (O = P.headers.get("content-type")) && d.setContentType(O), P.body) {
-        const [z, oe] = vs(
+        const [z, se] = vs(
           j,
           zn(bs(u))
         );
-        r = Ss(P.body, ws, z, oe, eo);
+        r = Ss(P.body, ws, z, se, eo);
       }
     }
     x.isString(m) || (m = m ? "include" : "omit"), g = new Request(t, {
@@ -3488,13 +3488,13 @@ const Sh = async (e) => {
       ["status", "statusText", "headers"].forEach((le) => {
         P[le] = C[le];
       });
-      const O = x.toFiniteNumber(C.headers.get("content-length")), [z, oe] = l && vs(
+      const O = x.toFiniteNumber(C.headers.get("content-length")), [z, se] = l && vs(
         O,
         zn(bs(l), !0)
       ) || [];
       C = new Response(
         Ss(C.body, ws, z, () => {
-          oe && oe(), k && S();
+          se && se(), k && S();
         }, eo),
         P
       );
@@ -3959,7 +3959,7 @@ const Oo = (e) => {
     }, t);
     return () => clearTimeout(a);
   }), /* @__PURE__ */ o.jsx(
-    ie,
+    oe,
     {
       width: "100%",
       height: "100%",
@@ -3975,7 +3975,7 @@ const Oo = (e) => {
         /* @__PURE__ */ o.jsx(Wu, { sx: { marginBottom: "24px" } }),
         !!e.message && /* @__PURE__ */ o.jsx("div", { children: e.message }),
         /* @__PURE__ */ o.jsx(
-          ie,
+          oe,
           {
             sx: {
               visibility: n ? "visible" : "hidden",
@@ -3991,7 +3991,7 @@ const Oo = (e) => {
 }, Th = (e) => {
   const t = Ih(e.error), n = e.error instanceof Error ? e.error.stack : null, r = wo();
   return /* @__PURE__ */ o.jsxs(
-    ie,
+    oe,
     {
       sx: {
         maxHeight: "100%",
@@ -11490,7 +11490,7 @@ function Ef() {
         }
       }
     }
-    var P = i, O = s, z = e, oe = u, le = n, F = h, H = m, V = t, X = a, K = r, xe = c, se = d, Y = !1, je = !1;
+    var P = i, O = s, z = e, se = u, le = n, F = h, H = m, V = t, X = a, K = r, xe = c, ie = d, Y = !1, je = !1;
     function Ie(I) {
       return Y || (Y = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
@@ -11533,7 +11533,7 @@ function Ef() {
     function Ue(I) {
       return R(I) === d;
     }
-    ae.ContextConsumer = P, ae.ContextProvider = O, ae.Element = z, ae.ForwardRef = oe, ae.Fragment = le, ae.Lazy = F, ae.Memo = H, ae.Portal = V, ae.Profiler = X, ae.StrictMode = K, ae.Suspense = xe, ae.SuspenseList = se, ae.isAsyncMode = Ie, ae.isConcurrentMode = rt, ae.isContextConsumer = _t, ae.isContextProvider = Ge, ae.isElement = Se, ae.isForwardRef = At, ae.isFragment = it, ae.isLazy = We, ae.isMemo = De, ae.isPortal = lt, ae.isProfiler = ut, ae.isStrictMode = Nt, ae.isSuspense = vt, ae.isSuspenseList = Ue, ae.isValidElementType = k, ae.typeOf = R;
+    ae.ContextConsumer = P, ae.ContextProvider = O, ae.Element = z, ae.ForwardRef = se, ae.Fragment = le, ae.Lazy = F, ae.Memo = H, ae.Portal = V, ae.Profiler = X, ae.StrictMode = K, ae.Suspense = xe, ae.SuspenseList = ie, ae.isAsyncMode = Ie, ae.isConcurrentMode = rt, ae.isContextConsumer = _t, ae.isContextProvider = Ge, ae.isElement = Se, ae.isForwardRef = At, ae.isFragment = it, ae.isLazy = We, ae.isMemo = De, ae.isPortal = lt, ae.isProfiler = ut, ae.isStrictMode = Nt, ae.isSuspense = vt, ae.isSuspenseList = Ue, ae.isValidElementType = k, ae.typeOf = R;
   }()), ae;
 }
 process.env.NODE_ENV === "production" ? co.exports = Tf() : co.exports = Ef();
@@ -11692,9 +11692,9 @@ function Vf(e = {}) {
           theme: V
         }));
       }), y || z.push(s);
-      const oe = z.length - P.length;
-      if (Array.isArray(R) && oe > 0) {
-        const F = new Array(oe).fill("");
+      const se = z.length - P.length;
+      if (Array.isArray(R) && se > 0) {
+        const F = new Array(se).fill("");
         O = [...R, ...F], O.raw = [...R.raw, ...F];
       }
       const le = j(O, ...z);
@@ -12376,9 +12376,9 @@ function q0(e = {}) {
           theme: V
         }));
       }), y || z.push(s);
-      const oe = z.length - P.length;
-      if (Array.isArray(R) && oe > 0) {
-        const F = new Array(oe).fill("");
+      const se = z.length - P.length;
+      if (Array.isArray(R) && se > 0) {
+        const F = new Array(se).fill("");
         O = [...R, ...F], O.raw = [...R.raw, ...F];
       }
       const le = j(O, ...z);
@@ -13592,8 +13592,8 @@ function yg(e, t, n) {
     return c = P, l = setTimeout(S, t), d ? v(P) : i;
   }
   function y(P) {
-    var O = P - u, z = P - c, oe = t - O;
-    return m ? gg(oe, s - z) : oe;
+    var O = P - u, z = P - c, se = t - O;
+    return m ? gg(se, s - z) : se;
   }
   function g(P) {
     var O = P - u, z = P - c;
@@ -13828,7 +13828,7 @@ const bg = rn(
   titleId: t,
   ...n
 }, r) => /* @__PURE__ */ $.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 25, height: 24, fill: "none", ref: r, "aria-labelledby": t, ...n }, e ? /* @__PURE__ */ $.createElement("title", { id: t }, e) : null, /* @__PURE__ */ $.createElement("path", { stroke: "#fff", strokeLinecap: "round", strokeWidth: 1.5, d: "M18.5 12a6 6 0 1 0-6 6" }), /* @__PURE__ */ $.createElement("path", { stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "m16.5 11 2 2.5 2-2.5" })), Pg = Yt(Ag), li = (e) => /* @__PURE__ */ o.jsx(
-  ie,
+  oe,
   {
     position: "absolute",
     left: 0,
@@ -13877,7 +13877,7 @@ const bg = rn(
           }
         ) });
     }
-    return /* @__PURE__ */ o.jsxs(ie, { sx: { position: "relative", padding: "6px" }, children: [
+    return /* @__PURE__ */ o.jsxs(oe, { sx: { position: "relative", padding: "6px" }, children: [
       r(),
       t
     ] });
@@ -13911,7 +13911,7 @@ const bg = rn(
     return on(() => {
       t.current && (t.current.textContent = n());
     }), /* @__PURE__ */ o.jsx(
-      ie,
+      oe,
       {
         alignItems: "left",
         spacing: 2,
@@ -14469,7 +14469,7 @@ const Iu = ({
   }
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
     /* @__PURE__ */ o.jsxs(
-      ie,
+      oe,
       {
         direction: "row",
         alignItems: "center",
@@ -14483,7 +14483,7 @@ const Iu = ({
           }
         },
         children: [
-          /* @__PURE__ */ o.jsxs(ie, { width: "50%", children: [
+          /* @__PURE__ */ o.jsxs(oe, { width: "50%", children: [
             /* @__PURE__ */ o.jsx(Jr, { id: "jogging-coord-select", children: "Coordinate Sys." }),
             /* @__PURE__ */ o.jsx(
               Ia,
@@ -14499,7 +14499,7 @@ const Iu = ({
               }
             )
           ] }),
-          /* @__PURE__ */ o.jsxs(ie, { width: "50%", children: [
+          /* @__PURE__ */ o.jsxs(oe, { width: "50%", children: [
             /* @__PURE__ */ o.jsx(Jr, { id: "jogging-tcp-select", children: "TCP" }),
             /* @__PURE__ */ o.jsx(
               Ia,
@@ -14518,7 +14518,7 @@ const Iu = ({
       }
     ),
     /* @__PURE__ */ o.jsxs(
-      ie,
+      oe,
       {
         direction: "row",
         alignItems: "center",
@@ -14532,7 +14532,7 @@ const Iu = ({
           }
         },
         children: [
-          /* @__PURE__ */ o.jsxs(ie, { width: "35%", children: [
+          /* @__PURE__ */ o.jsxs(oe, { width: "35%", children: [
             /* @__PURE__ */ o.jsx(Jr, { id: "orientation-select", children: t("Jogging.Cartesian.Orientation.lb") }),
             /* @__PURE__ */ o.jsxs(
               $i,
@@ -14549,7 +14549,7 @@ const Iu = ({
               }
             )
           ] }),
-          /* @__PURE__ */ o.jsxs(ie, { width: "65%", children: [
+          /* @__PURE__ */ o.jsxs(oe, { width: "65%", children: [
             /* @__PURE__ */ o.jsx(Jr, { id: "jogging-increment-select", children: "Increment" }),
             /* @__PURE__ */ o.jsxs(
               Ia,
@@ -14704,7 +14704,7 @@ function y_(e) {
     shiftStep: g = 10,
     tabIndex: S,
     value: j
-  } = e, C = $.useRef(), [k, R] = $.useState(-1), [P, O] = $.useState(-1), [z, oe] = $.useState(!1), le = $.useRef(0), [F, H] = au({
+  } = e, C = $.useRef(), [k, R] = $.useState(-1), [P, O] = $.useState(-1), [z, se] = $.useState(!1), le = $.useRef(0), [F, H] = au({
     controlled: j,
     default: n ?? u,
     name: "Slider"
@@ -14722,7 +14722,7 @@ function y_(e) {
   K = K.map((M) => M == null ? u : fr(M, u, l));
   const xe = i === !0 && y !== null ? [...Array(Math.floor((l - u) / y) + 1)].map((M, E) => ({
     value: u + y * E
-  })) : i || [], se = xe.map((M) => M.value), {
+  })) : i || [], ie = xe.map((M) => M.value), {
     isFocusVisibleRef: Y,
     onBlur: je,
     onFocus: Ie,
@@ -14735,11 +14735,11 @@ function y_(e) {
     var N;
     je(E), Y.current === !1 && Ge(-1), O(-1), M == null || (N = M.onBlur) == null || N.call(M, E);
   }, lt = (M, E) => {
-    const N = Number(M.currentTarget.getAttribute("data-index")), G = K[N], q = se.indexOf(G);
+    const N = Number(M.currentTarget.getAttribute("data-index")), G = K[N], q = ie.indexOf(G);
     let W = E;
     if (xe && y == null) {
-      const Be = se[se.length - 1];
-      W > Be ? W = Be : W < se[0] ? W = se[0] : W = W < G ? se[q - 1] : se[q + 1];
+      const Be = ie[ie.length - 1];
+      W > Be ? W = Be : W < ie[0] ? W = ie[0] : W = W < G ? ie[q - 1] : ie[q + 1];
     }
     if (W = fr(W, u, l), X) {
       a && (W = fr(W, K[N - 1] || -1 / 0, K[N + 1] || 1 / 0));
@@ -14795,8 +14795,8 @@ function y_(e) {
     if (Q = h_(Ke, u, l), y)
       Q = f_(Q, y, u);
     else {
-      const Mt = Ai(se, Q);
-      Q = se[Mt];
+      const Mt = Ai(ie, Q);
+      Q = ie[Mt];
     }
     Q = fr(Q, u, l);
     let ke = 0;
@@ -14832,10 +14832,10 @@ function y_(e) {
       sliderRef: Se,
       activeIndex: G,
       setActive: R
-    }), H(N), !z && le.current > d_ && oe(!0), V && !Rn(N, F) && V(M, N, G);
+    }), H(N), !z && le.current > d_ && se(!0), V && !Rn(N, F) && V(M, N, G);
   }), de = Ln((M) => {
     const E = wn(M, C);
-    if (oe(!1), !E)
+    if (se(!1), !E)
       return;
     const {
       newValue: N
@@ -15541,7 +15541,7 @@ const S_ = jt("span", {
 }, M_ = ({
   children: e
 }) => e, ku = /* @__PURE__ */ $.forwardRef(function(t, n) {
-  var r, a, s, i, l, u, c, d, m, h, v, _, y, g, S, j, C, k, R, P, O, z, oe, le;
+  var r, a, s, i, l, u, c, d, m, h, v, _, y, g, S, j, C, k, R, P, O, z, se, le;
   const F = zo({
     props: t,
     name: "MuiSlider"
@@ -15551,7 +15551,7 @@ const S_ = jt("span", {
     "aria-labelledby": K,
     // eslint-disable-next-line react/prop-types
     component: xe = "span",
-    components: se = {},
+    components: ie = {},
     componentsProps: Y = {},
     color: je = "primary",
     classes: Ie,
@@ -15610,7 +15610,7 @@ const S_ = jt("span", {
     rootRef: n
   }));
   we.marked = G.length > 0 && G.some((L) => L.label), we.dragging = N, we.focusedThumbIndex = M;
-  const Q = O_(we), ke = (r = (a = Z == null ? void 0 : Z.root) != null ? a : se.Root) != null ? r : S_, Mt = (s = (i = Z == null ? void 0 : Z.rail) != null ? i : se.Rail) != null ? s : w_, nr = (l = (u = Z == null ? void 0 : Z.track) != null ? u : se.Track) != null ? l : j_, Or = (c = (d = Z == null ? void 0 : Z.thumb) != null ? d : se.Thumb) != null ? c : R_, bt = (m = (h = Z == null ? void 0 : Z.valueLabel) != null ? h : se.ValueLabel) != null ? m : C_, Dt = (v = (_ = Z == null ? void 0 : Z.mark) != null ? _ : se.Mark) != null ? v : A_, Ut = (y = (g = Z == null ? void 0 : Z.markLabel) != null ? g : se.MarkLabel) != null ? y : P_, Mr = (S = (j = Z == null ? void 0 : Z.input) != null ? j : se.Input) != null ? S : "input", Ir = (C = I == null ? void 0 : I.root) != null ? C : Y.root, fn = (k = I == null ? void 0 : I.rail) != null ? k : Y.rail, Tr = (R = I == null ? void 0 : I.track) != null ? R : Y.track, ar = (P = I == null ? void 0 : I.thumb) != null ? P : Y.thumb, or = (O = I == null ? void 0 : I.valueLabel) != null ? O : Y.valueLabel, Ra = (z = I == null ? void 0 : I.mark) != null ? z : Y.mark, Ca = (oe = I == null ? void 0 : I.markLabel) != null ? oe : Y.markLabel, pn = (le = I == null ? void 0 : I.input) != null ? le : Y.input, gn = Tt({
+  const Q = O_(we), ke = (r = (a = Z == null ? void 0 : Z.root) != null ? a : ie.Root) != null ? r : S_, Mt = (s = (i = Z == null ? void 0 : Z.rail) != null ? i : ie.Rail) != null ? s : w_, nr = (l = (u = Z == null ? void 0 : Z.track) != null ? u : ie.Track) != null ? l : j_, Or = (c = (d = Z == null ? void 0 : Z.thumb) != null ? d : ie.Thumb) != null ? c : R_, bt = (m = (h = Z == null ? void 0 : Z.valueLabel) != null ? h : ie.ValueLabel) != null ? m : C_, Dt = (v = (_ = Z == null ? void 0 : Z.mark) != null ? _ : ie.Mark) != null ? v : A_, Ut = (y = (g = Z == null ? void 0 : Z.markLabel) != null ? g : ie.MarkLabel) != null ? y : P_, Mr = (S = (j = Z == null ? void 0 : Z.input) != null ? j : ie.Input) != null ? S : "input", Ir = (C = I == null ? void 0 : I.root) != null ? C : Y.root, fn = (k = I == null ? void 0 : I.rail) != null ? k : Y.rail, Tr = (R = I == null ? void 0 : I.track) != null ? R : Y.track, ar = (P = I == null ? void 0 : I.thumb) != null ? P : Y.thumb, or = (O = I == null ? void 0 : I.valueLabel) != null ? O : Y.valueLabel, Ra = (z = I == null ? void 0 : I.mark) != null ? z : Y.mark, Ca = (se = I == null ? void 0 : I.markLabel) != null ? se : Y.markLabel, pn = (le = I == null ? void 0 : I.input) != null ? le : Y.input, gn = Tt({
     elementType: ke,
     getSlotProps: Ft,
     externalSlotProps: Ir,
@@ -16028,13 +16028,13 @@ const E_ = et((e) => {
       }
     }));
     return /* @__PURE__ */ o.jsx(
-      ie,
+      oe,
       {
         sx: {
           margin: "0px 20px",
           marginBottom: "12px"
         },
-        children: /* @__PURE__ */ o.jsx(ie, { sx: { width: "380px", maxWidth: "90%", margin: "auto" }, children: /* @__PURE__ */ o.jsx(
+        children: /* @__PURE__ */ o.jsx(oe, { sx: { width: "380px", maxWidth: "90%", margin: "auto" }, children: /* @__PURE__ */ o.jsx(
           E_,
           {
             velocity: e.velocityInCurrentUnits,
@@ -16049,10 +16049,10 @@ const E_ = et((e) => {
     );
   }
 ), k_ = et(
-  ({ store: e }) => {
-    const { t } = Zt();
-    function n(c, d) {
-      (d === "translate" || d === "rotate") && e.setSelectedCartesianMotionType(d);
+  ({ store: e, children: t }) => {
+    const { t: n } = Zt();
+    function r(d, m) {
+      (m === "translate" || m === "rotate") && e.setSelectedCartesianMotionType(m);
     }
     Ol(
       () => [e.selectedCoordSystemId, e.selectedTcpId],
@@ -16065,45 +16065,45 @@ const E_ = et((e) => {
       },
       { fireImmediately: !0 }
     );
-    async function r(c, d) {
-      const m = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose, h = e.jogger.motionStream.rapidlyChangingMotionState.state.joint_position;
-      m && await e.withMotionLock(async () => {
+    async function a(d, m) {
+      const h = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose, v = e.jogger.motionStream.rapidlyChangingMotionState.state.joint_position;
+      h && await e.withMotionLock(async () => {
         await e.jogger.runIncrementalCartesianMotion({
-          currentTcpPose: m,
-          currentJoints: h,
+          currentTcpPose: h,
+          currentJoints: v,
           coordSystemId: e.activeCoordSystemId,
           velocityInRelevantUnits: e.velocityInCurrentUnits,
-          axis: c.axis,
-          direction: c.direction,
+          axis: d.axis,
+          direction: d.direction,
           motion: e.selectedCartesianMotionType === "translate" ? {
             type: "translate",
-            distanceMm: d.mm
+            distanceMm: m.mm
           } : {
             type: "rotate",
-            distanceRads: jc(d.degrees)
+            distanceRads: jc(m.degrees)
           }
         });
       });
     }
-    async function a(c) {
+    async function s(d) {
       if (!e.isLocked) {
         if (e.activeDiscreteIncrement)
-          return r(c, e.activeDiscreteIncrement);
-        c.motionType === "translate" ? await e.jogger.startTCPTranslation({
-          axis: c.axis,
-          direction: c.direction,
+          return a(d, e.activeDiscreteIncrement);
+        d.motionType === "translate" ? await e.jogger.startTCPTranslation({
+          axis: d.axis,
+          direction: d.direction,
           velocityMmPerSec: e.translationVelocityMmPerSec
         }) : await e.jogger.startTCPRotation({
-          axis: c.axis,
-          direction: c.direction,
+          axis: d.axis,
+          direction: d.direction,
           velocityRadsPerSec: e.rotationVelocityRadsPerSec
         });
       }
     }
-    async function s() {
+    async function i() {
       e.isLocked || e.activeDiscreteIncrement || await e.jogger.stop();
     }
-    const i = [
+    const l = [
       {
         id: "x",
         color: "#F14D42",
@@ -16120,23 +16120,26 @@ const E_ = et((e) => {
         icon: /* @__PURE__ */ o.jsx(Cg, {})
       }
     ];
-    function l(c) {
-      return t("General.mm.variable", { amount: c.toFixed(1) });
+    function u(d) {
+      return n("General.mm.variable", { amount: d.toFixed(1) });
     }
-    function u(c) {
-      return t("General.degree.variable", {
-        amount: Pn(c).toFixed(1)
+    function c(d) {
+      return n("General.degree.variable", {
+        amount: Pn(d).toFixed(1)
       });
     }
-    return /* @__PURE__ */ o.jsxs(ie, { children: [
-      /* @__PURE__ */ o.jsx(Og, { store: e }),
-      /* @__PURE__ */ o.jsx(u_, { store: e }),
+    return /* @__PURE__ */ o.jsxs(oe, { flexGrow: 1, justifyContent: "space-between", children: [
+      /* @__PURE__ */ o.jsxs(oe, { children: [
+        /* @__PURE__ */ o.jsx(Og, { store: e }),
+        /* @__PURE__ */ o.jsx(u_, { store: e })
+      ] }),
       /* @__PURE__ */ o.jsxs(
-        ie,
+        oe,
         {
           width: "80%",
           maxWidth: "296px",
-          margin: "auto",
+          marginLeft: "auto",
+          marginRight: "auto",
           marginTop: "16px",
           gap: "12px",
           children: [
@@ -16144,23 +16147,23 @@ const E_ = et((e) => {
               $i,
               {
                 value: e.selectedCartesianMotionType,
-                onChange: n,
+                onChange: r,
                 exclusive: !0,
-                "aria-label": t("Jogging.Cartesian.MotionType.lb"),
+                "aria-label": n("Jogging.Cartesian.MotionType.lb"),
                 children: [
-                  /* @__PURE__ */ o.jsx(Dn, { value: "translate", children: t("Jogging.Cartesian.Translation.bt") }),
-                  /* @__PURE__ */ o.jsx(Dn, { value: "rotate", children: t("Jogging.Cartesian.Rotation.bt") })
+                  /* @__PURE__ */ o.jsx(Dn, { value: "translate", children: n("Jogging.Cartesian.Translation.bt") }),
+                  /* @__PURE__ */ o.jsx(Dn, { value: "rotate", children: n("Jogging.Cartesian.Rotation.bt") })
                 ]
               }
             ),
-            /* @__PURE__ */ o.jsx(vu, { store: e, children: /* @__PURE__ */ o.jsxs(ie, { gap: "12px", children: [
-              e.selectedCartesianMotionType === "translate" && i.map((c) => /* @__PURE__ */ o.jsx(
+            /* @__PURE__ */ o.jsx(vu, { store: e, children: /* @__PURE__ */ o.jsxs(oe, { gap: "12px", children: [
+              e.selectedCartesianMotionType === "translate" && l.map((d) => /* @__PURE__ */ o.jsx(
                 ni,
                 {
-                  color: c.color,
+                  color: d.color,
                   disabled: e.isLocked,
                   label: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-                    c.icon,
+                    d.icon,
                     /* @__PURE__ */ o.jsx(
                       pt,
                       {
@@ -16168,29 +16171,29 @@ const E_ = et((e) => {
                           fontSize: "24px",
                           color: "white"
                         },
-                        children: c.id.toUpperCase()
+                        children: d.id.toUpperCase()
                       }
                     )
                   ] }),
                   getDisplayedValue: () => {
-                    var d;
-                    return l(
-                      ((d = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : d.position[c.id]) || 0
+                    var m;
+                    return u(
+                      ((m = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : m.position[d.id]) || 0
                     );
                   },
-                  startJogging: (d) => a({
-                    axis: c.id,
+                  startJogging: (m) => s({
+                    axis: d.id,
                     motionType: "translate",
-                    direction: d
+                    direction: m
                   }),
-                  stopJogging: s
+                  stopJogging: i
                 },
-                c.id
+                d.id
               )),
-              e.selectedCartesianMotionType === "rotate" && i.map((c) => /* @__PURE__ */ o.jsx(
+              e.selectedCartesianMotionType === "rotate" && l.map((d) => /* @__PURE__ */ o.jsx(
                 ni,
                 {
-                  color: c.color,
+                  color: d.color,
                   disabled: e.isLocked,
                   label: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
                     /* @__PURE__ */ o.jsx(Pg, {}),
@@ -16201,31 +16204,34 @@ const E_ = et((e) => {
                           fontSize: "24px",
                           color: "white"
                         },
-                        children: c.id.toUpperCase()
+                        children: d.id.toUpperCase()
                       }
                     )
                   ] }),
                   getDisplayedValue: () => {
-                    var d, m;
-                    return u(
-                      ((m = (d = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : d.orientation) == null ? void 0 : m[c.id]) || 0
+                    var m, h;
+                    return c(
+                      ((h = (m = e.jogger.motionStream.rapidlyChangingMotionState.tcp_pose) == null ? void 0 : m.orientation) == null ? void 0 : h[d.id]) || 0
                     );
                   },
-                  startJogging: (d) => a({
-                    axis: c.id,
+                  startJogging: (m) => s({
+                    axis: d.id,
                     motionType: "rotate",
-                    direction: d
+                    direction: m
                   }),
-                  stopJogging: s
+                  stopJogging: i
                 },
-                c.id
+                d.id
               ))
             ] }) })
           ]
         }
       ),
-      /* @__PURE__ */ o.jsx(Iu, { store: e }),
-      /* @__PURE__ */ o.jsx(Lu, { store: e })
+      /* @__PURE__ */ o.jsxs(oe, { children: [
+        /* @__PURE__ */ o.jsx(Iu, { store: e }),
+        /* @__PURE__ */ o.jsx(Lu, { store: e }),
+        t
+      ] })
     ] });
   }
 ), L_ = et(
@@ -16239,7 +16245,7 @@ const E_ = et((e) => {
     return on(() => {
       t.current && (t.current.textContent = n());
     }), /* @__PURE__ */ o.jsx(
-      ie,
+      oe,
       {
         alignItems: "left",
         spacing: 2,
@@ -16263,25 +16269,25 @@ const E_ = et((e) => {
     );
   }
 ), $_ = et(
-  ({ store: e }) => {
-    async function t(r) {
+  ({ store: e, children: t }) => {
+    async function n(a) {
       await e.jogger.startJointRotation({
-        joint: r.joint,
-        direction: r.direction,
+        joint: a.joint,
+        direction: a.direction,
         velocityRadsPerSec: e.rotationVelocityRadsPerSec
       });
     }
-    async function n() {
+    async function r() {
       await e.jogger.stop();
     }
-    return /* @__PURE__ */ o.jsxs(ie, { children: [
+    return /* @__PURE__ */ o.jsxs(oe, { flexGrow: 1, justifyContent: "space-between", children: [
       /* @__PURE__ */ o.jsx(L_, { store: e }),
-      /* @__PURE__ */ o.jsx(ie, { marginTop: "0.8rem" }),
-      /* @__PURE__ */ o.jsx(vu, { store: e, children: /* @__PURE__ */ o.jsx(ie, { gap: "0.8rem", children: e.jogger.motionStream.joints.map((r) => {
-        var l;
-        const a = (l = e.motionGroupSpec.mechanical_joint_limits) == null ? void 0 : l[r.index], s = (a == null ? void 0 : a.lower_limit) !== void 0 ? Pn(a.lower_limit) : void 0, i = (a == null ? void 0 : a.upper_limit) !== void 0 ? Pn(a.upper_limit) : void 0;
+      /* @__PURE__ */ o.jsx(oe, { marginTop: "0.8rem" }),
+      /* @__PURE__ */ o.jsx(vu, { store: e, children: /* @__PURE__ */ o.jsx(oe, { gap: "0.8rem", children: e.jogger.motionStream.joints.map((a) => {
+        var u;
+        const s = (u = e.motionGroupSpec.mechanical_joint_limits) == null ? void 0 : u[a.index], i = (s == null ? void 0 : s.lower_limit) !== void 0 ? Pn(s.lower_limit) : void 0, l = (s == null ? void 0 : s.upper_limit) !== void 0 ? Pn(s.upper_limit) : void 0;
         return /* @__PURE__ */ o.jsxs(
-          ie,
+          oe,
           {
             direction: "row",
             alignItems: "center",
@@ -16294,26 +16300,26 @@ const E_ = et((e) => {
                     flexGrow: 1,
                     textAlign: "right"
                   },
-                  children: `J${r.index + 1}`
+                  children: `J${a.index + 1}`
                 }
               ),
               /* @__PURE__ */ o.jsx(
                 bg,
                 {
                   disabled: e.isLocked,
-                  lowerLimitDegs: s,
-                  upperLimitDegs: i,
+                  lowerLimitDegs: i,
+                  upperLimitDegs: l,
                   getValueDegs: () => {
-                    const u = e.jogger.motionStream.rapidlyChangingMotionState.state.joint_position.joints[r.index];
-                    return u !== void 0 ? Pn(u) : void 0;
+                    const c = e.jogger.motionStream.rapidlyChangingMotionState.state.joint_position.joints[a.index];
+                    return c !== void 0 ? Pn(c) : void 0;
                   },
-                  startJogging: (u) => t({
-                    joint: r.index,
-                    direction: u
+                  startJogging: (c) => n({
+                    joint: a.index,
+                    direction: c
                   }),
-                  stopJogging: n
+                  stopJogging: r
                 },
-                r.index
+                a.index
               ),
               /* @__PURE__ */ o.jsx(
                 pt,
@@ -16325,7 +16331,7 @@ const E_ = et((e) => {
               )
             ]
           },
-          `joint-${r.index}`
+          `joint-${a.index}`
         );
       }) }) }),
       /* @__PURE__ */ o.jsx(Iu, { store: e }),
@@ -16813,7 +16819,7 @@ const db = rn(
       const a = n.joggingStore;
       a && (e.locked ? a.locks.add("external") : a.locks.delete("external"));
     }, [e.locked]), /* @__PURE__ */ o.jsx(
-      ie,
+      oe,
       {
         sx: {
           maxWidth: "460px",
@@ -16868,17 +16874,11 @@ const db = rn(
     );
     function n() {
       if (e.currentTab.id === "cartesian")
-        return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-          /* @__PURE__ */ o.jsx(k_, { store: e }),
-          t
-        ] });
+        return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx(k_, { store: e, children: t }) });
       if (e.currentTab.id === "joint")
-        return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-          /* @__PURE__ */ o.jsx($_, { store: e }),
-          t
-        ] });
+        return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx($_, { store: e, children: t }) });
     }
-    return /* @__PURE__ */ o.jsxs(ie, { flexGrow: 1, height: "100%", children: [
+    return /* @__PURE__ */ o.jsxs(oe, { flexGrow: 1, height: "100%", children: [
       /* @__PURE__ */ o.jsx(Yu, { value: e.tabIndex, onChange: e.onTabChange, children: e.tabs.map((r) => /* @__PURE__ */ o.jsx(
         Zu,
         {
@@ -16888,7 +16888,7 @@ const db = rn(
         },
         r.id
       )) }),
-      /* @__PURE__ */ o.jsx(ie, { flexGrow: 1, position: "relative", children: n() })
+      /* @__PURE__ */ o.jsx(oe, { flexGrow: 1, position: "relative", children: n() })
     ] });
   }
 );
@@ -16939,7 +16939,7 @@ function hb({
             ]
           }
         ),
-        /* @__PURE__ */ o.jsx(rc, { children: /* @__PURE__ */ o.jsxs(ie, { width: "100%", maxWidth: "300px", margin: "auto", marginBottom: "2rem", children: [
+        /* @__PURE__ */ o.jsx(rc, { children: /* @__PURE__ */ o.jsxs(oe, { width: "100%", maxWidth: "300px", margin: "auto", marginBottom: "2rem", children: [
           /* @__PURE__ */ o.jsx(
             Kr,
             {