@ohif/app 3.13.0-beta.22 → 3.13.0-beta.24

package/dist/{6409.bundle.24edbaa283b7c521b8f7.js → 2075.bundle.a9783d07b48ca241486e.js}

@@ -1,5 +1,5 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[6409],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[2075],{
 
 /***/ 18262
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
@@ -81,10 +81,16 @@ function clearUntouched(svgLayerElement, canvasHash) {
 }
 /* harmony default export */ const drawingSvg_getSvgDrawingHelper = (getSvgDrawingHelper);
 
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/drawing/textBoxOverlapRegistry.js
+var textBoxOverlapRegistry = __webpack_require__(49773);
 ;// ../../../node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/draw.js
 
+
 function draw(element, fn) {
     const svgDrawingHelper = drawingSvg_getSvgDrawingHelper(element);
+    if (svgDrawingHelper.svgLayerElement) {
+        (0,textBoxOverlapRegistry/* clearTextBoxRegistry */.F4)(svgDrawingHelper.svgLayerElement);
+    }
     fn(svgDrawingHelper);
     svgDrawingHelper.clearUntouched();
 }
@@ -164,69 +170,6 @@ function drawHandles(svgDrawingHelper, annotationUID, handleGroupUID, handlePoin
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (drawHandles);
 
 
-/***/ },
-
-/***/ 1595
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  A: () => (/* binding */ drawingSvg_drawLinkedTextBox)
-});
-
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawTextBox.js
-var drawTextBox = __webpack_require__(26290);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawLine.js
-var drawLine = __webpack_require__(92118);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/math/vec2/findClosestPoint.js
-var findClosestPoint = __webpack_require__(90554);
-;// ../../../node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawLink.js
-
-
-function drawLink(svgDrawingHelper, annotationUID, linkUID, annotationAnchorPoints, refPoint, boundingBox, options = {}) {
-    const start = annotationAnchorPoints.length > 0
-        ? (0,findClosestPoint/* default */.A)(annotationAnchorPoints, refPoint)
-        : refPoint;
-    const boundingBoxPoints = _boundingBoxPoints(boundingBox);
-    const end = (0,findClosestPoint/* default */.A)(boundingBoxPoints, start);
-    const mergedOptions = Object.assign({
-        color: 'rgb(255, 255, 0)',
-        lineWidth: '1',
-        lineDash: '2,3',
-    }, options);
-    (0,drawLine/* default */.A)(svgDrawingHelper, annotationUID, `link-${linkUID}`, start, end, mergedOptions);
-}
-function _boundingBoxPoints(boundingBox) {
-    const { x: left, y: top, height, width } = boundingBox;
-    const halfWidth = width / 2;
-    const halfHeight = height / 2;
-    const topMiddle = [left + halfWidth, top];
-    const leftMiddle = [left, top + halfHeight];
-    const bottomMiddle = [left + halfWidth, top + height];
-    const rightMiddle = [left + width, top + halfHeight];
-    return [topMiddle, leftMiddle, bottomMiddle, rightMiddle];
-}
-/* harmony default export */ const drawingSvg_drawLink = (drawLink);
-
-;// ../../../node_modules/@cornerstonejs/tools/dist/esm/drawingSvg/drawLinkedTextBox.js
-
-
-function drawLinkedTextBox(svgDrawingHelper, annotationUID, textBoxUID, textLines, textBoxPosition, annotationAnchorPoints, textBox, options = {}) {
-    const mergedOptions = Object.assign({
-        handleRadius: '6',
-        centering: {
-            x: false,
-            y: true,
-        },
-    }, options);
-    const canvasBoundingBox = (0,drawTextBox/* default */.A)(svgDrawingHelper, annotationUID, textBoxUID, textLines, textBoxPosition, mergedOptions);
-    drawingSvg_drawLink(svgDrawingHelper, annotationUID, textBoxUID, annotationAnchorPoints, textBoxPosition, canvasBoundingBox, mergedOptions);
-    return canvasBoundingBox;
-}
-/* harmony default export */ const drawingSvg_drawLinkedTextBox = (drawLinkedTextBox);
-
-
 /***/ },
 
 /***/ 97530
@@ -673,7 +616,7 @@ class PlanarFreehandContourSegmentationTool extends _PlanarFreehandROITool__WEBP
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15327);
 /* harmony import */ var gl_matrix__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3823);
 /* harmony import */ var _utilities_getCalibratedUnits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4096);
-/* harmony import */ var _utilities_math__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(85895);
+/* harmony import */ var _utilities_math__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18153);
 /* harmony import */ var _utilities_planar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(13165);
 /* harmony import */ var _utilities_throttle__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(27730);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(60810);
