@wandelbots/wandelbots-js-react-components 5.7.1 → 5.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,82 +1,148 @@
1
1
  import { jsx as a, jsxs as S, Fragment as et } from "react/jsx-runtime";
2
- import { alpha as It, useTheme as B, styled as pt, createTheme as Bt } from "@mui/material/styles";
3
- import oe from "@mui/material/AppBar";
2
+ import { styled as lt, alpha as It, useTheme as B, createTheme as Bt } from "@mui/material/styles";
3
+ import oe from "@mui/material/TextField";
4
+ import ne from "@mui/material/AppBar";
4
5
  import Lt from "@mui/material/Backdrop";
5
6
  import w from "@mui/material/Box";
6
7
  import q from "@mui/material/IconButton";
7
- import ne from "@mui/material/Menu";
8
+ import ie from "@mui/material/Menu";
8
9
  import Y from "@mui/material/MenuItem";
9
- import ie from "@mui/material/Toolbar";
10
+ import re from "@mui/material/Toolbar";
10
11
  import R from "@mui/material/Typography";
11
12
  import { observer as J, useLocalObservable as $t } from "mobx-react-lite";
12
- import { useState as L, useRef as A, useCallback as P, useEffect as F, useMemo as rt, useId as re } from "react";
13
+ import { useState as L, useRef as A, useCallback as P, useEffect as F, useMemo as rt, useId as ae } from "react";
13
14
  import { e as $ } from "./externalizeComponent-EDymnaGR.js";
14
- import ae from "@mui/material/SvgIcon";
15
+ import se from "@mui/material/SvgIcon";
15
16
  import H from "@mui/material/Fade";
16
- import { Gauge as se } from "@mui/x-charts/Gauge";
17
+ import { Gauge as le } from "@mui/x-charts/Gauge";
17
18
  import { useTranslation as z } from "react-i18next";
18
19
  import { f as zt, e as mt } from "./interpolation-DG8VTxzS.js";
19
- import le from "@mui/icons-material/Clear";
20
- import ce from "@mui/icons-material/FilterList";
20
+ import ce from "@mui/icons-material/Clear";
21
+ import de from "@mui/icons-material/FilterList";
21
22
  import kt from "@mui/icons-material/Search";
22
23
  import U from "@mui/material/Divider";
23
- import { useGridApiRef as de, DataGrid as ge, Toolbar as ue, FilterPanelTrigger as pe, ToolbarButton as ct, QuickFilter as me, QuickFilterTrigger as he, QuickFilterControl as fe, QuickFilterClear as be } from "@mui/x-data-grid";
24
- import xe from "@mui/icons-material/OpenWith";
25
- import ye from "@mui/icons-material/Share";
24
+ import { useGridApiRef as ge, DataGrid as ue, Toolbar as pe, FilterPanelTrigger as me, ToolbarButton as dt, QuickFilter as he, QuickFilterTrigger as fe, QuickFilterControl as be, QuickFilterClear as xe } from "@mui/x-data-grid";
25
+ import ye from "@mui/icons-material/OpenWith";
26
+ import Se from "@mui/icons-material/Share";
26
27
  import _ from "@mui/material/Stack";
27
28
  import Vt from "@mui/material/Tab";
28
29
  import Nt from "@mui/material/Tabs";
29
- import { JointTypeEnum as G, Nova as Se, poseToWandelscriptString as ve } from "@wandelbots/nova-js/v2";
30
- import { lowerFirst as Ce, countBy as we, isString as Te } from "lodash-es";
31
- import { runInAction as D, makeAutoObservable as ht, when as at, autorun as Rt, makeObservable as Me, action as jt, observable as Ie } from "mobx";
32
- import { radiansToDegrees as Wt, tryParseJson as W, XYZ_TO_VECTOR as tt, degreesToRadians as ke } from "@wandelbots/nova-js";
33
- import { Vector3 as dt } from "three/src/math/Vector3.js";
30
+ import { JointTypeEnum as G, Nova as ve, poseToWandelscriptString as Ce } from "@wandelbots/nova-js/v2";
31
+ import { lowerFirst as we, countBy as Te, isString as Me } from "lodash-es";
32
+ import { runInAction as D, makeAutoObservable as ht, when as at, autorun as Rt, makeObservable as Ie, action as jt, observable as ke } from "mobx";
33
+ import { radiansToDegrees as Wt, tryParseJson as W, XYZ_TO_VECTOR as tt, degreesToRadians as Re } from "@wandelbots/nova-js";
34
+ import { Vector3 as gt } from "three/src/math/Vector3.js";
34
35
  import Gt from "@mui/material/CircularProgress";
35
- import { capitalize as Re } from "@mui/material/utils";
36
- import { m as je } from "./SafetyBar-CxxIVVeR.js";
37
- import Ee from "@mui/material/Alert";
38
- import Pe from "@mui/material/AlertTitle";
36
+ import { capitalize as je } from "@mui/material/utils";
37
+ import { m as Ee } from "./SafetyBar-CxxIVVeR.js";
38
+ import Pe from "@mui/material/Alert";
39
+ import _e from "@mui/material/AlertTitle";
39
40
  import Z from "@mui/material/Button";
40
41
  import Et from "@mui/material/ToggleButton";
41
- import { c as _e, d as Oe, F as De, a as Ae, b as Je, f as Fe, e as Be } from "./robot-Cy9ST5-m.js";
42
- import Le from "lodash-es/isEqual.js";
43
- import $e from "@mui/material/InputAdornment";
44
- import ze from "@mui/material/FormControl";
45
- import Ve from "@mui/material/InputLabel";
46
- import Ne from "@mui/material/Select";
42
+ import { c as Oe, d as De, F as Ae, a as Je, b as Fe, f as Be, e as Le } from "./robot-Cy9ST5-m.js";
43
+ import $e from "lodash-es/isEqual.js";
44
+ import ze from "@mui/material/InputAdornment";
45
+ import Ve from "@mui/material/FormControl";
46
+ import Ne from "@mui/material/InputLabel";
47
+ import We from "@mui/material/Select";
47
48
  import nt from "lodash-es/keyBy.js";
48
- import We from "lodash-es/uniqueId.js";
49
- import Ge from "@mui/material/ToggleButtonGroup";
49
+ import Ge from "lodash-es/uniqueId.js";
50
+ import Ue from "@mui/material/ToggleButtonGroup";
50
51
  import Ut from "@mui/material/Slider";
51
- import Ue from "lodash-es/isNumber.js";
52
- import He from "@mui/icons-material/ChevronLeft";
53
- import qe from "@mui/icons-material/ChevronRight";
54
- import Ye from "lodash-es/throttle.js";
55
- import Ze from "@mui/material/Tooltip";
56
- import Qe from "@mui/icons-material/ContentCopy";
57
- import Xe from "@mui/icons-material/DescriptionOutlined";
58
- import Ke from "@mui/icons-material/ExpandLess";
59
- import to from "@mui/icons-material/ExpandMore";
60
- import eo from "@mui/material/Paper";
61
- import oo from "@mui/material/Dialog";
62
- import no from "@mui/material/DialogActions";
63
- import io from "@mui/material/DialogContent";
64
- import ro from "@mui/material/DialogTitle";
65
- import ao from "@mui/icons-material/Error";
66
- import so from "@mui/material/Chip";
67
- import lo from "@mui/material/Fab";
68
- import co from "@mui/material/Badge";
69
- import { Gauge as go } from "@mui/x-charts";
52
+ import He from "lodash-es/isNumber.js";
53
+ import qe from "@mui/icons-material/ChevronLeft";
54
+ import Ye from "@mui/icons-material/ChevronRight";
55
+ import Ze from "lodash-es/throttle.js";
56
+ import Qe from "@mui/material/Tooltip";
57
+ import Xe from "@mui/icons-material/ContentCopy";
58
+ import Ke from "@mui/icons-material/DescriptionOutlined";
59
+ import to from "@mui/icons-material/ExpandLess";
60
+ import eo from "@mui/icons-material/ExpandMore";
61
+ import oo from "@mui/material/Paper";
62
+ import no from "@mui/material/Dialog";
63
+ import io from "@mui/material/DialogActions";
64
+ import ro from "@mui/material/DialogContent";
65
+ import ao from "@mui/material/DialogTitle";
66
+ import so from "@mui/icons-material/Error";
67
+ import lo from "@mui/material/Chip";
68
+ import co from "@mui/material/Fab";
69
+ import go from "@mui/material/Badge";
70
+ import { Gauge as uo } from "@mui/x-charts";
70
71
  import * as Pt from "three";
71
72
  import { Vector3 as _t } from "three";
