@ohif/app 3.13.0-beta.21 → 3.13.0-beta.23

package/dist/{6280.bundle.6574101421b8a4ab6777.js → 6280.bundle.828ccda61aa5c83408a5.js}

@@ -1,4 +1,4 @@
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[6280,6409],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[2075,6280],{
 
 /***/ 5057
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
@@ -7294,7 +7294,7 @@ var COLOR_LUT = __webpack_require__(93952);
 
 
 ;// ../../../node_modules/@cornerstonejs/tools/dist/esm/version.js
-const version = '4.15.29';
+const version = '4.17.2';
 
 ;// ../../../node_modules/@cornerstonejs/tools/dist/esm/synchronizers/callbacks/cameraSyncCallback.js
 /* unused harmony import specifier */ var cameraSyncCallback_getRenderingEngine;
@@ -7773,8 +7773,8 @@ var contours = __webpack_require__(19111);
 var segmentation = __webpack_require__(93759);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/drawing/index.js
 var drawing = __webpack_require__(473);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/math/index.js + 4 modules
-var math = __webpack_require__(85895);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/math/index.js + 3 modules
+var math = __webpack_require__(18153);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/planar/index.js
 var planar = __webpack_require__(13165);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/viewportFilters/index.js
@@ -19289,7 +19289,6 @@ LabelTool.toolName = 'Label';
 
 
 
-
 class LengthTool extends base/* AnnotationTool */.EC {
     static { this.toolName = 'Length'; }
     constructor(toolProps = {}, defaultToolProps = {
@@ -19568,36 +19567,17 @@ class LengthTool extends base/* AnnotationTool */.EC {
                     console.warn('Rendering Engine has been destroyed');
                     return renderStatus;
                 }
-                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 (!data.handles.textBox.hasMoved) {
-                    const canvasTextBoxCoords = (0,drawing.getTextBoxCoordsCanvas)(canvasCoordinates);
-                    data.handles.textBox.worldPosition =
-                        viewport.canvasToWorld(canvasTextBoxCoords);
+                if (!this.renderLinkedTextBoxAnnotation({
+                    enabledElement,
+                    svgDrawingHelper,
+                    annotation,
+                    styleSpecifier,
+                    textLines: textLines ?? [],
+                    canvasCoordinates,
+                })) {
+                    continue;
                 }
-                const textBoxPosition = viewport.worldToCanvas(data.handles.textBox.worldPosition);
-                const textBoxUID = '1';
-                const boundingBox = (0,drawingSvg.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;
         };
@@ -19723,7 +19703,6 @@ function defaultGetTextLines(data, targetId) {
 
 
 
-
 const { transformWorldToIndex: HeightTool_transformWorldToIndex } = esm.utilities;
 class HeightTool extends base/* AnnotationTool */.EC {
     static { this.toolName = 'Height'; }
@@ -19829,7 +19808,7 @@ class HeightTool extends base/* AnnotationTool */.EC {
             this.isDrawing = true;
             const eventDetail = evt.detail;
             const { element } = eventDetail;
-            const { annotation, viewportIdsToRender, handleIndex, movingTextBox, newAnnotation } = this.editData;
+            const { annotation, viewportIdsToRender, handleIndex, movingTextBox, newAnnotation, } = this.editData;
             const { data } = annotation;
             this.createMemo(element, annotation, { newAnnotation });
             if (movingTextBox) {
@@ -19990,36 +19969,17 @@ class HeightTool extends base/* AnnotationTool */.EC {
                     console.warn('Rendering Engine has been destroyed');
                     return renderStatus;
                 }
-                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 (!data.handles.textBox.hasMoved) {
-                    const canvasTextBoxCoords = (0,drawing.getTextBoxCoordsCanvas)(canvasCoordinates);
-                    data.handles.textBox.worldPosition =
-                        viewport.canvasToWorld(canvasTextBoxCoords);
+                if (!this.renderLinkedTextBoxAnnotation({
+                    enabledElement,
+                    svgDrawingHelper,
+                    annotation,
+                    styleSpecifier,
+                    textLines: textLines ?? [],
+                    canvasCoordinates,
+                })) {
+                    continue;
                 }
-                const textBoxPosition = viewport.worldToCanvas(data.handles.textBox.worldPosition);
-                const textBoxUID = '1';
-                const boundingBox = (0,drawingSvg.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;
         };
@@ -20138,6 +20098,7 @@ var isViewportPreScaled = __webpack_require__(18990);
 
 
 
+
 const { transformWorldToIndex: ProbeTool_transformWorldToIndex } = esm.utilities;
 class ProbeTool extends base/* AnnotationTool */.EC {
     static { this.toolName = 'Probe'; }
@@ -20332,12 +20293,9 @@ class ProbeTool extends base/* AnnotationTool */.EC {
                 }
                 const textLines = this.configuration.getTextLines(data, targetId);
                 if (textLines) {
-                    const textCanvasCoordinates = [
-                        canvasCoordinates[0] + this.configuration.textCanvasOffset.x,
-                        canvasCoordinates[1] + this.configuration.textCanvasOffset.y,
-                    ];
+                    const textCanvasCoordinates = (0,drawing.getTextBoxCoordsCanvas)([canvasCoordinates], element, textLines);
                     const textUID = '0';
-                    (0,drawingSvg.drawTextBox)(svgDrawingHelper, annotationUID, textUID, textLines, [textCanvasCoordinates[0], textCanvasCoordinates[1]], options);
+                    (0,drawingSvg.drawTextBox)(svgDrawingHelper, annotationUID, textUID, textLines, textCanvasCoordinates, options);
                 }
             }
             return renderStatus;
@@ -20656,7 +20614,6 @@ var basic = __webpack_require__(73262);
 
 
 
-
 
 
 const { transformWorldToIndex: EllipticalROITool_transformWorldToIndex } = esm.utilities;
@@ -21110,40 +21067,21 @@ class EllipticalROITool extends base/* AnnotationTool */.EC {
                     }
                 }
                 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;
                 }
-                let canvasTextBoxCoords;
-                if (!data.handles.textBox.hasMoved) {
-                    canvasTextBoxCoords = (0,drawing.getTextBoxCoordsCanvas)(canvasCorners);
-                    data.handles.textBox.worldPosition =
-                        viewport.canvasToWorld(canvasTextBoxCoords);
+                if (!this.renderLinkedTextBoxAnnotation({
+                    enabledElement,
+                    svgDrawingHelper,
+                    annotation,
+                    styleSpecifier,
+                    textLines,
+                    canvasCoordinates,
+                    placementPoints: canvasCorners,
+                })) {
+                    continue;
                 }
-                const textBoxPosition = viewport.worldToCanvas(data.handles.textBox.worldPosition);
-                const textBoxUID = '1';
-                const boundingBox = (0,drawingSvg.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;
         };
@@ -21362,7 +21300,6 @@ function EllipticalROITool_defaultGetTextLines(data, targetId) {
 
 
 
-
 
 
 const { transformWorldToIndex: CircleROITool_transformWorldToIndex } = esm.utilities;
@@ -21779,40 +21716,22 @@ class CircleROITool extends base/* AnnotationTool */.EC {
                 }
                 renderStatus = true;
                 if (this.configuration.calculateStats) {
-                    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;
                     }
-                    let canvasTextBoxCoords;
-                    if (!data.handles.textBox.hasMoved) {
-                        canvasTextBoxCoords = (0,drawing.getTextBoxCoordsCanvas)(canvasCorners);
-                        data.handles.textBox.worldPosition =
-                            viewport.canvasToWorld(canvasTextBoxCoords);
+                    const linkAnchorPoints = [center, canvasCoordinates[1]];
+                    if (!this.renderLinkedTextBoxAnnotation({
+                        enabledElement,
+                        svgDrawingHelper,
+                        annotation,
+                        styleSpecifier,
+                        textLines,
+                        canvasCoordinates: linkAnchorPoints,
+                        placementPoints: canvasCorners,
+                    })) {
+                        continue;
                     }
-                    const textBoxPosition = viewport.worldToCanvas(data.handles.textBox.worldPosition);
-                    const textBoxUID = '1';
-                    const boundingBox = (0,drawingSvg.drawLinkedTextBox)(svgDrawingHelper, annotationUID, textBoxUID, textLines, textBoxPosition, [center, canvasCoordinates[1]], {}, 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;
@@ -22400,7 +22319,6 @@ var ContourSegmentationBaseTool = __webpack_require__(36320);
 
 
 
-
 const SPLINE_MIN_POINTS = 3;
 const SPLINE_CLICK_CLOSE_CURVE_DIST = 10;
 const DEFAULT_SPLINE_CONFIG = {
@@ -22747,32 +22665,33 @@ class SplineROITool extends ContourSegmentationBaseTool/* default */.A {
             element.removeEventListener(enums.Events.MOUSE_DOUBLE_CLICK, this._mouseDownCallback);
             element.removeEventListener(enums.Events.TOUCH_TAP, this._mouseDownCallback);
         };
-        this._renderStats = (annotation, viewport, svgDrawingHelper, textboxStyle) => {
+        this._renderStats = (annotation, enabledElement, svgDrawingHelper) => {
             const data = annotation.data;
+            const { viewport } = enabledElement;
             const targetId = this.getTargetId(viewport);
-            if (!data.spline.instance.closed || !textboxStyle.visibility) {
+            if (!data.spline.instance.closed) {
                 return;
             }
+            const styleSpecifier = {
+                toolGroupId: this.toolGroupId,
+                toolName: this.getToolName(),
+                viewportId: enabledElement.viewport.id,
+                annotationUID: annotation.annotationUID,
+            };
             const textLines = this.configuration.getTextLines(data, targetId);
             if (!textLines || textLines.length === 0) {
                 return;
             }
             const canvasCoordinates = data.handles.points.map((p) => viewport.worldToCanvas(p));
-            if (!data.handles.textBox.hasMoved) {
-                const canvasTextBoxCoords = (0,drawing.getTextBoxCoordsCanvas)(canvasCoordinates);
-                data.handles.textBox.worldPosition =
-                    viewport.canvasToWorld(canvasTextBoxCoords);
-            }
-            const textBoxPosition = viewport.worldToCanvas(data.handles.textBox.worldPosition);
-            const textBoxUID = 'textBox';
-            const boundingBox = (0,drawingSvg.drawLinkedTextBox)(svgDrawingHelper, annotation.annotationUID ?? '', textBoxUID, textLines, textBoxPosition, canvasCoordinates, {}, textboxStyle);
-            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,
+                textBoxUID: 'textBox',
+            });
         };
         this.addControlPointCallback = (evt, annotation) => {
             const { data } = annotation;
@@ -23044,7 +22963,7 @@ class SplineROITool extends ContourSegmentationBaseTool/* default */.A {
                 lineWidth: 1,
             });
         }
-        this._renderStats(annotation, viewport, svgDrawingHelper, annotationStyle.textbox);
+        this._renderStats(annotation, enabledElement, svgDrawingHelper);
         if (this.fireChangeOnUpdate?.annotationUID === annotationUID) {
             this.triggerChangeEvent(annotation, enabledElement, this.fireChangeOnUpdate.changeType, this.fireChangeOnUpdate.contourHoleProcessingEnabled);
             this.fireChangeOnUpdate = null;
@@ -23291,7 +23210,6 @@ var LiveWirePath = __webpack_require__(38776);
 
 
 
-
 const CLICK_CLOSE_CURVE_SQR_DIST = 10 ** 2;
 class LivewireContourTool extends ContourSegmentationBaseTool/* default */.A {
     static { this.toolName = 'LivewireContour'; }
@@ -23641,32 +23559,33 @@ class LivewireContourTool extends ContourSegmentationBaseTool/* default */.A {
             }
             return cachedStats;
         };
-        this._renderStats = (annotation, viewport, svgDrawingHelper, textboxStyle) => {
+        this._renderStats = (annotation, enabledElement, svgDrawingHelper) => {
             const data = annotation.data;
+            const { viewport } = enabledElement;
             const targetId = this.getTargetId(viewport);
-            if (!data.contour.closed || !textboxStyle.visibility) {
+            if (!data.contour.closed) {
                 return;
             }
+            const styleSpecifier = {
+                toolGroupId: this.toolGroupId,
+                toolName: this.getToolName(),
+                viewportId: enabledElement.viewport.id,
+                annotationUID: annotation.annotationUID,
+            };
             const textLines = this.configuration.getTextLines(data, targetId);
             if (!textLines || textLines.length === 0) {
                 return;
             }
             const canvasCoordinates = data.handles.points.map((p) => viewport.worldToCanvas(p));
-            if (!data.handles.textBox.hasMoved) {
-                const canvasTextBoxCoords = (0,drawing.getTextBoxCoordsCanvas)(canvasCoordinates);
-                data.handles.textBox.worldPosition =
-                    viewport.canvasToWorld(canvasTextBoxCoords);
-            }
-            const textBoxPosition = viewport.worldToCanvas(data.handles.textBox.worldPosition);
-            const textBoxUID = 'textBox';
-            const boundingBox = (0,drawingSvg.drawLinkedTextBox)(svgDrawingHelper, annotation.annotationUID ?? '', textBoxUID, textLines, textBoxPosition, canvasCoordinates, {}, textboxStyle);
-            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,
+                textBoxUID: 'textBox',
+            });
         };
         this.triggerAnnotationModified = (annotation, enabledElement, changeType = enums.ChangeTypes.StatsUpdated) => {
             const { viewportId, renderingEngineId } = enabledElement;
@@ -23894,7 +23813,7 @@ class LivewireContourTool extends ContourSegmentationBaseTool/* default */.A {
         else if (annotation.invalidated) {
             this._throttledCalculateCachedStats(annotation, element);
         }
-        this._renderStats(annotation, viewport, svgDrawingHelper, annotationStyle.textbox);
+        this._renderStats(annotation, enabledElement, svgDrawingHelper);
         return true;
     }
     updateAnnotation(livewirePath) {
@@ -24360,35 +24279,16 @@ class ArrowAnnotateTool extends base/* AnnotationTool */.EC {
                 if (!label) {
                     continue;
                 }
-                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],
-                        },
-                    };
+                if (!this.renderLinkedTextBoxAnnotation({
+                    enabledElement,
+                    svgDrawingHelper,
+                    annotation,
+                    styleSpecifier,
+                    textLines: [label],
+                    canvasCoordinates,
+                })) {
                     continue;
                 }
-                if (!data.handles.textBox.hasMoved) {
-                    const canvasTextBoxCoords = canvasCoordinates[1];
-                    data.handles.textBox.worldPosition =
-                        viewport.canvasToWorld(canvasTextBoxCoords);
-                }
-                const textBoxPosition = viewport.worldToCanvas(data.handles.textBox.worldPosition);
-                const textBoxUID = '1';
-                const boundingBox = (0,drawingSvg.drawLinkedTextBox)(svgDrawingHelper, annotationUID, textBoxUID, [label], 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;
         };
@@ -24823,36 +24723,22 @@ class AngleTool extends base/* AnnotationTool */.EC {
                 if (!data.cachedStats[targetId]?.angle) {
                     continue;
                 }
-                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 (!data.handles.textBox.hasMoved) {
-                    const canvasTextBoxCoords = canvasCoordinates[1];
-                    data.handles.textBox.worldPosition =
-                        viewport.canvasToWorld(canvasTextBoxCoords);
+                const vertexAnchor = [
+                    canvasCoordinates[1],
+                    canvasCoordinates[1],
+                ];
+                if (!this.renderLinkedTextBoxAnnotation({
+                    enabledElement,
+                    svgDrawingHelper,
+                    annotation,
+                    styleSpecifier,
+                    textLines,
+                    canvasCoordinates,
+                    placementPoints: vertexAnchor,
+                })) {
+                    continue;
                 }
-                const textBoxPosition = viewport.worldToCanvas(data.handles.textBox.worldPosition);
-                const textBoxUID = '1';
-                const boundingBox = (0,drawingSvg.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;
         };
@@ -24982,7 +24868,6 @@ var midPoint = __webpack_require__(82983);
 
 
 
-
 class CobbAngleTool extends base/* AnnotationTool */.EC {
     static { this.toolName = 'CobbAngle'; }
     constructor(toolProps = {}, defaultToolProps = {
@@ -25369,44 +25254,27 @@ class CobbAngleTool extends base/* AnnotationTool */.EC {
                 if (!data.cachedStats[targetId]?.angle) {
                     continue;
                 }
-                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],
-                        },
-                    };
+                const textLines = this.configuration.getTextLines(data, targetId);
+                if (!this.renderLinkedTextBoxAnnotation({
+                    enabledElement,
+                    svgDrawingHelper,
+                    annotation,
+                    styleSpecifier,
+                    textLines: textLines ?? [],
+                    canvasCoordinates,
+                    textBoxUID: 'cobbAngleText',
+                })) {
                     continue;
                 }
-                const textLines = this.configuration.getTextLines(data, targetId);
-                if (!data.handles.textBox.hasMoved) {
-                    const canvasTextBoxCoords = (0,drawing.getTextBoxCoordsCanvas)(canvasCoordinates);
-                    data.handles.textBox.worldPosition =
-                        viewport.canvasToWorld(canvasTextBoxCoords);
-                }
-                const textBoxPosition = viewport.worldToCanvas(data.handles.textBox.worldPosition);
-                const textBoxUID = 'cobbAngleText';
-                const boundingBox = (0,drawingSvg.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]),
-                };
                 if (this.configuration.showArcLines) {
+                    const textBoxStyleOptions = this.getLinkedTextBoxStyle(styleSpecifier, annotation);
                     const arc1TextBoxUID = 'arcAngle1';
                     const arc1TextLine = [
                         `${arc1Angle.toFixed(2)} ${String.fromCharCode(176)}`,
                     ];
                     const arch1TextPosCanvas = (0,midPoint/* midPoint2 */.f)(arc1Start, arc1End);
                     (0,drawingSvg.drawTextBox)(svgDrawingHelper, annotationUID, arc1TextBoxUID, arc1TextLine, arch1TextPosCanvas, {
-                        ...options,
+                        ...textBoxStyleOptions,
                         padding: 3,
                     });
                     const arc2TextBoxUID = 'arcAngle2';
@@ -25415,7 +25283,7 @@ class CobbAngleTool extends base/* AnnotationTool */.EC {
                     ];
                     const arch2TextPosCanvas = (0,midPoint/* midPoint2 */.f)(arc2Start, arc2End);
                     (0,drawingSvg.drawTextBox)(svgDrawingHelper, annotationUID, arc2TextBoxUID, arc2TextLine, arch2TextPosCanvas, {
-                        ...options,
+                        ...textBoxStyleOptions,
                         padding: 3,
                     });
                 }
@@ -25956,36 +25824,22 @@ class UltrasoundDirectionalTool extends base/* AnnotationTool */.EC {
                         shadow: this.configuration.shadow,
                     }, dataId);
                 }
-                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, this.configuration);
-                if (!data.handles.textBox.hasMoved) {
-                    const canvasTextBoxCoords = canvasCoordinates[1];
-                    data.handles.textBox.worldPosition =
-                        viewport.canvasToWorld(canvasTextBoxCoords);
+                const vertexAnchor = [
+                    canvasCoordinates[1],
+                    canvasCoordinates[1],
+                ];
+                if (!this.renderLinkedTextBoxAnnotation({
+                    enabledElement,
+                    svgDrawingHelper,
+                    annotation,
+                    styleSpecifier,
+                    textLines,
+                    canvasCoordinates,
+                    placementPoints: vertexAnchor,
+                })) {
+                    continue;
                 }
-                const textBoxPosition = viewport.worldToCanvas(data.handles.textBox.worldPosition);
-                const textBoxUID = '1';
-                const boundingBox = (0,drawingSvg.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;
         };
@@ -28399,7 +28253,6 @@ var RectangleROIStartEndThresholdTool = __webpack_require__(67847);
 
 
 
-
 
 
 const { transformWorldToIndex: CircleROIStartEndThresholdTool_transformWorldToIndex } = esm.utilities;
@@ -28661,40 +28514,25 @@ class CircleROIStartEndThresholdTool extends annotation_CircleROITool {
                 }
                 renderStatus = true;
                 if (this.configuration.showTextBox) {
-                    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, { metadata });
                     if (!textLines || textLines.length === 0) {
                         continue;
                     }
-                    let canvasTextBoxCoords;
-                    if (!data.handles.textBox.hasMoved) {
-                        canvasTextBoxCoords = (0,drawing.getTextBoxCoordsCanvas)(canvasCorners);
-                        data.handles.textBox.worldPosition =
-                            viewport.canvasToWorld(canvasTextBoxCoords);
+                    const linkAnchorPoints = [
+                        canvasCoordinates[0],
+                        canvasCoordinates[1],
+                    ];
+                    if (!this.renderLinkedTextBoxAnnotation({
+                        enabledElement,
+                        svgDrawingHelper,
+                        annotation,
+                        styleSpecifier,
+                        textLines,
+                        canvasCoordinates: linkAnchorPoints,
+                        placementPoints: canvasCorners,
+                    })) {
+                        continue;
                     }
-                    const textBoxPosition = viewport.worldToCanvas(data.handles.textBox.worldPosition);
-                    const textBoxUID = '1';
-                    const boundingBox = (0,drawingSvg.drawLinkedTextBox)(svgDrawingHelper, annotationUID, textBoxUID, textLines, textBoxPosition, [canvasCoordinates[0], canvasCoordinates[1]], {}, 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;
@@ -29558,7 +29396,6 @@ var segmentationColor = __webpack_require__(93733);
 
 
 
-
 class SegmentBidirectionalTool extends BidirectionalTool/* default */.A {
     static { this.toolName = 'SegmentBidirectional'; }
     constructor(toolProps = {}) {
@@ -29644,41 +29481,20 @@ class SegmentBidirectionalTool extends BidirectionalTool/* default */.A {
                     shadow,
                 }, dataId2);
                 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;
-                }
-                options.color = color;
                 const textLines = this.configuration.getTextLines(data, targetId);
                 if (!textLines || textLines.length === 0) {
                     continue;
                 }
-                let canvasTextBoxCoords;
-                if (!data.handles.textBox.hasMoved) {
-                    canvasTextBoxCoords = (0,drawing.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.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;
         };
@@ -31527,10 +31343,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();
 }
@@ -31672,70 +31494,6 @@ function drawHandles(svgDrawingHelper, annotationUID, handleGroupUID, handlePoin
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (drawHandles);
 
 
-/***/ },
-
-/***/ 1595
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-
-// 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
@@ -35394,11 +35152,9 @@ function resetSvgNodeCache() {
 /* 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_line__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(93258);
-/* 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 _stateManagement_annotation_config_helpers__WEBPACK_IMPORTED_MODULE_17__ = __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 _stateManagement_annotation_config_helpers__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(76712);
 
 
 
@@ -35479,8 +35235,8 @@ class BidirectionalTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .Annotation
             this._activateModify(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,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_15__.hideElementCursor)(element);
+            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A)(viewportIdsToRender);
+            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_14__.hideElementCursor)(element);
             evt.preventDefault();
         };
         this.handleSelectedCallback = (evt, annotation, handle) => {
@@ -35497,7 +35253,7 @@ class BidirectionalTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .Annotation
                 handleIndex = data.handles.points.findIndex((p) => p === handle);
             }
             const viewportIdsToRender = (0,_utilities_viewportFilters__WEBPACK_IMPORTED_MODULE_12__.getViewportIdsWithToolToRender)(element, this.getToolName());
-            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_15__.hideElementCursor)(element);
+            (0,_cursors_elementCursor__WEBPACK_IMPORTED_MODULE_14__.hideElementCursor)(element);
             this.editData = {
                 annotation,
                 viewportIdsToRender,
@@ -35507,7 +35263,7 @@ class BidirectionalTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .Annotation
             this._activateModify(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) => {
@@ -35522,7 +35278,7 @@ class BidirectionalTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .Annotation
             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);
             const { renderingEngine } = (0,_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_1__.getEnabledElement)(element);
             if (this.editData.handleIndex !== undefined) {
                 const { points } = data.handles;
@@ -35557,7 +35313,7 @@ class BidirectionalTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .Annotation
                 this.configuration.preventHandleOutsideImage) {
                 (0,_stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_5__.removeAnnotation)(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);
             }
@@ -35619,7 +35375,7 @@ class BidirectionalTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .Annotation
             data.handles.points[2] = viewport.canvasToWorld([startX, startY]);
             data.handles.points[3] = viewport.canvasToWorld([endX, endY]);
             annotation.invalidated = true;
-            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_16__/* ["default"] */ .A)(viewportIdsToRender);
+            (0,_utilities_triggerAnnotationRenderForViewportIds__WEBPACK_IMPORTED_MODULE_15__/* ["default"] */ .A)(viewportIdsToRender);
             (0,_stateManagement_annotation_helpers_state__WEBPACK_IMPORTED_MODULE_8__.triggerAnnotationModified)(annotation, element, _enums__WEBPACK_IMPORTED_MODULE_11__.ChangeTypes.HandlesUpdated);
             this.editData.hasMoved = true;
         };
@@ -35655,7 +35411,7 @@ class BidirectionalTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .Annotation
                 this._dragModifyHandle(evt);
                 annotation.invalidated = true;
             }
-            (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);
             }
@@ -35810,12 +35566,12 @@ class BidirectionalTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .Annotation
                 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);
                 }
@@ -35915,7 +35671,7 @@ class BidirectionalTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .Annotation
                     activeHandleIndex !== null) {
                     activeHandleCanvasCoords = [canvasCoordinates[activeHandleIndex]];
                 }
-                const showHandlesAlways = Boolean((0,_stateManagement_annotation_config_helpers__WEBPACK_IMPORTED_MODULE_17__/* .getStyleProperty */ .h)('showHandlesAlways', {}));
+                const showHandlesAlways = Boolean((0,_stateManagement_annotation_config_helpers__WEBPACK_IMPORTED_MODULE_16__/* .getStyleProperty */ .h)('showHandlesAlways', {}));
                 if (activeHandleCanvasCoords || showHandlesAlways) {
                     const handleGroupUID = '0';
                     (0,_drawingSvg__WEBPACK_IMPORTED_MODULE_9__.drawHandles)(svgDrawingHelper, annotationUID, handleGroupUID, showHandlesAlways ? canvasCoordinates : activeHandleCanvasCoords, {
@@ -35939,40 +35695,20 @@ class BidirectionalTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .Annotation
                     shadow,
                 }, dataId2);
                 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;
                 }
-                let canvasTextBoxCoords;
-                if (!data.handles.textBox.hasMoved) {
-                    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;
         };
@@ -36076,9 +35812,9 @@ class BidirectionalTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .Annotation
             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;
     }
     static { this.hydrate = (viewportId, axis, options) => {
@@ -36125,7 +35861,7 @@ class BidirectionalTool extends _base__WEBPACK_IMPORTED_MODULE_3__/* .Annotation
             },
         };
         (0,_stateManagement_annotation_annotationState__WEBPACK_IMPORTED_MODULE_5__.addAnnotation)(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]);
         return annotation;
     }; }
 }
@@ -36206,7 +35942,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);
@@ -36218,16 +35954,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);
 
 
 
@@ -36253,7 +35985,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'],
@@ -36261,7 +35993,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,
@@ -36288,7 +36020,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);
@@ -36373,10 +36105,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);
@@ -36428,7 +36160,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;
         };
@@ -36441,30 +36173,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);
@@ -36700,7 +36421,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]
@@ -36729,13 +36450,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,
@@ -36760,7 +36481,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,
@@ -36827,14 +36548,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);
 
 
 
@@ -36866,7 +36585,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);
@@ -36911,9 +36630,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) => {
@@ -36946,10 +36665,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) => {
@@ -36973,10 +36692,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) => {
@@ -36990,7 +36709,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;
@@ -36998,7 +36717,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);
             }
@@ -37080,7 +36799,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);
             }
@@ -37090,12 +36809,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);
                 }
@@ -37217,7 +36936,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, {
@@ -37232,39 +36951,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;
         };
@@ -37317,10 +37017,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, {
@@ -37394,7 +37094,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) {
@@ -37440,10 +37140,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);
+
+
 
 
 
@@ -37558,6 +37262,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);
@@ -37609,7 +37361,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,
         };
     }
@@ -37633,19 +37385,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;
@@ -37663,7 +37415,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,
@@ -39490,19 +39242,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,
@@ -39514,6 +39368,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 };
+}
 
 
 /***/ },
@@ -39920,7 +39784,7 @@ var getCanvasEllipseCorners = __webpack_require__(2222);
 
 /***/ },
 
-/***/ 85895
+/***/ 18153
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -39941,17 +39805,11 @@ __webpack_require__.r(aabb_namespaceObject);
 __webpack_require__.d(aabb_namespaceObject, {
   distanceToPoint: () => (distanceToPoint),
   distanceToPointSquared: () => (distanceToPointSquared),
-  intersectAABB: () => (intersectAABB)
+  intersectAABB: () => (intersectAABB/* default */.A)
 });
 
-;// ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/math/aabb/intersectAABB.js
-function intersectAABB(aabb1, aabb2) {
-    return (aabb1.minX <= aabb2.maxX &&
-        aabb1.maxX >= aabb2.minX &&
-        aabb1.minY <= aabb2.maxY &&
-        aabb1.maxY >= aabb2.minY);
-}
-
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/math/aabb/intersectAABB.js
+var intersectAABB = __webpack_require__(33277);
 ;// ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/math/aabb/distanceToPointSquared.js
 function distanceToPointSquared(aabb, point) {
     const aabbWidth = aabb.maxX - aabb.minX;