@@ -685,16 +628,12 @@ class PlanarFreehandContourSegmentationTool extends _PlanarFreehandROITool__WEBP
 /* harmony import */ var _planarFreehandROITool_openContourEndEditLoop__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(70734);
 /* harmony import */ var _planarFreehandROITool_renderMethods__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(58161);
 /* harmony import */ var _stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(44049);
-/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(74347);
-/* harmony import */ var _utilities_drawing__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(473);
-/* harmony import */ var _utilities_math_polyline__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(92984);
-/* harmony import */ var _utilities_viewport_isViewportPreScaled__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(18990);
-/* harmony import */ var _utilities_math_basic__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(73262);
-/* harmony import */ var _base_ContourSegmentationBaseTool__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(36320);
-/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(29857);
-/* harmony import */ var _utilities_getPixelValueUnits__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(40634);
-
-
+/* harmony import */ var _utilities_math_polyline__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(92984);
+/* harmony import */ var _utilities_viewport_isViewportPreScaled__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(18990);
+/* harmony import */ var _utilities_math_basic__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(73262);
+/* harmony import */ var _base_ContourSegmentationBaseTool__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(36320);
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(29857);
+/* harmony import */ var _utilities_getPixelValueUnits__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(40634);
 
 
 
@@ -720,7 +659,7 @@ class PlanarFreehandContourSegmentationTool extends _PlanarFreehandROITool__WEBP
 const { pointCanProjectOnLine } = _utilities_math__WEBPACK_IMPORTED_MODULE_3__.polyline;
 const { EPSILON } = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.CONSTANTS;
 const PARALLEL_THRESHOLD = 1 - EPSILON;
-class PlanarFreehandROITool extends _base_ContourSegmentationBaseTool__WEBPACK_IMPORTED_MODULE_20__/* ["default"] */ .A {
+class PlanarFreehandROITool extends _base_ContourSegmentationBaseTool__WEBPACK_IMPORTED_MODULE_18__/* ["default"] */ .A {
     static { this.toolName = 'PlanarFreehandROI'; }
     constructor(toolProps = {}, defaultToolProps = {
         supportedInteractionTypes: ['Mouse', 'Touch'],
@@ -728,7 +667,7 @@ class PlanarFreehandROITool extends _base_ContourSegmentationBaseTool__WEBPACK_I
             storePointData: false,
             shadow: true,
             preventHandleOutsideImage: false,
-            contourHoleAdditionModifierKey: _enums__WEBPACK_IMPORTED_MODULE_21__.KeyboardBindings.Shift,
+            contourHoleAdditionModifierKey: _enums__WEBPACK_IMPORTED_MODULE_19__.KeyboardBindings.Shift,
             alwaysRenderOpenContourHandles: {
                 enabled: false,
                 radius: 2,
@@ -755,7 +694,7 @@ class PlanarFreehandROITool extends _base_ContourSegmentationBaseTool__WEBPACK_I
             displayOnePointAsCrosshairs: false,
             calculateStats: true,
             getTextLines: defaultGetTextLines,
-            statsCalculator: _utilities_math_basic__WEBPACK_IMPORTED_MODULE_19__.BasicStatsCalculator,
+            statsCalculator: _utilities_math_basic__WEBPACK_IMPORTED_MODULE_17__.BasicStatsCalculator,
         },
     }) {
         super(toolProps, defaultToolProps);
@@ -840,10 +779,10 @@ class PlanarFreehandROITool extends _base_ContourSegmentationBaseTool__WEBPACK_I
                 const { imageData, metadata } = image;
                 const canvasCoordinates = points.map((p) => viewport.worldToCanvas(p));
                 const modalityUnitOptions = {
-                    isPreScaled: (0,_utilities_viewport_isViewportPreScaled__WEBPACK_IMPORTED_MODULE_18__/* .isViewportPreScaled */ .u)(viewport, targetId),
+                    isPreScaled: (0,_utilities_viewport_isViewportPreScaled__WEBPACK_IMPORTED_MODULE_16__/* .isViewportPreScaled */ .u)(viewport, targetId),
                     isSuvScaled: this.isSuvScaled(viewport, targetId, annotation.metadata.referencedImageId),
                 };
-                const modalityUnit = (0,_utilities_getPixelValueUnits__WEBPACK_IMPORTED_MODULE_22__/* .getPixelValueUnits */ .j)(metadata.Modality, annotation.metadata.referencedImageId, modalityUnitOptions);
+                const modalityUnit = (0,_utilities_getPixelValueUnits__WEBPACK_IMPORTED_MODULE_20__/* .getPixelValueUnits */ .j)(metadata.Modality, annotation.metadata.referencedImageId, modalityUnitOptions);
                 const polyline = data.contour.polyline;
                 const numPoints = polyline.length;
                 const projectedPolyline = new Array(numPoints);
@@ -895,7 +834,7 @@ class PlanarFreehandROITool extends _base_ContourSegmentationBaseTool__WEBPACK_I
             const invalidated = annotation.invalidated;
             annotation.invalidated = false;
             if (invalidated) {
-                (0,_stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_14__.triggerAnnotationModified)(annotation, enabledElement.viewport.element, _enums__WEBPACK_IMPORTED_MODULE_21__.ChangeTypes.StatsUpdated);
+                (0,_stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_14__.triggerAnnotationModified)(annotation, enabledElement.viewport.element, _enums__WEBPACK_IMPORTED_MODULE_19__.ChangeTypes.StatsUpdated);
             }
             return cachedStats;
         };
@@ -908,30 +847,19 @@ class PlanarFreehandROITool extends _base_ContourSegmentationBaseTool__WEBPACK_I
                 viewportId: enabledElement.viewport.id,
                 annotationUID: annotation.annotationUID,
             };
-            const options = this.getLinkedTextBoxStyle(styleSpecifier, annotation);
-            if (!options.visibility) {
-                return;
-            }
             const textLines = this.configuration.getTextLines(data, targetId);
             if (!textLines || textLines.length === 0) {
                 return;
             }
             const canvasCoordinates = data.contour.polyline.map((p) => viewport.worldToCanvas(p));
-            if (!data.handles.textBox.hasMoved) {
-                const canvasTextBoxCoords = (0,_utilities_drawing__WEBPACK_IMPORTED_MODULE_16__.getTextBoxCoordsCanvas)(canvasCoordinates);
-                data.handles.textBox.worldPosition =
-                    viewport.canvasToWorld(canvasTextBoxCoords);
-            }
-            const textBoxPosition = viewport.worldToCanvas(data.handles.textBox.worldPosition);
-            const textBoxUID = '1';
-            const boundingBox = (0,_drawingSvg__WEBPACK_IMPORTED_MODULE_15__.drawLinkedTextBox)(svgDrawingHelper, annotation.annotationUID ?? '', textBoxUID, textLines, textBoxPosition, canvasCoordinates, {}, options);
-            const { x: left, y: top, width, height } = boundingBox;
-            data.handles.textBox.worldBoundingBox = {
-                topLeft: viewport.canvasToWorld([left, top]),
-                topRight: viewport.canvasToWorld([left + width, top]),
-                bottomLeft: viewport.canvasToWorld([left, top + height]),
-                bottomRight: viewport.canvasToWorld([left + width, top + height]),
-            };
+            this.renderLinkedTextBoxAnnotation({
+                enabledElement,
+                svgDrawingHelper,
+                annotation,
+                styleSpecifier,
+                textLines,
+                canvasCoordinates,
+            });
         };
         (0,_planarFreehandROITool_drawLoop__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A)(this);
         (0,_planarFreehandROITool_editLoopCommon__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A)(this);
