@ohif/app 3.8.0-beta.81 → 3.8.0-beta.83

package/dist/{335.bundle.8400aa5a88697a6b9d53.js → 335.bundle.b111c378b127fb97cc11.js}

@@ -1065,7 +1065,7 @@ function PanelRoiThresholdSegmentation({
     actions: actions,
     t: t
   })))), /*#__PURE__*/react.createElement("div", {
-    className: "absolute bottom-1 flex cursor-pointer items-center justify-center text-blue-400 opacity-50 hover:opacity-80",
+    className: "absolute bottom-1 left-[50px] flex cursor-pointer items-center justify-center text-blue-400 opacity-50 hover:opacity-80",
     onClick: () => {
       // navigate to a url in a new tab
       window.open('https://github.com/OHIF/Viewers/blob/master/modes/tmtv/README.md', '_blank');
@@ -1161,8 +1161,8 @@ function getPanelModule({
 var esm = __webpack_require__(24542);
 ;// CONCATENATED MODULE: ../../../extensions/tmtv/src/utils/measurementServiceMappings/constants/supportedTools.js
 /* harmony default export */ const supportedTools = (['RectangleROIStartEndThreshold']);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var dist_esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var dist_esm = __webpack_require__(73868);
 ;// CONCATENATED MODULE: ../../../extensions/tmtv/src/utils/measurementServiceMappings/utils/getSOPInstanceAttributes.js
 
 function getSOPInstanceAttributes(imageId) {

package/dist/{41.bundle.0905b258a90a7c6437bb.js → 41.bundle.ee8676aea711cca4fc15.js}

@@ -175,8 +175,8 @@ __webpack_require__.r(types_namespaceObject);
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(41766);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 18 modules
 var dist_esm = __webpack_require__(24542);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/streaming-image-volume-loader/dist/esm/index.js + 13 modules
@@ -6792,7 +6792,8 @@ function commandsModule({
             activeViewportId,
             onClose: uiModalService.hide,
             cornerstoneViewportService
-          }
+          },
+          containerDimensions: 'w-[70%] max-w-[900px]'
         });
       }
     },
@@ -12132,12 +12133,7 @@ class ColorbarService extends src/* PubSubService */.Rc {
     const containers = this.createContainers(numContainers, element, position, thickness, viewportId);
     displaySetInstanceUIDs.forEach((displaySetInstanceUID, index) => {
       const actorEntry = actorEntries.find(entry => entry.uid.includes(displaySetInstanceUID));
-      if (!actorEntry) {
-        return;
-      }
-      const {
-        uid: volumeId
-      } = actorEntry;
+      const volumeId = actorEntry?.uid;
       const properties = viewport?.getProperties(volumeId);
       const colormap = properties?.colormap;
       // if there's an initial colormap set, and no colormap on the viewport, set it
@@ -12251,7 +12247,10 @@ class ColorbarService extends src/* PubSubService */.Rc {
   setViewportColormap(viewportId, displaySetInstanceUID, colormap, immediate = false) {
     const renderingEngine = (0,esm.getRenderingEngine)(RENDERING_ENGINE_ID);
     const viewport = renderingEngine.getViewport(viewportId);
-    const actorEntries = viewport.getActors();
+    const actorEntries = viewport?.getActors();
+    if (!viewport || !actorEntries || actorEntries.length === 0) {
+      return;
+    }
     const setViewportProperties = (viewport, uid) => {
       const actorEntry = actorEntries.find(entry => entry.uid.includes(uid));
       const {
@@ -13230,7 +13229,7 @@ const reset = () => {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ getSOPInstanceAttributes)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 
 
 /**

package/dist/{422.bundle.c6fd037b075dd54f1ba7.js → 422.bundle.53c67a0a917d8aa8baae.js}

@@ -482,8 +482,8 @@ const toolbarButtons = [{
   }
 }];
 /* harmony default export */ const src_toolbarButtons = (toolbarButtons);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 ;// CONCATENATED MODULE: ../../../modes/longitudinal/src/moreTools.ts
 
 

package/dist/{433.bundle.e0018820758f5a86fa7f.js → 433.bundle.c92d3f716a797127c1be.js}

@@ -12,8 +12,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/store/index.js + 4 modules
 var store = __webpack_require__(61738);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/getSvgDrawingHelper.js
 
 
@@ -331,8 +331,8 @@ function getActiveToolForMouseEvent(evt) {
 
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/eventDispatchers/shared/getToolsWithModesForMouseEvent.js
 var getToolsWithModesForMouseEvent = __webpack_require__(31437);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/eventDispatchers/shared/getToolsWithActionsForMouseEvent.js
 
 
@@ -981,7 +981,7 @@ function disable(element) {
 /* harmony export */   Ud: () => (/* binding */ resetModifierKey),
 /* harmony export */   vh: () => (/* binding */ getModifierKey)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 /* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(48463);
 /* harmony import */ var lodash_clonedeep__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_clonedeep__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _enums_Events__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(28117);
@@ -1061,7 +1061,7 @@ function resetModifierKey() {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ getMouseEventPoints)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 
 function getMouseEventPoints(evt, element) {
     const elementToUse = element || evt.currentTarget;
@@ -1101,7 +1101,7 @@ function _clientToPoint(evt) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 /* harmony import */ var _enums_Events__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28117);
 /* harmony import */ var _getMouseEventPoints__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3995);
 
@@ -1149,7 +1149,7 @@ function mouseDoubleClickListener(evt) {
 /* harmony export */   DF: () => (/* binding */ mouseDoubleClickIgnoreListener),
 /* harmony export */   kg: () => (/* binding */ getMouseButton)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 /* harmony import */ var _enums_Events__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28117);
 /* harmony import */ var _mouseMoveListener__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(65263);
 /* harmony import */ var _getMouseEventPoints__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3995);
@@ -1414,7 +1414,7 @@ function mouseDoubleClickIgnoreListener(evt) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 /* harmony import */ var _enums_Events__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(28117);
 /* harmony import */ var _getMouseEventPoints__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3995);
 
@@ -1514,8 +1514,8 @@ __webpack_require__.d(__webpack_exports__, {
   A: () => (/* binding */ touch_touchStartListener)
 });
 
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/enums/Events.js
 var Events = __webpack_require__(28117);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/enums/Touch.js
@@ -1859,8 +1859,8 @@ __webpack_require__.d(__webpack_exports__, {
   A: () => (/* binding */ wheel_wheelListener)
 });
 
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/eventListeners/wheel/normalizeWheel.js
 const PIXEL_STEP = 10;
 const LINE_HEIGHT = 40;
@@ -2001,8 +2001,8 @@ var lodash_get_default = /*#__PURE__*/__webpack_require__.n(lodash_get);
 // EXTERNAL MODULE: ../../../node_modules/lodash.clonedeep/index.js
 var lodash_clonedeep = __webpack_require__(48463);
 var lodash_clonedeep_default = /*#__PURE__*/__webpack_require__.n(lodash_clonedeep);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/cursors/index.js + 5 modules
 var cursors = __webpack_require__(32916);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/cursors/elementCursor.js
@@ -2109,6 +2109,12 @@ class ToolGroup {
         if (runtimeSettings.get('useCursors')) {
             this.setViewportsCursorByToolName(toolName);
         }
+        const eventDetail = {
+            toolGroupId: this.id,
+            viewportId,
+            renderingEngineId: renderingEngineUIDToUse,
+        };
+        (0,esm.triggerEvent)(esm.eventTarget, enums.Events.TOOLGROUP_VIEWPORT_ADDED, eventDetail);
     }
     removeViewports(renderingEngineId, viewportId) {
         const indices = [];
@@ -2129,6 +2135,12 @@ class ToolGroup {
                 this.viewportsInfo.splice(indices[i], 1);
             }
         }
+        const eventDetail = {
+            toolGroupId: this.id,
+            viewportId,
+            renderingEngineId,
+        };
+        (0,esm.triggerEvent)(esm.eventTarget, enums.Events.TOOLGROUP_VIEWPORT_REMOVED, eventDetail);
     }
     setActiveStrategy(toolName, strategyName) {
         const toolInstance = this._toolInstances[toolName];
@@ -2676,8 +2688,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ../../../node_modules/gl-matrix/esm/index.js + 1 modules
 var esm = __webpack_require__(44753);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var dist_esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var dist_esm = __webpack_require__(73868);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/enums/index.js + 3 modules
 var enums = __webpack_require__(84901);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/store/index.js + 4 modules
@@ -3219,8 +3231,8 @@ __webpack_require__.d(__webpack_exports__, {
   A: () => (/* binding */ annotation_PlanarFreehandROITool)
 });
 
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 // EXTERNAL MODULE: ../../../node_modules/gl-matrix/esm/index.js + 1 modules
 var gl_matrix_esm = __webpack_require__(44753);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/getCalibratedUnits.js
@@ -4810,9 +4822,6 @@ class PlanarFreehandROITool extends ContourSegmentationBaseTool/* default */.A {
                 ]);
                 const deltaInX = gl_matrix_esm/* vec3.distance */.eR.distance(originalWorldPoint, deltaXPoint);
                 const deltaInY = gl_matrix_esm/* vec3.distance */.eR.distance(originalWorldPoint, deltaYPoint);
-                const scale = (0,getCalibratedUnits/* getCalibratedScale */.yH)(image);
-                let area = math.polyline.getArea(canvasCoordinates) / scale / scale;
-                area *= deltaInX * deltaInY;
                 const worldPosIndex = esm.utilities.transformWorldToIndex(imageData, points[0]);
                 worldPosIndex[0] = Math.floor(worldPosIndex[0]);
                 worldPosIndex[1] = Math.floor(worldPosIndex[1]);
@@ -4835,6 +4844,32 @@ class PlanarFreehandROITool extends ContourSegmentationBaseTool/* default */.A {
                     kMin = Math.min(kMin, worldPosIndex[2]);
                     kMax = Math.max(kMax, worldPosIndex[2]);
                 }
+                const worldPosIndex2 = esm.utilities.transformWorldToIndex(imageData, points[1]);
+                worldPosIndex2[0] = Math.floor(worldPosIndex2[0]);
+                worldPosIndex2[1] = Math.floor(worldPosIndex2[1]);
+                worldPosIndex2[2] = Math.floor(worldPosIndex2[2]);
+                const { scale, areaUnits } = (0,getCalibratedUnits/* getCalibratedLengthUnitsAndScale */.Op)(image, () => {
+                    const polyline = data.contour.polyline;
+                    const numPoints = polyline.length;
+                    const projectedPolyline = new Array(numPoints);
+                    for (let i = 0; i < numPoints; i++) {
+                        projectedPolyline[i] = viewport.worldToCanvas(polyline[i]);
+                    }
+                    const { maxX: canvasMaxX, maxY: canvasMaxY, minX: canvasMinX, minY: canvasMinY, } = utilities.math.polyline.getAABB(projectedPolyline);
+                    const topLeftBBWorld = viewport.canvasToWorld([
+                        canvasMinX,
+                        canvasMinY,
+                    ]);
+                    const topLeftBBIndex = esm.utilities.transformWorldToIndex(imageData, topLeftBBWorld);
+                    const bottomRightBBWorld = viewport.canvasToWorld([
+                        canvasMaxX,
+                        canvasMaxY,
+                    ]);
+                    const bottomRightBBIndex = esm.utilities.transformWorldToIndex(imageData, bottomRightBBWorld);
+                    return [topLeftBBIndex, bottomRightBBIndex];
+                });
+                let area = math.polyline.getArea(canvasCoordinates) / scale / scale;
+                area *= deltaInX * deltaInY;
                 const iDelta = 0.01 * (iMax - iMin);
                 const jDelta = 0.01 * (jMax - jMin);
                 const kDelta = 0.01 * (kMax - kMin);
@@ -4895,7 +4930,7 @@ class PlanarFreehandROITool extends ContourSegmentationBaseTool/* default */.A {
                     stdDev: stats.stdDev?.value,
                     statsArray: stats.array,
                     pointsInShape: pointsInShape,
-                    areaUnit: (0,getCalibratedUnits/* getCalibratedAreaUnits */.Ss)(null, image),
+                    areaUnit: areaUnits,
                     modalityUnit,
                 };
             }
@@ -5811,8 +5846,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // UNUSED EXPORTS: ContourSegmentationBaseTool
 
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/stateManagement/segmentation/index.js + 31 modules
 var stateManagement_segmentation = __webpack_require__(63421);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/enums/index.js + 3 modules
@@ -6190,8 +6225,8 @@ __webpack_require__.d(__webpack_exports__, {
   A: () => (/* binding */ contourDisplay)
 });
 
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/enums/SegmentationRepresentations.js
 var SegmentationRepresentations = __webpack_require__(83946);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/stateManagement/segmentation/segmentationState.js + 2 modules
@@ -6536,7 +6571,7 @@ function _removeContourFromToolGroupViewports(toolGroupId, segmentationRepresent
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 /* harmony import */ var _segmentation_strategies_utils_stackVolumeCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16124);
 
 
@@ -6581,7 +6616,7 @@ async function addLabelmapToElement(element, labelMapData, segmentationRepresent
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 
 function removeLabelmapFromElement(element, segmentationRepresentationUID, removeFromCache = false) {
     const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.getEnabledElement)(element);
@@ -6601,7 +6636,7 @@ function removeLabelmapFromElement(element, segmentationRepresentationUID, remov
 /* harmony export */   t: () => (/* binding */ validate),
 /* harmony export */   y: () => (/* binding */ validatePublic)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 
 function validateRepresentationData(segmentationRepresentationData) {
     if ('volumeId' in segmentationRepresentationData) {
@@ -6648,8 +6683,8 @@ __webpack_require__.d(__webpack_exports__, {
   A: () => (/* binding */ displayTools_SegmentationDisplayTool)
 });
 
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/enums/SegmentationRepresentations.js
 var SegmentationRepresentations = __webpack_require__(83946);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/stateManagement/segmentation/index.js + 31 modules
@@ -6970,7 +7005,7 @@ function getDefaultSurfaceConfig() {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ BrushStrategy)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 /* harmony import */ var _stateManagement_segmentation_triggerSegmentationEvents__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(87682);
 /* harmony import */ var _compositions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(89694);
 /* harmony import */ var _utils_getStrategyData__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(29689);
@@ -7643,7 +7678,7 @@ const eraseInsideSphere = ERASE_SPHERE_STRATEGY.strategyFunction;
 /* harmony export */ });
 /* unused harmony exports fillOutsideCircle, CIRCLE_THRESHOLD_STRATEGY */
 /* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44753);
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(73868);
 /* harmony import */ var _utilities_math_ellipse__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2264);
 /* harmony import */ var _utilities_boundingBox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15306);
 /* harmony import */ var _BrushStrategy__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(57439);
@@ -7733,7 +7768,7 @@ function fillOutsideCircle() {
 /* harmony export */   p: () => (/* binding */ fillInsideRectangle)
 /* harmony export */ });
 /* unused harmony export fillOutsideRectangle */
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 /* harmony import */ var _utilities_boundingBox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15306);
 /* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(21013);
 /* harmony import */ var _stateManagement_segmentation_triggerSegmentationEvents__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(87682);
@@ -7822,7 +7857,7 @@ function fillOutsideRectangle(enabledElement, operationData) {
 /* harmony export */   u8: () => (/* binding */ SPHERE_STRATEGY)
 /* harmony export */ });
 /* unused harmony export fillOutsideSphere */
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 /* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44753);
 /* harmony import */ var _BrushStrategy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(57439);
 /* harmony import */ var _compositions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(89694);
@@ -7887,7 +7922,7 @@ function fillOutsideSphere() {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   S: () => (/* binding */ getStrategyData)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 /* harmony import */ var _stackVolumeCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16124);
 
 
@@ -8111,8 +8146,8 @@ __webpack_require__.d(__webpack_exports__, {
   A: () => (/* binding */ interpolation_interpolate)
 });
 
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 // EXTERNAL MODULE: ../../../node_modules/gl-matrix/esm/index.js + 1 modules
 var gl_matrix_esm = __webpack_require__(44753);
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/contours/interpolation/createPolylineToolData.js
@@ -8798,7 +8833,7 @@ function _generateClosedContour(points) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   c: () => (/* binding */ getModalityUnit)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 
 function getModalityUnit(modality, imageId, options) {
     if (modality === 'CT') {
@@ -8837,7 +8872,7 @@ function _handlePTModality(imageId, options) {
 /* harmony export */   A: () => (/* binding */ getToolsWithModesForElement)
 /* harmony export */ });
 /* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(61738);
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(73868);
 
 
 function getToolsWithModesForElement(element, modesFilter) {
@@ -8874,7 +8909,7 @@ function getToolsWithModesForElement(element, modesFilter) {
 /* harmony export */   j: () => (/* binding */ getVOIMultipliers)
 /* harmony export */ });
 /* unused harmony export default */
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 /* harmony import */ var _viewport__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31555);
 
 
@@ -8990,8 +9025,8 @@ __webpack_require__.d(__webpack_exports__, {
   f: () => (/* binding */ LivewireScissors)
 });
 
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/BucketQueue.js
 class BucketQueue {
     constructor({ numBits, getPriority, areEqual, }) {
@@ -9566,7 +9601,7 @@ function getAABB(polyline, options) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ filterAnnotationsForDisplay)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 /* harmony import */ var _filterAnnotationsWithinSlice__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17926);
 
 
@@ -9603,7 +9638,7 @@ function filterAnnotationsForDisplay(viewport, annotations, filterOptions = {})
 /* harmony export */   A: () => (/* binding */ filterAnnotationsWithinSlice)
 /* harmony export */ });
 /* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44753);
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(73868);
 
 
 const { EPSILON } = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.CONSTANTS;
@@ -9658,7 +9693,7 @@ function filterAnnotationsWithinSlice(annotations, camera, spacingInNormalDirect
 /* harmony export */   A: () => (/* binding */ getPointInLineOfSightWithCriteria)
 /* harmony export */ });
 /* harmony import */ var _kitware_vtk_js_Common_Core_Math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(61199);
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(73868);
 
 
 function getPointInLineOfSightWithCriteria(viewport, worldPos, targetVolumeId, criteriaFunction, stepSize = 0.25) {
@@ -9944,7 +9979,7 @@ function smoothAnnotation(enabledElement, annotation, knotsRatioPercentage) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ deleteRelatedAnnotations)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 /* harmony import */ var _stateManagement_annotation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(45200);
 /* harmony import */ var _contours_interpolation_interpolate__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7727);
 /* harmony import */ var _contours_interpolation_getInterpolationData__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(92813);