72
- const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /* @__PURE__ */ a(
73
+ const po = lt(oe, {
74
+ shouldForwardProp: (t) => t !== "adornedSize"
75
+ })(({ theme: t, adornedSize: e = "medium" }) => ({
76
+ "&.MuiTextField-root": {
77
+ ".MuiInputBase-root": {
78
+ background: t.palette.secondary.dark,
79
+ borderRadius: "10px"
80
+ },
81
+ ".MuiInputBase-input": {
82
+ "&::placeholder": {
83
+ opacity: "1",
84
+ color: t.palette.text.disabled
85
+ }
86
+ },
87
+ // Input without label (default case)
88
+ ".MuiInputBase-root .MuiInputBase-input": {
89
+ padding: e === "small" ? "8px 16px" : "16px 14px"
90
+ },
91
+ // Input with label - using a more specific selector to override
92
+ ".MuiFormLabel-root + .MuiInputBase-root .MuiInputBase-input": {
93
+ padding: e === "small" ? "8px 16px" : "24px 14px 8px"
94
+ },
95
+ label: {
96
+ transform: "translate(14px, 8px) scale(0.75)"
97
+ },
98
+ ":hover": {
99
+ fieldset: {
100
+ border: `1px solid ${t.palette.action.hover}`
101
+ }
102
+ },
103
+ ".Mui-focused": {
104
+ fieldset: {
105
+ border: `1px solid ${t.palette.primary.main}`,
106
+ legend: {
107
+ width: 0
108
+ }
109
+ }
110
+ },
111
+ fieldset: {
112
+ borderRadius: "10px",
113
+ border: "1px solid transparent",
114
+ legend: {
115
+ width: 0
116
+ }
117
+ }
118
+ }
119
+ })), fi = ({
120
+ adornedSize: t = "medium",
121
+ ...e
122
+ }) => {
123
+ var o;
124
+ return /* @__PURE__ */ a(
125
+ po,
126
+ {
127
+ adornedSize: t,
128
+ ...e,
129
+ slotProps: {
130
+ ...e.slotProps,
131
+ inputLabel: {
132
+ ...(o = e.slotProps) == null ? void 0 : o.inputLabel,
133
+ shrink: !0
134
+ }
135
+ }
136
+ }
137
+ );
138
+ }, mo = (t) => /* @__PURE__ */ a(se, { ...t, viewBox: "0 0 10 8", children: /* @__PURE__ */ a(
73
139
  "path",
74
140
  {
75
141
  d: "M8.825 0.9125L5 4.72917L1.175 0.9125L0 2.0875L5 7.0875L10 2.0875L8.825 0.9125Z",
76
142
  fill: "currentColor",
77
143
  fillOpacity: "0.56"
78
144
  }
79
- ) }), pi = $(
145
+ ) }), bi = $(
80
146
  J((t) => {
81
147
  const {
82
148
  appIcon: e,
@@ -94,7 +160,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
94
160
  };
95
161
  return /* @__PURE__ */ S(et, { children: [
96
162
  /* @__PURE__ */ a(
97
- oe,
163
+ ne,
98
164
  {
99
165
  position: "static",
100
166
  sx: {
@@ -106,7 +172,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
106
172
  },
107
173
  ...c
108
174
  },
109
- children: /* @__PURE__ */ S(ie, { sx: { minHeight: "62px !important" }, children: [
175
+ children: /* @__PURE__ */ S(re, { sx: { minHeight: "62px !important" }, children: [
110
176
  /* @__PURE__ */ a(w, { sx: { mr: 1, display: "flex", alignItems: "center" }, children: e }),
111
177
  /* @__PURE__ */ S(w, { sx: { display: "flex", alignItems: "center", flexGrow: 1 }, children: [
112
178
  /* @__PURE__ */ a(
@@ -146,7 +212,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
146
212
  height: "6px"
147
213
  }
148
214
  },
149
- children: /* @__PURE__ */ a(uo, {})
215
+ children: /* @__PURE__ */ a(mo, {})
150
216
  }
151
217
  )
152
218
  ] })
@@ -166,7 +232,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
166
232
  }
167
233
  ),
168
234
  /* @__PURE__ */ a(
169
- ne,
235
+ ie,
170
236
  {
171
237
  id: "app-menu",
172
238
  anchorEl: s,
@@ -195,7 +261,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
195
261
  )
196
262
  ] });
197
263
  })
198
- ), po = (t) => {
264
+ ), ho = (t) => {
199
265
  const e = Math.floor(t / 86400), o = Math.floor(t % 86400 / 3600), r = Math.floor(t % 3600 / 60), i = t % 60, n = [];
200
266
  return e > 0 ? (n.push(e.toString()), n.push(o.toString().padStart(2, "0")), n.push(r.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0"))) : o > 0 ? (n.push(o.toString()), n.push(r.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0"))) : (n.push(r.toString()), n.push(i.toString().padStart(2, "0"))), n.join(":");
201
267
  }, N = (t, e) => {
@@ -208,7 +274,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
208
274
  }
209
275
  const c = [];
210
276
  return o > 0 && c.push(`${o}d`), r > 0 && c.push(`${r}h`), i > 0 && c.push(`${i}m`), (n > 0 || c.length === 0) && c.push(`${n}s`), c.join(" ");
211
- }, mo = (t, e, o) => t === "countdown" && o !== null ? Math.min(100, e / o * 100) : t === "measuring" ? e / 60 % 1 * 100 : 0, ho = ({
277
+ }, fo = (t, e, o) => t === "countdown" && o !== null ? Math.min(100, e / o * 100) : t === "measuring" ? e / 60 % 1 * 100 : 0, bo = ({
212
278
  timerState: t,
213
279
  animationState: e,
214
280
  hasError: o,
@@ -238,7 +304,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
238
304
  },
239
305
  children: [
240
306
  /* @__PURE__ */ a(
241
- se,
307
+ le,
242
308
  {
243
309
  width: 264,
244
310
  height: 264,
@@ -438,7 +504,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
438
504
  opacity: 1,
439
505
  transition: "opacity 2s ease-in-out"
440
506
  },
441
- children: po(l)
507
+ children: ho(l)
442
508
  }
443
509
  )
444
510
  }
@@ -496,7 +562,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
496
562
  ]
497
563
  }
498
564
  );
499
- }, fo = ({
565
+ }, xo = ({
500
566
  timerState: t,
501
567
  animationState: e,
502
568
  hasError: o,
@@ -635,7 +701,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
635
701
  ]
636
702
  }
637
703
  );
