@wandelbots/wandelbots-js-react-components 5.5.1-pr.fix-standardize-output.591.1380385 → 5.5.1

package/dist/components/jogging/JoggingCartesianTab.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingCartesianTab.cjs","sources":["../../../src/components/jogging/JoggingCartesianTab.tsx"],"sourcesContent":["import { useTheme, type Theme } from \"@mui/material/styles\"\nimport Divider from \"@mui/material/Divider\"\nimport Stack from \"@mui/material/Stack\"\nimport ToggleButton from \"@mui/material/ToggleButton\"\nimport Typography from \"@mui/material/Typography\"\nimport {\n  degreesToRadians,\n  radiansToDegrees,\n  XYZ_TO_VECTOR,\n} from \"@wandelbots/nova-js\"\nimport { observer } from \"mobx-react-lite\"\nimport { useTranslation } from \"react-i18next\"\nimport XAxisIcon from \"../../icons/axis-x.svg\"\nimport YAxisIcon from \"../../icons/axis-y.svg\"\nimport ZAxisIcon from \"../../icons/axis-z.svg\"\nimport RotationIcon from \"../../icons/rotation.svg\"\nimport type { Vector3Simple } from \"../../lib/JoggerConnection\"\nimport { useReaction } from \"../utils/hooks\"\nimport { JoggingCartesianAxisControl } from \"./JoggingCartesianAxisControl\"\nimport { JoggingJointLimitDetector } from \"./JoggingJointLimitDetector\"\nimport { JoggingOptions } from \"./JoggingOptions\"\nimport type {\n  DiscreteIncrementOption,\n  JoggingAxis,\n  JoggingDirection,\n  JoggingStore,\n} from \"./JoggingStore\"\nimport { JoggingToggleButtonGroup } from \"./JoggingToggleButtonGroup\"\nimport { JoggingVelocitySlider } from \"./JoggingVelocitySlider\"\n\ntype JoggingCartesianOpts = {\n  axis: JoggingAxis\n  motionType: \"translate\" | \"rotate\"\n  direction: JoggingDirection\n}\n\nexport const JoggingCartesianTab = observer(\n  ({\n    store,\n    children,\n  }: {\n    store: JoggingStore\n    children?: React.ReactNode\n  }) => {\n    const { t } = useTranslation()\n    const theme = useTheme()\n\n    function onMotionTypeChange(\n      _event: React.MouseEvent<HTMLElement>,\n      newMotionType: string,\n    ) {\n      if (newMotionType === \"translate\" || newMotionType === \"rotate\")\n        store.setSelectedCartesianMotionType(newMotionType)\n    }\n\n    useReaction(\n      () => [store.selectedCoordSystemId, store.selectedTcpId],\n      () => {\n        store.jogger.motionStream.motionStateSocket.changeUrl(\n          store.jogger.nova.makeWebsocketURL(\n            `/controllers/${store.jogger.motionStream.controllerId}/motion-groups/${store.jogger.motionGroupId}/state-stream?tcp=${store.selectedTcpId}`,\n          ),\n        )\n      },\n      // biome-ignore lint/suspicious/noExplicitAny: pre-biome code\n      { fireImmediately: true } as any,\n    )\n\n    async function runIncrementalCartesianJog(\n      opts: JoggingCartesianOpts,\n      increment: DiscreteIncrementOption,\n    ) {\n      const jogger = await store.activate()\n\n      const tcpPose = jogger.motionStream.rapidlyChangingMotionState.tcp_pose\n      const jointPosition = jogger.motionStream.rapidlyChangingMotionState\n        .joint_position as Vector3Simple\n      if (!tcpPose) return\n\n      await store.withMotionLock(async () => {\n        try {\n          store.setCurrentIncrementJog({\n            axis: opts.axis,\n            direction: opts.direction,\n          })\n          await store.jogger.runIncrementalCartesianMotion({\n            currentTcpPose: tcpPose,\n            currentJoints: jointPosition,\n            coordSystemId: store.activeCoordSystemId,\n            velocityInRelevantUnits:\n              store.selectedCartesianMotionType === \"translate\"\n                ? store.translationVelocityMmPerSec\n                : store.rotationVelocityRadsPerSec,\n            axis: opts.axis,\n            direction: opts.direction,\n            motion:\n              store.selectedCartesianMotionType === \"translate\"\n                ? {\n                    type: \"translate\",\n                    distanceMm: increment.mm,\n                  }\n                : {\n                    type: \"rotate\",\n                    distanceRads: degreesToRadians(increment.degrees),\n                  },\n          })\n        } finally {\n          store.setCurrentIncrementJog(null)\n          await store.deactivate()\n        }\n      })\n    }\n\n    async function startCartesianJogging(opts: JoggingCartesianOpts) {\n      if (store.isLocked) return\n\n      const jogger = await store.activate()\n      if (store.activeDiscreteIncrement) {\n        return runIncrementalCartesianJog(opts, store.activeDiscreteIncrement)\n      }\n\n      if (opts.motionType === \"translate\") {\n        await store.jogger.translateTCP({\n          axis: opts.axis,\n          direction: opts.direction,\n          velocityMmPerSec: store.translationVelocityMmPerSec,\n        })\n      } else {\n        await store.jogger.rotateTCP({\n          axis: opts.axis,\n          direction: opts.direction,\n          velocityRadsPerSec: store.rotationVelocityRadsPerSec,\n        })\n      }\n    }\n\n    async function stopJogging() {\n      if (store.isLocked) return\n\n      if (store.activeDiscreteIncrement) {\n        return\n      }\n\n      await store.deactivate()\n    }\n\n    function getAxisColors(\n      axisId: \"X\" | \"Y\" | \"Z\",\n      motionType: \"translate\" | \"rotate\",\n      theme: Theme,\n    ) {\n      const axisColors =\n        theme.componentsExt?.JoggingPanel?.JoggingCartesian?.Axis\n\n      if (!axisColors) return undefined\n\n      if (motionType === \"translate\") {\n        return axisColors[axisId]\n      }\n\n      return axisColors.CustomRotation ?? axisColors[axisId]\n    }\n\n    const axisList = [\n      {\n        id: \"x\",\n        icon: <XAxisIcon />,\n        colors: getAxisColors(\"X\", store.selectedCartesianMotionType, theme),\n      },\n      {\n        id: \"y\",\n        icon: <YAxisIcon />,\n        colors: getAxisColors(\"Y\", store.selectedCartesianMotionType, theme),\n      },\n      {\n        id: \"z\",\n        icon: <ZAxisIcon />,\n        colors: getAxisColors(\"Z\", store.selectedCartesianMotionType, theme),\n      },\n    ] as const\n\n    function formatMM(value: number) {\n      return t(\"General.mm.variable\", { amount: value.toFixed(1) })\n    }\n\n    function formatDegrees(value: number) {\n      return t(\"General.degree.variable\", {\n        amount: radiansToDegrees(value).toFixed(1),\n      })\n    }\n\n    return (\n      <Stack\n        data-testid=\"jogging-cartesian-tab\"\n        aria-label=\"jogging-cartesian-tab\"\n        flexGrow={1}\n        gap={2}\n        sx={{ padding: \"18px 24px\" }}\n      >\n        <Stack gap={2}>\n          <JoggingOptions\n            store={store}\n            useDegree={store.selectedCartesianMotionType === \"rotate\"}\n          />\n\n          <JoggingVelocitySlider\n            store={store}\n            useDegree={store.selectedCartesianMotionType === \"rotate\"}\n          />\n\n          <Divider />\n        </Stack>\n\n        <Stack\n          //maxWidth=\"296px\"\n          marginLeft=\"auto\"\n          marginRight=\"auto\"\n          gap=\"24px\"\n          justifyContent=\"center\"\n          sx={{ flexGrow: \"1\" }}\n        >\n          <Stack\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            gap=\"24px\"\n            sx={{ flexGrow: 1 }}\n          >\n            {/* Translate or rotate toggle */}\n            <JoggingToggleButtonGroup\n              value={store.selectedCartesianMotionType}\n              onChange={onMotionTypeChange}\n              exclusive\n              aria-label={t(\"Jogging.Cartesian.MotionType.lb\")}\n              sx={{ justifyContent: \"center\" }}\n            >\n              <ToggleButton value=\"translate\">\n                {t(\"Jogging.Cartesian.Translation.bt\")}\n              </ToggleButton>\n              <ToggleButton value=\"rotate\">\n                {t(\"Jogging.Cartesian.Rotation.bt\")}\n              </ToggleButton>\n            </JoggingToggleButtonGroup>\n\n            {/* Cartesian translate jogging */}\n            {store.selectedCartesianMotionType === \"translate\" &&\n              axisList.map((axis) => (\n                <JoggingCartesianAxisControl\n                  key={axis.id}\n                  data-testid={`jogging-cartesian-axis-control-${axis.id}`}\n                  aria-label={`jogging-cartesian-axis-control-${axis.id}`}\n                  colors={axis.colors}\n                  disabled={store.isLocked}\n                  activeJoggingDirection={\n                    store.incrementJogInProgress?.axis === axis.id\n                      ? store.incrementJogInProgress.direction\n                      : undefined\n                  }\n                  label={\n                    <>\n                      {axis.icon}\n                      <Typography\n                        sx={{\n                          fontSize: \"24px\",\n                          color:\n                            axis.colors?.labelColor ??\n                            theme.palette.text.primary,\n                        }}\n                      >\n                        {axis.id.toUpperCase()}\n                      </Typography>\n                    </>\n                  }\n                  getDisplayedValue={() =>\n                    formatMM(\n                      store.jogger.motionStream.rapidlyChangingMotionState\n                        .tcp_pose?.position?.[XYZ_TO_VECTOR[axis.id]] || 0,\n                    )\n                  }\n                  startJogging={(direction: \"-\" | \"+\") =>\n                    startCartesianJogging({\n                      axis: axis.id,\n                      motionType: \"translate\",\n                      direction,\n                    })\n                  }\n                  stopJogging={stopJogging}\n                />\n              ))}\n\n            {/* Cartesian rotate jogging */}\n            {store.selectedCartesianMotionType === \"rotate\" &&\n              axisList.map((axis) => (\n                <JoggingCartesianAxisControl\n                  key={axis.id}\n                  data-testid={`jogging-cartesian-axis-control-${axis.id}`}\n                  aria-label={`jogging-cartesian-axis-control-${axis.id}`}\n                  colors={axis.colors}\n                  disabled={store.isLocked}\n                  activeJoggingDirection={\n                    store.incrementJogInProgress?.axis === axis.id\n                      ? store.incrementJogInProgress.direction\n                      : undefined\n                  }\n                  label={\n                    <>\n                      <RotationIcon />\n                      <Typography\n                        sx={{\n                          fontSize: \"24px\",\n                          color:\n                            axis.colors?.labelColor ??\n                            theme.palette.text.primary,\n                        }}\n                      >\n                        {axis.id.toUpperCase()}\n                      </Typography>\n                    </>\n                  }\n                  getDisplayedValue={() =>\n                    formatDegrees(\n                      store.jogger.motionStream.rapidlyChangingMotionState\n                        .tcp_pose?.orientation?.[XYZ_TO_VECTOR[axis.id]] || 0,\n                    )\n                  }\n                  startJogging={(direction: \"-\" | \"+\") =>\n                    startCartesianJogging({\n                      axis: axis.id,\n                      motionType: \"rotate\",\n                      direction,\n                    })\n                  }\n                  stopJogging={stopJogging}\n                />\n              ))}\n          </Stack>\n        </Stack>\n\n        {/* Show message if joint limits reached */}\n        <JoggingJointLimitDetector store={store} />\n\n        {children && <Divider />}\n\n        {/* Custom content */}\n\n        {children}\n      </Stack>\n    )\n  },\n)\n"],"names":["JoggingCartesianTab","observer","store","children","t","useTranslation","theme","useTheme","onMotionTypeChange","_event","newMotionType","useReaction","runIncrementalCartesianJog","opts","increment","jogger","tcpPose","jointPosition","degreesToRadians","startCartesianJogging","stopJogging","getAxisColors","axisId","motionType","axisColors","axisList","XAxisIcon","YAxisIcon","ZAxisIcon","formatMM","value","formatDegrees","radiansToDegrees","jsxs","Stack","jsx","JoggingOptions","JoggingVelocitySlider","Divider","JoggingToggleButtonGroup","ToggleButton","axis","JoggingCartesianAxisControl","_a","Fragment","Typography","_b","XYZ_TO_VECTOR","direction","RotationIcon","JoggingJointLimitDetector"],"mappings":"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"}

package/dist/components/jogging/JoggingCartesianTab.d.ts

