larvitar 2.0.14 → 2.1.0

package/README.md

@@ -8,8 +8,9 @@
 
 ## Dicom Image Toolkit for CornerstoneJS
 
-### Current version: 2.0.14
-### Latest Published Release: 2.0.14
+### Current version: 2.1.0
+
+### Latest Published Release: 2.1.0
 
 This library provides common DICOM functionalities to be used in web-applications: it's wrapper that simplifies the use of cornerstone-js environment.
 

package/dist/imaging/imageStore.d.ts

@@ -25,10 +25,10 @@ type SetPayload = ["errorLog" | "leftActiveTool" | "rightActiveTool", string] |
     string,
     boolean
 ] | [
-    ("progress" | "loading" | "minPixelValue" | "maxPixelValue" | "minSliceId" | "maxSliceId" | "minTimeId" | "maxTimeId" | "rotation" | "scale" | "sliceId" | "timeId" | "thickness"),
+    ("progress" | "loading" | "minPixelValue" | "maxPixelValue" | "minSliceId" | "maxSliceId" | "minTimeId" | "maxTimeId" | "rotation" | "scale" | "sliceId" | "timeId" | "thickness" | "numberOfFrames" | "numberOfTemporalPositions"),
     string,
     number
-] | ["timestamp", string, number | undefined] | ["pendingSliceId", string, number | undefined] | ["timestamps" | "timeIds", string, number[]] | [
+] | ["timestamp", string, number | undefined] | ["seriesUID", string, string | undefined] | ["pendingSliceId", string, number | undefined] | ["timestamps" | "timeIds", string, number[]] | [
     "contrast" | "dimensions" | "spacing" | "translation",
     string,
     number,

package/dist/imaging/tools/custom/customMouseWheelScrollTool.d.ts

@@ -0,0 +1,30 @@
+/** @module tools/custom/customMouseWheelScrollTool
+ *  @desc This file provides functionalities for
+ *        custom DICOM Loader
+ */
+import { Image } from "cornerstone-core";
+declare const BaseTool: any;
+type StackData = {
+    currentImageIdIndex: number;
+    imageIds: string[];
+    pending: any[];
+};
+type ToolEventDetail = {
+    element: HTMLElement;
+    image: Image;
+    direction: number;
+};
+export default class CustomMouseWheelScrollTool extends BaseTool {
+    currentMode: string;
+    framesNumber: number;
+    slicesnumber: number;
+    is4D: boolean;
+    isMultiframe: boolean;
+    constructor(props?: {});
+    verify4D(): void;
+    handleToggle(newcurrentMode: string): void;
+    toggleScrollMode(element: HTMLElement): void;
+    mouseWheelCallback(evt?: CustomEvent<ToolEventDetail>): void;
+    scrollWithoutSkipping(stackData: StackData, pendingEvent: any, element: HTMLElement): void;
+}
+export {};

package/dist/larvitar.js

@@ -1971,7 +1971,7 @@ const addDefaultTools = function (toolToActivate) {
   });
 
   // set wheel scroll active