@@ -1167,7 +1095,7 @@ class PlanarFreehandROITool extends _base_ContourSegmentationBaseTool__WEBPACK_I
                     if (point[1] != curRow) {
                         intersectionCounter = 0;
                         curRow = point[1];
-                        intersections = (0,_utilities_math_polyline__WEBPACK_IMPORTED_MODULE_17__.getLineSegmentIntersectionsCoordinates)(canvasCoordinates, point, [canvasPosEnd[0], point[1]]);
+                        intersections = (0,_utilities_math_polyline__WEBPACK_IMPORTED_MODULE_15__.getLineSegmentIntersectionsCoordinates)(canvasCoordinates, point, [canvasPosEnd[0], point[1]]);
                         intersections.sort((function (index) {
                             return function (a, b) {
                                 return a[index] === b[index]
@@ -1196,13 +1124,13 @@ class PlanarFreehandROITool extends _base_ContourSegmentationBaseTool__WEBPACK_I
             name: 'area',
             value: area,
             unit: areaUnit,
-            type: _enums__WEBPACK_IMPORTED_MODULE_21__.MeasurementType.Area,
+            type: _enums__WEBPACK_IMPORTED_MODULE_19__.MeasurementType.Area,
         };
         const namedPerimeter = {
             name: 'perimeter',
             value: perimeter,
             unit,
-            type: _enums__WEBPACK_IMPORTED_MODULE_21__.MeasurementType.Linear,
+            type: _enums__WEBPACK_IMPORTED_MODULE_19__.MeasurementType.Linear,
         };
         cachedStats[targetId] = {
             Modality: metadata.Modality,
@@ -1227,7 +1155,7 @@ class PlanarFreehandROITool extends _base_ContourSegmentationBaseTool__WEBPACK_I
             name: 'length',
             value: length,
             unit,
-            type: _enums__WEBPACK_IMPORTED_MODULE_21__.MeasurementType.Linear,
+            type: _enums__WEBPACK_IMPORTED_MODULE_19__.MeasurementType.Linear,
         };
         cachedStats[targetId] = {
             Modality: metadata.Modality,
@@ -1293,14 +1221,12 @@ function defaultGetTextLines(data, targetId) {
 /* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(29857);
 /* harmony import */ var _utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(60810);
 /* harmony import */ var _utilities_math_rectangle__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(33657);
-/* harmony import */ var _utilities_drawing__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(473);
-/* harmony import */ var _cursors_elementCursor__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(7001);
-/* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(58640);
-/* harmony import */ var _utilities_getPixelValueUnits__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(40634);
-/* harmony import */ var _utilities_viewport_isViewportPreScaled__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(18990);
-/* harmony import */ var _utilities_math_basic__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(73262);
-/* harmony import */ var _stateManagement_annotation_config_helpers__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(76712);
-
+/* harmony import */ var _cursors_elementCursor__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(7001);
+/* harmony import */ var _utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(58640);
+/* harmony import */ var _utilities_getPixelValueUnits__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(40634);
+/* harmony import */ var _utilities_viewport_isViewportPreScaled__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(18990);
+/* harmony import */ var _utilities_math_basic__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(73262);
+/* harmony import */ var _stateManagement_annotation_config_helpers__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(76712);
 
 
 
@@ -1332,7 +1258,7 @@ class RectangleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationT
             preventHandleOutsideImage: false,
             calculateStats: true,
             getTextLines: defaultGetTextLines,
-            statsCalculator: _utilities_math_basic__WEBPACK_IMPORTED_MODULE_19__.BasicStatsCalculator,
+            statsCalculator: _utilities_math_basic__WEBPACK_IMPORTED_MODULE_18__.BasicStatsCalculator,
         },
     }) {
         super(toolProps, defaultToolProps);
@@ -1377,9 +1303,9 @@ class RectangleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationT
                 hasMoved: false,
             };
             this._activateDraw(element);
-            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_15__.hideElementCursor)(element);
+            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_14__.hideElementCursor)(element);
             evt.preventDefault();
-            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .A)(viewportIdsToRender);
+            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A)(viewportIdsToRender);
             return annotation;
         };
         this.isPointNearTool = (element, annotation, canvasCoords, proximity) => {
@@ -1412,10 +1338,10 @@ class RectangleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationT
                 movingTextBox: false,
             };
             this._activateModify(element);
