copper3d 2.0.6 → 2.0.8

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);
@@ -69119,7 +69118,11 @@ function setupGui(configs) {
             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");
     };
@@ -69167,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: updateGuiImageContrastOnChange,
+            onChange: updateGuiImageWindowHighOnChange,
+            onFinished: updateGuiImageContrastOnFinished,
+        },
+        windowLow: {
+            name: "WindowLow",
+            value: null,
+            min: 0,
+            max: 0,
+            step: 1,
+            onChange: updateGuiImageWindowLowOnChange,
             onFinished: updateGuiImageContrastOnFinished,
         },
         advance: {
@@ -69375,7 +69387,21 @@ class DragOperator {
             }
         });
         this.container.addEventListener("keyup", (ev) => {
+            if (ev.key === 'Control' || ev.key === 'Meta') {
+                /**
+                 * if ctrl pressed remove the drag mode
+                 */
+                if (this.protectedData.Is_Ctrl_Pressed) {
+                    this.removeDragMode();
+                }
+                else {
+                    this.configDragMode();
+                }
+            }
             if (ev.key === "Shift" && !this.gui_states.sphere) {
+                if (this.protectedData.Is_Ctrl_Pressed) {
+                    return;
+                }
                 this.configDragMode();
             }
         });
@@ -69651,6 +69677,7 @@ class CommToolsData {
             currentShowingSlice: undefined,
             mainPreSlices: undefined,
             Is_Shift_Pressed: false,
+            Is_Ctrl_Pressed: false,
             Is_Draw: false,
             axis: "z",
             maskData: {
@@ -69801,6 +69828,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 = [];
@@ -69814,13 +69853,31 @@ 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();
     }
     initDrawToolCore() {
+        let undoFlag = false;
         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;
             }
@@ -69829,8 +69886,29 @@ class DrawToolCore extends CommToolsData {
                 this.nrrd_states.enableCursorChoose =
                     !this.nrrd_states.enableCursorChoose;
             }
+            if ((ev.ctrlKey || ev.metaKey) && ev.code === "KeyZ") {
+                undoFlag = true;
+                this.undoLastPainting();
+            }
         });
         this.container.addEventListener("keyup", (ev) => {
+            if (ev.key === 'Control' || ev.key === 'Meta') {
+                if (undoFlag) {
+                    this.gui_states.readyToUpdate = true;
+                    undoFlag = false;
+                    return;
+                }
+                // 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();
+                    this.gui_states.readyToUpdate = true;
+                }
+            }
             if (ev.key === "Shift") {
                 this.protectedData.Is_Shift_Pressed = false;
             }
@@ -70192,6 +70270,7 @@ class DrawToolCore extends CommToolsData {
                 }
                 else {
                     if (this.protectedData.Is_Shift_Pressed) {
+                        console.log("draw");
                         if (!this.gui_states.segmentation &&
                             !this.gui_states.Eraser &&
                             this.nrrd_states.Mouse_Over) {
@@ -70219,11 +70298,6 @@ class DrawToolCore extends CommToolsData {
                 this.redrawDisplayCanvas();
             }
         };
-        document.addEventListener("keydown", (e) => {
-            if ((e.ctrlKey || e.metaKey) && e.code === "KeyZ") {
-                this.undoLastPainting();
-            }
-        });
     }
     drawLinesOnLayer(ctx, x, y) {
         ctx.beginPath();
@@ -70933,6 +71007,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":
@@ -71013,6 +71127,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
@@ -71067,6 +71188,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,
@@ -72054,7 +72181,7 @@ function evaluateElement(element, weights) {
 }
 
 // import * as kiwrious from "copper3d_plugin_heart_k";
-const REVISION = "v2.0.6";
-console.log("%cCopper3D Visualisation %cBeta:v2.0.6", "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 };

package/dist/bundle.umd.js

@@ -48383,7 +48383,7 @@
 	        (xhr) => { }, 
 	        // called when loading has errors
 	        (error) => {
-	            console.log("An error happened");
+	            console.log("An error happened: ", error);
 	        });
 	    }
 	}
@@ -68974,7 +68974,7 @@
 	        .add(configs.mainPreSlices.volume, "windowHigh", configs.mainPreSlices.volume.min, configs.mainPreSlices.volume.max, 1)
 	        .name("ImageContrast")
 	        .onChange((value) => {
-	        updateGuiImageContrastOnChange(value);
+	        updateGuiImageWindowHighOnChange(value);
 	    })
 	        .onFinishChange(() => {
 	        updateGuiImageContrastOnFinished();
@@ -69068,8 +69068,7 @@
 	        .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);
@@ -69127,7 +69126,11 @@
 	            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");
 	    };
@@ -69175,11 +69178,20 @@
 	        },
 	        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: updateGuiImageContrastOnChange,