@@ -5,3 +5,4 @@ export declare const JoggingCartesianTab: (({ store, children, }: {
 }) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
+//# sourceMappingURL=JoggingCartesianTab.d.ts.map

package/dist/components/jogging/JoggingCartesianTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingCartesianTab.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/JoggingCartesianTab.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAIV,YAAY,EACb,MAAM,gBAAgB,CAAA;AAUvB,eAAO,MAAM,mBAAmB,0BAI3B;IACD,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;;CAiTF,CAAA"}

package/dist/components/jogging/JoggingCartesianTab.js

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as c, Fragment as T } from "react/jsx-runtime";
+import { jsx as o, jsxs as c, Fragment as T } from "react/jsx-runtime";
 import { useTheme as P } from "@mui/material/styles";
 import x from "@mui/material/Divider";
 import s from "@mui/material/Stack";
@@ -7,21 +7,24 @@ import J from "@mui/material/Typography";
 import { XYZ_TO_VECTOR as S, radiansToDegrees as R, degreesToRadians as w } from "@wandelbots/nova-js";
 import { observer as D } from "mobx-react-lite";
 import { useTranslation as $ } from "react-i18next";
-import { F as k, a as L, b as F, c as V } from "../../chunks/rotation-Dm5YL3NM.js";
+import k from "../../icons/axis-x.svg.js";
+import L from "../../icons/axis-y.svg.js";
+import V from "../../icons/axis-z.svg.js";
+import F from "../../icons/rotation.svg.js";
 import { useReaction as G } from "../utils/hooks.js";
 import { JoggingCartesianAxisControl as j } from "./JoggingCartesianAxisControl.js";
 import { JoggingJointLimitDetector as _ } from "./JoggingJointLimitDetector.js";
 import { JoggingOptions as U } from "./JoggingOptions.js";
 import { JoggingToggleButtonGroup as z } from "./JoggingToggleButtonGroup.js";
 import { JoggingVelocitySlider as A } from "./JoggingVelocitySlider.js";
