@cornerstonejs/tools 1.34.0 → 1.35.0

package/dist/cjs/tools/annotation/SplineROITool.js

@@ -0,0 +1,709 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const base_1 = require("../base");
+const core_1 = require("@cornerstonejs/core");
+const gl_matrix_1 = require("gl-matrix");
+const annotationState_1 = require("../../stateManagement/annotation/annotationState");
+const annotationLocking_1 = require("../../stateManagement/annotation/annotationLocking");
+const annotationVisibility_1 = require("../../stateManagement/annotation/annotationVisibility");
+const drawingSvg_1 = require("../../drawingSvg");
+const store_1 = require("../../store");
+const enums_1 = require("../../enums");
+const elementCursor_1 = require("../../cursors/elementCursor");
+const utilities_1 = require("../../utilities");
+const CardinalSpline_1 = require("./splines/CardinalSpline");
+const LinearSpline_1 = require("./splines/LinearSpline");
+const CatmullRomSpline_1 = require("./splines/CatmullRomSpline");
+const BSpline_1 = require("./splines/BSpline");
+const { getViewportIdsWithToolToRender } = utilities_1.viewportFilters;
+const { getTextBoxCoordsCanvas } = utilities_1.drawing;
+const SPLINE_MIN_POINTS = 3;
+const SPLINE_CLICK_CLOSE_CURVE_DIST = 10;
+const DEFAULT_SPLINE_CONFIG = {
+    resolution: 20,
+    controlPointAdditionDistance: 6,
+    controlPointDeletionDistance: 6,
+    showControlPointsConnectors: false,
+    controlPointAdditionEnabled: true,
+    controlPointDeletionEnabled: true,
+};
+var SplineTypesEnum;
+(function (SplineTypesEnum) {
+    SplineTypesEnum["Cardinal"] = "CARDINAL";
+    SplineTypesEnum["Linear"] = "LINEAR";
+    SplineTypesEnum["CatmullRom"] = "CATMULLROM";
+    SplineTypesEnum["BSpline"] = "BSPLINE";
+})(SplineTypesEnum || (SplineTypesEnum = {}));
+var SplineToolActions;
+(function (SplineToolActions) {
+    SplineToolActions["AddControlPoint"] = "addControlPoint";
+    SplineToolActions["DeleteControlPoint"] = "deleteControlPoint";
+})(SplineToolActions || (SplineToolActions = {}));
+class SplineROITool extends base_1.AnnotationTool {
+    constructor(toolProps = {}, defaultToolProps = {
+        supportedInteractionTypes: ['Mouse', 'Touch'],
+        configuration: {
+            preventHandleOutsideImage: false,
+            calculateStats: true,
+            getTextLines: defaultGetTextLines,
+            spline: {
+                configuration: {
+                    [SplineTypesEnum.Cardinal]: {
+                        Class: CardinalSpline_1.CardinalSpline,
+                        scale: 0.5,
+                    },
+                    [SplineTypesEnum.CatmullRom]: {
+                        Class: CatmullRomSpline_1.CatmullRomSpline,
+                    },
+                    [SplineTypesEnum.Linear]: {
+                        Class: LinearSpline_1.LinearSpline,
+                    },
+                    [SplineTypesEnum.BSpline]: {
+                        Class: BSpline_1.BSpline,
+                        controlPointAdditionEnabled: false,
+                        controlPointDeletionEnabled: false,
+                        showControlPointsConnectors: true,
+                    },
+                },
+                type: SplineTypesEnum.CatmullRom,
+                drawPreviewEnabled: true,
+                lastControlPointDeletionKeys: ['Backspace', 'Delete'],
+            },
+            actions: {
+                [SplineToolActions.AddControlPoint]: {
+                    method: 'addControlPointCallback',
+                    bindings: [
+                        {
+                            mouseButton: enums_1.MouseBindings.Primary,
+                            modifierKey: enums_1.KeyboardBindings.Shift,
+                        },
+                    ],
+                },
+                [SplineToolActions.DeleteControlPoint]: {
+                    method: 'deleteControlPointCallback',
+                    bindings: [
+                        {
+                            mouseButton: enums_1.MouseBindings.Primary,
+                            modifierKey: enums_1.KeyboardBindings.Ctrl,
+                        },
+                    ],
+                },
+            },
+        },
+    }) {
+        super(toolProps, defaultToolProps);
+        this.isHandleOutsideImage = false;
+        this.addNewAnnotation = (evt) => {
+            const eventDetail = evt.detail;
+            const { currentPoints, element } = eventDetail;
+            const { world: worldPos, canvas: canvasPos } = currentPoints;
+            const enabledElement = (0, core_1.getEnabledElement)(element);
+            const { viewport, renderingEngine } = enabledElement;
+            this.isDrawing = true;
+            const camera = viewport.getCamera();
+            const { viewPlaneNormal, viewUp } = camera;
+            const { type: splineType } = this.configuration.spline;
+            const splineConfig = this._getSplineConfig(splineType);
+            const spline = new splineConfig.Class();
+            const referencedImageId = this.getReferencedImageId(viewport, worldPos, viewPlaneNormal, viewUp);
+            const FrameOfReferenceUID = viewport.getFrameOfReferenceUID();
+            const annotation = {
+                highlighted: true,
+                invalidated: true,
+                metadata: {
+                    toolName: this.getToolName(),
+                    viewPlaneNormal: [...viewPlaneNormal],
+                    viewUp: [...viewUp],
+                    FrameOfReferenceUID,
+                    referencedImageId,
+                },
+                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],
+                            },
+                        },
+                        points: [[...worldPos]],
+                        activeHandleIndex: null,
+                    },
+                    spline: {
+                        type: splineConfig.type,
+                        instance: spline,
+                        resolution: splineConfig.resolution,
+                        closed: false,
+                        polyline: [],
+                    },
+                    cachedStats: {},
+                },
+            };
+            (0, annotationState_1.addAnnotation)(annotation, element);
+            const viewportIdsToRender = getViewportIdsWithToolToRender(element, this.getToolName());
+            this.editData = {
+                annotation,
+                viewportIdsToRender,
+                movingTextBox: false,
+                newAnnotation: true,
+                hasMoved: false,
+                lastCanvasPoint: canvasPos,
+            };
+            this._activateDraw(element);
+            evt.preventDefault();
+            (0, utilities_1.triggerAnnotationRenderForViewportIds)(renderingEngine, viewportIdsToRender);
+            return annotation;
+        };
+        this.isPointNearTool = (element, annotation, canvasCoords, proximity) => {
+            const { instance: spline } = annotation.data.spline;
+            return spline.isPointNearCurve(canvasCoords, proximity);
+        };
+        this.toolSelectedCallback = (evt, annotation) => {
+            const eventDetail = evt.detail;
+            const { element } = eventDetail;
+            annotation.highlighted = true;
+            const viewportIdsToRender = getViewportIdsWithToolToRender(element, this.getToolName());
+            this.editData = {
+                annotation,
+                viewportIdsToRender,
+                movingTextBox: false,
+            };
+            const enabledElement = (0, core_1.getEnabledElement)(element);
+            const { renderingEngine } = enabledElement;
+            this._activateModify(element);
+            (0, utilities_1.triggerAnnotationRenderForViewportIds)(renderingEngine, viewportIdsToRender);
+            evt.preventDefault();
+        };
+        this.handleSelectedCallback = (evt, annotation, handle) => {
+            const eventDetail = evt.detail;
+            const { element } = eventDetail;
+            const { data } = annotation;
+            annotation.highlighted = true;
+            let movingTextBox = false;
+            let handleIndex;
+            if (handle.worldPosition) {
+                movingTextBox = true;
+            }
+            else {
+                const { points } = data.handles;
+                handleIndex = points.findIndex((p) => p === handle);
+            }
+            const viewportIdsToRender = getViewportIdsWithToolToRender(element, this.getToolName());
+            this.editData = {
+                annotation,
+                viewportIdsToRender,
+                handleIndex,
+                movingTextBox,
+            };
+            this._activateModify(element);
+            const enabledElement = (0, core_1.getEnabledElement)(element);
+            const { renderingEngine } = enabledElement;
+            (0, utilities_1.triggerAnnotationRenderForViewportIds)(renderingEngine, viewportIdsToRender);
+            evt.preventDefault();
+        };
+        this._endCallback = (evt) => {
+            const eventDetail = evt.detail;
+            const { element } = eventDetail;
+            const { annotation, viewportIdsToRender, newAnnotation } = this.editData;
+            const { data } = annotation;
+            data.handles.activeHandleIndex = null;
+            this._deactivateModify(element);
+            this._deactivateDraw(element);
+            (0, elementCursor_1.resetElementCursor)(element);
+            const enabledElement = (0, core_1.getEnabledElement)(element);
+            const { renderingEngine } = enabledElement;
+            if (this.isHandleOutsideImage &&
+                this.configuration.preventHandleOutsideImage) {
+                (0, annotationState_1.removeAnnotation)(annotation.annotationUID);
+            }
+            (0, utilities_1.triggerAnnotationRenderForViewportIds)(renderingEngine, viewportIdsToRender);
+            if (newAnnotation) {
+                const eventType = enums_1.Events.ANNOTATION_COMPLETED;
+                const eventDetail = {
+                    annotation,
+                };
+                (0, core_1.triggerEvent)(core_1.eventTarget, eventType, eventDetail);
+            }
+            this.editData = null;
+            this.isDrawing = false;
+        };
+        this._keyDownCallback = (evt) => {
+            var _a;
+            const eventDetail = evt.detail;
+            const { element } = eventDetail;
+            const key = (_a = eventDetail.key) !== null && _a !== void 0 ? _a : '';
+            const { lastControlPointDeletionKeys } = this.configuration.spline;
+            const deleteLastPoint = lastControlPointDeletionKeys.includes(key);
+            if (!deleteLastPoint) {
+                return;
+            }
+            const { annotation } = this.editData;
+            const { data } = annotation;
+            if (data.handles.points.length === SPLINE_MIN_POINTS) {
+                this.cancel(element);
+                return;
+            }
+            else {
+                const controlPointIndex = data.handles.points.length - 1;
+                this._deleteControlPointByIndex(element, annotation, controlPointIndex);
+            }
+            evt.preventDefault();
+        };
+        this._mouseMoveCallback = (evt) => {
+            const { drawPreviewEnabled } = this.configuration.spline;
+            if (!drawPreviewEnabled) {
+                return;
+            }
+            const { element } = evt.detail;
+            const { renderingEngine } = (0, core_1.getEnabledElement)(element);
+            const viewportIdsToRender = getViewportIdsWithToolToRender(element, this.getToolName());
+            this.editData.lastCanvasPoint = evt.detail.currentPoints.canvas;
+            (0, utilities_1.triggerAnnotationRenderForViewportIds)(renderingEngine, viewportIdsToRender);
+            evt.preventDefault();
+        };
+        this._mouseDownCallback = (evt) => {
+            const doubleClick = evt.type === enums_1.Events.MOUSE_DOUBLE_CLICK;
+            const { annotation, viewportIdsToRender } = this.editData;
+            const { data } = annotation;
+            if (data.spline.closed) {
+                return;
+            }
+            const eventDetail = evt.detail;
+            const { element } = eventDetail;
+            const { currentPoints } = eventDetail;
+            const { canvas: canvasPoint, world: worldPoint } = currentPoints;
+            const enabledElement = (0, core_1.getEnabledElement)(element);
+            const { renderingEngine } = enabledElement;
+            let closeSpline = data.handles.points.length >= 2 && doubleClick;
+            let addNewPoint = true;
+            if (data.handles.points.length >= 3) {
+                const { instance: spline } = data.spline;
+                const closestControlPoint = spline.getClosestControlPointWithinDistance(canvasPoint, SPLINE_CLICK_CLOSE_CURVE_DIST);
+                if ((closestControlPoint === null || closestControlPoint === void 0 ? void 0 : closestControlPoint.index) === 0) {
+                    addNewPoint = false;
+                    closeSpline = true;
+                }
+            }
+            if (addNewPoint) {
+                data.handles.points.push(worldPoint);
+            }
+            data.spline.closed = data.spline.closed || closeSpline;
+            annotation.invalidated = true;
+            (0, utilities_1.triggerAnnotationRenderForViewportIds)(renderingEngine, viewportIdsToRender);
+            if (data.spline.closed) {
+                this._endCallback(evt);
+            }
+            evt.preventDefault();
+        };
+        this._dragCallback = (evt) => {
+            this.isDrawing = true;
+            const eventDetail = evt.detail;
+            const { element } = eventDetail;
+            const { annotation, viewportIdsToRender, handleIndex, movingTextBox } = this.editData;
+            const { data } = annotation;
+            if (movingTextBox) {
+                const { deltaPoints } = eventDetail;
+                const worldPosDelta = deltaPoints.world;
+                const { textBox } = data.handles;
+                const { worldPosition } = textBox;
+                worldPosition[0] += worldPosDelta[0];
+                worldPosition[1] += worldPosDelta[1];
+                worldPosition[2] += worldPosDelta[2];
+                textBox.hasMoved = true;
+            }
+            else if (handleIndex === undefined) {
+                const { deltaPoints } = eventDetail;
+                const worldPosDelta = deltaPoints.world;
+                const points = data.handles.points;
+                points.forEach((point) => {
+                    point[0] += worldPosDelta[0];
+                    point[1] += worldPosDelta[1];
+                    point[2] += worldPosDelta[2];
+                });
+                annotation.invalidated = true;
+            }
+            else {
+                const { currentPoints } = eventDetail;
+                const worldPos = currentPoints.world;
+                data.handles.points[handleIndex] = [...worldPos];
+                annotation.invalidated = true;
+            }
+            this.editData.hasMoved = true;
+            const enabledElement = (0, core_1.getEnabledElement)(element);
+            const { renderingEngine } = enabledElement;
+            (0, utilities_1.triggerAnnotationRenderForViewportIds)(renderingEngine, viewportIdsToRender);
+        };
+        this.cancel = (element) => {
+            if (!this.isDrawing) {
+                return;
+            }
+            this.isDrawing = false;
+            this._deactivateDraw(element);
+            this._deactivateModify(element);
+            (0, elementCursor_1.resetElementCursor)(element);
+            const { annotation, viewportIdsToRender, newAnnotation } = this.editData;
+            if (newAnnotation) {
+                (0, annotationState_1.removeAnnotation)(annotation.annotationUID);
+            }
+            const enabledElement = (0, core_1.getEnabledElement)(element);
+            const { renderingEngine } = enabledElement;
+            (0, utilities_1.triggerAnnotationRenderForViewportIds)(renderingEngine, viewportIdsToRender);
+            this.editData = null;
+            return annotation.annotationUID;
+        };
+        this.triggerAnnotationModified = (annotation, enabledElement) => {
+            const { viewportId, renderingEngineId } = enabledElement;
+            const eventType = enums_1.Events.ANNOTATION_MODIFIED;
+            const eventDetail = {
+                annotation,
+                viewportId,
+                renderingEngineId,
+            };
+            (0, core_1.triggerEvent)(core_1.eventTarget, eventType, eventDetail);
+        };
+        this._activateModify = (element) => {
+            store_1.state.isInteractingWithTool = true;
+            element.addEventListener(enums_1.Events.MOUSE_UP, this._endCallback);
+            element.addEventListener(enums_1.Events.MOUSE_DRAG, this._dragCallback);
+            element.addEventListener(enums_1.Events.MOUSE_CLICK, this._endCallback);
+            element.addEventListener(enums_1.Events.TOUCH_END, this._endCallback);
+            element.addEventListener(enums_1.Events.TOUCH_DRAG, this._dragCallback);
+            element.addEventListener(enums_1.Events.TOUCH_TAP, this._endCallback);
+        };
+        this._deactivateModify = (element) => {
+            store_1.state.isInteractingWithTool = false;
+            element.removeEventListener(enums_1.Events.MOUSE_UP, this._endCallback);
+            element.removeEventListener(enums_1.Events.MOUSE_DRAG, this._dragCallback);
+            element.removeEventListener(enums_1.Events.MOUSE_CLICK, this._endCallback);
+            element.removeEventListener(enums_1.Events.TOUCH_END, this._endCallback);
+            element.removeEventListener(enums_1.Events.TOUCH_DRAG, this._dragCallback);
+            element.removeEventListener(enums_1.Events.TOUCH_TAP, this._endCallback);
+        };
+        this._activateDraw = (element) => {
+            store_1.state.isInteractingWithTool = true;
+            element.addEventListener(enums_1.Events.KEY_DOWN, this._keyDownCallback);
+            element.addEventListener(enums_1.Events.MOUSE_MOVE, this._mouseMoveCallback);
+            element.addEventListener(enums_1.Events.MOUSE_DOWN, this._mouseDownCallback);
+            element.addEventListener(enums_1.Events.MOUSE_DOUBLE_CLICK, this._mouseDownCallback);
+            element.addEventListener(enums_1.Events.TOUCH_TAP, this._mouseDownCallback);
+        };
+        this._deactivateDraw = (element) => {
+            store_1.state.isInteractingWithTool = false;
+            element.removeEventListener(enums_1.Events.KEY_DOWN, this._keyDownCallback);
+            element.removeEventListener(enums_1.Events.MOUSE_MOVE, this._mouseMoveCallback);
+            element.removeEventListener(enums_1.Events.MOUSE_DOWN, this._mouseDownCallback);
+            element.removeEventListener(enums_1.Events.MOUSE_DOUBLE_CLICK, this._mouseDownCallback);
+            element.removeEventListener(enums_1.Events.TOUCH_TAP, this._mouseDownCallback);
+        };
+        this.renderAnnotation = (enabledElement, svgDrawingHelper) => {
+            var _a, _b;
+            let renderStatus = false;
+            const { viewport } = enabledElement;
+            const { worldToCanvas } = viewport;
+            const { element } = viewport;
+            if (!viewport.getRenderingEngine()) {
+                console.warn('Rendering Engine has been destroyed');
+                return renderStatus;
+            }
+            let annotations = (0, annotationState_1.getAnnotations)(this.getToolName(), element);
+            if (!(annotations === null || annotations === void 0 ? void 0 : annotations.length)) {
+                return renderStatus;
+            }
+            annotations = this.filterInteractableAnnotationsForElement(element, annotations);
+            if (!(annotations === null || annotations === void 0 ? void 0 : annotations.length)) {
+                return renderStatus;
+            }
+            const targetId = this.getTargetId(viewport);
+            const newAnnotation = (_a = this.editData) === null || _a === void 0 ? void 0 : _a.newAnnotation;
+            const styleSpecifier = {
+                toolGroupId: this.toolGroupId,
+                toolName: this.getToolName(),
+                viewportId: enabledElement.viewport.id,
+            };
+            for (let i = 0; i < annotations.length; i++) {
+                const annotation = annotations[i];
+                const { annotationUID, data, highlighted } = annotation;
+                const { handles } = data;
+                const { points: controlPoints, activeHandleIndex } = handles;
+                styleSpecifier.annotationUID = annotationUID;
+                const lineWidth = this.getStyle('lineWidth', styleSpecifier, annotation);
+                const lineDash = this.getStyle('lineDash', styleSpecifier, annotation);
+                const color = this.getStyle('color', styleSpecifier, annotation);
+                const canvasCoordinates = controlPoints.map((p) => worldToCanvas(p));
+                const { drawPreviewEnabled } = this.configuration.spline;
+                const splineType = annotation.data.spline.type;
+                const splineConfig = this._getSplineConfig(splineType);
+                const spline = this._updateSplineInstance(element, annotation);
+                const splinePolylineCanvas = spline.getPolylinePoints();
+                const splinePolylineWorld = [];
+                for (let i = 0, len = splinePolylineCanvas.length; i < len; i++) {
+                    splinePolylineWorld.push(viewport.canvasToWorld(splinePolylineCanvas[i]));
+                }
+                data.spline.polyline = splinePolylineWorld;
+                if (!data.cachedStats[targetId] ||
+                    data.cachedStats[targetId].areaUnit == null) {
+                    data.cachedStats[targetId] = {
+                        Modality: null,
+                        area: null,
+                        areaUnit: null,
+                    };
+                    this._calculateCachedStats(annotation, element);
+                }
+                else if (annotation.invalidated) {
+                    this._throttledCalculateCachedStats(annotation, element);
+                }
+                let activeHandleCanvasCoords;
+                if (!(0, annotationVisibility_1.isAnnotationVisible)(annotationUID)) {
+                    continue;
+                }
+                if (!(0, annotationLocking_1.isAnnotationLocked)(annotation) &&
+                    !this.editData &&
+                    activeHandleIndex !== null) {
+                    activeHandleCanvasCoords = [canvasCoordinates[activeHandleIndex]];
+                }
+                if (activeHandleCanvasCoords || newAnnotation || highlighted) {
+                    const handleGroupUID = '0';
+                    (0, drawingSvg_1.drawHandles)(svgDrawingHelper, annotationUID, handleGroupUID, canvasCoordinates, {
+                        color,
+                        lineDash,
+                        lineWidth,
+                        handleRadius: '3',
+                    });
+                }
+                if (drawPreviewEnabled &&
+                    spline.numControlPoints > 1 &&
+                    ((_b = this.editData) === null || _b === void 0 ? void 0 : _b.lastCanvasPoint) &&
+                    !spline.closed) {
+                    const { lastCanvasPoint } = this.editData;
+                    const previewPolylinePoints = spline.getPreviewPolylinePoints(lastCanvasPoint, SPLINE_CLICK_CLOSE_CURVE_DIST);
+                    (0, drawingSvg_1.drawPolyline)(svgDrawingHelper, annotationUID, 'previewSplineChange', previewPolylinePoints, {
+                        color: '#9EA0CA',
+                        lineDash,
+                        lineWidth,
+                    });
+                }
+                if (splineConfig.showControlPointsConnectors) {
+                    const controlPointsConnectors = [...canvasCoordinates];
+                    if (spline.closed) {
+                        controlPointsConnectors.push(canvasCoordinates[0]);
+                    }
+                    (0, drawingSvg_1.drawPolyline)(svgDrawingHelper, annotationUID, 'controlPointsConnectors', controlPointsConnectors, {
+                        color: 'rgba(255, 255, 255, 0.5)',
+                        lineDash,
+                        lineWidth,
+                    });
+                }
+                (0, drawingSvg_1.drawPolyline)(svgDrawingHelper, annotationUID, 'lineSegments', splinePolylineCanvas, {
+                    color,
+                    lineDash,
+                    lineWidth,
+                });
+                this._renderStats(annotation, viewport, enabledElement, svgDrawingHelper);
+                renderStatus = true;
+                annotation.invalidated = false;
+            }
+            return renderStatus;
+        };
+        this._renderStats = (annotation, viewport, enabledElement, svgDrawingHelper) => {
+            var _a;
+            const data = annotation.data;
+            const targetId = this.getTargetId(viewport);
+            if (!data.spline.closed) {
+                return;
+            }
+            const styleSpecifier = {
+                toolGroupId: this.toolGroupId,
+                toolName: this.getToolName(),
+                viewportId: enabledElement.viewport.id,
+            };
+            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.handles.points.map((p) => viewport.worldToCanvas(p));
+            if (!data.handles.textBox.hasMoved) {
+                const canvasTextBoxCoords = getTextBoxCoordsCanvas(canvasCoordinates);
+                data.handles.textBox.worldPosition =
+                    viewport.canvasToWorld(canvasTextBoxCoords);
+            }
+            const textBoxPosition = viewport.worldToCanvas(data.handles.textBox.worldPosition);
+            const textBoxUID = 'textBox';
+            const boundingBox = (0, drawingSvg_1.drawLinkedTextBox)(svgDrawingHelper, (_a = annotation.annotationUID) !== null && _a !== void 0 ? _a : '', 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.addControlPointCallback = (evt, annotation) => {
+            const { data } = annotation;
+            const splineType = data.spline.type;
+            const splineConfig = this._getSplineConfig(splineType);
+            const maxDist = splineConfig.controlPointAdditionDistance;
+            if (splineConfig.controlPointAdditionEnabled === false) {
+                return;
+            }
+            const eventDetail = evt.detail;
+            const { element } = eventDetail;
+            const enabledElement = (0, core_1.getEnabledElement)(element);
+            const { renderingEngine, viewport } = enabledElement;
+            const { canvasToWorld } = viewport;
+            const { instance: spline } = data.spline;
+            const canvasPos = evt.detail.currentPoints.canvas;
+            const closestPointInfo = spline.getClosestPoint(canvasPos);
+            if (closestPointInfo.distance > maxDist) {
+                return;
+            }
+            const { index, point: canvasPoint } = spline.addControlPointAtU(closestPointInfo.uValue);
+            data.handles.points.splice(index, 0, canvasToWorld(canvasPoint));
+            annotation.invalidated = true;
+            const viewportIdsToRender = getViewportIdsWithToolToRender(element, this.getToolName());
+            (0, utilities_1.triggerAnnotationRenderForViewportIds)(renderingEngine, viewportIdsToRender);
+        };
+        this.deleteControlPointCallback = (evt, annotation) => {
+            const splineType = annotation.data.spline.type;
+            const splineConfig = this._getSplineConfig(splineType);
+            const maxDist = splineConfig.controlPointDeletionDistance;
+            if (splineConfig.controlPointDeletionEnabled === false) {
+                return;
+            }
+            const eventDetail = evt.detail;
+            const { element, currentPoints } = eventDetail;
+            const { canvas: canvasPos } = currentPoints;
+            const { instance: spline } = annotation.data.spline;
+            const closestControlPoint = spline.getClosestControlPointWithinDistance(canvasPos, maxDist);
+            if (!closestControlPoint) {
+                return;
+            }
+            this._deleteControlPointByIndex(element, annotation, closestControlPoint.index);
+        };
+        this._calculateCachedStats = (annotation, element) => {
+            if (!this.configuration.calculateStats) {
+                return;
+            }
+            const data = annotation.data;
+            if (!data.spline.closed) {
+                return;
+            }
+            const enabledElement = (0, core_1.getEnabledElement)(element);
+            const { viewport, renderingEngine } = enabledElement;
+            const { cachedStats } = data;
+            const { polyline: points } = data.spline;
+            const targetIds = Object.keys(cachedStats);
+            for (let i = 0; i < targetIds.length; i++) {
+                const targetId = targetIds[i];
+                const image = this.getTargetIdImage(targetId, renderingEngine);
+                if (!image) {
+                    continue;
+                }
+                const { metadata } = image;
+                const canvasCoordinates = points.map((p) => viewport.worldToCanvas(p));
+                const canvasPoint = canvasCoordinates[0];
+                const originalWorldPoint = viewport.canvasToWorld(canvasPoint);
+                const deltaXPoint = viewport.canvasToWorld([
+                    canvasPoint[0] + 1,
+                    canvasPoint[1],
+                ]);
+                const deltaYPoint = viewport.canvasToWorld([
+                    canvasPoint[0],
+                    canvasPoint[1] + 1,
+                ]);
+                const deltaInX = gl_matrix_1.vec3.distance(originalWorldPoint, deltaXPoint);
+                const deltaInY = gl_matrix_1.vec3.distance(originalWorldPoint, deltaYPoint);
+                const scale = (0, utilities_1.getCalibratedScale)(image);
+                let area = utilities_1.math.polyline.calculateAreaOfPoints(canvasCoordinates) / scale / scale;
+                area *= deltaInX * deltaInY;
+                cachedStats[targetId] = {
+                    Modality: metadata.Modality,
+                    area,
+                    areaUnit: (0, utilities_1.getCalibratedAreaUnits)(null, image),
+                };
+            }
+            this.triggerAnnotationModified(annotation, enabledElement);
+            return cachedStats;
+        };
+        this._throttledCalculateCachedStats = (0, utilities_1.throttle)(this._calculateCachedStats, 100, { trailing: true });
+    }
+    _deleteControlPointByIndex(element, annotation, controlPointIndex) {
+        const enabledElement = (0, core_1.getEnabledElement)(element);
+        const { points: controlPoints } = annotation.data.handles;
+        if (controlPoints.length === 3) {
+            (0, annotationState_1.removeAnnotation)(annotation.annotationUID);
+        }
+        else {
+            controlPoints.splice(controlPointIndex, 1);
+        }
+        const { renderingEngine } = enabledElement;
+        const viewportIdsToRender = getViewportIdsWithToolToRender(element, this.getToolName());
+        annotation.invalidated = true;
+        (0, utilities_1.triggerAnnotationRenderForViewportIds)(renderingEngine, viewportIdsToRender);
+    }
+    _getSplineConfig(type) {
+        const { configuration: config } = this;
+        const splineConfigs = config.spline.configuration;
+        return Object.assign({ type }, DEFAULT_SPLINE_CONFIG, splineConfigs[type]);
+    }
+    _updateSplineScale(spline, annotation) {
+        const splineType = annotation.data.spline.type;
+        const splineConfig = this._getSplineConfig(splineType);
+        if (!(spline instanceof CardinalSpline_1.CardinalSpline) ||
+            spline.fixedScale ||
+            splineConfig.scale === undefined ||
+            spline.scale === splineConfig.scale) {
+            return;
+        }
+        spline.scale = splineConfig.scale;
+        annotation.invalidated = true;
+    }
+    _updateSplineInstance(element, annotation) {
+        var _a;
+        const enabledElement = (0, core_1.getEnabledElement)(element);
+        const { viewport } = enabledElement;
+        const { worldToCanvas } = viewport;
+        const { data } = annotation;
+        const { type: splineType, instance: spline } = annotation.data.spline;
+        const splineConfig = this._getSplineConfig(splineType);
+        const worldPoints = data.handles.points;
+        const canvasPoints = worldPoints.map(worldToCanvas);
+        spline.setControlPoints(canvasPoints);
+        spline.closed = !!((_a = data.spline) === null || _a === void 0 ? void 0 : _a.closed);
+        if (spline.resolution !== splineConfig.resolution) {
+            spline.resolution = parseInt(splineConfig.resolution);
+            annotation.invalidated = true;
+        }
+        if (spline instanceof CardinalSpline_1.CardinalSpline &&
+            !spline.fixedScale &&
+            splineConfig.scale !== undefined &&
+            spline.scale !== splineConfig.scale) {
+            spline.scale = splineConfig.scale;
+            annotation.invalidated = true;
+        }
+        return spline;
+    }
+}
+SplineROITool.SplineTypes = SplineTypesEnum;
+SplineROITool.Actions = SplineToolActions;
+function defaultGetTextLines(data, targetId) {
+    const cachedVolumeStats = data.cachedStats[targetId];
+    const { area, isEmptyArea, areaUnit } = cachedVolumeStats;
+    const textLines = [];
+    if (area) {
+        const areaLine = isEmptyArea
+            ? `Area: Oblique not supported`
+            : `Area: ${(0, utilities_1.roundNumber)(area)} ${areaUnit}`;
+        textLines.push(areaLine);
+    }
+    return textLines;
+}
+SplineROITool.toolName = 'SplineROI';
+exports.default = SplineROITool;
+//# sourceMappingURL=SplineROITool.js.map