@@ -10032,7 +10067,7 @@ function deleteRelatedAnnotations(viewportData) {
 /* harmony export */   y9: () => (/* binding */ requestType),
 /* harmony export */   zo: () => (/* binding */ nearestIndex)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 /* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(54957);
 
 
@@ -10123,7 +10158,7 @@ const clearFromImageIds = (stack) => {
 /* harmony export */   P: () => (/* binding */ addToolState),
 /* harmony export */   k: () => (/* binding */ getToolState)
 /* harmony export */ });
-/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(44656);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(73868);
 
 const state = {};
 function addToolState(element, data) {
@@ -10153,8 +10188,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // UNUSED EXPORTS: default
 
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 ;// CONCATENATED MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/math/vec3/interpolateVec3.js
 const interpolateVec3 = (a, b, t) => {
     return [

package/dist/{448.bundle.5e6da31477887bf53016.js → 448.bundle.fc42947b8c402a8e6aa9.js}

@@ -484,8 +484,8 @@ function initToolGroups(extensionManager, toolGroupService, commandsManager) {
   initVolume3DToolGroup(extensionManager, toolGroupService);
 }
 /* harmony default export */ const src_initToolGroups = (initToolGroups);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 ;// CONCATENATED MODULE: ../../../modes/basic-test-mode/src/moreTools.ts
 
 

package/dist/{487.bundle.89d973049defb3ba6cb7.js → 487.bundle.d72821587b031a76b4db.js}

@@ -28,8 +28,8 @@ const SOPClassHandlerName = 'dynamic-volume';
 
 // EXTERNAL MODULE: ../../core/src/index.ts + 70 modules
 var src = __webpack_require__(55411);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 18 modules
 var dist_esm = __webpack_require__(24542);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dynamic-volume/src/actions/updateSegmentationsChartDisplaySet.ts
@@ -681,7 +681,7 @@ const Header = ({
   }, tooltip),
   position: "bottom-left",
   tight: true,
-  tooltipBoxClassName: "max-w-xs"
+  tooltipBoxClassName: "max-w-xs p-2"
 }, /*#__PURE__*/react.createElement(ui_src/* Icon */.In, {
   name: "info-link",
   className: "text-primary-active h-[14px] w-[14px]"
@@ -758,7 +758,8 @@ const DynamicVolumeControls = ({
   })), /*#__PURE__*/react.createElement("div", {
     className: `mt-6 flex flex-col ${computedView ? '' : 'ohif-disabled'}`
   }, /*#__PURE__*/react.createElement(Header, {
-    title: "Computed Operation"
+    title: "Computed Operation",
+    tooltip: /*#__PURE__*/react.createElement("div", null, "Operation Buttons (SUM, AVERAGE, SUBTRACT): Select the mathematical operation to be applied to the data set.", /*#__PURE__*/react.createElement("br", null), " Range Slider: Choose the numeric range within which the operation will be performed.", /*#__PURE__*/react.createElement("br", null), "Generate Button: Execute the chosen operation on the specified range of data.", ' ')
   }), /*#__PURE__*/react.createElement(ui_src/* ButtonGroup */.e2, {
     className: `mt-2 w-full `,
     separated: true
@@ -805,7 +806,8 @@ function FrameControls({
   return /*#__PURE__*/react.createElement("div", {
     className: computedView && 'ohif-disabled'
   }, /*#__PURE__*/react.createElement(Header, {
-    title: "4D Controls"
+    title: "4D Controls",
+    tooltip: /*#__PURE__*/react.createElement("div", null, "Play/Pause Button: Begin or pause the animation of the 4D visualization. ", /*#__PURE__*/react.createElement("br", null), " Frame Selector: Navigate through individual frames of the 4D data. ", /*#__PURE__*/react.createElement("br", null), " FPS (Frames Per Second) Selector: Adjust the playback speed of the animation.")
   }), /*#__PURE__*/react.createElement("div", {
     className: "mt-3 flex justify-between"
   }, /*#__PURE__*/react.createElement(ui_src/* IconButton */.K0, {

package/dist/{544.bundle.1c1f57118560046649c1.js → 544.bundle.80c013bb477a263bcf10.js}

@@ -59,8 +59,8 @@ const listComponentGenerator = props => {
 
 // EXTERNAL MODULE: ../../../node_modules/moment/moment.js
 var moment_moment = __webpack_require__(8291);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/components/ViewportOverlay/utils.ts
 
 

package/dist/{574.bundle.d648fea691d6709bf2b4.js → 574.bundle.9919f94ea252d4a45aaf.js}

@@ -21,8 +21,8 @@ var prop_types = __webpack_require__(11374);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 18 modules
 var esm = __webpack_require__(24542);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var dist_esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var dist_esm = __webpack_require__(73868);
 // EXTERNAL MODULE: ../../core/src/index.ts + 70 modules
 var src = __webpack_require__(55411);
 // EXTERNAL MODULE: ../../ui/src/index.js + 785 modules
@@ -1448,7 +1448,9 @@ function Colorbar({
   }, [viewportId]);
   return /*#__PURE__*/react.createElement("div", {
     className: "all-in-one-menu-item flex w-full justify-center"
-  }, /*#__PURE__*/react.createElement(ui_src/* SwitchButton */.L$, {
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "mr-2 w-[28px]"
+  }), /*#__PURE__*/react.createElement(ui_src/* SwitchButton */.L$, {
     label: "Display Color bar",
     checked: showColorbar,
     onChange: () => {
@@ -1921,7 +1923,7 @@ function VolumeRenderingOptions({
     commandsManager: commandsManager,
     serviceManager: serviceManager
   }), /*#__PURE__*/react.createElement("div", {
-    className: "all-in-one-menu-item flex !h-[20px] w-full justify-start"
+    className: "all-in-one-menu-item mt-2 flex !h-[20px] w-full justify-start"
   }, /*#__PURE__*/react.createElement("div", {
     className: "text-aqua-pale text-[13px]"
   }, "LIGHTING")), /*#__PURE__*/react.createElement("div", {
@@ -1976,6 +1978,7 @@ function WindowLevelActionMenu({
     cornerstoneViewportService
   } = serviceManager.services;
   const viewportInfo = cornerstoneViewportService.getViewportInfo(viewportId);
+  const viewport = cornerstoneViewportService.getCornerstoneViewport(viewportId);
   const backgroundColor = viewportInfo.getViewportOptions().background;
   const isLight = backgroundColor ? dist_esm.utilities.isEqual(backgroundColor, [1, 1, 1]) : false;
   const nonImageModalities = ['SR', 'SEG', 'SM', 'RTSTRUCT', 'RTPLAN', 'RTDOSE'];
@@ -2014,12 +2017,7 @@ function WindowLevelActionMenu({
       colorbarService.removeColorbar(viewportId);
       onSetColorbar();
     }, 0);
-  }, [viewportId]);
-  (0,react.useEffect)(() => {
-    if (colorbarService.hasColorbar(viewportId)) {
-      colorbarService.removeColorbar(viewportId);
-    }
-  }, [displaySets]);
+  }, [viewportId, displaySets, viewport]);
   (0,react.useEffect)(() => {
     setMenuKey(menuKey + 1);
     const viewport = cornerstoneViewportService.getCornerstoneViewport(viewportId);

package/dist/{633.bundle.acab89baaa06a299d679.js → 633.bundle.7a2b17d149cb2417ecac.js}

@@ -24,8 +24,8 @@ const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 var react = __webpack_require__(41766);
 // EXTERNAL MODULE: ../../core/src/index.ts + 70 modules
 var src = __webpack_require__(55411);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 327 modules
-var esm = __webpack_require__(44656);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 328 modules
+var esm = __webpack_require__(73868);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js + 18 modules
 var dist_esm = __webpack_require__(24542);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/adapters/dist/adapters.es.js