-            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_15__.hideElementCursor)(element);
+            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_14__.hideElementCursor)(element);
             const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.getEnabledElement)(element);
             const { renderingEngine } = enabledElement;
-            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .A)(viewportIdsToRender);
+            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A)(viewportIdsToRender);
             evt.preventDefault();
         };
         this.handleSelectedCallback = (evt, annotation, handle) => {
@@ -1439,10 +1365,10 @@ class RectangleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationT
                 movingTextBox,
             };
             this._activateModify(element);
-            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_15__.hideElementCursor)(element);
+            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_14__.hideElementCursor)(element);
             const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.getEnabledElement)(element);
             const { renderingEngine } = enabledElement;
-            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .A)(viewportIdsToRender);
+            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A)(viewportIdsToRender);
             evt.preventDefault();
         };
         this._endCallback = (evt) => {
@@ -1456,7 +1382,7 @@ class RectangleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationT
             data.handles.activeHandleIndex = null;
             this._deactivateModify(element);
             this._deactivateDraw(element);
-            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_15__.resetElementCursor)(element);
+            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_14__.resetElementCursor)(element);
             this.doneEditMemo();
             this.editData = null;
             this.isDrawing = false;
@@ -1464,7 +1390,7 @@ class RectangleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationT
                 this.configuration.preventHandleOutsideImage) {
                 (0,_stateManagement__WEBPACK_IMPORTED_MODULE_5__/* .removeAnnotation */ .O8)(annotation.annotationUID);
             }
-            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .A)(viewportIdsToRender);
+            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A)(viewportIdsToRender);
             if (newAnnotation) {
                 (0,_stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_8__.triggerAnnotationCompleted)(annotation);
             }
@@ -1546,7 +1472,7 @@ class RectangleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationT
             }
             this.editData.hasMoved = true;
             const enabledElement = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.getEnabledElement)(element);
-            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .A)(viewportIdsToRender);
+            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A)(viewportIdsToRender);
             if (annotation.invalidated) {
                 (0,_stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_8__.triggerAnnotationModified)(annotation, element, _enums__WEBPACK_IMPORTED_MODULE_11__.ChangeTypes.HandlesUpdated);
             }