+	            onChange: updateGuiImageWindowHighOnChange,
+	            onFinished: updateGuiImageContrastOnFinished,
+	        },
+	        windowLow: {
+	            name: "WindowLow",
+	            value: null,
+	            min: 0,
+	            max: 0,
+	            step: 1,
+	            onChange: updateGuiImageWindowLowOnChange,
 	            onFinished: updateGuiImageContrastOnFinished,
 	        },
 	        advance: {
@@ -69383,7 +69395,21 @@
 	            }
 	        });
 	        this.container.addEventListener("keyup", (ev) => {
+	            if (ev.key === 'Control' || ev.key === 'Meta') {
+	                /**
+	                 * if ctrl pressed remove the drag mode
+	                 */
+	                if (this.protectedData.Is_Ctrl_Pressed) {
+	                    this.removeDragMode();
+	                }
+	                else {
+	                    this.configDragMode();
+	                }
+	            }
 	            if (ev.key === "Shift" && !this.gui_states.sphere) {
+	                if (this.protectedData.Is_Ctrl_Pressed) {
+	                    return;
+	                }
 	                this.configDragMode();
 	            }
 	        });
@@ -69659,6 +69685,7 @@
 	            currentShowingSlice: undefined,
 	            mainPreSlices: undefined,
 	            Is_Shift_Pressed: false,
+	            Is_Ctrl_Pressed: false,
 	            Is_Draw: false,
 	            axis: "z",
 	            maskData: {
@@ -69809,6 +69836,18 @@
 	            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 = [];
@@ -69822,13 +69861,31 @@
 	            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();
 	    }
 	    initDrawToolCore() {
+	        let undoFlag = false;
 	        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;
 	            }
@@ -69837,8 +69894,29 @@
 	                this.nrrd_states.enableCursorChoose =
 	                    !this.nrrd_states.enableCursorChoose;
 	            }
+	            if ((ev.ctrlKey || ev.metaKey) && ev.code === "KeyZ") {
+	                undoFlag = true;
+	                this.undoLastPainting();
+	            }
 	        });
 	        this.container.addEventListener("keyup", (ev) => {
+	            if (ev.key === 'Control' || ev.key === 'Meta') {
+	                if (undoFlag) {
+	                    this.gui_states.readyToUpdate = true;
+	                    undoFlag = false;
+	                    return;
+	                }
+	                // 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();
+	                    this.gui_states.readyToUpdate = true;
+	                }
+	            }
 	            if (ev.key === "Shift") {
 	                this.protectedData.Is_Shift_Pressed = false;
 	            }
@@ -70200,6 +70278,7 @@
 	                }
 	                else {
 	                    if (this.protectedData.Is_Shift_Pressed) {
+	                        console.log("draw");
 	                        if (!this.gui_states.segmentation &&
 	                            !this.gui_states.Eraser &&
 	                            this.nrrd_states.Mouse_Over) {
@@ -70227,11 +70306,6 @@
 	                this.redrawDisplayCanvas();
 	            }
 	        };
-	        document.addEventListener("keydown", (e) => {
-	            if ((e.ctrlKey || e.metaKey) && e.code === "KeyZ") {
-	                this.undoLastPainting();
-	            }
-	        });
 	    }
 	    drawLinesOnLayer(ctx, x, y) {
 	        ctx.beginPath();
@@ -70941,6 +71015,46 @@
 	        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":
@@ -71021,6 +71135,13 @@
 	    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
@@ -71075,6 +71196,12 @@
 	        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,
@@ -72062,8 +72189,8 @@
 	}
 
 	// import * as kiwrious from "copper3d_plugin_heart_k";
-	const REVISION = "v2.0.6";
-	console.log("%cCopper3D Visualisation %cBeta:v2.0.6", "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");
 
 	exports.CameraViewPoint = CameraViewPoint;
 	exports.Copper3dTrackballControls = Copper3dTrackballControls;

package/dist/index.d.ts

@@ -19,6 +19,6 @@ import { removeGuiFolderChilden } from "./Utils/segmentation/coreTools/gui";
 import { nrrdMeshesType, nrrdSliceType, SensorDecodedValue_kiwrious, SensorReadResult_kiwrious, HeartRateResult_kiwrious, loadingBarType, exportPaintImageType, IOptVTKLoader } from "./types/types";
 import { IPaintImage } from "./Utils/segmentation/coreTools/coreType";
 import "./css/style.css";
