@ohif/app 3.9.0-beta.110 → 3.9.0-beta.111

package/dist/{1185.bundle.bd20dd033687e5122b08.js → 1185.bundle.3498181e4f469f413a4c.js}

@@ -983,8 +983,8 @@ function initWADOImageLoader(userAuthenticationService, appConfig, extensionMana
 function destroy() {
   console.debug('Destroying WADO Image Loader');
 }
-// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 112 modules
-var default_src = __webpack_require__(49212);
+// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 114 modules
+var default_src = __webpack_require__(71520);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/state.ts
 var state = __webpack_require__(71353);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/utils/getActiveViewportEnabledElement.ts
@@ -4583,6 +4583,9 @@ const connectMeasurementServiceToTools = (measurementService, cornerstoneViewpor
       }
       removeAnnotation(uid);
     }
+
+    // trigger a render
+    cornerstoneViewportService.getRenderingEngine().render();
   });
   measurementService.subscribe(MEASUREMENT_UPDATED, ({
     source,
@@ -11117,6 +11120,9 @@ class SyncGroupService {
         id = type
       } = syncGroupObj;
       const synchronizer = this._getOrCreateSynchronizer(type, id, options);
+      if (!synchronizer) {
+        return;
+      }
       synchronizer.setOptions(viewportId, options);
       const viewportInfo = {
         viewportId,
@@ -13890,9 +13896,12 @@ class CornerstoneViewportService extends src/* PubSubService */.Rc {
         }
       });
     }
-    if (!volumesNotLoaded.length) {
-      return;
-    }
+
+    // It's crucial not to return here because the volume may be loaded,
+    // but the viewport also needs to set the volume.
+    // if (!volumesNotLoaded.length) {
+    //   return;
+    // }
 
     // This returns the async continuation only
     return this.setVolumesForViewport(viewport, volumeInputArray, presentations);
@@ -15156,8 +15165,8 @@ function useMeasurements(servicesManager, {
   }, [measurementService, measurementFilter, displaySetService]);
   return displayMeasurements;
 }
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 2481 modules
-var ui_next_src = __webpack_require__(98441);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 2483 modules
+var ui_next_src = __webpack_require__(35570);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/panels/PanelSegmentation.tsx
 
 
@@ -15805,89 +15814,6 @@ ActiveViewportWindowLevel.propTypes = {
 /* harmony default export */ const ActiveViewportWindowLevel_ActiveViewportWindowLevel = (ActiveViewportWindowLevel);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/ActiveViewportWindowLevel/index.js
 
-;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/getPanelModule.tsx
-
-
-
-
-const getPanelModule = ({
-  commandsManager,
-  servicesManager,
-  extensionManager
-}) => {
-  const wrappedPanelSegmentation = ({
-    configuration
-  }) => {
-    return /*#__PURE__*/react.createElement(PanelSegmentation, {
-      commandsManager: commandsManager,
-      servicesManager: servicesManager,
-      extensionManager: extensionManager,
-      configuration: {
-        ...configuration
-      }
-    });
-  };
-  const wrappedPanelSegmentationNoHeader = ({
-    configuration
-  }) => {
-    return /*#__PURE__*/react.createElement(PanelSegmentation, {
-      commandsManager: commandsManager,
-      servicesManager: servicesManager,
-      extensionManager: extensionManager,
-      configuration: {
-        ...configuration
-      }
-    });
-  };
-  const wrappedPanelSegmentationWithTools = ({
-    configuration
-  }) => {
-    return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ui_next_src/* Toolbox */.OO, {
-      commandsManager: commandsManager,
-      servicesManager: servicesManager,
-      extensionManager: extensionManager,
-      buttonSectionId: "segmentationToolbox",
-      title: "Segmentation Tools",
-      configuration: {
-        ...configuration
-      }
-    }), /*#__PURE__*/react.createElement(PanelSegmentation, {
-      commandsManager: commandsManager,
-      servicesManager: servicesManager,
-      extensionManager: extensionManager,
-      configuration: {
-        ...configuration
-      }
-    }));
-  };
-  return [{
-    name: 'activeViewportWindowLevel',
-    component: () => {
-      return /*#__PURE__*/react.createElement(ActiveViewportWindowLevel_ActiveViewportWindowLevel, {
-        servicesManager: servicesManager
-      });
-    }
-  }, {
-    name: 'panelSegmentation',
-    iconName: 'tab-segmentation',
-    iconLabel: 'Segmentation',
-    label: 'Segmentation',
-    component: wrappedPanelSegmentation
-  }, {
-    name: 'panelSegmentationNoHeader',
-    iconName: 'tab-segmentation',
-    iconLabel: 'Segmentation',
-    label: 'Segmentation',
-    component: wrappedPanelSegmentationNoHeader
-  }, {
-    name: 'panelSegmentationWithTools',
-    iconName: 'tab-segmentation',
-    iconLabel: 'Segmentation',
-    label: 'Segmentation',
-    component: wrappedPanelSegmentationWithTools
-  }];
-};
-/* harmony default export */ const src_getPanelModule = (getPanelModule);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/panels/PanelMeasurement.tsx
 
 
@@ -15996,6 +15922,108 @@ function PanelMeasurementTable({
     // onColor={changeColorMeasurement}
   }, /*#__PURE__*/react.createElement(ui_next_src/* MeasurementTable */.V.Body, null))));
 }