-const oe = D(
+const ce = D(
   ({
     store: e,
     children: m
   }) => {
     const { t: g } = $(), l = P();
-    function M(t, o) {
-      (o === "translate" || o === "rotate") && e.setSelectedCartesianMotionType(o);
+    function M(t, n) {
+      (n === "translate" || n === "rotate") && e.setSelectedCartesianMotionType(n);
     }
     G(
       () => [e.selectedCoordSystemId, e.selectedTcpId],
@@ -35,7 +38,7 @@ const oe = D(
       // biome-ignore lint/suspicious/noExplicitAny: pre-biome code
       { fireImmediately: !0 }
     );
-    async function h(t, o) {
+    async function h(t, n) {
       const a = await e.activate(), i = a.motionStream.rapidlyChangingMotionState.tcp_pose, r = a.motionStream.rapidlyChangingMotionState.joint_position;
       i && await e.withMotionLock(async () => {
         try {
@@ -51,10 +54,10 @@ const oe = D(
             direction: t.direction,
             motion: e.selectedCartesianMotionType === "translate" ? {
               type: "translate",
-              distanceMm: o.mm
+              distanceMm: n.mm
             } : {
               type: "rotate",
-              distanceRads: w(o.degrees)
+              distanceRads: w(n.degrees)
             }
           });
         } finally {
@@ -77,29 +80,29 @@ const oe = D(
         });
       }
     }
-    async function u() {
+    async function f() {
       e.isLocked || e.activeDiscreteIncrement || await e.deactivate();
     }
-    function d(t, o, a) {
+    function d(t, n, a) {
       var r, y, C;
       const i = (C = (y = (r = a.componentsExt) == null ? void 0 : r.JoggingPanel) == null ? void 0 : y.JoggingCartesian) == null ? void 0 : C.Axis;
       if (i)
-        return o === "translate" ? i[t] : i.CustomRotation ?? i[t];
+        return n === "translate" ? i[t] : i.CustomRotation ?? i[t];
     }
-    const f = [
+    const u = [
       {
         id: "x",
-        icon: /* @__PURE__ */ n(k, {}),
+        icon: /* @__PURE__ */ o(k, {}),
         colors: d("X", e.selectedCartesianMotionType, l)
       },
       {
         id: "y",
-        icon: /* @__PURE__ */ n(L, {}),
+        icon: /* @__PURE__ */ o(L, {}),
         colors: d("Y", e.selectedCartesianMotionType, l)
       },
       {
         id: "z",
-        icon: /* @__PURE__ */ n(F, {}),
+        icon: /* @__PURE__ */ o(V, {}),
         colors: d("Z", e.selectedCartesianMotionType, l)
       }
     ];
@@ -121,23 +124,23 @@ const oe = D(
         sx: { padding: "18px 24px" },
         children: [
           /* @__PURE__ */ c(s, { gap: 2, children: [
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ o(
               U,
               {
                 store: e,
                 useDegree: e.selectedCartesianMotionType === "rotate"
               }
             ),
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ o(
               A,
               {
                 store: e,
                 useDegree: e.selectedCartesianMotionType === "rotate"
               }
             ),
-            /* @__PURE__ */ n(x, {})
+            /* @__PURE__ */ o(x, {})
           ] }),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ o(
             s,
             {
               marginLeft: "auto",
@@ -162,24 +165,24 @@ const oe = D(
                         "aria-label": g("Jogging.Cartesian.MotionType.lb"),
                         sx: { justifyContent: "center" },
                         children: [
-                          /* @__PURE__ */ n(v, { value: "translate", children: g("Jogging.Cartesian.Translation.bt") }),
-                          /* @__PURE__ */ n(v, { value: "rotate", children: g("Jogging.Cartesian.Rotation.bt") })
+                          /* @__PURE__ */ o(v, { value: "translate", children: g("Jogging.Cartesian.Translation.bt") }),
+                          /* @__PURE__ */ o(v, { value: "rotate", children: g("Jogging.Cartesian.Rotation.bt") })
                         ]
                       }
                     ),
-                    e.selectedCartesianMotionType === "translate" && f.map((t) => {
-                      var o, a;
-                      return /* @__PURE__ */ n(
+                    e.selectedCartesianMotionType === "translate" && u.map((t) => {
+                      var n, a;
+                      return /* @__PURE__ */ o(
                         j,
                         {
                           "data-testid": `jogging-cartesian-axis-control-${t.id}`,
                           "aria-label": `jogging-cartesian-axis-control-${t.id}`,
                           colors: t.colors,
                           disabled: e.isLocked,
-                          activeJoggingDirection: ((o = e.incrementJogInProgress) == null ? void 0 : o.axis) === t.id ? e.incrementJogInProgress.direction : void 0,
+                          activeJoggingDirection: ((n = e.incrementJogInProgress) == null ? void 0 : n.axis) === t.id ? e.incrementJogInProgress.direction : void 0,
                           label: /* @__PURE__ */ c(T, { children: [
                             t.icon,
-                            /* @__PURE__ */ n(
+                            /* @__PURE__ */ o(
                               J,
                               {
                                 sx: {
@@ -201,24 +204,24 @@ const oe = D(
                             motionType: "translate",
                             direction: i
                           }),
-                          stopJogging: u
+                          stopJogging: f
                         },
                         t.id
                       );
                     }),
-                    e.selectedCartesianMotionType === "rotate" && f.map((t) => {
-                      var o, a;
-                      return /* @__PURE__ */ n(
+                    e.selectedCartesianMotionType === "rotate" && u.map((t) => {
+                      var n, a;
+                      return /* @__PURE__ */ o(
                         j,
                         {
                           "data-testid": `jogging-cartesian-axis-control-${t.id}`,
                           "aria-label": `jogging-cartesian-axis-control-${t.id}`,
                           colors: t.colors,
                           disabled: e.isLocked,
-                          activeJoggingDirection: ((o = e.incrementJogInProgress) == null ? void 0 : o.axis) === t.id ? e.incrementJogInProgress.direction : void 0,
+                          activeJoggingDirection: ((n = e.incrementJogInProgress) == null ? void 0 : n.axis) === t.id ? e.incrementJogInProgress.direction : void 0,
                           label: /* @__PURE__ */ c(T, { children: [
-                            /* @__PURE__ */ n(V, {}),
-                            /* @__PURE__ */ n(
+                            /* @__PURE__ */ o(F, {}),
+                            /* @__PURE__ */ o(
                               J,
                               {
                                 sx: {
@@ -240,7 +243,7 @@ const oe = D(
                             motionType: "rotate",
                             direction: i
                           }),
-                          stopJogging: u
+                          stopJogging: f
                         },
                         t.id
                       );
@@ -250,8 +253,8 @@ const oe = D(
               )
             }
           ),
-          /* @__PURE__ */ n(_, { store: e }),
-          m && /* @__PURE__ */ n(x, {}),
+          /* @__PURE__ */ o(_, { store: e }),
+          m && /* @__PURE__ */ o(x, {}),
           m
         ]
       }
@@ -259,5 +262,6 @@ const oe = D(
   }
 );
 export {
-  oe as JoggingCartesianTab
+  ce as JoggingCartesianTab
 };
+//# sourceMappingURL=JoggingCartesianTab.js.map

package/dist/components/jogging/JoggingCartesianTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingCartesianTab.js","sources":["../../../src/components/jogging/JoggingCartesianTab.tsx"],"sourcesContent":["import { useTheme, type Theme } from \"@mui/material/styles\"\nimport Divider from \"@mui/material/Divider\"\nimport Stack from \"@mui/material/Stack\"\nimport ToggleButton from \"@mui/material/ToggleButton\"\nimport Typography from \"@mui/material/Typography\"\nimport {\n  degreesToRadians,\n  radiansToDegrees,\n  XYZ_TO_VECTOR,\n} from \"@wandelbots/nova-js\"\nimport { observer } from \"mobx-react-lite\"\nimport { useTranslation } from \"react-i18next\"\nimport XAxisIcon from \"../../icons/axis-x.svg\"\nimport YAxisIcon from \"../../icons/axis-y.svg\"\nimport ZAxisIcon from \"../../icons/axis-z.svg\"\nimport RotationIcon from \"../../icons/rotation.svg\"\nimport type { Vector3Simple } from \"../../lib/JoggerConnection\"\nimport { useReaction } from \"../utils/hooks\"\nimport { JoggingCartesianAxisControl } from \"./JoggingCartesianAxisControl\"\nimport { JoggingJointLimitDetector } from \"./JoggingJointLimitDetector\"\nimport { JoggingOptions } from \"./JoggingOptions\"\nimport type {\n  DiscreteIncrementOption,\n  JoggingAxis,\n  JoggingDirection,\n  JoggingStore,\n} from \"./JoggingStore\"\nimport { JoggingToggleButtonGroup } from \"./JoggingToggleButtonGroup\"\nimport { JoggingVelocitySlider } from \"./JoggingVelocitySlider\"\n\ntype JoggingCartesianOpts = {\n  axis: JoggingAxis\n  motionType: \"translate\" | \"rotate\"\n  direction: JoggingDirection\n}\n\nexport const JoggingCartesianTab = observer(\n  ({\n    store,\n    children,\n  }: {\n    store: JoggingStore\n    children?: React.ReactNode\n  }) => {\n    const { t } = useTranslation()\n    const theme = useTheme()\n\n    function onMotionTypeChange(\n      _event: React.MouseEvent<HTMLElement>,\n      newMotionType: string,\n    ) {\n      if (newMotionType === \"translate\" || newMotionType === \"rotate\")\n        store.setSelectedCartesianMotionType(newMotionType)\n    }\n\n    useReaction(\n      () => [store.selectedCoordSystemId, store.selectedTcpId],\n      () => {\n        store.jogger.motionStream.motionStateSocket.changeUrl(\n          store.jogger.nova.makeWebsocketURL(\n            `/controllers/${store.jogger.motionStream.controllerId}/motion-groups/${store.jogger.motionGroupId}/state-stream?tcp=${store.selectedTcpId}`,\n          ),\n        )\n      },\n      // biome-ignore lint/suspicious/noExplicitAny: pre-biome code\n      { fireImmediately: true } as any,\n    )\n\n    async function runIncrementalCartesianJog(\n      opts: JoggingCartesianOpts,\n      increment: DiscreteIncrementOption,\n    ) {\n      const jogger = await store.activate()\n\n      const tcpPose = jogger.motionStream.rapidlyChangingMotionState.tcp_pose\n      const jointPosition = jogger.motionStream.rapidlyChangingMotionState\n        .joint_position as Vector3Simple\n      if (!tcpPose) return\n\n      await store.withMotionLock(async () => {\n        try {\n          store.setCurrentIncrementJog({\n            axis: opts.axis,\n            direction: opts.direction,\n          })\n          await store.jogger.runIncrementalCartesianMotion({\n            currentTcpPose: tcpPose,\n            currentJoints: jointPosition,\n            coordSystemId: store.activeCoordSystemId,\n            velocityInRelevantUnits:\n              store.selectedCartesianMotionType === \"translate\"\n                ? store.translationVelocityMmPerSec\n                : store.rotationVelocityRadsPerSec,\n            axis: opts.axis,\n            direction: opts.direction,\n            motion:\n              store.selectedCartesianMotionType === \"translate\"\n                ? {\n                    type: \"translate\",\n                    distanceMm: increment.mm,\n                  }\n                : {\n                    type: \"rotate\",\n                    distanceRads: degreesToRadians(increment.degrees),\n                  },\n          })\n        } finally {\n          store.setCurrentIncrementJog(null)\n          await store.deactivate()\n        }\n      })\n    }\n\n    async function startCartesianJogging(opts: JoggingCartesianOpts) {\n      if (store.isLocked) return\n\n      const jogger = await store.activate()\n      if (store.activeDiscreteIncrement) {\n        return runIncrementalCartesianJog(opts, store.activeDiscreteIncrement)\n      }\n\n      if (opts.motionType === \"translate\") {\n        await store.jogger.translateTCP({\n          axis: opts.axis,\n          direction: opts.direction,\n          velocityMmPerSec: store.translationVelocityMmPerSec,\n        })\n      } else {\n        await store.jogger.rotateTCP({\n          axis: opts.axis,\n          direction: opts.direction,\n          velocityRadsPerSec: store.rotationVelocityRadsPerSec,\n        })\n      }\n    }\n\n    async function stopJogging() {\n      if (store.isLocked) return\n\n      if (store.activeDiscreteIncrement) {\n        return\n      }\n\n      await store.deactivate()\n    }\n\n    function getAxisColors(\n      axisId: \"X\" | \"Y\" | \"Z\",\n      motionType: \"translate\" | \"rotate\",\n      theme: Theme,\n    ) {\n      const axisColors =\n        theme.componentsExt?.JoggingPanel?.JoggingCartesian?.Axis\n\n      if (!axisColors) return undefined\n\n      if (motionType === \"translate\") {\n        return axisColors[axisId]\n      }\n\n      return axisColors.CustomRotation ?? axisColors[axisId]\n    }\n\n    const axisList = [\n      {\n        id: \"x\",\n        icon: <XAxisIcon />,\n        colors: getAxisColors(\"X\", store.selectedCartesianMotionType, theme),\n      },\n      {\n        id: \"y\",\n        icon: <YAxisIcon />,\n        colors: getAxisColors(\"Y\", store.selectedCartesianMotionType, theme),\n      },\n      {\n        id: \"z\",\n        icon: <ZAxisIcon />,\n        colors: getAxisColors(\"Z\", store.selectedCartesianMotionType, theme),\n      },\n    ] as const\n\n    function formatMM(value: number) {\n      return t(\"General.mm.variable\", { amount: value.toFixed(1) })\n    }\n\n    function formatDegrees(value: number) {\n      return t(\"General.degree.variable\", {\n        amount: radiansToDegrees(value).toFixed(1),\n      })\n    }\n\n    return (\n      <Stack\n        data-testid=\"jogging-cartesian-tab\"\n        aria-label=\"jogging-cartesian-tab\"\n        flexGrow={1}\n        gap={2}\n        sx={{ padding: \"18px 24px\" }}\n      >\n        <Stack gap={2}>\n          <JoggingOptions\n            store={store}\n            useDegree={store.selectedCartesianMotionType === \"rotate\"}\n          />\n\n          <JoggingVelocitySlider\n            store={store}\n            useDegree={store.selectedCartesianMotionType === \"rotate\"}\n          />\n\n          <Divider />\n        </Stack>\n\n        <Stack\n          //maxWidth=\"296px\"\n          marginLeft=\"auto\"\n          marginRight=\"auto\"\n          gap=\"24px\"\n          justifyContent=\"center\"\n          sx={{ flexGrow: \"1\" }}\n        >\n          <Stack\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            gap=\"24px\"\n            sx={{ flexGrow: 1 }}\n          >\n            {/* Translate or rotate toggle */}\n            <JoggingToggleButtonGroup\n              value={store.selectedCartesianMotionType}\n              onChange={onMotionTypeChange}\n              exclusive\n              aria-label={t(\"Jogging.Cartesian.MotionType.lb\")}\n              sx={{ justifyContent: \"center\" }}\n            >\n              <ToggleButton value=\"translate\">\n                {t(\"Jogging.Cartesian.Translation.bt\")}\n              </ToggleButton>\n              <ToggleButton value=\"rotate\">\n                {t(\"Jogging.Cartesian.Rotation.bt\")}\n              </ToggleButton>\n            </JoggingToggleButtonGroup>\n\n            {/* Cartesian translate jogging */}\n            {store.selectedCartesianMotionType === \"translate\" &&\n              axisList.map((axis) => (\n                <JoggingCartesianAxisControl\n                  key={axis.id}\n                  data-testid={`jogging-cartesian-axis-control-${axis.id}`}\n                  aria-label={`jogging-cartesian-axis-control-${axis.id}`}\n                  colors={axis.colors}\n                  disabled={store.isLocked}\n                  activeJoggingDirection={\n                    store.incrementJogInProgress?.axis === axis.id\n                      ? store.incrementJogInProgress.direction\n                      : undefined\n                  }\n                  label={\n                    <>\n                      {axis.icon}\n                      <Typography\n                        sx={{\n                          fontSize: \"24px\",\n                          color:\n                            axis.colors?.labelColor ??\n                            theme.palette.text.primary,\n                        }}\n                      >\n                        {axis.id.toUpperCase()}\n                      </Typography>\n                    </>\n                  }\n                  getDisplayedValue={() =>\n                    formatMM(\n                      store.jogger.motionStream.rapidlyChangingMotionState\n                        .tcp_pose?.position?.[XYZ_TO_VECTOR[axis.id]] || 0,\n                    )\n                  }\n                  startJogging={(direction: \"-\" | \"+\") =>\n                    startCartesianJogging({\n                      axis: axis.id,\n                      motionType: \"translate\",\n                      direction,\n                    })\n                  }\n                  stopJogging={stopJogging}\n                />\n              ))}\n\n            {/* Cartesian rotate jogging */}\n            {store.selectedCartesianMotionType === \"rotate\" &&\n              axisList.map((axis) => (\n                <JoggingCartesianAxisControl\n                  key={axis.id}\n                  data-testid={`jogging-cartesian-axis-control-${axis.id}`}\n                  aria-label={`jogging-cartesian-axis-control-${axis.id}`}\n                  colors={axis.colors}\n                  disabled={store.isLocked}\n                  activeJoggingDirection={\n                    store.incrementJogInProgress?.axis === axis.id\n                      ? store.incrementJogInProgress.direction\n                      : undefined\n                  }\n                  label={\n                    <>\n                      <RotationIcon />\n                      <Typography\n                        sx={{\n                          fontSize: \"24px\",\n                          color:\n                            axis.colors?.labelColor ??\n                            theme.palette.text.primary,\n                        }}\n                      >\n                        {axis.id.toUpperCase()}\n                      </Typography>\n                    </>\n                  }\n                  getDisplayedValue={() =>\n                    formatDegrees(\n                      store.jogger.motionStream.rapidlyChangingMotionState\n                        .tcp_pose?.orientation?.[XYZ_TO_VECTOR[axis.id]] || 0,\n                    )\n                  }\n                  startJogging={(direction: \"-\" | \"+\") =>\n                    startCartesianJogging({\n                      axis: axis.id,\n                      motionType: \"rotate\",\n                      direction,\n                    })\n                  }\n                  stopJogging={stopJogging}\n                />\n              ))}\n          </Stack>\n        </Stack>\n\n        {/* Show message if joint limits reached */}\n        <JoggingJointLimitDetector store={store} />\n\n        {children && <Divider />}\n\n        {/* Custom content */}\n\n        {children}\n      </Stack>\n    )\n  },\n)\n"],"names":["JoggingCartesianTab","observer","store","children","t","useTranslation","theme","useTheme","onMotionTypeChange","_event","newMotionType","useReaction","runIncrementalCartesianJog","opts","increment","jogger","tcpPose","jointPosition","degreesToRadians","startCartesianJogging","stopJogging","getAxisColors","axisId","motionType","axisColors","axisList","XAxisIcon","YAxisIcon","ZAxisIcon","formatMM","value","formatDegrees","radiansToDegrees","jsxs","Stack","jsx","JoggingOptions","JoggingVelocitySlider","Divider","JoggingToggleButtonGroup","ToggleButton","axis","JoggingCartesianAxisControl","_a","Fragment","Typography","_b","XYZ_TO_VECTOR","direction","RotationIcon","JoggingJointLimitDetector"],"mappings":"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"}

package/dist/components/jogging/JoggingFreedriveTab.d.ts

@@ -1 +1,2 @@
 export declare const JoggingFreedriveTab: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JoggingFreedriveTab.d.ts.map

package/dist/components/jogging/JoggingFreedriveTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingFreedriveTab.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/JoggingFreedriveTab.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB,+CAM/B,CAAA"}

package/dist/components/jogging/JoggingJointLimitDetector.cjs

@@ -1 +1,2 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),g=require("@mui/material/Typography"),d=require("lodash-es/isEqual.js"),l=require("mobx-react-lite"),r=require("react"),u=require("react-i18next"),h=require("../utils/hooks.cjs"),j=l.observer(({store:t})=>{const{t:c}=u.useTranslation(),[n,s]=r.useState(t.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached),o=r.useRef(n);h.useAnimationFrame(()=>{const e=t.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached.limit_reached;d(o.current,e)||(o.current=e,s(e))});const i=[];for(const[e,a]of n.entries())a&&i.push(e);return m.jsx(g,{"data-testid":"jogging-joint-limit-detector","aria-label":"jogging-joint-limit-detector",color:"error",sx:{margin:"0.5rem 1rem",textAlign:"center",minHeight:"1.5rem",visibility:i.length?"visible":"hidden"},children:c("Jogging.JointLimitsReached.lb",{jointNumbers:i.map(e=>e+1).join(", ")})})});exports.JoggingJointLimitDetector=j;
+//# sourceMappingURL=JoggingJointLimitDetector.cjs.map

package/dist/components/jogging/JoggingJointLimitDetector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingJointLimitDetector.cjs","sources":["../../../src/components/jogging/JoggingJointLimitDetector.tsx"],"sourcesContent":["import Typography from \"@mui/material/Typography\"\nimport isEqual from \"lodash-es/isEqual.js\"\nimport { observer } from \"mobx-react-lite\"\nimport { useRef, useState } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport { useAnimationFrame } from \"../utils/hooks\"\nimport type { JoggingStore } from \"./JoggingStore\"\n\n/**\n * Monitors the active robot motion state and displays a message if\n * any joint limits are reached.\n */\nexport const JoggingJointLimitDetector = observer(\n  ({ store }: { store: JoggingStore }) => {\n    const { t } = useTranslation()\n\n    const [jointLimitsReached, setJointLimitsReached] = useState(\n      store.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached\n        .limit_reached,\n    )\n    const jointLimitsReachedRef = useRef(jointLimitsReached)\n\n    useAnimationFrame(() => {\n      const newLimitsReached =\n        store.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached\n          .limit_reached\n\n      if (!isEqual(jointLimitsReachedRef.current, newLimitsReached)) {\n        jointLimitsReachedRef.current = newLimitsReached\n        setJointLimitsReached(newLimitsReached)\n      }\n    })\n\n    const jointLimitReachedIndices: number[] = []\n    for (const [index, limitReached] of jointLimitsReached.entries()) {\n      if (limitReached) jointLimitReachedIndices.push(index)\n    }\n\n    return (\n      <Typography\n        data-testid=\"jogging-joint-limit-detector\"\n        aria-label=\"jogging-joint-limit-detector\"\n        color=\"error\"\n        sx={{\n          margin: \"0.5rem 1rem\",\n          textAlign: \"center\",\n          minHeight: \"1.5rem\",\n          visibility: jointLimitReachedIndices.length ? \"visible\" : \"hidden\",\n        }}\n      >\n        {t(\"Jogging.JointLimitsReached.lb\", {\n          jointNumbers: jointLimitReachedIndices.map((i) => i + 1).join(\", \"),\n        })}\n      </Typography>\n    )\n  },\n)\n"],"names":["JoggingJointLimitDetector","observer","store","t","useTranslation","jointLimitsReached","setJointLimitsReached","useState","jointLimitsReachedRef","useRef","useAnimationFrame","newLimitsReached","isEqual","jointLimitReachedIndices","index","limitReached","jsx","Typography","i"],"mappings":"wSAYaA,EAA4BC,EAAAA,SACvC,CAAC,CAAE,MAAAC,CAAA,IAAqC,CACtC,KAAM,CAAE,EAAAC,CAAA,EAAMC,iBAAA,EAER,CAACC,EAAoBC,CAAqB,EAAIC,EAAAA,SAClDL,EAAM,OAAO,aAAa,2BAA2B,oBAClD,aAAA,EAECM,EAAwBC,EAAAA,OAAOJ,CAAkB,EAEvDK,EAAAA,kBAAkB,IAAM,CACtB,MAAMC,EACJT,EAAM,OAAO,aAAa,2BAA2B,oBAClD,cAEAU,EAAQJ,EAAsB,QAASG,CAAgB,IAC1DH,EAAsB,QAAUG,EAChCL,EAAsBK,CAAgB,EAE1C,CAAC,EAED,MAAME,EAAqC,CAAA,EAC3C,SAAW,CAACC,EAAOC,CAAY,IAAKV,EAAmB,UACjDU,GAAcF,EAAyB,KAAKC,CAAK,EAGvD,OACEE,EAAAA,IAACC,EAAA,CACC,cAAY,+BACZ,aAAW,+BACX,MAAM,QACN,GAAI,CACF,OAAQ,cACR,UAAW,SACX,UAAW,SACX,WAAYJ,EAAyB,OAAS,UAAY,QAAA,EAG3D,WAAE,gCAAiC,CAClC,aAAcA,EAAyB,IAAKK,GAAMA,EAAI,CAAC,EAAE,KAAK,IAAI,CAAA,CACnE,CAAA,CAAA,CAGP,CACF"}

package/dist/components/jogging/JoggingJointLimitDetector.d.ts

@@ -8,3 +8,4 @@ export declare const JoggingJointLimitDetector: (({ store }: {
 }) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
+//# sourceMappingURL=JoggingJointLimitDetector.d.ts.map

package/dist/components/jogging/JoggingJointLimitDetector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingJointLimitDetector.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/JoggingJointLimitDetector.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAElD;;;GAGG;AACH,eAAO,MAAM,yBAAyB,eACxB;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE;;CA2CpC,CAAA"}

package/dist/components/jogging/JoggingJointLimitDetector.js

@@ -39,3 +39,4 @@ const y = d(
 export {
   y as JoggingJointLimitDetector
 };
+//# sourceMappingURL=JoggingJointLimitDetector.js.map

package/dist/components/jogging/JoggingJointLimitDetector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingJointLimitDetector.js","sources":["../../../src/components/jogging/JoggingJointLimitDetector.tsx"],"sourcesContent":["import Typography from \"@mui/material/Typography\"\nimport isEqual from \"lodash-es/isEqual.js\"\nimport { observer } from \"mobx-react-lite\"\nimport { useRef, useState } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport { useAnimationFrame } from \"../utils/hooks\"\nimport type { JoggingStore } from \"./JoggingStore\"\n\n/**\n * Monitors the active robot motion state and displays a message if\n * any joint limits are reached.\n */\nexport const JoggingJointLimitDetector = observer(\n  ({ store }: { store: JoggingStore }) => {\n    const { t } = useTranslation()\n\n    const [jointLimitsReached, setJointLimitsReached] = useState(\n      store.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached\n        .limit_reached,\n    )\n    const jointLimitsReachedRef = useRef(jointLimitsReached)\n\n    useAnimationFrame(() => {\n      const newLimitsReached =\n        store.jogger.motionStream.rapidlyChangingMotionState.joint_limit_reached\n          .limit_reached\n\n      if (!isEqual(jointLimitsReachedRef.current, newLimitsReached)) {\n        jointLimitsReachedRef.current = newLimitsReached\n        setJointLimitsReached(newLimitsReached)\n      }\n    })\n\n    const jointLimitReachedIndices: number[] = []\n    for (const [index, limitReached] of jointLimitsReached.entries()) {\n      if (limitReached) jointLimitReachedIndices.push(index)\n    }\n\n    return (\n      <Typography\n        data-testid=\"jogging-joint-limit-detector\"\n        aria-label=\"jogging-joint-limit-detector\"\n        color=\"error\"\n        sx={{\n          margin: \"0.5rem 1rem\",\n          textAlign: \"center\",\n          minHeight: \"1.5rem\",\n          visibility: jointLimitReachedIndices.length ? \"visible\" : \"hidden\",\n        }}\n      >\n        {t(\"Jogging.JointLimitsReached.lb\", {\n          jointNumbers: jointLimitReachedIndices.map((i) => i + 1).join(\", \"),\n        })}\n      </Typography>\n    )\n  },\n)\n"],"names":["JoggingJointLimitDetector","observer","store","t","useTranslation","jointLimitsReached","setJointLimitsReached","useState","jointLimitsReachedRef","useRef","useAnimationFrame","newLimitsReached","isEqual","jointLimitReachedIndices","index","limitReached","jsx","Typography"],"mappings":";;;;;;;AAYO,MAAMA,IAA4BC;AAAA,EACvC,CAAC,EAAE,OAAAC,EAAA,MAAqC;AACtC,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAER,CAACC,GAAoBC,CAAqB,IAAIC;AAAA,MAClDL,EAAM,OAAO,aAAa,2BAA2B,oBAClD;AAAA,IAAA,GAECM,IAAwBC,EAAOJ,CAAkB;AAEvD,IAAAK,EAAkB,MAAM;AACtB,YAAMC,IACJT,EAAM,OAAO,aAAa,2BAA2B,oBAClD;AAEL,MAAKU,EAAQJ,EAAsB,SAASG,CAAgB,MAC1DH,EAAsB,UAAUG,GAChCL,EAAsBK,CAAgB;AAAA,IAE1C,CAAC;AAED,UAAME,IAAqC,CAAA;AAC3C,eAAW,CAACC,GAAOC,CAAY,KAAKV,EAAmB;AACrD,MAAIU,KAAcF,EAAyB,KAAKC,CAAK;AAGvD,WACE,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,cAAW;AAAA,QACX,OAAM;AAAA,QACN,IAAI;AAAA,UACF,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,WAAW;AAAA,UACX,YAAYJ,EAAyB,SAAS,YAAY;AAAA,QAAA;AAAA,QAG3D,YAAE,iCAAiC;AAAA,UAClC,cAAcA,EAAyB,IAAI,CAAC,MAAM,IAAI,CAAC,EAAE,KAAK,IAAI;AAAA,QAAA,CACnE;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/components/jogging/JoggingJointTab.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("@mui/material/styles"),d=require("@mui/material/Divider"),g=require("@mui/material/Stack"),J=require("@mui/material/Typography"),a=require("@wandelbots/nova-js/v2"),x=require("mobx-react-lite"),y=require("./JoggingJointLimitDetector.cjs"),v=require("./JoggingJointValueControl.cjs"),b=require("./JoggingVelocitySlider.cjs"),w=x.observer(({store:i,children:r})=>{const c=m.useTheme();async function p(e){await i.activate(),await i.jogger.rotateJoints({joint:e.joint,direction:e.direction,velocityUnit:i.jointType===a.JointTypeEnum.PrismaticJoint?"mm/s":"rad/s",velocityValue:i.jointType===a.JointTypeEnum.PrismaticJoint?i.translationVelocityMmPerSec:i.rotationVelocityRadsPerSec})}async function j(){await i.jogger.stop(),await i.deactivate()}return t.jsxs(g,{"data-testid":"jogging-joint-tab","aria-label":"jogging-joint-tab",flexGrow:1,gap:2,sx:{padding:"18px 24px"},children:[t.jsx(b.JoggingVelocitySlider,{store:i,useDegree:i.jointType===a.JointTypeEnum.RevoluteJoint}),t.jsx(d,{}),t.jsx(g,{justifyContent:"center",alignItems:"stretch",sx:{flexGrow:"1"},children:t.jsx(g,{"data-testid":"jogging-joint-value-controls-wrapper","aria-label":"jogging-joint-value-controls-wrapper",alignItems:"center",gap:"24px",children:i.jogger.motionStream.joints.map(e=>{var s,l,u;const n=(u=(l=(s=i.motionGroupDescription.operation_limits.auto_limits)==null?void 0:s.joints)==null?void 0:l[e.index])==null?void 0:u.position;return t.jsxs(g,{"data-testid":`jogging-joint-value-control-${e.index}`,"aria-label":`jogging-joint-value-control-${e.index}`,direction:"row",alignItems:"center",justifyContent:"center",spacing:1.5,width:"100%",children:[i.showJointsLegend&&t.jsx(J,{color:i.isLocked?c.palette.text.disabled:c.palette.text.secondary,children:`G${e.index+1}`}),t.jsx(v.JoggingJointValueControl,{disabled:i.isLocked,lowerLimit:n==null?void 0:n.lower_limit,upperLimit:n==null?void 0:n.upper_limit,useDegree:i.jointType===a.JointTypeEnum.RevoluteJoint,getValue:()=>{const o=i.jogger.motionStream.rapidlyChangingMotionState.joint_position[e.index];return o!==void 0?o:void 0},startJogging:o=>p({joint:e.index,direction:o}),stopJogging:j})]},`joint-${e.index}`)})})}),t.jsx(y.JoggingJointLimitDetector,{store:i}),r&&t.jsx(d,{}),r]})});exports.JoggingJointTab=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),J=require("@mui/material/styles"),d=require("@mui/material/Divider"),a=require("@mui/material/Stack"),m=require("@mui/material/Typography"),g=require("@wandelbots/nova-js/v2"),x=require("mobx-react-lite"),y=require("./JoggingJointLimitDetector.cjs"),v=require("./JoggingJointValueControl.cjs"),b=require("./JoggingVelocitySlider.cjs"),w=x.observer(({store:i,children:r})=>{const c=J.useTheme();async function p(e){await i.activate(),await i.jogger.rotateJoints({joint:e.joint,direction:e.direction,velocityUnit:i.jointType===g.JointTypeEnum.PrismaticJoint?"mm/s":"rad/s",velocityValue:i.jointType===g.JointTypeEnum.PrismaticJoint?i.translationVelocityMmPerSec:i.rotationVelocityRadsPerSec})}async function j(){await i.jogger.stop(),await i.deactivate()}return t.jsxs(a,{"data-testid":"jogging-joint-tab","aria-label":"jogging-joint-tab",flexGrow:1,gap:2,sx:{padding:"18px 24px"},children:[t.jsx(b.JoggingVelocitySlider,{store:i,useDegree:i.jointType===g.JointTypeEnum.RevoluteJoint}),t.jsx(d,{}),t.jsx(a,{justifyContent:"center",alignItems:"stretch",sx:{flexGrow:"1"},children:t.jsx(a,{"data-testid":"jogging-joint-value-controls-wrapper","aria-label":"jogging-joint-value-controls-wrapper",alignItems:"center",gap:"24px",children:i.jogger.motionStream.joints.map(e=>{var l,s,u;const n=(u=(s=(l=i.motionGroupDescription.operation_limits.auto_limits)==null?void 0:l.joints)==null?void 0:s[e.index])==null?void 0:u.position;return t.jsxs(a,{"data-testid":`jogging-joint-value-control-${e.index}`,"aria-label":`jogging-joint-value-control-${e.index}`,direction:"row",alignItems:"center",justifyContent:"center",spacing:1.5,width:"100%",children:[i.showJointsLegend&&t.jsx(m,{color:i.isLocked?c.palette.text.disabled:c.palette.text.secondary,children:`G${e.index+1}`}),t.jsx(v.JoggingJointValueControl,{disabled:i.isLocked,lowerLimit:n==null?void 0:n.lower_limit,upperLimit:n==null?void 0:n.upper_limit,useDegree:i.jointType===g.JointTypeEnum.RevoluteJoint,getValue:()=>{const o=i.jogger.motionStream.rapidlyChangingMotionState.joint_position[e.index];return o!==void 0?o:void 0},startJogging:o=>p({joint:e.index,direction:o}),stopJogging:j})]},`joint-${e.index}`)})})}),t.jsx(y.JoggingJointLimitDetector,{store:i}),r&&t.jsx(d,{}),r]})});exports.JoggingJointTab=w;
+//# sourceMappingURL=JoggingJointTab.cjs.map

package/dist/components/jogging/JoggingJointTab.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingJointTab.cjs","sources":["../../../src/components/jogging/JoggingJointTab.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport Divider from \"@mui/material/Divider\"\nimport Stack from \"@mui/material/Stack\"\nimport Typography from \"@mui/material/Typography\"\nimport { JointTypeEnum } from \"@wandelbots/nova-js/v2\"\nimport { observer } from \"mobx-react-lite\"\nimport type { ReactNode } from \"react\"\nimport { JoggingJointLimitDetector } from \"./JoggingJointLimitDetector\"\nimport { JoggingJointValueControl } from \"./JoggingJointValueControl\"\nimport type { JoggingStore } from \"./JoggingStore\"\nimport { JoggingVelocitySlider } from \"./JoggingVelocitySlider\"\n\nexport const JoggingJointTab = observer(\n  ({ store, children }: { store: JoggingStore; children?: ReactNode }) => {\n    const theme = useTheme()\n    async function startJointJogging(opts: {\n      joint: number\n      direction: \"-\" | \"+\"\n    }) {\n      await store.activate()\n\n      await store.jogger.rotateJoints({\n        joint: opts.joint,\n        direction: opts.direction,\n        velocityUnit:\n          store.jointType === JointTypeEnum.PrismaticJoint ? \"mm/s\" : \"rad/s\",\n        velocityValue:\n          store.jointType === JointTypeEnum.PrismaticJoint\n            ? store.translationVelocityMmPerSec\n            : store.rotationVelocityRadsPerSec,\n      })\n    }\n\n    async function stopJointJogging() {\n      await store.jogger.stop()\n      await store.deactivate()\n    }\n\n    return (\n      <Stack\n        data-testid=\"jogging-joint-tab\"\n        aria-label=\"jogging-joint-tab\"\n        flexGrow={1}\n        gap={2}\n        sx={{ padding: \"18px 24px\" }}\n      >\n        <JoggingVelocitySlider\n          store={store}\n          useDegree={store.jointType === JointTypeEnum.RevoluteJoint}\n        />\n\n        <Divider />\n\n        <Stack\n          justifyContent=\"center\"\n          alignItems=\"stretch\"\n          sx={{ flexGrow: \"1\" }}\n        >\n          <Stack\n            data-testid=\"jogging-joint-value-controls-wrapper\"\n            aria-label=\"jogging-joint-value-controls-wrapper\"\n            alignItems=\"center\"\n            gap=\"24px\"\n          >\n            {store.jogger.motionStream.joints.map((joint) => {\n              const jointLimits =\n                store.motionGroupDescription.operation_limits.auto_limits\n                  ?.joints?.[joint.index]?.position\n\n              return (\n                <Stack\n                  key={`joint-${joint.index}`}\n                  data-testid={`jogging-joint-value-control-${joint.index}`}\n                  aria-label={`jogging-joint-value-control-${joint.index}`}\n                  direction=\"row\"\n                  alignItems=\"center\"\n                  justifyContent={\"center\"}\n                  spacing={1.5}\n                  width={\"100%\"}\n                >\n                  {store.showJointsLegend && (\n                    <Typography\n                      color={\n                        store.isLocked\n                          ? theme.palette.text.disabled\n                          : theme.palette.text.secondary\n                      }\n                    >\n                      {`G${joint.index + 1}`}\n                    </Typography>\n                  )}\n\n                  <JoggingJointValueControl\n                    disabled={store.isLocked}\n                    lowerLimit={jointLimits?.lower_limit}\n                    upperLimit={jointLimits?.upper_limit}\n                    useDegree={store.jointType === JointTypeEnum.RevoluteJoint}\n                    getValue={() => {\n                      const value =\n                        store.jogger.motionStream.rapidlyChangingMotionState\n                          .joint_position[joint.index]\n                      return value !== undefined ? value : undefined\n                    }}\n                    startJogging={(direction: \"-\" | \"+\") =>\n                      startJointJogging({\n                        joint: joint.index,\n                        direction,\n                      })\n                    }\n                    stopJogging={stopJointJogging}\n                  />\n                </Stack>\n              )\n            })}\n          </Stack>\n        </Stack>\n        <JoggingJointLimitDetector store={store} />\n\n        {children && <Divider />}\n\n        {/* Custom content */}\n        {children}\n      </Stack>\n    )\n  },\n)\n"],"names":["JoggingJointTab","observer","store","children","theme","useTheme","startJointJogging","opts","JointTypeEnum","stopJointJogging","jsxs","Stack","jsx","JoggingVelocitySlider","Divider","joint","jointLimits","_c","_b","_a","Typography","JoggingJointValueControl","value","direction","JoggingJointLimitDetector"],"mappings":"ocAYaA,EAAkBC,EAAAA,SAC7B,CAAC,CAAE,MAAAC,EAAO,SAAAC,KAA8D,CACtE,MAAMC,EAAQC,EAAAA,SAAA,EACd,eAAeC,EAAkBC,EAG9B,CACD,MAAML,EAAM,SAAA,EAEZ,MAAMA,EAAM,OAAO,aAAa,CAC9B,MAAOK,EAAK,MACZ,UAAWA,EAAK,UAChB,aACEL,EAAM,YAAcM,EAAAA,cAAc,eAAiB,OAAS,QAC9D,cACEN,EAAM,YAAcM,EAAAA,cAAc,eAC9BN,EAAM,4BACNA,EAAM,0BAAA,CACb,CACH,CAEA,eAAeO,GAAmB,CAChC,MAAMP,EAAM,OAAO,KAAA,EACnB,MAAMA,EAAM,WAAA,CACd,CAEA,OACEQ,EAAAA,KAACC,EAAA,CACC,cAAY,oBACZ,aAAW,oBACX,SAAU,EACV,IAAK,EACL,GAAI,CAAE,QAAS,WAAA,EAEf,SAAA,CAAAC,EAAAA,IAACC,EAAAA,sBAAA,CACC,MAAAX,EACA,UAAWA,EAAM,YAAcM,gBAAc,aAAA,CAAA,QAG9CM,EAAA,EAAQ,EAETF,EAAAA,IAACD,EAAA,CACC,eAAe,SACf,WAAW,UACX,GAAI,CAAE,SAAU,GAAA,EAEhB,SAAAC,EAAAA,IAACD,EAAA,CACC,cAAY,uCACZ,aAAW,uCACX,WAAW,SACX,IAAI,OAEH,WAAM,OAAO,aAAa,OAAO,IAAKI,GAAU,WAC/C,MAAMC,GACJC,GAAAC,GAAAC,EAAAjB,EAAM,uBAAuB,iBAAiB,cAA9C,YAAAiB,EACI,SADJ,YAAAD,EACaH,EAAM,SADnB,YAAAE,EAC2B,SAE7B,OACEP,EAAAA,KAACC,EAAA,CAEC,cAAa,+BAA+BI,EAAM,KAAK,GACvD,aAAY,+BAA+BA,EAAM,KAAK,GACtD,UAAU,MACV,WAAW,SACX,eAAgB,SAChB,QAAS,IACT,MAAO,OAEN,SAAA,CAAAb,EAAM,kBACLU,EAAAA,IAACQ,EAAA,CACC,MACElB,EAAM,SACFE,EAAM,QAAQ,KAAK,SACnBA,EAAM,QAAQ,KAAK,UAGxB,SAAA,IAAIW,EAAM,MAAQ,CAAC,EAAA,CAAA,EAIxBH,EAAAA,IAACS,EAAAA,yBAAA,CACC,SAAUnB,EAAM,SAChB,WAAYc,GAAA,YAAAA,EAAa,YACzB,WAAYA,GAAA,YAAAA,EAAa,YACzB,UAAWd,EAAM,YAAcM,EAAAA,cAAc,cAC7C,SAAU,IAAM,CACd,MAAMc,EACJpB,EAAM,OAAO,aAAa,2BACvB,eAAea,EAAM,KAAK,EAC/B,OAAOO,IAAU,OAAYA,EAAQ,MACvC,EACA,aAAeC,GACbjB,EAAkB,CAChB,MAAOS,EAAM,MACb,UAAAQ,CAAA,CACD,EAEH,YAAad,CAAA,CAAA,CACf,CAAA,EAvCK,SAASM,EAAM,KAAK,EAAA,CA0C/B,CAAC,CAAA,CAAA,CACH,CAAA,EAEFH,MAACY,EAAAA,2BAA0B,MAAAtB,EAAc,EAExCC,SAAaW,EAAA,EAAQ,EAGrBX,CAAA,CAAA,CAAA,CAGP,CACF"}

package/dist/components/jogging/JoggingJointTab.d.ts

@@ -6,3 +6,4 @@ export declare const JoggingJointTab: (({ store, children }: {
 }) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
+//# sourceMappingURL=JoggingJointTab.d.ts.map

package/dist/components/jogging/JoggingJointTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingJointTab.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/JoggingJointTab.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGlD,eAAO,MAAM,eAAe,yBACJ;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE;;CAgHpE,CAAA"}

package/dist/components/jogging/JoggingJointTab.js

@@ -111,3 +111,4 @@ const $ = y(
 export {
   $ as JoggingJointTab
 };
+//# sourceMappingURL=JoggingJointTab.js.map

package/dist/components/jogging/JoggingJointTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingJointTab.js","sources":["../../../src/components/jogging/JoggingJointTab.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport Divider from \"@mui/material/Divider\"\nimport Stack from \"@mui/material/Stack\"\nimport Typography from \"@mui/material/Typography\"\nimport { JointTypeEnum } from \"@wandelbots/nova-js/v2\"\nimport { observer } from \"mobx-react-lite\"\nimport type { ReactNode } from \"react\"\nimport { JoggingJointLimitDetector } from \"./JoggingJointLimitDetector\"\nimport { JoggingJointValueControl } from \"./JoggingJointValueControl\"\nimport type { JoggingStore } from \"./JoggingStore\"\nimport { JoggingVelocitySlider } from \"./JoggingVelocitySlider\"\n\nexport const JoggingJointTab = observer(\n  ({ store, children }: { store: JoggingStore; children?: ReactNode }) => {\n    const theme = useTheme()\n    async function startJointJogging(opts: {\n      joint: number\n      direction: \"-\" | \"+\"\n    }) {\n      await store.activate()\n\n      await store.jogger.rotateJoints({\n        joint: opts.joint,\n        direction: opts.direction,\n        velocityUnit:\n          store.jointType === JointTypeEnum.PrismaticJoint ? \"mm/s\" : \"rad/s\",\n        velocityValue:\n          store.jointType === JointTypeEnum.PrismaticJoint\n            ? store.translationVelocityMmPerSec\n            : store.rotationVelocityRadsPerSec,\n      })\n    }\n\n    async function stopJointJogging() {\n      await store.jogger.stop()\n      await store.deactivate()\n    }\n\n    return (\n      <Stack\n        data-testid=\"jogging-joint-tab\"\n        aria-label=\"jogging-joint-tab\"\n        flexGrow={1}\n        gap={2}\n        sx={{ padding: \"18px 24px\" }}\n      >\n        <JoggingVelocitySlider\n          store={store}\n          useDegree={store.jointType === JointTypeEnum.RevoluteJoint}\n        />\n\n        <Divider />\n\n        <Stack\n          justifyContent=\"center\"\n          alignItems=\"stretch\"\n          sx={{ flexGrow: \"1\" }}\n        >\n          <Stack\n            data-testid=\"jogging-joint-value-controls-wrapper\"\n            aria-label=\"jogging-joint-value-controls-wrapper\"\n            alignItems=\"center\"\n            gap=\"24px\"\n          >\n            {store.jogger.motionStream.joints.map((joint) => {\n              const jointLimits =\n                store.motionGroupDescription.operation_limits.auto_limits\n                  ?.joints?.[joint.index]?.position\n\n              return (\n                <Stack\n                  key={`joint-${joint.index}`}\n                  data-testid={`jogging-joint-value-control-${joint.index}`}\n                  aria-label={`jogging-joint-value-control-${joint.index}`}\n                  direction=\"row\"\n                  alignItems=\"center\"\n                  justifyContent={\"center\"}\n                  spacing={1.5}\n                  width={\"100%\"}\n                >\n                  {store.showJointsLegend && (\n                    <Typography\n                      color={\n                        store.isLocked\n                          ? theme.palette.text.disabled\n                          : theme.palette.text.secondary\n                      }\n                    >\n                      {`G${joint.index + 1}`}\n                    </Typography>\n                  )}\n\n                  <JoggingJointValueControl\n                    disabled={store.isLocked}\n                    lowerLimit={jointLimits?.lower_limit}\n                    upperLimit={jointLimits?.upper_limit}\n                    useDegree={store.jointType === JointTypeEnum.RevoluteJoint}\n                    getValue={() => {\n                      const value =\n                        store.jogger.motionStream.rapidlyChangingMotionState\n                          .joint_position[joint.index]\n                      return value !== undefined ? value : undefined\n                    }}\n                    startJogging={(direction: \"-\" | \"+\") =>\n                      startJointJogging({\n                        joint: joint.index,\n                        direction,\n                      })\n                    }\n                    stopJogging={stopJointJogging}\n                  />\n                </Stack>\n              )\n            })}\n          </Stack>\n        </Stack>\n        <JoggingJointLimitDetector store={store} />\n\n        {children && <Divider />}\n\n        {/* Custom content */}\n        {children}\n      </Stack>\n    )\n  },\n)\n"],"names":["JoggingJointTab","observer","store","children","theme","useTheme","startJointJogging","opts","JointTypeEnum","stopJointJogging","jsxs","Stack","jsx","JoggingVelocitySlider","Divider","joint","jointLimits","_c","_b","_a","Typography","JoggingJointValueControl","value","direction","JoggingJointLimitDetector"],"mappings":"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"}

package/dist/components/jogging/JoggingJointValueControl.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),$=require("@mui/icons-material/ChevronLeft"),U=require("@mui/icons-material/ChevronRight"),V=require("@mui/material/IconButton"),H=require("@mui/material/Slider"),z=require("@mui/material/Stack"),K=require("@mui/material/styles"),Q=require("@mui/material/Typography"),X=require("@wandelbots/nova-js"),Y=require("lodash-es/throttle.js"),D=require("mobx-react-lite"),Z=require("react"),L=require("react-i18next"),tt=require("../../chunks/externalizeComponent-DOwkaDcw.cjs"),et=require("../utils/hooks.cjs"),I=tt.externalizeComponent(D.observer(({startJogging:W,stopJogging:_,lowerLimit:r,upperLimit:i,useDegree:o,getValue:b,disabled:l,...B})=>{var J,m,k,P,C,q,y,S,j,E,M,R,w,N,T;const{t:h}=L.useTranslation(),[c,F]=Z.useState(),e=K.useTheme(),d={background:(J=e.palette.backgroundPaperElevation)==null?void 0:J[4],color:(m=e.palette.backgroundPaperElevation)==null?void 0:m[11]},s=D.useLocalObservable(()=>({activeJoggingDir:null,startJogging(t){this.activeJoggingDir=t,W(t)},stopJogging(){this.activeJoggingDir=null,_()}})),G=Y(()=>{const t=o?a(b()):b();(t===void 0||c===void 0||Math.abs(c-t)>1e-9)&&F(t)},50);et.useAnimationFrame(G);function a(t){if(t!==void 0)return X.radiansToDegrees(t)}function O(t){t.button===0&&s.startJogging("-")}function A(t){t.button===0&&s.startJogging("+")}function v(t){s.stopJogging()}function f(t){s.stopJogging()}function p(t,u=1){if(t===void 0||Number.isNaN(t))return"";const g=h("General.degree.variable",{amount:t.toFixed(u)});return t>0&&u===0?`+${g}`:g}function x(t,u=1){if(t===void 0||Number.isNaN(t))return"";const g=h("General.mm.variable",{amount:t.toFixed(u)});return t>0&&u===0?`+${g}`:g}return n.jsxs(z,{height:"64px",width:"100%",maxWidth:"260px",direction:"row",...B,sx:{"& .MuiIconButton-root":{width:"52px",color:e.palette.text.primary,alignContent:"center",backgroundColor:(k=e.palette.backgroundPaperElevation)==null?void 0:k[11],"& svg":{width:"42px",height:"42px"},"&.Mui-disabled":{backgroundColor:(P=e.palette.backgroundPaperElevation)==null?void 0:P[11],color:e.palette.action.disabled,opacity:1},"&:hover":{backgroundColor:(C=e.palette.backgroundPaperElevation)==null?void 0:C[9]},"&:active":{...d}}},children:[n.jsx(V,{onPointerDown:O,onPointerUp:v,onPointerOut:f,disabled:l,disableRipple:!0,sx:{borderRadius:"16px 0px 0px 16px",...s.activeJoggingDir==="-"?d:{}},children:n.jsx($,{sx:{pointerEvents:"none",color:(j=(S=(y=(q=e.componentsExt)==null?void 0:q.JoggingPanel)==null?void 0:y.JoggingJoint)==null?void 0:S.Joint)==null?void 0:j.arrowColor}})}),n.jsxs(z,{flexGrow:1,alignItems:"center",justifyContent:"center",sx:{borderStyle:"solid",borderLeftWidth:0,borderRightWidth:0,border:"none",backgroundColor:(E=e.palette.backgroundPaperElevation)==null?void 0:E[11],paddingLeft:"20px",paddingRight:"20px",zIndex:1},children:[n.jsx(Q,{sx:{fontSize:"15px",fontWeight:700,position:"relative",top:"5px",fontVariantNumeric:"tabular-nums",minWidth:"80px",textAlign:"center",color:l?e.palette.action.disabled:e.palette.text.primary},children:o?p(c):x(c)}),n.jsx(H,{disabled:!0,"aria-label":"Joint position",min:o?a(r):r,max:o?a(i):i,value:c||0,track:!1,sx:{"& .MuiSlider-mark":{display:"none"},"& .MuiSlider-thumb":{width:"5px",height:"12px",borderRadius:"2px",color:l?e.palette.action.disabled:e.palette.text.primary},"& .MuiSlider-markLabel":{top:"20px",fontSize:"12px",color:l?e.palette.action.disabled:e.palette.text.secondary},"& .MuiSlider-rail":{backgroundColor:(M=e.palette.backgroundPaperElevation)==null?void 0:M[5],opacity:1}},marks:r!==void 0&&i!==void 0&&[{value:o?a(r):r,label:o?p(a(r),0):x(r)},{value:o?a(i):i,label:o?p(a(i),0):x(i)}]})]}),n.jsx(V,{onPointerDown:A,onPointerUp:v,onPointerOut:f,disabled:l,disableRipple:!0,sx:{borderRadius:"0px 16px 16px 0px",...s.activeJoggingDir==="+"?d:{}},children:n.jsx(U,{sx:{pointerEvents:"none",color:(T=(N=(w=(R=e.componentsExt)==null?void 0:R.JoggingPanel)==null?void 0:w.JoggingJoint)==null?void 0:N.Joint)==null?void 0:T.arrowColor}})})]})}));exports.JoggingJointValueControl=I;exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),$=require("@mui/icons-material/ChevronLeft"),U=require("@mui/icons-material/ChevronRight"),V=require("@mui/material/IconButton"),H=require("@mui/material/Slider"),z=require("@mui/material/Stack"),K=require("@mui/material/styles"),Q=require("@mui/material/Typography"),X=require("@wandelbots/nova-js"),Y=require("lodash-es/throttle.js"),D=require("mobx-react-lite"),Z=require("react"),L=require("react-i18next"),tt=require("../../externalizeComponent.cjs"),et=require("../utils/hooks.cjs"),I=tt.externalizeComponent(D.observer(({startJogging:W,stopJogging:B,lowerLimit:r,upperLimit:i,useDegree:o,getValue:b,disabled:s,...F})=>{var J,m,k,P,C,q,y,S,j,E,M,R,w,N,T;const{t:h}=L.useTranslation(),[c,G]=Z.useState(),e=K.useTheme(),d={background:(J=e.palette.backgroundPaperElevation)==null?void 0:J[4],color:(m=e.palette.backgroundPaperElevation)==null?void 0:m[11]},l=D.useLocalObservable(()=>({activeJoggingDir:null,startJogging(t){this.activeJoggingDir=t,W(t)},stopJogging(){this.activeJoggingDir=null,B()}})),O=Y(()=>{const t=o?a(b()):b();(t===void 0||c===void 0||Math.abs(c-t)>1e-9)&&G(t)},50);et.useAnimationFrame(O);function a(t){if(t!==void 0)return X.radiansToDegrees(t)}function A(t){t.button===0&&l.startJogging("-")}function _(t){t.button===0&&l.startJogging("+")}function v(t){l.stopJogging()}function f(t){l.stopJogging()}function p(t,u=1){if(t===void 0||Number.isNaN(t))return"";const g=h("General.degree.variable",{amount:t.toFixed(u)});return t>0&&u===0?`+${g}`:g}function x(t,u=1){if(t===void 0||Number.isNaN(t))return"";const g=h("General.mm.variable",{amount:t.toFixed(u)});return t>0&&u===0?`+${g}`:g}return n.jsxs(z,{height:"64px",width:"100%",maxWidth:"260px",direction:"row",...F,sx:{"& .MuiIconButton-root":{width:"52px",color:e.palette.text.primary,alignContent:"center",backgroundColor:(k=e.palette.backgroundPaperElevation)==null?void 0:k[11],"& svg":{width:"42px",height:"42px"},"&.Mui-disabled":{backgroundColor:(P=e.palette.backgroundPaperElevation)==null?void 0:P[11],color:e.palette.action.disabled,opacity:1},"&:hover":{backgroundColor:(C=e.palette.backgroundPaperElevation)==null?void 0:C[9]},"&:active":{...d}}},children:[n.jsx(V,{onPointerDown:A,onPointerUp:v,onPointerOut:f,disabled:s,disableRipple:!0,sx:{borderRadius:"16px 0px 0px 16px",...l.activeJoggingDir==="-"?d:{}},children:n.jsx($,{sx:{pointerEvents:"none",color:(j=(S=(y=(q=e.componentsExt)==null?void 0:q.JoggingPanel)==null?void 0:y.JoggingJoint)==null?void 0:S.Joint)==null?void 0:j.arrowColor}})}),n.jsxs(z,{flexGrow:1,alignItems:"center",justifyContent:"center",sx:{borderStyle:"solid",borderLeftWidth:0,borderRightWidth:0,border:"none",backgroundColor:(E=e.palette.backgroundPaperElevation)==null?void 0:E[11],paddingLeft:"20px",paddingRight:"20px",zIndex:1},children:[n.jsx(Q,{sx:{fontSize:"15px",fontWeight:700,position:"relative",top:"5px",fontVariantNumeric:"tabular-nums",minWidth:"80px",textAlign:"center",color:s?e.palette.action.disabled:e.palette.text.primary},children:o?p(c):x(c)}),n.jsx(H,{disabled:!0,"aria-label":"Joint position",min:o?a(r):r,max:o?a(i):i,value:c||0,track:!1,sx:{"& .MuiSlider-mark":{display:"none"},"& .MuiSlider-thumb":{width:"5px",height:"12px",borderRadius:"2px",color:s?e.palette.action.disabled:e.palette.text.primary},"& .MuiSlider-markLabel":{top:"20px",fontSize:"12px",color:s?e.palette.action.disabled:e.palette.text.secondary},"& .MuiSlider-rail":{backgroundColor:(M=e.palette.backgroundPaperElevation)==null?void 0:M[5],opacity:1}},marks:r!==void 0&&i!==void 0&&[{value:o?a(r):r,label:o?p(a(r),0):x(r)},{value:o?a(i):i,label:o?p(a(i),0):x(i)}]})]}),n.jsx(V,{onPointerDown:_,onPointerUp:v,onPointerOut:f,disabled:s,disableRipple:!0,sx:{borderRadius:"0px 16px 16px 0px",...l.activeJoggingDir==="+"?d:{}},children:n.jsx(U,{sx:{pointerEvents:"none",color:(T=(N=(w=(R=e.componentsExt)==null?void 0:R.JoggingPanel)==null?void 0:w.JoggingJoint)==null?void 0:N.Joint)==null?void 0:T.arrowColor}})})]})}));exports.JoggingJointValueControl=I;exports.default=I;
+//# sourceMappingURL=JoggingJointValueControl.cjs.map

package/dist/components/jogging/JoggingJointValueControl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingJointValueControl.cjs","sources":["../../../src/components/jogging/JoggingJointValueControl.tsx"],"sourcesContent":["import ChevronLeft from \"@mui/icons-material/ChevronLeft\"\nimport ChevronRight from \"@mui/icons-material/ChevronRight\"\nimport IconButton from \"@mui/material/IconButton\"\nimport Slider from \"@mui/material/Slider\"\nimport Stack from \"@mui/material/Stack\"\nimport { useTheme } from \"@mui/material/styles\"\nimport Typography from \"@mui/material/Typography\"\nimport { radiansToDegrees } from \"@wandelbots/nova-js\"\nimport throttle from \"lodash-es/throttle.js\"\nimport { observer, useLocalObservable } from \"mobx-react-lite\"\nimport { useState } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport { externalizeComponent } from \"../../externalizeComponent\"\nimport { useAnimationFrame } from \"../utils/hooks\"\n\ntype JoggingJointValueControlProps = {\n  startJogging: (direction: \"-\" | \"+\") => void\n  stopJogging: () => void\n  lowerLimit?: number\n  upperLimit?: number\n  useDegree: boolean\n  getValue: () => number | undefined\n  disabled?: boolean\n} & React.ComponentProps<typeof Stack>\n\n/** A input widget to control an individual joint */\nexport const JoggingJointValueControl = externalizeComponent(\n  observer(\n    ({\n      startJogging,\n      stopJogging,\n      lowerLimit,\n      upperLimit,\n      useDegree,\n      getValue,\n      disabled,\n      ...rest\n    }: JoggingJointValueControlProps) => {\n      const { t } = useTranslation()\n      const [currentValue, setCurrentValue] = useState<number | undefined>()\n      const theme = useTheme()\n\n      const pressedButtonStyle = {\n        background: theme.palette.backgroundPaperElevation?.[4],\n        color: theme.palette.backgroundPaperElevation?.[11],\n      }\n\n      const state = useLocalObservable(() => ({\n        activeJoggingDir: null as \"-\" | \"+\" | null,\n\n        startJogging(dir: \"-\" | \"+\") {\n          this.activeJoggingDir = dir\n          startJogging(dir)\n        },\n\n        stopJogging() {\n          this.activeJoggingDir = null\n          stopJogging()\n        },\n      }))\n\n      const updateValue = throttle(() => {\n        const newValue = useDegree ? convertToDegree(getValue()) : getValue()\n        if (\n          newValue === undefined ||\n          currentValue === undefined ||\n          Math.abs(currentValue - newValue) > 1e-9\n        ) {\n          setCurrentValue(newValue)\n        }\n      }, 50)\n\n      useAnimationFrame(updateValue)\n\n      function convertToDegree(value: number | undefined) {\n        if (value === undefined) {\n          return undefined\n        }\n        return radiansToDegrees(value)\n      }\n\n      function onPointerDownMinus(ev: React.PointerEvent) {\n        // Stop right click from triggering jog\n        if (ev.button === 0) state.startJogging(\"-\")\n      }\n\n      function onPointerDownPlus(ev: React.PointerEvent) {\n        if (ev.button === 0) state.startJogging(\"+\")\n      }\n\n      function onPointerUp(ev: React.PointerEvent) {\n        state.stopJogging()\n      }\n\n      function onPointerOut(ev: React.PointerEvent) {\n        state.stopJogging()\n      }\n\n      function formatDegrees(value: number | undefined, precision = 1) {\n        if (value === undefined || Number.isNaN(value)) return \"\"\n\n        const output = t(\"General.degree.variable\", {\n          amount: value.toFixed(precision),\n        })\n\n        if (value > 0 && precision === 0) {\n          return `+${output}`\n        } else {\n          return output\n        }\n      }\n      function formatMm(value: number | undefined, precision = 1) {\n        if (value === undefined || Number.isNaN(value)) return \"\"\n\n        const output = t(\"General.mm.variable\", {\n          amount: value.toFixed(precision),\n        })\n\n        if (value > 0 && precision === 0) {\n          return `+${output}`\n        } else {\n          return output\n        }\n      }\n\n      return (\n        <Stack\n          height=\"64px\"\n          width=\"100%\"\n          maxWidth=\"260px\"\n          direction=\"row\"\n          {...rest}\n          sx={{\n            \"& .MuiIconButton-root\": {\n              width: \"52px\",\n              color: theme.palette.text.primary,\n              alignContent: \"center\",\n              backgroundColor: theme.palette.backgroundPaperElevation?.[11],\n              \"& svg\": {\n                width: \"42px\",\n                height: \"42px\",\n              },\n\n              \"&.Mui-disabled\": {\n                backgroundColor: theme.palette.backgroundPaperElevation?.[11],\n                color: theme.palette.action.disabled,\n                opacity: 1,\n              },\n              \"&:hover\": {\n                backgroundColor: theme.palette.backgroundPaperElevation?.[9],\n              },\n              \"&:active\": {\n                ...pressedButtonStyle,\n              },\n            },\n          }}\n        >\n          <IconButton\n            onPointerDown={onPointerDownMinus}\n            onPointerUp={onPointerUp}\n            onPointerOut={onPointerOut}\n            disabled={disabled}\n            disableRipple\n            sx={{\n              borderRadius: \"16px 0px 0px 16px\",\n              ...(state.activeJoggingDir === \"-\" ? pressedButtonStyle : {}),\n            }}\n          >\n            <ChevronLeft\n              sx={{\n                pointerEvents: \"none\",\n                color:\n                  theme.componentsExt?.JoggingPanel?.JoggingJoint?.Joint\n                    ?.arrowColor,\n              }}\n            />\n          </IconButton>\n\n          <Stack\n            flexGrow={1}\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            sx={{\n              borderStyle: \"solid\",\n              borderLeftWidth: 0,\n              borderRightWidth: 0,\n              border: \"none\",\n              backgroundColor: theme.palette.backgroundPaperElevation?.[11],\n              paddingLeft: \"20px\",\n              paddingRight: \"20px\",\n              zIndex: 1,\n            }}\n          >\n            <Typography\n              sx={{\n                fontSize: \"15px\",\n                fontWeight: 700,\n                position: \"relative\",\n                top: \"5px\",\n                fontVariantNumeric: \"tabular-nums\",\n                minWidth: \"80px\",\n                textAlign: \"center\",\n\n                color: disabled\n                  ? theme.palette.action.disabled\n                  : theme.palette.text.primary,\n              }}\n            >\n              {useDegree ? formatDegrees(currentValue) : formatMm(currentValue)}\n            </Typography>\n\n            <Slider\n              disabled\n              aria-label=\"Joint position\"\n              min={useDegree ? convertToDegree(lowerLimit) : lowerLimit}\n              max={useDegree ? convertToDegree(upperLimit) : upperLimit}\n              value={currentValue || 0}\n              track={false}\n              sx={{\n                \"& .MuiSlider-mark\": {\n                  display: \"none\",\n                },\n                \"& .MuiSlider-thumb\": {\n                  width: \"5px\",\n                  height: \"12px\",\n                  borderRadius: \"2px\",\n                  color: disabled\n                    ? theme.palette.action.disabled\n                    : theme.palette.text.primary,\n                },\n                \"& .MuiSlider-markLabel\": {\n                  top: \"20px\",\n                  fontSize: \"12px\",\n                  color: disabled\n                    ? theme.palette.action.disabled\n                    : theme.palette.text.secondary,\n                },\n                \"& .MuiSlider-rail\": {\n                  backgroundColor: theme.palette.backgroundPaperElevation?.[5],\n                  opacity: 1,\n                },\n              }}\n              marks={\n                lowerLimit !== undefined &&\n                upperLimit !== undefined && [\n                  {\n                    value: (useDegree\n                      ? convertToDegree(lowerLimit)\n                      : lowerLimit) as number,\n                    label: useDegree\n                      ? formatDegrees(convertToDegree(lowerLimit), 0)\n                      : formatMm(lowerLimit),\n                  },\n                  {\n                    value: (useDegree\n                      ? convertToDegree(upperLimit)\n                      : upperLimit) as number,\n                    label: useDegree\n                      ? formatDegrees(convertToDegree(upperLimit), 0)\n                      : formatMm(upperLimit),\n                  },\n                ]\n              }\n            />\n          </Stack>\n\n          <IconButton\n            onPointerDown={onPointerDownPlus}\n            onPointerUp={onPointerUp}\n            onPointerOut={onPointerOut}\n            disabled={disabled}\n            disableRipple\n            sx={{\n              borderRadius: \"0px 16px 16px 0px\",\n              ...(state.activeJoggingDir === \"+\" ? pressedButtonStyle : {}),\n            }}\n          >\n            <ChevronRight\n              sx={{\n                pointerEvents: \"none\",\n                color:\n                  theme.componentsExt?.JoggingPanel?.JoggingJoint?.Joint\n                    ?.arrowColor,\n              }}\n            />\n          </IconButton>\n        </Stack>\n      )\n    },\n  ),\n)\n\nexport default JoggingJointValueControl\n"],"names":["JoggingJointValueControl","externalizeComponent","observer","startJogging","stopJogging","lowerLimit","upperLimit","useDegree","getValue","disabled","rest","t","useTranslation","currentValue","setCurrentValue","useState","theme","useTheme","pressedButtonStyle","_a","_b","state","useLocalObservable","dir","updateValue","throttle","newValue","convertToDegree","useAnimationFrame","value","radiansToDegrees","onPointerDownMinus","ev","onPointerDownPlus","onPointerUp","onPointerOut","formatDegrees","precision","output","formatMm","jsxs","Stack","_c","_d","_e","jsx","IconButton","ChevronLeft","_i","_h","_g","_f","_j","Typography","Slider","_k","ChevronRight","_o","_n","_m","_l"],"mappings":"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"}

package/dist/components/jogging/JoggingJointValueControl.d.ts

@@ -13,3 +13,4 @@ export declare const JoggingJointValueControl: (({ startJogging, stopJogging, lo
     displayName: string;
 };
 export default JoggingJointValueControl;
+//# sourceMappingURL=JoggingJointValueControl.d.ts.map

package/dist/components/jogging/JoggingJointValueControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingJointValueControl.d.ts","sourceRoot":"","sources":["../../../src/components/jogging/JoggingJointValueControl.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,qBAAqB,CAAA;AAWvC,KAAK,6BAA6B,GAAG;IACnC,YAAY,EAAE,CAAC,SAAS,EAAE,GAAG,GAAG,GAAG,KAAK,IAAI,CAAA;IAC5C,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAA;AAEtC,oDAAoD;AACpD,eAAO,MAAM,wBAAwB,mGAW9B,6BAA6B;;CA6PnC,CAAA;AAED,eAAe,wBAAwB,CAAA"}

package/dist/components/jogging/JoggingJointValueControl.js

@@ -11,7 +11,7 @@ import Y from "lodash-es/throttle.js";
 import { observer as Z, useLocalObservable as _ } from "mobx-react-lite";
 import { useState as L } from "react";
 import { useTranslation as oo } from "react-i18next";
-import { e as to } from "../../chunks/externalizeComponent-eiCc5DIh.js";
+import { externalizeComponent as to } from "../../externalizeComponent.js";
 import { useAnimationFrame as no } from "../utils/hooks.js";
 const vo = to(
   Z(
@@ -237,3 +237,4 @@ export {
   vo as JoggingJointValueControl,
   vo as default
 };
+//# sourceMappingURL=JoggingJointValueControl.js.map

package/dist/components/jogging/JoggingJointValueControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JoggingJointValueControl.js","sources":["../../../src/components/jogging/JoggingJointValueControl.tsx"],"sourcesContent":["import ChevronLeft from \"@mui/icons-material/ChevronLeft\"\nimport ChevronRight from \"@mui/icons-material/ChevronRight\"\nimport IconButton from \"@mui/material/IconButton\"\nimport Slider from \"@mui/material/Slider\"\nimport Stack from \"@mui/material/Stack\"\nimport { useTheme } from \"@mui/material/styles\"\nimport Typography from \"@mui/material/Typography\"\nimport { radiansToDegrees } from \"@wandelbots/nova-js\"\nimport throttle from \"lodash-es/throttle.js\"\nimport { observer, useLocalObservable } from \"mobx-react-lite\"\nimport { useState } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport { externalizeComponent } from \"../../externalizeComponent\"\nimport { useAnimationFrame } from \"../utils/hooks\"\n\ntype JoggingJointValueControlProps = {\n  startJogging: (direction: \"-\" | \"+\") => void\n  stopJogging: () => void\n  lowerLimit?: number\n  upperLimit?: number\n  useDegree: boolean\n  getValue: () => number | undefined\n  disabled?: boolean\n} & React.ComponentProps<typeof Stack>\n\n/** A input widget to control an individual joint */\nexport const JoggingJointValueControl = externalizeComponent(\n  observer(\n    ({\n      startJogging,\n      stopJogging,\n      lowerLimit,\n      upperLimit,\n      useDegree,\n      getValue,\n      disabled,\n      ...rest\n    }: JoggingJointValueControlProps) => {\n      const { t } = useTranslation()\n      const [currentValue, setCurrentValue] = useState<number | undefined>()\n      const theme = useTheme()\n\n      const pressedButtonStyle = {\n        background: theme.palette.backgroundPaperElevation?.[4],\n        color: theme.palette.backgroundPaperElevation?.[11],\n      }\n\n      const state = useLocalObservable(() => ({\n        activeJoggingDir: null as \"-\" | \"+\" | null,\n\n        startJogging(dir: \"-\" | \"+\") {\n          this.activeJoggingDir = dir\n          startJogging(dir)\n        },\n\n        stopJogging() {\n          this.activeJoggingDir = null\n          stopJogging()\n        },\n      }))\n\n      const updateValue = throttle(() => {\n        const newValue = useDegree ? convertToDegree(getValue()) : getValue()\n        if (\n          newValue === undefined ||\n          currentValue === undefined ||\n          Math.abs(currentValue - newValue) > 1e-9\n        ) {\n          setCurrentValue(newValue)\n        }\n      }, 50)\n\n      useAnimationFrame(updateValue)\n\n      function convertToDegree(value: number | undefined) {\n        if (value === undefined) {\n          return undefined\n        }\n        return radiansToDegrees(value)\n      }\n\n      function onPointerDownMinus(ev: React.PointerEvent) {\n        // Stop right click from triggering jog\n        if (ev.button === 0) state.startJogging(\"-\")\n      }\n\n      function onPointerDownPlus(ev: React.PointerEvent) {\n        if (ev.button === 0) state.startJogging(\"+\")\n      }\n\n      function onPointerUp(ev: React.PointerEvent) {\n        state.stopJogging()\n      }\n\n      function onPointerOut(ev: React.PointerEvent) {\n        state.stopJogging()\n      }\n\n      function formatDegrees(value: number | undefined, precision = 1) {\n        if (value === undefined || Number.isNaN(value)) return \"\"\n\n        const output = t(\"General.degree.variable\", {\n          amount: value.toFixed(precision),\n        })\n\n        if (value > 0 && precision === 0) {\n          return `+${output}`\n        } else {\n          return output\n        }\n      }\n      function formatMm(value: number | undefined, precision = 1) {\n        if (value === undefined || Number.isNaN(value)) return \"\"\n\n        const output = t(\"General.mm.variable\", {\n          amount: value.toFixed(precision),\n        })\n\n        if (value > 0 && precision === 0) {\n          return `+${output}`\n        } else {\n          return output\n        }\n      }\n\n      return (\n        <Stack\n          height=\"64px\"\n          width=\"100%\"\n          maxWidth=\"260px\"\n          direction=\"row\"\n          {...rest}\n          sx={{\n            \"& .MuiIconButton-root\": {\n              width: \"52px\",\n              color: theme.palette.text.primary,\n              alignContent: \"center\",\n              backgroundColor: theme.palette.backgroundPaperElevation?.[11],\n              \"& svg\": {\n                width: \"42px\",\n                height: \"42px\",\n              },\n\n              \"&.Mui-disabled\": {\n                backgroundColor: theme.palette.backgroundPaperElevation?.[11],\n                color: theme.palette.action.disabled,\n                opacity: 1,\n              },\n              \"&:hover\": {\n                backgroundColor: theme.palette.backgroundPaperElevation?.[9],\n              },\n              \"&:active\": {\n                ...pressedButtonStyle,\n              },\n            },\n          }}\n        >\n          <IconButton\n            onPointerDown={onPointerDownMinus}\n            onPointerUp={onPointerUp}\n            onPointerOut={onPointerOut}\n            disabled={disabled}\n            disableRipple\n            sx={{\n              borderRadius: \"16px 0px 0px 16px\",\n              ...(state.activeJoggingDir === \"-\" ? pressedButtonStyle : {}),\n            }}\n          >\n            <ChevronLeft\n              sx={{\n                pointerEvents: \"none\",\n                color:\n                  theme.componentsExt?.JoggingPanel?.JoggingJoint?.Joint\n                    ?.arrowColor,\n              }}\n            />\n          </IconButton>\n\n          <Stack\n            flexGrow={1}\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            sx={{\n              borderStyle: \"solid\",\n              borderLeftWidth: 0,\n              borderRightWidth: 0,\n              border: \"none\",\n              backgroundColor: theme.palette.backgroundPaperElevation?.[11],\n              paddingLeft: \"20px\",\n              paddingRight: \"20px\",\n              zIndex: 1,\n            }}\n          >\n            <Typography\n              sx={{\n                fontSize: \"15px\",\n                fontWeight: 700,\n                position: \"relative\",\n                top: \"5px\",\n                fontVariantNumeric: \"tabular-nums\",\n                minWidth: \"80px\",\n                textAlign: \"center\",\n\n                color: disabled\n                  ? theme.palette.action.disabled\n                  : theme.palette.text.primary,\n              }}\n            >\n              {useDegree ? formatDegrees(currentValue) : formatMm(currentValue)}\n            </Typography>\n\n            <Slider\n              disabled\n              aria-label=\"Joint position\"\n              min={useDegree ? convertToDegree(lowerLimit) : lowerLimit}\n              max={useDegree ? convertToDegree(upperLimit) : upperLimit}\n              value={currentValue || 0}\n              track={false}\n              sx={{\n                \"& .MuiSlider-mark\": {\n                  display: \"none\",\n                },\n                \"& .MuiSlider-thumb\": {\n                  width: \"5px\",\n                  height: \"12px\",\n                  borderRadius: \"2px\",\n                  color: disabled\n                    ? theme.palette.action.disabled\n                    : theme.palette.text.primary,\n                },\n                \"& .MuiSlider-markLabel\": {\n                  top: \"20px\",\n                  fontSize: \"12px\",\n                  color: disabled\n                    ? theme.palette.action.disabled\n                    : theme.palette.text.secondary,\n                },\n                \"& .MuiSlider-rail\": {\n                  backgroundColor: theme.palette.backgroundPaperElevation?.[5],\n                  opacity: 1,\n                },\n              }}\n              marks={\n                lowerLimit !== undefined &&\n                upperLimit !== undefined && [\n                  {\n                    value: (useDegree\n                      ? convertToDegree(lowerLimit)\n                      : lowerLimit) as number,\n                    label: useDegree\n                      ? formatDegrees(convertToDegree(lowerLimit), 0)\n                      : formatMm(lowerLimit),\n                  },\n                  {\n                    value: (useDegree\n                      ? convertToDegree(upperLimit)\n                      : upperLimit) as number,\n                    label: useDegree\n                      ? formatDegrees(convertToDegree(upperLimit), 0)\n                      : formatMm(upperLimit),\n                  },\n                ]\n              }\n            />\n          </Stack>\n\n          <IconButton\n            onPointerDown={onPointerDownPlus}\n            onPointerUp={onPointerUp}\n            onPointerOut={onPointerOut}\n            disabled={disabled}\n            disableRipple\n            sx={{\n              borderRadius: \"0px 16px 16px 0px\",\n              ...(state.activeJoggingDir === \"+\" ? pressedButtonStyle : {}),\n            }}\n          >\n            <ChevronRight\n              sx={{\n                pointerEvents: \"none\",\n                color:\n                  theme.componentsExt?.JoggingPanel?.JoggingJoint?.Joint\n                    ?.arrowColor,\n              }}\n            />\n          </IconButton>\n        </Stack>\n      )\n    },\n  ),\n)\n\nexport default JoggingJointValueControl\n"],"names":["JoggingJointValueControl","externalizeComponent","observer","startJogging","stopJogging","lowerLimit","upperLimit","useDegree","getValue","disabled","rest","t","useTranslation","currentValue","setCurrentValue","useState","theme","useTheme","pressedButtonStyle","_a","_b","state","useLocalObservable","dir","updateValue","throttle","newValue","convertToDegree","useAnimationFrame","value","radiansToDegrees","onPointerDownMinus","ev","onPointerDownPlus","onPointerUp","onPointerOut","formatDegrees","precision","output","formatMm","jsxs","Stack","_c","_d","_e","jsx","IconButton","ChevronLeft","_i","_h","_g","_f","_j","Typography","Slider","_k","ChevronRight","_o","_n","_m","_l"],"mappings":"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"}

package/dist/components/jogging/JoggingOptions.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("@mui/material/Box"),o=require("@mui/material/MenuItem"),m=require("mobx-react-lite"),p=require("react"),h=require("react-i18next"),s=require("../experimental/utils/AdornedSelect.cjs"),b=require("./JoggingStore.cjs"),j=m.observer(({store:n,useDegree:g})=>{var d;const{t:l}=h.useTranslation(),a=p.useId(),i=[];function u(e){switch(e){case"coordsys":return l("Jogging.Orientation.coordsys");case"tool":return l("Jogging.Orientation.tool");default:return e}}return n.showCoordSystemSelect&&i.push(t.jsx(s.default,{labelId:`jogging-coord-select-${a}`,labelValue:l("Jogging.CoordinateSystem.hlb"),value:n.selectedCoordSystemId,size:"small",variant:"filled",displayEmpty:!0,onChange:e=>n.setSelectedCoordSystemId(e.target.value),disabled:n.isLocked,children:n.coordSystems.map(e=>t.jsx(o,{value:e.coordinate_system,children:e.name&&n.coordSystemCountByName[e.name]>1?`${e.name} / ${e.coordinate_system}`:e.name||e.coordinate_system},e.coordinate_system))},"coord")),n.showTcpSelect&&i.push(t.jsx(s.default,{labelId:`jogging-tcp-select-${a}`,labelValue:"TCP",value:n.selectedTcpId,size:"small",variant:"filled",onChange:e=>n.setSelectedTcpId(e.target.value),disabled:n.isLocked,children:n.tcps.map(e=>t.jsx(o,{value:e.id,children:e.id},e.id))},"tcp")),n.showOrientationSelect&&i.push(t.jsx(s.default,{labelValue:l("Jogging.Cartesian.Orientation.lb"),labelId:`orientation-select-${a}`,value:n.selectedOrientation,onChange:e=>n.setSelectedOrientation(e.target.value),disabled:n.isLocked,children:b.ORIENTATION_IDS.map(e=>t.jsx(o,{value:e,children:u(e)},e))},"orientation")),n.showIncrementSelect&&i.push(t.jsxs(s.default,{labelValue:l("Jogging.Increment.hlb"),labelId:`jogging-increment-select-${a}`,size:"small",variant:"filled",value:((d=n.activeDiscreteIncrement)==null?void 0:d.id)||"continuous",onChange:e=>n.setSelectedIncrementId(e.target.value),disabled:n.isLocked,children:[t.jsx(o,{value:"continuous",children:l("Jogging.Increment.Continuous.dd")},"continuous"),n.selectedOrientation==="tool"?null:n.discreteIncrementOptions.map(e=>t.jsx(o,{value:e.id,children:g?`${e.degrees}°`:`${e.mm}mm`},e.id))]},"increment")),t.jsx(r,{component:"div","data-testid":"jogging-options","aria-label":"jogging-options",sx:{display:"grid",gap:"16px",gridTemplateColumns:"1fr 1fr",gridAutoRows:"min-content","& label":{opacity:.7,fontSize:"12px",marginBottom:"4px"}},children:i.map((e,c)=>t.jsx(r,{sx:{gridColumn:i.length%2===1&&c===i.length-1?"span 2":"auto"},children:e},c))})});exports.JoggingOptions=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("@mui/material/Box"),a=require("@mui/material/MenuItem"),m=require("mobx-react-lite"),p=require("react"),h=require("react-i18next"),d=require("../experimental/utils/AdornedSelect.cjs"),b=require("./JoggingStore.cjs"),v=m.observer(({store:n,useDegree:g})=>{var s;const{t:l}=h.useTranslation(),o=p.useId(),i=[];function u(e){switch(e){case"coordsys":return l("Jogging.Orientation.coordsys");case"tool":return l("Jogging.Orientation.tool");default:return e}}return n.showCoordSystemSelect&&i.push(t.jsx(d.default,{labelId:`jogging-coord-select-${o}`,labelValue:l("Jogging.CoordinateSystem.hlb"),value:n.selectedCoordSystemId,size:"small",variant:"filled",displayEmpty:!0,onChange:e=>n.setSelectedCoordSystemId(e.target.value),disabled:n.isLocked,children:n.coordSystems.map(e=>t.jsx(a,{value:e.coordinate_system,children:e.name&&n.coordSystemCountByName[e.name]>1?`${e.name} / ${e.coordinate_system}`:e.name||e.coordinate_system},e.coordinate_system))},"coord")),n.showTcpSelect&&i.push(t.jsx(d.default,{labelId:`jogging-tcp-select-${o}`,labelValue:"TCP",value:n.selectedTcpId,size:"small",variant:"filled",onChange:e=>n.setSelectedTcpId(e.target.value),disabled:n.isLocked,children:n.tcps.map(e=>t.jsx(a,{value:e.id,children:e.id},e.id))},"tcp")),n.showOrientationSelect&&i.push(t.jsx(d.default,{labelValue:l("Jogging.Cartesian.Orientation.lb"),labelId:`orientation-select-${o}`,value:n.selectedOrientation,onChange:e=>n.setSelectedOrientation(e.target.value),disabled:n.isLocked,children:b.ORIENTATION_IDS.map(e=>t.jsx(a,{value:e,children:u(e)},e))},"orientation")),n.showIncrementSelect&&i.push(t.jsxs(d.default,{labelValue:l("Jogging.Increment.hlb"),labelId:`jogging-increment-select-${o}`,size:"small",variant:"filled",value:((s=n.activeDiscreteIncrement)==null?void 0:s.id)||"continuous",onChange:e=>n.setSelectedIncrementId(e.target.value),disabled:n.isLocked,children:[t.jsx(a,{value:"continuous",children:l("Jogging.Increment.Continuous.dd")},"continuous"),n.selectedOrientation==="tool"?null:n.discreteIncrementOptions.map(e=>t.jsx(a,{value:e.id,children:g?`${e.degrees}°`:`${e.mm}mm`},e.id))]},"increment")),t.jsx(r,{component:"div","data-testid":"jogging-options","aria-label":"jogging-options",sx:{display:"grid",gap:"16px",gridTemplateColumns:"1fr 1fr",gridAutoRows:"min-content","& label":{opacity:.7,fontSize:"12px",marginBottom:"4px"}},children:i.map((e,c)=>t.jsx(r,{sx:{gridColumn:i.length%2===1&&c===i.length-1?"span 2":"auto"},children:e},c))})});exports.JoggingOptions=v;
+//# sourceMappingURL=JoggingOptions.cjs.map