@@ -1556,12 +1482,12 @@ class RectangleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationT
                 this.isDrawing = false;
                 this._deactivateDraw(element);
                 this._deactivateModify(element);
-                (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_15__.resetElementCursor)(element);
+                (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_14__.resetElementCursor)(element);
                 const { annotation, viewportIdsToRender, newAnnotation } = this.editData;
                 const { data } = annotation;
                 annotation.highlighted = false;
                 data.handles.activeHandleIndex = null;
-                (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .A)(viewportIdsToRender);
+                (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A)(viewportIdsToRender);
                 if (newAnnotation) {
                     (0,_stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_8__.triggerAnnotationCompleted)(annotation);
                 }
@@ -1683,7 +1609,7 @@ class RectangleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationT
                     activeHandleIndex !== undefined) {
                     activeHandleCanvasCoords = [canvasCoordinates[activeHandleIndex]];
                 }
-                const showHandlesAlways = Boolean((0,_stateManagement_annotation_config_helpers__WEBPACK_IMPORTED_MODULE_20__/* .getStyleProperty */ .h)('showHandlesAlways', {}));
+                const showHandlesAlways = Boolean((0,_stateManagement_annotation_config_helpers__WEBPACK_IMPORTED_MODULE_19__/* .getStyleProperty */ .h)('showHandlesAlways', {}));
                 if (activeHandleCanvasCoords || showHandlesAlways) {
                     const handleGroupUID = '0';
                     (0,_drawingSvg__WEBPACK_IMPORTED_MODULE_9__.drawHandles)(svgDrawingHelper, annotationUID, handleGroupUID, showHandlesAlways ? canvasCoordinates : activeHandleCanvasCoords, {
@@ -1698,39 +1624,20 @@ class RectangleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationT
                     lineWidth,
                 }, dataId);
                 renderStatus = true;
-                const options = this.getLinkedTextBoxStyle(styleSpecifier, annotation);
-                if (!options.visibility) {
-                    data.handles.textBox = {
-                        hasMoved: false,
-                        worldPosition: [0, 0, 0],
-                        worldBoundingBox: {
-                            topLeft: [0, 0, 0],
-                            topRight: [0, 0, 0],
-                            bottomLeft: [0, 0, 0],
-                            bottomRight: [0, 0, 0],
-                        },
-                    };
-                    continue;
-                }
                 const textLines = this.configuration.getTextLines(data, targetId);
                 if (!textLines || textLines.length === 0) {
                     continue;
                 }
-                if (!data.handles.textBox.hasMoved) {
-                    const canvasTextBoxCoords = (0,_utilities_drawing__WEBPACK_IMPORTED_MODULE_14__.getTextBoxCoordsCanvas)(canvasCoordinates);
-                    data.handles.textBox.worldPosition =
-                        viewport.canvasToWorld(canvasTextBoxCoords);
+                if (!this.renderLinkedTextBoxAnnotation({
+                    enabledElement,
+                    svgDrawingHelper,
+                    annotation,
+                    styleSpecifier,
+                    textLines,
+                    canvasCoordinates,
+                })) {
+                    continue;
                 }
-                const textBoxPosition = viewport.worldToCanvas(data.handles.textBox.worldPosition);
-                const textBoxUID = '1';
-                const boundingBox = (0,_drawingSvg__WEBPACK_IMPORTED_MODULE_9__.drawLinkedTextBox)(svgDrawingHelper, annotationUID, textBoxUID, textLines, textBoxPosition, canvasCoordinates, {}, options);
-                const { x: left, y: top, width, height } = boundingBox;
-                data.handles.textBox.worldBoundingBox = {
-                    topLeft: viewport.canvasToWorld([left, top]),
-                    topRight: viewport.canvasToWorld([left + width, top]),
-                    bottomLeft: viewport.canvasToWorld([left, top + height]),
-                    bottomRight: viewport.canvasToWorld([left + width, top + height]),
-                };
             }
             return renderStatus;
         };
@@ -1783,10 +1690,10 @@ class RectangleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationT
                     const area = Math.abs(width * height);
                     const { areaUnit } = calibrate;
                     const pixelUnitsOptions = {
-                        isPreScaled: (0,_utilities_viewport_isViewportPreScaled__WEBPACK_IMPORTED_MODULE_18__/* .isViewportPreScaled */ .u)(viewport, targetId),
+                        isPreScaled: (0,_utilities_viewport_isViewportPreScaled__WEBPACK_IMPORTED_MODULE_17__/* .isViewportPreScaled */ .u)(viewport, targetId),
                         isSuvScaled: this.isSuvScaled(viewport, targetId, annotation.metadata.referencedImageId),
                     };