638
- }, bo = () => {
704
+ }, yo = () => {
639
705
  const [t, e] = L({
640
706
  showPauseAnimation: !1,
641
707
  showErrorAnimation: !1,
@@ -742,7 +808,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
742
808
  setInitialAnimationState: h,
743
809
  cleanup: v
744
810
  };
745
- }, xo = ({
811
+ }, So = ({
746
812
  autoStart: t,
747
813
  onCycleEnd: e,
748
814
  onMeasuringComplete: o,
@@ -822,7 +888,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
822
888
  if (u.current && l.isRunning) {
823
889
  const M = Date.now() - u.current;
824
890
  p.current += M;
825
- const I = p.current / 1e3, j = mo(
891
+ const I = p.current / 1e3, j = fo(
826
892
  l.currentState,
827
893
  I,
828
894
  l.maxTime
@@ -925,7 +991,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
925
991
  isPaused: T
926
992
  }
927
993
  };
928
- }, mi = $(
994
+ }, xi = $(
929
995
  J(
930
996
  ({
931
997
  onCycleComplete: t,
@@ -949,7 +1015,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
949
1015
  triggerFadeTransition: h,
950
1016
  setInitialAnimationState: v,
951
1017
  cleanup: x
952
- } = bo(), { timerState: T, controls: C } = xo({
1018
+ } = yo(), { timerState: T, controls: C } = So({
953
1019
  autoStart: r,
954
1020
  onCycleEnd: e,
955
1021
  onMeasuringComplete: o,
@@ -978,7 +1044,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
978
1044
  M = !1, clearTimeout(I);
979
1045
  };
980
1046
  }, [t, C]), F(() => x, [x]), i === "small" ? /* @__PURE__ */ a(
981
- fo,
1047
+ xo,
982
1048
  {
983
1049
  timerState: T,
984
1050
  animationState: d,
@@ -987,7 +1053,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
987
1053
  className: c
988
1054
  }
989
1055
  ) : /* @__PURE__ */ a(
990
- ho,
1056
+ bo,
991
1057
  {
992
1058
  timerState: T,
993
1059
  animationState: d,
@@ -997,7 +1063,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
997
1063
  );
998
1064
  }
999
1065
  )
1000
- ), yo = $(
1066
+ ), vo = $(
1001
1067
  J(
1002
1068
  ({
1003
1069
  data: t,
@@ -1015,7 +1081,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
1015
1081
  sx: p
1016
1082
  }) => {
1017
1083
  var j;
1018
- const g = B(), f = de(), y = A(null), [b, h] = L(null), v = rt(() => t.map(o), [t, o]);
1084
+ const g = B(), f = ge(), y = A(null), [b, h] = L(null), v = rt(() => t.map(o), [t, o]);
1019
1085
  F(() => {
1020
1086
  f.current && v.length > 0 && f.current.autosizeColumns({
1021
1087
  includeOutliers: !0,
@@ -1054,7 +1120,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
1054
1120
  E && (i === void 0 && h(E), r && r(E, k));
1055
1121
  }, C = rt(() => !x || !n ? null : n(x), [x, n]);
1056
1122
  function M() {
1057
- return /* @__PURE__ */ a(ue, { children: /* @__PURE__ */ S(
1123
+ return /* @__PURE__ */ a(pe, { children: /* @__PURE__ */ S(
1058
1124
  w,
1059
1125
  {
1060
1126
  sx: {
@@ -1091,9 +1157,9 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
1091
1157
  },
1092
1158
  children: [
1093
1159
  /* @__PURE__ */ a(
1094
- pe,
1160
+ me,
1095
1161
  {
1096
- render: /* @__PURE__ */ a(ct, { "aria-label": "Show filters", children: /* @__PURE__ */ a(ce, { fontSize: "small" }) })
1162
+ render: /* @__PURE__ */ a(dt, { "aria-label": "Show filters", children: /* @__PURE__ */ a(de, { fontSize: "small" }) })
1097
1163
  }
1098
1164
  ),
1099
1165
  /* @__PURE__ */ a(
@@ -1108,7 +1174,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
1108
1174
  }
1109
1175
  ),
1110
1176
  /* @__PURE__ */ a(
1111
- me,
1177
+ he,
1112
1178
  {
1113
1179
  render: (k, E) => /* @__PURE__ */ S(
1114
1180
  w,
@@ -1120,9 +1186,9 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
1120
1186
  },
1121
1187
  children: [
1122
1188
  !E.expanded && /* @__PURE__ */ a(
1123
- he,
1189
+ fe,
1124
1190
  {
1125
- render: /* @__PURE__ */ a(ct, { "aria-label": "Search", children: /* @__PURE__ */ a(kt, { fontSize: "small" }) })
1191
+ render: /* @__PURE__ */ a(dt, { "aria-label": "Search", children: /* @__PURE__ */ a(kt, { fontSize: "small" }) })
1126
1192
  }
1127
1193
  ),
1128
1194
  /* @__PURE__ */ S(
@@ -1236,12 +1302,12 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
1236
1302
  }
1237
1303
  }
1238
1304
  ),
1239
- /* @__PURE__ */ a(fe, { placeholder: l })
1305
+ /* @__PURE__ */ a(be, { placeholder: l })
1240
1306
  ]
1241
1307
  }
1242
1308
  ),
1243
1309
  E.expanded && E.value !== "" && /* @__PURE__ */ a(
1244
- be,
1310
+ xe,
1245
1311
  {
1246
1312
  render: /* @__PURE__ */ a(
1247
1313
  w,
@@ -1266,7 +1332,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
1266
1332
  backgroundColor: "rgba(255, 255, 255, 0.1)"
1267
1333
  }
1268
1334
  },
1269
- children: /* @__PURE__ */ a(ct, { "aria-label": "Clear", children: /* @__PURE__ */ a(le, { fontSize: "small" }) })
1335
+ children: /* @__PURE__ */ a(dt, { "aria-label": "Clear", children: /* @__PURE__ */ a(ce, { fontSize: "small" }) })
1270
1336
  }
1271
1337
  )
1272
1338
  }
@@ -1327,7 +1393,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
1327
1393
  ...p
1328
1394
  },
1329
1395
  children: /* @__PURE__ */ a(
1330
- ge,
1396
+ ue,
1331
1397
  {
1332
1398
  apiRef: f,
1333
1399
  rows: v,
@@ -1514,7 +1580,7 @@ const uo = (t) => /* @__PURE__ */ a(ae, { ...t, viewBox: "0 0 10 8", children: /
1514
1580
  }
1515
1581
  )
1516
1582
  );
1517
- yo.displayName = "WandelbotsDataGrid";
1583
+ vo.displayName = "WandelbotsDataGrid";
1518
1584
  const Ot = $(
1519
1585
  J(
1520
1586
  ({
@@ -1606,7 +1672,7 @@ const Ot = $(
1606
1672
  borderBottom: `2px solid ${g ?? "#fff"}`,
1607
1673
  borderTop: `2px solid ${g ?? "#fff"}`
1608
1674
  },
1609
- children: /* @__PURE__ */ a(_e, {})
1675
+ children: /* @__PURE__ */ a(Oe, {})
1610
1676
  }
1611
1677
  ),
1612
1678
  /* @__PURE__ */ S(
@@ -1678,13 +1744,13 @@ const Ot = $(
1678
1744
  borderBottom: `2px solid ${g ?? "#fff"}`,
1679
1745
  borderTop: `2px solid ${g ?? "#fff"}`
1680
1746
  },
1681
- children: /* @__PURE__ */ a(Oe, {})
1747
+ children: /* @__PURE__ */ a(De, {})
1682
1748
  }
1683
1749
  )
1684
1750
  ] });
1685
1751
  }
1686
1752
  )
1687
- ), So = $(
1753
+ ), Co = $(
1688
1754
  J(
1689
1755
  ({
1690
1756
  startJogging: t,
@@ -1708,7 +1774,7 @@ const Ot = $(
1708
1774
  stopJogging() {
1709
1775
  this.activeJoggingDir = null, e();
1710
1776
  }
1711
- })), f = Ye(() => {
1777
+ })), f = Ze(() => {
1712
1778
  const O = i ? y(n()) : n();
1713
1779
  (O === void 0 || d === void 0 || Math.abs(d - O) > 1e-9) && m(O);
1714
1780
  }, 50);
@@ -1788,7 +1854,7 @@ const Ot = $(
1788
1854
  ...g.activeJoggingDir === "-" ? p : {}
1789
1855
  },
1790
1856
  children: /* @__PURE__ */ a(
1791
- He,
1857
+ qe,
1792
1858
  {
1793
1859
  sx: {
1794
1860
  pointerEvents: "none",
@@ -1888,7 +1954,7 @@ const Ot = $(
1888
1954
  ...g.activeJoggingDir === "+" ? p : {}
1889
1955
  },
1890
1956
  children: /* @__PURE__ */ a(
1891
- qe,
1957
+ Ye,
1892
1958
  {
1893
1959
  sx: {
1894
1960
  pointerEvents: "none",
@@ -1915,7 +1981,7 @@ function Ht(t, e, o) {
1915
1981
  return !1;
1916
1982
  return !0;
1917
1983
  }
1918
- function vo(t, e, o) {
1984
+ function wo(t, e, o) {
1919
1985
  if (t === void 0 && e || t && e === void 0 || (t == null ? void 0 : t.orientation) === void 0 || (e == null ? void 0 : e.orientation) === void 0 || (t == null ? void 0 : t.position) === void 0 || (e == null ? void 0 : e.position) === void 0)
1920
1986
  return !1;
1921
1987
  if (t === void 0 || e === void 0)
@@ -1924,13 +1990,13 @@ function vo(t, e, o) {
1924
1990
  return r += Math.abs(t.orientation[0] - e.orientation[0]), r += Math.abs(t.orientation[1] - e.orientation[1]), r += Math.abs(t.orientation[2] - e.orientation[2]), r += Math.abs(t.position[0] - e.position[0]), r += Math.abs(t.position[1] - e.position[1]), r += Math.abs(t.position[2] - e.position[2]), r <= o;
1925
1991
  }
1926
1992
  function qt(t, e, o) {
1927
- return t.coordinate_system === e.coordinate_system && t.tcp === e.tcp && vo(
1993
+ return t.coordinate_system === e.coordinate_system && t.tcp === e.tcp && wo(
1928
1994
  t.tcp_pose,
1929
1995
  e.tcp_pose,
1930
1996
  o
1931
1997
  );
1932
1998
  }
1933
- function Co(t, e) {
1999
+ function To(t, e) {
1934
2000
  const o = new _t(
1935
2001
  e[0],
1936
2002
  e[1],
@@ -1945,11 +2011,11 @@ function Co(t, e) {
1945
2011
  let l = c - i;
1946
2012
  return l -= 2 * Math.PI * Math.floor((l + Math.PI) / (2 * Math.PI)), c = i + l, [...s.multiplyScalar(c)];
1947
2013
  }
1948
- function wo(t) {
2014
+ function Mo(t) {
1949
2015
  return "cellId" in t.api;
1950
2016
  }
1951
2017
  function st(t) {
1952
- if (!wo(t))
2018
+ if (!Mo(t))
1953
2019
  return t;
1954
2020
  const e = t, o = e.api.cellId, r = new Proxy(e.api, {
1955
2021
  get(i, n) {
@@ -1992,7 +2058,7 @@ class ft {
1992
2058
  var g, f, y;
1993
2059
  this.rapidlyChangingMotionState.tcp_pose == null ? this.rapidlyChangingMotionState.tcp_pose = d.tcp_pose : (g = d.tcp_pose) != null && g.orientation && ((f = d.tcp_pose) != null && f.position) && ((y = this.rapidlyChangingMotionState.tcp_pose) != null && y.orientation) ? this.rapidlyChangingMotionState.tcp_pose = {
1994
2060
  position: d.tcp_pose.position,
1995
- orientation: Co(
2061
+ orientation: To(
1996
2062
  d.tcp_pose.orientation,
1997
2063
  this.rapidlyChangingMotionState.tcp_pose.orientation
1998
2064
  )
@@ -2289,15 +2355,15 @@ class bt {
2289
2355
  throw new Error(
2290
2356
  "Current pose has no orientation, cannot perform rotation"
2291
2357
  );
2292
- const b = new dt(
2358
+ const b = new gt(
2293
2359
  e.orientation[0],
2294
2360
  e.orientation[1],
2295
2361
  e.orientation[2]
2296
- ), h = b.length(), v = b.clone().normalize(), x = c.distanceRads * (n === "-" ? -1 : 1), T = new dt(0, 0, 0);
2362
+ ), h = b.length(), v = b.clone().normalize(), x = c.distanceRads * (n === "-" ? -1 : 1), T = new gt(0, 0, 0);
2297
2363
  T[i] = 1;
2298
2364
  const C = Math.cos(0.5 * x) * Math.cos(0.5 * h), M = Math.sin(0.5 * x) * Math.sin(0.5 * h), I = Math.sin(0.5 * x) * Math.cos(0.5 * h), j = Math.cos(0.5 * x) * Math.sin(0.5 * h), k = T.dot(
2299
2365
  v
2300
- ), E = T.clone().cross(v), V = 2 * Math.acos(C - M * k), Q = V / Math.sin(0.5 * V), ot = new dt().addScaledVector(E, M).addScaledVector(T, I).addScaledVector(v, j).multiplyScalar(Q);
2366
+ ), E = T.clone().cross(v), V = 2 * Math.acos(C - M * k), Q = V / Math.sin(0.5 * V), ot = new gt().addScaledVector(E, M).addScaledVector(T, I).addScaledVector(v, j).multiplyScalar(Q);
2301
2367
  s.push({
2302
2368
  limits_override: {
2303
2369
  tcp_orientation_velocity_limit: r
@@ -2410,7 +2476,7 @@ class bt {
2410
2476
  });
2411
2477
  }
2412
2478
  }
2413
- const To = (t) => {
2479
+ const Io = (t) => {
2414
2480
  const e = t.softTimeout || 3e3, [o, r] = L(!1), i = B();
2415
2481
  return F(() => {
2416
2482
  const n = setTimeout(() => {
@@ -2426,7 +2492,7 @@ const To = (t) => {
2426
2492
  justifyContent: "center",
2427
2493
  sx: { color: i.palette.text.primary },
2428
2494
  children: t.error ? /* @__PURE__ */ a(
2429
- Mo,
2495
+ ko,
2430
2496
  {
2431
2497
  loadingMessage: t.message,
2432
2498
  error: t.error
@@ -2448,8 +2514,8 @@ const To = (t) => {
2448
2514
  ] })
2449
2515
  }
2450
2516
  );
2451
- }, Mo = (t) => {
2452
- const e = je(t.error), o = t.error instanceof Error ? t.error.stack : null, r = B();
2517
+ }, ko = (t) => {
2518
+ const e = Ee(t.error), o = t.error instanceof Error ? t.error.stack : null, r = B();
2453
2519
  return /* @__PURE__ */ S(
2454
2520
  _,
2455
2521
  {
@@ -2466,13 +2532,13 @@ const To = (t) => {
2466
2532
  }
2467
2533
  },
2468
2534
  children: [
2469
- (t.loadingMessage ? `Error while ${Ce(Re(t.loadingMessage))} - ` : "") + e,
2535
+ (t.loadingMessage ? `Error while ${we(je(t.loadingMessage))} - ` : "") + e,
2470
2536
  /* @__PURE__ */ a("br", {}),
2471
2537
  o && /* @__PURE__ */ a("pre", { children: o })
2472
2538
  ]
2473
2539
  }
2474
2540
  );
2475
- }, Io = J(({ store: t }) => {
2541
+ }, Ro = J(({ store: t }) => {
2476
2542
  const { t: e } = z();
2477
2543
  return /* @__PURE__ */ a(
2478
2544
  Lt,
@@ -2489,8 +2555,8 @@ const To = (t) => {
2489
2555
  alignItems: "flex-start"
2490
2556
  },
2491
2557
  children: /* @__PURE__ */ S(_, { sx: { m: 2, width: "100%" }, children: [
2492
- /* @__PURE__ */ S(Ee, { severity: "error", sx: { mb: 2 }, children: [
2493
- /* @__PURE__ */ a(Pe, { children: e("Jogging.Blocked.ti") }),
2558
+ /* @__PURE__ */ S(Pe, { severity: "error", sx: { mb: 2 }, children: [
2559
+ /* @__PURE__ */ a(_e, { children: e("Jogging.Blocked.ti") }),
2494
2560
  e("Jogging.Blocked.lb")
2495
2561
  ] }),
2496
2562
  /* @__PURE__ */ a(
@@ -2512,7 +2578,7 @@ const To = (t) => {
2512
2578
  ), i = A(o);
2513
2579
  mt(() => {
2514
2580
  const c = t.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached;
2515
- Le(i.current, c) || (i.current = c, r(c));
2581
+ $e(i.current, c) || (i.current = c, r(c));
2516
2582
  });
2517
2583
  const n = [];
2518
2584
  for (const [c, s] of o.entries())
@@ -2545,7 +2611,7 @@ const To = (t) => {
2545
2611
  }
2546
2612
  );
2547
2613
  }
2548
- ), ko = pt(ze)(({ theme: t }) => ({
2614
+ ), jo = lt(Ve)(({ theme: t }) => ({
2549
2615
  "&.MuiFormControl-root": {
2550
2616
  ".MuiSelect-select": {
2551
2617
  paddingTop: "20px",
@@ -2566,20 +2632,20 @@ function it({
2566
2632
  labelValue: t,
2567
2633
  ...e
2568
2634
  }) {
2569
- return /* @__PURE__ */ S(ko, { fullWidth: !0, variant: "filled", children: [
2570
- /* @__PURE__ */ a(Ve, { id: e.labelId, children: t }),
2571
- /* @__PURE__ */ a(Ne, { ...e })
2635
+ return /* @__PURE__ */ S(jo, { fullWidth: !0, variant: "filled", children: [
2636
+ /* @__PURE__ */ a(Ne, { id: e.labelId, children: t }),
2637
+ /* @__PURE__ */ a(We, { ...e })
2572
2638
  ] });
2573
2639
  }
2574
- const gt = [
2640
+ const ut = [
2575
2641
  { id: "0.1", mm: 0.1, degrees: 0.05 },
2576
2642
  { id: "1", mm: 1, degrees: 0.5 },
2577
2643
  { id: "5", mm: 5, degrees: 2.5 },
2578
2644
  { id: "10", mm: 10, degrees: 5 }
2579
- ], Ro = [
2645
+ ], Eo = [
2580
2646
  { id: "continuous" },
2581
- ...gt
2582
- ], jo = ["coordsys", "tool"];
2647
+ ...ut
2648
+ ], Po = ["coordsys", "tool"];
2583
2649
  class xt {
2584
2650
  constructor(e, o, r, i, n) {
2585
2651
  var c, s, l;
@@ -2640,7 +2706,7 @@ class xt {
2640
2706
  this.jogger.dispose();
2641
2707
  }
2642
2708
  get coordSystemCountByName() {
2643
- return we(this.coordSystems, (e) => e.name);
2709
+ return Te(this.coordSystems, (e) => e.name);
2644
2710
  }
2645
2711
  async deactivate() {
2646
2712
  this.jogger.mode === "jogging" && await this.jogger.setJoggingMode("off");
@@ -2687,10 +2753,10 @@ class xt {
2687
2753
  }), e;
2688
2754
  }
2689
2755
  get incrementOptions() {
2690
- return Ro;
2756
+ return Eo;
2691
2757
  }
2692
2758
  get discreteIncrementOptions() {
2693
- return gt;
2759
+ return ut;
2694
2760
  }
2695
2761
  get incrementOptionsById() {
2696
2762
  return nt(this.incrementOptions, (e) => e.id);
@@ -2719,7 +2785,7 @@ class xt {
2719
2785
  return nt(this.tcps, (e) => e.id);
2720
2786
  }
2721
2787
  get activeDiscreteIncrement() {
2722
- return this.selectedOrientation === "tool" ? void 0 : gt.find((e) => e.id === this.selectedIncrementId);
2788
+ return this.selectedOrientation === "tool" ? void 0 : ut.find((e) => e.id === this.selectedIncrementId);
2723
2789
  }
2724
2790
  /** The selected rotation velocity converted to radians per second */
2725
2791
  get rotationVelocityRadsPerSec() {
@@ -2824,7 +2890,7 @@ class xt {
2824
2890
  }
2825
2891
  /** Lock the UI until the given async callback resolves */
2826
2892
  async withMotionLock(e) {
2827
- const o = We();
2893
+ const o = Ge();
2828
2894
  this.lock(o);
2829
2895
  try {
2830
2896
  return await e();
@@ -2833,10 +2899,10 @@ class xt {
2833
2899
  }
2834
2900
  }
2835
2901
  }
2836
- const Eo = J(
2902
+ const _o = J(
2837
2903
  ({ store: t, useDegree: e }) => {
2838
2904
  var c;
2839
- const { t: o } = z(), r = re(), i = [];
2905
+ const { t: o } = z(), r = ae(), i = [];
2840
2906
  function n(s) {
2841
2907
  switch (s) {
2842
2908
  case "coordsys":
@@ -2878,7 +2944,7 @@ const Eo = J(
2878
2944
  });
2879
2945
  },
2880
2946
  disabled: t.tcpChangeInProgress,
2881
- endAdornment: t.tcpChangeInProgress ? /* @__PURE__ */ a($e, { position: "end", children: /* @__PURE__ */ a(Gt, { size: 16 }) }) : void 0,
2947
+ endAdornment: t.tcpChangeInProgress ? /* @__PURE__ */ a(ze, { position: "end", children: /* @__PURE__ */ a(Gt, { size: 16 }) }) : void 0,
2882
2948
  children: t.tcps.map((s) => /* @__PURE__ */ a(Y, { value: s.id, children: s.id }, s.id))
2883
2949
  },
2884
2950
  "tcp"
@@ -2891,7 +2957,7 @@ const Eo = J(
2891
2957
  labelId: `orientation-select-${r}`,
2892
2958
  value: t.selectedOrientation,
2893
2959
  onChange: (s) => t.setSelectedOrientation(s.target.value),
2894
- children: jo.map((s) => /* @__PURE__ */ a(Y, { value: s, children: n(s) }, s))
2960
+ children: Po.map((s) => /* @__PURE__ */ a(Y, { value: s, children: n(s) }, s))
2895
2961
  },
2896
2962
  "orientation"
2897
2963
  )
@@ -2940,7 +3006,7 @@ const Eo = J(
2940
3006
  }
2941
3007
  );
2942
3008
  }
2943
- ), Po = pt(Ge)(({ theme: t }) => {
3009
+ ), Oo = lt(Ue)(({ theme: t }) => {
2944
3010
  var e;
2945
3011
  return {
2946
3012
  "&.MuiToggleButtonGroup-root": {
@@ -2962,11 +3028,11 @@ const Eo = J(
2962
3028
  }
2963
3029
  }
2964
3030
  };
2965
- }), _o = J((t) => {
3031
+ }), Do = J((t) => {
2966
3032
  var n, c, s;
2967
3033
  const e = B(), { store: o } = t, { t: r } = z();
2968
3034
  function i(l, d) {
2969
- d === t.velocity || !Ue(d) || t.onVelocityChange(d, t.useDegree);
3035
+ d === t.velocity || !He(d) || t.onVelocityChange(d, t.useDegree);
2970
3036
  }
2971
3037
  return /* @__PURE__ */ S(
2972
3038
  _,
@@ -3052,7 +3118,7 @@ const Qt = J(
3052
3118
  return n ? `ω = ${o("Jogging.Cartesian.Rotation.velocityDegPerSec.lb", { amount: i })}` : `v = ${o("Jogging.Cartesian.Translation.velocityMmPerSec.lb", { amount: i })}`;
3053
3119
  }
3054
3120
  return /* @__PURE__ */ a(
3055
- _o,
3121
+ Do,
3056
3122
  {
3057
3123
  store: t,
3058
3124
  velocity: t.velocityInDisplayUnits(e),
@@ -3117,7 +3183,7 @@ const Qt = J(
3117
3183
  ]
3118
3184
  }
3119
3185
  );
3120
- }), Oo = J(
3186
+ }), Ao = J(
3121
3187
  ({
3122
3188
  store: t,
3123
3189
  children: e
@@ -3145,7 +3211,7 @@ const Qt = J(
3145
3211
  distanceMm: g.mm
3146
3212
  } : {
3147
3213
  type: "rotate",
3148
- distanceRads: ke(g.degrees)
3214
+ distanceRads: Re(g.degrees)
3149
3215
  }
3150
3216
  });
3151
3217
  } finally {
@@ -3180,17 +3246,17 @@ const Qt = J(
3180
3246
  const d = [
3181
3247
  {
3182
3248
  id: "x",
3183
- icon: /* @__PURE__ */ a(De, {}),
3249
+ icon: /* @__PURE__ */ a(Ae, {}),
3184
3250
  colors: l("X", t.selectedCartesianMotionType, r)
3185
3251
  },
3186
3252
  {
3187
3253
  id: "y",
3188
- icon: /* @__PURE__ */ a(Ae, {}),
3254
+ icon: /* @__PURE__ */ a(Je, {}),
3189
3255
  colors: l("Y", t.selectedCartesianMotionType, r)
3190
3256
  },
3191
3257
  {
3192
3258
  id: "z",
3193
- icon: /* @__PURE__ */ a(Je, {}),
3259
+ icon: /* @__PURE__ */ a(Fe, {}),
3194
3260
  colors: l("Z", t.selectedCartesianMotionType, r)
3195
3261
  }
3196
3262
  ];
@@ -3213,7 +3279,7 @@ const Qt = J(
3213
3279
  children: [
3214
3280
  /* @__PURE__ */ S(_, { gap: 2, children: [
3215
3281
  /* @__PURE__ */ a(
3216
- Eo,
3282
+ _o,
3217
3283
  {
3218
3284
  store: t,
3219
3285
  useDegree: t.selectedCartesianMotionType === "rotate"
@@ -3245,7 +3311,7 @@ const Qt = J(
3245
3311
  sx: { flexGrow: 1 },
3246
3312
  children: [
3247
3313
  /* @__PURE__ */ S(
3248
- Po,
3314
+ Oo,
3249
3315
  {
3250
3316
  value: t.selectedCartesianMotionType,
3251
3317
  onChange: i,
@@ -3308,7 +3374,7 @@ const Qt = J(
3308
3374
  disabled: t.isLocked,
3309
3375
  activeJoggingDirection: ((g = t.incrementJogInProgress) == null ? void 0 : g.axis) === p.id ? t.incrementJogInProgress.direction : void 0,
3310
3376
  label: /* @__PURE__ */ S(et, { children: [
3311
- /* @__PURE__ */ a(Fe, {}),
3377
+ /* @__PURE__ */ a(Be, {}),
3312
3378
  /* @__PURE__ */ a(
3313
3379
  R,
3314
3380
  {
@@ -3350,7 +3416,7 @@ const Qt = J(
3350
3416
  }
3351
3417
  );
3352
3418
  }
3353
- ), Do = J(
3419
+ ), Jo = J(
3354
3420
  ({ store: t, children: e }) => {
3355
3421
  const o = B();
3356
3422
  async function r(n) {
@@ -3416,7 +3482,7 @@ const Qt = J(
3416
3482
  }
3417
3483
  ),
3418
3484
  /* @__PURE__ */ a(
3419
- So,
3485
+ Co,
3420
3486
  {
3421
3487
  disabled: t.isLocked,
3422
3488
  lowerLimit: c == null ? void 0 : c.lower_limit,
@@ -3451,9 +3517,9 @@ const Qt = J(
3451
3517
  }
3452
3518
  );
3453
3519
  }
3454
- ), hi = $(
3520
+ ), yi = $(
3455
3521
  J((t) => {
3456
- const e = Te(t.nova) ? new Se({ instanceUrl: t.nova }) : t.nova, o = $t(() => ({
3522
+ const e = Me(t.nova) ? new ve({ instanceUrl: t.nova }) : t.nova, o = $t(() => ({
3457
3523
  joggingStore: null,
3458
3524
  loadingError: null
3459
3525
  }));
@@ -3497,11 +3563,11 @@ const Qt = J(
3497
3563
  position: "relative",
3498
3564
  ...t.sx
3499
3565
  },
3500
- children: o.joggingStore ? /* @__PURE__ */ a(Ao, { store: o.joggingStore, children: t.children }) : /* @__PURE__ */ a(To, { message: "Loading jogging", error: o.loadingError })
3566
+ children: o.joggingStore ? /* @__PURE__ */ a(Fo, { store: o.joggingStore, children: t.children }) : /* @__PURE__ */ a(Io, { message: "Loading jogging", error: o.loadingError })
3501
3567
  }
3502
3568
  );
3503
3569
  })
3504
- ), Ao = J(
3570
+ ), Fo = J(
3505
3571
  ({
3506
3572
  store: t,
3507
3573
  children: e
@@ -3509,9 +3575,9 @@ const Qt = J(
3509
3575
  const { t: o } = z();
3510
3576
  function r() {
3511
3577
  if (t.currentTab.id === "cartesian")
3512
- return /* @__PURE__ */ a(Oo, { store: t, children: e });
3578
+ return /* @__PURE__ */ a(Ao, { store: t, children: e });
3513
3579
  if (t.currentTab.id === "joint")
3514
- return /* @__PURE__ */ a(Do, { store: t, children: e });
3580
+ return /* @__PURE__ */ a(Jo, { store: t, children: e });
3515
3581
  }
3516
3582
  return /* @__PURE__ */ S(_, { flexGrow: 1, sx: { overflow: "hidden" }, children: [
3517
3583
  /* @__PURE__ */ a(
@@ -3523,7 +3589,7 @@ const Qt = J(
3523
3589
  onChange: t.onTabChange,
3524
3590
  variant: "fullWidth",
3525
3591
  children: t.tabs.map((i) => {
3526
- const n = i.label === "Cartesian" ? o("Jogging.Cartesian.bt") : o("Jogging.Joints.bt"), c = i.label === "cartesian" ? /* @__PURE__ */ a(xe, { fontSize: "small", sx: { mr: 1 } }) : /* @__PURE__ */ a(ye, { fontSize: "small", sx: { mr: 1 } });
3592
+ const n = i.label === "Cartesian" ? o("Jogging.Cartesian.bt") : o("Jogging.Joints.bt"), c = i.label === "cartesian" ? /* @__PURE__ */ a(ye, { fontSize: "small", sx: { mr: 1 } }) : /* @__PURE__ */ a(Se, { fontSize: "small", sx: { mr: 1 } });
3527
3593
  return /* @__PURE__ */ a(
3528
3594
  Vt,
3529
3595
  {
@@ -3550,7 +3616,7 @@ const Qt = J(
3550
3616
  children: r()
3551
3617
  }
3552
3618
  ),
3553
- t.blocked && /* @__PURE__ */ a(Io, { store: t })
3619
+ t.blocked && /* @__PURE__ */ a(Ro, { store: t })
3554
3620
  ] });
3555
3621
  }
3556
3622
  ), Kt = (t) => {
@@ -3578,7 +3644,7 @@ const Qt = J(
3578
3644
  return () => {
3579
3645
  l && clearTimeout(l);
3580
3646
  };
3581
- }, [i]), /* @__PURE__ */ a(Ze, { open: i, title: "Copied!", children: /* @__PURE__ */ a(
3647
+ }, [i]), /* @__PURE__ */ a(Qe, { open: i, title: "Copied!", children: /* @__PURE__ */ a(
3582
3648
  _,
3583
3649
  {
3584
3650
  justifyContent: "center",
@@ -3612,9 +3678,9 @@ const Qt = J(
3612
3678
  )
3613
3679
  }
3614
3680
  ) });
3615
- }, fi = $(
3681
+ }, Si = $(
3616
3682
  J(({ tcpPose: t, showCopyButton: e = !1 }) => {
3617
- const [o, r] = L(null), i = ve(t);
3683
+ const [o, r] = L(null), i = Ce(t);
3618
3684
  return /* @__PURE__ */ S(
3619
3685
  _,
3620
3686
  {
@@ -3646,7 +3712,7 @@ const Qt = J(
3646
3712
  }
3647
3713
  );
3648
3714
  })
3649
- ), bi = $(
3715
+ ), vi = $(
3650
3716
  J(({ joints: t, showCopyButton: e = !1 }) => {
3651
3717
  const [o, r] = L(null), i = `[${t.map((c) => parseFloat(c.toFixed(4))).join(", ")}]`;
3652
3718
  return /* @__PURE__ */ S(
@@ -3681,7 +3747,7 @@ const Qt = J(
3681
3747
  );
3682
3748
  })
3683
3749
  );
3684
- class Jo {
3750
+ class Bo {
3685
3751
  constructor() {
3686
3752
  this.messages = [], this.addMessage = (e, o = "info") => {
3687
3753
  const r = {
@@ -3701,19 +3767,19 @@ class Jo {
3701
3767
  this.addMessage(e, "error");
3702
3768
  }, this.addDebug = (e) => {
3703
3769
  this.addMessage(e, "debug");
3704
- }, Me(this, {
3705
- messages: Ie,
3770
+ }, Ie(this, {
3771
+ messages: ke,
3706
3772
  addMessage: jt,
3707
3773
  clearMessages: jt
3708
3774
  });
3709
3775
  }
3710
3776
  }
3711
- const lt = (t, e, o) => ({
3777
+ const ct = (t, e, o) => ({
3712
3778
  id: o || `${Date.now()}-${Math.random().toString(36).substring(2, 11)}`,
3713
3779
  timestamp: /* @__PURE__ */ new Date(),
3714
3780
  message: t,
3715
3781
  level: e
3716
- }), xi = (t, e) => lt(t, "debug", e), yi = (t, e) => lt(t, "info", e), Si = (t, e) => lt(t, "warning", e), vi = (t, e) => lt(t, "error", e), Fo = $(
3782
+ }), Ci = (t, e) => ct(t, "debug", e), wi = (t, e) => ct(t, "info", e), Ti = (t, e) => ct(t, "warning", e), Mi = (t, e) => ct(t, "error", e), Lo = $(
3717
3783
  J((t) => {
3718
3784
  var m;
3719
3785
  const { messages: e = [], onClear: o, height: r = 400, sx: i } = t, n = B(), c = A(null);
@@ -3834,7 +3900,7 @@ const lt = (t, e, o) => ({
3834
3900
  }
3835
3901
  },
3836
3902
  title: f ? "Copied!" : "Copy message",
3837
- children: /* @__PURE__ */ a(Qe, { sx: { fontSize: 12 } })
3903
+ children: /* @__PURE__ */ a(Xe, { sx: { fontSize: 12 } })
3838
3904
  }
3839
3905
  ),
3840
3906
  v && /* @__PURE__ */ a(
@@ -3850,7 +3916,7 @@ const lt = (t, e, o) => ({
3850
3916
  }
3851
3917
  },
3852
3918
  title: p ? "Collapse" : "Expand",
3853
- children: p ? /* @__PURE__ */ a(Ke, { sx: { fontSize: 12 } }) : /* @__PURE__ */ a(to, { sx: { fontSize: 12 } })
3919
+ children: p ? /* @__PURE__ */ a(to, { sx: { fontSize: 12 } }) : /* @__PURE__ */ a(eo, { sx: { fontSize: 12 } })
3854
3920
  }
3855
3921
  )
3856
3922
  ]
@@ -3862,7 +3928,7 @@ const lt = (t, e, o) => ({
3862
3928
  );
3863
3929
  };
3864
3930
  return /* @__PURE__ */ S(
3865
- eo,
3931
+ oo,
3866
3932
  {
3867
3933
  sx: {
3868
3934
  backgroundColor: ((m = n.palette.backgroundPaperElevation) == null ? void 0 : m[2]) || "#171927",
@@ -3887,7 +3953,7 @@ const lt = (t, e, o) => ({
3887
3953
  children: [
3888
3954
  /* @__PURE__ */ S(w, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
3889
3955
  /* @__PURE__ */ a(
3890
- Xe,
3956
+ Ke,
3891
3957
  {
3892
3958
  sx: {
3893
3959
  fontSize: 16,
@@ -3982,7 +4048,7 @@ const lt = (t, e, o) => ({
3982
4048
  }
3983
4049
  );
3984
4050
  })
3985
- ), Ci = $(
4051
+ ), Ii = $(
3986
4052
  J((t) => {
3987
4053
  const { store: e, onStoreReady: o, ...r } = t, i = A(o);
3988
4054
  F(() => {
@@ -3990,13 +4056,13 @@ const lt = (t, e, o) => ({
3990
4056
  }, [o]);
3991
4057
  const n = rt(() => {
3992
4058
  var l;
3993
- const s = e || new Jo();
4059
+ const s = e || new Bo();
3994
4060
  return (l = i.current) == null || l.call(i, s), s;
3995
4061
  }, [e]), c = () => {
3996
4062
  n.clearMessages();
3997
4063
  };
3998
4064
  return /* @__PURE__ */ a(
3999
- Fo,
4065
+ Lo,
4000
4066
  {
4001
4067
  ...r,
4002
4068
  messages: n.messages,
@@ -4005,19 +4071,19 @@ const lt = (t, e, o) => ({
4005
4071
  );
4006
4072
  })
4007
4073
  );
4008
- function Bo() {
4074
+ function $o() {
4009
4075
  const t = window.location.href;
4010
4076
  return t.substring(
4011
4077
  0,
4012
4078
  t.indexOf("/", t.indexOf("//") + 2)
4013
4079
  );
4014
4080
  }
4015
- function wi({
4016
- baseUrl: t = Bo(),
4081
+ function ki({
4082
+ baseUrl: t = $o(),
4017
4083
  ...e
4018
4084
  }) {
4019
4085
  return /* @__PURE__ */ S(
4020
- oo,
4086
+ no,
4021
4087
  {
4022
4088
  "aria-labelledby": "no-motion-group-modal-title",
4023
4089
  open: !0,
@@ -4037,9 +4103,9 @@ function wi({
4037
4103
  }
4038
4104
  },
4039
4105
  children: [
4040
- /* @__PURE__ */ a(ro, { id: "no-motion-group-modal-title", children: "No motion group found" }),
4106
+ /* @__PURE__ */ a(ao, { id: "no-motion-group-modal-title", children: "No motion group found" }),
4041
4107
  /* @__PURE__ */ S(
4042
- io,
4108
+ ro,
4043
4109
  {
4044
4110
  sx: {
4045
4111
  marginTop: "3rem",
@@ -4052,7 +4118,7 @@ function wi({
4052
4118
  ]
4053
4119
  }
4054
4120
  ),
4055
- /* @__PURE__ */ a(no, { children: /* @__PURE__ */ S(_, { width: "100%", maxWidth: "300px", margin: "auto", marginBottom: "2rem", children: [
4121
+ /* @__PURE__ */ a(io, { children: /* @__PURE__ */ S(_, { width: "100%", maxWidth: "300px", margin: "auto", marginBottom: "2rem", children: [
4056
4122
  /* @__PURE__ */ a(
4057
4123
  Z,
4058
4124
  {
@@ -4085,7 +4151,7 @@ function wi({
4085
4151
  );
4086
4152
  }
4087
4153
  var te = /* @__PURE__ */ ((t) => (t.PRECONDITION_NOT_FULFILLED = "PRECONDITION_NOT_FULFILLED", t.ROBOT_DISCONNECTED = "ROBOT_DISCONNECTED", t.CELL_OPEN = "CELL_OPEN", t.E_STOP = "E_STOP", t.MANUAL_MODE = "MANUAL_MODE", t.READY = "READY", t))(te || {});
4088
- const Lo = $(
4154
+ const zo = $(
4089
4155
  J(({ setupState: t, className: e }) => {
4090
4156
  const o = B(), { t: r } = z(), i = () => {
4091
4157
  var d, m, u, p, g, f, y;
@@ -4137,7 +4203,7 @@ const Lo = $(
4137
4203
  }
4138
4204
  }, { label: n, indicatorColor: c, backgroundColor: s, textColor: l } = i();
4139
4205
  return /* @__PURE__ */ a(
4140
- so,
4206
+ lo,
4141
4207
  {
4142
4208
  className: e,
4143
4209
  label: /* @__PURE__ */ S(
@@ -4191,13 +4257,13 @@ const Lo = $(
4191
4257
  }
4192
4258
  );
4193
4259
  })
4194
- ), Ti = $(
4260
+ ), Ri = $(
4195
4261
  J(
4196
4262
  ({
4197
4263
  robotName: t,
4198
4264
  robotType: e,
4199
4265
  setupState: o,
4200
- PreconditionComponent: r = Lo,
4266
+ PreconditionComponent: r = zo,
4201
4267
  className: i
4202
4268
  }) => {
4203
4269
  var l;
@@ -4244,10 +4310,10 @@ const Lo = $(
4244
4310
  fill: `${n.palette.primary.main} !important`
4245
4311
  }
4246
4312
  },
4247
- children: /* @__PURE__ */ a(Be, {})
4313
+ children: /* @__PURE__ */ a(Le, {})
4248
4314
  }
4249
4315
  ) : /* @__PURE__ */ a(
4250
- ao,
4316
+ so,
4251
4317
  {
4252
4318
  sx: {
4253
4319
  color: n.palette.error.main,
@@ -4297,7 +4363,7 @@ const Lo = $(
4297
4363
  );
4298
4364
  }
4299
4365
  )
4300
- ), $o = pt(lo, {
4366
+ ), Vo = lt(co, {
4301
4367
  shouldForwardProp: (t) => t !== "selected"
4302
4368
  })(({ theme: t }) => {
4303
4369
  var e, o, r;
@@ -4327,10 +4393,10 @@ const Lo = $(
4327
4393
  }
4328
4394
  ]
4329
4395
  };
4330
- }), Mi = (t) => {
4396
+ }), ji = (t) => {
4331
4397
  const { ref: e, ...o } = t;
4332
4398
  return /* @__PURE__ */ a(
4333
- $o,
4399
+ Vo,
4334
4400
  {
4335
4401
  ref: e,
4336
4402
  selected: t.selected,
@@ -4340,7 +4406,7 @@ const Lo = $(
4340
4406
  }
4341
4407
  );
4342
4408
  };
4343
- function zo(t) {
4409
+ function No(t) {
4344
4410
  const { children: e, value: o, index: r, ...i } = t;
4345
4411
  return /* @__PURE__ */ a(
4346
4412
  "div",
@@ -4354,7 +4420,7 @@ function zo(t) {
4354
4420
  }
4355
4421
  );
4356
4422
  }
4357
- function Vo({ children: t, ...e }) {
4423
+ function Wo({ children: t, ...e }) {
4358
4424
  const {
4359
4425
  fullWidth: o,
4360
4426
  indicator: r,
@@ -4369,7 +4435,7 @@ function Vo({ children: t, ...e }) {
4369
4435
  } = e;
4370
4436
  return /* @__PURE__ */ a(w, { ...u, children: t });
4371
4437
  }
4372
- const Ii = $(
4438
+ const Ei = $(
4373
4439
  J((t) => {
4374
4440
  const {
4375
4441
  items: e,
@@ -4490,12 +4556,12 @@ const Ii = $(
4490
4556
  p.id
4491
4557
  );
4492
4558
  return h ? /* @__PURE__ */ a(
4493
- Vo,
4559
+ Wo,
4494
4560
  {
4495
4561
  component: "span",
4496
4562
  sx: { display: "inline-flex" },
4497
4563
  children: /* @__PURE__ */ a(
4498
- co,
4564
+ go,
4499
4565
  {
4500
4566
  badgeContent: b,
4501
4567
  color: ((T = p.badge) == null ? void 0 : T.color) || "error",
@@ -4533,12 +4599,12 @@ const Ii = $(
4533
4599
  }
4534
4600
  }
4535
4601
  ),
4536
- /* @__PURE__ */ a(w, { sx: { flex: 1, overflow: "auto" }, children: e.map((p, g) => /* @__PURE__ */ a(zo, { value: m, index: g, children: p.content }, p.id)) })
4602
+ /* @__PURE__ */ a(w, { sx: { flex: 1, overflow: "auto" }, children: e.map((p, g) => /* @__PURE__ */ a(No, { value: m, index: g, children: p.content }, p.id)) })
4537
4603
  ]
4538
4604
  }
4539
4605
  );
4540
4606
  })
4541
- ), No = (t) => {
4607
+ ), Go = (t) => {
4542
4608
  const e = Math.floor(t / 86400), o = Math.floor(t % 86400 / 3600), r = Math.floor(t % 3600 / 60), i = t % 60, n = [];
4543
4609
  return e > 0 ? (n.push(e.toString()), n.push(o.toString().padStart(2, "0")), n.push(r.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0"))) : o > 0 ? (n.push(o.toString()), n.push(r.toString().padStart(2, "0")), n.push(i.toString().padStart(2, "0"))) : (n.push(r.toString()), n.push(i.toString().padStart(2, "0"))), n.join(":");
4544
4610
  }, Jt = (t, e) => {
@@ -4551,7 +4617,7 @@ const Ii = $(
4551
4617
  }
4552
4618
  const c = [];
4553
4619
  return o > 0 && c.push(`${o}d`), r > 0 && c.push(`${r}h`), i > 0 && c.push(`${i}m`), (n > 0 || c.length === 0) && c.push(`${n}s`), c.join(" ");
4554
- }, Wo = ({
4620
+ }, Uo = ({
4555
4621
  timerState: t,
4556
4622
  animationState: e,
4557
4623
  hasError: o,
@@ -4572,7 +4638,7 @@ const Ii = $(
4572
4638
  },
4573
4639
  children: [
4574
4640
  /* @__PURE__ */ a(
4575
- go,
4641
+ uo,
4576
4642
  {
4577
4643
  width: 264,
4578
4644
  height: 264,
@@ -4663,7 +4729,7 @@ const Ii = $(
4663
4729
  lineHeight: 1,
4664
4730
  letterSpacing: "-0.5px"
4665
4731
  },
4666
- children: No(c)
4732
+ children: Go(c)
4667
4733
  }
4668
4734
  ) })
4669
4735
  ]
@@ -4674,7 +4740,7 @@ const Ii = $(
4674
4740
  ]
4675
4741
  }
4676
4742
  );
4677
- }, Go = ({
4743
+ }, Ho = ({
4678
4744
  timerState: t,
4679
4745
  animationState: e,
4680
4746
  hasError: o,
@@ -4791,7 +4857,7 @@ const Ii = $(
4791
4857
  ]
4792
4858
  }
4793
4859
  );
4794
- }, Uo = () => {
4860
+ }, qo = () => {
4795
4861
  const [t, e] = L({
4796
4862
  showPauseAnimation: !1,
4797
4863
  showErrorAnimation: !1,
@@ -4837,7 +4903,7 @@ const Ii = $(
4837
4903
  setInitialAnimationState: d,
4838
4904
  cleanup: m
4839
4905
  };
4840
- }, Ho = ({
4906
+ }, Yo = ({
4841
4907
  autoStart: t,
4842
4908
  hasError: e,
4843
4909
  onPauseAnimation: o,
@@ -4943,7 +5009,7 @@ const Ii = $(
4943
5009
  isPaused: b
4944
5010
  }
4945
5011
  };
4946
- }, ki = $(
5012
+ }, Pi = $(
4947
5013
  J(
4948
5014
  ({
4949
5015
  onTimerReady: t,
@@ -4960,7 +5026,7 @@ const Ii = $(
4960
5026
  clearErrorAnimation: d,
4961
5027
  setInitialAnimationState: m,
4962
5028
  cleanup: u
4963
- } = Uo(), { timerState: p, controls: g } = Ho({
5029
+ } = qo(), { timerState: p, controls: g } = Yo({
4964
5030
  autoStart: e,
4965
5031
  hasError: n,
4966
5032
  onPauseAnimation: s,
@@ -4978,7 +5044,7 @@ const Ii = $(
4978
5044
  f = !1, clearTimeout(y);
4979
5045
  };
4980
5046
  }, [t, g]), F(() => u, [u]), o === "small" ? /* @__PURE__ */ a(
4981
- Go,
5047
+ Ho,
4982
5048
  {
4983
5049
  timerState: p,
4984
5050
  animationState: c,
@@ -4987,7 +5053,7 @@ const Ii = $(
4987
5053
  className: i
4988
5054
  }
4989
5055
  ) : /* @__PURE__ */ a(
4990
- Wo,
5056
+ Uo,
4991
5057
  {
4992
5058
  timerState: p,
4993
5059
  animationState: c,
@@ -4997,14 +5063,14 @@ const Ii = $(
4997
5063
  );
4998
5064
  }
4999
5065
  )
5000
- ), Ft = 1e-4, qo = {
5066
+ ), Ft = 1e-4, Zo = {
5001
5067
  a: 0,
5002
5068
  d: 0,
5003
5069
  alpha: 0,
5004
5070
  theta: 0,
5005
5071
  reverse_rotation_direction: !1
5006
5072
  };
5007
- class ut {
5073
+ class pt {
5008
5074
  constructor(e, o, r, i, n, c, s, l, d, m, u = "cell") {
5009
5075
  this.controller = o, this.motionGroup = r, this.initialMotionState = i, this.motionStateSocket = n, this.isVirtual = c, this.tcps = s, this.description = l, this.initialControllerState = d, this.controllerStateSocket = m, this.cellId = u, this.connectedJoggingSocket = null, this.joggingVelocity = 10, this.activationState = "inactive", this.nova = st(e), this.rapidlyChangingMotionState = i, this.controllerState = d, m.addEventListener("message", (p) => {
5010
5076
  var f;
@@ -5041,7 +5107,7 @@ class ut {
5041
5107
  static async connectMultiple(e, o, r = {}) {
5042
5108
  return Promise.all(
5043
5109
  o.map(
5044
- (i) => ut.connect(e, i, r)
5110
+ (i) => pt.connect(e, i, r)
5045
5111
  )
5046
5112
  );
5047
5113
  }
@@ -5094,7 +5160,7 @@ class ut {
5094
5160
  `Connected controller state websocket to controller ${l.controller}. Initial state:
5095
5161
  `,
5096
5162
  x
5097
- ), new ut(
5163
+ ), new pt(
5098
5164
  i,
5099
5165
  l,
5100
5166
  d,
@@ -5130,7 +5196,7 @@ class ut {
5130
5196
  get dhParameters() {
5131
5197
  if (this.description.dh_parameters !== void 0)
5132
5198
  return this.description.dh_parameters.map((e) => ({
5133
- ...qo,
5199
+ ...Zo,
5134
5200
  ...e
5135
5201
  }));
5136
5202
  }
@@ -5587,52 +5653,53 @@ function ee() {
5587
5653
  }
5588
5654
  };
5589
5655
  }
5590
- function Yo() {
5656
+ function Qo() {
5591
5657
  const t = ee();
5592
5658
  return t.palette.mode = "light", t;
5593
5659
  }
5594
- function Ri(t) {
5660
+ function _i(t) {
5595
5661
  var r, i, n, c;
5596
5662
  let e = !0;
5597
5663
  ((r = t.palette) == null ? void 0 : r.mode) === "light" ? e = !1 : ((i = t.palette) == null ? void 0 : i.mode) !== "dark" && (e = !(typeof window < "u" && ((c = (n = window.matchMedia) == null ? void 0 : n.call(window, "(prefers-color-scheme: light)")) == null ? void 0 : c.matches)));
5598
- const o = e ? ee() : Yo();
5664
+ const o = e ? ee() : Qo();
5599
5665
  return Bt(o, t);
5600
5666
  }
5601
5667
  export {
5602
- pi as A,
5603
- mi as C,
5668
+ fi as A,
5669
+ xi as C,
5604
5670
  xt as J,
5605
- Jo as L,
5671
+ Bo as L,
5606
5672
  ft as M,
5607
- wi as N,
5608
- fi as P,
5609
- Ti as R,
5610
- Mi as S,
5611
- Ii as T,
5612
- _o as V,
5613
- yo as W,
5614
- Ot as a,
5615
- So as b,
5616
- Ri as c,
5617
- hi as d,
5618
- bi as e,
5619
- To as f,
5620
- Mo as g,
5621
- Ci as h,
5622
- lt as i,
5623
- xi as j,
5624
- yi as k,
5625
- Si as l,
5626
- vi as m,
5627
- Fo as n,
5628
- te as o,
5629
- Lo as p,
5630
- ki as q,
5631
- Zt as r,
5632
- ut as s,
5633
- bt as t,
5634
- Ht as u,
5635
- vo as v,
5636
- qt as w,
5637
- Co as x
5673
+ ki as N,
5674
+ Si as P,
5675
+ Ri as R,
5676
+ ji as S,
5677
+ Ei as T,
5678
+ Do as V,
5679
+ vo as W,
5680
+ bi as a,
5681
+ Ot as b,
5682
+ _i as c,
5683
+ Co as d,
5684
+ yi as e,
5685
+ vi as f,
5686
+ Io as g,
5687
+ ko as h,
5688
+ Ii as i,
5689
+ ct as j,
5690
+ Ci as k,
5691
+ wi as l,
5692
+ Ti as m,
5693
+ Mi as n,
5694
+ Lo as o,
5695
+ te as p,
5696
+ zo as q,
5697
+ Pi as r,
5698
+ Zt as s,
5699
+ pt as t,
5700
+ bt as u,
5701
+ Ht as v,
5702
+ wo as w,
5703
+ qt as x,
5704
+ To as y
5638
5705
  };