copper3d 1.15.20 → 1.15.22

package/dist/bundle.esm.js

@@ -38399,6 +38399,45 @@ function loading() {
     loadingContainer.appendChild(progress);
     return { loadingContainer, progress };
 }
+function switchPencilIcon(icon, urls) {
+    let url = "";
+    if (!!urls && urls.length > 0) {
+        switch (icon) {
+            case "crosshair":
+                url = "crosshair";
+                break;
+            case "pencil":
+                url = `url(${urls[1]}), auto`;
+                break;
+            case "dot":
+                url = `url(${urls[0]}), auto`;
+                break;
+            default:
+                url = `url(${urls[0]}), auto`;
+                break;
+        }
+    }
+    else {
+        switch (icon) {
+            case "crosshair":
+                url = "crosshair";
+                break;
+            case "pencil":
+                url =
+                    "url(https://raw.githubusercontent.com/LinkunGao/copper3d_icons/main/icons/pencil-black.svg), auto";
+                break;
+            case "dot":
+                url =
+                    "url(https://raw.githubusercontent.com/LinkunGao/copper3d-datasets/main/icons/dot.svg) 12 12,auto";
+                break;
+            default:
+                url =
+                    "url(https://raw.githubusercontent.com/LinkunGao/copper3d-datasets/main/icons/dot.svg) 12 12,auto";
+                break;
+        }
+    }
+    return url;
+}
 function switchEraserSize(size, urls) {
     let url = "";
     if (!!urls && urls.length > 0) {
@@ -67728,6 +67767,7 @@ class nrrd_tools {
         this.undoArray = [];
         this.initState = true;
         this.eraserUrls = [];
+        this.pencilUrls = [];
         this.nrrd_states = {
             originWidth: 0,
             originHeight: 0,
@@ -67774,9 +67814,8 @@ class nrrd_tools {
             switchSliceFlag: false,
             labels: ["label1", "label2", "label3"],
             getMask: (mask, sliceId, label, width, height, clearAllFlag) => { },
-            // defaultPaintCursor:
-            //   "url(https://raw.githubusercontent.com/LinkunGao/copper3d_icons/main/icons/pencil-black.svg), auto",
-            defaultPaintCursor: "url(https://raw.githubusercontent.com/LinkunGao/copper3d-datasets/main/icons/dot.svg) 12 12,auto",
+            getSphere: (sphereOrigin, sphereRadius) => { },
+            defaultPaintCursor: switchPencilIcon("dot"),
             drawStartPos: new Vector2(1, 1),
         };
         this.cursorPage = {
@@ -68025,6 +68064,11 @@ class nrrd_tools {
     setEraserUrls(urls) {
         this.eraserUrls = urls;
     }
+    setPencilIconUrls(urls) {
+        this.pencilUrls = urls;
+        this.nrrd_states.defaultPaintCursor = switchPencilIcon("dot", this.pencilUrls);
+        this.drawingCanvas.style.cursor = this.nrrd_states.defaultPaintCursor;
+    }
     getCurrentImageDimension() {
         return this.nrrd_states.dimensions;
     }
@@ -68763,6 +68807,7 @@ class nrrd_tools {
         let subViewFolder;
         if (!!opts) {
             this.nrrd_states.getMask = opts === null || opts === void 0 ? void 0 : opts.getMaskData;
+            this.nrrd_states.getSphere = opts === null || opts === void 0 ? void 0 : opts.getSphereData;
         }
         this.sceneIn = sceneIn;
         sceneIn.controls.enabled = false;
@@ -69054,6 +69099,7 @@ class nrrd_tools {
                             this.drawSphereOnEachViews(i, "z");
                         }
                     }
+                    !!this.nrrd_states.getSphere && this.nrrd_states.getSphere(this.nrrd_states.sphereOrigin.z, this.nrrd_states.sphereRadius);
                     this.drawingCanvas.removeEventListener("wheel", this.drawingPrameters.handleSphereWheel, true);
                 }
             }
@@ -69282,7 +69328,6 @@ class nrrd_tools {
             }
             // limited the radius max and min
             this.nrrd_states.sphereRadius = Math.max(1, Math.min(this.nrrd_states.sphereRadius, 50));
-            console.log(this.nrrd_states.sphereOrigin[this.axis][0], this.nrrd_states.sphereOrigin[this.axis][1]);
             // get mouse position
             const mouseX = this.nrrd_states.sphereOrigin[this.axis][0];
             const mouseY = this.nrrd_states.sphereOrigin[this.axis][1];
@@ -69979,54 +70024,10 @@ class nrrd_tools {
         if (modeFolder.__controllers.length > 0)
             this.removeGuiFolderChilden(modeFolder);
         modeFolder.open();
-        const actionsFolder = modeFolder.addFolder("Default Actions");
-        actionsFolder
-            .add(this.gui_states, "label", ["label1", "label2", "label3"])
-            .onChange((val) => {
-            if (val === "label1") {
-                this.gui_states.fillColor = "#00ff00";
-                this.gui_states.brushColor = "#00ff00";
-            }
-            else if (val === "label2") {
-                this.gui_states.fillColor = "#ff0000";
-                this.gui_states.brushColor = "#ff0000";
-            }
-            else if (val === "label3") {
-                this.gui_states.fillColor = "#0000ff";
-                this.gui_states.brushColor = "#0000ff";
-            }
-        });
-        actionsFolder
-            .add(this.gui_states, "cursor", ["crosshair", "pencil", "dot"])
-            .name("cursor icons")
-            .onChange((value) => {
-            if (value === "crosshair") {
-                this.nrrd_states.defaultPaintCursor = "crosshair";
-            }
-            if (value === "pencil") {
-                this.nrrd_states.defaultPaintCursor =
-                    "url(https://raw.githubusercontent.com/LinkunGao/copper3d_icons/main/icons/pencil-black.svg), auto";
-            }
-            if (value === "dot") {
-                this.nrrd_states.defaultPaintCursor =
-                    "url(https://raw.githubusercontent.com/LinkunGao/copper3d-datasets/main/icons/dot.svg) 12 12,auto";
-            }
-            this.drawingCanvas.style.cursor = this.nrrd_states.defaultPaintCursor;
-        });
-        actionsFolder
-            .add(this.gui_states, "mainAreaSize")
-            .name("zoom")
-            .min(1)
-            .max(8)
-            .onFinishChange((factor) => {
-            this.resetPaintArea();
-            this.nrrd_states.sizeFoctor = factor;
-            this.resizePaintArea(factor);
-        });
-        actionsFolder.add(this.gui_states, "resetZoom");
+        const actionsFolder = modeFolder.addFolder("DefaultActions");
         actionsFolder
             .add(this.gui_states, "globalAlpha")
-            .name("opacity")
+            .name("Opacity")
             .min(0.1)
             .max(1)
             .step(0.01);
@@ -70063,6 +70064,7 @@ class nrrd_tools {
         });
         actionsFolder
             .add(this.gui_states, "brushAndEraserSize")
+            .name("BrushAndEraserSize")
             .min(5)
             .max(50)
             .step(1)
@@ -70084,12 +70086,13 @@ class nrrd_tools {
                 this.drawingCanvas.style.cursor = this.nrrd_states.defaultPaintCursor;
             }
         });
-        actionsFolder.add(this.gui_states, "clear");
-        actionsFolder.add(this.gui_states, "clearAll");
-        actionsFolder.add(this.gui_states, "undo");
+        actionsFolder.add(this.gui_states, "clear").name("Clear");
+        actionsFolder.add(this.gui_states, "clearAll").name("ClearAll");
+        actionsFolder.add(this.gui_states, "undo").name("Undo");
+        actionsFolder.add(this.gui_states, "resetZoom").name("ResetZoom");
         actionsFolder
             .add(this.mainPreSlice.volume, "windowHigh", this.mainPreSlice.volume.min, this.mainPreSlice.volume.max, 1)
-            .name("Image contrast")
+            .name("ImageContrast")
             .onChange((value) => {
             this.nrrd_states.readyToUpdate = false;
             this.updateSlicesContrast(value, "windowHigh");
@@ -70098,30 +70101,68 @@ class nrrd_tools {
             this.repraintAllContrastSlices();
             this.nrrd_states.readyToUpdate = true;
         });
-        actionsFolder.add(this.gui_states, "exportMarks");
-        const advanceFolder = modeFolder.addFolder("Advance settings");
+        const advanceFolder = modeFolder.addFolder("AdvanceSettings");
+        advanceFolder
+            .add(this.gui_states, "label", ["label1", "label2", "label3"])
+            .name("Label")
+            .onChange((val) => {
+            if (val === "label1") {
+                this.gui_states.fillColor = "#00ff00";
+                this.gui_states.brushColor = "#00ff00";
+            }
+            else if (val === "label2") {
+                this.gui_states.fillColor = "#ff0000";
+                this.gui_states.brushColor = "#ff0000";
+            }
+            else if (val === "label3") {
+                this.gui_states.fillColor = "#0000ff";
+                this.gui_states.brushColor = "#0000ff";
+            }
+        });
+        advanceFolder
+            .add(this.gui_states, "cursor", ["crosshair", "pencil", "dot"])
+            .name("CursorIcons")
+            .onChange((value) => {
+            this.nrrd_states.defaultPaintCursor = switchPencilIcon(value, this.pencilUrls);
+            this.drawingCanvas.style.cursor = this.nrrd_states.defaultPaintCursor;
+        });
+        advanceFolder
+            .add(this.gui_states, "mainAreaSize")
+            .name("Zoom")
+            .min(1)
+            .max(8)
+            .onFinishChange((factor) => {
+            this.resetPaintArea();
+            this.nrrd_states.sizeFoctor = factor;
+            this.resizePaintArea(factor);
+        });
         advanceFolder
             .add(this.gui_states, "dragSensitivity")
+            .name("DragSensitivity")
             .min(1)
             .max(this.nrrd_states.Max_sensitive)
             .step(1);
-        const segmentationFolder = advanceFolder.addFolder("Pencil settings");
+        const segmentationFolder = advanceFolder.addFolder("PencilSettings");
         segmentationFolder
             .add(this.gui_states, "lineWidth")
-            .name("outerLineWidth")
+            .name("OuterLineWidth")
             .min(1.7)
             .max(3)
             .step(0.01);
-        segmentationFolder.addColor(this.gui_states, "color");
-        segmentationFolder.addColor(this.gui_states, "fillColor");
-        const bushFolder = advanceFolder.addFolder("Brush settings");
-        bushFolder.addColor(this.gui_states, "brushColor");
+        segmentationFolder.addColor(this.gui_states, "color").name("Color");
+        segmentationFolder.addColor(this.gui_states, "fillColor").name("FillColor");
+        const bushFolder = advanceFolder.addFolder("BrushSettings");
+        bushFolder.addColor(this.gui_states, "brushColor").name("BrushColor");
         // modeFolder.add(this.stateMode, "EraserSize").min(1).max(50).step(1);
-        advanceFolder.add(this.gui_states, "downloadCurrentMask");
-        const contrastFolder = advanceFolder.addFolder("contrast advance settings");
+        const maskFolder = advanceFolder.addFolder("MaskDownload");
+        maskFolder
+            .add(this.gui_states, "downloadCurrentMask")
+            .name("DownloadCurrentMask");
+        maskFolder.add(this.gui_states, "exportMarks").name("ExportMask");
+        const contrastFolder = advanceFolder.addFolder("ContrastAdvanceSettings");
         contrastFolder
             .add(this.mainPreSlice.volume, "lowerThreshold", this.mainPreSlice.volume.min, this.mainPreSlice.volume.max, 1)
-            .name("Lower Threshold")
+            .name("LowerThreshold")
             .onChange((value) => {
             this.nrrd_states.readyToUpdate = false;
             this.updateSlicesContrast(value, "lowerThreshold");
@@ -70132,7 +70173,7 @@ class nrrd_tools {
         });
         contrastFolder
             .add(this.mainPreSlice.volume, "upperThreshold", this.mainPreSlice.volume.min, this.mainPreSlice.volume.max, 1)
-            .name("Upper Threshold")
+            .name("UpperThreshold")
             .onChange((value) => {
             this.nrrd_states.readyToUpdate = false;
             this.updateSlicesContrast(value, "upperThreshold");
@@ -70143,7 +70184,7 @@ class nrrd_tools {
         });
         contrastFolder
             .add(this.mainPreSlice.volume, "windowLow", this.mainPreSlice.volume.min, this.mainPreSlice.volume.max, 1)
-            .name("Window Low")
+            .name("WindowLow")
             .onChange((value) => {
             this.nrrd_states.readyToUpdate = false;
             this.updateSlicesContrast(value, "windowLow");
@@ -70363,7 +70404,7 @@ function evaluateElement(element, weights) {
 }
 
 // import * as kiwrious from "copper3d_plugin_heart_k";
-const REVISION = "v1.15.20";
-console.log("%cCopper3D Visualisation %cBeta:v1.15.20", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
+const REVISION = "v1.15.22";
+console.log("%cCopper3D Visualisation %cBeta:v1.15.22", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
 
 export { CameraViewPoint, Copper3dTrackballControls, MeshNodeTool, REVISION, addBoxHelper, addLabelToScene, configKiwriousHeart, convert3DPostoScreenPos, convertScreenPosto3DPos, copperMScene, copperMSceneRenderer, copperRenderer, copperRendererOnDemond, copperScene, copperSceneOnDemond, createTexture2D_NRRD, fullScreenListenner, kiwrious, loading, nrrd_tools, setHDRFilePath, throttle };

package/dist/bundle.umd.js

@@ -38407,6 +38407,45 @@
 	    loadingContainer.appendChild(progress);
 	    return { loadingContainer, progress };
 	}
+	function switchPencilIcon(icon, urls) {
+	    let url = "";
+	    if (!!urls && urls.length > 0) {
+	        switch (icon) {
+	            case "crosshair":
+	                url = "crosshair";
+	                break;
+	            case "pencil":
+	                url = `url(${urls[1]}), auto`;
+	                break;
+	            case "dot":
+	                url = `url(${urls[0]}), auto`;
+	                break;
+	            default:
+	                url = `url(${urls[0]}), auto`;
+	                break;
+	        }
+	    }
+	    else {
+	        switch (icon) {
+	            case "crosshair":
+	                url = "crosshair";
+	                break;
+	            case "pencil":
+	                url =
+	                    "url(https://raw.githubusercontent.com/LinkunGao/copper3d_icons/main/icons/pencil-black.svg), auto";
+	                break;
+	            case "dot":
+	                url =
+	                    "url(https://raw.githubusercontent.com/LinkunGao/copper3d-datasets/main/icons/dot.svg) 12 12,auto";
+	                break;
+	            default:
+	                url =
+	                    "url(https://raw.githubusercontent.com/LinkunGao/copper3d-datasets/main/icons/dot.svg) 12 12,auto";
+	                break;
+	        }
+	    }
+	    return url;
+	}
 	function switchEraserSize(size, urls) {
 	    let url = "";
 	    if (!!urls && urls.length > 0) {
@@ -67736,6 +67775,7 @@
 	        this.undoArray = [];
 	        this.initState = true;
 	        this.eraserUrls = [];
+	        this.pencilUrls = [];
 	        this.nrrd_states = {
 	            originWidth: 0,
 	            originHeight: 0,
@@ -67782,9 +67822,8 @@
 	            switchSliceFlag: false,
 	            labels: ["label1", "label2", "label3"],
 	            getMask: (mask, sliceId, label, width, height, clearAllFlag) => { },
-	            // defaultPaintCursor:
-	            //   "url(https://raw.githubusercontent.com/LinkunGao/copper3d_icons/main/icons/pencil-black.svg), auto",
-	            defaultPaintCursor: "url(https://raw.githubusercontent.com/LinkunGao/copper3d-datasets/main/icons/dot.svg) 12 12,auto",
+	            getSphere: (sphereOrigin, sphereRadius) => { },
+	            defaultPaintCursor: switchPencilIcon("dot"),
 	            drawStartPos: new Vector2(1, 1),
 	        };
 	        this.cursorPage = {
@@ -68033,6 +68072,11 @@
 	    setEraserUrls(urls) {
 	        this.eraserUrls = urls;
 	    }
+	    setPencilIconUrls(urls) {
+	        this.pencilUrls = urls;
+	        this.nrrd_states.defaultPaintCursor = switchPencilIcon("dot", this.pencilUrls);
+	        this.drawingCanvas.style.cursor = this.nrrd_states.defaultPaintCursor;
+	    }
 	    getCurrentImageDimension() {
 	        return this.nrrd_states.dimensions;
 	    }
@@ -68771,6 +68815,7 @@
 	        let subViewFolder;
 	        if (!!opts) {
 	            this.nrrd_states.getMask = opts === null || opts === void 0 ? void 0 : opts.getMaskData;
+	            this.nrrd_states.getSphere = opts === null || opts === void 0 ? void 0 : opts.getSphereData;
 	        }
 	        this.sceneIn = sceneIn;
 	        sceneIn.controls.enabled = false;
@@ -69062,6 +69107,7 @@
 	                            this.drawSphereOnEachViews(i, "z");
 	                        }
 	                    }
+	                    !!this.nrrd_states.getSphere && this.nrrd_states.getSphere(this.nrrd_states.sphereOrigin.z, this.nrrd_states.sphereRadius);
 	                    this.drawingCanvas.removeEventListener("wheel", this.drawingPrameters.handleSphereWheel, true);
 	                }
 	            }
@@ -69290,7 +69336,6 @@
 	            }
 	            // limited the radius max and min
 	            this.nrrd_states.sphereRadius = Math.max(1, Math.min(this.nrrd_states.sphereRadius, 50));
-	            console.log(this.nrrd_states.sphereOrigin[this.axis][0], this.nrrd_states.sphereOrigin[this.axis][1]);
 	            // get mouse position
 	            const mouseX = this.nrrd_states.sphereOrigin[this.axis][0];
 	            const mouseY = this.nrrd_states.sphereOrigin[this.axis][1];
@@ -69987,54 +70032,10 @@
 	        if (modeFolder.__controllers.length > 0)
 	            this.removeGuiFolderChilden(modeFolder);
 	        modeFolder.open();
-	        const actionsFolder = modeFolder.addFolder("Default Actions");
-	        actionsFolder
-	            .add(this.gui_states, "label", ["label1", "label2", "label3"])
-	            .onChange((val) => {
-	            if (val === "label1") {
-	                this.gui_states.fillColor = "#00ff00";
-	                this.gui_states.brushColor = "#00ff00";
-	            }
-	            else if (val === "label2") {
-	                this.gui_states.fillColor = "#ff0000";
-	                this.gui_states.brushColor = "#ff0000";
-	            }
-	            else if (val === "label3") {
-	                this.gui_states.fillColor = "#0000ff";
-	                this.gui_states.brushColor = "#0000ff";
-	            }
-	        });
-	        actionsFolder
-	            .add(this.gui_states, "cursor", ["crosshair", "pencil", "dot"])
-	            .name("cursor icons")
-	            .onChange((value) => {
-	            if (value === "crosshair") {
-	                this.nrrd_states.defaultPaintCursor = "crosshair";
-	            }
-	            if (value === "pencil") {
-	                this.nrrd_states.defaultPaintCursor =
-	                    "url(https://raw.githubusercontent.com/LinkunGao/copper3d_icons/main/icons/pencil-black.svg), auto";
-	            }
-	            if (value === "dot") {
-	                this.nrrd_states.defaultPaintCursor =
-	                    "url(https://raw.githubusercontent.com/LinkunGao/copper3d-datasets/main/icons/dot.svg) 12 12,auto";
-	            }
-	            this.drawingCanvas.style.cursor = this.nrrd_states.defaultPaintCursor;
-	        });
-	        actionsFolder
-	            .add(this.gui_states, "mainAreaSize")
-	            .name("zoom")
-	            .min(1)
-	            .max(8)
-	            .onFinishChange((factor) => {
-	            this.resetPaintArea();
-	            this.nrrd_states.sizeFoctor = factor;
-	            this.resizePaintArea(factor);
-	        });
-	        actionsFolder.add(this.gui_states, "resetZoom");
+	        const actionsFolder = modeFolder.addFolder("DefaultActions");
 	        actionsFolder
 	            .add(this.gui_states, "globalAlpha")
-	            .name("opacity")
+	            .name("Opacity")
 	            .min(0.1)
 	            .max(1)
 	            .step(0.01);
@@ -70071,6 +70072,7 @@
 	        });
 	        actionsFolder
 	            .add(this.gui_states, "brushAndEraserSize")
+	            .name("BrushAndEraserSize")
 	            .min(5)
 	            .max(50)
 	            .step(1)
@@ -70092,12 +70094,13 @@
 	                this.drawingCanvas.style.cursor = this.nrrd_states.defaultPaintCursor;
 	            }
 	        });
-	        actionsFolder.add(this.gui_states, "clear");
-	        actionsFolder.add(this.gui_states, "clearAll");
-	        actionsFolder.add(this.gui_states, "undo");
+	        actionsFolder.add(this.gui_states, "clear").name("Clear");
+	        actionsFolder.add(this.gui_states, "clearAll").name("ClearAll");
+	        actionsFolder.add(this.gui_states, "undo").name("Undo");
+	        actionsFolder.add(this.gui_states, "resetZoom").name("ResetZoom");
 	        actionsFolder
 	            .add(this.mainPreSlice.volume, "windowHigh", this.mainPreSlice.volume.min, this.mainPreSlice.volume.max, 1)
-	            .name("Image contrast")
+	            .name("ImageContrast")
 	            .onChange((value) => {
 	            this.nrrd_states.readyToUpdate = false;
 	            this.updateSlicesContrast(value, "windowHigh");
@@ -70106,30 +70109,68 @@
 	            this.repraintAllContrastSlices();
 	            this.nrrd_states.readyToUpdate = true;
 	        });
-	        actionsFolder.add(this.gui_states, "exportMarks");
-	        const advanceFolder = modeFolder.addFolder("Advance settings");
+	        const advanceFolder = modeFolder.addFolder("AdvanceSettings");
+	        advanceFolder
+	            .add(this.gui_states, "label", ["label1", "label2", "label3"])
+	            .name("Label")
+	            .onChange((val) => {
+	            if (val === "label1") {
+	                this.gui_states.fillColor = "#00ff00";
+	                this.gui_states.brushColor = "#00ff00";
+	            }
+	            else if (val === "label2") {
+	                this.gui_states.fillColor = "#ff0000";
+	                this.gui_states.brushColor = "#ff0000";
+	            }
+	            else if (val === "label3") {
+	                this.gui_states.fillColor = "#0000ff";
+	                this.gui_states.brushColor = "#0000ff";
+	            }
+	        });
+	        advanceFolder
+	            .add(this.gui_states, "cursor", ["crosshair", "pencil", "dot"])
+	            .name("CursorIcons")
+	            .onChange((value) => {
+	            this.nrrd_states.defaultPaintCursor = switchPencilIcon(value, this.pencilUrls);
+	            this.drawingCanvas.style.cursor = this.nrrd_states.defaultPaintCursor;
+	        });
+	        advanceFolder
+	            .add(this.gui_states, "mainAreaSize")
+	            .name("Zoom")
+	            .min(1)
+	            .max(8)
+	            .onFinishChange((factor) => {
+	            this.resetPaintArea();
+	            this.nrrd_states.sizeFoctor = factor;
+	            this.resizePaintArea(factor);
+	        });
 	        advanceFolder
 	            .add(this.gui_states, "dragSensitivity")
+	            .name("DragSensitivity")
 	            .min(1)
 	            .max(this.nrrd_states.Max_sensitive)
 	            .step(1);
-	        const segmentationFolder = advanceFolder.addFolder("Pencil settings");
+	        const segmentationFolder = advanceFolder.addFolder("PencilSettings");
 	        segmentationFolder
 	            .add(this.gui_states, "lineWidth")
-	            .name("outerLineWidth")
+	            .name("OuterLineWidth")
 	            .min(1.7)
 	            .max(3)
 	            .step(0.01);
-	        segmentationFolder.addColor(this.gui_states, "color");
-	        segmentationFolder.addColor(this.gui_states, "fillColor");
-	        const bushFolder = advanceFolder.addFolder("Brush settings");
-	        bushFolder.addColor(this.gui_states, "brushColor");
+	        segmentationFolder.addColor(this.gui_states, "color").name("Color");
+	        segmentationFolder.addColor(this.gui_states, "fillColor").name("FillColor");
+	        const bushFolder = advanceFolder.addFolder("BrushSettings");
+	        bushFolder.addColor(this.gui_states, "brushColor").name("BrushColor");
 	        // modeFolder.add(this.stateMode, "EraserSize").min(1).max(50).step(1);
-	        advanceFolder.add(this.gui_states, "downloadCurrentMask");
-	        const contrastFolder = advanceFolder.addFolder("contrast advance settings");
+	        const maskFolder = advanceFolder.addFolder("MaskDownload");
+	        maskFolder
+	            .add(this.gui_states, "downloadCurrentMask")
+	            .name("DownloadCurrentMask");
+	        maskFolder.add(this.gui_states, "exportMarks").name("ExportMask");
+	        const contrastFolder = advanceFolder.addFolder("ContrastAdvanceSettings");
 	        contrastFolder
 	            .add(this.mainPreSlice.volume, "lowerThreshold", this.mainPreSlice.volume.min, this.mainPreSlice.volume.max, 1)
-	            .name("Lower Threshold")
+	            .name("LowerThreshold")
 	            .onChange((value) => {
 	            this.nrrd_states.readyToUpdate = false;
 	            this.updateSlicesContrast(value, "lowerThreshold");
@@ -70140,7 +70181,7 @@
 	        });
 	        contrastFolder
 	            .add(this.mainPreSlice.volume, "upperThreshold", this.mainPreSlice.volume.min, this.mainPreSlice.volume.max, 1)
-	            .name("Upper Threshold")
+	            .name("UpperThreshold")
 	            .onChange((value) => {
 	            this.nrrd_states.readyToUpdate = false;
 	            this.updateSlicesContrast(value, "upperThreshold");
@@ -70151,7 +70192,7 @@
 	        });
 	        contrastFolder
 	            .add(this.mainPreSlice.volume, "windowLow", this.mainPreSlice.volume.min, this.mainPreSlice.volume.max, 1)
-	            .name("Window Low")
+	            .name("WindowLow")
 	            .onChange((value) => {
 	            this.nrrd_states.readyToUpdate = false;
 	            this.updateSlicesContrast(value, "windowLow");
@@ -70371,8 +70412,8 @@
 	}
 
 	// import * as kiwrious from "copper3d_plugin_heart_k";
-	const REVISION = "v1.15.20";
-	console.log("%cCopper3D Visualisation %cBeta:v1.15.20", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
+	const REVISION = "v1.15.22";
+	console.log("%cCopper3D Visualisation %cBeta:v1.15.22", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
 
 	exports.CameraViewPoint = CameraViewPoint;
 	exports.Copper3dTrackballControls = Copper3dTrackballControls;

package/dist/index.d.ts

@@ -17,6 +17,6 @@ import { Copper3dTrackballControls } from "./Controls/Copper3dTrackballControls"
 import { MeshNodeTool } from "./Utils/MeshNodeTool";
 import { nrrdMeshesType, nrrdSliceType, SensorDecodedValue_kiwrious, SensorReadResult_kiwrious, HeartRateResult_kiwrious, loadingBarType, paintImageType, exportPaintImageType, IOptVTKLoader } from "./types/types";
 import "./css/style.css";
-export declare const REVISION = "v1.15.20";
+export declare const REVISION = "v1.15.22";
 export { copperRenderer, copperRendererOnDemond, copperMSceneRenderer, setHDRFilePath, addLabelToScene, convert3DPostoScreenPos, convertScreenPosto3DPos, addBoxHelper, fullScreenListenner, configKiwriousHeart, copperScene, copperSceneOnDemond, copperMScene, CameraViewPoint, kiwrious, nrrd_tools, loading, Copper3dTrackballControls, createTexture2D_NRRD, MeshNodeTool, throttle, };
 export type { positionType, screenPosType, optsType, nrrdMeshesType, nrrdSliceType, SensorDecodedValue_kiwrious, SensorReadResult_kiwrious, HeartRateResult_kiwrious, loadingBarType, paintImageType, exportPaintImageType, IOptVTKLoader, };

package/dist/index.js

@@ -17,7 +17,7 @@ import { nrrd_tools } from "./Utils/nrrd_tool";
 import { Copper3dTrackballControls } from "./Controls/Copper3dTrackballControls";
 import { MeshNodeTool } from "./Utils/MeshNodeTool";
 import "./css/style.css";
-export const REVISION = "v1.15.20";
-console.log("%cCopper3D Visualisation %cBeta:v1.15.20", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
+export const REVISION = "v1.15.22";
+console.log("%cCopper3D Visualisation %cBeta:v1.15.22", "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, nrrd_tools, loading, Copper3dTrackballControls, createTexture2D_NRRD, MeshNodeTool, throttle, };
 //# sourceMappingURL=index.js.map

package/dist/types/Utils/nrrd_tool.d.ts

@@ -49,6 +49,7 @@ export declare class nrrd_tools {
     private initState;
     private preTimer;
     private eraserUrls;
+    private pencilUrls;
     private nrrd_states;
     private cursorPage;
     private gui_states;
@@ -74,6 +75,7 @@ export declare class nrrd_tools {
     private loadingMaskByLabel;
     setMasksData(masksData: storeExportPaintImageType, loadingBar?: loadingBarType): void;
     setEraserUrls(urls: string[]): void;
+    setPencilIconUrls(urls: string[]): void;
     getCurrentImageDimension(): never[];
     getVoxelSpacing(): never[];
     getSpaceOrigin(): never[];
@@ -155,6 +157,7 @@ export declare class nrrd_tools {
         switchSliceFlag: boolean;
         labels: string[];
         getMask: (mask: ImageData, sliceId: number, label: string, width: number, height: number, clearAllFlag: boolean) => void;
+        getSphere: (sphereOrigin: number[], sphereRadius: number) => void;
         defaultPaintCursor: string;
         drawStartPos: THREE.Vector2;
     };

package/dist/types/Utils/utils.d.ts

@@ -5,6 +5,7 @@ export declare function loading(): {
     loadingContainer: HTMLDivElement;
     progress: HTMLDivElement;
 };
+export declare function switchPencilIcon(icon: string, urls?: string[]): string;
 export declare function switchEraserSize(size: number, urls?: string[]): string;
 export declare function throttle(callback: (event: MouseEvent) => void, wait: number): (event: MouseEvent) => void;
 /**

package/dist/types/index.d.ts

@@ -17,6 +17,6 @@ import { Copper3dTrackballControls } from "./Controls/Copper3dTrackballControls"
 import { MeshNodeTool } from "./Utils/MeshNodeTool";
 import { nrrdMeshesType, nrrdSliceType, SensorDecodedValue_kiwrious, SensorReadResult_kiwrious, HeartRateResult_kiwrious, loadingBarType, paintImageType, exportPaintImageType, IOptVTKLoader } from "./types/types";
 import "./css/style.css";
-export declare const REVISION = "v1.15.20";
+export declare const REVISION = "v1.15.22";
 export { copperRenderer, copperRendererOnDemond, copperMSceneRenderer, setHDRFilePath, addLabelToScene, convert3DPostoScreenPos, convertScreenPosto3DPos, addBoxHelper, fullScreenListenner, configKiwriousHeart, copperScene, copperSceneOnDemond, copperMScene, CameraViewPoint, kiwrious, nrrd_tools, loading, Copper3dTrackballControls, createTexture2D_NRRD, MeshNodeTool, throttle, };
 export type { positionType, screenPosType, optsType, nrrdMeshesType, nrrdSliceType, SensorDecodedValue_kiwrious, SensorReadResult_kiwrious, HeartRateResult_kiwrious, loadingBarType, paintImageType, exportPaintImageType, IOptVTKLoader, };

package/dist/types/types/types.d.ts

@@ -66,6 +66,7 @@ interface nrrdDragImageOptType {
 }
 interface nrrdDrawImageOptType {
     getMaskData?: (mask: ImageData, sliceId: number, label: string, width: number, height: number, clearAllFlag?: boolean) => void;
+    getSphereData?: (sphereOrigin: number[], sphereRadius: number) => void;
 }
 interface SensorDecodedValue_kiwrious {
     type: string;

package/dist/types/types.d.ts

@@ -66,6 +66,7 @@ interface nrrdDragImageOptType {
 }
 interface nrrdDrawImageOptType {
     getMaskData?: (mask: ImageData, sliceId: number, label: string, width: number, height: number, clearAllFlag?: boolean) => void;
+    getSphereData?: (sphereOrigin: number[], sphereRadius: number) => void;
 }
 interface SensorDecodedValue_kiwrious {
     type: string;