copper3d 2.0.5 → 2.0.7

package/dist/bundle.esm.js

@@ -48375,7 +48375,7 @@ class commonScene {
         (xhr) => { }, 
         // called when loading has errors
         (error) => {
-            console.log("An error happened");
+            console.log("An error happened: ", error);
         });
     }
 }
@@ -68966,7 +68966,7 @@ function setupGui(configs) {
         .add(configs.mainPreSlices.volume, "windowHigh", configs.mainPreSlices.volume.min, configs.mainPreSlices.volume.max, 1)
         .name("ImageContrast")
         .onChange((value) => {
-        updateGuiImageContrastOnChange(value);
+        updateGuiImageWindowHighOnChange(value);
     })
         .onFinishChange(() => {
         updateGuiImageContrastOnFinished();
@@ -69060,8 +69060,7 @@ function setupGui(configs) {
         .add(configs.mainPreSlices.volume, "windowLow", configs.mainPreSlices.volume.min, configs.mainPreSlices.volume.max, 1)
         .name("WindowLow")
         .onChange((value) => {
-        configs.gui_states.readyToUpdate = false;
-        configs.updateSlicesContrast(value, "windowLow");
+        updateGuiImageWindowLowOnChange(value);
     })
         .onFinishChange(() => {
         repraintAllContrastSlices(configs.protectedData.displaySlices);
@@ -69102,18 +69101,28 @@ function setupGui(configs) {
     };
     const updateGuiSphereState = () => {
         if (configs.gui_states.sphere) {
-            configs.drawingCanvas.removeEventListener("wheel", configs.drawingPrameters.handleZoomWheel);
+            // configs.drawingCanvas.removeEventListener(
+            //   "wheel",
+            //   configs.drawingPrameters.handleZoomWheel
+            // );
             configs.removeDragMode();
         }
         else {
-            configs.drawingCanvas.addEventListener("wheel", configs.drawingPrameters.handleZoomWheel);
+            // configs.drawingCanvas.addEventListener(
+            //   "wheel",
+            //   configs.drawingPrameters.handleZoomWheel
+            // );
             configs.configDragMode();
             // clear canvas
             configs.clearPaint();
             configs.clearStoreImages();
         }
     };
-    const updateGuiImageContrastOnChange = (value) => {
+    const updateGuiImageWindowLowOnChange = (value) => {
+        configs.gui_states.readyToUpdate = false;
+        configs.updateSlicesContrast(value, "windowLow");
+    };
+    const updateGuiImageWindowHighOnChange = (value) => {
         configs.gui_states.readyToUpdate = false;
         configs.updateSlicesContrast(value, "windowHigh");
     };
@@ -69161,11 +69170,20 @@ function setupGui(configs) {
         },
         windowHigh: {
             name: "ImageContrast",
-            value: configs.mainPreSlices.volume,
-            min: configs.mainPreSlices.volume.min,
-            max: configs.mainPreSlices.volume.max,
+            value: null,
+            min: 0,
+            max: 0,
+            step: 1,
+            onChange: updateGuiImageWindowHighOnChange,
+            onFinished: updateGuiImageContrastOnFinished,
+        },
+        windowLow: {
+            name: "WindowLow",
+            value: null,
+            min: 0,
+            max: 0,
             step: 1,
-            onChange: updateGuiImageContrastOnChange,
+            onChange: updateGuiImageWindowLowOnChange,
             onFinished: updateGuiImageContrastOnFinished,
         },
         advance: {
@@ -69367,9 +69385,20 @@ class DragOperator {
             if (ev.key === "Shift") {
                 this.removeDragMode();
             }
+            if (ev.key === 'Control' || ev.key === 'Meta') {
+                if (this.protectedData.Is_Ctrl_Pressed) {
+                    this.removeDragMode();
+                }
+                else {
+                    this.configDragMode();
+                }
+            }
         });
         this.container.addEventListener("keyup", (ev) => {
             if (ev.key === "Shift" && !this.gui_states.sphere) {
+                if (this.protectedData.Is_Ctrl_Pressed) {
+                    return;
+                }
                 this.configDragMode();
             }
         });
@@ -69645,6 +69674,7 @@ class CommToolsData {
             currentShowingSlice: undefined,
             mainPreSlices: undefined,
             Is_Shift_Pressed: false,
+            Is_Ctrl_Pressed: false,
             Is_Draw: false,
             axis: "z",
             maskData: {
@@ -69795,6 +69825,18 @@ class DrawToolCore extends CommToolsData {
             handleZoomWheel: (e) => { },
             handleSphereWheel: (e) => { },
         };
+        this.contrastEventPrameters = {
+            move_x: 0,
+            move_y: 0,
+            x: 0,
+            y: 0,
+            w: 0,
+            h: 0,
+            handleOnContrastMouseDown: (ev) => { },
+            handleOnContrastMouseMove: (ev) => { },
+            handleOnContrastMouseUp: (ev) => { },
+            handleOnContrastMouseLeave: (ev) => { },
+        };
         this.eraserUrls = [];
         this.pencilUrls = [];
         this.undoArray = [];
@@ -69808,6 +69850,19 @@ class DrawToolCore extends CommToolsData {
             this.protectedData.ctxes.drawingCtx.strokeStyle = this.gui_states.color;
             this.protectedData.ctxes.drawingCtx.stroke();
         };
+        this.configContrastDragMode = () => {
+            this.container.style.cursor = "pointer";
+            this.container.addEventListener("pointerdown", this.contrastEventPrameters.handleOnContrastMouseDown, true);
+            this.container.addEventListener("pointerup", this.contrastEventPrameters.handleOnContrastMouseUp, true);
+        };
+        this.removeContrastDragMode = () => {
+            this.container.style.cursor = "";
+            this.container.removeEventListener("pointerdown", this.contrastEventPrameters.handleOnContrastMouseDown, true);
+            this.container.removeEventListener("pointermove", this.contrastEventPrameters.handleOnContrastMouseMove, true);
+            this.container.removeEventListener("pointerup", this.contrastEventPrameters.handleOnContrastMouseUp, true);
+            this.container.removeEventListener("pointerleave", this.contrastEventPrameters.handleOnContrastMouseLeave, true);
+            this.setIsDrawFalse(1000);
+        };
         this.container = container;
         this.mainAreaContainer = mainAreaContainer;
         this.initDrawToolCore();
@@ -69815,9 +69870,24 @@ class DrawToolCore extends CommToolsData {
     initDrawToolCore() {
         this.container.addEventListener("keydown", (ev) => {
             if (ev.key === "Shift" && !this.gui_states.sphere) {
+                if (this.protectedData.Is_Ctrl_Pressed) {
+                    this.protectedData.Is_Shift_Pressed = false;
+                    return;
+                }
                 this.protectedData.Is_Shift_Pressed = true;
                 this.nrrd_states.enableCursorChoose = false;
             }
+            if (ev.key === 'Control' || ev.key === 'Meta') {
+                // Ctrl key pressed on either Windows or macOS
+                this.protectedData.Is_Shift_Pressed = false;
+                this.protectedData.Is_Ctrl_Pressed = !this.protectedData.Is_Ctrl_Pressed;
+                if (this.protectedData.Is_Ctrl_Pressed) {
+                    this.configContrastDragMode();
+                }
+                else {
+                    this.removeContrastDragMode();
+                }
+            }
             if (ev.key === "s") {
                 this.protectedData.Is_Draw = false;
                 this.nrrd_states.enableCursorChoose =
@@ -69992,9 +70062,10 @@ class DrawToolCore extends CommToolsData {
                         e.offsetY / this.nrrd_states.sizeFoctor;
                     this.enableCrosshair();
                 }
-                else if (this.gui_states.sphere) {
-                    let mouseX = e.offsetX;
-                    let mouseY = e.offsetY;
+                else if (this.gui_states.sphere && !this.nrrd_states.enableCursorChoose) {
+                    this.protectedData.canvases.drawingCanvas.removeEventListener("wheel", this.drawingPrameters.handleZoomWheel);
+                    let mouseX = e.offsetX / this.nrrd_states.sizeFoctor;
+                    let mouseY = e.offsetY / this.nrrd_states.sizeFoctor;
                     //  record mouseX,Y, and enable crosshair function
                     this.nrrd_states.sphereOrigin[this.protectedData.axis] = [
                         mouseX,
@@ -70006,7 +70077,7 @@ class DrawToolCore extends CommToolsData {
                     this.nrrd_states.cursorPageY = mouseY;
                     this.enableCrosshair();
                     // draw circle setup width/height for sphere canvas
-                    this.drawSphere(mouseX, mouseY, this.nrrd_states.sphereRadius);
+                    this.drawSphere(e.offsetX, e.offsetY, this.nrrd_states.sphereRadius);
                     this.protectedData.canvases.drawingCanvas.addEventListener("wheel", this.drawingPrameters.handleSphereWheel, true);
                     this.protectedData.canvases.drawingCanvas.addEventListener("pointerup", this.drawingPrameters.handleOnDrawingMouseUp);
                 }
@@ -70128,9 +70199,14 @@ class DrawToolCore extends CommToolsData {
                         }
                     }
                     !!this.nrrd_states.getSphere &&
-                        this.nrrd_states.getSphere(this.nrrd_states.sphereOrigin.z, this.nrrd_states.sphereRadius);
+                        this.nrrd_states.getSphere(this.nrrd_states.sphereOrigin.z, this.nrrd_states.sphereRadius / this.nrrd_states.sizeFoctor);
+                    this.protectedData.canvases.drawingCanvas.addEventListener("wheel", this.drawingPrameters.handleZoomWheel);
                     this.protectedData.canvases.drawingCanvas.removeEventListener("wheel", this.drawingPrameters.handleSphereWheel, true);
                 }
+                else if (this.gui_states.sphere &&
+                    this.nrrd_states.enableCursorChoose) {
+                    this.protectedData.canvases.drawingCanvas.addEventListener("wheel", this.drawingPrameters.handleZoomWheel);
+                }
             }
             else if (e.button === 2) {
                 rightclicked = false;
@@ -70387,17 +70463,12 @@ class DrawToolCore extends CommToolsData {
         const nextIndex = originIndex + decay;
         const ctx = this.protectedData.ctxes.drawingSphereCtx;
         const canvas = this.protectedData.canvases.drawingSphereCanvas;
-        // if (
-        //   preIndex < this.nrrd_states.minIndex ||
-        //   nextIndex > this.nrrd_states.maxIndex
-        // )
-        //   return;
         if (preIndex === nextIndex) {
-            this.drawSphereCore(ctx, mouseX, mouseY, this.nrrd_states.sphereRadius);
+            this.drawSphereCore(ctx, mouseX, mouseY, this.nrrd_states.sphereRadius / this.nrrd_states.sizeFoctor);
             this.storeSphereImages(preIndex, axis);
         }
         else {
-            this.drawSphereCore(ctx, mouseX, mouseY, this.nrrd_states.sphereRadius - decay);
+            this.drawSphereCore(ctx, mouseX, mouseY, (this.nrrd_states.sphereRadius - decay) / this.nrrd_states.sizeFoctor);
             this.drawImageOnEmptyImage(canvas);
             this.storeSphereImages(preIndex, axis);
             this.storeSphereImages(nextIndex, axis);
@@ -70406,7 +70477,7 @@ class DrawToolCore extends CommToolsData {
     }
     drawSphereCore(ctx, x, y, radius) {
         ctx.beginPath();
-        ctx.arc(x, y, radius * this.nrrd_states.sizeFoctor, 0, 2 * Math.PI);
+        ctx.arc(x, y, radius, 0, 2 * Math.PI);
         ctx.fillStyle = this.gui_states.fillColor;
         ctx.fill();
         ctx.closePath();
@@ -70446,8 +70517,8 @@ class DrawToolCore extends CommToolsData {
             // limited the radius max and min
             this.nrrd_states.sphereRadius = Math.max(1, Math.min(this.nrrd_states.sphereRadius, 50));
             // get mouse position
-            const mouseX = this.nrrd_states.sphereOrigin[this.protectedData.axis][0];
-            const mouseY = this.nrrd_states.sphereOrigin[this.protectedData.axis][1];
+            const mouseX = this.nrrd_states.sphereOrigin[this.protectedData.axis][0] * this.nrrd_states.sizeFoctor;
+            const mouseY = this.nrrd_states.sphereOrigin[this.protectedData.axis][1] * this.nrrd_states.sizeFoctor;
             this.drawSphere(mouseX, mouseY, this.nrrd_states.sphereRadius);
         };
         return sphereEvent;
@@ -70464,6 +70535,102 @@ class DrawToolCore extends CommToolsData {
         this.drawSphereCore(ctx, mouseX, mouseY, radius);
         this.protectedData.ctxes.drawingLayerMasterCtx.drawImage(canvas, 0, 0, this.nrrd_states.changedWidth, this.nrrd_states.changedHeight);
     }
+    /**
+    * We generate the MRI slice from threejs based on mm, but when we display it is based on pixel size/distance.
+    * So, the index munber on each axis (sagittal, axial, coronal) is the slice's depth in mm distance. And the width and height displayed on screen is the slice's width and height in pixel distance.
+    *
+    * When we switch into different axis' views, we need to convert current view's the depth to the pixel distance in other views width or height, and convert the current view's width or height from pixel distance to mm distance as other views' depth (slice index) in general.
+    *
+    * Then as for the crosshair (Cursor Inspector), we also need to convert the cursor point (x, y, z) to other views' (x, y, z).
+    *
+    * @param from "x" | "y" | "z", current view axis, "x: sagittle, y: coronal, z: axial".
+    * @param to "x" | "y" | "z", target view axis (where you want jump to), "x: sagittle, y: coronal, z: axial".
+    * @param cursorNumX number, cursor point x on current axis's slice. (pixel distance)
+    * @param cursorNumY number, cursor point y on current axis's slice. (pixel distance)
+    * @param currentSliceIndex number, current axis's slice's index/depth. (mm distance)
+    * @returns
+    */
+    convertCursorPoint(from, to, cursorNumX, cursorNumY, currentSliceIndex) {
+        const nrrd = this.nrrd_states;
+        const dimensions = nrrd.dimensions;
+        const ratios = nrrd.ratios;
+        const { nrrd_x_mm, nrrd_y_mm, nrrd_z_mm } = nrrd;
+        let currentIndex = 0;
+        let oldIndex = 0;
+        let convertCursorNumX = 0;
+        let convertCursorNumY = 0;
+        const convertIndex = {
+            x: {
+                y: (val) => Math.ceil((val / nrrd_x_mm) * dimensions[0]),
+                z: (val) => Math.ceil((val / nrrd_z_mm) * dimensions[2]),
+            },
+            y: {
+                x: (val) => Math.ceil((val / nrrd_y_mm) * dimensions[1]),
+                z: (val) => Math.ceil((val / nrrd_z_mm) * dimensions[2]),
+            },
+            z: {
+                x: (val) => Math.ceil((val / nrrd_x_mm) * dimensions[0]),
+                y: (val) => Math.ceil((val / nrrd_y_mm) * dimensions[1]),
+            },
+        };
+        const convertCursor = {
+            x: {
+                y: (sliceIndex) => Math.ceil((sliceIndex / dimensions[0]) * nrrd_x_mm),
+                z: (sliceIndex) => Math.ceil((sliceIndex / dimensions[0]) * nrrd_x_mm),
+            },
+            y: {
+                x: (sliceIndex) => Math.ceil((sliceIndex / dimensions[1]) * nrrd_y_mm),
+                z: (sliceIndex) => Math.ceil((sliceIndex / dimensions[1]) * nrrd_y_mm),
+            },
+            z: {
+                x: (sliceIndex) => Math.ceil((sliceIndex / dimensions[2]) * nrrd_z_mm),
+                y: (sliceIndex) => Math.ceil((sliceIndex / dimensions[2]) * nrrd_z_mm),
+            },
+        };
+        if (from === to) {
+            return;
+        }
+        if (from === "z" && to === "x") {
+            currentIndex = convertIndex[from][to](cursorNumX);
+            oldIndex = currentIndex * ratios[to];
+            convertCursorNumX = convertCursor[from][to](currentSliceIndex);
+            convertCursorNumY = cursorNumY;
+        }
+        else if (from === "y" && to === "x") {
+            currentIndex = convertIndex[from][to](cursorNumX);
+            oldIndex = currentIndex * ratios.x;
+            convertCursorNumY = convertCursor[from][to](currentSliceIndex);
+            convertCursorNumX = cursorNumY;
+        }
+        else if (from === "z" && to === "y") {
+            currentIndex = convertIndex[from][to](cursorNumY);
+            oldIndex = currentIndex * ratios[to];
+            convertCursorNumY = convertCursor[from][to](currentSliceIndex);
+            convertCursorNumX = cursorNumX;
+        }
+        else if (from === "x" && to === "y") {
+            currentIndex = convertIndex[from][to](cursorNumY);
+            oldIndex = currentIndex * ratios[to];
+            convertCursorNumX = convertCursor[from][to](currentSliceIndex);
+            convertCursorNumY = cursorNumX;
+        }
+        else if (from === "x" && to === "z") {
+            currentIndex = convertIndex[from][to](cursorNumX);
+            oldIndex = currentIndex * ratios[to];
+            convertCursorNumX = convertCursor[from][to](currentSliceIndex);
+            convertCursorNumY = cursorNumY;
+        }
+        else if (from === "y" && to === "z") {
+            currentIndex = convertIndex[from][to](cursorNumY);
+            oldIndex = currentIndex * ratios.z;
+            convertCursorNumY = convertCursor[from][to](currentSliceIndex);
+            convertCursorNumX = cursorNumX;
+        }
+        else {
+            return;
+        }
+        return { currentIndex, oldIndex, convertCursorNumX, convertCursorNumY };
+    }
     setUpSphereOrigins(mouseX, mouseY) {
         const convertCursor = (from, to) => {
             const convertObj = this.convertCursorPoint(from, to, mouseX, mouseY, this.nrrd_states.currentIndex);
@@ -70830,6 +70997,46 @@ class DrawToolCore extends CommToolsData {
         return sharedPlaceImages;
     }
     /******************************** Utils gui related functions ***************************************/
+    /**
+     * Set up root container events fns for drag function
+     * @param callback
+     */
+    setupConrastEvents(callback) {
+        this.contrastEventPrameters.w = this.container.offsetWidth;
+        this.contrastEventPrameters.h = this.container.offsetHeight;
+        this.contrastEventPrameters.handleOnContrastMouseDown = (ev) => {
+            if (ev.button === 0) {
+                this.contrastEventPrameters.x = ev.offsetX / this.contrastEventPrameters.x;
+                this.contrastEventPrameters.y = ev.offsetY / this.contrastEventPrameters.h;
+                this.container.addEventListener("pointermove", this.contrastEventPrameters.handleOnContrastMouseMove);
+            }
+        };
+        this.contrastEventPrameters.handleOnContrastMouseUp = (ev) => {
+            this.container.removeEventListener("pointermove", this.contrastEventPrameters.handleOnContrastMouseMove);
+        };
+        this.contrastEventPrameters.handleOnContrastMouseMove = throttle((ev) => {
+            if (this.contrastEventPrameters.y - ev.offsetY / this.contrastEventPrameters.h >= 0) {
+                this.contrastEventPrameters.move_y = -Math.ceil((this.contrastEventPrameters.y - ev.offsetY / this.contrastEventPrameters.h) * 10);
+            }
+            else {
+                this.contrastEventPrameters.move_y = -Math.floor((this.contrastEventPrameters.y - ev.offsetY / this.contrastEventPrameters.h) * 10);
+            }
+            if (this.contrastEventPrameters.move_y !== 0 && Math.abs(this.contrastEventPrameters.move_y) === 1) {
+                callback(this.contrastEventPrameters.move_y, "vertical");
+            }
+            if (this.contrastEventPrameters.x - ev.offsetX / this.contrastEventPrameters.w >= 0) {
+                this.contrastEventPrameters.move_x = -Math.ceil((this.contrastEventPrameters.x - ev.offsetX / this.contrastEventPrameters.w) * 10);
+            }
+            else {
+                this.contrastEventPrameters.move_x = -Math.floor((this.contrastEventPrameters.x - ev.offsetX / this.contrastEventPrameters.w) * 10);
+            }
+            if (this.contrastEventPrameters.move_x !== 0 && Math.abs(this.contrastEventPrameters.move_x) === 1) {
+                callback(this.contrastEventPrameters.move_x, "horizental");
+            }
+            this.contrastEventPrameters.x = ev.offsetX / this.contrastEventPrameters.w;
+            this.contrastEventPrameters.y = ev.offsetY / this.contrastEventPrameters.h;
+        }, 100);
+    }
     updateSlicesContrast(value, flag) {
         switch (flag) {
             case "lowerThreshold":
@@ -70910,6 +71117,13 @@ class NrrdTools extends DrawToolCore {
     setDisplaySliceIndexPanel(panel) {
         this.dragOperator.setShowDragNumberDiv(panel);
     }
+    /**
+     * Enable the drag function for contrast images window center and window high.
+     * @param callback
+     */
+    enableContrastDragEvents(callback) {
+        this.setupConrastEvents(callback);
+    }
     /**
      * Set up GUI for drawing panel
      * @param gui GUI
@@ -70964,6 +71178,12 @@ class NrrdTools extends DrawToolCore {
         this.guiParameterSettings = setupGui(guiOptions);
     }
     getGuiSettings() {
+        if (!!this.guiParameterSettings) {
+            // update image volume
+            this.guiParameterSettings.windowHigh.value = this.guiParameterSettings.windowLow.value = this.protectedData.mainPreSlices.volume;
+            this.guiParameterSettings.windowHigh.max = this.guiParameterSettings.windowLow.max = this.protectedData.mainPreSlices.volume.max;
+            this.guiParameterSettings.windowHigh.min = this.guiParameterSettings.windowLow.min = this.protectedData.mainPreSlices.volume.min;
+        }
         return {
             guiState: this.gui_states,
             guiSetting: this.guiParameterSettings,
@@ -71144,102 +71364,6 @@ class NrrdTools extends DrawToolCore {
             paintImages.z.push(initMark_z);
         }
     }
-    /**
-     * We generate the MRI slice from threejs based on mm, but when we display it is based on pixel size/distance.
-     * So, the index munber on each axis (sagittal, axial, coronal) is the slice's depth in mm distance. And the width and height displayed on screen is the slice's width and height in pixel distance.
-     *
-     * When we switch into different axis' views, we need to convert current view's the depth to the pixel distance in other views width or height, and convert the current view's width or height from pixel distance to mm distance as other views' depth (slice index) in general.
-     *
-     * Then as for the crosshair (Cursor Inspector), we also need to convert the cursor point (x, y, z) to other views' (x, y, z).
-     *
-     * @param from "x" | "y" | "z", current view axis, "x: sagittle, y: coronal, z: axial".
-     * @param to "x" | "y" | "z", target view axis (where you want jump to), "x: sagittle, y: coronal, z: axial".
-     * @param cursorNumX number, cursor point x on current axis's slice. (pixel distance)
-     * @param cursorNumY number, cursor point y on current axis's slice. (pixel distance)
-     * @param currentSliceIndex number, current axis's slice's index/depth. (mm distance)
-     * @returns
-     */
-    convertCursorPoint(from, to, cursorNumX, cursorNumY, currentSliceIndex) {
-        const nrrd = this.nrrd_states;
-        const dimensions = nrrd.dimensions;
-        const ratios = nrrd.ratios;
-        const { nrrd_x_mm, nrrd_y_mm, nrrd_z_mm } = nrrd;
-        let currentIndex = 0;
-        let oldIndex = 0;
-        let convertCursorNumX = 0;
-        let convertCursorNumY = 0;
-        const convertIndex = {
-            x: {
-                y: (val) => Math.ceil((val / nrrd_x_mm) * dimensions[0]),
-                z: (val) => Math.ceil((val / nrrd_z_mm) * dimensions[2]),
-            },
-            y: {
-                x: (val) => Math.ceil((val / nrrd_y_mm) * dimensions[1]),
-                z: (val) => Math.ceil((val / nrrd_z_mm) * dimensions[2]),
-            },
-            z: {
-                x: (val) => Math.ceil((val / nrrd_x_mm) * dimensions[0]),
-                y: (val) => Math.ceil((val / nrrd_y_mm) * dimensions[1]),
-            },
-        };
-        const convertCursor = {
-            x: {
-                y: (sliceIndex) => Math.ceil((sliceIndex / dimensions[0]) * nrrd_x_mm),
-                z: (sliceIndex) => Math.ceil((sliceIndex / dimensions[0]) * nrrd_x_mm),
-            },
-            y: {
-                x: (sliceIndex) => Math.ceil((sliceIndex / dimensions[1]) * nrrd_y_mm),
-                z: (sliceIndex) => Math.ceil((sliceIndex / dimensions[1]) * nrrd_y_mm),
-            },
-            z: {
-                x: (sliceIndex) => Math.ceil((sliceIndex / dimensions[2]) * nrrd_z_mm),
-                y: (sliceIndex) => Math.ceil((sliceIndex / dimensions[2]) * nrrd_z_mm),
-            },
-        };
-        if (from === to) {
-            return;
-        }
-        if (from === "z" && to === "x") {
-            currentIndex = convertIndex[from][to](cursorNumX);
-            oldIndex = currentIndex * ratios[to];
-            convertCursorNumX = convertCursor[from][to](currentSliceIndex);
-            convertCursorNumY = cursorNumY;
-        }
-        else if (from === "y" && to === "x") {
-            currentIndex = convertIndex[from][to](cursorNumX);
-            oldIndex = currentIndex * ratios.x;
-            convertCursorNumY = convertCursor[from][to](currentSliceIndex);
-            convertCursorNumX = cursorNumY;
-        }
-        else if (from === "z" && to === "y") {
-            currentIndex = convertIndex[from][to](cursorNumY);
-            oldIndex = currentIndex * ratios[to];
-            convertCursorNumY = convertCursor[from][to](currentSliceIndex);
-            convertCursorNumX = cursorNumX;
-        }
-        else if (from === "x" && to === "y") {
-            currentIndex = convertIndex[from][to](cursorNumY);
-            oldIndex = currentIndex * ratios[to];
-            convertCursorNumX = convertCursor[from][to](currentSliceIndex);
-            convertCursorNumY = cursorNumX;
-        }
-        else if (from === "x" && to === "z") {
-            currentIndex = convertIndex[from][to](cursorNumX);
-            oldIndex = currentIndex * ratios[to];
-            convertCursorNumX = convertCursor[from][to](currentSliceIndex);
-            convertCursorNumY = cursorNumY;
-        }
-        else if (from === "y" && to === "z") {
-            currentIndex = convertIndex[from][to](cursorNumY);
-            oldIndex = currentIndex * ratios.z;
-            convertCursorNumY = convertCursor[from][to](currentSliceIndex);
-            convertCursorNumX = cursorNumX;
-        }
-        else {
-            return;
-        }
-        return { currentIndex, oldIndex, convertCursorNumX, convertCursorNumY };
-    }
     /**
      * Switch all contrast slices' orientation
      * @param {string} aixs:"x" | "y" | "z"
@@ -71352,7 +71476,7 @@ class NrrdTools extends DrawToolCore {
         this.resetDisplaySlicesStatus();
         // for sphere plan a
         if (this.gui_states.sphere && !this.nrrd_states.spherePlanB) {
-            this.drawSphere(this.nrrd_states.sphereOrigin[axisTo][0], this.nrrd_states.sphereOrigin[axisTo][1], this.nrrd_states.sphereRadius);
+            this.drawSphere(this.nrrd_states.sphereOrigin[axisTo][0] * this.nrrd_states.sizeFoctor, this.nrrd_states.sphereOrigin[axisTo][1] * this.nrrd_states.sizeFoctor, this.nrrd_states.sphereRadius);
         }
     }
     addSkip(index) {
@@ -72047,7 +72171,7 @@ function evaluateElement(element, weights) {
 }
 
 // import * as kiwrious from "copper3d_plugin_heart_k";
-const REVISION = "v2.0.5";
-console.log("%cCopper3D Visualisation %cBeta:v2.0.5", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
+const REVISION = "v2.0.7";
+console.log("%cCopper3D Visualisation %cBeta:v2.0.7", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
 
 export { CameraViewPoint, Copper3dTrackballControls, MeshNodeTool, NrrdTools, REVISION, addBoxHelper, addLabelToScene, configKiwriousHeart, convert3DPostoScreenPos, convertScreenPosto3DPos, copperMScene, copperMSceneRenderer, copperRenderer, copperRendererOnDemond, copperScene, copperSceneOnDemond, createTexture2D_NRRD, fullScreenListenner, kiwrious, loading, removeGuiFolderChilden, setHDRFilePath, throttle };