-  setToolActive("StackScrollMouseWheel", {
+  setToolActive("CustomMouseWheelScroll", {
     loop: false,
     // default false
     allowSkipping: false,
@@ -2970,7 +2970,7 @@ class BorderMagnifyTool extends MagnifyTool {
    * @returns {void}
    */
   handleKeyDown(event) {
-    if (event.key === 'B' || event.key === 'b') {
+    if (event.key === 'M' || event.key === 'm') {
       // Toggle the visibility of borders
       this.configuration.showBorders = !this.configuration.showBorders;
 
@@ -81303,6 +81303,7 @@ const interaction_1 = __webpack_require__(1534);
 const imageStore_1 = __importStar(__webpack_require__(5278));
 const imageColormaps_1 = __webpack_require__(4540);
 const imageUtils_1 = __webpack_require__(8345);
+const default_1 = __webpack_require__(6694);
 /*
  * This module provides the following functions to be exported:
  * clearImageCache(seriesId)
@@ -81722,6 +81723,7 @@ const renderImage = function (seriesStack, elementId, defaultProps) {
             }
             (0, exports.storeViewportData)(image, element.id, storedViewport, data);
             (0, imageStore_1.set)(["ready", element.id, true]);
+            (0, imageStore_1.set)(["seriesUID", element.id, data.seriesUID]);
             const t1 = performance.now();
             console.log(`Call to renderImage took ${t1 - t0} milliseconds.`);
             const uri = cornerstone_wado_image_loader_1.default.wadouri.parseImageId(data.imageId).url;
@@ -81891,53 +81893,57 @@ const updateViewportData = function (elementId, viewportData, activeTool) {
         console.error("invalid html element: " + elementId);
         return;
     }
-    // TODO: understand how to handle synchronized tools
-    switch (activeTool) {
-        case "Wwwc":
-        case "WwwcRegion":
-            if (viewportData.voi) {
-                (0, imageStore_1.set)([
-                    "contrast",
-                    elementId,
-                    viewportData.voi.windowWidth,
-                    viewportData.voi.windowCenter
-                ]);
-            }
-            break;
-        case "Pan":
-            if (viewportData.translation) {
-                (0, imageStore_1.set)([
-                    "translation",
-                    elementId,
-                    viewportData.translation.x,
-                    viewportData.translation.y
-                ]);
-            }
-            break;
-        case "Zoom":
-            if (viewportData.scale) {
-                (0, imageStore_1.set)(["scale", elementId, viewportData.scale]);
-            }
-            break;
-        case "Rotate":
-            if (viewportData.rotation) {
-                (0, imageStore_1.set)(["rotation", elementId, viewportData.rotation]);
-            }
-            break;
-        case "mouseWheel":
-        case "stackscroll":
-            const viewport = imageStore_1.default.get(["viewports", elementId]);
-            const isTimeserie = viewport.isTimeserie;
-            if (isTimeserie) {
-                const index = viewportData.newImageIdIndex;
-                const timeId = viewport.timeIds[index];
-                const timestamp = viewport.timestamps[index];
-                (0, imageStore_1.set)(["timeId", elementId, timeId]);
-                (0, imageStore_1.set)(["timestamp", elementId, timestamp]);
-            }
-            break;
-        default:
-            break;
+    const toolsNames = Object.keys(default_1.DEFAULT_TOOLS);
+    const isValidTool = toolsNames.includes(activeTool);
+    if (isValidTool === true) {
+        switch (activeTool) {
+            case "WwwcRegion":
+                if (viewportData.voi) {
+                    (0, imageStore_1.set)([
+                        "contrast",
+                        elementId,
+                        viewportData.voi.windowWidth,
+                        viewportData.voi.windowCenter
+                    ]);
+                }
+                break;
+            case "Pan":
+                if (viewportData.translation) {
+                    (0, imageStore_1.set)([
+                        "translation",
+                        elementId,
+                        viewportData.translation.x,
+                        viewportData.translation.y
+                    ]);
+                }
+                break;
+            case "Zoom":
+                if (viewportData.scale) {
+                    (0, imageStore_1.set)(["scale", elementId, viewportData.scale]);
+                }
+                break;
+            case "Rotate":
+                if (viewportData.rotation) {
+                    (0, imageStore_1.set)(["rotation", elementId, viewportData.rotation]);
+                }
+                break;
+            case "CustomMouseWheelScroll":
+                const viewport = imageStore_1.default.get(["viewports", elementId]);
+                const isTimeserie = viewport.isTimeserie;
+                if (isTimeserie) {
+                    const index = viewportData.newImageIdIndex;
+                    const timeId = viewport.timeIds[index];
+                    const timestamp = viewport.timestamps[index];
+                    (0, imageStore_1.set)(["timeId", elementId, timeId]);
+                    (0, imageStore_1.set)(["timestamp", elementId, timestamp]);
+                }
+                break;
+            default:
+                break;
+        }
+    }
+    else {
+        console.warn("unknown tool: " + activeTool);
     }
 };
 exports.updateViewportData = updateViewportData;
@@ -81970,6 +81976,11 @@ const storeViewportData = function (image, elementId, viewport, data) {
         (0, imageStore_1.set)(["maxSliceId", elementId, data.numberOfSlices - 1]);
     }
     if (data.isTimeserie) {
+        (0, imageStore_1.set)([
+            "numberOfTemporalPositions",
+            elementId,
+            data.numberOfTemporalPositions
+        ]);
         (0, imageStore_1.set)(["minTimeId", elementId, 0]);
         (0, imageStore_1.set)(["timeId", elementId, data.timeIndex || 0]);
         if (data.numberOfSlices && data.numberOfTemporalPositions) {
@@ -82016,6 +82027,9 @@ const storeViewportData = function (image, elementId, viewport, data) {
     ]);
     (0, imageStore_1.set)(["isColor", elementId, data.isColor]);
     (0, imageStore_1.set)(["isMultiframe", elementId, data.isMultiframe]);
+    if (data.isMultiframe) {
+        (0, imageStore_1.set)(["numberOfFrames", elementId, data.numberOfFrames]);
+    }
     (0, imageStore_1.set)(["isTimeserie", elementId, data.isTimeserie]);
     (0, imageStore_1.set)(["isPDF", elementId, false]);
     (0, imageStore_1.set)(["waveform", elementId, data.waveform]);
@@ -82142,12 +82156,14 @@ exports.rotateImageRight = rotateImageRight;
  */
 const getSeriesData = function (series, defaultProps) {
     const data = {};
+    data.seriesUID = series.larvitarSeriesInstanceUID || series.seriesUID; //case of resliced series
     if (series.isMultiframe) {
         data.isMultiframe = true;
         data.numberOfSlices = series.imageIds.length;
         data.imageIndex = 0;
         data.imageId = series.imageIds[data.imageIndex];
         data.isTimeserie = false;
+        data.numberOfFrames = series.numberOfFrames;
     }
     else if (series.is4D) {
         data.isMultiframe = false;
@@ -82420,6 +82436,13 @@ const setValue = (store, data) => {
             store.series[k][field] = v[0];
             triggerSeriesListener(k);
             break;
+        case "seriesUID":
+            if (!viewport) {
+                return;
+            }
+            viewport[field] = v[0];
+            triggerViewportListener(k);
+            break;
         case "isColor":
         case "isMultiframe":
         case "isPDF":
@@ -82443,6 +82466,8 @@ const setValue = (store, data) => {
         case "pendingSliceId":
         case "timeId":
         case "timestamp":
+        case "numberOfFrames":
+        case "numberOfTemporalPositions":
             if (!viewport) {
                 return;
             }
@@ -85817,6 +85842,243 @@ function parseECG(seriesId, dataSet, tag, nSampling = 2) {
 exports.parseECG = parseECG;
 
 
+/***/ }),
+
+/***/ 4585:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+/** @module tools/custom/customMouseWheelScrollTool
+ *  @desc This file provides functionalities for
+ *        custom DICOM Loader
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const cornerstone_tools_1 = __importDefault(__webpack_require__(4030));
+const BaseTool = cornerstone_tools_1.default.importInternal("base/BaseTool");
+const scrollToIndex = cornerstone_tools_1.default.importInternal("util/scrollToIndex");
+const getToolState = cornerstone_tools_1.default.getToolState;
+// internal libraries
+const imageStore_1 = __importStar(__webpack_require__(5278));
+const default_1 = __webpack_require__(6694);
+/*
+ * @class CustomMouseWheelScrollTool
+ * @extends BaseTool
+ * @memberof Tools
+ *
+ * @classdesc Tool for scrolling through images using the mouse wheel
+ * @private
+ */
+class CustomMouseWheelScrollTool extends BaseTool {
+    /*
+     * @constructs CustomMouseWheelScrollTool
+     * @param {object} props - Any properties passed to the component
+     */
+    constructor(props = {}) {
+        const defaultProps = {
+            name: "CustomMouseWheelScroll",
+            supportedInteractionTypes: ["MouseWheel"],
+            configuration: {
+                loop: false,
+                allowSkipping: true,
+                invert: false,
+                fixedFrame: 1,
+                fixedSlice: 0,
+                currentMode: "stack",
+                framesNumber: 1
+            }
+        };
+        super(props, defaultProps);
+        this.currentMode = "stack";
+        this.framesNumber = this.configuration.framesNumber;
+        this.slicesnumber = 0;
+        this.is4D = false;
+        this.isMultiframe = false;
+        this.animation = false;
+        this.animationId = null;
+    }
+    /*
+     * @verify4D
+     * @desc Verify if the image is 4D or not
+     */
+    verify4D() {
+        const viewport = imageStore_1.default.get(["viewports", this.element.id]);
+        // check is4D and multiframe
+        this.is4D = viewport.isTimeserie;
+        this.isMultiframe = viewport.isMultiframe;
+        // extract frames number
+        if (this.is4D === true) {
+            this.configuration.framesNumber = viewport.numberOfTemporalPositions;
+        }
+        else if (this.isMultiframe === true) {
+            this.configuration.framesNumber = viewport.numberOfFrames;
+            this.currentMode = "slice";
+            this.configuration.currentMode = "slice";
+        }
+        else {
+            this.configuration.framesNumber = 1;
+        }
+        this.framesNumber = this.configuration.framesNumber;
+    }
+    handleToggle(newcurrentMode) {
+        // Toggle mode between 'stack' and 'slice' on Tab key press or other events
+        this.verify4D();
+        if (this.is4D === false) {
+            this.currentMode = this.isMultiframe ? "slice" : "stack";
+            this.configuration.currentMode = this.isMultiframe ? "slice" : "stack";
+        }
+        else if (this.is4D === true) {
+            if (this.currentMode != newcurrentMode) {
+                this.toggleScrollMode(this.element);
+            }
+        }
+    }
+    /*
+     * @method toggleScrollMode
+     * @param {element} HTMLElement
+     * @desc Handle the toggle between 'stack' and 'slice' modes
+     * we enter in this function only if this.is4d===true so this.framesNumber!=0
+     */
+    toggleScrollMode(element) {
+        if (!element) {
+            console.error("Element is undefined");
+            return;
+        }
+        const toolData = getToolState(element, "stack");
+        if (!toolData || !toolData.data || !toolData.data.length) {
+            console.error("No Tool Data");
+            return;
+        }
+        const stackData = toolData.data[0];
+        const currentIndex = stackData.currentImageIdIndex;
+        switch (this.currentMode) {
+            case "stack":
+                // Switching from 'stack' to 'slice'
+                this.configuration.fixedSlice = Math.floor((currentIndex + 1) / this.framesNumber); // slice = 0,1,2,3 and so on
+                this.configuration.currentMode = "slice";
+                this.currentMode = "slice";
+                break;
+            case "slice":
+                // Switching from 'slice' to 'stack'
+                this.configuration.fixedFrame =
+                    currentIndex + 1 - this.configuration.fixedSlice * this.framesNumber; // frame is related to the current slice
+                this.configuration.currentMode = "stack";
+                this.currentMode = "stack";
+                break;
+            default:
+                break;
+        }
+    }
+    mouseWheelCallback(evt) {
+        const { direction: invert, element } = evt.detail;
+        this.handleToggle(default_1.DEFAULT_TOOLS["CustomMouseWheelScroll"].currentMode);
+        // configure scroll direction
+        const direction = invert *
+            (this.configuration.currentMode === "stack"
+                ? this.configuration.framesNumber
+                : 1);
+        const toolData = getToolState(element, "stack");
+        if (!toolData || !toolData.data || !toolData.data.length) {
+            return;
+        }
+        const stackData = toolData.data[0];
+        if (this.configuration.currentMode === "stack") {
+            // Handle 'stack' mode
+            // Calculate validIndex for 'stack' mode (no looping) between 0 and (N-1)*framesnumber where N=numberofslices=numberofimageids/numberofframes
+            let lastIndex = imageStore_1.default.get(["viewports", element.id, "sliceId"]);
+            let nextIndex = lastIndex + direction;
+            if (lastIndex === -1) {
+                nextIndex = 0 + direction;
+                lastIndex = 0;
+            }
+            this.slicesnumber =
+                Math.ceil(stackData.imageIds.length / this.framesNumber) - 1;
+            // Ensure nextIndex is between 0 and upperBound
+            const validIndex = nextIndex >= 0 &&
+                nextIndex < stackData.imageIds.length - 1 &&
+                this.slicesnumber > 0
+                ? nextIndex
+                : lastIndex;
+            // Scroll to the calculated index
+            scrollToIndex(element, validIndex);
+        }
+        else {
+            // Handle 'slice' mode
+            let lastIndex = this.isMultiframe === true || this.is4D === true
+                ? imageStore_1.default.get(["viewports", element.id, "sliceId"])
+                : stackData.currentImageIdIndex;
+            this.slicesnumber =
+                Math.ceil(stackData.imageIds.length / this.framesNumber) - 1;
+            const startFrame = this.configuration.fixedSlice * this.configuration.framesNumber;
+            const endFrame = (this.configuration.fixedSlice + 1) * this.configuration.framesNumber -
+                1;
+            // Calculate the potential new index without considering looping
+            let nextIndex = lastIndex + direction;
+            // Check if the new index is within the valid range for the current slice
+            if (nextIndex < startFrame ||
+                nextIndex > endFrame ||
+                nextIndex >= stackData.imageIds.length) {
+                nextIndex = startFrame;
+            }
+            // Scroll to the calculated index
+            scrollToIndex(element, nextIndex);
+            if (this.is4D) {
+                const viewport = imageStore_1.default.get(["viewports", element.id]);
+                const timeId = viewport.timeIds[nextIndex];
+                const timestamp = viewport.timestamps[nextIndex];
+                (0, imageStore_1.set)(["timeId", element.id, timeId]);
+                (0, imageStore_1.set)(["timestamp", element.id, timestamp]);
+            }
+        }
+    }
+    /*
+     * @method scrollWithoutSkipping
+     * @param {stackData} stackData
+     * @param {pendingEvent} pendingEvent
+     * @param {element} element
+     * @desc Handles the event of the mouse wheel
+     */
+    scrollWithoutSkipping(stackData, pendingEvent, element) {
+        const newImageHandler = (event) => {
+            const index = stackData.imageIds.indexOf(event.detail.image.imageId);
+            if (index === pendingEvent.index) {
+                stackData.pending = [];
+                element.removeEventListener("cornerstoneimagerendered", newImageHandler);
+            }
+        };
+        element.addEventListener("cornerstoneimagerendered", newImageHandler);
+        scrollToIndex(element, pendingEvent.index);
+    }
+}
+exports["default"] = CustomMouseWheelScrollTool;
+
+
 /***/ }),
 
 /***/ 8737:
@@ -86060,6 +86322,7 @@ const polylineScissorsTool_1 = __importDefault(__webpack_require__(8990));
 const rectangleRoiOverlayTool_1 = __importDefault(__webpack_require__(1828));
 const ellipticalRoiOverlayTool_1 = __importDefault(__webpack_require__(3211));
 const BorderMagnifyTool_1 = __importDefault(__webpack_require__(7819));
+const customMouseWheelScrollTool_1 = __importDefault(__webpack_require__(4585));
 /**
  * These tools are added with `addDefaultTools()`
  */
@@ -86127,48 +86390,28 @@ const DEFAULT_TOOLS = {
         shortcut: "ctrl-m",
         type: "utils"
     },
-    StackScroll: {
-        name: "StackScroll",
+    CustomMouseWheelScroll: {
+        name: "CustomMouseWheelScroll",
         viewports: "all",
         configuration: {
             loop: false,
-            allowSkipping: true // default true
+            allowSkipping: true,
+            invert: false,
+            fixedFrame: 1,
+            fixedSlice: 0,
+            currentMode: "stack",
+            framesNumber: 1
         },
         options: {
-            mouseButtonMask: 1,
-            deltaY: 0 // default 0
+            mouseButtonMask: 0
         },
         cleanable: false,
-        defaultActive: false,
-        class: "StackScrollTool"
-    },
-    StackScrollMouseWheel: {
-        name: "StackScrollMouseWheel",
-        viewports: "all",
-        configuration: {
-            loop: false,
-            allowSkipping: true,
-            invert: false
-        },
-        options: {},
-        cleanable: false,
         defaultActive: true,
-        class: "StackScrollMouseWheelTool"
+        class: "CustomMouseWheelScrollTool",
+        description: "scroll images/frames",
+        shortcut: "mouse wheel",
+        type: "utils"
     },
-    // Slice4DScrollMouseWheel: {
-    //   name: "Slice4DScrollMouseWheel",
-    //   viewports: "all",
-    //   configuration: {
-    //     loop: false, // default false
-    //     allowSkipping: false, // default true
-    //     invert: false,
-    //     framesNumber: 1
-    //   },
-    //   options: {},
-    //   cleanable: false,
-    //   defaultActive: true,
-    //   class: "Slice4DScrollMouseWheelTool"
-    // },
     Pan: {
         name: "Pan",
         viewports: "all",
@@ -86178,6 +86421,7 @@ const DEFAULT_TOOLS = {
             supportedInteractionTypes: ["Mouse", "Touch"]
         },
         cleanable: false,
+        defaultActive: false,
         class: "PanTool",
         description: "Move image xy",
         shortcut: "ctrl-p",
@@ -86193,13 +86437,13 @@ const DEFAULT_TOOLS = {
             maxScale: 25.0
         },
         options: {
-            mouseButtonMask: 1,
+            mouseButtonMask: 2,
             supportedInteractionTypes: ["Mouse", "Touch"],
             defaultStrategy: "default" // can be 'default', 'translate' or 'zoomToCenter'
         },
         cleanable: false,
         class: "ZoomTool",
-        defaultActive: false,
+        defaultActive: true,
         description: "Zoom image at mouse position",
         shortcut: "ctrl-z",
         type: "utils"
@@ -86381,7 +86625,7 @@ const DEFAULT_TOOLS = {
         },
         cleanable: false,
         class: "ZoomTouchPinchTool",
-        defaultActive: true
+        defaultActive: false
     },
     PanMultiTouch: {
         name: "PanMultiTouch",
@@ -86395,7 +86639,7 @@ const DEFAULT_TOOLS = {
         },
         cleanable: false,
         class: "PanMultiTouchTool",
-        defaultActive: true
+        defaultActive: false
     },
     Brush: {
         name: "Brush",
@@ -86485,7 +86729,8 @@ const dvTools = {
     // Slice4DScrollMouseWheelTool: Slice4DScrollMouseWheelTool,
     RectangleRoiOverlayTool: rectangleRoiOverlayTool_1.default,
     EllipticalRoiOverlayTool: ellipticalRoiOverlayTool_1.default,
-    BorderMagnifyTool: BorderMagnifyTool_1.default
+    BorderMagnifyTool: BorderMagnifyTool_1.default,
+    CustomMouseWheelScrollTool: customMouseWheelScrollTool_1.default
 };
 exports.dvTools = dvTools;
 /**
@@ -86801,7 +87046,7 @@ const toggleMouseToolsListeners = function (elementId, disable) {
         // TODO-ts fix type (should be a cornerstoneTools event type)
         // @mronzoni does cornerstoneTools have a type for this event?
         (0, imageStore_1.set)(["sliceId", evt.target.id, evt.detail.newImageIdIndex]);
-        (0, imageRendering_1.updateViewportData)(evt.srcElement.id, evt.detail, "mouseWheel");
+        (0, imageRendering_1.updateViewportData)(evt.srcElement.id, evt.detail, "CustomMouseWheelScroll");
     }
     if (disable) {
         element.removeEventListener("cornerstonetoolsmousedrag", mouseMoveHandler);
@@ -87229,7 +87474,7 @@ function tryUpdateImage(element) {
  * @param {Boolean} doNotSetInStore - Flag to avoid setting in store (useful on tools initialization eg in addDefaultTools). NOTE: This is just a hack, we must rework tools/ui sync.
  */
 const setToolActive = function (toolName, options, viewports, doNotSetInStore) {
-    var _a;
+    var _a, _b;
     let defaultOpt = Object.assign({}, (_a = default_1.DEFAULT_TOOLS[toolName]) === null || _a === void 0 ? void 0 : _a.options); // deep copy obj because otherwise cornerstone tools will modify it
     (0, lodash_1.extend)(defaultOpt, options);
     if (viewports && viewports.length > 0) {
@@ -87254,6 +87499,9 @@ const setToolActive = function (toolName, options, viewports, doNotSetInStore) {
     // mouseButtonMask is now an array, thanks to cs tools "setToolActiveForElement",
     // but only if it has a rendered image in the viewport (!)
     // so we must check the type anyway for type coherence
+    if (((_b = default_1.DEFAULT_TOOLS[toolName]) === null || _b === void 0 ? void 0 : _b.defaultActive) === true) {
+        doNotSetInStore = false;
+    }
     if (!doNotSetInStore && defaultOpt.mouseButtonMask) {
         if (typeof defaultOpt.mouseButtonMask == "number") {
             defaultOpt.mouseButtonMask = [defaultOpt.mouseButtonMask];
@@ -88981,7 +89229,7 @@ module.exports = JSON.parse('{"x00000000":{"tag":"x00000000","vr":"UL","vm":"1",
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"name":"larvitar","keywords":["DICOM","imaging","medical","cornerstone"],"version":"2.0.14","description":"typescript library for parsing, loading, rendering and interacting with DICOM images","repository":{"url":"https://github.com/dvisionlab/Larvitar.git","type":"git"},"main":"dist/larvitar.js","types":"dist/index.d.ts","files":["dist","imaging/**/*.d.ts"],"scripts":{"coverage":"typescript-coverage-report","generate-docs":"node_modules/.bin/jsdoc -c jsdoc.json","build":"webpack --config ./bundler/webpack.prod.js && cp ./dist/larvitar.js ./docs/examples/larvitar.js","dev":"webpack --progress --config ./bundler/webpack.dev.js && cp ./dist/larvitar.js ./docs/examples/larvitar.js","dev-wip":"webpack serve --config ./bundler/webpack.dev-wip.js"},"author":"Simone Manini <simone.manini@dvisionlab.com> (https://www.dvisionlab.com)","contributors":["Mattia Ronzoni <mattia.ronzoni@dvisionlab.com> (https://www.dvisionlab.com)","Sara Zanchi <sara.zanchi@dvisionlab.com> (https://www.dvisionlab.com)","Ale Re <ale.re@dvisionlab.com> (https://www.dvisionlab.com)","Laura Borghesi Re <laura.borghesi@dvisionlab.com> (https://www.dvisionlab.com)"],"license":"MIT","dependencies":{"@rollup/plugin-commonjs":"^17.1.0","cornerstone-core":"^2.6.1","cornerstone-file-image-loader":"^0.3.0","cornerstone-tools":"^6.0.7","cornerstone-wado-image-loader":"^4.13.2","cornerstone-web-image-loader":"^2.1.1","crypto-js":"^4.1.1","dicom-character-set":"^1.0.3","dicom-parser":"^1.8.13","docdash":"^1.2.0","hammerjs":"^2.0.8","jpeg-lossless-decoder-js":"^2.0.7","keycode-js":"^3.1.0","lodash":"^4.17.15","pako":"^1.0.10","papaparse":"^5.3.0","plotly.js-dist-min":"^2.27.1","uuid":"^8.3.2"},"devDependencies":{"@babel/core":"^7.21.8","@types/cornerstone-core":"^2.3.0","@types/crypto-js":"^4.1.1","@types/hammerjs":"^2.0.41","@types/lodash":"^4.14.192","@types/papaparse":"^5.3.7","@types/plotly.js":"^2.12.30","@types/plotly.js-dist-min":"^2.3.4","@types/uuid":"^9.0.1","babel-loader":"^9.1.2","clean-webpack-plugin":"^4.0.0","copy-webpack-plugin":"^11.0.0","fs":"^0.0.1-security","html-loader":"^4.2.0","html-webpack-plugin":"^5.5.0","ip":"^1.1.8","jsdoc":"^3.6.4","portfinder-sync":"^0.0.2","ts-loader":"^9.4.2","typescript":"^5.0.2","typescript-coverage-report":"^0.7.0","webpack":"^5.76.3","webpack-bundle-analyzer":"^4.8.0","webpack-cli":"^5.0.1","webpack-dev-server":"^4.13.1"}}');
+module.exports = JSON.parse('{"name":"larvitar","keywords":["DICOM","imaging","medical","cornerstone"],"version":"2.1.0","description":"typescript library for parsing, loading, rendering and interacting with DICOM images","repository":{"url":"https://github.com/dvisionlab/Larvitar.git","type":"git"},"main":"dist/larvitar.js","types":"dist/index.d.ts","files":["dist","imaging/**/*.d.ts"],"scripts":{"coverage":"typescript-coverage-report","generate-docs":"node_modules/.bin/jsdoc -c jsdoc.json","build":"webpack --config ./bundler/webpack.prod.js && cp ./dist/larvitar.js ./docs/examples/larvitar.js","dev":"webpack --progress --config ./bundler/webpack.dev.js && cp ./dist/larvitar.js ./docs/examples/larvitar.js","dev-wip":"webpack serve --config ./bundler/webpack.dev-wip.js"},"author":"Simone Manini <simone.manini@dvisionlab.com> (https://www.dvisionlab.com)","contributors":["Mattia Ronzoni <mattia.ronzoni@dvisionlab.com> (https://www.dvisionlab.com)","Sara Zanchi <sara.zanchi@dvisionlab.com> (https://www.dvisionlab.com)","Ale Re <ale.re@dvisionlab.com> (https://www.dvisionlab.com)","Laura Borghesi Re <laura.borghesi@dvisionlab.com> (https://www.dvisionlab.com)"],"license":"MIT","dependencies":{"@rollup/plugin-commonjs":"^17.1.0","cornerstone-core":"^2.6.1","cornerstone-file-image-loader":"^0.3.0","cornerstone-tools":"^6.0.7","cornerstone-wado-image-loader":"^4.13.2","cornerstone-web-image-loader":"^2.1.1","crypto-js":"^4.1.1","dicom-character-set":"^1.0.3","dicom-parser":"^1.8.13","docdash":"^1.2.0","hammerjs":"^2.0.8","jpeg-lossless-decoder-js":"^2.0.7","keycode-js":"^3.1.0","lodash":"^4.17.15","pako":"^1.0.10","papaparse":"^5.3.0","plotly.js-dist-min":"^2.27.1","uuid":"^8.3.2"},"devDependencies":{"@babel/core":"^7.21.8","@types/cornerstone-core":"^2.3.0","@types/crypto-js":"^4.1.1","@types/hammerjs":"^2.0.41","@types/lodash":"^4.14.192","@types/papaparse":"^5.3.7","@types/plotly.js":"^2.12.30","@types/plotly.js-dist-min":"^2.3.4","@types/uuid":"^9.0.1","babel-loader":"^9.1.2","clean-webpack-plugin":"^4.0.0","copy-webpack-plugin":"^11.0.0","fs":"^0.0.1-security","html-loader":"^4.2.0","html-webpack-plugin":"^5.5.0","ip":"^1.1.8","jsdoc":"^3.6.4","portfinder-sync":"^0.0.2","ts-loader":"^9.4.2","typescript":"^5.0.2","typescript-coverage-report":"^0.7.0","webpack":"^5.76.3","webpack-bundle-analyzer":"^4.8.0","webpack-cli":"^5.0.1","webpack-dev-server":"^4.13.1"}}');
 
 /***/ })