-                    const modalityUnit = (0,_utilities_getPixelValueUnits__WEBPACK_IMPORTED_MODULE_17__/* .getPixelValueUnits */ .j)(metadata.Modality, annotation.metadata.referencedImageId, pixelUnitsOptions);
+                    const modalityUnit = (0,_utilities_getPixelValueUnits__WEBPACK_IMPORTED_MODULE_16__/* .getPixelValueUnits */ .j)(metadata.Modality, annotation.metadata.referencedImageId, pixelUnitsOptions);
                     let pointsInShape;
                     if (voxelManager) {
                         pointsInShape = voxelManager.forEach(this.configuration.statsCalculator.statsCallback, {
@@ -1860,7 +1767,7 @@ class RectangleROITool extends _base__WEBPACK_IMPORTED_MODULE_0__/* .AnnotationT
             },
         };
         (0,_stateManagement__WEBPACK_IMPORTED_MODULE_5__/* .addAnnotation */ .lC)(annotation, viewport.element);
-        (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .A)([viewport.id]);
+        (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A)([viewport.id]);
     }; }
 }
 function defaultGetTextLines(data, targetId) {
@@ -1905,10 +1812,14 @@ function defaultGetTextLines(data, targetId) {
 /* harmony import */ var _stateManagement_annotation_annotationVisibility__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29601);
 /* harmony import */ var _stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(82056);
 /* harmony import */ var _stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(44049);
-/* harmony import */ var _enums_ChangeTypes__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(75183);
-/* harmony import */ var _stateManagement_annotation_annotationSelection__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(17343);
-/* harmony import */ var _utilities_contourSegmentation__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(56534);
-/* harmony import */ var _utilities_safeStructuredClone__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(33459);
+/* harmony import */ var _drawingSvg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(74347);
+/* harmony import */ var _utilities_drawing__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(473);
+/* harmony import */ var _enums_ChangeTypes__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(75183);
+/* harmony import */ var _stateManagement_annotation_annotationSelection__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(17343);
+/* harmony import */ var _utilities_contourSegmentation__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(56534);
+/* harmony import */ var _utilities_safeStructuredClone__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(33459);
+
+
 
 
 
@@ -2023,6 +1934,54 @@ class AnnotationTool extends _AnnotationDisplayTool__WEBPACK_IMPORTED_MODULE_2__
             textBoxLinkLineColor: this.getStyle('textBoxLinkLineColor', specifications, annotation),
         };
     }
+    renderLinkedTextBoxAnnotation(options) {
+        const { enabledElement, svgDrawingHelper, annotation, styleSpecifier, textLines, canvasCoordinates, textBoxUID = '1', placementPoints, } = options;
+        const { viewport } = enabledElement;
+        const { element } = viewport;
+        const { annotationUID, data } = annotation;
+        const styleOptions = this.getLinkedTextBoxStyle(styleSpecifier, annotation);
+        if (!styleOptions.visibility) {
+            data.handles.textBox = {
+                hasMoved: false,
+                worldPosition: [0, 0, 0],
+                worldBoundingBox: {
+                    topLeft: [0, 0, 0],
+                    topRight: [0, 0, 0],
+                    bottomLeft: [0, 0, 0],
+                    bottomRight: [0, 0, 0],
+                },
+            };
+            return false;
+        }
+        if (!data.handles.textBox) {
+            data.handles.textBox = {
+                hasMoved: false,
+                worldPosition: [0, 0, 0],
+                worldBoundingBox: {
+                    topLeft: [0, 0, 0],
+                    topRight: [0, 0, 0],
+                    bottomLeft: [0, 0, 0],
+                    bottomRight: [0, 0, 0],
+                },
+            };
+        }
+        const pointsForPlacement = placementPoints ?? canvasCoordinates;
+        if (!data.handles.textBox.hasMoved) {
+            const canvasTextBoxCoords = (0,_utilities_drawing__WEBPACK_IMPORTED_MODULE_8__.getTextBoxCoordsCanvas)(pointsForPlacement, element, textLines);
+            data.handles.textBox.worldPosition =
+                viewport.canvasToWorld(canvasTextBoxCoords);
+        }
+        const textBoxPosition = viewport.worldToCanvas(data.handles.textBox.worldPosition);
+        const boundingBox = (0,_drawingSvg__WEBPACK_IMPORTED_MODULE_7__.drawLinkedTextBox)(svgDrawingHelper, annotationUID, textBoxUID, textLines, textBoxPosition, canvasCoordinates, {}, styleOptions);
+        const { x: left, y: top, width, height } = boundingBox;
+        data.handles.textBox.worldBoundingBox = {
+            topLeft: viewport.canvasToWorld([left, top]),
+            topRight: viewport.canvasToWorld([left + width, top]),
+            bottomLeft: viewport.canvasToWorld([left, top + height]),
+            bottomRight: viewport.canvasToWorld([left + width, top + height]),
+        };
+        return true;
+    }
     static isSuvScaled(viewport, targetId, imageId) {
         if (viewport instanceof _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.BaseVolumeViewport) {
             const volumeId = _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_0__.utilities.getVolumeId(targetId);
@@ -2074,7 +2033,7 @@ class AnnotationTool extends _AnnotationDisplayTool__WEBPACK_IMPORTED_MODULE_2__
         const { data, annotationUID } = annotation;
         return {
             annotationUID,
-            data: (0,_utilities_safeStructuredClone__WEBPACK_IMPORTED_MODULE_10__/* .safeStructuredClone */ .W)(data),
+            data: (0,_utilities_safeStructuredClone__WEBPACK_IMPORTED_MODULE_12__/* .safeStructuredClone */ .W)(data),
             deleting,
         };
     }
@@ -2098,19 +2057,19 @@ class AnnotationTool extends _AnnotationDisplayTool__WEBPACK_IMPORTED_MODULE_2__
                         annotationData.contour.polyline = state.data.contour.pointsManager.points;
                         delete state.data.contour.pointsManager;
                         if (annotationData.segmentation) {
-                            (0,_utilities_contourSegmentation__WEBPACK_IMPORTED_MODULE_9__.addContourSegmentationAnnotation)(annotation);
+                            (0,_utilities_contourSegmentation__WEBPACK_IMPORTED_MODULE_11__.addContourSegmentationAnnotation)(annotation);
                         }
                     }
                     state.data = newState.data;
                     (0,_stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_5__.addAnnotation)(annotation, element);
