@cornerstonejs/tools 3.26.1 → 3.27.0

package/dist/esm/tools/segmentation/SegmentLabelTool.js

@@ -1,11 +1,12 @@
 import { getEnabledElement } from '@cornerstonejs/core';
+import { config as segmentationConfig } from '../../stateManagement/segmentation';
 import { BaseTool } from '../base';
 import { triggerSegmentationModified } from '../../stateManagement/segmentation/triggerSegmentationEvents';
 import triggerAnnotationRenderForViewportIds from '../../utilities/triggerAnnotationRenderForViewportIds';
 import { getActiveSegmentation } from '../../stateManagement/segmentation/activeSegmentation';
 import { getSegmentIndexAtWorldPoint } from '../../utilities/segmentation';
 import { state } from '../../store/state';
-import { drawLinkedTextBox as drawLinkedTextBoxSvg } from '../../drawingSvg';
+import { drawTextBox as drawTextBoxSvg } from '../../drawingSvg';
 class SegmentLabelTool extends BaseTool {
     constructor(toolProps = {
         data: {
@@ -90,13 +91,14 @@ class SegmentLabelTool extends BaseTool {
             viewport,
         });
         const segment = activeSegmentation.segments[hoveredSegmentIndex];
+        const color = segmentationConfig.color.getSegmentIndexColor(viewport.id, segmentationId, hoveredSegmentIndex);
         const label = segment?.label;
         const canvasCoordinates = viewport.worldToCanvas(worldPoint);
         this._editData = {
             hoveredSegmentIndex,
             hoveredSegmentLabel: label,
             canvasCoordinates,
-            worldPoint,
+            color,
         };
         if (!hoveredSegmentIndex || hoveredSegmentIndex === 0) {
             return;
@@ -111,12 +113,18 @@ class SegmentLabelTool extends BaseTool {
             return;
         }
         const { viewport } = enabledElement;
-        const { hoveredSegmentIndex, hoveredSegmentLabel, canvasCoordinates, worldPoint, } = this._editData;
+        const { hoveredSegmentIndex, hoveredSegmentLabel, canvasCoordinates, color, } = this._editData;
         if (!hoveredSegmentIndex) {
             return;
         }
-        const textBoxPosition = viewport.worldToCanvas(worldPoint);
-        const boundingBox = drawLinkedTextBoxSvg(svgDrawingHelper, 'segmentSelectLabelAnnotation', 'segmentSelectLabelTextBox', [hoveredSegmentLabel ? hoveredSegmentLabel : '(unnamed segment)'], textBoxPosition, [canvasCoordinates], {}, {});
+        const offset = -15;
+        const textBoxPosition = [
+            canvasCoordinates[0] + offset,
+            canvasCoordinates[1] + offset,
+        ];
+        const boundingBox = drawTextBoxSvg(svgDrawingHelper, 'segmentSelectLabelAnnotation', 'segmentSelectLabelTextBox', [hoveredSegmentLabel ?? '(unnamed segment)'], textBoxPosition, {
+            color: `rgba(${color[0]}, ${color[1]}, ${color[2]}, ${color[3]})`,
+        });
         const left = canvasCoordinates[0];
         const top = canvasCoordinates[1];
         const { width, height } = boundingBox;

package/dist/esm/version.d.ts

@@ -1 +1 @@
-export declare const version = "3.26.1";
+export declare const version = "3.27.0";

package/dist/esm/version.js

@@ -1 +1 @@
-export const version = '3.26.1';
+export const version = '3.27.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cornerstonejs/tools",
-  "version": "3.26.1",
+  "version": "3.27.0",
   "description": "Cornerstone3D Tools",
   "types": "./dist/esm/index.d.ts",
   "module": "./dist/esm/index.js",
@@ -108,7 +108,7 @@
     "canvas": "^3.1.0"
   },
   "peerDependencies": {
-    "@cornerstonejs/core": "^3.26.1",
+    "@cornerstonejs/core": "^3.27.0",
     "@kitware/vtk.js": "32.12.1",
     "@types/d3-array": "^3.0.4",
     "@types/d3-interpolate": "^3.0.1",
@@ -127,5 +127,5 @@
     "type": "individual",
     "url": "https://ohif.org/donate"
   },
-  "gitHead": "36745015409a9516e8df43a1a7b126e7770ac776"
+  "gitHead": "877bed9dc602f121a7ec1da9941994d7d49da9ea"
 }