+;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/getPanelModule.tsx
+
+
+
+
+
+const getPanelModule = ({
+  commandsManager,
+  servicesManager,
+  extensionManager
+}) => {
+  const wrappedPanelSegmentation = ({
+    configuration
+  }) => {
+    return /*#__PURE__*/react.createElement(PanelSegmentation, {
+      commandsManager: commandsManager,
+      servicesManager: servicesManager,
+      extensionManager: extensionManager,
+      configuration: {
+        ...configuration
+      }
+    });
+  };
+  const wrappedPanelSegmentationNoHeader = ({
+    configuration
+  }) => {
+    return /*#__PURE__*/react.createElement(PanelSegmentation, {
+      commandsManager: commandsManager,
+      servicesManager: servicesManager,
+      extensionManager: extensionManager,
+      configuration: {
+        ...configuration
+      }
+    });
+  };
+  const wrappedPanelSegmentationWithTools = ({
+    configuration
+  }) => {
+    return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(ui_next_src/* Toolbox */.OO, {
+      commandsManager: commandsManager,
+      servicesManager: servicesManager,
+      extensionManager: extensionManager,
+      buttonSectionId: "segmentationToolbox",
+      title: "Segmentation Tools",
+      configuration: {
+        ...configuration
+      }
+    }), /*#__PURE__*/react.createElement(PanelSegmentation, {
+      commandsManager: commandsManager,
+      servicesManager: servicesManager,
+      extensionManager: extensionManager,
+      configuration: {
+        ...configuration
+      }
+    }));
+  };
+  const wrappedPanelMeasurement = ({
+    configuration
+  }) => {
+    return /*#__PURE__*/react.createElement(PanelMeasurementTable, {
+      commandsManager: commandsManager,
+      servicesManager: servicesManager,
+      extensionManager: extensionManager,
+      configuration: {
+        ...configuration
+      }
+    });
+  };
+  return [{
+    name: 'activeViewportWindowLevel',
+    component: () => {
+      return /*#__PURE__*/react.createElement(ActiveViewportWindowLevel_ActiveViewportWindowLevel, {
+        servicesManager: servicesManager
+      });
+    }
+  }, {
+    name: 'panelMeasurement',
+    iconName: 'tab-linear',
+    iconLabel: 'Measure',
+    label: 'Measurement',
+    component: wrappedPanelMeasurement
+  }, {
+    name: 'panelSegmentation',
+    iconName: 'tab-segmentation',
+    iconLabel: 'Segmentation',
+    label: 'Segmentation',
+    component: wrappedPanelSegmentation
+  }, {
+    name: 'panelSegmentationNoHeader',
+    iconName: 'tab-segmentation',
+    iconLabel: 'Segmentation',
+    label: 'Segmentation',
+    component: wrappedPanelSegmentationNoHeader
+  }, {
+    name: 'panelSegmentationWithTools',
+    iconName: 'tab-segmentation',
+    iconLabel: 'Segmentation',
+    label: 'Segmentation',
+    component: wrappedPanelSegmentationWithTools
+  }];
+};
+/* harmony default export */ const src_getPanelModule = (getPanelModule);
 // EXTERNAL MODULE: ../../../node_modules/react-dropzone/dist/es/index.js + 4 modules
 var es = __webpack_require__(85252);
 // EXTERNAL MODULE: ../../../node_modules/classnames/index.js