-                    (0,_stateManagement_annotation_annotationSelection__WEBPACK_IMPORTED_MODULE_8__.setAnnotationSelected)(annotation.annotationUID, true);
+                    (0,_stateManagement_annotation_annotationSelection__WEBPACK_IMPORTED_MODULE_10__.setAnnotationSelected)(annotation.annotationUID, true);
                     viewport?.render();
                     return;
                 }
                 if (state.deleting === false) {
                     state.deleting = true;
                     state.data = newState.data;
-                    (0,_stateManagement_annotation_annotationSelection__WEBPACK_IMPORTED_MODULE_8__.setAnnotationSelected)(annotation.annotationUID);
+                    (0,_stateManagement_annotation_annotationSelection__WEBPACK_IMPORTED_MODULE_10__.setAnnotationSelected)(annotation.annotationUID);
                     (0,_stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_5__.removeAnnotation)(annotation.annotationUID);
                     viewport?.render();
                     return;
@@ -2128,7 +2087,7 @@ class AnnotationTool extends _AnnotationDisplayTool__WEBPACK_IMPORTED_MODULE_2__
                 state.data = newState.data;
                 currentAnnotation.invalidated = true;
                 if (element) {
-                    (0,_stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_6__.triggerAnnotationModified)(currentAnnotation, element, _enums_ChangeTypes__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A.History);
+                    (0,_stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_6__.triggerAnnotationModified)(currentAnnotation, element, _enums_ChangeTypes__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .A.History);
                 }
             },
             id: annotationUID,
@@ -2725,19 +2684,121 @@ function debounce(func, wait, options) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ getTextBoxCoordsCanvas)
 /* harmony export */ });