-export declare const REVISION = "v2.0.6";
+export declare const REVISION = "v2.0.7";
 export { copperRenderer, copperRendererOnDemond, copperMSceneRenderer, setHDRFilePath, addLabelToScene, convert3DPostoScreenPos, convertScreenPosto3DPos, addBoxHelper, fullScreenListenner, configKiwriousHeart, copperScene, copperSceneOnDemond, copperMScene, CameraViewPoint, kiwrious, NrrdTools, loading, Copper3dTrackballControls, createTexture2D_NRRD, MeshNodeTool, throttle, removeGuiFolderChilden, };
 export type { positionType, screenPosType, optsType, nrrdMeshesType, nrrdSliceType, SensorDecodedValue_kiwrious, SensorReadResult_kiwrious, HeartRateResult_kiwrious, loadingBarType, IPaintImage, exportPaintImageType, IOptVTKLoader, };

package/dist/index.js

@@ -18,7 +18,7 @@ import { Copper3dTrackballControls } from "./Controls/Copper3dTrackballControls"
 import { MeshNodeTool } from "./Utils/MeshNodeTool";
 import { removeGuiFolderChilden } from "./Utils/segmentation/coreTools/gui";
 import "./css/style.css";
-export const REVISION = "v2.0.6";
-console.log("%cCopper3D Visualisation %cBeta:v2.0.6", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
+export 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 { copperRenderer, copperRendererOnDemond, copperMSceneRenderer, setHDRFilePath, addLabelToScene, convert3DPostoScreenPos, convertScreenPosto3DPos, addBoxHelper, fullScreenListenner, configKiwriousHeart, copperScene, copperSceneOnDemond, copperMScene, CameraViewPoint, kiwrious, NrrdTools, loading, Copper3dTrackballControls, createTexture2D_NRRD, MeshNodeTool, throttle, removeGuiFolderChilden, };
 //# sourceMappingURL=index.js.map

package/dist/types/Utils/segmentation/DrawToolCore.d.ts

@@ -1,9 +1,10 @@
-import { IDrawingEvents, IDrawOpts, IPaintImage, IPaintImages, IUndoType } from "./coreTools/coreType";
+import { IDrawingEvents, IContrastEvents, IDrawOpts, IPaintImage, IPaintImages, IUndoType } from "./coreTools/coreType";
 import { CommToolsData } from "./CommToolsData";
 export declare class DrawToolCore extends CommToolsData {
     container: HTMLElement;
     mainAreaContainer: HTMLDivElement;
     drawingPrameters: IDrawingEvents;
+    contrastEventPrameters: IContrastEvents;
     eraserUrls: string[];
     pencilUrls: string[];
     undoArray: Array<IUndoType>;
@@ -94,6 +95,13 @@ export declare class DrawToolCore extends CommToolsData {
     replaceArray(mainArr: number[] | Uint8ClampedArray, replaceArr: number[] | Uint8ClampedArray): void;
     findSliceInSharedPlace(): ImageData[];
     /******************************** Utils gui related functions ***************************************/
+    /**
+     * Set up root container events fns for drag function
+     * @param callback
+     */
+    setupConrastEvents(callback: (step: number, towards: "horizental" | "vertical") => void): void;
+    configContrastDragMode: () => void;
+    removeContrastDragMode: () => void;
     updateSlicesContrast(value: number, flag: string): void;
     repraintCurrentContrastSlice(): void;
 }

package/dist/types/Utils/segmentation/NrrdTools.d.ts

@@ -1,6 +1,6 @@
 import { nrrdSliceType, storeExportPaintImageType, loadingBarType } from "../../types/types";
 import { GUI } from "dat.gui";
-import { IStoredPaintImages, IMaskData, IDragOpts } from "./coreTools/coreType";
+import { IStoredPaintImages, IMaskData, IDragOpts, IGuiParameterSettings } from "./coreTools/coreType";
 import { DragOperator } from "./DragOperator";
 import { DrawToolCore } from "./DrawToolCore";
 export declare class NrrdTools extends DrawToolCore {
@@ -23,6 +23,11 @@ export declare class NrrdTools extends DrawToolCore {
      */
     setBaseDrawDisplayCanvasesSize(size: number): void;
     setDisplaySliceIndexPanel(panel: HTMLDivElement): void;
+    /**
+     * Enable the drag function for contrast images window center and window high.
+     * @param callback
+     */
+    enableContrastDragEvents(callback: (step: number, towards: "horizental" | "vertical") => void): void;
     /**
      * Set up GUI for drawing panel
      * @param gui GUI
@@ -30,7 +35,7 @@ export declare class NrrdTools extends DrawToolCore {
     setupGUI(gui: GUI): void;
     getGuiSettings(): {
         guiState: import("./coreTools/coreType").IGUIStates;
-        guiSetting: any;
+        guiSetting: IGuiParameterSettings | undefined;
     };
     /**
      * A initialise function for nrrd_tools