package/dist/{1266.bundle.c5df8ee5daff1150b16f.js → 1266.bundle.8684fbea3673414e360a.js}

@@ -799,7 +799,7 @@ const ohif = {
   wsiSopClassHandler: '@ohif/extension-cornerstone.sopClassHandlerModule.DicomMicroscopySopClassHandler'
 };
 const cornerstone = {
-  measurements: '@ohif/extension-cornerstone.panelModule.measurements',
+  measurements: '@ohif/extension-cornerstone.panelModule.panelMeasurement',
   segmentation: '@ohif/extension-cornerstone.panelModule.panelSegmentation'
 };
 const tracked = {

package/dist/{1436.bundle.c12ed4e5e35979b77ec9.js → 1436.bundle.773756cd51b69e887bac.js}

@@ -1145,6 +1145,7 @@ const RECTANGLE_ICON = `<path fill="{{color}}" d="M8.86,2.25V66.08H72.69V2.25H8.
 const CIRCLE_ICON = `<path fill="{{color}}" d="M40.77,2.25A31.92,31.92,0,1,0,72.69,34.16,31.92,31.92,0,0,0,40.77,2.25Zm0,57.63A25.71,25.71,0,1,1,66.48,34.16,25.71,25.71,0,0,1,40.77,59.87Z" transform="translate(-8.86 -2.25)"/>`;
 const CursorSVG = {
     Angle: extend(BASE, {
+        name: 'Angle',
         iconContent: `<path fill="{{color}}" d="M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50
     50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23
     10l50 50q10 10 10 23z" />`,
@@ -1154,6 +1155,7 @@ const CursorSVG = {
         },
     }),
     ArrowAnnotate: extend(BASE, {
+        name: 'ArrowAnnotate',
         iconContent: `<g id="arrowAnnotate-group" fill="none" stroke-width="1" stroke="{{color}}" stroke-linecap="round" stroke-linejoin="round">
     <path id="arrowAnnotate-arrow" d="M23,7 l-15,15 M7,17 l0,6 6,0" stroke-width="2" />
   </g>`,
@@ -1163,6 +1165,7 @@ const CursorSVG = {
         },
     }),
     Bidirectional: extend(BASE, {
+        name: 'Bidirectional',
         iconContent: `<g fill="{{color}}" stroke-width="3" stroke="{{color}}">
     <path d="M27.63 3.21L3.12 28.81"></path>
     <path d="M27.63 15.75L15.27 4.43"></path>
@@ -1177,6 +1180,7 @@ const CursorSVG = {
         },
     }),
     CobbAngle: extend(BASE, {
+        name: 'CobbAngle',
         iconContent: `<g stroke="{{color}}" stroke-width="3">
     <path d="M28.59 2.34L3.82 12.32"></path>
     <path d="M28.59 29.66L3.82 19.68"></path>
@@ -1191,6 +1195,7 @@ const CursorSVG = {
         },
     }),
     CircleROI: extend(BASE, {
+        name: 'CircleROI',
         iconContent: `<circle stroke="{{color}}" fill="none" stroke-width="3" cx="16" cy="16" r="14" />`,
         viewBox: {
             x: 32,
@@ -1198,6 +1203,7 @@ const CursorSVG = {
         },
     }),
     EllipticalROI: extend(BASE, {
+        name: 'EllipticalROI',
         iconContent: `<path stroke="{{color}}" fill="none" stroke-width="3" d="M30.74 15.76C30.74 20.99 24.14 25.23 16
     25.23C7.86 25.23 1.26 20.99 1.26 15.76C1.26 10.54 7.86 6.3 16 6.3C24.14
     6.3 30.74 10.54 30.74 15.76Z" />`,
@@ -1207,6 +1213,7 @@ const CursorSVG = {
         },
     }),
     FreehandROI: extend(BASE, {
+        name: 'FreehandROI',
         iconContent: `<g fill="{{color}}" stroke="{{color}}" stroke-width="2">
     <ellipse ry="1" rx="1" id="svg_3" cy="4.240343" cx="14.306499"/>
     <line id="svg_4" y2="3.58462" x2="12.242186" y1="3.997482" x1="13.432202"/>
@@ -1245,6 +1252,7 @@ const CursorSVG = {
         },
     }),
     FreehandROISculptor: extend(BASE, {
+        name: 'FreehandROISculptor',
         iconContent: `<g id="icon-freehand-sculpt" fill="none" stroke-width="1.5" stroke="{{color}}" stroke-linecap="round" stroke-linejoin="round">
     <line id="svg_1" y2="2.559367" x2="10.184807" y1="4.467781" x1="8.81711"/>
     <line id="svg_4" y2="1.493836" x2="11.727442" y1="2.766112" x1="10.089386"/>
@@ -1285,6 +1293,7 @@ const CursorSVG = {
         },
     }),
     Length: extend(BASE, {
+        name: 'Length',
         iconContent: `<g id="length-group" fill="none" stroke-width="1" stroke="{{color}}" stroke-linecap="round" stroke-linejoin="round">
     <path id="length-dashes" d="m22.5,6 -16.5,16.5" stroke-width="3" stroke-dasharray="0.6666,5" />
   </g>`,
@@ -1294,6 +1303,7 @@ const CursorSVG = {
         },
     }),
     Height: extend(BASE, {
+        name: 'Height',
         iconContent: `<path d="m 6 22 l 8.5 0 v -16 h 8" stroke-width="3" fill="none" stroke="{{color}}" />`,
         viewBox: {
             x: 24,
@@ -1301,6 +1311,7 @@ const CursorSVG = {
         },
     }),
     Probe: extend(BASE, {
+        name: 'Probe',
         iconContent: `<path fill="{{color}}" d="M1152 896q0 106-75 181t-181 75-181-75-75-181 75-181 181-75 181 75
     75 181zm-256-544q-148 0-273 73t-198 198-73 273 73 273 198 198 273 73 273-73
     198-198 73-273-73-273-198-198-273-73zm768 544q0 209-103 385.5t-279.5
@@ -1312,6 +1323,7 @@ const CursorSVG = {
         },
     }),
     RectangleROI: extend(BASE, {
+        name: 'RectangleROI',
         iconContent: `<path fill="{{color}}" d="M1312 256h-832q-66 0-113 47t-47 113v832q0 66 47
     113t113 47h832q66 0 113-47t47-113v-832q0-66-47-113t-113-47zm288 160v832q0
     119-84.5 203.5t-203.5 84.5h-832q-119 0-203.5-84.5t-84.5-203.5v-832q0-119
@@ -1322,6 +1334,7 @@ const CursorSVG = {
         },
     }),
     TextMarker: extend(BASE, {
+        name: 'TextMarker',
         iconContent: `<path fill="{{color}}" d="M789 559l-170 450q33 0 136.5 2t160.5 2q19 0
     57-2-87-253-184-452zm-725 1105l2-79q23-7 56-12.5t57-10.5 49.5-14.5 44.5-29
     31-50.5l237-616 280-724h128q8 14 11 21l205 480q33 78 106 257.5t114 274.5q15
@@ -1337,6 +1350,7 @@ const CursorSVG = {
         },
     }),
     Crosshairs: extend(BASE, {
+        name: 'Crosshairs',
         iconContent: `<path fill="{{color}}" d="M1325 1024h-109q-26 0-45-19t-19-45v-128q0-26
     19-45t45-19h109q-32-108-112.5-188.5t-188.5-112.5v109q0 26-19 45t-45
     19h-128q-26 0-45-19t-19-45v-109q-108 32-188.5 112.5t-112.5 188.5h109q26
@@ -1354,6 +1368,7 @@ const CursorSVG = {
         },
     }),
     Eraser: extend(BASE, {
+        name: 'Eraser',
         iconContent: `<path transform="translate(0,1792) scale(1,-1)" fill="{{color}}" d="M960 1408l336-384h-768l-336 384h768zm1013-1077q15
     34 9.5 71.5t-30.5 65.5l-896 1024q-38 44-96 44h-768q-38
     0-69.5-20.5t-47.5-54.5q-15-34-9.5-71.5t30.5-65.5l896-1024q38-44 96-44h768q38
@@ -1364,6 +1379,7 @@ const CursorSVG = {
         },
     }),
     Magnify: extend(BASE, {
+        name: 'Magnify',
         iconContent: `<path fill="{{color}}" d="M508.5 481.6l-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395
     312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5
     0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17
@@ -1375,6 +1391,7 @@ const CursorSVG = {
         },
     }),
     Pan: extend(BASE, {
+        name: 'Pan',
         iconContent: `<path fill="{{color}}" d="M1411 541l-355 355 355 355 144-144q29-31 70-14 39 17
     39 59v448q0 26-19 45t-45 19h-448q-42 0-59-40-17-39 14-69l144-144-355-355-355
     355 144 144q31 30 14 69-17 40-59 40h-448q-26 0-45-19t-19-45v-448q0-42 40-59
@@ -1388,6 +1405,7 @@ const CursorSVG = {
         },
     }),
     Rotate: extend(BASE, {
+        name: 'Rotate',
         iconContent: `<path fill="{{color}}" d="M1664 256v448q0 26-19 45t-45 19h-448q-42 0-59-40-17-39
     14-69l138-138q-148-137-349-137-104 0-198.5 40.5t-163.5 109.5-109.5
     163.5-40.5 198.5 40.5 198.5 109.5 163.5 163.5 109.5 198.5 40.5q119 0
@@ -1401,6 +1419,7 @@ const CursorSVG = {
         },
     }),
     StackScroll: extend(BASE, {
+        name: 'StackScroll',
         iconContent: `<path fill="{{color}}" d="M24 21v2c0 0.547-0.453 1-1 1h-22c-0.547
     0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1zM24 13v2c0
     0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547
@@ -1412,6 +1431,7 @@ const CursorSVG = {
         },
     }),
     WindowLevelRegion: extend(BASE, {
+        name: 'WindowLevelRegion',
         iconContent: `<path fill="{{color}}" d="M1664 416v960q0 119-84.5 203.5t-203.5 84.5h-960q-119
     0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5
     84.5t84.5 203.5z" />`,
@@ -1421,6 +1441,7 @@ const CursorSVG = {
         },
     }),
     WindowLevel: extend(BASE, {
+        name: 'WindowLevel',
         iconContent: `
     <path fill="{{color}}" d="M14.5,3.5 a1 1 0 0 1 -11,11 Z" stroke="none" opacity="0.8" />
     <circle cx="9" cy="9" r="8" fill="none" stroke-width="2" stroke="{{color}}" />`,
@@ -1430,6 +1451,7 @@ const CursorSVG = {
         },
     }),
     Zoom: extend(BASE, {
+        name: 'Zoom',
         iconContent: `
   <path fill="{{color}}" d="M508.5 481.6l-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395
     312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5
@@ -1446,64 +1468,81 @@ const CursorSVG = {
         },
     }),
     SegmentationFreeHandEraseInside: extend(BASE, {
+        name: 'SegmentationFreeHandEraseInside',
         iconContent: `${SCISSOR_ICON} ${MINUS_RECT}`,
         viewBox: SEGMENTATION_CURSOR_BOUNDARIES,
     }),
     SegmentationFreeHandFillInside: extend(BASE, {
+        name: 'SegmentationFreeHandFillInside',
         iconContent: `${SCISSOR_ICON} ${PLUS_RECT}`,
         viewBox: SEGMENTATION_CURSOR_BOUNDARIES,
     }),
     SegmentationFreeHandEraseOutside: extend(BASE, {
+        name: 'SegmentationFreeHandEraseOutside',
         iconContent: `${SCISSOR_ICON} ${MINUS_RECT}`,
         viewBox: SEGMENTATION_CURSOR_BOUNDARIES,
     }),
     SegmentationFreeHandFillOutside: extend(BASE, {
+        name: 'SegmentationFreeHandFillOutside',
         iconContent: `${SCISSOR_ICON} ${PLUS_RECT}`,
         viewBox: SEGMENTATION_CURSOR_BOUNDARIES,
     }),
     SegmentationRectangleEraseInside: extend(BASE, {
+        name: 'SegmentationRectangleEraseInside',
         iconContent: `${RECTANGLE_ICON} ${MINUS_RECT}`,
         viewBox: SEGMENTATION_CURSOR_BOUNDARIES,
     }),
     RectangleScissor: extend(BASE, {
+        name: 'RectangleScissor',
         iconContent: `${RECTANGLE_ICON} ${PLUS_RECT}`,
         viewBox: SEGMENTATION_CURSOR_BOUNDARIES,
     }),
     'RectangleScissor.FILL_INSIDE': extend(BASE, {
+        name: 'RectangleScissor.FILL_INSIDE',
         iconContent: `${RECTANGLE_ICON} ${PLUS_RECT}`,
         viewBox: SEGMENTATION_CURSOR_BOUNDARIES,
     }),
     'RectangleScissor.FILL_OUTSIDE': extend(BASE, {
+        name: 'RectangleScissor.FILL_OUTSIDE',
         iconContent: `${RECTANGLE_ICON} ${PLUS_RECT}`,
         viewBox: SEGMENTATION_CURSOR_BOUNDARIES,
     }),
     'RectangleScissor.ERASE_OUTSIDE': extend(BASE, {
+        name: 'RectangleScissor.ERASE_OUTSIDE',
         iconContent: `${RECTANGLE_ICON} ${MINUS_RECT}`,
         viewBox: SEGMENTATION_CURSOR_BOUNDARIES,
     }),
     'RectangleScissor.ERASE_INSIDE': extend(BASE, {
+        name: 'RectangleScissor.ERASE_INSIDE',
         iconContent: `${RECTANGLE_ICON} ${MINUS_RECT}`,
         viewBox: SEGMENTATION_CURSOR_BOUNDARIES,
     }),
     CircleScissor: extend(BASE, {
+        name: 'CircleScissor',
         iconContent: `${CIRCLE_ICON} ${PLUS_RECT}`,
         viewBox: SEGMENTATION_CURSOR_BOUNDARIES,
     }),
     'CircleScissor.FILL_INSIDE': extend(BASE, {
+        name: 'CircleScissor.FILL_INSIDE',
         iconContent: `${CIRCLE_ICON} ${PLUS_RECT}`,
         viewBox: SEGMENTATION_CURSOR_BOUNDARIES,
     }),
     'CircleScissor.ERASE_OUTSIDE': extend(BASE, {
+        name: 'CircleScissor.ERASE_OUTSIDE',
         iconContent: `${CIRCLE_ICON} ${MINUS_RECT}`,
         viewBox: SEGMENTATION_CURSOR_BOUNDARIES,
     }),
     'CircleScissor.FILL_OUTSIDE': extend(BASE, {
+        name: 'CircleScissor.FILL_OUTSIDE',
         iconContent: `${CIRCLE_ICON} ${PLUS_RECT}`,
         viewBox: SEGMENTATION_CURSOR_BOUNDARIES,
     }),
 };
 function extend(base, values) {
-    return Object.assign(Object.create(base), values);
+    return Object.assign(Object.create(base), {
+        ...values,
+        name: values.name || base.name,
+    });
 }
 function registerCursor(toolName, iconContent, viewBox) {
     CursorSVG[toolName] = extend(BASE, {
@@ -1563,7 +1602,10 @@ function createSVGMouseCursor(descriptor, name, pointer, color, fallback) {
     return new SVGMouseCursor(createSVGIconUrl(descriptor, pointer, { color }), x, y, name, fallback);
 }
 function createSVGIconUrl(descriptor, pointer, options) {
-    return URL.createObjectURL(createSVGIconBlob(descriptor, pointer, options));
+    const blob = createSVGIconBlob(descriptor, pointer, options);
+    const url = URL.createObjectURL(blob);
+    const urn = `${url}#${descriptor.name || 'unknown'}-${pointer ? 'pointer' : 'cursor'}`;
+    return urn;
 }
 function createSVGIconBlob(descriptor, pointer, options) {
     const svgString = (pointer ? createSVGIconWithPointer : createSVGIcon)(descriptor, options);

package/dist/{149.bundle.8fa9d2ef7a3f5d9e8775.js → 149.bundle.b8d177954628f4631fc0.js}

@@ -495,15 +495,12 @@ function mouseDrag(evt) {
 
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/triggerAnnotationRender.js
 var triggerAnnotationRender = __webpack_require__(56069);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/cursors/elementCursor.js
-var elementCursor = __webpack_require__(7001);
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/eventDispatchers/mouseEventHandlers/mouseMove.js
 
 
 
 
 
-
 const { Active: mouseMove_Active, Passive: mouseMove_Passive } = enums.ToolModes;
 function mouseMove(evt) {
     if (state/* state */.wk.isInteractingWithTool || state/* state */.wk.isMultiPartToolActive) {
@@ -535,9 +532,6 @@ function mouseMove(evt) {
     if (annotationsNeedToBeRedrawn === true) {
         (0,triggerAnnotationRender/* default */.A)(element);
     }
-    if (!state/* state */.wk.isInteractingWithTool) {
-        (0,elementCursor.initElementCursor)(element, null);
-    }
 }
 
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/eventDispatchers/mouseEventHandlers/mouseUp.js

package/dist/{9212.bundle.a71c03df2e651f70b7f0.js → 1520.bundle.7c6973e8fc72e36b9c92.js}

@@ -1,7 +1,7 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[9212],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[1520],{
 
-/***/ 49212:
+/***/ 71520:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -11,6 +11,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
   ContextMenuController: () => (/* reexport */ ContextMenuController),
   CustomizableContextMenuTypes: () => (/* reexport */ types_namespaceObject),
+  PanelStudyBrowserHeader: () => (/* reexport */ PanelStudyBrowserHeader),
   StaticWadoClient: () => (/* reexport */ StaticWadoClient),
   callInputDialog: () => (/* reexport */ callInputDialog),
   callLabelAutocompleteDialog: () => (/* reexport */ callLabelAutocompleteDialog),
@@ -31,7 +32,8 @@ __webpack_require__.d(__webpack_exports__, {
   useToggleOneUpViewportGridStore: () => (/* reexport */ useToggleOneUpViewportGridStore/* useToggleOneUpViewportGridStore */.Y),
   useUIStateStore: () => (/* reexport */ useUIStateStore),
   useViewportGridStore: () => (/* reexport */ useViewportGridStore),
-  useViewportsByPositionStore: () => (/* reexport */ useViewportsByPositionStore)
+  useViewportsByPositionStore: () => (/* reexport */ useViewportsByPositionStore),
+  utils: () => (/* reexport */ src_utils_namespaceObject)
 });
 
 // NAMESPACE OBJECT: ../../../extensions/default/src/CustomizableContextMenu/types.ts
@@ -48,6 +50,13 @@ __webpack_require__.d(utils_namespaceObject, {
   transferDenaturalizedDataset: () => (transferDenaturalizedDataset)
 });
 
+// NAMESPACE OBJECT: ../../../extensions/default/src/utils/index.ts
+var src_utils_namespaceObject = {};
+__webpack_require__.r(src_utils_namespaceObject);
+__webpack_require__.d(src_utils_namespaceObject, {
+  addIcon: () => (addIcon)
+});
+
 // EXTERNAL MODULE: ../../../node_modules/dicomweb-client/build/dicomweb-client.es.js
 var dicomweb_client_es = __webpack_require__(83562);
 // EXTERNAL MODULE: ../../core/src/index.ts + 71 modules
@@ -2826,8 +2835,8 @@ var dist = __webpack_require__(49348);
 var es = __webpack_require__(99993);
 // EXTERNAL MODULE: ../node_modules/react-router/dist/index.js
 var react_router_dist = __webpack_require__(67435);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 2481 modules
-var ui_next_src = __webpack_require__(98441);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 2483 modules
+var ui_next_src = __webpack_require__(35570);
 // EXTERNAL MODULE: ../../i18n/src/index.js + 150 modules
 var i18n_src = __webpack_require__(16076);
 ;// CONCATENATED MODULE: ../../../extensions/default/src/Toolbar/Toolbar.tsx
@@ -3047,8 +3056,8 @@ function ViewerHeader({
     hotkeyDefinitions,
     hotkeyDefaults
   } = hotkeysManager;
-  const versionNumber = "3.9.0-beta.110";
-  const commitHash = "05d41c52068a3b7ba249f15ecdf71838c352fd30";
+  const versionNumber = "3.9.0-beta.111";
+  const commitHash = "62b27488471c9d5979142e2d15872a85778b90ed";
   const menuOptions = [{
     title: t('Header:About'),
     icon: 'info',
@@ -3398,7 +3407,15 @@ function PanelStudyBrowserHeader({
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex w-full items-center gap-[10px]"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "flex h-full items-center justify-center"
+    className: "flex items-center justify-center"
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "text-primary-active flex items-center space-x-1"
+  }, actionIcons.map((icon, index) => /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI[icon.iconName] || ui_next_src/* Icons */.FI.MissingIcon, {
+    key: index,
+    onClick: () => updateActionIconValue(icon),
+    className: `cursor-pointer`
+  })))), /*#__PURE__*/react.createElement("div", {
+    className: "ml-auto flex h-full items-center justify-center"
   }, /*#__PURE__*/react.createElement(ui_next_src/* ToggleGroup */.OY, {
     type: "single",
     value: viewPresets.filter(preset => preset.selected)[0].id,
@@ -3411,15 +3428,7 @@ function PanelStudyBrowserHeader({
     "aria-label": viewPreset.id,
     value: viewPreset.id,
     className: "text-actions-primary"
-  }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI[viewPreset.iconName] || ui_next_src/* Icons */.FI.MissingIcon))))), /*#__PURE__*/react.createElement("div", {
-    className: "flex items-center justify-center"
-  }, /*#__PURE__*/react.createElement("div", {
-    className: "text-primary-active flex items-center space-x-1"
-  }, actionIcons.map((icon, index) => /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI[icon.iconName] || ui_next_src/* Icons */.FI.MissingIcon, {
-    key: index,
-    onClick: () => updateActionIconValue(icon),
-    className: `cursor-pointer`
-  }))))))));
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI[viewPreset.iconName] || ui_next_src/* Icons */.FI.MissingIcon)))))))));
 }
 
 ;// CONCATENATED MODULE: ../../../extensions/default/src/Panels/StudyBrowser/constants/actionIcons.ts
@@ -9530,6 +9539,17 @@ function promptLabelAnnotation({
   });
 }
 /* harmony default export */ const utils_promptLabelAnnotation = (promptLabelAnnotation);
+;// CONCATENATED MODULE: ../../../extensions/default/src/utils/addIcon.ts
+
+
+
+/** Adds the icon to both ui and ui-next */
+function addIcon(name, icon) {
+  (0,ui_src/* addIcon */.Xv)(name, icon);
+  ui_next_src/* Icons */.FI.addIcon(name, icon);
+}
+;// CONCATENATED MODULE: ../../../extensions/default/src/utils/index.ts
+
 ;// CONCATENATED MODULE: ../../../extensions/default/src/index.ts
 
 
@@ -9558,6 +9578,8 @@ function promptLabelAnnotation({
 
 
 
+
+