-function getTextBoxCoordsCanvas(annotationCanvasPoints) {
+/* harmony import */ var _textBoxOverlapRegistry__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(49773);
+/* harmony import */ var _math_aabb_intersectAABB__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33277);
+
+
+const VIEWPORT_ELEMENT = 'viewport-element';
+const TEXT_BOX_GAP = 6;
+function getTextBoxCoordsCanvas(annotationCanvasPoints, element, textLines = []) {
+    if (!annotationCanvasPoints?.length || !annotationCanvasPoints[0]) {
+        return [0, 0];
+    }
     const corners = _determineCorners(annotationCanvasPoints);
     const centerY = (corners.top[1] + corners.bottom[1]) / 2;
-    const textBoxCanvas = [corners.right[0], centerY];
-    return textBoxCanvas;
+    const defaultTextBoxCanvas = [corners.right[0], centerY];
+    if (!element) {
+        return defaultTextBoxCanvas;
+    }
+    const { width: textBoxWidth, height: textBoxHeight } = _estimateTextBoxSize(textLines);
+    const margin = 4;
+    const maxX = element.clientWidth - margin;
+    const maxY = element.clientHeight - margin;
+    let x = corners.right[0];
+    let y = centerY - textBoxHeight / 2;
+    if (x + textBoxWidth > maxX) {
+        x = corners.left[0] - textBoxWidth;
+    }
+    x = Math.max(margin, Math.min(x, maxX - textBoxWidth));
+    y = Math.max(margin, Math.min(y, maxY - textBoxHeight));
+    const svgLayer = _findSvgLayer(element);
+    if (svgLayer) {
+        const existingBoxes = (0,_textBoxOverlapRegistry__WEBPACK_IMPORTED_MODULE_0__/* .getRegisteredTextBoxes */ .Pd)(svgLayer);
+        if (existingBoxes.length > 0) {
+            const resolved = _resolveOverlap(x, y, textBoxWidth, textBoxHeight, existingBoxes, margin, maxX, maxY);
+            x = resolved[0];
+            y = resolved[1];
+        }
+    }
+    return [x, y];
+}
+function _resolveOverlap(x, y, width, height, existingBoxes, margin, maxX, maxY) {
+    if (!_overlapsAny(x, y, width, height, existingBoxes)) {
+        return [x, y];
+    }
+    let candidateY = y;
+    for (let i = 0; i < 30; i++) {
+        const blocker = _findFirstOverlap(x, candidateY, width, height, existingBoxes);
+        if (!blocker) {
+            break;
+        }
+        candidateY = blocker.y + blocker.height + TEXT_BOX_GAP;
+        if (candidateY + height > maxY) {
+            candidateY = Infinity;
+            break;
+        }
+    }
+    if (candidateY !== Infinity &&
+        !_overlapsAny(x, candidateY, width, height, existingBoxes)) {
+        return [
+            x,
+            Math.max(margin, Math.min(candidateY, maxY - height)),
+        ];
+    }
+    candidateY = y;
+    for (let i = 0; i < 30; i++) {
+        const blocker = _findFirstOverlap(x, candidateY, width, height, existingBoxes);
+        if (!blocker) {
+            break;
+        }
+        candidateY = blocker.y - height - TEXT_BOX_GAP;
+        if (candidateY < margin) {
+            candidateY = -Infinity;
+            break;
+        }
+    }
+    if (candidateY !== -Infinity &&
+        !_overlapsAny(x, candidateY, width, height, existingBoxes)) {
+        return [
+            x,
+            Math.max(margin, Math.min(candidateY, maxY - height)),
+        ];
+    }
+    return [x, y];
+}
+function _overlapsAny(x, y, w, h, boxes) {
+    const candidate = _toTextBoxAABB({ x, y, width: w, height: h });
+    return boxes.some((box) => (0,_math_aabb_intersectAABB__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(candidate, _toTextBoxAABB(box, TEXT_BOX_GAP / 2)));
+}
+function _findFirstOverlap(x, y, w, h, boxes) {
+    const candidate = _toTextBoxAABB({ x, y, width: w, height: h });
+    return boxes.find((box) => (0,_math_aabb_intersectAABB__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(candidate, _toTextBoxAABB(box, TEXT_BOX_GAP / 2)));
+}
+function _toTextBoxAABB(rect, inflate = 0) {
+    return {
+        minX: rect.x - inflate,
+        minY: rect.y - inflate,
+        maxX: rect.x + rect.width + inflate,
+        maxY: rect.y + rect.height + inflate,
+    };
+}
+function _findSvgLayer(element) {
+    const internalDiv = element.querySelector(`.${VIEWPORT_ELEMENT}`);
+    return internalDiv?.querySelector(':scope > .svg-layer') || null;
 }
 function _determineCorners(canvasPoints) {
+    const p0 = canvasPoints[0];
+    if (!p0 || canvasPoints.length < 2) {
+        return { left: p0, right: p0, top: p0, bottom: p0 };
+    }
     const handlesLeftToRight = [canvasPoints[0], canvasPoints[1]].sort(_compareX);
     const handlesTopToBottom = [canvasPoints[0], canvasPoints[1]].sort(_compareY);
+    const left = handlesLeftToRight[0];
     const right = handlesLeftToRight[handlesLeftToRight.length - 1];
     const top = handlesTopToBottom[0];
     const bottom = handlesTopToBottom[handlesTopToBottom.length - 1];
     return {
+        left,
         top,
         bottom,
         right,
@@ -2749,6 +2810,16 @@ function _determineCorners(canvasPoints) {
         return a[1] < b[1] ? -1 : 1;
     }
 }
+function _estimateTextBoxSize(textLines) {
+    const estimatedPadding = 25;
+    const estimatedCharWidth = 8;
+    const estimatedLineHeight = 17;
+    const longestLineLength = textLines.reduce((max, line) => Math.max(max, line?.length ?? 0), 0);
+    const lineCount = Math.max(textLines.length, 1);
+    const width = longestLineLength * estimatedCharWidth + estimatedPadding * 2;
+    const height = lineCount * estimatedLineHeight + estimatedPadding * 2;
+    return { width, height };
+}
 
 
 /***/ },