@wandelbots/wandelbots-js-react-components 4.2.0 → 4.3.0

package/README.md

@@ -98,7 +98,7 @@ Manual robot control interfaces.
 **Individual Jogging Controls**
 
 - **[JoggingCartesianAxisControl](https://wandelbotsgmbh.github.io/wandelbots-js-react-components/?path=/docs/jogging-joggingcartesianaxiscontrol--docs)** - Single-axis cartesian movement
-- **[JoggingJointRotationControl](https://wandelbotsgmbh.github.io/wandelbots-js-react-components/?path=/docs/jogging-joggingjointrotationcontrol--docs)** - Individual joint controls
+- **[JoggingJointValueControl](https://wandelbotsgmbh.github.io/wandelbots-js-react-components/?path=/docs/jogging-JoggingJointValueControl--docs)** - Individual joint controls
 - **[VelocitySlider](https://wandelbotsgmbh.github.io/wandelbots-js-react-components/?path=/docs/jogging-velocityslider--docs)** - Speed adjustment interface
 
 ### Program Execution

package/dist/3d.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MotionGroupVisualizer-C3CB-L2z.cjs");exports.CollisionSceneRenderer=e.CollisionSceneRenderer;exports.LinearAxis=e.LinearAxis;exports.MANUFACTURER_HOME_CONFIGS=e.MANUFACTURER_HOME_CONFIGS;exports.MotionGroupVisualizer=e.MotionGroupVisualizer;exports.PresetEnvironment=e.PresetEnvironment;exports.Robot=e.Robot;exports.RobotCard=e.RobotCard;exports.SafetyZonesRenderer=e.SafetyZonesRenderer;exports.SupportedLinearAxis=e.SupportedLinearAxis;exports.SupportedRobot=e.SupportedRobot;exports.TrajectoryRenderer=e.TrajectoryRenderer;exports.defaultAxisConfig=e.defaultAxisConfig;exports.defaultGetModel=e.defaultGetModel;exports.extractManufacturer=e.extractManufacturer;exports.getDefaultHomeConfig=e.getDefaultHomeConfig;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MotionGroupVisualizer-C_fyiA-X.cjs");exports.CollisionSceneRenderer=e.CollisionSceneRenderer;exports.LinearAxis=e.LinearAxis;exports.MANUFACTURER_HOME_CONFIGS=e.MANUFACTURER_HOME_CONFIGS;exports.MotionGroupVisualizer=e.MotionGroupVisualizer;exports.PresetEnvironment=e.PresetEnvironment;exports.Robot=e.Robot;exports.RobotCard=e.RobotCard;exports.SafetyZonesRenderer=e.SafetyZonesRenderer;exports.SupportedLinearAxis=e.SupportedLinearAxis;exports.SupportedRobot=e.SupportedRobot;exports.TrajectoryRenderer=e.TrajectoryRenderer;exports.defaultAxisConfig=e.defaultAxisConfig;exports.defaultGetModel=e.defaultGetModel;exports.extractManufacturer=e.extractManufacturer;exports.getDefaultHomeConfig=e.getDefaultHomeConfig;
 //# sourceMappingURL=3d.cjs.js.map

package/dist/3d.es.js

@@ -1,4 +1,4 @@
-import { C as o, L as r, M as s, a as t, P as n, R as i, b as d, S as f, c as u, d as R, T as l, e as C, f as p, g as M, h as S } from "./MotionGroupVisualizer-CrLamHYm.js";
+import { C as o, L as r, M as s, a as t, P as n, R as i, b as d, S as f, c as u, d as R, T as l, e as C, f as p, g as M, h as S } from "./MotionGroupVisualizer-BgvrTXeT.js";
 export {
   o as CollisionSceneRenderer,
   r as LinearAxis,

package/dist/{MotionGroupVisualizer-CrLamHYm.js → MotionGroupVisualizer-BgvrTXeT.js}

@@ -1,16 +1,16 @@
 import { j as t, e as I } from "./externalizeComponent-Dc3fViZA.js";
 import * as x from "three";
-import { Matrix4 as w, Vector3 as F, Quaternion as z } from "three";
+import { Matrix4 as w, Vector3 as L, Quaternion as z } from "three";
 import { ConvexGeometry as te } from "three-stdlib";
 import { useThree as ne, useFrame as re, Canvas as N } from "@react-three/fiber";
-import { Environment as ve, Lightformer as G, Line as O, useGLTF as Me, Bounds as H } from "@react-three/drei";
-import { useTheme as _e, Card as Ae, Box as b, Typography as Y, Divider as q, Button as X } from "@mui/material";
-import { observer as Te } from "mobx-react-lite";
-import Fe, { useRef as R, useEffect as _, useCallback as M, useState as T, Suspense as oe, useMemo as Ge } from "react";
-import { useTranslation as Se } from "react-i18next";
-import { N as se, V as ie, c as ae, b as Z, M as v } from "./interpolation-Cs2pC1zE.js";
+import { Environment as ve, Lightformer as F, Line as O, useGLTF as Me, Bounds as H } from "@react-three/drei";
+import { useTheme as _e, Card as Te, Box as b, Typography as Y, Divider as q, Button as X } from "@mui/material";
+import { observer as ke } from "mobx-react-lite";
+import Le, { useRef as R, useEffect as _, useCallback as M, useState as k, Suspense as oe, useMemo as Fe } from "react";
+import { useTranslation as Ge } from "react-i18next";
+import { N as se, V as ie, c as ae, b as Z, M as v } from "./interpolation-6ZZN4S_x.js";
 import { ErrorBoundary as le } from "react-error-boundary";
-function ke(e) {
+function Ve(e) {
   switch (e.shape_type) {
     case "convex_hull":
       return new te(
@@ -47,7 +47,7 @@ function ke(e) {
       return console.warn(`${e.shape_type} is not supported`), new x.BufferGeometry();
   }
 }
-function Le({
+function Pe({
   name: e,
   collider: r,
   children: n
@@ -64,19 +64,19 @@ function Le({
         i[2]
       ).divideScalar(1e3),
       rotation: new x.Euler(o[0], o[1], o[2], "XYZ"),
-      geometry: ke(r.shape),
+      geometry: Ve(r.shape),
       children: n
     }
   );
 }
-function Ve({
+function Se({
   name: e,
   colliders: r,
   meshChildrenProvider: n,
   ...i
 }) {
   return /* @__PURE__ */ t.jsx("group", { name: e, ...i, children: Object.entries(r).map(([o, u]) => /* @__PURE__ */ t.jsx(
-    Le,
+    Pe,
     {
       name: o,
       collider: u,
@@ -91,7 +91,7 @@ function rt({
 }) {
   const n = e.colliders;
   return /* @__PURE__ */ t.jsx("group", { children: n && /* @__PURE__ */ t.jsx(
-    Ve,
+    Se,
     {
       meshChildrenProvider: r,
       colliders: n
@@ -99,12 +99,12 @@ function rt({
   ) });
 }
 function Q() {
-  return /* @__PURE__ */ t.jsx(ve, { children: /* @__PURE__ */ t.jsx(Pe, {}) });
+  return /* @__PURE__ */ t.jsx(ve, { children: /* @__PURE__ */ t.jsx(Ae, {}) });
 }
-function Pe({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
+function Ae({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      G,
+      F,
       {
         intensity: 5,
         "rotation-x": Math.PI / 2,
@@ -113,7 +113,7 @@ function Pe({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
       }
     ),
     /* @__PURE__ */ t.jsx("group", { rotation: [0, 0.5, 0], children: /* @__PURE__ */ t.jsx("group", { children: e.map((r, n) => /* @__PURE__ */ t.jsx(
-      G,
+      F,
       {
         form: "circle",
         intensity: 5,
@@ -124,7 +124,7 @@ function Pe({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
       n
     )) }) }),
     /* @__PURE__ */ t.jsx(
-      G,
+      F,
       {
         intensity: 40,
         "rotation-y": Math.PI / 2,
@@ -133,7 +133,7 @@ function Pe({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
       }
     ),
     /* @__PURE__ */ t.jsx(
-      G,
+      F,
       {
         intensity: 20,
         "rotation-y": -Math.PI,
@@ -142,7 +142,7 @@ function Pe({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
       }
     ),
     /* @__PURE__ */ t.jsx(
-      G,
+      F,
       {
         "rotation-y": Math.PI / 2,
         position: [-5, -1, -1],
@@ -151,7 +151,7 @@ function Pe({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
       }
     ),
     /* @__PURE__ */ t.jsx(
-      G,
+      F,
       {
         "rotation-y": -Math.PI / 2,
         position: [10, 1, 0],
@@ -160,7 +160,7 @@ function Pe({ positions: e = [2, 0, 2, 0, 2, 0, 2, 0] }) {
       }
     ),
     /* @__PURE__ */ t.jsx(
-      G,
+      F,
       {
         form: "ring",
         color: "white",
@@ -245,10 +245,10 @@ function st({
     }
   ) });
 }
-const C = /* @__PURE__ */ new Map();
-async function U(e, r) {
-  if (C.has(e))
-    return C.get(e);
+const D = /* @__PURE__ */ new Map();
+async function C(e, r) {
+  if (D.has(e))
+    return D.get(e);
   const n = (async () => {
     var a;
     const i = r || "", o = new se({ instanceUrl: i }), u = o.api.motionGroupModels;
@@ -263,7 +263,7 @@ async function U(e, r) {
       throw console.error("Failed to fetch model:", f), f;
     }
   })();
-  return C.set(e, n), n;
+  return D.set(e, n), n;
 }
 function ce(e) {
   function r(n) {
@@ -277,7 +277,7 @@ function ue(e) {
 function fe(e) {
   return /_J[0-9]+$/.test(e.name);
 }
-function Ue(e, r) {
+function Ce(e, r) {
   let n;
   function i(o) {
     if (ue(o)) {
@@ -351,18 +351,18 @@ function de({
     m();
   }), /* @__PURE__ */ t.jsx("group", { ref: l, children: i });
 }
-const De = "line", Ce = "mesh";
+const Ue = "line", De = "mesh";
 function ze({
   rapidlyChangingMotionState: e,
   dhParameters: r,
   ...n
 }) {
   const i = new w(), o = R([]), u = R([]);
-  Fe.useEffect(() => {
+  Le.useEffect(() => {
     o.current = new Array(r.length).fill(null), u.current = new Array(r.length).fill(null);
   }, [r.length]);
   function a(d, m) {
-    const s = new F(), c = new z(), h = new F();
+    const s = new L(), c = new z(), h = new L();
     i.decompose(s, c, h);
     const g = s.clone(), p = new w().makeRotationY(
       d.theta + m * (d.reverse_rotation_direction ? -1 : 1)
@@ -408,7 +408,7 @@ function ze({
                 ref: (g) => {
                   o.current[m] = g;
                 },
-                name: De,
+                name: Ue,
                 points: [s, c],
                 color: "white",
                 lineWidth: 5
@@ -420,7 +420,7 @@ function ze({
                 ref: (g) => {
                   u.current[m] = g;
                 },
-                name: Ce,
+                name: De,
                 position: c,
                 children: [
                   /* @__PURE__ */ t.jsx("sphereGeometry", { args: [0.01, 32, 32] }),
@@ -455,7 +455,7 @@ function Be({
   const o = Me(e);
   let u;
   try {
-    u = Ue(o, "robot.glb").gltf;
+    u = Ce(o, "robot.glb").gltf;
   } catch (l) {
     throw l;
   }
@@ -500,7 +500,7 @@ function he({
   postModelRender: n,
   ...i
 }) {
-  const [o, u] = T(null);
+  const [o, u] = k(null);
   return _(() => {
     (async () => {
       try {
@@ -562,14 +562,14 @@ const pe = (e, r) => {
     rapidlyChangingMotionState: e,
     modelFromController: r,
     dhParameters: n,
-    getModel: i = U,
+    getModel: i = C,
     flangeRef: o,
     postModelRender: u,
     transparentColor: a,
     instanceUrl: f,
     ...l
   }) => {
-    const [d, m] = T(null), s = M((h) => {
+    const [d, m] = k(null), s = M((h) => {
       m(h);
     }, []);
     _(() => {
@@ -622,7 +622,7 @@ const pe = (e, r) => {
 );
 function We({
   connectedMotionGroup: e,
-  getModel: r = U,
+  getModel: r = C,
   flangeRef: n,
   transparentColor: i,
   postModelRender: o,
@@ -643,7 +643,7 @@ function We({
   ) : null;
 }
 const it = I(
-  Te(
+  ke(
     ({
       robotName: e,
       programState: r,
@@ -658,31 +658,31 @@ const it = I(
       className: m
     }) => {
       var W;
-      const s = _e(), { t: c } = Se(), [h, g] = T(!1), p = R(null), j = R(null), [y, D] = T(!1), [S, be] = T({ width: 400, height: 600 }), [$e, Re] = T(0);
+      const s = _e(), { t: c } = Ge(), [h, g] = k(!1), p = R(null), j = R(null), [y, U] = k(!1), [G, be] = k({ width: 400, height: 600 }), [Je, Re] = k(0);
       _(() => {
-        const P = () => {
+        const A = () => {
           if (j.current) {
-            const { offsetWidth: $, offsetHeight: J } = j.current;
-            D($ > J), be({ width: $, height: J });
+            const { offsetWidth: J, offsetHeight: K } = j.current;
+            U(J > K), be({ width: J, height: K });
           }
         };
-        P();
-        const K = new ResizeObserver(P);
-        return j.current && K.observe(j.current), () => {
-          K.disconnect();
+        A();
+        const $ = new ResizeObserver(A);
+        return j.current && $.observe(j.current), () => {
+          $.disconnect();
         };
       }, []);
       const E = M(() => {
-        Re((P) => P + 1);
-      }, []), k = M(() => {
+        Re((A) => A + 1);
+      }, []), V = M(() => {
         !o || !u || (g(!0), u());
-      }, [o, u]), L = M(() => {
+      }, [o, u]), P = M(() => {
         !o || !a || (g(!1), a());
       }, [o, a]), B = M(() => {
         h && a && (g(!1), a());
-      }, [h, a]), A = y ? S.width < 350 : S.height < 200, V = y ? S.height < 310 : S.height < 450;
+      }, [h, a]), T = y ? G.width < 350 : G.height < 200, S = y ? G.height < 310 : G.height < 450;
       return /* @__PURE__ */ t.jsx(
-        Ae,
+        Te,
         {
           ref: j,
           className: m,
@@ -718,9 +718,9 @@ const it = I(
                   mr: { xs: 0.75, sm: 1, md: 1.5 },
                   overflow: "hidden",
                   // Prevent content from affecting container size
-                  display: A ? "none" : "block"
+                  display: T ? "none" : "block"
                 },
-                children: !A && /* @__PURE__ */ t.jsxs(
+                children: !T && /* @__PURE__ */ t.jsxs(
                   N,
                   {
                     orthographic: !0,
@@ -763,7 +763,7 @@ const it = I(
                   display: "flex",
                   flexDirection: "column",
                   justifyContent: "flex-start",
-                  width: A ? "100%" : "50%"
+                  width: T ? "100%" : "50%"
                 },
                 children: [
                   /* @__PURE__ */ t.jsxs(
@@ -799,7 +799,7 @@ const it = I(
                         justifyContent: "space-between"
                       },
                       children: [
-                        !V && d && /* @__PURE__ */ t.jsxs(b, { children: [
+                        !S && d && /* @__PURE__ */ t.jsxs(b, { children: [
                           /* @__PURE__ */ t.jsx(d, {}),
                           /* @__PURE__ */ t.jsx(
                             q,
@@ -817,7 +817,7 @@ const it = I(
                           b,
                           {
                             sx: {
-                              mt: !V && d ? "auto" : 0
+                              mt: !S && d ? "auto" : 0
                             },
                             children: /* @__PURE__ */ t.jsx(
                               b,
@@ -836,11 +836,11 @@ const it = I(
                                     color: "secondary",
                                     size: "small",
                                     disabled: !o,
-                                    onMouseDown: k,
-                                    onMouseUp: L,
+                                    onMouseDown: V,
+                                    onMouseUp: P,
                                     onMouseLeave: B,
-                                    onTouchStart: k,
-                                    onTouchEnd: L,
+                                    onTouchStart: V,
+                                    onTouchEnd: P,
                                     sx: {
                                       textTransform: "none",
                                       px: 1.5,
@@ -884,15 +884,15 @@ const it = I(
                   b,
                   {
                     sx: {
-                      flex: A ? 0 : 1,
+                      flex: T ? 0 : 1,
                       position: "relative",
-                      minHeight: A ? 0 : { xs: 120, sm: 150, md: 200 },
-                      height: A ? 0 : "auto",
+                      minHeight: T ? 0 : { xs: 120, sm: 150, md: 200 },
+                      height: T ? 0 : "auto",
                       borderRadius: 1,
                       overflow: "hidden",
-                      display: A ? "none" : "block"
+                      display: T ? "none" : "block"
                     },
-                    children: !A && /* @__PURE__ */ t.jsxs(
+                    children: !T && /* @__PURE__ */ t.jsxs(
                       N,
                       {
                         orthographic: !0,
@@ -926,7 +926,7 @@ const it = I(
                   }
                 ),
                 /* @__PURE__ */ t.jsxs(b, { children: [
-                  !V && d && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                  !S && d && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                     /* @__PURE__ */ t.jsx(d, {}),
                     /* @__PURE__ */ t.jsx(
                       q,
@@ -946,7 +946,7 @@ const it = I(
                       sx: {
                         display: "flex",
                         justifyContent: "flex-start",
-                        mt: !V && d ? { xs: 1, sm: 2, md: 5 } : { xs: 0.5, sm: 1, md: 2 },
+                        mt: !S && d ? { xs: 1, sm: 2, md: 5 } : { xs: 0.5, sm: 1, md: 2 },
                         mb: { xs: 0.5, sm: 0.75, md: 1 }
                       },
                       children: /* @__PURE__ */ t.jsx(
@@ -957,11 +957,11 @@ const it = I(
                           color: "secondary",
                           size: "small",
                           disabled: !o,
-                          onMouseDown: k,
-                          onMouseUp: L,
+                          onMouseDown: V,
+                          onMouseUp: P,
                           onMouseLeave: B,
-                          onTouchStart: k,
-                          onTouchEnd: L,
+                          onTouchStart: V,
+                          onTouchEnd: P,
                           sx: {
                             textTransform: "none",
                             px: 1.5,
@@ -1055,24 +1055,24 @@ function je({
       ).multiply(new w().makeRotationX(p.alpha));
       m.multiply(y);
     }
-    const s = new F(), c = new z(), h = new F();
+    const s = new L(), c = new z(), h = new L();
     return m.decompose(s, c, h), s;
   }
   const f = a(e.joint_position);
   function l(d, m) {
     i.identity();
-    let s = new F();
+    let s = new L();
     for (let p = 0; p < r.length; p++) {
-      const j = m[p] ?? 0, y = r[p], D = new w().makeRotationY(y.theta).multiply(
+      const j = m[p] ?? 0, y = r[p], U = new w().makeRotationY(y.theta).multiply(
         new w().makeTranslation(
           y.a / 1e3,
           (y.d + j * (y.reverse_rotation_direction ? -1 : 1)) / 1e3,
           0
         )
       ).multiply(new w().makeRotationX(y.alpha));
-      i.multiply(D);
+      i.multiply(U);
     }
-    const c = new F(), h = new z(), g = new F();
+    const c = new L(), h = new z(), g = new L();
     if (i.decompose(c, h, g), s = c, o.current && o.current.position.set(s.x, s.y, s.z), u.current) {
       const p = u.current.geometry;
       p && p.setPositions && p.setPositions([0, 0, 0, s.x, s.y, s.z]);
@@ -1093,7 +1093,7 @@ function je({
           O,
           {
             ref: u,
-            points: [new F(0, 0, 0), f],
+            points: [new L(0, 0, 0), f],
             color: "White",
             lineWidth: 5
           }
@@ -1111,14 +1111,14 @@ const we = I(
     rapidlyChangingMotionState: e,
     modelFromController: r,
     dhParameters: n,
-    getModel: i = U,
+    getModel: i = C,
     flangeRef: o,
     postModelRender: u,
     transparentColor: a,
     instanceUrl: f,
     ...l
   }) => {
-    const [d, m] = T(null), s = M((h) => {
+    const [d, m] = k(null), s = M((h) => {
       m(h);
     }, []);
     _(() => {
@@ -1171,7 +1171,7 @@ const we = I(
 );
 function lt({
   connectedMotionGroup: e,
-  getModel: r = U,
+  getModel: r = C,
   flangeRef: n,
   transparentColor: i,
   postModelRender: o,
@@ -1224,7 +1224,7 @@ const ee = {
     0
   ]
 };
-function Ke(e) {
+function $e(e) {
   const [r] = e.split("_");
   switch (r) {
     case "ABB":
@@ -1242,7 +1242,7 @@ function Ke(e) {
   }
 }
 function ct(e, r) {
-  const n = Ke(e);
+  const n = $e(e);
   return n && n in ee ? ee[n] : r || null;
 }
 const ut = I((e) => {
@@ -1251,9 +1251,9 @@ const ut = I((e) => {
     inverseSolver: n,
     modelFromController: i,
     ...o
-  } = e, [u, a] = T(
+  } = e, [u, a] = k(
     n
-  ), [, f] = T(!1), l = M(async () => {
+  ), [, f] = k(!1), l = M(async () => {
     const m = new se({ instanceUrl: r });
     try {
       const s = await m.api.motionGroupModels.getMotionGroupKinematicModel(
@@ -1271,13 +1271,13 @@ const ut = I((e) => {
   _(() => {
     n === void 0 && !!i && !!r && l();
   }, [n, i, l, r]);
-  const d = Ge(() => [
+  const d = Fe(() => [
     "KUKA_DKP250",
     "KUKA_DKP500_2",
-    "YASKAWA_TURN1",
-    "YASKAWA_TURN2",
-    "YASKAWA_TURN3"
-  ].includes(i), [i]);
+    "Yaskawa_TURN1",
+    "Yaskawa_TURN2",
+    "Yaskawa_TURN3"
+  ].some((m) => m.toLowerCase() === i.toLowerCase()), [i]);
   return u || d ? /* @__PURE__ */ t.jsx(
     ge,
     {
@@ -1307,8 +1307,8 @@ export {
   we as c,
   ge as d,
   at as e,
-  U as f,
-  Ke as g,
+  C as f,
+  $e as g,
   ct as h
 };
-//# sourceMappingURL=MotionGroupVisualizer-CrLamHYm.js.map
+//# sourceMappingURL=MotionGroupVisualizer-BgvrTXeT.js.map